@charset "utf-8";

html, body {width:100%; height:100%;}
#wrapper {position:relative; width:100%; min-width:1200px;}
#headerWrap {position:relative; width:100%; display:block; height:97px; background-color:#fff; z-index:100;}
#container {position:relative; width:100%; display:block; overflow:hidden;  z-index:1;}
#footer {width:100%; display:block;}


#gnb_wrap {position:relative; width:1200px; margin:0 auto; height:97px;}
#gnb_wrap .top_logo {position:relative; float:left;}
#gnb_wrap .top_logo a {margin-top:30px;}


/* gnb */
#gnb{position:relative; float:left; width:830px; height:100px; background:#fff; z-index:100;}
#gnb .gnb_menu{height:100px; margin-left:30px;}
#gnb .gnb_menu:after{display:inline-block;content:'';clear:both;}
#gnb .gnb_menu>li{display:inline-block;position:relative;text-align:center; float:left;}
#gnb .gnb_menu>li:first-child:after{display:none;}
#gnb .gnb_menu>li>a{display:inline-block; position:relative; padding:0 15px; font-size:15px; color:#333; font-weight:bold; line-height:100px; text-decoration:none;}
#gnb .gnb_menu>li:first-child > a {background:none;}
#gnb .gnb_menu>li>a.active{}
#gnb .gnb_menu>li>a.active:after{display:block; content:''; position:absolute; bottom:22px; left:50%; margin-left:-44px; width:90px; height:3px; background-color:#c32b2b;}
#gnb .gnb_menu .depth2{display:none;position:absolute; top:100px; left:50%; margin-left:-92px; width:100%; text-align:left;z-index:10;}
#gnb .gnb_menu .list_depth2{display:inline-block; background-color:#fff; box-shadow:1px 1px 3px rgba(69,52,27,0.2)}
#gnb .gnb_menu .list_depth2 li{width:180px;}
#gnb .gnb_menu .list_depth2 li a{display:block; padding:10px 13px; font-size:14px; color:#555; line-height:22px; border-top:1px solid #eaeaea; text-align:center;}
#gnb .gnb_menu .list_depth2 li a:hover{color:#555; background:#eeeeee; text-decoration:none;}

/*언어선택*/
.select_language {position:absolute; top:30px; right:0; width:52px;} 
.select_language button {display:block; width:52px; height:33px; font-size:12px; line-height:33px; padding:0 26px 0 8px; background:url(../../images/common/icon_language.png) no-repeat 85% 15px; color:#333; border-bottom:1px solid #6d6d6d;}
.select_language button:active, .select_language button:focus {background-color:#fff;}
.select_language > ul {display:none; background:#f8f8f8; width:52px; margin-left:2px;}
.select_language > ul > li > a {display:block; border-top:1px solid #d2d5d8; font-size:12px; background:#fff; text-align:center; padding:10px 0; color:#575e64;}
.select_language > ul > li > a:hover, .select_language > ul > li > a:focus {background:#5a5757; color:#fff; border-top:1px solid #6d6d6d; text-decoration:none;}

/*top sns*/
.top_sns_wrap {position:absolute; top:35px; right:60px;}
.top_sns_wrap ul {}
.top_sns_wrap ul li {float:left; margin:0 1px;}



/* foot address, logo, copyright */
#foot_address {width:100%; height:93px; background:#f7f7f7; border-top:1px solid #efefef;}
#foot_address .inner {position:relative; width:1200px; margin:0 auto;}
#foot_address .inner .foot_logo {position:absolute; top:0; right:0;}
#foot_address .inner address {margin-top:30px; font-size:13px; line-height:1.2em; color:#555; font-weight:300;}
#foot_address .inner .info {margin-top:7px; font-size:13px; line-height:1.2em; color:#555; font-weight:300;}
#foot_info .inner .copyright {margin-top:3px;}

#foot_copyright {width:100%; height:35px; background:#313439;}
#foot_copyright .inner {position:relative; width:1200px; margin:0 auto;}
#foot_copyright .inner .copyright {font-size:11px; line-height:normal; color:#fff; font-weight:300; padding:8px 0;}

/* top button */
.btn_top {position:absolute; bottom:180px; left:50%; margin-left:645px; text-align:center; z-index:10;}
.btn_top a {height:75px; width:51px; font-size:10px; color:#000; background:url(../../images/common/icon_top.gif) no-repeat center bottom; text-decoration:none;}

/* sub_visual */
#sub_visual {position:relative; width:100%; height:166px; overflow:hidden; min-width:1200px;}
#sub_visual.bg01 {background:url(../../images/sub/sub_visual01.jpg) no-repeat center top;}
#sub_visual .inner {position:relative; width:1200px; height:166px; margin:0 auto; text-align:center; display:table;}
#sub_visual .inner h3 {font-size:25px; color:#fff; line-height:normal; letter-spacing:3px; display:table-cell; vertical-align:middle;}


/* snb_wrap  */
#snb_wrap {position:relative; width:100%; height:56px; background:#e6e6e6; z-index:10; border-bottom:1px solid #dad6d6;}
#snb_wrap .inner {position:relative; width:1200px; height:56px; margin:0 auto;}
#snb_wrap .inner .btn_home {float:left; width:245px; height:56px; background:url(../../images/sub/btn_home_bg.gif) no-repeat right top;}
#snb_wrap .inner .btn_home a {width:246px; height:56px; text-align:center;}
#snb_wrap .inner .btn_home a span {padding-left:25px; background:url(../../images/sub/icon_home.png) no-repeat left center; font-size:13px; color:#848181; line-height:56px; font-weight:300;}

#snb {float:left;}
#snb > li {position:relative; float:left; width:218px;}
#snb > li.s01 {width:218px; background:url(../../images/sub/snb_s01_bg.gif) no-repeat right top;}
#snb > li.s01 > a {width:218px; height:56px; background:url(../../images/sub/snb_arrow.png) no-repeat 86% center; display:table; text-decoration:none;}
#snb > li.s01 > a span {font-size:13px; line-height:18px; color:#848181; text-align:center; font-weight:300; padding:0 40px 0 10px; vertical-align:middle; display:table-cell;}
#snb > li.s02 {width:218px; background:#f5f5f5 url(../../images/sub/snb_s02_bg.gif) no-repeat right top;}
#snb > li.s02 > a {width:218px; height:56px; background:url(../../images/sub/snb_arrow.png) no-repeat 86% center; display:table; text-decoration:none;}
#snb > li.s02 > a span {font-size:13px; line-height:18px; color:#848181; text-align:center; font-weight:300; padding:0 40px 0 10px; vertical-align:middle; display:table-cell;}

#snb > li > .snb_layer {display:none; position:absolute; width:216px; margin-left:-23px; background:#e6e6e6; overflow:hidden; border:1px solid #dad6d6;}
#snb > li > .snb_layer > ul {width:100%;}
#snb > li > .snb_layer > ul > li {width:100%; border-top:1px solid #dad6d6;}
#snb > li > .snb_layer > ul > li:first-child {border-top:0;}
#snb > li > .snb_layer > ul > li > a {padding:15px 30px; font-size:13px; color:#848181; font-weight:300; line-height:18px; text-decoration:none; display:block; background:url(../../images/sub/snb_layer_arrow_off.png) no-repeat 90% center;}
#snb > li > .snb_layer > ul > li > a:hover, #snb > li > .snb_layer > ul > li > a:focus {background:#f5f2f2 url(../../images/sub/snb_layer_arrow_on.png) no-repeat 90% center; color:#c85252;}

#snb_wrap .sub_util {float:right;}
#snb_wrap .sub_util .btn_reservation {float:left; width:146px; height:56px;}
#snb_wrap .sub_util .btn_reservation a {width:146px; height:56px; background:#302d2d; text-align:center}
#snb_wrap .sub_util .btn_reservation a:hover, #snb_wrap .sub_util .btn_reservation a:focus {background:#c32b2b;} 
#snb_wrap .sub_util .btn_reservation a span {background:url(../../images/sub/icon_reservation.png) no-repeat left center; padding-left:25px; font-size:12px; color:#fff; line-height:56px;}
#snb_wrap .sub_util .btn_contact {float:left; width:146px; height:56px;}
#snb_wrap .sub_util .btn_contact a {width:146px; height:56px; background:#666; text-align:center}
#snb_wrap .sub_util .btn_contact a:hover, #snb_wrap .sub_util .btn_contact a:focus {background:#c32b2b;} 
#snb_wrap .sub_util .btn_contact a span {background:url(../../images/sub/icon_contact.png) no-repeat left center; padding-left:25px; font-size:12px; color:#fff; line-height:56px;}


/* sub_title */
.sub_title {position:relative; height:119px; width:100%; border-bottom:1px solid #e8e8e8; background:#f6f6f6 url(../images/sub/sub_h4_line.png) no-repeat center bottom; display:table; text-align:center;}
.sub_title h4 {font-size:30px; color:#333; font-weight:bold; line-height:38px; display:table-cell; vertical-align:middle;}


/* sub conts */
#conts {min-height:500px; margin:0 auto; margin-top:80px; margin-bottom:80px;}