/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }

.MC_wrap1 { position:relative; }
.MC_wrap1::before { position: absolute; content: ""; left: -17rem; bottom: 7.8rem; width: 24.45rem; height: 24.45rem; background: url('/images/po/template/T1005/main/MC_wrap1-bg.png'); background-size: contain; }
.MC_wrap2 { position:relative;}
.MC_wrap2 .container { padding-top: 2.7rem; }
.MC_wrap2 .container::after { display: block; clear: both; content:""; }
.MC_wrap3 { position: relative; }
.MC_wrap3::before { position: absolute; content: ""; width: 96rem; height: 14.15rem; bottom: 0; left: 50%; transform: translateX(-50%); background:url('/images/po/template/T1005/main/1005_wrap3-bg.png') no-repeat; }
.MC_wrap3 .container::after { display: block; clear: both; content:""; }

.MC_box1 { position: relative; width: calc(100% + 13rem); height:35.5rem;}/* 메인비주얼 */
.MC_box2 { position: absolute; width: 28rem; height: 8.8rem; left:0; bottom: 0; }/* 바로가기1 */
.MC_box3 { position: relative; width: 49.2%; height: 16.5rem; float: left; }/* 팝업존 */
.MC_box4 { position: relative; width: 49.2%; height: 16.5rem; float: right; }/* 알림존 */
.MC_box5 { position: relative; width: 100%; height: 15.4rem; margin-top: 2.5rem; float: left; }/* 게시판 */
.MC_box6 { position: relative; width: 100%; height: 20.3rem; padding:3.35rem 0 3.6rem; float: left; }/* 바로가기2 : 주제별메뉴 */
.MC_box6::after {position:absolute; content:""; width:calc(100% + 7rem); height:calc(50% + 11.3rem); background:#EFF6FF url('/images/po/template/T1005/main/1005_link02-bg.png') -6rem 29.9rem; bottom:0; left:-3.5rem; z-index:-2; border-radius: 1.5rem; }/* 바로가기2 : 주제별 메뉴 */
.MC_box7 { position: relative; width: 100%; height: 17rem; margin: 2.75rem 0; float: left;}/* 갤러리 */
.MC_box7::before { position: absolute; content: ""; width: 3.6rem; height: 3.6rem; border-radius: 50%; top: 0.7rem; left: -7.4rem; background:#dce7f9; }/* 갤러리 */
.MC_box7::after { position: absolute; content: ""; width:8.4rem; height: 10.4rem; bottom: 1.65rem; right: -11.85rem; background: url('/images/po/template/T1005/main/1005_gal-bg.png') no-repeat; }/* 갤러리 */

@media (min-width: 1920px) {
    .MC_wrap3::before { width: 100%; background-size: 105%; }
}

@media (max-width: 1440px) {
    .container { padding: 0 1rem; }
    .MC_box2 {left: 1rem;} /* 바로가기1 */
}

@media (max-width: 1400px){
    .MC_box1 { width:calc(100% + 2rem); height: 32.5rem; }/* 메인비주얼 */
}

@media (max-width: 1240px) {
     
    .MC_wrap3 .container{ display: block;}
    
    .MC_box2 {left: 50%; transform: translateX(-50%);} /* 바로가기1 */
    .MC_box5 { height: auto; }/* 게시판 */
    .MC_box6::after { height: calc(50% + 12.5rem); background-position-y: -3rem; } /* 바로가기2 : 주제별 메뉴 */

}

@media (max-width: 1024px) {

    .MC_wrap1::before { left: -20rem; bottom:3.5rem; }
    .MC_wrap2 .container { padding-top: 2.5rem; }

    .MC_box1 { height: 29.5rem; } /* 메인비주얼 */
    .MC_box3 { width: 48.9%; } /* 팝업존 */
    .MC_box4 { width: 48.9%; } /* 알림존 */
    .MC_box6 { padding:2.2rem 0 2rem; height: auto; } /* 바로가기2 : 주제별 메뉴 */
    .MC_box7 { height: auto; margin: 2.15rem 0 3.75rem; }
}

@media (max-width: 860px) {

    .MC_wrap1::before { left: -11rem; bottom: 13rem; width: 14.45rem; height: 14.45rem; }

    .MC_box1 { height: auto; }
    .MC_box2 { position: relative; margin-top:2rem; }
}

@media (max-width: 768px) {

    .MC_box2 {width: 100%; height: auto;}/* 바로가기1 */
    .MC_box3 { height: auto; }  /* 팝업존 */
    .MC_box4 { height: auto; } /* 알림존 */

}


@media (max-width:640px){

    .MC_wrap1::before { left: -8rem; bottom: 12rem; width: 10.45rem; height: 10.45rem; }

    .MC_box3 { width:calc(50% + 1rem); margin-left: -1rem; } /* 팝업존 */
    .MC_box4 { width:calc(50% + 1rem); margin-right: -1rem; } /* 알림존 */
}


@media (max-width: 560px) {

    .MC_wrap1::before { left: -6rem; bottom:10rem; width: 8.45rem; height: 8.45rem; }
    .MC_wrap2 .container { padding-top:1.5rem; }

    .MC_box5 { margin-top:1.5rem; } /* 게시판 */
    .MC_box6 { padding: 1.5rem 0 2rem; } /* 바로가기2 : 주제별 메뉴 */
    .MC_box7 { margin: 1.5rem 0 3rem; } /* 갤러리 */
    
}

@media (max-width: 380px){
    .MC_wrap1::before { display: none; }
    
    .MC_box3 { width: calc(100% + 2rem); margin-left: -1rem; } /* 팝업존 */
    .MC_box4 { width: calc(100% + 2rem); margin-left: -1rem; } /* 알림존 */
}