@charset "utf-8";

.cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span{font-size: 50px;}
.cont2 .group {height: 270px;}
.cont2 .group1 {position:relative;width:50%;}
.cont2 .group1 .board__nav-item {}
.cont2 .group1 .board__nav-item .board__content {border-top:1px solid #ccc;}
.cont2 .group1 .board__nav-item .board__content li {position:relative; height:108px;border-bottom:1px dashed #ccc;}
.cont2 .group1 .board__nav-item .board__content li:last-child {border-bottom:1px solid #ccc;}
.cont2 .group1 .board__nav-item .board__content li a {display:block;width:100%;height:100%;padding: 28px 0 0 90px;}
.cont2 .group1 .board__nav-item .board__content li strong {display:block; overflow:hidden; font-size:15px; font-weight:700; color:#555; text-overflow: ellipsis;white-space: nowrap;}
.cont2 .group1 .board__nav-item .board__content li a:hover strong,
.cont2 .group1 .board__nav-item .board__content li a:focus strong,
.cont2 .group1 .board__nav-item .board__content a:hover .board__item--content,
.cont2 .group1 .board__nav-item .board__content a:focus .board__item--content {text-decoration:underline;}
.cont2 .group1 .board__nav-item .board__content .board__item--content {display:block;overflow:hidden;font-size:15px;color: #666;text-overflow: ellipsis;white-space: nowrap;}
.cont2 .group1 .board__nav-item .board__content .board__item--date {display: block;position:absolute;left:0;top: 20.5px;width:67px;height:67px;border: 2px solid #e5e5e5;}
.cont2 .group1 .board__nav-item .board__content .board__item--date >span {display:block;position: relative;padding: 39px 0 0;text-align:center;font-size: 13px;font-weight: 500;color: #666;}
.cont2 .group1 .board__nav-item .board__content .board__item--date i {display:block;position:absolute;left:0;top: 8px;width: 100%;line-height: 1;text-align:center;font-size: 30px;font-weight: 700;font-style: normal;}
.cont2 .group1 .board__nav-item .board__content .board__item--date .ir-icon__new {position: absolute;right: -8px;top: -8px;width:17px;height:17px;line-height:17px;padding: 0;border-radius:50%;background: #ef534a;color: #fff;font-weight: 700;text-align: center;}
.cont2 .group1 .morebtn {position:absolute;right:0;top: -5px;width:38px;height:38px;border:1px solid #888;}
.cont2 .group1 .morebtn a {display:block; position:relative; width:100%; height:100%;font-size:0;}
.cont2 .group1 .morebtn a:hover,
.cont2 .group1 .morebtn a:focus {animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}
.cont2 .group1 .morebtn a:before,
.cont2 .group1 .morebtn a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont2 .group1 .morebtn a:before {width: calc(100%/2);height: 1px;background: #888;}
.cont2 .group1 .morebtn a:after {width: 1px;height: calc(100%/2);background: #888;}
.cont2 .group2 {width:50%;}
.cont2 .group2 > ul {height: 210px;}
.cont2 .group2 > ul > li .thumb {height:150px;margin: 0 0 15px;}

.cont4 .group {}
.cont4 .group .tit1 {display:block;line-height:1;font-size:23px;font-weight: 700;color:#2d2d2d;}
.cont4 .group .tit2 {font-size:15px; color:#555;line-height:1.4;}
.cont4 .group1 {width: 60%;height: 376px;}
.cont4 .group1:after {display:block; clear:both; visibility:hidden; content:'';}
.cont4 .group1 .box {height:100%;border:1px solid #e5e5e5;}
.cont4 .group1 .box1 {float:left;width: calc(100% - 355px);}
.cont4 .group1 .box1 .tbox {height: 200px;border-bottom:1px solid #e5e5e5;}
.cont4 .group1 .box1 .tbox a {display:block;position: relative;width:100%;height:100%;padding:35px;background: #fff url(/common/main/H/img/logo_bg.png)no-repeat right bottom;}
.cont4 .group1 .box1 .tbox .btnarr{position: relative;bottom:auto;left:auto;display: inline-block;margin-top:15px;}
.cont4 .group1 .box1 .tbox .ico{display: block;position: absolute;bottom: 30px;right: 30px;width: 60px;height: 60px;}
.cont4 .group1 .box1 .tbox .ico1{background: url(/muei/img/main/main_icon01.png)}
.cont4 .group1 .box1 .tbox .ico2{background: url(/muei/img/main/main_icon02.png)}

.cont4 .group1 .box1 .tbox .btnarr {position:absolute;left:35px;bottom:35px;width:130px;height:35px;line-height:33px;padding: 0 15px;border:1px solid #b2b2b2;font-size:13px;color:#555;}
.cont4 .group1 .box1 .tbox .btnarr span {display:inline-block;  position:absolute; right:15px; top:50%; width:13px; height:11px; margin-top:-5.5px; background:url(/common/main/H/img/arr.png)no-repeat;}
.cont4 .group1 .box1 .tbox a:hover .btnarr span,
.cont4 .group1 .box1 .tbox a:focus .btnarr span {animation: arr 0.7s ease-in-out infinite; -webkit-animation: arr 0.7s ease-in-out infinite;}
.cont4 .group1 .box1 .bbox {}
.cont4 .group1 .box1 .bbox ul {}
.cont4 .group1 .box1 .bbox ul li {float:left;position:relative;width:50%;height: 176px;}
.cont4 .group1 .box1 .bbox ul li:last-child {border-left: 1px solid #e5e5e5;}
.cont4 .group1 .box1 .bbox ul li a {display:block;width:100%;height:100%;padding: 45px 35px 0;}
.cont4 .group1 .box1 .bbox ul li .ico {display:block; position:absolute; top:20px; right:25px; width:40px; height:40px; background:url(/common/main/H/img/icon_ir.png)no-repeat;}
.cont4 .group1 .box1 .bbox ul li .ico1 {background-position:0 0;}
.cont4 .group1 .box1 .bbox ul li .ico2 {background-position:-40px 0;}
.cont4 .group1 .box1 .bbox ul li .ico3 {background-position:-80px 0;}
.cont4 .group1 .box1 .bbox ul li .ico4 {background-position:-120px 0;}
.cont4 .group1 .box1 .bbox ul li strong {display:block;position:relative; line-height:1; margin:0 0 25px;font-size:18px;font-weight: 700;color:#2d2d2d;}
.cont4 .group1 .box1 .bbox ul li strong:after {display:block; position:absolute;left:0; bottom:-15px; content:''; width:20px; height:1px; background:#888; }
.cont4 .group1 .box1 .bbox ul li p {font-size:14px; color:#555; line-height:1.4;}
.cont4 .group1 .box2 {float:right;width: 305px;padding: 35px;background: #fff url(/common/main/H/img/box2_bg.png)no-repeat center;background-size:cover;}
.cont4 .group1 .box2 ul {margin:25px 0 0;}
.cont4 .group1 .box2 ul li {min-height: 38px;margin:10px 0 0;}
.cont4 .group1 .box2 ul li a {display:block;position:relative;padding: 7px 0 0 48px;font-size:15px;color:#2d2d2d;font-weight:500;vertical-align: middle;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont4 .group1 .box2 ul li .ico {display:inline-block;position:absolute;left:0;top:0;width:38px;height:38px;margin-right: 20px;border-radius:50%;background:rgba(0,0,0,.5) url(/common/main/H/img/icon_ir2.png)no-repeat;background-size: 190px auto;vertical-align:middle;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont4 .group1 .box2 ul li .ico1 {background-position:0 0;}
.cont4 .group1 .box2 ul li .ico2 {background-position:-38px 0;}
.cont4 .group1 .box2 ul li .ico3 {background-position:-76px 0;}
.cont4 .group1 .box2 ul li a:hover,
.cont4 .group1 .box2 ul li a:focus {color:#8d1d32;}
.cont4 .group1 .box2 ul li a:hover .ico,
.cont4 .group1 .box2 ul li a:focus .ico {background-color:#8d1d32;}
.cont4 .group2 {width:40%;padding-left: 50px;}



@media(max-width: 1479px){
    .cont2 .group1 {width:50%;}
    .cont2 .group2 {width:50%;}
    .cont2 .group2 > ul > li {width: calc(50% - 20px);}
}

@media(max-width: 1279px){
    .cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span{font-size: 40px;}

    .cont2 {padding: 60px 0 100px;}
    .cont2 .group {float:left;}
    .cont2 .group2 {margin:0;padding-left: 50px;}

    .cont4 .group1{float:none; width:100%; padding:0;}
    .cont4 .group2{float:none; width:100%; margin:60px 0 0;padding:0;}
}

@media(max-width:1023px){
    .cont2 .group {float:none;}
    .cont2 .group1 {width:100%;}
    .cont2 .group2 {width:100%;padding:0;margin:60px 0 0;}

    .cont4 {padding:60px 0;}
    .cont4 .group1 .box1 {width: calc(100% - 335px);}
    .cont4 .group2 {margin:40px 0 0;}
}

@media(max-width:767px){
    .cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span{font-size: 30px;}

    .cont2 {padding:40px 0;}
    .cont2 .group2 {margin:40px 0 0;}

    .cont4 {padding:40px 0;}
    .cont4 .group {height:auto;}
    .cont4 .group1 .box1 {float:none; width:100%;}
    .cont4 .group1 .box1 .tbox .ico{bottom:20px;right:10px;transform: scale(0.9);-webkit-transform: scale(0.9);}
    .cont4 .group1 .box2 {float:none; width:100%;margin:40px 0 0;}

}

@media(max-width:580px){
    .cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span{font-size: 25px;}
    .cont1 .main-visual .photo_list--wrap .photo_list--item .infotxt strong span br{display:none;}
    
    .cont2 .group2 > ul > li {width: calc(100% - 20px);}
    .cont4 .group1 .box1 .bbox ul li {float:none; width:100%; height:auto;}
    .cont4 .group1 .box1 .bbox ul li:last-child {border:none;border-top: 1px solid #e5e5e5;}
    .cont4 .group1 .box1 .bbox ul li a {padding:35px;}
}




/* 색상변경  */
.contitle:after {background: #6a56b8;}
.cont1 .main-visual .slick-dots li.slick-active button {background: #6a56b8;}
.cont2 .group2 ul li a:hover, .cont2 .group2 ul li a:focus {border-color: #6a56b8;background: #6a56b8;}
.cont3:before {background: #6a56b8;}
.cont3:after,
.cont3 .news_slide,
.cont3 .news_slide .slick-arrow {background: #4e4086;}