@charset "utf-8";

/* font */
@font-face {
  font-family: 'NanumGothic';
  src: url('font/NanumGothic.eot');
  src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('font/NanumGothic.woff') format('woff'), /* ie 제외한 나머지 */
       url('font/NanumGothic.ttf') format('truetype'),
       url('font/NanumGothic.svg#NanumGothic') format('svg'); /*모바일브라우져를 위해서*/
  font-weight: normal;
  font-style: normal;
}

/* common */
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,form,fieldset,input,button,select,table,tr,td,textarea,p{padding:0; margin:0; font:normal 12px NanumGothic; color:#464f5a;}
img,button{border:0;}
a:link,a:active,a:visited{text-decoration:none; color:#464f5a;}
ul,ol,dl{list-style:none;}
a{display:block}
html,body{height:100%; background:#af9876; overflow:hidden}


/* ********** wapper ********** */
#wapper {min-height:760px; position:relative; min-width:1100px; height:100%}

/* ********** header ********** */
#header {width:185px; min-height:100%; background:#FFF; position:fixed; left:0; top:0; z-index:3;}
#header h1{width:140px; height:140px; margin:20px auto; font-size:0; background:url("../images/logo.png") no-repeat 0 0;}
#header ul.login{height:23px; background:#a8a8a8; border-top:1px solid #cacaca; border-bottom:1px solid #929292; text-align:center;}
#header ul.login li{display:inline-block; width:60px; height:23px; font-size:10px; font-weight:bold; line-height:23px; background:url(../images/icon_login.png) no-repeat 0 50%; padding-left:10px;}
#header ul.login li:first-child{padding-right:7px;}
#header ul.nav2 {margin-top:20px;}
#header ul.nav2 li a{height:25px; border-top:1px solid #cacaca; border-bottom:1px solid #929292; color:#FFF; font-size:14px; line-height:25px; padding-left:45px}
#header li.camp1 a { background:#a8a8a8 url("../images/sub2_bg1.png") no-repeat 5px bottom;}
#header li.camp2 a { background:#a8a8a8 url("../images/sub2_bg2.png") no-repeat 5px bottom;}
#header li.camp3 a { background:#a8a8a8 url("../images/sub2_bg3.png") no-repeat 5px bottom;}
#header li.camp1 a:hover { background:#f15a5b url("../images/sub2_bg1.png") no-repeat 5px bottom;}
#header li.camp2 a:hover { background:#f15a5b url("../images/sub2_bg2.png") no-repeat 5px bottom;}
#header li.camp3 a:hover { background:#f15a5b url("../images/sub2_bg3.png") no-repeat 5px bottom;}
#header ul.nav{margin-top:8px;}
#header ul.nav > li > a{height:36px; text-align:center; font-size:16px; line-height:36px; font-weight:bold;}
#header ul.nav > li:hover > a{background:#464f5a; color:#FFF;}

/* menu dep */
#header ul.nav li div ul{display:none;}
#header ul.nav li div ul li a {font-size:13px; color:#fff; line-height:30px;}
#header ul.nav li div ul li:hover a{color:#f15a5b; font-weight:bold;}
#header ul.nav li:hover div{width:140px; height:100%; position:absolute; top:0; left:185px; background:#464f5a url("../images/dep_bg.png") repeat-y;}
#header ul.nav li:hover div ul{display:block; padding-left:12px;}
#header ul.dep1{padding-top:210px;}
#header ul.dep2{padding-top:245px;}
#header ul.dep3{padding-top:280px;}
#header ul.dep4{padding-top:315px;}
#header ul.dep5{padding-top:350px;}
#header ul.dep6{padding-top:385px;}


/* ********** main ********** */
#main .banner{padding: 0 400px 0 185px; position:relative; overflow:hidden; height:800px}
#main ul.main_bg li{}
#main ul.main_bg li a img{height:100%}
#main ul.main_bg li a{height:800px}
#main .main_text{width:530px; height:175px; position:absolute; top:200px; right:470px;
	font-size:22px; letter-spacing:-0.1px; line-height:28px; color:#fff}
#main .main_text h2{font-size:80px; font-family:Arial; font-weight:bold; letter-spacing:5px; color:#fff;}
#main .main_text h3{font-size:40px; font-family:Arial; font-weight:bold; letter-spacing:0.7px; line-height:15px; color:#fff;}
#main ul.main_btn1 {position:absolute; top:40px; right:425px;}
#main ul.main_btn1 li{font-size:0;}
#main ul.main_btn1 > li.on {background:url("../images/main_btn1_on.png");}
#main ul.main_btn1 > li{width:16px; height:16px; margin-bottom:6px; background:url("../images/main_btn1.png");}
#main .main_btn2{width:80px; height:40px; position:absolute; bottom:0; left:40%; font-size:0;}
#main .top{width:40px; height:40px; font-size:0; background:#1f1f1f url("../images/banner_top.png") no-repeat 10px 11px;}
#main .bottom{width:40px; height:40px; font-size:0; background:#000 url("../images/banner_bottom.png") no-repeat 10px 11px;}

/* right content */
#main .content{width:400px; height:800px; overflow:hidden; position:absolute; top:0; right:0;}
#main .content > ul > li {width:200px; min-height:200px; background:#FFF; float:left;}
#main ul li.notice1{background:#464f5a url("../images/notice_bg.png") no-repeat -4px bottom; text-align:center; font-size:24px; line-height:200px; font-weight:bold; color:#FFF; position:relative;}
#main ul li.notice1 a{color:#FFF; display:inline;}
#main span.icon_right{display:block; width:23px; height:25px; background:url("../images/icon_right.png") no-repeat; position:absolute; bottom:15px; right:15px;}
#main .notice2{background:url("../images/board_bg.png");}
#main .notice2 ul{margin:70px 20px;}
#main .notice2 ul li{font-size:12px; line-height:23px; background:url(../images/icon_board.png) no-repeat 0 50%; padding-left:10px;}
#main .content ul li.news1{background:#f15a5b url("../images/news_bg.png") no-repeat right bottom; text-align:center; font-size:24px; line-height:200px; font-weight:bold; color:#FFF; position:relative;}
#main .news1 a{color:#FFF; display:inline;}
#main span.icon_left{display:block; width:23px; height:25px; background:url("../images/icon_left.png") no-repeat; position:absolute; left:15px; bottom:15px;}
#main .news2{background:url("../images/board_bg.png");}
#main .news2 ul{margin:70px 20px;}
#main li.news2 ul li{font-size:12px; line-height:23px; background:url("../images/icon_board.png") no-repeat 0 50%; padding-left:10px;}
#main ul li.info{background:#464f5a url("../images/icon_info.png") no-repeat 50% 25%; font-size:12px; color:#fff; text-align:center;}
#main ul li.info a{color:#FFF; font-size:24px; margin:90px 0 10px 50px; font-weight:bold; width:100px;}
#main ul li.reserve{background:#70cbd2 url("../images/icon_reserve.png") no-repeat 50% 25%; font-size:14px; color:#fff; text-align:center;}
#main ul li.reserve > strong > a{color:#FFF; font-size:24px; font-weight:bold; width:120px; margin:90px 0 10px 40px;}
#main ul li.reserve > a{font-size:13px; color:#fff; text-align:center; display:inline-block;}
#main ul li.video {position:relative; background:url("../images/video_bg.png");}
#main li.video > a > span{display:block; width:57px; height:56px; background:url("../images/icon_play.png") no-repeat; position:absolute; top:74px; left:74px;}
#main ul li.map{background:#f15a5b url("../images/icon_map.png") no-repeat 50% 35%;}
#main ul li.map a{color:#FFF; font-size:21px; font-weight:bold; margin:120px 34px 5px 34px;}


/* ********** sub1 ********** */
#sub1 {position:relative; padding: 35px 0 35px 185px; z-index:1;}
#sub1 .bg1{width:100%; min-height:100%; position:absolute; top:0; left:0; overflow:hidden}
#sub1 .bg1 img{width:100%;}
#sub1 .bg2 {width:720px; background:#fff; padding:30px; font-size:12px; color:#a8a8a8; line-height:40px; margin:0 auto; position:relative;}
#sub1 .location {padding-bottom:24px}
#sub1 .location ul {text-align:right;}
#sub1 .location ul li{display:inline; font-size:11px; color:#a8a8a8; background:url("../images/board_loca.png") no-repeat 0 50%; padding-left:10px;}
#sub1 .location ul li:first-child{background:none; padding:0;}
#sub1 .location ul li.on {color:#f15a5b;}
#sub1 h2 {font-size:25px; font-weight:bold; }
#sub1 ul.board {width:100%; margin-top:10px;}
#sub1 ul.board li {text-align:center; font-size:13px; line-height:35px}
#sub1 ul.board > li.board_t {background:#f15a5b;}
#sub1 ul.board > li.board_t:hover {background:#f15a5b;}

#sub1 ul.board > li:first-child ul{border:0;}
#sub1 ul.board > li:first-child ul li {color:#fff; font-weight:bold; }
#sub1 ul.board > li > ul {height:35px; border-bottom:1px solid #e1e1e1;}
#sub1 ul.board > li:last-child ul{border-bottom:2px solid #e1e1e1;}
#sub1 ul.board ul li {display:inline-block; float:left;}
#sub1 ul.board ul li.no {width:10%;}
#sub1 ul.board > li:first-child ul li.title {text-align:center;}
#sub1 ul.board ul li.title {width:60%; text-align:left;}
#sub1 ul.board ul li.date {width:15%;}
#sub1 ul.board ul li.hit {width:15%;}
#sub1 ul.board ul li.title {width:60%; text-align:left; }
#sub1 ul.board > li:hover{background:#ffefef;}
#sub1 ul.board p{display:none; border-bottom:1px solid #e1e1e1; background:#f9f9f9; padding:20px 70px; text-align:left;}

#sub1 ul.page{padding-top:50px; text-align:center;}
#sub1 ul.page li{display:inline-block; }
#sub1 ul.page li.on a{color:#f15a5b; font-weight:bold;}
#sub1 ul.page li a{display:inline-block; padding:6px;}
#sub1 ul.page li a img{vertical-align:-3px;}




/* ********** sub2 ********** */
#sub2 {position:relative; padding: 35px 0 35px 185px; z-index:1;}
#sub2 .bg1{width:100%; min-height:100%; position:absolute; top:0; left:0;}
#sub2 .bg1 img{width:100%;}
#sub2 .bg2 {width:840px; margin:0 auto; position:relative;}
#sub2 .bg2 .cont_box {background:#fff; width:660px; padding:30px; position:relative; z-index:2;}
#sub2 .location {padding-bottom:24px}
#sub2 .location ul {text-align:right;}
#sub2 .location ul li{display:inline; font-size:11px; color:#a8a8a8; background:url("../images/board_loca.png") no-repeat 0 50%; padding-left:10px;}
#sub2 .location ul li:first-child{background:none; padding:0;}
#sub2 .location ul li.on {color:#f15a5b;}
#sub2 .sub2_con {font-size:16px; color:#000;}
#sub2 .sub2_img {width:400px; height:300px; border:1px solid #e1e1e1; float:left;}
#sub2 .sub2_img img{width:400px;}
#sub2 .con {float:right; width:240px;}
#sub2 .con h2 {font-size:35px; font-family:Arial; font-weight:bold; color:#000;}
#sub2 .con h3 {font-size:25px; font-weight:bold; color:#000; display:inline-block;}
#sub2 .con span {width:70px; height:22px; background:#70cbd2; color:#fff; font-weight:bold; text-align:center; line-height:22px; margin-left:20px; display:inline-block;}
#sub2 .con h4 {width:240px; height:40px; margin: 18px 0 18px 0; display:inline-block; border-top:2px solid #70cbd2; border-bottom:1px solid #70cbd2; font-size:15px; line-height:40px; color:#000;}
#sub2 ul.con_ul li{font-size:15px; color:#000; line-height:28px; background:url(../images/sub2_con_li.png) no-repeat 0 center; padding-left:10px;}
#sub2 ul.con_ul li strong {letter-spacing:24px;}
#sub2 ul.con_ul li strong.no {letter-spacing:5px; padding-right:19px;}
#sub2 .con a {display:inline-block; margin-top:50px; margin-left:20px;}

/* 슬라이드 */
#sub2 .left {width:21px; height:17px; background:url("../images/slide_l.png")no-repeat 0 22px; font-size:0; padding-top:61px;}
#sub2 .right {width:21px; height:17px; background:url("../images/slide_r.png")no-repeat 5px 22px; font-size:0; padding-top:61px;}
#sub2 ul.slice{width:350px; height:61px; margin-top:5px; display:inline-block; text-align:center; overflow:hidden;}
#sub2 ul.slice li{display:inline-block; margin-left:5px;}
#sub2 ul.slice li:first-child{margin:0;}
#sub2 ul.slice li img{width:80px; height:61px;}

/* 탭메뉴 */

#sub2 .sub2_tab {margin-top:40px; position:relative;}
#sub2 .sub2_tab > ul{width:100%; height:38px; border-bottom:1px solid #c2c2c2;}
#sub2 .sub2_tab :hover{cursor:auto;}
#sub2 .sub2_tab > ul > li:hover{cursor:pointer}
#sub2 .sub2_tab > ul > li{width:150px; height:37px; background:#c2c2c2; float:left; color:#fff; font-size:17px; text-align:center; line-height:38px; font-weight:bold; border:1px solid #c2c2c2;}
#sub2 .sub2_tab ul li.on{background:#fff; border-bottom:1px solid #c2c2c2; color:#959595;}
#sub2 .cont{display:none;}
#sub2 .on .t1 {display:block; width:660px; position:relative; top:30px; right:31px; background:#fff; padding:0 30px 30px 30px;}
#sub2 .on .t2 {display:block; width:660px; position:relative; top:30px; right:183px; background:#fff; padding:0 30px 30px 30px;}
#sub2 .on .t3 {display:block; width:660px; position:relative; top:30px; right:335px; background:#fff; padding:0 30px; 30px 30px;}
#sub2 .cont > ul > li{background:url("../images/sub2_tab_li.png") no-repeat 0 5px; font-size:15px; line-height:20px; margin-bottom:10px; padding-left:14px; text-align:left;}
#sub2 .cont ul li em{color:#0096a2;}
#sub2 .cont table {width:100%; border-spacing:0;}
#sub2 .cont table caption{display:none;}
#sub2 .table1 th,td{font-size:17px; text-align:center; height:55px;}
#sub2 .cont table th{background:#70cbd2; color:#fff; border-left:1px solid #5ab2b9;}
#sub2 .cont table th:first-child{border-left:0;}
#sub2 .table1 .tr1 td {border-bottom:1px dashed #ccc;}
#sub2 .table1 .tr2 td {border-bottom:2px solid #ccc;}
#sub2 .table1 tr td.i {background:#d4eff1; border-bottom:2px solid #ccc; font-weight:bold;}
#sub2 .table1 tr th em{font-size:13px;}
#sub2 .cont strong {line-height:50px; font-size:12px;}

#sub2 .table2 tr th{font-size:14px; height:30px; text-align:center;}
#sub2 .table2 tr td{font-size:14px; height:40px; text-align:left; border-bottom:1px dashed #ccc;}
#sub2 .table2 tr:last-child > td{border-bottom:2px solid #ccc;}
#sub2 .table2 tr td:first-child{background:#f0f0f0; text-align:center; letter-spacing:0; font-weight:bold;}
#sub2 .table2 tr td:last-child{padding:0 20px;}

/* 숙박메뉴보기 */
#sub2 .all {position:absolute; top:0; right:0; width:120px;}
#sub2 .list:hover{cursor:pointer; }
#sub2 .list {font-size:0; width:36px; height:54px; background:url("../images/sub2_list.png") no-repeat 0 0; display:block; position:relative; left:0; top:0;}
#sub2 .list_open{display:block; position:absolute; right:120px; top:0}
#sub2 .list_open span{float:right; font-size:0; display:block; width:20px; height:20px; background:url("../images/sub2_x.png") no-repeat 0px 6px;}
#sub2 .list_open ul{width:120px; }
#sub2 .list_open ul li{height:30px; line-height:30px; padding-left:10px; background: url("../images/list_bg_cen.png") repeat-y -8px 0px}
#sub2 .list_open ul > li:first-child{padding-top:10px; background: url("../images/list_bg_top.png") no-repeat -8px 0px;}
#sub2 .list_open ul > li:last-child{padding-bottom:10px; background: url("../images/list_bg_bot.png") no-repeat -8px -20px;}
#sub2 .list_open ul li a{font-size:12px; color:#fff; }
#sub2 .list_open ul li a:hover{color:#f15a5b; font-weight:bold;}

/* ********** footer ********** */
#footer {width:145px; background:#FFF; padding:20px; position:absolute; z-index:4; left:0; bottom:0px;}
#footer ul {margin-bottom:20px;}
#footer ul li:first-child {font-size:13px; font-weight:bold; color:#111; padding:6px 0;}
#footer ul li {font-size:11px;}
#footer a{display:inline;}
#footer p{line-height:14px; font-size:6px; margin:3px 0}