@charset "utf-8";

/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{}






/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; padding:70px 0;}
.msec-01:before{position:absolute;width:20000px; left:50%;top:0; height:100%;margin-left:-10000px;  background:#9273b5; display:block; content:"";z-index:-1;}
.msec-01:after{display:block; content:"";clear:both;}

.msec-01 .fl{float:none; max-width:49%;position:relative ; z-index:3;}
.msec-01 .fr{position:absolute;right:0;z-index:2;top:90px;width:45.63%; float:none;box-sizing:border-box; background:#f2effb; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1); }
.msec-01 .fr:before{z-index:-1; position:absolute; left:120px; top:-90px; width:187px; height:155px; display:block ;content:"";background:url(/images/new/Assem2/main/history-bg.png) no-repeat center top; opacity:0.85;}
.msec-01 .tits{position:relative;}
  @media only screen and (max-width:1640px){  
    
  }
  @media only screen and (max-width:1480px){  
    .msec-01 .fr{width:calc(50% - 14px)}
  }
  @media only screen and (max-width:1280px){  
    .msec-01{padding:60px 0;}
    .msec-01 .fr{width:calc(50% - 14px); top:70px;}
  }
  @media only screen and (max-width:999px){
    .msec-01{padding:50px 0 0 0;text-align:center;}
    .msec-01:before{height:calc(100% - 100px)}
    .msec-01 .fl{float:none; max-width:none; display:inline-block;vertical-align:top;text-align:left;}
    .msec-01 .fr{float:none; margin-top:35px; position:relative; right:auto ;top:auto ;width:auto;text-align:left;}
    .msec-01 .fr:before{display:none}
    .msec-01 .fl:before{position:Absolute; width:187px; height:155px; left:auto;right:-240px; top:-50px;background:url(/images/new/Assem2/main/history-bg.png) no-repeat center top;background-size:100%; opacity:0.85; display:block ;content:""; z-index:1}
    
  }
  @media only screen and (max-width:680px){
    .msec-01 .fr:before{display:none;}
    .msec-01 .fl:before{position:Absolute; width:100px; height:100px; left:auto; right:-40px; top:-50px;background:url(/images/new/Assem2/main/history-bg.png) no-repeat center top;background-size:100%; opacity:0.85; display:block ;content:""; z-index:1}
  }
  @media only screen and (max-width:480px){
    
  }

.msec-01 .intro{position:relative; padding-left:300px;}
.msec-01 .intro .img{width:230px; position:absolute; left:0 ;top:0;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1)  ;  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1)  ; }
.msec-01 .intro .img img{width:100%; height:270px;object-fit:cover;}
.msec-01 .intro .txt{ display:flex;align-items: center; justify-content: left;height:270px;}
.msec-01 .intro .vc{width:100%}
.msec-01 .intro .btxt{font-family: 'GmarketSansL'; letter-spacing:-0.03em; color:#fff; font-size:26px; line-height:1.2em;}
.msec-01 .intro .stxt{margin-top:12px;font-family: 'GmarketSansB';letter-spacing:-0.03em; color:#fff; font-size:45px; line-height:1.2em;}
.msec-01 .intro ul{margin-top:35px;}
.msec-01 .intro li{position:Relative;padding-left:12px; font-size:18px; font-family:'NotokrR'; color:#fff ;letter-spacing:-0.035em;}
.msec-01 .intro li:before{width:4px;height:4px; border-radius:100%; position:absolute; left:0; top:8px; display:block; content:""; background:#fff;}
.msec-01 .intro li:nth-child(n+2){margin-top:10px;}
.msec-01 .intro li span{font-family:'NotokrB';display:inline-block;vertical-align:top; position:relative; margin-right:20px;}
.msec-01 .intro li span:after{width:0;height:12px; border-right:1px solid #fff; position:absolute;right:-11px; display:block; content:""; top:50%;margin-top:-6px;}
  @media only screen and (max-width:1640px){  
    .msec-01 .intro{padding-left:270px;}
    .msec-01 .intro .img{width:200px;}
    .msec-01 .intro .img img{height:240px}
    .msec-01 .intro .txt{height:240px;}
    .msec-01 .intro .btxt{font-size:14px;}
    .msec-01 .intro .stxt{font-size:40px; margin-top:10px;}
    .msec-01 .intro ul{margin-top:30px;}
    .msec-01 .intro li{font-size:17px;}

  }
  @media only screen and (max-width:1480px){  
    .msec-01 .intro{padding-left:230px;}
    .msec-01 .intro .img{width:180px;}
    .msec-01 .intro .img img{height:220px}
    .msec-01 .intro .txt{height:220px;}
    .msec-01 .intro .btxt{font-size:14px;}
    .msec-01 .intro .stxt{font-size:35px; margin-top:10px;}
    .msec-01 .intro ul{margin-top:25px;}
    .msec-01 .intro li{font-size:16px;}
  }
  @media only screen and (max-width:1280px){  
    .msec-01 .intro{padding-left:200px;}
    .msec-01 .intro .img{width:160px;}
    .msec-01 .intro .img img{height:200px}
    .msec-01 .intro .txt{height:200px;}
    .msec-01 .intro .btxt{font-size:14px;}
    .msec-01 .intro .stxt{font-size:30px; margin-top:7px;}
    .msec-01 .intro ul{margin-top:20px;}
    .msec-01 .intro li{font-size:15px;}
  }
  @media only screen and (max-width:999px){
    .msec-01 .intro{padding-left:180px;}
    .msec-01 .intro .img{width:140px;}
    .msec-01 .intro .img img{height:180px}
    .msec-01 .intro .txt{height:180px;}
    .msec-01 .intro .btxt{font-size:13px;}
    .msec-01 .intro .stxt{font-size:25px; margin-top:5px;}
    .msec-01 .intro ul{margin-top:15px;}
    .msec-01 .intro li{font-size:14px;}
    .msec-01 .intro li:nth-child(n+2){margin-top:7px;}
  }
  @media only screen and (max-width:680px){
    .msec-01 .intro{padding-left:150px;}
    .msec-01 .intro .img{width:120px;}
    .msec-01 .intro .img img{height:160px}
    .msec-01 .intro .txt{height:160px;}
    .msec-01 .intro .stxt{font-size:22px; margin-top:5px;}
    .msec-01 .intro li{font-size:14px;}
    .msec-01 .intro li:nth-child(n+2){margin-top:5px;}
  }
  @media only screen and (max-width:480px){
    .msec-01 .intro li{font-size:13px}
  }

.msec-01 .history{padding:40px 45px 40px 45px;}
.msec-01 .history .tits{font-size:0;}
.msec-01 .history .tits h3{font-family:'GmarketSansL'; line-height:34px; height:34px; color:#000; font-size:30px;letter-spacing:-0.03em;}
.msec-01 .history .tits h3 span{font-family:'NotokrB';}
.msec-01 .history .cont{margin-top:15px;}
.msec-01 .history .vscrolls:first-child{padding:17px 30px ; padding-left:0;}
.msec-01 .history .vscrolls{padding-right:30px; max-height:240px; box-sizing:border-box;}
.msec-01 .history ul{font-size:0;display:flex;display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap}
.msec-01 .history ul:nth-child(n+2){margin-top:27px;}
.msec-01 .history ul:after{display:Block ;content:""; clear:both;}
.msec-01 .history li{width:calc(50% - 14px);display:flex; display:-webkit-flex;}
.msec-01 .history li:nth-child(even){margin-left:28px;}
.msec-01 .history li:nth-child(n+3){margin-top:27px;}
.msec-01 .history li p{ border-radius:47px;text-align:left; position:relative ; line-height:1.3em; box-sizing:border-box; width:100%;padding:13px 25px 13px 60px;font-size:16px; color:#000; font-weight:500; letter-spacing:-0.03em; background:url(/images/new/Assem2/main/history-chk.png) no-repeat 27px 14px #fff; font-family:'NotokrR';}
  @media only screen and (max-width:1640px){  
    .msec-01 .history{padding:35px 40px 35px 40px;}
    .msec-01 .history .tits h3{font-size:28px;}
    .msec-01 .history .cont{margin-top:10px;}
    .msec-01 .history .vscrolls{max-height:230px;}
    .msec-01 .history ul:nth-child(n+2){margin-top:25px;}
    .msec-01 .history li:nth-child(n+3){margin-top:25px;}
    .msec-01 .history li{width:calc(50% - 10px)}
    .msec-01 .history li:nth-child(even){margin-left:20px;}
    .msec-01 .history li p{font-size:15px; padding-left:55px; padding-right:20px;  background-size:18px ;padding-right:20px;}
  }
  @media only screen and (max-width:1480px){  
    .msec-01 .history{padding:35px 30px 35px 30px;}
    .msec-01 .history .vscrolls{max-height:210px;}
    .msec-01 .history li{width:calc(50% - 8px)}
    .msec-01 .history li:nth-child(even){margin-left:16px;}
    .msec-01 .history li:nth-child(n+3){margin-top:15px;}
    .msec-01 .history li p{ font-size:14px; border-radius:20px; background-position: 20px 14px;  padding-left:47px;}
  }
  @media only screen and (max-width:1280px){  
    .msec-01 .history{padding:35px 25px 35px 25px;}
    .msec-01 .history .tits h3{font-size:25px;}

    .msec-01 .history .cont{margin-top:0;}
    .msec-01 .history .vscrolls{max-height:200px;}
    .msec-01 .history li p{border-radius:10px; padding-right:15px;padding-left:40px;background-position:16px 14px;  background-size:16px auto;}
  }
  @media only screen and (max-width:999px){
    
  }
  @media only screen and (max-width:680px){ 
    .msec-01 .history{padding:30px 25px 30px 25px;}
    .msec-01 .history .tits h3{font-size:23px;}

    .msec-01 .history .vscrolls:first-child{padding:14px 25px ; padding-left:0;}

    .msec-01 .history ul{display:block;}
    .msec-01 .history li{display:block; width:auto;}
    .msec-01 .history li:nth-child(n+2){margin-top:15px;}
    .msec-01 .history li:nth-child(even){margin-left:0;}
    .msec-01 .history li p{border-radius:8px;padding-left:35px;background-position:14px 16px;  background-size:14px auto;}
  }
  @media only screen and (max-width:480px){
    .msec-01 .history{padding:25px 20px 25px 20px;}
    .msec-01 .history .tits h3{font-size:20px;}

    .msec-01 .history .vscrolls:first-child{padding:14px 20px ; padding-left:0;}
  }



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; margin-top:110px}
.msec-02:after{display:block; content:"";clear:both;}
.msec-02 .tits{position:relative;}
.msec-02 .tits h3{ line-height:50px; font-size:26px;font-family: 'GmarketSansB'; color:#4767a2; letter-spacing:-0.03em; height:50px; }
.msec-02 .tits .more{position:absolute;right:0; top:16px; width:17px;height:17px;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-02 .tits .more:before{width:0; height:100%; border-right:2px solid #333; position:Absolute; left:50%; margin-left:-1px; top:0;display:block; content:""}
.msec-02 .tits .more:after{width:100%; height:0; border-bottom:2px solid #333; position:Absolute; left:0; margin-top:-1px; top:50%;display:block; content:""}
.msec-02 .tits .more:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }
  @media only screen and (max-width:1640px){  
    .msec-02{ margin-top:90px}
    .msec-02 .tits h3{font-size:24px;}
  }
  @media only screen and (max-width:1480px){  
    
  }
  @media only screen and (max-width:1280px){  
    .msec-02{ margin-top:70px}
  }
  @media only screen and (max-width:999px){
    .msec-02{ margin-top:50px}
    .msec-02 .tits h3{font-size:22px; line-height:45px; height:45px;}
    .msec-02 .tits .more{width:15px;height:15px; top:15px;}
  }
  @media only screen and (max-width:680px){
    .msec-02 .tits h3{font-size:20px; line-height:40px; height:40px;}
    .msec-02 .tits .more{top:13px;}
  }
  @media only screen and (max-width:480px){
    .msec-02 .tits h3{font-size:19px;}
  } 

.msec-02 .confe{float:left; width:52.19%;}
.msec-02 .confe .cont{margin-top:25px;}
.msec-02 .confe .cont ul{margin:0 -10px;}
.msec-02 .confe .cont ul:after{display:block ;content:"";clear:both}
.msec-02 .confe .cont li{float:left; width:calc(50% - 20px); margin:0 10px}
.msec-02 .confe .cont li:nth-child(n+3){margin-top:15px}
.msec-02 .confe .cont li a{ display:flex;align-items: center; justify-content: left; height:95px; background:#f7f7f7;  border:1px solid #f7f7f7; box-sizing:border-box;-webkit-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;-moz-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;;-o-transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;;transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.msec-02 .confe .cont li a .txt{width:100%; text-align:left; box-sizing:border-box; padding:0 22px;}
.msec-02 .confe .cont li a .btxt{font-size:17px; font-family:'NotokrM'; color:#000 ; letter-spacing:-0.03em; line-height:1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-02 .confe .cont li a .stxt{font-size:15px; font-family:'NotokrR'; color:#888; letter-spacing:-0.01em; line-height:1.2em; margin-top:10px;}
.msec-02 .confe .cont li a:hover{background:#fff; border-color: #4767a2; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)  ;}
  @media only screen and (max-width:1640px){  
    .msec-02 .confe .cont{margin-top:20px;}
    .msec-02 .confe .cont li a .txt{padding:0 20px;}
    .msec-02 .confe .cont li a .btxt{font-size:16px;}
    .msec-02 .confe .cont li a .stxt{font-size:14px;}
  }
  @media only screen and (max-width:1480px){  
    .msec-02 .confe{width:calc(50% - 14px)}
    .msec-02 .confe .cont{margin-top:15px;}
  }
  @media only screen and (max-width:1280px){  
    
  }
  @media only screen and (max-width:999px){
    .msec-02 .confe{float:none; width:auto}
    .msec-02 .confe .cont{margin-top:10px;}

    .msec-02 .confe .cont li a .txt{padding:0 20px;}
    .msec-02 .confe .cont li a .btxt{font-size:15px;}
    .msec-02 .confe .cont li a .stxt{font-size:13px; margin-top:7px;}
  }
  @media only screen and (max-width:680px){
    .msec-02 .confe .cont ul{margin:0 ;}
    .msec-02 .confe .cont li{float:none; width:auto; margin:0;}
    .msec-02 .confe .cont li:nth-child(n+2){margin-top:10px}

    .msec-02 .confe .cont li a{height:85px;}
    .msec-02 .confe .cont li a .txt{padding:0 15px;}
    .msec-02 .confe .cont li a .btxt{font-size:14px;}
    .msec-02 .confe .cont li a .stxt{font-size:12px;} 
  }
  @media only screen and (max-width:480px){
    .msec-02 .confe .cont li a{height:75px;}
  } 

.msec-02 .gallery{float:right; width:45.63%;}
.msec-02 .gallery .cont{margin-top:25px;}
.msec-02 .gallery ul{margin:0 -14px;}
.msec-02 .gallery ul:after{display:block ;content:"";clear:both}
.msec-02 .gallery li{float:left; width:calc(50% - 28px); margin:0 14px;}
.msec-02 .gallery li a{display:block; overflow:hidden;}
.msec-02 .gallery li a img{width:100%;height:205px;object-fit:cover;  transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .gallery li a:hover img{transform:scale(1.1) translateX(4%)}

  @media only screen and (max-width:1640px){  
    .msec-02 .gallery .cont{margin-top:20px;}
  }
  @media only screen and (max-width:1480px){  
    .msec-02 .gallery{width:calc(50% - 14px)}
    .msec-02 .gallery .cont{margin-top:15px;}
  }
  @media only screen and (max-width:1240px){  
    
  }
  @media only screen and (max-width:999px){
    .msec-02 .gallery{float:none; width:auto; margin-top:25px;}
    .msec-02 .gallery .cont{margin-top:10px;}
  }
  @media only screen and (max-width:680px){
    .msec-02 .gallery ul{margin:0 0;}
    .msec-02 .gallery li{float:none; width:auto; margin:0;}
    .msec-02 .gallery li:nth-child(n+2){margin-top:15px;}
    .msec-02 .gallery li a img{height:auto;object-fit:fill}
  }
  @media only screen and (max-width:480px){
    
  }