@charset "euc-kr";

body, table, th, td, button, select, input, textarea {
	font-family: 'Noto Sans KR', Malgun Gothic, "µ¸¿ò", Dotum, Arial, sans-serif;
	font-size:14px;
	color:#666;
	-webkit-text-size-adjust:none;
}

img {max-width:100%;}

/* Skip Navi */
#skip_navi {position:relative; overflow:hidden; width:100%; margin:0 auto; z-index:100;}
#skip_navi dt {clear:both; position:absolute; top:auto; left:-10000px; overflow:hidden; width:1px; height:1px}
#skip_navi a {display:block; height:0; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#3e8fee;}
#skip_navi a:hover, #skip_navi a:active, #skip_navi a:focus {height:auto; padding:7px 0; font-weight:bold; font-size:1em; line-height:1em; color:#fff; z-index:10000;}

/* Header */
#header {position:absolute; top:0; left:0; width:100%; height:160px; border-bottom:1px solid #ddd; background:#fff; z-index:10;}
#header .header_inner {position:relative; height:100px; border-bottom:1px solid #ddd;}
#header .logo {padding-top:25px; text-align:center;}

#header .weather_api {position:absolute; top:10px; left:50%; margin-left:-600px;}
#header .weather_api .weather_icon {float:left;}
#header .weather_api .weather_info {padding-top:5px; padding-left:90px;}
#header .weather_api .weather_info p {padding-top:10px; font-size:13px; color:#444;}
#header .weather_api .weather_info .temper {display:inline-block; font-family:'NanumSquare'; color:#222; font-size:32px; font-weight:700;}
#header .weather_api .weather_info .weather {display:inline-block; color:#222; font-size:16px; padding-left:5px;}

#header .util_menu {position:absolute; top:46px; right:50%; margin-right:-590px;}
#header .util_menu li {position:relative; float:left; padding-left:14px; margin-left:14px;}
#header .util_menu li::before {position:absolute; left:0; top:0; width:1px; height:14px; background-color:#ccc; content: '';}
#header .util_menu li:first-child {padding-left:0; margin-left:0;}
#header .util_menu li:first-child::before {display:none;}
#header .util_menu li a {font-family:'S-CoreDream-4Regular'; font-size:13px; color:#1c1c1c;}

#header .reserve_banner {position:absolute; top:25px; right:50%; margin-right:-590px;}
#header .reserve_banner a {display:block;}
#header .reserve_banner .banner_icon {float:left;}
#header .reserve_banner .banner_text {padding-top:6px; padding-left:66px;}
#header .reserve_banner .banner_text p {font-size:15px; font-weight:500; color:#e5175c; margin-bottom:6px;}
#header .reserve_banner .banner_text h4 {font-family:'S-CoreDream-5Medium'; font-size:20px; font-weight:500; color:#1c1c1c;}

#header .top_menu_wrap {height:60px;}
#header #gnb {position:relative; max-width:1200px; margin:auto;}
#header #gnb ul {padding:15px 0 0 80px;}
#header #gnb li {float:left; width:25%;}
#header #gnb li:first-child {width:25%;}
#header #gnb li a {display:block; font-family:'S-CoreDream-5Medium'; font-size:20px; color:#1c1c1c; height:30px; line-height:30px; letter-spacing:-0.5px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header #gnb li a:hover {color:#00479e;}

#header .btn_all_menu {position:absolute; top:115px; left:50%; margin-left:-600px; display:block; width:34px; height:30px; background:url(/img/icon_menu_pc.png) no-repeat 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; z-index:10;}

.gnb-menu-area {display:none; position:absolute; top:160px; left:0; width:100%; height:260px; border-top:1px solid #cecece; border-bottom:1px solid #d9d9d9; background-color:#fff; z-index:11;}
.gnb-menu-area .inner-wrap {max-width:1200px; padding:0 0 0 80px; margin:auto; box-sizing:border-box;}
.gnb-menu-area .menu-box{position:relative; float:left; width:25%; min-height:260px; padding:0; box-sizing:border-box;}
.gnb-menu-area .menu-box::before {position:absolute; left:50%; top:0; width:0; height:3px; background-color:#3163a7; content: ''; transition: all 0.2s;}
.gnb-menu-area .menu-box:first-child {width:25%;}
.gnb-menu-area .menu-box:nth-child(2) {width:25%;}
.gnb-menu-area .menu-box:nth-child(3) {width:25%;}
.gnb-menu-area .menu-box:nth-child(4) {width:25%;}
.gnb-menu-area .menu-box:nth-child(5) {width:25%;}
.gnb-menu-area .menu-box ul {padding-top:10px;}
.gnb-menu-area .menu-box ul li a{display:block; padding:5px 5px 5px 40px; font-size:16px; color:#555; line-height:24px; letter-spacing:-0.5px; text-align:left;}
.gnb-menu-area .menu-box ul li a:hover{color:#00479e;}

.dimmed{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:99;}
.layer-popup {overflow:hidden; overflow-y:auto; display:none; position:fixed; left:50%; top:120px; z-index:100; width:700px; margin:0 0 0 -350px; padding:0; border:0; background-color:#fff; -webkit-overflow-scrolling: touch;}
.layer-popup .inner-layer {display:block; position:relative; padding:0;}
.layer-popup .layer-header {position:relative; width:100%; padding:20px 30px; text-align: center; background-color:#273346; box-sizing:border-box;}
.layer-popup .layer-header .tit {line-height:1.1; color:#fff; font-size:22px; font-weight: 700; letter-spacing:-0.5px;}
.layer-popup .layer-header .btn-layer-close {overflow:hidden; display:block; position:absolute; top:22px; right:30px; width:22px; height:22px; margin:0; padding:0; border:0; font-size:0; line-height:0; background:url(/img//btn-layer-close.png) no-repeat center; cursor:pointer;}
.layer-popup .layer-header .btn-layer-close:hover {animation:scale 0.5s; -webkit-animation:scale 0.5s; }
.layer-popup .layer-cont {width:100%; padding:30px; color:#555; max-height:500px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.layer-popup .layer-cont .tit {padding:0 0 10px 0; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#222; text-align:center;}
.layer-popup .layer-cont .tit-text {padding:0 0 10px 0; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#222; border-bottom:1px solid #555;}
.layer-popup .layer-cont p {margin:0; padding:0;}
.layer-popup .layer-cont .txt-info {padding:0 0 40px 0;}
.layer-popup .layer-cont .blue-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .btn-layer-close {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .bd-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#333; border:1px solid #333; background-color:#fff;}

.layer-popup.pc-all-menu{width:1100px; margin:0 0 0 -550px;}
.layer-popup.pc-all-menu .layer-cont{padding:30px 0; max-height:750px;}
.layer-popup.pc-all-menu .layer-cont .tit{padding-bottom:20px;}

.layer-popup.confirm-layer{width:1100px; margin:0 0 0 -550px;}
.layer-popup.confirm-layer .layer-cont{max-height:650px;}

.all-menu-wrap .box-wrap:after{clear:both; content:''; display:block;}
.all-menu-wrap .box-wrap .box{float:left; width:25%; height:280px; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.all-menu-wrap .box-wrap .box:first-child {width:25%;}
.all-menu-wrap .box-wrap .box:nth-child(2) {width:25%;}
.all-menu-wrap .box-wrap .box:nth-child(3) {width:25%;}
.all-menu-wrap .box-wrap .box:nth-child(4) {width:25%;}
.all-menu-wrap .box-wrap .box:nth-child(5) {width:25%;}
.all-menu-wrap .box-wrap .box:last-child {border-right:0;}
.all-menu-wrap .box-wrap .box ul li a{display:block; padding:5px 5px 5px 30px; font-size:16px; color:#555; line-height:24px; letter-spacing:-0.5px; text-align:left;}
.all-menu-wrap .box-wrap .box ul li a:hover{color:#00479e;}

.type-mobile {display:none;}
.mobile-menu{display:none;}

.sns_banner {position:absolute; top:180px; right:20px; width:80px; padding-top:20px; background:#fff; border-radius:10px; box-shadow:0 0 8px rgba(0,0,0,.3); z-index:1; text-align:center;}
.sns_banner li {margin-bottom:20px;}
.sns_banner li p {padding-top:10px; font-family:'S-CoreDream-5Medium'; font-size:14px; font-weight:500; color:#000; letter-spacing:-0.5px;}


/* Footer */
#footer {height:150px; background-color:#444;}
#footer .footer_inner {position:relative; max-width:1200px; margin:auto;}
#footer .copy_logo {position:absolute; top:50px; left:10px;}
#footer .copy_logo img {display:block;}
#footer .copyright {padding:40px 10px 0 270px; color:#cacaca; font-size:14px; font-weight:300;}
#footer .copyright ul {overflow:hidden; padding-bottom:8px;}
#footer .copyright ul li {position:relative; float:left; padding-left:14px; margin-left:14px;}
#footer .copyright ul li::before {position:absolute; left:0; top:0; width:1px; height:15px; background-color:#949494; content: '';}
#footer .copyright ul li:first-child {padding-left:0; margin-left:0;}
#footer .copyright ul li:first-child::before {display:none;}
#footer .copyright ul li a {color:#fff;}
#footer .copyright p {padding:2px 0; line-height:1.3;}
#footer .copyright p span {display:inline-block; margin-right:14px;}

.scroll_top{position:fixed; right:20px; bottom:10px;}

.room_popup {position:relative; display:none; background:#fff; padding:15px; border-radius:15px; box-sizing:border-box;}
.room_popup .b-close {display:block; position:absolute; top:5px; right:5px; padding:10px; cursor:pointer;}
.room_popup iframe {width:100%; height:100%;}
.room_popup {width:1000px !important; height:530px !important;}
.room_popup .room_popup_content {width:100%; height:500px;}

.room_popup2 {position:relative; display:none; background:#fff; padding:15px; border-radius:15px; box-sizing:border-box;}
.room_popup2 .b-close {display:block; position:absolute; top:5px; right:5px; padding:10px; cursor:pointer;}
.room_popup2 iframe {width:100%; height:100%;}
.room_popup2 {width:1000px !important; height:750px !important;}
.room_popup2 .room_popup_content2 {width:100%; height:720px;}


/*animation*/
@keyframes scroll_down {
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}
.scroll_down {animation-name:scroll_down; animation-duration:1s; animation-fill-mode:both; animation-iteration-count:infinite;}

/* Main */
.main_visual_wrap {position:relative; height:640px; margin-top:161px;}
.main_visual_wrap .main_btn_prev {position:absolute; top:50%; left:50%; margin-top:-38px; margin-left:-700px;}
.main_visual_wrap .main_btn_next {position:absolute; top:50%; right:50%; margin-top:-38px; margin-right:-700px;}

.main_search_box {position:absolute; top:45px; left:50%; margin-left:-180px; width:360px; height:50px; background:#fff; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,.3);}
.main_search_box .search_input {width:298px; height:48px; padding-left:16px; border:0; box-sizing:border-box; font-size:17px; font-family:'S-CoreDream-4Regular'; color:#1c1c1c;}
.main_search_box .search_btn {float:right; display:block; width:50px; height:50px; color:#fff; text-indent:-9999px; overflow:hidden; background:url('/img/icon_search.png') no-repeat center center;}

.main_map_btn {position:absolute; bottom:50%; right:50%; margin-bottom:-295px; margin-right:-575px; width:118px; height:118px; background:#fff; overflow:hidden; border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,.3);}
.main_map_btn a {display:block; width:118px; height:118px; text-indent:-9999px; overflow:hidden; background:url('/img/icon_map.png') no-repeat center center;}

.main_slide {height:640px;}
.main_slide .slide_item {position:relative; height:640px; overflow:hidden;}
.main_slide .main_img1 .bg {background:url('/img/main_img1.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img2 .bg {background:url('/img/main_img2.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img3 .bg {background:url('/img/main_img3.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .slick-slide .slide_item .bg {height:640px; z-index: -1; opacity:0; -ms-transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s; transition:transform 7s ease-out, opacity 1s ease 0.3s;}
.main_slide.ani .slick-slide.slick-active .slide_item .bg {opacity:1; -ms-transform:scale(1.1, 1.1) rotate(.001deg); -webkit-transform:scale(1.1, 1.1) rotate(.001deg); transform:scale(1.1, 1.1) rotate(.001deg); -webkit-transition-delay:0s; transition-delay:0s;}

.main_slide .slide_item .txt {position:absolute; top:40%; left:50%; margin-left:-540px; color:#fff; z-index:1;}
.main_slide .slide_item .txt_stit {font-size:20px; font-family:'S-CoreDream-5Medium'; line-height:1.3; margin-bottom:20px; text-shadow:3px 3px 3px rgba(0,0,0,.7); opacity:0; -webkit-transform:translateX(-50px); transform:translateX(-50px);}
.main_slide .slide_item .txt_stit strong {font-size:30px; color:#ffdd33;}
.main_slide .slide_item .txt_stit span {font-size:22px; color:#ffdd33;}
.main_slide .slide_item .txt_btit {font-size:20px; font-family:'S-CoreDream-5Medium'; line-height:1.3; text-shadow:3px 3px 3px rgba(0,0,0,.7); opacity:0; -webkit-transform:translateX(50px); transform:translateX(50px);}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_stit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition: -webkit-transform 1s; transition:transform 1s; transition: transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_btit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition:-webkit-transform 1s; transition:transform 1s; transition:transform 1s;}

.main_tit {margin-bottom:60px; font-size:42px; color:#1a1a1a; font-weight:500; text-align:center;}

.main_section01_wrap {height:400px;}
.main_section01_wrap > article {position:relative; max-width:1200px; padding-top:50px; margin:auto;}

.main_popup {position:absolute; left:0; top:50px; width:298px; height:317px; background:#fff; border-radius:5px; overflow:hidden;}
.main_popup_top {position:relative; height:42px; line-height:42px; background:#595959;}
.main_popup_top h3 {float:left; padding-left:15px; font-family:'S-CoreDream-4Regular'; font-size:15px; color:#fff;}
.main_popup_top .popup_ctrl {float:right; padding:9px 5px 0 0;}
.main_popup_top .popup_ctrl li {float:left;}
.main_popup_top .popup_ctrl button {display:block; width:25px; height:25px; line-height:25px; text-align:center; font-size:0; line-height:0; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.main_popup_item img {display:block;}

.main_popup_list .slick-dots {position:absolute; width:60px; height:20px; top:-30px; right:80px;}
.main_popup_list .slick-dots li {width:60px; height:20px; line-height:20px; margin:0; font-size:15px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; color:#fff; cursor:default;}
.main_popup_list .slick-dots li strong {color:#ffd400; font-weight:normal;}

.main_notice {position:absolute; left:324px; top:50px; width:480px; height:317px; background:#fff; border:1px solid #d5d5d5; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.main_notice_top {height:59px;}
.main_notice_top ul {padding-right:56px;}
.main_notice_top li {float:left; width:33.33333333333333%;}
.main_notice_top li a {display:block; height:58px; line-height:58px; text-align:center; font-family:'S-CoreDream-5Medium'; font-size:18px; color:#444; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#efefef;}
.main_notice_top li a.on {color:#000; border-bottom:1px solid #fff; background:#fff;}

.main_notice_list {position:relative; height:294px; padding:20px; box-sizing:border-box; font-family:'Noto Sans KR'; letter-spacing:-1px;}
.main_notice_list .more {position:absolute; right:0; top:-59px; width:56px; height:58px; text-indent:-9999px; border-bottom:1px solid #d5d5d5; background:url('/img/notice_more.gif') no-repeat center center #efefef;}
.main_notice_list .new {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; vertical-align:top; margin-left:8px; font-size:12px; font-weight:500; color:#fff; background:#ff0003; border-radius:50%;}
.main_notice_list .date {font-family:'Tahoma'; font-size:14px; color:#999; letter-spacing:-0.5px; line-height:22px;}
.main_notice_list .first {display:block; padding:0 5px 35px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.main_notice_list .first dt a{display:inline-block; max-width:400px; margin-bottom:10px; font-size:18px; font-weight:400; color:#141414; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice_list .first dt p {max-width:430px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice_list .first dd {max-width:430px; font-size:16px; font-weight:400; color:#9b9b9b; line-height:25px; max-height:50px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.main_notice_list .first .date {float:right;}

.main_notice_list ul {padding:0 5px;}
.main_notice_list ul li {padding-left:9px; margin-bottom:8px; background:url('/img/notice_dot.gif') no-repeat left center;}
.main_notice_list ul li a {display:inline-block; max-width:350px; vertical-align:middle; font-size:16px; font-weight:400; color:#444; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice_list ul li .date {float:right;}

.main_event {position:absolute; right:0; top:50px; width:370px; height:317px; background:#dce8eb; border:1px solid #9ebbd3; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.main_event_top {height:59px; line-height:59px; margin:0 20px; border-bottom:1px solid #b0babc;}
.main_event_top h3 {float:left; font-family:'S-CoreDream-4Regular'; font-size:17px; color:#105b6e;}
.main_event_top .more {position:absolute; right:0; top:0; width:58px; height:59px; text-indent:-9999px; background:url('/img/notice_more.gif') no-repeat center center;}
.main_event_list {padding:18px 20px 0;}
.main_event_list li {overflow:hidden; margin-bottom:10px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_event_list .day {float:left; display:block; background-color:#277f95; color:#fff; width:66px; height:66px; text-align:center; font-size:12px; font-weight:500; box-sizing:border-box; border-radius:3px;}
.main_event_list .day strong {display:block; padding:7px 0; font-size:28px; font-weight:500;}
.main_event_list .txt {padding-left:80px; font-family:'Noto Sans KR'; letter-spacing:-0.5px;}
.main_event_list .txt strong {display:block; font-size:16px; font-weight:500; color:#414141; line-height:22px; max-height:44px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.main_event_list .txt span {display:block; padding-top:5px; font-size:14px; color:#848383; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_section02_wrap {height:370px; background:#ebf4f5;}
.main_gallery {position:relative; max-width:1200px; padding-top:50px; margin:auto;}
.main_gallery_top {text-align:center;}
.main_gallery_top h3 {display:inline-block; width:220px; height:44px; line-height:44px; font-family:'S-CoreDream-5Medium'; font-size:23px; font-weight:400; color:#fff; background:#2e426b; border-radius:22px;}
.main_gallery_list {padding-top:40px;}
.main_gallery_list li {float:left; width: 19%; text-align: center; padding: 10px 5px;}
.main_gallery_list li span {display:inline-block; padding-top:12px; width:90%; font-size:16px; color:#333; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_section03_wrap {height:420px;}
.main_media_wrap {position:relative; max-width:1200px; margin:auto; overflow:hidden;}
.main_video_player {float:left; width:60%; background-color:#222; padding:5px 0 5px 5px; box-sizing:border-box;}
.main_video_player_sub {margin-left: auto; margin-right: auto;  width:100%; background-color:#222; padding:5px 0 5px 5px; box-sizing:border-box;}
.video_wrap {position:relative;	padding-bottom:50.35%;	height:0;}
.video_wrap iframe {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}
.video_wrap img {position:absolute;	top:0;	left:0;	width:100%; height:100%;}

.main_video_list {float:left; width:40%; height:370px; background-color:#222;}
.main_video_list .video_top {position:relative; padding:36px 30px 0;}
.main_video_list .video_top h4 {font-size:22px; font-weight:400; color:#fff;}
.main_video_list .video_top .video_more {position:absolute; top:40px; right:30px;}
.main_video_list ul {padding:20px 30px 0;}
.main_video_list li {padding:20px 0; border-bottom:1px solid rgba(256,256,256,.1)}
.main_video_list li:last-child {border-bottom:0;}
.main_video_list li a {display:block; color:#FFF; font-size:18px; font-family:'Noto Sans KR'; font-weight:300; letter-spacing:-0.5px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_video_list li a.on{color:#7fd4ff;}
.main_video_list li span {display:block; font-size:14px; color:#838282; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.5px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* Sub */
#sub_visual {position:relative; height:260px; margin-top:161px; background:url('/img/sub_img.jpg') no-repeat top center;}
#sub_visual.sub_img1 {background:url('/img/sub_img1.jpg') no-repeat top center;}
#sub_visual.sub_img2 {background:url('/img/sub_img2.jpg') no-repeat top center;}
#sub_visual.sub_img3 {background:url('/img/sub_img3.jpg') no-repeat top center;}
#sub_visual.sub_img4 {background:url('/img/sub_img4.jpg') no-repeat top center;}
#sub_visual.sub_img5 {background:url('/img/sub_img5.jpg') no-repeat top center;}

#sub_visual .txt {position:absolute; top:60px; left:50%; margin-left:-500px; color:#fff;}
#sub_visual .txt_stit {font-size:18px; font-family:'S-CoreDream-5Medium'; line-height:1.3; margin-bottom:10px; text-shadow:2px 2px 2px rgba(0,0,0,.7);}
#sub_visual .txt_stit strong {font-size:26px; color:#ffdd33;}
#sub_visual .txt_stit span {font-size:20px; color:#ffdd33;}
#sub_visual .txt_btit {font-size:18px; font-family:'S-CoreDream-5Medium'; line-height:1.3; text-shadow:3px 3px 3px rgba(0,0,0,.7);}

.sub_navi_wrap {position:relative; height:60px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; z-index:3;}
.sub_navi_wrap>nav {max-width:1200px; margin:auto; font-family:'Noto Sans KR';}
.sub_navi_wrap>nav:after{content:""; display:block; clear:both;}
.sub_navi_wrap>nav>div {display:block; float:left; border-left:1px solid #d9d9d9; position:relative; cursor:pointer; z-index:9;}
.sub_navi_wrap>nav>div:last-child {border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>a.home {display:block; width:78px; height:60px; text-align:center; background:url('/img/icon_home.png') no-repeat 50% 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.sub_navi_wrap>nav>div>.depth_title {display:block; height:60px; font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#333; width:288px; text-indent:20px; line-height:60px; background:url('/img/icon_snb.png') no-repeat 260px center; box-sizing:border-box; padding-right:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul {display:none; overflow:hidden; position:absolute; left:-1px; top:60px; background:#fff; border-bottom:1px solid #d9d9d9; z-index:6;}
.sub_navi_wrap>nav>div>ul>li {height:50px; line-height:50px; font-size:17px; letter-spacing:-0.5px; text-indent:20px; width:288px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>ul>li>a {display:block; color:#333; transition:all 0.2s ease-out; padding-right:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul>li>a:hover {background:#eee;}

.sub_content_wrap {position:relative; max-width:1180px; min-height:600px; padding:50px 10px 70px; margin:auto;}
.sub_content_wrap.wide_content {max-width:100%; padding:50px 0 70px;}

#sub_title {position:relative; padding:0 0 20px; margin:0 0 40px; font-size:36px; line-height:50px; font-weight:500; color:#000; letter-spacing:-0.5px; text-align:center;}
#sub_title:after{position:absolute; bottom:0; left:50%; width:62px; height:1px; background:#9b9b9b; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:""}



.sub_tab {margin-bottom:40px;}
.sub_tab ul:after {clear:both; display:block; content:"";}
.sub_tab li {float:left; width:25%;}
.sub_tab ul.num2 li {width:50%;}
.sub_tab ul.num3 li {width:33.33333333333333%;}
.sub_tab ul.num4 li {width:25%;}
.sub_tab ul.num5 li {width:20%;}
.sub_tab ul.num6 li {width:16.66666666666667%;}
.sub_tab li a {display:block; height:54px; line-height:54px; font-size:24px; font-weight:400; color:#555; text-align:center; border:1px solid #d6d6d6; background-color:#f6f6f6; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_tab li a.on,
.sub_tab li a:hover {color:#fff; font-weight:500; background-color:#1868d0; border:1px solid #135bbf;}

.sub_title {padding-left:25px; margin-bottom:10px; font-size:24px; color:#111; font-weight:500; letter-spacing:-0.5px; background:url('/img/ic_tit01.png') no-repeat 0 50%;}

.sub_title2 {padding-left:25px; margin-bottom:10px; font-size:20px; color:#111; font-weight:500; letter-spacing:-0.5px;}

.con_tit {font-size:22px; color:#222; font-weight:500; padding:10px 0; line-height:1.3;}

.con_table caption {display:none;}
.con_table {width:100%; border-top:2px solid #0059b3; border-left:1px solid #d9d9d9; margin-bottom:30px;}
.con_table th {padding:5px 10px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background-color:#edf7ff; color:#222; font-size:16px; font-weight:500; line-height:1.5; text-align:center;}
.con_table td {padding:5px 10px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#555; font-size:16px; font-weight:300; line-height:1.5; text-align:center;}
.con_table td.sub {color:#333; font-weight:400; background-color:#f7f7f7;}
.con_table td.t_left {text-align:left;}
.con_table td.t_right {text-align:right;}
.con_table .total td {color:#333; font-weight:400; background-color:#f7f7f7;}

.greeting_wrap {overflow:hidden;}
.greeting_img {float:left; width:320px;}
.greeting_con {padding-left:360px;}
.greeting_tit {font-size:26px; color:#0f3d99; font-weight:500; line-height:1.5; margin-bottom:30px;}
.greeting_txt {font-size:18px; color:#444; font-weight:400; line-height:1.5; margin-bottom:30px;}
.greeting_txt2 {padding-left:25px; font-size:16px; color:#444; font-weight:400; line-height:1.5; margin-bottom:30px;}
.greeting_sign {font-size:22px; font-weight:400; color:#222; text-align:right;}

.diagram_img {margin-top:14px; height:224px; background:url('/sub01/img/diagram2.gif') no-repeat 50% 50%; background-size:contain;}
.diagram_img img{display:none;}

.award_img {position:relative; color:#000; text-align:center;}
.award_img p {position:absolute; top:30px; width:100%; font-size:30px;}
.award_img h4 {position:absolute; top:70px; width:100%; font-size:40px;}

.award_list {padding-top:30px;}
.award_list ul {overflow:hidden;}
.award_list ul li {position:relative; float:left; width:50%; height:100px; margin-bottom:20px;}
.award_list ul li .medal_img {position:absolute; top:0; left:0;}
.award_list ul li .award_item {display:table; width:calc(100% - 60px); margin:12px 20px 0 40px; padding:0 10px 0 60px; height:70px; line-height:28px; border:1px solid #ccc; font-size:20px; color:#000; text-align:center; border-radius:5px; box-sizing:border-box;}
.award_list ul li .award_item > p {display:table-cell; vertical-align:middle;}

.village_list {padding-top:40px;}
.village_list ul li {padding:0 0 20px;}

.village_item {position:relative; overflow:hidden; padding:29px; border:1px solid #ccc;}
.village_item .medal_img {position:absolute; top:35px; right:25px;}
.village_item .village_img {float:left; width:240px;}
.village_item .village_txt {padding-left:280px;}
.village_item .village_txt h5 {padding-top:10px; font-size:26px; font-weight:500; color:#222;}
.village_item .village_txt h4 {padding-top:14px; font-size:36px; font-weight:700; color:#000;}
.village_item .village_txt p {padding-top:30px; padding-bottom:25px; font-size:16px; font-weight:400; color:#555; line-height:1.3;}
.village_item .village_txt p strong {display:block; margin-bottom:5px; font-size:20px; font-weight:500; color:#333;}
.village_item .village_view {display:inline-block; padding:10px 15px; font-size:18px; font-weight:500; color:#fff; background:#0070bf; border:1px solid #0f5499;}

.village_btn_list {text-align:center;}
.village_btn_list a {display:inline-block; padding:14px 20px; font-size:22px; font-weight:500; color:#fff; background:#0070bf; border:1px solid #0f5499;}

.village_top.bg1 {background:#009142;}
.village_top.bg2 {background:#ef7f1b;}
.village_top.bg3 {background:#a4a51d;}
.village_top.bg4 {background:#d93d30;}
.village_top.bg5 {background:#02377d;}

.village_top .top_box {overflow:hidden; padding:40px; color:#fff;}
.village_top .top_box a {color:#fff;}
.village_top .top_box .top_tit {float:left; font-family:'S-CoreDream-5Medium';}
.village_top .top_box .top_tit h4 {float:left; font-size:58px; line-height:1; margin-right:30px;}
.village_top .top_box .top_tit p {float:left; font-size:22px; line-height:1.4;}
.village_top .top_box .top_add {float:right; font-size:16px; line-height:1.3;}

.village_info {padding:40px 30px; line-height:1.4;}
.village_info h4 {font-family:'S-CoreDream-5Medium'; font-size:26px; font-weight:600; color:#111; margin-bottom:20px;}
.village_info h5 {font-family:'S-CoreDream-5Medium'; font-size:22px; font-weight:600; color:#111; margin-bottom:10px;}
.village_info p {font-size:18px; margin-bottom:10px;}
.village_info .info_list {padding-top:30px;}
.village_info dl {overflow:hidden; font-size:18px; margin-bottom:5px;}
.village_info dl dt {float:left; font-weight:600; color:#222;}
.village_info dl dd {padding-left:120px;}

.sisul_info_txt {margin-bottom:30px; font-size:16px; color:#333; line-height:1.5;}
.sisul_info_txt p {margin-bottom:5px;}

.sisul_list {overflow:hidden; padding-bottom:40px;}
.sisul_list li {float:left; width:25%; padding:5px; text-align:center; box-sizing:border-box;}
.sisul_list li.w3 {width:75%;}
.sisul_list li.w2 {width:50%;}
.sisul_list li.w1 {width:25%;}

.sisul_list.num3 li {width:33.33333333333333%;}

.map_wrap {position:relative; height:700px; background:url('/sub02/img/map_bg.jpg') no-repeat 50% 50%; overflow:hidden;}
.map_wrap .main_search_box {z-index:3;}
.map_wrap .map_img {position:absolute; display:block; top:50%; left:50%; margin-top:-400px; margin-left:-600px; width:1200px; height:800px; max-width:1200px; z-index:1;}

.map_popup {position:fixed; bottom:50px; right:20px; width: 450px;  margin-top:-120px; margin-left:-170px; background:#fff; overflow:hidden; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,.5); z-index:3;}
.map_popup h4 {font-family:'S-CoreDream-5Medium'; font-size:16px; font-weight:400; color:#fff; line-height:40px; padding:0 15px; background:#0d5dac;}
.map_popup .close {position:absolute; top:10px; right:10px;}
.map_popup_content {padding:15px; line-height:1.3; height:450px; overflow-y:auto;}

.legend_box {position:absolute; bottom:20px; left:20px; width:150px; z-index:2;}
.legend_box h4 {position:relative; font-family:'S-CoreDream-5Medium'; font-size:16px; font-weight:400; color:#fff; line-height:30px; border:1px solid #3d5da8; background:#5674b9; text-align:center;}
.legend_box ul {padding:5px 0 5px 8px; border:1px solid #cecece; border-top:0; background:#fff;}
.legend_box ul li {font-size:12px; color:#333; padding:5px 0;}
.legend_box ul li.dot_line {border-top:1px dotted #ccc; padding-top:5px; margin:3px 5px 0 0; line-height:1.5;}

.business_search {text-align:center; margin-bottom:30px;}
.business_search select {width:210px; height:42px; padding:0 30px 0 10px; font-size:16px; color:#222; border:1px solid #cdcdcd; background:url(/img/ico_sel.png) no-repeat right 50%; vertical-align:middle; -webkit-appearance:none;}
.business_search input[type=text] {width:210px; height:40px; padding:0 0 0 10px; font-size:16px; color:#222; border:1px solid #cdcdcd; vertical-align: middle;}
.business_search .btn_search {display:inline-block; width:100px; height:42px; line-height:40px; padding:0 20px; font-size:16px; text-align:center; box-sizing:border-box; color:#fff; border:1px solid #1868d0; background:#1868d0; vertical-align:middle;}

.business_wrap {overflow:hidden;}
.business_map {position:relative; float:left; padding:0 20px;}
.business_list {padding:20px 0 20px 500px;}
.business_list ul {border-top:2px solid #0059b3;}
.business_list li a {position:relative; display:block; padding:18px 20px; font-size:20px; color:#222; border-bottom:1px solid #c4c9ce; background:#f4f5f9;}
.business_list li a i {position:absolute; top:50%; right:20px; margin-top:-15px; width:30px; height:30px; background:url(/img/arrow_blue.png) no-repeat 50% 50% #fff; border-radius:50%;}

.exp_wrap {overflow:hidden;}
.exp_map {position:relative; float:left; width:520px;}
.exp_map a {position:absolute; display:block; top:0; left:0; text-indent:-9999px; cursor:pointer;}
.exp_map a img {position:absolute; top:0; left:0; max-width:106px; display:none; -webkit-transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	transition:all 0.3s ease;}
.exp_map a.active img {display:block;}
.exp_map a.mark_01 {top:5.93%; left:30.76%; width:19.23%; height:23.72%;}
.exp_map a.mark_02 {top:37.28%; left:73.65%; width:11.53%; height:11.86%; z-index:2;}
.exp_map a.mark_03 {top:35.59%; left:20.38%; width:17.30%; height:20.33%; z-index:2;}
.exp_map a.mark_04 {top:38.98%; left:62.11%; width:13.46%; height:16.94%;}
.exp_map a.mark_05 {top:52.71%; left:31.92%; width:19.23%; height:18.64%;}

.exp_map a.mark_01.active img {top:-25px; left:-15px;}
.exp_map a.mark_02.active img {top:-50px; left:-45px;}
.exp_map a.mark_03.active img {top:-50px; left:-45px;}
.exp_map a.mark_04.active img {top:-15px; left:-50px;}
.exp_map a.mark_05.active img {top:-60px; left:-45px;}

.exp_list {padding-left:580px;}
.exp_box {border-top:2px solid #0059b3; margin-bottom:12px; -webkit-transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	transition:all 0.3s ease;}
.exp_box h4 {padding:15px; font-size:18px; color:#222; font-weight:500; border-bottom:1px solid #c4c9ce; background:#f4f5f9; -webkit-transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	transition:all 0.3s ease;}
.exp_box h4 span {float:right;}
.exp_box ul {overflow:hidden;}
.exp_box ul li {float:left; width:25%;}
.exp_box ul li a {display:block; padding:10px 0; font-size:16px; color:#0045a6; font-weight:500; text-align:center; background:#fff; border:1px solid #1868d0; margin:4px 2px;}
.exp_box ul li a:hover {color:#fff; background:#1868d0;}

.exp_box ul.num3 li {float:left; width:33.33333333333333%;}

.exp_box.box_01.active {background:#009142; border-top:2px solid #005e2a;}
.exp_box.box_02.active {background:#f1780f; border-top:2px solid #994700;}
.exp_box.box_03.active {background:#999a01; border-top:2px solid #4c4d01;}
.exp_box.box_04.active {background:#d93d30; border-top:2px solid #73160e;}
.exp_box.box_05.active {background:#02377d; border-top:2px solid #01214a;}

.exp_box.box_01.active h4 {background:#009142; border-bottom:1px solid #24b364; color:#fff;}
.exp_box.box_02.active h4 {background:#f1780f; border-bottom:1px solid #ff9233; color:#fff;}
.exp_box.box_03.active h4 {background:#999a01; border-bottom:1px solid #b2b325; color:#fff;}
.exp_box.box_04.active h4 {background:#d93d30; border-bottom:1px solid #f25b4e; color:#fff;}
.exp_box.box_05.active h4 {background:#02377d; border-bottom:1px solid #044eb0; color:#fff;}

.total_reserve_btn {text-align:right; padding-bottom:10px;}
.total_reserve_btn a {display:inline-block; padding:10px 15px; font-size:18px; font-weight:500; color:#fff; background:#0070bf; border:1px solid #0f5499;}

.exp_search {text-align:center; margin-bottom:30px;}
.exp_search select {width:180px; height:42px; padding:0 30px 0 10px; font-size:16px; color:#222; border:1px solid #cdcdcd; background:url(/img/ico_sel.png) no-repeat right 50%; vertical-align:middle; -webkit-appearance:none;}
.exp_search input[type=text] {width:240px; height:40px; padding:0 0 0 10px; font-size:16px; color:#222; border:1px solid #cdcdcd; vertical-align:middle;}
.exp_search .btn_search {display:inline-block; width:100px; height:42px; line-height:40px; padding:0 20px; font-size:16px; text-align:center; box-sizing:border-box; color:#fff; border:1px solid #1868d0; background:#1868d0; vertical-align:middle;}


.exp_calendar {padding-left:380px;}
.exp_calendar h4 {font-size:24px; color:#222; letter-spacing:-1px; text-align:center; font-weight:500; margin-bottom:20px}
.exp_calendar table {width:100%; padding:2px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.exp_calendar th {border-right:1px solid #dfdfdf; line-height:40px; font-size:17px; font-weight:500; border-bottom:1px solid #dfdfdf; background:#f5f5f5; width:14.2%}
.exp_calendar td {border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:left; padding:3px; width:14.2%; height:80px; font-size:14px; vertical-align:top}
.exp_calendar td li {list-style:none; background:url(/img/dot_green.gif) no-repeat 0 8px; padding-left:10px}
.exp_calendar td p {font-size:14px; text-align:right; }

.sub_exp_list {overflow:hidden; padding-bottom:40px;}
.sub_exp_list li {float:left; width:50%; padding:5px; box-sizing:border-box;}
.sub_exp_list .sub_exp_item {overflow:hidden; padding:9px; min-height:170px; border:1px solid #ccc;}
.sub_exp_list .sub_exp_img {float:left;}
.sub_exp_list .sub_exp_txt {padding-left:300px;}
.sub_exp_list .sub_exp_txt h4 {padding-top:5px; font-size:19px; font-weight:700; color:#000;}
.sub_exp_list .sub_exp_txt p {padding-top:15px; font-size:16px; font-weight:400; color:#555; line-height:1.3;}

.sub_exp_list2 {padding-bottom:40px;}
.sub_exp_list2 li {padding:5px 0;}
.sub_exp_list2 .sub_exp_item {padding:39px; border:1px solid #ccc;}
.sub_exp_list2 .sub_exp_txt h4 {font-size:22px; font-weight:700; color:#000;}
.sub_exp_list2 .sub_exp_txt p {padding-top:10px; font-size:16px; font-weight:400; color:#555; line-height:1.3;}
.sub_exp_list2 .sub_exp_img {padding-top:20px;}

.bongsan_price {overflow:hidden; padding-bottom:10px;}
.bongsan_price .con_table {float:left; width:50%;}
.bongsan_price .con_img {float:right; width:50%;}
.bongsan_price .con_img img {margin-left:15px;}
.bongsan_price .con_img p {margin-left:15px; margin-bottom:20px; font-size:18px; font-weight:500; color:#222; line-height:1.5;}

.bongsan_stay {overflow:hidden; padding-top:10px; margin-bottom:40px;}
.bongsan_stay .sisul_info_img {float:left; width:50%;}
.bongsan_stay .sisul_info_img img {margin-right:15px;}
.bongsan_stay .sisul_info_txt {margin-bottom:0;}

.yongju_food {padding:5px 0 10px;}
.yongju_food h4 {font-size:22px; font-weight:700; color:#0068b3;}
.yongju_food h4 small {display:inline-block; margin-left:5px; font-size:18px; color:#333;}
.yongju_food p {padding-top:5px; font-size:16px; font-weight:400; color:#555; line-height:1.5;}

.sub_room_list {padding-bottom:40px;}
.sub_room_list li {padding:5px; box-sizing:border-box;}
.sub_room_list .sub_room_item {overflow:hidden; padding:9px; border:1px solid #ccc;}
.sub_room_list .sub_room_img {float:left;}
.sub_room_list .sub_room_txt {padding-left:300px;}
.sub_room_list .sub_room_txt h4 {padding-top:5px; font-size:22px; font-weight:700; color:#000;}
.sub_room_list .sub_room_txt p {padding-top:15px; font-size:16px; font-weight:400; color:#555; line-height:1.3;}
.sub_room_list .sub_room_btn {padding-top:8px; text-align:right;}
.sub_room_list .sub_room_btn a {display:inline-block; padding:8px 12px; margin-left:3px; font-size:16px; font-weight:500; color:#fff; background:#0070bf; border:1px solid #0f5499;}

.ft_red {color:#d51717}
.ft_blue {color:#4157ab}

.board_list_table {margin-top:5px;}
.board_list_bottom .btn_m a {padding:6px 10px;}
.board_list_search select {height:30px;}

.flipbook .page {cursor:pointer;}

.board_view_table img {max-width:100%; height:auto;}


.youtube_list {padding:10px; border-top:2px solid #000; border-bottom:1px solid #000;}
.youtube_list ul {overflow:hidden;}
.youtube_list ul li {float:left; width:25%; padding:10px; box-sizing:border-box;}
.youtube_box {width:100%; height:225px; border:1px solid #ddd; box-sizing:border-box;}
.youtube_box .youtube_img {overflow:hidden; height:180px; border-bottom:1px solid #ddd; background:#f5f5f5;}
.youtube_box .youtube_img img {width:100%;}
.youtube_box .youtube_txt {padding: 10px; font-size: 16px; color:#222; font-weight:500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


/* ¹ÝÀÀÇü Style */
@media screen and (max-width:1440px){ 
  #header .btn_all_menu {right:10px;}

  .main_visual_wrap .main_btn_prev {left:20px; margin-left:0;}
  .main_visual_wrap .main_btn_next {right:20px; margin-right:0;}
  .main_slide .slide_item .txt {left:200px; margin-left:0;}

  .main_video_player .video_wrap {padding-bottom:0; height:360px;}
  .main_video_player_sub .video_wrap {padding-bottom:0; height:360px;}
  
}

@media screen and (max-width:1200px){  
  #header .weather_api {left:10px; margin-left:0;}

  #header .util_menu {right:10px; margin-right:0;}

  #header .reserve_banner {right:10px; margin-right:0;}

  #header .btn_all_menu {left:10px; margin-left:0;}

  #footer .copyright {padding:36px 10px 0 250px;}

  .layer-popup.pc-all-menu{width:1000px; margin:0 0 0 -500px;}

  .main_map_btn {right:20px; margin-right:0;}

  .main_section01_wrap {height:auto; padding-bottom:40px; overflow:hidden;}
  .main_section01_wrap > article {padding-top:40px;}
  .main_popup {top:40px; left:10px;}

  .main_notice {position:relative; left:0; top:0; margin-left:320px; width:calc(100% - 330px);}
  .main_notice_list .first dt p {max-width:100%;}
  .main_notice_list .first dd {max-width:100%;}

  .main_event {position:relative; right:0; top:0; margin:20px 0 0 10px; width:calc(100% - 20px);}

  .main_section02_wrap {height:auto; padding-bottom:40px; overflow:hidden;}
  .main_gallery {padding-top:40px;}
  .main_gallery_list {padding:30px 5px 0;}
  .main_gallery_list li {width:25%; padding:0 5px; box-sizing:border-box;}
  .main_gallery_list li:nth-child(5) {display:none;}
  .main_gallery_list li span {padding-top:8px; width:100%; font-size:14px; line-height:20px;}

  .main_video_list ul {padding:0 15px;}

  #sub_visual .txt {left:100px; margin-left:0;}

  .diagram_img {height:170px;}

  .award_list ul li .award_item > p > span{display:block;}
  
  .exp_list {padding-left:520px;}

}

@media screen and (max-width:1024px){
  #header {height:60px;}
  #header .header_inner {height:60px; border-bottom:0;}
  #header .logo {padding-top:10px; padding-left:10px; text-align:left;}
  #header .logo img {height:40px;}

  #header .weather_api {display:none;}

  #header .util_menu {display:none;}

  #header .reserve_banner {display:none;}

  #header #gnb {display:none;}
  #header .btn_all_menu {display:none;}
  #header .top_menu_wrap {display:none;}

  .type-mobile{display:block; position:absolute; top:10px; right:10px; width:44px; height:40px; background:url(/img/icon_menu_m.png) no-repeat; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}
		.mobile-menu{display:block;}

  .sns_banner {display:none;}

  .dimmed {display:none; width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:10; opacity:0.5;}
		.dimmed.show {display:block;}

		.mobile-menu{position:fixed; top:0; right:-3000px; width:300px; height:100%;z-index:15; background-color:#fff;}
		.mobile-menu .user-menu{position:relative; background-color:#f5f5f5; height:32px; padding:14px 20px;}
  .mobile-menu .user-menu .btn-menu {display:inline-block; height:30px; line-height:30px; background-color:#fff; border:1px solid #ccc; padding:0 16px; margin-right:2px; letter-spacing:-0.5px; font-size:14px; color:#444; font-weight:500; border-radius:16px;}
  .mobile-menu .user-menu .btn-close {display:block; position:absolute; top:17px; right:15px; width:26px; height:26px; background:url(/img/icon_menu_close.png) no-repeat; background-size:100% 100%; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}

		.mobile-menu .menu-area {background-color:#fff; padding-bottom:0; position:absolute; top:60px; bottom:0; left:0; right:0; letter-spacing:-0.5px;}
		.mobile-menu .menu-area .depth1{display:block; background:#fff url(/img/icon_menu_off.png) no-repeat right 20px center; background-size:16px; font-size:18px; font-weight:500; color:#222; padding:16px 20px; border-top:1px solid #ddd;}
		.mobile-menu .menu-area .depth1.on{background:#fff url(/img/icon_menu_on.png) no-repeat right 20px center; background-size:16px; }
		.mobile-menu .menu-area .depth2-wrap {display:none; background:#f5f5f5; padding:10px 0;}
		.mobile-menu .menu-area .depth2-wrap > li > a{display:block; background:#f5f5f5; font-size:16px; color:#555; padding:10px 25px; }
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2{background:#f5f5f5 url(/img/icon_menu2_off.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2.on{background:#f5f5f5 url(icon_menu2_on.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth3-wrap{display:none; padding:5px 20px; background-color:#fff;}
		.mobile-menu .menu-area .depth3-wrap a{position:relative; font-size:13px; color:#333; line-height:30px; padding-left:10px;}
		.mobile-menu .menu-area .depth3-wrap a:before{content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333;}

		.mobile-menu .menu-area .layer-scroll {overflow:hidden; overflow-y:auto; height:100%; padding:0;}
		.mobile-menu .menu-area .mCSB_scrollTools {width:6px; margin:0; padding:0; line-height:0; opacity:1;}
		.mobile-menu .menu-area .mCSB_inside > .mCSB_container{margin-right:0;}

  #footer {height:auto;}
  #footer .copy_logo {display:none;}
  #footer .copyright {padding:16px 20px 46px; font-size:13px;}
  #footer .copyright ul {padding-top:4px;}
  #footer .copyright ul li {padding-left:12px; margin-left:12px;}
  #footer .copyright ul li::before {height:14px;}
  #footer .copyright p span {margin-right:12px;}

  .scroll_top{right:10px;}

  .room_popup {width:90% !important; height:95% !important;}
  .room_popup iframe {width:100%; height:600px;}
  .room_popup .room_popup_content {width:100%; height:100%; overflow-y:auto;}

  .room_popup2 {width:90% !important; height:95% !important;}
  .room_popup2 iframe {width:100%; height:1000px;}
  .room_popup2 .room_popup_content2 {width:100%; height:100%; overflow-y:auto;}

  .main_visual_wrap {height:auto; margin-top:61px;}

  .main_search_box {top:30px;}

  .main_map_btn {right:20px; margin-bottom:-220px;}

  .main_slide {height:480px;}
  .main_slide .slide_item {height:480px;}
  .main_slide .slide_item .txt {top:25%; left:0; margin-left:0; width:100%; text-align:center;}

  .main_tit {margin-bottom:30px; font-size:32px;}

  .main_section01_wrap {padding-bottom:20px;}
  .main_section01_wrap > article {padding-top:20px;}
  .main_popup {position:relative; left:0; top:0; margin:0 10px 20px; width:calc(100% - 20px); height:auto;}
  .main_popup .slick-dotted.slick-slider {margin-bottom:0;}
  .main_popup_item img {width:100%;}

  .main_notice {margin-left:10px; width:calc(100% - 20px);}
  
  .main_section02_wrap {padding-bottom:10px;}
  .main_gallery {padding-top:30px;}
  .main_gallery_top h3 {width:180px; height:40px; line-height:40px; font-size:20px; border-radius:20px;}
  .main_gallery_list {padding:20px 5px 0;}
  .main_gallery_list li {width:50%; margin-bottom:20px;}

  .main_section03_wrap {height:auto;}
  .main_video_player {width:100%; height:auto; padding:0; animation-delay: 0.0s;}
  .main_video_player .video_wrap {padding-bottom:50.35%; height:0;}
  .main_video_player_sub {width:100%; height:auto; padding:0; animation-delay: 0.0s;}
  .main_video_player_sub .video_wrap {padding-bottom:50.35%; height:0;}
  .main_video_list {width:100%; height:auto; animation-delay: 0.0s;}
  .main_video_list .video_top {padding:20px 15px 0;}
  .main_video_list .video_top h4 {font-size:20px;}
  .main_video_list .video_top .video_more {top:20px; right:15px;}
  .main_video_list li a {font-size:16px}
  

  #sub_visual {height:160px; margin-top:60px; background-position:50% 50%; background-cover:cover;}
  #sub_visual .txt {width:100%; top:22px; left:0; text-align:center;}
  #sub_visual .txt_stit {font-size:16px;}
  #sub_visual .txt_stit strong {font-size:20px;}
  #sub_visual .txt_stit span {font-size:18px;}
  #sub_visual .txt_btit {font-size:16px;}

  .sub_navi_wrap {height:40px;}
  .sub_navi_wrap>nav>div>a.home {width:40px; height:40px; background-size:18px auto;}
  .sub_navi_wrap>nav>div>.depth_title {height:40px; font-size:14px; width:150px; text-indent:10px; line-height:40px; background:url(/img/icon_snb.png) no-repeat 95% center;}
  .sub_navi_wrap>nav>div>ul {top:40px;}
  .sub_navi_wrap>nav>div>ul>li {height:35px; line-height:35px; font-size:13px; text-indent:10px; width:150px;}

  .sub_content_wrap {min-height:500px; padding:30px 10px 40px;}
  .sub_content_wrap.wide_content {padding:30px 0 40px;}

  #sub_title {padding:0 0 10px; margin:0 0 20px; font-size:24px; line-height:30px;}

  .sub_tab {margin-bottom:20px;}
  .sub_tab ul.num3 li {width:50%;}
  .sub_tab ul.num4 li {width:50%;}
  .sub_tab ul.num5 li {width:50%;}
  .sub_tab ul.num6 li {width:50%;}
  .sub_tab li a {height:34px; line-height:34px; font-size:16px;}

  .sub_title {font-size:20px;}

  .con_tit {font-size:18px; padding:5px 0;}

  .con_table {margin-bottom:20px;}
  .con_table th {padding:5px; font-size:14px;}
  .con_table td {padding:5px; font-size:14px;}
  .con_table td img {width:100%;}

  .greeting_img {float:left; width:200px;}
  .greeting_con {padding-left:220px;}
  .greeting_con br {display:none;}
  .greeting_tit {font-size:18px; margin-bottom:20px;}
  .greeting_txt {font-size:14px; margin-bottom:20px;}
  .greeting_txt2 {font-size:12px; margin-bottom:20px;}
  .greeting_sign {font-size:16px;}
  
  .award_img p {top:25px; font-size:26px;}
  .award_img h4 {top:60px; font-size:34px;}

  .award_list ul li .award_item {font-size:18px;}

  .village_list {padding-top:20px;}
  .village_list ul li {padding:0 0 15px;}

  .village_item {padding:19px;}
  .village_item .medal_img {top:20px; right:10px;}
  .village_item .village_img {width:180px;}
  .village_item .village_txt {padding-left:210px;}
  .village_item .village_txt h5 {padding-top:8px; font-size:20px;}
  .village_item .village_txt h4 {padding-top:12px; font-size:30px;}
  .village_item .village_txt p {padding-top:14px; padding-bottom:16px; font-size:14px;}
  .village_item .village_txt p strong {margin-bottom:3px; font-size:16px;}
  .village_item .village_view {padding:8px 12px; font-size:16px;}

  .village_btn_list a {padding:10px 16px; font-size:18px;}

  .village_top .top_box {padding:20px;}
  .village_top .top_box .top_tit h4 {float:none; font-size:26px; line-height:1.2; margin-right:0; margin-bottom:6px;}
  .village_top .top_box .top_tit p {float:none; font-size:14px; line-height:1.2;}
  .village_top .top_box .top_tit p br {display:none;}
  .village_top .top_box .top_add {font-size:14px;}

  .village_info {padding:20px 0; line-height:1.3;}
  .village_info h4 {font-size:20px; margin-bottom:10px;}
  .village_info h5 {font-size:18px; margin-bottom:10px;}
  .village_info p {font-size:14px; margin-bottom:10px;}
  .village_info .info_list {padding-top:10px;}
  .village_info dl {font-size:14px;}
  .village_info dl dd {padding-left:90px;}

  .sisul_info_txt {margin-bottom:20px; font-size:14px; line-height:1.3;}

  .sisul_list {padding-bottom:20px;}

  .map_wrap {height:600px;}

  .legend_box {bottom:10px; left:10px;}

  .business_search {margin-bottom:20px;}
  .business_search select {width:160px; height:34px; font-size:14px;}
  .business_search input[type=text] {width:160px; height:32px; padding:0 0 0 5px; font-size:14px;}
  .business_search .btn_search {width:90px; height:34px; line-height:32px; font-size:14px;}

  .business_map {padding:0;}
  .business_list {padding:20px 0 20px 460px;}
  .business_list li a {font-size:18px;}
  .business_list li a i {right:15px;}

  .exp_calendar {padding-left:340px;}

  .exp_search {margin-bottom:20px;}
  .exp_search select {width:140px; height:34px; font-size:14px;}
  .exp_search input[type=text] {width:200px; height:32px; padding:0 0 0 6px; font-size:14px;}
  .exp_search .btn_search {width:90px; height:34px; line-height:32px; font-size:14px;}

  .sub_exp_list .sub_exp_img {width:200px;}
  .sub_exp_list .sub_exp_txt {padding-left:220px;}

  .sub_exp_list2 .sub_exp_item {padding:19px;}
  
  .bongsan_price .con_table {float:none; width:100%; margin-bottom:20px;}
  .bongsan_price .con_img {float:none; width:100%;}
  .bongsan_price .con_img img {width:100%; margin-left:0; margin-bottom:20px;}
  .bongsan_price .con_img p {margin-left:0; margin-bottom:10px; font-size:16px;}
  
  .bongsan_stay {padding-top:5px; margin-bottom:30px;}
  .bongsan_stay .sisul_info_img img {margin-right:0;}
  .bongsan_stay .sisul_info_txt {float:left; margin-left:15px;}

  .yongju_food {padding:3px 0 5px;}
  .yongju_food h4 {font-size:20px;}
  .yongju_food h4 small {margin-left:3px; font-size:16px;}
  .yongju_food p {font-size:14px;}

}

@media screen and (max-width:768px){  
  #header .logo {padding-top:13px; padding-left:6px;}
  #header .logo img {height:34px;}

  .main_visual_wrap .main_btn_prev a {display:none;}
  .main_visual_wrap .main_btn_next a {display:none;}
  
  .main_search_box {top:20px; margin-left:-140px; width:280px; height:40px;}
  .main_search_box .search_input {width:228px; height:38px; padding-left:14px; font-size:15px;}
  .main_search_box .search_btn {width:40px; height:40px;}

  .main_map_btn {right:10px; margin-bottom:-170px; width:88px; height:88px;}
  .main_map_btn a {width:88px; height:88px; background-size:58px 58px;}

  .main_slide {height:360px;}
  .main_slide .slide_item {height:360px;}
  .main_slide .slide_item .txt_stit {font-size:16px;}
  .main_slide .slide_item .txt_stit strong {font-size:24px;}
  .main_slide .slide_item .txt_stit span {font-size:18px;}
  .main_slide .slide_item .txt_btit {font-size:16px;}

  .main_tit {margin-bottom:20px; font-size:28px;}

  .main_notice {height:auto;}
  .main_notice_top {height:49px;}
  .main_notice_top ul {padding-right:46px;}
  .main_notice_top li a {height:48px; line-height:48px; font-size:16px;}

  .main_notice_list {height:auto; padding:20px 10px 10px;}
  .main_notice_list .more {top:-49px; width:46px; height:48px;}
  .main_notice_list .new {width:18px; height:18px; line-height:18px; margin-left:4px;}
  .main_notice_list .date {font-size:13px;}
  .main_notice_list .first {padding:0 5px 35px;}
  .main_notice_list .first dt a{max-width:90%; font-size:16px;}
  .main_notice_list .first dd {font-size:14px;}

  .main_notice_list ul li a {width:70%; font-size:14px;}

  .main_event {height:auto;}
  .main_event_top {height:49px; line-height:49px; margin:0 10px;}
  .main_event_top .more {width:48px; height:49px;}
  .main_event_list {padding:18px 10px 10px;}

  .main_video_list li {margin-bottom:0;}
  .main_video_list li a strong {font-size:16px; line-height:20px; max-height:40px;}

  .diagram_img {height:auto; background:none;}
	 .diagram_img img{display:block; width:100%; max-width:420px; margin:0 auto;}

  .table_responsive {width:100%; overflow-y:hidden;}

  .greeting_img {display:none;}
  .greeting_con {padding-left:0;}

  .award_img p {top:16px; font-size:18px;}
  .award_img h4 {top:40px; font-size:26px;}
  
  .award_list {padding-top:20px;}
  .award_list ul li {width:100%; height:100px; margin-bottom:10px;}
  .award_list ul li .award_item {font-size:16px;}
  .award_list ul li .award_item > p > span{display:inline;}

  .village_item {padding:9px;}
  .village_item .medal_img {top:10px; right:5px; width:60px;}
  .village_item .village_img {width:140px;}
  .village_item .village_txt {padding-left:160px;}
  .village_item .village_txt h5 {padding-top:4px; font-size:16px;}
  .village_item .village_txt h4 {padding-top:8px; font-size:22px;}
  .village_item .village_txt p {padding-top:10px; padding-bottom:12px; font-size:13px;}
  .village_item .village_txt p strong {margin-bottom:3px; font-size:15px;}
  
  .sisul_list li.w2 {width:100%;}
  .sisul_list li {width:50%;}

  .sisul_list.num3 li {width:50%;}

  .business_search select {width:30%;}
  .business_search input[type=text]{width:50%; margin-top:9px;}
  .business_search .btn_search {margin-top:8px;}

  .business_map {display:none;}
  .business_list {padding:0;}
  .business_list li a {padding:13px 15px; font-size:16px;}
  .business_list li a i {width:24px; height:24px; margin-top:-12px; right:10px; background-size:6px 10px;}

  .exp_map {float:none; width:100%; max-width:520px; margin:auto;}

  .exp_list {padding-left:0;}
  .exp_box {margin-bottom:6px;}
  .exp_box h4 {padding:8px 12px; font-size:16px;}
  .exp_box ul li a {padding:8px 0; font-size:14px; margin:2px 1px;}

  .exp_calendar {padding-left:0; padding-top:20px;}
  .exp_calendar h4 {font-size:20px; margin-bottom:10px}
  .exp_calendar h4 img {width:27px; height:27px;}
  .exp_calendar th {line-height:30px; font-size:15px;}
  .exp_calendar td {padding:2px; font-size:13px;}
  .exp_calendar td p {font-size:13px;}

  .sub_exp_list {padding-bottom:20px;}
  .sub_exp_list li {float:none; width:100%;}
  .sub_exp_list .sub_exp_item {min-height:130px;}
  .sub_exp_list .sub_exp_txt h4 {padding-top:3px; font-size:18px;}
  .sub_exp_list .sub_exp_txt p {padding-top:10px; font-size:14px;}

  .sub_exp_list2 {padding-bottom:20px;}
  .sub_exp_list2 .sub_exp_item {padding:9px;}
  .sub_exp_list2 .sub_exp_txt h4 {font-size:18px;}
  .sub_exp_list2 .sub_exp_txt p {padding-top:5px; font-size:14px;}
  .sub_exp_list2 .sub_exp_img {padding-top:10px;}
  
  .bongsan_stay {padding-top:0; margin-bottom:20px;}
  .bongsan_stay .sisul_info_img {float:none; width:100%;}
  .bongsan_stay .sisul_info_img img {width:100%;}
  .bongsan_stay .sisul_info_txt {float:none; margin-left:0; margin-top:10px;}

  .sub_room_list {padding-bottom:20px;}
  .sub_room_list .sub_room_img {width:200px;}
  .sub_room_list .sub_room_txt {padding-left:220px;}
  .sub_room_list .sub_room_txt h4 {padding-top:3px; font-size:18px;}
  .sub_room_list .sub_room_txt p {padding-top:10px; font-size:14px;}
  .sub_room_list .sub_room_btn {padding-top:6px;}
  .sub_room_list .sub_room_btn a {padding:6px 10px; margin-left:2px; font-size:14px;}

  .youtube_list ul li {width:50%;}
  
}

@media screen and (max-width:480px){  
  .award_img p {top:4%; font-size:13px;}
  .award_img h4 {top:18%; font-size:16px;}

  .award_list ul li .award_item {font-size:14px; line-height:24px;}
  .award_list ul li .award_item > p > span{display:block;}

  .village_item .medal_img {top:260px; right:5px; width:45px;}
  .village_item .village_img {float:none; width:180px; margin:0 auto 10px;}
  .village_item .village_txt {padding-left:0;}
  .village_item .village_txt h5 {padding-top:2px; font-size:14px; text-align:center;}
  .village_item .village_txt h4 {padding-top:6px; font-size:20px; text-align:center;}
  .village_item .village_view {display:block; padding:8px 0; width:120px; margin:auto; text-align:center;}

  .village_top .top_box {padding:15px 10px; text-align:center;}
  .village_top .top_box .top_tit {float:none;}
  .village_top .top_box .top_tit h4 {font-size:22px; margin-bottom:10px;}
  .village_top .top_box .top_tit p {font-size:13px; margin-bottom:15px;}
  .village_top .top_box .top_tit p br {display:none;}
  .village_top .top_box .top_add {float:none; }

  .village_info {padding:15px 0;}
  .village_info h4 {font-size:16px; text-align:center;}
  .village_info h5 {font-size:16px; text-align:center;}
  .village_info h5 br {display:none;}
  .village_info p br {display:none;}

  .sisul_list li.w3 {width:100%;}
  .sisul_list li.w1 {width:50%;}

  .map_wrap {height:500px;}

  .business_list li a {font-size:14px;}
  
  .exp_search select {width:40%;}
  .exp_search input[type=text] {width:50%;}
  .exp_search .btn_search {margin-top:8px;}

  .sub_exp_list .sub_exp_img {float:none; width:200px; margin:0 auto 10px;}
  .sub_exp_list .sub_exp_txt {padding-left:0; text-align:center;}

  .bongsan_price {padding-bottom:5px;}
  .bongsan_price .con_table {margin-bottom:10px;}
  .bongsan_price .con_img p {font-size:14px; line-height:1.3;}
  
  .sub_room_list .sub_room_img {float:none; width:200px; margin:0 auto 10px;}
  .sub_room_list .sub_room_txt {padding-left:0;}
  .sub_room_list .sub_room_txt h4 {text-align:center;}
  .sub_room_list .sub_room_btn {text-align:center;}

  .board_list_table colgroup {display:none;}

  .board_list_table th:nth-child(1) {width:15%;}
  .board_list_table th:nth-child(2) {width:60%;}
  .board_list_table th:nth-child(3) {display:none;}
  .board_list_table th:nth-child(4) {width:25%;}
  .board_list_table th:nth-child(5) {display:none;}

  .board_list_table td:nth-child(1) {width:15%;}
  .board_list_table td:nth-child(2) {width:60%;}
  .board_list_table td:nth-child(3) {display:none;}
  .board_list_table td:nth-child(4) {width:25%;}
  .board_list_table td:nth-child(5) {display:none;}

  .board_list_gallery li {width:50%;}

  .youtube_box {height:165px;}
  .youtube_box .youtube_img {height:120px;}
}