/* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
#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: 60rem;}

.MC_wrap1 {position: relative;}
.MC_cont {position: relative; margin: 0 auto; padding-top: 3.5rem;}
.MC_cont::before {position: absolute; top: 3.5rem; left: 50%; margin-left: -42rem; width: 100%; height: calc(100% - 3.5rem); background: url('/images/schl/template/T0045/main/0045_pttrn_square01.png') repeat; border-radius: 11.5rem 0 0 0; content: '';}
.MC_wrap2 {margin-top: -3.5rem;}
.MC_wrap2::after {clear: both; display: block; content: "";}
.MC_wrap3 {position: relative; padding: 1.5rem 0 3rem; z-index:2;}
.MC_wrap3::before {position: absolute; top: 0; right: 50%; margin-right: -42rem; width: 100%; height: 100%; background: #fcefca; border-radius: 0 11.5rem 0 0; content: '';  z-index:-1;}
.MC_wrap3::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/schl/template/T0045/main/0045_bg_gallery.png') no-repeat center bottom; content: '';  z-index:-1;}

.MC_box1 {position: relative; width: 100%; height: 22.7rem;} /* ¸ÞÀκñÁÖ¾ó */
.MC_box2 {position: relative; float: left; margin-bottom: 2rem; width: 37rem; height: 16.5rem;} /* °Ô½ÃÆÇ */
.MC_box3 {position: relative; float: right; margin-bottom: 2rem; width: 20.5rem; height: 16.5rem;} /* ¿À´ÃÀÇ½Ä´Ü */
.MC_box4 {position: relative; float: left; margin-bottom: 2rem; width: 25.5rem; height: 17rem;} /* Æ˾÷Á¸ */
.MC_box5 {position: relative; float: right; margin-bottom: 2rem; width: 33.5rem; height: 17rem;} /* ¹Ù·Î°¡±â */
.MC_box6 {position: relative; float: left; margin-bottom: 3rem; width: 100%; height: 12.5rem;} /* Ķ¸°´õ */
.MC_box7 {position: relative; width: 100%; height: 18rem;} /* °¶·¯¸® */

@media (max-width: 1680px) {
	.MC_cont::before {left: 0; margin-left: 0;}
	.MC_wrap3::before {right: 1rem; margin-right: 0;}
}

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

@media (max-width: 1240px) {
	.MC_box2 {width: 62%;} /* °Ô½ÃÆÇ */
	.MC_box3 {width: calc(38% - 1rem);} /* ¿À´ÃÀÇ½Ä´Ü */
	.MC_box4 {width: 43%;} /* Æ˾÷Á¸ */
	.MC_box5 {width: calc(57% - 1rem);} /* ¹Ù·Î°¡±â */
}

@media (max-width: 1024px) {
	.MC_wrap3::after {background: url('/images/schl/template/T0045/main/0045_bg_gallery_T.png') no-repeat right bottom;}
}

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

@media (max-width: 768px) {
	.MC_cont::before {border-radius: 0;}

	.MC_box2 {float: none; margin-bottom: 2rem; width: 100%; height: auto;} /* °Ô½ÃÆÇ */
	.MC_box3 {float: none; margin-bottom: 2rem; width: 100%; height: auto;} /* ¿À´ÃÀÇ½Ä´Ü */
	.MC_box4 {float: none; margin-bottom: 2rem; width: 100%; height: auto;} /* Æ˾÷Á¸ */
	.MC_box5 {float: none; margin-bottom: 1rem; width: 100%; height: auto;} /* ¹Ù·Î°¡±â */
	.MC_box6 {margin-bottom: 2rem; height: auto;} /* Ķ¸°´õ */
}

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

@media (max-width: 480px) {
	.MC_wrap3::before {border-radius: 0 4.5rem 0 0;}
	.MC_wrap3::after {background: url('/images/schl/template/T0045/main/0045_bg_gallery_M.png') no-repeat left bottom;}
}