body{overflow-x:hidden;}
#wrap{width:100%;margin:0 auto}

.layout{position:relative;max-width:1200px;margin:0 auto;}
.mx_show{display:none}
.ms_show{display:none}
.bg_shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:50;opacity:0.6}

#header{width:100%;height:140px;}
#header .layout{height:90px;}
#header #logo{float:left;width:227px;height:65px;margin-left:1px;padding-top:8px}

#header .gnb{float:right;margin-top:28px;}
#header .gnb li{float:left;background:url(../images/common/bg_gnb.gif) 0 50% no-repeat;list-style:none}
#header .gnb li:first-child{background:none;}
#header .gnb li a{display:block;padding:9px 10px;font-family:'MondaRegular';font-size:11px;color:#999;}

#header .top_header{float:right;margin:23px 120px 0 0;}
#header .top_header li{float:left;margin-right:65px;padding-left:45px;list-style:none}
#header .top_header li.location{background:url(../images/common/ico_location.gif) 5px 4px no-repeat}
#header .top_header li.reservation{background:url(../images/common/ico_reservation.gif) 0 4px no-repeat}
#header .top_header li a{display:inline-block;color:#666;line-height:1.3;letter-spacing:-1px;}

#header .topMenuWrap{height:50px;}
#topMenu{overflow:hidden;position:relative;width:100%;height:50px;margin:0 auto;border:solid #ccc;border-width:1px 0;}
.mobileTop{display:none;}

.lnbWrap{position:relative;width:100%;height:100%;max-width:1200px;margin:0 auto;z-index:30;}
.lnbWrap > ul > li{float:left;position:relative;width:16.66%;border-right:solid 1px #ccc;list-style:none;}
.lnbWrap > ul > li:first-child{border-left:solid 1px #ccc;}
.lnbWrap > ul > li:hover > a{color:#00a4e7;}
.lnbWrap > ul > li > a{display:block;padding:12px 20px;font-size:18px;font-weight:500;color:#333;text-align:center;}
.lnbWrap > ul > li > ul{width:100%;height:215px;margin-top:1px;padding:30px 0 0;background:#fff;list-style:none;z-index:50;}
.lnbWrap > ul > li:hover > ul{min-height:266px;background:#f3f6f7}
.lnbWrap > ul > li > ul > li{width:100%;}
.lnbWrap > ul > li > ul > li > a{overflow:hidden;display:block;width:100%;padding:5px 5px 6px 35px;background:url(../images/common/top_bullet2.gif) 20px 50% no-repeat;font-size:13px;color:#666;letter-spacing:-1px;}
.lnbWrap > ul > li > ul > li > a:hover{color:#1288c9;}

.mobileOpen{display:none;}
.bglnbMenu{display:none;position:absolute;top:49px;left:0;width:100%;height:266px;border-top:solid 1px #ccc;background:#fff;z-index:20}

.adv{width:100%;height:150px;background:#fff;font-family: 'Nanum Myeongjo';font-size:28px;font-weight:bold;color:#333;line-height:1.3;letter-spacing:-2px;}
.adv .layout{height:100%;padding:38px 0 10px;background:url(../images/main/bg_children.jpg) 95% 22px no-repeat}
.adv .adv1{color:#f55683;}
.adv .adv2{color:#168ac4;}

#spot{overflow:hidden;position:relative;width:100%;height:622px;}
#spot .control{position:absolute;top:50%;left:50%;width:100%;max-width:1200px;margin-top:-20px;margin-left:-600px;z-index:30;}
#spot .control li{list-style:none;}
#spot .control .prev{float:left;}
#spot .control .next{float:right;}
#spot .control a{display:block;width:24px;height:41px;text-indent:-9999px;}
#spot .control .prev a{background:url(../images/main/spot_prev.png) 0 0 no-repeat}
#spot .control .next a{background:url(../images/main/spot_next.png) 0 0 no-repeat}
#spot .spotList{position:absolute;top:0px;left:50%;width:1920px !important;height:622px;margin-left:-960px;overflow:hidden;z-index:1; }
#spot .spotList .item{width:100% !important;height:100%;font-size:0;background-position:center top;background-repeat:no-repeat;}
#spot .spotList .spot1{background:url(../images/main/pc_spot01.jpg) 50% 0 no-repeat;background-size:cover;}
#spot .spotList .spot2{background:url(../images/main/pc_spot02.jpg) 50% 0 no-repeat;background-size:cover;}
#spot .spotWrap{width:100%;height:100%;margin:0 auto;padding-top:185px;color:#fff;text-align:center;max-width:1200px;}
#spot .spotWrap .desc{font-size:25px;color:#fff;}
#spot .spotWrap h2{margin:0 0 40px;font-size:50px;font-weight:500;color:#fff;}
#spot .spotWrap .btn_move{display:inline-block;padding:10px 67px;border:solid 1px #fff;font-size:20px;font-weight:300;color:#fff;text-align:center;}
#spot .bx-wrapper .bx-pager, #spot .bx-wrapper .bx-controls-auto{bottom:10%}
#spot .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;border-radius:50%;background:rgba(255, 255, 255, .7);}
#spot .bx-wrapper .bx-pager.bx-default-pager a.active{width:38px;border-radius:5px;background:rgba(255, 255, 255, 1);}

#container{position:relative;width:100%;}
.subContainer{background:url(../images/sub/bg_container.gif) 0 199px repeat-x}
.subContainer .containerWrap{width:100%;}

/* main */
.centerWrap{width:100%;padding:40px 0 60px;}
.centerWrap .layout{overflow:hidden;}
.centerWrap .boxTop{overflow:hidden;width:100%;height:480px;}
.centerWrap .boxTop ul{overflow:hidden;}
.centerWrap .boxTop .box1,
.centerWrap .boxTop .box2,
.centerWrap .boxTop .box3{float:left;width:20%;height:480px;}
.centerWrap .boxTop .box4{float:left;width:40%;height:480px;}
.centerWrap .boxTop li{position:relative;list-style:none;}
.centerWrap .boxTop li .descBox{position:relative;width:100%;height:190px;padding:45px 10px 10px;background:#f3f3f3;text-align:center;}
.centerWrap .boxTop li .descBox ul{overflow:hidden;}
.centerWrap .boxTop li .imgBox{position:relative;width:100%;height:290px;}
.centerWrap .boxTop .descBox h3{margin-bottom:10px;font-size:25px;font-weight:700;letter-spacing:-1px;}
.centerWrap .boxTop .descBox .desc span{display:block;color:rgba(102, 102, 102, .6);letter-spacing:-1px;}

.centerWrap .boxTop .box2 .descBox{height:223px;}
.centerWrap .boxTop .box4 .descBox{position:absolute;bottom:0;right:0;width:50%;height:190px !important;padding:32px 10px 10px;background:#d1b6b3}
.centerWrap .boxTop .box4 .descBox a.go{display:inline-block;width:32px;height:32px;margin-bottom:17px;border:solid 1px rgba(255,255,255,.6);font-family:'MondaRegular';font-size:13px;color:#fff;line-height:29px;text-align:center;}
.centerWrap .boxTop .box4 .descBox ul{overflow:hidden;}
.centerWrap .boxTop .box4 .descBox ul li{display:inline-block;list-style:none}
.centerWrap .boxTop .box1 h3{color:#356aac;}
.centerWrap .boxTop .box2 h3{color:#333;}
.centerWrap .boxTop .box3 h3{color:#2f8588;}
.centerWrap .boxTop .box4 h3{color:#333;}

.centerWrap .boxTop .box1 .imgBox{background:url(../images/main/lodge_img.jpg) 0 0 no-repeat}
.centerWrap .boxTop .box1 .imgBox span{position:absolute;top:0;left:50%;width:27px;height:14px;margin-left:-15px;background:url(../images/main/ico_mark.png) 0 0 no-repeat;text-indent:-9999px;transform:rotate(180deg)}
.centerWrap .boxTop .box2 .imgBox{height:257px;background:url(../images/main/introduce_img.jpg) 0 0 no-repeat}
.centerWrap .boxTop .box2 .imgBox span{position:absolute;bottom:0;left:50%;width:27px;height:14px;margin-left:-15px;background:url(../images/main/ico_mark.png) 0 0 no-repeat;text-indent:-9999px;}
.centerWrap .boxTop .box3 .imgBox{background:url(../images/main/use_img.jpg) 0 0 no-repeat}
.centerWrap .boxTop .box3 .imgBox span{position:absolute;top:0;left:50%;width:27px;height:14px;margin-left:-15px;background:url(../images/main/ico_mark.png) 0 0 no-repeat;text-indent:-9999px;transform:rotate(180deg)}
.centerWrap .boxTop .box4 .imgBox{position:relative;width:100%;height:480px;}
.centerWrap .boxTop .box4 .imgBox ul{height:480px;}
.centerWrap .boxTop .box4 .imgBox ul li{height:480px;}
.centerWrap .boxTop .box4 .imgBox .bx-wrapper img{width:100%;height:100%;}
.centerWrap .boxTop li .imgBox a.go{position:absolute;top:50%;left:50%;display:inline-block;width:32px;height:32px;margin:-16px 0 0 -16px;border:solid 1px rgba(255,255,255,.8);font-family:'MondaRegular';font-size:13px;color:#fff;line-height:29px;text-align:center;}

.centerWrap .boxBottom{overflow:hidden;width:100%;height:480px;}
.centerWrap .boxBottom .box1{float:left;width:40%;height:480px;}
.centerWrap .boxBottom .box2,
.centerWrap .boxBottom .box3,
.centerWrap .boxBottom .box4{float:left;width:20%;height:480px;}
.centerWrap .boxBottom li{position:relative;list-style:none;}
.centerWrap .boxBottom li .imgBox ul{height:480px;}
.centerWrap .boxBottom li .imgBox ul li{height:100%;}
.centerWrap .boxBottom li .imgBox ul li img{width:100%;height:100%;}
.centerWrap .boxBottom li .descBox{position:relative;width:100%;height:190px;padding:45px 10px 10px;background:#f3f3f3;text-align:center;}
.centerWrap .boxBottom li .descBox ul{overflow:hidden;}
.centerWrap .boxBottom li .imgBox{position:relative;width:100%;height:290px;}
.centerWrap .boxBottom .descBox h3{margin-bottom:10px;font-size:25px;font-weight:700;letter-spacing:-1px;}
.centerWrap .boxBottom .descBox .desc span{display:block;color:rgba(102, 102, 102, .6);letter-spacing:-1px;}

.centerWrap .boxBottom .box1 .descBox{position:absolute;top:0;left:0;width:50%;height:190px;padding:32px 10px 10px;background:#4a4a4a}
.centerWrap .boxBottom .box1 .descBox a.go{display:inline-block;width:32px;height:32px;margin-bottom:17px;border:solid 1px rgba(255,255,255,.6);font-family:'MondaRegular';font-size:13px;color:#fff;line-height:29px;text-align:center;}
.centerWrap .boxBottom .box1 .descBox ul{overflow:hidden;}
.centerWrap .boxBottom .box1 .descBox ul li{display:inline-block;list-style:none}
.centerWrap .boxBottom .box3 .descBox{height:223px;}
.centerWrap .boxBottom .box1 h3{color:#fff;}
.centerWrap .boxBottom .box2 h3{color:#2f8588;}
.centerWrap .boxBottom .box3 h3{color:#333;}
.centerWrap .boxBottom .box4 h3{color:#3066c1;}

.centerWrap .boxBottom .box1 .imgBox .noData{width:100%;height:480px;background:url(../../../modules/board/images/noImage.png) 50% 50% no-repeat #e5e5e5;background-size:contain;text-indent:-9999px}
.centerWrap .boxBottom .box1 .imgBox .altBox{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:72px;padding:0 40px 0 30px;background:rgba(0,0,0,.5)}
.centerWrap .boxBottom .box1 .imgBox .altBox span.tit{display:block;float:left;width:80%;font-size:17px;color:#fff;line-height:72px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.centerWrap .boxBottom .box1 .imgBox .altBox span.date{display:block;float:right;color:rgba(255,255,255,.6);line-height:72px;}
.centerWrap .boxBottom .box2 .imgBox{background:url(../images/main/notice_img.jpg) 0 0 no-repeat}
.centerWrap .boxBottom .box2 .imgBox span{position:absolute;top:0;left:50%;width:27px;height:14px;margin-left:-15px;background:url(../images/main/ico_mark.png) 0 0 no-repeat;text-indent:-9999px;transform:rotate(180deg)}
.centerWrap .boxBottom .box3 .imgBox{height:257px;background:url(../images/main/location_img.jpg) 0 0 no-repeat}
.centerWrap .boxBottom .box3 .imgBox span{position:absolute;bottom:0;left:50%;width:27px;height:14px;margin-left:-15px;background:url(../images/main/ico_mark.png) 0 0 no-repeat;text-indent:-9999px;}
.centerWrap .boxBottom .box4 .imgBox{background:url(../images/main/schedule_img.jpg) 0 0 no-repeat}
.centerWrap .boxBottom .box4 .imgBox span{position:absolute;top:0;left:50%;width:27px;height:14px;margin-left:-15px;background:url(../images/main/ico_mark.png) 0 0 no-repeat;text-indent:-9999px;transform:rotate(180deg)}
.centerWrap .boxBottom li .imgBox a.go{position:absolute;top:50%;left:50%;display:inline-block;width:32px;height:32px;margin:-16px 0 0 -16px;border:solid 1px rgba(255,255,255,.8);font-family:'MondaRegular';font-size:13px;color:#fff;line-height:29px;text-align:center;}

/* sub */
.subSpot{width:100%;height:280px;margin:0 auto;padding:105px 15px 20px;text-align:center;}
.subSpot.spot01{background:url(../images/sub/bg_pcSpot01.jpg) 50% 0 no-repeat;}
.subSpot.spot02{background:url(../images/sub/bg_pcSpot02.jpg) 50% 0 no-repeat;}
.subSpot.spot03{background:url(../images/sub/bg_pcSpot03.jpg) 50% 0 no-repeat;}
.subSpot.spot04{background:url(../images/sub/bg_pcSpot04.jpg) 50% 0 no-repeat;}
.subSpot.spot05{background:url(../images/sub/bg_pcSpot05.jpg) 50% 0 no-repeat;}
.subSpot.spot06{background:url(../images/sub/bg_pcSpot06.jpg) 50% 0 no-repeat;}
.subSpot.spot07{background:url(../images/sub/bg_pcSpot07.jpg) 50% 0 no-repeat;}
.subSpot h2{margin:0 auto;font-size:35px;font-weight:500;color:#fff;}
.subSpot .spot_sub{font-size:16px;color:rgba(255,255,255,.8);}

.snbWrap {width:100%;height:50px;margin:0 auto;padding:0;background:url(../images/sub/bg_snbWrap.gif) 0 0 repeat-x #e3ecf3;}
.snbWrap.fixed{position:fixed;top:0;left:0;width:100%;z-index:10}
.snbWrap nav.snb{width:100%;max-width:1200px;height:100%;margin:0 auto;}
.snbWrap nav.snb > ul{height:100%;list-style:none;}
.snbWrap nav.snb > ul > li{float:left;position:relative;border-right:solid 1px #bbb;}
.snbWrap nav.snb > ul > li.home{width:50px;height:100%;}
.snbWrap nav.snb > ul > li.home a{display:block;width:100%;height:100%;padding:0;background:url(../images/sub/home_img.gif) 0 0 no-repeat;text-indent:-9999px}
.snbWrap nav.snb > ul > li span.curr_menu{display:block;min-width:219px;padding:0 30px;color:#666;cursor:pointer;line-height:50px;}
.snbWrap nav.snb > ul > li span.arrow{position:absolute;top:19px;right:26px;width:12px;height:12px;background:url(../images/sub/bg_snb_on.gif) 0 0 no-repeat}
.snbWrap nav.snb > ul > li > ul{display:none;position:absolute;top:50px;left:0;width:101%;margin:-1px 0 0 -1px;list-style:none;z-index:105;}
.snbWrap nav.snb > ul > li.on > ul{display:block;}
.snbWrap nav.snb > ul > li > ul > li{width:100%;border:1px solid #ccc;}
.snbWrap nav.snb > ul > li > ul > li + li{border-top:0;}
.snbWrap nav.snb > ul > li > ul > li > a{display:block;padding:11px 15px 11px 30px;background:url(../images/sub/bg_snb_off.gif) 90% 50% no-repeat #fff;color:#666;}
.snbWrap nav.snb > ul > li > ul > li > a:hover{background:url(../images/sub/bg_snb_on.gif) 90% 50% no-repeat #e3ecf3}

.page_header{position:relative;width:100%;height:220px;margin:0 auto;background:url(../images/sub/bg_page_header.gif) 50% 100% no-repeat;text-align:center;}
.page_header .page_location{margin:0 0 20px;padding-top:25px;}
.page_header .page_location span{position:relative;display:inline-block;padding:0 5px 0 15px;}
.page_header .page_location span:before{content:url(../images/sub/ico_location.gif);position:absolute;top:-2px;left:3px;display:inline-block;margin:0;}
.page_header .page_location span.home{padding-left:30px;background:url(../images/sub/ico_home.gif) 0 50% no-repeat;}
.page_header .page_location span.home:before{display:none;}
.page_header .page_location span a{display:inline-block;font-family:'Nanum Square';color:#333;}
.page_header .page_title{font-family:'Nanum Square';font-size:50px;font-weight:bold;color:#333;}
.page_header .page_sub{font-size:18px;font-weight:200;color:#666;}

#content{width:100%;max-width:1200px;margin:0 auto;padding:0 15px 50px;}
.header-content{overflow:hidden;position:relative;width:100%;margin:0}

.depth3_menu{width:100%;margin:50px auto  -1px;font-size:0;text-align:center;}
.depth3_menu li{display:inline-block;width:14%;list-style:none;}
.depth3_menu.width4 li{width:25%;}
.depth3_menu.width5 li{width:20%;}
.depth3_menu.width9 li{width:11.11%;}
.depth3_menu.width10 li{width:10%;}
.depth3_menu li:first-child{margin-left:0;}
.depth3_menu li a{display:block;height:52px;padding:14px 4px;border:solid 1px #ccc;font-size:15px;color:#333;text-align:center;}
.depth3_menu li + li a{border-left:0;}
.depth3_menu li.on{background:#44bfee;}
.depth3_menu li.on a{padding:15px 5px;border:0;background:none;font-weight:400;color:#fff;}


.header-content + .depth3_menu{margin:10px auto -1px;}
.contentTop{width:100%;margin-bottom:15px;padding:35px 0 0 0;min-height:202px;}
.contentTop.ico1{background:url(../images/sub/ico_contentTop1.jpg) 100% 100% no-repeat;}
.contentTop.ico2{background:url(../images/sub/ico_contentTop2.jpg) 98% 100% no-repeat;min-height:213px;}
.contentTop.ico3{background:url(../images/sub/ico_contentTop3.jpg) 100% 100% no-repeat;min-height:214px;}

.contentTop .txt1{margin-bottom:5px;font-size:30px;font-weight:bold;font-family:'Nanum Square';color:#555;line-height:1.3;}
.contentTop .txt1 span.green{color:#37a203;}
.contentTop .txt1 span.blue{color:#00437d;}
.contentTop .txt2{margin:35px 0 3px;font-size:25px;font-weight:500;color:#333}
.contentTop .txt2 span{color:#ff6000}
.contentTop .txt3{color:#666;line-height:1.7}

.body-content{overflow:hidden;position:relative;width:100%;padding:50px 0;}
.header-content + .body-content,
.depth3_menu + .body-content{padding:0;}
.footer-content{overflow:hidden;width:100%;margin:30px 0 10px}

#footer{width:100%;padding:29px 0 0;border-top:solid 1px #ccc;background:#ebebeb;min-height:428px;text-align:center;}
#footer .ft_logo{margin:0;}
#footer .site_nm{font-size:25px;color:#444;}
#footer .link_list{margin:45px 0 20px;}
#footer .link_list li{display:inline-block;background:url(../images/common/bg_link.gif) 0 50% no-repeat;list-style:none;}
#footer .link_list li:first-child{background:none;}
#footer .link_list li a{display:block;padding:5px 10px 5px 13px;color:#5d5d5d;}
#footer address{font-style:normal;font-size:13px;color:#666;line-height:1.8}
#footer address .copyright{margin:25px 0 0;font-family:Arial;font-size:13px;color:#888;text-transform:uppercase;}

/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px){
.layout{max-width:100%;}

.adv{display:none;}
#spot{width:100%;}
#spot .spotList{position:relative;top:auto;left:auto;width:100% !important;margin-left:0;}
#spot .control{max-width:95%;left:50%;margin-left:-47.8%}

.centerWrap{padding:15px 0 60px;}

/* sub */
.snbWrap nav.snb{max-width:100%;}

#content{max-width:100%;}
}

/* 넓이가 992px 이하일 때*/
@media (max-width: 992px) {

#header{height:100px;}
#header .gnb,
#header .top_header{display:none;}

#topMenu{overflow-y:auto;position:fixed;top:0;right:-90%;width:90%;height:100%;margin:0;padding:0;background:#fff;z-index:55}
.mobileTop{display:block;position:relative;height:100px;background:#0279bf;}
.mobileTop h2.tit{margin-bottom:0;padding:0 22px;font-size:30px;font-weight:600;color:#fff;line-height:100px;}
.mobileClose{display:block;position:absolute;top:25px;right:25px;width:50px;height:50px;border:0;background:url(../images/common/btn_mClose.png) 0 0 no-repeat;text-indent:-9999px}
.lnbWrap{max-width:100%;height:auto;margin:0 auto 0;padding:5% 3%;}
.lnbWrap > ul{height:auto;padding:0;border:solid #999;border-width:2px 0;}
.lnbWrap > ul > li{float:none;width:100%;padding-bottom:0;border-bottom:solid 1px #999;background:none;}
.lnbWrap > ul > li > a{display:block;padding:15px 10px 15px 40px;background:url(../images/common/dot_depth1.gif) 15px 23px no-repeat;font-size:18px;color:#333;text-align:left;}
.lnbWrap > ul > li > a::after {content:'';display:block;position: absolute;top:21px;right:15px;background: url(../images/common/depth1_bul_down.gif) 50% 50% no-repeat;width:12px;height:12px;}
.lnbWrap > ul > li:hover > a{color:#333;}
.lnbWrap > ul > li.on > a{color:#2762a5;}
.lnbWrap > ul > li > ul{display:none;position:relative;top:0;left:0;width:100%;height:auto;min-height:auto;margin:0;padding:5px 0;border:0;border-top:solid 1px #aaa;border-left:0;background:#f6fafb;}
.lnbWrap > ul > li:hover > ul{min-height:auto;}
.lnbWrap > ul > li > ul > li{padding:0;list-style:none;}
.lnbWrap > ul > li > ul > li > a{display:block;height:auto;padding:8px 0 8px 45px;background:url(../images/common/dot_depth2.gif) 29px 18px no-repeat;font-size:17px;color:#777;}
.lnbWrap > ul > li > ul > li > a:hover{color:#666}

.lnbWrap > ul > li{border-right:0;}
.lnbWrap > ul > li:first-child{border-left:0;}

.mobileOpen{position:absolute;top:37px;right:15px;display:block;width:24px;height:19px;border:0;background:url(../images/common/btn_mOpen.gif) 0 0 no-repeat;text-indent:-9999px;}

#spot .spotWrap{padding-top:220px}
#spot .spotWrap h2{font-size:50px;}
#spot .spotWrap .desc{font-size:28px;}
#spot .spotWrap .btn_move{font-size:15px;}

.centerWrap{padding:15px 15px 60px;}
.centerWrap .boxTop{height:auto;}
.centerWrap .boxTop .box1, .centerWrap .boxTop .box2, .centerWrap .boxTop .box3, .centerWrap .boxTop .box4{width:50%;}
.centerWrap .boxTop .imgBox{background-size:100% 100% !important}
.centerWrap .boxBottom{height:auto;}
.centerWrap .boxBottom .box1, .centerWrap .boxBottom .box2, .centerWrap .boxBottom .box3, .centerWrap .boxBottom .box4{width:50%;}
.centerWrap .boxBottom .imgBox{background-size:100% 100% !important}

/* sub */
.contentTop{background-size:15% 40% !important;min-height:auto !important;}
.contentTop .txt1{font-size:25px}
.contentTop .txt2{margin:10px 0 3px;font-size:20px}
}

/* 넓이가 768px 이하일 때*/
@media (max-width: 768px) {
.mx_none{display:none;}
.mx_show{display:block;}

.depth3_menu li{width:100%;}

#header #logo{margin-left:15px;padding-top:17px;}

#spot{height:470px}
#spot .spotList{height:470px}
#spot .spotWrap{padding:120px 25px 0;}
#spot .spotWrap h2{margin:0 0 30px;font-size:32px;}
#spot .spotWrap .desc{font-size:20px;}
#spot .bx-wrapper .bx-pager, #spot .bx-wrapper .bx-controls-auto{bottom:5%;}

.centerWrap .descBox a.go{display:inline-block;width:32px;height:32px;border:solid 1px #939393;color:#333;text-align:center;line-height:30px;}

.centerWrap .boxTop .box1, .centerWrap .boxTop .box2, .centerWrap .boxTop .box3, .centerWrap .boxTop .box4{overflow:hidden;float:none;width:100%;margin-bottom:15px;}
.centerWrap .boxTop .box1, .centerWrap .boxTop .box2, .centerWrap .boxTop .box3{height:257px;}
.centerWrap .boxTop li .descBox{float:left;width:45%;height:100% !important;}
.centerWrap .boxTop li .imgBox{float:left;width:55%;}

.centerWrap .boxBottom .box1, .centerWrap .boxBottom .box2, .centerWrap .boxBottom .box3, .centerWrap .boxBottom .box4{float:none;width:100%;margin-bottom:15px;}
.centerWrap .boxBottom .box1{height:auto;}
.centerWrap .boxBottom .box2,
.centerWrap .boxBottom .box3,
.centerWrap .boxBottom .box4{height:136px;border:solid 1px #aaa;}
.centerWrap .boxBottom li .descBox{text-align:left}
.centerWrap .boxBottom .box1 .descBox{height:40%;padding:32px 10px 10px;text-align:center;}
.centerWrap .boxBottom .box1 h3{margin-bottom:15px;}
.centerWrap .boxBottom .box1 .descBox a.go{margin-bottom:15px;}
.centerWrap .boxBottom .box2 .descBox,
.centerWrap .boxBottom .box3 .descBox,
.centerWrap .boxBottom .box4 .descBox{height:100%;}
.centerWrap .boxBottom .box2 .descBox h3,
.centerWrap .boxBottom .box3 .descBox h3,
.centerWrap .boxBottom .box4 .descBox h3{display:inline-block;width:30%;margin-bottom:0;text-align:center;vertical-align:top;}
.centerWrap .boxBottom .box2 .descBox .desc,
.centerWrap .boxBottom .box3 .descBox .desc,
.centerWrap .boxBottom .box4 .descBox .desc{display:inline-block;width:55%;}
.centerWrap .boxBottom .box2 .descBox .desc span,
.centerWrap .boxBottom .box3 .descBox .desc span,
.centerWrap .boxBottom .box4 .descBox .desc span{display:inline-block;}
.centerWrap .boxBottom li .imgBox{height:auto;}
.centerWrap .boxBottom .box1 .imgBox .noData{height:auto;}
.centerWrap .boxBottom .box2 .imgBox,
.centerWrap .boxBottom .box3 .imgBox,
.centerWrap .boxBottom .box4 .imgBox{display:none}

/* sub */
.subSpot{height:250px;padding:85px 15px 20px;background-size:cover !important}
.subSpot h2{font-size:28px}

.snbWrap{height:auto;border:solid #bbb;border-width:1px 0;background:none;}
.snbWrap nav.snb > ul > li{float:none;width:100%;border-right:0;background:#e3ecf3;}
.snbWrap nav.snb > ul > li + li{border-top:solid 1px #bbb;}
.snbWrap nav.snb > ul > li.home{display:none;}
.snbWrap nav.snb > ul > li.home + li{border-top:0;}
.snbWrap nav.snb > ul > li > ul,
.snbWrap nav.snb > ul > li.home + li > ul{left:0;width:100%;}
.snbWrap nav.snb > ul > li span.curr_menu{padding:0 25px;background:none;min-width:100%;}
.snbWrap nav.snb > ul > li span.arrow{right:4%}
.snbWrap nav.snb > ul > li > ul{margin:0;}
.snbWrap nav.snb > ul > li > ul > li > a,
.snbWrap nav.snb > ul > li > ul > li > a:hover{padding:15px 15px 15px 25px;background-position:95% 50%;}

.page_header{height:auto;padding-bottom:30px;}
.page_header .page_title{font-size:30px;}
.page_header .page_sub{font-size:15px;}

.contentTop{padding:35px 0 0;background:none !important}
.contentTop .topBox{padding-left:80px}
.contentTop .txt3{font-size:14px;}

.depth3_menu li{margin:0 0.1% 0.2%}
.depth3_menu li:first-child{margin-left:0.1%;}
.depth3_menu.width2 li{width:49.8%;}
.depth3_menu.width9 li{width:33.13%;}
.depth3_menu.width10 li{width:33.13%;}
.depth3_menu li + li a{border-left:solid 1px #ccc}
}

/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
.ms_show{display:block;}

.centerWrap .boxTop .box1,
.centerWrap .boxTop .box2,
.centerWrap .boxTop .box3{height:136px;border:solid 1px #aaa;}
.centerWrap .boxTop .box1 .imgBox,
.centerWrap .boxTop .box2 .imgBox,
.centerWrap .boxTop .box3 .imgBox{display:none}
.centerWrap .boxTop .box1 .descBox,
.centerWrap .boxTop .box2 .descBox,
.centerWrap .boxTop .box3 .descBox{float:none;width:100%;text-align:left;}
.centerWrap .boxTop .box1 .descBox h3,
.centerWrap .boxTop .box2 .descBox h3,
.centerWrap .boxTop .box3 .descBox h3{display:inline-block;width:30%;margin-bottom:0;font-size:18px;text-align:center;vertical-align:top;}
.centerWrap .boxTop .box1 .descBox .desc,
.centerWrap .boxTop .box2 .descBox .desc,
.centerWrap .boxTop .box3 .descBox .desc{display:inline-block;width:55%;}
.centerWrap .boxTop .box1 .descBox .desc span,
.centerWrap .boxTop .box2 .descBox .desc span,
.centerWrap .boxTop .box3 .descBox .desc span{display:inline-block;}

.centerWrap .boxBottom .box2 .descBox h3,
.centerWrap .boxBottom .box3 .descBox h3,
.centerWrap .boxBottom .box4 .descBox h3{font-size:18px;}

}

/* 넓이가 425px 이하일 때*/
@media all and (max-width:425px){

}