@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

@import url('font/NanumBarunGothic.css');

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');


.wrapper{position:relative;margin:0 auto;width:90%;}
.wrapper:after {content:"";display:block;visibility:hidden;clear:both;}
@media all and (min-width:1024px){

	.wrapper{width:1000px}
}
@media all and (min-width:1280px){
	.wrapper{width:1240px}
}

button,input[type="button"],input[type="reset"],input[type="submit"]{border:0;cursor:pointer;-webkit-appearance:button}

#mcontent{position:relative;width:100%;}
.ir-kiost{background:url(../../images/kor/main/micon.png) no-repeat;}




#mvisual{overflow:hidden;position:relative;padding:28px 0 40px;width:100%;}

#bg_area{display:block;position:absolute;top:0px;left:0;width:100%;height: 100%;z-index:-1;overflow:hidden;} 
#bg_area .fullbox{position: absolute; left: 0; top: 0; width:100%;height:100%;z-index:10;background:url(../../images/common/intro/bg_mv.jpg) no-repeat;}
#bg_area .pattern_bg { position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : url(../../images/kr/common/v_pattern.png) repeat;z-index:11; }
#bg_area [id^=player] { display: none; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;  opacity: 0; filter: Alpha(opacity=0); }
#bg_area [id^=player].active { display: block; opacity: 1; filter: Alpha(opacity=100);  }

#bg_area .pattern_bg{display:block;position:absolute;top:0px;left:0;background:url(../../images/kor/main/pattern_bg.png) repeat;z-index:11;}


#mvisual h2{margin:0 auto 55px auto;padding:0;width:66%;height:40px;color: #fff;text-align: center;}
#mvisual h2 span{font-size: 18px;font-weight: bold;}
#mvisual .grep{overflow:hidden;position:relative;width:100%;margin:0 auto;max-width:1855px;height:100%;}
#mvisual .grep .obj{overflow:hidden;position:relative;width:1115%;}
#mvisual .grep .obj .item{overflow:hidden;position:relative;float:left;/*min-width:231px;max-width:371px;min-height:189px;max-height:280px;*/padding:0 10px;width:185px;height:190px;}
#mvisual .grep .obj .item a{display:block;position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;background-color:#000;opacity: 0.6;}
#mvisual .grep .obj .item a .img{display:block;overflow:hidden;position:relative;width:100%;height:100%;text-align:center;}
#mvisual .grep .obj .item a .img img{display:block;width:-webkit-calc(100% + 50px);width:calc(100% + 50px);max-width:none;min-height:100%;opacity: 0.1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
#mvisual .grep .obj .item a .grid-content{display:block;position:absolute;bottom:0;left:0;-webkit-backface-visibility: hidden;backface-visibility: hidden;padding:25px;width:100%;color:#fff;text-transform:uppercase;text-align:center;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;background:url(../../images/kor/main/bg_thumb.png) 0 100%;}
#mvisual .grep .obj .item a .grid-content b{display:block;margin-bottom:18px;width:100%;font-size:16px;font-family:'Titillium Web', sans-serif;text-align:center;line-height:1.3;word-wrap:break-word;word-break:keep-all;}
#mvisual .grep .obj .item a .grid-content b em{display:block;margin-bottom:8px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
#mvisual .grep .obj .item a .grid-content .bn{display:block;padding:7px 12px 5px 12px;font-family:'Titillium Web', sans-serif;background-color:transparent;border:1px solid #fff;background:url(../../images/kor/main/bg_more.png) no-repeat 90% 50%;background-image:url(../../images/kor/main/bg_more.svg),none;opacity:1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;text-align:left;}
#mvisual .grep .obj .item a:hover,
#mvisual .grep .obj .item a:focus {opacity:1;}
#mvisual .grep .obj .item a:hover .img img,
#mvisual .grep .obj .item a:focus .img img{opacity:0.7;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

#mvisual .grep .obj .item a:hover .grid-content b,
#mvisual .grep .obj .item a:focus .grid-content b{margin-bottom:0;line-height:1.1;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}
#mvisual .grep .obj .item a:hover .grid-content b em,
#mvisual .grep .obj .item a:focus .grid-content b em{margin-bottom:3px;}
#mvisual .grep .obj .item a:hover .grid-content .bn,
#mvisual .grep .obj .item a:focus .grid-content .bn{display:none;opacity:0;}

#mvisual .control{position:relative;margin-top:17px;margin-bottom:17px;width:100%;text-align:center}
#mvisual .control a[data-control]{display:inline-block;margin:0 5px;width:12px;height:19px;font-size:0;}
#mvisual .control a[data-control="prev"]{background-position:0 0}
#mvisual .control a[data-control="next"]{background-position:-30px 0}
#mvisual .control a[data-control="stop"]{background-position:-16px 0}
#mvisual .control a[data-control="play"]{background-position:-46px 0;}



@media only screen and (min-width:1024px){
#bg_area .fullbox{background:none;background-color:#000}
#mvisual{padding:73px 0;}
#mvisual h2{margin-bottom:58px;width:746px;height:59px;background: url(../../images/kor/main/mvisual_tit.png) no-repeat;font-size: 0;}
#mvisual h2 span{font-size: 0;}
#mvisual .grep .obj .item{width:371px;height:280px;}
#mvisual .grep .obj .item a .grid-content{bottom:auto;top:0;padding:75px 25px;height:100%;}
#mvisual .grep .obj .item a .grid-content b{display:block;margin-bottom:30px;font-size:20px;}
#mvisual .grep .obj .item a .grid-content .bn{display:inline-block;padding-right:86px;font-size:12px;}
#mvisual .grep .obj .item a:hover .grid-content,
#mvisual .grep .obj .item a:focus .grid-content{height:auto;top:auto;bottom:0;}
#mvisual .grep .obj .item a:hover .grid-content b,
#mvisual .grep .obj .item a:focus .grid-content b{margin-bottom:0;}
#mvisual .control{margin-top:56px;margin-bottom:56px;}

}

#mpopup{position:absolute;top:-74px;left:0;width:100%;background-color:#fff;}
#mpopup *{margin:0;padding:0;}
#mpopup .box_item{padding:0 10px;}
#mpopup h2{position:relative;padding:13px 140px 13px 43px;border-bottom:1px dashed #d7d7d7;color:#333;font-family:'Titillium Web', sans-serif;font-size:15px;font-weight:bold;line-height:1.2;}
#mpopup h2 .total{display:none;}
#mpopup h2 .aram{display:inline-block;position:absolute;top:9px;left:3px;width:34px;height:34px;background-position:-159px -4px}
#mpopup .grep{overflow:hidden;position:relative;margin:20px 0;width:100%;height:45px;}
#mpopup .grep .obj{position:relative;/*height:1115%;overflow:hidden;*/}
#mpopup .grep .obj .item{display:none;position:relative;/*position:absolute;top:0;left:0;*/width:100%;}
#mpopup .grep .obj .item a{position:relative;display:block;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#mpopup .grep .obj .item a:focus{ border:1px dotted #444;}
#mpopup .grep .obj .item a *{vertical-align:middle}
#mpopup .grep .obj .item a b{display:block;margin-bottom:8px;color:#2d4b92;font-family:'Titillium Web', sans-serif;font-size:16px;line-height:1.2;text-align:center;}
#mpopup .grep .obj .item a span{display:block;color:#666;font-size:14px;line-height:1.2;}
#mpopup .grep .obj .item a span em{display:inline-block;margin-right:8px;color:#333;font-weight:bold;}
#mpopup .control{display:inline-block;position:absolute;top:13px;right:3px;}
#mpopup .control *{vertical-align:middle}
#mpopup .control button[data-control]{display:inline-block;margin:0 5px;width:12px;height:19px;font-size:0;}
#mpopup .control button[data-control="prev"]{background-position:0 -19px}
#mpopup .control button[data-control="next"]{background-position:-30px -19px}
#mpopup .control button[data-control="stop"]{background-position:-16px -19px}
#mpopup .control button[data-control="play"]{background-position:-46px -19px;display:none}
#mpopup .control span{display:inline-block;margin:0 5px 0 0;color:#2f2f2f;font-family:'Frutiger Linotype';font-size:14px;line-height:2;}
#mpopup .control span *{vertical-align:top}
#mpopup .control span em{display:inline-block;position:relative;color:#2f2f2f;font-family:'Frutiger Linotype';font-size:15px;text-decoration:underline;vertical-align:middle;line-height:1;}
#mn_box{padding-top:90px;}

@media only screen and (min-width:768px){
#mn_box{padding-top:80px;}	
#mpopup .grep{height:60px;}
#mpopup .grep .obj .item a b{display:inline-block;margin-bottom:0;margin-right:10px;font-size:21px;}
#mpopup .grep .obj .item a span{display:inline-block;margin-right:10px;}
#mpopup .grep .obj .item a span em{position:relative;top:-1px;}
#mpopup .grep{width:100%;height:27px;}
}


@media only screen and (min-width:1024px){

#mpopup{top:-50px;padding:18px;}
#mpopup .box_item{display:block;position:relative;padding:0 120px 0 140px;}

#mpopup h2{position:absolute;top:-17px;left:0;margin:0;padding:0 60px 0 0;border-bottom:none;}
#mpopup h2 span{display:block;width:46px;height:25px;margin:13px 0 0 5px;text-indent:-999px;overflow:hidden;background:url(../../images/kor/main/popup_ti.png);background-image: url(../../images/kor/main/popup_ti.svg);}
#mpopup h2 .total{display:inline-block;position:absolute;top:19px;left:75px;padding:5px 0;width:24px;height:24px;background-position:-311px -16px;color:#fff;text-align:center;line-height:1;}
#mpopup h2 .aram{position:absolute;top:9px;left:56px;}
#mpopup .grep .obj .item a b{margin-right:20px;}
#mpopup .grep{margin:0;height:27px;}
#mpopup .control{top:-5px;}
#mpopup .grep .obj .item a span{position:relative;top:1px}
#mpopup .grep .obj{width:100%;/*position:absolute;top:0 !important;left:0;height:24px;*/}
}



.mlbox,
.mbox{float:none;}
@media only screen and (min-width:768px){
.mlbox,
.mbox{float:left;width:47%;}
}

@media only screen and (min-width:1024px){
.mbox{width:29%;}
.mlbox{width:64.45%}

}





/*

#mnews,
#mboard{overflow:hidden;min-height:223px;}

#mboard .mboardwrap{overflow:visible;position:relative;padding:30px;padding-top:22px;width:100%;height:218px;}
#mboard .mboardwrap:after{content:"";position:absolute;top:63px;left:0;width:100%;border-top:1px solid #e7e7e7}
#mboard .mboardwrap strong{display:inline-block;position:relative;float:left}
#mboard .mboardwrap strong:before{content:"";position:absolute;top:5px;left:0;height:29px;border-left:1px solid #dcdcdc}
#mboard .mboardwrap strong.firstchild:before{display:none}
#mboard .mboardwrap strong a{display:block;position:relative;padding:0 15px;font-weight:normal;font-size:16px;color:#333;line-height:32px;}
#mboard .mboardwrap strong a.ov{padding-right:44px;color:#333;}
#mboard .mboardwrap strong a.ov:before{content:"";position:absolute;z-index:10;top:39px;left:0;width:100%;border-top:4px solid #556db1}
#mboard .mboardwrap strong a.ov:after{content:"";position:absolute;top:4px;right:10px;width:23px;height:23px;background:url(../../images/kr/main/mnote_ov.gif) no-repeat;}
#mboard .mboardwrap strong a.ov,
#mboard .mboardwrap strong a:hover{color:#2852b9}
#mboard .mboardwrap .grap{visibility:hidden;position:absolute;top:86px;left:0;padding:0 30px;width:100%}
#mboard .mboardwrap #mboard-1{visibility:visible}
#mboard .mboardwrap .grap .more{position:absolute;top:-60px;right:15px}
#mboard .mboardwrap .grap .more a{display:inline-block;overflow:hidden;width:23px;height:23px;background:url(../../images/kr/main/mnote_more.gif) no-repeat;font-size:0;line-height:0;text-indent:-999px;}
#mboard .mboardwrap .grap .obj {width:100%;}
#mboard .mboardwrap .grap .obj li{display:block;margin:1px 0;padding-right:6px;text-align:right;color:#888;font-size:13px;line-height:28px;}
#mboard .mboardwrap .grap .obj li a{display:inline-block;float:left;overflow:hidden;padding-left:15px;width:60%;color:#555;white-space:nowrap;background:url(../../images/kr/main/bul_mnote.gif) no-repeat 6px 8px;text-overflow:ellipsis;text-align:left;}
#mboard .mboardwrap .grap .obj li a:hover,
#mboard .mboardwrap .grap .obj li a:focus{text-decoration:underline;}
#mboard .mboardwrap .grap .obj li a span{display:inline-block;margin-right:10px}
#mboard .mboardwrap .grap .obj li a span.cat_r{color:#cf0000;}
#mboard .mboardwrap .grap .obj li a span.cat_e{color:#555;}
*/
/*
#mnews,
#mboard{display:none;}
*/
#mnews,
#mboard{position:relative;margin-bottom:50px;height:241px;}
#mnews h2,
#mboard h2{display:block;margin-bottom:20px;color:#333;font-size:20px;/*font-family:'Titillium Web', sans-serif;*/font-weight:bold;line-height:1.2;font-family:'Titillium Web', sans-serif;}
#mnews .more,
#mboard .more{position:absolute;top:-3px;right:0;}
#mnews .more{top:-50px;}
#mnews .more a,
#mboard .more a{display:block;width:32px;height:32px;background-position:-111px -6px;font-size:0;}
#mnews .grap,
#mboard .grap{position:relative;}

#mnews ul,
#mboard ul{}
#mnews ul li,
#mboard ul li{display:block;padding:3px 0;line-height:23px;border-bottom:1px solid #d7d7d7;}
#mnews ul li{
	font-size: 14px;
	text-align: right;
}
#mboard ul li{text-align:right;}
#mnews ul li:after {content:"";display:block;visibility:hidden;clear:both;}
#mnews ul li *,
#mboard ul li *{vertical-align:middle;}
#mboard ul li span{display:inline-block;overflow:hidden;width:18%;color:#3378c1;font-size:13px;white-space:nowrap;text-overflow:ellipsis;text-align:left;float:right;font-family:'Titillium Web', sans-serif;}
#mboard ul li a{
	display: inline-block;
	overflow: hidden;
	float: left;/*padding:0 10px;*/
	width: 100%;
	color: #656565;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;font-family:'Titillium Web', sans-serif;
}
#mnews ul li a{display:inline-block;float:left;overflow:hidden;width:100%;text-align:left;line-height:33px;white-space:nowrap;text-overflow:ellipsis;}
#mnews ul li a span{display:inline-block;padding-left:0px;color:#3378c1;line-height:33px;float:right;font-size:14px;font-family:'Titillium Web', sans-serif;}
#mnews .grap{padding:3px 45px 0 86px ;}
#mnews .grap strong{display:inline-block;position:relative;padding:0 5px;float:left}
#mnews .grap strong a{display:block;position:relative;padding:0;font-weight:normal;font-size:15px;color:#333;line-height:20px;}
#mnews .grap strong a.ov{padding-right:22px;background:url(../../images/kor/common/bg_mnew.png) no-repeat right 45%;background-image:url(../../images/kor/common/bg_mnew.svg),none;color:#0051a9;}
#mnews .grap .obj{position:absolute;top:47px;left:0;width:100%;}
#mnews .grap #mnews-1{display:block;}

#mnews h2{position:absolute;top:0;left:0;font-family:'Titillium Web', sans-serif;}
#mpr{position:relative;margin-bottom:50px;background-color:#000;}
#mpr a{display:block;position:relative;padding:18px;min-height:183px;background:url(../../images/kor/main/bg_mpr.png) no-repeat 50% 50%;color:#fff;}
#mpr a b{font-weight:normal;}
#mpr a b *{vertical-align:middle}
#mpr a b .tit{display:inline-block;margin-right:7px;font-size:13px;line-height:1;}
#mpr a b .tit em{display:block;}
#mpr a b .ir-kiost{display:inline-block;width:29px;height:26px;background-position:-158px -52px}
#mpr a .mprlogo{display:block;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-68px;width:136px;height:74px;background:url(../../images/kor/main/mpr_logo.png) no-repeat 50% 50%;font-size:0;z-index:9;}
#mpr a i {display:block;position:absolute;top:50%;left:50%;border-radius: 50%;font-size:34px;color: #0091e5;width:68px;height:68px;line-height:68px;background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);text-align:center;z-index:10;}
#mpr a:hover i,
#mpr a:focus i {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}


.iclnk{position:relative;background-color:#fff;}
.iclnk *{margin:0;padding:0;}
.iclnk a{display:block;position:relative;padding:46px 0;padding-left:157px;}
.iclnk a .img{display:block;position:absolute;top:0;left:0;padding:42px 0 0 16px;width:140px;height:100%;}
.iclnk a .img .tit{color:#fff;}
.iclnk a .img .tit .ir-kiost{display:inline-block;}
.iclnk a .img .tit .tit_tx{line-height:1;}
.iclnk a .img .tit .tit_tx em{display:block;}
.iclnk a .info .tit{color:#003c91;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.2;}
.iclnk a .info .text,
.iclnk a .info .bn{display:none;}
#mkordium,
#mglobal{margin-bottom:14px;}
#mcybertour .img{background:#000 url(../../images/kor/main/bg_mcybertour.png) no-repeat 50% 50%;}
#mkordium .img{background:#000 url(../../images/kor/main/bg_dreamschool.png) no-repeat 50% 50%;}
#mglobal .img{background:#000 url(../../images/kor/main/bg_mglobal.png) no-repeat 50% 50%;}

@media only screen and (min-width:768px){
#mboard{float:right;}


#mpr{float:left;/*min-height:239px;*//*min-height:261px;*/}	
#mpr a{min-height:261px;}

#mpr,
#mkordium,
#mglobal,
#mcybertour{margin-bottom:50px;}
#mkordium,
#mcybertour{float:right;}
#mglobal{float:left;}
.iclnk {min-height:261px;}
.iclnk a{padding:0;}
.iclnk a .img{display:block;position:relative;padding:20px 23px 0 50px;width:100%;/*height:123px;*/height:119px;}
.iclnk a .img .tit{color:#fff;}
.iclnk a .img .tit .ir-kiost{display:inline-block;}
.iclnk a .img .tit .tit_tx{font-size:0;line-height:0;}
.iclnk a .img .tit .tit_tx em{display:block;}
.iclnk a .info{display:block;/*padding:30px;*/padding:20px;text-align:center}
.iclnk a .info .tit{display:block;margin-bottom:10px;font-size:16px;}
.iclnk a .info .text,
.iclnk a .info .bn{display:block;}
.iclnk a .info .text{margin-bottom:10px;color:#666;font-size:13px;line-height:1}
.iclnk a .info .text span{display:block;}
.iclnk a .info .bn{color:#666;}
.iclnk a .info .bn em{position:relative;display:inline-block;padding:5px 10px;padding-bottom:3px;border:1px solid #d7d7d7;color:#666;font-size:13px;text-align:left;}
#mkordium a .img .tit .tit_tx{display:block;width:139px;height:39px;background:url(../../images/kor/main/bg_tit_munite4.png) ;/*background-image:url(../../imagevs/kor/main/bg_tit_munite4.svg);*/}
#mglobal a .img .tit .tit_tx{display:block;width:135px;height:37px;background:url(../../images/kor/main/bg_tit_munite2.png) ;background-image:url(../../images/kor/main/bg_tit_munite2.svg);}
#mcybertour a .img .tit .tit_tx{display:block;width:158px;height:41px;background:url(../../images/kor/main/bg_tit_munite3.png) ;background-image:url(../../images/kor/main/bg_tit_munite3.svg);}
}
@media only screen and (min-width:1024px){
.iclnk {min-height:250px;}

#mnews{}
#mboard,
#mpr{margin-left:6.45%;float:left;}	
#mkordium,
#mglobal,
#mcybertour{float:left;}	
#mglobal,
#mcybertour{margin-left:6.45%;}
.iclnk a *{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease;}
.iclnk a .info{padding:30px 10px;}
.iclnk a:hover .info,
.iclnk a:focus .info{padding:10px;}
.iclnk a .img{height:123px;}

.iclnk a:hover .img,
.iclnk a:focus .img{height:143px;}
.iclnk a:hover .info .bn em,
.iclnk a:focus .info .bn em{ background-color:#003c91;color:#fff;border-color:#003c91}

#mpr a{-webkit-transition:all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
#mpr a i {-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}}
#mlnk{margin-top:50px;margin-bottom:50px;}
#mlnk:after{content:"";display:block;visibility:hidden;clear:both;}
#mlnk ul:after{content:"";display:block;visibility:hidden;clear:both;}
#mlnk ul li{display:inline-block;float:left;margin-right:2.33%;width:31%;}
#mlnk ul li a{display:block;text-align:center;}
#mlnk ul li a .ir-kiost{display:block;margin:0 auto 10px auto;width:57px;height:57px;}
#mlnk ul li a em{display:none;}
#mlnk ul li a b{display:block;color:#333;font-family:'Titillium Web', sans-serif;font-size:13px;line-height:1.2;}
#mlnk ul li a .ir-kiost.icmlk1{background-position:0 -160px; padding-top:20px;}
#mlnk ul li a .ir-kiost.icmlk2{background-position:-59px -160px;padding-top:20px;}
#mlnk ul li a .ir-kiost.icmlk3{background-position:-118px -160px;padding-top:20px;}
#mlnk ul li a .ir-kiost.icmlk7{background-position:-59px -160px;padding-top:20px;}
#mlnk ul li a .ir-kiost.icmlk4{background-position:0 -99px}
#mlnk ul li a .ir-kiost.icmlk5{background-position:-59px -99px}
#mlnk ul li a .ir-kiost.icmlk6{background-position:-118px -99px}
#mlnk .mlbox{margin-bottom:17px;}
@media only screen and (min-width:768px){
#mlnk {margin-top:34px;}	
#mlnk .mbox{float:right;}
#mlnk .mlbox{float:left;margin-bottom:0;}
}

@media only screen and (min-width:1024px){
#mlnk .mlbox li{display:inline-block;float:left;margin-right:0;margin-left:9px;width:auto;}
#mlnk .mlbox li:first-child{margin-left:0;}
#mlnk .mlbox li a{display:block;position:relative;padding:10px;padding-bottom:15px;padding-right:63px;background:url(../../images/kor/main/bul_lnk.png) no-repeat 10px bottom;text-align:left;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; }
#mlnk .mlbox li a:hover,
#mlnk .mlbox li a:focus{background-position:90% bottom;}

#mlnk .mlbox li a .ir-kiost{display:inline-block;position:absolute;bottom:20px;right:10px;margin:0;}
#mlnk .mlbox li a .ir-kiost.icmlk1{width:41px;height:30px;background-position:-201px -173px}
#mlnk .mlbox li a .ir-kiost.icmlk2{width:44px;height:38px;background-position:-251px -171px}
#mlnk .mlbox li a .ir-kiost.icmlk3{width:34px;height:45px;background-position:-306px -161px}
#mlnk .mlbox li a b{margin-bottom:5px;font-size:16px;}
#mlnk .mlbox li a em{display:block;color:#767676;font-size:12px;line-height:1.2;letter-spacing:-1px;}
#mlnk .mlbox li a em span{display:block;font-size:12px;}

#mlnk .mbox li a:hover,
#mlnk .mbox li a:focus{color:#003c91}
#mlnk .mbox li a .ir-kiost{-webkit-transition-delay: 0.5s;transition-delay: 0.5s;transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease;}
#mlnk .mbox li a:hover .ir-kiost,
#mlnk .mbox li a:focus .ir-kiost{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
	#mpr a{min-height:241px;}
}

@media only screen and (min-width:1200px){
	#mlnk .mlbox li{margin-left:3px;}
	#mlnk .mlbox li a{padding-right:60px;}


}
@media only screen and (min-width:1280px){
	#mlnk .mlbox li{margin-left:43px;}
	#mlnk .mlbox li a{padding-right:71px;}


}

#msns{position:relative;padding:50px 0;width:100%;}
#msns_box,
#myoutube{position:relative;}
#msns_box h2,
#myoutube h2{display:block;margin-bottom:20px;color:#333;color:#333;font-size:20px;/*font-family:'Titillium Web', sans-serif;*/font-weight:bold;line-height:1.2;}
#msns_box .lnk{display:inline-block;position:absolute;top:-3px;right:0;}
#msns_box .lnk *{vertical-align:middle}
#msns_box .lnk a{display:inline-block;overflow:hidden;width:32px;height:40px;margin-left:5px;background:url(../../images/kor/main/bg_sns.png) no-repeat;background-image:url(../../images/kor/main/bg_sns.svg),none;font-size:0;}
#msns_box .lnk .facebook{background-position:0 0}
#msns_box .lnk .twitter{background-position:-95px 0}
#msns_box .lnk .blog{background-position:-47px 0}
#msns_box .lnk .enews{background-position:-143px 0}

#msns_box .lnk .facebook:hover,
#msns_box .lnk .facebook:focus,
#msns_box .lnk .facebook.ov{background-position:-1px -40px}
#msns_box .lnk .twitter:hover,
#msns_box .lnk .twitter:focus{background-position:-95px -40px}
#msns_box .lnk .blog:hover,
#msns_box .lnk .blog:focus{background-position:-47px -40px}
#msns_box .lnk .enews:hover,
#msns_box .lnk .enews:focus{background-position:-143px -40px}
#myoutube .lnk{display:inline-block;position:absolute;top:45px;right:0;}
#myoutube .lnk *{vertical-align:middle}
#myoutube .lnk a{display:inline-block;overflow:hidden;width:32px;height:32px;background:url(../../images/kor/main/bg_youtube.png) no-repeat;background-image:url(../../images/kor/main/bg_youtube.svg),none;font-size:0;}

.sns_cnt{position:relative;}
.sns_cnt .flst{position:relative;}
.sns_cnt>.flst:before{display:block;content:"";position:absolute;top:0;left:14px;width:4px;height:100%;background-color:#e5e5e9;z-index:1;}
.sns_cnt .flst li{position:relative;padding-left:45px;}
.sns_cnt .flst .item{margin-top:27px;padding-right:10px;}
.sns_cnt .flst .item:first-child{margin-top:0;}
.sns_cnt .flst .item:before{display:block;content:"";overflow:hidden;position:absolute;top:0;left:0;width:31px;height:31px;background:url(../../images/kor/main/bg_snsf.png) no-repeat;background-image:url(../../images/kor/main/bg_snsf.svg),none;z-index:10}
.sns_cnt .flst .item .sns_txt{margin:0;font-size:13px;line-height:1.2;}
.sns_cnt .flst .item .sns_txt a{color:#666;}
.sns_cnt .flst .item .sns_txt a strong{color:#3378c1;}
.sns_cnt .flst .item .sns_txt a strong:after{display:inline-block;content:"...";}
.sns_cnt .flst .item .sns_txt a span{}
.sns_cnt .flst .item .sns_txt a:hover,
.sns_cnt .flst .item .sns_txt a:focus{text-decoration:underline;}
.sns_cnt .flst .item .situation{display:block;margin-top:5px;font-size:12px;line-height:1.2;}
.sns_cnt .flst .item .situation span{display:inline-block;padding-left:10px;color:#b2b2b2;}
.sns_cnt .flst .item .situation span a{color:#b2b2b2}
.sns_cnt .flst .item .situation span:first-child{padding-left:0;}
#myoutube{margin-top:50px;padding-top:50px;border-top:1px solid #d7d7d7;}
.sns_cnt .ylst{position:relative;}
.sns_cnt .ylst li{position:relative;}
.sns_cnt .ylst .item{margin-top:23px;padding:5px;padding-right:140px;min-height:68px}
.sns_cnt .ylst .item:first-child{margin-top:0;}

.sns_cnt .ylst .item .img{display:block;position:absolute;top:0;right:0;width:121px;height:68px;}
.sns_cnt .ylst .item .img img{width:100%;height:100%}
.sns_cnt .ylst .item .sns_txt{margin:0;font-size:14px;line-height:1.1;}
.sns_cnt .ylst .item .sns_txt a{color:#666;}
.sns_cnt .ylst .item .situation{display:block;margin-top:5px;font-size:12px;line-height:1.2;}
.sns_cnt .ylst .item .situation span{display:inline-block;padding-left:10px;color:#b2b2b2;}
.sns_cnt .ylst .item .situation span a{color:#b2b2b2}
.sns_cnt .ylst .item .situation span:first-child{padding-left:0;}




@media only screen and (min-width:768px){
#msns_box{}
#myoutube{float:right;border:none;margin-top:0;padding-top:0;}

.sns_cnt {overflow:hidden;min-height:110px;}
.sns_cnt .flst .item{padding-top:5px;margin-top:22px;padding-right:100px;}
.sns_cnt .flst .item .sns_txt a span{display:none;}
.sns_cnt .flst .item .situation{display:inline-block;position:absolute;top:0;right:5px;margin-top:0;width:80px;text-align:left;}
.sns_cnt .flst .item .situation span{padding:0;}
.sns_cnt .flst .item .situation span:first-child{margin-top:0}
}
@media only screen and (min-width:1024px){
.sns_cnt{min-height:180px;}
.sns_cnt>.ylst:before{display:block;content:"";position:absolute;top:0;left:14px;width:4px;height:100%;background-color:#e5e5e9;z-index:1;}
.sns_cnt .ylst li{position:relative;}
.sns_cnt .ylst .item{padding-left:45px;}
.sns_cnt .ylst .item:before{display:block;content:"";overflow:hidden;position:absolute;top:0;left:0;width:32px;height:32px;background:url(../../images/kor/main/bg_snsy.png) no-repeat;z-index:10}
.sns_cnt .flst .item .sns_txt a span{display:inline;}

}
@media only screen and (min-width:1280px){
.sns_cnt{min-height:180px;}
}

#munite{position:relative;width:100%;background-color:#f1f1f5}
#mnewsletter{overflow:hidden;position:relative;width:100%;background:url(../../images/kor/main/bg_mnewsletter.png) repeat;}
#mnewsletter .mnewsletter_box{position:relative;padding:29px 0;background:url() no-repeat 50% 0;}
#mnewsletter #mnt{z-index:12;}
#mnewsletter .mletter_tit{display:block;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid #aab2ba;}
#mnewsletter .mletter_tit em{display:block;color:#fff;font-size:14px;font-family:'Titillium Web', sans-serif;font-weight:bold;line-height:1.2;}
#mnewsletter .mletter_tit em *{vertical-align:middle}
#mnewsletter .mletter_tit em span{display:inline-block;margin:0 7px;color:#eaf1fd;font-weight:normal;}
#mnewsletter .mletter_tit h2{color:#fff;font-size:20px;font-family:'Titillium Web', sans-serif;font-weight:bold;line-height:1.2;}
#mnewsletter .mletter_tit .box{display:none;}
#mnewsletter .mletter_tit .control{display:inline-block;position:absolute;top:0;right:5px;}
#mnewsletter .mletter_tit .control a{display:inline-block;width:31px;height:31px;background:url(../../images/kor/main/bg_control.png) no-repeat;background-image:url(../../images/kor/main/bg_control.svg),none;font-size:0;}
#mnewsletter .mletter_tit .control a[data-rel]{display:inline-block;}
#mnewsletter .mletter_tit .control a[data-rel="prev"]{background-position:0 0}
#mnewsletter .mletter_tit .control a[data-rel="next"]{margin-left:-4px;margin-right:10px;background-position:-31px 0}
#mnewsletter .mletter_tit .control a.more{background-position:-75px 0}
/*
#mnewsletter .mletter_tit{position:absolute;top:0;left:0;}
*/


#mnewsletter .grap{margin:0 auto;max-width:1240px;height:260px;z-index:11;}
#mnewsletter .grap .inner{position:relative;width:100000px}
#mnewsletter .grap .obj{position:relative;float:left;max-width:1240px;height:260px;}
#mnewsletter .grap .obj .l,
#mnewsletter .grap .obj .r{display:none;}

#mnewsletter .grap .obj .item{overflow:hidden;position:relative;float:left;padding:0 41px;width:340px;height:260px;}
#mnewsletter .grap .obj .item a{display:block;position:relative;width:100%;/*height:100%;*/background-color:#fff;}
#mnewsletter .grap .obj .item a:focus{ border:1px dotted #444;}
#mnewsletter .grap .obj .item a .img{display:block;overflow:hidden;position:relative;width:100%;height:122px;text-align:center;background:url(../../images/common/prog/noimg.gif) no-repeat 50% 50%;}
#mnewsletter .grap .obj .item a .img img{display:block;max-width:none;width:100%;height:100%;transition:all .4s ease-in-out;}
#mnewsletter .grap .obj .item a:hover .img img,
#mnewsletter .grap .obj .item a:focus .img img{transform:scale(1.2)}


#mnewsletter .grap .obj .item a .info{display:block;padding:10px;width:100%;text-transform:uppercase;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;}
#mnewsletter .grap .obj .item a .info .tit{display:block;overflow:hidden;margin-bottom:15px;/*height:57px;*/height:38px;font-family:'ntk','Malgun Gothic';font-size:15px;line-height:1.2;}
#mnewsletter .grap .obj .item a .info .tit .cat{display:block;color:#005fc3;font-size:13px;}
#mnewsletter .grap .obj .item a .info .tit a{display:block;color:#fff;}
#mnewsletter .grap .obj .item a .info .text{display:block;overflow:hidden;height:45px;color:#9f9f9f;font-size:13px;line-height:1.2;}
#mnewsletter .grap .obj .item a .info .date{display:block;margin-top:5px;color:#767676;font-size:12px;line-height:1;}

@media only screen and (min-width:768px){
#mnewsletter .mnewsletter_box{background:url() no-repeat 50% 0;}
}




@media only screen and (min-width:1024px){
	
#mnewsletter .mnewsletter_box{padding:110px 0 0px 0;background:url() no-repeat 50% 0;}	
#mnewsletter .mletter_tit{
	position: absolute;
	top: -84px;
	left: 0;
	margin: 0;
	padding: 28px;
	border: none;
	width: 265px;
	background-color: #2b2a87
}
#mnewsletter .mletter_tit em{margin-bottom:25px;}
#mnewsletter .mletter_tit em span{display:block;margin:3px 0 0 0;font-size:12px;}
#mnewsletter .mletter_tit h2{margin-bottom:35px;font-size:30px;line-height:1.2;}
#mnewsletter .mletter_tit .box{display:block;}
#mnewsletter .mletter_tit .box h3{color:#fff;font-size:15px;font-family:'Titillium Web', sans-serif;font-weight:bold;line-height:1.2;}
#mnewsletter .mletter_tit .box ul{margin:11px 0 33px 0;}
#mnewsletter .mletter_tit .box ul li{display:block;margin-bottom:4px;color:#fff;font-size:14px;line-height:21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#mnewsletter .mletter_tit .box ul li *{vertical-align:middle}
#mnewsletter .mletter_tit .box ul li a{color:#fff;}
#mnewsletter .mletter_tit .box ul li .num{display:inline-block;overflow:hidden;margin-bottom:3px;margin-right:5px;width:21px;height:21px;border:1px solid #fff;border-radius:50%;background-image:none;background-color:#fff;color:#1e81ef;font-size:13px;text-align:center}

#mnewsletter .mletter_tit .control{position:relative;}	
#mnewsletter .grap{height:337px;}
#mnewsletter .grap .obj{overflow:hidden;left:auto;height:337px;}
#mnewsletter .grap .obj .item{padding:0 21px;width:232px;height:337px;}

#mnewsletter .grap .obj .l{display:block;overflow:hidden;position:absolute;top:0;left:-1000px;width:1000px;height:337px;}
#mnewsletter .grap .obj .l .item{float:right;}
#mnewsletter .grap .obj .r{display:block;overflow:hidden;position:absolute;top:0;right:-1000px;width:1000px;height:337px;}
#mnewsletter .grap .break{padding-left:281px;}
#mnewsletter .grap .obj .item a .info{padding:20px;}
#mnewsletter .grap .obj .item a .info .tit{height:67px;}
#mnewsletter .grap .obj .item a .info .date{margin-top:30px;font-size:13px;}

/*20170817 추가 시작*/
#newsletter{ height:337px; text-align:right; overflow:hidden; position:relative; top:-58px;}
#newsletter ul{ height:337px; display:inline-block; position:absolute; left:50%; transform:translateX(-350px);}
#newsletter ul li{overflow:hidden;position:relative;float:left;padding:0 41px;width:340px;height:260px;}
#newsletter ul li a{display:block;position:relative;width:100%;/*height:100%;*/background-color:#fff;}
#newsletter ul li a:focus{ border:1px dotted #444;}
#newsletter ul li a .img{display:block;overflow:hidden;position:relative;width:100%;height:180px;text-align:center;background:url(../../images/common/prog/noimg.gif) no-repeat 50% 50%;}
#newsletter ul li a .img img{display:block;max-width:none;width:100%;height:100%;transition:all .4s ease-in-out;}
#newsletter ul li a:hover .img img,
#newsletter ul li a:focus .img img{transform:scale(1.2)}

#newsletter ul li a .info{display:block;padding:10px;width:100%;text-transform:uppercase;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;}
#newsletter ul li a .info .tit{display:block;overflow:hidden;margin-bottom:15px;/*height:57px;*/height:72px;font-family:'ntk','Malgun Gothic';font-size:15px;line-height:1.2; text-align:left; text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#newsletter ul li a .info .tit .cat{display:block;color:#005fc3;font-size:13px; text-align:right;}
#newsletter ul li a .info .tit a{display:block;color:#fff;}
#newsletter ul li a .info .text{display:block;overflow:hidden;height:45px;color:#9f9f9f;font-size:13px;line-height:1.2; text-align:left;}
#newsletter ul li a .info .date{display:block;margin-top:5px;color:#767676;font-size:12px;line-height:1;}

#newsletter ul li{padding:0 21px;width:220px;height:337px;}
/*20170817 추가 끝*/
}
@media only screen and (min-width:1200px){
	#mnewsletter .grap .break{padding-left:391px;}
}
@media only screen and (min-width:1280px){
	#mnewsletter .grap .break{padding-left:281px;}
#mnewsletter .mnewsletter_box{background:url() no-repeat 50% 0;}
#mnewsletter .grap .obj .l{left:-1240px;width:1240px;}
#mnewsletter .grap .obj .r{right:-1240px;width:1240px}
}
#mbanner{position:relative;}
#mbanner:after{content:"";display:block;visibility:hidden;clear:both;}

#mbanner .control{position:relative;width:100%;z-index:12;}
#mbanner .control *{vertical-align:middle}
#mbanner .control a[data-control]{display:inline-block;position:absolute;top:43px;width:14px;height:23px;font-size:0;}
#mbanner .control a[data-control="prev"]{left:0;background-position:-207px -19px}
#mbanner .control a[data-control="next"]{right:0;background-position:-235px -19px}
/*#mbanner .control .more{position:absolute;top:37px;right:0;display:inline-block;width:23px;height:16px;font-size:0;background-position:-257px -23px}*/

#mbanner .grap{overflow:hidden;position:relative;padding:26px 17px 26px 17px;z-index:11;}
#mbanner .grap .obox{overflow:hidden;position:relative;}
#mbanner .grap .obj{overflow:hidden;position:relative;width:10000px;}
#mbanner .grap .obj .item{overflow:hidden;position:relative;float:left;}
#mbanner .grap .obj .item a{display:block;margin:0 10px;}

#mbanner2{position:relative;}
#mbanner2:after{content:"";display:block;visibility:hidden;clear:both;}

#mbanner2 .control{position:relative;width:100%;z-index:12;}
#mbanner2 .control *{vertical-align:middle}
#mbanner2 .control a[data-control]{display:inline-block;position:absolute;top:43px;width:14px;height:23px;font-size:0;}
#mbanner2 .control a[data-control="prev"]{left:0;background-position:-207px -19px}
#mbanner2 .control a[data-control="next"]{right:0;background-position:-235px -19px}
/*#mbanner2 .control .more{position:absolute;top:37px;right:0;display:inline-block;width:23px;height:16px;font-size:0;background-position:-257px -23px}*/

#mbanner2 .grap{overflow:hidden;position:relative;padding:26px 17px 26px 17px;z-index:11;}
#mbanner2 .grap .obox{overflow:hidden;position:relative;}
#mbanner2 .grap .obj{overflow:hidden;position:relative;width:10000px;}
#mbanner2 .grap .obj .item{overflow:hidden;position:relative;float:left;}
#mbanner2 .grap .obj .item a{display:block;margin:0 10px;}

@media only screen and (min-width:1024px){
#mbanner .grap{padding-right:26px;padding-left:26px;}
/*#mbanner .control a[data-control="next"]{right:50px;}*/
#mbanner2 .grap{padding-right:26px;padding-left:26px;}
}


@media (max-width:1279px){
	#newsletter ul{ transform:translateX(-230px);}
}


@media (max-width:1023px){
	#newsletter{height:270px; overflow:hidden;}
	#newsletter ul{ transform:translateX(0);}
	#newsletter ul li{overflow:hidden;position:relative;float:left;padding:0 41px;width:340px;height:270px;}
	#newsletter ul li a{display:block;position:relative;width:100%;/*height:100%;*/background-color:#fff;}
	#newsletter ul li a:focus{ border:1px dotted #444;}
	#newsletter ul li a .img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 200px;
	text-align: center;
	background: url(../../images/common/prog/noimg.gif) no-repeat 50% 50%;
}
	#newsletter ul li a .img img{display:block;max-width:none;width:100%;height:200px;transition:all .4s ease-in-out;}
	#newsletter ul li a:hover .img img,
	#newsletter ul li a:focus .img img{transform:scale(1.2)}
	
	
	#newsletter ul li a .info{display:block;padding:10px;width:100%;text-transform:uppercase;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;}
	#newsletter ul li a .info .tit{display:block;overflow:hidden;margin-bottom:15px;height:57px;/*height:38px;*/font-family:'ntk','Malgun Gothic';font-size:15px;line-height:1.2;}
	#newsletter ul li a .info .tit .cat{display:block;color:#005fc3;font-size:13px;}
	#newsletter ul li a .info .tit a{display:block;color:#fff;}
	#newsletter ul li a .info .text{display:block;overflow:hidden;height:45px;color:#9f9f9f;font-size:13px;line-height:1.2;}
	#newsletter ul li a .info .date{display:block;margin-top:5px;color:#767676;font-size:12px;line-height:1;}
}