@charset "utf-8";

#mcontainer-wrap > .loading {display:none;width:50px;height:50px;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:3px;background:#fff;box-shadow:0 3px 5px rgba(0, 0, 0, .2);font-size:0;text-indent:-9999px;line-height:9999px;overflow:hidden;z-index:2}
#mcontainer-wrap > .loading:after {content:"";display:block;position:absolute;width:32px;height:32px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/_Img/ajax-loader.gif) no-repeat}

/* mcon1 : 메인비쥬얼 */
.mcon1 {position:relative;width:100%;height:960px}
.mcon1 .sld-nav {position:absolute;width:100%;height:0;top:50%;overflow:visible;z-index:2}
.mcon1 .sld-nav button {display:block;position:absolute;top:50%;border:0;background:none;text-transform:uppercase;font-size:20px;color:#fff;font-family:"Proxima Nova";font-weight:600;line-height:1}
.mcon1 .sld-nav button:after {content:"";display:block;position:absolute;width:111px;height:12px;background:url(/homepage/kor/_Img/Main/mc1_spr.png) no-repeat;top:50%;margin:-6px 0 0;opacity:.4;transition:all .3s ease}
.mcon1 .sld-nav .owl-prev {left:0;padding:0 0 0 125px}
.mcon1 .sld-nav .owl-prev:after {background-position:0px 0px;left:0}
.mcon1 .sld-nav .owl-next {right:0;padding:0 125px 0 0}
.mcon1 .sld-nav .owl-next:after {background-position:-131px 0px;right:0}
.mcon1 .sld-nav .owl-prev:focus:after,
.mcon1 .sld-nav .owl-prev:hover:after {left:-20px;opacity:1}
.mcon1 .sld-nav .owl-next:focus:after,
.mcon1 .sld-nav .owl-next:hover:after {right:-20px;opacity:1}
.mcon1 .sld-ctr {position:absolute;width:100%;text-align:center;left:0;bottom:100px;z-index:2;font-size:0;text-align:center}
.mcon1 .sld-ctr > button {display:inline-block;position:relative;width:30px;height:30px;border:0;background:none;vertical-align:top}
.mcon1 .sld-ctr > button:after {content:"";display:block;position:absolute;width:12px;height:16px;left:50%;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc1_spr.png) no-repeat 0px 0px}
.mcon1 .sld-ctr > button.owl-stop {}
.mcon1 .sld-ctr > button.owl-stop:after {background-position:0px -32px}
.mcon1 .sld-ctr > button.owl-play {display:none}
.mcon1 .sld-ctr > button.owl-play:after {background-position:-32px -32px}
.mcon1 .sld-ctr .sld-dot {display:inline-block;position:relative;vertical-align:top;padding:0 10px 0 0;margin:0 11px 0 0}
.mcon1 .sld-ctr .sld-dot:after {content:"";display:block;position:absolute;width:1px;height:16px;right:0;top:50%;margin:-8px 0 0;background:rgba(255, 255, 255, .4)}
.mcon1 .sld-ctr .sld-dot button {display:inline-block;position:relative;width:30px;height:30px;vertical-align:top;border:0;background:none;margin:0 5px}
.mcon1 .sld-ctr .sld-dot button:after {content:"";display:block;position:absolute;width:17px;height:17px;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(255, 255, 255, .4);border-radius:50%;border:0;box-sizing:border-box;transition:all .3s ease}
.mcon1 .sld-ctr .sld-dot button.active:after {width:21px;height:21px;background:transparent;border:2px solid #fff}
.mcon1 .sld-ctr .sld-dot button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
.mcon1 .sld-scr {position:absolute;width:140px;left:50%;margin:0 0 0 -70px;bottom:20px;z-index:2}
.mcon1 .sld-scr button {display:block;width:100%;text-align:center;border:0;background:none;color:#fff;font-family:"Proxima Nova";font-weight:600;line-height:1;padding:0 0 48px}
.mcon1 .sld-scr button:after {animation:mouse_action 1s infinite;animation-timing-function:linear;content:"";display:block;position:absolute;width:17px;height:32px;background:url(/homepage/kor/_Img/Main/mc1_spr.png) no-repeat -262px 0px;bottom:10px;left:50%;margin:0 0 0 -8px}
.mcon1 .sldCore {position:absolute;width:2000px;left:50%;top:0;margin:0 0 0 -1000px}
.mcon1 .sldCore img {display:block;width:100%}
.mcon1 .sldCore .baseP {}
.mcon1 .sldCore .baseM {display:none}
@keyframes mouse_action{
	0% {bottom:0;animation-timing-function:ease}
	50% {bottom:10px}
	100% {bottom:0;animation-timing-function:ease}
}
@media all and (max-width:1600px) {
	.mcon1 .sld-nav .owl-prev {left:-80px}
	.mcon1 .sld-nav .owl-next {right:-80px}
}
@media all and (max-width:1400px) {
	.mcon1 {height:864px}
	.mcon1 .sldCore {width:1800px;margin:0 0 0 -900px}
}
@media all and (max-width:1300px) {
	.mcon1 .sld-nav button {width:23px;height:39px;font-size:0;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat}
	.mcon1 .sld-nav button:after {display:none}
	.mcon1 .sld-nav .owl-prev {left:20px;padding:0;background-position:0px 0px}
	.mcon1 .sld-nav .owl-next {right:20px;padding:0;background-position:-43px 0px}
}
@media all and (max-width:1200px) {
	.mcon1 {height:576px}
	.mcon1 .sldCore {width:1200px;margin:0 0 0 -600px}
}
@media all and (max-width:900px) {
	.mcon1 {height:480px}
	.mcon1 .sldCore {width:1000px;margin:0 0 0 -500px}
}
@media all and (max-width:670px) {
	.mcon1 {height:auto}
	.mcon1 .sldCore {position:relative;width:auto;margin:0;left:auto;top:auto}
	.mcon1 .sldCore .baseP {display:none}
	.mcon1 .sldCore .baseM {display:block}
	.mcon1 .sld-nav button {width:16px;height:27px;background-size:106px 99px}
	.mcon1 .sld-nav button:after {display:none}
	.mcon1 .sld-nav .owl-prev {left:5px;padding:0;background-position:0px 0px}
	.mcon1 .sld-nav .owl-next {right:5px;padding:0;background-position:-30px 0px}
	.mcon1 .sld-ctr {bottom:75px}
	.mcon1 .sld-ctr .sld-dot button {width:20px;height:20px;margin:0 3px}
	.mcon1 .sld-ctr .sld-dot button:after {width:12px;height:12px}
	.mcon1 .sld-ctr .sld-dot button.active:after {width:12px;height:12px}
	.mcon1 .sld-ctr > button {width:20px;height:20px}
	.mcon1 .sld-scr button {padding:0 0 30px}
	.mcon1 .sld-scr button:after {width:12px;height:22px;margin:0 0 0 -6px;background-size:195px 34px;background-position:-183px 0px}
}
@media all and (max-width:400px) {
	.mcon1 .sld-scr button {display:none}
	.mcon1 .sld-ctr {bottom:20px}
}

/* mcon2 : 팝업존, 스마트예약, BBS */
.mcon2 {position:relative;max-width:1200px;margin:0 auto 0;overflow:visible;min-height:720px;padding:70px 0 0}
.mcon2 .pzBox {position:absolute;width:600px}
.mcon2 .pzBox .sld-wr {position:relative}
.mcon2 .pzBox .sld-wr .sld-nav {position:absolute;width:100%;z-index:2;top:50%;left:0;height:0}
.mcon2 .pzBox .sld-wr .sld-nav button {display:block;position:absolute;width:57px;height:85px;background:rgba(0, 0, 0, .5);border:0;top:50%;margin:-42px 0 0;font-size:0;transition:all .3s ease}
.mcon2 .pzBox .sld-wr .sld-nav button:focus,
.mcon2 .pzBox .sld-wr .sld-nav button:hover {background:rgba(0, 0, 0, .7)}
.mcon2 .pzBox .sld-wr .sld-nav button:after {content:"";display:block;position:absolute;width:23px;height:39px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-prev {left:0}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-prev:after {background-position:0px 0px}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-next {right:0}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-next:after {background-position:-43px 0px}
.mcon2 .pzBox .sld-wr .sld-dot {position:absolute;width:100%;left:0;bottom:30px;z-index:2;text-align:center}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg {display:inline-block;font-size:0;background:rgba(0, 0, 0, .8);padding:13px 13px}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p {display:inline-block;vertical-align:middle;font-size:0}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button {display:inline-block;width:17px;height:17px;box-sizing:border-box;border:3px solid #fff;background:none;border-radius:50%;margin:0 7px;transition:all .3s ease}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button:after {}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button.active {background:#fff}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr {display:inline-block;position:relative;vertical-align:middle;z-index:2;width:30px;height:20px;font-size:0}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button {display:block;position:relative;width:100%;height:100%;border:0;background:transparent}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button:after {content:"";display:block;position:absolute;width:12px;height:16px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc1_spr.png) no-repeat}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-stop {}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-stop:after {background-position:-0px -32px}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-play {display:none}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-play:after {background-position:-32px -32px}
.mcon2 .pzBox .sld-wr .sldCore {position:relative;z-index:1}
.mcon2 .etcBox {position:relative;margin:0 0 0 650px}
.mcon2 .etcBox .smart h3 {display:block;position:relative;font-size:0;font-weight:normal;color:#fff;background:#03488f;line-height:1;padding:42px 40px 50px 29px}
.mcon2 .etcBox .smart h3:after {content:"";display:block;position:absolute;width:112px;height:92px;right:30px;top:-32px;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat 0px -59px;z-index:1}
.mcon2 .etcBox .smart h3 span {display:inline-block;position:relative;vertical-align:bottom;z-index:2}
.mcon2 .etcBox .smart h3 .t1 {font-size:28px}
.mcon2 .etcBox .smart h3 .t2 {font-size:18px;margin:0 0 0 12px}
.mcon2 .etcBox .smart ul {display:block;position:relative;overflow:hidden;width:100%;background:#fff;box-sizing:border-box;margin:-10px 0 0;z-index:1}
.mcon2 .etcBox .smart ul li {display:block;position:relative;float:left;width:33.3333%;z-index:2}
.mcon2 .etcBox .smart ul li:nth-child(3n) {float:right}
.mcon2 .etcBox .smart ul li a {display:block;position:relative;text-align:center;transition:all .3s ease}
.mcon2 .etcBox .smart ul li a span {display:block;position:relative;font-size:18px;color:#333;z-index:2;padding:25px 0 22px;box-sizing:border-box;border:1px solid #d2d2d2;z-index:1}
.mcon2 .etcBox .smart ul li:nth-child(1) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(2) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(3) a span {border-bottom:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(4) a span {border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(5) a span {border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(6) a span {}
.mcon2 .etcBox .smart ul li a span:before {content:"";display:block;width:40px;height:40px;margin:0 auto 5px;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat}
.mcon2 .etcBox .smart ul li a:before {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;z-index:2;border:5px solid transparent;transition:all .3s ease}
.mcon2 .etcBox .smart ul li a:focus,
.mcon2 .etcBox .smart ul li a:hover {background:#edf2f5}
.mcon2 .etcBox .smart ul li a:focus:before,
.mcon2 .etcBox .smart ul li a:hover:before {border-color:#187be1}
.mcon2 .etcBox .smart ul li:nth-child(1) a span:before {background-position:0px -171px}
.mcon2 .etcBox .smart ul li:nth-child(2) a span:before {background-position:-300px -171px}
.mcon2 .etcBox .smart ul li:nth-child(3) a span:before {background-position:-240px -171px}
.mcon2 .etcBox .smart ul li:nth-child(4) a span:before {background-position:-180px -171px}
.mcon2 .etcBox .smart ul li:nth-child(5) a span:before {background-position:-120px -171px}
.mcon2 .etcBox .smart ul li:nth-child(6) a span:before {background-position:-60px -171px}
.mcon2 .etcBox .bbs {position:relative;margin:81px 0 0;border-top:1px solid #d2d2d2;box-sizing:border-box}
.mcon2 .etcBox .bbs .extraBtn {display:block;position:absolute;width:auto;left:329px;right:51px;height:52px;top:0;line-height:52px;text-align:center;box-sizing:border-box;background:#fff;transition:all .3s ease;background-color:#187be129;color:#222;}
.mcon2 .etcBox .bbs .extraBtn:focus,
.mcon2 .etcBox .bbs .extraBtn:hover {background:#187be1;color:#fff}
.mcon2 .etcBox .bbs:before {content:"";display:block;position:absolute;width:100%;height:1px;left:0;top:52px;background:#868686}
.mcon2 .etcBox .bbs dl {display:block;width:100%;position:relative;margin:-1px 0 0}
.mcon2 .etcBox .bbs dl dt {display:block;float:left}
.mcon2 .etcBox .bbs dl dt button {display:block;position:relative;width:165px;height:53px;text-align:center;background:#fff;border:0;border-right:1px solid #d2d2d2;border-top:1px solid #d2d2d2;vertical-align:top;transition:all .3s ease;overflow:visible}
.mcon2 .etcBox .bbs dl dt button span {display:block;position:absolute;width:100%;text-align:center;left:0;top:13px;z-index:3;font-size:18px;color:#333;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dt button:before,
.mcon2 .etcBox .bbs dl dt button:after {content:"";display:block;position:absolute;width:0;bottom:0;transform:skewX(162deg);-ms-transform:skewX(162deg);transform-origin:0 100%;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dt button:before {height:65px;background:#187be1;z-index:2}
.mcon2 .etcBox .bbs dl dt button:after {height:100%;background:#d7d7d7;z-index:1}
.mcon2 .etcBox .bbs dl dt button:focus span,
.mcon2 .etcBox .bbs dl dt button:hover span {color:#187be1}
.mcon2 .etcBox .bbs dl.news dt button:before {right:0}
.mcon2 .etcBox .bbs dl.news dt button:after {right:-5px}
.mcon2 .etcBox .bbs dl.qna dt button:before {left:0}
.mcon2 .etcBox .bbs dl.qna dt button:after {left:5px}
.mcon2 .etcBox .bbs dl.over.news dt button {border-left:1px solid #fff !important;border-top:1px solid #fff !important}
.mcon2 .etcBox .bbs dl.over dt button:focus span,
.mcon2 .etcBox .bbs dl.over dt button:hover span,
.mcon2 .etcBox .bbs dl.over dt button span {color:#fff}
.mcon2 .etcBox .bbs dl.over dt button:after,
.mcon2 .etcBox .bbs dl.over dt button:before {width:100%}
.mcon2 .etcBox .bbs dl.over dt button span {top:7px;text-indent:6px}
.mcon2 .etcBox .bbs dl dd {display:block;position:absolute;width:100%;left:0;top:82px}
.mcon2 .etcBox .bbs dl dd ul {display:block}
.mcon2 .etcBox .bbs dl dd ul li {display:block;position:relative;margin:0 0 5px}
.mcon2 .etcBox .bbs dl dd ul li:last-child {margin:0}
.mcon2 .etcBox .bbs dl dd ul li:before {content:"";display:block;position:absolute;width:3px;height:3px;background:#113962;left:0;top:17px}
.mcon2 .etcBox .bbs dl dd ul li a {display:block;margin:0 90px 0 11px}
.mcon2 .etcBox .bbs dl dd ul li a .subj {display:inline-block;line-height:1.3;width:auto;max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-size:17px;color:#444;vertical-align:middle}
.mcon2 .etcBox .bbs dl dd ul li a:focus .subj,
.mcon2 .etcBox .bbs dl dd ul li a:hover .subj {text-decoration:underline}
.mcon2 .etcBox .bbs dl dd ul li a.hasNew:after {content:"";display:inline-block;vertical-align:middle;width:23px;height:23px;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat -35px -231px;margin:0 0 0 5px}
.mcon2 .etcBox .bbs dl dd ul li .date {display:block;position:absolute;right:0;top:50%;font-size:16px;color:#666;line-height:1;margin:-8px 0 0}
.mcon2 .etcBox .bbs dl dd ul li.no-data {display:block;text-align:center;padding:110px 0 50px;background:url(/_Img/Board/default/ico_nodata.png) no-repeat center 30px;border-bottom:1px solid #ddd}
.mcon2 .etcBox .bbs dl dd ul li.no-data:before {display:none}
.mcon2 .etcBox .bbs dl dd .more {display:block;position:absolute;width:51px;height:54px;box-sizing:border-box;border:1px solid #d2d2d2;border-bottom:1px solid #868686;right:0;top:-82px;background:#fff;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dd .more:after {content:"";display:block;position:absolute;width:15px;height:15px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat 0px -231px;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dd .more:focus,
.mcon2 .etcBox .bbs dl dd .more:hover {background:#eee}
.mcon2 .etcBox .bbs dl dd .more:focus:after,
.mcon2 .etcBox .bbs dl dd .more:hover:after {transform:rotate(90deg)}
.mcon2 .etcBox .bbs dl.news {}
.mcon2 .etcBox .bbs dl.news dt button {border-left:1px solid #d2d2d2}
.mcon2 .etcBox .bbs dl.qna {}
.mcon2 .etcBox .bbs dl.qna dt {margin:0 0 0 -1px}
.mcon2 .etcBox .bbs dl.qna dd {display:none}
.mcon2 .deco1,
.mcon2 .deco2 {display:block;position:absolute;z-index:-1;background-position:0px 0px;transition:all .3s ease}
.mcon2 .deco1 {width:463px;height:500px;background:url(/homepage/kor/_Img/Main/mc2_bg1.png) no-repeat;top:7px;right:-400px}
.mcon2 .deco2 {width:900px;height:910px;background:url(/homepage/kor/_Img/Main/mc2_bg2.png) no-repeat;top:537px;left:-400px}
@media all and (max-width:1200px) {
	.mcon2 {margin:0 20px;padding:40px 0 0;min-height:600px}
	.mcon2 .pzBox {width:500px}
	.mcon2 .etcBox {margin:0 0 0 520px}
	.mcon2 .etcBox .smart h3 {padding:32px 40px 30px 29px}
	.mcon2 .etcBox .smart ul {margin:0}
	.mcon2 .etcBox .smart ul li a span {font-size:16px;padding:15px 0 12px}
	.mcon2 .etcBox .bbs {margin:40px 0 0}
	.mcon2 .etcBox .bbs dl dt button {width:150px}
	.mcon2 .etcBox .bbs .extraBtn {left:299px}
}
@media all and (max-width:1080px) {
	.mcon2 .etcBox .smart h3 .t1 {font-size:24px}
	.mcon2 .etcBox .smart h3 .t2 {font-size:17px;margin:5px 0 0 5px}
	.mcon2 .etcBox .smart ul li a span:before {margin:0 auto 0}
}
@media all and (max-width:999px) {
	.mcon2 {min-height:480px}
	.mcon2 .pzBox {width:400px}
	.mcon2 .pzBox .sld-wr .sld-dot {bottom:15px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg {padding:7px 10px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button {width:12px;height:12px;border:2px solid #fff;margin:0 5px}
	.mcon2 .etcBox {margin:0 0 0 420px}
	.mcon2 .etcBox .smart h3 {padding:25px 40px 25px 29px}
	.mcon2 .etcBox .smart h3:after {width:56px;height:46px;right:15px;top:50%;background-size:170px 127px;background-position:0px -29.5px;margin:-25px 0 0}
	.mcon2 .etcBox .smart ul li a span {font-size:15px;line-height:1;padding:10px 0 12px}
	.mcon2 .etcBox .bbs {margin:40px 0 0}
	.mcon2 .etcBox .bbs dl dt button {height:40px;width:130px}
	.mcon2 .etcBox .bbs dl dt button:before {height:50px}
	.mcon2 .etcBox .bbs dl dt button span {top:7px;font-size:16px}
	.mcon2 .etcBox .bbs dl.over dt button span {top:0}
	.mcon2 .etcBox .bbs dl dd {top:52px}
	.mcon2 .etcBox .bbs dl dd .more {width:41px;height:41px;top:-52px}
	.mcon2 .etcBox .bbs dl dd ul li {margin:0 0 2px}
	.mcon2 .etcBox .bbs dl dd ul li a .subj {font-size:16px}
	.mcon2 .etcBox .bbs .extraBtn {font-size:16px;height:39px;line-height:39px;left:259px;right:41px}
	.mcon2 .etcBox .bbs:before {top:39px}
	.mcon2 .deco1,
	.mcon2 .deco2 {display:none}
}
@media all and (max-width:870px) {
	.mcon2 {min-height:0;padding:40px 0 250px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg {padding:7px 10px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr {width:25px}
	.mcon2 .etcBox {padding:0 0 0 420px;margin:0;height:480px}
	.mcon2 .etcBox .smart h3 {padding:24px 40px 23px 29px}
	.mcon2 .etcBox .smart h3:after {margin:-28px 0 0}
	.mcon2 .etcBox .smart h3 span {display:block}
	.mcon2 .etcBox .smart h3 .t1 {font-size:22px}
	.mcon2 .etcBox .smart h3 .t2 {font-size:16px;margin:5px 0 0 0}
	.mcon2 .etcBox .smart ul li {width:50%}
	.mcon2 .etcBox .smart ul li a span {line-height:1.5;padding:29px 0;font-size:17px}
	.mcon2 .etcBox .smart ul li a span:before {margin:0 auto 5px}
	.mcon2 .etcBox .smart ul li:nth-child(3n) {float:left}
	.mcon2 .etcBox .smart ul li:nth-child(1) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
	.mcon2 .etcBox .smart ul li:nth-child(2) a span {border-bottom:1px solid transparent;border-right:1px solid #d2d2d2}
	.mcon2 .etcBox .smart ul li:nth-child(3) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
	.mcon2 .etcBox .smart ul li:nth-child(4) a span {border-bottom:1px solid transparent;border-right:1px solid #d2d2d2}
	.mcon2 .etcBox .bbs {position:absolute;width:100%;margin:30px 0 0;left:0;top:100%}
}
@media all and (max-width:740px) {
	.mcon2 .pzBox {width:300px}
	.mcon2 .pzBox .sld-wr .sld-nav button {width:28px;height:42px;margin:-21px 0 0}
	.mcon2 .pzBox .sld-wr .sld-nav button:after {width:12px;height:20px;background-size:76px 71px}
	.mcon2 .pzBox .sld-wr .sld-nav button.owl-next:after {background-position:-22px 0px}
	.mcon2 .etcBox {padding:0 0 0 310px;height:360px}
	.mcon2 .etcBox .smart h3 {padding:24px 0 23px 15px}
	.mcon2 .etcBox .smart h3 .t1 {font-size:20px}
	.mcon2 .etcBox .smart h3 .t2 {font-size:16px;margin:5px 0 0 0}
	.mcon2 .etcBox .smart ul li a span {padding:11px 0;font-size:15px;letter-spacing:-.05em}
	.mcon2 .etcBox .bbs {margin:20px 0 0}
	.mcon2 .etcBox .bbs dl dd ul li a .subj {font-size:15px}
	.mcon2 .etcBox .bbs dl dd ul li .date {font-size:15px;color:#777;margin:-7px 0 0}
}
@media all and (max-width:560px) {
	.mcon2 {padding:10px 0 0;margin:0 10px}
	.mcon2 .pzBox {position:relative;width:auto;left:auto;top:auto}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button:after {width:9px;height:12px;background-size:210px 36px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-stop:after {background-position:-0px -24px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-play:after {background-position:-24px -24px}
	.mcon2 .etcBox {padding:0;height:auto;margin:10px 0 0}
	.mcon2 .etcBox .smart h3 {padding:20px}
	.mcon2 .etcBox .smart ul li a span {padding:5px 0;line-height:1}
	.mcon2 .etcBox .bbs {position:relative;margin:10px 0 0;left:auto;top:auto;padding:80px 0 280px;border-top:0;overflow:hidden}
	.mcon2 .etcBox .bbs:before {top:119px}
	.mcon2 .etcBox .bbs:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#d2d2d2;left:25%;top:79px}
	.mcon2 .etcBox .bbs dl dt {width:40%}
	.mcon2 .etcBox .bbs dl dt button {width:100%}
	.mcon2 .etcBox .bbs dl.over dt button span {text-indent:14px}
	.mcon2 .etcBox .bbs dl dd ul li a {margin:0 0 0 11px}
	.mcon2 .etcBox .bbs dl dd ul li a .subj {max-width:89%}
	.mcon2 .etcBox .bbs dl dd ul li .date {position:relative;right:auto;top:auto;margin:5px 0 0 11px}
    .mcon2 .etcBox .bbs .extraBtn {display:block;position:absolute;left:0;top:0;width:100%;height:50px;line-height:50px;float:none;color:#fff;background-color:#d8457b;}
    .mcon2 .etcBox .bbs .extraBtn:focus,
    .mcon2 .etcBox .bbs .extraBtn:hover {background:#bb3b6a;color:#fff}
}

/* mcon3 : 교육 */
.mcon3 {position:relative;overflow:hidden;margin:62px 0 0}
.mcon3 .role-head {text-align:center;width:100%;max-width:1200px;margin:0 auto}
.mcon3 .role-head h3 {display:block;font-size:40px;color:#111;line-height:1.2;font-weight:500}
.mcon3 .role-head p {display:block;font-size:18px;color:#444;line-height:1.3;margin:7px 0 0}
.mcon3 .role-head .tab {display:block;margin:26px 0 50px;text-align:center}
.mcon3 .role-head .tab .core {display:inline-block;position:relative;font-size:0}
.mcon3 .role-head .tab .core:after {content:"";display:block;position:absolute;width:100%;height:100%;border-radius:999px;left:0;top:0;background:#ddd}
.mcon3 .role-head .tab .core {display:inline-block;position:relative;z-index:2}
.mcon3 .role-head .tab .core button {display:inline-block;position:relative;border:0;background:none;cursor:pointer;z-index:3;padding:0;transition:all .3s ease}
.mcon3 .role-head .tab .core button span {display:block;width:160px;text-align:center;font-size:17px;padding:14px 0 15px}
.mcon3 .role-head .tab .core button.over {color:#fff}
.mcon3 .role-head .tab .core .pointer {display:block;position:absolute;width:50%;height:100%;left:0;top:0;background:#0060c4;border-radius:999px;z-index:2;transition:all .3s ease}
.mcon3 .role-body-wr {position:relative;width:100%;height:585px}
.mcon3 .role-body {position:absolute;width:1276px;left:50%;height:585px;margin:0 0 0 -638px}
.mcon3 .role-body .sld-wr {position:absolute;width:100%;top:0;text-align:center;opacity:1;visibility:visible;transition:all .75s ease}
.mcon3 .role-body .sld-wr .sld-nav {position:absolute;width:100%;height:0;left:0;top:50%;z-index:2}
.mcon3 .role-body .sld-wr .sld-nav button {display:block;position:absolute;width:57px;height:85px;background:rgba(0, 0, 0, .7);top:50%;margin:-42px 0 0;border:0;font-size:0;text-indent:-9999px;line-height:9999px;overflow:hidden;z-index:2;transition:all .3s ease}
.mcon3 .role-body .sld-wr .sld-nav button:after {content:"";display:block;position:absolute;width:23px;height:39px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat}
.mcon3 .role-body .sld-wr .sld-nav button:focus,
.mcon3 .role-body .sld-wr .sld-nav button:hover {background:rgba(0, 0, 0, .9);}
.mcon3 .role-body .sld-wr .sld-nav button.owl-prev {left:-60px}
.mcon3 .role-body .sld-wr .sld-nav button.owl-prev:after {background-position:0px 0px}
.mcon3 .role-body .sld-wr .sld-nav button.owl-next {right:-60px}
.mcon3 .role-body .sld-wr .sld-nav button.owl-next:after {background-position:-43px 0px}
.mcon3 .role-body .sld-wr .sld-ctr {position:absolute;width:100%;text-align:center;left:0;bottom:-58px;z-index:2}
.mcon3 .role-body .sld-wr .sld-ctr button {display:inline-block;position:relative;width:24px;height:24px;vertical-align:top;border:0;background:none}
.mcon3 .role-body .sld-wr .sld-ctr > button:after {content:"";display:block;position:absolute;width:12px;height:16px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat}
.mcon3 .role-body .sld-wr .sld-ctr .owl-stop {}
.mcon3 .role-body .sld-wr .sld-ctr .owl-stop:after {background-position:0px -126px}
.mcon3 .role-body .sld-wr .sld-ctr .owl-play {display:none}
.mcon3 .role-body .sld-wr .sld-ctr .owl-play:after {background-position:-32px -126px}
.mcon3 .role-body .sld-wr .sld-ctr .sld-dot {display:inline-block;font-size:0;vertical-align:top}
.mcon3 .role-body .sld-wr .sld-ctr .sld-dot button {}
.mcon3 .role-body .sld-wr .sld-ctr .sld-dot button:after {content:"";display:block;position:absolute;width:17px;height:17px;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;border:3px solid #03488f;background:none;transition:all .3s ease;border-radius:50%}
.mcon3 .role-body .sld-wr .sld-ctr .sld-dot button.active:after {background:#03488f}
.mcon3 .role-body .sld-wr .sldCore {position:relative;z-index:1;height:530px;z-index:1}
.mcon3 .role-body .sld-wr .sldCore .slick-dots-wr {display:block;position:absolute;width:100%;text-align:center;font-size:0;left:0;bottom:0}
.mcon3 .role-body .sld-wr .sldCore .slick-dots-wr > .slick-stop {display:inline-block}
.mcon3 .role-body .sld-wr .sldCore .slick-dots-wr > .slick-play {display:none}
.mcon3 .role-body .sld-wr .sldCore .slick-dots-wr .slick-dots {display:inline-block !important;vertical-align:top;font-size:0}
.mcon3 .role-body .sld-wr .sldCore .slick-dots-wr .slick-dots li {display:inline-block;vertical-align:top;font-size:0}
.mcon3 .role-body .item {padding:0 0 50px}
.mcon3 .role-body .item .boxWr {display:block;position:relative;margin:65px 38px 0;box-sizing:border-box;border:5px solid #d8dcdf;background:#fff;min-height:400px;transition:all .5s ease}
.mcon3 .role-body .item .boxWr h3 {display:block;margin:0 20px}
.mcon3 .role-body .item .boxWr h3:before {content:"";display:block;position:relative;width:35px;height:20px;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat;margin:75px auto 0;transition:all .3s ease}
.mcon3 .role-body #sld0.sld-wr {right:0}
.mcon3 .role-body #sld1.sld-wr {left:0}
.mcon3 .role-body #sld2.sld-wr {left:0}
.mcon3 .role-body #sld0.sld-wr.hide {right:100%;left:auto;opacity:0;visibility:hidden}
.mcon3 .role-body #sld1.sld-wr.hide {left:100%;right:auto;opacity:0;visibility:hidden}
.mcon3 .role-body #sld2.sld-wr.hide {left:100%;right:auto;opacity:0;visibility:hidden}
.mcon3 .role-body #sld0.sld-wr .item .boxWr h3:before {background-position:0px -59px}
.mcon3 .role-body #sld1.sld-wr .item .boxWr h3:before {background-position:-55px -59px}
.mcon3 .role-body #sld2.sld-wr .item .boxWr h3:before {background-position:-110px -59px}
.mcon3 .role-body .item .boxWr h3 span {display:block;line-height:1.2}
.mcon3 .role-body .item .boxWr h3 .t1 {font-size:22px;color:#187be1;font-weight:400;margin:10px 0 0}
.mcon3 .role-body .item .boxWr h3 .t2 {font-size:24px;color:#222;font-weight:500;margin:23px 0 0;letter-spacing:-.06em}
.mcon3 .role-body .item .boxWr p {display:block;margin:24px 30px 0;opacity:0;height:0;z-index:1;overflow:hidden;word-wrap:break-word;font-size:18px;color:#444;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:all .3s ease}
.mcon3 .role-body .item .boxWr p span {display:block;opacity:0}
.mcon3 .role-body .item .boxWr a {display:inline-block;position:relative;font-size:16px;color:#333;background:#d8dcdf;padding:15px 76px 17px 42px;margin:26px 0 0;z-index:2;transition:all .3s ease}
.mcon3 .role-body .item .boxWr a:after {content:"";display:block;position:absolute;width:26px;height:7px;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat -46px -99px;right:44px;top:26px;transition:all .3s ease}
.mcon3 .role-body .item .boxWr a:focus,
.mcon3 .role-body .item .boxWr a:hover {background:#ccc}
.mcon3 .role-body .item .boxWr a:focus:after,
.mcon3 .role-body .item .boxWr a:hover:after {right:30px}
.mcon3 .role-body .item .boxWr .imgBox {position:absolute;width:100%;left:0;bottom:0;opacity:0;transition:all .3s ease}
.mcon3 .role-body .item .boxWr .imgBox img {display:block;width:100%}
.mcon3 .role-body .owl-item.active.center {}
.mcon3 .role-body .owl-item.active.center .item .boxWr {border:8px solid #03488f;margin:0;box-shadow:0 10px 20px rgba(0, 0, 0, .3);min-height:530px}
.mcon3 .role-body .owl-item.active.center .item .boxWr h3:before {margin:30px auto 0}
.mcon3 .role-body .owl-item.active.center .item .boxWr p {opacity:1;height:90px}
.mcon3 .role-body .owl-item.active.center .item .boxWr p span {opacity:1}
.mcon3 .role-body .owl-item.active.center .item .boxWr a {background:#0060c3;color:#fff}
.mcon3 .role-body .owl-item.active.center .item .boxWr a:focus,
.mcon3 .role-body .owl-item.active.center .item .boxWr a:hover {background:#03488f}
.mcon3 .role-body .owl-item.active.center .item .boxWr a:after {background-position:-46px -99px}
.mcon3 .role-body .owl-item.active.center .item .boxWr .imgBox {opacity:1}


.mcon3 .role-body #sld0 .item .boxWr {border-color:#1876d7;background:#1876d7}
.mcon3 .role-body #sld0 .item .boxWr h3 .t1 {color:#95e5ff}
.mcon3 .role-body #sld0 .item .boxWr h3 .t2 {color:#fff}
.mcon3 .role-body #sld0 .item .boxWr a {background:#1660ac;color:#fff}
.mcon3 .role-body #sld0 .owl-item.active.center .item .boxWr {border-color:#03488f;background:#fff}
.mcon3 .role-body #sld0 .owl-item.active.center .item .boxWr h3 .t1 {color:#187be1}
.mcon3 .role-body #sld0 .owl-item.active.center .item .boxWr h3 .t2 {color:#222}
.mcon3 .role-body #sld0 .owl-item.active.center .item .boxWr a {background:#0060c3}

.mcon3 .role-body #sld1 .item .boxWr {border-color:#d8457b;background:#d8457b}
.mcon3 .role-body #sld1 .item .boxWr h3 .t1 {color:#ffaecc}
.mcon3 .role-body #sld1 .item .boxWr h3 .t2 {color:#fff}
.mcon3 .role-body #sld1 .item .boxWr a {background:#b13764;color:#fff}
.mcon3 .role-body #sld1 .owl-item.active.center .item .boxWr {border-color:#b53262;background:#fff}
.mcon3 .role-body #sld1 .owl-item.active.center .item .boxWr h3 .t1 {color:#b53262}
.mcon3 .role-body #sld1 .owl-item.active.center .item .boxWr h3 .t2 {color:#222}
.mcon3 .role-body #sld1 .owl-item.active.center .item .boxWr a {background:#d8457b}

.mcon3 .role-body #sld2 .item .boxWr {border-color:#43a13b;background:#43a13b}
.mcon3 .role-body #sld2 .item .boxWr h3 .t1 {color:#8ee887}
.mcon3 .role-body #sld2 .item .boxWr h3 .t2 {color:#fff}
.mcon3 .role-body #sld2 .item .boxWr a {background:#2c8224;color:#fff}
.mcon3 .role-body #sld2 .owl-item.active.center .item .boxWr {border-color:#378431;background:#fff}
.mcon3 .role-body #sld2 .owl-item.active.center .item .boxWr h3 .t1 {color:#378431}
.mcon3 .role-body #sld2 .owl-item.active.center .item .boxWr h3 .t2 {color:#222}
.mcon3 .role-body #sld2 .owl-item.active.center .item .boxWr a {background:#43a13b}

@media all and (max-width:1500px) {
	.mcon3 .role-body .sld-wr .sld-nav button.owl-prev {left:20px}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-next {right:20px}
}
@media all and (max-width:999px) {
	.mcon3 .role-body-wr {height:520px}
	.mcon3 .role-body {width:1136px;height:520px;margin:0 0 0 -568px}
	.mcon3 .role-body .sld-wr .sld-ctr {top:auto;bottom:10px}
	.mcon3 .role-body .sld-wr .sld-nav button {margin:-70px 0 0}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-prev {left:0}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-next {right:0}
	.mcon3 .role-body .item .boxWr {margin:65px 38px 0;min-height:320px}
	.mcon3 .role-body .item .boxWr h3 .t1 {font-size:18px;margin:5px 0 0}
	.mcon3 .role-body .item .boxWr h3 .t2 {font-size:20px;margin:3px 0 0}
	.mcon3 .role-body .item .boxWr p span {font-size:16px;line-height:1.4;margin:0;max-height:66px}
	.mcon3 .role-body .item .boxWr a {margin:0}
	.mcon3 .role-body .owl-item.active.center .item .boxWr {min-height:450px}
}
@media all and (max-width:640px) {
	.mcon3 .role-head h3 {font-size:30px}
	.mcon3 .role-head p {font-size:16px;margin:7px 20px 0}
	.mcon3 .role-head .tab {margin:26px 0 30px}
	.mcon3 .role-head .tab .core {display:block;margin:0 30px}
	.mcon3 .role-head .tab .core button {width:33.3333%}
	.mcon3 .role-head .tab .core button span {width:auto;font-size:16px;padding:13px 0;line-height:1}
	.mcon3 .role-body-wr {height:490px}
	.mcon3 .role-body {width:916px;height:420px;margin:0 0 0 -458px}
	.mcon3 .role-body .sld-wr .sld-nav button {width:42px;height:64px;top:50%;margin:-32px 0 0;background:none;border-radius:3px}
	.mcon3 .role-body .sld-wr .sld-nav button:focus,
	.mcon3 .role-body .sld-wr .sld-nav button:hover {background:none}
	.mcon3 .role-body .sld-wr .sld-nav button:after {width:17px;height:29px;background:url(/homepage/kor/_Img/Main/mc3_spr.png) no-repeat}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-prev:after {background-size:114px 106px;background-position:-64px 0px !important}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-next:after {background-size:114px 106px;background-position:-97px 0px !important}
	.mcon3 .role-body .sld-wr .sld-ctr {bottom:-30px}
	.mcon3 .role-body .sld-wr .sldCore {height:440px}
	.mcon3 .role-body .item .boxWr {margin:50px 20px 0}
	.mcon3 .role-body .item .boxWr p {line-height:1.3;margin:15px 10px 0}
	.mcon3 .role-body .item .boxWr p span {display:inline}
	.mcon3 .role-body .item .boxWr .imgBox {bottom:-1px}
	.mcon3 .role-body .owl-item.active.center .item .boxWr {min-height:415px}
	.mcon3 .role-body .item .boxWr a {display:block;width:68px;position:absolute;left:50%;margin:0 0 0 -82px;bottom:30%;font-size:14px;padding:10px 76px 10px 20px}
	.mcon3 .role-body .item .boxWr a:after {right:15px;top:50%;margin:-3px 0 0}
}
@media all and (max-width:420px) {
	.mcon3 .role-head .tab .core {margin:0 15px}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-prev {left:-7px}
	.mcon3 .role-body .sld-wr .sld-nav button.owl-next {right:-7px}
	.mcon3 .role-body .owl-item {opacity:.3}
	.mcon3 .role-body .owl-item.active.center {opacity:1}
	.mcon3 .role-body .owl-item.active.center .item .boxWr p {line-height:1.3}
	.mcon3 .role-body .item .boxWr p span {display:inline}
}
@media all and (max-width:320px) {
	.mcon3 .role-body-wr {height:370px}
	.mcon3 .role-body {width:726px;height:332px;margin:0 0 0 -363px}
	.mcon3 .role-body .sld-wr .sld-ctr {bottom:auto;top:100%}
	.mcon3 .role-body .sld-wr .sldCore {height:340px}
	.mcon3 .role-body .item .boxWr {margin:20px 10px 0;min-height:280px}
	.mcon3 .role-body .item .boxWr h3 {margin:0 10px}
	.mcon3 .role-body .item .boxWr h3 span {letter-spacing:-.05em}
	.mcon3 .role-body .item .boxWr h3 .t1 {font-size:15px;margin:5px 0 0}
	.mcon3 .role-body .item .boxWr h3 .t2 {font-size:17px;margin:3px 0 0}
	.mcon3 .role-body .item .boxWr p {margin:5px 15px 0}
	.mcon3 .role-body .item .boxWr p span {font-size:14px}
	.mcon3 .role-body .owl-item.active.center .item .boxWr {min-height:320px}
	.mcon3 .role-body .owl-item.active.center .item .boxWr h3:before {margin:15px auto 0}
	.mcon3 .role-body .owl-item.active.center .item .boxWr p {height:auto;line-height:1}
}

/* mcon4 : 전시 */
.mcon4 {position:relative;margin:54px 0 0}
.mcon4 .role-head {text-align:center;max-width:1200px;margin:0 auto}
.mcon4 .role-head h3 {display:block;font-size:40px;color:#111;line-height:1.2;font-weight:500}
.mcon4 .role-head p {display:block;font-size:18px;color:#444;line-height:1.3;margin:7px 0 0}
.mcon4 .role-body {position:relative;width:100%;height:488px;margin:38px auto 0}
.mcon4 .role-body:after {content:"";display:block;position:absolute;width:2000px;height:430px;left:50%;top:0;margin:0 0 0 -1000px;background:url(/homepage/kor/_Img/Main/mc4_bg1.jpg) no-repeat center center;z-index:-1}
.mcon4 .role-body .sldCore {}
.mcon4 .role-body .sldCore .item {max-width:1200px;position:relative;margin:0 auto;min-height:490px}
.mcon4 .role-body .descBox {position:relative;margin:0 760px 0 0;padding:70px 0 0}
.mcon4 .role-body .descBox h3 {display:block;position:relative;margin:0 30px 0 0;padding:27px 0 0}
.mcon4 .role-body .descBox h3:before {content:"";display:block;position:absolute;width:19px;height:19px;background:url(/homepage/kor/_Img/Main/mc4_spr.png) no-repeat 0px 0px;left:0;top:0}
.mcon4 .role-body .descBox h3 span {letter-spacing:-.02em;line-height:1.3}
.mcon4 .role-body .descBox h3 .t1 {display:inline-block;position:relative;font-size:35px;color:#fff;font-weight:500}
.mcon4 .role-body .descBox h3 .t1 .facRoom {display:block;position:absolute;width:44px;height:44px;background:#0060c3;border-radius:50%;color:#fff;text-align:center;line-height:44px;font-size:16px;left:100%;top:50%;margin:-22px 0 0 19px}
.mcon4 .role-body .descBox h3 .t2 {display:block;font-size:19px;color:#8bbdf1;font-weight:400;margin:9px 0 0}
.mcon4 .role-body .descBox p {display:block;font-size:18px;color:#fff;margin:25px 30px 0 0;line-height:1.6;font-weight:300}
.mcon4 .role-body .descBox p span {display:block}
.mcon4 .role-body .descBox .lnkBox {display:block;width:100%;overflow:hidden;margin:62px 0 0}
.mcon4 .role-body .descBox .lnkBox a {display:block;position:relative;float:left;margin:0 5px 0 0;min-width:118px;text-align:center;border:2px solid #fff;border-radius:999px;color:#fff;padding:8px 0 10px;background:transparent;font-size:16px;transition:all .3s ease}
.mcon4 .role-body .descBox .lnkBox a:focus,
.mcon4 .role-body .descBox .lnkBox a:hover,
.mcon4 .role-body .descBox .lnkBox a.active {background:#fff;color:#333}
.mcon4 .role-body .descBox .lnkBox a:last-child:after {content:"";display:block;position:absolute;width:300%;height:2px;background:#fff;left:100%;top:50%;margin:-1px 0 0}
.mcon4 .role-body .imgBox {position:absolute;width:760px;right:0;top:70px}
.mcon4 .role-body .sld-ctr {display:block;position:relative;max-width:1200px;height:0;font-size:0;margin:0 auto;z-index:2}
.mcon4 .role-body .sld-ctr button {display:inline-block;position:relative;width:56px;height:52px;background:transparent;border:0;margin:0;font-size:0;vertical-align:top}
.mcon4 .role-body .sld-ctr button:before,
.mcon4 .role-body .sld-ctr button:after {content:"";display:block;position:absolute;}
.mcon4 .role-body .sld-ctr button:before {width:1px;height:15px;background:#dcdcdc;left:0;top:0;bottom:0;right:auto;margin:auto 0 auto auto}
.mcon4 .role-body .sld-ctr button:after  {width:12px;height:18px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc4_spr.png) no-repeat}
.mcon4 .role-body .sld-ctr .dotBox {display:none}
.mcon4 .role-body .sld-ctr .navBox {position:relative;height:54px;margin:-54px 795px 0 0;text-align:right;font-size:0}
.mcon4 .role-body .sld-ctr .navBox .inwr {display:inline-block;box-sizing:border-box;border:1px solid #d2d2d2;font-size:0;border-radius:999px;overflow:hidden;background:#fff}
.mcon4 .role-body .sld-ctr .navBox .inwr .sld-nav {display:inline-block;font-size:0}
.mcon4 .role-body .sld-ctr .navBox .inwr .sld-nav .owl-prev {border-radius:999px 0 0 999px}
.mcon4 .role-body .sld-ctr .navBox .inwr .sld-nav .owl-prev:before {display:none}
.mcon4 .role-body .sld-ctr .navBox .inwr .sld-nav .owl-prev:after {background-position:0px -39px}
.mcon4 .role-body .sld-ctr .navBox .inwr .sld-nav .owl-next:after {background-position:-28px -39px}
.mcon4 .role-body .sld-ctr .navBox .inwr .owl-stop,
.mcon4 .role-body .sld-ctr .navBox .inwr .owl-play {border-radius:0 999px 999px 0}
.mcon4 .role-body .sld-ctr .navBox .inwr .owl-stop {}
.mcon4 .role-body .sld-ctr .navBox .inwr .owl-stop:after {background-position:0px -77px}
.mcon4 .role-body .sld-ctr .navBox .inwr .owl-play {display:none}
.mcon4 .role-body .sld-ctr .navBox .inwr .owl-play:after {background-position:-28px -77px}
@media all and (max-width:1200px) {
	.mcon4 .role-body .sldCore .item {margin:0 20px}
	.mcon4 .role-body .descBox {margin:0 620px 0 0}
	.mcon4 .role-body .descBox h3 {margin:0}
	.mcon4 .role-body .descBox p {margin:25px 20px 0 0}
	.mcon4 .role-body .descBox .lnkBox a {min-width:90px;padding:5px 0;font-size:15px}
	.mcon4 .role-body .descBox .lnkBox a:last-child:after {width:500%}
	.mcon4 .role-body .imgBox {width:620px;right:0;top:auto;bottom:0}
	.mcon4 .role-body .sld-ctr .navBox {margin:-50px 650px 0 0}
}
@media all and (max-width:999px) {
	.mcon4 .role-body .sldCore .item {min-height:400px}
	.mcon4 .role-body .descBox {margin:0 500px 0 0;padding:40px 0 0}
	.mcon4 .role-body .descBox h3 {padding:20px 0 0}
	.mcon4 .role-body .descBox h3 .t1 {font-size:30px}
	.mcon4 .role-body .descBox h3 .t2 {font-size:17px;margin:0}
	.mcon4 .role-body .descBox p {font-size:17px;line-height:1.5;margin:10px 20px 0 0}
	.mcon4 .role-body .descBox .lnkBox {margin:25px 0 0}
	.mcon4 .role-body .descBox .lnkBox a {float:none;max-width:120px;margin:0 0 5px}
	.mcon4 .role-body .imgBox {width:500px;bottom:0;top:60px}
	.mcon4 .role-body .sld-ctr .navBox {margin:-50px 20px 0 0}
}
@media all and (max-width:860px) {
	.mcon4 .role-body {height:430px}
	.mcon4 .role-body .descBox {margin:0 460px 0 0}
	.mcon4 .role-body .descBox p {font-size:15px;line-height:1.5;margin:10px 20px 0 0;letter-spacing:-.05em}
	.mcon4 .role-body .descBox .lnkBox {margin:15px 0 0}
	.mcon4 .role-body .descBox .lnkBox a {margin:0 0 3px;padding:3px 0}
	.mcon4 .role-body .imgBox {width:460px}
}
@media all and (max-width:767px) {
	.mcon4 .role-body {height:auto;padding:40px 0 20px;margin:20px auto 0}
	.mcon4 .role-body .sldCore .item {min-height:0}
	.mcon4 .role-body .descBox {margin:0;padding:0}
	.mcon4 .role-body .imgBox {position:relative;width:auto;right:auto;top:auto;bottom:auto}
	.mcon4 .role-body .descBox .lnkBox {text-align:left;margin:0;padding:20px 0}
	.mcon4 .role-body .descBox .lnkBox a {display:inline-block;margin:0 5px 0 0;padding:5px 10px}
	.mcon4 .role-body .descBox .lnkBox a:after,
	.mcon4 .role-body .descBox .lnkBox a:last-child:after {content:"";display:block;position:absolute;background:#fff;width:2px;height:100%;left:50%;top:100%;margin:0 0 0 -1px}
	.mcon4 .role-body:after {width:2000px;height:100%;background-size:cover}
	.mcon4 .role-body .sld-ctr {height:auto;margin:20px 0 0}
	.mcon4 .role-body .sld-ctr .navBox {margin:0 20px}
}
@media all and (max-width:640px) {
	.mcon4 {margin:15px 0 0}
	.mcon4 .role-head h3 {font-size:30px}
	.mcon4 .role-head p {font-size:16px;margin:7px 20px 0}
	.mcon4 .role-body .descBox .lnkBox a {display:block;margin:0 0 5px;text-align:center;max-width:9999px}
	.mcon4 .role-body .descBox .lnkBox a:after {display:none}
	.mcon4 .role-body .descBox .lnkBox a:last-child:after {display:block}
	.mcon4 .role-body .sld-ctr .navBox {text-align:center}
}

/* mcon5 : 국립부산과학관 정보 */
.mcon5 {position:relative;margin:54px 0 73px}
.mcon5 .role-head {text-align:center;max-width:1200px;margin:0 auto}
.mcon5 .role-head h3 {display:block;font-size:40px;color:#111;line-height:1.2;font-weight:500}
.mcon5 .role-head p {display:block;font-size:18px;color:#444;line-height:1.3;margin:7px 0 0}
.mcon5 .role-body {position:relative;max-width:1200px;margin:0 auto 0}
.mcon5 .role-body ul.info1 {display:block;width:100%;font-size:0;margin:49px 0 0}
.mcon5 .role-body ul.info1 li {display:inline-block;position:relative;width:20%;vertical-align:top}
.mcon5 .role-body ul.info1 li a {display:block}
.mcon5 .role-body ul.info1 li a .imgBox {position:relative;width:140px;height:110px;margin:0 auto}
.mcon5 .role-body ul.info1 li a .imgBox:before,
.mcon5 .role-body ul.info1 li a .imgBox:after {content:"";display:block;position:absolute;width:100%;height:100%;background:url(/homepage/kor/_Img/Main/mc5_spr.png) no-repeat;transition:all .5s ease}
.mcon5 .role-body ul.info1 li a .imgBox:after {opacity:0}
.mcon5 .role-body ul.info1 li a .dotBox {position:relative;width:39px;height:39px;margin:0 auto}
.mcon5 .role-body ul.info1 li a .dotBox:before,
.mcon5 .role-body ul.info1 li a .dotBox:after {content:"";display:block;position:absolute;box-sizing:border-box;border-radius:50%;transition:all .5s ease}
.mcon5 .role-body ul.info1 li a .dotBox:before {z-index:2;width:15px;height:15px;top:0;right:0;bottom:0;left:0;margin:auto}
.mcon5 .role-body ul.info1 li a .dotBox:after {z-index:1;width:0;height:0;left:50%;top:50%}
.mcon5 .role-body ul.info1 li a .txt {display:block;height:22px;text-align:center;font-size:19px;color:#333;font-weight:500;line-height:1;margin:4px 0 0;transition:all .5s ease}
.mcon5 .role-body ul.info1 li a.over .txt,
.mcon5 .role-body ul.info1 li a:focus .txt,
.mcon5 .role-body ul.info1 li a:hover .txt {font-size:22px}
.mcon5 .role-body ul.info1 li a.over .imgBox:before {opacity:0}
.mcon5 .role-body ul.info1 li a.over .imgBox:after {opacity:1}
.mcon5 .role-body ul.info1 li a:focus .imgBox:before,
.mcon5 .role-body ul.info1 li a:hover .imgBox:before {opacity:0}
.mcon5 .role-body ul.info1 li a:focus .imgBox:after,
.mcon5 .role-body ul.info1 li a:hover .imgBox:after {opacity:1}
.mcon5 .role-body ul.info1 li a.over .dotBox:after,
.mcon5 .role-body ul.info1 li a:focus .dotBox:after,
.mcon5 .role-body ul.info1 li a:hover .dotBox:after {width:100%;height:100%;left:0;top:0}
.mcon5 .role-body ul.info1 li:after {content:"";display:block;position:absolute;width:100%;height:1px;background:url(/homepage/kor/_Img/Main/mc5_ptn1.png) repeat-x left top;left:50%;top:129px}
.mcon5 .role-body ul.info1 li:last-child:after {display:none}
.mcon5 .role-body ul.info1 li:nth-child(1) a .dotBox:before {background:#2657ad}
.mcon5 .role-body ul.info1 li:nth-child(1) a .dotBox:after {border:1px solid #2657ad;background:rgba(38, 89, 173, .15)}
.mcon5 .role-body ul.info1 li:nth-child(2) a .dotBox:before {background:#37a8bc}
.mcon5 .role-body ul.info1 li:nth-child(2) a .dotBox:after {border:1px solid #37a8bc;background:rgba(55, 168, 188, .15)}
.mcon5 .role-body ul.info1 li:nth-child(3) a .dotBox:before {background:#da293e}
.mcon5 .role-body ul.info1 li:nth-child(3) a .dotBox:after {border:1px solid #da293e;background:rgba(218, 41, 62, .15)}
.mcon5 .role-body ul.info1 li:nth-child(4) a .dotBox:before {background:#7e8ca5}
.mcon5 .role-body ul.info1 li:nth-child(4) a .dotBox:after {border:1px solid #7e8ca5;background:rgba(126, 140, 165, .15)}
.mcon5 .role-body ul.info1 li:nth-child(5) a .dotBox:before {background:#ffbe00}
.mcon5 .role-body ul.info1 li:nth-child(5) a .dotBox:after {border:1px solid #ffbe00;background:rgba(255, 190, 0, .15)}
.mcon5 .role-body ul.info1 li:nth-child(1) .imgBox:before {background-position:0px 0px}
.mcon5 .role-body ul.info1 li:nth-child(2) .imgBox:before {background-position:-160px 0px}
.mcon5 .role-body ul.info1 li:nth-child(3) .imgBox:before {background-position:-320px 0px}
.mcon5 .role-body ul.info1 li:nth-child(4) .imgBox:before {background-position:-480px 0px}
.mcon5 .role-body ul.info1 li:nth-child(5) .imgBox:before {background-position:-640px 0px}
.mcon5 .role-body ul.info1 li:nth-child(1) .imgBox:after {background-position:0px -130px}
.mcon5 .role-body ul.info1 li:nth-child(2) .imgBox:after {background-position:-160px -130px}
.mcon5 .role-body ul.info1 li:nth-child(3) .imgBox:after {background-position:-320px -130px}
.mcon5 .role-body ul.info1 li:nth-child(4) .imgBox:after {background-position:-480px -130px}
.mcon5 .role-body ul.info1 li:nth-child(5) .imgBox:after {background-position:-640px -130px}
.mcon5 .role-body ul.info2 {display:block;width:100%;font-size:0;margin:35px 0 0}
.mcon5 .role-body ul.info2 li {display:inline-block;position:relative;width:33.33%;vertical-align:top}
.mcon5 .role-body ul.info2 li a {display:block;position:relative;overflow:hidden}
.mcon5 .role-body ul.info2 li a:before {content:"";display:block;position:absolute;width:100%;height:100%;background:#000;opacity:.4;z-index:2;transition:all .3s ease}
.mcon5 .role-body ul.info2 li a .txtBox {display:block;position:absolute;left:0;top:50%;margin:-42px 0 0;width:100%;text-align:center;font-size:24px;color:#fff;z-index:3}
.mcon5 .role-body ul.info2 li a .txtBox:before {content:"";display:block;position:relative;margin:0 auto;width:40px;height:40px;background:url(/homepage/kor/_Img/Main/mc5_spr.png) no-repeat}
.mcon5 .role-body ul.info2 li:nth-child(1) a .txtBox:before {background-position:0px -260px}
.mcon5 .role-body ul.info2 li:nth-child(2) a .txtBox:before {background-position:-60px -260px}
.mcon5 .role-body ul.info2 li:nth-child(3) a .txtBox:before {background-position:-120px -260px}
.mcon5 .role-body ul.info2 li a img {display:block;width:100%;position:relative;z-index:1;transition:all .3s ease}
.mcon5 .role-body ul.info2 li a.over:before,
.mcon5 .role-body ul.info2 li a:focus:before,
.mcon5 .role-body ul.info2 li a:hover:before {opacity:.6;}
.mcon5 .role-body ul.info2 li a.over img,
.mcon5 .role-body ul.info2 li a:focus img,
.mcon5 .role-body ul.info2 li a:hover img {transform:scale(1.2)}
@media all and (max-width:999px) {
	.mcon5 .role-body ul.info1 li a .txt {font-size:17px}
	.mcon5 .role-body ul.info1 li a:focus .txt,
	.mcon5 .role-body ul.info1 li a:hover .txt {font-size:17px}
}
@media all and (max-width:860px) {
	.mcon5 .role-body ul.info1 {text-align:center}
	.mcon5 .role-body ul.info1 li {width:33.33%}
	.mcon5 .role-body ul.info1 li:after {top:119px}
	.mcon5 .role-body ul.info1 li:nth-child(3n):after {display:none}
	.mcon5 .role-body ul.info1 li a .dotBox {margin:-10px auto 0}
}
@media all and (max-width:640px) {
	.mcon5 {margin:35px 0}
	.mcon5 .role-head h3 {font-size:30px;letter-spacing:-.05em}
	.mcon5 .role-head p {font-size:16px;margin:7px 20px 0}
}
@media all and (max-width:540px) {
	.mcon5 .role-body ul.info1 {margin:20px 15px 0;width:auto;text-align:left}
	.mcon5 .role-body ul.info1 li {display:block;width:auto;padding:5px 0}
	.mcon5 .role-body ul.info1 li:after {width:1px;height:100%;background:url(/homepage/kor/_Img/Main/mc5_ptn2.png) repeat-y left top;left:95px;top:0}
	.mcon5 .role-body ul.info1 li:first-child:after {height:50%;top:50%}
	.mcon5 .role-body ul.info1 li:last-child:after {display:block;height:50%}
	.mcon5 .role-body ul.info1 li:last-child {margin:0}
	.mcon5 .role-body ul.info1 li:nth-child(3n):after {display:block}
	.mcon5 .role-body ul.info1 li:nth-child(2n):after {display:block}
	.mcon5 .role-body ul.info1 li a {position:relative;height:55px;line-height:68px;text-align:left}
	.mcon5 .role-body ul.info1 li a .imgBox {position:absolute;width:70px;height:55px;margin:0;left:0;top:0}
	.mcon5 .role-body ul.info1 li a .imgBox:before,
	.mcon5 .role-body ul.info1 li a .imgBox:after {background-size:390px 150px}
	.mcon5 .role-body ul.info1 li a .imgBox:before {display:none}
	.mcon5 .role-body ul.info1 li a .imgBox:after {opacity:1}
	.mcon5 .role-body ul.info1 li a .dotBox {position:absolute;width:31px;height:31px;left:80px;top:50%;margin:-15px 0 0}
	.mcon5 .role-body ul.info1 li a .dotBox:before {width:11px;height:11px}
	.mcon5 .role-body ul.info1 li a .dotBox:after {width:100%;height:100%;left:0;top:0}
	.mcon5 .role-body ul.info1 li a .txt {display:inline-block;margin:0 0 0 130px;height:22px;line-height:22px}
	.mcon5 .role-body ul.info1 li:nth-child(1) .imgBox:after {background-position:0px -65px}
	.mcon5 .role-body ul.info1 li:nth-child(2) .imgBox:after {background-position:-80px -65px}
	.mcon5 .role-body ul.info1 li:nth-child(3) .imgBox:after {background-position:-160px -65px}
	.mcon5 .role-body ul.info1 li:nth-child(4) .imgBox:after {background-position:-240px -65px}
	.mcon5 .role-body ul.info1 li:nth-child(5) .imgBox:after {background-position:-320px -65px}
	.mcon5 .role-body ul.info1 li a .txt {font-size:15px}
	.mcon5 .role-body ul.info1 li a:focus .txt,
	.mcon5 .role-body ul.info1 li a:hover .txt {font-size:15px}
	.mcon5 .role-body ul.info2 {width:auto;margin:35px 35px 0}
	.mcon5 .role-body ul.info2 li {display:block;width:auto;margin:0 0 35px}
	.mcon5 .role-body ul.info2 li:last-child {margin:0}
	.mcon5 .role-body ul.info2 li a {height:150px}
	.mcon5 .role-body ul.info2 li a img {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
}
@media all and (max-width:420px) {
	.mcon5 {margin:35px 0 20px}
	.mcon5 .role-body ul.info1 {margin:20px 10px 0}
	.mcon5 .role-body ul.info2 {width:auto;margin:20px 20px 0}
	.mcon5 .role-body ul.info2:after {content:"";display:block;clear:both}
	.mcon5 .role-body ul.info2 li {display:block;float:left;width:33.3333%;margin:0 0 20px}
	.mcon5 .role-body ul.info2 li a {height:auto;overflow:hidden;padding:10px 0}
	.mcon5 .role-body ul.info2 li a:before {display:none}
	.mcon5 .role-body ul.info2 li a .txtBox {font-size:15px;position:relative;left:auto;top:auto;margin:0}
	.mcon5 .role-body ul.info2 li a img {display:none}
	.mcon5 .role-body ul.info2 li:nth-child(1) a {background:#0270e1}
	.mcon5 .role-body ul.info2 li:nth-child(2) a {background:#03488f}
	.mcon5 .role-body ul.info2 li:nth-child(3) a {background:#00a2e1}
}
@media all and (max-width:340px) {
	.mcon5 {margin:35px 0 10px}
	.mcon5 .role-body ul.info1 li:after {left:95px}
	.mcon5 .role-body ul.info1 li a .txt {margin:0 0 0 130px}
	.mcon5 .role-body ul.info1 li a .dotBox {left:80px}
	.mcon5 .role-body ul.info2 {width:auto;margin:20px 10px 0}
	.mcon5 .role-body ul.info2 li {margin:0 0 10px}
}

/* mcon6 : SNS */
.mcon6  {background:#ececec}
.mcon6 .role-head {position:relative;padding:61px 0 46px}
.mcon6 .role-head .tit {display:block;text-align:center;color:#111;font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1}
.mcon6 .role-head ul {display:block;position:relative;width:100%;text-align:center;font-size:0;margin:26px 0 0}
.mcon6 .role-head ul:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#b2b2b2;left:0;top:50%;z-index:1}
.mcon6 .role-head ul li {display:inline-block;position:relative;vertical-align:top;margin:0 15px;z-index:2}
.mcon6 .role-head ul li a {display:block;position:relative;width:68px;height:68px;border-radius:50%}
.mcon6 .role-head ul li a:before {content:"";display:block;position:absolute;width:40px;height:40px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc6_spr.png) no-repeat;z-index:2}
.mcon6 .role-head ul li a.blog:before {width:50px}
.mcon6 .role-head ul li a.face {background:#2b4b8e}
.mcon6 .role-head ul li a.face:before {background-position:0px 0px}
.mcon6 .role-head ul li a.inst {background:url(/homepage/kor/_Img/Main/mc6_bg1.jpg) no-repeat center center}/* background:radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); */
.mcon6 .role-head ul li a.inst:before {background-position:-60px 0px}
.mcon6 .role-head ul li a.blog {background:#2ba203}
.mcon6 .role-head ul li a.blog:before {background-position:-299px 0px}
.mcon6 .role-head ul li a.kaka {background:#f9df33}
.mcon6 .role-head ul li a.kaka:before {background-position:-180px 0px}
.mcon6 .role-head ul li a.yout {background:#ff001e}
.mcon6 .role-head ul li a.yout:before {background-position:-240px 0px}
.mcon6 .role-head .ovBar {position:absolute;width:15px;height:4px;background:#2b4b8e;bottom:37px;margin:0 0 0 26px;transition:all .3s ease}
.mcon6 .role-body {max-width:1200px;position:relative;margin:0 auto;text-align:center;padding:0 0 73px}
.mcon6 .role-body .sns-wr {}
.mcon6 .role-body .sns-wr.face {}
.mcon6 .role-body .sns-wr.inst {}
.mcon6 .role-body .loading {display:block;width:50px;height:50px;position:relative;margin:50px auto;border-radius:3px;background:#fff;box-shadow:0 3px 5px rgba(0, 0, 0, .2);font-size:0;text-indent:-9999px;line-height:9999px;overflow:hidden}
.mcon6 .role-body .loading:after {content:"";display:block;position:absolute;width:32px;height:32px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/_Img/ajax-loader.gif) no-repeat}
.mcon6 .role-body ul {display:block;width:100%;opacity:0;transition:all .3s ease}
.mcon6 .role-body ul:after {content:"";display:block;clear:both}
.mcon6 .role-body ul li {display:block;float:left;width:31.66%;margin:0 0 20px 0}
.mcon6 .role-body ul li .grid-gutter {display:block;width:7.89%;height:0}
.mcon6 .role-body ul li a {display:block;background:#fff}
.mcon6 .role-body ul li a .imgBox {width:100%;overflow:hidden}
.mcon6 .role-body ul li a .imgBox img {display:block;position:relative;width:100%;z-index:1;transition:all .5s ease}
.mcon6 .role-body ul li a .txtBox {padding:24px 30px;text-align:left}
.mcon6 .role-body ul li a .txtBox p {display:block;font-size:16px;color:#444;line-height:25px;margin:0 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto;max-height:50px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mcon6 .role-body ul li a .txtBox span {display:block;position:relative;font-size:15px;color:#666;padding:0 0 0 43px}
.mcon6 .role-body ul li a .txtBox span:before,
.mcon6 .role-body ul li a .txtBox span:after {content:"";display:block;position:absolute;width:36px;height:36px;left:0;top:50%;margin:-18px 0 0;border-radius:50%}
.mcon6 .role-body ul li a .txtBox span:before {background:url(/homepage/kor/_Img/Main/mc6_spr.png) no-repeat;z-index:2}
.mcon6 .role-body ul li a .txtBox span:after {z-index:1}
.mcon6 .role-body ul li a:focus .imgBox img,
.mcon6 .role-body ul li a:hover .imgBox img {transform:scale(1.1)}
.mcon6 .role-body ul.no-data-ul {opacity:1}
.mcon6 .role-body ul.no-data-ul li.no-data {display:block;width:100%;text-align:center;padding:110px 0 50px;background:url(/_Img/Board/default/ico_nodata.png) no-repeat center 30px;border-bottom:1px solid #ddd !important;margin:0;font-size:17px;color:#222}
.mcon6 .role-body button {display:inline-block;position:relative;font-size:16px;font-weight:500;line-height:1;color:#444;border:1px solid #444;background:none;padding:15px 64px 17px 36px;margin:23px 0 0;transition:all .3s ease}
.mcon6 .role-body button:after {content:"";display:block;position:absolute;width:10px;height:10px;right:37px;top:50%;margin:-5px 0 0;background:url(/homepage/kor/_Img/Main/mc6_spr.png) no-repeat 0px -116px;transition:all .3s ease}
.mcon6 .role-body button:focus,
.mcon6 .role-body button:hover {background:#fff}
.mcon6 .role-body button:focus:after,
.mcon6 .role-body button:hover:after {transform:rotate(90deg)}
.mcon6 .role-body ul.face li a {border-bottom:3px solid #2b4b8e}
.mcon6 .role-body ul.face li a .txtBox span:before {background-position:0px -60px}
.mcon6 .role-body ul.face li a .txtBox span:after {background:#2b4b8e}
.mcon6 .role-body ul.inst li a {border-bottom:3px solid #cf0072}
.mcon6 .role-body ul.inst li a .txtBox span:before {background-position:-56px -60px}
.mcon6 .role-body ul.inst li a .txtBox span:after {background:url(/homepage/kor/_Img/Main/mc6_bg1.jpg) no-repeat center center;background-size:cover}
.mcon6 .role-body ul.yout li a {border-bottom:3px solid #ff001e}
.mcon6 .role-body ul.yout li a .txtBox span:before {background-position:-112px -60px}
.mcon6 .role-body ul.yout li a .txtBox span:after {background:#ff001e}

@media all and (max-width:1200px) {
	.mcon6 .role-body {margin:0 20px}
}
@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
	.mcon6 .role-body ul li {width:47%;}
	.mcon6 .role-body ul li .grid-gutter {width:11.71%}
	.mcon6 .role-body ul li a .txtBox {padding:10px 15px 20px}
}
@media all and (max-width:540px) {
	.mcon6 .role-head ul li {margin:0 5px}
	.mcon6 .role-head ul li a {width:50px;height:50px}
	.mcon6 .role-body ul li a .txtBox span {font-size:14px;margin:10px 0 0;padding:0 0 0 35px}
	.mcon6 .role-body ul li a .txtBox span:before,
	.mcon6 .role-body ul li a .txtBox span:after {width:27px;height:27px;margin:-14px 0 0;background-size:165px 94px}
	.mcon6 .role-body ul.face li a .txtBox span:before {background-position:0px -45px}
	.mcon6 .role-body ul.inst li a .txtBox span:before {background-position:-42px -45px}
}
@media all and (max-width:450px) {
	.mcon6 .role-head {padding:10px 0 20px}
	.mcon6 .role-head .ovBar {margin:0 0 0 18px}
	.mcon6 .role-head .tit {display:none}
	.mcon6 .role-body ul li {width:100%}
	.mcon6 .role-body ul li .grid-gutter {width:0}
}