@charset "utf-8";

* {box-sizing: border-box;}
body {font-family: 'Noto Sans KR'; color: #666;}
.wrap {position: relative; width: 100%; min-width: 1240px; overflow: hidden;}
.guide, .board-wrap {width: 100%; max-width: 1200px; margin: 0 auto;}
.dim {display: none; width: 100%; z-index: 9997; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.4;}

/* 퀵메뉴 */
.quick {position: fixed; right: 0; top: 15%; z-index: 9995; width: 135px; padding: 15px 0; background-color: rgba(0,0,0,0.4); border-top-left-radius: 15px; border-bottom-left-radius: 15px; font-size: 12px; color: #fff; text-align: center;}
.quick ul {margin: 0 20px; padding: 20px 0; border-bottom: 1px solid rgba(246,246,246,0.5);}
.quick ul li {margin-bottom: 20px;  line-height: 140%; font-weight: 300;}
.quick ul li:last-child {margin-bottom: 0;}
.quick ul li img {margin-bottom: 5px;}
.quick ul li a .on, .quick ul li a:hover .off {display: none;}
.quick ul li a .off, .quick ul li a:hover .on {display: inline-block;}
.quick ul li a:hover {color: #27d095;}

.quick .top {display: inline-block; padding-bottom: 15px; color: #27d095; line-height: 23px;}
.quick .top span {font-size: 18px; font-weight: 700;}
.quick .tel {display: flex; justify-content: center; align-items: center; padding-top: 20px; font-size: 16px; color: #27d095; text-align: left; line-height: 20px;}
.quick .tel p {display: inline-block; padding-left: 10px;}
.quick .tel span {font-weight: 700;}

/* 퀵메뉴 팝업 */
.quick_pop {display: none; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 900px; height: 700px;box-sizing: border-box; background: #fff;  z-index:99999; border-radius: 15px; font-size: 16px; line-height: 150%; color: #666;}
.quick_pop .title {position: relative; padding: 25px 0; background:#f79f32; text-align: center; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.quick_pop .title h2 {font-size: 30px; color:#fff; font-weight: 700;}
.quick_pop .title .close_btn {position: absolute; top: 50%; right: 20px; display: block; width: 30px; height: 30px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: url(../img/close_btn.png) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}

.quick_pop .box {height: 626px; padding: 50px 30px; overflow-y: scroll; box-sizing: border-box;}
.quick_pop .box .txt.gray {background-color: #fafafa; padding: 15px; margin: 30px 0 40px 0;}
.quick_pop .box .txt.contact {margin-top: 5px;}
.quick_pop .box .tit {display: inline-block; margin-bottom: 10px; font-size: 20px; color: #333; font-weight: 700;}
.quick_pop .box .more {color: #e1803e;}
.quick_pop .box .more b {color: #333; text-decoration: underline;}
.quick_pop .box .confirm_btn {display: block; width: 239px; height: 66px; margin: 0 auto; text-align: center; font-size: 18px; font-weight: 500; line-height: 66px; color:#828282; border: 1px solid #c0c0c0; cursor: pointer;}

.quick_pop .box .tb { border:0; padding:0; border-collapse:collapse; font-size:14px; width:100%; }
.quick_pop .box .tb .cen {text-align: center;}
.quick_pop .box .tb th { border-top : 2px solid #e1803e; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; background-color:#fafafa; color:#333; padding: 20px 5px; font-weight: 700; text-align:center;}
.quick_pop .box .tb th:last-of-type {border-right: none;}
.quick_pop .box .tb td {border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 20px;}
.quick_pop .box .tb td:last-of-type {border-right: none;}

.quick_calcul .facility_calc {background-color: #fafafa; padding: 15px;}
.quick_calcul .facility_calc .select_box {margin-bottom: 20px;}
.quick_calcul .facility_calc .select_box .select_box1, .quick_calcul .facility_calc .select_box .select_box2 {margin: 10px 0; padding: 5px 10px; background-color: #fff2e2; border-radius: 5px; border: 1px solid #e1803e; color: #333;}
.quick_calcul .facility_calc .select_box .tot, .quick_calcul .facility_calc .select_box .right, .quick_calcul .facility_calc .calc_total .calc_sum {width: 220px; padding: 5px 10px; background-color: #fff; border-radius: 5px; border: 1px solid #ebebeb;}
.quick_calcul .facility_calc .select_box .right {width: 60px;}
.quick_calcul .facility_calc .calc_total {color: #e1803e; font-weight: 500;}
input.cals_reset { width: 196px; height: 52px; line-height: 51px; border-style: none; background-color: #f79f32; color: #fff; cursor: pointer; text-align: center;}

/* 헤더 */
#header {position: absolute; z-index: 99; top: 0; width: 100%; height: 110px; border-bottom: 1px solid rgba(255,255,255,0.15);}
#header .guide {position: relative;}
#header .logo {float: left; margin: 30px 0 0 10px;}
#header.fixed {position: fixed; top: 0;}

/* GNB */
#gnb {float: right; margin-top: 11px;}
#gnb > ul > li {position: relative; z-index: 9998; display: inline-block;}
#gnb > ul > li::before {content: ''; display: block; position: absolute; left: 0; bottom: -4px; z-index: 10; width: 100%; height: 4px; background: #f38b40; opacity: 0; transform: scaleX(0); transition: all 0.3s;}
#gnb > ul > li:hover::before {opacity: 1; transform: scaleX(1);}
#gnb > ul > li:hover ul {background-color: #fafafa;}
#gnb > ul > li > a {display: block; width: 148px; padding: 40px 0; color: #fff; font-size: 18px; text-align: center; font-weight: 500;}
#gnb ul ul {position: absolute; display: none; width: 100%; height: 350px; padding-top: 20px; border-right: 1px solid #ebebeb;}
#gnb > ul > li:first-child > ul {border-left: 1px solid #ebebeb;}
#gnb > ul > li:last-child > ul {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
#gnb ul ul li a {position: relative; display: block; width: 100%; padding: 18px 0; font-size: 16px; color: #666; text-align: center;}
#gnb ul ul li a::before {position: absolute;  left: 24px; top: 23px; content: ''; display: block; width: 7px; height: 7px; border-radius: 4px; background-color: #76a846; transform: scale(0); transition: transform 0.3s;}
#gnb ul ul li a:hover::before {transform: scale(1);}
#gnb.active {border-bottom: 1px solid #ebebeb;}

.gnb_bg {display: none; width: 100%; height: 350px; background-color: #fff; border-top: 1px solid #ebebeb;}
.gnb_bg .guide {margin-top: 55px;}

/* 푸터 */
#footer {padding: 47px 0 75px 0;}
#footer .guide {position: relative;}
#footer .logo_ft {float: left;}
#footer .cont {float: left; margin-left: 41px; padding: 1px 46px; border-left: 1px solid #ebebeb; font-size: 13px; color: #666; line-height: 22px;}
#footer .copy {font-size: 12px; color: #999;}
#footer .sns {float: right; margin: 14px 10px 0 0; font-size: 10px;}
#footer .sns li {display: inline-block; margin-right: 15px; color: #dadada; text-align: center; line-height: 140%;}
#footer .sns li:last-child {margin-right: 0;}
#footer .sns li:hover {color: #27d095;}
#footer .sns li a{display: block; width: 100%;}
#footer .sns .xi-2x {font-size: 32px;}
#footer .btn_top {position: absolute; width: 60px; height: 60px; border-radius: 30px; right: -80px; background-color: #dadada;}
#footer .btn_top:hover {background-color: #27d095;}


#footer .sns ul li a .on, #footer .sns ul li a:hover .off {display: none;}
#footer .sns ul li a .off, #footer .sns ul li a:hover .on {display: inline-block; width: 28px;}
#footer .sns ul li a:hover {color: #27d095;}

/* end */