@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;color:#555}
#mcontainer {}

/* 메인비쥬얼
------------------------------------------------------ */
.mVisual-wr {position:relative;height:460px}
#mVisual {position:relative;height:100%}
#mVisual .datalist {position:relative;z-index:1;height:100%}
#mVisual .datalist .owl-stage-outer {z-index:1}
#mVisual .datalist .owl-stage-outer,
#mVisual .datalist .owl-stage,
#mVisual .datalist .owl-item,
#mVisual .datalist .item {height:100%}
#mVisual .datalist .owl-item {overflow:hidden}
#mVisual .datalist .item {display:block;box-sizing:border-box;position:relative}
#mVisual .datalist .txtBox {display:block;position:relative;height:0;max-width:1600px;width:auto;margin:0 auto;z-index:2}
#mVisual .datalist .txtBox .txtCore {display:block;position:absolute;left:0;top:110px;width:auto;color:#000;box-sizing:border-box;padding:0 0 0 28px}
#mVisual .datalist .txtBox .txtCore .pTxtEng {display:inline-block;font-size:22px;line-height:1.2;box-sizing:border-box;position:relative;font-family:ropa-sans-pro, sans-serif}
#mVisual .datalist .txtBox .txtCore .pTxtEng:after {/* content:"";display:block; */position:absolute;width:39px;height:39px;background:url(/resources/_Templet/Main/main_dep2/img/main_spr.png) no-repeat 0 0;right:-2px;bottom:100%;margin:0 0 -9px}
#mVisual .datalist .txtBox .txtCore .pTxtKor {display:block;font-size:40px;line-height:48px;letter-spacing:-.025em;margin:12px 0 0;font-weight:700}
#mVisual .datalist .txtBox .txtCore .pTxtKor .pTxtEng {font-weight:500;font-size: 17px;font-family: "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "맑은고딕","돋움",arial,Dotum,Verdana,helvetica,clean, sans-serif;}
#mVisual .datalist .txtBox .txtCore .pTxtKor span {display:block}
#mVisual .datalist .txtBox .txtCore .cw {color:#fff;text-shadow:0 0 13px rgba(0,0,0,0.75);}
#mVisual .datalist .txtBox .txtCore .pLnk {display:inline-block;box-sizing:border-box;position:relative;width:auto;height:auto;border-radius:999px;border:1px solid #e12525;background:#fff;margin:71px 0 0;box-shadow:12px 12px 14px rgba(0, 0, 0, .25);line-height:1;padding:23px 60px 22px 30px;transition:all .3s ease}
#mVisual .datalist .txtBox .txtCore .pLnk span {display:block;line-height:1;font-size:20px;font-weight:700;letter-spacing:-.05em}
#mVisual .datalist .txtBox .txtCore .pLnk:after {content:"";display:block;position:absolute;width:8px;height:14px;background:url(/resources/_Templet/Main/main_dep2/img/main_spr.png) no-repeat -49px 0px;right:28px;top:26px}
#mVisual .datalist .txtBox .txtCore .pLnk:focus,
#mVisual .datalist .txtBox .txtCore .pLnk:hover {background:#e12525;color:#fff}
#mVisual .datalist .txtBox .txtCore .pLnk:focus:after,
#mVisual .datalist .txtBox .txtCore .pLnk:hover:after {background-position:-49px -25px}
#mVisual .datalist .imgBox {display:block;position:relative;z-index:1;height:100%}
#mVisual .datalist .imgBox img {display:block;position:absolute;width:1920px;height:100%;left:50%;top:0;margin:0 0 0 -960px}
#mVisual .datalist .owl-nav {display:block;position:absolute;width:100%;left:0;top:50%;z-index:2;height:0}
#mVisual .datalist .owl-nav.disabled {display:none}
#mVisual .datalist .owl-nav button {display:block;position:absolute;width:50px;height:50px;border:0;top:50%;margin:-25px 0 0;font-size:0;background:transparent}
#mVisual .datalist .owl-nav button:after {content:"";display:block;position:absolute;width:20px;height:20px;border-bottom:2px solid #fff;border-left:2px solid #fff;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#mVisual .datalist .owl-nav button.owl-prev {left:20px}
#mVisual .datalist .owl-nav button.owl-prev:after {transform:rotate(45deg)}
#mVisual .datalist .owl-nav button.owl-next {right:20px}
#mVisual .datalist .owl-nav button.owl-next:after {transform:rotate(225deg)}
#mVisual .ctrls-wrap {display:block;position:absolute;width:100%;height:0;left:0;bottom:50px;z-index:2;font-size:0;text-align:center}
#mVisual .ctrls-wrap button {position:relative;width:20px;height:20px;box-sizing:border-box;border:2px solid #fff;border-radius:999px;margin:0 3px;background:transparent}
#mVisual .ctrls-wrap .ctrl-dots {display:inline-block;vertical-align:top}
#mVisual .ctrls-wrap .ctrl-dots button {display:inline-block;box-shadow:0 0 5px rgba(0, 0, 0, .8);transition:all .3s ease}
#mVisual .ctrls-wrap .ctrl-dots button.active {width:30px;background:#fff}
#mVisual .ctrls-wrap .ctrl-auto {display:inline-block;vertical-align:top;margin:0 0 0 10px}
#mVisual .ctrls-wrap .ctrl-auto button {background:#fff}
#mVisual .ctrls-wrap .ctrl-auto button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}
#mVisual .ctrls-wrap .ctrl-auto button.btn-stop {}
#mVisual .ctrls-wrap .ctrl-auto button.btn-stop:after {width:2px;height:8px;border-left:2px solid #000;border-right:2px solid #000;margin:auto}
#mVisual .ctrls-wrap .ctrl-auto button.btn-play {display:none}
#mVisual .ctrls-wrap .ctrl-auto button.btn-play:after {width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;margin:auto}
@media all and (max-width:1700px) {
	#mVisual .datalist .txtBox .txtCore {padding:0 0 0 70px}
}
@media all and (max-width:1200px) {
	.mVisual-wr {height:345px}
	#mVisual .datalist .imgBox img {width:1440px;margin:0 0 0 -720px}
	#mVisual .datalist .txtBox .txtCore {top:90px}
	#mVisual .datalist .txtBox .txtCore .pTxtEng {font-size:20px}
	#mVisual .datalist .txtBox .txtCore .pTxtKor {font-size:30px;line-height:1.2;letter-spacing:-.05em;margin:5px 0 0}
	#mVisual .datalist .txtBox .txtCore .pLnk {margin:20px 0 0;box-shadow:5px 5px 10px rgba(0, 0, 0, .25);padding:15px 50px 15px 15px}
	#mVisual .datalist .txtBox .txtCore .pLnk:after {right:20px;top:19px}
	#mVisual .datalist .txtBox .txtCore .pLnk span {font-size:17px}
}
@media all and (max-width:799px) {
	.mVisual-wr {height:287px}
	#mVisual .datalist .imgBox img {width:1200px;margin:0 0 0 -600px}
	#mVisual .datalist .txtBox .txtCore {top:76px;padding:0 0 0 50px}
	#mVisual .datalist .txtBox .txtCore .pTxtEng {font-size:17px}
	#mVisual .datalist .txtBox .txtCore .pTxtKor {font-size:24px}
	#mVisual .datalist .txtBox .txtCore .pLnk {margin:15px 0 0;padding:10px 40px 10px 15px}
	#mVisual .datalist .txtBox .txtCore .pLnk:after {right:15px;top:10px}
	#mVisual .datalist .txtBox .txtCore .pLnk span {font-size:15px}
	#mVisual .datalist .owl-nav button.owl-prev {left:0}
	#mVisual .datalist .owl-nav button.owl-next {right:0}
	#mVisual .ctrls-wrap {bottom:30px}
}
@media all and (max-width:599px) {
	.mVisual-wr {height:230px}
	#mVisual .datalist .imgBox img {width:960px;margin:0 0 0 -480px}
	#mVisual .datalist .txtBox .txtCore {top:55px;padding:0 0 0 40px}
	#mVisual .datalist .txtBox .txtCore .pTxtEng {font-size:15px}
	#mVisual .datalist .txtBox .txtCore .pTxtKor {font-size:20px}
	#mVisual .datalist .txtBox .txtCore .pLnk {margin:10px 0 0;padding:10px 30px 10px 15px}
	#mVisual .datalist .txtBox .txtCore .pLnk:after {right:10px;top:10px}
}
@media all and (max-width:499px) {
	#mVisual .datalist .txtBox .txtCore {width:100%;padding:0 20px}
	#mVisual .datalist .txtBox .txtCore .pLnk {padding:7px 30px 7px 15px}
	#mVisual .datalist .txtBox .txtCore .pLnk:after {top:50%;transform:translateY(-50%)}
	#mVisual .datalist .owl-nav {top:auto;bottom:10px}
	#mVisual .datalist .owl-nav button {width:30px;height:30px}
	#mVisual .datalist .owl-nav button:after {width:10px;height:10px}
	#mVisual .datalist .owl-nav button.owl-prev {left:15px}
	#mVisual .datalist .owl-nav button.owl-next {right:15px}
	#mVisual .ctrls-wrap button {width:14px;height:14px;margin:0 2px}
	#mVisual .ctrls-wrap .ctrl-auto {margin:0 0 0 5px}
}
@media all and (max-width:399px) {
	#mVisual .datalist .txtBox .txtCore {top:62px}
	#mVisual .datalist .txtBox .txtCore .pTxtEng {font-size:14px}
	#mVisual .datalist .txtBox .txtCore .pTxtKor {font-size:17px}
}

/* SNS
------------------------------------------------------ */
.mSns-wr {max-width:1600px;margin:0 auto;padding:57px 0 78px}
.mSns-wr .mSnsTit {display:block;font-size:40px;font-weight:300;text-align:left;font-family:ropa-sans-pro, 'Noto Sans KR', sans-serif;letter-spacing:-.05em;color:#000;line-height:1}
.mSns-wr .mSnsTit em {font-style:normal;font-weight:500}
#mSns {margin:27px 0 0}
#mSns .datalist {display:block;overflow:hidden;margin:0 0 20px;}
#mSns .datalist:last-child {margin:0;}
#mSns .datalist .item {display:block;float:left;width:24.375%;margin:0 0.83% 0 0}
#mSns .datalist .item:nth-child(4n) {margin:0}
#mSns .datalist .item:nth-child(n+5) {display:none}
#mSns .datalist .item a {display:block}
#mSns .datalist .item a .imgBox {display:block;box-sizing:border-box;position:relative;height:0;padding:0 0 55.64% 0;border:1px solid #cfcfcf;border-bottom:0;overflow:hidden;}
#mSns .datalist .item a .imgBox img {display:block;position:absolute;width:100%;height:100%;transition:all .3s ease}
#mSns .datalist .item a:focus .imgBox img,
#mSns .datalist .item a:hover .imgBox img {transform:scale(1.1)}
#mSns .datalist .item a .txtBox {display:block;box-sizing:border-box;position:relative;padding:14px 20px 36px}
#mSns .datalist .item a .txtBox:before,
#mSns .datalist .item a .txtBox:after {content:"";display:block;position:absolute;bottom:0;box-sizing:border-box;transition:all .3s ease}
#mSns .datalist .item a .txtBox:before {width:0;height:4px;left:50%;background:#3f56a6;z-index:1}
#mSns .datalist .item a .txtBox:after {width:100%;height:100%;border:1px solid #cfcfcf;left:0;z-index:0}
#mSns .datalist .item a .txtBox .snsTit {display:block;font-size:18px;letter-spacing:-.05em;color:#333;width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;line-height:1.5;height:27px}
#mSns .datalist .item a .txtBox .snsDate {display:block;font-size:18px;color:#999;font-family:ropa-sans-pro, sans-serif;margin:46px 50px 0 0}
#mSns .datalist .item a .txtBox .snsMark {display:block;position:absolute;width:42px;height:42px;border-radius:50%;right:20px;bottom:18px}
#mSns .datalist .item a .txtBox .snsMark:after {content:"";display:block;position:absolute;width:30px;height:30px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Templet/Main/main_dep2/img/main_spr.png) no-repeat}
#mSns .datalist .item.yout a .txtBox .snsMark {background:#e12525}
#mSns .datalist .item.yout a .txtBox .snsMark:after {background-position:-285px 0px}
#mSns .datalist .item.face a .txtBox .snsMark {background:#0052a6}
#mSns .datalist .item.face a .txtBox .snsMark:after {background-position:-325px 0px}
#mSns .datalist .item.blog a .txtBox .snsMark {background:#2cb400}
#mSns .datalist .item.blog a .txtBox .snsMark:after {background-position:-365px 0px}
#mSns .datalist .item.twit a .txtBox .snsMark {background:#3d9cd6}
#mSns .datalist .item.twit a .txtBox .snsMark:after {background-position:-405px 0px}
#mSns .datalist .item.inst a .txtBox .snsMark {background:url(/resources/_Templet/Main/main_dep2/img/main_spr.png) no-repeat -134px 0px}
#mSns .datalist .item.inst a .txtBox .snsMark:after {background-position:-445px 0px}
#mSns .datalist .item a:focus .txtBox:before,
#mSns .datalist .item a:hover .txtBox:before {width:100%;left:0}
#mSns .datalist .item.hasNoData {width:100%;margin:0;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;}
#mSns .datalist .item.hasNoData .no-data {display:block;box-sizing:border-box;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 50px;text-align:center;padding:130px 0 60px;font-size:16px}
#mSns .datalist .no-data {text-align:center;padding-top:80px;font-size:14px;color:#555;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 0;}
@media all and (max-width:1600px) {
	.mSns-wr {margin:0 20px;padding:57px 0 78px}
}
@media all and (max-width:1200px) {
	.mSns-wr {padding:40px 0 20px}
	#mSns {margin:20px 0 0}
	#mSns .datalist .item a .txtBox {padding:10px 15px 30px}
	#mSns .datalist .item a .txtBox .snsTit {font-size:17px;line-height:1.3}
	#mSns .datalist .item a .txtBox .snsDate {margin:20px 50px 0 0}
	#mSns .datalist .item a .txtBox .snsMark {bottom:20px}
}
@media all and (max-width:999px) {
	.mSns-wr {padding:20px 0}
	.mSns-wr .mSnsTit {font-size:30px}
	#mSns .datalist .item a .txtBox {padding:10px 10px 15px}
	#mSns .datalist .item a .txtBox .snsTit {font-size:16px}
	#mSns .datalist .item a .txtBox .snsDate {margin:10px 40px 0 0}
	#mSns .datalist .item a .txtBox .snsMark {width:29px;height:29px;right:15px;bottom:10px}
	#mSns .datalist .item a .txtBox .snsMark:after {width:21px;height:21px;background-size:350px auto}
	#mSns .datalist .item.yout a .txtBox .snsMark:after {background-position:-199px 0px}
	#mSns .datalist .item.face a .txtBox .snsMark:after {background-position:-227px 0px}
	#mSns .datalist .item.blog a .txtBox .snsMark:after {background-position:-255px 0px}
	#mSns .datalist .item.twit a .txtBox .snsMark:after {background-position:-283px 0px}
	#mSns .datalist .item.inst a .txtBox .snsMark:after {background-position:-311px 0px}
}
@media all and (max-width:899px) {
	#mSns .datalist .item a .txtBox .snsTit {font-size:15px}
}
@media all and (max-width:799px) {
	.mSns-wr {padding:20px 0 10px}
	.mSns-wr .mSnsTit {font-size:24px}
	#mSns {margin:10px 0 0}
	#mSns .datalist .item {width:49%;margin:0 2% 10px 0}
	#mSns .datalist .item:nth-child(2n) {margin:0}
}