@import url("layout_A.css");
@import url("T1_B2_main_widget.css");
@import url("/00_common/css/pop.css");

/*-----------------------------------------------------------
Author : hyerim Park
Creative date : 2021. 05. 10
-----------------------------------------------------------*/

.conBox01 {position:relative; }
.conBox02 { position: relative; margin:-3.5rem 0 4rem; }
.conBox03 {position: relative; padding-top: 4rem; border-radius: 4rem 0 0 0; background:#f4f7fd url('/images/template/01018/main/bg_link04.png?v=260326_1') no-repeat right bottom;}

.T1_B01 {position:relative; width: 100%;;}/* 메인 비주얼 */
.T1_B02 {position:relative; width:calc(100% - 22.75rem); float:left; margin-bottom: 2.5rem; }/* 바로가기 */
.T1_B03 {position:relative;width:22.75rem;float:right;margin-bottom: 2.5rem;margin-top: 1rem;}/* 팝업존 */
.T1_B04 {position: relative; width: 21rem; float: left;} /* 바로가기2 */
.T1_B05 {position: relative; width: calc(100% - 24rem); float: right;} /* 게시판 */
.T1_B06 {position: relative; width: 34.5rem; float: left;} /* 바로가기3 */
.T1_B06::before{width: 200%; height: 100%; background: #fff url('/images/template/01018/main/bg_link03.png') no-repeat top 2.5rem right 1rem; border-radius: 0 4rem 0 0; position: absolute; right: 0; top: 0; content: '';}
.T1_B07 {position: relative; width: calc(100% - 39.5rem); float: right;} /* 바로가기4 */
@media (max-width:1440px) { 
    .conBox03{background:#f4f7fd;}
    .T1_B06{width: 48%; float: left;}
    .T1_B07{width: 48%; float: right;}
} 
@media (max-width:1200px) { 
    .conBox02{margin-bottom: 2rem;}
    .conBox03{padding-top: 2rem; border-top-left-radius: 2rem;}  
    
    .T1_B02{width: 100%;}
    .T1_B03{width: 48%; float: left;}
    .T1_B04{width: 48%; float: right;}
    .T1_B05{width: 100%; margin-top: 2.5rem;}
    .T1_B06::before{background: #fff;}
}
@media (max-width:768px) { 
    .T1_B03{width: 100%;}
    .T1_B04{width: 100%;}
    .T1_B05{margin-top: 0;}
    .T1_B06{width: 100%;}
    .T1_B07{width: 100%; margin: 1rem 0;}
}
@media (max-width:640px) {
    .conBox02{margin-bottom: 1rem;} 
    .T1_B02{margin-bottom: 1.5rem;}
}
@media (max-width:520px){
    .conBox02{margin-top: -3.2rem;}
}