@charset "utf-8";
#mcontainer-wrap {position:relative;color:#555;font-size:17px;letter-spacing:-0.025em;line-height:1;word-break:keep-all;word-wrap:break-word}
#mcontainer {word-break:keep-all;padding-bottom:0}
.m-tit01 {margin-bottom:17px;color:#000;font-size:2.647em;font-weight:700;letter-spacing:.02em;line-height:1;font-family:"univia-pro", sans-serif;text-align:center}
.m-tit01 span {display:inline-block;color:#1a3759}
.m-tit01 span em {color:#c21a20;font-style:normal}
.m-tit-sub {margin-bottom:40px;color:#777;font-size:1.176em;letter-spacing:-.05em;font-weight:300;text-align:center}
.m-tit02 {margin-bottom:28px;color:#111;font-size:1.647em;font-weight:600;letter-spacing:0;font-family:"univia-pro",sans-serif}
@media all and (max-width:1399px) {
	#mcontainer {padding-bottom:0}
}
@media all and (max-width:999px) {
	#mcontainer-wrap {font-size:16px;line-height:1.5}
	.div-cont {margin:0 50px}
	.m-tit01 {margin-bottom:32px;font-size:2.5em;}
	.m-tit-sub {display:none}
	.m-tit02 {margin-bottom:15px;font-size:1.375em;}
}
@media all and (max-width:899px) {
	.div-cont {margin:0 20px}
}
@media all and (max-width:768px) {
	#mcontainer-wrap {font-size:15px}
	.m-tit01 {margin-bottom:20px;font-size:30px;}
}

/* 메인비쥬얼
------------------------------------------------------ */
#mvisual-wr {position:relative}
#mvisual {position:relative;max-width:1720px;margin:0 auto;box-sizing:border-box}
#mvisual .datalist {position:relative}
#mvisual .item {display:block;position:relative;height:700px;box-sizing:border-box}
#mvisual .item a {display:block;height:100%}
#mvisual .vis-img {position:relative;height:100%;overflow:hidden;z-index:1}
#mvisual .vis-img:before {content:"";display:block;position:absolute;left:50%;top:0;/*background:url(/resources/_Templet/Main/main_kor/_Img/mslogan_bg.png) no-repeat;*/width:1720px;height:100%;margin-left:-860px;z-index:1}
#mvisual .vis-img img {position:absolute;top:0;left:50%;width:1720px;height:100%;margin-left:-860px;}
#mvisual .owl-nav {display:none}
#mvisual .owl-nav button {position:absolute;top:50%;background:none;border:0;width:51px;height:99px;margin-top:-50px;font-size:0;transition:all .3s ease}
#mvisual .owl-nav .owl-prev {left:60px;}
#mvisual .owl-nav .owl-next {right:60px;}
#mvisual .owl-nav .owl-prev:hover,
#mvisual .owl-nav .owl-prev:focus {left:65px;}
#mvisual .owl-nav .owl-next:hover,
#mvisual .owl-nav .owl-next:focus {right:65px;}
#mvisual .owl-nav button:before {content:"";display:block;background:url(/resources/_Templet/Main/main_kor/_Img/main_spr.png) no-repeat;width:51px;height:99px;}
#mvisual .owl-nav .owl-prev:before {background-position:0 0;}
#mvisual .owl-nav .owl-next:before {background-position:-61px 0;}
#mvisual .mslogan {position:absolute;left:0;right:0;top:50%;width:380px;margin:-120px auto 0;z-index:1;opacity:0;transform:translateY(-50px);transition:all 5s ease .1s}
#mvisual .mslogan img {width:auto;max-width:100%}
.isMain.loaded #mvisual .mslogan {opacity:1;transform:translateY(0)}
#mvisual .ctrl-btns {position:absolute;width:100%;left:0;bottom:50px;text-align:center;z-index:2}
#mvisual .ctrl-dots {display:inline-block;margin-right:12px;font-size:0;overflow:hidden;vertical-align:top;}
#mvisual .ctrl-dots .owl-dot {display:inline-block;background-color:rgba(255, 255, 255, .6);border:0;border-radius:50%;width:13px;height:13px;margin:0 15px;transition:all .3s ease}
#mvisual .ctrl-dots .owl-dot.active {background-color:#fff;border-radius:15px;width:50px;height:14px;}
#mvisual .ctrl-btns .btn-pause {display:inline-block;background:url(/resources/_Templet/Main/main_kor/_Img/main_spr.png) no-repeat -122px 0;border:0;width:12px;height:14px;font-size:0;vertical-align:top;}

#mvisual-wr .quick-scr-wr {position:absolute;right:20px;bottom:0;padding-top:50px;text-align:center;}
#mvisual-wr .quick-scr-wr > p {margin-bottom:20px;color:#666;font-size:15px;font-family:"univia-pro", sans-serif;}
#mvisual-wr .quick-scr-wr .quick-scr {position:relative;height:100px;}
#mvisual-wr .quick-scr-wr .quick-scr:before {content:"";display:block;position:absolute;left:50%;background-color:#d7d7d7;width:1px;height:100%;}
#mvisual-wr .quick-scr-wr .quick-scr > span {display:block;position:absolute;left:50%;top:0;background-color:rgba(51, 51, 51, .1);border-radius:50px;width:21px;height:21px;margin:0 0 0 -10px;-webkit-animation:scrAni 2.5s infinite linear;animation:scrAni 2.5s infinite linear;}
#mvisual-wr .quick-scr-wr .quick-scr > span:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background-color:#333;border-radius:50%;width:5px;height:5px;margin:auto}
@media all and (max-width:1899px) {
}
@media all and (max-width:1779px) {
	#mvisual {padding:0 30px;}
	#mvisual-wr .quick-scr-wr {right:0;}
	#mvisual-wr .quick-scr-wr > p {font-size:13px;}
}
@media all and (max-width:1399px) {
	#mvisual .item {height:560px;}
	#mvisual .vis-img img {width:1376px;margin-left:-688px;}
}
@media all and (max-width:1199px) {
	#mvisual .item {height:490px;}
	#mvisual .vis-img img {width:1204px;margin-left:-602px;}
}
@media all and (max-width:999px) {
	#mvisual {padding:0 50px;} 
	#mvisual .item {height:450px;}
	#mvisual .vis-img img {width:1106px;margin-left:-553px;}
	#mvisual .mslogan {width:304px;}
	#mvisual .owl-nav button {width:41px;height:80px;margin-top:-40px;}
	#mvisual .owl-nav .owl-prev {left:0;}
	#mvisual .owl-nav .owl-next {right:0}
	#mvisual .owl-nav .owl-prev:hover,
	#mvisual .owl-nav .owl-prev:focus {left:0;}
	#mvisual .owl-nav .owl-next:hover,
	#mvisual .owl-nav .owl-next:focus {right:0;}
	#mvisual .owl-nav button:before {background-size:auto 80px;width:41px;height:80px;}
	#mvisual .owl-nav .owl-next:before {background-position:-49px 0;}
	#mvisual .ctrl-btns {bottom:30px}
	#mvisual .ctrl-dots .owl-dot {margin:0 12px}
	#mvisual .ctrl-dots .owl-dot.active {width:40px;}

	#mvisual-wr .quick-scr-wr {display:none}
}
@media all and (max-width:899px) {
	#mvisual {padding:0 20px}
}
@media all and (max-width:768px) {
	#mvisual .item {height:420px;}
	#mvisual .vis-img img {width:1032px;margin-left:-516px;}

}
@media all and (max-width:699px) {
	#mvisual .item {height:350px;}
	#mvisual .vis-img img {width:860px;margin-left:-430px;}
	#mvisual .mslogan {width:190px;margin-top:-52px;}
	#mvisual .owl-nav button {width:27px;height:50px;margin-top:-25px;}
	#mvisual .owl-nav button:before {background-size:auto 50px;width:27px;height:50px;}
	#mvisual .owl-nav .owl-next:before {background-position:-31px 0;}
	#mvisual .ctrl-btns {bottom:6px} 
	#mvisual .ctrl-dots {margin-right:5px;}
	#mvisual .ctrl-dots .owl-dot {width:8px;height:8px;margin:0 5px}
	#mvisual .ctrl-dots .owl-dot.active {width:20px;height:8px;}
	#mvisual .ctrl-btns .btn-pause {background-size:auto 69px;background-position:-85px 0;width:8px;height:10px;margin-top:-1px;}

}
@media all and (max-width:499px) {
	#mvisual {padding:0 15px;}
	#mvisual .item {height:280px;}
	#mvisual .vis-img img {width:688px;margin-left:-344px;}
}

/* DIST NOTICE 
------------------------------------------------------ */
.msec01 {position:relative;margin:62px 0}
.msec01:before {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#d8e4f1;width:100%;height:510px;z-index:-1}
.mboard-wr {float:left;width:920px;padding-top:4px}
.mpop-wr {float:right;width:420px}
#mPopup {}
#mPopup .ctrl-wrap {background-color:#fff;padding:19px 40px;text-align:right;box-sizing:border-box}
#mPopup .ctrl-wrap .item-cnt,
#mPopup .ctrl-wrap .ctrlnums-wrap {display:inline-block}
#mPopup .item-cnt > span {position:relative;display:inline-block;color:#333;font-size:.941em;letter-spacing:0;line-height:34px;font-family:"univia-pro", sans-serif;text-align:center}
#mPopup .item-cnt .current-item {background-color:#0854ac;border-radius:50%;width:35px;margin-right:36px;color:#fff}
#mPopup .item-cnt .current-item:before {content:"";display:block;position:absolute;right:-27px;top:50%;background-color:#0d4d98;width:15px;height:1px}
#mPopup .ctrlnums-wrap {margin-left:40px;}
#mPopup .ctrlnums-wrap button {position:relative;display:inline-block;background:none;border:0;width:16px;height:22px;font-size:0;vertical-align:middle;}
#mPopup .ctrlnums-wrap .btn-stop {margin:0 27px}
#mPopup .ctrlnums-wrap button:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url(/resources/_Templet/Main/main_kor/_Img/main_spr.png) no-repeat;margin:0 auto;transition:all .3s ease}
#mPopup .ctrlnums-wrap .owl-prev:before {background-position:-183px 0;}
#mPopup .ctrlnums-wrap .btn-stop:before {background-position:-229px 0;}
#mPopup .ctrlnums-wrap .owl-next:before {background-position:-206px 0;}
#mPopup .ctrlnums-wrap .owl-prev:hover:before,
#mPopup .ctrlnums-wrap .owl-prev:focus:before {left:-2px}
#mPopup .ctrlnums-wrap .owl-next:hover:before,
#mPopup .ctrlnums-wrap .owl-next:focus:before {left:2px}
@media all and (max-width:1399px) {
	.mboard-wr {width:-moz-calc(100% - 460px);width:-webkit-calc(100% - 460px);width:calc(100% - 460px);}
}
@media all and (max-width:1099px) {
	.mboard-wr {width:-moz-calc(100% - 360px);width:-webkit-calc(100% - 360px);width:calc(100% - 360px);padding-top:0;}
	.mpop-wr {width:330px}
	
}
@media all and (max-width:999px) {
	.msec01  {margin:42px 0 43px;}
	.msec01:before {height:330px;}

	#mPopup .item-cnt > span {line-height:30px;font-size:.875em;}
	#mPopup .item-cnt .current-item {width:30px;margin-right:28px;}
	#mPopup .item-cnt .current-item:before {right:-23px;width:12px;}
	#mPopup .ctrl-wrap {padding:10px 25px}
	#mPopup .ctrlnums-wrap {margin-left:28px;}
	#mPopup .ctrlnums-wrap button {width:11px;height:20px;}
	#mPopup .ctrlnums-wrap .btn-stop {margin:0 22px}
	#mPopup .ctrlnums-wrap button:before {background-size:auto 90px}
	#mPopup .ctrlnums-wrap .owl-prev:before {background-position:-166px 0;}
	#mPopup .ctrlnums-wrap .owl-next:before {background-position:-188px 0;}
	#mPopup .ctrlnums-wrap .btn-stop:before {background-position:-209px 0;}
}
@media all and (max-width:768px) {
	.msec01 {margin:35px 0}
	.msec01:before {height:440px;} 

	.mboard-wr,
	.mpop-wr {float:none;width:auto}
	.mboard-wr {margin-bottom:22px;}
	#mPopup {margin-bottom:24px;}
}

/* DIST FOCUS 
------------------------------------------------------ */
.msec02 {margin-bottom:49px}
.msec02 .mgal-wr {float:left;width:920px;box-sizing:border-box}
.msec02 .msch-wr {position:relative;float:right;width:420px}

.msch-wr h4 {margin-bottom:28px;color:#111;font-size:1.647em;font-weight:700;letter-spacing:-.05em}
.msch-wr h4 .date {display:inline-block;margin-left:17px;color:#0854ac;font-size:.786em;font-weight:700;letter-spacing:.02em;vertical-align:bottom;font-family:"univia-pro", sans-serif}
.msch-wr > ul {position:relative;background:#f7f7f7 url(/resources/_Templet/Main/main_kor/_Img/msch_bg.png) no-repeat right bottom;border-top:2px solid #dcdcdc;border-bottom-right-radius:65px;overflow:hidden}
.msch-wr > ul:before {content:"";display:block;position:absolute;left:0;top:0;background-color:#fff;width:80px;height:100%}
.msch-wr > ul > li {position:relative;border-bottom:1px solid #dcdcdc;padding-left:80px;min-height:100px;box-sizing:border-box}
.msch-wr > ul > li:last-child {border-bottom:0}
.msch-wr > ul > li span {display:block}
.msch-wr .date-box {position:absolute;left:0;top:20px;width:80px;letter-spacing:.04em;text-align:center;font-family:"univia-pro", sans-serif}
.msch-wr .date-box .date {margin-bottom:11px;color:#333;font-size:1.765em;font-weight:600}
.msch-wr .date-box .day {color:#aaa;font-size:.824em;font-weight:500}
.msch-wr .txt-box {position:relative;padding:28px 60px 10px 34px}
.msch-wr .txt-box:before {content:"";display:block;position:absolute;left:0;top:36px;background-color:#a4a4a4;width:12px;height:1px}
.msch-wr .txt-box a {display:block;margin-bottom:14px;color:#555;font-size:1.059em;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.msch-wr .txt-box a:hover,
.msch-wr .txt-box a:focus {text-decoration:underline}
.msch-wr .txt-box .per {color:#a5a5a5;font-size:.941em;letter-spacing:0}
.msch-wr > ul > li.no-data {background:#f7f7f7 url(/resources/_Templet/Main/main_kor/_Img/msch_bg.png) no-repeat right bottom;height:auto;padding-left:0;padding-top:0;}
.msch-wr > ul > li.no-data p {height:90px;text-align:center;padding-top:164px;font-size:14px;color:#555;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 70px;}
.msch-wr .btn-more {position:absolute;right:0;top:-2px;width:30px;height:30px;}
.msch-wr .btn-more:before,
.msch-wr .btn-more:after {content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-color:#979797;width:100%;height:3px;margin:auto;transition:all .3s ease}
.msch-wr .btn-more:before {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.msch-wr .btn-more:hover:before,
.msch-wr .btn-more:focus:before {transform:rotate(270deg);-ms-transform:rotate(270deg)}
.msch-wr .btn-more:hover:after,
.msch-wr .btn-more:focus:after {transform:rotate(180deg);-ms-transform:rotate(180deg)}
@media all and (max-width:1399px) {
	.msec02 .mgal-wr {width:-moz-calc(100% - 460px);width:-webkit-calc(100% - 460px);width:calc(100% - 460px);padding:0 30px}
}
@media all and (max-width:1099px) {
	.msec02 .mgal-wr {width:-moz-calc(100% - 360px);width:-webkit-calc(100% - 360px);width:calc(100% - 360px);padding-top:0;}
	.msec02 .msch-wr {width:330px}
}
@media all and (max-width:999px) {
	.msec02 .mgal-wr {padding:0}

	.msch-wr h4 {margin-bottom:14px;}
	.msch-wr > ul {background-size:47px auto}
	.msch-wr .date-box {top:15px}
	.msch-wr .date-box .date {margin-bottom:3px;}
	.msch-wr .txt-box {padding:28px 60px 20px 34px;}
	.msch-wr .txt-box a {margin-bottom:8px;}
	.msch-wr .btn-more {top:13px;right:2px;width:18px;height:18px;}
	.msch-wr .btn-more:before,
	.msch-wr .btn-more:after {height:2px}

}
@media all and (max-width:768px) {
	.msec02 .mgal-wr,
	.msec02 .msch-wr {float:none;width:auto;}

	.msch-wr h4 {font-size:1.467em;}
	.msch-wr h4 .date {margin-left:9px;font-size:.818em;}
	.msch-wr > ul {background-size:47px auto}
	.msch-wr > ul > li {min-height:80px;padding-left:70px;}
	.msch-wr .date-box {width:70px;}
	.msch-wr .date-box .date {margin-bottom:-2px;}
	.msch-wr .txt-box {padding:16px 60px 15px 34px;}
	.msch-wr .txt-box a {margin-bottom:4px}
}
/* DIST SNS
------------------------------------------------------ */
.msec03 {overflow:hidden;}
.msec03 .msns-wr {position:relative;background-color:#124785;padding:80px 0;z-index:1}
.msec03 .msns-wr:before {content:"";display:block;position:absolute;left:0;bottom:0;background:url(/resources/_Templet/Main/main_kor/_Img/msns_wr_bg01.png) no-repeat;width:599px;height:540px}
.msec03 .msns-wr:after {content:"";display:block;position:absolute;right:0;bottom:0;background:url(/resources/_Templet/Main/main_kor/_Img/msns_wr_bg02.png) no-repeat;width:878px;height:540px;z-index:-1}
.msns-list {overflow:hidden;font-size:0}
.msns-list .item {display:inline-block;width:20%}
.msns-list .item a {display:block;position:relative;padding-top:100%}
.msns-list .item a:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;z-index:1;transition:all .3s ease}
.msns-list .item a:hover:before {border:5px solid #12519b;}
.msns-list .item .msns-ico {display:block;position:absolute;left:0;top:0;background-color:#12519b;border-bottom-right-radius:25px;width:70px;height:70px;z-index:1}
.msns-list .item .msns-ico:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Main/main_kor/_Img/main_spr.png) no-repeat;width:30px;height:30px;margin:auto}
.msns-list .item .youtube:before {background-position:-208px -32px;}
.msns-list .item .fb:before {background-position:-248px -32px;}
.msns-list .item .insta:before {background-position:-288px -32px;}

.msns-list .item img {position:absolute;left:0;top:0;width:100%;height:100%}
.msns-link-list {margin-top:40px;font-size:0;overflow:hidden;text-align:center}
.msns-link-list li {display:inline-block;margin-left:100px;font-size:17px}
.msns-link-list li:first-child {margin-left:0}
.msns-link-list li a {display:block;position:relative;padding:20px 0 21px 85px;color:#fff;font-size:1.176em;letter-spacing:0;font-family:"univia-pro", sans-serif}
.msns-link-list li .ico {display:block;position:absolute;left:0;top:0;border-radius:50%;width:60px;height:60px;overflow:hidden}
.msns-link-list li .youtube .ico {background:#d2292e}
.msns-link-list li .insta .ico {background:url(/resources/_Templet/Main/main_kor/_Img/insta_bg.png) no-repeat center;}
.msns-link-list li .facebook .ico {background:#386cb1}
.msns-link-list li .ico:before {content:"";display:block;position:absolute;left:0;top:0;background:url(/resources/_Templet/Main/main_kor/_Img/main_spr.png) no-repeat;width:30px;height:30px;margin:15px 0 0 15px}
.msns-link-list li .youtube .ico:before {background-position:-208px -32px;}
.msns-link-list li .facebook .ico:before {background-position:-248px -32px;}
.msns-link-list li .insta .ico:before {background-position:-288px -32px;}

.msns-link-list li a span {display:block;transition:all .3s ease}
.msns-link-list li a:hover span, 
.msns-link-list li a:focus span {text-decoration:underline} 

@media all and (max-width:999px) {
	.msec03 .msns-wr:after {display:none}
	.msns-list .item  {width:33.333%;}
	.msns-list .item:nth-child(4),
	.msns-list .item:nth-child(5) {display:none}
	.msns-link-list li a {padding:15px 0 16px 81px}
}
@media all and (max-width:768px) {
	.msec03 .msns-wr {padding:40px 0 30px}
	.msns-list .item {width:50%;}
	.msns-list .item:nth-child(3) {display:none}
	.msns-list .item .msns-ico {width:50px;height:50px;}
	.msns-link-list {margin-top:23px;}
	.msns-link-list li {margin-left:15px;font-size:15px;}
	.msns-link-list li a {padding:8px 0 8px 50px;}
	.msns-link-list li .ico {width:42px;height:42px;}
	.msns-link-list li .ico:before {background-size:auto 69px;width:21px;height:21px;margin:11px 0 0 11px}
	.msns-link-list li .youtube .ico:before {background-position:-146px -22px;}
	.msns-link-list li .facebook .ico:before {background-position:-174px -22px;}
	.msns-link-list li .insta .ico:before {background-position:-202px -22px;}

}
@media all and (max-width:499px) {
	.msns-link-list li a {padding:0}
	.msns-link-list li a span {display:none}
	.msns-link-list li .ico {position:static;display:block}
	
}
