@charset "utf-8";


/* 공통 */
#sub {position:relative;}
#sub_view{}
#sub_view .inner{max-width:1607px;margin:0 auto;height:351px;position:relative;overflow:hidden;border-bottom-left-radius:25px;border-bottom-right-radius:25px;}
#sub_view img{display:block;position:absolute;top:0px;left:50%;transform:translateX(-50%);}
#page_header{position:relative;background:purple;height:50px;width:100%;}
#page_header.fixed{position:fixed;top:0px;box-shadow: 0 8px 8px rgba(0,0,0,.1);}

@media screen and (max-width:1200px) {
    #sub_view .inner{max-width:calc(100% - 100px);height:250px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
}

@media screen and (max-width:767px) {
    #sub_view .inner{max-width:100%;height:250px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
}

#contents_wrap{max-width:1400px;margin:0 auto;}
#contents_wrap .inner{}

#lnb{float:left;width:260px;margin-top:-105px;z-index:10;position:relative;}
#lnb h2{height:105px;background:#c92128;padding:0 20px;line-height:105px;font-weight:500;font-size:26px;color:#fff;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;position:relative;}
#lnb h2.v1:before{content:'';display:block;width:168px;height:133px;background:url(/page/local/images/sub/bg_lnb_01.png) no-repeat 0 0;position:absolute;left:-31px;top:-24px;}
#lnb h2.v2:before{content:'';display:block;width:112px;height:117px;background:url(/page/local/images/sub/bg_lnb_02.png) no-repeat 0 0;position:absolute;left:-10px;top:-5px;}
#lnb h2.v3:before{content:'';display:block;width:129px;height:121px;background:url(/page/local/images/sub/bg_lnb_03.png) no-repeat 0 0;position:absolute;left:-22px;top:-8px;}
#lnb h2.v4:before{content:'';display:block;width:100px;height:103px;background:url(/page/local/images/sub/bg_lnb_04.png) no-repeat 0 0;position:absolute;left:-15px;top:10px;}
#lnb h2.v5:before{content:'';display:block;width:133px;height:138px;background:url(/page/local/images/sub/bg_lnb_05.png) no-repeat 0 0;position:absolute;left:-17px;top:-4px;}
#lnb h2.v6:before{content:'';display:block;width:140px;height:114px;background:url(/page/local/images/sub/bg_lnb_06.png) no-repeat 0 0;position:absolute;left:-25px;top:-5px;}

.gangneung #lnb h2{background:#ffb33c;}
.goseong #lnb h2{background:#0061ae}
.donghae #lnb h2{background:#ff8e01}
.samcheok #lnb h2{background:#5740ed}
.sokcho #lnb h2{background:#0a3d96}
.yanggu #lnb h2{background:#0185b0}
.yangyang #lnb h2{background:#bed745}
.yeongwol #lnb h2{background:#7a292f}
.wonju #lnb h2{background:#dc0100}
.inje #lnb h2{background:#009794}
.jeongseon #lnb h2{background:#157856}
.cheorwon #lnb h2{background:#653705}
.chuncheon #lnb h2{background:#007ded}
.taebaek #lnb h2{background:#494949}
.pyeongchang #lnb h2{background:#55bcf5}
.hongcheon #lnb h2{background:#53209f}
.hwacheon #lnb h2{background:#ff5c23}
.hoengseong #lnb h2{background:#1b2950}

#lnb > ul{margin-bottom:50px;border:1px solid #dcdcdc;}
#lnb > ul > li{margin-top:-1px;}
#lnb h3{position:relative;}
#lnb li:first-child h3 a{border-top:0;}
#lnb h3 a{border:1px solid #dcdcdc;border-width:1px 0;position:relative;display:block;color:#333;padding:14px 45px 16px 20px;position:relative;letter-spacing:-1px;}
#lnb h3 a[target=_blank]:after{content:'';display:block;width:16px;height:14px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -99px 0;display:inline-block;margin-left:6px;}

#lnb h3 .plus{width:25px;height:25px;position:absolute;top:50%;right:4px;transform:translateY(-50%);overflow:hidden;text-indent:-9999px;}
#lnb h3 .plus:before{content:'';display:block;width:7px;height:9px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -193px 0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#lnb .depth_02{display:none;background:#f0f0f0;overflow:hidden;}
#lnb .depth_02 a{display:block;font-weight:300;color:#555;font-size:14px;padding:5px 20px 5px 35px;position:relative;letter-spacing:-1px;}
#lnb .depth_02 a:hover{color:#8c1010;text-decoration:none;}
#lnb .depth_02 .active a{color:#8c1010}
#lnb .depth_02 li:first-child a{padding-top:16px;}
#lnb .depth_02 li:last-child a{padding-bottom:16px;}
#lnb .depth_02 a:before{content:'';display:block;width:7px;height:1px;background:#555;position:absolute;top:15px;left:20px;}
#lnb .depth_02 a:hover:before{background:#8c1010}
#lnb .depth_02 .active a:before{background:#8c1010}
#lnb .depth_02 li:first-child a:before{top:26px;}
#lnb .depth_02 a[target=_blank]:after{content:'';display:block;width:13px;height:11px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -161px 0;display:inline-block;margin-left:6px;}
#lnb h3.active a{color:#ca1717;font-weight:500;}
#lnb h3.active .plus:before{background:#ca1717;width:11px;height:2px;}

@media screen and (max-width:1200px) {
    #lnb{display:none;}
}

#contents{margin-left:260px;padding:0 0 120px 40px;min-height:1020px;}
#contents h3{font-size:30px;font-weight:500;color:#252525;padding-top:30px;}
#contents .location{margin:25px 0 34px;border:1px solid #c9c9c9;border-width:1px 0;position:relative;}
#contents .location .route{overflow:hidden;padding:7px 75px 7px 10px;}
#contents .location .route > li{float:left;padding-right:16px;margin-right:4px;position:relative;}
#contents .location .route > li:after{content:'>';position:absolute;right:0;top:3px;color:#7d7d7d;}
#contents .location .route > li > a{font-weight:300;color:#7d7d7d;text-decoration:none;padding:3px 0;display:block;}
#contents .location .route > li > a img{padding-top:5px;}
#contents .location .route > li > a:hover{text-decoration:underline;}
#contents .location .route > li:last-child:after{display:none;}
#contents .location .route > li:last-child a{font-weight:500;}
#contents .location .btn_box{position:absolute;right:0px;bottom:0px;}
#contents .location .btn_box .print{display:block;float:left;width:36px;height:44px;position:relative;}
#contents .location .btn_box .print:after{content:'';display:block;width:19px;height:22px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -28px 0;position:absolute;top:50%;left:50%;margin:-11px 0 0 -9.5px;}
#contents .location .btn_box .share{position:relative;float:left;}
#contents .location .btn_box .share button{width:44px;height:44px;position:relative;vertical-align:middle;}
#contents .location .btn_box .share button:after{content:'';display:block;width:21px;height:23px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -60px 0;position:absolute;top:50%;left:50%;margin:-11.5px 0 0 -10.5px;}
#contents .location .btn_box .share ul{position:absolute;right:0px;top:45px;z-index:50;display:none;}
#contents .location .btn_box .share li{margin-top:-1px;}
#contents .location .btn_box .share li a{display:block;width:48px;height:48px;background:#fff;border:1px solid #c9c9c9;position:relative}
#contents .location .btn_box .share li a.facebook:after{content:'';display:block;width:10px;height:19px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -18px -160px;position:absolute;top:50%;left:50%;margin:-9.5px 0 0 -5px;}
#contents .location .btn_box .share li a.twitter:after{content:'';display:block;width:14px;height:18px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -16px -208px;position:absolute;top:50%;left:50%;margin:-9px 0 0 -7px;}
#contents .location .btn_box .share li a.instagram:after{content:'';display:block;width:21px;height:23px;background:url(/page/local/images/sub/sp_sub.png) no-repeat -13px -252px;position:absolute;top:50%;left:50%;margin:-11.5px 0 0 -10.5px;}

#contents .conts{font-weight:300;color:#454545;position:relative;}
#contents .contents{font-weight:300;color:#454545;position:relative;}

@media screen and (max-width:1200px) {
    #contents{padding:0 15px 80px;margin-left:0px;border-left:0;min-height:auto;}
}

@media screen and (max-width:768px) {
    #contents{padding:0 15px 80px;}
    #contents h3{display:none;}
    #contents .location{margin:0 -15px 30px;border-top:none;}
    #contents .location .route{padding:14px 60px 14px 15px}
    #contents .location .route > li{display:none;}
    #contents .location .route > li:last-child{display:block;font-size:20px;}
    #contents .location .route > li:last-child a{color:#252525;font-weight:400;}
    #contents .location .btn_box{right:15px;}
    #contents .location .btn_box .print{display:none;}
    #contents .location .btn_box .share button{height:64px;}
    #contents .location .btn_box .share ul{top:65px;}

}