.main_con_wp{ width: 100%; margin: 18rem auto 150px; min-height: 40vw;}
.main_tit_top_wp{ text-align: center; font-size: 50px;}
.main_tit_top_wp .main_tit{ text-align: center; font-size: 50px;}
.main_tit_top_wp .main_tit:after{ content: ""; width: 1.7rem; height: 1.7rem; margin-left: 20px; display: inline-block; background: #f3253d; transform: rotate(-45deg);}

/* Works */
.main_center { min-height: 40rem;}
.main_center .slick-slide{ }
.main_center .slick-slide.slick-center .main_center_img{ transition:all .1s ease-in-out;  width:130% !important; z-index: 100 !important; left: -15% !important; margin:0 auto; }/* on */
.main_center .slick-slide.slick-center .main_center_img p{ transition:all .1s ease-in-out; display: flex;}
.main_center .main_center_img{position: relative; border-radius: 70px; margin:50px auto; overflow: hidden; width: 95% !important; box-sizing: border-box; display: block !important;}
.main_center .main_center_img:hover p{display: flex; transition:all .2s ease-in-out; }
.main_center .main_center_img p{ position: absolute; width: 100%; height: 100%; background: url(/img/main_work_bg.png) repeat-x bottom ; bottom: 0; padding: 0 40px 40px;  box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; display:none}

.main_center .main_center_img p span,.main_center .main_center_img p b{color:#fff;}
.main_center .main_center_img p span a{color:#fff; margin-left:10px}
.main_center .main_center_img img{width:100%; max-width:100%; display: flex;}

.main_btn{ display: inline-block;  font-size: 1.8rem;min-width: 200px; padding: 15px 20px; border-radius: 30px; background-color: #f3253d; box-shadow: 10px 10px 20px 0px rgba(255,58,86,0.6); text-align: center; color: #fff !important; margin-bottom: 50px;}
.main_btn img{margin-left:15px; display: inline-block;}

.sub_quick_menu { display: flex; flex-direction: column; align-items: center; position: fixed; right: 4rem; top: 50%; transform: translateY(-50%); /* mix-blend-mode: multiply; */ z-index: 100; }
.sub_quick_menu .quick_icon { position: relative; margin-bottom: 50px; /* opacity: 0.6; */}
.sub_quick_menu .quick_icon:last-of-type { margin-bottom: 0px; }
.sub_quick_menu .quick_icon img{width: 40px;  opacity: 0.6;}
.sub_quick_menu .quick_desc { mix-blend-mode: normal; font-size: 12px; position: absolute; left: -15px; top: 50%; width: 100px; padding: 10px; transform: translate( -100%, -50%); background-color: #000; border-radius: 10px; color: #fff; text-align: center; opacity: 0; pointer-events: none ;transition: all 0.3s; z-index: 9999;}
.sub_quick_menu .quick_icon:hover .quick_desc { opacity: 1; pointer-events: auto; background-color: rgba(0,0,0,0.8);}
.sub_quick_menu .quick_icon:hover{opacity:1}


/* Business */
.bs_wp{position: relative; margin: 18rem auto 0; min-height:auto;}
.bs_wp .main_tit_top_wp{position: absolute;left: 50%;}
.busines_con_wp{width:100%; overflow:hidden}
.busines_con_wp .slider-nav{width:30%; float:left; background:#000; padding: 8em 50px 0; height: 800px;}
.busines_con_wp .slider-nav .slick-slide{width:100%; float:none}
.busines_con_wp .slider-nav .slick-slide.slick-active{}
.busines_con_wp .slider-nav .slick-track{width:100% !important; transform: none !important;}
.busines_con_wp .slider-nav h3{color:#fff; font-size: 2rem;  padding: 15px 0; cursor: pointer;}

.busines_con_wp .slider-for{width:70%; float:left}
.busines_con_wp .slider-for .slick-slide{ padding: 8em 0 0 50px; height: 800px; background-size: 80%; background-position: bottom right; background-repeat: no-repeat;}
.busines_con_wp .slider-for .slick-slide:nth-child(1){/* background-image:url(/img/main_b_group.png) */ background-image:url(/img/main_b_erp_2.png)}/* erp */
.busines_con_wp .slider-for .slick-slide:nth-child(2){/* background-image:url(/img/main_b_solution.png) */ background-image:url(/img/main_b_solution_2.png)}/* 솔루션 */
.busines_con_wp .slider-for .slick-slide:nth-child(3){/* background-image:url(/img/main_b_web.png) */ background-image:url(/img/main_b_group_2.png)}/* 그룹웨어 */
.busines_con_wp .slider-for .slick-slide:nth-child(4){/* background-image:url(/img/main_b_app.png) */ background-image:url(/img/main_b_app_2.png)}/* 앱 */
.busines_con_wp .slider-for .slick-slide:nth-child(5){/* background-image:url(/img/main_b_erp.png) */ background-image:url(/img/main_b_web_2.png)}/* 홈페이지 */
.busines_con_wp .slider-for .slick-slide:nth-child(6){/* background-image:url(/img/main_b_img.png) */ background-image:url(/img/main_b_img_2.png)}/* 이미지호스팅 */
.busines_con_wp .slider-for .slick-slide:nth-child(7){/* background-image:url(/img/main_b_ebook.png) */ background-image:url(/img/main_b_ebook_2.png)}/* 이북 */
.busines_con_wp .slider-for .slick-slide:nth-child(8){/* background-image:url(/img/main_b_marketing.png) */ background-image:url(/img/main_b_marketing_4.png)}/* 마케팅 */
.busines_con_wp .slider-for .slick-slide:nth-child(9){/* background-image:url(/img/main_b_shop.png) */ background-image:url(/img/main_b_shop_2.png)}/* 쇼핑몰 */
.busines_con_wp .slider-for .slick-slide:nth-child(10){/* background-image:url(/img/main_b_b2b.png) */ background-image:url(/img/main_b_development_2.png)}/* 주문형개발 */
.busines_con_wp .slider-for .slick-slide.slick-active{}
.busines_con_wp .busines_con{}
.busines_con_wp .busines_con h3{font-size: 4rem;}
.busines_con_wp .busines_con p{font-size: 2.2rem; margin:20px auto 50px}

.cursor_change{box-sizing:border-box;}
.cursor_change:hover{cursor:url('/img/main_cur2.png'), auto !important;}


/* Clients */
.client_wp{background:url(/img/main_client_bg.jpg); margin: 0 auto; padding: 15rem 0 20rem 0;}
.client_wp .main_tit{color:#fff}
.client_logo_list1,.client_logo_list2{padding:20px 0}
.client_logo_list1{}
.client_logo_list2{}
.client_logo{}
.client_logo img{float:left;}
.client_logo span{float:left;margin-left: 20px; line-height: 70px; color:#fff; font-size: 2.2rem; }

.client_tit_wrap{text-align: center; overflow:hidden; font-size: 4rem; padding: 8rem 0; margin: 0 auto; width: fit-content;}
.client_tit_wrap span{float:left; color:#fff;}
.client_tit_wrap .client_tit_slide{float:left; width:24rem; border-bottom:5px solid #fff; margin:0 20px;}
.client_tit_wrap h3{color:#f12340}


@media (max-width: 900px) {
	.main_center_img img{ height: 400px; object-fit: cover;}
	.main_center .slick-slide.slick-center .main_center_img{width: 95% !important; left:0 !important; margin: 50px auto; }
	.main_tit_top_wp .main_tit{font-size: 5.5rem;}

	.main_con_wp{margin:10rem auto 0}

	.bs_wp .main_tit_top_wp{ position: initial;}
	.busines_con_wp .slider-nav h3{ padding: 5px 0; color: #000;}
	.busines_con_wp .slider-nav{width: 100%; float: none; padding: 2em 1.5em;  height: auto; background:#fff; }
	.busines_con_wp .slider-nav .slick-slide{ width: 32.3333% !important; float: left !important; text-align: center; margin: 2px 0.3333%;background: #f7f7f7; border-radius: 50px;}
	.busines_con_wp .slider-nav .slick-slide.slick-active{background: #f12340;}
	.busines_con_wp .slider-nav .slick-slide.slick-active h3{color: #fff;}
	.busines_con_wp .slider-for{ width: 100%; float: none;}
	.busines_con_wp .slider-for .slick-slide{padding: 3rem; height: 500px; background-size: 100%;}

	.client_wp{margin:0}
	.client_logo img{ width: 50px;}
	.client_logo span{ line-height: 50px; margin-left: 10px; font-size: 1.8rem;}
	.client_logo_list1, .client_logo_list2{ padding: 10px 0;}
	.client_tit_wrap .client_tit_slide { width: 45%; margin: 0 0 0 10px;}
	.client_tit_wrap span:first-child{ width: 45%; text-align: right;}
	.client_tit_wrap span:last-child{width:100%; margin: 10px 0 0 0;}

	.main_btn{ min-width: 150px}
}

@media (max-width:768px){
	/* QUICK MENU */
	.sub_quick_menu {display:none;}
}

@media (max-width:425px){
	/* MAIN - OUR CLIENTS */
	.client_logo span{font-size: 1.6rem;}
}