@charset "utf-8";

.main_ir {background: url(/images/eng/main/main_ir.png)no-repeat;}
.main_ir_eng {background: url(/images/eng/main/main_ir_eng.png)no-repeat;}

.movCon {opacity: 0;}

.mcont {overflow:hidden; position:relative;}
.mcont .layout {position:relative;width:100%;height: 100%;max-width:1240px;margin:0 auto;}

#mcont1 {overflow: visible;}
#mcont1 .layout {max-width:100%;}

#mcont1 .mvisual {width:100%; height:885px;}
#mcont1 .mvisual .main-photo__skin,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block; width:100%; height:100%;}
#mcont1 .mvisual .photo_list--wrap .slick-slide .photo_list--item picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover; background-position: center;}
#mcont1 .mvisual .photo_list--wrap .slick-slide .photo_list--item .picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover; background-position: center;}
#mcont1 .mvisual .photo_list--wrap .slick-dots {position:absolute;left: 0;bottom: 285px;width: 100%;margin: 0;padding-right: 22px;text-align: center;}
#mcont1 .mvisual .photo_list--wrap .slick-dots:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont1 .mvisual .photo_list--wrap .slick-dots li {display: inline-block;width: auto;height: auto;margin:0 8px;}
#mcont1 .mvisual .photo_list--wrap .slick-dots li button {width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,0.5); font-size:0;}
#mcont1 .mvisual .photo_list--wrap .slick-dots li.slick-active button {border:2px solid #fff;background:none;}
#mcont1 .mvisual .main-photo__skin .control {}
#mcont1 .mvisual .main-photo__skin .control .control1 {position:absolute;left:100px;top:285px;z-index: 1;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control] {display:block;overflow:visible; position:relative;width:55px;height:55px;border-radius:50%;background-color: transparent;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control] span {display:block;width:35px;height:35px;margin:0 auto;font-size:0;vertical-align: middle;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control]:before,
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control]:after {display:none;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control]:after {display:block; opacity:0; position:absolute;top: -3px;left: -3px;right:auto;bottom:auto;width:100%;height:100%;border-radius:50%;border:3px solid #fff;content:'';-webkit-transition: all .3s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .3s ease-in-out;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control="prev"] {border:1px solid #fff;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control="prev"] span {background-position:-1px -210px;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control="next"] {border:1px solid #fff;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control="next"] span {background-position:-36px -210px;}
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control]:hover:after,
#mcont1 .mvisual .main-photo__skin .control .control1 button[data-control]:focus:after {opacity:1;}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging {float: none;}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging .total {margin:15px 0;text-align:center; font-size:15px; color:#fff; font-weight:600;}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging .current {display:inline-block; border-bottom:1px solid #fff; line-height:1; letter-spacing:0.09em;}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging .current:before {display:inline-block; content:'0'}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging .line {display:block;margin:2px 0;letter-spacing:0.09em;}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging .count{display:block; line-height:1; letter-spacing:0.09em;}
#mcont1 .mvisual .main-photo__skin .control .control1 .paging .count:before {display:inline-block; content:'0'}
#mcont1 .mvisual .main-photo__skin .control .control2 {position:absolute;bottom: 285px;right: 50%;margin-right: -60px;}
#mcont1 .mvisual .main-photo__skin .control .control2 button[data-control="stop"],
#mcont1 .mvisual .main-photo__skin .control .control2 button[data-control="play"] {display:inline-block;position:relative;width:22px;height:22px;background-color: transparent;}
#mcont1 .mvisual .main-photo__skin .control .control2 button[data-control="stop"]:before{display:block;left:0; top:0; bottom:0; right:0; width: 2px;height: calc(100%/2);margin: 5px 0 0 5px;box-shadow: -3px 0 #fff, 3px 0 #fff;content:'';}
#mcont1 .mvisual .main-photo__skin .control .control2 button[data-control="play"]:before{ display:block;left:0; top:0; bottom:0; right:0; width: 0; height: 0;;margin: 5px 0 0 5px; border-width: 6px 0 6px 10px; border-style: solid; border-color: transparent transparent transparent #fff; content:'';}

#mcont1 .txt_wrap {position:absolute;left:0;top: 100px;width:100%;padding:160px 0 0;background:url(/images/eng/main/txt_bg.png)no-repeat center top;text-align: center;}
#mcont1 .txt_wrap strong {display:block;font-size:60px;color:#fff;}
#mcont1 .txt_wrap strong span {display:block;line-height:1.1;font-family: serif;}
#mcont1 .txt_wrap p {max-width:890px;margin: 35px auto 0;text-align:center;}
#mcont1 .txt_wrap p span {display:block; line-height:1.3; font-size:23px;color:#fff;}

#mcont1 .mouse{position:absolute;left:50%;bottom: 170px;cursor:ns-resize;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
#mcont1 .mouse-shape{display:block;position:relative;width:25px;height:35px;margin:0 auto 3px;border:2px solid #fff;border-radius:22px;}
#mcont1 .mouse-shape .mouse-animation{display:block;position:absolute;top:25%;left:50%;width:7px;height:7px;border-radius:50%;background-color:#fff;transform:translate(-50%, -25%);animation:ball-scroll 2s linear infinite;-webkit-transform:translate(-50%, -25%);-webkit-animation:ball-scroll 2s linear infinite;}
#mcont1 .mouse .mouse-msg{font-size:16px;color:#fff; font-weight:600;}

#mcont1 .link_wrap {position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.8);}
#mcont1 .link_wrap .inner {position:relative;width:100%;max-width:1240px;height: 100%;margin:0 auto;padding:0 0 0 355px;}
#mcont1 .link_wrap .inner strong {display:block;position:absolute;left:0;top: -13px;z-index: 1;width:369px;height:156px;line-height: 156px;padding-left: 108px;background:url(/images/eng/main/link_bg.png)no-repeat;color:#fff;font-size:28px;}
#mcont1 .link_wrap .inner strong em {display:inline-block; font-weight:600;}
#mcont1 .link_wrap .inner strong span {display:inline-block;width:44px;height:13px;margin: -10px 0 0 15px;background:url(/images/eng/main/link_icon.png)no-repeat 0 -41px;vertical-align:middle;}
#mcont1 .link_wrap .inner ul {height: 130px;}
#mcont1 .link_wrap .inner ul:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont1 .link_wrap .inner ul li {float: left;position:relative;width: 33.33%;height: 100%;text-align: center;}
#mcont1 .link_wrap .inner ul li:after {display:block; position:absolute; right:0; top:46px; bottom:46px; content:''; width:1px; height:auto; background:#818183; }
#mcont1 .link_wrap .inner ul li:last-child:after {display:none;}
#mcont1 .link_wrap .inner ul li a {display: inline-block;position:relative;height: 100%;padding: 46px 0 0 70px;font-size:20px;color:#fff;text-align: left;}
#mcont1 .link_wrap .inner ul li a:after {opacity:0; position:absolute;left: 18px;top:40px;z-index: 1;content:'';width:24px;height:24px;border-radius:50%;background:#bc1d1b;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#mcont1 .link_wrap .inner ul li:first-child a:after {left:25px;}
#mcont1 .link_wrap .inner ul li a span {display:block;line-height: 1;}
#mcont1 .link_wrap .inner ul .ico {display:inline-block;position:absolute;left:0;top: 46px;z-index: 2;width:38px;height:37px;background:url(/images/eng/main/link_icon.png)no-repeat;}
#mcont1 .link_wrap .inner ul .ico.ico1 {background-position:-1px 0;}
#mcont1 .link_wrap .inner ul .ico.ico2 {background-position:-41px 0;}
#mcont1 .link_wrap .inner ul .ico.ico3 {background-position:-81px 0;}

#mcont1 .link_wrap .inner ul a:hover:after,
#mcont1 .link_wrap .inner ul a:focus:after {display:block; opacity:1; }


@-webkit-keyframes ball-scroll{
    0%{top:25%;opacity:1;}
    20%{top:50%;opacity:1;}
    50%{top:75%;opacity:0;}
    100%{top:25%;opacity:0;}
}
@keyframes ball-scroll{
    0%{top:25%;opacity:1;}
    20%{top:50%;opacity:1;}
    50%{top:75%;opacity:0;}
    100%{top:25%;opacity:0;}
}

.tit.eng strong {display:block;position:relative;font-size: 40px;color:#363643;}
.tit.eng strong :after {display:block;position:absolute;left:-30px;top: -20px;width:10px;height:40px;background:#bc1d1b;content:'';}
.tit.eng strong span {display:block;font-family: 'ggs';font-weight: 600;line-height: 1.1;}

#mcont3 {overflow: hidden;padding: 130px 0 110px;background: #f5f5f5;}
#mcont3:before {display:block;position:absolute;top: 0;right:50%;content:'';width:100%;height: 100%;margin-right: 220px;background:#fff;}
#mcont3 .obj1{display:block;position:absolute; right:0; top:0;width:347px;height:151px;background-position: -420px -662px; content:'';}
#mcont3 .obj2{display:block;position:absolute;left:0;bottom:0;z-index: 1;width: 385px;height: 285px;background: url(/images/eng/main/mcont5_bg03.png)no-repeat;content:'';}
#mcont3 #tab_wrap {position:relative;z-index: 2;}
#mcont3 #tab_wrap .tit_wrap {position:absolute;left:0;top:0;width: 400px;padding-left: 30px;}
#mcont3 #tab_wrap .tit_wrap .tit {margin:0 0 50px;}
#mcont3 #tab_wrap .tit_wrap .tit strong {}
#mcont3 #tab_wrap .tit_wrap .tit p {color:rgba(255,255,255,0.8); line-height:1.4;}
#mcont3 #tab_wrap .tit_wrap .menu_wrap {padding-right: 105px;}
#mcont3 #tab_wrap .tit_wrap .menu_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont3 #tab_wrap .tit_wrap .menu_wrap li {width: 100%;margin:0 0 7px;}
#mcont3 #tab_wrap .tit_wrap .menu_wrap li a {display:block;width:100%;height:45px;padding: 0 30px;border: 1px solid #d1d1ce;line-height:45px;text-align: left;color: #313131;font-size: 16px;}
#mcont3 #tab_wrap .tit_wrap .menu_wrap li a.ov {border: 1px solid #3b3b4c;background: #3b3b4c;color: #fff;}
#mcont3 #tab_wrap .con_wrap {height: 400px;padding-left: 440px;}
#mcont3 #tab_wrap .con_wrap .con {}
#mcont3 #tab_wrap .con_wrap .con .img_slide {}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap {overflow:hidden;position: relative;top: -20px;width:300%;padding: 20px 0 0;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj {/* overflow: hidden; *//* height: 337px; */position: relative;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box {display:inline-block;float:left;position:relative;width: 292px;padding: 0 45px;transform-origin: center;transition: transform .5s ease;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box:after{display:block;position:absolute;right:0;top:55px;bottom:-200%;width:1px;height:auto;background: #c4c4c4;content:'';}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a {display:block; width:100%; height:100%;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb {position:relative;left: 0;top:0;z-index:2;width:180px;height:240px;margin:0 auto;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb:after {display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:url(/images/kor/main/ebook_ov.jpg)no-repeat; background-size:cover; content:'';}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb img {position:relative;left: 0;top:0;width:100%;height:100%;border: 1px solid #e1e1e1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:hover .thumb img,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:focus .thumb img{top:-20px; left:-20px;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:hover .thumb:after,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:focus .thumb:after {box-shadow:5px 2px 20px rgba(0,0,0,0.5);}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:hover .thumb_txt span,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:focus .thumb_txt span,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:hover .thumb_txt strong,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:focus .thumb_txt strong,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:hover .thumb_txt p,
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:focus .thumb_txt p {text-decoration:underline; font-style:italic;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb_txt {margin:20px 0 0;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb_txt span {display: none;font-size:14px;color: #9e9ea7;font-weight:600;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb_txt strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;width:100%;height: 46px;margin:5px 0 10px;color: #2f2f2f;font-size: 18px;font-weight:600;line-height: 1.3;text-overflow: ellipsis;white-space: normal;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb_txt p{display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;text-overflow: ellipsis;white-space: normal;font-size:15px;color: #9e9ea7;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control {position:absolute;left: 350px;top: 0;z-index: 1;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button {display:block;width:100px;height: auto;padding:15px 0;border: 1px solid #d1d1ce;background: #fff;font-size:0;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control] span {display:block;width: 64px;height: 9px;margin:0 auto;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="prev"] {margin:0 0 5px;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="next"] {margin:0;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="prev"] span {background-position: -1px 0;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="next"] span {background-position:-68px 0;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="prev"]:before,
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="prev"]:after,
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="next"]:before,
#mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="next"]:after{display:none;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .morebtn {position:absolute;left: 30px;bottom: 10px;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .morebtn a{display:block;font-size:16px; color:#3b3b3b;font-weight:600;text-decoration:underline;}
#mcont3 #tab_wrap .con_wrap .con .img_slide .morebtn em {display:inline-block; width:8px; height:8px;margin-left:10px; border:solid #3b3b3b; border-width:1px 1px 0 0; vertical-align:middle; ransform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

#mcont4 {background:url(/images/eng/main/mcont4_bg.jpg)no-repeat center; background-size:cover; }
#mcont4 .obj1 {display:block;position:absolute;top:110px;left: -5%;width:263px;height:249px;background-position:-342px -869px; animation: anim 15s ease-in-out infinite; -webkit-animation: anim 15s ease-in-out infinite;}
#mcont4 .obj2 {display:block;position:absolute;top: -85px;right: 7%;width:288px;height:264px;background-position:-609px -869px;animation: anim 15s ease-in-out infinite; -webkit-animation: anim 15s ease-in-out infinite;}
#mcont4 .obj3 {display:block;position:absolute;top:230px;right: 11%;width:141px;height:138px;background-position:-770px -663px; animation: anim 9s ease-in-out infinite; -webkit-animation: anim 9s ease-in-out infinite;}
#mcont4 .layout {padding:155px 0 140px;}
#mcont4 ul {margin:0 -1%}
#mcont4 ul:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont4 ul li {float:left; position:relative; width:18%;height:240px;margin: 0 1% 20px;}
#mcont4 ul li:first-child {background: #fff url(/images/eng/main/kipf_bg.png)no-repeat 90% 90%;}
#mcont4 ul li .tit.eng strong {padding-left:30px;}
#mcont4 ul li .tit.eng strong :after {left:0;}
#mcont4 ul li a {display:block;width:100%;height:100%;padding: 48px 40px 0 50px;border:1px solid #d3d3d3;background: #fff;}
#mcont4 ul li a:after {opacity:0; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(/images/eng/main/li_ov.jpg)no-repeat;background-size:cover; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#mcont4 ul li a strong {display:block; position:relative; z-index:2; font-size:17px; color:#373737; font-weight:600; line-height:1.5; }
#mcont4 ul li a strong:after {display:block; position:absolute; left:0; top:-15px;content:''; width:18px; height:4px; background:#fff; }
#mcont4 ul li a .morebtn {display:block;position:absolute;left:50px;right:1px;bottom:1px; z-index:2;height:50px;line-height:50px;width:auto;padding-left: 20px;background:#efefef;color: #3b3b3b;font-size: 16px; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#mcont4 ul li a .morebtn em {display: inline-block;width: 39px;height: 21px;margin-left: 15px;background-position: 0 -20px;vertical-align:middle;}

#mcont4 ul li a:hover:hover,
#mcont4 ul li a:hover:focus {box-shadow:5px 10px 20px rgba(0,0,0,0.5);}
#mcont4 ul li a:hover:after,
#mcont4 ul li a:focus:after { opacity:1;}
#mcont4 ul li a:hover:hover strong,
#mcont4 ul li a:hover:focus strong {color:#fff;}
#mcont4 ul li a:hover .morebtn,
#mcont4 ul li a:focus .morebtn {right:-7px; bottom:-7px; height:60px; line-height:60px; padding-left:30px;background:#fff;}
#mcont4 ul li a:hover .morebtn em,
#mcont4 ul li a:focus .morebtn em {background-position: 0 -44px;}




#mcont4 ul li > div.no_a {display:block;width:100%;height:100%;padding: 48px 40px 0 50px;border:1px solid #d3d3d3;background: #fff;}
#mcont4 ul li > div.no_a:after {opacity:0; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(/images/eng/main/li_ov.jpg)no-repeat;background-size:cover; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#mcont4 ul li > div.no_a strong {display:block; position:relative; z-index:2; font-size:17px; color:#373737; font-weight:600; line-height:1.5; }
#mcont4 ul li > div.no_a strong:after {display:block; position:absolute; left:0; top:-15px;content:''; width:18px; height:4px; background:#fff; }
#mcont4 ul li > div.no_a .morebtn {display:block;position:absolute;left:50px;right:1px;bottom:1px; z-index:2;height:50px;line-height:50px;width:auto;padding-left: 20px;background:#efefef;color: #3b3b3b;font-size: 16px; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#mcont4 ul li > div.no_a .morebtn em {display: inline-block;width: 39px;height: 21px;margin-left: 15px;background-position: 0 -20px;vertical-align:middle;}

#mcont4 ul li > div.no_a:hover:hover,
#mcont4 ul li > div.no_a:hover:focus {box-shadow:5px 10px 20px rgba(0,0,0,0.5);}
#mcont4 ul li > div.no_a:hover:after,
#mcont4 ul li > div.no_a:focus:after { opacity:1;}
#mcont4 ul li > div.no_a:hover:hover strong,
#mcont4 ul li > div.no_a:hover:focus strong {color:#fff;}
#mcont4 ul li > div.no_a:hover .morebtn,
#mcont4 ul li > div.no_a:focus .morebtn {right:-7px; bottom:-7px; height:60px; line-height:60px; padding-left:30px;background:#fff;}
#mcont4 ul li > div.no_a:hover .morebtn em,
#mcont4 ul li > div.no_a:focus .morebtn em {background-position: 0 -44px;}

@-webkit-keyframes anim {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    100% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}
@keyframes anim {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    100% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}

#mcont5 {overflow:visible;position: relative;min-height:460px;background:#2d2d3c;}
#mcont5 .inner {position:relative; padding-right:360px;}
#mcont5 .tit.eng strong {padding-left:30px; }
#mcont5 .tit.eng strong :after {left:0;}

#mcont5 .international {position:relative; padding:90px 50px 60px 470px; background:#2d2d3c url(/images/eng/main/mcont5_bg.png)no-repeat right top;}
#mcont5 .international .tit.eng strong {color:#fff;}
#mcont5 .international .tit_wrap {position:absolute;left:0;top:60px;z-index: 1;}
#mcont5 .international .tit_wrap .thumb {margin:60px 0 0;}
#mcont5 .international .tit_wrap .thumb span {display:block;position:relative;z-index: 2;width:415px;height:285px;}
#mcont5 .international .tit_wrap .thumb span:after {display:block;position:absolute;right:-25px;bottom:-25px;z-index: -1;content:'';width:289px;height: 203px;background:url(/images/eng/main/mcont5_bg02.png)no-repeat;}
#mcont5 .international .tit_wrap .thumb span img {width:100%;height:100%;}
#mcont5 .international .info_txt {}
#mcont5 .international .info_txt strong {display:block; color:#fff; line-height:1.3;font-size: 30px;font-weight: 600;}
#mcont5 .international .info_txt p {margin:10px 0 0; color:#838389; font-size:19px;}
#mcont5 .international .info_txt ul {margin:50px 0 0;}
#mcont5 .international .info_txt ul li {position:relative;padding-left:25px; color:#fff;}
#mcont5 .international .info_txt ul li.date {color:#e3cbb4;}
#mcont5 .international .info_txt ul li:after {display:block;position:absolute;left: 10px;top:10px;content:'';width:5px;height:5px;border-radius:50%;background:#c0a493;}
#mcont5 .international .info_txt ul li span {display:inline-block; margin-right:5px;font-weight:600; color:#fff;}
#mcont5 .international .info_txt .morebtn {margin:50px 0 0;text-align:right;}
#mcont5 .international .info_txt .morebtn a {display:block;font-size:16px; color:#fff;font-weight:600;text-decoration:underline;}
#mcont5 .international .info_txt .morebtn em {display:inline-block; width:8px; height:8px;margin-left:10px; border:solid #fff; border-width:1px 1px 0 0; vertical-align:middle; ransform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

#mcont5 .brochure {position: absolute;right:0;top:0;background: #fff;width:360px;height: 460px;padding:60px 0 0 0;text-align: center;}
#mcont5 .brochure .tit.eng strong {display:inline-block; padding-left:0; line-height:1;}
#mcont5 .brochure .tit.eng strong span {display:inline-block; text-align:center; }
#mcont5 .brochure .tit.eng strong :after {left:-30px;}
#mcont5 .brochure > span {display:block; color:#2e2e2e; font-size:15px; text-align:center;}
#mcont5 .brochure .thumb {margin:30px 0 0;}
#mcont5 .brochure .thumb a {display:block; position:relative; width:190px; height:250px;margin:0 auto;}
#mcont5 .brochure .thumb a:after {opacity:0; position:absolute;left:0; top:0; z-index:2; content:''; width:100%; height:100%; background:rgba(0,0,0,.8) url(/images/eng/main/ov_bg.png)no-repeat center;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
#mcont5 .brochure .thumb a:hover:after,
#mcont5 .brochure .thumb a:focus:after {opacity:1;}
#mcont5 .brochure .thumb span {display:block; position: relative; z-index:2; width:100%; height:100%; border:1px solid #b7b7b7;} 
#mcont5 .brochure .thumb span:after {display:block; position:absolute; left:-13px; bottom:-13px; z-index:-1; content:''; width:90px; height:90px; background:#2d2d3c; }
#mcont5 .brochure .thumb span img {width:100%; height:100%; }






@media screen and (max-width:1500px){
    #mcont1 .mvisual .main-photo__skin .control .control1 {left:20px}
}

@media screen and (max-width: 1279px){
    .movCon {opacity: 1;}
    .modal-open #mcont1 .tit_wrap {z-index:1;}
    .mcont .layout {max-width:100%; padding:0 40px;}    
    #mcont1 .layout {padding:0;}
    #mcont1 .mvisual {height: 800px;}
    #mcont1 .mvisual .main-photo__skin .control .control1 {top: 231px;}
    #mcont1 .txt_wrap {top:50px;padding: 100px 28px 0;background-size:250px auto;}
    #mcont1 .txt_wrap strong {font-size:48px;}
    #mcont1 .txt_wrap p {width:100%; }
    #mcont1 .txt_wrap p span {font-size:18px;}
    #mcont1 .link_wrap .inner {padding: 0 0 0 300px;}
    #mcont1 .link_wrap .inner strong{top: -10px;width:300px;height:127px;line-height: 127px;padding-left: 85px;background-size:300px 127px;font-size:24px;}
    #mcont1 .link_wrap .inner ul {height:107px;}
    #mcont1 .link_wrap .inner ul li a {padding: 36.5px 0 0 70px;font-size: 18px;}
    #mcont1 .link_wrap .inner ul .ico {top:34.5px;}

    #mcont3 {padding:0;}
    #mcont3:before {display:none;}
    #mcont3 .obj2 { bottom:-80px;}
    #mcont3 .layout {padding: 95px 40px 170px;}
    #mcont3 #tab_wrap .tit_wrap {position:static;}
    #mcont3 #tab_wrap .tit_wrap .tit {margin:0;}
    #mcont3 #tab_wrap .tit_wrap .menu_wrap {position:absolute;right:0;top:0;width: 260px;padding:0;}
    #mcont3 #tab_wrap .tit_wrap .menu_wrap li {margin:0 0 7px;}
    #mcont3 #tab_wrap .con_wrap {overflow: hidden;height: 435px;padding: 95px 0 0;}
    #mcont3 #tab_wrap .con_wrap .con {}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap {width:100%;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box {width: 25%;padding: 0 30px;margin: 0 0 10px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box:nth-child(4):after {display:none;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb {width:100%;max-width:180px;height: 215px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .morebtn {bottom:auto; top:120px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .control {top:auto;left:50%;bottom: -100px;margin-left:-110px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .control:after {display:block; clear:both; visibility:hidden; content:'';}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="prev"],
    #mcont3 #tab_wrap .con_wrap .con .img_slide .control button[data-control="next"] {display:inline-block; float:left; margin:0 5px;}

    #mcont4 .obj1,
    #mcont4 .obj2,
    #mcont4 .obj3 {display:none;}
    #mcont4 .layout {padding: 155px 40px 140px;}
    #mcont4 ul li {width:23%;}
    
    #mcont5 .inner {padding:0}
    #mcont5 .brochure {display:none;position:static;}

}

@media screen and (max-width:1023px){
    .mcont .layout {padding:0 30px;}  
    #mcont1 .mvisual {height:760px;}
    #mcont1 .mvisual .photo_list--wrap .slick-dots {bottom: 180px;}
    #mcont1 .mvisual .main-photo__skin .control .control2 {bottom: 180px;}
    #mcont1 .mvisual .main-photo__skin .control .control1 {position:absolute;top: 450px;left: 50%;width: 100%;max-width:708px;margin-left: -354px;padding: 0 30px;text-align: center;z-index: 10;}
    #mcont1 .mvisual .main-photo__skin .control .control1:after {display:block; clear:both; visibility:hidden; content:'';}
    #mcont1 .mvisual .main-photo__skin .control .control1 button[data-control] {display:inline-block;}
    #mcont1 .mvisual .main-photo__skin .control .control1 button[data-control="prev"] {float:left;}
    #mcont1 .mvisual .main-photo__skin .control .control1 button[data-control="next"] {float:right;}
    #mcont1 .mvisual .main-photo__skin .control .control1 .paging {display:inline-block; margin:0 auto; }
    #mcont1 .mvisual .main-photo__skin .control .control1 .paging .total {}
    #mcont1 .mvisual .main-photo__skin .control .control1 .paging .current {display:inline-block; }
    #mcont1 .mvisual .main-photo__skin .control .control1 .paging .line {display:inline-block;}
    #mcont1 .mvisual .main-photo__skin .control .control1 .paging .count{display:inline-block; }
    #mcont1 .txt_wrap strong {font-size:35px;}
    #mcont1 .txt_wrap p span {font-size:16px;}
    #mcont1 .mouse {display:none;}
    #mcont1 .link_wrap .inner {padding:0;}
    #mcont1 .link_wrap .inner strong {display:none;}

    #mcont3 .layout {padding: 65px 30px 110px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box {padding: 0 15px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .control {bottom: -70px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:hover .thumb img,
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box a:focus .thumb img{top:-10px; left:-10px;}

    #mcont4 .obj4 {bottom:-25px;}
    #mcont4 .layout {padding:50px 30px 55px;}
    #mcont4 ul li {width:31.33%;}
    
    #mcont5 .international {padding: 90px 0 60px;}
    #mcont5 .international .tit_wrap {position:static;}
    #mcont5 .international .tit_wrap .thumb  {width:415px; margin:40px auto 0; }
    #mcont5 .international .info_txt {margin:70px 0 0;}
    #mcont5 .international .info_txt .morebtn {margin:10px 0 0;}

   
}

@media screen and (max-width:767px){
    .mcont .layout { padding:0 15px;}  
    .tit.eng strong {font-size:28px;line-height: 1.3;padding-left: 15px;}
    .tit.eng strong :after {left:0; top:-10px;width:7px;height:30px;}
    .tit.eng strong span {display:inline-block;margin-right: 8px;}

    
    #mcont1 .mvisual {height:700px;}
    #mcont1 .mvisual .main-photo__skin .control .control1 {display:none;}
    #mcont1 .txt_wrap strong {font-size:30px;}
    #mcont1 .link_wrap .inner ul {height:auto;}
    #mcont1 .link_wrap .inner ul li:after {top:30px; height:15px;}
    #mcont1 .link_wrap .inner ul li a {padding: 20px 0;font-size: 15px;}
    #mcont1 .link_wrap .inner ul li:nth-child(2) a {padding:15px 0;}
    #mcont1 .link_wrap .inner ul .ico {display:none;}
    


    #mcont5 .international .tit_wrap .thumb {width:100%;text-align:center;}
    #mcont5 .international .tit_wrap .thumb span {display:inline-block; max-width:415px; width:100%; height:auto;}
    #mcont5 .international .tit_wrap .thumb span:after {right:-15px;bottom:-15px;}
    #mcont5 .international .info_txt strong {font-size:20px;}
    #mcont5 .international .info_txt p {font-size:16px;}
    #mcont5 .international .info_txt ul {margin:30px 0 0;}
 

    #mcont3 .layout {padding:50px 15px 110px;}
    #mcont3 #tab_wrap .tit_wrap {width:100%;padding: 0;}
    #mcont3 #tab_wrap .tit_wrap .menu_wrap {position:static;width: 100%;margin: 70px 0 0;}
    #mcont3 #tab_wrap .tit_wrap .menu_wrap li {width: 100%;margin: 0 0 7px;}
    #mcont3 #tab_wrap .con_wrap {height: 680px;padding:45px 0 0;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .morebtn {top: auto;bottom: 860px;left: 0;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box {float:left;width:50%;margin: 0 0 20px;padding: 0 10px;}
    #mcont3 #tab_wrap .con_wrap .con .img_slide .grap .obj .box .thumb {height:180px;margin:0 auto;}

    #mcont4 .layout {padding: 50px 15px 65px;}
    #mcont4 ul li {width:48%;}
    #mcont4 ul li .tit.eng strong {padding-left:15px;}

    #mcont5 .tit.eng strong {padding-left:15px;}

 

}

@media screen and (max-width:500px){
    #mcont1 .link_wrap .inner ul li {float:none; width:100%;}
    #mcont1 .link_wrap .inner ul li:after {width:15px; height:1px; right:50%; top:auto; bottom:0;}
    #mcont1 .link_wrap .inner ul li a,
    #mcont1 .link_wrap .inner ul li:nth-child(2) a {padding:15px 0;}
    #mcont1 .link_wrap .inner ul li a span {display:inline-block;}
    
    #mcont4 ul li {width:98%;height: auto;}
    #mcont4 ul li:first-child {height:auto; background:#fff; }

    #mcont4 ul li  a {padding:30px 30px 75px 30px;}
    #mcont4 ul li > div.no_a {padding: 30px;}
}