.block:after{display:block;content:'';clear:both}
.main-left{float:left;position:relative;width:800px;min-height:590px;margin-top:-10px}
.main-left img{position:absolute;-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;top:0}
.main-left a.main{display:block;width:100%;color:#fff;text-align:center;position:relative;z-index:3}
.main-left a.main p{color:rgba(255,255,255,0.8)}
.main-right{float:left;width:400px;position:relative;margin:100px 0 90px}
.m1, .m2, .m3, .m4, .m6{position:absolute;width:203px;height:235px;display:flex;align-items: center;background:url(/kor/pull/img/main_bg.png) no-repeat center;z-index:5}
.main-left>div:hover img{opacity:0.4}
.main-left>div:hover a.main{}
.m1{top:0;left:100px}
.m2{top:0;left:304px}
.m3{top:177px;left:202px}
.m4{top:177px;left:406px}
.m6{top:354px;left:304px}
.bt-more{position:absolute;right:0;top:0}
.main-right h3.mtitle{border-bottom:1px solid #ccc;padding-bottom:20px;font-size:24px;margin-bottom:20px}
.s-menu{position:absolute;width:250px;height:100px;display:none}
.m2 .s-menu ul, .m4 .s-menu ul{width:190px;position:absolute;bottom:4px;right:-30px}
.m1 .s-menu ul, .m3 .s-menu ul{width:210px;position:absolute;bottom:4px;left:-30px}
.s-menu ul li span{color:#a90a0b}
.s-menu ul li{padding:10px 5px 10px 10px;border-bottom:1px solid #ccc;background:rgba(255,255,255,0.8)}
.s-menu ul li:last-child{border-color:#000}
.m1 .s-menu{right:100%;bottom:0}
.m2 .s-menu{left:0;bottom:130px;height:40px;text-align:right;width:420px}
.m3 .s-menu{right:100%;bottom:0;height:100px}
.m4 .s-menu{left:0;bottom:12px;height:180px;text-align:right;width:420px}
.m4 .s-menu ul li a{display:inline-block;text-align:left;width:140px}
.s-menu ul li a:hover{color:#a90a0b}
.line{position:absolute;height:100%;width:100%;top:0;z-index:-1}
.line:before{display:block;content:'';position:absolute;height:1px;background:#000;width:16px;}
.m1 .line:after, .m3 .line:after{display:block;content:'';position:absolute;height:1px;background:#000;width:78px;right:4px;top:68px;transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg)}
.m4 .line:after{display:block;content:'';position:absolute;height:1px;background:#000;width:60px;left:209px;bottom:26px;transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg)}
.m1 .line:before, .m3 .line:before{right:0;top:40px}
.m4 .line:before{left:203px;bottom:47px}
.m2 .line:before{left:203px;top:-7px}
.m2 .line:after{display:block;content:'';position:absolute;height:1px;background:#000;width:60px;left:209px;bottom:25px;transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg)}

.eng .s-menu ul li{font-size:13px;line-height:1.5}
.main-left .m5{position:absolute;width:203px;height:235px;display:flex;align-items:center;top:0;left:508px;background:url(/kor/pull/img/main_bg.png) no-repeat center;z-index:0}
.main-left .m5 a.main{height:100%;position:absolute;top:0}
.m2 .s-menu{z-index:2}
.main-left img{width:203px;height:235px;max-width:100%}
.main-left a.main:focus-visible{outline:3px solid #a90a0b;outline-offset:3px}

@media(max-width:767px){
 .block .main-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));float:none;width:100%;max-width:406px;min-height:0;margin:0 auto 35px;gap:8px}
 .main-left>div,.main-left .m5{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:203/235;display:flex;align-items:center;justify-content:center;background:url(/kor/pull/img/main_bg.png) no-repeat center;background-size:contain;z-index:auto}
 .main-left img{width:100%;height:100%;object-fit:contain}
 .main-left a.main{font-size:14px;padding:0 8px;box-sizing:border-box}
 .main-left .m5 a.main{display:block;padding:0}
 .main-left .s-menu{display:none!important}
 .block .main-right{float:none;width:100%;margin:20px 0 40px;font-size:15px;line-height:1.8}
}