@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:17px;line-height:1}
#mcontainer {word-break:keep-all;padding-bottom:0; font-family:'pretendard'}
#mcontainer img {font-size:0}



/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr {position:relative;height:720px;box-sizing:border-box;padding:0;z-index:0;overflow:hidden;/* max-width:1720px; */margin:0 auto;transition:all .3s ease;  background: linear-gradient(to right, #fff 70%, #25a69b 70%); padding-top:100px;}
.mVisual-wr:before{content:''; display:block; width:270px; height: 290px; background: url(/resources/_Img/Templet/tmpl/uc_opacity.png) no-repeat; background-size: cover; background-position: center center;position: absolute;  top:0; right:0; }
#mVisual {height:100%;position:relative}
#mVisual .dataList {display:block;z-index:0;height:100%}
#mVisual .dataList .owl-item {overflow:hidden}
#mVisual .dataList .owl-stage-outer,
#mVisual .dataList .owl-stage,
#mVisual .dataList .owl-item,
#mVisual .dataList .item {height:100%}
#mVisual .dataList .owl-stage{padding-right: 0!important; }
/* #mVisual .dataList .owl-item.active{margin-right: 100px;} */

#mVisual .dataList .owl-item.active .item a{ width: 100%; max-width: calc(1700px);margin: 0 auto; }
#mVisual .dataList .item {display:block;box-sizing:border-box;position:relative; }
#mVisual .dataList .owl-item.near .item{padding-right: 0; transition: all 0.1s ease; opacity: 0.3;  }





#mVisual .dataList .item a{width: 100%; height: 100%; display:block; position:relative;width:calc(1700px); margin:0 auto; }
#mVisual .dataList .owl-item.near .item a{margin-right:0; }
#mVisual .dataList .item.hasNoData {background:#f5f5f5;text-align:center}
#mVisual .dataList .item.hasNoData:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
#mVisual .dataList .item.hasNoData .no-data {display:inline-block;vertical-align:middle;width:auto}
/* #mVisual .dataList .txtBox {display:block;height:0;max-width:1400px;width:auto;margin:0 auto;z-index:2; position:relative; } */
#mVisual .dataList .txtBox {display:block;height:100%;max-width:1400px;width:100%;margin:0 auto;z-index:5; position:absolute;/*  opacity: 0; visibility: hidden; top: 50%; transform: translateY(calc(-50% - 8px));*/  transition: opacity 0.2s cubic-bezier(.25,.8,.25,1), transform 1s cubic-bezier(.25,.8,.25,1);}
/* #mVisual .dataList .txtBox.show{visibility: visible; opacity: 1; transition: opacity 1s cubic-bezier(.25,.8,.25,1), transform 1s cubic-bezier(.25,.8,.25,1);transform: translateY(calc(-50%));transition-delay:.2s; }
#mVisual .dataList .txtBox.hide{opacity: 0; visibility: hidden; transition: opacity 1s cubic-bezier(.25,.8,.25,1), transform 1s cubic-bezier(.25,.8,.25,1);transform:  translateY(calc(-50% - 8px));}*/
#mVisual .dataList .txtBox .txtCore {display:block;box-sizing:border-box;padding:0;width:100%; max-width: 50%;position: absolute; top:70px; left:0;}
#mVisual .dataList .txtBox .txtCore .pTxt1,
#mVisual .dataList .txtBox .txtCore .pTxt2 {display:block;word-wrap:break-word;word-break:keep-all;white-space:normal;box-sizing:border-box;word-wrap:break-word;color:#000;line-height:1.22}

#mVisual .dataList .txtBox .txtCore .pTxt1{font-size: 60px; font-family:'oneMobileT'; letter-spacing: -4px; margin-bottom:70px;text-align: start; }
#mVisual .dataList .txtBox .txtCore .pTxt1 em{font-style: normal;color:#19A196; display:block;  }
#mVisual .dataList .txtBox .txtCore ul.pTxt2{counter-reset: radius 0}
#mVisual .dataList .txtBox .txtCore ul.pTxt2 li{font-size: 22px; color:#444;display:flex; flex-direction: row; justify-content:flex-start; align-items: center; column-gap:8px; padding-bottom: 24px; margin-bottom: 24px; position:relative; }
#mVisual .dataList .txtBox .txtCore ul.pTxt2 li:not(:last-child):after{content:''; display:block; width: 100%; max-width: 300px; height: 1px; background: #ededed;position:absolute; bottom:0; left:0; }
#mVisual .dataList .txtBox .txtCore ul.pTxt2 li:before{ counter-increment:radius 1; content:counter(radius , decimal-leading-zero);width: 35px; height: 35px; line-height: 35px; text-align:center; border:2px solid #E4E4E4; box-sizing:border-box; color: #ccc; font-size: 15px;border-radius: 12px;   display:block; }
#mVisual .dataList .imgBox {display:block;position:relative;z-index:1;height:100%; border-radius: 40px; overflow: hidden;width: 62%; margin-left: auto;  }
#mVisual .dataList .imgBox img {display:block;width: 100%; height: 100%; object-fit: cover; }
#mVisual .dataList .owl-stage-outer {z-index:0}
#mVisual .dataList .owl-nav {position:absolute;width:100%;left:0;top:50%;z-index:1}
#mVisual .dataList .owl-nav button {display:block;position:absolute;width:40px;height:40px;top:50%;transform:translateY(-50%);border:0;border-radius:3px;background:transparent}
#mVisual .dataList .owl-nav button:after {content:"";display:block;position:absolute;width:20px;height:20px;top:0;right:0;bottom:0;left:0;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transition:all .3s ease}
#mVisual .dataList .owl-nav .owl-prev {left:20px}
#mVisual .dataList .owl-nav .owl-prev:after {transform:rotate(45deg);margin:auto auto auto 16px}
#mVisual .dataList .owl-nav .owl-prev:focus:after,
#mVisual .dataList .owl-nav .owl-prev:hover:after {margin:auto auto auto 10px}
#mVisual .dataList .owl-nav .owl-next {right:20px}
#mVisual .dataList .owl-nav .owl-next:after {transform:rotate(225deg);margin:auto 16px auto auto}
#mVisual .dataList .owl-nav .owl-next:focus:after,
#mVisual .dataList .owl-nav .owl-next:hover:after {margin:auto 10px auto auto}
#mVisual .dataCtrl {display:block;position:relative;width:auto;max-width:1400px;margin:0 auto;z-index:2}
#mVisual .dataCtrl .dataPkgs {display:block;position:absolute;bottom:20px; right:-190px; }

#mVisual .dataCtrl .dataAuto {display:inline-block;vertical-align:middle;line-height:1;font-size:0}
#mVisual .dataCtrl .dataAuto button {display:block;position:relative;width:30px;height:30px;box-sizing:border-box;border:0;background-color:transparent}
#mVisual .dataCtrl .dataAuto button:after {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
#mVisual .dataCtrl .dataAuto .btn-stop:after {width:10px;height:14px;border-left:3px solid #fff;border-right:3px solid #fff}
#mVisual .dataCtrl .dataAuto .btn-play {display:none}
#mVisual .dataCtrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent #fff}
/* #mVisual .dataCtrl .dataPkg2 {display:flex; line-height: 1; flex-direction: column; } */
#mVisual .dataCtrl .dataDots {font-size:0;line-height:1;text-align:center; display:flex; flex-direction: column; align-items: center; }
#mVisual .dataCtrl .dataDots button {display:inline-block;width:30px;height:30px;border:0;background:transparent;box-sizing:border-box;position:relative;font-size:0}
#mVisual .dataCtrl .dataDots button:after {content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);top:0;right:0;bottom:0;left:0;margin:auto}
#mVisual .dataCtrl .dataDots button.active:after {background:#FFAA22; }
#mVisual .dataCtrl .dataDots button.active:before{content:''; display:block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ffaa22; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%)}
#mVisual .dataCtrl .dataDots button .isSel {display:none}
#mVisual .dataCtrl .dataDots button.active .isSel {display:block;position:absolute;width:0;height:0;overflow:hidden;top:-9999em;left:-9999em;text-indent:-9999em;font-size:0;line-height:0;opacity:0;visibility:hidden}



@media (min-width:1920px) and (max-width:2000px) {
/* 	#mVisual .dataList .item a{width: 1700px; }
	#mVisual .dataList .owl-item.active .item a{max-width: 1700px;} */
		#mVisual .dataList .item a,
	#mVisual .dataList .owl-item.active .item a{margin: 0 60px}
	
	
}

@media all and (max-width:1920px) {
	/* #mVisual .dataList .item a{padding: 0 30px; width: calc(1700px - 60px); }
	#mVisual .dataList .owl-item.active .item a{max-width: calc(1700px - 60px)} */
	#mVisual .dataCtrl .dataPkgs{right: -70px}

}

@media all and (max-width:1760px) {
	.mVisual-wr{height: 620px;}
	#mVisual .dataList .item a{width: 100%; box-sizing: border-box; padding:0 30px; }
	#mVisual .dataList .owl-item.near .item a{margin: 0 auto; }
	#mVisual .dataList .owl-item.active .item a,
	#mVisual .dataList .owl-item .item a{max-width: unset; }
	#mVisual .dataList .imgBox{width: 60%; }
	#mVisual .dataList .txtBox .txtCore{left:0 }
	#mVisual .dataList .txtBox .txtCore .pTxt1{margin-bottom: 40px; }

	#mVisual .dataCtrl .dataAuto{position:absolute; right: 90px;}
	#mVisual .dataCtrl .dataDots{flex-direction: row; }
}
@media all and (max-width:1440px) {
	.mVisual-wr{height: 560px; }
	#mVisual .dataList .txtBox .txtCore{top: 60px}
	#mVisual .dataList .txtBox .txtCore .pTxt1{font-size: 52px; }
	#mVisual .dataList .txtBox .txtCore ul.pTxt2 li{padding-bottom: 18px; margin-bottom: 18px; font-size: 18px; }
	#mVisual .dataCtrl .dataPkgs{right:40px }
	#mVisual .dataCtrl {margin:0 20px}
	
}

@media all and (max-width:991px) {
	.mVisual-wr{background: linear-gradient(to bottom, #fff 45%, #25a69b 45%); height: 755px}
	.mVisual-wr:before{bottom: 30px; width: 200px; height: 200px; top:unset; }
	#mVisual .dataList .item{padding: 0 30px; }
	#mVisual .dataList .owl-item.near .item{padding: 0 30px;}
	#mVisual .dataList .owl-item.near .item a{margin: 0 auto; }
	#mVisual .dataList .item a{width: 100%;padding: 0; }
	#mVisual .dataList .txtBox{z-index:1; }
	#mVisual .dataList .txtBox .txtCore{position: unset; max-width: unset;display:flex; flex-direction: column; justify-content:space-between; align-items:flex-start; height: 100%; }
	#mVisual .dataList .txtBox .txtCore .pTxt1, 
	#mVisual .dataList .txtBox .txtCore .pTxt2{width: 100%; }
	#mVisual .dataList .txtBox .txtCore .pTxt1{text-align:center; font-size: 52px; margin-bottom:0; line-clamp:2; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
	#mVisual .dataList .txtBox .txtCore ul.pTxt2{padding-bottom: 16px; }
	#mVisual .dataList .txtBox .txtCore ul.pTxt2 li{padding-bottom: 12px; margin-bottom: 12px; color:#fff;text-align:start; }
	#mVisual .dataList .txtBox .txtCore ul.pTxt2 li:before{color:#fff; width: 30px; height: 30px; line-height: 28px; border-radius: 10px; border:1px solid #fff; }
	#mVisual .dataList .txtBox .txtCore ul.pTxt2 li:not(:last-child):after{max-width: unset;background:rgba(255,255,255,0.3)  }

	#mVisual .dataList .imgBox{height: 300px;width: 100%;  position:absolute; top: 150px;z-index: 2; box-shadow: 0 10px 15px rgba(22, 85, 57,0.3); }
	#mVisual .dataCtrl .dataPkgs{bottom: 8px; right:0; }
	#mVisual .dataCtrl .dataAuto{display:none;}
}


@media all and (max-width: 768px){
	.mVisual-wr{height: 700px}
	#mVisual .dataList .imgBox{height: 265px;top: 130px; }
	#mVisual .dataList .txtBox .txtCore .pTxt1{font-size: 42px;}
	
}

@media all and (max-width: 575px){
	.mVisual-wr{height: 655px}
	#mVisual .dataList .imgBox{height:240px ;top: 108px; }
	#mVisual .dataList .txtBox .txtCore .pTxt1{font-size:36px ;}
	#mVisual .dataList .txtBox .txtCore ul.pTxt2 li{font-size: 17px; }
}


/*위젯 공통 */
.mPkg1-wr{max-width: calc(1700px); margin: 0 auto ; display: flex; flex-direction: row ; padding-left: 30px; padding-right:30px}
.mPkg1-wr .no-data {padding:120px 0 50px;background-position:center 40px}

/*공통--메인+버튼*/
.m_plus-btn{width: 40px; height: 40px; border-radius: 50%; position:relative; display:inline-block;  background:#ddd;z-index: 1; }
.m_plus-btn:before,
.m_plus-btn:after{content:''; display:block;width: 17px; height: 3px; border-radius: 2px; background: #fff;position:absolute; top:50%; left:50%;}
.m_plus-btn:before{transform: translate(-50%, -50%) rotate(0); }
.m_plus-btn:after{transform: translate(-50%, -50%) rotate(90deg);}
.m_plus-btn:hover:before{}
.m_plus-btn:hover:after{}

/*공통--메인+타이틀*/
.mPkg1-wr .title{display:flex; flex-direction: row; justify-content:space-between;align-items: center; margin-bottom: 28px;  }
.mPkg1-wr .title h2{ font-size: 42px;font-family: 'oneMobileT';font-weight: 500; }
.mPkg1-wr .title h2 span{color: #ff5926;}

/*게시판 탭 위젯*/
.mPkg1-wr:has(.mboard-tab){gap: 0 80px; margin:90px auto 60px auto; max-width: calc(1700px - 70px); width: 100%; box-sizing: border-box; }
.mboard-tab{width: calc(75% - 80px);}
.mboard-tab .title > div{display:flex; flex-direction: row; align-items: center;width: calc(100% - 220px); justify-content:flex-end; }
.mboard-tab .title .tabs{display:flex; flex-direction: row; gap:0 8px ; font-family: 'oneMobile'; font-weight: 700; font-size:18px; margin-right: 8px;}
.mboard-tab .title .tabs li{display:flex; align-items:center;  flex-direction: row;width: 30%; max-width: 120px; padding:4px 20px 5px 20px; border:2px solid transparent; border-radius:35rem; position: relative;}
.mboard-tab .title .tabs li a{display:block; font-size: 20px;}

.mboard-tab .title .tabs li:not(:last-child):after{content:''; display:inline-block; width: 5px; height: 5px; background:#D9D9D9; border-radius: 50%;position:absolute; top:50%; right:-10px; transform: translateY(-50%)}
.mboard-tab .title .tabs li.active{border-color:#ff5926;box-shadow: 0 10px 15px rgba(32,112,77,0.15) ; background:#fff; }
.mboard-tab .title .tabs li.active:after,
.mboard-tab .title .tabs li.prev-none:after{display:none;}
.mboard-tab .title .tabs li.active a{color:#ff5926; }
.mboard-tab .title .tabs ~ .m_plus-btn{background: #ff5926; }

.mboard-tab-c{display:none;}
.mboard-tab-c.active{display:block; }

.mboard-tab-c .box{display:inline-block; width: calc(33% - 14px); margin-right: 20px; }
.mboard-tab-c .box:last-child{margin-right:0; }
.mboard-tab-c .box a{background: #FBF9F6; border-radius: 30px; padding: 40px 30px; width: 100%; display:block; border: 3px solid transparent; box-sizing: border-box;transition: all 0.3s ease; }
.mboard-tab-c .box .titl{font-weight: bold; font-size: 22px;display:-webkit-box; -webkit-line-clamp:2; line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow: hidden;  margin-bottom: 32px; line-height: 1.3; min-height: 58px; font-family: 'oneMobile';}
.mboard-tab-c .box .subs{display:-webkit-box; -webkit-line-clamp:3; line-clamp: 3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow: hidden;min-height: 54px;margin-bottom: 32px; font-size: 18px; color:#666; }
.mboard-tab-c .box .date{text-align:end; font-size: 16px; }

.mboard-tab-c .box:has(a:hover){}
.mboard-tab-c .box a:hover{background:#fff; border-color:#ff5926;transition: all 0.3s ease; box-shadow: 0 6px 10px rgba(0,0,0,0.3)}
.mboard-tab-c .box a:hover .subs{text-decoration: underline;}



/*게시판 탭 옆에 링크버튼*/
.mlink01-sec{width: 25%;}
.mlink01-sec > div{height: 100%; }
.mlink01-sec ol{height: 100%; display:flex; flex-direction: column; gap: 20px 0;}
.mlink01-sec .link_box {height: calc(50% - 10px)}
.mlink01-sec .link_box a{box-sizing: border-box; border:3px solid transparent; color:#fff; display:block; padding: 40px 32% 20px 50px;height: 100%; position:relative; transition: all 0.3s ease;}
.mlink01-sec .link_box a i{width: 50px; height: 50px; border-radius: 50%;position:absolute; top:50%; right:30px; display:block; transform:translateY(-50%)}
.mlink01-sec .link_box a i:after{content:''; display:block; width: 18px;height: 18px; background: url(/resources/_Img/Common/btnArr-spr.png) no-repeat; filter: brightness(0) invert(1); position: absolute; top:50%; left:50%; transform:translate(-50% , -50%) rotate(135deg);  transition: all 0.3s ease; }
.mlink01-sec .link_box01 a{border-radius: 40px;background: #19a196; }
.mlink01-sec .link_box02 a{border-radius: 40rem; background: #254240; }
.mlink01-sec .link_box01 a i{background: #254240}
.mlink01-sec .link_box02 a i{background: #19a196}
.mlink01-sec .link_box01 a:hover{border-color:#19a196; background:#fff; transition: all 0.3s ease; color:#19a196;}
.mlink01-sec .link_box02 a:hover{border-color:#254240; background:#fff; transition: all 0.3s ease; color:#254240;}
.mlink01-sec .link_box a:hover i:after{transform: translate(-50%, -50%) rotate(180deg);  transition: all 0.3s ease; }
.mlink01-sec .link_box .titl{font-family:'oneMobileT'; font-size: 24px; font-weight: 400; margin-bottom: 16px; }
.mlink01-sec .link_box .subs{color:rgba(255,255,255,0.7)}
.mlink01-sec .link_box a:hover .subs{color: #58595b; }

/*롤링텍스트*/
.rolling_txt{width: 100%; overflow:hidden; margin-bottom: -10px}
.rolling_txt .track{display:flex; position:relative; width: calc(3300px * 3);animation:rolling 20s linear infinite;}
.rolling_txt p{color:#F5F5F5; font-family: 'oneMobileT'; font-size: 150px;font-weight: 800;  width: 3300px}
@keyframes rolling{
	0%{left:0; }
	100%{left:-3300px; }
}

/*포토갤러리*/
.mPhoto-sec{width: 100%; }
#mTabGallery{background: #f5f5f5; border-top-left-radius:40px; border-top-right-radius:40px; margin-top: -10px;padding: 80px 70px; position:relative; overflow:hidden; }
#mTabGallery:after{content:''; display:block; width: 1200px; height:1200px; border-radius: 50%; background: radial-gradient(rgba(25, 161, 150, 0.15), transparent 70%); position:absolute; bottom: -600px; right:-600px; }
.mPhoto-sec .title h2 span{color:#19a096; } 
.mPhoto-sec .title .m_plus-btn{background: #19A196;}
.mG-slide_wrap{position:relative;}
.mPhoto-sec .item a{border-radius: 40px; background:#fff;display:block; overflow: hidden; position:relative;margin-bottom: 30px; transition: all 0.3s ease;}
.mPhoto-sec .item a:before{content:''; display:block ;width:100%; box-sizing: border-box; height: 100%; border:4px solid transparent; position:absolute; top:0;left:0;border-radius: 40px;   transition: all 0.3s ease;}
.mPhoto-sec .item a:hover{ box-shadow:0 5px 25px rgba(0,0,0,0.12); }
.mPhoto-sec .item a:hover:before{border-color:#19A196; transition: all 0.3s ease;}
.mPhoto-sec .item a .img_box{width: 100%; aspect-ratio:3/2;overflow:hidden; border-radius: 40px; }
.mPhoto-sec .item a .img_box img{width: 100%; height: 100%; object-fit:cover; display:block;}
.mPhoto-sec .item a .txt_box{padding:28px 30px;position:relative; }
.mPhoto-sec .item a .txt_box:before{content:''; display:block; width:52px; height: 52px;background:#19A196; border-radius: 50%;position:absolute; top:-28px; right:24px;opacity:0;  visibility: hidden;}
.mPhoto-sec .item a .txt_box:after{content:''; display:block; width: 18px;height: 18px; background: url(/resources/_Img/Common/btnArr-spr.png) no-repeat; filter: brightness(0) invert(1); position: absolute; top:-12px; right:40px; transform: rotate(135deg);  transition: all 0.3s ease; opacity:0;  visibility: hidden;}
.mPhoto-sec .item a .txt_box *{line-height: 1.2; display:-webkit-box;-webkit-line-clamp:2; line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow: hidden;}
.mPhoto-sec .item a .txt_box h3{font-size: 22px; font-family: 'oneMobile'; min-height: 52px; margin-bottom:16px;  }
.mPhoto-sec .item a .txt_box p{color:rgba(0,0,0,0.5); font-size: 18px; font-weight: 300; min-height: 46px;  }

.mPhoto-sec .item a:hover .txt_box:before,
.mPhoto-sec .item a:hover .txt_box:after{visibility: visible; opacity: 1; transition: all 0.3s ease;}
.mPhoto-sec .item a:hover .txt_box h3{color:#19A196; transition: all 0.3s ease;}
.mPhoto-sec .owl-nav{position: absolute;top:-69px; right: 50px; border-radius: 25rem; background:rgba(217,217,217,0.5); display:flex; flex-direction:row;  justify-content:space-between; align-items:center;padding:5px 10px ;width:100px; }
.mPhoto-sec .owl-nav button{background:#fff!important; border-radius: 50%; width: 30px; height: 30px;position:relative;}

.mPhoto-sec .owl-nav button.owl-prev:before,
.mPhoto-sec .owl-nav button.owl-prev:after,
.mPhoto-sec .owl-nav button.owl-next:before,
.mPhoto-sec .owl-nav button.owl-next:after{content:''; display: block; width: 8px; height: 3px; background: #A0B1C0; border-radius: 4px; position:absolute;top:50%; left:50%; }
.mPhoto-sec .owl-nav button.owl-prev:before{transform: translate(calc(-50%),calc(-50% + 2px)) rotate(45deg);}
.mPhoto-sec .owl-nav button.owl-prev:after{transform: translate(calc(-50%),calc(-50% - 2px)) rotate(-45deg)}
.mPhoto-sec .owl-nav button.owl-next:before{transform: translate(calc(-50%),calc(-50% + 2px)) rotate(-45deg);}
.mPhoto-sec .owl-nav button.owl-next:after{transform: translate(calc(-50%),calc(-50% - 2px)) rotate(45deg)}
.mPhoto-sec .mdia_btn button{width: 10px; height: 15px; display:block; border:0; background-size:cover; background-repeat: no-repeat;background-color:transparent;background-image:url(/resources/_Img/Common/media_btns.png);position: absolute; top: -56px; right: 103px; visibility: hidden; opacity: 0; z-index:2; }
.mPhoto-sec .mdia_btn button.on{ visibility: visible; opacity: 1}
.mPhoto-sec .mdia_btn .play{ background-position:center right; }
.mPhoto-sec .mdia_btn .stop{ background-position:center left;}


/*프로그램소개*/
.mImg-sec{width: 100%; }
#mImban1{background:url(/resources/_Img/Common/program_bg.png) no-repeat; background-size: cover; border-bottom-left-radius:40px; border-bottom-right-radius:40px;padding: 80px 70px; position:relative;overflow:hidden;}

.mIB-slide_wrap{display:flex; flex-direction: row; column-gap: 20px;position: relative; }
.mIB-text_sec{width: 37%; }
.mIB-text .txt_box{color:#fff; font-size: 20px; padding:0 30px}
.mIB-text .txt_box .eng_titl{color:#FFAA22; font-family:'oneMobile';display:block; margin-bottom: 12px; }
.mIB-text .txt_box .titl{font-family: 'oneMobileT'; margin-bottom: 32px; font-size: 60px;line-height: 1.15;font-weight: 500; }
.mIB-text .txt_box .subs{font-weight: 200; margin-bottom: 40px;line-height: 1.25;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp:3; overflow:hidden; text-overflow: ellipsis; height: 75px; }
.mIB-text .txt_box a{color:#fff;background:transparent; border:1px solid #fff; border-radius: 25rem; padding:12px 24px; display:block; max-width: 140px; position:relative;transition: all 0.5s ease;font-size:18px; }
.mIB-text .txt_box a:after{content:''; display:block; width: 20px; height: 18px; background: url(/resources/_Img/Common/btnArr-spr.png) no-repeat; position:absolute; top:50%; right: 20px; transform:translateY(-50%) rotate(135deg); filter: brightness(0) invert(1); transition: all 0.5s ease;}
.mIB-text .txt_box a:hover{background: #FFAA22; border-color:#FFAA22; transition: all 0.5s ease;color:#222; }
.mIB-text .txt_box a:hover:after{filter: unset; transition: all 0.5s ease;}

.mIB-img_sec{width: calc(63% - 20px)}
.mIB-img_sec .owl-item .img_box{height:420px; border-radius: 40px; overflow: hidden; position:relative; }
.mIB-img_sec .owl-item .img_box img{width: 100%; height: 100%; object-fit:cover; }
.mIB-img_sec .owl-item.active,
.mIB-img_sec .owl-item.current{transition: all 0.3s ease-in-out; }
.mIB-img_sec .owl-item.active .img_box{width: 180px; margin-left: auto;margin-right:-20px; /*  transition: width 0.3s ease-in-out  */;transform-origin: center right}
.mIB-img_sec .owl-item.current .img_box{width: calc(200% - 160px);margin-left: 0;margin-right:0;  /*  transition: width 0.3s ease-in-out; */transform-origin: center right}/**/
.mIB-img_sec .owl-item .img_box h4{position: absolute;top: 50%; left:50%; display:inline-block; transform:translate(-50%, -50%) rotate(-90deg); transform-origin: center center; color: #fff; z-index:2; width: 420px; height: 180px; box-sizing: border-box; padding: 30px;font-size: 28px;font-weight:500;  }
.mIB-img_sec .owl-item.current .img_box h4{display:none;}

.mIB-img_sec .owl-item .img_box:after{content:''; display:block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position:absolute; top:0; left:0; opacity:1; visibility :visible;z-index:1;  transition:all 0.3s ease;}
.mIB-img_sec .owl-item.current .img_box:after{opacity:0; visibility: hidden; transition:all 0.5s ease;}
.mIB-nav .prev{display:none; }
.mIB-nav .next{background: #FFAA22; border-radius: 50%; width: 80px; height: 80px; color:#fff; position:absolute; border:0; top:50%; right: 170px;transform:translateY(-50%); text-transform: uppercase; display:flex; justify-content:center; align-items:center; z-index: 1; }



/*our stroy*/
.mStory-sec{display:grid; grid-template-columns: repeat(3, 33.3%);margin:130px 0 100px 0;  width: calc(100% - 100px); box-sizing: border-box;  column-gap:40px;padding:0 50px; row-gap: 40px; }
.mStory-sec > h3{font-size: 85px; font-weight: 500; font-family:'oneMobileT'; color:#424342; }
.mStory-sec .txt_box{grid-row: 1/2; grid-column:2 /4; padding-left: 100px}
.mStory-sec .txt_box h4{font-size: 28px; font-weight: 700; margin-bottom: 20px; }
.mStory-sec .txt_box p{font-size: 18px; color:#555; font-weight:300; line-height: 1.2; }
.mStory-sec .img_box{grid-row: 2/2; grid-column: 1/2; width: 100%; overflow:hidden; aspect-ratio: 3/2;  border-radius: 30px}
.mStory-sec .img_box img{width:100%; height:100%;object-fit: cover;}
.mStory-sec .num_box{grid-row: 2/2; grid-column: 2/ 4; margin-left:100px; margin-top: 30px; border-top:1px solid #c8c8c8; font-family:'oneMobileT'; font-weight:bold;color:#434243; display:flex; flex-direction: row; }
.mStory-sec .num_box li{width: 33%; display:flex; flex-wrap: wrap; justify-content:center; align-items: baseline; align-content:center;}
.mStory-sec .num_box li:not(:last-child){border-right: 1px solid #c8c8c8;}
.mStory-sec .num_box .count-num{color:#FF5926;  display:inline-block; font-size:clamp(52px,4vw, 75px); }
.mStory-sec .num_box span{font-size: 36px; }
.mStory-sec .num_box p{ font-family:'oneMobile'; font-size: 20px; width: 100%; text-align:start; margin-top: 12px}
.mStory-sec .link_box{grid-row-start:3; grid-column:1/ 4; display:flex; flex-direction: row; justify-content:center; align-items:center; column-gap: 40px;}
.mStory-sec .link_box li{width: calc(33.3%);}
.mStory-sec .link_box li a{display:block; width: 100%; padding: 32px 44px;background:#efefef; border-radius: 25px; font-family: 'oneMobileT';box-sizing:border-box; font-size: 28px; position:relative;transition: all 0.5s ease; color:#333; }
.mStory-sec .link_box li a:before{content:''; display:block;width:52px; height: 52px; background:#FF5926; border-radius: 50%; position:absolute; top:50%; right:44px; transform: translateY(-50%);  transition: all 0.5s ease;  }
.mStory-sec .link_box li a:after{content:''; display: block; width: 20px; height: 20px; background: url(/resources/_Img/Common/btnArr-spr.png) no-repeat;transform:translateY(-50%) rotate(135deg); filter: brightness(0) invert(1); transition: all 0.5s ease;top: 50%; right: 60px ; position:absolute; }
.mStory-sec .link_box li a:hover{color:#fff; background:#FF5926;transition: all 0.5s ease }
.mStory-sec .link_box li a:hover:before{background: #fff;transition: all 0.5s ease }
.mStory-sec .link_box li a:hover:after{transform:translateY(-50%) rotate(135deg);filter:invert(68%) sepia(80%) saturate(6084%) hue-rotate(345deg) brightness(104%) contrast(101%); transition: all 0.5s ease }


/*sns*/
.mSns-sec{position:relative;padding-bottom:120px;  }
.mSns-sec .mPkg1-wr{position:relative; }
.mSns-sec .mPkg1-wr:before{content:'';display:block; width: calc(100% - 60px);height: 100%; border-top-left-radius: 30px; border-top-right-radius: 30px; border:12px solid #eee; left:50%; top:16px;transform: translateX(-50%); border-bottom:0; z-index:-1; position:absolute; box-sizing: border-box; }
.mSns-sec .title{padding: 0 100px; position:relative;margin-bottom: 50px; display:flex; flex-direction: row; align-items: center; justify-content:space-between;width: 100%; }
.mSns-sec .title h2{position:relative; }
.mSns-sec .title h2:after{content:''; display:block; width: 120%; background:#fff; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);z-index: -1; height: 100%; }
.mSns-sec .title h2 span{color:#19a096; } 
.mSns-sec .title .sns_list{display:flex; flex-direction: row; align-items: center; justify-content:flex-end;column-gap: 8px;position:relative;   }
.mSns-sec .title .sns_list:after{content:''; display:block; width: 120%; height: 100%; background: #fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);z-index:-1; }
.mSns-sec .title .sns_list li{width: 40px; height: 40px;  border-radius: 15px; overflow: hidden; background-repeat:no-repeat; background-size: contain; background-position:center center;}
.mSns-sec .title .sns_list li a{width:100%; height: 100%; display:block; background:#c9c9c9;position: relative; transition: all 0.5s ease;}
.mSns-sec .title .sns_list li a:after{content:''; display:block; width: 100%; height: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);background-size: 80%; background-position: center center; background-repeat: no-repeat; }
.mSns-sec .title .sns_list li.link_utub a:after{background-image:url(/resources/_Img/Templet/tmpl/ico-utub.png);}
.mSns-sec .title .sns_list li.link_face a:after{background-image:url(/resources/_Img/Templet/tmpl/ico-face.png);}
.mSns-sec .title .sns_list li.link_inst a{transition: background-image 0.5s ease; }
.mSns-sec .title .sns_list li.link_inst a:after{background-image:url(/resources/_Img/Templet/tmpl/ico-insta.png);}
.mSns-sec .title .sns_list li.link_blog a:after{background-image:url(/resources/_Img/Templet/tmpl/ico-blog.png);}
.mSns-sec .title .sns_list li a:hover{transition:all 0.5s ease;}
.mSns-sec .title .sns_list li.link_inst a:before{content:''; display:block; width: 100%; height: 100%;background-image:linear-gradient(to bottom, #6c46d8,#f23173, #ee982f); position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); opacity:0; transition: all 0.5s ease;}
.mSns-sec .title .sns_list li.link_utub a:hover{background:#d71617 }
.mSns-sec .title .sns_list li.link_face a:hover{background:#1877f2}
.mSns-sec .title .sns_list li.link_inst a:hover:before{opacity:1; transition: all 0.5s ease; }
.mSns-sec .title .sns_list li.link_blog a:hover{background:#32b15b}

.sns-slide .item .img_box{width: 100%;aspect-ratio: 4/4.5; border-radius: 20px; overflow:hidden;position:relative; }
.sns-slide .item .img_box img{width: 100%; height: 100%; object-fit:cover; }
.sns-slide .item .sns_icon{background-repeat: no-repeat; background-position:center center; width: 50px; height: 50px; display:block; position:absolute; bottom:16px; right:16px;border-radius: 20px; background-size:contain;}
.sns-slide .item .sns_icon:after{content:''; display:block;width:36px; height: 36px; background-size: contain; background-repeat:no-repeat; background-position:center center;position:absolute; top:50%;left:50%; transform:translate(-50%, -50%) }
.sns-slide .item .sns_icon.ico_utub{background-color: #d71617;}
.sns-slide .item .sns_icon.ico_utub:after{ background-image:url(/resources/_Img/Templet/tmpl/ico-utub.png);}
.sns-slide .item .sns_icon.ico_face{background-color: #1877f2; }
.sns-slide .item .sns_icon.ico_face:after{background-image: url(/resources/_Img/Templet/tmpl/ico-face.png);}
.sns-slide .item .sns_icon.ico_inst{background: linear-gradient(to bottom, #6c46d8,#f23173, #ee982f); }
.sns-slide .item .sns_icon.ico_inst:after{width: 50px; height: 50px; background-image: url(/resources/_Img/Templet/tmpl/ico-insta.png) }
.sns-slide .item .sns_icon.ico_blog{background-color: #32b15b;}
.sns-slide .item .sns_icon.ico_blog:after{ background-image: url(/resources/_Img/Templet/tmpl/ico-blog.png);}
.sns-slide .item h3{display:-webkit-box; -webkit-line-clamp: 2; line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:vertical; line-height: 1.3; margin-top: 24px;font-size: 20px; word-break: break-all;}

.mSns-sec .title > div{display:flex; flex-direction: row; align-items:center; column-gap: 10px}
.sndia_ctrl{position:relative;  border-radius: 25rem; background:#ececec; display:flex; flex-direction:row;  justify-content:space-between; align-items:center;padding:5px 10px ;width:100px; }
.sndia_ctrl button.prev,
.sndia_ctrl button.next{background:#fff; border-radius: 50%; width: 30px; height: 30px;position:relative; border:0; }
.sndia_ctrl button.prev:before,
.sndia_ctrl button.prev:after,
.sndia_ctrl button.next:before,
.sndia_ctrl button.next:after{content:''; display: block; width: 8px; height: 3px; background: #A0B1C0; border-radius: 4px; position:absolute;top:50%; left:50%; }
.sndia_ctrl button.prev:before{transform: translate(calc(-50%),calc(-50% + 2px)) rotate(45deg);}
.sndia_ctrl button.prev:after{transform: translate(calc(-50%),calc(-50% - 2px)) rotate(-45deg)}
.sndia_ctrl button.next:before{transform: translate(calc(-50%),calc(-50% + 2px)) rotate(-45deg);}
.sndia_ctrl button.next:after{transform: translate(calc(-50%),calc(-50% - 2px)) rotate(45deg)}

.sndia_ctrl .sndia_btn button{width: 10px; height: 15px; display:block; border:0; background-size:cover; background-repeat: no-repeat;background-color:transparent;background-image:url(/resources/_Img/Common/media_btns.png);position: absolute; top: 50%;left:50%; transform:translate(-50%, -50%) ; visibility: hidden; opacity: 0; z-index:2; }
.sndia_ctrl .sndia_btn button.on{ visibility: visible; opacity: 1}
.sndia_ctrl .sndia_btn .play{ background-position:center right; }
.sndia_ctrl .sndia_btn .stop{ background-position:center left;}


/*사용자서비스+탑버튼*/
.fixed_Rbox button{ transform: rotate(90deg); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;box-sizing:border-box;  border:0; z-index: 999; }
.user_box{font-family: 'oneMobile' ; font-size: 18px; font-weight: 700; color:#fff; background:#FF5926; padding:20px 48px; position:fixed; bottom: calc(100vh - (720px - 180px + 24px + 11px));  right: calc(-180px + 35px); width: 360px; height: 70px;}/*bottom: 100vh-(메인배너높이 - user_box높이/2 + user_box padding 양쪽/2 + 11px?) */
.user_box p{position: relative; padding-right: 40px; white-space: nowrap; }
.user_box p:before,
.user_box p:after{content:''; display:block; width:18px; height: 2px; background:#fff; position: absolute;  top: 50%; right: -20px; transform:translateY(-50%);}
.user_box p:after{transform:translateY(-50%) rotate(90deg);}
.user_box p span{font-weight: 500;}
.user_box.on{position: absolute; }

.top_btn{background:rgba(0,0,0,0.6);position:fixed; bottom:calc(100vh - 720px - 70px - 3px); right:0; width: 70px; height: 70px;display:flex; align-items:center; justify-content:center; opacity: 0; visibility: hidden;  transition: all 0.5s ease;}
.top_btn.show{opacity: 1; visibility: visible;transition: all 0.5s ease; }
.top_btn.on{position: absolute; }
.top_btn:before{content:''; display:block;background: url(/resources/_Img/Common/btnArr-spr.png) no-repeat; filter: brightness(0) invert(1); width: 20px; height: 18px;  }




@media screen and (max-width: 1599px){

}


@media screen and (max-width: 1440px){
	/*공통- titl&subs폰트사이즈*/
	.mboard-tab-c .box .titl,
	.mPhoto-sec .item a .txt_box h3{font-size: 20px;min-height: 48px;}

	.mboard-tab-c .box .subs,
	.mlink01-sec .link_box .subs,
	.mPhoto-sec .item a .txt_box p,
	.sns-slide .item h3{font-size: 16px; }

	/*공통 - padding*/
	#mTabGallery,
	#mImban1,
	.mStory-sec,
	.mSns-sec .title{padding-left: 60px; padding-right: 60px; }

	/*게시판 탭 위젯*/
	.mPkg1-wr:has(.mboard-tab){gap:0 30px;margin-top: 80px;   }
	.mboard-tab-c .box a{padding: 30px 24px; }
	.mboard-tab-c .box .titl{margin-bottom: 24px; }
	.mboard-tab-c .box .subs{min-height: 48px; margin-bottom: 24px; }

	/*게시판 탭 옆에 링크버튼*/
	.mlink01-sec .link_box .titl{font-size: 20px; }
	.mlink01-sec .link_box a{padding: 20px 32% 20px 50px; display:flex; flex-direction: column; align-items:start; justify-content:center; ; }

	/*롤링텍스트*/
	.rolling_txt .track{width: calc(2600px * 3)}
	.rolling_txt p{font-size: 120px; width: 2600px; }

	/*포토갤러리*/
	.mPhoto-sec .item a .txt_box p{min-height: 38px; }

	/*프로그램소개*/
	.mIB-text .txt_box .eng_titl,
	.mIB-text .txt_box a{font-size: 16px; }
	.mIB-text .txt_box .subs{font-size:18px; height: 67.5px;   }

	/*our stroy*/
	.mStory-sec > h3{font-size: 76px; }
	.mStory-sec .txt_box{padding-left: 60px; }
	.mStory-sec .num_box{margin-left: 60px; }
	.mStory-sec .link_box li a{font-size: 20px; }
	.mStory-sec .link_box li a:before{width: 40px; height: 40px; }
	.mStory-sec .link_box li a:after{right: 55px; }
}


@media screen and (max-width: 1200px){
	
	/*공통- titl&subs폰트사이즈*/
	.mPkg1-wr .title h2,
	.mIB-text .txt_box .titl{font-size: 38px; }
	.mStory-sec > h3{font-size: 60px; }

	/*게시판 탭 위젯*/
	.mboard-tab{width: calc(100% - 300px)}
	.mboard-tab .title .tabs li{font-size: 16px; padding-left: 16px; padding-right: 16px; }
	.mboard-tab-c .box{width: calc(50% - 14px); margin-right: 0; }
	.mboard-tab-c .box:first-child{margin-right: 20px; }
	.mboard-tab-c .box:last-child{display:none;}

	/*게시판 탭 옆에 링크버튼*/
	.mlink01-sec{width: 300px; }
	.mlink01-sec .link_box a{padding: 20px 96px 20px 35px; }
	.mlink01-sec .link_box .titl{margin-bottom: 12px; }

	/*롤링텍스트*/
	.rolling_txt .track{width: calc(2200px * 3)}
	.rolling_txt p{font-size: 100px; width: 2200px; }

	/*포토갤러리*/
	#mTabGallery{padding-bottom: 40px; }

	/*프로그램소개*/
	.mIB-text .txt_box .subs{font-size: 16px;height: 100px;  -webkit-line-clamp: 5; line-clamp: 5; }

	.mIB-img_sec .owl-item .img_box{height: 340px; }
	.mIB-img_sec .owl-item.active .img_box{width: 100px; }
	.mIB-img_sec .owl-item.current .img_box{width: calc(200% - 100px); }
	.mIB-img_sec .owl-item .img_box h4{height: 100px; font-size: 24px;padding: 20px 26px;width: 340px;  }
	.mIB-nav .next{width: 70px; height: 70px; right: 90px; font-size: 15px; }

	/*ourstroy*/
	.mStory-sec{margin-top:80px;  }
	.mStory-sec .txt_box{padding-left: 0; }
	.mStory-sec .num_box{margin-left: 0; }
	.mStory-sec .num_box .count-num{font-size: clamp(36px,2vw ,52px); }
	.mStory-sec .num_box span{font-size: 24px; }
	.mStory-sec .num_box p,
	.mStory-sec .link_box li a{font-size: 18px; }
	.mStory-sec .link_box li a{padding: 26px 24px; font-family: 'oneMobile'; font-weight: 600; }
	.mStory-sec .link_box li a:before{right: 20px; }
	.mStory-sec .link_box li a:after{right: 31px; }

	
	

}

@media screen and (max-width: 991px){

	#mTabGallery, 
	#mImban1, 
	.mStory-sec, 
	.mSns-sec .title{padding-left: 30px; padding-right:30px; padding-top: 60px; }
	.mPkg1-wr .title h2, 
	.mIB-text .txt_box .titl{font-size: 32px;}
	.mboard-tab-c .box .titl, 
	.mPhoto-sec .item a .txt_box h3{font-size: 18px; min-height: 44px; }
	.mlink01-sec .link_box .titl{font-size: 18px; }

	/*게시판 탭 위젯*/
	.mPkg1-wr:has(.mboard-tab){flex-direction: column; margin-bottom:30px; margin-top: 60px;}
	.mboard-tab,
	.mlink01-sec{width: 100%; }
	.mboard-tab-c .box{width: calc(33.3% - 16px);margin-right: 20px;  }
	.mboard-tab-c .box:last-child{display:inline-block;margin-right:0; }
	.mboard-tab-c .box .titl{margin-bottom: 12px; }

	/*게시판 탭 옆에 링크버튼*/
	.mlink01-sec ol{flex-direction: row; gap:20px; margin-top: 20px; }
	.mlink01-sec .link_box{height: unset; width: 50%; }

	/*포토갤러리*/
	#mTabGallery{padding-right:0;}
	#mTabGallery .title{padding-right:30px; }
	.mPhoto-sec .owl-nav{right:80px;}
	.mPhoto-sec .mdia_btn button{right: 133px; }
	.mG-slide_wrap .owl-carousel .owl-stage{padding-left:0!important;}

	/*프로그램소개*/
	#mImban1{padding-bottom: 60px; }
	.mIB-img_sec .owl-item.current .img_box,
	.mIB-img_sec .owl-item.active .img_box{width: 100%;}
	.mIB-img_sec .owl-item.active .img_box:after{display:none;}
	.mIB-img_sec .owl-item.active .img_box h4{display:none; }
	.mIB-nav .next{right:-15px; }


	/*ourstroy */
	.mStory-sec{margin-top: 0;row-gap: 20px;margin-bottom: 40px; padding-left:0; padding-right:0; }
	.mStory-sec > h3{grid-column: 1/4; grid-row-start:1; }
	.mStory-sec .txt_box{grid-column: 1/4; grid-row-start: 2; }
	.mStory-sec .img_box{grid-column: 1/2; grid-row: 3 /3; }
	.mStory-sec .num_box{grid-column: 2/4; grid-row: 3 /3; }
	.mStory-sec .link_box{grid-row: 4/4; column-gap: 20px;}


	/*sns*/
	.mSns-sec{margin-top: 20px; }
	.mSns-sec .mPkg1-wr:before{display:none;}
	.mSns-sec .title{padding:0; margin-bottom: 28px; }
	.mSns-sec .title .sns_list:after{width: 112%; }

	





}

@media screen and (max-width: 768px){
	/*게시판 탭 위젯*/
	.mboard-tab .title{flex-direction: column;align-items:flex-start;  }
	.mboard-tab .title > div{width: 100%; justify-content:center; position:relative; margin-top: 20px;}
	.mboard-tab .title .tabs{margin-right:0; background:#f5f5f5; border-radius: 35rem;  width: 100%; max-width: fit-content; }
	.mboard-tab .title .tabs li{padding-top: 12px;padding-bottom: 12px; width: 100%; }
	.mboard-tab .title .tabs ~ .m_plus-btn{position: absolute; top:-58px; right:0; }
	.mboard-tab-c .box:last-child{display:none; }
	.mboard-tab-c .box{margin-right:0;width: calc(50% - 14px); }


	.mlink01-sec .link_box .subs{display:none; }
	.mlink01-sec .link_box a{border-radius: 25rem!important;}
	.mlink01-sec .link_box .titl{margin-bottom:0; }
	.mlink01-sec .link_box a i{width: 40px; height: 40px; right:10px;}
	
	
	/*포토갤러리*/
	.mPhoto-sec .item a .txt_box h3{margin-bottom: 8px}

	/*프로그램소개*/
	#mImban1{padding-bottom: 30px; }
	.mIB-slide_wrap{flex-direction: column; }
	.mIB-text_sec,
	.mIB-img_sec{width: 100%; }
	.mIB-text .txt_box .titl{margin-bottom: 12px; }
	.mIB-text .txt_box .subs{display:block; -webkit-box-orient:unset; overflow:unset; text-overflow:unset; line-clamp:unset; -webkit-line-clamp:unset; height: auto; margin-bottom: 20px;}
	.mIB-text .txt_box a{padding:0; width: 40px; height: 40px; background: rgba(0,0,0,0.3); border:0; position:absolute; top:0; right:0; }
	.mIB-text .txt_box a:after{right: 10px}
	.mIB-text .txt_box a span{position:absolute; width: 1px; height :1px ; clip:rect(0 0 0 0); overflow:hidden;}
	.mIB-img_sec .owl-item .img_box{height: 280px;border-radius: 20px;}
	.mIB-nav .next{width: 50px; height:50px; right:-25px; top:unset; bottom: 90px; }

	/*ourstory*/
	.mStory-sec{column-gap: 0; width: 100%; }
	.mStory-sec > h3{text-align: center; font-size: 32px;position:relative;}
	.mStory-sec > h3:before{content:'';display:block; width:1px; height: 46px; background:#333; position:absolute; top:-60px; left:50%; transform: translateX(-50%) }
	.mStory-sec .txt_box{grid-column: 1/4; grid-row: 3/3; text-align: center; }
	.mStory-sec .img_box{grid-column: 1/4; grid-row: 2/2; height: 260px;}
	.mStory-sec .num_box{grid-column: 1/4; grid-row: 4/4; border-top: 0;flex-direction: column; margin-top:0; font-weight: 500; }
	.mStory-sec .link_box{grid-column: 1/4; grid-row: 5/5;}
	.mStory-sec .num_box li{width: 100%; }
	.mStory-sec .num_box li:not(:last-child){border-right:0;border-bottom: 1px dotted #ccc;}
	.mStory-sec .num_box li > div{width: 100%; flex-wrap: nowrap; flex-direction: row; padding:16px 0;  display:flex; }
	.mStory-sec .num_box .count-num{order:2;font-size: 20px; }
	.mStory-sec .num_box span{order:3;font-size: 20px; }
	.mStory-sec .num_box p{order:1; text-align:start;margin:0;}
	.mStory-sec .num_box p, .mStory-sec .link_box li a{font-size: 20px; }
	.mStory-sec .link_box li a{padding: 18px; border-radius:12px; letter-spacing: -1px; }
	.mStory-sec .link_box li a:before{width: 30px; height: 30px; right:10px; }
	.mStory-sec .link_box li a:after{right: 15px;top: calc(50% - 1px); transform: translateY(-50%) rotate(135deg) scale(0.8)}	

	

	
}


@media screen and (max-width: 575px){
	.mPkg1-wr .title h2, 
	.mIB-text .txt_box .titl{font-size: 28px}
	
	/*게시판 탭 위젯*/
	.mPkg1-wr .title{margin-bottom: 16px; }
	.mboard-tab-c .box{width: 100%; margin-right:0; }
	.mboard-tab-c .box:first-child{margin-bottom: 10px; }
	.mboard-tab-c .box .subs{display:none; }

	/*게시판 탭 옆에 링크버튼*/
	.mlink01-sec ol{gap: 10px}
	.mlink01-sec .link_box a{padding: 16px 60px 16px 18px; }
	.mlink01-sec .link_box a i{right: 6px; }

	/*롤링텍스트*/
	.rolling_txt{margin-bottom: 3px; }
	.rolling_txt .track{width: calc(1300px * 3)}
	.rolling_txt p{font-size: 60px;width: 1300px; }

	/*포토갤러리*/
	.mPkg1-wr:has(.mPhoto-sec){padding-left:0; padding-right:0; }
	.mPhoto-sec .owl-nav{top: -56px;}
	.mPhoto-sec .mdia_btn button{top: -43px;}

	/*프로그램소개*/
	.mPkg1-wr:has(.mImg-sec){padding-left:0; padding-right:0; }

	/*ourstory*/
	.mStory-sec .link_box{flex-wrap: wrap; gap: 10px; }
	.mStory-sec .link_box li:not(:last-child){width:calc(50% - 5px); }
	.mStory-sec .link_box li:last-child{width: 100% ;}
	.mStory-sec .txt_box h4{font-size: clamp(22px,5vw,28px);line-height: 1.2;  }

	/*sns*/
	.mSns-sec{position:relative;  }
	.mSns-sec .mPkg1-wr,
	.mSns-sec .title{position: unset; }
	.mSns-sec .title .sns_list{position: absolute; bottom: 40px;left: 50%; transform: translateX(-50%) }

	


}

@media screen and (max-width: 375px){
	.mlink01-sec ol{flex-direction: column; }
	.mlink01-sec .link_box{width: 100%; }
	
	/*포토갤러리*/
	.mG-slide{padding-bottom: 30px; }
	.mPhoto-sec .owl-nav{top:unset; bottom:0;  right:50%; transform:translateX(calc(50% - 15px)); }
	.mPhoto-sec .mdia_btn button{top:unset; bottom: 12px; right: 50%; transform:translateX(calc(50% - 15px));}
}	







