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

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

.conBox01 { position:relative; }  
.conBox02 { position:relative; }
.conBox03 { position:relative; padding:2.5rem 0; }
.conBox03:before { content:""; position:absolute; right:3.5rem; bottom:7rem; width:464px; height:450px; background:url('/images/web/intl/T0004/main/bg_conBox.png') no-repeat; z-index:-1; }
 
.T0004_1 { position:relative; width:100%; } /* 비주얼 */  
.T0004_2 { position:absolute; left:0; bottom:5rem;} /* 바로가기 */
.T0004_3 {position:relative;width:45%;float: right;} /* 공지사항 */
.T0004_4 {position:relative;width: 45%;float: left;} /* 바로가기 */
.T0004_5 { position:relative; width:45%; float:left; } /* 공지사항2 */
.T0004_6 {position:relative;width:50%;float: right;} /* 자료실 */
 
@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:1440px) { 
	.T0004_2 {padding:0 1rem; } /* 바로가기 */
}
@media (max-width:1100px) { 
    .conBox03:before { display:none; }

    .T0004_3 {width: 100%;} /* 공지사항 */
    .T0004_4 { position:relative; right:auto; bottom:auto; width:100%; } /* 바로가기 */
    .T0004_5 {width: 100%;margin-bottom: 1rem;} /* 공지사항2 */
    .T0004_6 {width: 100%;margin-top: 1rem;} /* 자료실 */ 
}
@media (max-width:768px) { 
    .conBox03 { padding:1.5rem 0; }

    .T0004_2 { position:relative; left:auto; bottom:auto; margin-bottom:1.5rem; padding:0; } /* 바로가기 */
    .T0004_3 { width:100%; } /* 공지사항 */
    .T0004_4 { position:relative; right:auto; bottom:auto; width:100%; } /* 바로가기 */
    .T0004_5 { width:100%; } /* 공지사항2 */
    .T0004_6 { width:100%; margin-top:1rem; } /* 자료실 */ 

}
@media (max-width:580px) { 
    .T0004_2 { margin:0; }

}