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

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

#main_slider.section { padding-top:3rem; }
.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: 1024px){
	#main_slider.section { padding-top:1.5rem; }
}
@media screen and (max-width: 768px){
	#main_slider.section { padding-top:1.5rem; }
	.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); } 
} 



/*------------------------------------------------------
@ 리뉴얼 타이틀 
------------------------------------------------------*/

.new_title { display:flex; align-items:center; justify-content:space-between; } 
.new_title h3 { position:relative; font-size:3.5rem; color:var(--c22); font-weight:700; line-height:1; letter-spacing:-0.02em; padding-left:1.8rem;  }
.new_title h3::before { content:''; position:absolute; left:0; top:calc(50% + 0.2rem); transform:translateY(-50%); width:0.6rem; height:calc(95%); border-radius:0.3rem; background:var(--point1); } 
.new_title .tabs { display:flex; align-items:center; border:1px solid var(--point1); border-radius:3rem; background:#fbf6eb; padding:0 3rem; } 
.new_title .tabs a { position:relative; font-size:1.8rem; color:var(--point1); font-weight:500; white-space:nowrap; padding:1.7rem 2.8rem; transition:all 0.4s; border-radius:3rem;} 
.new_title .tabs a::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.2rem; height:2rem; background:rgba(243,107,32,0.2); } 
.new_title .tabs a:last-child::after { display:none; } 
.new_title .tabs a:hover { color:#fff; background:var(--point1); } 

@media screen and (max-width: 1310px){
} 
@media screen and (max-width: 1200px){
	.new_title h3 { font-size:3rem; } 
	.new_title .tabs { padding:0 2rem; } 
	.new_title .tabs a { font-size:1.6rem; padding:1.25rem 2.5rem; } 
}
@media screen and (max-width: 1024px){
	.new_title { flex-direction:column; align-items:revert; row-gap:3rem; } 
	.new_title .tabs a { width: -webkit-fill-available; text-align: center; } 
}
@media screen and (max-width: 768px){
	.new_title h3 { font-size:2.5rem; } 
	.new_title .tabs a { padding:1.25rem 1.25rem; } 
}
@media screen and (max-width: 480px){
	.new_title h3 { line-height:1.2; } 
	.new_title .tabs a { font-size:1.4rem; padding:1.25rem 1.25rem; } 
}
@media screen and (max-width: 389px){
	.new_title .tabs { justify-content:space-between; padding:0 1rem; } 
	.new_title .tabs a { width:auto; font-size:1.3rem; padding:1.25rem 1.25rem; } 
}
@media screen and (max-width: 350px){
	.new_title .tabs { display:none; } 
}  


/*------------------------------------------------------
@ 섹션1,2
------------------------------------------------------*/

#main_new_sec01 { position: relative;}
#main_new_sec01.section { padding-top:6rem; padding-bottom:0rem; } 

.new_section_box { display:grid; grid-template-columns: repeat(3, 1fr); gap:3rem 2rem; margin-top:6rem; } 
.new_section_box a { position:relative; display:flex; justify-content:flex-end; min-height:28rem; background:#fff; padding:0rem; border-radius:2rem; } 
.new_section_box a::before { content:''; position:absolute;left:0;top:0;right:0;bottom:0; border:1px solid #ddd; border-radius:2rem; z-index:0; }
.new_section_box a::after { content:''; position:absolute;left:0;top:0;right:0;bottom:0; border:2px solid var(--point1); border-radius:2rem; transition:all 0.4s; z-index:1; box-shadow: 0px 0px 20px 0px rgba(243, 107, 32, 0.15); opacity:0; box-sizing: border-box; } 
.new_section_box a:hover::after { opacity:1; } /* over 효과는 border두께 때문에 어색해져서 after로 처리 */
/*.new_section_box a .left { position:relative; width:50%; max-width:18.3rem; padding:5rem 0 0 4rem; }*/

.new_section_box a .left { position:absolute; top:5rem; left:4rem; width:100%; max-width:45%;  } 
.new_section_box a h3 { display:inline-flex; flex-direction:column; row-gap:0.5rem; font-size:2.2rem; color:var(--c22); font-weight:600; line-height:1; }
.new_section_box a h3 span { font-size:1.6rem; font-weight:500; } 
.new_section_box a p { font-size:1.6rem; color:var(--c66);  margin-top:0.5rem; line-height:1.25; word-break:keep-all; margin-top:1.6rem; } 
.new_section_box a .right { display:inline-flex; align-items: flex-end; justify-content:flex-end; width:50%; } 
.new_section_box a .right img { max-height:28rem; } 


#main_new_sec02 { position: relative;}
#main_new_sec02.section { padding-top:10rem; padding-bottom:10rem; } 

#main_new_sec02 .new_section_box a { min-height:25rem; } 
#main_new_sec02 .new_section_box a .right img { max-height:25rem; } 

@media screen and (max-width: 1310px){
} 
@media screen and (max-width: 1200px){
	#main_new_sec01.section { padding-top:4rem; } 
	#main_new_sec02.section { padding-top:8rem; padding-bottom:8rem; } 
}
@media screen and (max-width: 1024px){
	.new_section_box { margin-top:4rem; }
	.new_section_box a .left { left:3rem; top:4rem; } 
	/*.new_section_box a .left { width:35%; } */
	.new_section_box a .right { width:65%; } 
}
@media screen and (max-width: 768px){
	.new_section_box { grid-template-columns: repeat(2, 1fr); margin-top:4rem; } 
	.new_section_box a .left { max-width:65%; } 
}
@media screen and (max-width: 640px){
	#main_new_sec01.section { padding-top:2rem; } 
	#main_new_sec02.section { padding-top:6rem; padding-bottom:6rem; } 
}
@media screen and (max-width: 480px){
	.new_section_box { grid-template-columns: repeat(1, 1fr); row-gap:2rem; } 
	.new_section_box a .left { max-width:50%; } 
	.new_section_box a h3 { font-size:1.8rem; } 
	.new_section_box a h3 p { font-size:1.5rem; } 
	.new_section_box a p { font-size:1.5rem; line-height:1.4; } 
	.new_section_box a { min-height:24rem; } 
	.new_section_box a .right { width:70%; } 
	.new_section_box a .right img { max-height:24rem; } 

	#main_new_sec02 .new_section_box a { min-height:21rem; } 
	#main_new_sec02 .new_section_box a .right img { max-height:21rem; } 	
}
@media screen and (max-width: 414px){
	#main_new_sec01.section { padding-top:3rem; } 
	#main_new_sec02.section { padding-top:7rem; padding-bottom:7rem; } 
} 



/*------------------------------------------------------
@ 당일배송
------------------------------------------------------*/

#main_new_sec03 { display:none; position: relative;}
#main_new_sec03.section { padding-top:0rem; padding-bottom:0rem; } 

.main_new_sec03 { display:flex; align-items:center; background:url('/n/images/renew/sec03_bg.png') no-repeat center center / cover; border-radius:2rem; }
.main_new_sec03 .left { display:flex; width:60%; padding:1.8rem 0 1.5rem; } 
.main_new_sec03 .left .innerL { display:flex; flex-direction:column; justify-content:center; row-gap:0.9rem; align-items:center; width:58.07%; } 
.main_new_sec03 .left .innerL span { position:relative; display:inline-flex; align-items:center; font-size:2.2rem; color:#fff; font-weight:900; font-style:italic; white-space:nowrap;  line-height:1; background:var(--point1); border-radius:1.8rem; padding:0.9rem 2rem 1.1rem; }
.main_new_sec03 .left .innerL span:after { content: ''; position: absolute; bottom: -10px;  left: 50%; transform: translateX(-50%) rotate(10deg); width: 0; height: 0; border-top: 12px solid var(--point1);   border-left: 7px solid transparent;   border-right: 7px solid transparent; border-bottom: 0 solid transparent; }

.main_new_sec03 .left .innerL h3 { font-size:7.8rem; color:#482b0e; font-weight:900; font-style:italic; white-space:nowrap; line-height:1; }
.main_new_sec03 .left .innerL h3 em { color:var(--point1); }
.main_new_sec03 .left .innerL p { font-size:2.2rem; color:#482b0e; white-space:nowrap; }

.main_new_sec03 .left .innerR { display:flex; flex-direction:column; justify-content:center; align-items:center; row-gap:0.9rem; width:calc(100% - 58.07%); padding:0 3rem; } 
.main_new_sec03 .left .innerR .in { display:flex; flex-direction:column; row-gap:0.9rem; } 
.main_new_sec03 .left .innerR .img { text-align:center; } 
.main_new_sec03 .left .innerR .timer_wrap { display:flex; align-items:center; gap:1rem; }
.main_new_sec03 .left .innerR .timer_wrap > img { display:none; } 
.main_new_sec03 .left .innerR .timer_inner { display:flex; align-items:center; justify-content:space-between; gap:3.3rem; background:rgba(254,148,58,0.25); border-radius:1rem; padding:0.6rem 2.5rem 0.8rem;  } 
.main_new_sec03 .left .innerR .text { font-size:2rem; color:#482b0e; font-weight:700; white-space:nowrap; }
.main_new_sec03 .left .innerR .timer { font-size:2.5rem; color:var(--point1); font-weight:900; white-space:nowrap; } 

.main_new_sec03 .right { display:flex; position:relative; width:calc(100% - 60%); padding-left:3.2rem; } 
.main_new_sec03 .right .inner { position:relative; display:flex; align-items:center; } 
.main_new_sec03 .right .img { position:relative; padding-top:3rem; z-index:2; } 
.main_new_sec03 .right .todays { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:0.7rem; width:14rem; height:14rem; text-align:center; background:#fefdfb; border-radius:50%; z-index:1; transform:translate(-3rem, 1rem) } 
.main_new_sec03 .right .todays::after { content:''; position:absolute; width:calc(100% + 2.3rem); height:calc(100% + 2.3rem); background:url('/n/images/renew/sec03_img03.png') no-repeat center center / cover;  } 
.main_new_sec03 .right .todays p { font-size:2.1rem; color:#533f2a; font-weight:500; line-height:1;  }
.main_new_sec03 .right .todays p.big { position:relative; font-size:2.6rem; color:var(--point1); font-weight:900; padding-bottom:1.5rem; }
.main_new_sec03 .right .todays p.big::after { content:''; position:absolute; bottom:0rem; left:50%; transform:translateX(-50%); width:100%; height:0.7rem; background:url('/n/images/renew/sec03_img04.png') no-repeat center center / cover; } 


@media screen and (max-width: 1200px){
	.main_new_sec03 .right { padding-left:0; } 
}
@media screen and (max-width: 768px){
	.main_new_sec03 { align-items:flex-end; } 
	.main_new_sec03 .left { flex-direction:column; row-gap:1rem; align-items:center; width:58%; } 
	.main_new_sec03 .left .innerL { width:100%; } 
	.main_new_sec03 .left .innerR { width:-webkit-fill-available;  padding:0;  } 
	.main_new_sec03 .left .innerR .in { position:relative; flex-direction:row-reverse; align-items:center; gap:1rem; } 
	.main_new_sec03 .left .innerR .img { position:absolute; display:none; top:-1.5rem; right:-7rem; flex-shrink:0; text-align:revert; } 
	.main_new_sec03 .left .innerR .timer_wrap > img { display:inline-block; max-width:7.5rem; } 
	.main_new_sec03 .right { padding-right:0rem; } 
	.main_new_sec03 .right .inner { justify-content:flex-start; } 
	.main_new_sec03 .right .img { padding-top:0; left:-1.5rem; }
	.main_new_sec03 .right .img img { max-width:90%; } 
	.main_new_sec03 .right .todays { position:absolute; top:calc(-10rem); right:calc(1%); transform:revert; } 
}
@media screen and (max-width: 640px){
	.main_new_sec03 { background:url('/n/images/renew/sec03_bg_m.png') no-repeat center center / cover; }
	.main_new_sec03 .left .innerL span { font-size:1.6rem; } 
	.main_new_sec03 .left .innerL h3 { font-size:6rem; } 
	.main_new_sec03 .left .innerL p { font-size:1.6rem; } 
	.main_new_sec03 .left .innerR .text { font-size:1.6rem; } 
	.main_new_sec03 .left .innerR .timer { font-size:1.6rem; } 
	.main_new_sec03 .left .innerR .timer_inner { padding:0.6rem 1.3rem 0.8rem; gap:1.5rem } 
	.main_new_sec03 .right .img img { max-width:100%; } 
	.main_new_sec03 .right .todays p { font-size:1.6rem;  }
	.main_new_sec03 .right .todays p.big { font-size:2rem; }
	
}
@media screen and (max-width: 430px){
	.main_new_sec03 .left .innerL h3 { font-size:5rem; } 
	.main_new_sec03 .left .innerR .timer_wrap > img { max-width:6rem; } 
	.main_new_sec03 .right .img { left:-2.5rem; }
	.main_new_sec03 .right .img img { max-width:110%; } 
	.main_new_sec03 .right .todays { width:30vw; height:30vw; } 
	.main_new_sec03 .right .todays p { font-size:3.5vw; }
	.main_new_sec03 .right .todays p.big { font-size:5.5vw; }
}

@media screen and (max-width: 360px){
	.main_new_sec03 .left .innerL span { font-size:1.4rem; } 
	.main_new_sec03 .left .innerL h3 { font-size:4rem; } 
	.main_new_sec03 .left .innerL p { font-size:1.4rem; } 
	.main_new_sec03 .left .innerR .text { font-size:1.4rem; } 
	.main_new_sec03 .left .innerR .timer { font-size:1.4rem; } 
} 



/*------------------------------------------------------
@ 당일배송 - 시간 제외하고 배경으로 수정처리 
------------------------------------------------------*/
#main_new_sec03_new { position: relative;}
#main_new_sec03_new.section { padding-top:0rem; padding-bottom:0rem; } 

.main_new_sec03_new { display:flex; align-items:center; width:100%; aspect-ratio:1280/194; background:url('/n/images/renew/sec03_bg_new.png') no-repeat center center / cover; border-radius:2rem; }

.main_new_sec03_new .timer_wrap { position:absolute; left:calc(50% - 3rem); transform:translateX(-50%); bottom:1.6rem; display:flex; align-items:center; gap:1rem; }
.main_new_sec03_new .timer_wrap > img { display:none; } 
.main_new_sec03_new .timer_inner { display:flex; align-items:center; justify-content:space-between; gap:3.3rem; background:rgba(254,148,58,0.25); border-radius:1rem; padding:0.6rem 2.5rem 0.8rem;  } 
.main_new_sec03_new .text { font-size:2rem; color:#482b0e; font-weight:700; white-space:nowrap; }
.main_new_sec03_new .timer { font-size:2.5rem; color:var(--point1); font-weight:900; white-space:nowrap; } 

@media screen and (max-width: 1280px){
	.main_new_sec03_new .timer_wrap { bottom:1.25vw; } 
	.main_new_sec03_new .timer_inner { padding:0.4688vw 1.9532vw 0.6250vw; } 
	.main_new_sec03_new .text { font-size:1.5625vw; } 
	.main_new_sec03_new .timer { font-size:1.9531vw; } 
} 
@media screen and (max-width: 768px){
		
	.main_new_sec03_new { aspect-ratio:768/372; background:url('/n/images/renew/sec03_bg_new_m.png') no-repeat center center / cover;  }
	/* VW단위로 변환을 위한 PX단위
	.main_new_sec03_new .timer_wrap { left:55px; bottom:35px; transform:revert; } 
	.main_new_sec03_new .timer_inner { gap:20px; padding:6px 25px 8px; border-radius:16px; }
	.main_new_sec03_new .text { font-size:25px;  }
	.main_new_sec03_new .timer { font-size:28px;  } 
	*/

	.main_new_sec03_new .timer_wrap { left:7.1615vw; bottom:4.5573vw; transform:revert; } 
	.main_new_sec03_new .timer_inner { gap:2.6042vw; padding:0.7813vw 3.2552vw 1.0417vw; border-radius:2.0833vw; }
	.main_new_sec03_new .text { font-size:3.2552vw;  }
	.main_new_sec03_new .timer { font-size:3.6458vw;  } 

} 

/*------------------------------------------------------
@ 주문제작 흐름
------------------------------------------------------*/
#main_new_sec04 { position: relative;}
#main_new_sec04.section { padding-top:10rem; padding-bottom:4rem; } 

.main_new_sec04 { display:flex; } 
.main_new_sec04 .left { display:flex; flex-direction:column; justify-content:space-between; width:23.4375%; background:#f3f3f3; border-radius:2rem; padding:6rem 4rem 4rem; } 
.main_new_sec04 .left .top { font-size:3rem; color:var(--c22); font-weight:700; line-height:1.33; } 
.main_new_sec04 .left .btm { display:flex; flex-direction:column; row-gap:5.5rem; margin-top:1.8rem; }
.main_new_sec04 .left .btm .row { position:relative; display:flex; flex-direction:column; row-gap:1.2rem; } 
.main_new_sec04 .left .btm .row::after { content:''; position:absolute; bottom:-2.8rem; width:100%; height:0.2rem; background:#ddd; } 
.main_new_sec04 .left .btm .row:last-child::after { display:none; } 

.main_new_sec04 .left .btm .row h5 { font-size:1.8rem; color:var(--c22); font-weight:700;letter-spacing:0; }
.main_new_sec04 .left .btm .row p { display:inline-flex; flex-direction:column; row-gap:0.7rem; font-family:'Open Sans'; font-size:3.5rem; color:var(--point1); font-weight:700; line-height:1;letter-spacing: 0; } 
.main_new_sec04 .left .btm .row p span { font-size:2.5rem; font-weight:700; } 


.main_new_sec04 .right { position:relative; display:flex; flex-direction:column; row-gap:10rem; width:calc(100% - 23.4375%); padding:6rem 0 6rem 4rem; } 
.main_new_sec04 .right .logo { position:absolute; right:0; top:-2rem; font-size:16rem; color:rgba(243,107,32,0.1); font-weight:900; line-height:1; z-index:0; } 
.main_new_sec04 .right .top { position:relative; z-index:1; } 
.main_new_sec04 .right .btm { display:flex; justify-content:space-between; }
.main_new_sec04 .right .btm .col { display:flex; flex-direction:column; align-items:center; row-gap:1rem; text-align:center; } 
.main_new_sec04 .right .btm .col .step { position:relative; }
.main_new_sec04 .right .btm .col .step::before { content:''; position:absolute; bottom:-2.8rem; left:50%; transform:translateX(-50%); width:1rem; aspect-ratio:1; background:var(--point1); border-radius:50%; } 
.main_new_sec04 .right .btm .col .step::after { content:''; position:absolute; bottom:-2.4rem; left:50%;  width:25rem; height:2px; background:var(--point1); } 
.main_new_sec04 .right .btm .col:last-child .step::after { background:#fff; left:calc(50% + 0.5rem) } 
.main_new_sec04 .right .btm .col .step span { display:inline-flex; align-items:center; justify-content:center; width:11rem; font-size:1.8rem; color:var(--point1); font-weight:900; line-height:1; border:1px solid var(--point1); border-radius:1.75rem; padding:0.6rem 1rem 0.9rem 1rem; }
.main_new_sec04 .right .btm .col .info { margin-top:3rem; }
.main_new_sec04 .right .btm .col .info h4 { font-size:1.8rem; color:var(--c22); font-weight:600; } 
.main_new_sec04 .right .btm .col .info p { font-size:1.6rem; color:var(--c66); font-weight:300; line-height:1.5; margin-top:1.2rem; } 

#main_new_sec04 .btn { display:flex; justify-content:center; margin-top:4rem; } 
#main_new_sec04 .btn a { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem 3.5rem; min-width:40rem;max-height:7rem; font-size:2rem; color:#fff; font-weight:700; background:#484950; padding:2rem 2rem; border-radius:3.5rem; transition:all 0.5s; } 
#main_new_sec04 .btn a:hover { background:var(--point1); box-shadow: 0px 10px 20px 0px rgba(243, 107, 32, 0.3); } 
#main_new_sec04 .btn a i { width:3.2rem; height:1.8rem; background:url('/n/images/renew/sec04_arrow.png') no-repeat center center; } 

@media screen and (max-width: 1310px){
} 
@media screen and (max-width: 1200px){
	#main_new_sec04.section { padding-top:8rem; } 

	.main_new_sec04 .left { padding:5rem 3rem 3rem; } 
	.main_new_sec04 .left .top { font-size:2.5rem; } 
	.main_new_sec04 .left .btm .row p { font-size:3rem; } 
}
@media screen and (max-width: 1024px){
	.main_new_sec04 { flex-direction:column; row-gap:3rem; } 
	.main_new_sec04 .left { width:100%; flex-direction:row; justify-content:revert; align-items:center; padding:3rem 4rem; }
	.main_new_sec04 .left .top { width:40%; }
	.main_new_sec04 .left .btm { width:60%; flex-direction:row; justify-content:space-between; margin-top:0;  } 
	.main_new_sec04 .left .btm .row::after { display:none; } 
	.main_new_sec04 .right { width:100%; padding:5rem 0 5rem 0; } 
	.main_new_sec04 .right .logo { font-size:16vw; top:0rem; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	#main_new_sec04.section { padding-top:7rem; } 

	.main_new_sec04 .left { gap:0 5rem; } 
	.main_new_sec04 .left .top { width:auto; font-size:2.5rem; } 
	.main_new_sec04 .left .btm { width:auto; gap:4rem;  } 
	.main_new_sec04 .left .btm .row h5 { font-size:1.6rem; } 
	.main_new_sec04 .left .btm .row p { font-size:2.5rem; } 
	.main_new_sec04 .left .btm .row p span { font-size:1.8rem; } 

	.main_new_sec04 .right { row-gap:3rem; padding:3rem 0;  } 

	.main_new_sec04 .right .btm { flex-wrap:wrap; row-gap:4rem; } 
	.main_new_sec04 .right .btm .col { width:calc(100% / 2); } 
	.main_new_sec04 .right .btm .col .step::after { width:calc(100% + 25rem); } 
	.main_new_sec04 .right .btm .col:nth-child(2) .step::after { background:#fff; left:calc(50% + 0.5rem) } 

	#main_new_sec04 .btn { margin-top:3rem; }
}
@media screen and (max-width: 540px){
	.main_new_sec04 .left { flex-direction:column; row-gap:2rem; } 
	.main_new_sec04 .left .top br { display:none; } 
	.main_new_sec04 .left .btm .row p { flex-direction:row; column-gap:0.5rem; font-size:2.25rem;  } 
	.main_new_sec04 .left .btm .row p span { font-size:1.875rem; } 
	.main_new_sec04 .right .logo { font-size:18vw; top:2rem; } 
}
@media screen and (max-width: 500px){
	.main_new_sec04 .left { align-items:flex-start; padding:3rem 2.5rem; row-gap:5rem; } 
	.main_new_sec04 .left .top { font-size:2.5rem; word-break:keep-all; overflow-wrap: anywhere; line-break: loose } 
	.main_new_sec04 .left .top br.pc { display:none; }
	.main_new_sec04 .left .top br.mo { display:block; }
	
	/*
	.main_new_sec04 .left .btm .row::after { display:block; content:''; position:absolute; bottom:revert; top:0.3rem; right:-2rem; width:0.2rem; height:calc(100%); background:#ddd; } 
	.main_new_sec04 .left .btm .row:last-child::after { display:none; } 

	.main_new_sec04 .left .btm .row h5 { font-size:1.6rem; }
	.main_new_sec04 .left .btm .row p { font-size:2rem; } 
	.main_new_sec04 .left .btm .row p span { font-size:1.9rem; } 
	*/
	.main_new_sec04 .left .btm { width:100%; flex-direction:column; flex-wrap:wrap; }
	.main_new_sec04 .left .btm .row { width:100%; }
	.main_new_sec04 .left .btm .row::after { display:block; content:''; position:absolute; top:revert; right:revert; bottom:-2rem; width:100%; height:0.2rem; background:#ddd;}

	.main_new_sec04 .left .btm .row h5 { font-size:1.6rem; }
	.main_new_sec04 .left .btm .row p { font-size:3.5rem; } 
	.main_new_sec04 .left .btm .row p span { font-size:2.5rem; margin-top:0.3rem; } 

	.main_new_sec04 .right .btm .col .step span { font-size:1.8rem; } 
	.main_new_sec04 .right .btm .col .info h4 { font-size:1.8rem; } 
	.main_new_sec04 .right .btm .col .info p { font-size:1.6rem; } 

	#main_new_sec04 .btn a { gap:0.5rem 2rem; min-width:70%; font-size:1.8rem; padding:1.6rem 2rem; } 
}
@media screen and (max-width: 360px){
	.main_new_sec04 .left .btm { width:100%; flex-direction:column; flex-wrap:wrap; }
	.main_new_sec04 .left .btm .row { width:100%; }
	.main_new_sec04 .left .btm .row::after { content:''; position:absolute; top:revert; right:revert; bottom:-2rem; width:100%; height:0.2rem; background:#ddd;}
}


/*------------------------------------------------------
@ 메인 하단 공지사항 & 고객센터 - 리뉴얼이랑 비슷하여 오픈할때 갈아엎으면 됨 
------------------------------------------------------*/

#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 { position:relative; width:50%; }
.main_notice .customer_service .s_left::after { content:''; position:absolute; right:0; top:0; width:2px; height:100%; background:#ddd; } 

.main_notice .customer_service .s_right { display:flex; flex-direction:column; row-gap:2rem; width:50%; padding-left:4rem; }

.main_notice .customer_service .s_left .tel { font-family:'Open Sans'; font-size:4rem; color:var(--point1); font-weight:700; line-height:1; margin-top:1.8rem; }

.main_notice .customer_service .s_right .row:last-child { display:flex; align-items:center; justify-content:space-between; }
.main_notice .customer_service .s_right .row p { font-size:1.6rem; color:var(--c66); font-weight:500; } 
.main_notice .customer_service .s_right .row p.time { font-size:2rem; color:#000; font-weight:700; margin-bottom:0; }


.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: 1200px){
	.main_notice .customer_service .s_left .tel { font-size:3.5rem; }
	.main_notice .customer_service .s_right { padding-left:2rem; }
} 

@media screen and (max-width: 1024px){
	.main_notice .customer_service .s_left .tel { font-size:3rem; } 
	.main_notice .customer_service .s_right .row p { font-size:1.5rem;}
	.main_notice .customer_service .s_right .row p.time { font-size:1.8rem; }
}
@media screen and (max-width: 768px){
	.main_notice {flex-direction:column; row-gap:3rem; }
	.main_notice .left { width:100%; }
	.main_notice .right { width:100%; padding-left:0rem; row-gap:2rem; }

	.main_notice .notice_list { max-width:100%; }
	.main_notice .customer_btn { gap:1rem; }
} 
@media screen and (max-width: 480px){
	.main_notice .customer_service { display:flex; flex-direction:column; row-gap:3rem; margin-top:1rem; } 
	.main_notice .customer_service .s_left { width:100%; }
	.main_notice .customer_service .s_right { width:100%; padding-left:0; }
	.main_notice .customer_service .s_right .time {  margin-bottom:1rem;   }
	.main_notice .customer_service .s_right .row:last-child { justify-content:revert; gap:4rem; } 

	.main_notice .customer_btn { flex-wrap:wrap; justify-content:revert; gap:1rem; margin-top:2.5rem; }
	.main_notice .customer_btn a { width:calc((100% / 2) - 0.5rem); padding:0.6rem 1.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 { font-size:3rem; color:var(--point1); margin-top:1.2rem; }
	.main_notice .customer_service .s_right .row p.time { font-size:1.8rem; margin-top:0.5rem; }
}



/*--------------------------------------------------------------------------------
@ 팝업 박스 기본 스타일 쓸지 안쓸지 아직 미정 (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){

}