@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {z-index:1;font-family: 'Nanum Gothic';}
#wrap {padding-top:98px;min-width:1135px;}
#header {position:fixed;top:0;left:0;padding-top:32px;width:100%;height:99px;/*background-color:#3f3f3f;*/background-color:#fff; z-index:100;border-bottom: 1px solid #e9e9e9;}
#header .hgroup  {width:100%;height:66px;background-color:#fff; border-top:1px solid #e9e9e9;}
#header .section {margin:0 auto;width:1135px;}
#header .hgroup .section {padding:11px 0 13px;}
#header .hgroup .logo {float:left;width:170px;height:42px;}
#header .hgroup .logo a {display:block;width:100%;height:100%;background-image:url(../images/logo-hd.png);background-repeat:no-repeat;background-position:center center;}
#header .aside {margin-top:-1px;}
#header .aside .ad {position:absolute;top:0;left:50%;margin-left:-157px;padding-top:8px;width:314px;height:69px;text-align:center;background-image:url(../images/bg_head_ad.png);background-repeat:no-repeat;background-position:center center;}
#header .aside .ad span {display:block;font-size:14px;font-weight:700;line-height:18px;color:#12beb1;}
#header .aside .ad strong {display:block;font-size:27px;font-weight:900;line-height:28px;}

#nav {background-color:rgb(51,51,51);background-color:rgba(51,51,51,.9);border-bottom:1px solid #ececec;}
#nav .section:after {content:'';display:block;clear:both;}
#nav.on {border-bottom:0;}
#nav.on + .aside {margin-top:0;height:5px;border-bottom:1px solid #aaabab;background-color:#fff;}
#nav.on + .aside .ad {top:4px;}

#gnb {position:absolute;top:-98px;right:0;}
#gnb li {float:left;margin-right:0;padding:11px 20px;}
#gnb li:last-child {margin-right:0;padding-right:0;}
#gnb li a {display:block;position:static;font-family:'dotum';font-size:11px;line-height:11px;/*color:#fff;*/color:#888}
#gnb li a:after {content:'|';position:absolute;right:0;/*color:#838383;*/color:#888;}
#gnb li:last-child a:after {display:none;}

#lnb {float:right;display:table;width:855px;}
#lnb .dp1 {display:table-cell;width:171px;border-right:1px solid #393b3b;border-left:1px solid transparent;}
#lnb .dp1:last-child {border-right:1px solid transparent;}
#lnb a {display:block;text-align:center;}
#lnb .dp1 > a {position:absolute;top:-66px;left:-1px;padding:22px 0;width:171px;font-size:15px;line-height:26px;color:#444; font-weight:600;}
#lnb .dp1 > a span {display:block;font-size:16px;line-height:22px;}
#lnb .dp1 > .dpSection {display:none;padding:20px 0;width:100%;height:100%;}
#lnb .dp1 > .dpSection li a {padding:5px;font-size:14px;font-weight:500;line-height:20px;color:#fff;}
#lnb .dp1 > .dpSection li a:hover {color:#000;}
#lnb .dp1.on {background-color:#12beb1;}
#lnb .dp1.on a {color:#12beb1;}
#lnb .dp1.on:first-child {border-left:1px solid #393b3b;}
#lnb .dp1.on:last-child {border-left:1px solid #393b3b;}
#nav.on #lnb .dp1 > .dpSection {display:block;}

#footer {width:100%;border-top:1px solid #ececec;background-color:#fff;}
#footer > .fgroup {margin:0 auto;padding:19px 0 28px 0;width:1135px;height:97px;}
#footer > .fgroup .logo {display:block;position:absolute;top:31px;margin-top:0;width:164px;height:41px;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:center center;}
#footer > .fgroup .section {float:right;color:#444;}
#footer > .fgroup .section dt,
#footer > .fgroup .section dd {display:inline;}
#footer > .fgroup .section dt {margin-left:3px;}
#footer > .fgroup .info {float:left;margin-right:30px;font-size:11px;line-height:16px;text-align:right;}
#footer > .fgroup .info dt:after {content:' : ';}
#footer > .fgroup .info .address:after,
#footer > .fgroup .info .name:after {content:'';display:block;}
#footer > .fgroup .contact {float:left;font-size:12px;line-height:16px;}
#footer > .fgroup .contact li {padding:4px 0;}
#footer > .fgroup .contact dt:after {content:') ';}
#footer > .fgroup .copyright {position:absolute;bottom:10px;right:0;font-size:10px;line-height:12px;color:#999;}

#wrap.index #nav {border-bottom:0;}
#wrap.index #footer {border-top:0;}

.reserv_box {display:none;}
.reserv_box.active {display:block;}


.popup .visual_slide {width:614px;height:628px;}
.popup .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {text-align: right;padding-right:30px;bottom:18px;}
.popup .swiper-pagination-bullet {width:9px;height:9px;border:1px solid #fff;}
.popup .swiper-pagination-bullet-active {background: #fff;}
.popup .link {width:100%;height:100%;display: block;position: absolute;left:0;top:0;z-index: 2;}

.popup-bottom-con{height:26px; overflow:hidden;  line-height:26px}
.popup-bottom-con label{float:left; font-size:12px; color:#fff;}
.popup-bottom-con label input{margin-right:5px;}
.popup-bottom-con .close-btn, .popup-bottom-con .close-btn02{float:right; color:#fff; font-size:12px;}
.popup-bottom-con .close-btn, .popup-bottom-con .close-btn03{float:right; color:#fff; font-size:12px;}