@charset "utf-8";

div,p,span,ul,li,a,select,input,button,strong,em {font-family:'nsk_m','nsr_m','Dotum','arial','sans-serif'}
#body_layout .body_wrap {overflow: hidden;width:100%;}





.mcont{position:relative; width:1240px; min-height:1160px;margin:90px auto 0; padding:0 375px 200px 0; text-align:left;}
.mcont .mcon1{position:relative; padding:0 50px 0 0;}
.mcont .mcon1 .tit{position:relative;padding:0 0 15px; margin:0 0 30px;border-bottom:1px solid #dcdcdc; font-size:24px; font-weight:700; color:#065390;}
.mcont .mcon1 .tit:after {display:block; position:absolute;left:0; bottom:-1px;width:45px; height:2px; background:#065390; content:'';}
.mcont .mcon1 .tit span{display:inline-block;font-size:24px; font-weight:700; color:#5fbc49;}
.mcont .mcon1 .con {}
.mcont .mcon1 .con ul {}
.mcont .mcon1 .con ul li {position:relative;height: 183px;margin:0 0 20px;padding:0 0 0 320px;overflow: hidden;}
.mcont .mcon1 .con ul li a {}
.mcont .mcon1 .con ul li a .imgb {position:absolute;top:0; left:0; width:300px; height:170px;}
.mcont .mcon1 .con ul li a .imgb span {display:block; overflow:hidden; position:relative; width: 100%;height: 100%;}
.mcont .mcon1 .con ul li a .imgb span img {width: 100%;max-width: 1000%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.mcont .mcon1 .con ul li a .txtb {}
.mcont .mcon1 .con ul li a .txtb strong {display:block;overflow: hidden;margin: 0 0 17px;font-weight:700;color:#000;font-size:20px;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;}
.mcont .mcon1 .con ul li a .txtb p {overflow:hidden;position:relative;/* height: 120px; */margin: 0 !important;font-size: 14px !important;color:#888;word-break: keep-all;text-align:justify;line-height: 1.25 !important;letter-spacing: -0.02em;}
.mcont .mcon1 .con ul li a .txtb p:after {display:block;position:absolute;right: 0; bottom:0;width:121px;height:29px;background:url(/images/news/main/text_bg.png)no-repeat;content:'';}
.mcont .mcon1 .more {position:absolute; top:0; right:50px; width:50px; height:50px;}
.mcont .mcon1 .more a {display:block; width:100%; height:100%; font-size:0;}
.mcont .mcon1 .more a:before,
.mcont .mcon1 .more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mcont .mcon1 .more a:before {width:calc(100%/2);height: 1px;background: #000;}
.mcont .mcon1 .more a:after {width: 1px;height: calc(100%/2);background: #000;}
.mcont .mcon1 .more a:hover:before,
.mcont .mcon1 .more a:focus:before,
.mcont .mcon1 .more a:hover:after,
.mcont .mcon1 .more a:focus:after {-webkit-animation:spinAround 2s ease;-moz-animation:spinAround 2s ease; animation:spinAround 2s ease;}

.mcont .mcon2 {position:absolute; right:0; top:0; width:375px; padding:0 30px; border:1px solid #dcdcdc; box-sizing:border-box;}
.mcont .mcon2 ul {margin: 0;}
.mcont .mcon2 ul li {position:relative; border-bottom:1px solid #e6e6e6;}
.mcont .mcon2 ul li:last-child {border:none;}
.mcont .mcon2 ul li:before {display:block; position:absolute; left:0; bottom:30px; width:46px; height:9px; background:url(/images/news/main/m_ir.png)no-repeat 0 -109px; content:'';}
.mcont .mcon2 ul li:after {display:block; position:absolute; right:0; bottom:20px; width:68px; height:68px; background:url(/images/news/main/m_ir.png)no-repeat; content:'';}
.mcont .mcon2 ul li:nth-child(1):after {background-position:-1px -1px;}
.mcont .mcon2 ul li:nth-child(2):after {background-position:-71px -1px;}
.mcont .mcon2 ul li:nth-child(3):after {background-position:-141px -1px;}
.mcont .mcon2 ul li:nth-child(4):after {background-position:-211px -1px;}
.mcont .mcon2 ul li:nth-child(5):after {background-position:-281px -1px;}
.mcont .mcon2 ul li a {display:block; width:100%; height:200px; padding:35px 0 0;}
.mcont .mcon2 ul li a strong {display:block;margin:0 0 15px;font-weight:700;color:#000;font-size: 20px;word-break: keep-all;}
.mcont .mcon2 ul li a p {padding-right:25%;font-size: 16px;color:#888;word-break: keep-all;}



@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}



@media(max-width:1300px){
    .mcont {width:100%;padding: 0 30% 200px 33px;}
    .mcont .mcon2 {right: 32px;width: 28%;}
}

@media(max-width:1100px){
    .mcont {width:100%;padding: 0 30px;margin: 50px 0 0;}
    .mcont .mcon1 {padding:0;}
    .mcont .mcon1 .more {right:0;}
    .mcont .mcon2 {position:static;width:100%;padding: 0; margin:50px 0 130px;}
    .mcont .mcon2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
    .mcont .mcon2 ul li {float:left; width:50%;}
    .mcont .mcon2 ul li:nth-child(odd){border-right: 1px solid #e6e6e6;}
    .mcont .mcon2 ul li:before {left:30px;}
    .mcont .mcon2 ul li:after {right:20px;}
    .mcont .mcon2 ul li a {padding:30px;}
}

@media(max-width:680px){
    .mcont .mcon1 .con ul li { padding:0;}
    .mcont .mcon1 .con ul li a .imgb {position:static; width:100%;}
    .mcont .mcon2 ul li {float:none; width:100%;}
    .mcont .mcon2 ul li:nth-child(odd) {border-right:none;}
}