﻿/*TD08*/
.MC_wrap1 {position: relative;padding: 2rem 0 3rem;overflow:hidden;}
.MC_wrap2 {position: relative;padding: 1rem 0 0;margin-bottom: 1.5rem;}
.MC_cont:after {content:""; position:absolute; top:5rem; right:-15rem; width:7.25rem; height:8.2rem; background:url(/images/dgedu/template/TD08/main/bg_wrap02.png)no-repeat center/100% 100%; z-index:-1;}
.MC_box1 {position: relative;width: 33rem;height: 22.4rem;float:left;} /* 메인비주얼 */
.MC_box1:before {content:""; position:absolute; top:11.5rem; left:-10rem; width:31.7rem; height:7rem; background:url(/images/dgedu/template/TD08/main/bg_wrap01.png)no-repeat center/100% 100%; z-index:-1;}
.MC_cont1{position:relative; width: calc(100% - 34.5rem);float: right;}
.MC_box2 {position: relative;width: calc(50% - .75rem);height: 22.4rem;float:left;} /* 마음봄센터는? */
.MC_box2:after {content:"";position:absolute;bottom: 0rem;right: -17rem;width: 19.2rem;height: 9.95rem;background:url(/images/dgedu/template/TD08/main/img_obj01.png)no-repeat;z-index: -2;}
.MC_box2:before {content:"";position:absolute;top: -2rem;left: 50%;border-radius: 1.5rem 2.5rem 2.5rem 2.5rem;width: 100vw;height: 26.5rem;background: #ebf6ff;z-index: -2;}
.MC_box3 {position: relative;width: calc(50% - .75rem);height: 13.6rem;float: right;margin-top: 4rem;} /* 영상 */
.MC_box3:before {content:"";position:absolute;top: -1.6rem;left: 50%;transform: translate(-50%, -50%);width: 11.55rem;height: 4.8rem;background:url(/images/dgedu/template/TD08/main/img_obj02.png)no-repeat;z-index: -1;}
.MC_cont2{position:relative; width: calc(50% + .5rem);float: right;}
.MC_box4 {position: relative;width: calc(50% - 2rem);height: 18.6rem;float:left;} /* 포토갤러리 */
.MC_box5 {position: relative;width: 100%;height: 18.6rem;float:left;} /* 게시판 */ 
.MC_box6 {position: relative;width: 11rem;height: 18.6rem;float: right;display: none;} 
.MC_box6:after {content:""; position:absolute; top:5rem; right:-15rem; width:7.25rem; height:8.2rem; background:url(/images/dgedu/template/TD08/main/bg_wrap02.png)no-repeat center/100% 100%; z-index:-1;}


@media (max-width: 1280px) {

.MC_wrap1 {padding: 2rem 0 1rem;}
.MC_wrap2 {margin-bottom: 2.5rem;}
.MC_box1 {width: 25.5rem;height: 23.5rem;border-radius: 1.5rem;box-shadow: 0 0 20px rgb(0 0 0 / 20%);} /* 메인비주얼 */
.MC_cont1{width: calc(100% - 27.5rem);height: auto;}
.MC_cont1:before {content:"";position:absolute;top: -2rem;left: -1rem;border-radius: 1.5rem 2.5rem 2.5rem 2.5rem;width: 100vw;height: 24rem;background: #ebf6ff;z-index: -2;}
.MC_box2 {width: 100%;height: 10.85rem;} /* 마음봄센터는? */
.MC_box2:after {display:none;}
.MC_box2:before {display:none;}
.MC_box3 {width: 100%;height: 11.65rem;margin-top: 1rem;} /* 영상 */
.MC_box3:before{display:none;}
.MC_box4 {width: 100%;height: 18.6rem;float:left;} /* 포토갤러리 */
.MC_box5 {width: 100%;height: 100%;} /* 게시판 */ 
.MC_box6 {width: 12.5rem;height: 100%;}
.MC_cont2{width:100%; margin-top:2rem;}

}


@media (max-width: 1240px) {
#container {padding-top:6rem;}
}

@media (max-width: 768px) {
.MC_wrap1:before {content:"";position:absolute;top: 0;left: 0;width: 100%;height: calc(100% - 3.5rem);background: #ebf6ff;z-index: -2;}
.MC_wrap2 {padding: .5rem 0 0;}
.MC_box1 {width: 100%;height: auto;box-shadow: 0 0 10px rgb(0 0 0 / 20%);} /* 메인비주얼 */
.MC_box1:before{display:none;}
.MC_cont1{margin-top: 1.5rem;width: 100%;}
.MC_cont1:before {display:none;}
.MC_box2 {width:100%;height: 21rem;} /* 마음봄센터는? */
.MC_box3 {width:100%;margin-top: 1.5rem; ;height: auto;} /* 영상 */
.MC_cont2 {margin-top:1.5rem;}
.MC_box4 {height: auto;} /* 포토갤러리 */
}

@media (max-width: 640px) {
.MC_box5 {width: 100%;height: 100%; margin-right:0;} /* 게시판 */
.MC_box6 {width: 100%;margin-top:1.5rem}
}

@media (max-width: 480px) {
.MC_wrap1 {padding: 1rem 0;}
.MC_wrap2 {padding: .5rem 0 0; margin-bottom:2rem;}
.MC_box1 {height: 14rem;border-radius: 1.75rem;} /* 메인비주얼 */
.MC_cont2 {margin-top:1.5rem;}
.MC_box4 {width: 100%;height: auto;} /* 포토갤러리 */
.MC_box6 {width: 100%;height: 100%; margin-top:1.5rem}
}

@media (max-width:460px){ 
	#mNav .snb .login li:nth-of-type(2n):before{ display:none; }
}

@media (max-width: 380px) {


}
