@charset "utf-8";
.forDesk {display:block;}
.forMo {display:none;}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}


@media only screen and (max-width:1400px) {

}

@media only screen and (max-width:1360px) {

}

@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:1152px) {

}

@media only screen and (max-width:1024px) {
	.gloHeader .inner {padding:16px 14px 16px 20px;}
	.gloHeader .inner .logo {width:92px; height:38px;}

	.gloHeader .inner .naviSec {position:fixed; right:-100%; top:0; width:100%; height:100vh; background:#FFF; padding:0; flex-direction:column; justify-content:flex-start; align-items:flex-start; z-index:2000; overflow:hidden; overflow-y:auto; transition:.4s all;}
	.gloHeader .inner .naviSec.show {right:0;}
	.gloHeader .inner .naviSec .mobileFunc {display:block; width:100%; padding:16px 20px; position:relative; border-bottom:1px solid #eee;}
	.gloHeader .inner .naviSec .mobileFunc .menuClose {position:absolute; right:20px; top:23px; width:24px; height:24px; background:url(../img/ico_close.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
	.gloHeader .inner .naviSec .logo {width:92px; height:38px;}
	.gloHeader .inner .naviSec .menu {display:block; width:100%;}
	.gloHeader .inner .naviSec .menu > a {display:block; padding:17px 76px 17px 20px; font-size:20px; font-weight:700; border-bottom:1px solid #eee;}
	.gloHeader .inner .naviSec .menu > a .more {position:absolute; right:20px; top:17px; width:20px; height:20px; display:block; z-index:200;}
	.gloHeader .inner .naviSec .menu > a .more:before {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:2px; border-radius:2px; background:#222; transition:.4s all;}
	.gloHeader .inner .naviSec .menu > a .more:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:2px; height:100%; border-radius:2px; background:#222; transition:.4s all;}
	.gloHeader .inner .naviSec .menu > a .more.on:after {opacity:0; transform:translate(-50%,0) rotate(90deg);}
	.gloHeader .inner .naviSec .menu ul {position:relative; left:unset; top:unset; transform:none; box-shadow:none; width:100%; background:#F9F9F9; border:0; border-bottom:1px solid #eee;}
	.gloHeader .inner .naviSec .menu ul li a {padding:14px 36px;}
	.gloHeader .inner .utilSec {gap:10px;}
	.gloHeader .inner .utilSec .btnCampaign a {font-size:14px; padding:8px 14px;}
	.gloHeader .inner .utilSec .moMenu {display:block; width:30px; height:30px; background:url(../img/ico_menu.svg) no-repeat 50% 50%; background-size:24px; position:relative; z-index:10;}

	.gloHeader.on .inner .logo {width:92px; height:38px;}
	.gloHeader.on .inner .utilSec .btnCampaign a {font-size:14px; padding:8px 14px;}
	.gloHeader.on .inner .naviSec .menu > a {display:block; padding:17px 76px 17px 20px; font-size:20px; font-weight:700; border-bottom:1px solid #eee;}
	.gloHeader.on .inner .naviSec .menu ul {top:unset;}

	.mainHead {padding:26px 0 40px;}
	.mainHead .inner {flex-direction:column; align-items:flex-start;}
	.mainHead .inner .imgSec {width:calc(100% - 26px);}
	.mainHead .inner .imgSec .mVisual {border-radius:0 16px 16px 0;}
	.mainHead .inner .imgSec .sitModel {width:60px; height:142px; right:-20px;}
	.mainHead .inner .imgSec .mVisualFunc {justify-content:flex-start; margin-top:8px;}
	.mainHead .inner .mSchedule {width:100%;}
	.mainHead .inner .mSchedule .txtSec {max-width:100%;}

	.mainHead .inner .mSchedule .txtSec .title {padding:0 20px; font-size:20px;}
	.btnMore {font-size:12px;}
	.btnMore:after {width:8px; height:8px;}
	.scheBox {border-radius:0; padding:20px;}
	.scheBox .perSche .date .day {font-size:20px;}
	.scheBox .perSche .date .yrMonth {font-size:14px;}
	.scheBox .perSche .scheCont .subject {font-size:16px; height:40px;}

	.mainHead .inner .mSchedule .txtSec .dyBnr {margin-top:20px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr a {padding:30px 20px 0 56px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr .ico {width:75px; height:107px; left:20px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr .ico img {width:auto; height:41px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr .desc {font-size:14px; margin-bottom:5px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr .number {font-size:16px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr .dyName {font-size:18px;}
	.mainHead .inner .mSchedule .txtSec .dyBnr .dyName strong {font-size:30px;}

	.mPromise {margin-bottom:60px;}
	.mPromise .inner {padding:30px 20px 0; border-radius:0;}
	.mPromise .txtSec {width:100%;}
	.mPromise .txtSec .desc {font-size:16px;}
	.mPromise .txtSec .slogan {font-size:30px;}
	.mPromise .txtSec .slogan br {display:block;}
	.mPromise .txtSec .goPromise a {font-size:14px; padding:6px 10px;}
	.mPromise .img {position:relative; right:unset; bottom:unset; width:100%; display:flex; justify-content:flex-end; margin-top:10px;}
	.mPromise .img img {width:70%;}

	.mMedia {margin-bottom:60px;}
	.mMedia .inner > .title {position:relative; left:unset; top:unset; padding:0 20px; font-size:20px; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:24px;}
	.mMedia .inner > .title .btnMore {display:inline-flex; margin:0;}
	.mMedia .inner {padding:0 20px;}
	.mMedia .inner .swiper-wrapper {margin:0;}
	.mMedia .inner .swiper-slide {height:auto; padding:0 5px;}
	.mMedia .inner .swiper-slide-active {width:100% !important;}
	.mMedia .inner .swiper-slide img {border-radius:8px; display:block; position:relative; left:unset; bottom:unset; transform:none; height:auto; width:100%;}
	.mMedia .inner .swiper-slide a {display:flex; justify-content:flex-start; align-items:flex-end;}
	.mMedia .inner .swiper-slide-active a .mediaInfo {padding:16px;}
	.mMedia .inner .swiper-slide-active a .mediaInfo .subject .ico {width:30px; height:30px;}
	.mMedia .inner .swiper-slide-active a .mediaInfo .subject .title {font-size:14px; line-height:1.3;}
	.mMedia .inner .swiper-slide-active a .mediaInfo .date {font-size:12px;}

	.mBbs .titleSec {flex-direction:column; gap: 8px; padding:0 20px; align-items:flex-start; margin-bottom:24px;}
	.mBbs .titleSec .title {font-size:20px;}
	.mBbs .titleSec .sort {width:100%;}
	.mBbs .titleSec .sort a {font-size:14px; padding:6px 10px; flex:1 0 auto; text-align:center;}
	.bbsList {align-items:flex-start; padding:0 20px;}
	.bbsList .perArticle {width:100%;}
	.bbsList .perArticle a {padding:20px;}
	.bbsList .perArticle .date {font-size:12px;}
	.bbsList .perArticle .subject {font-size:18px; height:auto; margin:10px 0;}
	.bbsList .perArticle .cont {font-size:14px;}
	.mBbs .tabCont:after {right:10px; bottom:0; width:140px; height:140px;}
	.mBbs .tabCont .btnArea {padding:24px 0 100px;}
	.bbsList.ty01 .perArticle {width:100%;}

	.footer .inner {flex-direction:column; gap:32px; justify-content:flex-start; align-items:flex-start;}
	.footer .footerInfo {padding:32px 20px;}
	.footer .footerInfo .logoBtm {width:148px; height:34px;}
	.footer .footerInfo .txt {margin-top:10px;}
	.footer .footerInfo .txt span {font-size:12px;}
	.footer .footerInfo .snsBox {width:100%; justify-content:space-between; padding:0 20px;}
	.footer .copyright {padding:20px;}
	.footer .copyright .inner {gap:8px;}
	.footer .copyright .inner .viewPrivacy {font-weight:600; color:#FFF;}

	.bbsView .subject {padding:10px 16px; font-size:16px;}
	.bbsView .bbsInfo {padding:10px 16px; gap:10px;}
	.bbsView .bbsInfo .attatchFile a {font-size:13px;}
	.bbsView .bbsInfo .bbsDate {font-size:13px;}
	.bbsView .bbsCont {padding:20px 16px; font-size:14px;}
	.bbsFunc {margin-top:20px;}
	.bbsFunc a.relBbs {font-size:14px;}
	.bbsFunc a.relBbs.prev:before {width:26px; height:26px;}
	.bbsFunc a.relBbs.next:after {width:26px; height:26px;}
	.bbsFunc a.btnList {font-size:14px;}

	.pagingWrap {margin-top:30px;}
	.pagingWrap a {width:28px; height:28px; font-size:14px;}

	.subConWrap {margin:70px 0 0;}
	.subConWrap .pTitleSec {padding:50px 20px 40px;}
	.subConWrap .pTitleSec .inner {flex-direction:column; justify-content:flex-start; align-items:flex-start;}
	.subConWrap .pTitleSec .pageTitle {margin-bottom:10px; font-size:36px;}

	.subConWrap .subCont .inner .sitModel {right:10px; width:140px; height:140px;}

	.mVodSec.greet {border-radius:0px;}
	.greeting {padding:0 20px;}
	.greeting h2 {font-size:26px; line-height:1.3; margin:30px 0 20px;}
	.greeting .greetBox {margin-bottom:40px;}
	.greeting .greetBox .gTitle {font-size:18px; line-height:1.4;}
	.greeting .greetBox .gDesc {font-size:16px;}

	.greetDeco {width:calc(100% - 120px); right:20px; margin:0;}

	.mediaSort {margin-bottom:16px; padding:0 20px;}
	.mediaSort button.sortBtn {padding:8px 12px; font-size:14px;}
	.mediaSort button.sortBtn.photo:before {width:16px; height:16px;}
	.mediaSort button.sortBtn.video:before {width:16px; height:16px;}
	.mediaList {flex-direction:column; gap:30px; margin-bottom:40px; padding:0 20px;}
	.mediaList .perMedia {width:100%;}
	.mediaList .perMedia .subject {font-size:16px; margin-top:10px;}
	.mediaList .perMedia .thumb .inIco {width:36px; height:36px;}
	.mediaList .perMedia.photo .thumb .inIco:after {width:36px; height:36px;}
	.mediaList .perMedia.video .thumb .inIco:after {width:36px; height:36px;}

	.popMedia .subject {font-size:18px; margin-bottom:10px;}
	.popMedia .rv-prev {left:0; top:unset; bottom:0; transform:translate(0, 0) rotate(180deg); width:34px; height:34px; background-size:34px;}
	.popMedia .rv-next {right:0; top:unset; bottom:0; transform:none; width:34px; height:34px; background-size:34px;}
	.popMedia .mediaClose a {padding:8px 14px; font-size:14px;}
	.popMedia .mediaClose a:after {width:14px; height:14px; background-size:14px;}

	.scheduleList {flex-direction:column; gap:30px;}
	.scheduleList .imgSec {width:100%; padding:0 20px;}
	.scheduleList .imgSec .dateControll a.dir {font-size:16px;}
	.scheduleList .imgSec .dateControll a.dir.prev:before {width:20px; height:20px;}
	.scheduleList .imgSec .dateControll a.dir.next:after {width:20px; height:20px;}
	.scheduleList .imgSec .dateControll .current {font-size:20px;}
	.scheduleList .scheBox {width:100%; margin:0 0 30px;}
}