/* 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 0rem; 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 32.25rem; width:32.25rem; position:relative; z-index:2; margin-left:-9rem;}
.MC_box2:before {content:''; position:absolute; width: 4.8rem; right: 1rem; top: -4rem; height: 5.75rem; background:url('/images/web/goeic/main/M_popup_img.png') no-repeat 50% 50%; background-size:contain; z-index:1;}
/* .MC_box2:after {content:''; position:absolute; width:100%; max-width:20rem; left:50%; transform:translate(-50%, 0); bottom:3rem; height:3.5rem; background:url('/images/web/goeic/main/popup_bg.png') no-repeat 50% 50%; background-size:contain;} */
.MC_wrap3 {height:18rem; width:100%; position:relative; margin-top:3.5rem;}
.MC_wrap3:before {content:''; position:absolute; width:100vw; left:50%; transform:translate(-50%, 0); height:100%; top:0; background:url('/images/web/goeic/main/MC_wrap2_bg.png') no-repeat 50% 50%; background-size:cover; z-index:-1;}
.MC_box4 {padding-top:4rem; height:100%; }
.MC_wrap4 {margin-top:9rem; gap:5rem;}
.MC_wrap4 .MC_box5 {width:calc(100% - 22.5rem - 5rem);}
.MC_wrap4 .MC_box6 {width:22.5rem; height:25.75rem;}

.MC_wrap6 {position:relative; height:3.5rem;}
.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:1rem 1rem 0;}
	.MC_wrap6 {margin-bottom:0;}	
}

@media screen and (max-width: 1280px){
	.main-container > .inner {padding:0 1rem;}	
	.MC_wrap1 {flex-direction:column; min-width:0; overflow:hidden; 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_wrap3 {height:auto;}
	.MC_box4 {padding:2rem 1.5rem 1.5rem;}
	.MC_wrap4 {flex-direction:column;}
	[class*='MC_wrap'] {margin:1.5rem 0;}	
	.MC_wrap4 .MC_box5 {width:100%;}
	.MC_wrap4 .MC_box6 {width:100%; height:fit-content;}	
	
	.MC_wrap6 {margin-bottom:0;}
	
	.MC_wrap4,
	.MC_wrap5 {padding:0 1rem;}	
}


@media screen and (max-width: 768px){
	.MC_wrap1 {padding:1rem 0;}
	.MC_box2:before {top:-4rem;}
	.MC_box2:after {display:none;}
	.MC_box4 {padding:2rem 0;}
	.MC_wrap4 {gap:2.5rem; margin-bottom:3rem;}
	.MC_wrap4,
	.MC_wrap5 {padding:0;}	
}

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

@media screen and (max-width: 480px){
	.MC_box2:after {display:none;}
}

@media screen and (max-width: 420px){
	.MC_box2:before {display:none;}
}

@media screen and (max-width: 380px){
	.MC_box2:before {width:3.5rem; height:5rem;}
}