@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

/* body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', Sans-Serif;font-family:'NanumGothic', '나눔고딕', Sans-Serif; color:#231f20;} */
body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; color:#000; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings:'liga';}
img{image-rendering: -webkit-optimize-contrast;}

/* WRAP */
#wrap{width:100%; min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;}

/* HEADER */
#header{width:100%; height:auto; max-width:750px; clear:both; position:fixed; background-color:#fff; z-index:105; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); border-bottom:1px solid #d0d0d0;}
#header .headerMain{width:100%; height:65.5px; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; overflow:hidden; position:relative;}
#header .headerMain .leftBox, #header .headerMain .rightBox{display:inline-block; vertical-align:top; width:71px; height:65.5px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
#header .headerMain .leftBox{float:left; border-right:1px solid #ccc;}
#header .headerMain .leftBox button{display:block; width:100%; height:100%; position:relative;}
#header .headerMain .leftBox button .sprite{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#header .headerMain .rightBox{float:right; border-left:1px solid #ccc;}
#header .headerMain .rightBox .sprite{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#header .headerMain .goHome{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.headerDummy{width:100%; height:66.5px; background-color:#fff;}

/* left_menu */
#gnb{position:fixed; width:100%; height:100%; top:0; left:-100%; z-index:150; overflow-y:auto; background-color:rgba(0,0,0,.7);}
.navFixed{background-color:#fff; position:absolute; top:0; left:0; height:auto; z-index:151; width:85%; min-height:100%;}
.nav_dummy{ position:absolute; width:100%; height:100%;}
#gnb #btn_nav_close{position: absolute; display:inline-block; top:15.5px; right:4%; z-index:152;}
#gnb .menuHead{width:100%; height:79px; box-sizing:border-box; padding:23px 0 0 6.3%; background:#fff; border-bottom:5px solid #dcdcdc; position:relative; text-align:left;}
#gnb .navBox{width:100%; height:auto; box-sizing:border-box; padding:4.5px 6.14% 0 6.14%; background-color:#fff;}
#gnb .navBox .menuBox{width:100%; height:auto; box-sizing:border-box; text-align:left;}
#gnb .navBox .menuBox .menuTitle{width:100%; height:auto; box-sizing:border-box; padding:17.5px 23px 17.5px 3px; font-size:1.267em; font-weight:500; line-height:1; color:#000; border-bottom:2px solid #e5e5e5; position:relative;}
#gnb .navBox .menuBox .menuTitle .menuArrow{display:block; width:16px; height:10px; position:absolute; top:50%; right:23px; overflow:hidden; margin-top:-5px; background-image:url("../img/comm/menu_arrow.png"); background-repeat:no-repeat; background-position:left bottom; background-size:16px 20px;}
#gnb .navBox .menuBox .menuTitle.on .menuArrow{background-position:left top;}
#gnb .navBox .menuBox .menuList{width:100%; height:auto; max-height:0; box-sizing:border-box; overflow:hidden; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
#gnb .navBox .menuBox .menuList .listItem{width:100%; height:auto; box-sizing:border-box;}
#gnb .navBox .menuBox .menuList .listItem:first-child{padding-top:17.5px;}
#gnb .navBox .menuBox .menuList .listItem:last-child{padding-bottom:17.5px;}
#gnb .navBox .menuBox .menuList .listItem + .listItem{margin-top:10px;}
#gnb .navBox .menuBox .menuList .listItem a{display:block; width:100%; height:auto; font-size:1.033em; font-weight:500; line-height:1.129;}
#gnb .navBox .menuBox .menuTitle.on + .menuList{max-height:600px;}

/* QUICK */
#quick{display:block; position:fixed; top:200px; right:5px; width:58px; height:auto; z-index:100; box-sizing:border-box; overflow:hidden; text-align:center;}
#quick a.qLink{display:block; width:100%; height:auto; padding-top:100%; text-align:center; border-radius:50%; overflow:hidden; background-color:#af8655; font-size:0.566em; font-weight:600; letter-spacing:-1px; line-height:1; color:#fff; box-sizing:border-box; position:relative;}
#quick a.qLink + a.qLink{margin-top:8px;}
#quick a.qLink .sprite{margin-bottom:5px;}
#quick .inBox{width:100%; height:auto; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#quick + .bg-quick_top{position:fixed; bottom:30px; right:14.25px; z-index:100;}
/* #topBtn{display:none; width:30px; height:34px; position:fixed; bottom:150px; right:5%; z-index:100;} */

/* FOOTER */
#footer{width:100%; height:auto; background-color:#2c2c2c; padding:40px 3.33% 55px 3.33%; text-align:center;}
#footer .snsBox{width:100%; height:auto; margin-bottom:27.5px;}
#footer .snsBox .boxTitle{font-size:0.964em; font-weight:400; letter-spacing:-0.8px; line-height:1; color:#fff; margin-bottom:17px;}
#footer .snsBox a + a{margin-left:10px;}
#footer .termsLink{width:100%; height:auto; margin-bottom:20px;}
#footer .termsLink .linkRow{width:100%; height:auto; font-size:0.87em; line-height:1;}
#footer .termsLink .linkRow + .linkRow{margin-top:11px;}
#footer .termsLink a{display:inline-block; vertical-align:top; box-sizing:border-box; font-size:1em; font-weight:300; letter-spacing:-0.8px; line-height:1; color:#fff;}
#footer .termsLink .linkRow a:nth-child(2){margin:0 20px; padding:0 15px; border-left:1px solid #575656; border-right:1px solid #575656;}
#footer .copyrightBox .boxText1{font-size:0.8em; font-weight:300; letter-spacing:-0.4px; line-height:1.541; color:#fff; opacity:0.4; margin-bottom:20.75px;}
#footer .copyrightBox .boxText1 strong{display:inline-block; font-weight:500; color:#c6a782;}
#footer .copyrightBox .boxText2{font-size:0.733em; font-weight:300; letter-spacing:0; line-height:1.3; color:#fff; opacity:0.4; text-transform:uppercase; margin-top:13px;}
#footer .copyrightBox .boxText3{font-size:0.733em; font-weight:400; letter-spacing:-0.4px; line-height:1.3; color:#fff; opacity:0.7; margin-top:8px;}
#footer .copyrightBox a{color:inherit;}

#preparePop{display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:150;}
#preparePop .popBg{width:100%; height:100%; position:relative; background-color:rgba(33,31,27,.63);}
#preparePop .popBg .popBox{top:50%; left:50%; position:absolute; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#preparePop .popBg .popBox .popImg{width:230px; height:230px; border-radius:50%; position:relative;}
#preparePop .popBg .popBox .popImg button{display:block; width:45px; height:45px; position:absolute; top:9px; right:7px; z-index:2; background:url("../img/sub/prepare_close.png") no-repeat center top;}

.pop_layer{display:none; width:100%; height:100%; background:url('../img/sub/bg_black.png'); position:fixed; top:0; left:0; z-index:999999; overflow-y:scroll;}
.pop_layer1 section{position:relative; width:700px; height:auto; background-color:#fff; margin:10% auto 0;}
.pop_layer section .pop_close{position:absolute; top:0; right:-60px}
.pop_layer section .title{padding:14px 20px; font-size:23px; letter-spacing:-1px; font-weight:700; background-color:#f6f6f6; color:#ee7000;}
.pop_layer section .title span{float:right; font-size:15px; font-weight:400; color:#666; padding-top:7px;}
.pop_layer section .text{font-size:15px; color:#797979; padding:20px 25px; line-height:1.4;}

/* PAGING */
.paging{text-align:center; font-size:12px; margin-top:30px; position:relative; margin-bottom:50px;}
.paging  a{color:#6d6d6d; background:#fff;}
.paging .link_page{border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:24px; height:24px; line-height:24px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#193b48; display:inline-block; text-align:center; width:24px; height:24px; font-weight:700; line-height:24px;}
.paging .btn_prev{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-right:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-left:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}


.lh10{line-height:1 !important;}
.lh11{line-height:1.1 !important;}
.lh12{line-height:1.2 !important;}
.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh145{line-height:1.45 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}
.lh20{line-height:2 !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
.ta_j{text-align:justify !important;}
.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.clear_box::after{content:""; display:block; width:0; height:0; clear:both;}

.fw1{font-weight:100 !important;}
.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

.wb_keep{word-break:keep-all;}

.inp{height:31px; box-sizing:border-box; padding:7px 10px; border:1px solid #d8d8d8;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:38px; box-sizing:border-box; padding:4px 10px 5px; border:1px solid #d8d8d8;}
button{font-family: 'Nanum Barun Gothic', '나눔바른고딕',sans-serif; border:0; padding:0; box-shadow:none; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}

.cp, .youtube_pop{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #d8d8d8;}

.width0{width:50px;}
.width1{width:10%;}
.width1_5{width:15%;}
.width2{width:20%;}
.width2_4{width:23.75%;}
.width2_5{width:24.72%;}
.width3{width:30%;}
.width4{width:40%;}
.width5{width:50%;}
.width6{width:60%;}
.width6_7{width:67%;}
.width7{width:70%;}
.width7_4{width:74%;}
.width8{width:80%;}
.width9{width:90%;}
.width9_3{width:93%;}
.width10{width:100%;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:400; margin:18px 0 20px 0;}
.btn_box2{width:100%; overflow:hidden; text-align:center; margin:18px 0 50px 0;}

a.btn_left_1, button.btn_left_1{float:left; margin-right:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:100px; height:35px; font-size:15px; text-align:center; line-height:30px; border:1px solid #959595; color:#fff; background-color:#959595;}
a.btn_left_2, button.btn_left_2{float:left; margin-right:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:100px; height:35px; font-size:15px; text-align:center; line-height:30px; border:1px solid #af8655; color:#fff; background-color:#af8655;}

a.btn_right_1, button.btn_right_1{float:right; margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:100px; height:35px; font-size:15px; text-align:center; line-height:30px; border:1px solid #959595; color:#fff; background-color:#959595;}
a.btn_right_2, button.btn_right_2{float:right; margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:100px; height:35px; font-size:15px; text-align:center; line-height:30px; border:1px solid #af8655; color:#fff; background-color:#af8655;}

a.btn_center_1, button.btn_center_1{margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:100px; height:35px; font-size:15px; text-align:center; line-height:30px; background-color:#af8655; border:1px solid #af8655; color:#fff;}
a.btn_center_2, button.btn_center_2{margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:100px; height:35px; font-size:15px; text-align:center; line-height:30px; background-color:#959595; border:1px solid #959595; color:#fff;}

.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.content_hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

/* font style */
.family1{font-family: 'Noto Sans KR';}
.family2{font-family: 'Noto Serif KR';}

.size1{font-size:12px;}
.size2{font-size:14px;}
.size3{font-size:16px;}
.size4{font-size:18px;}
.size5{font-size:20px;}
.size6{font-size:22px;}
.size7{font-size:24px;}
.size8{font-size:26px;}
.size9{font-size:28px;}
.size10{font-size:30px;}

.color1{color:#000 !important;}
.color2{color:#fff !important;}

.italic{font-style:italic;}
.underline{text-decoration:underline;}

/* background color */
.bgcolor1{background-color:#ffffff !important;}
.bgcolor2{background-color:#f4f6fa !important;}
.bgcolor3{background-color:#f6f1eb !important;}
.bgcolor4{background-color:#faf8f6 !important;}

/* 유튜브 영상 팝업 */
.youtube_bg{width:100%; height:100%; position:fixed; z-index:200; top:0; left:0; background:rgba(0,0,0,.7);}
.youtube_bg .youtube_box{width:90%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:right;}
.youtube_bg .youtube_box .zClose{display:inline-block; vertical-align:top; width:30px; height:30px; background:url("../img/sub/close_btn2.png") no-repeat center top; background-size:contain;}
.youtube_bg .youtube_box .frame_box{display:block; width:100%; height:auto; padding-top:56.25%; position:relative; text-align:left; background:#000;}
.youtube_bg .youtube_box iframe{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}

/* sprite image */

/* .bg-foot_blog{width:73px; height:73px; background: url('../img/comm/css_sprites.png') -412px -112px; background-size:253px 192.5px;}
.bg-foot_insta{width:73px; height:73px; background: url('../img/comm/css_sprites.png') -214px -132px; background-size:253px 192.5px;}
.bg-foot_logo{width:283px; height:102px; background: url('../img/comm/css_sprites.png') -10px -10px; background-size:253px 192.5px;}
.bg-foot_youtube{width:73px; height:73px; background: url('../img/comm/css_sprites.png') -10px -235px; background-size:253px 192.5px;}
.bg-head_call{width:47px; height:47px; background: url('../img/comm/css_sprites.png') -10px -328px; background-size:253px 192.5px;}
.bg-head_logo{width:183px; height:82px; background: url('../img/comm/css_sprites.png') -313px -10px; background-size:253px 192.5px;}
.bg-menu_close{width:56px; height:57px; background: url('../img/comm/css_sprites.png') -103px -235px; background-size:253px 192.5px;}
.bg-menu_logo{width:184px; height:83px; background: url('../img/comm/css_sprites.png') -10px -132px; background-size:253px 192.5px;}
.bg-quick_counsel{width:35px; height:38px; background: url('../img/comm/css_sprites.png') -266px -235px; background-size:253px 192.5px;}
.bg-quick_kakao{width:35px; height:38px; background: url('../img/comm/css_sprites.png') -321px -235px; background-size:253px 192.5px;}
.bg-quick_top{width:79px; height:79px; background: url('../img/comm/css_sprites.png') -313px -112px; background-size:253px 192.5px;}
.bg-quick_location{width:35px; height:38px; background: url('../img/comm/css_sprites.png') -376px -235px; background-size:253px 192.5px;}
.bg-all_menu{width:67px; height:43px; background: url('../img/comm/css_sprites.png') -179px -235px; background-size:253px 192.5px;} */

.sprite{display:inline-block; vertical-align:top;}
.bg-foot_blog{width:36.5px; height:36.5px; background: url('../img/comm/css_sprites.png') -206px -56px; background-size:253px 192.5px;}
.bg-foot_insta{width:36.5px; height:36.5px; background: url('../img/comm/css_sprites.png') -107px -66px; background-size:253px 192.5px;}
.bg-foot_logo{width:141.5px; height:51px; background: url('../img/comm/css_sprites.png') -5px -5px; background-size:253px 192.5px;}
.bg-foot_youtube{width:36.5px; height:36.5px; background: url('../img/comm/css_sprites.png') -5px -117.5px; background-size:253px 192.5px;}
.bg-head_call{width:23.5px; height:23.5px; background: url('../img/comm/css_sprites.png') -5px -164px; background-size:253px 192.5px;}
.bg-head_logo{width:91.5px; height:41px; background: url('../img/comm/css_sprites.png') -156.5px -5px; background-size:253px 192.5px;}
.bg-menu_close{width:28px; height:28.5px; background: url('../img/comm/css_sprites.png') -51.5px -117.5px; background-size:253px 192.5px;}
.bg-menu_logo{width:92px; height:41.5px; background: url('../img/comm/css_sprites.png') -5px -66px; background-size:253px 192.5px;}
.bg-quick_counsel{width:17.5px; height:19px; background: url('../img/comm/css_sprites.png') -133px -117.5px; background-size:253px 192.5px;}
.bg-quick_kakao{width:17.5px; height:19px; background: url('../img/comm/css_sprites.png') -160.5px -117.5px; background-size:253px 192.5px;}
.bg-quick_top{width:39.5px; height:39.5px; background: url('../img/comm/css_sprites.png') -156.5px -56px; background-size:253px 192.5px;}
.bg-quick_location{width:17.5px; height:19px; background: url('../img/comm/css_sprites.png') -188px -117.5px; background-size:253px 192.5px;}
.bg-all_menu{width:33.5px; height:21.5px; background: url('../img/comm/css_sprites.png') -89.5px -117.5px; background-size:253px 192.5px;}

/* font-size */
@media (max-width: 360px) and (orientation: portrait) {
.size1{font-size:10px;}
.size2{font-size:12px;}
.size3{font-size:14px;}
.size4{font-size:16px;}
.size5{font-size:18px;}
.size6{font-size:20px;}
.size7{font-size:22px;}
.size8{font-size:24px;}
.size9{font-size:26px;}
.size10{font-size:28px;}
}