/* 메인 컨테이너 */
#container { position:relative; padding:3rem 0 4.5rem;}
#container:after {content:'';}
.container_wrap {position:relative; display:flex;}
.container_wrap .MC_wrap1 {width:calc(100% - 27rem); max-width:49rem;}
.container_wrap:before {content:''; position:absolute; top:-3rem; left:0%; transform:translate(-50%, 0); width:32.2rem; height:17.2rem; background:url('/images/bohun/template/D3/main/container_bg.png') no-repeat 50% 50%;}

.container_wrap .MC_wrap2 {position:relative; width:23rem; margin-left:auto; display:flex; flex-direction:column; gap:2rem;}
.container_wrap .MC_wrap2:after {content:''; position:absolute; bottom:-4.5rem; left:-4rem; width:100vw; border-radius:15rem 0 0 0; height:32.2rem; background:#e5f1db url('/images/bohun/template/D3/main/pattern_bg.png') no-repeat 0 100%; z-index:-1; overflow:hidden;}

.MC_wrap1 {position: relative;}
.MC_wrap1 > .container {display:flex;}
.MC_wrap1 > .con_wrap:nth-child(2) {margin-top:3rem; display:flex;}
.MC_wrap1 > .con_wrap:nth-child(2) .MC_box2 {width:calc(100% - 19rem);}
.MC_wrap1 > .con_wrap:nth-child(2) .MC_box3 {width:17rem; margin-left:auto; overflow:hidden;}



@media screen and (max-width: 1600px){
	.container {padding:0 1rem;}
}

@media screen and (max-width: 1400px){	

	#container {padding:1rem 0 2rem;}
	.container_wrap {flex-direction:column; position:static; gap:2rem;}
	.container_wrap .MC_wrap1 {width:100%; max-width:100%;}
	.container_wrap .MC_wrap2 {width:100%; flex-direction:row;}
	.container_wrap .MC_wrap2 .MC_box4 {width:40%;}
	.container_wrap .MC_wrap2 .MC_box5 {width:60%;}
	.container_wrap .MC_wrap2:after {left:50%; top:50%; transform: translate(-10rem, calc(-25% - 1rem)); border-radius:10rem;}	
	.MC_wrap1 > .con_wrap:nth-child(2) .MC_box2 {width:calc(100% - 18.5rem);}
	.MC_wrap1 > .con_wrap:nth-child(2) .MC_box3 {flex-shrink:0;}
	
	.MC_wrap1 > .con_wrap:nth-child(2) {gap:1.5rem;}
}

@media screen and (max-width: 1280px){
	
	
}


@media screen and (max-width: 1024px){	
	/* header */
	#header {border-bottom:1px solid #ddd;}
	#container {padding:5rem 0 2rem;}
}

@media screen and (max-width: 880px){	
	.container_wrap .MC_wrap2 {flex-direction:column;}
	.container_wrap .MC_wrap2 .MC_box4,
	.container_wrap .MC_wrap2 .MC_box5 {width:100%;}
	.MC_wrap1 > .con_wrap:nth-child(2) {flex-direction:column;}
	.MC_wrap1 > .con_wrap:nth-child(2) .MC_box2 {width:100%;}
	.MC_wrap1 > .con_wrap:nth-child(2) .MC_box3 {width:100%;}
	
}

@media screen and (max-width: 520px){
	.container_wrap .MC_wrap2:after {transform: translate(-50%, 0); border-radius:1rem 0 0 0;}
	.MC_wrap1 > .con_wrap:nth-child(2) {flex-direction:column;}
	
}

@media screen and (max-width: 420px){
	.notice .titTab ul li a	{font-size:1rem;}
	.notice .titTab ul li:after {height: calc(100% - 0.5rem);}
}


@media screen and (max-width: 320px){
	
}