@charset "utf-8";

/* 서브레이아웃 */
.subTop{position:relative;}
.subTop .visual{position:relative;height:251px;margin-top:60px;background:#000;}
.subTop .visual > ul > li{position:absolute;width:.3000px;margin-left:-1500px;left:50%;top:0;display:none;}
.subTop .visual > ul > li.on{display:block;}
.subTop .visual > span{position:absolute;width:1100px;margin-left:-550px;left:50%;top:80px;z-index:10;background:url('/images/01_web/sub/visual_txt.png') no-repeat;text-indent:-9999em;width:380px;height:81px;}
.subTop .subUtill{position:absolute;top:206px;width:100%;height:45px;background:rgba(0, 0, 0, 0.7);}
.subTop .subUtill > div{width:1100px;margin:0 auto;}
.subTop .subUtill > div > ul{overflow:hidden;}
.subTop .subUtill > div > ul > li{float:left;height:45px;line-height:45px;background:url('/images/01_web/sub/subutill_bar.png') no-repeat 100% 50%;}
.subTop .subUtill > div > ul > li > a{color:#fff;display:inline-block;}
.subTop .subUtill > div > ul.location{float:left;}
.subTop .subUtill > div > ul.location li{margin-right:20px;padding-right:20px;}
.subTop .subUtill > div > ul.location li.home{padding-right:0;}
.subTop .subUtill > div > ul.location li.home a{text-indent:-9999em;width:45px;height:45px;background:url('/images/01_web/sub/ico_home.png') no-repeat 50% 50%;display:block;}
.subTop .subUtill > div > ul.share{float:right;background:url('/images/01_web/sub/subutill_bar.png') no-repeat 0 50%;}
.subTop .subUtill > div > ul.share li a{width:50px;text-align:center;}
.subTop .subUtill > div > ul.share li a:hover, .subTop .subUtill > div > ul.share li a:focus{background:url('/images/01_web/main/bg_opacity.png') repeat;}
.subTop .subUtill > div > ul.share li a img{vertical-align:bottom;padding:15px 0;}


.subWrap{background:#f7f7f7;padding-bottom:20px;}
.subWrap > div{width:1100px;margin:0 auto;background:#fff;overflow:hidden;}
.subWrap > div > .leftmenu{width:200px;float:left;}
.subWrap > div > .content{width:900px;float:left;padding:30px 42px 30px;}

/* LNB */
.leftmenu > h2{height:153px;color:#fff;font-size:2em;background:url('/images/01_web/sub/bg_lnb.png') no-repeat 0 100%;text-align:center;padding:30px 0;line-height:1.4;}
#lnb{border:1px solid #e9e9e9;border-width:0 1px 1px 1px;}
#lnb a{display:block;}
#lnb > li{border-top:1px solid #e9e9e9;background:url('/images/01_web/sub/arrow_lnb_off.png') no-repeat 95% 16px;}
#lnb > li:first-child{border:0;}
#lnb > li > a{padding:16px 10px 16px 15px;font-size:1.1em;color:#333;}
#lnb > li > ul{background:#fafafa;border-left:8px solid #eaeaea;padding:8px 0;}
#lnb > li > ul > li > a{padding:8px 10px 8px 15px; word-break: keep-all;}
#lnb > li.on{background:#646464 url('/images/01_web/sub/arrow_lnb_on.png') no-repeat 95% 20px;} 
#lnb > li.on > a{color:#fff;border-left:8px solid #565656; word-break:keep-all; }
#lnb > li > ul > li.on > a, #lnb > li > ul > li > a:hover, #lnb > li > ul > li > a:focus{color:#1393be;font-weight:bold;}

/* content*/
.subWrap > div > .content{min-height:900px;}
.subWrap > div > .content > .contTop{border-bottom:1px solid #e9e9e9; }
.subWrap > div > .content > .contTop h3{font-size:38px; color:#222;font-weight:600; background:url(/images/01_web/sub/h3_bg.gif) no-repeat center top; padding:25px 0 25px; text-align:center; line-height:1em;/*font-family:"SeoulNamsanM","서울남산체"*/}
.subWrap > div > .content > .contWrap{padding-top:20px;font-family:'NanumBarunGothic'}
.contWrap .mov {display: flex; gap: 35px; margin-bottom: 40px;}
.contWrap .mov video {width: calc(33.3333% - 24px);}


    .linkBtnBox {text-align: right; margin-bottom: 20px;}
    .linkBtnBox > a {display: inline-block; text-align: center; border-radius:10px; background-color:#0d833e; color:#fff;line-height: 45px; font-size:15px; width:200px;}
    .linkBtnBox > a:hover{text-decoration: none;}

    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+1){float: left;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+5){float: right;}
    .newCourse .threedayCourse .course.twoLine:last-child li:nth-child(n+9){float: left;}

.tourRoadWrap{margin-top:50px;}
.tourRoadWrap .courseTitle{display: flex; align-items: flex-start; justify-content: space-between;}
.tourRoadWrap .courseTitle h4 span{font-size:16px; display: inline-block; margin-left:10px;}
.tourRoadWrap .courseTitle p{font-size:15px;  color:#666; letter-spacing: -1px;}
.tourRoadWrap .roadTime{text-align: right; font-size:16px; color:#000; margin-bottom:40px;}
.tourRoadWrap .roadOl{display: flex; align-items: flex-start; justify-content: flex-start; position: relative; box-sizing: border-box; padding:0 20px;}
.tourRoadWrap .roadOl::before, .tourRoadWrap .roadOl::after{content:''; display: block; position: absolute; width:100%; height:20px; border-radius: 50px; background-color:#f1f1f1; top:20px; left:0; z-index: 1;}
.tourRoadWrap .roadOl::after{display: none;}
.tourRoadWrap .roadOl li{position: relative; z-index: 2; width:16.666%; padding-top:50px; background: url('/upload_data/board_data/BBS_0000181/167834705372016.png') top center no-repeat; text-align: center;}
.tourRoadWrap .icoChar{position: relative;}
.tourRoadWrap .icoChar::after{content:''; width:67px; height:122px; position: absolute; right:0; bottom:-20px; background: url('/upload_data/board_data/BBS_0000181/167834705371874.png') no-repeat; z-index: 2;}
.tourRoadWrap .roadOl.list3 li{width: 33.33%;}
.tourRoadWrap .roadOl.notBg::after{display: none;}
.tourRoadWrap .roadOl.list4 li{width:25%;}
.tourRoadWrap .roadOl li.road_ico::before{content:''; display: block; position: absolute; background-position: center; top:-15px; background-repeat: no-repeat; background-size: 100%;}
.tourRoadWrap .roadOl li.ico_car::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705371780.png'); width:54px; height:44px; right:-27px;}
.tourRoadWrap .roadOl li.ico_camera::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705371715.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li.ico_sign::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705372134.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li.ico_bag::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705371646.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li.ico_tent::before{background-image:url('/upload_data/board_data/BBS_0000181/167834705372200.png'); width:40px; height:41px; right:-20px;}
.tourRoadWrap .roadOl li span{font-size:14px;}
.tourRoadWrap .roadOl li span.cblue{color:#0836b9;}
.tourRoadWrap .roadImgBox{margin-top:60px;}
.tourRoadWrap .roadImgBox ul{display: flex; align-items: stretch; justify-content:flex-start; flex-wrap: wrap; margin:0 -1.5%;}
.tourRoadWrap .roadImgBox ul .roadImg_li{width:30%; margin:20px 1.5%; border:1px solid #eaeaea; box-sizing: border-box;;}
.tourRoadWrap .roadImgBox ul .roadImg_li > a{display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box{width:100%; height:100%; overflow: hidden; position: relative;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box img{width:100%; height:100%;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage{position: absolute; right:0; bottom:0; padding:5px 10px; box-sizing: border-box; background-color:#d46122;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage span{color:#fff; font-size:14px; display: inline-block; padding-left:20px; background: url('/upload_data/board_data/BBS_0000181/167834705371227.png') left center no-repeat;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.blueTxt{background-color:#1274af; display: inline-block;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.blueTxt span{background-image: none; padding-left: 0;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.greenTxt{background-color:#358413; display: inline-block;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_box .roadPage.greenTxt span{background-image: none; padding-left: 0;}
.tourRoadWrap .roadImgBox ul .roadImg_li .roadImg_title{width:100%; text-align: center; padding:15px 10px; box-sizing: border-box;  font-weight:700; font-size:16px; border-top:1px solid #eaeaea; box-sizing: border-box; color:#000; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.tourRoadWrap .roadTxt{font-weight:700; font-size:15px; padding:10px 30px; border-radius: 10px; background-color:#ececec; box-sizing: border-box; position: relative; margin-left:20px; color:#000; margin-top:50px;}
.tourRoadWrap .roadTxt::before{content:''; display: block; position:absolute; width:39px; height: 36px; background: url('/upload_data/board_data/BBS_0000181/167834705371930.png'); left:-20px; top:0;}

.tap-box{width: 100%;}
.tap-box ul.taps.depth4{width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-flow: wrap;}
.tap-box .taps.depth4 li{width: 25%;}
.tap-box .taps.depth4.list2 li{width: 50%;}
.tap-box .taps.depth4.listf li{width: 33.33333%;}
.tap-box .taps.depth4 li a{display: flex; align-items: center; justify-content: flex-start; height:100%; width: 100%; font-family: ''NanumBarunGothic','나눔바른고딕',sans-serif'; font-size:17px; color: #555555;
background: #f9f9f9; padding: 20px 50px 20px 20px; box-sizing: border-box; border:solid 2px #e1e1e1; position: relative; transition:0.1s ease-in-out;}
.tap-box .taps.depth4 li:last-child a{border-right: solid 1px #e1e1e1;}
.tap-box .taps.depth4 li a:hover,
.tap-box .taps.depth4 li a.active{border:solid 2px #00908d; font-family: ''NanumBarunGothic','나눔바른고딕',sans-serif'; font-weight:bold; color: #00908d;}
.tap-box .taps.depth4 li a:hover:after,
.tap-box .taps.depth4 li a.active:after{content: ""; width: 19px; height: 13px; position: absolute; top:23px; right:20px;}

@media all and (max-width:1200px){
    .tap-box .taps.depth4 li a{font-size:15px; padding: 15px 50px 15px 15px;}
    .tap-box .taps.depth4 li a.active:after{ top:19px; right:15px;}
    .tap-box .taps.depth4 li a:hover:after{top:19px; right:15px;}
}

@media all and (max-width:1000px){
    .tap-box .taps.depth4 li a{padding: 15px 30px 15px 10px;}
    .tap-box .taps.depth4 li a.active:after{background-size: 15px; width: 15px; top:21px; right:10px;}
    .tap-box .taps.depth4 li a:hover:after{background-size: 15px; width: 15px; top:21px; right:10px;}

}

@media all and (max-width:680px){
    .tap-box ul.taps.depth4{flex-flow: wrap; justify-content: space-between; }
    .tap-box .taps.depth4 li{width: 49%; padding: 0 0 10px 0px;}
    .tap-box .taps.depth4 li:first-child{padding: 0 0 10px 0px;}
    .tap-box .taps.depth4 li:nth-child(3){padding: 0 0 0px 0px;}
    .tap-box .taps.depth4 li a{padding: 10px 30px 10px 10px;}
    .tap-box .taps.depth4 li:nth-child(2) a{border-right: solid 1px #e1e1e1;}
    .tap-box .taps.depth4 li:nth-child(3) a{border-right: solid 1px #e1e1e1;}
    .tap-box .taps.depth4 li:nth-child(2) a:hover{border-right: solid 2px #00908d;}
    .tap-box .taps.depth4 li:nth-child(3) a:hover{border-right: solid 2px #00908d;}
    .tap-box .taps.depth4 li a.active:after{top: 15px;}
    .tap-box .taps.depth4 li a:hover:after{top: 15px;}
}

@media all and (max-width:480px){
    .tap-box .taps.depth4 li{width: 100%;}
    .tap-box .taps.depth4 li:nth-child(3){padding: 0 0 10px 0px;}
    .tap-box .taps.depth4 li a{font-size:14px;}
}

.copyrightBox.flexBox{margin-top:50px; display:flex; align-items:center; justify-content: flex-start; border-top:1px solid #000; padding-top:20px;}
.copyrightBox .copyrightImg{height:62px;}
.copyrightBox .copyrightCnt{margin-left:50px;}

@media screen and (max-width:1000px) {
    flex-wrap: wrap;
    gap: 10px 0;
}

@media screen and (max-width:768px) {
    .copyrightBox .copyrightImg{height:47px;}
    .copyrightBox .copyrightCnt{margin-left:20px; font-size:15px;}
}
@media screen and (max-width:680px) {
    .copyrightBox.flexBox{flex-direction: column; align-items: flex-start;}
    .copyrightBox .copyrightCnt{margin-left:0px; margin-top:5px; font-size:14px;}
}