@charset "utf-8";
.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;/* background-image:url(/images/kor/main/micon.svg),none; */}




#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:100%; height:100%;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;}
#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:'nsr','Malgun Gothic';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:'nsr','Malgun Gothic';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:'nsr','Malgun Gothic';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:'nsr','Malgun Gothic';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: 50px;}

@media only screen and (min-width:768px){
#mn_box{padding-top: 50px;}
#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: 45px;}
}


@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%;}
.mbox2{width:46.775%;}
.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:'nsr','Malgun Gothic';*/font-weight:bold;line-height:1.2;}
#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:33px;border-bottom:1px solid #d7d7d7;}
#mnews ul li{font-size:13px;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;}
#mboard ul li a{display:inline-block;overflow:hidden;float:left;/*padding:0 10px;*/width:75%;color:#656565;font-size:13px;line-height:33px;white-space:nowrap;text-overflow:ellipsis;text-align:left;}
#mnews ul li a{display:inline-block;float:left;overflow:hidden;width:75%;text-align:left;line-height:33px;white-space:nowrap;text-overflow:ellipsis;}
#mnews ul li a span{display:inline-block;padding-right:12px;color:#3378c1;line-height:33px;}
#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;}
#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:'nsr','Malgun Gothic';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:290px;}

#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;padding-bottom: 50px;}
#mlnk:after{content:"";display:block;visibility:hidden;clear:both;}
#mlnk #slider_banner {position:relative;}
#mlnk .grap {overflow:hidden;height: 85px;}
#mlnk .controlboxbox {}
#mlnk .controlboxbox a[data-control]{display:inline-block;position:absolute;z-index: 99;top: 35px;width: 12px;height: 19px;font-size:0;}
#mlnk .controlboxbox a[data-control="prev"]{left:0;background-position: 0 -20px;}
#mlnk .controlboxbox a[data-control="next"]{right:0;background-position: -30px -20px;}


#mlnk ul{position: relative;}
#mlnk ul:after{content:"";display:block;visibility:hidden;clear:both;}
#mlnk ul li{display: block;float:left;position: relative;width: 100%;margin: 0 0 20px;padding: 0 25px 0;}
/* #mlnk ul li a{display:block;text-align:center;}
#mlnk ul li a em{display:none;}
#mlnk ul li a b{display:block;color:#333;font-family:'nsr','Malgun Gothic';font-size:13px;line-height:1.2;}
 */
#mlnk .mlbox li a{display:block;position:relative;padding:10px;padding-bottom:15px;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: 50% bottom; */}
#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 .mlbox li a .ir-kiost{display: block;position:absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#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 .ir-kiost.icmlk4{background-position: -128px -230px;width: 42px;height: 42px;}
#mlnk .mlbox li a .ir-kiost.icmlk5{background-position:-59px -99px}
#mlnk .mlbox li a .ir-kiost.icmlk6{background-position:-185px -230px;width: 42px;height: 42px;}
#mlnk .mlbox li a .ir-kiost.icmlk7{background-position:-371px -230px;width: 41px;height: 41px;}

#mlnk .mlbox li a .ir-kiost.icmlk8{background-position:-247px -234px;width: 51px;height: 38px;}
#mlnk .mlbox li a .ir-kiost.icmlk9{background-position:-309px -234px;width: 41px;height: 38px;}
#mlnk .mlbox li a .ir-kiost.icmlk10{background-position:-431px -230px;width: 38px;height: 42px;}
#mlnk .mlbox{margin-bottom:17px;}
@media only screen and (min-width:600px){
	#mlnk ul li {width: 50%;}

}

@media only screen and (min-width:768px){
#mlnk {margin-top:34px;}
#mlnk .mbox{float:right;}
#mlnk .mlbox{float:left;margin-bottom:0;}
#mlnk .mlbox li a .ir-kiost {right:14px;}
}

@media only screen and (min-width:1024px){
#mlnk .mlbox li{display: block;float:left;width: 25%;vertical-align: top;}
#mlnk .mlbox li:first-child{}
#mlnk .mlbox li a{display:block;position:relative;padding:10px;padding-bottom:15px;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: 50% bottom; */}
#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{}
	#mlnk .mlbox li a{}


}
@media only screen and (min-width:1280px){
	/* #mlnk .mlbox li{width: 25%;} */
	#mlnk .mlbox li a{}



}

#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:'nsr','Malgun Gothic';*/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)*/;font-size:0;}/* 20201203 인스타그램 수정 */
#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 .instagram{background-position:-191px 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}
#msns_box .lnk .instagram:hover,
#msns_box .lnk .instagram:focus{background-position:-191px -40px}
#myoutube .lnk{display:inline-block;position:absolute;top:0;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%;padding: 50px 0 0;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(/images/kor/main/bg_newsletter.png) 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:'nsr','Malgun Gothic';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:'nsr','Malgun Gothic';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="prev"]:hover,
#mnewsletter .mletter_tit .control a[data-rel="prev"]:focus{border:1px solid red;}
#mnewsletter .mletter_tit .control a[data-rel="next"]{margin-left:-4px;margin-right:10px;background-position:-31px 0}
#mnewsletter .mletter_tit .control a[data-rel="next"]:hover,
#mnewsletter .mletter_tit .control a[data-rel="next"]:focus{border:1px solid red;}
#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(/images/kor/main/bg_newsletter_768.png) no-repeat 50% 0;}
}




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

#mnewsletter .mnewsletter_box{padding:110px 0 79px 0;background:url(/images/kor/main/bg_newsletter_1024.png) no-repeat 50% 0;}
#mnewsletter .mletter_tit{position:absolute;top:-84px;left:0;margin:0;padding:28px;border:none;width:265px;background-color:#1e81ef}
#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:'nsr','Malgun Gothic';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;}
#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:122px;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:250px;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(/images/kor/main/bg_newsletter_1280.png) no-repeat 50% 0;}
#mnewsletter .grap .obj .l{left:-1240px;width:1240px;}
#mnewsletter .grap .obj .r{right:-1240px;width:1240px}
}
#mbanner{position:relative;background-color: #08112a;border-bottom: 1px solid rgba(255,255,255,0.1);}
#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: 12px;height: 19px;font-size:0;}
#mbanner .control a[data-control="prev"]{left:0;background-position: 0 0;}
#mbanner .control a[data-control="next"]{right:0;background-position: -30px 0;}
/*#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 20px;transition: 0.3s;}
#mbanner .grap .obj .item a:hover,
#mbanner .grap .obj .item a:focus{transform: scale(1.1);outline-color: coral;}

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

}


@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:122px;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: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;}
}

@media(max-width:767px){
	#myoutube .lnk{top:45px;}
}

/* 20201118 추가 */
.wp100{width:100% !important}

/* 팝업 시작*/ 
.pop_bg {background: #1370AA; padding: 6px 3px;} 
.pop_con_box {background: #ffffff; margin: 3px 6px;} 
.pop_bt_bg {height: 40px; background: #000000; padding: 6px 6px;} 
.pop_font {text-indent: 15px; margin-left: 10px; float: left;} 
.pop_font a:visited {font-family: "Gulim"; font-size: 14px; line-height: 26px; letter-spacing: 0; color: #FFFFFF;} 
.pop_font a:link {font-family: "Gulim"; font-size: 14px; line-height: 26px; letter-spacing: 0; color: #FFFFFF;} 
.pop_close {width: 30px; position: absolute; right: 4px;} 
.pop_close img {    margin-top: 4px;} 
/* 팝업 End */ 








/* 210503 메인 비주얼 변경 */
@-webkit-keyframes ProgressDots {from {bottom: 100%;}to {bottom: 0;}}
@keyframes ProgressDots {from {bottom: 100%;}to {bottom: 0;}}

@-webkit-keyframes ProgressDots2 {from {width: 0;}to {width:100%;}}
@keyframes ProgressDots2 {from {width: 0;}to {width:100%;}}

#main_visual {position:relative;padding:45px 70px 0;}
#main_visual:before {display:block; position:absolute; left:0; bottom:0; content:''; width:100%; height:300px; background:#f1f1f5; }
#main_visual .visual_box {position:relative;z-index:1;width:100%;box-shadow:0 0 20px rgba(30,49,77,.3); }
#main_visual .visual_box .control {position:absolute;z-index: 9; top:110px; left:50%; width:25px; margin-left:-620px; text-align:center;}
#main_visual .visual_box .control strong {display:block; margin:0 0 25px;}
#main_visual .control .cbox {position:relative;}
#main_visual .control .paging {display:inline-block;}
#main_visual .control .paging .total {text-align:center;}
#main_visual .control .paging .total span {display:block;line-height: 25px; margin:0 2px;font-size:16px;color:#fff;}
#main_visual .control .paging .total span.line {width:1px; height:295px; font-size:0;}
#main_visual .control .inner {display: block;position: absolute;top: 40px;left: 11px;}
#main_visual .control .slick-dots {display:inline-block;position: relative;width: 3px;height:260px;margin: 0 auto;vertical-align: middle;}
#main_visual .control .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .control .slick-dots li {display:inline-block;position: relative;/* float:left; *//* position: absolute; *//* left:0; *//* bottom:0; */width: 3px;/* margin: 0 0 5px; */background: rgba(255,255,255,.5);}
#main_visual .control .slick-dots li:before {display:block;position:absolute;left: 0;top:0;bottom:100%;content:'';width:1px;height:auto;background:#fff;}
#main_visual .control .slick-dots li.slick-active:before {width: 100%;-webkit-animation: ProgressDots 6s linear;animation: ProgressDots 6s linear;}
#main_visual .control .slick-dots li button {display:none;}
#main_visual .control .slick-dots.n1 li {height: calc(100% - 5px);}
#main_visual .control .slick-dots.n2 li {height: calc(50% - 5px);}
#main_visual .control .slick-dots.n3 li {height: calc(33.33% - 5px);}
#main_visual .control .slick-dots.n4 li {height: calc(25% - 5px);}
#main_visual .control .slick-dots.n5 li {height: calc(20% - 5px);}
#main_visual .control .slick-dots.n6 li {height: calc(16.666% - 5px);}
#main_visual .control .slick-dots.n7 li {height: calc(14.285714% - 5px);}
#main_visual .control .slick-dots.n8 li {height: calc(12.5% - 5px);}
#main_visual .control .slick-dots.n9 li {height: calc(11.11% - 5px);}
#main_visual .control .slick-dots.n10 li {height: calc(10% - 5px);}
#main_visual .control .btnbox {display: block;margin: 25px 0 0;vertical-align:top;}
#main_visual .control .btnbox button {display:inline-block;overflow: hidden;position:relative;width:25px;height:25px;background: none;font-size:0;vertical-align: top;-webkit-transition:all 0.3s;transition:all 0.3s;}
#main_visual .control .btnbox button:before,
#main_visual .control .btnbox button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main_visual .control .btnbox button[data-control="stop"]:before{width: 4px;height: 13px;box-shadow: -2px 0 #fff, 2px 0 #fff;}
#main_visual .control .btnbox button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 7px 0 7px 10px;border-style: solid;border-color: transparent transparent transparent #fff;}

#main_visual .visual_box .viewer_area {position:relative;height:700px;}
#main_visual .visual_box .viewer_area .slick-slide {vertical-align:top; }
#main_visual .visual_box .viewer_area .item {position:relative;width:100%;height:700px;padding: 100px 0 0;background-color:#eee;background-position:center;background-size:cover;background-repeat:no-repeat;}
#main_visual .visual_box .viewer_area .item:before {display:block;position:absolute;left:0;top:0;z-index:1;content:'';width:100%;height:100%;background: rgba(0,0,0,.5);}
#main_visual .visual_box .viewer_area .item .box {position:relative;z-index: 2;width: 100%;max-width:1240px;margin:0 auto;padding-left:55px;}
#main_visual .visual_box .viewer_area .item .box:after {display:block; clear:both; visibility:hidden; content: '';}
#main_visual .visual_box .viewer_area .item .thumb {float:left;width:60%;height:520px;background-size: cover;background-position: center;background-repeat: no-repeat;}
#main_visual .visual_box .viewer_area .item .title {float: left;position:relative; width:40%;height:520px;}
#main_visual .visual_box .viewer_area .item .title .titinner {position:absolute;top:50%;padding-left: 60px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
#main_visual .visual_box .viewer_area .item .title .titinner > span {display:block;overflow: hidden;opacity: .8;margin: 0 0 20px;color:#fff;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;}
#main_visual .visual_box .viewer_area .item .title .titinner > strong {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 156px;line-height: 1.3;margin: 0 0 50px;text-overflow: ellipsis;white-space: normal;font-size: 40px;font-weight: bold;color: #fff;word-break: keep-all;}
#main_visual .visual_box .viewer_area .item .title a {display:block; position:relative; padding-left:20px; font-size:17px; color:#fff;}
#main_visual .visual_box .viewer_area .item .title a:before {display:none;position:absolute;left: 0;top: -5px;content:'';width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.25);}
#main_visual .visual_box .viewer_area .item .title a span {display:inline-block;width: 34px;height: 34px;margin-left: 15px;border-radius: 50%;background: rgba(255,255,255,.25) url(/images/kor/new/arr.png)no-repeat center;vertical-align: middle;}
#main_visual .visual_box .viewer_area .item .bg {}
#main_visual .slick-autoplay-toggle-button {display:none;}
#main_visual .slick-arrow {position:absolute;z-index:5;bottom:50px;width: 140px;height:130px;padding: 20px;border:1px solid #fff;background: none;font-size: 17px;font-weight: normal;text-align: left;color: #fff;}
#main_visual .slick-arrow.slick-prev {right: 140px;}
#main_visual .slick-arrow.slick-next {right:-22px;border: 1px solid #1858c1;background: #1858c1;}


@media(max-width:1459px){
	#main_visual {padding:0;}
	#main_visual .visual_box .control {/* display:none; */top: auto;bottom: 50px;left: 50%;width: auto;margin-left: -580px;}
	#main_visual .visual_box .control strong {display:none;}
	#main_visual .control .paging .total {display:inline-block;}
	#main_visual .control .paging .total span.line {width: 250px;height:1px;font-size:0;}
	#main_visual .control .paging .total span {display:inline-block;}
	#main_visual .control .btnbox {display:inline-block; margin:0;}
    #main_visual .control .inner {left: 32px;top: 10px;}
    #main_visual .control .slick-dots {width: 230px;height: 3px;}
	#main_visual .control .slick-dots li {display:inline-block;position: relative;vertical-align: top;margin: 0 2.5px;}
	#main_visual .control .slick-dots li:before {left: 0;top:0;bottom: auto;content:'';width: 0;height: 100%;background:#fff;}
	#main_visual .control .slick-dots li.slick-active:before {-webkit-animation: ProgressDots2 6s linear;animation: ProgressDots2 6s linear;}
	#main_visual .control .slick-dots li button {display:none;}
	#main_visual .control .slick-dots.n1 li {width:calc(100% - 5px); height:3px;}
	#main_visual .control .slick-dots.n2 li {width:calc(50% - 5px); height:3px;}
	#main_visual .control .slick-dots.n3 li {width:calc(33.33% - 5px); height:3px;}
	#main_visual .control .slick-dots.n4 li {width:calc(25% - 5px); height:3px;}
	#main_visual .control .slick-dots.n5 li {width:calc(20% - 5px);height:3px;}
	#main_visual .control .slick-dots.n6 li {width:calc(16.666% - 5px); height:3px;}
	#main_visual .control .slick-dots.n7 li {width:calc(14.285714% - 5px); height:3px;}
	#main_visual .control .slick-dots.n8 li {width:calc(12.5% - 5px); height:3px;}
	#main_visual .control .slick-dots.n9 li {width:calc(11.11% - 5px); height:3px;}
	#main_visual .control .slick-dots.n10 li {width:calc(10% - 5px); height:3px;}


	#main_visual .visual_box .viewer_area,
    #main_visual .visual_box .viewer_area .item {height:540px;}
    #main_visual .visual_box .viewer_area .item {padding: 0;background: none !important;}
    #main_visual .visual_box .viewer_area .item:before {background: rgba(0,0,0,.4);}
	#main_visual .visual_box .viewer_area .item .box {max-width: 100%;height: 100%;padding:0;}
	#main_visual .visual_box .viewer_area .item .thumb {display: block;float: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	#main_visual .visual_box .viewer_area .item .thumb:before {display:block; position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
	#main_visual .visual_box .viewer_area .item .title {float: none;width: 100%;max-width: 1240px;height: 100%;margin: 0 auto;padding: 120px 30px 0;}
	#main_visual .visual_box .viewer_area .item .title .titinner {position:relative; top:0; padding:0; transform:none; -webkit-transform:none;}
	#main_visual .slick-arrow.slick-prev {right: 190px;}
    #main_visual .slick-arrow.slick-next {right:30px;}
}
@media(max-width:1279px){
	#main_visual .visual_box .viewer_area .item .title {width:1000px;}

	#main_visual .visual_box .control {margin-left: -460px;}
}

@media(max-width:1023px){

	#main_visual .visual_box .viewer_area .item .title {width:90%;}
	#main_visual .visual_box .control {left: 10%;margin-left:0;}
}

@media(max-width:767px){
	#main_visual .visual_box .viewer_area,
    #main_visual .visual_box .viewer_area .item {height:400px;}
	#main_visual .visual_box .viewer_area .item .title {width:100%;padding: 60px 20px 0;text-align:center;}
	#main_visual .visual_box .viewer_area .item .title .titinner > span {font-size:16px;}
	#main_visual .visual_box .viewer_area .item .title .titinner > strong {height: 117px;margin: 0 0 20px;font-size:30px;}
	#main_visual .visual_box .viewer_area .item .title a {width:150px;height:40px;line-height:38px;margin: 0 auto;padding:0;border:1px solid #fff;font-size: 15px; text-align:center; }
	#main_visual .visual_box .viewer_area .item .title a:before {display:none;}
	#main_visual .visual_box .viewer_area .item .title a span {display:none;}

	#main_visual .slick-arrow {width:25px; height:25px; font-size:0;}
	#main_visual .slick-arrow.slick-prev {left:50%;right:auto; margin-left:-45px; border:none; background:none;}
    #main_visual .slick-arrow.slick-next {right:50%; margin-right:-45px; border:none; background:none;}
	#main_visual .slick-arrow:before {display:block;position:absolute;top: 13px;content:'';width:13px;height:13px;border:solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	#main_visual .slick-arrow.slick-prev:before {left:15px; border-width:0 0 2px 2px;}
    #main_visual .slick-arrow.slick-next:before {right:15px; border-width:2px 2px 0 0;}    
    #main_visual .slick-arrow.slick-next:after {display:block;position:absolute;left: -6px;top: 11px;content:'';width:1px;height:20px;background: rgba(255,255,255,.5);}

    #main_visual .visual_box .control {left:50%;bottom:15px;width: 100%;transform:translateX(-50%);-webkit-transform: translateX(-50%);}
    #main_visual .control .inner {left:50%;transform: translateX(-56%);-webkit-transform: translateX(-56%);}
}