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

/* wrap */
#wrap {
	position:relative;
	min-width:1140px;
	height: auto;
}
#main-content {width: 100%; }
.dim {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:20;}

/* dHead */
#dHead {
	position:absolute; top:0; left:0;
	width:100%;	min-width:1140px;
	height:170px;
	background:#fff;
	z-index:10;
	
}
#dHead h1 {position:absolute; top:36px; left:50%; margin-left:-570px; z-index:4;}
#dHead .global-utill {height:45px; background:#333;}
#dHead .global-utill > div {position:relative; width:1140px; height: 45px; margin:0 auto; }
#dHead .global-utill > div * {vertical-align:middle;}
#dHead .global-utill .sns {display:inline-block; margin-top: 9px; float: left;}
#dHead .global-utill .sns li {display:inline-block; margin-right:10px;}
#dHead .global-utill .sns li:last-child { margin-right: 0px; }
#dHead .global-utill .top-utill {display:inline-block; float: right; margin-top: 13px;}
#dHead .global-utill .top-utill > li {display:inline-block; margin-left:10px; padding-left:11px; background:url("../../img/common/top_utill_bar.png") no-repeat 0 3px;}
#dHead .global-utill .top-utill > li:first-child {margin-left: 0px; padding-left: 0; background:none;}
#dHead .global-utill .top-utill > li a {color:#fff; font-size:12px; font-weight: 300;}

/* gnb */
#gnb { position:relative;}
#gnb > ul {width:980px; margin:0 auto; padding:0 0 0 420px; padding-left: 24%;}
#gnb > ul:after {content:''; display:block; clear:both;}
#gnb > ul > li {position:relative; float:left; z-index:3;}
#gnb > ul > li:hover {z-index:4;}
#gnb > ul > li > div {display:block; min-width:58px; height: 75px; text-align: center; padding: 0px 33px; padding-top: 50px;}
#gnb > ul > li > div a{color:#333; font-size:17px; font-weight: 600; text-align: center;}
#gnb > ul > li > div a span{ font-size: 10px; font-weight: 300; color: #999; }
#gnb > ul > li > div:hover > a,
#gnb > ul > li > div.on > a,
#gnb > ul > li > a:focus {color:#f05251;}
#gnb > ul > li > ul {display:none; padding:0px; font-size:0; line-height:0; padding-top: 10px;}
#gnb > ul > li > ul > li {position:relative; font-size:0; line-height:0; text-align: left; padding-left:22px;}
#gnb > ul > li > ul > li > a {display:block; padding:4px 0 4px 0; color:#fff; font-size:14px; font-weight: 400; line-height: 25px;}
#gnb > ul > li > ul > li:hover {z-index:2;}
#gnb > ul > li > ul > li:hover > a,
#gnb > ul > li > ul > li:focus > a,
#gnb > ul > li > ul > li.on > a {color:#f05251;}
#gnb > ul > li > ul > li > div {position:absolute; top:-20px; left:79px; display:none; width:158px; padding:12px 0 12px 0; border:1px solid #df2121; background:#fff; box-shadow:0 3px 0 0 #e5e5e5;}
#gnb > ul > li > ul > li > div .arrow {position:absolute; top:31px; left:-5px;}
#gnb > ul > li > ul > li > div ul {}
#gnb > ul > li > ul > li > div ul li a {display:block; padding:0 0 0 20px; color:#666; font-size:14px; line-height:25px;}
#gnb > ul > li > ul > li > div ul li a:hover,
#gnb > ul > li > ul > li > div ul li a.on {color:#df2121;}
#gnb > ul > li > ul > li > div.depth2-2 {top:-11px; left:79px;}
#gnb > ul > li > ul > li > div.depth2-2 .arrow {top:22px;}
#gnb > ul > li > ul > li:hover > div {display:block;}
#gnb .bg-banner {position:absolute; top:125px; left:0; display:none; width:100%; height: 180px; border-bottom: 3px solid #f05251; background-image: url("../../img//common/gnb_bg.png"); background-repeat: repeat-x;}
#gnb .bg-banner .banner {position:absolute; top:0; left:50%; margin-left:-570px; z-index:2;}

.ie8-sapari #gnb > ul > li > a {min-width:70px; padding:0 35px; letter-spacing:-1px;}


/* dBody */
#dBody {
	padding-top: 170px;
	height: auto; overflow: hidden;  width: 100%; min-width: 1140px; position:relative;
}
#dBody .visual-banner {position:relative; height:auto; overflow:hidden;}
#dBody .visual-banner .big li {position:absolute; top:0; left:50%; display:none; width:2000px; margin-left:-1000px; text-align:center;}
#dBody .visual-banner .big li.on {display:block;}
#dBody .visual-banner .big {position:absolute; top:0; left:0; display:none; width:100%; margin-top:-420px;}
#dBody .visual-banner .control {position:absolute; bottom:20px; left:50%; width:160px; margin-left:-570px; padding-left:0; font-size:0; line-height:0;}
#dBody .visual-banner .control a {display:inline-block; width:12px; height:12px; margin:0 5px; background:url("../../img/common/top_banner_control.png") no-repeat 0 0;}
#dBody .visual-banner .control > a.on {background-position:-22px 0;}
#dBody .visual-banner .control > a:first-child {margin-left:0;}
#dBody .visual-banner .control > p {display:inline-block;}
#dBody .visual-banner .control > p .stop {background:url("../../img/common/top_banner_play_stop.png") no-repeat 0 0;}
#dBody .visual-banner .control > p .play {background-position:0 -12px;}
#dBody .visual-banner .open-close {position:absolute; bottom:0; right:50%; margin-right:-570px; display:block; width:50px; height:30px; background:url("../../img/common/top_banner_btn.gif") no-repeat 0 0;}
#dBody .visual-banner .open-close.active {background-position:0 -30px;}

/* main */
#mainContainer {
	position:relative;
	height: auto;
	overflow:hidden;
	z-index:2;
}
.main-product {position:relative; width: 1140px; margin: 0 auto;}
.main-product .sns {width:100%; height:60px;}
.main-product .sns ul {float:right; padding:0 15px; width:380px; height:100%; box-sizing:border-box; background:url('/img/brand/sns_bg.png') no-repeat left top;}
.main-product .sns ul li {float:left; width:33.33333333333333%; font-size:0; line-height:0; text-align:center;}
.main-product .sns ul li a {display:inline-block; font-weight:bold; font-size:13px; line-height:60px; color:#333; vertical-align:middle;}
.main-product .sns ul li a img {display:inline-block; padding-right:10px; vertical-align:middle;}
.main-product .event{width: 380px; height: 440px; float: left;}
.main-product .event img {width: 380px;}
.main-product .main-con-cen{ width: 380px; height: 440px; float: left; }
.main-product .main-con-cen .tour{ width: 340px; float:left; }
.main-product .main-con-cen .tour div.tour-txt{ width: 340px; height: 40px; margin-top: 9px;  }
.main-product .main-con-cen .tour div.tour-txt ul li{padding-top:7px;  font-size: 18px; font-weight: 600; color: #fff; text-align: center; line-height: 20px; }
.main-product .main-con-cen .tour div.tour-txt ul li.point{font-size: 16px; color:#ffea00;}
.main-product .main-con-cen .notice{ width: 340px; height: 179px; padding: 20px; background: #ffffff; border-bottom: 1px solid #ebebeb; float: left;}
.main-product .main-con-cen .notice div.notice-tit{ width: 340px; height: 35px; }
.main-product .main-con-cen .notice div.notice-tit ul{height: 29px; border-bottom: 1px solid #333; padding: 0 10px;}
.main-product .main-con-cen .notice div.notice-tit ul li{font-size: 16px; font-weight: 600; color: #333; text-align: left; float: left;}
.main-product .main-con-cen .notice div.notice-tit ul li span{ font-size: 12px; font-weight: 300; color: #999; }
.main-product .main-con-cen .notice div.notice-tit ul li a{ font-size: 25px; text-align: right; }
.main-product .main-con-cen .notice div.notice-txt{ width: 340px; height: 135px; margin-top: 8px; }
.main-product .main-con-cen .notice div.notice-txt ul li{ font-size: 13px; font-weight: 400; color: #454545; text-align: left; line-height: 28px; }
.main-product .main-con-rig{ width: 380px; height: 440px; float: right; }
.main-product .main-con-rig .con-top{ width: 380px; height: 220px; float: left; }
.main-product .main-con-rig .con-top .icon-reserv{ width: 190px; height:110px; background: #ebebeb; float: left; }
.main-product .main-con-rig .con-top .icon-info{ width: 190px; height:110px; background: #dadada; float: left; }
.main-product .main-con-rig .con-top .img-kakao{ width: 380px; height:110px; background: #f9e000; float: left; }
.main-product .main-con-rig .review{ width: 340px; height: 180px; padding: 20px; background: #f7f7f7; float: left;}
.main-product .main-con-rig .review div.review-tit{ width: 340px; height: 35px; }
.main-product .main-con-rig .review div.review-tit ul{height: 29px; border-bottom: 1px solid #333; padding: 0 10px;}
.main-product .main-con-rig .review div.review-tit ul li{font-size: 16px; font-weight: 600; color: #333; text-align: left; float: left;}
.main-product .main-con-rig .review div.review-tit ul li span{ font-size: 12px; font-weight: 300; color: #999; }
.main-product .main-con-rig .review div.review-tit ul li a{ font-size: 25px; text-align: right; }
.main-product .main-con-rig .review div.review-txt{ width: 340px; height: 135px; margin-top: 8px; }
.main-product .main-con-rig .review div.review-txt ul li{ font-size: 13px; font-weight: 400; color: #454545; text-align: left; line-height: 28px; }

/* sub */
#subContainer {
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.sub-product { width: 1140px; min-height: 800px; margin: 30 auto; }
.sub-product .sub-menu{ width: 200px; margin-top:25px; height: auto; overflow: hidden; float: left;}
.sub-product .sub-menu div.tit{ width: 198px; height: 119px; background: url("../../img/sub/bg_menu.jpg") no-repeat 0 center; float: left;} 
.sub-product .sub-menu div.tit ul{ width: 180px; height: 40px; margin: 21px 10px 59px 10px;}
.sub-product .sub-menu div.tit ul li{ font-size: 18px; font-weight: 600; color: #fff; text-align: left; }
.sub-product .sub-menu div.s-menu { width: 198px; height: 200px; border: 1px solid #d2d2d2; border-top: 0px solid #d2d2d2; margin-top: 120px;}
.sub-product .sub-menu div.s-menu ul li{ height: 49px; border-bottom: 1px solid #d2d2d2;  text-indent: 10px; }
.sub-product .sub-menu div.s-menu ul li:last-child{ border-bottom: 0px solid #d2d2d2;}
.sub-product .sub-menu div.s-menu ul li a{ font-size: 14px; font-weight: 500; text-align: left; color: #454545; line-height: 50px; }
.sub-product .sub-menu div.s-menu ul li a:hover{ color: #f05251; }
.sub-product .sub-menu div.s-menu ul li a.on{ font-weight: 700; color: #f05251; }
.sub-product .sub-menu div.banner ul li{ width: 200px; margin-top: 25px; float: left; }
.sub-product .sub-contents{ width: 870px; float: right;}
.sub-product .sub-contents .scon-top{ width: 870px; height: 80px; margin: 20px 0px; } 
.sub-product .sub-contents .scon-top .tit{ font-size: 35px; font-weight: 700; color: #454545; text-align: left; }
.sub-product .sub-contents .scon-top .tit span{ font-size: 14px; font-weight: 300; text-align: left; color: #777; letter-spacing: .5px; line-height: 20px; }
.sub-product .sub-contents .scon-top .location{ font-size: 12px; font-weight: 300; color: #777; text-align: right; } 
.sub-product .sub-contents .scon-bot {font-size: 14px; font-weight: normal; color: #454545; text-align: left; line-height: 27px;}
.sub-product .sub-contents .scon-bot ul li.bb{ font-size: 16px; font-weight: 600; color: #454545; text-align: left; }
.sub-product .sub-contents .scon-bot ul li span{ color: #f05251; }
.sub-product .sub-contents .scon-bot div.map { width: 29%; height: 160px; float: left; border: 1px solid #d2d2d2; padding: 15px; text-align: center; }

/*sub_tap*/
.sub-contents div.sub_tap ul{width:870px; margin-top:30px; font-weight:600;}
.sub-contents div.sub_tap ul li{float:left; width:172px; margin:0; border:1px solid #d2d2d2; text-align:center; }
.sub-contents div.sub_tap ul li a{display:block; background:#ebebeb; font-size:16px; padding:15px}
.sub-contents div.sub_tap ul li.on a, .sub-contents div.sub_tap ul li a:hover{background:#f05251; color:#fff}

/* footer */
#footer {
	width: 100%;
	height: 180px;
	background:#333;
	margin-top: 30px;
	float: left;
}
#footer > div > div {width:1140px; margin:0 auto;}
#footer .foot-area01 {height: 44px; border-bottom:1px solid #585858;}
#footer .foot-area01 .utill {overflow:hidden;}
#footer .foot-area01 .utill li {float:left; margin-left:10px; padding-left:11px;}
#footer .foot-area01 .utill li:first-child {margin-left:0; padding-left:0; background:none;}
#footer .foot-area01 .utill li a {color:#d9d9d9; font-size:13px; font-weight:400; line-height:45px;}
#footer .foot-area02 {padding:0; }
#footer .foot-area02 .logo {padding-right: 30; float: left;}
#footer .foot-area02 address,
#footer .foot-area02 address span {color:#c5c5c5; font-size:12px; font-weight:400; line-height:23px;}
#footer .foot-area02 address span {margin-left:6px; padding-left:11px; background:url("../../img/common/foot_utill_bar.png") no-repeat 0 center;}
#footer .foot-area02 .copy {margin-top:10px; color:#999; font-size:12px; font-weight:400; line-height:16px;}
#footer .foot-area02 .customer-number {float: right; margin-top: -80px;}
#footer .foot-area02 .foot-link {margin-top:28px; font-size:0; line-height:0;}

/*table style*/
table.table02 caption{display: none;}
table.table02{ width: 870px; font-family: 'Nanum Gothic', '나눔고딕'; font-size: 13px; font-weight: 500; color: #454545; line-height: 40px;}
table.table02 tbody{ font-size: 13px; font-weight: normal; text-align: left; }
table.table02 tbody th{ width: 17%; border-bottom: 1px solid #eee; background: #f7f7f7; text-align: left; padding-left: 20px;}
table.table02 tbody th span{ color: #f05251; } 
table.table02 tbody td{ width: 83%; border-bottom: 1px solid #eee; background: #fff; padding-left: 20px;}
div.btn_submit { width: 100%; height: 60px; margin-top: 20px; text-align: center;}
input[type=submit]{ width: 110px; height: 40px; padding: 10px 20px; background: #f05251; font-size: 13px; font-weight: 700; color: #fff; text-align: center; border: none;}

.tour-tbl00{ width: 870px; height: 190px; margin: 20px 0 35px 0;}
.tour-tbl00 tbody tr{ height: 30px;}
.tour-tbl00 tbody tr td{ font-size: 12px; font-weight: 300; text-align: left; text-indent: 10px; }
.tour-tbl00 tbody tr th{ border: none;}
.tour-tbl00 tbody tr th div.tit{ font-size: 14px; color: #454545; text-align: left; float: left; line-height: 180%;}
.tour-tbl00 tbody tr th div.btn{ float: right; }
.tour-tbl00 tbody tr th div.btn ul li.btn_reserv{ padding: 3px 15px; border: 1px solid #d2d2d2; border-radius: 5px; background-color: #ddd; float: left; }
.tour-tbl00 tbody tr th div.btn ul li.btn_cal{ padding: 3px 15px; border: 1px solid #d2d2d2; border-radius: 5px; background-color: #ddd; float: right; }
.tour-tbl00 tbody tr th div.btn ul li a{ font-size: 12px; text-align: center; }
.tour-tbl00 tbody tr th div.btn ul li a:hover{ color: #f05251; }

.tour-tbl01{ width: 870px; height: 270px; padding-bottom: 30px; border-bottom: 2px solid #ddd;}
.tour-tbl01 div.img{ width: 408px; height: 268px; border: 1px solid #ddd; float: left; }
.tour-tbl01 div.tbl{ width: 439px; float: right; background: #fff; border: 1px solid #ddd; }
.tour-tbl01 div.tbl table.detail{ width: 100%; font-size: 13px; font-weight: normal; text-align: left; }
.tour-tbl01 div.tbl table.detail tbody tr { height: 38px; border-bottom: 1px solid #ddd;}
.tour-tbl01 div.tbl table.detail tbody tr:last-child { height: 40px;border-bottom: none} 
.tour-tbl01 div.tbl table.detail tbody tr th{ width: 15%; border-right: 1px solid #ddd; font-size: 13px; font-weight: 600; text-indent: 10px; background: #eee;text-align: left;}
.tour-tbl01 div.tbl table.detail tbody tr td{ width: 73%; font-size: 13px; font-weight: 300; color: #555; text-indent: 10px; }

.tour-tbl02{ width: 870px; height: auto; overflow: hidden;}
.tour-tbl02 table.detail_list{ width: 100%; font-size: 13px; font-weight: normal; text-align: left; border: 1px solid #ddd; }
.tour-tbl02 table.detail_list tbody tr { height: 30px; border-bottom: 1px solid #ddd;}
.tour-tbl02 table.detail_list tbody tr:last-child { border-bottom: none} 
.tour-tbl02 table.detail_list tbody tr th{ width: 120px; height: 30px; border-right: 1px solid #ddd; font-size: 13px; font-weight: 600; color: #333; text-indent: 10px; background: #eee; text-align: left;}
.tour-tbl02 table.detail_list tbody tr td{ font-size: 13px; padding-left: 10px;font-weight: 300; color: #333; /*text-indent: 10px; */}

.tour-tbl03{ width: 870px; height: auto; overflow: hidden; padding-bottom: 30px;}
.tour-tbl03 table.detail_list{ width: 100%; font-size: 13px; font-weight: normal; text-align: left; border: 1px solid #ddd; }
.tour-tbl03 table.detail_list thead tr th{ width: 15%; border-right: 1px solid #ddd; font-size: 13px; font-weight: 600; color: #333; text-indent: 10px; background: #eee;text-align: left;}
.tour-tbl03 table.detail_list thead tr th span{ font-size: 12px; font-weight: 300; color: #666; text-align: right; float: right; margin-right: 10px;}
.tour-tbl03 table.detail_list tbody tr { height: 30px; border-bottom: 1px solid #ddd;}
.tour-tbl03 table.detail_list tbody tr:last-child { border-bottom: none} 
.tour-tbl03 table.detail_list tbody tr th{ width: 10%; height: 30px; border-right: 1px solid #ddd; font-size: 13px; font-weight: 600; color: #333; text-indent: 10px; background: #eee;text-align: left;}
.tour-tbl03 table.detail_list tbody tr td{ width: 30%; height: 30px; font-size: 13px; font-weight: 300; color: #333;/* text-indent: 10px; */}

.btn01{ width: 100%; height: 35px; margin: 40px auto;}
.btn01 ul {width: 200px; height: 35px; margin: 0 auto; }
.btn01 ul li.list{background: #999; border-radius: 7px; border: 1px solid #f7f7f7; text-align: center; padding: 5px 20px; float: left; }
.btn01 ul li.res{background: #999; border-radius: 7px; border: 1px solid #f7f7f7; text-align: center; padding: 5px 20px; float: right;}
.btn01 ul li a{ color: #fff; font-weight: 700; }

.btn02{ width: 145px; height: 35px; margin: 30px 0px; float: left;}
.btn02 ul {width: 145px; height: 35px; margin: 0 auto; }
.btn02 ul li.button01{background: #999; border-radius: 7px; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: left; }
.btn02 ul li.button02{background: #999; border-radius: 7px; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: right;}
.btn02 ul li a{ font-size: 13px; color: #fff; }

.btn03{ width: 245px; height: 35px; margin: 30px 0px; float: right;}
.btn03 ul {width: 245px; height: 35px; margin: 0 auto; }
.btn03 ul li.button01{background: #999; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: left; }
.btn03 ul li.button02{background: #999; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: left;}
.btn03 ul li.button03{background: #999; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: left; }
.btn03 ul li.button04{background: #999; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: right;}
.btn03 ul li a{ font-size: 13px; color: #fff; }

.btn04{ width: 120px; height: 35px; margin: 30px 0px; float: right;}
.btn04 ul li.button01{background: #999; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: left;}
.btn04 ul li.button02{background: #999; border: 1px solid #f7f7f7; text-align: center; padding: 3px 15px; float: right;}
.btn04 ul li a{ font-size: 13px; color: #fff; }


/*thumnail*/
.thum00 ul li{ width: 88px; height: 68px; border: 1px solid #ddd; margin-right: 7px; float: left; }
.thum00 ul li:last-child{ margin-right: 0px;}
.thum00 ul li.btn_arrow00{width:43px; float: left; border: none;margin-top: 14px;}
.thum00 ul li.btn_arrow01{ width: 43px; float: right; text-align: right; margin-right: 0px; margin-top: 14px; border: none; }
.img-place { width: 868px; height: 348px; border: 1px solid #ddd; margin-bottom: 30px; }