@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', sans-serif; color:#231f20; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings:'liga';}


/* SKIP_NAV */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; min-width:1200px; overflow:hidden; position:relative;}

/* HEADER */
#header{width:100%; height:auto; position:fixed; min-width:1200px; background-color:#fff; z-index:103; border-bottom:1px solid #eee;}
#header .headerTop{width:1200px; height:92px; box-sizing:border-box; margin:0 auto; position:relative;}
#header .headerTop h1{margin-top:27px; float:left;}
#header .headerTop h1 a{display:block; width:100%; height:auto; }
#header .headerTop .menuBox{display:inline-block; vertical-align:top; float:right; font-size:0; margin-right:60px;}
#header .headerTop .languageSelector{position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:104;}
#header .headerTop .menuBox .menuItem{display:inline-block; vertical-align:top; box-sizing:border-box; width:auto; height:92px; position:relative;}
#header .headerTop .menuBox .menuItem + .menuItem{margin-left:62px;}
#header .headerTop .menuBox .menuItem:last-child{padding-right:0;}
#header .headerTop .menuBox .menuItem .menuTitle{display:block; box-sizing:border-box; font-size:18px; font-weight:500; letter-spacing:-1px; line-height:92px; padding:0 18px; color:#000;}
#header .headerTop .menuBox .menuItem .subMenuBox{width:170px; height:auto; max-height:0; position:absolute; top:100px; left:50%; margin-left:-85px; -webkit-box-shadow:8px 8px 40px rgba(0,0,0,.53); box-shadow:8px 8px 40px rgba(0,0,0,.53); -webkit-transition:all 0.5s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; z-index:2;}
#header .headerTop .menuBox .menuItem:hover .subMenuBox{max-height:500px; top:90px;}
#header .headerTop .menuBox .menuItem .subMenuBg{width:100%; height:auto; position:relative;}
#header .headerTop .menuBox .menuItem .subMenuBg .inBox{width:100%; height:0; overflow:hidden;}
#header .headerTop .menuBox .menuItem:hover .subMenuBg::before{content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:11px solid #fff; position:absolute; top:-11px; left:50%; margin-left:-4px; z-index:3;}
#header .headerTop .menuBox .menuItem:hover .subMenuBg .inBox{height:auto;}
#header .headerTop .menuBox .menuItem .subMenuBox .subMenuList{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:2; background-color:#fff; padding:22px 22px 13px 22px; overflow:hidden;}
#header .headerTop .menuBox .menuItem .subMenuBox .subMenuList .listItem{width:100%; height:auto; box-sizing:border-box;}
#header .headerTop .menuBox .menuItem .subMenuBox .subMenuList .listItem a{display:block; width:100%; height:auto; box-sizing:border-box; position:relative; font-size:16px; font-weight:500; letter-spacing:-1px; line-height:1; padding:9px 4px;}
#header .headerTop .menuBox .menuItem .subMenuBox .subMenuList .listItem a::after{content:""; display:block; width:0; height:3px; background-color:#af8655; position:absolute; bottom:0; left:0;}
#header .headerTop .menuBox .menuItem .subMenuBox .subMenuList .listItem a strong{font-weight:700;}
#header .headerTop .menuBox .menuItem .subMenuBox .subMenuList .listItem a:hover::after{-webkit-animation-name:progressbar; animation-name:progressbar; -webkit-animation-duration:4s; animation-duration:.3s; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-direction:alternate; animation-direction:alternate; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.fixedDummy{width:100%; height:92px;}

@-webkit-keyframes progressbar {
    0% {width: 0;}
    100% {width:100%;}
}
@keyframes progressbar {
    0% {width: 0;}
    100% {width:100%;}
}

/* LANGUAGE SELECTOR */
.languageSelector{position:relative; display:inline-block;}
.languageSelector .currentLang{display:block; width:30px; height:30px; border-radius:50%; border:2px solid #fff; background-size:cover; background-position:center; cursor:pointer; transition:all 0.3s ease; box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.languageSelector .currentLang:hover{transform:scale(1.1); box-shadow:0 4px 12px rgba(0,0,0,0.25);}
.languageSelector .langDropdown{position:absolute; top:-6px; right:0; width:auto; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0 8px 25px rgba(0,0,0,0.15); opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; z-index:105; padding:6px;}
.languageSelector:hover .langDropdown,
.languageSelector.active .langDropdown{opacity:1; visibility:visible; transform:translateY(0);}
.languageSelector .langDropdown::before{content:""; position:absolute; top:15px; right:-6px; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #fff;}
.languageSelector .langList{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; width:32px;}
.languageSelector .langList li{margin:0; padding:0; width:32px; height:32px;}
.languageSelector .langList a{display:block; width:30px; height:30px; border-radius:50%; background-size:cover; background-position:center; border:2px solid #fff; transition:all 0.2s ease; position:relative; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.languageSelector .langList a:hover{transform:scale(1.1); box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.languageSelector .langList a.current{border:2px solid #af8655; box-shadow:0 0 0 1px #af8655;}
.languageSelector .langList a:hover::after{content:attr(data-tooltip); position:absolute; top:50%; left:-10px; transform:translate(-100%, -50%); background:#333; color:#fff; padding:2px 6px; border-radius:3px; font-size:10px; white-space:nowrap; z-index:106;}

/* Language Selector Responsive */
@media screen and (max-width: 1200px) {
    #header .headerTop{width:100%; padding:0 20px;}
    #header .headerTop .menuBox{margin-right:70px;}
    #header .headerTop .languageSelector{right:20px;}
}

@media screen and (max-width: 768px) {
    .languageSelector .currentLang{width:26px; height:26px;}
    .languageSelector .langDropdown{right:0; top:-6px; padding:5px;}
    .languageSelector .langList{width:30px; gap:3px;}
    .languageSelector .langList li{width:30px; height:30px;}
    .languageSelector .langList a{width:26px; height:26px;}
    .languageSelector .langList a:hover::after{left:-5px;}
    .languageSelector .langDropdown::before{top:13px;}
}

/* QUICK */
#quick{display:block; position:fixed; top:102px; left:50%; margin-left:600px; width:67px; height:auto; z-index:100; box-sizing:border-box; overflow:hidden; text-align:center;}
#quick .qCall, #quick .qLink{display:block; width:67px; height:auto; background-color:#af8655; box-sizing:border-box; border-radius:33.5px; color:#fff;}
#quick .qCall{padding-top:15px; padding-bottom:15px; font-size:16.46px; font-weight:400; letter-spacing:-0.7px; line-height:18.95px;}
#quick .qCall span.small{font-size:13.94px;}
#quick .qLink{margin-top:10px; height:67px; position:relative;}
#quick .qLink .inBox{display:block; width:100%; height:auto; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#quick .qLink .inBox div{font-size:12px; font-weight:700; letter-spacing:-1px; line-height:1; margin-top:6px;}
#quick .bg-quick_top{margin-top:19px;}

/* FOOTER */
#footer{width:100%; clear:both; position:relative; background-color:#000;}
#footer .inBox{width:1200px; height:auto; box-sizing:border-box; position:relative; padding-top:65px; padding-bottom:65px; margin:0 auto;}
#footer .inBox .termsLink{position:absolute; top:38px; right:0; font-size:0;}
#footer .inBox .termsLink button{display:inline-block; vertical-align:top; padding:0 20px; border-left:1px solid #353434; font-size:14px; font-weight:300; letter-spacing:-0.8px; line-height:1; color:#fff;}
#footer .inBox .termsLink a{display:inline-block; vertical-align:top; padding:0 20px; border-left:1px solid #353434; font-size:14px; font-weight:300; letter-spacing:-0.8px; line-height:1; color:#fff;}
#footer .inBox .termsLink .last{border-right:1px solid #353434;}
#footer .inBox .copyrightBox{width:100%; height:auto; box-sizing:border-box;}
#footer .inBox .copyrightBox .copyright{margin-top:24px;}
#footer .inBox .copyrightBox .copyright .boxText1{font-size:15px; font-weight:300; letter-spacing:-0.8px; line-height:1; color:#fff; opacity:0.4;}
#footer .inBox .copyrightBox .copyright .boxText1 strong{display:inline-block; vertical-align:top; font-weight:500; color:#c6a782;}
#footer .inBox .copyrightBox .copyright .boxText2{font-size:14px; font-weight:300; letter-spacing:0; line-height:1; color:#fff; opacity:0.4; margin-top:10px; text-transform:uppercase;}
#footer .inBox .footerSnsBox{position:absolute; bottom:71px; right:0; font-size:0;}
#footer .inBox .footerSnsBox .title{display:inline-block; vertical-align:top; font-size:18px; font-weight:400; letter-spacing:-0.8px; color:#fff; line-height:51px; margin-right:23px;}
#footer .inBox .footerSnsBox a + a{margin-left:14px;}

#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:305px; left:50%; position:absolute; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-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 {height:37px; text-align:center; font-size:13px; margin-top:30px; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:32px; height:32px; line-height:32px; 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:#023c8d; display:inline-block; text-align:center; width:32px; height:32px; font-weight:700; line-height:32px;}
.paging .btn_prev {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-right:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-left:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}

.paging2 {text-align:center; font-size:18px; position:relative; line-height:18px; color:#aeaeae;}
.paging2  a{color:#aeaeae; vertical-align:top;}
.paging2 .link_page {display:inline-block; font-weight:500; font-size:18px; line-height:18px; margin-left:-1px;}
.paging2 .link_page:hover{position:relative; z-index:1; color:#f2cc81;}
.paging2 .link_page_on{position:relative; z-index:1; display:inline-block; font-size:18px; font-weight:700; line-height:18px; color:#f2cc81;}
.paging2 .paging_slash{display:inline-block; margin:0 10px;}
.paging2 .btn_prev {display:inline-block; text-align:center; width:auto; height:18px; margin-right:10px; box-sizing:border-box; padding:2.5px 0;}
.paging2 .btn_next {display:inline-block; text-align:center; width:auto; height:18px; margin-left:10px; box-sizing:border-box; padding:2.5px 0;}

.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;}
.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:31px; box-sizing:border-box; padding:4px 10px 5px; border:1px solid #d8d8d8;}
button{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:100px;}
.width1_5{width:150px;}
.width2{width:200px;}
.width3{width:300px;}
.width4{width:400px;}
.width5{width:500px;}
.width6{width:600px;}
.width7{width:700px;}
.width8{width:800px;}
.width9{width:900px;}
.width10{width:100%;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin-top:45px;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 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:150px; height:50px; font-size:20px; text-align:center; line-height:48px; 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:150px; height:50px; font-size:20px; text-align:center; line-height:48px; 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:150px; height:50px; font-size:20px; text-align:center; line-height:48px; 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:150px; height:50px; font-size:20px; text-align:center; line-height:48px; 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:150px; height:50px; font-size:20px; text-align:center; line-height:48px; 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:150px; height:50px; font-size:20px; text-align:center; line-height:48px; 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:14px;}
.size2{font-size:16px;}
.size3{font-size:18px;}
.size4{font-size:20px;}
.size5{font-size:22px;}
.size6{font-size:24px;}
.size7{font-size:26px;}
.size8{font-size:28px;}
.size9{font-size:30px;}
.size10{font-size:32px;}
.size11{font-size:34px;}
.size12{font-size:36px;}
.size13{font-size:38px;}
.size14{font-size:40px;}

.color1{color:#000000 !important;}
.color2{color:#ffffff !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:1200px; height:715px; position:absolute; top:50%; left:50%; margin-top:-357.5px; margin-left:-600px; text-align:right;}
.youtube_bg .youtube_box .zClose{display:inline-block; vertical-align:top; width:40px; height:40px; background:url("../img/sub/close_btn2.png") no-repeat center top;}
.youtube_bg .youtube_box iframe{width:100%; height:675px; text-align:left; background:#000;}

/* sprite image */
.sprite{display:inline-block; vertical-align:top;}
.bg-head_logo{width:153px; height:69px; background:url('../img/comm/css_sprites.png') -10px -147px;}
.bg-quick_call{width:24px; height:22px; background:url('../img/comm/css_sprites.png') -264px -236px;}
.bg-quick_counsel1{width:24px; height:22px; background:url('../img/comm/css_sprites.png') -313px -10px;}
.bg-quick_counsel2{width:21px; height:19px; background:url('../img/comm/css_sprites.png') -313px -98px;}
.bg-quick_kakao{width:25px; height:25px; background:url('../img/comm/css_sprites.png') -254px -147px;}
.bg-quick_location{width:15px; height:26px; background:url('../img/comm/css_sprites.png') -313px -52px;}
.bg-quick_reserve{width:23px; height:25px; background:url('../img/comm/css_sprites.png') -221px -236px;}
.bg-quick_top{width:49px; height:49px; background:url('../img/comm/css_sprites.png') -152px -236px;}
.bg-sns_blog{width:51px; height:51px; background:url('../img/comm/css_sprites.png') -183px -147px;}
.bg-sns_insta{width:51px; height:51px; background:url('../img/comm/css_sprites.png') -10px -236px;}
.bg-sns_youtube{width:51px; height:51px; background:url('../img/comm/css_sprites.png') -81px -236px;}
.bg-foot_logo{width:283px; height:117px; background:url('../img/comm/css_sprites.png') -10px -10px;}