﻿@charset "utf-8";

/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }

.MC_wrap1 { overflow:hidden; position:relative; width:100%; margin:0 auto; }
.MC_wrap1 .container { padding:2.8rem 0; }
.MC_wrap2 { position:relative; width:100%; height:auto; background:url('/00_common/images/T3002_main/3002_bg_main.png') no-repeat; background-size:cover; }
.MC_wrap2 .container { padding:2.8rem 0; }

.con_wrap { float:left; width:53%; height:auto; }

.MC_box1 { position:relative; width:100%; height:24rem; } /* 메인비주얼 */
/* .MC_box2 .container { margin-top:-1.5rem; } 전광판 */
.MC_box2 { position:relative; float:left; width:53%; height:26.4rem;} /* 갤러리 */
.MC_box3 { position:relative; float:right; width:43%; height:12rem; overflow:hidden;} /* 게시판 */
.MC_box4 { position:absolute; bottom:2.8rem; right:0; width:43%; height:13.3rem; } /* 팝업존 */
.MC_box5 { position:relative; width:100%; height:9.9rem; } /* 식단 */
.MC_box6 { position:relative; width:100%; height:7rem; margin-top:1.75rem; } /* 바로가기1 */
.MC_box7 { position:relative; float:right; width:42%; height:18.65rem; } /* 캘린더 */

@media (max-width: 1280px) {

    .MC_wrap2 { background:#e1f4f9; }

    .con_wrap { float:none; width:100%; overflow:hidden; }
	.MC_box2 {width:50%;} /* 갤러리 */
	.MC_box3 {width:46%;} /* 게시판 */
	.MC_box4 {width:46%;} /* 팝업존 */
    /* 식단 */
    .MC_box5 { float:left; width:50%; height:15.4rem; }

    /* 바로가기1 */
    .MC_box6 { float:left; width:47%; height:auto; margin-left:3%; margin-top:0; }

    /* 캘린더 */
    .MC_box7 { float:none; width:100%; height:auto; margin-top:1.5rem; }
    
}

@media (max-width: 1200px) {

    /* 메인비주얼 */
    .MC_box1 { height:auto; }

    /* 갤러리 */
    .MC_box2 { width:40%; }

    /* 게시판 */
    .MC_box3 { width:55%; }

    /* 팝업존 */
    .MC_box4 { width:55%; }
    
}

@media (max-width: 1024px) {

    .MC_wrap1 .container,
    .MC_wrap2 .container { padding:1.5rem 0; }
    
}
@media (max-width: 980px) {

    /* 팝업존 */
    .MC_box4 { float:left; position:relative; bottom:auto; right:auto; width:100%; height:auto; margin-top:1.5rem; }

    /* 갤러리 */
	.MC_box2 {height:15rem; }

	/* 게시판 */
    .MC_box3 {height:15rem; }

}

@media (max-width: 800px) {

    /* 갤러리 */
    .MC_box2 { float:none; width:100%; }

    /* 게시판 */
    .MC_box3 { float:none; width:100%; margin-top:1.5rem; }

}



@media (max-width: 640px) {

    /* 식단 */
    .MC_box5 { float:none; width:100%; height:auto; }

    /* 바로가기1 */
    .MC_box6 { float:none; width:100%; margin-left:0; margin-top:1.5rem; }

}