@import url("layout.css");

/*-------------------------------------------------
Author : sehyun oh
Create date : 2020. 08. 31.
-------------------------------------------------*/

/* ========================================== LAYOUT */

#container {position: relative; padding-top:1.15rem; background:url("/images/common/00002/main/main_bg.png") repeat-x left bottom;}
#container:before { content:url("/images/common/00002/main/main_bg02.png"); display:block; position:absolute; bottom:0; right:0; width:auto; height:auto; }

/* ========================================== MC_box */

.MC_wrap { padding-bottom:2rem; }

.MC_box1 { position:relative; float:left; width:32.8rem; height:18.1rem; } /* 팝업존1 */
.MC_box2 { position:relative; float:left; width:18.1rem; height:18.1rem; margin-left:2.3%; } /* 팝업존2 */
.MC_box3 { position:relative; float:right; width:16.05rem; height:18.1rem; } /* 바로가기1 */
.MC_box4 { position:relative; float:left; width:32.8rem; height:15.5rem; margin-top:1rem; } /* 공지사항 */
.MC_box5 { position:relative; float:right; width:35.65rem; height:15.5rem; margin-top:1rem; } /* 바로가기2 */
.MC_box6 { position:relative; width:100%; height:17rem; margin-top:2rem; } /* 갤러리 */

@media (max-width: 1440px){

    /* MC_box */
    .MC_box1 { width:47%; height:23.85vw; } /* 팝업존1 */
    .MC_box2 { width:26%; height:23.85vw; margin-left:1.5%; } /* 팝업존2 */
    .MC_box3 { width:24%; height:23.85vw; } /* 바로가기1 */
    .MC_box4 { width:47%; } /* 공지사항 */
    .MC_box5 { width:51.5%; } /* 바로가기2 */
}

@media (max-width: 1200px){

    /* MC_box */
    .MC_box1 { height:24vw; } /* 팝업존1 */
    .MC_box2 { height:24vw; } /* 팝업존2 */
    .MC_box3 { height:24vw; } /* 바로가기1 */
}

@media (max-width: 1024px){

    /* MC_box */
    .MC_box4 { width:100%; margin-top:0.5rem; } /* 공지사항 */
    .MC_box5 { width:100%; height:auto; margin-top:0.5rem; } /* 바로가기2 */
}

@media (max-width: 960px){

    /* MC_box */
    .MC_box1 { width:62%; height:34vw; } /* 팝업존1 */
    .MC_box2 { width:36.5%; height:34vw; } /* 팝업존2 */
    .MC_box3 { width:100%; height:5.45rem; margin-top:0.5rem; } /* 바로가기1 */
}

@media (max-width: 768px){

    /* LAYOUT */
    #container { background:none; }
    #container:before { display:none; }

    /* MC_box */
    .MC_wrap { background:#eff6ff; }

    .MC_box6 { height:auto; margin-top:1rem; } /* 갤러리 */
    
}

@media (max-width: 640px){

    /* MC_box */
    .MC_box1 { width:100%; height:auto; } /* 팝업존1 */
    .MC_box2 { width:49%; height:45vw; margin-left:0; margin-top:0.5rem; } /* 팝업존2 */
    .MC_box3 { float:right; width:49%; height:45vw; margin-top:0.5rem; } /* 바로가기1 */
}

@media (max-width: 480px){

    /* MC_box */
    .MC_box2 { width:100%; height:auto; } /* 팝업존2 */
    .MC_box3 { width:100%; height:auto; } /* 바로가기1 */
    .MC_box4 { height:15.25rem; } /* 공지사항 */
}

@media (max-width: 400px){

    /* MC_box */
    .MC_box4 { height:14.85rem; } /* 공지사항 */
}