/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; } 
.open .MC_wrap1{ padding-top: 3rem;}
.MC_wrap1 { position:relative; padding-top: 3rem; margin-bottom: 2.75rem;} 
.MC_wrap1::before { content: ''; display: block; width: 100%; height: 100%; background: #f5fafe; position: absolute; top: 0; left: 0; z-index: -2;} 
.MC_wrap1::after { content: ''; display: block; width: 10.6rem; height: 17.15rem; background: url('/images/po/template/T1003/main/1003_wrap_bg2.png') no-repeat center / contain; position: absolute; bottom: 0; right:0; z-index: -1;} 
.MC_wrap1 .container { position:relative; padding-bottom: 2.5rem; }  
.MC_wrap1 .container::before { content: ''; display: block; width: 20rem; height: 24.75rem; background: url('/images/po/template/T1003/main/1003_wrap_bg1.png') no-repeat center / contain; position: absolute; top: -0.8rem; left: -9.75rem; z-index: -1;} 
.MC_wrap2 { position:relative; margin-bottom: 3rem;} 
.MC_wrap3 .container { position:relative; padding: 2.75rem 0 3rem; } 
.MC_wrap3 .container::before { content: ''; display: block; width: calc(100% + 6rem); height: 100%; background: #f1faf6; position: absolute; top: 0; left: -3rem; border-radius: 3rem 3rem 0 0; z-index: -1; } 

.con_wrap { width: 26.5rem; height: 23rem; float: right;}

.MC_box1 { position: relative; width: calc(100% - 29.5rem); height: 23rem; float: left;}/* 메인비주얼 */
.MC_box2 { position: relative; width: 100%; height: 15.5rem;}/* 게시판 */
.MC_box3 { position: relative; width: 100%; height: 4.5rem; margin-top: 3rem;}/* 바로가기1 */
.MC_box4 { position: relative; width: 100%; height: 7rem; float: left; margin-top:2.5rem;}/* 바로가기2 */
.MC_box5 { position: relative; width: 21.5rem; height: 16.25rem; float: left;}/* 알림존 */
.MC_box6 { position: relative; width: calc(100% - 24.5rem); height: 16.25rem; float: right;}/* 교육청소식 */
.MC_box7 { position: relative; width: 21.5rem; height: 14.7rem; float: left; }/* 홍보영상 */
.MC_box8 { position: relative; width: calc(100% - 24.5rem); height: 14.7rem; float: right; }/* 보도자료 */

@media (max-width: 1420px) {
    #container{padding: 0 1rem;}

    .MC_wrap1::before{left:-1rem; right: -1rem; width: auto;}
    .MC_wrap1::after { display: none;} 
    .MC_wrap1 .container::before { display: none;} 
    .MC_wrap2{margin-bottom: 2.75rem;}
    .MC_wrap3 .container { padding: 2.75rem 1rem 3rem; } 

    .con_wrap { width: 24rem; }

    .MC_box1 { width: calc(100% - 25.5rem); }/* 메인비주얼 */ 
    .MC_box5 { width: 18rem; }/* 알림존 */
    .MC_box6 { width: calc(100% - 20rem);}/* 교육청소식 */ 
    .MC_box7 { width: 18rem;}/* 홍보영상 */
    .MC_box8 { width: calc(100% - 20rem); }/* 보도자료 */
}

@media (max-width: 1240px) { 
    #container{padding: 0;}
    .MC_wrap2{margin-bottom: 2rem;}
    .MC_wrap3 .container { padding: 1.5rem 1rem 2rem;} 

}

@media (max-width: 1024px) {

    .open .MC_wrap1{ padding-top: 2rem;}
    .MC_wrap1 { padding-top: 5rem; margin-bottom: 2rem;} 
    .MC_wrap1 .container {padding-bottom: 1.6rem;}

    .con_wrap { width: 100%; height: auto; }

    .MC_box1 { width: calc(100% - 8.5rem); height:20rem; }/* 메인비주얼 */
    .MC_box2 { height: auto; margin-top: 1.5rem;}/* 게시판 */
    .MC_box3 { position: absolute;top: 0rem; right: 1rem; width: 7rem; height: 20rem; margin-top: 0;}/* 바로가기1 */
    .MC_box4 { margin-top:1.6rem;}/* 바로가기2 */
    .MC_box5 { height: auto;}/*팝업존*/
    .MC_box6 { height: auto;}/*갤러리*/

}

@media (max-width:900px){
    .MC_box7 { width: 100%; height: auto; }/* 홍보영상 */
    .MC_box8 { width: 100%; height: auto; margin-top: 1.15rem;}/* 보도자료 */
}

@media (max-width: 860px) {

}

@media (max-width: 768px) { 
    .open .MC_wrap1{ padding-top: 1rem;}

    .MC_wrap1 { padding-top: 4.5rem; margin-bottom: 1rem;} 
    .MC_wrap1 .container {padding-bottom: 0.8rem;}
    
    .MC_box1 { width: 100%; height:auto; }/* 메인비주얼 */ 
    .MC_box3 { position: relative; right: 0; width: 100%; height: 4rem; margin-top: 1rem;}/* 바로가기1 */
    .MC_box4 { margin-top:1.2rem;}/* 바로가기2 */
    .MC_box5 {  width: 100%; height: auto; }/* 알림존 */
    .MC_box6 {  width: 100%; height: auto; margin-top: 1rem;}/* 교육청소식 */
}
@media (max-width:640px){
}
@media (max-width: 450px) { 
    .MC_box3 {height: auto;}/* 바로가기1 */
}