@charset "utf-8";

/* @import url("./layout_main.css"); */
#container-wrap {}
.fixnav {position:fixed;right:20px;top:300px;z-index:20}
.fixnav .fnaviCore {}
.fixnav .fnaviCore ul {display:block;font-size:0}
.fixnav .fnaviCore ul li {display:block;margin:0}
.fixnav .fnaviCore ul li button {position:relative;width:30px;height:30px;border:0;background:transparent;overflow:hidden}
.fixnav .fnaviCore ul li button .point {display:block;position:absolute;width:5px;height:5px;top:15px;background:#fff;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;transition:all .3s ease}
.fixnav .fnaviCore ul li button .marker {position:absolute;z-index:2;padding:0;right:0;bottom:100%;word-break:keep-all;background:#bf0f27;color:#fff;line-height:1;padding:8px 14px 9px 16px;margin:0 -9px -8px 0;opacity:0;transition:all .3s ease}
.fixnav .fnaviCore ul li button .marker:after {content:"";display:block;position:absolute;width:10px;height:1px;background:#bf0f27;top:100%;left:100%;transform-origin:0 0;border-radius:50%;transform:rotate(45deg);margin:-2px 0 0 -2px}
.fixnav .fnaviCore ul li.over button {overflow:visible}
.fixnav .fnaviCore ul li.over button .point {background:#c60c24}
.fixnav .fnaviCore ul li.over button .marker {right:100%;opacity:1}
@media all and (max-width:1400px) {
	.fixnav {right:0}
}
@media all and (max-width:999px) {
	.fixnav {display:none}
}
/* Mcontent 1 :  */
.mcon1 {position:relative}
.mcon1 .sld-wr {height:100%}
/*
.mcon1 .sld-wr .sldSlogan {position:relative;max-width:1200px;margin:0 auto;z-index:3}
.mcon1 .sld-wr .sldSlogan .txtBox {position:relative;}
.mcon1 .sld-wr .sldSlogan .txtBox .inwr {position:absolute;width:100%;left:0;top:200px;text-align:center}
.mcon1 .sld-wr .sldSlogan .txtBox .inwr .msg-eng,
.mcon1 .sld-wr .sldSlogan .txtBox .inwr .msg-kor {display:block;position:relative;color:#fff;transform:translateY(30px);opacity:0;text-shadow:0 0 3px rgba(0, 0, 0, .5), 0 5px 8px rgba(0, 0, 0, .3)}
.mcon1 .sld-wr .sldSlogan .txtBox .inwr .msg-eng {font-size:30px;font-weight:100;transition:all .5s ease}
.mcon1 .sld-wr .sldSlogan .txtBox .inwr .msg-kor {font-size:54px;line-height:74px;font-family:"Nanum Square";margin:38px 0 0;transition:all .5s ease .25s}
.mcon1 .sld-wr .sldSlogan .txtBox .inwr .msg-kor span {display:block}
.mcon1 .sld-wr .sldSlogan.over .txtBox .inwr p {transform:translateY(0px);opacity:1}
*/
.mcon1 .sld-wr .sldCtrl-wr {position:relative;max-width:1200px;margin:0 auto;height:0;z-index:2}
.mcon1 .sld-wr .sldCtrl-wr .inwr {position:absolute;width:100%;left:0;top:558px;font-size:0;text-align:center}
.mcon1 .sld-wr .sldCtrl-wr .inwr button {display:inline-block;position:relative;vertical-align:middle;border-radius:9999px;border:0;transition:all .3s ease}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core {display:inline-block;position:relative;}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot {display:inline-block;vertical-align:middle}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button {position:relative;width:47px;height:27px;background:transparent;overflow:visible;padding:0 10px}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button:after {content:"";display:block;position:absolute;width:100%;height:1px;left:50%;top:50%;background:#fff;margin:-1px 0 0}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button:last-child:after {display:none}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button span {display:block;position:absolute;width:19px;height:19px;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;border:3px solid rgba(255, 255, 255, .7);border-radius:50%;z-index:2;transition:all .3s ease}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button span:after {content:"";display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button:focus,
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button:hover {}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button.active {}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button.active span {width:27px;height:27px;border:3px solid #c9183a}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button.active span:after {background:#c9183a}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos {display:block;position:absolute;left:100%;top:50%;margin:-12px 0 0 10px}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button {width:25px;height:25px;background:rgba(81, 81, 81, .5)}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button:focus,
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button:hover {background:rgba(0, 0, 0, .75)}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button:after {content:"";display:block;position:absolute;width:9px;height:10px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kor/_Img/Main/mc1_spr.png) no-repeat}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button.owl-stop {}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button.owl-stop:after {background-position:0px 0px}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button.owl-play {display:none}
.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos button.owl-play:after {background-position:-29px 0px}
.mcon1 .sld-wr .sldCore {position:relative;z-index:1;height:100%}
.mcon1 .sld-wr .sldCore .owl-stage-outer {height:100%}
.mcon1 .sld-wr .sldCore .owl-stage-outer .owl-stage {height:100%}
.mcon1 .sld-wr .sldCore .owl-stage-outer .owl-stage .owl-item {height:100%}
.mcon1 .sld-wr .sldCore .item {position:relative;height:100%}
.mcon1 .sld-wr .sldCore .item {overflow:hidden}
.mcon1 .sld-wr .sldCore .item .base {display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;z-index:1}
.mcon1 .sld-wr .sldScrBottom {position:relative;height:0;z-index:2}
.mcon1 .sld-wr .sldScrBottom button {display:none;position:absolute;width:65px;height:65px;border:3px solid #fff;box-sizing:border-box;left:50%;bottom:50px;margin:0 0 0 -33px;background:transparent;transition:all .3s ease}
.mcon1 .sld-wr .sldScrBottom button:before {content:"";display:block;position:absolute;width:25px;height:13px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kor/_Img/Main/mc1_spr.png) no-repeat -58px 0px}
.mcon1 .sld-wr .sldScrBottom button span {}
.mcon1 .sld-wr .sldScrBottom button:focus,
.mcon1 .sld-wr .sldScrBottom button:hover {background:rgba(0, 0, 0, .75)}
.mcon1 .sld-wr .txtBox {position:relative;max-width:1200px;margin:0 auto;z-index:2}
.mcon1 .sld-wr .txtBox .inwr {position:absolute;width:100%;left:0;top:249px;text-align:center}
.mcon1 .sld-wr .txtBox .inwr .msg-eng,
.mcon1 .sld-wr .txtBox .inwr .msg-kor {display:block;position:relative;color:#fff;transform:translateY(30px);opacity:0;text-shadow:0 0 3px rgba(0, 0, 0, .5), 0 5px 8px rgba(0, 0, 0, .3)}
.mcon1 .sld-wr .txtBox .inwr .msg-eng {font-size:30px;font-weight:100;transition:all .5s ease .5s}
.mcon1 .sld-wr .txtBox .inwr .msg-kor {font-size:54px;line-height:74px;font-family:"Nanum Square";margin:38px 0 0;transition:all .5s ease .75s}
.mcon1 .sld-wr .active .txtBox .inwr p {transform:translateY(0px);opacity:1}
.mcon1 .sld-wr .txtBox .inwr .msg-kor span {display:block}
@media all and (max-width:999px) {
	#container-wrap {margin-top:0 !important}
	.mcon1 {height:auto !important}
	.mcon1 .sld-wr .sldCtrl-wr .inwr {top:600px;left:10px}
	.mcon1 .sld-wr .sldCore .item {height:664px}
	.mcon1 .sld-wr .sldCore .item .base {width:1600px;margin:0 0 0 -800px}
	.mcon1 .sld-wr .txtBox .inwr {top:180px}
	.mcon1 .sld-wr .txtBox .inwr .msg-eng,
	.mcon1 .sld-wr .txtBox .inwr .msg-kor {margin: 0 20px}
	.mcon1 .sld-wr .txtBox .inwr .msg-eng {font-size:20px}
	.mcon1 .sld-wr .txtBox .inwr .msg-kor {font-size:40px;line-height:1.3;margin:30px 0 0}
	.mcon1 .sld-wr .sldScrBottom {display:none}
}
@media all and (max-width:768px) {
	.mcon1 .sld-wr .sldCtrl-wr .inwr {top:440px}
	.mcon1 .sld-wr .sldCore .item {height:498px}
	.mcon1 .sld-wr .sldCore .item .base {width:1200px;margin:0 0 0 -600px}
	.mcon1 .sld-wr .txtBox .inwr {top:150px}
	.mcon1 .sld-wr .txtBox .inwr .msg-eng {font-size:20px}
	.mcon1 .sld-wr .txtBox .inwr .msg-kor {font-size:30px;margin:20px 0 0}
}
@media all and (max-width:530px) {
	.mcon1 .sld-wr .sldCtrl-wr .inwr {top:280px;left:0}
	.mcon1 .sld-wr .sldCtrl-wr .inwr .sld-dot button {margin:0 5px 0 0}
	.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-dot button {width:30px}
	.mcon1 .sld-wr .sldCtrl-wr .inwr .core .sld-autos {display:inline-block;position:relative;vertical-align:middle;left:auto;top:auto;margin:0}
	.mcon1 .sld-wr .sldCore .item {height:332px}
	.mcon1 .sld-wr .sldCore .item .txtBox {margin:0 10px !important}
	.mcon1 .sld-wr .sldCore .item .base {width:800px;margin:0 0 0 -400px}
	.mcon1 .sld-wr .txtBox .inwr {top:100px}
	.mcon1 .sld-wr .txtBox .inwr .msg-eng {font-size:16px}
	.mcon1 .sld-wr .txtBox .inwr .msg-kor {font-size:22px;margin:20px 0 0}
}

/* Mcontent 2 :  */
.mcon2 {position:relative;overflow:hidden}
.mcon2 .descBox {position:relative;margin:0 770px 0 0;height:100%;background:url(/kor/_Img/Main/mc2_pic1.jpg) no-repeat right center;overflow:hidden;background-size:cover}
.mcon2 .descBox:after {content:"";display:block;position:absolute;width:172px;height:151px;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat -44px 0px;right:50px;bottom:250px}
.mcon2 .descBox > .inwr {position:relative;margin:34px 0 0}
.mcon2 .descBox .busiArea {}
.mcon2 .descBox .busiArea dl {position:relative;height:0}
.mcon2 .descBox .busiArea dl dt,
.mcon2 .descBox .busiArea dl dd {display:block}
.mcon2 .descBox .busiArea dl dt {position:absolute;left:0;width:400px;height:150px}
.mcon2 .descBox .busiArea dl dt button {display:block;position:absolute;width:100%;height:100%;border:0;background:none;color:#fff;text-align:left;overflow:hidden}
.mcon2 .descBox .busiArea dl dt button:after {content:"";display:block;position:absolute;width:100%;height:100%;right:100%;top:0;background:linear-gradient(to right, rgba(212, 24, 48, .9), rgba(212, 24, 48, 0));z-index:1;transition:all .3s ease}
.mcon2 .descBox .busiArea dl dt button span {position:relative;line-height:1;margin:0 0 0 149px;z-index:2}
.mcon2 .descBox .busiArea dl dt button .areaNum {display:block;font-family:"proxima-nova";font-weight:300;font-size:15px}
.mcon2 .descBox .busiArea dl dt button .areaDesc {display:inline-block;font-size:18px;margin-top:10px;padding:0 0 9px}
.mcon2 .descBox .busiArea dl dt button .areaDesc:after {content:"";display:block;position:absolute;width:0;height:1px;background:#fff;left:0;bottom:0;transition:all .3s ease}
.mcon2 .descBox .busiArea dl.over dt button:after,
.mcon2 .descBox .busiArea dl dt button:focus:after,
.mcon2 .descBox .busiArea dl dt button:hover:after {right:0}
.mcon2 .descBox .busiArea dl.over dt button .areaDesc:after {width:100%}
.mcon2 .descBox .busiArea dl:nth-child(1) dt {top:0}
.mcon2 .descBox .busiArea dl:nth-child(2) dt {top:150px}
.mcon2 .descBox .busiArea dl:nth-child(3) dt {top:300px}
.mcon2 .descBox .busiArea dl:nth-child(4) dt {top:450px}
.mcon2 .descBox .busiArea dl dd {display:none;position:absolute;width:100%;left:0;top:0;color:#fff;text-align:left;opacity:0;transform:translateY(30px);transition:all .5s ease}
.mcon2 .descBox .busiArea dl.over dd {display:block}
.mcon2 .descBox .busiArea dl dd.opener {transform:translateY(0px);opacity:1}
.mcon2 .descBox .busiArea dl dd.closer {transform:translateY(30px);opacity:0}
.mcon2 .descBox .busiArea dl dd .inwr {position:relative;margin:116px 20px 0 462px}
.mcon2 .descBox .busiArea dl dd .inwr h3 {display:block}
.mcon2 .descBox .busiArea dl dd .inwr h3 span {display:block;font-weight:400}
.mcon2 .descBox .busiArea dl dd .inwr h3 .titNum {font-size:20px;line-height:1.2}
.mcon2 .descBox .busiArea dl dd .inwr h3 .titTxt {font-size:46px;line-height:1.0;margin:21px 0 0}
.mcon2 .descBox .busiArea dl dd .inwr p {display:block;font-size:15px;font-weight:100;line-height:1.6;margin:51px 0 0 5px}
.mcon2 .descBox .busiArea dl dd .inwr p span {display:inline;word-break:break-all}
.mcon2 .descBox .busiArea dl dd .inwr a {display:block;position:relative;width:66px;height:66px;background:#bf0f28;border-radius:50%;margin:42px 0 0;overflow:hidden;transition:all .3s ease}
.mcon2 .descBox .busiArea dl dd .inwr a:before,
.mcon2 .descBox .busiArea dl dd .inwr a:after {content:"";display:block;position:absolute;transition:all .3s ease}
.mcon2 .descBox .busiArea dl dd .inwr a:before {width:24px;height:17px;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat 0px 0px;right:21px;top:25px;z-index:2}
.mcon2 .descBox .busiArea dl dd .inwr a:after {background:rgba(0, 0, 0, .2);width:100%;height:100%;opacity:0;left:0;top:0;z-index:1}
.mcon2 .descBox .busiArea dl dd .inwr a:focus:before,
.mcon2 .descBox .busiArea dl dd .inwr a:hover:before {animation:arr .5s ease-in-out}
.mcon2 .descBox .busiArea dl dd .inwr a:focus:after,
.mcon2 .descBox .busiArea dl dd .inwr a:hover:after {opacity:1}
.mcon2 .descBox .prodArea {position:absolute;width:100%;height:220px;left:0;bottom:0;border-top:1px solid rgba(255, 255, 255, .3)}
.mcon2 .descBox .prodArea .role-head {position:absolute;left:0;top:0;width:240px;height:100%;text-align:left}
.mcon2 .descBox .prodArea .role-head .pTit {display:inline-block;font-size:24px;color:#fff;margin:63px 0 0 69px}
.mcon2 .descBox .prodArea .role-head .ctrl {display:block;position:absolute;font-size:0;left:70px;bottom:60px;border:2px solid #fff}
.mcon2 .descBox .prodArea .role-head .ctrl a,
.mcon2 .descBox .prodArea .role-head .ctrl button {display:inline-block;position:relative;vertical-align:top;width:34px;height:34px;border:0;background:none;transition:all .3s ease}
.mcon2 .descBox .prodArea .role-head .ctrl button {border-right:2px solid #fff;font-size:0;text-indent:-9999px;line-height:9999px;overflow:hidden}
.mcon2 .descBox .prodArea .role-head .ctrl a:after,
.mcon2 .descBox .prodArea .role-head .ctrl button:after {content:"";display:block;position:absolute;width:15px;height:15px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat;transition:all .3s ease}
.mcon2 .descBox .prodArea .role-head .ctrl button.owl-prev:after {background-position:0px -265px}
.mcon2 .descBox .prodArea .role-head .ctrl button.owl-next:after {background-position:-35px -265px}
.mcon2 .descBox .prodArea .role-head .ctrl a:after {background-position:-70px -265px}
.mcon2 .descBox .prodArea .role-head .ctrl a:hover,
.mcon2 .descBox .prodArea .role-head .ctrl button:hover {background:rgba(255, 255, 255, .2)}
.mcon2 .descBox .prodArea .role-head .ctrl a:focus:after,
.mcon2 .descBox .prodArea .role-head .ctrl a:hover:after {transform:rotate(90deg)}
.mcon2 .descBox .prodArea .role-head .ctrl .sldNav {display:inline-block;vertical-align:top}
.mcon2 .descBox .prodArea .role-head .ctrl .sldNav .owl-stop {}
.mcon2 .descBox .prodArea .role-head .ctrl .sldNav .owl-play {display:none}
.mcon2 .descBox .prodArea .role-body {margin:0 0 0 200px}
.mcon2 .descBox .prodArea .role-body a {display:block;text-align:center;padding:45px 0 60px}
.mcon2 .descBox .prodArea .role-body a:before {content:"";display:inline-block;width:74px;height:74px;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat}
.mcon2 .descBox .prodArea .role-body a span {display:block;font-size:17px;color:#fff;margin:22px 0 0}
.mcon2 .descBox .prodArea .role-body a:focus span,
.mcon2 .descBox .prodArea .role-body a:hover span {text-decoration:underline}
.mcon2 .descBox .prodArea .role-body a:focus:before,
.mcon2 .descBox .prodArea .role-body a:hover:before {animation:hvr-buzz-out .75s linear 1}
.mcon2 .descBox .prodArea .role-body a.order1:before {background-position:0px -171px}
.mcon2 .descBox .prodArea .role-body a.order2:before {background-position:-94px -171px}
.mcon2 .descBox .prodArea .role-body a.order3:before {background-position:-188px -171px}
.mcon2 .descBox .prodArea .role-body a.order4:before {background-position:-282px -171px}
.mcon2 .descBox .prodArea .role-body a.order5:before {background-position:-376px -171px}
.mcon2 .descBox .prodArea .role-body a.order6:before {background-position:-470px -171px}
.mcon2 .descBox .prodArea .role-body a.order7:before {background-position:-564px -171px}
.mcon2 .descBox .prodArea .role-body a.order8:before {background-position:-658px -171px}
.mcon2 .descBox .prodArea .role-body a.order9:before {background-position:-752px -171px}
.mcon2 .lbbsBox {position:absolute;width:770px;height:100%;right:0;top:0;background:#eee}
.mcon2 .lbbsBox .inwr {margin:68px 85px 0}
.mcon2 .lbbsBox .inwr h3 {}
.mcon2 .lbbsBox .inwr h3 span {display:block;line-height:1.2;color:#333}
.mcon2 .lbbsBox .inwr h3 .tEng {font-size:13px;letter-spacing:.5em;font-weight:300}
.mcon2 .lbbsBox .inwr h3 .tKor {font-size:36px;font-weight:500;margin:15px 0 0}
.mcon2 .lbbsBox .inwr .role-body {position:relative;margin:25px 0 0}
.mcon2 .lbbsBox .inwr .role-body:before {content:"";display:block;position:absolute;width:100%;height:1px;background:#b5b5b5;left:0;top:73px}
.mcon2 .lbbsBox .inwr .role-body dl {display:block;position:relative}
.mcon2 .lbbsBox .inwr .role-body dl dt {display:block;float:left}
.mcon2 .lbbsBox .inwr .role-body dl dt button {display:block;position:relative;border:0;background:none;overflow:hidden}
.mcon2 .lbbsBox .inwr .role-body dl dt button:before {content:"";display:block;position:absolute;width:10px;height:7px;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat 0px -300px;left:50%;bottom:-7px;margin:0 0 0 -5px;transition:all .3s ease}
.mcon2 .lbbsBox .inwr .role-body dl dt button:after {content:"";display:block;position:absolute;width:1px;height:16px;right:0;top:50%;margin:-7px 0 0;background:#c5c5c5}
.mcon2 .lbbsBox .inwr .role-body dl:last-child dt button:after {display:none}
.mcon2 .lbbsBox .inwr .role-body dl dt button span {display:block;font-size:18px;color:#222;font-weight:600;padding:23px 22px;letter-spacing:-.04em;transition:all .3s ease}
.mcon2 .lbbsBox .inwr .role-body dl.over dt button span {font-size:20px;color:#d41830;padding:22px 37px}
.mcon2 .lbbsBox .inwr .role-body dl.over dt button:before {bottom:0}
.mcon2 .lbbsBox .inwr .role-body dl.over dd {display:block}
.mcon2 .lbbsBox .inwr .role-body dl dd {display:none;position:absolute;width:100%;left:0;top:76px}
.mcon2 .lbbsBox .inwr .role-body dl dd ul {display:block;text-align:left}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li {display:block;position:relative}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li:after {content:"";display:block;position:absolute;width:100%;height:1px;background:url(/kor/_Img/Main/mc2_ptn1.gif) repeat-x;left:0;bottom:0}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a {display:block;position:relative;padding:45px 0 46px 118px}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date {display:block;position:absolute;width:83px;height:83px;border-radius:50%;text-align:center;font-family:"proxima-nova";background:#fff;left:9px;top:31px;color:#555;transition:all .3s ease}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date span {display:block;line-height:1;font-weight:500}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date .dDate {font-size:30px;margin:17px 0 0}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date .dYM {font-size:13px;margin:3px 0 0}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .subj {display:block}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .subj .title {display:block}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .subj .title:after {content:"";display:inline-block;width:23px;height:23px;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat -64px -300px;vertical-align:middle;visibility:hidden;margin:0 0 0 5px}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .subj .title span {display:inline-block;vertical-align:middle;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-size:19px;color:#333;font-weight:500;max-width:90%;transition:all .3s ease}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .subj .desc {display:block;font-size:15px;color:#666;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;max-width:100%;margin:18px 0 0}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a.hasNew .subj .title:after {visibility:visible}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a:focus .date,
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a:hover .date {background:#d41830;color:#fff}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a:focus .subj .title span,
.mcon2 .lbbsBox .inwr .role-body dl dd ul li a:hover .subj .title span {color:#d41830}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li.no-data {background:url(/_Img/Common/ico_nodata.png) no-repeat 50% 70px;padding:150px 0 80px}
.mcon2 .lbbsBox .inwr .role-body dl dd ul li:nth-child(n+5) {display:none}
.mcon2 .lbbsBox .inwr .role-body dl dd .bbs-more {display:block;position:absolute;width:30px;height:30px;box-sizing:border-box;border:1px solid #bbb;background:#fff;border-radius:50%;right:0;top:-54px;transition:all .3s ease}
.mcon2 .lbbsBox .inwr .role-body dl dd .bbs-more:after {content:"";display:block;position:absolute;width:14px;height:14px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat -30px -300px}
.mcon2 .descBox-M {display:none}
.mcon2 .lbbsBox-M {display:none}
@keyframes arr {
	50% {right:-66px;opacity:0}
	51% {right:100%}
	100% {right:21px;opacity:1}
}
@media all and (max-height:920px) {
	.mcon2 .descBox .busiArea dl dt {height:120px}
	.mcon2 .descBox .busiArea dl:nth-child(1) dt {top:0}
	.mcon2 .descBox .busiArea dl:nth-child(2) dt {top:120px}
	.mcon2 .descBox .busiArea dl:nth-child(3) dt {top:240px}
	.mcon2 .descBox .busiArea dl:nth-child(4) dt {top:360px}
	.mcon2 .descBox .busiArea dl dd .inwr {margin-top:30px !important}
}
@media all and (max-height:780px) {
	.mcon2 .descBox .busiArea dl dt {height:100px}
	.mcon2 .descBox .busiArea dl:nth-child(1) dt {top:0}
	.mcon2 .descBox .busiArea dl:nth-child(2) dt {top:100px}
	.mcon2 .descBox .busiArea dl:nth-child(3) dt {top:200px}
	.mcon2 .descBox .busiArea dl:nth-child(4) dt {top:300px}
	.mcon2 .descBox .busiArea dl dd .inwr a {margin-top:20px !important}
}
@media all and (max-width:1900px) {
	.mcon2 .descBox {margin:0 650px 0 0}
	.mcon2 .descBox .busiArea dl dt {width:250px}
	.mcon2 .descBox .busiArea dl dt button span {margin:0 0 0 50px}
	.mcon2 .descBox .busiArea dl dd .inwr {margin:80px 40px 0 300px}
	.mcon2 .lbbsBox {width:650px}
	.mcon2 .lbbsBox .inwr {margin:68px 40px 0}
	.mcon2 .lbbsBox .inwr .role-body dl dt button span {font-size:20px;padding:22px 15px}
	.mcon2 .lbbsBox .inwr .role-body dl.over dt button span {font-size:20px;padding:22px 20px}
}
@media all and (max-width:1500px) {
	.mcon2 .descBox:after {opacity:.2}
	.mcon2 .descBox {margin:0 500px 0 0}
	.mcon2 .descBox .prodArea {height:196px}
	.mcon2 .descBox .busiArea dl dt {width:200px}
	.mcon2 .descBox .busiArea dl dt button span {margin:0 0 0 20px}
	.mcon2 .descBox .busiArea dl dd .inwr {margin:80px 40px 0 220px}
	.mcon2 .descBox .busiArea dl dd .inwr h3 .titTxt {font-size:36px}
	.mcon2 .descBox .prodArea .role-body a:before {width:52px;height:52px;background-size:578px 226px}
	.mcon2 .descBox .prodArea .role-body a span {font-size:15px;font-weight:400}
	.mcon2 .descBox .prodArea .role-body a.order1:before {background-position:0px -120px}
	.mcon2 .descBox .prodArea .role-body a.order2:before {background-position:-66px -120px}
	.mcon2 .descBox .prodArea .role-body a.order3:before {background-position:-132px -120px}
	.mcon2 .descBox .prodArea .role-body a.order4:before {background-position:-198px -120px}
	.mcon2 .descBox .prodArea .role-body a.order5:before {background-position:-264px -120px}
	.mcon2 .descBox .prodArea .role-body a.order6:before {background-position:-330px -120px}
	.mcon2 .descBox .prodArea .role-body a.order7:before {background-position:-396px -120px}
	.mcon2 .descBox .prodArea .role-body a.order8:before {background-position:-462px -120px}
	.mcon2 .descBox .prodArea .role-body a.order9:before {background-position:-528px -120px}
	.mcon2 .lbbsBox {width:500px}
	.mcon2 .lbbsBox .inwr {margin:68px 20px 0}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li a {padding:45px 0 46px 100px}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date {left:0}
}
@media all and (max-width:1200px) {
	.mcon2 .descBox:after {right:20px;bottom:200px}
	.mcon2 .descBox .busiArea dl dt {width:50%;height:80px;left:auto}
	.mcon2 .descBox .busiArea dl dt button .areaDesc {margin-top:5px}
	.mcon2 .descBox .busiArea dl:nth-child(1) dt {top:0;left:0;}
	.mcon2 .descBox .busiArea dl:nth-child(2) dt {top:0;left:50%}
	.mcon2 .descBox .busiArea dl:nth-child(3) dt {top:80px;left:0}
	.mcon2 .descBox .busiArea dl:nth-child(4) dt {top:80px;left:50%}
	.mcon2 .descBox .busiArea dl dd .inwr {margin:200px 20px 0}
	.mcon2 .descBox .busiArea dl dd .inwr h3 .titNum {margin:0 2px}
	.mcon2 .descBox .busiArea dl dd .inwr p {margin:30px 2px 0}
	.mcon2 .descBox .busiArea dl dd .inwr a {margin:20px 0 0}
	.mcon2 .descBox .prodArea .role-head .pTit {margin:63px 0 0 20px}
	.mcon2 .descBox .prodArea .role-head .ctrl {left:20px}
	.mcon2 .descBox .prodArea .role-body {margin:0 0 0 150px}
}
@media all and (max-width:999px) {
	.mcon2 {height:auto !important}
	.mcon2 .descBox {margin:0;height:auto}
	.mcon2 .descBox > .inwr {margin:20px 0}
	.mcon2 .descBox .busiArea {height:500px}
	.mcon2 .descBox .busiArea dl {}
	.mcon2 .descBox .busiArea dl dd {position:relative}
	.mcon2 .descBox .busiArea dl dd .inwr {margin:0 20px;padding:180px 0 0}
	.mcon2 .descBox .prodArea {position:relative}
	.mcon2 .lbbsBox {position:relative;width:auto;height:auto;right:auto;top:auto;overflow:hidden}
	.mcon2 .lbbsBox .inwr {margin:30px 20px}
	.mcon2 .lbbsBox .inwr .role-body {height:300px;margin:10px 0 0}
	.mcon2 .lbbsBox .inwr .role-body:before {top:48px}
	.mcon2 .lbbsBox .inwr .role-body dl dt button span {padding:10px 15px}
	.mcon2 .lbbsBox .inwr .role-body dl.over dt button span {padding:10px 15px}
	.mcon2 .lbbsBox .inwr .role-body dl dd {top:60px}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li:nth-child(n+4) {display:none}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li a {padding:20px 0 20px 100px}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date {width:60px;height:60px;top:50%;margin:-30px 0 0}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .date .dDate {font-size:20px;margin:10px 0 0}
	.mcon2 .lbbsBox .inwr .role-body dl dd ul li a .subj .desc {margin:5px 0 0}
}
@media all and (max-width:600px) {
	.mcon2 .descBox {display:none}
	.mcon2 .lbbsBox {display:none}
	.mcon2 .descBox-M {display:block;background:url(/kor/_Img/Main/mc2_pic1.jpg) no-repeat;background-size:cover}
	.mcon2 .descBox-M .busiBox .sldCtrl-wr {position:relative;height:0;z-index:2}
	.mcon2 .descBox-M .busiBox .sldCtrl-wr .inwr {position:absolute;width:100%;text-align:center;top:129px}
	.mcon2 .descBox-M .busiBox .sldCtrl-wr .inwr button {display:inline-block;width:17px;height:17px;vertical-align:top;border:0;background:#a5a5a5;border-radius:50%;margin:0 4px;transition:all .3s ease}
	.mcon2 .descBox-M .busiBox .sldCtrl-wr .inwr button.active {background:#de2724}
	.mcon2 .descBox-M .busiBox .item {}
	.mcon2 .descBox-M .busiBox .item .txtBox {}
	.mcon2 .descBox-M .busiBox .item .txtBox p {padding:47px 0 80px}
	.mcon2 .descBox-M .busiBox .item .txtBox p span {display:block;color:#fff}
	.mcon2 .descBox-M .busiBox .item .txtBox p .t1 {font-size:16px}
	.mcon2 .descBox-M .busiBox .item .txtBox p .t2 {font-size:28px;margin:9px 0 0}
	.mcon2 .descBox-M .prodBox {border-top:1px solid rgba(255, 255, 255, .2)}
	.mcon2 .descBox-M .prodBox .sldCtrl-wr {position:relative;height:0;z-index:2}
	.mcon2 .descBox-M .prodBox .sldCtrl-wr .inwr {position:absolute;width:100%;text-align:center;bottom:10px}
	.mcon2 .descBox-M .prodBox .sldCtrl-wr .inwr button {display:inline-block;width:10px;height:10px;vertical-align:top;border:0;background:rgba(255, 255, 255, .5);border-radius:50%;margin:0 4px;transition:all .3s ease}
	.mcon2 .descBox-M .prodBox .sldCtrl-wr .inwr button.active {background:#fff}
	.mcon2 .descBox-M .prodBox .item {display:block;font-size:0;text-align:center;padding:21px 0 36px;}/* border-top:1px solid rgba(255, 255, 255, .3) */
	.mcon2 .descBox-M .prodBox .item a {display:inline-block;font-size:15px;font-weight:400;color:#fff}
	.mcon2 .descBox-M .prodBox .item a:before {content:"";display:block;background:url(/kor/_Img/Main/mc2_spr.png) no-repeat;width:52px;height:52px;background-size:578px 226px;margin:0 auto 10px}
	.mcon2 .descBox-M .prodBox .item a.type1:before {background-position:0px -120px}
	.mcon2 .descBox-M .prodBox .item a.type2:before {background-position:-66px -120px}
	.mcon2 .descBox-M .prodBox .item a.type3:before {background-position:-132px -120px}
	.mcon2 .descBox-M .prodBox .item a.type4:before {background-position:-198px -120px}
	.mcon2 .descBox-M .prodBox .item a.type5:before {background-position:-264px -120px}
	.mcon2 .descBox-M .prodBox .item a.type6:before {background-position:-330px -120px}
	.mcon2 .descBox-M .prodBox .item a.type7:before {background-position:-396px -120px}
	.mcon2 .descBox-M .prodBox .item a.type8:before {background-position:-462px -120px}
	.mcon2 .descBox-M .prodBox .item a.type9:before {background-position:-528px -120px}
	.mcon2 .lbbsBox-M {display:block;background:#eee;padding:23px 0}
	.mcon2 .lbbsBox-M .sldCtrl-wr {position:relative;height:0;z-index:2}
	.mcon2 .lbbsBox-M .sldCtrl-wr .sldNav {position:relative;height:0}
	.mcon2 .lbbsBox-M .sldCtrl-wr .sldNav button {display:block;position:absolute;width:13px;height:23px;background:url(/kor/_Img/Main/mc2M_spr.png) no-repeat;border:0;font-size:0;line-height:9999px;text-indent:9999px;overflow:hidden;top:30px}
	.mcon2 .lbbsBox-M .sldCtrl-wr .sldNav button.owl-prev {background-position:0px 0px;left:10px}
	.mcon2 .lbbsBox-M .sldCtrl-wr .sldNav button.owl-next {background-position:-33px 0px;right:10px}
	.mcon2 .lbbsBox-M h3 {font-size:25px;color:#333;margin:0 0 9px}
	.mcon2 .lbbsBox-M .item {}
	.mcon2 .lbbsBox-M .item a {display:block}
	.mcon2 .lbbsBox-M .item a p {display:block;text-align:center;margin:0 30px}
	.mcon2 .lbbsBox-M .item a p span {display:block;font-size:20px;color:#666;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;padding:10px 0}
}

/* Mcontent 3 :  */
.mcon3 {position:relative;text-align:center;padding:84px 0 43px;background:#f1f1f1}
.mcon3 h3 {display:inline-block;margin:0 0 15px}
.mcon3 h3 span {display:block}
.mcon3 h3 .f1 {font-size:38px;color:#222;font-weight:500}
.mcon3 h3 .f1 em {font-style:normal;color:#d41830}
.mcon3 h3 .f2 {font-size:16px;color:#777;font-weight:400;margin:25px 0 0}
.mcon3 .msgBox {display:block;position:relative;background:#f1f1f1;padding:31px 0 17px;max-width:1200px;margin:0 auto;}
.mcon3 .msgBox ul {display:block;overflow:hidden}
.mcon3 .msgBox ul li {display:block;position:relative;float:left;width:25%;text-align:center;min-height:290px}
.mcon3 .msgBox ul li:before {content:"";display:block;position:relative;width:64px;height:64px;margin:17px auto 11px;background:url(/kor/_Img/Layout/f_spr.png) no-repeat}
.mcon3 .msgBox ul li:after {content:"";display:block;position:absolute;width:1px;height:100%;right:0;top:0;background:#ccc}
.mcon3 .msgBox ul li:last-child:after {display:none}
.mcon3 .msgBox ul li .shuffleBox {}
.mcon3 .msgBox ul li .shuffleBox span {display:inline-block;position:relative;vertical-align:bottom;line-height:1}
.mcon3 .msgBox ul li .shuffleBox .shuffleTxt {font-size:70px;font-family:"proxima-nova";font-weight:bold;z-index:1}
.mcon3 .msgBox ul li .shuffleBox .txt {font-size:16px;padding:6px 7px;z-index:2}
.mcon3 .msgBox ul li .staticBox {margin:17px 0 0}
.mcon3 .msgBox ul li .staticBox .f1 {font-size:24px;color:#222;font-weight:500}
.mcon3 .msgBox ul li .staticBox .f2 {font-size:15px;color:#555;line-height:20px;margin:16px 0 0}
.mcon3 .msgBox ul li .staticBox .f2 span {display:block}
.mcon3 .msgBox ul li:nth-child(1) .shuffleBox {color:#a56870}
.mcon3 .msgBox ul li:nth-child(2) .shuffleBox {color:#383132}
.mcon3 .msgBox ul li:nth-child(3) .shuffleBox {color:#725253}
.mcon3 .msgBox ul li:nth-child(4) .shuffleBox {color:#d81837}
.mcon3 .msgBox ul li:nth-child(4) .shuffleBox .shuffleTxt {letter-spacing:-.05em}
.mcon3 .msgBox ul li:nth-child(1) .shuffleBox .txt {margin:0px 0 4px -10px}
.mcon3 .msgBox ul li:nth-child(2) .shuffleBox .txt {margin:0px 0 4px -10px}
.mcon3 .msgBox ul li:nth-child(3) .shuffleBox .txt1 {margin:0px -5px 4px 0}
.mcon3 .msgBox ul li:nth-child(3) .shuffleBox .txt2 {margin:0px -10px 4px 0;padding:6px 0px}
.mcon3 .msgBox ul li:nth-child(1):before {background-position:0px -40px}
.mcon3 .msgBox ul li:nth-child(2):before {background-position:-84px -40px}
.mcon3 .msgBox ul li:nth-child(3):before {background-position:-168px -40px}
.mcon3 .msgBox ul li:nth-child(4):before {background-position:-252px -40px}
.mcon3 .mPkg-wr {display:none}
@media all and (max-width:1200px) {
	.mcon3 .msgBox {padding:20px 0}
	.mcon3 .msgBox ul {margin:0 20px}
	.mcon3 .msgBox ul li {min-height:250px}
	.mcon3 .msgBox ul li:before {margin:0 auto 10px}
	.mcon3 .msgBox ul li .shuffleBox .shuffleTxt {font-size:52px}
	.mcon3 .msgBox ul li .shuffleBox .txt {padding:5px}
	.mcon3 .msgBox ul li .staticBox .f1 {font-size:20px}
}
@media all and (max-width:999px) {
	.mcon3 {padding:30px 0}
	.mcon3 .msgBox ul li {width:50%;min-height:220px}
	.mcon3 .msgBox ul li:before {margin:10px auto}
	.mcon3 .msgBox ul li:nth-child(2n):after {display:none}
	.mcon3 .msgBox ul li {border-bottom:1px solid #ccc}
	.mcon3 .msgBox ul li:nth-child(n+3) {border-bottom:0}
	.mcon3 .msgBox ul li .staticBox {margin:10px 0 0}
	.mcon3 .msgBox ul li .staticBox .f2 {margin:5px 0 0}
	.mcon3 .msgBox ul li .shuffleBox .shuffleTxt {font-size:60px}
	.mcon3 .msgBox ul li .shuffleBox .txt {padding:2px 3px}
	.mcon3 .msgBox ul li:nth-child(1) .shuffleBox .txt {margin:0 0 5px}
	.mcon3 .msgBox ul li:nth-child(2) .shuffleBox .txt {margin:0 0 5px}
	.mcon3 .msgBox ul li:nth-child(3) .shuffleBox .txt1 {margin:0 0 5px}
	.mcon3 .msgBox ul li:nth-child(3) .shuffleBox .txt2 {margin:0 -5px 5px 10px;padding:2px 0px}
}
@media all and (max-width:600px) {
	.mcon3 {padding:0}
	.mcon3 > h3 {display:none}
	.mcon3 .msgBox {display:none}
	.mcon3 .mPkg-wr {display:block;position:relative}
	.mcon3 .mPkg-wr .pkgBox {position:relative;overflow:hidden}
	.mcon3 .mPkg-wr .pkgBox > div {width:50%;height:100%}
	.mcon3 .mPkg-wr .pkgBox .side-L {position:relative}
	.mcon3 .mPkg-wr .pkgBox .side-L h4 {display:block;position:absolute;width:100%;text-align:center;font-size:22px;line-height:28px;left:0;top:41px}
	.mcon3 .mPkg-wr .pkgBox .side-L h4 span {display:block;font-size:500;letter-spacing:-.05em}
	.mcon3 .mPkg-wr .pkgBox .side-L h4 .t1 {color:#222}
	.mcon3 .mPkg-wr .pkgBox .side-L h4 .t2 {color:#d41830}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr {position:relative;z-index:2}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr .sldCtrl-wr {position:relative;z-index:2}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr .sldCtrl-wr {position:relative;height:0;z-index:2}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr .sldCtrl-wr .sldNav {position:relative;height:0}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr .sldCtrl-wr .sldNav button {display:block;position:absolute;width:13px;height:23px;background:url(/kor/_Img/Main/mc2M_spr.png) no-repeat;border:0;font-size:0;line-height:9999px;text-indent:9999px;overflow:hidden;top:71px}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr .sldCtrl-wr .sldNav button.owl-prev {background-position:0px 0px;left:10px}
	.mcon3 .mPkg-wr .pkgBox .side-L .sld-wr .sldCtrl-wr .sldNav button.owl-next {background-position:-33px 0px;right:10px}
	.mcon3 .mPkg-wr .pkgBox .side-L .item {padding:121px 0 52px}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1 {}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1 span {display:inline-block;vertical-align:bottom;}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1 .mTxt {font-size:34px;font-family:"proxima-nova";font-weight:bold}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1 .sTxt {font-size:12px;margin:0 0 3px}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1.type1 {color:#a56870}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1.type2 {color:#383132}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1.type3 {color:#725253}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p1.type4 {color:#d81837}
	.mcon3 .mPkg-wr .pkgBox .side-L .item .p2 {font-size:17px;color:#222;font-weight:500;letter-spacing:-.03em}
	.mcon3 .mPkg-wr .pkgBox .side-R {position:absolute;right:0;top:0;background:url(/kor/_Img/Main/mc4_pic1.jpg) no-repeat center center;background-size:cover}
	.mcon3 .mPkg-wr .pkgBox .side-R a {display:block;margin:10px;box-sizing:border-box;border:1px solid rgba(255, 255, 255, .5);padding:60px 0 64px;transition:all .3s ease}
	.mcon3 .mPkg-wr .pkgBox .side-R a:before {content:"";display:block;width:40px;height:26px;background:url(/kor/_Img/Main/mc4_spr.png) no-repeat 0px 0px;margin:0 auto;background-size:178px 75px}
	.mcon3 .mPkg-wr .pkgBox .side-R a span {display:block;font-size:22px;font-weight:500;color:#fff;margin:32px 0 0}
	.mcon3 .mPkg-wr .pkgBox .side-R a:hover {background:rgba(255, 255, 255, .1)}
	.mcon3 .mPkg-wr .lstBox {}
	.mcon3 .mPkg-wr .lstBox a {display:block;position:relative;color:#fff;font-weight:400;font-size:17px;box-sizing:border-box;padding:20px 0 23px 82px;text-align:left}
	.mcon3 .mPkg-wr .lstBox a:before,
	.mcon3 .mPkg-wr .lstBox a:after {content:"";display:block;position:absolute;background:url(/kor/_Img/Main/mc4_spr.png) no-repeat}
	.mcon3 .mPkg-wr .lstBox a:before {width:27px;height:27px;background-size:185px 61px;left:29px;top:50%;;margin:-13px 0 0}
	.mcon3 .mPkg-wr .lstBox a:after {width:9px;height:9px;background-position:-74px -1px;right:29px;top:25px}
	.mcon3 .mPkg-wr .lstBox a.type1 {background:#dc253c}
	.mcon3 .mPkg-wr .lstBox a.type2 {background:#a40f22}
	.mcon3 .mPkg-wr .lstBox a.type3 {background:#7b1320}
	.mcon3 .mPkg-wr .lstBox a.type4 {background:#4c1c22}
	.mcon3 .mPkg-wr .lstBox a.type5 {background:#401217}
	.mcon3 .mPkg-wr .lstBox a.type1:before {background-position:0px -34px}
	.mcon3 .mPkg-wr .lstBox a.type2:before {background-position:-39px -34px}
	.mcon3 .mPkg-wr .lstBox a.type3:before {background-position:-78px -34px}
	.mcon3 .mPkg-wr .lstBox a.type4:before {background-position:-117px -34px}
	.mcon3 .mPkg-wr .lstBox a.type5:before {background-position:-156px -34px}
	.mcon3 .mPkg-wr .clientBox {background:#fff;padding:27px 0 10px}/* background:url(/kor/_Img/Main/mc3M_bg1.gif) no-repeat;background-size:cover; */
	.mcon3 .mPkg-wr .clientBox h4 {font-size:24px;color:#222;font-weight:400;margin:0 0 19px}
	.mcon3 .mPkg-wr .clientBox .sldCtrl-wr {position:relative;z-index:2}
	.mcon3 .mPkg-wr .clientBox .sldCtrl-wr {position:relative;height:0;z-index:2}
	.mcon3 .mPkg-wr .clientBox .sldCtrl-wr .sldNav {position:relative;height:0}
	.mcon3 .mPkg-wr .clientBox .sldCtrl-wr .sldNav button {display:block;position:absolute;width:13px;height:23px;background:url(/kor/_Img/Main/mc2M_spr.png) no-repeat;border:0;font-size:0;line-height:9999px;text-indent:9999px;overflow:hidden;top:47px}
	.mcon3 .mPkg-wr .clientBox .sldCtrl-wr .sldNav button.owl-prev {background-position:0px 0px;left:10px}
	.mcon3 .mPkg-wr .clientBox .sldCtrl-wr .sldNav button.owl-next {background-position:-33px 0px;right:10px}
	.mcon3 .mPkg-wr .clientBox .sldCore {margin:0 20px;width:auto}
	.mcon3 .mPkg-wr .clientBox .item img {display:block;width:100%;max-width:120px;margin:0 auto}
}
/*
@media all and (max-width:540px) {
	.mcon3 .msgBox ul {margin:0}
	.mcon3 .msgBox ul li {position:relative;float:none;width:auto;min-height:0;text-align:left;padding:20px 0}
	.mcon3 .msgBox ul li:before {position:absolute;left:0;top:12px;margin:0}
	.mcon3 .msgBox ul li:after {display:none}
	.mcon3 .msgBox ul li:nth-child(n+3) {border-bottom:1px solid #ccc}
	.mcon3 .msgBox ul li:last-child {border-bottom:0}
	.mcon3 .msgBox ul li .shuffleBox {margin:0 0 0 80px}
	.mcon3 .msgBox ul li .shuffleBox span {vertical-align:middle}
	.mcon3 .msgBox ul li .shuffleBox .shuffleTxt {font-size:22px}
	.mcon3 .msgBox ul li .shuffleBox .txt {font-size:18px}
	.mcon3 .msgBox ul li .staticBox {margin:5px 0 0 80px}
	.mcon3 .msgBox ul li .staticBox .f2 span {display:inline}
	.mcon3 .msgBox ul li:nth-child(1) .shuffleBox .txt {margin:0;padding:0}
	.mcon3 .msgBox ul li:nth-child(2) .shuffleBox .txt {margin:0;padding:0}
	.mcon3 .msgBox ul li:nth-child(3) .shuffleBox .txt1 {margin:0;padding:0}
	.mcon3 .msgBox ul li:nth-child(3) .shuffleBox .txt2 {margin:0;padding:0}
}
@media all and (max-width:460px) {
	.mcon3 h3 .f2 {margin:15px 0 0}
	.mcon3 .msgBox {padding:0}
	.mcon3 .msgBox ul li {padding:10px 0}
	.mcon3 .msgBox ul li:before {width:48px;height:48px;background-size:237px 78px}
	.mcon3 .msgBox ul li:nth-child(1):before {background-position:0px -30px}
	.mcon3 .msgBox ul li:nth-child(2):before {background-position:-63px -30px}
	.mcon3 .msgBox ul li:nth-child(3):before {background-position:-126px -30px}
	.mcon3 .msgBox ul li:nth-child(4):before {background-position:-189px -30px}
	.mcon3 .msgBox ul li .shuffleBox {margin:0 0 0 60px}
	.mcon3 .msgBox ul li .staticBox {margin:5px 0 0 60px}
	.mcon3 .msgBox ul li .staticBox .f1 {font-size:17px}
	.mcon3 .msgBox ul li .staticBox .f2 {margin:6px 0 0}
}
*/

/* Mcontent 4 :  */
.mcon4 {position:relative;overflow:hidden}
.mcon4 > .inwr {height:560px}
.mcon4 .inwr .movieBox {float:left;position:relative;width:50%;height:100%}
.mcon4 .inwr .movieBox {background:url(/kor/_Img/Main/mc4_pic1.jpg) no-repeat right center;background-size:cover}
.mcon4 .inwr .movieBox .core {margin:25px;box-sizing:border-box;border:1px solid rgba(255, 255, 255, .5);text-align:center;padding:136px 0 124px}
.mcon4 .inwr .movieBox .core p {display:block;position:relative;padding:68px 0 0}
.mcon4 .inwr .movieBox .core p:before {content:"";display:block;position:absolute;width:53px;height:35px;background:url(/kor/_Img/Main/mc4_spr.png) no-repeat 0px 0px;top:0;left:50%;margin:0 0 0 -27px}
.mcon4 .inwr .movieBox .core p span {display:block;line-height:1}
.mcon4 .inwr .movieBox .core p .f1 {font-size:20px;letter-spacing:.5em;color:rgba(255, 255, 255, .8);font-weight:100}
.mcon4 .inwr .movieBox .core p .f2 {font-size:38px;font-weight:500;color:#fff;margin:21px 0 0}
.mcon4 .inwr .movieBox .core a {display:inline-block;position:relative;font-size:16px;color:#fff;box-sizing:border-box;border:2px solid #fff;padding:14px 68px 16px 19px;line-height:1;margin:51px 0 0;transition:all .3s ease}
.mcon4 .inwr .movieBox .core a:after {content:"";display:block;position:absolute;width:11px;height:11px;right:20px;top:18px;background:url(/kor/_Img/Main/mc4_spr.png) no-repeat -73px 0px;transition:all .3s ease}
.mcon4 .inwr .movieBox .core a:focus,
.mcon4 .inwr .movieBox .core a:hover {background:rgba(0, 0, 0, .2)}
.mcon4 .inwr .movieBox .core a:focus:after,
.mcon4 .inwr .movieBox .core a:hover:after {transform:rotate(90deg)}
.mcon4 .inwr .linkBox {float:left;position:relative;width:50%;height:100%}
.mcon4 .inwr .linkBox ul {display:block;position:relative;width:100%;height:100%}
.mcon4 .inwr .linkBox ul li {display:block;position:absolute;width:50%;height:50%}
.mcon4 .inwr .linkBox ul li a {display:block;position:relative;width:100%;height:100%;text-align:center;overflow:hidden}
.mcon4 .inwr .linkBox ul li a .msgBox {position:relative;z-index:2}
.mcon4 .inwr .linkBox ul li a .msgBox p,
.mcon4 .inwr .linkBox ul li a .msgBox span {display:inline-block;position:relative;line-height:1}
.mcon4 .inwr .linkBox ul li a .msgBox .mTit {font-size:26px;color:#fff;padding:65px 0 0;margin:55px 0 0}
.mcon4 .inwr .linkBox ul li a .msgBox .mTit:before {content:"";display:block;position:absolute;width:44px;height:44px;background:url(/kor/_Img/Main/mc4_spr.png) no-repeat;left:50%;top:0;margin:0 0 0 -22px;transition:all .3s ease}
.mcon4 .inwr .linkBox ul li a .msgBox .sDesc {display:block;font-size:14px;color:rgba(255, 255, 255, .5);font-weight:100;margin:13px 0 0}
.mcon4 .inwr .linkBox ul li a .msgBox .more {font-size:15px;color:#fff;font-weight:300;padding:0 0 7px;margin:25px 0 0}
.mcon4 .inwr .linkBox ul li a .msgBox .more:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#fff;left:0;bottom:0;transition:all .3s ease}
.mcon4 .inwr .linkBox ul li a .waveBox {position:absolute;left:0;top:100%;opacity:0;width:100%;height:100%;overflow:hidden;transform:translate3d(0, 0, 0);z-index:1;transition:all .5s ease}
.mcon4 .inwr .linkBox ul li a .waveBox .wave {opacity:.4;position:absolute;top:75%;left:50%;width:500px;height:500px;margin-left:-250px;transform-origin:50% 48%;border-radius:43%;background:rgba(0, 0, 0, .2)}
.mcon4 .inwr .linkBox ul li a:focus .waveBox .wave,
.mcon4 .inwr .linkBox ul li a:hover .waveBox .wave {animation:drift 3000ms infinite linear}
.mcon4 .inwr .linkBox ul li a:focus .waveBox .wave.-two,
.mcon4 .inwr .linkBox ul li a:hover .waveBox .wave.-two {animation:drift 7000ms infinite linear;opacity:.1}
.mcon4 .inwr .linkBox ul li a:focus .waveBox .wave.-three,
.mcon4 .inwr .linkBox ul li a:hover .waveBox .wave.-three {animation:drift 5000ms infinite linear}
.mcon4 .inwr .linkBox ul li a:focus .waveBox,
.mcon4 .inwr .linkBox ul li a:hover .waveBox {top:0;opacity:1}
.mcon4 .inwr .linkBox ul li a:focus .mTit:before,
.mcon4 .inwr .linkBox ul li a:hover .mTit:before {/* animation:hvr-buzz-out .75s linear 1 */}
.mcon4 .inwr .linkBox ul li a:focus .more:after,
.mcon4 .inwr .linkBox ul li a:hover .more:after {transform:scaleX(2)}
.mcon4 .inwr .linkBox ul li:nth-child(1) {left:0;top:0}
.mcon4 .inwr .linkBox ul li:nth-child(2) {right:0;top:0}
.mcon4 .inwr .linkBox ul li:nth-child(3) {left:0;bottom:0}
.mcon4 .inwr .linkBox ul li:nth-child(4) {right:0;bottom:0}
.mcon4 .inwr .linkBox ul li:nth-child(1) a {background:#dc253c}
.mcon4 .inwr .linkBox ul li:nth-child(2) a {background:#a40f22}
.mcon4 .inwr .linkBox ul li:nth-child(3) a {background:#7b1320}
.mcon4 .inwr .linkBox ul li:nth-child(4) a {background:#4c1c22}
.mcon4 .inwr .linkBox ul li:nth-child(1) a .mTit:before {background-position:0px -55px}
.mcon4 .inwr .linkBox ul li:nth-child(2) a .mTit:before {background-position:-64px -55px}
.mcon4 .inwr .linkBox ul li:nth-child(3) a.lab1 .mTit:before {background-position:-128px -55px}
.mcon4 .inwr .linkBox ul li:nth-child(3) a.lab2 .mTit:before {background-position:-192px -55px}
.mcon4 .inwr .linkBox ul li:nth-child(4) a .mTit:before {background-position:-256px -55px}
.mcon4 .labSld {display:block;position:relative;width:100%;height:100%;text-align:center;overflow:hidden;background:#7b1320;font-size:15px}
.mcon4 .labSld .sldCtrl-wr {position:absolute;width:100%;left:0;top:50%;height:0;z-index:2}
.mcon4 .labSld .sldCtrl-wr .sldNav {position:relative;height:0}
.mcon4 .labSld .sldCtrl-wr .sldNav button {display:block;position:absolute;width:13px;height:23px;background:url(/kor/_Img/Main/mc2M_spr.png) no-repeat;border:0;font-size:0;line-height:9999px;text-indent:9999px;overflow:hidden;top:-7px;opacity:.5;transition:all .3s ease}
.mcon4 .labSld .sldCtrl-wr .sldNav button.owl-prev {background-position:0px -43px;left:20px}
.mcon4 .labSld .sldCtrl-wr .sldNav button.owl-next {background-position:-33px -43px;right:20px}
.mcon4 .labSld .sldCtrl-wr .sldNav button:focus,
.mcon4 .labSld .sldCtrl-wr .sldNav button:hover {opacity:1}
.mcon4 .labSld .sldCore {height:100%}
.mcon4 .labSld .sldCore .owl-stage-outer {height:100%}
.mcon4 .labSld .sldCore .owl-stage-outer .owl-stage {height:100%}
.mcon4 .labSld .sldCore .owl-stage-outer .owl-stage .owl-item {height:100%}
.mcon4 .labSld .sldCore .owl-stage-outer .owl-stage .owl-item .item {height:100%}
@keyframes drift {
	from {transform:rotate(0deg)}
	from {transform:rotate(360deg)}
}
@media all and (max-width:1100px) {
	.mcon4 .inwr .linkBox ul li a .msgBox .mTit {font-size:20px}
	.mcon4 .inwr .linkBox ul li a .msgBox .sDesc {margin:13px 30px 0;line-height:1.3;word-wrap:break-word;word-break:keep-all;white-space:normal}
}
@media all and (max-width:999px) {
	.mcon4 > .inwr {height:500px}
	.mcon4 .inwr .movieBox {width:40%}
	.mcon4 .inwr .movieBox .core {padding:100px 0}
	.mcon4 .inwr .linkBox {width:60%}
	.mcon4 .inwr .linkBox ul li a .msgBox .mTit {font-size:20px;padding:50px 0 0}
	.mcon4 .inwr .linkBox ul li a .msgBox .sDesc {margin:10px 30px 0;line-height:1.4}
	.mcon4 .labSld .sldCtrl-wr .sldNav button.owl-prev {left:10px}
	.mcon4 .labSld .sldCtrl-wr .sldNav button.owl-next {right:10px}
}
@media all and (max-width:768px) {
	.mcon4 .inwr .linkBox ul li a .msgBox .mTit {margin:35px 0 0}
}
@media all and (max-width:600px) {
	.mcon4 {display:none}
}

/* Mcontent 5 :  */
.mcon5 {position:relative;background:url(/kor/_Img/Main/mc5_pic1.jpg) no-repeat center center;background-size:cover;text-align:center;padding:68px 0 70px}
.mcon5 h3 {display:inline-block}
.mcon5 h3 span {display:block}
.mcon5 h3 .f1 {font-size:38px;color:#222;font-weight:500}
.mcon5 h3 .f2 {font-size:16px;color:#777;font-weight:300;margin:25px 0 0}
.mcon5 .logos {max-width:1200px;margin:0 auto;background:rgba(255, 255, 255, .6)}
.mcon5 .logos ul {display:block;width:100%;overflow:hidden}
.mcon5 .logos ul li {display:block;float:left;text-align:center}
.mcon5 .logos ul li .inwr {display:block;color:#333;letter-spacing:-.025em}
.mcon5 .logos ul li .inwr img {display:block;margin:0 auto;width:100%}
.mcon5 .logos ul li .inwr .mTxt {display:block;font-size:20px;line-height:30px;margin:23px 0 0}
.mcon5 .logos ul li .inwr .mTxt span {display:block}
.mcon5 .logos ul li .inwr .sTxt {display:inline-block;font-size:14px;margin:19px 0 0}
.mcon5 .logos ul li .inwr:focus img,
.mcon5 .logos ul li .inwr:hover img {animation:hvr-buzz-out .75s linear 1}
.mcon5 .logos.logos1 {margin-top:50px}
.mcon5 .logos.logos1 ul li {width:33.3333%}
.mcon5 .logos.logos1 ul li .inwr {padding:46px 0 50px}
.mcon5 .logos.logos1 ul li .inwr img {max-width:130px}
.mcon5 .logos.logos2 {margin-top:19px}
.mcon5 .logos.logos2 ul li {width:16.6666%}
.mcon5 .logos.logos2 ul li .inwr {padding:4px 0 5px}
.mcon5 .logos.logos2 ul li .inwr img {max-width:120px}
@media all and (max-width:1200px) {
	.mcon5 .logos {margin:0 20px}
}
@media all and (max-width:999px) {
	.mcon5 {padding:30px 0}
	.mcon5 h3 .f2 {margin:15px 0 0}
	.mcon5 .logos ul li .inwr .mTxt {font-size:18px;margin:10px 0 0;line-height:1.3}
}
@media all and (max-width:600px) {
	.mcon5 {display:none}
}