@charset "utf-8";

/* layout */
.wrap{width:100%; height:100%; padding-top:55px; padding-bottom:56px;}
.container{width:100%; height:100%; /*overflow-y:auto;*/overflow-y:hidden;}

/* header */
header{margin-top:-55px; text-align:center; border-bottom:1px solid #ced4da; height:55px; position:relative; padding:11px 15px;}
header h1{padding:4px 0; display:inline-block;}
header h1 img{margin:0 auto;}
header .allMenu{float:left; width:28px; height:19px; overflow:hidden; margin-top:8px; text-indent:-9999px; background-image:url(../../images/mobile/ic_menu.png); background-repeat:no-repeat; background-position:0 0; background-size:28px 19px; background-color:transparent;}
header .logout{float:right; padding:6px; border:1px solid #ced4da; font-size:11px; margin-top:2px;}
.headerWrap{margin-left:-240px; width:240px; height : 100%; position : fixed; top : 0px; left : 0; z-index : 101; background-color : #fff; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; overflow-x:hidden;}
.gnb{width:100%; height:100%; display:inline-block; vertical-align:top; background-image:url(../../images/mobile/bg_gnb.png); background-repeat:no-repeat; background-position:right bottom; background-color:#f1f3f5;}
.gnb > h2{padding:15px 31px 15px 15px; border-bottom:1px solid #e9ecef;}
.gnb > h2 img{width:118px; height:21px;}
.gnb .close{position:absolute; top:18px; right:15px; width:16px; height:16px; text-indent:-9999px; background-image:url(../../images/mobile/ic_close.png); background-repeat:no-repeat; background-position:0 0; background-color:transparent; }
.gnbMenu{}
.gnbMenu > li{text-align:left;padding:0 15px;}
.gnbMenu > li > a{display:block; padding:15px 10px; font-weight:600; position:relative;}
.gnbMenu > li > a:hover, .gnbMenu > li > a.active{color:#00a651; background-image:url(../../images/mobile/bg_on.png); background-repeat:repeat-x; background-position:left bottom;}
.page_cover{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,0.7); z-index: 100; display: none;}
body.open{overflow:hidden; position:fixed; height:100%;}
.headerWrap.open { left : 0px; overflow-y:auto;}

/* 로그인 페이지 */
#Login{}
#Login .wrap{display:table; padding-top:0;}
#Login .loginFrm{display:table-cell; text-align:center; vertical-align:middle; padding:30px;}
#Login .loginBox{max-width:420px; margin:0 auto;}
#Login h1 img{margin:0 auto 30px auto;}
#Login .inputBox{}
#Login .inputBox input{border:1px solid #adb5bd; width:100%; height:28px; display:block; padding:6px; margin-bottom:10px;}
#Login .save{overflow:hidden; margin-bottom:10px; text-align:left;}
#Login .btnLogin{display:block; width:100%;}

/* 메인 페이지 */
#Main{}
#Main .wrap{padding-top:56px;}
#Main header{margin-top:-56px; padding:0;}

.tabMenu{overflow:hidden; border-top:1px solid #ced4da; background-color:#f1f3f5; z-index:9;}
.tabMenu > li{float:left; width:25%; text-align:center; background-image:url(../../images/mobile/ic_bar.png); background-repeat:no-repeat; background-position:right center;}
.tabMenu > li:last-child{background-image:none;}
.tabMenu > li > a{display:block; height:55px; line-height:55px; font-weight:600; position:relative;}
.tabMenu > li > a:hover, .tabMenu > li > a.active{color:#00a651; background-image:url(../../images/mobile/bg_on.png); background-repeat:repeat-x; background-position:left bottom;}

/* 서브 페이지 */
.title{font-size:16px; text-align:center; padding:10px; border-bottom:1px solid #ced4da; font-weight:600;}

/* 이미지 슬라이드 */
.adImg{ width:100%; height:100%;}
.adList{width:100%; height:100%; padding:10px; position:relative; overflow:hidden !important;}
.adList > li{width:100%; height:100%;}
.adList > li > img{max-width:100%; width:100%; height:100%;}
.btnArea{}
.btnArea > button{display:inline-block; width:37px; height:52px; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; margin-top:-26px; text-indent:-9999px; background-color:#adb5bd;}
.btnArea > .btn_prev{background-image:url(../../images/mobile/ic_prev.png); left:10px;}
.btnArea > .btn_next{background-image:url(../../images/mobile/ic_next.png); right:10px;}


.innerCon{padding:10px; width:100%; height:100%; position:relative;}
.innerCon h3{margin-bottom:10px; font-size:14px; font-weight:600; border-bottom:1px solid #ced4da; padding-left:20px; padding-bottom:10px; background-image:url(../../images/mobile/tit_bg.png); background-repeat:no-repeat; background-position: 8px 5px; color:#495057;}
.checkList{overflow:hidden;}
.checkList > li{float:left; width:50%; margin-bottom:10px;}
.checkList > li.mapCheckList{float:left; width:33.33%; margin-bottom:10px;}

.camera{border:1px solid #ced4da; margin:10px 0; height:250px;}

.searchFrm{position:relative;}
.search{overflow:hidden; margin:15px 0; padding-left:70px;}
.search > dt, .search > dd{margin-bottom:10px;}
.search > dt:last-of-type, .search > dd:last-of-type{margin-bottom:0;}
.search > dt{float:left; clear:both; width:70px; padding:0 10px; margin-left:-70px; line-height:23px;}
.search > dd{float:left; width:100%;}
.search > dd input{width:100%; height:28px; padding:6px; border:1px solid #adb5bd; }
.search > .calendar{padding-left:15px; font-size:0;}
.search > .calendar input{width:50%; background-image:url(../../images/mobile/ic_calendar.png); background-repeat:no-repeat; background-position:right 6px center; /*background-size:13px 13px;*/ font-size:12px; padding-right:23px; text-align:center; display:inline-block; vertical-align:top;}
.search > .calendar input:first-of-type{margin-left:-15px;}
.search > .calendar .arrow{width:15px; display:inline-block; font-size:12px; text-align:center; line-height:28px;}
.search .name{position:relative;}
.search .name input{padding-right:41px;}
.search .btnSearch{position:absolute; right:0; top:0; width:35px; height:100%; font-size:12px; padding:6px; background-color:#adb5bd; background-image:url(../../images/mobile/ic_search.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; border-color:#adb5bd;}

.mapArea{border:1px solid #ced4da; display: inline-block; width: 100%; vertical-align: top;}
.mapArea > div{text-align:center; display:inline-block;}
.mapArea > div img{width:40px; height:auto; margin:0 auto;}

.tableWrap{/*margin-bottom:10px; */overflow-x:hidden; overflow-y:scroll;}
.tableWrap > table{width:100%;}
.tableWrap > table th, .tableWrap > table td{text-align:center; vertical-align:middle; padding:8px;}
.tableWrap > table th{background-color:#495057; color:#e9ecef; border:1px solid #343a40; font-size:11px;}
.tableWrap > table td{border:1px solid #ced4da; font-size:12px;}
/*.tableWrap > table tr:hover td, .tableWrap > table tr:nth-child(odd) td{background-color:#e7f7ed;}*/
.tableWrap > table tr:hover td {background-color:#e7f7ed;}

/* faq */
.faqCon{overflow-y:auto; padding:15px 10px;}
.faqList{border-top:2px solid #252525; border-bottom:2px solid #252525;}
.faqList > dt{padding:15px 34px 15px 15px; border-top:1px solid #aaa; overflow:hidden; background-image:url(../../images/mobile/open.png); background-repeat:no-repeat; background-position:right 8px center; background-size:18px 11px;}
.faqList > dt.open{background-image:url(../../images/mobile/close.png);}
.faqList > dt:first-of-type{border-top:none;}
.faqList > dt .txt{float:left;}
.faqList > dt .collapse{float:right; margin-right:-15px; width:15px; height:15px; overflow:hidden;}
.faqList > dd{background-color:#f1f1f1; border-top:1px solid #aaa; padding:15px; display:none; line-height:20px;}

/* 1:1 상담 */
.qnaCon{overflow:hidden;}
.qnaCon dt{margin-bottom:10px; font-size:14px; font-weight:600; border-bottom:1px solid #ced4da; padding-left:20px; padding-bottom:10px; background-image:url(../../images/mobile/tit_bg.png); background-repeat:no-repeat; background-position: 8px 5px; color:#495057;}
.qnaCon dd{padding-bottom:20px;}
.qnaCon dd:last-of-type{padding-bottom:0;}
.qnaCon table{width:100%;}
.qnaCon th, .qnaCon td{vertical-align:middle; padding:8px;}
.qnaCon th{background-color:#495057; color:#e9ecef; border:1px solid #343a40; font-size:11px; text-align:center;}
.qnaCon td{border:1px solid #ced4da; font-size:12px; }
.qnaCon td input, .qnaCon td select, .qnaCon td textarea{border:1px solid #adb5bd; height:28px; display:inline-block; padding:6px; font-size:12px; vertical-align:middle;}
.qnaCon td input[type=text]{padding:6px; width:100%;}
.qnaCon td select{padding:0;}
.qnaCon td textarea{width:100%; height:150px; overflow-y:auto;}
.qnaCon .contactArea .selectArea{padding-left:40px; display:inline-block;}
.qnaCon .contactArea .selectArea > input{float:left; width:30%; text-align:center;}
.qnaCon .contactArea .selectArea > select{float:left; margin-left:-40px; width:40%;}
.qnaCon .emailArea{padding-left:30px;}
.qnaCon .emailArea > input{float:left; width:50%;}
.qnaCon .emailArea > input:first-child{margin-left:-20px;}
.qnaCon .emailArea .selectArea select{margin-left:-20px;}
.qnaCon td .hippen{font-size:14px; float:left; line-height:24px; width:20px; text-align:center;}
.qnaCon td .selectArea{display:inline-block; margin-top:10px; float:none; clear:both; width:100%;}