@charset "utf-8";

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

.gnb{background:#653b8f;height: 40px;position:relative;z-index:4}
.gnb>div:after{content:"";display:block;clear: both}
.gnb>div>ul:after{content:"";display:block;clear: both}
.gnb>div>ul>li{float:left}
.gnb li a{display:inline-block;color:#fff;padding:10px}
.glink{display:none;float:left}
.glink li::before{content:"";display:inline-block;width:1px;height: 15px;margin:10px 0 0 0;background:#9877ba}
.glink li a{padding:10px 15px}
.hlink{float:right}
.hlink .sns{position:relative;margin:0 1px 0 0}
.hlink .sns button{background:none;color: #fff;padding:10px;text-decoration: underline}
.hlink .sns button span{display:inline-block;width:8px;height:0;padding:7px 0 0 0;margin:0 0 0  5px;overflow:hidden;background:url("/images/tour/main2021/ico_main.png") -180px -40px;vertical-align: middle}
.hlink .sns div{display:none;background:#553277;position:absolute;top:40px;right: 0;width:90px;text-align:center}
.hlink .sns div.on{display:block}
.hlink .sns div button{background:#553277;position:absolute;top:-40px;right:0;height: 39px}
.hlink .sns div button span{background-position:-180px -60px}
.hlink .lang{position:relative}
.hlink .lang button{background:none;color: #fff;padding:10px;text-decoration: underline}
.hlink .lang button span{display:inline-block;width:8px;height:0;padding:7px 0 0 0;margin:0 0 0  5px;overflow:hidden;background:url("/images/tour/main2021/ico_main.png") -180px -40px;vertical-align: middle}
.hlink .lang div{display:none;background:#553277;position:absolute;top:40px;right: 0;width:100%}
.hlink .lang div.on{display:block}
.hlink .lang div button{background:#553277;position:absolute;top:-40px;left:0;height: 39px}
.hlink .lang div button span{background-position:-180px -60px}

.head{/* background:#653b8f */}
.head.on{background:#fff}
.head h1{padding:15px 5.555555555555556%}
.head h1 a{display:block;width:220px;height:0;padding:40px 0 0 0;overflow: hidden;background: url("/images/tour/main2021/ico_main.png") no-repeat -220px 0;transition:none;}
.head.on h1 a{background-position:-220px 0}
.head.on nav{position:fixed;top:70px;left:0;right:0;bottom:0;width:100%;background:rgba(0, 0, 0, .6);z-index:3}
.head nav button{width:60px;height: 0;padding:60px 0 0 0;overflow:hidden;background:url("/images/tour/main2021/ico_main.png");position:absolute;top:-65px;right:0}
.head nav>button{background-position: -60px -40px;top:5px;}
.head.on nav>button{display:none}
.head nav div button{background-position:-120px -40px}
.head nav .menu{height:100%;overflow: auto;background:#3b3c8f}

.pcmenu{display:none}
.pcmenu ul{overflow: hidden}
.pcmenu li{float:left}
.pcmenu li a{display:block;font-size:18px;color:#000;padding:40px 15px;height:98px;box-sizing:border-box}
.pcmenu li a:hover,.pcmenu li a:focus{text-decoration:underline}
.menu{display:none}
.head.on .menu{display:block}
.menu li a{display:block}
.menu>ul>li>a{display:block; border-bottom:1px solid #6263a6;color: #fff;font-size:18px;width:45.83333333333333%;padding:15px;box-sizing:border-box}
.menu div{display:none;background:#fff; position:absolute;top:0;right:0;width:54.16666666666667%;border-top:2px solid #cfcfcf;padding:15px;box-sizing:border-box;overflow: auto;height:100%}
.menu .on div{display:block}
.menu div>ul>li{background:#dbdbdb}
.menu div>ul>li.on{padding:0 0 1px 0}
.menu div>ul>li>a{background:#fff;position:relative;padding:10px 0 10px 10px}
.menu div>ul>li>a:before{content:"";display:block;width:6px;height:6px;background:#000;border-radius: 100%; position:absolute;top:15px;left:0}
.menu div ul ul{display:none;margin:10px 20px}
.menu div ul .on ul{display:block}
.menu div li li a{ position:relative;padding:5px 0 5px 10px}
.menu div li li a:before{content:"";display:block;width:6px;height:1px;background:#000;position:absolute;top:15px;left:0}

.main_container{position:relative;z-index:1}

.weather{color:#fff;position:absolute;top:90px;right:0;z-index:2; width:100%;text-align:center}
.head.on .weather{display:none}
.weather span{display:inline-block;width:40px;height: 0;padding:40px 0 0 0;margin:0 10px;overflow: hidden;background:url("/images/tour/main2021/ico_main.png");vertical-align: middle}
.weather span.ico01{background-position:0 -100px}
.weather span.ico02{background-position:-40px -100px}
.weather span.ico03{background-position:-80px -100px}
.weather span.ico04{background-position:-120px -100px}
.weather span.ico05{background-position:-160px -100px}
.weather span.ico06{background-position:-200px -100px}
.weather span.ico07{background-position:-240px -100px}
.weather strong{vertical-align: middle}

.mvisual{position:relative;height:350px}
.mvs_btn{position:absolute;bottom:36px;right:12.5%;z-index:3}
.mvs_btn span{color:#fff;vertical-align: bottom;margin:0 5px 0 0}
.mvs_btn strong{color:#e4ff00}
.mvs_btn button{width:20px;height:0;padding:20px 0 0 0;overflow: hidden;background:url("/images/tour/main2021/ico_main.png");vertical-align:middle}
.mvs_btn button.prev{background-position:-80px -200px}
.mvs_btn button.next{background-position:-100px -200px}
.mvs_btn button.stop{background-position:-120px -200px}
.mvs_btn button.play{background-position:-140px -200px}
.mvs_tit{font-weight:200;color: #fff;font-size:20px;white-space: nowrap;text-shadow: 3px 3px 3px rgba(0, 0, 0, .8);position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);padding-right:95px}
.mvs_tit em{font-style: normal;vertical-align: middle}
.mvs_tit em.no1{color: #fff799}
.mvs_tit em.no2{color: #fdc689}
.mvs_tit .slg{display:block;font-weight:400;font-size:28px}
.mvs_tit .wj{font-weight:700;font-size:48px;line-height: 1em; position:absolute;bottom: 0;right: 0}
.mvs_list li::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;z-index:-1}
.mvs_list li img{display:none}
.mvs_list li.no1::after{background-image: url("/images/tour/main2021/mvisual01.jpg")}
.mvs_list li.no2::after{background-image: url("/images/tour/main2021/mvisual02.jpg")}
.mvs_list li.no3::after{background-image: url("/images/tour/main2021/mvisual03.jpg")}
.mvs_list li.no4::after{background-image: url("/images/tour/main2021/mvisual04.jpg")}
.mvs_list li.no5::after{background-image: url("/images/tour/main2021/mvisual05.jpg")}
.mvs_list li.no6::after{background-image: url("/images/tour/main2021/mvisual06.jpg")}
.mvs_list span{color: #fff;position:absolute;bottom: 30px;left:12.5%;width:75%;border-bottom: 1px solid #fff;padding:0 0 5px 0}
.mvs_list span::before{content:"";display:inline-block;width:20px;height: 24px;margin:0 10px 0 0;background:url("/images/tour/main2021/ico_main.png") -40px -140px;vertical-align: middle}
.mvs_scroll{display:none;width:40px;height:0;padding:60px 0 0 0;overflow: hidden;background:url("/images/tour/main2021/ico_main.png") 0 -140px;position:absolute;bottom:60px;left:50%;margin-left:-20px;animation: scroll 1s infinite}

.wj_pum{padding:30px 5.555555555555556%;background:url("/images/tour/main2021/pum_bg.png") no-repeat -300px 0}
.pum_btn{position:absolute;bottom:20px;right:15px;z-index:2}
.pum_btn span{vertical-align: bottom;margin:0 5px 0 0}
.pum_btn strong{color:#af0007;vertical-align: middle}
.pum_btn button{width:20px;height:0;padding:20px 0 0 0;overflow: hidden;background:url("/images/tour/main2021/ico_main.png");vertical-align: middle}
.pum_btn button.prev{background-position:0 -200px}
.pum_btn button.next{background-position:-20px -200px}
.pum_btn button.stop{background-position:-40px -200px}
.pum_btn button.play{background-position:-60px -200px}
.pum_list li a{display:block}
.pum_list li a::before{content:"";display:block;width:100%;height:180px;background-position:center center;background-size:cover}
.pum_list span{display:block;padding:18px 100px 15px 15px;height:60px;box-sizing:border-box}
.pum_list strong{display:block;font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.pum_list em{display:none;font-style:normal;margin:10px 0 0 0;text-overflow: ellipsis;max-height:68px;overflow: hidden;line-height: 1.25em}
.gung,.pum,.me,.rock{position:relative;margin:10px 0;overflow: hidden;}
.gung h2,.pum h2,.me h2,.rock h2{font-size:14px;font-weight:400;position:absolute;top:0;left: -10000px;z-index:2}
.gung h2::after,.pum h2::after,.me h2::after,.rock h2::after{content:""; display:block;width:100%;height: 1px;background:rgba(255, 255, 255, .5)}
.gung h2{font-size:24px;font-weight:200}
.gung h2,.gung a{color:#26044a}
.pum h2,.pum a{color:#9f5100}
.me h2,.me a{color:#055c05}
.rock h2,.rock a{color:#06266e}
.gung span{background:#baa7cc}
.pum span{background:#e7cdb2}
.me span{background:#bbdabb}
.rock span{background:#c6d3f0}

.gung .pum_list li.no1 a::before{background-image:url("/images/tour/main2021/gung1.jpg")}
.gung .pum_list li.no2 a::before{background-image:url("/images/tour/main2021/gung2.jpg")}
.gung .pum_list li.no3 a::before{background-image:url("/images/tour/main2021/gung3.jpg")}
.gung .pum_list li.no4 a::before{background-image:url("/images/tour/main2021/gung4.jpg")}
.gung .pum_list li.no5 a::before{background-image:url("/images/tour/main2021/gung5.jpg")}
.gung .pum_list li.no6 a::before{background-image:url("/images/tour/main2021/gung6.jpg")}
.gung .pum_list li.no7 a::before{background-image:url("/images/tour/main2021/gung7.jpg")}
.gung .pum_list li.no8 a::before{background-image:url("/images/tour/main2021/gung8.jpg")}
.gung .pum_list li.no9 a::before{background-image:url("/images/tour/main2021/gung9.jpg")}
.pum .pum_list li.no1 a::before{background-image:url("/images/tour/main2021/pum1.jpg")}
.pum .pum_list li.no2 a::before{background-image:url("/images/tour/main2021/pum2.jpg")}
.pum .pum_list li.no3 a::before{background-image:url("/images/tour/main2021/pum3.jpg")}
.pum .pum_list li.no4 a::before{background-image:url("/images/tour/main2021/pum4.jpg")}
.pum .pum_list li.no5 a::before{background-image:url("/images/tour/main2021/pum5.jpg")}
.pum .pum_list li.no6 a::before{background-image:url("/images/tour/main2021/pum6.jpg")}
.pum .pum_list li.no7 a::before{background-image:url("/images/tour/main2021/pum7.jpg")}
.pum .pum_list li.no8 a::before{background-image:url("/images/tour/main2021/pum8.jpg")}
.pum .pum_list li.no9 a::before{background-image:url("/images/tour/main2021/pum9.jpg")}
.me .pum_list li.no1 a::before{background-image:url("/images/tour/main2021/me1.jpg")}
.me .pum_list li.no2 a::before{background-image:url("/images/tour/main2021/me2.jpg")}
.me .pum_list li.no3 a::before{background-image:url("/images/tour/main2021/me3.jpg")}
.me .pum_list li.no4 a::before{background-image:url("/images/tour/main2021/me4.jpg")}
.me .pum_list li.no5 a::before{background-image:url("/images/tour/main2021/me5.jpg")}
.rock .pum_list li.no1 a::before{background-image:url("/images/tour/main2021/rock1.jpg")}
.rock .pum_list li.no2 a::before{background-image:url("/images/tour/main2021/rock2.jpg")}
.rock .pum_list li.no3 a::before{background-image:url("/images/tour/main2021/rock3.jpg")}
.rock .pum_list li.no4 a::before{background-image:url("/images/tour/main2021/rock4.jpg")}
.rock .pum_list li.no5 a::before{background-image:url("/images/tour/main2021/rock5.jpg")}

.wjsns{text-align:center;padding:30px 0 20px}
.wjsns h2{font-size:24px;font-weight:400;line-height: 1.25em; color:#000; margin:0 0 10px 0}
.wjsns li{display:inline-block;margin:0 0 5px 0}
.wjsns li a{display:block;width:40px;height: 0;padding:40px 0 0 0;margin:0 5px;overflow: hidden;background:url("/images/tour/main2021/ico_main.png")}
.wjsns li.face a{background-position:-320px -220px}
.wjsns li.blog a{background-position:-360px -220px}
.wjsns li.youtu a{background-position:-400px -220px}
.wjsns li.insta a{background-position:-440px -220px}

.wjplus{background:#3b8f3b;padding:30px 5.555555555555556%}
.wjplus h2{color:#fff;text-align:center;font-weight:400;font-size:30px}
.wjplus ul{overflow: hidden}
.wjplus li{float:left;width: 50%;margin:20px 0 0 0;text-align:center}
.wjplus li a{display:block;color:#fff;}
.wjplus li a::before{content:"";display:block;width:60px;height:60px;background:url("/images/tour/main2021/ico_main.png");margin:0 auto;transition:transform 800ms ease-in-out 0s}
.wjplus li.no1 a::before{background-position:0 -300px}
.wjplus li.no2 a::before{background-position:-60px -300px}
.wjplus li.no3 a::before{background-position:-120px -300px}
.wjplus li.no4 a::before{background-position:-180px -300px}
.wjplus li.no5 a::before{background-position:-240px -300px}
.wjplus li.no6 a::before{background-position:-300px -300px}
.wjplus li.no7 a::before{background-position:-360px -300px}
.wjplus li.no8 a::before{background-position:-420px -300px}
.wjplus li.no9 a::before{background-position:-480px -300px}
.wjplus li.no10 a::before{background-position: -539px -300px;}
.wjplus li a:hover,.wjplus li a:focus{text-decoration: underline}
.wjplus li a:hover::before,.wjplus li a:focus::before{transform:rotateY(360deg)}

.story{text-align:center;position:relative;margin:30px 5.555555555555556%}
.story h2{position:absolute;top:240px;right: 50%;transform:translate(50%, 0);z-index:3}
.story h2 span{color:#fff;font-size:18px;font-weight:200;white-space: nowrap;display:block}
.story h2 span::after{content:""; display:block;width:190px;height: 1px;background:rgba(255, 255, 255, .5);margin:5px auto}
.story_btn{position:absolute;;bottom:0;right:0;width:100%;z-index:3}
.story_btn span{position:relative}
.story_btn button{width:20px;height:0;padding:20px 0 0 0;overflow: hidden;background:url("/images/tour/main2021/ico_main.png");position:absolute;right:50%;bottom:20px;transform:translate(35px, 0)}
.story_btn button.stop{background-position:-120px -200px}
.story_btn button.play{background-position:-140px -200px}

.story_list li::before{display:none; content:"";width:100%;height:210px;background-size: cover;background-position:center 80%}
.story_list li.on::before{display:block}
.story_list li.no1::before{background-image:url("/images/tour/main2021/story1.jpg")}
.story_list li.no2::before{background-image:url("/images/tour/main2021/story2.jpg")}
.story_list li.no3::before{background-image:url("/images/tour/main2021/story3.jpg")}
.story_box{display:none}
.story_box div{background:rgba(0, 0, 0, .7);padding:80px 0 50px 0;box-sizing:border-box}
.story_list li.on .story_box{display:block}
.story_list li p{z-index:2;position:absolute;bottom:0;right:0;width:100%}
.story_list li p span{display:block;position:relative}
.story_list li button{width:14px;height:0;padding:12px 0 0 0;overflow: hidden;background:none; border:1px solid rgba(255, 255, 255, 0);border-radius:100%;position:absolute;right:50%;bottom:23px}
.story_list li.on button{border-color:#e4ff00}
.story_list li button::after{content:"";display:block;width:6px;height: 6px;background:#fff;border-radius:100%;position:absolute;top:3px;left: 3px}
.story_list li.on button::after{background:#e4ff00}
.story_list li.no1 button{transform:translate(-30px, 0)}
.story_list li.no2 button{transform:translate(-10px, 0)}
.story_list li.no3 button{transform:translate(10px, 0)}

.story_box span{display:block;color:#fff;font-size:18px}
.story_box strong{display:block;color:#e4ff00;font-size:36px}
.story_box a{display:block;border:1px solid #fff;padding:10px 0;text-align:center;color:#fff;width:160px;margin:15px auto}
.story_box a:hover,.story_list a:focus{background:#fff;color: #000}

footer{position:relative;z-index:2}
.foot{text-align:center;position:relative;box-sizing:border-box}
.foot div{padding:25px 5.555555555555556%}
.foot ul{overflow:hidden;border-top:1px solid #bfbfbf}
.foot li{float:left;width:50%}
.foot li a{display:block;background:#e9e9e9;border-bottom:1px solid #bfbfbf;padding:10px 0;height: 17px;}
.foot li a:hover,.foot li a:focus{text-decoration: underline}
.foot li:nth-child(odd) a{border-right:1px solid #bfbfbf}
.foot li strong{font-weight:600;color:#653b8f}
.flogo{display:none;width:200px;height: 0;padding:40px 0 0 0;overflow: hidden;background:url("/images/tour/main2021/ico_main.png") -440px 0;position:absolute;top:60px;left: 0}

.copy{font-size:12px}
.gotop{position:absolute;top:-49px;right:0}
.gotop a{display:block;width:50px;height:50px;padding:17px 0 0 0;box-sizing:border-box;background:#653b8f;color: #fff;font-size:12px;text-align:center}
.gotop a:hover,.gotop a:focus{background:#553277;text-decoration: underline}
address{font-style:normal}

.s_container header{border-bottom:1px solid #b3b3b3}
.s_container .gnb{display:block;border-bottom:1px solid #9877ba}
.s_container .head nav button{top:-65px}
.s_container .head nav>button{top:45px}
.s_container .head.on nav{top: 110px}
.s_container .weather{display:none}

.localbox{background:#605ca9;position:relative}
.lnb>li{display:none;position:relative}
.lnb>li:last-child{display:block}
.lnb>li>a{display:block;width:70px;height:70px;overflow:hidden}
.lnb>li>a:before{content:"";display:block;width:20px;height:20px;background:url("/images/tour/main2021/ico_main.png") center 0;margin:25px auto}
.lnb>li>span{display:inline-block;padding:23px 0 0 20px;height:70px;box-sizing:border-box;font-size:18px;color:#fff}
.lnb>li button{background:none;width:100%;height:0;padding:70px 0 0 0;overflow:hidden;position:absolute;top:0;left:0}
.lnb>li button:after{content:"";display:block;width:20px;height:20px;background:url("/images/tour/main2021/ico_main.png") center -20px;position:absolute;top:25px;right:20px}
.lnb>li.on>button{display:none}
.lnb div{display:none;position:absolute;top:0;left:0;width:100%;padding:70px 0 0 0;z-index:2}
.lnb .on div{display:block}
.lnb div button:after{background-position:center -40px}
.lnb div ul{background:#524e90}
.lnb div li{border-top:1px solid #6c68a1}
.lnb div li a{display:block;padding:20px;color:#fff}
.lnb div li a:hover,.lnb div li a:focus{text-decoration:underline}
.lnb div li.on a{background:#3a3765}

.s_con{margin:60px 5.555555555555556%;font-family: NanumGothicWeb, NanumGothic, "나눔고딕", MalgunGothic, "맑은 고딕",Dotum, "돋움", sans-serif;}

@keyframes scroll {
    0%   {bottom: 60px}
    20%  {bottom: 40px}
    100% {bottom: 60px}
}
    
/* Tablet */
@media all and (min-width:768px) {
.head h1{padding:15px 3.90625%}
.head nav button{right:20px}
.head nav .menu{width:360px;float:right}
.menu>ul>li>a{width:165px}
.menu div{width:195px}

.weather{top:90px;right:70px;width:auto}
.mvisual{height: 600px}
.mvs_btn{right:auto;left:180px;margin:0 0 0 3.90625%}
.mvs_tit{font-size:46px;padding-right:200px}
.mvs_tit .slg{font-size:70px}
.mvs_tit .wj{font-size:100px}
.mvs_list span{width:270px;left: 3.90625%}

.wj_pum{padding:30px 3.90625%;background-size:cover}
.gung,.pum,.me,.rock{width:calc(50% - 10px);float:left;margin:5px}
.wjsns{clear: both}
.wjsns h2{font-size:30px}
.wjsns li a{width:80px;padding:80px 0 0 0}
.wjsns li.face a{background-position:0 -220px}
.wjsns li.blog a{background-position:-80px -220px}
.wjsns li.youtu a{background-position:-160px -220px}
.wjsns li.insta a{background-position:-240px -220px}
.wjplus{padding:30px 3.90625%}
.wjplus h2{font-size:36px}
.wjplus li{width: 20%;}

.story{margin:0}
.story h2{top:35px;right:0;transform:none}
.story h2 span{width:435px;float:right;font-size:24px}
.story h2 span::after{width:240px}
.story_btn span{width:435px;float:right}
.story_btn button{bottom:30px}
.story_list li::before{height:350px}
.story_box{overflow: hidden;position:absolute;top:0;right:0}
.story_box div{width:435px;height:350px;float:right;padding:110px 0 0 0}
.story_list li button{bottom:33px}
.story_list li p span{width:435px;float:right}
.story_list span{font-size:24px}
.story_list strong{font-size:48px}
.story_list a{padding:12px 0}

.foot{text-align:left;padding:40px 3.90625%}
.foot div{padding:0}
.foot ul{border:none;margin:0 0 15px 0}
.foot li{width:auto}
.foot li::before{content:"";display:inline-block;width:1px;height:10px;background:#000;margin:0 15px}
.foot li:first-child::before{display:none}
.foot li:last-child a{border-right:none}
.foot li a{display:inline;border:none;background:none}
.foot li:nth-child(odd) a{border:none}
.gotop{top:50px}

.s_container footer{border-top:1px solid #d8d8d8 }
.lnb:after{content:"";display:block;clear:both}
.lnb>li{display:block;float:left;border-right:1px solid #807dba}
.lnb>li>span{min-width:200px}
.s_con{margin:60px 3.90625%}
}

/* Desktop */
@media all and (min-width:1023px) {
header{position:absolute;top:0;left:0;z-index:3;width:100%}
.gnb>div{max-width:1400px;margin:0 auto}
.glink{display:block}
.head{background:none; max-width:1400px;margin:0 auto;position:relative}
.head h1{padding:40px 0 0 0}
.head h1 a{background-position:0 0}
.head.on h1 a{background-position:0 0}
.head nav .menu{width:auto;height: auto; float:none;background:none}
.head.on{background:none;position:static}
.head.on:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:-90px;background:rgba(101, 59, 143, .9);z-index:-1}
.head.on nav{position:relative;background:none}
.head nav button{top:30px;background-position: 0 -40px;}
.head nav div button{background-color:#fff;top:-120px}
.menu li a{color:#fff}
.menu>ul{overflow: hidden}
.menu>ul>li{float:left;width:20%}
.menu>ul>li:nth-child(6){clear: both}
.menu>ul>li>a{border:none;font-size:30px;font-weight:700;width:100%;padding:0}
.menu div{position:static;background:none;border:none;display:block;padding:0;margin:20px 0 50px 0;width:auto}
.menu div>ul>li{background:none}
.menu div>ul>li>a{background:none;font-size:18px;font-weight:200;padding:0 0 0 15px;margin:0 0 10px 0}
.menu div>ul>li>a:before{background:#fff;top:6px}
.menu div ul ul{display:none}
.menu div ul .on ul{display:none}

.weather{top:40px;right:130px}
.head.on .weather{display:block;top:-110px}
.mvisual{height: 970px}
.mvs_scroll{display:block}
.wj_pum{background-position:center center;padding:50px 0}
.wj_pum>div{max-width:1400px;margin:0 auto;overflow:hidden}
.pum_btn{right:25px;bottom:35px}
.pum_list li a::before{height:210px}
.pum_list span{height:90px;padding:45px 100px 25px 25px}
.pum_list strong{font-size:24px}
.pum_list em{display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.gung,.pum,.me,.rock{width:31.07142857142857%;margin:0}
.gung h2, .pum h2, .me h2, .rock h2{top:230px;left:25px}
.gung{width: 34.285714%;padding: 0  2.857142857142857% 30px 0;}
.gung h2{top:380px;left:auto;right: 7.142857%;width:200px;text-align:center;}
.gung h2::after{width:110px;margin:0 auto}
.gung .pum_btn{bottom: 20px;right: 7.142857%;width:200px;text-align:center;}
.gung .pum_list li a::before{height:580px}
.gung .pum_list span{width:260px;height:260px;padding:75px 30px 0 30px;box-sizing:border-box; position:absolute;bottom:-30px;right:-6.25%;text-align:center}
.pum{margin: 0 0.7142857142857143% 0 0;}
.rock{margin: 10px 0.7142857142857143% 0 0;}
.wjsns{clear:none;float:left;width:31.07142857142857%;padding:70px 0 0 0}
.wjsns h2{float:none}
.wjsns ul{float:none}
.wjplus{padding:30px 0}
.wjplus div{max-width:1400px;margin:0 auto;overflow: hidden}
.wjplus h2{float:left;font-size:36px}
.wjplus h2::after{content:"";display:inline-block;width:1px;height:90px;background:#62a562;vertical-align: middle;margin: 0 0 0 29px;}
.wjplus ul{float:right;width: calc(100% - 210px);margin: 0;}
.wjplus li{margin:0;width: 10%;}
.story h2{min-width:1400px}
.story_box{max-width:1400px;margin:0 auto}
.foot{max-width:1400px;padding-left:240px;margin:0 auto;text-align:left}
.flogo{display:block}

.s_container{background: url("https://www.wanju.go.kr/images/tour/sub/s_content_bg1.gif") repeat-x 0 -22px;}
.s_container .head {height:98px}
.s_container .head.on {height:auto}
.s_container .head h1{padding:30px 0 0 0;float:left}
.s_container .head h1 a{background-position:-220px 0}
.s_container .head.on h1 a{background-position:0 0}
.s_container .head.on nav{top:50px}
.s_container .head nav button{top:20px;background-position:-60px -40px}
.s_container .head nav div button{top:-125px;background-position: -120px -40px;}
.s_contents{padding:140px 0 0 0}
.svisual{padding:160px 0 80px 0}
.localbox{width:1200px;margin:-35px auto 0 auto}
.s_con{margin:70px auto}
}                                                                                                                                                          
@media all and (min-width:1200px) {
.s_container .pcmbox{overflow: hidden}
.s_container .pcmenu{display:block;float:right;margin:0 100px 0 0;position:relative;z-index:0}
.s_container .head.on .pcmenu{z-index:-1}
}

@media all and (min-width:1400px) {
.mvs_btn{left:50%;margin-left:-520px}
.mvs_list span{left:50%;margin-left:-700px}
.story_box{width:1400px;right:50%;transform: translate(50%, 0)}
.story h2{width:1400px;right:50%;transform: translate(50%, 0)}
.story_list li p{width:1400px;right:50%;transform: translate(50%, 0)}
.story_btn{width:1400px;right:50%;transform: translate(50%, 0)}
}

/* sub contents */
#s_wrapper{width:100%;margin:0 auto;position:relative;z-index:0;background:url("https://www.wanju.go.kr/images/tour/sub/s_content_bg.gif") repeat-x}
.s_contents{margin:0 auto;z-index:1}
.s_contents:after{content:"";display:block;clear:both}
.s_left{display:none;float:left;width:200px;height:100%;padding-left:1px}
.s_left h2{height:150px;padding:50px 0 0 18px;font-size:27px;line-height:30px;color:#fff;background:url("https://www.wanju.go.kr//images/tour/sub/sleft_titbg.gif") no-repeat;word-break:keep-all}
.s_left ul{padding:0;width:200px;border-top:#e2e2e2 1px solid}
.s_left li{border-bottom:1px solid #c7c7c7}
.s_left li a{display:block;font-size:15px;color:#333;padding:10px 0 10px 20px;height:15px;font-weight:600}
.s_left li.on a{color:#fff;background:url("https://www.wanju.go.kr//images/tour/sub/sleft_onbg.gif") no-repeat}
.s_left li a:hover,
.s_left li a:focus{color:#fff;background:url("https://www.wanju.go.kr//images/tour/sub/sleft_onbg.gif") no-repeat}
.s_left ul ul{background:#f2f2f2;padding:5px 0 5px 0}
.s_left ul ul li{border-bottom:none;background:url("https://www.wanju.go.kr//images/tour/main/m_notice_btn.gif") no-repeat 20px 12px;padding:0 0 0 10px;width:140px}
.s_left li li a{font-weight:400}
.s_left li.on li a{font-size:13px;background:none;color:#444;padding:7px 0 7px 20px;width:160px;}
.s_left li.on li.on>a{color:#ed4c45}
.s_left li.on li a:hover,
.s_left li.on li a:focus{text-decoration:underline}
.s_left li.on li ul{background:#fff;width:170px;margin:0 0 0 5px}
.s_left li.on li ul li{background:url("https://www.wanju.go.kr//images/tour/sub/sleft_blit.gif") no-repeat 10px 13px;padding:0}
.s_left li.on li ul li a{width:150px !important;font-weight:normal}
.s_left li.on li ul li.on a{color:#000;text-decoration:underline}
.s_right{float:left;width:100%}
.s_visual{position:relative}
.s_visual>img{width:100%}
.s_visual .mstamp{display:none;position:absolute;top:30px;right: 30px}
.s_title{margin:0 5.555555555555556% 30px 5.555555555555556%;position:relative;border-bottom:1px solid #ddd}
.s_title .local{background:url("https://www.wanju.go.kr//images/tour/sub/local_bg.gif") no-repeat 0 3px;padding:0 0 0 17px;font-size:12px}
.s_title .local span{color:#ed4c45}
.s_title h3{font-size:32px;color:#333;font-weight:600;padding:52px 0 10px 0}
.s_title p{color:#444;font-size:14px}
.s_title .print{position:absolute;top:20px;right:0}
.s_con{padding:0 0 30px 0;margin:25px 5.555555555555556%}
@media all and (min-width:1023px) {
.s_contents{max-width:1400px}
.s_left {display:block}
.s_right{width:calc(100% - 201px);max-width:1200px}
.s_visual{height:200px;text-align:right}
.s_visual>img{height: 200px;}
.s_visual .mstamp{display:block}
.s_title{height:100px;margin:0 0 30px 60px;max-width:940px}
.local{position:absolute;top:70px;right:0}
.s_con{margin:70px 0 70px 60px;max-width:940px}
}
@media all and (min-width:1400px) {
.s_visual{padding-right:200px}
.s_visual>img{width:auto}
}