/* 메인 컨테이너 */
#container {position: relative; width:100%; z-index: 2;}
/* #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; height: 3px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.container {max-width: 70rem;}

.MC_wrap1 {position: relative; padding: 0 0 9rem; background: linear-gradient(to right, #e8f5fb, #fffef2); overflow: hidden;}
.MC_wrap1::before{content: ''; display: block; position: absolute; right: 50%; transform: translateX(-260%);top: -6rem; width: 14rem; height: 14rem; background: url(/images/template/T1001/main/1001_img_bg01.png) no-repeat center center / contain;}
.MC_wrap1::after{content: ''; display: block; position: absolute; left: 50%; transform: translateX(171%);top: 4rem; width: 22rem; height: 22rem; background: url(/images/template/T1001/main/1001_img_bg02.png) no-repeat center center / contain;}

.MC_box1 {position: relative; width: 100%; height: 15.6rem; } /* 메인비주얼 */
.MC_box2 {position: relative; width: 44%; height: 15.75rem; float: left; } /* 게시판 */
.MC_box3 {position: relative; width: 22.5%; height: 15.75rem; float: left; margin: 0 3%;} /*바로가기1 바로가기서비스*/
.MC_box4 {position: relative; width: 27.5%; height: 15.75rem; float: right;} /* 팝업존 */
.MC_box5 {width: 49%; float: left; margin-top: 2rem;} /*갤러리01*/
.MC_box6 {width: 49%; float: right; margin-top: 2rem;} /*갤러리02*/
.MC_box7 {width: 68%; height: 11.3rem; float: left; margin-top: 2rem;} /*바로가기2*/
.MC_box8 {width: 27.5%; height: 11.3rem; float: right; margin-top: 2rem;} /*바로가기3*/
.MC_box9 {width: 100%;} /*바로가기4*/
.MC_box10 {width: 100%; margin-top: 2rem;} /*바로가기4*/



@media (max-width: 1440px) {
    .MC_wrap1{padding: 0 1rem 2rem;}
    .MC_wrap2{padding: 0 1rem;}

    .MC_box1{height: auto;}/*메인비주얼*/


}

@media (max-width: 1240px) {
    .MC_wrap1{padding: 0 0 1rem;}
    .MC_wrap2{padding: 0 ;}

    .MC_box3{width: 24.5%; margin: 0px 2%;}/*바로가기1 바로가기서비스*/
    .MC_box5{margin-top: 1rem;}/*갤러리01*/
    .MC_box6{margin-top: 1rem;}/*갤러리02*/
    .MC_box7{width: 69%; margin-top: 1rem;}/*바로가기2*/
    .MC_box8{width: 29%; margin-top: 1rem;}/*바로가기3*/
    .MC_box10{margin-top: 1rem;}/*바로가기5*/
}

@media (max-width: 1220px) {
}
@media (max-width: 1160px) {


}

@media (max-width: 1024px) {
    .MC_box2{width: 100%; height: auto;}/*게시판*/
    .MC_box3{width: 13rem; margin:0 2% 0 0; margin-top: 1rem;}/*바로가기1 바로가기서비스*/
    .MC_box4{width: calc(100% - (13rem + 2%)); margin-top: 1rem;}/*팝업존*/
    .MC_box5{width: 100%;}/*갤러리01*/
    .MC_box6{width: 100%;}/*갤러리02*/
    .MC_box7{width: 100%;}/*바로가기2*/
    .MC_box8{width: 100%; height: auto;}/*바로가기3*/


}


@media (max-width: 900px) {

	
}

@media (max-width: 768px) {
	
}

@media (max-width: 640px) {	
    .MC_box3{width: 100%; height: 11rem; margin: 1rem 0 0 0;}/*바로가기1 : 바로가기서비스*/
    .MC_box4{width: 100%; height: auto; }/*팝업존*/
    

}

@media (max-width: 600px) {	

}

@media (max-width: 480px) {	
    .MC_box3{height: auto;}/*바로가기1 : 바로가기서비스*/
    .MC_box7{height: auto;}/*바로가기2*/

}

@media (max-width: 360px) {	
}

@media (max-width: 330px) {	
}