@import url("/css/web/intl/T0000/layout.css");
@import url("main_widget.css");

/*-----------------------------------------------------------
Author :hyerim, Park
Creative date :2022. 03. 22
-----------------------------------------------------------*/

.conBox01 { position:relative; } 
.conBox01:before { content:""; position:absolute; left:0; top:0; width:100%; height:20rem; background:#edf7ff; }
.conBox02 { position:relative; padding:2rem 0; }
.conBox03 { position:relative; background:#f5f9fc; padding:2.5rem 0 3.5rem; }
 
.T0003_1 { position:relative; width:70%; float:left; padding:3rem 0 4rem; } /* 비주얼 */ 
.T0003_1:before { content:""; position:absolute; right:0; top:0; width:calc(100% + (100vw - 1400px) / 2); height:100%; background:#13b5b1 url('/images/web/intl/T0003/main/bg_conBox01.png') no-repeat left 1rem bottom; }
.T0003_2 { position:relative; width:25%; float:right; padding:3rem 0 1.5rem; } /* 문의및상담 */
.T0003_3 { position:relative; width:25%; float:right; } /* 바로가기 */
.T0003_4 { position:relative; width:100%;} /* 바로가기2 */
.T0003_5 { position:relative; width:100%;} /* 공지사항 */

@media (min-width:1920px){ 
    .T0003_1:before { background-position:right 44rem bottom !important; }
}
@media (min-width:1024px){ 
    
    /* animation */
    div[class*="conBox"] [class*="mot"]{opacity:0; transition:transform .7s ease-out, opacity 0.7s ease-out; transition:transform .3s ease-out, opacity 0.3s ease-out;} 
    div[class*="conBox"] [class*="mot"][class$="-left"]{transform:translateX(-2rem); -webkit-transform:translateX(-2rem);}
    div[class*="conBox"] [class*="mot"][class$="-right"]{transform:translateX(2rem); -webkit-transform:translateX(2rem);} 
    div[class*="conBox"] [class*="mot"][class$="-top"]{transform:translateY(-2rem); -webkit-transform:translateY(-2rem);}
    div[class*="conBox"] [class*="mot"][class$="-bottom"]{transform:translateY(2rem); -webkit-transform:translateY(2rem);} 
    div[class*="conBox"] [class*="mot"][class$="-ball"]{transform:scale(0); -webkit-transform:scale(0); transform-origin:center center; -webkit-transform-origin:center center;}
    div[class*="conBox"].action [class*="mot"]{opacity:1;}
    div[class*="conBox"].action [class*="mot1"]{transition-delay:0s; -webkit-transition-delay:0s;}
    div[class*="conBox"].action [class*="mot2"]{transition-delay:.2s; -webkit-transition-delay:.2s;}
    div[class*="conBox"].action [class*="mot3"]{transition-delay:.4s; -webkit-transition-delay:.4s;} 
    div[class*="conBox"].action [class*="mot"][class$="-left"]{transform:translateX(0px); -webkit-transform:translateX(0px);}
    div[class*="conBox"].action [class*="mot"][class$="-right"]{transform:translateX(0px); -webkit-transform:translateX(0px);} 
    div[class*="conBox"].action [class*="mot"][class$="-top"]{transform:translateY(0px); -webkit-transform:translateY(0px);}
    div[class*="conBox"].action [class*="mot"][class$="-bottom"]{transform:translateY(0px); -webkit-transform:translateY(0px);}  
  
} 
@media (max-width:1600px){   
    .T0003_1 { padding-right:3rem; } /* 비주얼 */
    .T0003_1:before { width:calc(100% + 5rem); }
}
@media (max-width:1440px){  
    
    .T0003_1 { padding:2rem 1rem 2rem 0; } /* 비주얼 */ 
    .T0003_2 { width:27%; padding:1rem 0; }  
    .T0003_3 { width:27%; }
}
@media (max-width:1240px){  
    .conBox01:before { display:none;}
     
    .T0003_1 { width:100%; padding:2rem 0; } /* 비주얼 */
    .T0003_1:before { right:-1rem; }  
    .T0003_2 { width:100%; margin-bottom:1rem; }  
    .T0003_2:before {content:""; position:absolute; left:-1rem; top:0; width:150%; height:100%; background:#edf7ff; z-index:-1; }
    .T0003_3 { width:100%; } 
}
@media (max-width:580px){
    .conBox02 { padding:1rem 0;}
    .conBox03  { padding:2rem 0 1.5rem; }
}