/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%;}
#container *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
#container ::-webkit-scrollbar { width: 5px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; }
#container ::-webkit-scrollbar-track { background-color: #ddd; }

.MC_wrap1 { position:relative; padding:0;}
.MC_wrap1 .container{ position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: 70rem; width: 100%; z-index: 1;}
.MC_wrap2 { position:relative; margin:2rem auto 3.5rem;}

.MC_box1 { position:relative; width:100%; height:35.5rem; overflow: hidden; z-index:0; } /* 메인비주얼 */
.MC_box2 { position:relative; width:24%; float:left; } /* 바로가기1 */
.MC_box3 { position:relative; width:74%; float:right;} /* 바로가기2 */
.MC_box4 { position:relative; width:49%; float:left; } /* 게시판1 */
.MC_box5 { position:relative; width:49%; float:right;} /* 게시판2 */

@media (max-width: 1440px) {
    .MC_wrap1 .container{ left:1rem; width:calc(100% - 2rem); max-width:100%; transform: none; -webkit-transform: none;}

    .MC_box1{ width: 100%; height:auto; margin-bottom: 0;} /* 메인비주얼 */
}

@media (max-width: 1240px) {
    /* 영역 height + 헤더 height */
    .open.upPop #container{ padding-top:calc(6.5rem + 3.5rem); }
    .hldy #container,
    .hldy.upPop #container{ padding-top:calc(2rem + 3.5rem); }
    .open.hldy.upPop #container{ padding-top:calc(9.15rem + 3.5em); }
 
    #container{ padding-top:6rem;}
    .openPop #container {padding-top: 10rem;}

	.MC_wrap1 .container{ position:relative; left:auto; bottom:auto; width:100%; margin:-2rem 0 2rem; }
    .MC_wrap2{ margin:0 0 2rem;}

    .MC_box2{ width:100%; margin-bottom:2rem; }/*바로가기1*/
    .MC_box3{ width:100%; }/*바로가기2*/
    .MC_box5{ width:50%;} /* 게시판1 */
}

@media (max-width: 1024px) {
    .MC_box4{ width:100%; margin-bottom: 2rem;} /* 게시판1 */
    .MC_box5{ width:100%; margin: 0;} /* 게시판2 */
}

@media (max-width: 680px) { 
    .MC_wrap1 .container{ margin:-1rem auto 1rem;}
}

@media (max-width: 580px) { 
    #container{ padding-top: 3.5rem;}

    /* 영역 height + 헤더 height */
    .open.upPop #container{ padding-top:calc(6rem + 3.5rem); }
    .hldy #container,
    .hldy.upPop #container{ padding-top:calc(1.75rem + 3.5rem); }
    .open.hldy.upPop #container{ padding-top:calc(8.25rem + 3.5em); }
}

@media (max-width:460px){ 
	#mNav .snb .login li:nth-of-type(2n):before{ display:none; }
}

@media (max-width: 340px) {

    /* 영역 height + 헤더 height */
    .open.upPop #container{ padding-top:calc(6.75rem + 3.5rem); }
    .open.hldy.upPop #container{ padding-top:calc(9rem + 3.5em); }

}