@charset "utf-8";

/************************************************************************
 - file name : layout.css
 - summary   : layout style
 - date      : 2017.10.30
************************************************************************/

/* layout_pop_A layerPop_A */
.layout_layerPop_A {display:none; position:fixed; top:0px; left:0px; z-index:149998; width:100%; height:100%;}
.layout_layerPop_A .bg_layerPop_A {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:49999; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layerPop_A {position:absolute; left:50%; top:50%; z-index:60000; width:310px;  background:#fff; border-radius:10px; box-shadow:0 0 120px #000; white-space:normal;}

.header_2P {display:inline-block; width:100%;  background:#283C64; border-bottom:1px solid #283C64; border-radius:10px 10px 0 0; text-align:center; font-size:18px; color:#fff; line-height:22px;}
.cont_lP {background:#fff;}
.cont_lP_B {padding:10px; background:#fff;}
.cont_lP_BB {padding:10px; background:#fff; border-top:1px solid #ccc;}
.scroll_lP {overflow-y:auto;}

.layerPop_A_sel .scroll_lP {height:240px;}
.layerPop_A_sel.sel_3n .scroll_lP {height:144px;}
.sel_3n .scroll_lP {height:144px;}
#layerPop_A_worker .scroll_lP {height:143px;}
#layerPop_A_worker_2 .scroll_lP {height:239px;}
.layerPop_A_repair_detail .scroll_lP {height:360px;} /* º¸¼ö³»¿ªÁ¤º¸ 1221 add */
@media all and (min-width:768px) {
.layerPop_A_sel .scroll_lP {height:480px;}
.layerPop_A_sel.sel_3n .scroll_lP {height:144px;}
}

.layerPop_A .area_message {background:#fff; padding:0 0 0 71px;}
.layerPop_A .area_message .message {width:100%; padding:31px 11px 30px 0px;}
.layerPop_A .msg_message {background:#fff url('../images/icon_msg_message.png') no-repeat 20px 50%; background-size:40px 40px;}
.layerPop_A .msg_error {background:#fff url('../images/icon_msg_error.png') no-repeat 20px 50%; background-size:40px 40px;}
.layerPop_A .msg_del {background:#fff url('../images/mobile/pop/icon_msg_del.png') no-repeat 20px 50%; background-size:40px 40px;}

.area_btn_lP {background:#fff; border-top:1px solid #b8b9bc; border-radius:0 0 10px 10px;}
.btn_lP_A, 
.btn_lP_AB, 
.btn_lP_ABB {float:left; width:100%; height:47px; border-right:1px solid #b8b9bc; text-align:center; font-weight:bold; font-size:16px; line-height:47px;}
.btn_lP_AB {color:#646464;}
.btn_lP_ABB { color:#646464;}
.area_btn_lP a:last-child {border-right:0px;}
.btn_lP_A.bg_touch {background:#e0e0e0; border-radius:0 0 0 10px;}
.btn_lP_AB.bg_touch {background:#e0e0e0; border-radius:0 0 10px 0;}
.btn_lP_ABB.bg_touch {background:#e0e0e0; border-radius:0 0px 10px 10px;}

.layout_pop_A {display:none; position:fixed; top:0px; left:0px; z-index:149998; width:100%; height:100%;}
.layout_pop_A .bg_pop_A {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:49999; background:#000; opacity:.5; filter:alpha(opacity=50);}
.block {display:block;}
.pop_A {position:absolute; left:0px; top:0px; z-index:50000; width:100%; height:100%; background:#fff; white-space:normal;}
.layout_pop_A .header_pop {display:block; position:fixed; left:0px; top:0px; z-index:50010; width:100%; height:50px; padding:0 0 0 15px; background:#60bb46; text-align:left; font-weight:bold; font-size:18px; color:#fff; line-height:50px;}
.cont_pop {width:100%; height:100%; padding:50px 0 50px 0;}
.scroll_pop {background:#fff;} 

.layout_pop_A .area_btn_pop {position:fixed; left:0px; bottom:0px; width:100%; height:50px; background:#454545;}
.btn_pop_A,
.btn_pop_AB {float:left; width:100%; height:50px;  background:#454545; text-align:center; vertical-align:middle; font-size:16px; color:#fff; line-height:50px;}
.btn_pop_AB {background:#2476ff;}
.btn_pop_A.bg_touch {background:#2c2c2c;}
.btn_close_pop_A {position:absolute; right:0px; top:0px; z-index:50011; width:50px; height:50px; background:url('../images/mobile/pop/btn_close_pop_A.png') no-repeat 50% 50%; background-size:17px 17px; text-indent:-100000px;}
.btn_close_pop_A.bg_touch {background:#42a22c url('../images/mobile/pop/btn_close_pop_A.png') no-repeat 50% 50%; background-size:17px 17px;}

.layout_pop_A_2 {display:none; position:fixed; top:0px; left:0px; z-index:49998; width:100%; height:100%;}
.layout_pop_A_2 .bg_pop_A_2 {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:49999; background:#000; opacity:.5; filter:alpha(opacity=50);}
.block {display:block;}
.pop_A_2 {position:absolute; left:50%; top:50%; z-index:50000; width:300px; height:300px; margin:-150px 0 0 -150px; background:#fff; white-space:normal;}
.layout_pop_A_2 .header_pop (width:300px; height:50px; padding:0 0 0 15px; background:#60bb46; text-align:left; font-weight:bold; font-size:18px; color:#fff; line-height:50px;)
.layout_pop_A_2 .area_btn_pop { width:300px;}
/* E layout_pop_A layerPop_A */
 
.list_sel li {position:relative; border-top:1px solid #ccc; }
.list_sel li:first-child {border-top:1px solid #fff;}
.list_sel li label {display:inline-block; width:100%; padding:14px 7px 13px 32px; background:#fff url('../images/mobile/common/input_radio.png') no-repeat 10px 50%; background-size:18px 18px;}
.list_sel li:nth-child(even) label {background:#f8f8f8 url('../images/mobile/common/input_radio.png') no-repeat 10px 50%; background-size:18px 18px;}
.list_sel li input {position:absolute; left:0px; top:0px; z-index:2; filter:alpha(opacity=0); opacity:.0;} 
.list_sel li input[type="radio"]:checked + label {background:#fff url('../images/mobile/common/input_radio_checked.png') no-repeat 10px 50%; background-size:18px 18px;}
.list_sel li:nth-child(even) input[type="radio"]:checked + label {background:#f8f8f8 url('../images/mobile/common/input_radio_checked.png') no-repeat 10px 50%; background-size:18px 18px;}

.list_worker li {border-top:1px solid #ccc;}
.list_worker li:nth-child(even) {background:#f8f8f8;}
.list_worker li:first-child {border-top:0px;}
.list_worker li input {position:absolute; left:0px; top:0px; z-index:2; filter:alpha(opacity=0); opacity:.0;} 
.list_worker li label {display:block; padding:13px 7px 14px 32px; background:url('../images/mobile/common/input_radio.png') no-repeat 10px 50%; background-size:18px 18px;}
.list_worker li input[type="radio"]:checked + label {background:url('../images/mobile/common/input_radio_checked.png') no-repeat 10px 50%; background-size:18px 18px;}
.list_worker li strong {display:inline-block; padding:0 5px 0 0;}
.list_worker li span {display:inline-block;}

/* Æò¸éµµ º¸±â */
#layerPop_A_planeFigure {width:310px;}
#layerPop_A_planeFigure .cont_lP {border-radius:10px 10px 0 0;}
.planeFigure {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;  height:400px; padding:10px; text-align:center; vertical-align:middle;}
.planeFigure img {display:inline-block; max-width:100%;  max-height:100%; vertical-align:middle;}
/* E Æò¸éµµ º¸±â */

/* ´Þ·Â */
#layerPop_A_calendar .cont_lP {padding:10px 0px; border-radius:0 0 10px 10px;}
.table_calendar {width:294px; margin:0px auto;}
.table_calendar th {width:42px; height:38px; text-align:center; color:#464646;}
.table_calendar th.sunday {color:#ff5500;}
.table_calendar td {width:42px; height:38px; text-align:center;}
.table_calendar td a {display:inline-block; width:33px; height:33px; background:#fff; border-radius:33px; text-align:center; vertical-align:middle; font-weight:bold; color:#464646; line-height:33px;}
.table_calendar td a.on {background:#2baaa8; color:#fff;}
.title_calendar {font-size:17px; color:#fff;}
.btn_pre_calendar, 
.btn_next_calendar {display:inline-block; position:absolute; top:0px; width:8px; width:50px; height:48px;}
.btn_pre_calendar {left:0px; background:url('../images/mobile/pop/btn_pre_calendar.png') no-repeat 50% 50%; background-size:8px 13px;} 
.btn_next_calendar {right:0px; background:url('../images/mobile/pop/btn_next_calendar.png') no-repeat 50% 50%; background-size:8px 13px;}
/* E ´Þ·Â */
	
/* ¼­¸í */
.layout_pop_A_signature .pop_A {background:#ddd;}
.cont_pop_signature {padding:60px 10px;}
.signature	{height:100%; background:#fff; border:1px solid #999;}
/* E ¼­¸í */

/* À̹ÌÁö ½½¶óÀ̵å */
.layout_pop_A_photoSlide {width:100%; height:100%;}
#pop_A_photoSlide {width:100%; height:100%;}
.cont_pop_photoSlide {overflow-y:scroll; width:100%; height:100%; padding:50px 0 50px 0 !important;}
.stepcarousel {width:100%; height:100% !important;}
.stepslider {display:block; width:100%; height:100%;}
.stepslider li {float:none; display:block; width:100%; height:100%  !important;}
.stepslider li div {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; width:100%; height:100% !important; background:#f0f0f0; text-align:center;}
.stepslider li div img {max-width:100%;max-height:100%;}
.slider-page {width:100%; height:50px; text-align:center; line-height:50px;}
.slider-page span {color:#999;}
.slider-page strong {color:#999;}
.slider-page strong.current-index {color:#fff;}
.next-prev {position:absolute; left:50%; bottom:0px; z-index:1000000; width:250px; margin-left:-125px; text-align:center}
.next-prev a {display:inline-block;  width:50px; height:50px; text-indent:-100000px;}
.next-prev a.view-prev {float:left; background:url('../images/mobile/pop/btn_slide_pre.png') no-repeat 50% 50%; background-size:10px 17px;}
.next-prev a.view-prev.bg_touch {background:#2c2c2c url('../images/mobile/pop/btn_slide_pre.png') no-repeat 50% 50%; background-size:10px 17px;}
.next-prev a.view-next {float:right; background:url('../images/mobile/pop/btn_slide_next.png') no-repeat 50% 50%; background-size:10px 17px;}
.next-prev a.view-next.bg_touch {background:#2c2c2c url('../images/mobile/pop/btn_slide_next.png') no-repeat 50% 50%; background-size:10px 17px;}
/* E À̹ÌÁö ½½¶óÀ̵å */

/* Æò¸éµµ º¸±â */
#layerPop_A_planeFigure {width:310px; height:px; margin:-228px 0 0 -155px;}

/* Á¡°Ë ¼öÇà ¿Ï·á */
#layerPop_A_msg_1 {width:310px; height:px; margin:-88px 0 0 -155px;}

/* ·Î±×ÀÎ ½ÇÆÐ */
#layerPop_A_msg_2 {width:310px; height:px; margin:-109px 0 0 -155px;}

/* ·Î±×ÀÎ ¿Ï·á */
#layerPop_confirm_comm {width:310px; height:px; margin:-88px 0 0 -155px;}

/* °³¹ß ***** ***** *****  */
#layerPop_A_msg_3,
#layerPop_A_msg_4,
#layerPop_A_msg_5,
#layerPop_A_msg_6,
#layerPop_A_msg_7 {width:310px; height:px; margin:-109px 0 0 -155px;}

/* ¼¾ÅÍ ÀÌ°ü */
.layout_layerPop_A_centerTransfer .layerPop_A {width:310px; height:361px; margin:-180px 0 0 -155px;}

/* ´Þ·Â */
#layerPop_A_calendar {width:310px; height:277px; margin:-138px 0 0 -155px;}

/* ´ã´çÀÚ */
#layerPop_A_worker {width:310px; /*height:400px;*/ margin:-200px 0 0 -155px;}
#layerPop_A_worker_2 {width:310px; height:375px; margin:-187px 0 0 -155px;}

/* Á¡°Ë ¼öÇà ¼±Åà */
.layerPop_A_sel {width:310px; height:336px; margin:-168px 0 0 -155px;}
@media all and (min-width:768px) {
.layerPop_A_sel {height:576px; margin:-288px 0 0 -155px;}
}

/* layerPop msg 1 line */
.msg_1n {height:177px; margin:-88px 0 0 -155px;}

/* layerPop msg 2 line */
.msg_2n {height:198px; margin:-99px 0 0 -155px;}

/* layerPop msg 3 line */
.msg_3n {height:217px; margin:-109px 0 0 -155px;}

/* layerPop sel 3 line */
.layerPop_A_sel.sel_3n {height:224px ; margin:-112px 0 0 -155px;}

/* º¸¼ö³»¿ªÁ¤º¸ 1221 add */
.layerPop_A_repair_detail {width:330px;  margin:-280px 0 0 -163px;}