body{overflow-x:hidden;}
#wrap{width:100%;margin:0 auto}
.layout{position:relative;width:100%;max-width:1200px;margin:0 auto;}

#header{position:relative;width:100%;height:174px;}
#header::before{content:'';position:absolute;top:0;left:0;width:100%;height:44px;background:#273350;}
.logo{position:absolute;top:74px;left:0;width:290px;height:70px;z-index:5;}
.logo a{display:block;}
.logo .logo_txt{display:none;}

.gnb{overflow:hidden;position:absolute;top:0;right:0;z-index:5;}
.gnb li{float:left;position:relative;list-style:none;}
.gnb li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:8px;margin-top:-4px;background:#999}
.gnb li:first-child:before{display:none;}
.gnb li a{display:block;padding:14px 10px;font-size:11px;font-family:'Monda';color:#fff;letter-spacing:0;opacity:.63}

#topMenu{position:relative;width:100%;height:144px;margin:0;padding-top:74px;}
.lnbWrap{position:relative;max-width:100%;z-index:110;}
.lnbWrap .menuTop,
.lnbWrap .menuGnb{display:none;}
.lnbWrap .mainMenu{position:relative;float:left;height:70px;margin-left:370px;}
.mainMenu > ul > li{position:relative;float:left;list-style:none;}
.mainMenu > ul > li > a{display:block;min-width:130px;padding:22px 30px 21px;font-size:22px;font-family:'Arita-dotum';font-weight:600;color:#333;text-align:center;}
.mainMenu > ul > li > a:hover{color:#4370b4;}
.mainMenu > ul > li > ul{display:none;position:absolute;top:70px;left:0;width:100%;padding:10px 0;border:solid 1px #ccc;background:#fff;}
.mainMenu > ul > li > ul > li{position:relative;list-style:none;}
.mainMenu > ul > li > ul > li > a{display:block;position:relative;padding:10px 10px;font-size:14px;color:#333;text-align:center;}
.mainMenu > ul > li > ul > li > a:hover{background:#4370b4;color:#fff;}
.mainMenu > ul > li > ul > li > ul{display:none;}
.mainMenu > ul > li > ul > li > ul > li{list-style:none;}

.searchBox{position:absolute;top:98px;right:0;width:25px;height:25px;text-align:right;transition:all 0.3s;-webkit-transition:all 0.3s;z-index:5;}
.searchBox .searchInner{display:none;position:absolute;top:0;right:0;width:250px;background:#f4f4f4;font-size:0;}
.searchBox .searchInner .inputText{width:199px;height:40px;padding:8px 10px;border:solid 1px #273350;background:none;font-size:14px;color:#273350;}
.searchBox .searchInner .btn-search{margin-left:-1px;padding:10px 12px;border:0;background:#273350;font-size:14px;color:#fff;}
.searchBox .btn-search-close{display:none;border:0;text-indent:-9999px;vertical-align:top;outline:none;}
.searchBox .btn-search-open{border:0;text-indent:-9999px;vertical-align:top;outline:none;}
.searchBox.on{width:auto;}
.searchBox.on .searchInner{display:block;top:36px;}
.searchBox.on .btn-search-open{display:none;}
.searchBox.on .btn-search-close{display:block;}

#container{position:relative;width:100%;}

#visual{position:relative;width:100%;height:530px;max-width:1200px;margin:0 auto;background:#e5e5e5;}
#visual .bx-wrapper,
#visual .bx-viewport{height:100% !important;}
.visualList{height:100%;list-style:none;}
.visualList li{height:100%;}
.visualList li > div{position:relative;height:100%;background-size:cover !important;}
.vw_md{display:none;}
.vw_sm{display:none;}
.visualList li .textBox{position:absolute;top:0;left:0;width:50%;height:100%;padding:7% 3% 5% 14%;}
.visualList li h2{font-size:90px;font-weight:700;font-family:'Monda';color:#f4f4f4;line-height:1.5;}
.visualList li h3{font-size:35px;font-weight:400;color:#f4f4f4;line-height:1;}
.visualList li p{margin-top:30px;font-family:'Arita-dotum';font-size:18px;color:#f4f4f4;}
.visualList li .nextBr{display:block;}
.visualList li a{display:block;width:80%;margin-top:20px;padding:13px 10px;border:solid 1px #fff;font-family:'Arita-dotum';font-size:16px;color:#f4f4f4;text-align:center;transition:all .3s;}
.visualList li a:hover{background:#f4f4f4;color:#333;text-decoration:underline;}
#visual .bx-wrapper .bx-pager{bottom:35px;}
#visual .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;border-radius:8px;background:#5c5c5c;}
#visual .bx-wrapper .bx-pager.bx-default-pager a:hover, #visual .bx-wrapper .bx-pager.bx-default-pager a.active, #visual .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#fff;}

.boardBox{overflow:hidden;position:relative;width:100%;max-width:1200px;margin:30px auto 0;height:70px;border:solid 1px #ccc;background:#fff;}
.boardBox p.tit{float:left;width:200px;height:68px;font-size:20px;font-family:'Arita-dotum';font-weight:600;color:#000;text-align:center;line-height:68px}
.boardBox .boardWrap{overflow:hidden;float:left;width:calc(100% - 223px);}
.boardBox .boardList li{position:relative;height:68px;padding-left:30px;list-style:none;}
.boardBox .boardList li.no-data{line-height:68px;}
.boardBox .boardList li:before{content:'';position:absolute;top:50%;left:15px;width:4px;height:4px;margin-top:-2px;background:#555;}
.boardBox .boardList li a{display:block;width:100%;height:100%;}

.boardList li a .tit{display:inline-block;width:calc(100% - 185px);padding:0;font-family:'Arita-dotum';font-weight:300;font-size:18px;color:#000;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;line-height:68px;}
.boardList li a .date{display:inline-block;width:180px;font-family:'Arita-dotum';font-weight:300;font-size:18px;color:#000;text-align:center;line-height:68px;vertical-align:top;}

.boardBox .btnBox{overflow:hidden;float:right;width:23px;height:68px;}
.boardBox .btnBox ul{float:left;width:100%;border-left:solid 1px #ccc;}
.boardBox .btnBox ul li{list-style:none;}
.boardBox .btnBox ul li button{position:relative;border:0;border-bottom:solid 1px #ccc;width:22px;height:22px;background:none;text-indent:-9999px;outline:none;}
.boardBox .btnBox ul li button.boardStart,
.boardBox .btnBox ul li button.boardStop{border-bottom:0;height:24px;}
.boardBox .btnBox ul li button:before{content:'';position:absolute;top:-2px;left:-1px;width:25px;height:25px;background:url('../images/common/tn-icon-sm.png') no-repeat;}
.boardBox .btnBox ul li button.boardPrev:before{background-position:-50px 0;}
.boardBox .btnBox ul li button.boardNext:before{background-position:-75px 0;}
.boardBox .btnBox ul li button.boardStart:before{top:-1px;left:-3px;background-position:-225px 0;}
.boardBox .btnBox ul li button.boardStop:before{top:-1px;background-position:-250px 0;}

.mainItem{overflow:hidden;position:relative;width:100%;max-width:1200px;margin:30px auto 0;}
.mainItem > div{float:left;width:31.5%;height:200px;margin:0 2.75% 30px 0;border:solid 1px #ccc;background:#fff;letter-spacing:0;}
.mainItem > div:nth-child(3n){margin-right:0;}
.mainItem .btn-box{display:block;width:200px;height:50px;margin:20px auto 0;padding:12px 10px;border:solid 1px #999;background:#fff;font-family:'Arita-dotum';font-weight:300;font-size:16px;color:#333;text-align:center;transition:all .3s;}
.mainItem .btn-box:hover{border:solid 1px #273350;background:#273350;color:#fff;}

.mainItem .cardHeader{height:60px;}
.mainItem .cardHeader h2.tit{position:relative;height:60px;padding:20px 30px 5px;font-family:'Arita-dotum';font-weight:700;font-size:18px;color:#333;}
.mainItem .cardHeader h2.monda{font-family:'Monda';}
.mainItem .cardHeader .more{position:absolute;top:17px;right:17px;width:25px;height:25px;background:url('../images/common/tn-icon-sm.png') -275px 0 no-repeat;text-indent:-9999px}
.mainItem .cardBody{padding:10px 30px;}
.mainItem .cardBody p,
.mainItem .cardBody p .nextBr{font-family:'Arita-dotum';font-weight:500;font-size:14px;color:#999;line-height:1.2;}
.mainItem .cardBody p .nextBr{display:inline-block;}
.mainItem .cardBody p .nextBr:before{content:'';clear:both;}
.mainItem .cardBody ul li{position:relative;padding:2px 0 2px 10px !important;font-size:14px;list-style:none;}
.mainItem .cardBody ul li:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background:#555;}
.mainItem .cardHeader + .cardBody.line{border-top:solid 1px #ddd;}
.mainItem .cardBody.line{padding:19px 30px 18px;}
.mainItem .cardBody.line ul{overflow:hidden;height:100px;}

/*.mainItem .box1{padding:56px 15px 30px;border:0;background:url(../images/main/mail.png) 150px 15px no-repeat #70a7d8;color:#fff;text-align:center;}
.mainItem .box1 p{margin-bottom:0;font-size:14px;font-family:'Arita-dotum';font-weight:300;line-height:1;}
.mainItem .box1 h2{margin-bottom:7px;font-size:22px;font-family:'Arita-dotum';font-weight:600;line-height:1.2;}
.mainItem .box1 .inner{margin-top:12px;padding:0;}
.mainItem .box1 .inner .inputText{width:220px;height:40px;padding:8px 10px;border:0;color:#0a2355;}
.mainItem .box1 .inner .btn-application{position:relative;width:54px;height:40px;margin-left:-5px;border:0;background:#fff;font-family:'Arita-dotum';font-weight:300;font-size:16px;color:#0a2355;vertical-align:top;outline:none;}
.mainItem .box1 .inner .btn-application::before{content:'';position:absolute;top:50%;left:0;width:1px;height:24px;margin-top:-12px;background:#ccc;}
.mainItem .box1{padding:26px 15px 30px;background:#fff;text-align:center;}
.mainItem .box1 p{margin-bottom:0;color:#273350;font-size:14px;font-family:'Arita-dotum';font-weight:300;line-height:1;}
.mainItem .box1 h2{margin-bottom:20px;font-size:25px;font-family:'Arita-dotum';font-weight:600;color:#273350;line-height:1.2;}
.mainItem .box1 h2 + p{font-weight:500;color:#333;}
.mainItem .box1 .btn-box{display:block;width:200px;height:50px;margin:20px auto 0;padding:14px 10px;border:solid 1px #273350;background:#273350;color:#fff;text-align:center;transition:all .3s;}
.mainItem .box1 .btn-box:hover{border:solid 1px #999;background:#fff;color:#333;}*/
.mainItem .box1, .mainItem .normal .box1{background:url(../images/main/heart.png) 90% 40px no-repeat #fff;}

/*.mainItem .box2 h2.tit{padding:0 30px;font-weight:600;line-height:60px;}
.mainItem .box2 .cardBody ul li.no-data,
.mainItem .box2 .cardBody ul li a{display:block;width:100%;padding:2px 0 3px 0;font-family:'Arita-dotum';font-weight:500;font-size:14px;color:#333;letter-spacing:0;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mainItem .box2 .cardBody ul li:before{margin-top:-3px;}*/

.mainItem .board .cardBody ul li a{display:block;}
.mainItem .board .cardBody .siteNM{font-size:14px;font-weight:600;color:#273350;}
.mainItem .board .cardBody .title{display:inline-block;width:calc(100% - 70px);font-size:14px;color:#555;vertical-align:top;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-1px;}
.mainItem .board .cardBody .date{display:inline-block;width:60px;margin-left:10px;font-size:14px;color:#999;vertical-align:top;}
.mainItem .board .cardBody .news .title{width:100%;}

.mainItem .box4{background:url(../images/main/journal.png) 82% 40px no-repeat #fff;}

.mainItem .box5, .mainItem .normal .box5{background:url(../images/main/play.png) 95% 40px no-repeat #fff;}

.mainItem .box6{padding:26px 15px 30px;background:#e3e7eb;text-align:center;}
.mainItem .box6 p{margin-bottom:0;color:#273350;font-size:14px;font-family:'Arita-dotum';font-weight:300;line-height:1;}
.mainItem .box6 h2{margin-bottom:20px;font-size:25px;font-family:'Arita-dotum';font-weight:600;color:#273350;line-height:1.2;}
.mainItem .box6 h2 + p{font-weight:500;color:#333;}
.mainItem .box6 .btn-box{display:block;width:200px;height:50px;margin:20px auto 0;padding:14px 10px;border:solid 1px #273350;background:#273350;color:#fff;text-align:center;transition:all .3s;}
.mainItem .box6 .btn-box:hover{border:solid 1px #999;background:#fff;color:#333;}

.mainItem > div.normal{display:flex;flex-wrap:wrap;width:100%;float:none;height:auto;margin:0;border:0;background:none;justify-content: space-between;gap:40px 50px;}
.mainItem > div.normal > div{width:calc((100% - 50px) / 2);height:200px;border:solid 1px #ccc;background:#fff;}
.mainItem > div.normal .youtube{display:flex;justify-content:center;align-items: center;}

.subSpot{width:100%;max-width:1200px;height:110px;margin:0 auto;padding:12px 0 15px;background:#05247b 50% 0 no-repeat;text-align:center;}
.subSpot.spot01{background-image:url(../images/sub/spot01.jpg);}
.subSpot.spot02{background-image:url(../images/sub/spot02.jpg);}
.subSpot.spot03{background-image:url(../images/sub/spot03.jpg);}
.subSpot.spot04{background-image:url(../images/sub/spot04.jpg);}
.subSpot.spot05{background-image:url(../images/sub/spot05.jpg);}
.subSpot.spot06{background-image:url(../images/sub/spot06.jpg);}
.subSpot.spot07{background-image:url(../images/sub/spot07.jpg);}
.subSpot.spot08{background-image:url(../images/sub/spot08.jpg);}

.subSpot .spotTitle{margin-bottom:2px;font-weight:bold;font-size:35px;color:#fff;line-height:1.7em;}
.subSpot .spotDesc{font-size:12px;font-weight:normal;color:#f4f4f4;opacity:.5;}

#contentWrap{position:relative;max-width:1200px;margin:0 auto;background:#fff;border:1px solid #ddd;}
.snb{position:relative;width:100%;height:52px;border-bottom:solid 1px #ccc;background:#f9f9f9;}
.snb a.home{display:block;float:left;width:88px;height:100%;border-right:solid 1px #ccc;background:url(../images/sub/ico_home.png) 50% 50% no-repeat;text-indent:-9999px;}
.snb > .snb_list{height:51px;padding-left:88px;}
.snb > .snb_list > li{float:left;position:relative;width:25%;border-right:solid 1px #ccc;list-style:none;}
.snb > .snb_list > li > .currentMenu{width:100%;height:51px;border:0;background:#f9f9f9;font-size:14px;color:#333;text-align:left;outline:none;}
.snb > .snb_list > li > .currentMenu:after{content:'';position:absolute;top:50%;right:10px;width:25px;height:25px;margin-top:-13px;background:url('../images/common/tn-icon-sm.png') -75px 0 no-repeat;transition:all .3s;}
.snb > .snb_list > li > .currentMenu span{display:block;padding:0 15px;line-height:51px;}
.snb > .snb_list > li > .currentMenu.on,
.snb > .snb_list > li.on > .currentMenu{font-weight:bold;}
.snb > .snb_list > li.on > .currentMenu:after{transform:rotate(-180deg);}

.snb > .snb_list > li > ul{display:none;position:absolute;top:51px;left:-1px;width:calc(100% + 2px);border:solid 1px #ccc;font-size:0;z-index:15;}
.snb > .snb_list > li > ul > li{border-top:solid 1px #ccc;list-style:none;}
.snb > .snb_list > li > ul > li:first-child{border-top:0;}
.snb > .snb_list > li > ul > li a{position:relative;display:block;padding:10px 15px;background:#fff;font-size:14px;color:#666;transition:all .3s;}
.snb > .snb_list > li > ul > li a:hover{background:#f9f9f9;font-weight:bold;color:#333;}
.snb > .snb_list > li > ul > li a:hover:after{content:'';position:absolute;top:50%;right:10px;width:25px;height:25px;margin-top:-13px;background:url('../images/common/tn-icon-sm.png') -25px 0 no-repeat;}

#content{position:relative;width:100%;}

.page_header{position:relative;width:100%;margin-top:60px;text-align:center;display:none;}
.page_header .page_title{margin:0;font-size:40px;font-weight:bold;color:#333;}
.page_header .location{overflow:hidden;}
.page_header .location .home a{display:inline-block;width:25px;height:25px;margin-top:-3px;background:url(../images/common/tn-icon-sm.png) -200px 0 no-repeat;vertical-align:middle;text-indent:-9999px}
.page_header .location span{position:relative;display:inline-block;padding:0 8px 0 14px}
.page_header .location span a{font-size:14px;}
.page_header .location span:before{content:'';position:absolute;top:50%;left:-4px;width:8px;height:8px;margin-top:-4px;border:solid #949494;border-width:1px 1px 0 0;transform:rotate(45deg);}
.page_header .location span:first-child{padding-left:0;background:none;}
.page_header .location span:first-child:before{display:none;}

.header-content{position:relative;width:100%;margin:30px 0 0;padding:0 50px;}

.menuDepth3{position:relative;margin:25px 50px 0;}
.menuDepth3 .currentMenu{display:none;}
.nav{z-index:10;}
.nav > li > a{background:#fff;font-size:14px;font-weight:bold;}
.nav > li > a:hover{border:solid 1px #273350 !important;background:#273350;color:#fff !important;z-index:1;}
.nav > li.on > a{border:solid 1px #273350 !important;background:#273350;color:#fff !important;}

.body-content{position:relative;margin: 0 auto;min-height:400px;padding:50px;}

.btnTop{display:block;z-index:5;position:fixed;bottom:20px;right:20px;width:52px;height:52px;border:solid 1px #333;background:url('../images/common/tn-icon-sm.png') 0 -350px no-repeat #fff;text-indent:-9999px;}

#footer{margin-top:50px;border-top:solid 1px #e4e4e4;background:#fff;}

.bannerBox{position:relative;width:100%;padding:15px 0;border-bottom:solid 1px #e4e4e4;}
.bannerBox .layout{overflow:hidden;}
.bannerBox .control{overflow:hidden;float:left;width:105px;padding:20px 15px 19px;list-style:none;}
.bannerBox .control li{float:left;width:25px;height:25px;text-align:center;}
.bannerBox .control li button{width:25px;height:25px;border:0;background:url('../images/common/tn-icon-sm.png') no-repeat;text-indent:-9999px;}
.bannerBox .control li button.bannerPrev{background-position:0 0;}
.bannerBox .control li button.bannerStop{background-position:-250px 0;}
.bannerBox .control li button.bannerStart{background-position:-225px 0;}
.bannerBox .control li button.bannerNext{background-position:-25px 0;}
.bannerBox #bannerZone{width:100%;padding-left:105px;}
.bannerBox #bannerZone .bx-wrapper .bx-viewport{background:none}
.bannerBox #bannerZone ul{overflow:hidden;width:100%;height:64px;list-style:none;}
.bannerBox #bannerZone li{float:left;overflow:hidden;width:170px;height:64px;margin:0;background:#fff;border:solid 1px #e4e4e4;}

#footer > .layout{overflow:hidden;padding:28px 0 48px 324px;}
#footer .footerLogo{position:absolute;top:28px;left:0;width:290px;height:96px;}
#footer .footerLogo .logo_txt{display:none;}

#footer .link{overflow:hidden;}
#footer .link li{position:relative;float:left;list-style:none;}
#footer .link li a{display:block;padding:5px 10px;font-size:14px;color:#555;letter-spacing:-1px;}
#footer .link li:first-child a{padding-left:0;}
#footer .link li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#555;}
#footer .link li:first-child:before{display:none;}

#footer address{display:inline-block;width:100%;padding:8px 0 0;font-size:14px;line-height:1.7em;}
#footer address span{display:inline-block;margin-right:15px;}

#footer .copyright{border-top:solid 1px #e4e4e4;background:#f4f4f4;text-align:center;}
#footer .copyright .layout{padding:18px 0;font-family:'Monda';font-size:11px;font-weight:400;color:#666;letter-spacing:0;}
#footer .copyright span{font-family:'Monda';font-size:13px;color:#2f49b1;}


/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px) {
.lnbWrap .mainMenu{float:right;margin-right:45px;margin-left:0;}
.searchBox{display:none;}

.mainContainer{padding:0 15px;}
.mainItem{max-width:100%;}
.mainItem > div{width:32.66%;margin:0 1% 3% 0;}

.menuDepth3{margin:25px 0 0;}

#content{padding:0 15px;}
.header-content{padding:0}
.body-content{padding:25px 0;}
}


/* 넓이가 991px 이하일 때*/
@media (max-width: 991px) {
body.active{height:100%;overflow:hidden;}
body:before{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;opacity:1;background:rgba(0,0,0,0.7);transition:all .2s;}
body.nPC{overflow:hidden;position:absolute;width:100%;height:100%;}
#header{height:90px;padding:10px 15px;}
#header::before{display:none;}
.gnb{display:none;}
.logo{position:relative;top:auto;;left:auto;height:100%;}
#topMenu{position:absolute;top:0;height:100%;padding-top:0;}
.lnbWrap{overflow-x:hidden;overflow-y:scroll;position:fixed;right:-50%;top:0;width:50%;height:100%;margin-left:0;background:#fff;z-index:1000;transition:right 0.5s ease;}
.lnbWrap.mn-open{right:0;overflow-y:auto;}
.lnbWrap .menuTop{display:block;position:relative;width:100%;}
.lnbWrap .menuTop .menuTit{height:66px;background:#273350;font-size:18px;font-weight:300;color:#fff;text-align:center;line-height:66px;letter-spacing:1px;}
.lnbWrap .menuTop .btn-close-mn{position:absolute;top:50%;right:10px;width:40px;height:40px;margin-top:-20px;border:0;background:transparent;text-indent:-9999px;}
.lnbWrap .menuTop .btn-close-mn:before,
.lnbWrap .menuTop .btn-close-mn:after{content: '';display:block;position:absolute;top:50%;left:10px;width:20px;height:2px;background:#a5a5a5;}
.lnbWrap .menuTop .btn-close-mn:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.lnbWrap .menuTop .btn-close-mn:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.lnbWrap .menuGnb{display:block;position:relative;width:100%;border-top:solid 1px #55667c;background:#273350;}
.lnbWrap .menuGnb ul{overflow:hidden;}
.lnbWrap .menuGnb ul li{float:left;position:relative;width:50%;list-style:none;}
.lnbWrap .menuGnb ul li a{display:block;padding:17px 5px;color:#fff;text-align:center;}
.lnbWrap .menuGnb ul li:first-child:after{content:'';display:block;position:absolute;width:1px;height:14px;right:0;top:50%;margin-top:-7px;background:rgba(255, 255, 255, .4);}
.lnbWrap .mainMenu{float:none;margin:0;}
.mainMenu > ul > li{float:none;width:100%;border-top:solid 1px #677794;}
.mainMenu > ul > li > a{position:relative;padding:13px 36px 14px 15px;background:#526484;font-size:15px;font-weight:400;color:#fff;text-align:left;}
.mainMenu > ul > li > a:hover{color:#fff;}
/*.mainMenu > ul > li > a:before{content:'';position:absolute;top:22px;right:15px;width:18px;height:2px;background-color:#fff;transition: all .4s;}
.mainMenu > ul > li > a:after{content:'';position:absolute;top:14px;right:23px;width:2px;height:18px;background-color:#fff;transition: all .4s;}
.mainMenu > ul > li > a:hover:after,
.mainMenu > ul > li > a:focus:after{background-color:#fff;transform:translateY(0) rotate(-450deg);}
.mainMenu > ul > li > a:hover:before,
.mainMenu > ul > li > a:focus:before{opacity: 0;}*/
.mainMenu > ul > li .btn-more{display:block;position:absolute;top:11px;right:10px;width:26px;height:26px;transition:all .4s;font-size:0;z-index:1;cursor:pointer;}
.mainMenu > ul > li .btn-more em{position:absolute;background-color:#fff;transition: all .4s;}
.mainMenu > ul > li .btn-more .ver{top: 50%;left:50%;width:2px;height:14px;margin:-7px 0 0 -1px;}
.mainMenu > ul > li .btn-more .hor{top: 50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;}
.mainMenu > ul > li.on > .btn-more em.ver,
.mainMenu > ul > li.is-open > .btn-more em.ver{background-color:#fff;transform: translateY(0) rotate(-450deg);}
.mainMenu > ul > li.on > .btn-more em.hor,
.mainMenu > ul > li.is-open > .btn-more em.hor{opacity:0;}
.mainMenu > ul > li > ul{position:relative;top:auto;left:auto;width:100%;margin-left:0;padding:0;}
.mainMenu > ul > li > ul > li > a{padding:12px 10px 12px 24px;border-top:solid 1px #e1e1e1;text-align:left;color:#555;}
.mainMenu > ul > li > ul > li > a:before{content:'';position:absolute;top:22px;left:14px;width:2px;height:2px;background:#444;}
.mainMenu > ul > li > ul > li > a:hover{background:none;color:#555;}
.mainMenu > ul > li > ul > li:first-child > a{border-top:0;}

.mainMenu > ul > li > ul > li .btn-more{display:block;position:absolute;top:11px;right:10px;width:26px;height:26px;transition:all .4s;font-size:0;z-index:1;cursor:pointer;}
.mainMenu > ul > li > ul > li .btn-more em{position:absolute;background-color:#a4a4a4;transition: all .4s;}
.mainMenu > ul > li > ul > li .btn-more .ver{top: 50%;left:50%;width:2px;height:14px;margin:-7px 0 0 -1px;}
.mainMenu > ul > li > ul > li .btn-more .hor{top: 50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;}
.mainMenu > ul > li > ul > li.on > .btn-more em.ver,
.mainMenu > ul > li > ul > li.is-open > .btn-more em.ver{background-color:#a4a4a4;transform: translateY(0) rotate(-450deg);}
.mainMenu > ul > li > ul > li.on > .btn-more em.hor,
.mainMenu > ul > li > ul > li.is-open > .btn-more em.hor{opacity:0;}

.mainMenu > ul > li > ul > li > ul{padding:12px 10px 15px 25px;border-top:solid 1px #e1e1e1;background:#f7f8fa;}
.mainMenu > ul > li > ul > li > ul > li > a{display:block;position:relative;padding:3px 5px 3px 10px;font-size:14px;}
.mainMenu > ul > li > ul > li > ul > li > a:before{content:'';position:absolute;top:12px;left:0;width:2px;height:2px;background:#444;}

.btn-open-mn{position:absolute;top:6px;right:0;width:48px;height:48px;border:solid 1px #000;background:#fff;outline:none;z-index:115;}
.btn-open-mn span{position:absolute;top:50%;left:50%;width:16px;height:1px;margin-left:-8px;background:#000;text-indent:-9999px;transition:all .3s ease;}
.btn-open-mn span:before{content:"";display:block;position:absolute;top:-6px;width:16px;height:1px;background:#000;transition:all .3s ease;}
.btn-open-mn span:after{content:"";display:block;position:absolute;top:6px;width:16px;height:1px;background:#000;transition:all .3s ease;}

.vw_lg{display:none;}
.vw_md{display:block;}

.visualList li .textBox{width:80%;padding:10% 3% 5% 10%}
.visualList li h2{font-size:70px;}

.mainItem > div{width:49.5%;}
.mainItem > div:nth-child(3n){margin-right:1%;}
.mainItem > div:nth-child(2n){margin-right:0;}
.mainItem .cardBody p .nextBr{display:inline;}

.subSpot .spotTitle{font-size:18px;}

#contentWrap{border:solid #ddd;border-width:1px 0;}
.snb{display:none;}
.page_header{margin-top:20px;}
.page_header .location{position:relative;right:auto;bottom:auto;}
.page_header .page_title{font-size:30px;}

.nav > li{width:24.9%;}

#footer .layout{padding:25px;}
#footer .footerLogo{position:relative;top:auto;left:auto;margin:20px 0;}
.body-ovclick{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6); cursor:pointer;z-index:100}
}

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

#visual{height:350px;}
.visualList li .textBox{width:65%;padding:5% 3% 5% 5%;}
.visualList li h2{font-size:35px;}
.visualList li h3{font-size:25px;}
.visualList li p{margin-top:20px;font-size:15px;}
.visualList li a{width:70%;padding:10px 8px;}

.boardBox p.tit{display:none;}
.boardBox .boardWrap{width:calc(100% - 23px) !important;}
.boardList li a .tit{width:calc(100% - 110px)}
.boardList li a .date{width:110px;}

.mainItem > div{float:none;width:100%;height:auto;margin-right:0;}
.mainItem .cardHeader h2.tit{padding:20px 15px 5px;}
.mainItem .cardBody{padding:10px 15px 20px;}
.mainItem .cardBody.line{padding:19px 15px 18px;}

/*.mainItem .box2 h2.tit{padding:0 15px;}*/

.mainItem .box4{background:url(../images/main/journal.png) 95% 40px no-repeat #fff;}
.mainItem .box5{background:url(../images/main/play.png) 95% 40px no-repeat #fff;}

.mainItem > div.normal{gap:20px 0;}
.mainItem > div.normal > div{width:100%;}

.page_header{text-align:left;}
.page_header .location span{padding:0 5px 0 12px;}
.page_header .page_title{font-size:26px;}

.nav > li{width:49.8%;margin:.1%}

#footer .layout{padding:0 0 15px;text-align:center;}
#footer .link{padding:10px 0;border-bottom:solid 1px #e4e4e4;background:#f4f4f4;text-align:center;}
#footer .link li{float:none;display:inline-block;}
#footer .link li a{padding:5px 10px;}
#footer .footerLogo{margin:20px auto;}
#footer address{padding:0 15px;}
#footer .copyright .layout{padding:18px 15px;}
}


/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
.logo{display:inline-block;width:auto;}
.logo img{display:none;}
.logo .logo_txt{display:block;margin-top:14px;font-family:'Arita-dotum';font-weight:600;font-size:25px;color:#333;line-height:1.2;}
.logo .logo_txt span{display:block;font-family:'Rajdhani';font-weight:400;font-size:12px;}
.lnbWrap{right:-70%;width:70%;}

.menuDepth3{margin:20px 0;}
.menuDepth3 .currentMenu{display:block;position:relative;width:100%;height:50px;border:0;background:#273350;font-size:15px;color:#fff;text-align:left;}
.menuDepth3 .currentMenu:after{content:'';position:absolute;top:50%;right:15px;width:9px;height:9px;margin-top:-7px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(135deg);transition:all .2s;}
.menuDepth3 .currentMenu.on:after{margin-top:-2px;transform:rotate(-45deg);}
.menuDepth3 .currentMenu span{display:block;margin:0 50px 0 15px;}

.nav{display:none;position:absolute;top:50px;left:0;width:100%;margin:0;}
.nav > li{margin:-1px 0 0 !important;}
.nav > li > a{text-align:left !important;transition:all .3s;}
.nav > li > a > span{width:auto;margin-left:10px;}

#footer .footerLogo{width:100%;height:auto;}
#footer .footerLogo img{display:none;}
#footer .footerLogo .logo_txt{display:block;font-weight:bold;font-family:'Arita-dotum';font-weight:600;font-size:22px;color:#444;}
#footer .footerLogo .logo_txt span{display:block;font-size:12px;font-weight:400;}
}