@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main { } 
#main section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; flex-direction:column;  row-gap:0.625rem; }
.main_title h2 { font-size:2.5rem; color:#111; font-weight:900; letter-spacing:0; text-transform:text-uppercase; }
.main_title h2.line {  } 
.main_title h2.line:before { content:''; position:relative; top:-0.625rem; display:inline-block; width:7.5rem; height:1px; background:#111; margin-right:1.25rem; } 
.main_title h3 { font-size:1.5625rem; color:#111; font-weight:600; } 
.main_title p { font-size:1.125rem; color:#333; font-weight:500; line-height:1.388; margin-top:2.1875rem; letter-spacing:0; } 

@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2rem; } 
}
@media screen and (max-width: 1024px){
	#main section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title h2 { font-size:1.875rem; } 
	.main_title h2.line:before { display:none; } 
	.main_title h3 { font-size:1.375rem; } 
	.main_title p { font-size:1.0625rem; margin-top:1.875rem;  } 
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#layout_slider_2 {position:relative;padding:0 !important;background:#000; overflow-x:hidden; }
#layout_slider_2 .slider__infos {overflow:hidden;height:calc(var(--vh, 1vh) * 100);}
/*배경*/
#layout_slider_2 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_2 .slider__thumb:after { display:none; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); } 

#layout_slider_2 .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#layout_slider_2 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_2 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%; transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1; object-fit: cover;}
#layout_slider_2 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_2 .slider__mxw {position:absolute;top:0;left:0;right:0; width:100%;height:100%;z-index:9;margin:0 3.125rem;}

/*슬로건*/
#layout_slider_2 .slider__mxw { display:flex; justify-content:flex-start;align-items:flex-start; overflow:hidden; } 
#layout_slider_2 .slider__slogun {display:flex; height:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column; top:calc(50% - 5px);position:relative; text-align:left; padding-left:3.75rem; }
#layout_slider_2 .slider__slogun > b {position:relative;display:block;font-weight:900; font-size:3.5rem; line-height:1.2; overflow:hidden; padding-bottom:0rem; letter-spacing:0;  text-transform:uppercase;  }
#layout_slider_2 .slider__slogun > b.subtitle {display:block;font-size:3.125rem; color:#fff; font-weight:700; line-height:1.2; overflow:hidden;  word-break:keep-all;}
#layout_slider_2 .slider__slogun > b > span { position:relative; color:transparent; -webkit-text-stroke:1.5px #fff; } 
#layout_slider_2 .slider__slogun > b.subtitle > span { color:#fff; -webkit-text-stroke:none; } 

#layout_slider_2 .slider__slogun > b > span,
#layout_slider_2 .slider__slogun > p > span { display:block; position:relative; opacity:0; }  
#layout_slider_2 .slider__slogun > p  { position:relative; overflow:hidden; margin-top:2rem; }
#layout_slider_2 .slider__slogun > p span { font-size:1.25rem; color:rgba(255,255,255,0.7); font-weight:500; line-height:1.2; letter-spacing:0;   } 


#layout_slider_2 .slider__slogun_btn {position:relative;display:block; min-width:10.625rem; padding:7px 50px 7px 15px; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;transition:all 0.3s ease-out;opacity:0; z-index:15; }
#layout_slider_2 .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;transition:all 0.3s ease-out }
#layout_slider_2 .slider__slogun_btn > span {display:flex;align-items:center; } 
#layout_slider_2 .slider__slogun_btn > span:after { content:'More Details View'; font-size:0.8125rem; font-weight:300; letter-spacing:0; }
#layout_slider_2 .slider__slogun_btn:hover {border-color:var(--menu);}
#layout_slider_2 .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;}
#layout_slider_2 .slider__slogun_btn > i { position:absolute; right:12px; top:8px; display:inline-block; font-size:18px; } 

/*스크롤*/
#layout_slider_2 .slider-scroll-type2 { display:none; position:absolute; left:0;right:0px; text-align:center; bottom:0px; width:80px;height:80px;margin:0 auto;z-index:9; cursor:pointer; }
#layout_slider_2 .slider-scroll-type2 .scroll_text { font-size:0.875rem; color:#fff; font-weight:300; letter-spacing:0; } 
#layout_slider_2 .slider-scroll-type2 .scroll_line { position:relative; width:1px; height:30px; background:rgba(255,255,255, 0.7); margin:0 auto; margin-top:10px; } 
#layout_slider_2 .slider-scroll-type2 .scroll_line:after { content:''; position:absolute; width:5px; height:5px; top:0px; left:-2px; background:#fff; border-radius:50%; z-index:2; animation:scroll_circle 3s ease infinite 0.1s;} 
#layout_slider_2 .slider-scroll-type2 .scroll_line:before { content:''; position:absolute; width:1px; height:20px; top:0px; left:0px; background:#fff; z-index:1; animation:scroll_line 3s ease infinite 0.1s; }

@keyframes scroll_circle {0%{top:0px;}50%{top:30px;}100%{top:0px;}}
@keyframes scroll_line {0%{height:0px;}50%{height:30px;}100%{height:0px;}}

/*좌우 부가 설정*/
#layout_slider_2 .swiper_navigation { display:none; } 
#layout_slider_2 .swiper-button-prev:after, #layout_slider_2 .swiper-button-next:after {font-size:2rem;color:#fff;}
#layout_slider_2 .swiper-pagination-bullet {background-color:rgba(255,255,255, 0.5); opacity:1; transition:all 0.3s ease; }
#layout_slider_2 .swiper-pagination {top:calc(50% + 7px); left:3.125rem;width:auto; text-align:left; }
#layout_slider_2 .swiper-pagination-bullet {display:block;width:2px;height:65px;margin:0;border-radius:0px;background-color:rgba(255,255,255, 0.5); opacity:1; }
#layout_slider_2 .swiper-pagination-bullet-active {background-color:var(--menu); height:65px;opacity:1; }

/*액션*/
#layout_slider_2 .slider__thumb .slider__thumb_bg {transition: all 15s ease-out; transform: scale(1,1);}
#layout_slider_2 .slider__slogun {position:relative;top:calc(50% - 5px);; transition: all .8s ease-out;} 
#layout_slider_2 .swiper-slide-active .slider__thumb .slider__thumb_bg {transform: scale(1.25);}


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/

#layout_slider_2 .swiper_control_wrap { position:absolute; left:3.125rem; top:calc(50% + 7px);  z-index:12; width:20px; height:auto;  margin:0 auto; } 
#layout_slider_2 .main_visual_state  { display: block;position: absolute;left:50%;transform:translateX(-50%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#layout_slider_2 .swiper-pagination-fraction {color:#aaa;}

/* controller */
#layout_slider_2 .swiper_control { position: absolute; left: 50%; width:100%; font-size: 0;z-index: 2; }

/* pagination */
#layout_slider_2 .swiper_control .swiper-pagination {position: static;}
#layout_slider_2 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_2 .swiper_control .swiper-pagination-fraction {display: inline-block; display:none; vertical-align: middle;width: auto;}
#layout_slider_2 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#fff; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#layout_slider_2 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:calc(100% - 125px); height: 3px;margin: 0 2px 0 13px;position: relative;}
#layout_slider_2 .swiper_progress_wrap {display: none;width:calc(100% - 125px);height: 3px;position: absolute;left: 35px;top: 50%;margin-top: -1px;background: #767779;overflow: hidden;}
#layout_slider_2 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_2 .swiper_play_state {display: inline-block;display:none;vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#layout_slider_2 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

#layout_slider_2 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 
#layout_slider_2 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_2 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1470px){
	#layout_slider_2 .slider__mxw { margin:0 1.25rem; padding-right:0.9375rem; } 
	#layout_slider_2 .swiper_control { left:15px; } 
	#layout_slider_2 .swiper_control_wrap { top:calc(60% + 7px); left:1.25rem; } 
	#layout_slider_2 .swiper-pagination {  margin-left:0; } 
	#layout_slider_2 .slider__slogun { top:60%; padding-left:2rem; } 
} 
@media screen and (max-width: 1024px){
	#layout_slider_2 .slider__slogun { padding-right:0.9375rem; }
	#layout_slider_2 .slider-scroll-type2 { display:none; } 

	#layout_slider_2 .slider__slogun > b > span { -webkit-text-stroke:1px #fff; } 
}
@media screen and (max-width:768px){
	#layout_slider_2 .slider__slogun { text-align:left; } 

	#layout_slider_2 .slider__slogun > b { font-size:1.75rem; }
	#layout_slider_2 .slider__slogun > b.subtitle { font-size:1.5625rem; }
	#layout_slider_2 .slider__slogun > p  { font-size:1rem; }

	/*
	#layout_slider_2 .slider__slogun > b { font-size:3rem; line-height:1.3; margin-bottom:0rem; }
	#layout_slider_2 .slider__slogun > b.subtitle { font-size:2.5rem;line-height:1.3;margin-bottom:0rem;color:transparent;overflow:hidden;text-transform:uppercase;-webkit-text-stroke: 1px #fff; }
	#layout_slider_2 .slider__slogun > p { font-size:1rem;line-height:1.47;color:#fff;overflow: }
	*/
	#layout_slider_2 .swiper-pagination-bullet { height:2.5rem; }
	#layout_slider_2 .swiper-pagination-bullet-active { height:3.438rem;}
}
@media screen and (max-width: 640px){
	#layout_slider_2 .slider__mxw { margin:0 auto; padding:0 1.25rem; padding-left:3.125rem; } 
	#layout_slider_2 .slider__infos { height:revert; aspect-ratio:640/1024; }
	#layout_slider_2 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_2 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	#layout_slider_2 .slider__slogun { margin-left:0; padding-left:0rem; } 
}
@media screen and (max-width: 540px){
	/*
	#layout_slider_2 .slider__slogun > b { font-size:2.5rem; line-height:1.3; margin-bottom:0rem; }
	#layout_slider_2 .slider__slogun > b.subtitle { font-size:2rem;line-height:1.3;margin-bottom:0rem;color:transparent;overflow:hidden;text-transform:uppercase;-webkit-text-stroke: 0.5px #fff; }
	#layout_slider_2 .slider__slogun > p { font-size:1rem;line-height:1.47;color:#fff;overflow: }
	*/
} 
@media screen and (max-width: 480px){
}



#main { position:relative; } 
#main > .inner { position:relative; } 

:root {
    --base-ratio: 1;
    --base-size: 2560;
    --base-percent: 100vw;
}


.sticky { position: sticky; top: 0; left: 0; width: 100%; height: 100vh;  overflow: hidden;  }  /* calc(var(--vh, 1vh)*100); */


/*----------------------------------------------------------------------
@ MAIN ABOUT & BUSINESS
----------------------------------------------------------------------*/

#main_business { position:relative;  padding-top:0 !important; padding-bottom:0 !important; height:450vh;   } 
#main_business .bg { position:sticky; left:0; top:0; width:100%; aspect-ratio:1920/1259; background: url('/images/main/inner_bg.png') no-repeat center center / cover;    } 

#main_business .maxWidth { position:relative; height:100%;  } 
#main_business .maxWidth1400 { position:relative; height:100%;  } 
#main_business .inner { position:absolute; top:0; left:0; width:100%; height:450vh; } 


.main_about { display:flex; align-items:center; gap:1.875rem; margin-top:7.25rem; } 
.main_about > div { width:calc(100% / 2); } 


.main_about .right { display:flex; align-items:center; justify-content:flex-end;  } 
.main_about .right .col { position:relative; display:inline-flex; align-items:center; justify-content:center; width:10.25rem; aspect-ratio:1; font-size:1.25rem; color:#000; font-weight:600; text-align:center; line-height:1.1; border-radius:50%; margin-left:-1.875rem; transition:all 0.5s;  background:#fff;  } 
.main_about .right .col:nth-child(1) { color:#1c58bb; font-weight:800; } 

.main_about .right .col::before{ content:""; position:absolute; inset:0; border-radius:50%; padding:2px; background:linear-gradient(180deg, #2bace4, #18305d); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 8px rgba(40,120,255,0.3)); transition:all 0.5s; } 
.main_about .right .col:hover { z-index:11;transform:scale(1.1); } 
.main_about .right .col:hover::before {   } 



.main_business_wrap { position:relative; display:flex; flex-direction:column; height:100%; } 
.main_business { position:absolute; top:calc(100%); left:50%; transform: translate(-50%, -50%);  /*width:1400px; height:600px;*/ width: max(calc(1400px * var(--base-ratio)), calc(calc(1400 / var(--base-size)) * var(--base-percent))); height: max(calc(600px * var(--base-ratio)), calc(calc(600 / var(--base-size)) * var(--base-percent)));  }  
/* width: max(calc(1400px * var(--base-ratio)), calc(calc(1400 / var(--base-size)) * var(--base-percent))); height: max(calc(550px * var(--base-ratio)), calc(calc(550 / var(--base-size)) * var(--base-percent)));}  */ 
.main_business .card_wrap { opacity: 0; transform: translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))); width: 100%; height: 100%; transition: all .4s linear } 
.main_business .card { position:absolute; top:100vh;left: 0; display:flex; width:100%;height: auto;  border-radius:1.875rem; overflow:hidden;  } /*calc(var(--vh, 1vh)*100)*/

.main_business .card:nth-child(1) { top:0%; } 
.main_business .card .thumb { display:block;width:100%; height:0; padding-top:42.85714%; position: relative;overflow:hidden; transition:all 0.4s ease; } 
.main_business .card .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;}
.main_business .card .info { position:absolute; left:0; bottom:0; width:100%; color:#fff; padding:2.5rem; z-index:2; background:var(--menu); } 
.main_business .card .info h3 { font-size:2.1875rem; font-weight:700; } 
.main_business .card .info p { max-width:57.5rem; font-size:1.25rem; font-weight:300; line-height:1.25; letter-spacing:0; margin-top:1rem; } 

#main_business.active .main_business .card_wrap { opacity:1; transform: translateY(0); } 


@media screen and (max-width: 1470px){
	.main_business { width:100%;  }  	
} 
@media screen and (max-width: 1024px){
	.main_about { flex-direction:column; row-gap:3.125rem; margin-top:5rem; } 
	.main_about > div { width:calc(100%); } 
	
	.main_about .right { justify-content:center; line-height:1.2; margin-right:-1.875rem; } 
	.main_about .right .col { width:calc((100%  / 4) + 1.25rem); } 
	
	.main_business { width:100%;  }  
	.main_business .card .thumb { padding-top:50%; } 
	.main_business .card .info h3 { font-size:1.875rem; } 
	.main_business .card .info p { font-size:1.125rem; } 
} 

@media screen and (max-width: 768px){ 
	.main_business .card .thumb { padding-top:80%; } 

	/* 스크롤액션빠지는 시점 */
	.sticky { position:relative; height:revert; overflow:revert; } 
	#main_business { height:revert; } 
	#main_business .bg { position:absolute; left:0; top:0; width:100%; aspect-ratio:640/1200; background: url('/images/main/inner_bg.png') no-repeat center center / cover;    } 
	#main_business .inner { position:relative; top:revert; left:revert; height:revert; } 
	.main_business { position:relative; top:revert; left:revert; transform:revert; width:100%; height:revert; margin-top:5rem; margin-bottom:5rem; } 
	.main_business .card_wrap { display:flex; flex-direction:column; gap:2.5rem; opacity:1; transform:none; height:revert; } 
	.main_business .card { position:relative; top:revert; left:revert; height:revert; } 
	.main_business .card:nth-child(1) { top:revert; } 
	

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

	.main_about .right .col { font-size:1rem; } 
	.main_business .card .thumb { padding-top:120%; } 
	.main_business .card .info h3 { font-size:1.5625rem; } 
	.main_business .card .info p { font-size:1.0625rem; } 
} 
@media screen and (max-width: 480px){ 
	.main_business .card .info { padding:2rem; } 
	.main_business .card .info h3 { font-size:1.25rem; } 
	.main_business .card .info p { font-size:1rem; } 

	#main_business.active .main_business .card_wrap { transform:translateY(-1); } 
} 




/*----------------------------------------------------------------------
@ MAIN PRODUCT 
----------------------------------------------------------------------*/
#main_product { padding-bottom:0 !important; background:#fff; overflow-x:hidden; } 
#main_product .main_title h2 { font-size:2.1875rem; } 

.main_product { margin-top:2.8125rem; } 
.main_product .list .thk-row { margin-right:-0.5rem; } 
.main_product .list .row-md7 .thk-col { flex: 0 0 auto; width: calc((100% /  7) - 0.5rem); margin-right:0.5rem; } 

.main_product .inner { display:flex; flex-wrap: wrap; margin-right:-0.5rem; } 
.main_product .inner .col { flex: 0 0 auto; width: calc((100% /  8) - 0.5rem); margin-right:0.5rem; } 
.main_product .inner .col:last-of-type { margin-right:0px; } 


.main_product .inner .col a { position:relative; display:block; } 
.main_product .inner .col .thumb { display:block;width:100%; height:0; padding-top:210.52%; position: relative;overflow:hidden; transition:all 0.4s ease; background:#797979; } 
.main_product .inner .col .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; mix-blend-mode:multiply; }
.main_product .inner .col .info { position:absolute; left:0; bottom:0; display:flex; align-items:center; justify-content:center;  width:100%; min-height:7.5rem; font-size:1.875rem; color:#fff; font-weight:800; letter-spacing:-0.025em; text-align:center; line-height:1; padding:1.875rem 0.5rem;  } 

/*
.main_product .inner .col:nth-child(8) .thumb { border:1px solid #eee; background:#fff; } 
.main_product .inner .col:nth-child(8) .thumb > img { width:revert; height:revert; mix-blend-mode:revert; max-width:40%; } 
*/


.main_product .inner .col a:hover .thumb { background:#bbb; } 
.main_product .inner .col a.active .thumb,
.main_product .inner .col a.active:hover .thumb { background:#fff; } 




.main_product .publish_view_popup  { display:none; flex-direction:column;  position:fixed; left:0px; top:50%; transform:translateY(-50%); width:100%; height:100%; background:rgba(0,0,0,0.5); margin-top:0px; z-index:999; transition:all 0.4s ease; overflow-x:hidden; overflow-y:auto; padding:1.875rem; } 
.main_product .publish_view_popup.active { display:flex !important; opacity:1; } 

.main_product .publish_view_popup::-webkit-scrollbar { width: 0.625rem; } 
.main_product .publish_view_popup::-webkit-scrollbar-track { background:#ffffff;} 
.main_product .publish_view_popup::-webkit-scrollbar-thumb { background:#1b1b1b; border-radius:10px; } 
.main_product .publish_view_popup::-webkit-scrollbar-thumb:hover {background:#3e489f; } 
.main_product .publish_view_popup::-webkit-scrollbar-button { display: none;  } 

.main_product .publish_view_wrap { width:100%;  } 


.main_product .view { position:relative; width: calc(100% - 0.5rem); opacity: 1; padding-top:3.75rem; } 
.main_product .view .title { position:relative; font-size:2.8125rem; color:#000; font-weight:800; text-align:center; } 
.main_product .view .title > a { position:absolute;  top:50%; transform:translateY(-50%); right:-0.9375rem; display:inline-flex; align-items:center; justify-content:flex-end; gap:0.5rem; width: fit-content; font-size:1.25rem; color:#000; font-weight:400; text-align:right; } 
.main_product .view .title > a span { padding-bottom:2px; } 
.main_product .view .title > a i { margin-top:3px; transition:transform 0.5s ease 0.3s } 
.main_product .view .title > a:hover i { transform:translateX(5px); } 

.main_product .view .view_inner { overflow:hidden; } 

.main_product .view .list { display:flex; flex-wrap: wrap; margin-right:-0.875rem; margin-top:1.875rem; } 
.main_product .view .list.no { align-items:center; justify-content:center; min-height:10rem; } 
.main_product .view a { position:relative; flex: 0 0 auto; width: calc((100% /  5) - 0.875rem); margin-right:0.875rem; } 
.main_product .view .thumb { display:block;width:100%; height:0; /*padding-top:92.5925%;*/padding-top:100%; position: relative;overflow:hidden; transition:all 0.4s ease; background:#f8f8f8; } 
.main_product .view .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; }
.main_product .view .info { font-size:1.0625rem; color:#000; font-weight:600; letter-spacing:0; text-align:center; line-height:1.47; padding:0.75rem 0.5rem;  } 

.main_product .view .view_close { position:absolute; top:-0.625rem; right:-0.625rem;  display:none; align-items:center; justify-content:center; width:2.5rem; aspect-ratio:1; background:#fff; border-radius:50%; border:1px solid #d1d1d1;box-shadow:0px 8px 25px 0px rgb(0 0 0 / 15%); } 
.main_product .view .view_close > a { display:flex; align-items:center; justify-content:center; width:100%; color:#000; margin-right:0; } 

.main_product .view .view_box { padding:1.875rem; } 
.main_product .view .view_top .left img { max-width:90%; } 

.main_product .view_name .name { font-size:2rem; }
.main_product .view_name .name_en { top:-0.3125rem; font-size:1.125rem; font-weight:400;  }

.main_product .view_slogun { font-size:1rem; } 

.main_product .view_tab a { font-size:1rem; padding:0.625rem; } 
.main_product .view_conts { font-size:1rem; } 


.main_product_list_swiper { position:absolute; bottom:45%; width:100%; max-width:1400px; left: 50%; transform: translate(-50%, 50%); z-index:2; }

.main_product_list_swiper .swiper-button-prev:after, .main_product_list_swiper .swiper-button-next:after { display:none; } 
.main_product_list_swiper .swiper-button-prev { left:-3.75rem; width:3.75rem; height:3.75rem; color:#000; font-size:1.875rem; }
.main_product_list_swiper .swiper-button-next  { right:-3.75rem; width:3.75rem; height:3.75rem; color:#000; font-size:1.875rem;  }

@media screen and (max-width: 1430px){
	.main_product_list_swiper .swiper-button-prev, 
	.main_product_list_swiper .swiper-button-next { color:#fff; background:rgba(0, 0, 0, 0.1); border-radius:50%; } 
	.main_product_list_swiper .swiper-button-prev { left:-10px; } 
	.main_product_list_swiper .swiper-button-next { right:-10px; } 

} 
@media screen and (max-width: 1200px){
	.main_product .inner .col .info { font-size:1.375rem; } 
} 
@media screen and (max-width: 1024px){
	#main_product .main_title h2 { font-size:2rem; } 
	.main_product .inner { justify-content:center; row-gap:0.5rem;  } 
	.main_product .inner .col { width: calc((100% /  4) - 0.5rem); } 

	.main_product .view .title { font-size:2rem; } 
	.main_product .view .view_close { display:none; } 
} 
@media screen and (max-width: 640px){ 
	#main_product { margin-top:0; } 
	#main_product .main_title h2 { font-size:1.875rem; } 

	.main_product .inner .col .info { min-height:revert; font-size:1.125rem; padding:1rem 0.5rem 1.25rem; } 
	
	.main_product .publish_view_popup { background:#fff ;} 
	.main_product .publish_view_wrap {  } 
		
	.main_product .view { padding-top:2.5rem; } 
	.main_product .view .title { font-size:1.5625rem; text-align:left; } 
	.main_product .view .title > a { font-size:1.125rem; } 

	.main_product .view .list { row-gap:1.875rem; } 
	.main_product .view a { width: calc((100% / 2) - 0.875rem); }
	.main_product .view .info { font-size:1rem; } 

	.main_product_list_swiper .swiper-button-prev, 
	.main_product_list_swiper .swiper-button-next { width:3rem; height:3rem; } 
	

} 
@media screen and (max-width: 430px){ 
	.main_product .inner { justify-content:revert; } 
	.main_product .inner .col { width: calc((100% /  4) - 0.5rem); } 
	.main_product .inner .col .info { font-size:1rem; } 
	.main_product .inner .col .thumb { padding-top:150%;border-radius:0.5rem; } 
}