@charset "UTF-8";
/* ------------------------------------------------------------------------
@ Main Css  
------------------------------------------------------------------------ */


#main .section { padding-top:0rem; padding-bottom:4rem; overflow-x:hidden; } 

#main_slider.section { padding-top:1rem; }
.main_slider { position:relative; overflow:hidden; } 

.main_slider_inner .main_slider_thumb img { border-radius:0.6rem; } 
.main_slider_inner .main_slider_thumb .pc { display:block; }
.main_slider_inner .main_slider_thumb .mo { display:none; }

/*
.main_slider_inner { display:flex; align-items:center; justify-content:center;  } 
.main_slider_inner .main_slider_item { width:50%; } 
*/
/*
.main_slider_inner .main_slider_thumb { position: relative; display:block;width:100%; height:0; padding-top:57%; overflow:hidden; transition:all 0.4s ease; } 
.main_slider_inner .main_slider_thumb img { display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; border-radius:.6rem; } 
*/


.slider_control { position:relative; margin-top:1.5rem; padding:2rem 0;  } 

.swiper-scrollbar { background:rgba(22, 24, 26, 0.1); } 
.swiper-scrollbar-drag { background:var(--point1); }

.main_swiper_navi { position:relative; display:flex; align-items:center; justify-content:center; gap:0.5rem;  margin-top:1.5rem; z-index:3; } 

.main_swiper_navi .swiper-scrollbar { position:relative; display: inline-block; width:10rem; max-width:10rem; height:2px; border-radius:0px; margin-top:2px; } 
.main_swiper_navi .swiper-scrollbar .scroll { position:absolute; width:calc(100% / 6); height:2px; background:var(--point1); transition:all 0.7s; } 

.main_swiper_navi .swiper-pagination { font-size:1.5rem; color:var(--mainc); font-weight:400; line-height:1; margin-top:-2px;} 
.main_swiper_navi .swiper-pagination .page_num { color:var(--point1); font-weight:500; } 

.swiper_navigation { display:flex; align-items:center; gap:0.2rem; } 
.swiper_navigation .swiper-button-prev:after, .swiper_navigation .swiper-button-next:after { content:''; }
.swiper_navigation .swiper-button-prev { position:relative; display: inline-block; margin-top:-3px; margin-right:0px;}
.swiper_navigation .swiper-button-next { position:relative; display: inline-block; margin-top:-3px; margin-left:0px;} 

.swiper_navigation .swiper-button-prev .material-icons-round, 
.swiper_navigation .swiper-button-next .material-icons-round { font-size:18px; color:var(--mainc); } 

.swiper_navigation button { background:transparent; } 

.swiper-pagination { position:relative; display:flex; align-items:center; gap:0.5rem; } 

.swiper_play_state {display: inline-block;vertical-align: middle; width: 24px;height: 18px;position: relative; top:-2px; z-index:99;}
.swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute; background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

.swiper_play_state .material-icons-round { color:var(--mainc); font-size:20px; } 
.swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
.swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;} 

.swiper-total { margin-left:0.5rem; margin-top:-2px;}
.swiper-total a { font-size:1.4rem; color:var(--mainc); font-weight:700; } 
.swiper-total a .material-icons { font-size:18px; }


/* 메인슬라이드 팝업*/
.main_slider_pop { position:fixed; left:0px; top:0; display:none; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(40, 48, 55, 0.6); z-index:1001; }
.main_slider_pop.active { display:flex; } 
.main_slider_pop_inner { position:relative; } 
.main_slider_pop_inner .close { display:flex; align-items:center; gap:0.5rem; position:absolute; top:-4rem; right:0px; font-size:1.6rem; color:#fff; font-weight:700; cursor:pointer; } 
.main_slider_pop_inner .close .material-icons { transition:all 0.4s ease;margin-top:2px;  }
.main_slider_pop_inner .close:hover .material-icons { transform:rotate(180deg); } 
.main_slider_pop_list { position:relative; display:grid; grid-template-columns:repeat(2,auto); gap:1rem; max-width:128rem; max-height:calc((var(--vh, 1vh) * 100) - 16rem); overflow:hidden scroll;  }
.main_slider_pop_list .pc { display:block; }
.main_slider_pop_list .mo { display:none; }

@media screen and (max-width: 1310px){
	.main_slider_pop_list { margin:0 15px; }
	.main_slider_pop_inner .close { right:15px; }
}
@media screen and (max-width: 768px){
	#main_slider.section { padding-top:0rem; }
	.main_slider_inner .main_slider_thumb img { border-radius:0; }
} 
@media screen and (max-width: 640px){
	.main_slider_pop_list { grid-template-columns:repeat(1,auto); } 
} 

/*------------------------------------------------------
@ 추천상품
------------------------------------------------------*/

#main_category { } 
#main_category.section { padding-top:4rem; } 
.main_category { } 
.main_category ul { display:flex; justify-content:center; column-gap:3.5rem; }
.main_category ul li { width:calc(100% / 9); } 
.main_category ul a { position:relative; display:flex; flex-direction:column; align-items:center; }
.main_category ul a .thumb { max-width:8.8rem;   } 
.main_category ul a .newicon { position:absolute; left:-0.8rem; top:-0.8rem; font-size:1.2rem; color:#fff; font-weight:600; background:var(--point1); border-radius: 0.5rem; padding:0.3rem 0.5rem; }

/*filter:drop-shadow(rgba(24,39,79,0.2) 0 0 1rem);*/

.main_category ul a .thumb img { border:1px solid var(--linec); border-radius:0.6rem; transition:all .3s ease; } 
.main_category ul a .text { font-size:1.5rem; color:#000; text-align:center; margin-top:1.2rem; transition:all .3s ease; white-space: nowrap; } 

.main_category ul a:hover .text { color:var(--point1); text-decoration:underline; } 
.main_category ul a:hover .thumb img { box-shadow:rgba(24,39,79,0.2) 0 0 1.5rem; } 

/*
.main_category ul { display:flex; justify-content:center; column-gap:3.5rem; }
.main_category ul li { width:calc(100% / 9); } 
.main_category ul a { display:flex; flex-direction:column; align-items:center; }
.main_category ul a .thumb { max-width:8.8rem; } 
.main_category ul a .thumb img { border:1px solid var(--linec); border-radius:0.6rem; } 
.main_category ul a .text { font-size:1.5rem; color:#000; text-align:center; margin-top:1.2rem;  } 
*/
@media screen and (max-width: 1310px){

}
@media screen and (max-width: 1024px){
	.main_category ul {  flex-wrap:wrap; justify-content:revert; margin-right:-2rem; column-gap:0rem;  row-gap:2rem; }
	.main_category ul li { width:calc((100% / 5) - 2rem);margin-right:2rem;  } 
}
@media screen and (max-width: 768px){
	.main_category ul {  flex-wrap:wrap; justify-content:revert; margin-right:-2rem; column-gap:0rem;  row-gap:2rem; }
	.main_category ul li { width:calc((100% / 5) - 2rem);margin-right:2rem;  } 
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 414px){
}





/*------------------------------------------------------
@ 추천상품
------------------------------------------------------*/

#main_recommend { } 
.main_recommend { } 
.recommd_title_tab { display:flex; align-items:center; }
.recommd_title_tab a { position:relative; font-size:2.6rem; color:#4b4a4a; }
.recommd_title_tab a.active { font-size:3rem; color:#000; font-weight:700; }

.recommd_title_tab a::after {content:'';clear:both; display:inline-block;width:1px;height:3.2rem;margin:0 2rem 2px 2.2rem;background-color:var(--linec);vertical-align:middle; }
.recommd_title_tab a:last-child::after {content:none;}





.main_recommend { width:100%; } 
.recommend_tabs { display: none;}
.recommend_tabs:first-child { display:block; } 

.recommend_tab1 .thk-row { row-gap:3rem; }
.recommend_tab1 .row-md4 .thk-col { display:flex; justify-content:center; width: calc((100% / 4 ) - 3rem); margin-right:3rem;  } 

.recomm1_box { display:flex;align-items:center; justify-content:space-between; min-height:20rem; background:#f5f5f5; padding:1rem; border-radius:1rem; } 
.recomm1_box .left { max-width:14rem; padding-left:2rem;  }
.recomm1_box .left h3 { font-size:2rem; color:var(--mainc); font-weight:600; }
.recomm1_box .left p { font-size:1.6rem; color:var(--mainc);  margin-top:0.5rem; line-height:1.4; word-break:keep-all; }
.recomm1_box .right img { max-height:18rem; }

.recommend_tab1 .row-md2 .thk-col .left { max-width:revert; }

.recommend_tab2 { display:flex; flex-wrap: wrap; margin-right:-3rem; } 
.recommend_tab2 .thk-row { row-gap:3rem; }

.recommend_tab2 .tab2_left { width: calc((100% / 3 ) - 3rem); margin-right:3rem; } 
.recommend_tab2 .tab2_right { width: calc(((100% / 3 ) * 2) - 3rem); } 

.recommend_tab2 .tab2_left .recomm1_box { display:flex; flex-direction:column; align-items:flex-start; justify-content:revert; height:100%; } 
.recommend_tab2 .tab2_left .recomm1_box .left { color:var(--mainc); max-width:100%; padding-top:5.5rem; }
.recommend_tab2 .tab2_left .recomm1_box .right { display:flex; align-items:flex-end; justify-content:flex-end; width:100%; color:var(--mainc);  margin-top:2rem; } 

@media screen and (max-width: 1024px){
	.recommd_title_tab a.active { font-size:2rem; }
	.recommend_tab1 .thk-row { row-gap:2rem; }
	.recommend_tab1 .row-md4 .thk-col { width: calc((100% / 4 ) - 2rem); margin-right:2rem;  } 
}
@media screen and (max-width: 640px){
	.recommend_tab1 .anboxui .thk-row { margin-right:-2rem; }
	.recommend_tab1 .anboxui .row-md3 .thk-col { width: calc((100% / 2) - 2rem); margin-right:2rem;}
	.recommend_tab1 .anboxui .row-md3 .thk-col:last-of-type { margin-right:2rem;}

	.recomm1_box { flex-direction:column-reverse; align-items:revert; padding-bottom:1.5rem; height:100%;}
	.recomm1_box .left { max-width: revert; padding-left:1.5rem; }
	.recomm1_box .left h3 { font-size:1.6rem; }
	.recomm1_box .left p { font-size:1.4rem;}

	.recommend_tab2 { margin-right:-2rem; row-gap:2rem;  }
	.recommend_tab2 .tab2_left { width: calc((100% / 1 ) - 2rem); margin-right:2rem; }
	.recommend_tab2 .tab2_right { width: calc(((100% / 1 ) * 1) - 2rem); } 

	.recommend_tab2 .anboxui .thk-row { row-gap:2rem; margin-right:-2rem; }
	.recommend_tab2 .anboxui .row-md2 .thk-col { width: calc((100% / 2) - 2rem); margin-right:2rem;}
	.recommend_tab2 .anboxui .row-md2 .thk-col:last-of-type { margin-right:2rem;}

	.recommend_tab2 .tab2_left .recomm1_box { flex-direction:row-reverse; align-items:center; } 
	.recommend_tab2 .tab2_left .recomm1_box .left { width:50%; padding-top:1.5rem;}
	.recommend_tab2 .tab2_left .recomm1_box .right { width:50%; justify-content:revert; margin-top:0; } 
} 



/*------------------------------------------------------
@ 메인 타이틀 & 탭 
------------------------------------------------------*/
.main_title_wrap { display:flex; align-items:center; justify-content:space-between; }
.main_title_inner { display:flex; align-items:center; gap:.5rem; } 
.main_title_inner a { display:flex; align-items:center; gap:.5rem; }
.main_title_inner .title { font-size:2.8rem; color:var(--mainc); font-weight:700;}
.main_title_inner .material-icons { font-size:3rem; color:var(--mainc); }

.main_title_group { display:flex; align-items:center; gap:3rem; } 
.main_tab1 { display:flex; align-items:center; gap:3rem; } 
.main_tab1 a { font-size:1.6rem; color:var(--mainc); padding-bottom:0.5rem; border-bottom:2px solid transparent; transition:all .4s ease;}
.main_tab1 a.active { color:var(--point1); font-weight:700; border-bottom:2px solid var(--point1); }
.main_tab1 a:hover { color:var(--point1); } 

.main_tab2 { display:flex; align-items:center; gap:1rem; } 
.main_tab2 a { display:flex; align-items:center; font-size:1.5rem; color:var(--mainc); line-height:1; padding:1.3rem 1.8rem 1.4rem; border:1px solid var(--linec); border-radius:10rem; transition:all .4s ease;}
.main_tab2 a.active { color:#fff; background:var(--point1); }
.main_tab2 a:hover { color:var(--point1); } 
.main_tab2 a.active:hover { color:#fff; }

.main_title_group .navigate { display:flex; align-items:center; gap:1rem; margin-top:-0.2rem; } 
.main_title_group .navigate .prev, 
.main_title_group .navigate .next { display:inline-flex; align-items:center; justify-content:center; width:3rem; height:3rem; aspect-ratio:1; border-radius:0.4rem; box-shadow: rgba(22, 24, 26, 0.1) 0rem 0.3rem 1.2rem -0.1rem, rgba(22, 24, 26, 0.1) 0rem 0.2rem 0.4rem -0.1rem; cursor:pointer; }

@media screen and (max-width: 1024px){
	.main_title_inner .title { font-size:2rem; } 
} 
@media screen and (max-width: 640px){
	.main_title_wrap { flex-direction:column; align-items:revert; row-gap:1.5rem; }
	.main_title_group { width:100% }
	.main_tab2 { width:100%; }
	.main_tab2 a { width:100%; justify-content: center; font-size:1.2rem; padding:1.3rem;} 
} 


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

} 

/*------------------------------------------------------
@ 인기상품
------------------------------------------------------*/
#main_best_product { } 
#main_best_product.section { padding-top:3rem; } 
.main_best_product { overflow:hidden; }

/* 공통으로 사용할 제목 목록 형태 1 : 4개씩 x 줄 */
/* product --> product_type3 으로 
.product_list { width:100%; } 
.product_list .title { font-size:2.2rem; color:var(--mainc); font-weight:700; } 
.product_list .list { margin-top:4rem; } 
.product_list .thk-row { row-gap:3rem; margin-right:-3rem;}
.product_list .row-md4 .thk-col { display:flex; justify-content:center; width: calc((100% / 4 ) - 3rem); margin-right:3rem; border:1px solid red; } 

.product_list .product_info { width:100%; } 	

.product_list .product_thumb { position: relative; display:block;width:100%; height:0; padding-top:100%; overflow:hidden; transition:all 0.4s ease; } 
.product_list .product_thumb > img {display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; border-radius:1.6rem; }


.product_list .product_thumb .product_func { display:flex; align-items:center; gap:0.6rem; position:absolute; right:1rem; bottom:1.5rem; } 
.product_list .product_thumb .product_func button { display:flex; align-items:center; justify-content:center; width:4.6rem; height:4.6rem; background:rgba(255,255,255,0.8); border:1px solid #f0f2f5; border-radius:50%; }

.product_list .product_thumb .product_func button:hover svg path { stroke:var(--point1); } 

.product_list .product_thumb .product_func button.on { background:var(--point1); border:1px solid var(--point1) } 
.product_list .product_thumb .product_func button.on svg { fill:#fff; } 
.product_list .product_thumb .product_func button.on svg path { stroke:#fff; } 


.product_list .product_desc { margin-top:1.5rem; }
.product_list .product_desc .cate { font-size:1.4rem; font-weight:700; margin-bottom:1rem; min-height:1.5rem; line-height:1;  }
.product_list .product_desc .size_wrap { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:1rem; }
.product_list .product_desc .size_wrap .size { width:calc(100% - 20px); font-size:1.4rem; line-height:1.4; margin-right:1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.product_list .product_desc .size_wrap .wish { width:20px; }
.product_list .product_desc .size_wrap .wish svg { width:18px; } 
.product_list .product_desc .size_wrap .wish.on svg { fill:var(--point1); } 
.product_list .product_desc .size_wrap .wish.on svg path { stroke:var(--point1); } 

.product_list .product_desc .price { font-size:1.8rem; }
.product_list .product_desc .price span { font-weight:700; }

.product_list .product_info .blit { display:flex; margin-top:1rem; gap:0.5rem} 
.product_list .product_info .blit span { font-size:1rem; color:#5456db; font-weight:700; background:#eeeefb; border-radius:3rem; padding:0.4rem 0.8rem; line-height:1; } 
.product_list .product_info .blit span.delivery { color:#9553eb; background:#f4eefd;  } 
.product_list .product_info .blit span.sale { color:#f27935; background:#fef2eb;  } 
*/ 





/*------------------------------------------------------
@ 당일배송 
------------------------------------------------------*/
#main_delivery { background:#4c70ff; } 
#main_delivery.section { padding-top:3rem; padding-bottom:3rem; } 


.main_delivery { display:flex; align-items:center; justify-content:space-between; color:#fff; }
.main_delivery .info { padding-left:1.2rem;  }
.main_delivery .info h3 { font-size:2rem; font-weight:700; }
.main_delivery .info p { font-size:1.6rem; margin-top:0.2rem; }

.main_delivery .right { display:flex; align-items:flex-end; gap:2rem; } 
.main_delivery .timer_wrap { margin-bottom:0.8rem; }
.main_delivery .timer_inner { display:flex; align-items:center; justify-content:space-between; padding:.8rem 2rem; min-width:21rem; max-height:4.1rem; background:rgba(153,255,249,0.47); border-radius:0.6rem;  }
.main_delivery .timer_inner .text { font-size:1.6rem; font-weight:700; }
.main_delivery .timer_inner .timer { font-size:1.8rem; color:#fcff7a; font-weight:700; }


@media screen and (max-width: 1310px){
}
@media screen and (max-width: 1024px){
	.main_delivery { flex-direction:column; align-items:revert; } 
	.main_delivery .info { padding-left:0; padding-bottom:1rem; } 
	.main_delivery .timer_wrap {  margin-bottom:0;} 

}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 414px){
	.main_delivery .right { flex-direction:column; } 
}


/*------------------------------------------------------
@ 키워드추천 상품 
------------------------------------------------------*/
#main_keyword { position:relative; } 
#main_keyword.section { padding-top:6rem;padding-bottom:6rem; } 



/*------------------------------------------------------
@ 주문제작 흐름
------------------------------------------------------*/
#main_ordermade { position:relative; background:#fafafa; } 
#main_ordermade.section { padding-top:6rem; padding-bottom:6rem;  } 

.main_ordermade .ordermade_step .thk-row { row-gap:0rem; margin-right:0rem;}
.main_ordermade .ordermade_step .row-md4 .thk-col { display:flex; justify-content:center; width: calc((100% / 4 ) - 0rem); margin-right:0rem; } 


.main_ordermade .ordermade_step .step_cont {width:100%; }
.main_ordermade .ordermade_step .step_cont .step_img { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.5rem; font-size:1.6rem; line-height:1; font-weight:700; }
.main_ordermade .ordermade_step .step_cont .step_img .img { display:flex; align-items:center; height:5.6rem; }

.main_ordermade .ordermade_step .step_text { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; flex:1 1 0%; text-align:center; margin-top:0rem;} 
.main_ordermade .ordermade_step .step_text::before { content:''; position:relative; width:1.2rem; height:1.2rem; border:2px solid var(--mainc); background:var(--point1); border-radius:50%; } 
.main_ordermade .ordermade_step .step_text::after { content: ""; position: relative; top: 1.8rem; left: 50%; width:100%;  height: 1px; background-color: rgba(69,69,69,0.3); order: -1;  } 
.main_ordermade .ordermade_step .row-md4 .thk-col:last-child .step_text::after { width:0px; } 

.main_ordermade .ordermade_step .step_text h3 { font-size:2rem; font-weight:700; }
.main_ordermade .ordermade_step .step_text p { font-size:1.6rem; margin-top:0.5rem; } 

.main_ordermade .ordermade_btn { text-align:center; } 

.main_ordermade .ordermade_btn a { display:inline-flex; align-items:center; justify-content:center; gap:1.5rem; min-width:35.5rem;max-height:4.9rem; font-size:1.6rem; color:#fff; font-weight:500; background:var(--point1); padding:1.5rem 2rem; border-radius:1rem; box-shadow: 5px 5px 20px 0px rgba(9, 22, 55, 0.20); } 
.main_ordermade .ordermade_btn a .material-icons { margin-top:1px; } 


.main_ordermade .ordermade_info { display:flex; align-items:center; min-height:26.5rem; background:url('/n/images/main/ordermade_bg.png') no-repeat left top / cover; padding:2.5rem 4rem; } 

.main_ordermade .ordermade_info .left { display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(100% - 50rem); gap:3rem; padding-right:3rem; } 
.main_ordermade .ordermade_info .left h3 { font-size:2rem; font-weight:500; line-height:1;} 
.main_ordermade .ordermade_info .left h3 u { font-weight:800; } 
.main_ordermade .ordermade_info .left p { font-size:1.8rem; font-weight:500; text-align:center; } 

.main_ordermade .ordermade_info .buttons { display:flex; align-items:center; gap:2rem; } 
.main_ordermade .ordermade_info .buttons a { display:flex; align-items:center; justify-content:center; min-width:25rem; max-height:5.5rem; font-size:1.6rem; color:var(--mainc); font-weight:500; line-height:1; padding:1.5rem 3rem; border-radius:0.8rem; background:#fff;  } 
.main_ordermade .ordermade_info .buttons a .material-icons { margin-top:1px; margin-left:5rem; } 


.main_ordermade .ordermade_info .right { display:flex; flex-direction:column; align-items:center; justify-content:center; width:50rem; border-radius:1rem; background:#fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); border:1px solid #d9d9d9; padding:2rem 1rem; } 

.main_ordermade .ordermade_info .right h3 { position:relative; font-size:1.8rem; font-weight:700; text-align:center; line-height:1.2; }

.main_ordermade .ordermade_info .tel_info { position:relative;  display:flex; align-items:center; gap:1rem; margin-top:2rem;  } 
.main_ordermade .ordermade_info .tel_info::after { content:''; display:inline-block; position:absolute; left:50%; transform:translateX(-50%); top:-1rem;  width:21.5rem; height:1px; background:#999; opacity:0.5; }

.main_ordermade .ordermade_info .tel_info .infos { display:flex; flex-direction:column; gap:0.2rem; margin-top:0.5rem; } 
.main_ordermade .ordermade_info .tel_info .infos_row { display:flex; font-size:1.8rem; font-weight:700; } 
.main_ordermade .ordermade_info .tel_info .item { width:8rem; } 
.main_ordermade .ordermade_info .tel_info .text { width:calc(100% - 8rem); color:var(--point1); } 

.main_ordermade .ordermade_info .infos_holiday { font-size:1.2rem; font-weight:700; text-align:center; line-height:1.2; margin-top:0.3rem; } 

@media screen and (max-width: 1024px){
	.main_ordermade .ordermade_step .step_text p { font-size:1.4rem;} 
} 
@media screen and (max-width: 640px){
	.main_ordermade .ordermade_step .thk-row { row-gap:3rem; margin-right:0rem;}
	.main_ordermade .ordermade_step .row-md4 .thk-col { width: calc((100% / 2 ) - 0rem);  } 
	.main_ordermade .ordermade_step .row-md4 .thk-col:nth-of-type(2) .step_text::after { width:0px; } 
} 


/*------------------------------------------------------
@ 당일 발송 가능 / 안박스 단독 상품 
------------------------------------------------------*/
#main_addproduct { } 
#main_addproduct.section { padding-top:6rem; } 

.main_addproduct { display:flex; } 
.main_addproduct .maxWidth { width:100%; max-width:640px;  margin:0;  } 

.main_addproduct .left { display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; width:50%;  } 
.main_addproduct .right { width:50%; } 


.main_addproduct .addproduct_left { display:flex; justify-content:flex-end; width:100%; min-height:22rem; max-height:22rem; margin-top:2.5rem; background:#00A652;} 

.main_addproduct .addproduct_right  { min-height:22rem; max-height:22rem; margin-top:2.5rem; background:#017DC7;} 

.main_addproduct .banner { display:flex; align-items:center; justify-content:space-between; padding-right:2rem; } 
.main_addproduct .banner_info { display:flex; flex-direction:column; gap:1.5rem; } 
.main_addproduct .banner_info h3 { font-size:3rem; color:#fff; font-weight:500;  } 
.main_addproduct .banner_info p { font-size:1.6rem; color:#fff; } 

.main_addproduct .banner_img { position:relative; display:flex; flex-direction:column; align-items:center; top:-2.4rem; } 
.main_addproduct .banner_img .img_wrap { margin-bottom:1rem; }
.main_addproduct .banner_img p { font-size:1.5rem; color:#fff; }
.main_addproduct .banner_img p.price { font-size:1.5rem; color:#ffd202; }
.main_addproduct .banner_img p.price span { font-size:1.9rem; font-weight:700; }

.main_addproduct .addproduct_right .banner { padding-left:3rem; }
.main_addproduct .addproduct_right .banner_img p { margin-left:-2.5rem; } 


.main_addproduct .addproduct_list { margin-top:4.5rem; } 
.main_addproduct .addproduct_list .anboxui { width:100%; } 

.main_addproduct .addproduct_list .thk-row { row-gap:3rem; margin-right:-3rem;}
.main_addproduct .addproduct_list .row-md2 .thk-col { display:flex; justify-content:center; width: calc((100% / 2 ) - 3rem); margin-right:3rem;  } 
.main_addproduct .addproduct_list .row-md2 .thk-col a { display:flex; justify-content:center; width: 100%;  }


.main_addproduct .addproduct_list .product_info { display:flex; width:100%; } 	

.main_addproduct .addproduct_list .product_thumb { position: relative; display:block;width:9.2rem; height:9.2rem; overflow:hidden; transition:all 0.4s ease; border:1px solid var(--linec); border-radius:1rem; } 
.main_addproduct .addproduct_list .product_thumb > img {display: block; width:100%; height:100%; position: relative;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; border-radius:1rem; } 


.main_addproduct .addproduct_list .product_desc { display:flex; flex-direction:column; justify-content:space-between; width:calc(100% - 9.2rem); padding-left:1.4rem; padding-top:0.3rem; padding-bottom:0.1rem; }
.main_addproduct .addproduct_list .product_desc .cate { font-size:1.4rem; color:var(--mainc); font-weight:700; margin-bottom:0.5rem; line-height:1;  }
.main_addproduct .addproduct_list .product_desc .size { width:calc(100%);  font-size:1.4rem; color:var(--mainc);  line-height:1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

/* .main_addproduct .addproduct_list .product_desc .price { font-size:1.8rem; color:var(--mainc); }
.main_addproduct .addproduct_list .product_desc .price span { font-weight:700; } */

.main_addproduct .addproduct_list .product_desc .price { display:flex; align-items:center; justify-content:space-between; font-size:1.8rem; color:var(--mainc); }
.main_addproduct .addproduct_list .product_desc .price span { font-weight:700; }
.main_addproduct .addproduct_list .product_desc .price_group { position:relative; display:flex; align-items:center; } 
.main_addproduct .addproduct_list .product_desc .discount_price { position:absolute; left:0; top:-2rem; font-size:1.4rem; color: rgba(89, 86, 86, 0.50); }
.main_addproduct .addproduct_list .product_desc .discount_icons { display:inline-flex; align-items:center; justify-content:center; font-size:1.2rem; color:#ff3e01; font-weight:700; padding:0.2rem 0.5rem; background:#FFF0E1; border-radius:5rem; margin-right:0.5rem;}


.main_addproduct .left .addproduct_list { padding-right:2.2rem; } 
.main_addproduct .right .addproduct_list { padding-left:2.2rem; } 



/*------------------------------------------------------
@ 메인 하단 공지사항 & 고객센터 
------------------------------------------------------*/

#main_notice { position: relative;}
#main_notice.section { padding-top:6rem; padding-bottom:0rem; } 
.main_notice { display:flex; } 
.main_notice .left { width:50% } 
.main_notice .right { display:flex; flex-direction:column; justify-content:space-between; width:50%; padding-left:2.4rem; } 

.main_notice .title a { display:inline-flex; align-items:center; gap:0.5rem; font-size:2.2rem; color:var(--mainc); font-weight:600;}
.main_notice .title a .material-icons { font-size:28px; font-weight:500; margin-top:4px;} 

.main_notice .notice_list { max-width:90%; margin-top:1.5rem; } 
.main_notice .notice_list ul { display:flex; flex-direction:column; gap:2rem; }
.main_notice .notice_list ul li { display:flex; align-items:center; justify-content:space-between; } 

.main_notice .notice_list ul li a { position:relative; width:calc(100% - 8rem); font-size:1.5rem; color:var(--mainc); line-height:1.2; margin-top:-2px; margin-right:1.5rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
.main_notice .notice_list ul li a::before { content:''; display:inline-block; width:15px; height:15px; background:url('/n/images/common/icon_pin.png') no-repeat center 1px / contain; margin-right:1rem; margin-top:5px; } 
.main_notice .notice_list ul li .date { width:8rem; font-size:1.5rem; color:#7d7e80; } 

.main_notice .customer_service { display:flex; margin-top:1rem; } 
.main_notice .customer_service .s_left { width:50%; }
.main_notice .customer_service .s_right { width:50%; }


.main_notice .customer_service .s_left .tel { font-size:2.4rem; font-weight:600; margin-bottom:1.5rem;}
.main_notice .customer_service .s_left .tel_row { display:flex; align-items:center; font-size:1.5rem; margin-bottom:1rem; }

.main_notice .customer_service .s_left .tel_row .item { width:80px; } 
.main_notice .customer_service .s_left .tel_row .text { width:calc(100% - 80px);  } 
.main_notice .customer_service .s_right .time { font-size:2rem; font-weight:600; margin-bottom:1.5rem; }
.main_notice .customer_service .s_right .holiday { font-size:1.5rem; color:rgba(0, 0, 0, 0.4); } 

.main_notice .customer_btn { display:flex; align-items:center; justify-content:space-between; gap:2rem; } 
.main_notice .customer_btn a { display:flex; align-items:center; justify-content:center; width:100%; min-height:5rem; font-size:1.35rem; color:var(--mainc); border:1px solid var(--linec); border-radius:0.6rem; } 


@media screen and (max-width: 640px){
	.main_notice {flex-direction:column; row-gap:3rem; }
	.main_notice .left { width:100%; }
	.main_notice .right { width:100%; padding-left:0rem; }

	.main_notice .notice_list { max-width:100%; }
} 
@media screen and (max-width: 480px){
	.main_notice .customer_service { display:flex; flex-direction:column; margin-top:1rem; } 
	.main_notice .customer_service .s_left { width:100%; }
	.main_notice .customer_service .s_right { width:100%; }
	.main_notice .customer_service .s_right .time {  margin-bottom:1rem; margin-top:1.5rem;  }

	.main_notice .customer_btn { justify-content:revert; gap:1rem; margin-top:1.8rem; }
	.main_notice .customer_btn a { width:revert; padding:0.6rem 2.5rem; font-size:1.4rem; } 
	.main_notice .customer_btn a:nth-of-type(1) {display:none}
	.main_notice .customer_btn a:nth-of-type(4) {display:none}
	.main_notice .customer_service .s_left .tel { color:var(--point1); }
}


/*--------------------------------------------------------------------------------
@ 팝업 박스 기본 스타일 쓸지 안쓸지 아직 미정 (23/12/29)
--------------------------------------------------------------------------------*/
/*
.cmm_more_box { display:none; flex-direction:column; align-items:center; justify-content:center; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); padding:0 15px; margin-top:0; z-index:999; transition:all 0.4s ease;  } 
*/
.cmm_more_box { display:none; flex-direction:column; align-items:center; position:fixed; left:0px; top:50%; transform:translateY(-50%); width:100%; height:100%; background:rgba(0,0,0,0.5); padding:50px 15px; margin-top:0px; z-index:999; transition:all 0.4s ease; overflow-x:hidden;  } 
.cmm_more_box.active { display:flex !important; opacity:1; } 

.cmm_more_box_wrap { width:100%; max-width:670px; } 
.cmm_more_box_title { position:relative; padding:1.563rem 0.938rem 1.563rem 2.813rem; font-size:1.563rem; font-weight:600; color:#fff; background:#104086; letter-spacing:-0.1em; } 
.cmm_more_box_title .more_close { position:absolute; display:flex; align-items:center;justify-content:center; right:15px; top:50%; transform:translateY(-50%); width:42px; height:42px; cursor:pointer; } 
.cmm_more_box_title .more_close img { transition:all 0.3s ease; } 
.cmm_more_box_title .more_close:hover img { transform:rotate(90deg); } 

.cmm_more_sum { font-size:1rem; padding-bottom:1rem; } 

.cmm_more_desc { padding:3.75rem 2.813rem; border:1px solid #e6e6e6; border-top:none; background:#fff; line-height:1.5; }


.cmm_more_desc_wrap { display:flex; margin-top:3.125rem; } 
.cmm_more_desc_wrap.hide { display:none; } 
.cmm_more_desc_wrap.active { display:flex; }

.cmm_more_desc_wrap:first-of-type { margin-top:0rem; } 

.cmm_more_desc .logo { margin-bottom:1.25rem; } 

.cmm_more_desc_row { display:flex; align-items:stretch; border-top:1px solid #d0d0d0; } 
.cmm_more_desc_row:last-of-type { border-bottom:1px solid #d0d0d0;  } 

.cmm_more_desc_row .items { display:inline-flex; align-items:stretch; font-size:1.063rem; color:#111; font-weight:400; width:9.375rem; background:#f8f8f8; padding:0.625rem 1.25rem; } 
.cmm_more_desc_row .text { display:inline-flex; align-items:stretch; width:calc(100% - 9.688rem); font-size:1rem; color:#666; padding:0.625rem 1.25rem; word-break:keep-all; } 
.cmm_more_desc_row .text a { color:var(--menu); text-decoration:underline; }  

/* 메일보내기 팝업 */
.qna_pop_box .cmm_more_box_title  { background:#5989ec; } 
.qna_pop_box .cmm_more_box_wrap { width:100%; max-width:800px; } 
.qna_pop_box.cmm_more_box { justify-content:center; } 
.qna_pop_box .cmm_more_desc { padding-top:2.5rem; padding-bottom:2.5rem; } 
.qna_pop_box .cmm_more_desc_wrap { margin-top:1rem; } 

.qna_pop_box .join-inner { } 
.qna_pop_box .join-inner h2 { font-size:1.125rem; } 

/* 회원사팝업 일부조정 : 220602 */
.member_status_wrap .cmm_more_box_title  { background:#5989ec; } 
.member_status_wrap .cmm_more_desc { padding-top:0rem; padding-bottom:2.5rem; } 
.member_status_wrap .cmm_more_desc .logo { margin-bottom:0.5rem; } 

.member_status_wrap .cmm_more_box.active { justify-content:center; } 

@media screen and (max-width: 1200px){
	.cmm_more_box_wrap { width:100% !important; padding:0 1.25rem; } 
}

@media screen and (max-width: 1024px){
	.cmm_more_desc_wrap { flex-direction:column; } 
	.edu_app_box .edu_app_desc_left { width:100%; } 
	.edu_app_box .edu_app_desc_right { width:100%; padding-top:1.25rem; } 
}

@media screen and (max-width: 640px){
	.cmm_more_box_wrap { padding:0; } 
	.cmm_more_box { justify-content:revert; } 
	.cmm_more_box_title { padding-left:1.563rem; } 

	.cmm_more_desc_wrap { margin-top:1.875rem; } 
	.cmm_more_desc { padding:1.563rem 1.563rem;  } 
	.cmm_more_desc_row .items { width:7.875rem;  } 
	.cmm_more_desc_row .text { width:calc(100% - 8.188rem); } 

}

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

}