/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; background: url(/images/dgedu/template/TC07/main/bg_continer02.png) bottom center no-repeat; }
#container::after{content: ""; width: 510px; height: 634px; background-size: 100%; background: url(/images/dgedu/template/TC07/main/bg_continer01_1.png) no-repeat; position: absolute; top: -270px; left: 0; z-index: -99;}
#container::before{content: ""; width: 536px; height: 138px; background-size: 100%; background: url(/images/dgedu/template/TC07/main/bg_continer01_2.png) no-repeat; position: absolute; top: 4rem; right: 0; z-index: -99;}

.container { max-width: 70rem; width: 100%; margin: 0 auto; position: relative; }
.MC_wrap1{ display: flex; flex-wrap: wrap; position: relative; margin-top: 3rem;}
.MC_wrap1_R{width: 59.25%; display: flex; margin-left: auto; flex-wrap: wrap;}
.MC_wrap2{width: 100%; position: relative; display: flex; align-items: flex-end; margin-bottom: 2.5rem; margin-top: 3rem;}
.MC_wrap2_L{ width: 26%; position: relative; background-color: #f5f5f5; box-shadow: 4px 4px 13px rgba(101, 101, 101, 0.28); border: 1px solid #b1b1b1; border-radius: 1rem; padding: 1.2rem 1.75rem 0.7rem;}
.MC_wrap2_L::before{ content: ""; width: 100%; height: 128px; background: url(/images/dgedu/template/TC07/main/MC_wrap2_deco.png) no-repeat; background-size: 100%; position: absolute; top: -110px; left: 0.25rem; z-index: -1;}
.MC_wrap2_R{ width: calc(74% - 2rem); margin-left: auto;}
.MC_wrap3 {display: flex; flex-wrap: wrap; margin-bottom: 1.5rem;}

.MC_box1 {background-color: #fff;width: 31.25%;height: 11rem;margin-bottom: 2.5rem;} /* 상담 *//*250513*/
.MC_box2 {background-color: #fff;width: 65.25%;margin-left: auto;height: 11rem;margin-bottom: 2.5rem;} /* 대학진학정보 *//*250513*/
.MC_box3 { width: 37.25%; height: 10rem;} /* ON-AIR */
.MC_box4 { background-color: #fff; width: calc(94.25% / 2); height: 10rem;} /* 수시 */
.MC_box5 { background-color: #fff; width: calc(94.25% / 2); margin-left: auto; height: 10rem;} /* 정시 */
.MC_box6 { width: 100%; position: relative; margin-right: auto;} /* 대입정보 */
.MC_box7{ width: 100%; position: relative;} /* 고입정보 */
.MC_box8 { position: relative; } /* 캘린더 */
.MC_box9 {position: relative; width: 55.75%; margin-bottom: 1.5rem;} /* 공지사항 */
.MC_box10 {position: relative; width: 40%; height: 100%; margin-left: auto;} /* 팝업존 */


@media (max-width: 1440px) { 
    #container::after{ left: -15rem; top: -240px;}
    #container::before{ right: -15rem; top: 5rem;}
}  

@media (max-width: 1240px) { 
    #container { margin-top: 6rem;}

    .MC_wrap1{ padding-top: 2.75rem;}
    .MC_wrap2{ flex-wrap: wrap;}
    .MC_wrap2_L{ width: 100%; display: flex; padding: 1.5rem;}
    .MC_wrap2_L::before{ content: none;}
    .MC_wrap2_R{ width: 100%;}

    .MC_box6 { width: 48%; margin-right: auto;} /* 대입정보 */
    .MC_box7 { width: 48%;} /* 고입정보 */
    .MC_box8 { width: 100%; margin-top: 2rem;} /* 캘린더 */
} 

@media (max-width: 1160px) { 
    .MC_wrap1_R{width: 100%; display: flex; margin-left: 0;}
    
    .MC_box1 { width: 48%;} /* 상담 */
    .MC_box2 { width: 48%; height: 22.25rem;} /* 대학진학정보 */
    .MC_box3 { width: calc(48% - 1.6rem); position: absolute; top: 15rem; } /* ON-AIR */
    .MC_box4 { width: 48%;} /* 수시 */
    .MC_box5 { width: 48%; margin-left: auto;} /* 정시 */

    .MC_box9 {width: 100%;} /* 공지사항 */
    .MC_box10 {width: 100%;} /* 팝업존 */
}

@media (max-width: 860px) { 
    #container::before{ top: 25rem;}

    .MC_box1 { width: 100%; height: auto;} /* 상담 */
    .MC_box2 { width: 100%; height: auto; margin-bottom: 2rem;} /* 대학진학정보 */
    .MC_box3 { width: 100%; position: relative; top: 0; margin-bottom: 2.5rem;} /* ON-AIR */
}

@media (max-width: 580px) { 
    .MC_wrap1{ padding-top: 2rem;}
    .MC_wrap2 { margin-top: 2rem; }
    .MC_wrap2_L{ flex-wrap: wrap;}

    .MC_box1 { height: auto;} /* 상담 */
    .MC_box4 { width: 100%; height: auto;} /* 수시 */
    .MC_box5 { width: 100%; height: auto; margin-top: 2.5rem;} /* 정시 */

    .MC_box6 { width: 100%; margin-right: 0;} /* 대입정보 */
    .MC_box7 { width: 100%; margin-top: 1rem;} /* 고입정보 */
}

@media (max-width: 480px) { 
    .MC_wrap2 { padding-top: 5rem; margin-bottom: 2rem;}
    .MC_wrap2_L { padding: 1.5rem 1rem; }
    .MC_wrap2_L::before{ content: ""; left: 0; top: -110px;}
}

@media (max-width: 360px) { 
    .MC_wrap2 { padding-top: 4rem;}
    .MC_wrap2_L::before{ content: ""; left: 0; top: -90px;}
}

@media (max-width: 320px) { 
    .MC_wrap2 { padding-top: 3rem;}
    .MC_wrap2_L::before{ content: ""; left: 0; top: -80px;}
}