@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:18px;line-height:1.2}
#mcontainer {word-break:keep-all;padding-bottom:0;background:url(/resources/_Templet/Main/main_dep/Img/bg_grid.jpg) repeat 50% 0;background-size:375px auto}
#mcontainer img {font-size:0}
@media all and (max-width:999px){
	#mcontainer-wrap {font-size:17px}
	#mcontainer {background-size:275px auto}
}
@media all and (max-width:768px) {
	#mcontainer-wrap {font-size:16px}
}
@media all and (max-width:499px) {
	#mcontainer-wrap {font-size:15px}
}

/* ==============================
 * 공통
================================= */
.sect-in {max-width:1400px;margin:0 auto}
.eng {font-family:basic-sans, sans-serif;line-height:1;letter-spacing:0}
.kor {font-family:"SCoreDream", sans-serif;line-height:1}
.dataList.owl-carousel {display:block}
.dataCtrl {display:flex;flex-flow:row;align-items:center;position:absolute;z-index:2}
.dataCtrl button {box-sizing:border-box;border:0;background-color:transparent;position:relative}
.dataCtrl button:after {display:block;content:"";position:absolute;top:0;bottom:0;margin:auto;box-sizing:border-box}
.dataCtrl .dataNav {display:inline-flex}
.dataCtrl .dataNav.disabled {display:none}
.deco-c {display:block;width:380px;border-radius:50%;position:absolute;z-index:-1}
.deco-c:before {content:"";display:block;width:0;padding-top:100%}
@media all and (max-width:1459px){
	.sect-in {margin:0 30px}
	.deco-c {width:270px}
}
@media all and (max-width:999px) {
	.deco-c {width:170px}
}
@media all and (max-width:768px) {
	.sect-in {margin:0 20px}
	.deco-c {width:95px}
}

/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr {background:#fff;position:relative;height:650px;box-sizing:border-box;padding:0;z-index:0;overflow:hidden;transition:all .3s ease}
.mVisual-wr:before {content:"KYUNGBUK COLLEGE";background:#fff;color:#e6e6e6;font-size:1.667em;font-family:basic-sans, sans-serif;font-weight:700;position:absolute;top:0;right:0;transform:translate(100%, 0) rotate(90deg);transform-origin:top left;height:100px;width:650px;box-sizing:border-box;padding-left:30px;display:flex;align-items:center;z-index:1}
#mVisual {height:100%;position:relative}
#mVisual .dataList {display:block;z-index:0;height:100%;padding-right:100px;box-sizing:border-box}
#mVisual .dataList .owl-item {overflow:hidden}
#mVisual .dataList .owl-stage-outer,
#mVisual .dataList .owl-stage,
#mVisual .dataList .owl-item,
#mVisual .dataList .item,
#mVisual .dataList .item {height:100%}
#mVisual .dataList .item {display:block;box-sizing:border-box;position:relative}
#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:100%;position:absolute;top:0;left:0;right:0;max-width:1400px;display:flex;flex-flow:row;width:auto;margin:0 auto;transform:translateX(50px);-ms-transform:translateX(50px);z-index:2}
#mVisual .dataList .txtBox .txtCore {color:#fff;font-family:"SCoreDream", sans-serif;font-size:3em;font-weight:500;display:block;box-sizing:border-box;padding:188px 100px 110px 0}
#mVisual .dataList .txtBox .txtCore .stxt {display:block;font-family:basic-sans, sans-serif;font-size:.37em;font-weight:700;margin-bottom:1em;letter-spacing:0;}
#mVisual .dataList .imgBox {display:block;position:relative;z-index:1;height:100%}
#mVisual .dataList .imgBox img {display:block;position:absolute;width:auto;height:100%;left:50%;top:0;transform:translateX(-50%)}
/* #mVisual .dataList .owl-item.active .imgBox img {margin-left:-50px;transition:all .3s} */
#mVisual .dataList .owl-stage-outer {z-index:0}
#mVisual .dataCtrl {background:rgba(0, 0, 0, .3);height:60px;bottom:0;left:50%;margin-left:-700px}
#mVisual .dataCtrl button {width:30px;height:30px}
#mVisual .dataCtrl .dataNums {display:inline-flex;font-family:basic-sans, sans-serif;font-weight:700;letter-spacing:0;color:#fff;padding:0 22px;position:relative}
#mVisual .dataCtrl .dataNums span:first-child {display:inline-flex;align-items:center}
#mVisual .dataCtrl .dataNums span:first-child:after {content:"";display:inline-block;width:30px;height:2px;background:#fff;opacity:.2;margin:0 10px}
#mVisual .dataCtrl .dataNav {position:relative;padding:0 12px}
#mVisual .dataCtrl .dataNav:after {content:"";display:block;width:1px;height:25px;background:#fff;opacity:.2;position:absolute;top:0;left:0;bottom:0;margin:auto}
#mVisual .dataCtrl .owl-prev:after,
#mVisual .dataCtrl .owl-next:after {width:19px;height:19px;border:2px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all .2s ease}
#mVisual .dataCtrl .owl-prev:after {border-right:0;border-top:0;left:10px}
#mVisual .dataCtrl .owl-next:after {border-left:0;border-bottom:0;left:0}
#mVisual .dataCtrl .dataAuto {display:inline-flex}
#mVisual .dataCtrl .dataAuto button {border-radius:50%;margin:0 16px;transition:box-shadow 0.2s}
#mVisual .dataCtrl .dataAuto button:before {content:"";display:block;width:100%;height:100%;border-radius:50%;border:2px solid #fff;box-sizing:border-box;/* box-shadow:0 0 0 2px #fff; */position:absolute;top:0;left:0;transition:transform .2s, opacity .2s}
#mVisual .dataCtrl .dataAuto button:after {left:0;right:0}
#mVisual .dataCtrl .dataAuto .btn-stop:after {width:7px;height:12px;border-left:2px solid #fff;border-right:2px solid #fff}
#mVisual .dataCtrl .dataAuto .btn-play {display:none}
#mVisual .dataCtrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent #fff;left:1px}
/** -- hover 효과 */
#mVisual .dataCtrl .owl-prev:hover:after,
#mVisual .dataCtrl .owl-prev:focus:after {left:7px}
#mVisual .dataCtrl .owl-next:hover:after,
#mVisual .dataCtrl .owl-next:focus:after {left:3px}
#mVisual .dataCtrl .dataAuto button:hover,
#mVisual .dataCtrl .dataAuto button:focus {box-shadow:0 0 0 3px rgb(255, 255, 255, .4)}
#mVisual .dataCtrl .dataAuto button:hover:before,
#mVisual .dataCtrl .dataAuto button:focus:before {transform:scale(.85);-ms-transform:scale(.85)}
@media all and (max-width:1459px){
	.mVisual-wr:before {height:50px;font-size:1.367em}
	#mVisual .dataList {padding-right:50px}
	#mVisual .dataList .txtBox {margin:0 30px;transform:none;-ms-transform:none}
	#mVisual .dataCtrl {left:30px;margin:0}
}
@media all and (max-width:1199px){
	.mVisual-wr {height:572px}
	.mVisual-wr:before {width:572px}
	#mVisual .dataList .txtBox {align-items:center}
	#mVisual .dataList .txtBox .txtCore {font-size:2.7em;padding-top:0}
}
@media all and (max-width:999px){
	.mVisual-wr {height:429px}
	.mVisual-wr:before {width:429px;padding-left:10px}
	#mVisual .dataList .txtBox .txtCore {font-size:2.1em;padding-right:20px}
	#mVisual .dataList .txtBox .txtCore .stxt {font-size:15px}
}
@media all and (max-width:768px){
	.mVisual-wr {height:322px}
	.mVisual-wr:before {width:322px}
	#mVisual .dataList .txtBox {margin:0 20px}
	#mVisual .dataList .txtBox .txtCore {font-size:1.8em;padding-bottom:45px}
	#mVisual .dataCtrl {left:20px;width:calc(100% - 90px);justify-content:center}
}
@media all and (max-width:599px){
	.mVisual-wr {height:286px}
	.mVisual-wr:before {width:286px;height:35px;font-size:1.067em}
	#mVisual .dataList {padding-right:35px}
	#mVisual .dataList .txtBox .txtCore {font-size:1.5em}
	#mVisual .dataCtrl {height:45px;width:calc(100% - 75px)}
	#mVisual .dataCtrl .owl-prev:after,
	#mVisual .dataCtrl .owl-next:after {width:13px;height:13px}
	#mVisual .dataCtrl .dataAuto button {margin:0 7px}
	#mVisual .dataCtrl .owl-next:after {left:7px}
	#mVisual .dataCtrl .dataNums span:first-child:after {width:18px}

	/* 학과별 요청사항 반영 */
	.mvis-build #mVisual .dataList .txtBox .txtCore > p {display:inline}
}

/* ==============================
 * 메인위젯
================================= */
/** -- 위젯 공통 */
.dataTit {font-size:1.667em}
.dataTit span {display:block;font-weight:700}
.dataTit .eng {color:#333;font-family:basic-sans, sans-serif;font-size:1.467em;margin-bottom:20px}
.dataTit .kor {color:#454545;font-family:"SCoreDream", sans-serif}
.mod-btns .dataNav {padding:0}
.mod-btns .dataMore,
.mod-btns button {background:#fff;border:1px solid #aaa;border-radius:50%;box-sizing:border-box;width:55px;height:55px;transition:box-shadow .2s ease .05s, border-color .2s}
.mod-btns button {margin-right:9px}
.mod-btns .dataMore {display:block;position:relative}
.mod-btns .dataMore:before,
.mod-btns .dataMore:after {content:"";display:block;background:#333;width:22px;height:2px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transition:background .2s}
.mod-btns .dataMore:before {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.mod-btns button:after {width:13px;height:13px;border:2px solid #333;left:50%;transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg)}
.mod-btns .owl-prev:after {border-right:0;border-top:0;margin-left:3px}
.mod-btns .owl-next:after {border-left:0;border-bottom:0;margin-left:-3px}
/** -- hover 효과 */
.mod-btns .dataMore:hover,
.mod-btns .dataMore:focus,
.mod-btns button:hover,
.mod-btns button:focus {background:#aaa;border:3px solid #fff;box-shadow:0 0 0 5px rgb(170, 170, 170, .4)}
.mod-btns .dataMore:hover:before,
.mod-btns .dataMore:focus:before,
.mod-btns .dataMore:hover:after,
.mod-btns .dataMore:focus:after {background:#fff}
.mod-btns button:hover:after,
.mod-btns button:focus:after {border-color:#fff}
@media all and (max-width:999px){
	.dataTit {font-size:1.367em}
	.mod-btns .dataMore,
	.mod-btns button {width:44px;height:44px}
	.mod-btns .dataMore:before,
	.mod-btns .dataMore:after {width:18px}
	.mod-btns button:after {width:11px;height:11px}
}
@media all and (max-width:768px){
	.dataTit .eng {margin-bottom:0}
}

/* ==============================
 * mIcban1
================================= */
#mIcban1 {background:#fff;box-sizing:border-box;box-shadow:0px 10px 32.55px 2.45px rgba(0, 0, 0, 0.1);margin:-110px 100px 0 50%;position:relative;z-index:2}
#mIcban1 .micban {padding:33px 30px 41px 43px}
#mIcban1 .micban:before,
#mIcban1 .micban:after {display:none;width:2px;height:40px;background:#9b9b9b;position:absolute;bottom:0;left:60px}
#mIcban1 .micban:after {transform:rotate(90deg);-ms-transform:rotate(90deg)}
#mIcban1 .dataTit {margin-bottom:18px}
#mIcban1 .dataTit .eng {color:#000;font-size:1em;margin-bottom:0}
#mIcban1 .dataTit .eng em {color:#c6282d;font-style:normal}
#mIcban1 .dataList {box-sizing:border-box;padding-left:20px}
#mIcban1 .item a {display:block;text-align:center}
#mIcban1 .item span {display:block}
#mIcban1 .item .icon {background-repeat:no-repeat;background-size:100% auto;width:80px;height:80px;margin:0 auto;transition:all .35s ease}
#mIcban1 .item .tit {color:#000;font-weight:500}
#mIcban1 .dataCtrl {top:33px;right:24px}
#mIcban1 .dataCtrl button {width:30px;height:30px}
#mIcban1 .dataCtrl button:after {background:url(/resources/_Templet/Main/main_dep/Img/main_spr.png) no-repeat;width:22px;height:14px;left:0;right:0;transition:transform .2s ease}
#mIcban1 .dataCtrl .owl-next {margin-left:18px}
#mIcban1 .dataCtrl .owl-next:after {background-position:-32px 0}
#mIcban1 .no-data {background-position:center 20px;padding:106px 0 22px}
/** -- mIcban1 노데이터시 */
#mIcban1 .no-data {background-position:center 60px;padding:150px 0 52px}
/** -- hover 효과 */
#mIcban1 .item a:hover span,
#mIcban1 .item a:focus span {text-decoration:underline}
#mIcban1 .item a:hover .icon,
#mIcban1 .item a:focus .icon {transform:translateY(-6px);-ms-transform:translateY(-6px)}
#mIcban1 .dataCtrl .owl-prev:hover:after,
#mIcban1 .dataCtrl .owl-prev:focus:after {transform:translateX(-6px);-ms-transform:translateX(-6px)}
#mIcban1 .dataCtrl .owl-next:hover:after,
#mIcban1 .dataCtrl .owl-next:focus:after {transform:translateX(6px);-ms-transform:translateX(6px)}
@media all and (max-width:1699px){
	#mIcban1 .dataList {padding-left:0}
}
@media all and (max-width:1459px){
	#mIcban1 {margin-left:35%;margin-right:50px}
}
@media all and (max-width:999px){
	#mIcban1 {margin-left:340px;margin-right:0}
	#mIcban1 .micban {padding:25px 30px}
	#mIcban1 .micban:before,
	#mIcban1 .micban:after {left:30px}
	#mIcban1 .item .icon {width:64px;height:64px}
	#mIcban1 .item .tit {font-size:.944em}
	#mIcban1 .dataCtrl {top:25px}
}
@media all and (max-width:768px){
	#mIcban1 {margin:0}
	#mIcban1 .micban {padding:15px 20px}
	#mIcban1 .micban:before,
	#mIcban1 .micban:after {height:25px}
	#mIcban1 .dataCtrl {top:14px}
}
@media all and (max-width:499px){
	#mIcban1 .micban:before,
	#mIcban1 .micban:after {display:none}
	#mIcban1 .item .icon {width:48px;height:48px}
	#mIcban1 .dataCtrl {top:12px}
}

/* ==============================
 * mTabboard
================================= */
#mTabboard {margin:108px 0 200px;position:relative;z-index:1}
#mTabboard .deco-c {background:#8677f6;top:-95px;left:0;transform:translateX(-41.579%);-ms-transform:translateX(-41.579%)}
#mTabboard .dataTit {padding-left:160px}
#mTabboard .dataTit .eng {margin-bottom:13px}
#mTabboard .mtab-inwr {box-sizing:border-box;margin:-26px 0 0 0;padding-left:165px;position:relative}
#mTabboard .mtab-inwr:after {content:"";display:block;width:calc(100% + 200px);height:60%;background:#dcd9ed;position:absolute;bottom:0;left:160px}
#mTabboard dl {display:inline-block;margin-bottom:68px;padding-bottom:260px}
#mTabboard dl:first-child {margin-left:160px}
#mTabboard dt a {color:#666;display:block;font-size:1.222em;position:relative;padding-right:19px;margin-right:13px;z-index:2}
#mTabboard dt a:before {content:"";display:block;width:6px;height:6px;background:#b0b0b0;border-radius:50%;position:absolute;top:0;right:0;bottom:0;margin:auto}
#mTabboard dl:last-child dt a {padding-right:0;margin-right:0}
#mTabboard dl:last-child dt a:before {display:none}
#mTabboard dt a span {display:block;font-weight:400}
#mTabboard dd {position:absolute;top:0;left:160px;width:100%;height:100%;box-sizing:border-box;padding:68px 0 0;display:none}
#mTabboard .dataList {margin:0 -17.5% 0 20px;width:auto}
#mTabboard .slide-destroy .dataList {margin-right:-40px}
#mTabboard .item {background:#fff;height:170px;display:flex;flex-flow:column;justify-content:center;text-align:center;margin:21px 0 70px 27px;position:relative}
#mTabboard .active .item {box-shadow:0px 10px 32.55px 2.45px rgba(0, 0, 0, 0.1)}
#mTabboard .item a {display:block;padding:45px 30px 52px}
#mTabboard .item span {display:block}
#mTabboard .item .txt {color:#1a1a1a;font-weight:500;margin-bottom:13px}
#mTabboard .item .txt span {display:inline}
#mTabboard .item .isNewIcon {display:inline;width:auto;align-self:flex-end}
#mTabboard .item .date {color:#888;font-size:15px}
#mTabboard .item .isNotice {background:#f0f0f0;border-radius:999px;color:#4335ab;font-size:15px;font-weight:500;position:absolute;bottom:20px;right:25px;line-height:35px;width:60px}
#mTabboard .mod-btns {position:absolute;top:-2px;right:160px}
#mTabboard .isOn dt a {color:#5543dc}
#mTabboard .isOn dd {display:block}
/** -- hover 효과 */
#mTabboard dt a:hover,
#mTabboard dt a:focus {color:#5543dc;transition:color .2s}
@media all and (max-width:1459px){
	#mTabboard .dataTit {padding-left:145px}
	#mTabboard .mtab-inwr {padding-left:150px}
	#mTabboard .mtab-inwr:after {left:50px}
	#mTabboard dd {left:50px}
	#mTabboard .mod-btns {right:50px}
}
@media all and (max-width:999px){
	#mTabboard {margin-bottom:100px}
	#mTabboard .dataTit {mix-blend-mode:multiply;padding-left:70px}
	#mTabboard .mtab-inwr {padding-left:75px;margin-top:-22px}
	#mTabboard .mtab-inwr:after {left:0}
	#mTabboard dl:first-child {margin-left:120px}
	#mTabboard dd {left:0}
	#mTabboard .dataList {margin-left:0;margin-right:-34.5%}
	#mTabboard .slide-destroy .dataList {margin-right:0}
	#mTabboard .item a {padding:25px 15px}
	#mTabboard .item .isNotice  {font-size:13px;line-height:30px;width:50px}
	#mTabboard .mod-btns {right:0}
}
@media all and (max-width:768px){
	#mTabboard {margin-top:40px}
	#mTabboard .dataTit {padding-left:0}
	#mTabboard .mtab-inwr:after {left:-20px}
	#mTabboard .mtab-inwr {padding-left:0}
	#mTabboard dl {padding-bottom:210px}
	#mTabboard dd {padding-top:55px}
	#mTabboard .dataList {margin:0}
	#mTabboard .dataList .owl-stage-outer {overflow:visible}
	#mTabboard .item {height:135px;margin:0}
	#mTabboard .item a {padding:25px 15px}
	#mTabboard .item .isNotice  {right:15px;bottom:15px}
	#mTabboard .mod-btns {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:20px 0 0;justify-content:center}
	#mTabboard .deco-c {top:-25px;/* transform:translateX(41.579%);-ms-transform:translateX(41.579%);left:auto;right:0 */}
}
@media all and (max-width:599px){
	#mTabboard {margin-bottom:40px}
	#mTabboard .dataTit .eng {margin-bottom:0}
	#mTabboard .mtab-inwr {margin-top:25px}
	#mTabboard dl {padding-bottom:170px}
	#mTabboard dl:first-child {margin-left:0}
	#mTabboard dt a {font-size:1.122em}
	#mTabboard dd {padding-top:45px}
}
@media all and (max-width:399px){
	#mTabboard dt a {padding-right:12px;margin-right:5px}
}

/* ==============================
 * mImban
================================= */
#mImban {position:relative;z-index:1}
#mImban .dataTit {margin-top:-20px}
#mImban .deco-c {background:#f1f1f1;top:-80px;right:0;transform:translateX(24.474%);-ms-transform:translateX(24.474%)}
#mImban a {display:block}
#mImban span {display:block}
#mImban .mimban {display:flex;flex-flow:row}
#mImban .pImg {min-width:62.143%;margin-right:167px;height:100%;position:relative;z-index:1}
#mImban .pImg:before,
#mImban .pImg:after {content:"";display:block;width:42.529%;height:98.039%;position:absolute;z-index:-1}
#mImban .pImg:before {background:#ee5137;left:-75px;top:-40px}
#mImban .pImg:after {background:#fccec7;right:-40px;bottom:-90px}
#mImban .pImg img {max-width:100%}
#mImban .dataTit:after {content:"";display:block;width:34px;height:20px;background:url(/resources/_Templet/Main/main_dep/Img/main_spr.png) no-repeat 0 -24px;margin:75px 0 100px;transition:transform .35s ease}
#mImban .txt {line-height:1.667}
#mImban a:hover .dataTit:after,
#mImban a:focus .dataTit:after {transform:translateX(20px);-ms-transform:translateX(20px);}
@media all and (max-width:1459px){
	#mImban .pImg {margin-right:100px}
}
@media all and (max-width:1199px){
	#mImban .pImg {min-width:45%}
	#mImban .dataTit:after {margin:45px 0 35px}
}
@media all and (max-width:999px){
	#mImban .pImg {margin-right:0;min-width:inherit;width:45%}
	#mImban .pImg:before,
	#mImban .pImg:after {height:70%}
	#mImban .pImg:before {top:-20px}
	#mImban .pImg:after {bottom:-20px}
	#mImban a {width:55%;padding-left:60px;position:relative;z-index:1}
	#mImban .dataTit {margin-top:0}
}
@media all and (max-width:768px){
	#mImban .mimban {display:block}
	#mImban .pImg {margin-bottom:30px;width:100%}
	#mImban a {width:100%;padding-left:0}
	#mImban .dataTit:after {display:none}
	#mImban .txt {margin:20px 0 0}
	#mImban .deco-c {display:none}
}
@media all and (max-width:599px){
	#mImban .pImg:before,
	#mImban .pImg:after {display:none}
}

/* ==============================
 * mSns
================================= */
/** -- mSns 공통 */
#mSns [class^=icon] {display:block;width:69px;height:69px;border-radius:50%;overflow:hidden;position:relative;transition:box-shadow .2s;z-index:1}
#mSns [class^=icon]:before,
#mSns [class^=icon]:after {content:"";display:block}
#mSns [class^=icon]:before {width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);z-index:-1}
#mSns [class^=icon]:after {width:100%;height:100%;background:url(/resources/_Templet/Main/main_dep/Img/main_spr.png) no-repeat}
#mSns .btns [class^=icon] {box-sizing:border-box}
#mSns .faceb .icon:before {background-color:#3e60ad}
#mSns .faceb .icon:after {background-position:0 -54px}
#mSns .insta .icon:before {background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)}
#mSns .insta .icon:after {background-position:-79px -54px}
#mSns .youtb .icon:before {background-color:#d21c1f}
#mSns .youtb .icon:after {background-position:-158px -54px}
#mSns a:hover [class^=icon],
#mSns a:focus [class^=icon] {border-color:#fff}
#mSns .btns:hover [class^=icon],
#mSns .btns:focus [class^=icon] {border:3px solid #fff}
#mSns .btns:hover [class^=icon]:after,
#mSns .btns:focus [class^=icon]:after {padding:3px;margin:-3px}
#mSns .btns.faceb:hover .icon,
#mSns .btns.faceb:focus .icon {box-shadow:0 0 0 7px rgb(62, 96, 173, .4)}
#mSns .btns.insta:hover .icon,
#mSns .btns.insta:focus .icon {box-shadow:0 0 0 7px rgb(236, 43, 135, .4)}
#mSns .btns.youtb:hover .icon,
#mSns .btns.youtb:focus .icon {box-shadow:0 0 0 7px rgb(210, 28, 31, .4)}
@media all and (max-width:999px){
	#mSns [class^=icon] {width:56px;height:56px}
	#mSns [class^=icon]:after {background-size:182px auto}
	#mSns .faceb .icon:after {background-position:0 -44px}
	#mSns .insta .icon:after {background-position:-64px -44px}
	#mSns .youtb .icon:after {background-position:-127px -44px}
}

/** -- 아이콘 타입 */
#mSns .msns-icon-type {margin:8px 0 71px 62.143%;padding-left:167px}
#mSns .msns-icon-type .dataTit .eng {font-size:.8em;font-weight:600;margin-bottom:15px}
#mSns .msns-icon-type ul {font-size:0}
#mSns .msns-icon-type li {display:inline-block;margin-right:20px}
#mSns .msns-icon-type li:last-child {margin-right:0}
#mSns .msns-icon-type a {display:block}

/** -- 리스트 타입 */
#mSns .msns-list-type {margin:270px 0 100px;height:385px;position:relative;z-index:1}
#mSns .msns-list-type .dataTit .eng {color:#e4e4e4;font-size:120px;font-weight:400;position:absolute;bottom:100%;left:0;margin:0 0 70px7;z-index:-1}
#mSns .msns-list-type #snsTab {padding-top:45px}
#mSns .msns-list-type dl {margin-bottom:11px}
#mSns .msns-list-type dt {display:flex}
#mSns .msns-list-type dt a {color:#666;display:inline-flex;flex-flow:row;align-items:center;width:200px;position:relative;z-index:2}
#mSns .msns-list-type dt a:after {content:"";display:block;width:0;height:4px;margin:auto;position:absolute;top:0;right:0;bottom:0;transform:translateX(100%);-ms-transform:translateX(100%);transition:all .35s ease}
#mSns .msns-list-type dt .faceb:after {background:#3e60ad}
#mSns .msns-list-type dt .insta:after {background:#ec2b87}
#mSns .msns-list-type dt .youtb:after {background:#d21c1f}
#mSns .msns-list-type dt a .kor {font-weight:500;margin-left:20px}
#mSns .msns-list-type dd {box-sizing:border-box;padding:0 0 0 350px;width:100%;position:absolute;top:0;left:0;display:none}
#mSns .msns-list-type dd ul {display:flex;flex-direction:row;margin-right:-23px}
#mSns .msns-list-type dd li {display:inline-block;width:29.823%;margin-right:5.266%}
#mSns .msns-list-type dd li:last-child {margin-right:0}
#mSns .msns-list-type dd li.no-data {width:100%;margin-right:0}
#mSns .msns-list-type dd li a {display:block;position:relative}
#mSns .msns-list-type dd li span {display:block}
#mSns .msns-list-type dd li .icon {width:51px;height:51px;position:absolute;top:0;right:0;transform:translate(50%, -50%)}
#mSns .msns-list-type dd li .icon:after {background-size:168px auto}
#mSns .msns-list-type dd li .faceb .icon:after {background-position:0 -40px}
#mSns .msns-list-type dd li .insta .icon:after {background-position:-59px -40px}
#mSns .msns-list-type dd li .youtb .icon:after {background-position:-117px -40px}
#mSns .msns-list-type dd li .img {background:#f2f2f2 url(/resources/_Templet/Main/main_dep/Img/logo.png) no-repeat 50% 50%;background-size:63.75% auto;margin-bottom:25px;padding-top:100%;position:relative;overflow:hidden}
#mSns .msns-list-type dd li .img img {position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .55s ease}
#mSns .msns-list-type dd li .txt {color:#555;font-size:.944em;display:-ms-flexbox;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4em}
#mSns .msns-list-type .isOn dt a:after {width:175px}
#mSns .msns-list-type .isOn dd {display:block}
#mSns .msns-list-type .deco-c {width:580px;background:#bbd2f5;top:50%;right:-32.414%;transform:translateY(-50%);-ms-transform:translateY(-50%)}
#mSns .msns-list-type dd li a:hover .img img,
#mSns .msns-list-type dd li a:focus .img img {transform:scale(1.1);-ms-transform:scale(1.1)}
#mSns .msns-list-type dd li a:hover .txt,
#mSns .msns-list-type dd li a:focus .txt {text-decoration:underline}
@media all and (max-width:1459px){
	#mSns .msns-icon-type {margin-top:15px;padding-left:100px}
	#mSns .msns-list-type #snsTab {padding-top:20px}
	#mSns .msns-list-type dd {padding-left:250px}
	#mSns .msns-list-type dd ul {margin-right:0}
	#mSns .msns-list-type .isOn dt a:after {width:75px}
	#mSns .msns-list-type .deco-c {width:480px}
}
@media all and (max-width:1199px){
	#mSns .msns-icon-type {margin-left:45%}
	#mSns .msns-list-type {height:auto;margin-top:170px}
	#mSns .msns-list-type .dataTit .eng {font-size:100px;margin-bottom:45px}
	#mSns .msns-list-type dd li {margin-right:3%;width:31.333%}
	#mSns .msns-list-type .deco-c {width:380px;right:-15.414%}
}
@media all and (max-width:999px){
	#mSns .msns-icon-type {margin:70px 0;text-align:center;padding:0}
	#mSns .msns-list-type {margin-bottom:170px}
	#mSns .msns-list-type .dataTit .eng {margin-bottom:25px}
	#mSns .msns-list-type #snsTab {text-align:center;padding:0 0 31.333%;margin:0 0 85px}
	#mSns .msns-list-type dl {display:inline-block}
	#mSns .msns-list-type dd {padding:0}
	#mSns .msns-list-type dt a {width:auto}
	#mSns .msns-list-type dt a:after {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 10px 0 5px;transform:none;-ms-transform:none}
	#mSns .msns-list-type dd {padding:100px 0 0}
	#mSns .msns-list-type dd li .icon {width:35px;height:35px}
	#mSns .msns-list-type dd li .icon:after {background-size:114px auto}
	#mSns .msns-list-type dd li .faceb .icon:after {background-position:0 -27px}
	#mSns .msns-list-type dd li .insta .icon:after {background-position:-40px -27px}
	#mSns .msns-list-type dd li .youtb .icon:after {background-position:-79px -27px}
	#mSns .msns-list-type .isOn dt a:after {width:30px}
	#mSns .msns-list-type .deco-c {width:280px;margin-top:85px}
}
@media all and (max-width:768px){
	#mSns .msns-list-type .dataTit .eng {font-size:80px}
	#mSns .msns-list-type dl {margin:0 7px}
	#mSns .msns-list-type dt a .kor {display:none;margin-left:10px}
	#mSns .msns-list-type dt a:after {display:none;}
	#mSns .msns-list-type .isOn dt a .icon {border-color:#fff}
	#mSns .msns-list-type .isOn dt .btns .icon {border:3px solid #fff}
	#mSns .msns-list-type .isOn dt .btns .icon:after {padding:3px;margin:-3px}
	#mSns .msns-list-type .isOn dt .btns.faceb .icon {box-shadow:0 0 0 7px rgb(62, 96, 173, .4)}
	#mSns .msns-list-type .isOn dt .btns.insta .icon {box-shadow:0 0 0 7px rgb(236, 43, 135, .4)}
	#mSns .msns-list-type .isOn dt .btns.youtb .icon {box-shadow:0 0 0 7px rgb(210, 28, 31, .4)}
}
@media all and (max-width:599px){
	#mSns .msns-list-type {margin:125px 0 150px}
	#mSns .msns-list-type .dataTit .eng {margin-top:0}
	#mSns .msns-list-type #snsTab {margin-bottom:65px;padding-bottom:48.498%}
	#mSns .msns-list-type dd {padding-top:80px}
	#mSns .msns-list-type dd li {width:48.5%}
	#mSns .msns-list-type dd li:nth-child(2) {margin-right:0}
	#mSns .msns-list-type dd li:nth-child(3) {display:none;}
	#mSns .msns-list-type dd li .icon {display:none;}
	#mSns .msns-list-type dd li .img {margin-bottom:15px}
	#mSns .msns-list-type .deco-c {width:180px;display:none;}
	/* #mSns .msns-list-type dt a .icon {width:42px;height:42px}
	#mSns .msns-list-type dt a .icon:after {background-size:137px auto}
	#mSns .msns-list-type dt .faceb .icon:after {background-position:0 -33px}
	#mSns .msns-list-type dt .insta .icon:after {background-position:-48px -33px}
	#mSns .msns-list-type dt .youtb .icon:after {background-position:-95px -33px} */
}
@media all and (max-width:499px){
	#mSns .msns-list-type .dataTit .eng {font-size:60px}
}
@media all and (max-width:399px){
	#mSns .msns-list-type .dataTit .eng {font-size:40px}
}

/* ==============================
 * mGallery
================================= */
#mGallery {padding-bottom:280px}
#mGallery .dataTit {max-width:300px;margin-bottom:36px}
#mGallery .mgall-inwr {padding:0 0 16.429% 510px;position:relative;z-index:1}
#mGallery .mgall-inwr dt {display:none}
#mGallery dd {width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;padding-left:510px;display:none}
#mGallery .dataList {width:auto;margin-right:-50.562%}
#mGallery .slide-destroy .dataList {width:100%;margin-right:0}
#mGallery .item a {display:block;position:relative}
#mGallery .item span {display:block}
#mGallery .item .img {background:#f2f2f2 url(/resources/_Templet/Main/main_dep/Img/logo.png) no-repeat 50% 50%;padding-top:71.875%;position:relative;overflow:hidden}
#mGallery .item .img:after {content:"";display:block;width:100%;height:100%;background:rgb(0,0,0);background:linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);position:absolute;bottom:0;left:0}
#mGallery .item .img img {position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .55s ease}
#mGallery .item .isNewIcon {display:inline;width:auto;align-self:flex-end}
#mGallery .item .tit {position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:17px 20px}
#mGallery .item .tit span {color:#fff;display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 30px);border-bottom:1px solid transparent;transition:all .3s ease-in-out}
#mGallery .item.hasNoData {background:#fff;display:flex;flex-flow:row;align-items:center;justify-content:center}
#mGallery .item.hasNoData:before {content:"";display:block;width:0;padding-top:25.843%}
#mGallery .mod-btns {position:absolute;top:0;bottom:0;left:0;align-items:flex-end}
#mGallery .deco-c {background:#f6da77;left:420px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}
#mGallery .isOn dd {display:block}
/** -- hover 효과 */
#mGallery .item a:hover .img img,
#mGallery .item a:focus .img img {transform:scale(1.1);-ms-transform:scale(1.1)}
@media all and (max-width:1459px){
	#mGallery .mgall-inwr {padding:0 0 17.518% 340px}
	#mGallery dd {padding-left:340px}
	#mGallery .deco-c {left:250px}
}
@media all and (max-width:1199px){
	#mGallery .mgall-inwr {padding:0 0 23.554%}
	#mGallery dd {padding-left:0}
	#mGallery .dataList {margin-right:0}
	#mGallery .dataList .owl-stage-outer {overflow:visible}
	#mGallery .mod-btns {top:auto;bottom:100%;left:auto;right:0;margin-bottom:30px}
	#mGallery .deco-c {display:none}
}
@media all and (max-width:999px){
	#mGallery {padding-bottom:80px}
}
@media all and (max-width:768px){
	#mGallery .mgall-inwr {padding-bottom:35.358%}
}
@media all and (max-width:499px){
	#mGallery .dataTit {max-width:280px}
	#mGallery .mgall-inwr {padding-bottom:71.875%}
}