/* #header .header_wrap span {font-size:1rem!important;} */

/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
.slick-list, .slick-track {height:100%;}


[class*='MC_wrap'] {margin-top:4rem;}
.main-container {overflow:hidden;}
.main-container > .inner {max-width:80rem; padding:2rem 0 0; margin:0 auto;}

.MC_wrap1,
.MC_wrap4 {display:flex; justify-content:space-between;}
.MC_wrap1 {display:flex; align-items: flex-end; margin-top:0;}
.MC_box1 {flex:1 1 auto; min-width:0; position:relative; z-index:1;}
.MC_box2 {flex:0 0 32rem; width:32rem; position:relative; z-index:2; margin-left:-3rem;}
.MC_box2:before {content:''; position:absolute; width:4.8rem; right:1rem; top:-4rem; height:5.75rem; background:url('/images/web/goegu/main/M_popup_img.png') no-repeat 50% 50%; background-size:contain; z-index:1;}
.MC_wrap2 {position:relative;}
.MC_wrap2:before {content:''; position:absolute; width:100vw; height:24rem; left:50%; transform:translate(-50%, 50%); bottom:8rem; background:rgba(86,167,200,0.1); border-radius:0 0 5rem 0; z-index:-1;}

.MC_wrap3,
.MC_wrap4 {display: flex; justify-content: space-between;}
.MC_wrap3 > div,
.MC_wrap4 > div {flex: 0 0 calc(50% - 1.5rem); max-width: calc(50% - 1.5rem);}
.MC_wrap3 {margin-top:8rem;}
.MC_wrap4 {position:relative; padding:3.5rem 0 0; flex-wrap:wrap; gap: 0 1.5rem;}
.MC_wrap4:before {content:''; position:absolute; width:100vw; height:100%; left:50%; transform:translate(-50%, 0); top:0rem; background:#F6F7FF; border-radius:0 5rem 0 0; z-index:-1;}
.MC_wrap4 > .m-tit {display:flex; align-items:center; justify-content:center; font-size:2.25rem; font-weight:800; color:#111; width:100%; margin-bottom:3rem;}
.MC_wrap5 {position:relative; margin:0; padding:4.5rem 0;}
.MC_wrap5:before {content:''; position:absolute; width:100vw; height:100%; left:50%; transform:translate(-50%, 0); top:0rem; background:#F6F7FF; z-index:-1;}

.MC_wrap6 {position:relative; height:3.5rem; margin:0;}
.MC_wrap6:before {content:''; position:absolute; left:50%; transform:translateX(-50%); width:calc(100vw - 15px); height:1px; background:#CED2DA; top:0;}

@media screen and (max-width: 1600px){
	.main-container > .inner {padding:2rem 1rem 0;}	
	
	.MC_wrap3 > div,
	.MC_wrap4 > div {flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem);}
}

@media screen and (max-width: 1280px){
	[class*='MC_wrap'] {margin:1.5rem 0;}	
	.main-container > .inner {padding:1rem 1rem 0;}	
	.MC_wrap1 {flex-direction:column; min-width:0; gap:5rem; padding:1rem; margin:0!important;}	
	.MC_box1 {flex:none; width:100%;}
	.MC_box2 {flex:none; width:100%;}
	.MC_box2:after {top:-3.5rem; bottom:auto; left:auto; right:5rem; transform:translate(0, 0); z-index:-1; opacity:0.5;}
	
	.MC_wrap2 {margin:1.5rem 0 3.5rem;}
	.MC_wrap2:before {bottom:10rem;}
	.MC_wrap3 {flex-direction:column;}
	.MC_wrap3 > div {flex:none; width:100%; max-width:100%;}
	.MC_box4 {margin-bottom:2rem;}
	.MC_wrap4 {margin:0;}
	.MC_wrap5 {margin:0;}
	.MC_wrap6 {margin:0;}
}


@media screen and (max-width: 1024px){
	.MC_wrap4 {padding:2rem 0 0; margin:0; flex-direction:column;}	
	.MC_wrap3 > div, 
	.MC_wrap4 > div {flex: 0 0 100%; max-width: 100%;}
	
}

@media screen and (max-width: 768px){
	.MC_wrap1 {padding:1rem 0;}
	.MC_box2:after {display:none;}	
	.MC_wrap4 {gap:1rem;}
	.MC_wrap4 > div {flex: 0 0 100%; max-width:100%;}
	.MC_wrap4 > .m-tit {font-size:1.8rem; margin-bottom:0rem;}
	.MC_wrap5 {padding:2rem 0;}
}

@media screen and (max-width: 560px){
	.MC_box4 {padding:1rem 0;}
	.MC_box2:before {width:4rem; height:5rem; right:0; top:-2rem;}
}


@media screen and (max-width: 380px){	
	.MC_box2:before {width:3rem; height:5rem; right:0; top:-2rem;}
	.MC_wrap2:before {height:calc(100% + 10rem); bottom:16rem;}
	
}


@media screen and (max-width: 380px){
	#header .header_wrap span {font-size:0.85rem!important;}
}