@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
div.bgBox {width:100%; background:url(../img/bg2.jpg)no-repeat center top; background-size:cover }
div.business{ padding:0 ; clear:both; overflow:hidden; max-width:1400px; margin:0 auto; padding: 150px 0 180px 0px; letter-spacing:-0.5px}
div.business img{ max-width:100%; vertical-align:top;}

div.business .head .txt01 {font-size:55px; line-height:52px; font-weight:500;  font-family: 'Pretendard-Bold';}
div.business .head .txt02{font-size:20px; padding-top:10px; font-weight:500; width:100%; }
div.business .cont  {padding-top:120px;float:left; width:100%;  max-width:650px; margin:0 auto; color:#fff;}
div.business .cont:nth-child(even){float:right;}
div.business .cont:last-child {opacity:.6}
div.business .item01 {padding-top:30px;}
/*div.business .item02 {padding-top:0; margin-top:0px;}
div.business .item02,div.business .item03 {float:right; width:50%;}
div.business .item03 {padding-top:120px}
div.business .item04 {padding-top:120px}*/
    div.business .cont .img a img, iframe {
        border-radius: 25px;
    }
    div.business .cont .img, iframe {
        position: relative;
    }
div.business .cont  .img a {float:left; max-width:600px; width:100%; position:relative;  }
div.business .cont  .img a:before {content:""; background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; opacity:0;
 width:100%; height:100%; z-index: 99; transition:all 0.3s; background-image:url(../img/more3.png); background-repeat:no-repeat; background-position:30% center;}
div.business .cont  .img a:hover:before {content:""; background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; opacity:0.95;
 width:100%; height:100%; z-index: 99; transition:all 0.3s; background-image:url(../img/more3.png); background-repeat:no-repeat; background-position:center;}
div.business .cont  .img span { font-family: 'Montserrat', sans-serif; writing-mode:vertical-rl; float:left; 
color:#fff; font-size:16px; font-weight:s00; padding:0 10px; width:40px;}
div.business .cont  .tit {clear:both; font-size:30px; font-weight:600; padding:20px 0 10px 0; font-family: 'Pretendard-Bold';}
div.business .cont  .txt {clear:both; font-size:18px; font-weight:400; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1600px) {
div.business {width: 90%; padding:80px 0 100px 0px ; }
div.business .cont  .img a {max-width:90%;}

}
@media (max-width: 1400px) {
div.business {width: 90%; padding:80px 0 80px 0px ; }
}

@media (max-width: 1023px) {
div.business {width: 100%; padding:50px 20px 60px 20px ; }
    div.business .cont .img img, iframe {
        width: 80%;
    }
    div.business .cont .img iframe {
        width: 80%; height:auto;
    }
div.business .cont  .img a {max-width:100%; }
.field {/*font-size:58px; line-height:55px; letter-spacing:-3px; margin-left:-12px;*/ padding:0px 0px 0px 0px ; }

div.business .floatL {width:100%; float:none; padding-right:0px}
div.business .floatR {width:100%; float:none; padding-right:0px; padding-top:0px;}
div.business .head .txt01 {font-size:25px; line-height:32px;padding-top:30px; letter-spacing: -1px;}
div.business .head .txt02{font-size:16px; color:#888; padding-top:20px; font-weight:500;}
div.business .head .txt02 span {display:block}
div.business .cont  {padding-top:30px; max-width:100%;;float:none; width:auto;}
div.business .item01 {padding-top:0px;}
div.business .cont  .img a:hover:before {display:none ;}
div.business .cont  .img span {position:absolute; right:0;}
div.business .item02 .img span,
div.business .item04 .img span {position:absolute; right:0 ; padding:0;}


    div.business .cont .img img, iframe {
        width: 92%;
    }
    div.business .cont .img iframe {
        width: 92%; height:auto;
    }
div.business .cont  .img span { font-size:12px; font-weight:500; height:150px;}
/*div.business .item02 .tit, div.business .item02 .txt,
div.business .item04 .tit, div.business .item04 .txt {padding-left:28px !important;}*/
div.business .cont  .tit {clear:both; font-size:20px; font-weight:600; padding:20px 0 10px 0;}
div.business .cont  .txt {clear:both; font-size:13px; font-weight:400;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}