@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:18px;line-height:1.2}
#mcontainer {word-break:keep-all}
#mcontainer img {font-size:0}
@media all and (max-width:999px){
	#mcontainer-wrap {font-size:17px}
}
@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}
.mtit {color:#000;letter-spacing:0}
.dataList.owl-carousel {display:block}
.dataCtrl {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.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%}
.btn-more {background:#e01737;font-size:14px;display:block;width:70px;line-height:30px;text-align:center}
.btn-more span {color:#fff}
@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 {position:relative;height:810px;box-sizing:border-box;padding:0;z-index:0;transition:all .3s ease}
.mVisual-wr:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:81.73%;background:#da262e;z-index:0;}
#mVisual {height:100%;overflow:hidden;position:relative}
#mVisual .dataList {display:block;width:100%;height:100%}
#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 .txtBox {position:relative;max-width:1400px;margin:0 auto;z-index:2;}
#mVisual .dataList .txtBox .txtCore {position:absolute;top:197px;left:0;width:77%;}
#mVisual .dataList .txtBox .txt1 {display:block;font-size:4.444em;color:#fff;line-height:1.125em;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;}
#mVisual .dataList .txtBox .txt2 {display:block;font-size:1.222em;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.04em;padding-top:25px;}
#mVisual .dataList .imgBox {display:block;position:relative;z-index:1;height:100%;}
#mVisual .dataList .imgBox img {display:block;position:absolute;width:auto;height:100%;right:0;top:0}
#mVisual .dataList .owl-stage-outer {z-index:0}

#mVisual .dataCtrl {/*display:none;flex-flow:row;align-items:center;background:rgba(0, 0, 0, .6);height:75px;position:absolute;bottom:0;left:50%;margin-left:-700px;z-index:2*/}
#mVisual .dataCtrl.on-init {/*display:flex*/}

#mVisual .dataCtrl {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
#mVisual .dataCtrl button {width:40px;height:40px;}
#mVisual .dataCtrl .dataNums {position:absolute;top:136px;left:50%;width:100%;max-width:1400px;transform:translateX(-50%);font-family:basic-sans, sans-serif;font-weight:700;color:#fff;z-index:2}
#mVisual .dataCtrl .dataNums span:first-child {display:inline-flex;align-items:center}
#mVisual .dataCtrl .dataNums span:first-child:after {content:"";display:inline-block;width:40px;height:2px;background:#fff;opacity:0.3;margin:0 10px}
#mVisual .dataCtrl .dataNums .total {opacity:.5}

#mVisual .dataCtrl .dataNav {position:absolute;top:274px;left:-27px;width:234px;height:20px;text-align:center;transform:rotate(270deg);}
#mVisual .dataCtrl .dataNav .owl-prev,
#mVisual .dataCtrl .dataNav .owl-next {position:absolute;top:0;width:auto;height:20px;line-height:20px;color:#fff;font-size:16px;font-family:basic-sans, sans-serif;letter-spacing:0.04em;}
#mVisual .dataCtrl .owl-prev {right:0;padding-right:31px;}
#mVisual .dataCtrl .owl-next {left:0;padding-left:31px;}
#mVisual .dataCtrl .owl-prev:after,
#mVisual .dataCtrl .owl-next:after {width:14px;height:14px;border:2px solid #fff;transform:rotate(-135deg);-ms-transform:rotate(-135deg);opacity:.5;transition:all .2s ease}
#mVisual .dataCtrl .owl-prev:after {border-right:0;border-top:0;right:3px;left:auto !important;}
#mVisual .dataCtrl .owl-next:after {border-left:0;border-bottom:0;left:3px;}

#mVisual .dataCtrl .dataAuto {display:inline-flex;vertical-align:text-top;padding-top:2px;padding-left:2px;}
#mVisual .dataCtrl .dataAuto button {width:15px;height:14px;border-radius:50%;margin:0 13px;transition:box-shadow 0.2s}
#mVisual .dataCtrl .dataAuto button:before {content:"";display:none;width:100%;height:100%;border-radius:50%;border:1px solid #fff;position:absolute;top:-1px;left:-1px;transition:transform .2s, opacity .2s}
#mVisual .dataCtrl .dataAuto button:after {left:0;right:0}
#mVisual .dataCtrl .dataAuto .btn-stop:after {width:15px;height:14px;border-top:3px solid #fff;border-bottom:3px solid #fff}
#mVisual .dataCtrl .dataAuto .btn-play {display:none;transform:rotate(90deg);}
#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 {right:7px;opacity:1;}
#mVisual .dataCtrl .owl-next:hover:after,
#mVisual .dataCtrl .owl-next:focus:after {left:7px;opacity:1;}
#mVisual .dataCtrl .dataAuto button:hover,
#mVisual .dataCtrl .dataAuto button:focus {}
#mVisual .dataCtrl .dataAuto button:hover:before,
#mVisual .dataCtrl .dataAuto button:focus:before {}

@media all and (max-width:1699px){
	#mVisual .dataCtrl .dataNav {left:-87px;}
}
@media all and (max-width:1559px){
	#mVisual .dataList .txtBox {max-width:initial;margin-left:20px;}
	#mVisual .dataCtrl .dataNums {left:20px;width: calc(100% - 20px);max-width:initial;transform:initial;}
	#mVisual .dataCtrl .dataNav {top:auto;bottom: calc(18.27% + 30px);left:20px;width:234px;height:20px;text-align:center;transform:rotate(0);}
	#mVisual .dataCtrl .owl-prev {right:auto;left:0;padding-right:0;padding-left:18px;}
	#mVisual .dataCtrl .owl-next {left:auto;right:0;padding-left:0;padding-right:18px;}
	#mVisual .dataCtrl .owl-prev:after,
	#mVisual .dataCtrl .owl-next:after {transform:rotate(45deg);-ms-transform:rotate(45deg);}
	#mVisual .dataCtrl .owl-prev:after {right:auto;left:3px !important;}
	#mVisual .dataCtrl .owl-next:after {left:auto;right:3px;}
	#mVisual .dataCtrl .dataAuto .btn-play {transform:initial;}
}
@media all and (max-width:999px){
	.mVisual-wr {height:600px;}
	#mVisual .dataList .txtBox .txtCore {top:80px;}
	#mVisual .dataCtrl .dataNums {top:50px;}
}
@media all and (max-width:899px){
	.mVisual-wr {height:480px;}
	#mVisual .dataList .txtBox .txtCore {top:100px;}
	#mVisual .dataList .txtBox .txt1 {font-size:2.824em;}
	#mVisual .dataList .txtBox .txt2 {font-size:0.882em;padding-top:10px;}
	#mVisual .dataCtrl .dataNums {top:50px;}
}
@media all and (max-width:699px){
	.mVisual-wr {height:300px;}
	#mVisual .dataList .txtBox .txtCore {top:60px;}
	#mVisual .dataList .txtBox .txt1 {font-size:2.133em;}
	#mVisual .dataList .txtBox .txt2 {font-size:0.667em;}
	#mVisual .dataCtrl .dataNums {top:30px;}
	#mVisual .dataCtrl .dataNav {bottom: calc(18.27% + 10px);left:20px;width:150px;}
	#mVisual .dataCtrl .dataNav .owl-prev,
	#mVisual .dataCtrl .dataNav .owl-next {font-size:14px;}
}
@media all and (max-width:499px){
	.mVisual-wr {height:220px;}
	#mVisual .dataList .txtBox .txtCore {top:40px;line-height:1.1em;}
	#mVisual .dataList .txtBox .txt1 {font-size:1.733em;}
	#mVisual .dataList .txtBox .txt2 {padding-top:0;}
	#mVisual .dataCtrl .dataNums {top:10px;}
	#mVisual .dataCtrl .dataNums span:first-child:after {width:20px;}

	#mVisual .dataCtrl .dataNav {bottom: calc(18.27% + 10px);left:20px;width:150px;}
	#mVisual .dataCtrl .dataNav .owl-prev,
	#mVisual .dataCtrl .dataNav .owl-next {font-size:14px;}
}

/* ==============================
* mPmessage
================================ */
.mPmessage {width:100%;overflow:hidden;}
.mPmessage .sect-in {display:flex;}
.mPmessage .sectL {display:inline-block;width:50%;box-sizing:border-box;padding-right:8%;}
.mPmessage .sectR {display:inline-block;width:50%;}

.mPmessage .sectL .cate {position:relative;color:rgba(51,51,51,0.5);font-weight:700;font-size:0.944em;letter-spacing:0.1em;padding-left:141px;padding-top:14px;}
.mPmessage .sectL .cate:before {display:block;content:'';position:absolute;top:0;left:0;width:42px;height:33px;background:url(/resources/_Templet/Main/main_eng/Img/mPmessage_icon.png) no-repeat 0 0;}
.mPmessage .sectL .cate:after {display:block;content:'';position:absolute;top:23px;left:72px;width:40px;height:2px;background:#c3c3c3;}
.mPmessage .sectL .tit {display:block;color:#000000;font-weight:700;font-size:3.056em;line-height:1.182em;letter-spacing:0;padding-top:39px;}
.mPmessage .sectL .stxt {display:block;color:#333333;font-size:1.111em;line-height:1.5em;letter-spacing:0;padding-top:18px;}

.mPmessage .sectR .txt {display:block;color:#555555;font-size:1.111em;line-height:1.75em;font-weight:300;letter-spacing:0;padding-top:85px;}
.mPmessage .sectR .btnBox {position:relative;text-align:right;margin-top:63px;}
.mPmessage .sectR .btnBox:before {display:block;content:'';position:absolute;top:10px;left:0;width: calc(100% - 182px);height:1px;background:#d4d4d4;}
.mPmessage .sectR .btnBox .btn {display:inline-block;position:relative;color:#da262e;font-weight:900;letter-spacing:0;padding-right:25px;}
.mPmessage .sectR .btnBox .btn:before {display:block;content:'';position:absolute;top:2px;right:7px;width:2px;height:16px;background:#da262e;transition:all .3s ease;}
.mPmessage .sectR .btnBox .btn:after {display:block;content:'';position:absolute;top:9px;right:0;width:16px;height:2px;background:#da262e;transition:all .3s ease;}
.mPmessage .sectR .btnBox .btn:hover {text-decoration:underline;}
.mPmessage .sectR .btnBox .btn:hover:before {transform:rotate(180deg);}
.mPmessage .sectR .btnBox .btn:hover:after {transform:rotate(180deg);}

@media all and (max-width:999px){
	.mPmessage .sectL .tit br {display:none;}
}
@media all and (max-width:899px){
	.mPmessage .sect-in {display:block;}
	.mPmessage .sectL {width:100%;padding-right:0;}
	.mPmessage .sectR {width:100%;}
}
@media all and (max-width:499px){
	.mPmessage {padding-top:30px;}
	.mPmessage .sectL .cate {padding-left:100px;padding-top:14px;}
	.mPmessage .sectL .cate:before {background-size:35px auto;}
	.mPmessage .sectL .cate:after {top:21px;left:52px;width:30px;}
	.mPmessage .sectL .tit {font-size:2em;}
	.mPmessage .sectL .stxt {font-size:1.067em;}
	.mPmessage .sectR .txt {font-size:1.067em;padding-top:35px;}
	.mPmessage .sectR .btnBox {margin-top:30px;}
}


/* ==============================
* mTabboard
================================ */
#mTabboard {padding-top:91px;}
#mTabboard .mtit {font-size:3.056em;font-weight:700;text-align:center;margin-bottom:31px}
#mTabboard .tabs {display:flex;position:relative}
#mTabboard .tabs ul {display:inline-flex;}
#mTabboard .tabs li {margin-right:10px;position:relative;}
#mTabboard .tabs .mTabName {color:#767676;display:block;height:46px;font-size:1.111em;font-weight:600;line-height:46px;position:relative;white-space:nowrap;border:2px solid #dddddd;background:#fff;border-radius:25px;padding:0 30px 0 27px;transition:all .3s ease;}
#mTabboard .tabs .btn-more {position:absolute;top:0;right:0;width:50px;height:50px;border-radius:50%;background:#12213a;display:none;transition:all .3s ease;}
#mTabboard .tabs .btn-more:before {display:block;content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -9px;width:19px;height:3px;background:#ffffff;transition:all .3s ease;}
#mTabboard .tabs .btn-more:after {display:block;content:'';position:absolute;top:50%;left:50%;margin:-9px 0 0 -1px;width:3px;height:19px;background:#ffffff;transition:all .3s ease;}

#mTabboard .tabpanel {position:relative;padding-top:40px;}
#mTabboard .tabpanel .dataList {display:flex;width:100%;}
#mTabboard .tabpanel .dataList > li {padding-left:4px;width:25%;box-sizing:border-box;}
#mTabboard .tabpanel .dataList > li:first-child {padding-left:0;}
#mTabboard .tabpanel .dataList a {background:#f4f4f4;box-sizing:border-box;display:block;height:100%;padding:47px 40px 50px 40px;position:relative;overflow:hidden;z-index:1;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .boardname {display:block;position:relative;}
#mTabboard .tabpanel .dataList .boardname:before {display:block;content:'NOTICE';position:relative;color:#da262e;font-weight:700;letter-spacing:0.08em;padding-left:17px;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .boardname:after {display:block;content:'';position:absolute;top:7px;left:0;width:7px;height:7px;background:#da262e;border-radius:50%;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .title {display:block;position:relative;color:#333333;font-size:1.222em;line-height:1.455em;padding-top:46px;height:124px;overflow:hidden;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .sbtn {position:relative;display:inline-block;font-size:0.889em;color:#da262e;letter-spacing:0;padding-bottom:7px;padding-right:22px;margin-top:75px;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .sbtn:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#da262e;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .sbtn span:before {display:block;content:'';position:absolute;top:8px;right:0;width:12px;height:2px;background:#da262e;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .sbtn span:after {display:block;content:'';position:absolute;top:3px;right:5px;width:2px;height:12px;background:#da262e;transition:all .3s ease;}
#mTabboard .tabpanel .dataList .sbtnDown:after {display:block;content:'';position:absolute;top:0;right:0;width:15px;height:15px;background:url(/resources/_Templet/Main/main_eng/Img/icon_down.png) no-repeat 0 0;}
#mTabboard .tabpanel .dataList .sbtnDown span:before,
#mTabboard .tabpanel .dataList .sbtnDown span:after {display:none;}

#mTabboard .tabpanel .dataList > li.no-data {width:100%;padding:220px 0 50px;background-color:#f4f4f4;height:389px;box-sizing:border-box;background-position:50% 120px;}

#mTabboard .tab-container > div:nth-child(2) .dataList .sbtnDown:after {background-position:-18px 0;}
#mTabboard .tab-container > div:nth-child(3) .dataList .sbtnDown:after {background-position:-36px 0;}

#mTabboard .tab-container > div:nth-child(2) .dataList .boardname:before {content:'Q&A';color:#ed2462;}
#mTabboard .tab-container > div:nth-child(2) .dataList .boardname:after {background:#ed2462;}
#mTabboard .tab-container > div:nth-child(2) .dataList .sbtn {color:#ed2462;}
#mTabboard .tab-container > div:nth-child(2) .dataList .sbtn:before {background:#ed2462;}
#mTabboard .tab-container > div:nth-child(2) .dataList .sbtn span:before {background:#ed2462;opacity:0.8;}
#mTabboard .tab-container > div:nth-child(2) .dataList .sbtn span:after {background:#ed2462;opacity:0.8;}

#mTabboard .tab-container > div:nth-child(3) .dataList .boardname:before {content:'Download';color:#12213a;}
#mTabboard .tab-container > div:nth-child(3) .dataList .boardname:after {background:#12213a;}
#mTabboard .tab-container > div:nth-child(3) .dataList .sbtn {color:#12213a;}
#mTabboard .tab-container > div:nth-child(3) .dataList .sbtn:before {background:#12213a;}
#mTabboard .tab-container > div:nth-child(3) .dataList .sbtn span:before {background:#12213a;opacity:0.8;}
#mTabboard .tab-container > div:nth-child(3) .dataList .sbtn span:after {background:#12213a;opacity:0.8;}

#mTabboard .tabs .mTabName:hover,
#mTabboard .tabs .mTabName:focus,
#mTabboard .tabs .active .mTabName {color:#fff;background:#da262e;border-color:#da262e;}
#mTabboard .tabs .active .mTabName {margin-right:40px;}
#mTabboard .tabs .active .btn-more {display:block;}
#mTabboard .tabs .btn-more:hover:before {transform:rotate(180deg);}
#mTabboard .tabs .btn-more:hover:after {transform:rotate(180deg);}

#mTabboard .tabs li:nth-child(2) .mTabName:hover,
#mTabboard .tabs li:nth-child(2) .mTabName:focus,
#mTabboard .tabs li:nth-child(2) .active .mTabName {background:#ed2462;border-color:#ed2462;}
#mTabboard .tabs li:nth-child(3) .mTabName:hover,
#mTabboard .tabs li:nth-child(3) .mTabName:focus,
#mTabboard .tabs li:nth-child(3) .active .mTabName {background:#12213a;border-color:#12213a;}

#mTabboard .tabpanel .dataList a:hover {background:#da262e;}
#mTabboard .tabpanel .dataList a:hover .boardname:before {color:#fff;}
#mTabboard .tabpanel .dataList a:hover .boardname:after {background:#fff;}
#mTabboard .tabpanel .dataList a:hover .title {color:#fff;text-decoration:underline;}
#mTabboard .tabpanel .dataList a:hover .sbtn {color:#fff;opacity:0.8;}
#mTabboard .tabpanel .dataList a:hover .sbtn:before {background:#fff;opacity:0.8;}
#mTabboard .tabpanel .dataList a:hover .sbtn span:before {background:#fff;transform:rotate(180deg);opacity:0.8;}
#mTabboard .tabpanel .dataList a:hover .sbtn span:after {background:#fff;transform:rotate(180deg);opacity:0.8;}
#mTabboard .tabpanel .dataList a:hover .sbtnDown:after {background-position:-54px 0;}

#mTabboard .tab-container > div:nth-child(2) .dataList a:hover {background:#ed2462;}
#mTabboard .tab-container > div:nth-child(3) .dataList a:hover {background:#12213a;}

@media all and (max-width:999px){
	#mTabboard {padding-top:60px;}
	#mTabboard .tabpanel .dataList a {padding:30px;}
	#mTabboard .tabpanel .dataList .title {padding-top:30px;height:90px;}
	#mTabboard .tabpanel .dataList .sbtn {margin-top:30px;}

	#mTabboard .tabpanel .dataList > li.no-data {padding:180px 0 0;height:255px;background-position:50% 80px;}
}
@media all and (max-width:699px){
	#mTabboard .tabpanel .dataList {flex-wrap:wrap;}
	#mTabboard .tabpanel .dataList > li {width:50%;padding-bottom:4px;}
	#mTabboard .tabpanel .dataList > li:nth-child(odd) {padding-left:0;}
	#mTabboard .tabpanel .dataList a {padding:20px;}
	#mTabboard .tabpanel .dataList .title {padding-top:20px;height:55px;}
}
@media all and (max-width:499px){
	#mTabboard {padding-top:40px;}
	#mTabboard .tabs li {margin-right:5px;}
	#mTabboard .tabs .mTabName {height:36px;line-height:36px;padding:0 15px;}
	#mTabboard .tabs .btn-more {width:40px;height:40px;}
	#mTabboard .tabs .btn-more:before {margin:-1px 0 0 -9px;width:19px;height:3px;}
	#mTabboard .tabs .btn-more:after {margin:-9px 0 0 -1px;width:3px;height:19px;}
	#mTabboard .tabs .active .mTabName {margin-right:30px;}

	#mTabboard .tabpanel {padding-top:20px;}
	#mTabboard .tabpanel .dataList > li {width:100%;padding-left:0;}
	#mTabboard .tabpanel .dataList a {padding:20px;}
	#mTabboard .tabpanel .dataList .boardname:after {top:5px;width:5px;height:5px;}
	#mTabboard .tabpanel .dataList .title {padding-top:10px;}
	#mTabboard .tabpanel .dataList .sbtn {margin-top:20px;}
}
@media all and (max-width:359px){
	#mTabboard .tabs li {margin-right:3px;}
	#mTabboard .tabs .mTabName {padding:0 10px;}
	#mTabboard .tabs .active .mTabName {margin-right:30px;}
}

/* ==============================
* mLinks1
================================ */
#mLinks1 {position:relative;width:100%;margin-top:150px;padding-bottom:150px;}
#mLinks1 .sect-in {position:relative;}
#mLinks1:before {display:block;content:'';position:absolute;top:0;left:50%;width:50%;height:58.526%;background:#eaeaea url(/resources/_Templet/Main/main_eng/Img/mVideos_bg.png) no-repeat 84.8% 85%;z-index:-1;}
#mLinks1:after {display:block;content:'';position:absolute;bottom:0;right:50%;width:50%;height:41.475%;background:#da262e;z-index:-1;}

#mLinks1 .mlinks {position:absolute;top:0;left:50%;width:50%;padding:87px 0 0 118px;box-sizing:border-box;}
#mLinks1 .mlinks a {display:block;}
#mLinks1 .mlinks .sTit {display:block;color:#000000;font-size:3.056em;font-weight:700;letter-spacing:0;}
#mLinks1 .mlinks .sEng {display:block;color:#333333;font-size:1.111em;letter-spacing:0;padding-top:21px;}
#mLinks1 .mlinks .sBtn {display:block;position:relative;text-align:right;margin-top:48px;}
#mLinks1 .mlinks .sBtn:before {display:block;content:'';position:absolute;top:10px;left:0;width: calc(100% - 148px);height:1px;background:#d4d4d4;}
#mLinks1 .mlinks .sBtn span {display:inline-block;position:relative;color:#da262e;font-weight:700;letter-spacing:0;padding-right:25px;}
#mLinks1 .mlinks .sBtn span:before {display:block;content:'';position:absolute;top:2px;right:7px;width:2px;height:16px;background:#da262e;transition:all .3s ease;}
#mLinks1 .mlinks .sBtn span:after {display:block;content:'';position:absolute;top:9px;right:0;width:16px;height:2px;background:#da262e;transition:all .3s ease;}
#mLinks1 .mlinks a:hover .sBtn span {text-decoration:underline;}
#mLinks1 .mlinks a:hover .sBtn span:before {transform:rotate(180deg);}
#mLinks1 .mlinks a:hover .sBtn span:after {transform:rotate(180deg);}

#mLinks1 .mMovie {padding-top:89px;}
#mLinks1 .mMovie .txt {position:relative;color:#12213a;font-size:2.222em;line-height:1.375em;font-weight:600;font-style:italic;letter-spacing:-0.02em;width:41.429%;}
#mLinks1 .mMovie .txt:before {display:block;content:'';position:absolute;top:27px;left:-260px;width:210px;height:2px;background:#da262e;}
#mLinks1 .mMovie .mYoutube {position:relative;margin-top:81px;width:77.143%;padding-top:42.858%;}
#mLinks1 .mMovie .mYoutube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
 
@media all and (max-width:1599px){
	#mLinks1 .mMovie .txt {box-sizing:border-box;padding-left:30px;}
	#mLinks1 .mMovie .txt:before {left:-210px;}
}
@media all and (max-width:1399px){
	#mLinks1 .mMovie .txt br {display:none;}
}
@media all and (max-width:999px){
	#mLinks1 {margin-top:100px;padding-bottom:100px;}
	#mLinks1 .mlinks {padding:30px 0 0 40px;}
}
@media all and (max-width:699px){
	#mLinks1 {margin-top:50px;padding-bottom:50px;}
	#mLinks1:before {left:0;width:100%;height:58.526%;background-size:150px auto;}
	#mLinks1 .mlinks {position:relative;top:auto;left:auto;width:100%;padding:30px 0 0 0;}

	#mLinks1 .mMovie {padding-top:40px;}
	#mLinks1 .mMovie .txt {width:100%;}
	#mLinks1 .mMovie .mYoutube {margin-top:30px;width:100%;padding-top:56.3%;}
}
@media all and (max-width:599px){
	#mLinks1:before {height:70%;}
	#mLinks1:after {height:30%;}
}
@media all and (max-width:499px){
	#mLinks1 .mlinks .sTit {font-size:2.5em;}
	#mLinks1 .mMovie .txt {font-size:1.5em;}
}



/* ==============================
* oiwlcarousel 효과
================================ */
@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}


@keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}