@charset "utf-8";

/*#footer_group{display:none;}*/
.top_btn .inner{display:none;}
/* main_common */
button,input[type="button"],input[type="reset"],input[type="submit"]{border:0;cursor:pointer;-webkit-appearance:button}

#mcontent{position:relative;width:100%;}
#mcontent:after{content:"";display:block;visibility:hidden;clear:both;}

.ir-kiost{background:url(/images/kor/main/micon.png) no-repeat;}
.ir-eng{background:url(/images/eng/main/micon_eng.png) no-repeat;font-size:0;line-height:0;}
.mcont.wrapper{width:90%;}

@media only screen and (min-width:1024px){
.mcont.wrapper{margin-top:60px;width:96%;}       
}

@media only screen and (min-width:1280px){
.mcont.wrapper{width:1200px;}
}

/* mvisual */
#mvisual{background:#2b2c32;}
#mvisual .visual_inner{margin:0 auto;width:90%;padding:20px 0;}
#isabu{display:none;padding-bottom:15px;background:#fff;}
#isabu h2{}
#mvisual .tab_zone{}
#mvisual .tab_zone h2 a{display:none;color:#fff;font-size:20px;line-height:1;text-align:center;}
#mvisual .tab_zone h2 a b{display:block;line-height:inherit;}
#mvisual .tab_zone h2 a b em{font-weight:bold;line-height:inherit;}
#mvisual .tab_zone h2 a b span.micon{display:inline-block;width:23px;height:22px;background:url(/images/lab/main/isabu_icon.png) no-repeat;vertical-align:middle;}
#mvisual .tab_zone h2 a span{display:block;color:#abacad;font-size:12px;}
#mvisual .tab_zone .tab_area{overflow:hidden;margin-top:30px;font-size:0;}
#mvisual .tab_zone .tab_area li{display:inline-block;float:left;/*height:58px;width:20%;*/width:50%;vertical-align:middle;}
#mvisual .tab_zone .tab_area li:first-child+li+li+li+li{width:100%;}
#mvisual .tab_zone .tab_area li a{display:block;padding:10px 5px;/*height:58px;*/color:#bebebf;font-size:12px;text-align:center;word-break:keep-all;word-wrap: break-word;}
#mvisual .tab_zone .tab_area li a:before{content:"";display:inline-block;height:38px;vertical-align:middle;}
#mvisual .tab_zone .tab_area li a:hover,#mvisual .tab_zone .tab_area li a:focus,
#mvisual .tab_zone .tab_area li.tab_ov a{background:#005fca;color:#fff;}
#mvisual .tab_zone .tab_area li a em{display:inline-block;line-height:19px;vertical-align:middle;}

#mvisual .grep{overflow:hidden;position:relative;width:100%;z-index:10;}
#mvisual .grep .obj{position:relative;}
#mvisual .grep .obj .item{display:inline-block;/*float:left;overflow:hidden;*/position:relative;width:100%;}
#mvisual .grep .obj .item figure{position:relative;width:100%;min-height:165px;}
#mvisual .grep .obj .item figure .img{display:block;width:100%;background:#ddd;text-align:center;}
#mvisual .grep .obj .item figure img{/*width:100%;*/height:165px;}
#mvisual .grep .obj .item figcaption{position:relative;padding:18px 0;min-height:98px;}
#mvisual .grep .obj .item figcaption .stit{display:block;margin-bottom:5px;color:#fff;font-size:11px;line-height:1.2;}
#mvisual .grep .obj .item figcaption .stit em{display:block;}
#mvisual .grep .obj .item figcaption .cat{}
#mvisual .grep .obj .item figcaption .cat em{display:none;}
#mvisual .grep .obj .item figcaption .cat b{display:block;color:#005fca;font-size:12px;font-weight:normal;}
#mvisual .grep .obj .item figcaption .cat b strong{display:none;}
#mvisual .grep .obj .item figcaption b{display:block;overflow:hidden;/*margin-bottom:18px;*/max-width:80%;font-size:16px;color:#fff;text-overflow:ellipsis;white-space:nowrap;}
#mvisual .grep .obj .item figcaption b.vm_tit{display:inline-block;width:70%;color:#fff;font-size:16px;line-height:20px;}
#mvisual .grep .obj .item figcaption .text{display:none;}
#mvisual .grep .obj .item figcaption p.more{display:inline-block;position:absolute;right:0;/*top:17px;*/top:50%;margin-top:-33px;width:60px;height:60px;border:1px solid #6b6c70;}
#mvisual .grep .obj .item figcaption p.more a{display:block;background:url(/images/lab/main/bul_more.png) no-repeat 0 bottom;color:#fff;font-size:11px;text-align:center;line-height:50px;}
#mvisual .grep .obj .item figcaption p.more a:hover,#mvisual .grep .obj .item figcaption p.more a:focus{text-decoration:underline;}

#mvisual .control{width:100%;text-align:center;z-index:11;}
#mvisual .control *{vertical-align: middle}

#mvisual .control p{margin:10px 0 0 0;}
#mvisual .control p *{vertical-align: middle}

#mvisual .control a[rel]{display:inline-block;background:url(/images/lab/main/bg_mnews.png) no-repeat;font-size:0;line-height:0;}
#mvisual .control a[rel="stop"]{width:23px;height:24px;background-position:0 0}
#mvisual .control a[rel="play"]{width:23px;height:24px;background-position:-25px 0}

#mvisual .control .paging{display:inline-block;padding:0 5px;}
#mvisual .control .paging button{display: inline-block;background: url(/images/lab/main/bg_mnews.png) no-repeat;font-size: 0;line-height: 0;}
#mvisual .control .paging button{width:22px;height:22px;background-position:-73px -2px}
#mvisual .control .paging button.ov{background-position:-50px -2px}
#mvisual .control .number{display:inline-block;padding:4px 5px 0 5px;color:#fff;font-size:16px;line-height:1;}
#mvisual .control .number *{vertical-align: middle}
#mvisual .control .number em{display:inline-block;position:relative;top:-1px;padding:0 3px;font-size:16px;line-height:1;}
#mvisual .mvcont_wrap{}
#mvisual #isabu .isabu_more{display:block;margin:5px auto 0;padding:10px;width:145px;background:url(/images/lab/main/isabu_more_arr.png) no-repeat 80% 50%;border:1px solid #dfdfdf;}    
#mvisual #isabu .isabu_more a{display:block;color:#000;font-size:13px;line-height:16px;} 
.r_news{/*height:58px;*/background:#000 url(/images/lab/main/bg_r_news.png) no-repeat right bottom;text-align:right;}
.r_news a{display:inline-block;width:136px;height:58px; background:url(/images/lab/main/r_news_txt.png) no-repeat 0 0;font-size:0;line-height:0;}

@media only screen and (min-width:480px) {
	#mvisual .tab_zone .tab_area li{width:33.33%;}
	#mvisual .tab_zone .tab_area li:first-child+li+li+li,
	#mvisual .tab_zone .tab_area li:first-child+li+li+li+li{width:50%;}
}

@media only screen and (min-width:768px) {
	#mvisual .tab_zone .tab_area li,
	#mvisual .tab_zone .tab_area li:first-child+li+li+li,
	#mvisual .tab_zone .tab_area li:first-child+li+li+li+li{width:20%;}
}

@media only screen and (min-width:1024px){
	#mvisual .visual_inner{background:url(/images/lab/main/bg_figcaption.png) repeat;}
	#mvisual .mvcont_wrap{}
	#mvisual .grep{overflow:hidden;position:relative;width:100%;z-index:10;}
	#mvisual .grep .obj{position:relative;/*width:10000px*/width:500%;}
	#mvisual .grep .obj .item{display:inline-block;float:left;overflow:hidden;position:relative;width:20%;/*width:1200px*/;}
	#mvisual .grep .obj .item figure{position:relative;width:100%;height:450px;}
	#mvisual .grep .obj .item figure .img{display:block;width:60%;/*width:600px;*/}
	#mvisual .grep .obj .item figure img{max-width:none;width:100%;height:450px;}
	#mvisual .grep .obj .item figure figcaption{position:absolute;top:0;/*left:600px;*/right:0;padding:30px 35px;width:40%;height:100%;}
	#mvisual .grep .obj .item figure figcaption .cat{display:inline-block;margin-bottom:45px;color:#005fca;font-size:11px;line-height:14px;}
	#mvisual .grep .obj .item figure figcaption .cat:after{content:"";display:block;visibility:hidden;clear:both;}
	#mvisual .grep .obj .item figure figcaption .cat em{display:inline-block;position:relative;margin-right:10px;padding-right:30px;border-right:1px solid #11529a;}
	#mvisual .grep .obj .item figure figcaption .cat em span{position:absolute;top:0;right:8px;font-size:28px;font-weight:bold;line-height:1;vertical-align:bottom;}
	#mvisual .grep .obj .item figure figcaption .cat b{display:inline-block;margin:0;height:auto;font-size:13px;line-height:16px;vertical-align:bottom;}
	#mvisual .grep .obj .item figure figcaption b{display:block;overflow:hidden;height:95px;margin-bottom:18px;width:100%;max-width: 100%;color:#fff;font-size: 24px;line-height:1.3;word-wrap:break-word;word-break:keep-all;text-overflow:visible;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
	#mvisual .grep .obj .item figure figcaption b strong{display:inline-block;font-size:28px;vertical-align:middle;}
	#mvisual .grep .obj .item figure figcaption .date{display:block;color:#fff;font-size:13px;line-height:20px;}
	#mvisual .grep .obj .item figure figcaption .text{display:block;margin-bottom:8px;font-size:14px;overflow:hidden;margin-top:25px;margin-bottom:25px;color:#bdc0c1;line-height:18px;height:110px;}
	#mvisual .grep .obj .item figcaption p.more a{display:block;padding:7px 12px 5px 12px;background-color:transparent;border:1px solid #fff;background:url(/images/kor/main/bg_more.png) no-repeat 90% 50%;}
	#mvisual .grep .obj .item figcaption p.more a{display:block;position:relative;padding:8px;color:#fff;text-align:left;border:1px solid #636d73;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease;}
	#mvisual .grep .obj .item figcaption p.more{position:static;margin-top:0;padding:0;width:128px;height:36px;border:none;}
	#mvisual .grep .obj .item figcaption p.more a{padding:0 10px;line-height:36px;text-align:left;background-position:60% 50%;}
	#mvisual .grep .obj .item figcaption p.more a:hover,
    #mvisual .grep .obj .item figcaption p.more a:focus{background-position:80% 50%}


	#mvisual .control{position:absolute;bottom:50px;left:60%;margin-left:30px;width:auto;/*width:269px;*/z-index:11;}
	#mvisual .control a{display:inline-block;background:url(/images/lab/main/bg_mnews.png) no-repeat;font-size:0;line-height:0;}
	#mvisual .control a.stop{width:13px;height:13px;background-position:0 1px}
	#mvisual .control a.play{width:13px;height:13px;background-position:-25px 0}
	#mvisual .control .number{display:inline-block;padding:0 5px;}
	#mvisual .control .number a{margin:0 3px;width:13px;height:13px;background-position:-35px 0px}
	#mvisual .control .number a.ov{background-position:-16px 0px}
	#mvisual .control .number a:hover,#mvisual .control .number a:focus{background-position:-16px 0;}
	#mvisual .control .paging{display:none;padding-top:2px;color:#fff;font-size:16px;line-height:22px;}
	#mvisual .control .paging em{display:inline-block;margin:0 2px;text-decoration:underline;}
	#mvisual .mvcont_wrap{position:relative;z-index:10}
}

@media only screen and (min-width:1240px){
    #mvisual{overflow:hidden;position:relative;padding:55px 0;height:560px;background:url(/images/lab/main/bg_mvisual.jpg) no-repeat 50% 50%;background-size:cover;}
    #mvisual .visual_inner{overflow:hidden;margin:0 auto;padding:0;width:1200px;}
    #mvisual .tab_zone{float:right;width:20%;}
    #mvisual .mvcont_wrap{float:left;width:80%;} 
	#mvisual .mvcont_wrap{position:relative;margin:0 auto;width:1200px;}
	#mvisual .visual_inner{overflow:hidden;position:relative;margin:0 auto;width:1200px;height:450px;}
	#mvisual  .cont{}
	#mvisual  .tab_zone{position:absolute;right:0;top:0;width:15%;height:100%;background:#2b2c32;z-index:20;}
	#mvisual  .tab_zone h2{margin:15px;}
	#mvisual  .tab_zone h2 a{display:block;position:relative;padding:10px;color:#fff;border:1px solid #636467;font-size:17px;text-align:center;min-height:122px;}
	#mvisual  .tab_zone h2 a b{display:block;position:relative;padding-top:15px;}
	#mvisual  .tab_zone h2 a b em{display:block;}
	#mvisual  .tab_zone h2 span{display:block;font-size:12px;line-height:16px;}
	#mvisual  .tab_zone h2 a.ov:before{content:"";display:block;position:absolute;left:-19px;top:-16px;overflow:hidden;width:183px;height:150px;background:#918d87 url(/images/lab/main/colse_btn.png) no-repeat 50% 50%;z-index:10;}
	#isabu{display:none;position:absolute;top:0;left:0;padding:0;width:1017px;/*width:100%;*/height:100%;z-index:11;}
	#isabu.obj{display:block;}
	#mvisual #isabu{position:relative;/*padding:50px 40px;*/}
	#mvisual #isabu .isabu_more{position:absolute;left:50px;bottom:50px;margin:0;padding:10px;width:145px;background:url(/images/lab/main/isabu_more_arr.png) no-repeat 80% 50%;border:1px solid #dfdfdf;}    
	#mvisual #isabu .isabu_more a{display:block;color:#000;font-size:13px;line-height:16px;}    
    #mvisual .tab_zone h2 a b span.micon{display:block;margin:0 auto 10px;}    
    #mvisual .tab_zone .tab_area li,
    #mvisual .tab_zone .tab_area li:first-child+li+li+li,
	#mvisual .tab_zone .tab_area li:first-child+li+li+li+li{display:block;float:none;width:100%;}
    #mvisual .tab_zone .tab_area li a{padding:7px 25px;position:relative;line-height:17px;text-align:left;}
    #mvisual .tab_zone .tab_area li a:before{position:absolute;top:11px;left:15px;width:2px;height:11px;background-color:#005fca;}
    #mvisual .tab_zone .tab_area li a em{display:block;}
    .r_news{position:absolute;right:0;bottom:0;z-index:100;width:183px;}
	#mvisual  .tab_zone li a{display:block;padding:7px 0 7px 15px;color:#fff;font-size:13px;}
	#mvisual  .tab_zone li a:hover,#mvisual  .tab_zone li a:focus{background:#d81900;}
	#mvisual .visual_btn{border:1px solid #626a71;color:#fff;font-size:11px;}
	#mvisual .grep .obj .item figure .img{width:50%;}
    #mvisual .grep .obj .item figcaption b.vm_tit{display:block;margin-bottom:10px;width:100%;color:#fff;font-size:26px;line-height:28px;height:112px;}
    #mvisual .grep .obj .item figcaption .cat b strong{display:inline-block;margin-right:5px;}
    #mvisual .control a.stop{display:inline-block;}
    #mvisual .control a.play{display:inline-block;}
	#mvisual .control .paging{display:inline-block;}
	#mvisual .grep .obj .item figure figcaption{right:15%;width:35%;}
    #mvisual .tab_zone h2 a{padding:30px 10px;}
    .r_news a{width:100%;background-position:82% 40%;}
    #mvisual .tab_zone .tab_area li a{font-size:13px;}
    #mvisual .control{left:50%;}
    #mvisual .control a.stop,#mvisual .control a.play{position:absolute;right:38px;top:7px;}
    #mvisual .control .paging{padding-left:25px;}
}


#mcontwrap{margin:45px 0 20px;}

/* mpaper */
#mpaper{position:relative;}
#mpaper *{padding:0;margin:0;}
#mpaper:after{content:"";display:block;clear:both;visibility:hidden;}
#mpaper h2{color:#333;font-size:20px;font-weight:bold;line-height:30px;}
#mpaper ul{margin-top:25px;}
#mpaper ul li{padding:8px 0; border-bottom:1px solid #e5e5e5;}
#mpaper ul li:first-child{padding-top:0;}
#mpaper ul li:after{content:"";display:block;clear:both;visibility:hidden;}
#mpaper ul li a{display:inline-block;float:left;overflow:hidden;width:79%;/*height:34px;*/color:#555;font-size:13px;line-height:16px;line-height:20px;/* text-overflow:ellipsis;white-space:nowrap; */}
#mpaper ul li a:hover,#mpatent ul li a:focus{text-decoration:underline;}
#mpaper ul li span{display:inline-block;float:right;width:20%;color:#555;font-size:13px;line-height:20px;text-align:right;}

#mpaper .more{position:absolute;right:0;top:0;}
#mpaper .more a{display:block;width:33px;height:33px;background-position:-111px -6px;font-size:0;}

@media only screen and (min-width:768px){
	#mpaper h2{font-size:22px;}
    #mpaper ul li{overflow:hidden;}
	#mpaper ul li a{display:inline-block;}
	#mpaper ul li .ctxt{padding-right:20%;}
}
@media only screen and (min-width:1024px){
	#mpaper{float:left;width:47%;height:345px;}
    #mpaper ul li .ctxt{}
}

/* mpatent */
#mpatent{position:relative;margin-top:42px;height:345px;}
#mpatent *{padding:0;margin:0;}
#mpatent:after{content:"";display:block;visibility:hidden;clear:both;}
#mpatent .grap:after{content:"";display:block;clear:both;visibility:hidden;}
#mpatent strong{display:inline-block;float:left;padding:0 15px;}
#mpatent .ti1{padding-left:0;}
#mpatent strong a{display:block;color:#adadad;font-size:16px;font-weight:bold;line-height:30px;}
#mpatent strong a.ov{padding-right:22px;background:url(/images/kor/common/bg_mnew.png) no-repeat right 50%;color:#333;}
#mpatent .obj{position:absolute;top:55px;left:0;width:100%;}
/*#mpatent ul{margin-top:22px;}*/
#mpatent ul li{padding:8px 0; border-bottom:1px solid #e5e5e5;}
#mpatent ul li:first-child{padding-top:0;}
#mpatent ul li:after{content:"";display:block;clear:both;visibility:hidden;}
#mpatent ul li a{display:inline-block;float:left;overflow:hidden;width:79%;/*height:34px;*/color:#555;font-size:13px;line-height:16px;line-height:20px;/* text-overflow:ellipsis;white-space:nowrap; */}
#mpatent ul li a:hover,#mpatent ul li a:focus{text-decoration:underline;}
#mpatent ul li span{display:inline-block;float:right;width:20%;color:#555;font-size:13px;line-height:20px;text-align:right;}
#mpatent .more{position:absolute;right:0;top:-55px;}
#mpatent .more a{display:block;width:33px;height:33px;background-position:-111px -6px;font-size:0;}
@media only screen and (min-width:768px){
	#mpatent strong a{font-size:22px;}
}
@media only screen and (min-width:1024px){
	#mpatent{margin-top:0;float:right;width:47%;}
}


/* mtrend */
#mmedia{margin-top:50px;}
#mmedia:after{content:"";display:block;clear:both;visibility:hidden;}

#mmedia .col{position:relative;overflow:hidden;margin-top:50px;min-height:285px;}
#mmedia .col:first-child{margin-top:0;}
#mmedia .grap,#mmedia .obj{position:relative;overflow:hidden;}
#mmedia .obj{/*width:300%;*/}
#mmedia .obj:after{content:"";display:block;clear:both;visibility:hidden;}
#mmedia .obj li{margin-top:20px;z-index:1;}
#mmedia .obj li:first-child{margin-top:0;}
#mmedia .obj figure .img{display:block;position:relative;height:130px;background-color:#e5e5e5;text-align:center;}
#mmedia .obj figure .img img{max-width:none;width:100%;height:130px;}
#mmedia .obj figcaption{padding:20px;min-height:150px;border:1px solid #e5e5e5;border-top:0;}
#mmedia .mcyber .obj figcaption{padding:30px 20px;}
#mmedia .obj figcaption a{display:block;/* overflow:hidden; *//* height:45px; */font-size:13px;line-height:15px;}
#mmedia .myoutube .obj figcaption a{/* height:24px; */font-size:16px;line-height:24px;}
#mmedia .obj figcaption b{display:block;margin-bottom:5px;}
#mmedia .obj figcaption .ir-eng{display:block;margin-bottom:5px;width:46px;height:20px;background-position:-174px 0;}
#mmedia .obj .situation{margin-top:5px;}
#mmedia .obj .situation span{display:inline-block;/*color:#e5e5e5;*/color:#b2b2b2;font-size:12px;line-height:14px;}
#mmedia .pnote{position:absolute;bottom:20px;left:0;width:100%;text-align:center;z-index:10;}
#mmedia .pnote .go-button{display:inline-block;margin:0 2px;width:12px;height:12px;background:url(/images/eng/main/micon_eng.png) no-repeat -12px -87px;font-size:0;line-height:0;}
#mmedia .pnote .go-button.ov{background-position:0 -87px;}


@media only screen and (min-width:768px) {
	/*#mmedia .col{float:left;width:47.5%;margin-top:0;}
	#mmedia .col:first-child{margin-right:5%;}*/
	#mmedia .obj li{float:left;margin:0;width:47.5%;}
	#mmedia .obj li:first-child{margin-right:5%;}
}
@media only screen and (min-width:1024px) {
	#mmedia{float:right;margin:0;width:47%;}
	/*#mmedia .col{width:44.25%;}
	#mmedia .col:first-child{margin-right:11.5%;}*/
}
/* mjournal */
#mjournal{position:relative;margin-top:50px;border:1px solid #e5e5e5;border-top:2px solid #000;}
#mjournal *{padding:0;margin:0;}
#mjournal:after{content:"";display:block;visibility:hidden;clear:both;}
#mjournal h2{padding:15px 15px 10px;border-bottom:1px solid #e5e5e5;color:#000;font-size:16px;font-weight:bold;line-height:20px;}
#mjournal .ir-eng{display:block;position:absolute;top:0;left:0;width:87px;height:87px;}
#mjournal .ir-eng.jico1{background-position:0 0;}
#mjournal .ir-eng.jico2{background-position:-87px 0;}
#mjournal h3{margin-bottom:15px;color:#0f417b;font-size:20px;font-weight:bold;line-height:1;}
#mjournal h3 em{display:block;margin-top:2px;color:#000;font-size:11px;line-height:1;}
#mjournal .opr{padding:15px;}
#mjournal .osj{padding:15px;border-top:1px solid #eaeaea;}
#mjournal .opr .opr_tit{position:relative;padding:7px 0 7px 107px;min-height:87px;}
#mjournal .opr .opr_tit:after{content:"";display:block;visibility:hidden;clear:both;}
#mjournal .opr ul{margin-top:20px;}
#mjournal .opr ul li{padding:15px 0;border-top:1px solid #efefef;}
#mjournal .opr ul li a{display:block;position:relative;font-size:13px;line-height:16px;}
#mjournal .opr ul li a span{display:none;}
#mjournal .opr ul li a b{display:block;color:#767676;font-weight:normal;line-height:inherit;}
#mjournal .opr ul li a:hover b,#mjournal .opr ul li a:focus b{text-decoration:underline;}
#mjournal .osj .osj_tit{position:relative;padding:25px 0 25px 107px;min-height:87px;}
#mjournal .osj h3{margin:0;}
#mjournal .more{position:absolute;top:50%;right:0;margin-top:-16px;}
#mjournal .more a{display:block;margin:0 auto;width:33px;height:33px;background-position:-111px -6px;font-size:0;}
#mjournal .more.opr_btn {position:absolute;top:50%;right:0;margin-top:-16px;}

@media only screen and (min-width:768px){
    #mjournal:before{content:"";display:block;position:absolute;right:30%;top:0;width:1px;height:100%;background:#e5e5e5;}
    #mjournal .opr{float:left;position:relative;padding:20px 25px;width:70%;}
    #mjournal .opr:after{content:"";display:block;visibility:hidden;clear:both;}
    #mjournal .opr .opr_tit{margin-top:0;}
    #mjournal .opr ul li a b{/* overflow:hidden; *//* height:32px; *//* word-break:break-all; */}
    #mjournal .osj{float:left;padding:20px 25px;width:30%;border-top:none;}
    #mjournal .osj .osj_tit{padding:0;}
    #mjournal .osj h3{margin-bottom:35px;text-align:center;}
    #mjournal .ir-eng.jico2{position:relative;top:0;left:0;margin:0 auto 20px;}
    #mjournal .more{position:relative;top:auto;right:auto;margin:0;}
}
@media only screen and (min-width:1024px){
    #mjournal{float:left;margin-top:0;width:47%;height:280px;}    
    #mjournal h2{padding:15px 35px 10px;}
    #mjournal .osj h3 strong{display:none;}
}




/* mnetwork */

#mnetwork.mobile{display:block;}
#mnetwork.pc{display:none;}
#mnetwork{margin-top:48px;}
#mnetwork:after{content:"";display:block;visibility:hidden;clear:both;}

#mnetwork #mdomestic{position:relative;padding:35px 25px 40px;background:url(/images/lab/main/bg_mdomestic.jpg) repeat;}
#mnetwork #mdomestic:after{content:"";display:block;visibility:hidden;}
#mnetwork #mdomestic h2{position:relative;padding:5px 0 10px;border-bottom:3px solid #8d8e91;}
#mnetwork #mdomestic h2:after{content:"";display:block;position:absolute;right:0;top:0;width:48px;height:68px;background:url(/images/lab/main/icon_domestic.png) no-repeat;}
#mnetwork #mdomestic h2 b{display:block;position:absolute;left:0;top:0;width:50px;height:50px;background:#fff;border-radius:100%;color:#2e2e2e;font-size:13px;font-weight:normal;line-height:50px;text-align:center;}
#mnetwork #mdomestic h2 span{display:block;padding-left:65px;}
#mnetwork #mdomestic h2 em{display:block;color:#b8b9bb;font-size:11px;}
#mnetwork #mdomestic h2 strong{display:inline-block;color:#fff;font-size:16px;}
#mnetwork #mdomestic ul{margin-top:28px;}
#mnetwork #mdomestic ul li{border-bottom:1px solid #74757a;}
#mnetwork #mdomestic ul li a{display:block;padding:10px 0;color:#fff;font-size:13px;line-height:15px;}
#mnetwork #mdomestic ul li a:hover,#mnetwork #mdomestic ul li a:focus{text-decoration:underline;}
#mnetwork #mdomestic ul li:first-child a{padding-top:0;}

#mnetwork #mabroad{padding:35px 25px 40px;background:url(/images/lab/main/bg_mabroad.jpg) repeat;}
#mnetwork #mabroad:after{content:"";display:block;visibility:hidden;clear:both;}
#mnetwork #mabroad h2{position:relative;padding:5px 0 10px;border-bottom:3px solid #5a5b5f;}
#mnetwork #mabroad h2:after{content:"";display:block;position:absolute;right:0;top:0;width:96px;height:51px;background:url(/images/lab/main/icon_abroad.png) no-repeat;}
#mnetwork #mabroad h2 b{display:block;position:absolute;left:0;top:0;width:50px;height:50px;background:#004089;border-radius:100%;color:#fff;font-size:13px;font-weight:normal;line-height:50px;text-align:center;}
#mnetwork #mabroad h2 span{display:block;padding-left:60px;}
#mnetwork #mabroad h2 em{display:block;color:#666;font-size:11px;}
#mnetwork #mabroad h2 strong{display:inline-block;color:#3e3e3e;font-size:16px;}
#mnetwork #mabroad ul{margin-top:28px;}
#mnetwork #mabroad ul li{border-bottom:1px solid #c2c2c2;}
#mnetwork #mabroad ul li a{display:block;padding:10px 0;color:#333;font-size:13px;line-height:15px;}
#mnetwork #mabroad ul li a:hover,#mnetwork #mabroad ul li a:focus{text-decoration:underline;}
#mnetwork #mabroad ul li:first-child a{padding-top:0;}


@media only screen and (min-width:768px){
    #mnetwork #mdomestic{float:left;width:50%;}
    #mnetwork #mabroad{float:left;width:50%;}
}
@media only screen and (min-width:1024px){
	#mnetwork.mobile{display:none;}
	#mnetwork.pc{display:block;}
	#mnetwork.pc{overflow:hidden;}
	#mnetwork.pc:after{content:"";display:block;visibility:hidden;clear:both;}
	#mnetwork.pc .box_life{position:relative;float:left;padding:40px 15px 0;width:20%;min-height:315px;background:url(/images/lab/main/bg_mdomestic.jpg) repeat;}
	#mnetwork.pc .box_life.wide{padding:20px;background:url(/images/lab/main/bg_mabroad.jpg) repeat;}
	#mnetwork.pc .box_life:after{content:"";display:block;visibility:hidden;clear:both;}
	#mnetwork.pc .box_life .inner{/*overflow:hidden;*/position:relative;width:100%;}
	#mnetwork.pc .box_life.wide .inner{padding-top:75px;}
    #mnetwork.pc .box_life.wide h2 b{background:#ac0808;}
	#mnetwork.pc .box_life h2{margin-bottom:12px;}
	#mnetwork.pc .box_life h2 *{vertical-align: middle}
	#mnetwork.pc .box_life h2 span{padding-left:21px;color:#bbb;font-size:13px;line-height:20px;}
	#mnetwork.pc .box_life .lnk_lst{display:none;}
	#mnetwork.pc .box_life .lnk_lst:after {content:"";display:block;visibility:hidden;clear:both;}
	#mnetwork.pc .box_life .ico_lst {display:block}
	#mnetwork.pc .box_life .ico_lst:after {content:"";display:block;visibility:hidden;clear:both;}
	#mnetwork.pc .box_life .ico_lst li{display:block;}
	#mnetwork.pc .box_life .ico_lst li a{display:block;padding:3px 0;padding-left:11px;background:url(/images/kr/main/bul_life.png) no-repeat left 11px;color:#fff;}
	#mnetwork.pc .box_life .ico_lst li a .bic{display:none;}
	#mnetwork.pc .box_life .ico_lst li a:hover,
	#mnetwork.pc .box_life .ico_lst li a:focus{text-decoration:underline;}
	#mnetwork.pc .box_life.view_domestic .more{display:block;position:absolute;left:50%;top:130px;/*top:50%;*/margin-left:-42px;/*margin-top:-61px;*/width:84px;height:122px;background:url(/images/eng/main/open_map.png) no-repeat;font-size:0;line-height:0;}
	#mnetwork.pc .box_life .more{display:block;position:absolute;top:130px;left:50%;margin-left:-70px;width:150px;height:122px;background:url(/images/eng/main/open_map1.png) no-repeat;font-size:0;line-height:0;}
	#mnetwork.pc .box_life .more:after{content:"";display:block;position:absolute;left:-78px;top:50px;width:114px;height:23px;background:url(/images/lab/main/mnetwork_open.png) no-repeat;}
	#mnetwork.pc .box_life.view_domestic h2{position:relative;padding-bottom:10px}
	#mnetwork.pc .box_life.view_domestic.wide h2{position:absolute;right:0;top:0;width:220px;border-bottom:3px solid #8d8e91;}
	#mnetwork.pc .box_life.view_domestic h2 b{display:block;position:absolute;left:0;top:0;width:50px;height:50px;background:#fff;border-radius:100%;color:#2e2e2e;font-size:13px;font-weight:normal;line-height:50px;text-align:center;}
	#mnetwork.pc .box_life.view_domestic.wide h2 b{background:#004089;color:#fff;} 
	#mnetwork.pc .box_life.view_domestic h2 span{display:block;padding:5px 0 5px 65px;}
	#mnetwork.pc .box_life.view_domestic h2 em{display:block;color:#b8b9bb;font-size:11px;}
	#mnetwork.pc .box_life.view_domestic.wide h2 em{color:#616161;}
	#mnetwork.pc .box_life.view_domestic h2 strong{display:inline-block;color:#fff;font-size:16px;}
	#mnetwork.pc .box_life.view_domestic.wide h2 strong{color:#3e3e3e;}
	#mnetwork.pc .box_life.view_domestic.wide h2 strong{color:#3e3e3e;}    
	#mnetwork.pc .box_life.wide .lnk_lst{display:block;}     
	#mnetwork.pc .box_life.view_abroad h2{position:relative;padding-bottom:10px}
    #mnetwork.pc .box_life.view_abroad.wide h2{position:absolute;right:0;top:0;width:220px;border-bottom:3px solid #8d8e91;}
	#mnetwork.pc .box_life.view_abroad h2 b{display:block;position:absolute;left:0;top:0;width:50px;height:50px;background:#fff;border-radius:100%;color:#2e2e2e;font-size:13px;font-weight:normal;line-height:50px;text-align:center;}
	#mnetwork.pc .box_life.view_abroad.wide h2 b{background:#004089;color:#fff;}
	#mnetwork.pc .box_life.view_abroad h2 span{display:block;padding:5px 0 5px 65px;}
	#mnetwork.pc .box_life.view_abroad h2 em{display:block;color:#b8b9bb;font-size:11px;}
	#mnetwork.pc .box_life.view_abroad.wide h2 em{color:#616161;}
	#mnetwork.pc .box_life.view_abroad h2 strong{display:inline-block;color:#fff;font-size:16px;}
	#mnetwork.pc .box_life.view_abroad.wide h2 strong{color:#3e3e3e;}
	#mnetwork.pc .box_life.view_abroad .more.bt2{left:auto;right:-20px;background:url(/images/kr/main/bg_more_ov.png) no-repeat;}
	#mnetwork.pc .box_life.wide{width:80%;}
	#mnetwork.pc .box_life.wide h2 span{display:inline-block;}
	#mnetwork.pc .box_life.wide .lnk_lst{display:inline-block;float:right;width:220px;}
	#mnetwork.pc .box_life.wide .lnk_lst li{display:inline-block;float:left;width:100%;border-bottom:1px solid #c2c2c2}
	#mnetwork.pc .box_life.wide .lnk_lst li a{display:block;padding:5px 0;padding-left:11px;font-size:13px;line-height:15px}
	#mnetwork.pc .box_life.wide .lnk_lst li a:hover,
	#mnetwork.pc .box_life.wide .lnk_lst li a:focus,
	#mnetwork.pc .box_life.wide .lnk_lst li.tab_ov a{text-decoration:underline;background:url(/images/lab/main/mnetwork_list_bul.png) no-repeat 0 50%;}
	.kiostarea {position:absolute;left:520px;top:113px;width:165px;height:85px;overflow:hidden;text-indent:-999px;z-index:1;background:url(/images/eng/main/map_kiost.png);} 
	#mnetwork.pc .box_life.view_domestic h2{position:relative;padding-bottom:15px;}
#mnetwork.pc .box_life.view_domestic.wide h2{position:absolute;left:0;top:0;width:220px;border-bottom:3px solid #8d8e91;}
#mnetwork.pc .box_life.view_domestic.wide .lnk_lst{display:inline-block;float:left;width:220px;}
#mnetwork.pc .box_life.wide .map_img{display:block;position:absolute;left:413px;top:15px;/*float:left;width:60%;*/}
#mnetwork.pc .box_life.view_abroad .map_img{left:0;}
#mnetwork.pc .box_life.wide .map_img img{height:208px;}
#mnetwork.pc .box_life.wide .map_img:after{content:"";display:block;visibility:hidden;clear:both;}
#mnetwork.pc .box_life.wide .map_info{display:block;/*float:left;width:40%;*/position:absolute;top:40px;right:25px;width:200px;color:#fff;}
#mnetwork.pc .box_life.view_abroad.wide .map_info{right:255px;}
#mnetwork.pc .box_life.wide .map_info.first{top:0;}
#mnetwork.pc .box_life.wide .map_info:after{content:"";display:block;visibility:hidden;clear:both;} 
#mnetwork.pc .box_life.wide .map_info h3{color:#ac0808;font-size:15px;font-weight:bold;}    
#mnetwork.pc .box_life.wide .map_info p{margin:5px 0 10px;color:#b3b3b3;font-size:12px;line-height:17px;}
#mnetwork.pc .box_life.wide .map_info p strong{display:block;color:#000;}
#mnetwork.pc .box_life.wide .map_info a{display:inline-block;padding:5px 20px;background:#fff;color:#333;border:1px solid #b1b1b1;}
#mnetwork.pc .box_life.wide .map_info a:hover,#mnetwork.pc .box_life.wide .map_info a:focus{text-decoration:underline;}
    

    
	#mnetwork.pc .box_life .abroad_cont,
	#mnetwork.pc .box_life .domestic_cont{display:none;}     
	#mnetwork.pc .box_life.wide .abroad_cont,
	#mnetwork.pc .box_life.wide .domestic_cont{display:block;float:left;width:70%;}
	#mnetwork.pc .box_life.wide .abroad_cont .obj,
	#mnetwork.pc .box_life.wide .domestic_cont .obj{/*position:relative;*/}
/*	#mnetwork.pc .box_life.wide .map_img{display:block;position:absolute;left:5%;top:15px;/*float:left;width:60%;*/}*/
	#mnetwork.pc .box_life.wide .map_img img{height:208px;}
	#mnetwork.pc .box_life.wide .map_img:after{content:"";display:block;visibility:hidden;clear:both;}
	/*#mnetwork.pc .box_life.wide .map_info{display:block;position:absolute;top:40px;left:5%;margin-left:240px;width:150px;color:#fff;}*/
	#mnetwork.pc .box_life.wide .map_info:after{content:"";display:block;visibility:hidden;clear:both;} 
	#mnetwork.pc .box_life.wide .map_info h3{margin-bottom:10px;color:#004089;font-size:14px;font-weight:bold;line-height:16px;}
	#mnetwork.pc .box_life.wide .map_info p{margin:5px 0 10px;color:#b3b3b3;font-size:12px;}
	#mnetwork.pc .box_life.wide .map_info p strong{display:block;color:#000;}
	#mnetwork.pc .box_life.wide .map_info a{display:inline-block;padding:5px 20px;background:#fff;color:#333;border:1px solid #b1b1b1;}
	#mnetwork.pc .box_life.wide .map_info a:hover,#mnetwork.pc .box_life.wide .map_info a:focus{text-decoration:underline;}
	#mnetwork.pc .box_life.wide .more{background:url(/images/kr/main/bg_more_ov.png) no-repeat;z-index:100;}

/*	#mnetwork.pc .box_life.view_abroad.wide .map_info{left:15%;}*/
	#mnetwork.pc .box_life.view_abroad.wide .map_img{top:40px;left:60px;}
	#mnetwork.pc .box_life.view_abroad.wide .map_img img{height:170px;}
	
	
	#mnetwork.pc .box_life.wide .abroad_cont .obj1 .map_info{top:25px;}
	#mnetwork.pc .box_life.wide .abroad_cont .obj2 .map_info{top:60px;}
	#mnetwork.pc .box_life.wide .abroad_cont .obj3 .map_info{top:90px;}
	#mnetwork.pc .box_life.wide .abroad_cont .obj4 .map_info{top:63px;}
	#mnetwork.pc .box_life.wide .abroad_cont .obj5 .map_info{top:63px;}
	
	
}

@media only screen and (min-width:1240px) {
	#mnetwork.pc .box_life{padding:40px 25px 0;}
/*	#mnetwork.pc .box_life.wide .map_img,
	#mnetwork.pc .box_life.wide .map_info{left:12.5%;}*/
	#mnetwork.pc .box_life.view_domestic.wide h2,
	#mnetwork.pc .box_life.view_abroad.wide h2,
	#mnetwork.pc .box_life.wide .lnk_lst{width:265px;}
	#mnetwork.pc .box_life.wide .lnk_lst li a{padding:6px 0 6px 11px;}
	#mnetwork.pc .box_life.view_abroad.wide .map_img{top:14px;}
	#mnetwork.pc .box_life.view_abroad.wide .map_img img{height:208px;}
	#mnetwork.pc .box_life.view_abroad.wide .map_info{left:20%;}
	
	
			    
		
}



/* mship */
#mship{position:relative;padding:30px 0;margin-top:48px;border-top:1px solid #114d91;}
#mship:after{content:"";display:block;visibility:hidden;clear:both;}
#mship h2{font-size:22px;color:#004089;font-weight:bold;line-height:20px;}
#mship h2 span{line-height:inherit;}
#mship ul{overflow:hidden;padding:15px 0;/*padding-left:130px;*//*margin-left:-2%;*/}
#mship ul li{float:left;padding-top:10px;/*margin-left:2%;*/width:33.3%;}
#mship ul li:after{content:"";display:block;visibility:hidden;clear:both;}
#mship ul li a{}
#mship ul li a:hover,#mship ul li a:focus{text-decoration:underline;}
#mship ul li a span.img{display:block;overflow:hidden;margin:0 auto;width:77px;height:77px;border:1px solid transparent;border-radius:50%;text-align:center;}
#mship ul li a span.img img{height:77px;}
#mship ul li a b{display:block;margin:10px 0;color:#363636;font-size:12px;font-weight:normal;text-align:center;}
#mship .ship_tit>span{color:#767676;font-size:13px;line-height:15px;}
#mship a.btn_cyber{display:block;position:absolute;right:16.5%;margin-right:-38px;bottom:83px;width:77px;height:77px;border:1px solid #bababa;border-radius:100%;font-size:13px;text-align:center;line-height:77px;}
#mship a.btn_cyber:hover,#mship a.btn_cyber:focus{text-decoration:underline;}
#mship .more{}
#mship .more .more{position:absolute;top:37px;right:0;display:inline-block;width:23px;height:16px;font-size:0;background-position:-257px -23px}


@media only screen and (min-width:768px){
    #mship ul li{width:20%;}
    #mship a.btn_cyber{padding:8px;right:40px;top:32px;bottom:auto;width:auto;height:auto;border-radius:0;line-height:1}
}


@media only screen and (min-width:1024px){
    #mship{padding:45px 0;}
    #mship ul{float:left;padding:0;width:80%;}
	#mship ul li{float:left;position:relative;padding-top:0;width:20%;}
	#mship ul li a span.img{width:136px;height:136px;}
		#mship ul li a span.img img{max-width:none;height:156px;position:relative;left:-120%}
		
		#mship ul li a:hover .img img,
		#mship ul li a:focus .img img{-webkit-animation: mship 5s linear;-moz-animation: mship 5s linear;-ms-animation: mship 5s linear;-o-animation: mship 5s linear;animation: mship 5s linear;}

	#mship a.btn_cyber{display:inline-block;position:absolute;top:120px;right:auto;left:0;margin-right:0;}    
	#mship ul li a{display:block;padding-top:30px;}
	#mship ul li a b{position:absolute;left:0;top:0;margin:0;width:100%;font-size:14px;text-align:center;}
	/*
	#mship ul li a span.img{position:relative;}
	#mship ul li a span.img em{display:block;}
	#mship ul li a:hover span.img:after,
	#mship ul li a:focus span.img:after{content:"";display:block;position:absolute;left:0;top:0;width:136px;height:136px;background:url(/images/eng/main/ship_more.png) no-repeat;z-index:10}
	#mship ul li a:hover span.img em,#mship ul li a:focus span.img em{}
	*/
	#mship .ship_tit{float:left;position:relative;width:20%;}
	#mship h2{padding-top:40px;}
	#mship h2 span{display:block;}
	#mship .ship_tit>span{position:absolute;left:0;top:0;color:#333;}
	#mship .ship_tit>span em{display:block;}
    #mship .more .more{left:100px;right:auto;top:152px;}
}




@-webkit-keyframes mship {
  0% {
    left: -120%;
  }
  50% {
    left: -100%;
  }
  100% {
    left: -120%;
  }
}
@-moz-keyframes mship {
  0% {
    left: -120%;
  }
  50% {
    left: -100%;
  }
  100% {
    left: -120%;
  }
}
@-ms-keyframes mship {
  0% {
    left: -120%;
  }
  50% {
    left: -100%;
  }
  100% {
    left: -120%;
  }
}
@keyframes mship {
  0% {
    left: -120%;
  }
  50% {
    left: -100%;
  }
  100% {
    left: -120%;
  }
}

/* mlink */

#mlink{padding:30px 0;border-top:1px solid #114d91;}
#mlink h2{color:#004089;font-size:22px;font-weight:bold;line-height:20px;}
#mlink span{display:block;color:#767676;font-size:13px;line-height:15px;}
#mlink .grap{overflow:hidden;position:relative;margin-top:15px;z-index:11;}
#mlink .grap .obox{overflow:hidden;position:relative;/*margin-left:-20px;*/}
#mlink .grap .obj{overflow:hidden;position:relative;width:100%;height:129px;/*width:10000px;*/}
#mlink .grap .obj:after{content:"";display:block;visibility:hidden;clear:both;}
#mlink .grap .obj .item{overflow:hidden;position:relative;display:inline-block;float:left;padding:20px 25px;width:100%;border:1px solid #c5c5c5;}
#mlink .grap .obj .item a .link_box{display:block;}
#mlink .grap .obj .item a .link_box b{display:block;overflow:hidden;height:36px;margin-bottom:15px;color:#363636;font-size:14px;font-weight:normal;line-height:18px;}
#mlink .grap .obj .item a .link_box em{display:inline-block;padding:9px 15px;border:1px solid #dbdbdb;color:#767676;font-size:13px;line-height:15px;}
#mlink .grap .obj .item a .link_box em .mlink_icon{display:inline-block;width:15px;height:15px;margin-left:10px;background:url(/images/eng/main/mlink_btn.png) no-repeat;vertical-align:middle;}
#mlink .grap .obj .item a .link_box strong{display:block;overflow:hidden;height:34px;}
#mlink .control{position:absolute;top:40px;right:0;text-align:center;z-index:12;}
/*#mlink .control *{vertical-align:middle}*/
#mlink .control span{display:inline-block;padding:0 24px;font-size:15px;}



#mlink .control span em{text-decoration:underline;}
#mlink .control a[data-control]{display:inline-block;position:absolute;top:0px;width:14px;height:23px;font-size:0;}
#mlink .control a[data-control="prev"]{left:0;background-position:-207px -19px}
#mlink .control a[data-control="next"]{right:0;background-position:-234px -19px}
#mlink .control .more{position:absolute;top:0;right:0;display:inline-block;width:23px;height:16px;font-size:0;background-position:-257px -23px}
#mlink .control .more{left:100px;right:auto;top:5px;}

@media only screen and (min-width:640px){
	#mlink .grap .obj{width:10000px;height:auto;}
	#mlink .grap .obj .item{margin-right:30px;width:306px;} 
}

@media only screen and (min-width:1024px){
	#mlink{padding:45px 0;margin-top:-60px;}    
	#mlink{position:relative;}
	#mlink:after{content:"";display:block;visibility:hidden;clear:both;}
	#mlink .link_tit{float:left;position:relative;width:20%;}
    #mlink .link_tit h2{padding-top:22px;}
    #mlink .link_tit span{position:absolute;left:0;top:0;}
	#mlink .grap{overflow:hidden;position:relative;margin-top:15px;z-index:11;}
	#mlink .grap .obox{overflow:hidden;position:relative;margin:0;}
	#mlink .grap .obj{overflow:hidden;position:relative;width:10000px;}
	#mlink .grap .obj:after{content:"";display:block;visibility:hidden;clear:both;}
	#mlink .grap .obj .item{overflow:hidden;position:relative;display:inline-block;padding:20px 25px;width:270px;border:none;}
	/*#mlink .grap .obj .item{width:360px;}*/
	#mlink .grap .obj .item:after{content:"";display:block;visibility:hidden;clear:both;}
	#mlink .grap .obj .item a{display:block;}
	#mlink .grap .obj .item a .link_box{display:block;}
	#mlink .grap .obj .item a .link_box b{display:block;}
	#mlink .grap .obj .item a .link_box strong{display:block;}
	#mlink .grap{float:right;margin-top:0;width:80%;}
    #mlink .control{right:auto;left:0;top:120px;}  
}

@media only screen and (min-width:1200px){
    #mlink .grap .obj .item{padding:0;width:290px;}
    #mlink .grap .obj .item a{padding:15px 0;}
}


#mbusiness{/*overflow:hidden;*/position:relative;width:100%;background:url(/images/lab/main/bg_mbusiness.jpg) repeat;background-size:cover;}
#mbusiness .mbusiness_box{overflow:hidden;position:relative;/*padding:29px 0;*//*background:url(/images/kor/main/bg_newsletter.png) no-repeat 50% 0;*/}
#mbusiness #mnt{z-index:12;}
#mbusiness .mletter_tit{display:block;position:relative;padding:20px 120px 20px 5%;background:#0056d8;}
#mbusiness .mletter_tit em{display:block;color:#fff;font-size:12px;font-weight:bold;line-height:1.2;}
#mbusiness .mletter_tit em *{vertical-align:middle}
#mbusiness .mletter_tit em span{display:inline-block;margin:0 7px;color:#eaf1fd;}
#mbusiness .mletter_tit h2{color:#fff;font-size:26px;line-height:28px;}
#mbusiness .mletter_tit h2 span{font-weight:bold;line-height:inherit;}
/*#mbusiness .mletter_tit h2 span{display:block;}*/
#mbusiness .mletter_tit .box{display:none;}
#mbusiness .mletter_tit .control{display:inline-block;position:absolute;top:50%;right:5%;margin-top:-18px;line-height:0;}
#mbusiness .mletter_tit .control a{display:inline-block;width:31px;height:31px;background:url(/images/kor/main/bg_control.png) no-repeat;font-size:0;line-height:0;}
#mbusiness .mletter_tit .control a[rel]{display:inline-block;}
#mbusiness .mletter_tit .control a[rel="prev"]{background-position:0 0}
#mbusiness .mletter_tit .control a[rel="next"]{margin-left:-4px;margin-right:10px;background-position:-31px 0}
#mbusiness .mletter_tit .control a.more{background-position:-75px 0}
#mbusiness .mletter_tit .control a span{line-height:0;}

#mbusiness .grap{margin:0 auto;max-width:1240px;height:187px;/*height:247px;*/z-index:11;}
#mbusiness .grap .inner{position:relative;width:100000px}
#mbusiness .grap .obj{position:relative;float:left;max-width:1240px;/* height:187px; *//*height:247px;*/}
#mbusiness .grap .obj .l,
#mbusiness .grap .obj .r{display:none;opacity: .7;}
#mbusiness .mletter_tit em span{display:none;}
#mbusiness .grap .obj .item{overflow:hidden;position:relative;float:left;padding:0 41px;width:320px;/*width:282px;*//* height:187px; *//*height:247px;*/}
#mbusiness .grap .obj .item a{display:block;position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;/*background-color:#fff;*/}
#mbusiness .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;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);}
#mbusiness .grap .obj .item a .info{display:block;position:relative;padding:20px;width:100%;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;}
#mbusiness .grap .obj .item a .info .tit{display:block;margin-bottom:10px;width:100%;color:#fff;font-size:20px;font-weight:normal;/* text-overflow:ellipsis;white-space:nowrap; */}
#mbusiness .grap .obj .item a .info .tit .cat{display:block;position: color:#fff;font-size:12px;}
#mbusiness .grap .obj .item a .info .tit .cat em{font-size:16px;}
#mbusiness .grap .obj .item a .info .tit a{display:block;color:#fff;}
#mbusiness .grap .obj .item a .info .text{display:none;overflow:hidden;height:30px;color:#b9bcbf;font-size:13px;line-height:15px;}
#mbusiness .grap .obj .item a .info .depart{display:none;margin-top:10px; color:#bbbfbf;font-size:13px;line-height:1.2;}
#mbusiness .grap .obj .item a .info .depart strong{display:block;margin-top:5px;}


@media only screen and (min-width:768px) {
	#mbusiness .grap .obj .item{width:384px;}
}


@media only screen and (min-width:1024px){
    
    #mbusiness{margin-top:120px;}	
	#mbusiness .mbusiness_box{/*padding:110px 0 79px 0;background:url(/images/kor/main/bg_newsletter_1024.png) no-repeat 50% 0;*/}	
	#mbusiness .mletter_tit{position:absolute;top:-84px;left:0;margin:0;padding:50px 28px;width:216px;height:322px;border:none;background:#0056d8 url(/images/eng/main/bg_mbusiness.png) no-repeat right top}
	#mbusiness .mletter_tit em{margin-bottom:25px;}
	#mbusiness .mletter_tit em span{display:block;margin:3px 0 0 0;font-size:12px;}
    #mbusiness .mletter_tit h2 span{display:block;}    
	#mbusiness .mletter_tit .box{display:block;}
	#mbusiness .mletter_tit .box h3{color:#fff;font-size:15px;font-weight:bold;line-height:1.2;}
	#mbusiness .mletter_tit .box ul{margin:11px 0 33px 0;}
	#mbusiness .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;}
	#mbusiness .mletter_tit .box ul li *{vertical-align:middle}
	#mbusiness .mletter_tit .box ul li a{color:#fff;}
	#mbusiness .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}
	#mbusiness .grap .obj .item a .info{padding:50px 20px 50px 60px;}
    #mbusiness .grap .obj .item a .info .tit{height:auto;line-height:22px;text-overflow:inherit;white-space:normal;}
	#mbusiness .mletter_tit .control{bottom:25px;top:auto;right:auto;left:28px;z-index:100;}	
    #mbusiness .mletter_tit em span{display:inline-block;margin:0 7px;color:#eaf1fd;font-weight:normal;}
	#mbusiness .grap{height:281px;}
	#mbusiness .grap .obj{left:auto;height:281px;}
	#mbusiness .grap .obj .item{padding:0 21px;width:380px;height:281px;/*width:232px;height:337px;*/}
	#mbusiness .grap .obj .item a .info .tit .cat{position:absolute;top:54px;left:0;font-size:12px;line-height:1;}
	#mbusiness .grap .obj .item a .info .tit .cat em{display:block;font-size:20px;line-height:inherit;}
	/*#mbusiness .grap .obj .item a .info .depart{margin-top:20px;}*/
	#mbusiness .grap .obj .l{display:block;position:absolute;top:0;left:-1000px;width:1000px;height:100%;}
	#mbusiness .grap .obj .l .item{/* float:right; */}
	#mbusiness .grap .obj .r{display:block;position:absolute;top:0;right:-1000px;width:1000px;height:100%;}
	#mbusiness .grap .break{padding-left:281px;}
	#mbusiness .grap .obj .item a .info .depart strong{display:inline-block;margin:0 0 0 10px;}
	#mbusiness .grap #obj3 .r .box{float:left;}
	#mbusiness .grap #obj3 .r .item{float:right;}
    
}

@media only screen and (min-width:1280px){
    #mbusiness .mletter_tit{top:-70px;padding:40px 30px;}
    #mbusiness .mletter_tit em{font-size:13px;}
    #mbusiness .mletter_tit em span{font-size:14px;}
    #mbusiness #mnt{position:relative;margin:0 auto;width:1240px;z-index:12;}
	/*#mbusiness .mbusiness_box{background:url(/images/kor/main/bg_newsletter_1280.png) no-repeat 50% 0;}*/
	#mbusiness .grap{height:304px;}
	#mbusiness .grap .obj .l{/* left:-1240px; *//* width:1240px; */}
	#mbusiness .grap .obj .r{right:-1240px;width:1240px}
    #mbusiness .grap .obj .item{width:475px;}
    #mbusiness .mletter_tit em span{display:block;margin:0;}
    #mbusiness .grap .obj .item a .info .tit{height:auto;}
    #mbusiness .grap .obj .item a .info .tit .cat{top:79px;}
    #mbusiness .grap .obj .item a .info{padding:75px 40px 75px 60px}
    
    
}




/* 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: 2px;left: 7px;}
#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%); width:100%}
#main_visual .visual_box .viewer_area .item .title .titinner > span {display:block; opacity: .8;margin: 0 0 20px;color:#fff;font-size: 18px;text-overflow: ellipsis;}
#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: 200px;top: 85%;}
#main_visual .slick-arrow.slick-next {right: 50px;border: 1px solid #1858c1;background: #1858c1;top: 85%;}

@media (min-width:2150px) {
	#main_visual .visual_box .viewer_area .item .title .titinner > span {white-space: nowrap;}
}
@media (min-width:1460px) {
	#main_visual .visual_box .viewer_area .item .title .titinner > span {width: 30vw;}
}
@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: 35px 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: 129px; margin: 0 0 20px;font-size:26px;}
	#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%);}

	#main_visual .visual_box .viewer_area .item .title .titinner > strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; text-overflow: ellipsis;white-space: normal;}
}


/* 팝업 시작*/ 
.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 */ 