@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/


/*** setting ***/

:root{
	--main-color:transparent;
  --transition-custom02: all 0.2s ease-in-out; 
	--transition-custom03: all 0.3s ease-in-out;
	--transition-custom08: all 0.8s ease-in-out;	
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
	--font-family-mont: 'Montserrat', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-pre: 'Pretendard', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.main .wrapper { overflow-x: clip; }

.main_bgDeco {}
.main_bgDeco > span {display: block; z-index:0; position:absolute; transform: translate(-50%,-50%); width:923px; height: 1639px; background: url(../images/main/main_bg0101.png) no-repeat 50% 50%; background-size:contain; }
.main_bgDeco .s01 {top:730px; left:75%; opacity: 0.9; animation: bgFade 18s ease-in-out infinite alternate;}
.main_bgDeco .s02 {top:700px; left:25%; opacity: 1; animation: bgFade2 10s ease-in-out infinite alternate;}
.main_bgDeco.deco02 .s01 {top:80%; left:80%; opacity: 0.9;}
.main_bgDeco.deco02 .s02 {top:75%; left:22%; opacity: 1;}
@keyframes bgFade {
  0%   { opacity: 0.9; top:730px; left:75%; scale: 1;}
  50%  { opacity: 0.5; top:720px; left:73%; scale: 1.08;}
  100% { opacity: 0.9; top:730px; left:75%; scale: 1;}
}
@keyframes bgFade2 {
  0%   { opacity: 1; }
  50%  { opacity: 0.5; }
  100% { opacity: 1; }
}

.main .sec_01.in_cover > .in_w,
.main .sec_02.in_cover > .in_w,
.main .sec_03.in_cover > .in_w {top:3rem; opacity: 0.3; filter: blur(8px);}
.main .sec_01.in_cover.wp > .in_w,
.main .sec_02.in_cover.wp > .in_w,
.main .sec_03.in_cover.wp > .in_w {top:0; opacity:1; filter: blur(0); transition: 0.8s;}


/* scrollbar */
body ::-webkit-scrollbar{width: 12px; height: 12px;}
body ::-webkit-scrollbar-thumb{background-color: #a0abba; border-radius: 0.625rem; border: 2px solid transparent; background-clip: padding-box;  box-sizing: border-box;}
body ::-webkit-scrollbar-track{ background:transparent; border-radius: 0.625rem; border: 2px solid transparent; box-shadow:inset 0.625rem 0 0 #e5e8ec;  box-sizing: border-box; }

.gnb ::-webkit-scrollbar{width: 8px; height: 8px;}

body.main {word-break: keep-all;}

.main .swiper-button-next:after, 
.main .swiper-button-prev:after {display: none;}
.main .swiper_controll_w {}
.main .swiper_controll {display: flex; align-items: center; gap:0.5rem; white-space: nowrap; }
.main .swiper_controll .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; height: 1rem; }
.main .swiper-pagination {display: flex; align-items: center; position:relative; }
.main .swiper-pagination-bullets {display: flex; gap:6px; }
.main .swiper-pagination-bullet {  width:9px; height:9px; background:#003271;  border-radius: 5px; opacity: 0.2;}
.main .swiper-pagination-bullet-active {width:30px; background:#003271; opacity: 1;}

.main .swiper-pagination-progressbar {width:100px; height: 3px; background:#e5e5e5;}
.main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000000;}

.main .swiper-pagination-fraction {display: inline-flex; gap:0.25rem; width:auto; letter-spacing: 0; font-family: var(--font-family-pre);}
.main .swiper-pagination-fraction > span:before {content:'0'; display: inline;}
.main .swiper-notification {position:absolute;}

.main .swiper-control {display: flex;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next {position:relative; right:auto; left:auto; top:auto; bottom:auto; margin:auto; width:1.875rem; height: 1.875rem; background: url(../images/main/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:1.5rem auto;}
.main .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR.png);}
.main .btn_autoPlay {background: url(../images/main/main_icon_play_pause.png) no-repeat 50% 50%; background-size:1.5rem auto;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main/main_icon_play_pause.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main/main_icon_play_play.png);}
@media (max-width:768px) {
	.main .btn_autoPlay, 
	.main .swiper-button-prev, 
	.main .swiper-button-next {width:1.25rem; height: 1.25rem;     background-size: 1.125rem auto;}
}

/* main content */
.main #header,
.main .hd_box {background:transparent;}
.main.body_scroll #header,
.main.body_scroll .hd_box,
.main .gnb_open #header,
.main .gnb_open .hd_box {background:#fff;}



.main #header,
.main .hd_box,
.main .hd_box > .in_w,
.main #header nav  {height: 120px; }
.main #header .gnb > li > a {line-height: 120px;}
.main .gnb_open .hd_box  {height: 540px;}
.main .in_cover > .in_w {max-width:1200px;}
.main #header > .in_cover > .in_w {max-width:1300px;}

.main #header {border:none;}

.main article {padding-top:0; padding-bottom:0; overflow: hidden; overflow: clip;}
.main section {position:relative;}
.main .sec_vis {padding-top:2rem; padding-bottom:8rem;}
.main .sec_01,
.main .sec_02,
.main .sec_03 {padding-top:6rem; padding-bottom:5.5rem;}
.main .sec_vis > .in_w { max-width:1600px;}
.main .sec_01 {background:#f9f9f9;}
.main .sec_03 {background:#fbfffc;}
@media (max-width:1160px) {
	.main .sec_vis { padding-top:1rem; padding-bottom:5rem; }
	.main .sec_01,
	.main .sec_02,
	.main .sec_03 {padding-top:4rem; padding-bottom:4rem;}
}
@media (max-width:768px) {
	.main .sec_vis { padding-bottom:3rem; }
  .main .sec_01,
	.main .sec_02,
	.main .sec_03 {padding-top:3rem; padding-bottom:3rem;}
}
@media (max-width:960px) {
	.main .sec_vis { padding-top:0.5rem; padding-bottom:3rem; }
}

.main .h3_w {margin-bottom:2.5rem; text-align: center;}
.main .h3_w h3.main_cntT {font-size:50px; letter-spacing: -5px;}
.main .h3_w .h3_x {margin-top:14px; font-size:1.0625rem; line-height: 1.6; }
.main .h3_w .btn_st_round { margin-top:1.5rem; padding:0 2rem; height: 3.25rem; font-size:1.1875rem; color:#000; font-weight: 500; border-radius: 1.75rem;}
.main .h3_w .btn_st_round .icon_arw {margin-left:0.75rem; width:1.75rem; height: 1.75rem; background: url(../images/main/main_arw02.png) no-repeat 50% 50%; background-size:contain;}
.main .h3_w .btn_w {display: inline-flex; margin:25px auto 0; width:440px; max-width:100%; background:#f6f6f6; border-radius: 24px; overflow: hidden;}
.main .h3_w .btn_w .btn {flex:1; height: 3rem; font-size:1.125rem; background:none; border:none;}
.main .h3_w .btn_w .btn span { color:#666; }
.main .h3_w .btn_w .btn.ac { background:#ff8a2a; border-radius: 24px;}
.main .h3_w .btn_w .btn.ac span {color:#fff;}
@media (max-width:1160px) {
	.main .h3_w h3.main_cntT { font-size: 3rem;}
	.main .h3_w .h3_x {font-size:1rem;}
}
@media (max-width:860px) {
	.main .h3_w h3.main_cntT { font-size: 2.5rem; letter-spacing: -1.5px;}
}
@media (max-width:640px) {
	.main .h3_w h3.main_cntT {font-size: 2.25rem;}
	.main .h3_w .btn_st_round {zoom:0.9;}
	.main .h3_w .btn_st_round .icon_arw { width: 1.25rem; height: 1.25rem; }
}
@media (max-width:460px) {
	.main .h3_w h3.main_cntT {font-size:2.125rem;}
}
@media (max-width:340px) {
	.main .h3_w h3.main_cntT {font-size:2rem;}
}

.main_vis {position:relative; width:100%; border-bottom-left-radius: 0.625rem; /*overflow: hidden;*/ }
.main_vis_swiper_swiper {width:100%;}
.main_vis_swiper .slide_w {display: flex; gap:3rem; position:relative; }

.main_vis .swiper_controll_w {display: flex; align-items: center; gap:1.875rem; position:absolute; left:0; left:66.75%; bottom:7.5rem; margin-left:3rem; }
.main_vis .swiper_controll_w .swiper-pagination-fraction {bottom:auto;}
.main_vis .swiper-pagination-progressbar {left:0; bottom:0; width:1068px; max-width:68%;  height: 9px; /*background-color:transparent;*/ border-bottom-right-radius: 0.875rem; border-bottom-left-radius: 0.875rem; overflow: hidden; }
.main_vis .swiper-pagination-fraction {font-size:2.25rem; line-height: 2.25rem; }
.main_vis .swiper-button-next {background-image: url(../images/main/main_arw02.png);}

.main_vis_swiper .img_w {position:relative; height: 100%; width:66.75%; max-width:1068px; border-radius: 0.875rem; overflow: hidden;}
.main_vis_swiper .img_w img {width:100%; height: 100%; object-fit: cover;}

.main_vis_swiper .tit_w {flex:1; position:relative; margin-right:-20px;}
.main_vis_swiper .tit_w > .w {  display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.main_vis_swiper .tit_w .tt {padding-top:25px; font-size:60px; font-size:54px; color:#000; line-height: 1.25; font-weight: bold; letter-spacing: -5px;}
.main_vis_swiper .tit_w .tt span { transform: translateY(-20px); opacity: 0; }
.main_vis_swiper .tit_w .tt .deco_box { display: inline-block; position:relative; left:-8px; padding:10px 20px 11px; margin:6px 0; font-size:36px; color:#ff8a2a; letter-spacing: -3px; border:2px solid #ff8a2a; border-radius: 16px;}
.main_vis_swiper .tit_w .tx {font-weight: 300;}
.main_vis_swiper .tit_w .tx span { transform: translateX(10px); opacity: 0; font-size:1.0625rem; line-height: 1.6; } 

.main_vis_swiper .swiper-slide-active .tit_w span {  animation: visTit_fade 0.5s ease-out forwards ;}
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(1) { animation-delay: 0.1s; }
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(2) { animation-delay: 0.25s; }
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(3) { animation-delay: 0.4s; }
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(4) { animation-delay: 0.55s; }

@keyframes visTit_fade {
  to { opacity: 1; transform: translate(0,0); }
}

@media (max-width:1560px) {
	.main_vis_swiper .tit_w .tt {padding-top:0;}
}
@media (max-width:1500px) {
	.main_vis_swiper .tit_w .tt { font-size:50px; }
	.main_vis_swiper .tit_w .tt .deco_box { font-size:30px;}
}
@media (max-width:1460px) {
	.main_vis .swiper_controll_w {gap:1.25rem; left:65%; }
	.main_vis_swiper .img_w {width:65%; height: 480px;}

	.main_vis_swiper .tit_w .tt {font-size:46px;}
	.main_vis_swiper .tit_w .tt .deco_box {font-size:1.5rem;}
}
@media (max-width:1280px) {
	.main_vis_swiper .slide_w {gap:2rem 2.5rem;}
	.main_vis .swiper_controll_w {margin-left:2.25rem;}
}
@media (max-width:1160px) {
	.main_vis_swiper .slide_w { flex-direction: column; }
	.main_vis .swiper_controll_w { gap:0.75rem; left:1.875rem; top:43vw; bottom:auto; margin:0; }
	.main_vis .swiper-pagination-fraction {font-size:1.25rem; color:#fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.35);}
	.main_vis .swiper-button-next { background-image: url(../images/main/main_arw02_w.png); background-size:1rem auto;}

	.main_vis_swiper .img_w {width:100%; height: auto; max-width:none;}
	.main_vis_swiper .tit_w { margin:0; padding-left:1.5vw; }
	.main_vis_swiper .tit_w > .w {margin:0 auto; max-width:960px; }	
	.main_vis_swiper .tit_w .tt {letter-spacing: -0.125rem;}
	.main_vis_swiper .tit_w .tt span { transform: translateY(0); }	
	.main_vis_swiper .tit_w .tt .deco_box {letter-spacing: -0.0625rem;}
	.main_vis_swiper .tit_w .tx {margin-top:1rem;}
}
@media (max-width:960px) {
	.main_vis .swiper_controll_w {top:23.5rem;}
	.main_vis_swiper .img_w {height: 26.25rem;}
	.main_vis_swiper .tit_w .tt {font-size:2.5rem;}
	.main_vis_swiper .tit_w .tt .deco_box { font-size:1.375rem;}
}
@media (max-width:768px) {
	.main_vis .swiper-pagination-fraction {font-size:1rem; }

	.main_vis_swiper .tit_w .tt .deco_box { left: -0.375rem;  margin: 0.5rem 0; padding: 0.5rem 1rem 0.5rem; font-size:1.25rem; border-radius: 0.875rem;}
}
@media (max-width:768px) {

}



.vis_iconBox_w {z-index:50; position:relative; }
.vis_iconBox {  position:absolute; top:0; right:21%; display: flex; align-items: center; width:296px; height:269px; color:#fff; opacity: 0;  box-sizing: border-box; scale:100%;
	transition: all 0.6s ease;
	animation: bubbleMotion 6s ease-in-out infinite;}
.vis_iconBox:before {content:''; display: block; position:absolute; left:-15px; top:-14px; width:332px; height: 304px; background: url(../images/main/main_visIcon01_01_shadow.png) no-repeat 50% 50%; background-size:contain; }
.vis_iconBox .t_w {position:relative; margin-bottom:34px; padding:20px 35px 20px 40px; font-size:25px; font-weight: 500; letter-spacing: -2px; width:100%; box-sizing: border-box;}
.vis_iconBox .t1 { display: flex; justify-content: space-between; gap:8px; position:relative; line-height: 1.2;}
.vis_iconBox .t1 i {display: inline-block; margin-top:3px; width:54px; height: 54px; background: url(../images/main/main_visIcon02_01.png) no-repeat 50% 50%; background-size:contain;}
.vis_iconBox .t2 {margin-top:3px; line-height: 1.1; white-space: nowrap;}
.vis_iconBox .t2 strong {display: inline-block; margin-top:2px; margin-right:3px; font-size:56px; font-weight: bold; font-family:var(--font-family-pre) ; }

.vis_iconBox {}
.vis_iconBox.st01 .t_w { font-size:23px;}
.vis_iconBox.st01 .t1 i {position:absolute; right:-8px; bottom:-20px;}
.vis_iconBox.st01 .t2 strong {font-size:50px;}
.vis_iconBox.left {left:5%;  top:0; scale:85%; margin-top:-6rem;}
.vis_iconBox.right { z-index: 1;  right:4%; top:0;  margin-top:-12rem;}
.vis_iconBox.right .t_w {padding-left:35px;}


section.wp .vis_iconBox {  opacity: 0;
	animation: enterFromTop 0.5s ease-in-out forwards, bubbleMotion 6s ease-in-out 0.6s infinite;
}
section.wp .vis_iconBox.st01 {  opacity: 0;
	animation: enterFromTop 0.5s ease-in-out forwards, bubbleMotion2 6.5s ease-in-out 0.6s infinite;
}
@keyframes bubbleMotion {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}
@keyframes bubbleMotion2 {
  0%   { transform: translateY(0); }
  65%  { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}
@keyframes enterFromTop {
  0% {  transform: translateY(-30px);  opacity: 0;}
	75% {  transform: translateY(-3px);  opacity: 0.9;}
  100% { transform: translateY(0); opacity: 1;  }
}
@media (max-width:1400px) {
	.vis_iconBox {zoom:0.9;}
}
@media (max-width:1340px) {
	.vis_iconBox.left {left:1%;}
  .vis_iconBox.right {right:1%;}
}
@media (max-width:1280px) {
	.vis_iconBox_w {display: none;}
}






article .sec_quickScroll {z-index:10; position:sticky; top:200px;}
.main .sec_quickScroll > .in_w { max-width:1600px;}
@media (max-width:1160px) {
  article .sec_quickScroll { top:160px;}
}
@media (max-width:768px) {
  article .sec_quickScroll { top:130px;}
}

.main_sideQuick_w {}
.main_sideQuick_w .sideQuick_btn {position:absolute; top:0;}

.main_quickScroll_w {position:absolute; top:0; }
.main_quickScroll_w > li {display: block;}
.main_quickScroll,
.main_sideQuick_w .sideQuick_btn { display: flex; width:3.125rem; height: 3.125rem; background: #fff url(../images/main/main_quickIcon01_01.png) no-repeat 50% 50%; background-size:1.5rem auto; border:1px solid #c4c4c4; border-radius: 0.625rem; box-sizing: border-box;}
.main_sideQuick_w .sideQuick_btn {background-image:  url(../images/main/main_arw02.png); background-size:1.75rem auto; opacity: 0;}
.main_quickScroll span {display: flex; align-items: center;  position:absolute; left:100%; height: 100%; width:0; color:#000; letter-spacing: -1px; white-space: nowrap; text-decoration: underline; text-underline-offset: 2px; opacity: 0; transition: var(--transition-custom); overflow: hidden;}
.main_quickScroll.icon01 {background-color:#0fb229; border-color:#0fb229; }
.main_quickScroll.icon02 {background-color:#fae100; background-image: url(../images/main/main_quickIcon01_02.png); border-color:#fae100;  }
.main_quickScroll.icon03 {background-image: url(../images/main/main_quickIcon01_03.png); }
.main_quickScroll.icon04 {background-image: url(../images/main/main_quickIcon01_04.png); }
.main_quickScroll.ico_close {background-color:#000000; border-color:#000;}
.main_quickScroll.ico_close:before,
.main_quickScroll.ico_close:after {background-color:#fff;}

.main_sideQuick_w .sideQuick_btn,
.main_sideQuick_w .main_quickScroll_w li { transition: transform 0.4s ease, opacity 0.4s ease; }
.main_sideQuick_w .sideQuick_btn { top:-1.5rem; transform: translateX(-200%);}
.main_sideQuick_w .main_quickScroll_w {top:-1.5rem;}
.main_sideQuick_w .main_quickScroll_w li { position:absolute; transform: translateX(0); opacity: 1;}
.main_sideQuick_w .main_quickScroll_w li:nth-child(1) { top:0; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(2) { top:3.5rem; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(3) { top:7rem;}
.main_sideQuick_w .main_quickScroll_w li:nth-child(4) { top:10.5rem; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(5) { top:14rem; }

.main_sideQuick_w.hide .sideQuick_btn { transform: translateX(-2.5rem); opacity: 1; transition-delay: 0.5s; }
.main_sideQuick_w.hide .sideQuick_btn:hover {transform: translateX(-1.5rem); transition-delay: 0s;}
.main_sideQuick_w.hide .main_quickScroll_w li { transform: translateX(-200%); opacity: 0; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(1) { transition-delay: 0.1s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(2) { transition-delay: 0.15s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(3) { transition-delay: 0.2s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(4) { transition-delay: 0.25s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(5) { transition-delay: 0.3s; }

.main_sideQuick_w.off .sideQuick_btn { transform: translateX(-200%); transition-delay: 0s; opacity: 0;}
.main_sideQuick_w.off .main_quickScroll_w li { transform: translateX(0);  opacity: 1; }

.main_sideQuick_w.off .main_quickScroll_w li:nth-child(1) { transition-delay: 0.1s; }
.main_sideQuick_w.off .main_quickScroll_w li:nth-child(2) { transition-delay: 0.15s; }
.main_sideQuick_w.off .main_quickScroll_w li:nth-child(3) { transition-delay: 0.2s; }
.main_sideQuick_w.off .main_quickScroll_w li:nth-child(4) { transition-delay: 0.25s; }
.main_sideQuick_w.off .main_quickScroll_w li:nth-child(5) { transition-delay: 0.3s; }

.main_quickScroll_w > li:hover .main_quickScroll span { padding-left:10px; width:auto; opacity: 1; }

@media (min-width:1661px) {
	.main_sideQuick_w .main_quickScroll_w .ico_close_w {display: none;}
}
@media (max-width:1340px) {
	.main_quickScroll { box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.15);}
	.main_quickScroll span {display: none;}	
}
@media (max-width:960px) {
	.sec_quickScroll.in_cover {padding-left:1.5rem ; padding-right:1.5rem ;}
}
@media (max-width:768px) {
	.sec_quickScroll {top:6rem;}
	.main_sideQuick_w .sideQuick_btn {background-size:1.25rem auto;}
	.main_quickScroll,
	.main_sideQuick_w .sideQuick_btn { width:2.75rem; height: 2.75rem; }
}

.sec_01 {}
.sec_01.in_cover > .in_w {max-width:1600px;}
.sec_01 .h3_w {margin-bottom:3.75rem;}

/* main_01.html
.main_why_w { position:relative; }
.main_why {margin:0 auto; width:44.875%; max-width:718px; }
.main_why_box {position:relative; height: 490px;}
.main_why_box .tit_w .c {margin-bottom:0.625rem; font-size:0.9375rem;}
.main_why_box .tit_w .x {margin-top:1rem; font-size:0.9375rem; letter-spacing: -0.0625rem; line-height: 1.7;}
.main_why_box .img_w {height: 250px; border-radius: 0.75rem; overflow: hidden;}
.main_why_box .img_w img {width:100%; height: 100%; object-fit: cover;}

.main_why_box.ac { display: flex; flex-direction: column; gap:2rem; }
.main_why_box.ac .tit_w {flex:1;}
.main_why_box.ac .tit_w .t { font-size:2.25rem; font-weight: bold; letter-spacing: -0.125rem;}
.main_why_box:not(.ac) { position:absolute; bottom:0; width:23.75%; height: 100%;}
.main_why_box:not(.ac) .tit_w {z-index:10; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff;}
.main_why_box:not(.ac) .tit_w .t {font-size:1.25rem;  text-align: center; line-height: 1.4;}
.main_why_box:not(.ac) .t_w > p:not(.t) { display: none; }
.main_why_box:not(.ac) .btn_w {display: none;}
.main_why_box:not(.ac) .img_w {height: 100%; background:#000;}
.main_why_box:not(.ac) .img_w img {opacity: 0.45;}
.main_why_box.before {left:0;}
.main_why_box.next {right:0;}
.main_why_w .btm_btn_w .btn_ico { position:absolute; bottom:125px; transform: translateY(50%); width:3.8125rem; height: 2.5rem; background: url(../images/main/main_arw02.png) no-repeat 50% 50%; background-size: 1.5rem auto; }
.main_why_w .btm_btn_w .btn_ico.l {left:23.75%; transform: translateY(50%) rotate(180deg);}
.main_why_w .btm_btn_w .btn_ico.r {right:23.75%;}
*/


.main_why_w { display: flex; justify-content: center; overflow: hidden; }

.main_why {position:relative; width:52.5%;}
.main_why_swiper { width:100%; }
.main_why .slide_w {display: none; position:relative; height: 490px; box-sizing: border-box;}
.main_why .slide_w .tit_w {}
.main_why .slide_w .tit_w .c {display: none; margin-top:-0.125rem; margin-bottom:0.625rem; font-size:0.9375rem;}
.main_why .slide_w .tit_w .t {font-size:1.25rem; line-height: 1.4; }
.main_why .slide_w .tit_w .x {display: none; margin-top:1.25rem; padding-right:4rem; font-size:0.9375rem; letter-spacing: -0.0625rem; line-height: 1.7;	}
.main_why .slide_w .img_w { height: 100%; background:#000; border-radius: 0.75rem; overflow: hidden; }
.main_why .slide_w .img_w img {width:100%; height: 100%; object-fit: cover; opacity: 0.55;}
.main_why .slide_w .btn_ico {display: none; position:absolute; right:70px; bottom:250px; margin-bottom:1.5rem; width:3rem; height:3rem; background: #ff8a2a url(../images/main/main_arw02_w.png) no-repeat 50% 50%; background-size: 1.5rem auto; border-radius: 0.625rem;}


.main_why .swiper-slide-active .slide_w { display: flex!important; flex-direction: column; gap:2rem; padding:0 70px; }
.main_why .swiper-slide-active .slide_w .tit_w .c,
.main_why .swiper-slide-active .slide_w .tit_w .x,
.main_why .swiper-slide-active .slide_w .btn_ico {display: block;}
.main_why .swiper-slide-active .slide_w .tit_w {flex:1;}
.main_why .swiper-slide-active .slide_w .tit_w .t { font-size:2.25rem; line-height: 1.2; font-weight: bold; letter-spacing: -0.125rem; word-break: keep-all;}
.main_why .swiper-slide-active .slide_w .img_w {height: auto; max-height: 250px;}
.main_why .swiper-slide-active .slide_w .img_w img {opacity: 1;}

.main_why .swiper-slide-prev,
.main_why .swiper-slide-next {  opacity: 1!important; }
.main_why .swiper-slide-prev .slide_w,
.main_why .swiper-slide-next .slide_w {display: block; position:absolute; top:0; width:45.23%;}
.main_why .swiper-slide-prev .slide_w {right:100%; }
.main_why .swiper-slide-next .slide_w {left:100%;}
.main_why .swiper-slide-prev .slide_w .tit_w .t,
.main_why .swiper-slide-next .slide_w .tit_w .t {display: flex; justify-content: center; align-items: center; z-index:10; position:absolute; left:0; top:0; width:100%; height: 100%; color:#fff; text-align: center; } 

.main_why .swiper-pagination-bullets { display: none;}
.main .main_why .swiper-pagination-bullet { width:1rem; height: 1rem; background-color:#000; border-radius: 50%;}
.main .main_why .swiper-pagination-bullet-active { background-color:#0fb229; }
.main_why .swiper-button-prev,
.main_why .swiper-button-next { position:absolute; bottom:125px; transform: translateY(50%); width:70px; height: 70px; background: url(../images/main/main_arw02.png) no-repeat 50% 50%; background-size: 1.5rem auto; }
.main_why .swiper-button-prev {left:0; transform: translateY(50%) rotate(180deg);}
.main_why .swiper-button-next {right:0;}
@media (max-width:1600px) {
  .main_why {width:56%}
  .main_why .swiper-slide-prev .slide_w,
  .main_why .swiper-slide-next .slide_w {width:39%;}
  .main_why .swiper-slide-active .slide_w {padding:0 3.5rem; }
  .main_why .swiper-button-prev, 
  .main_why .swiper-button-next {width:3.5rem;}
  .main_why .slide_w .btn_ico {right:3.5rem;}
}
@media (max-width:1279px) {
  .main_why .swiper-slide-prev .slide_w .tit_w .t,
  .main_why .swiper-slide-next .slide_w .tit_w .t {display: none;}
  .main_why_w {position:relative; margin-left:-30px; margin-right:-30px;} 
  .main_why_w:before,
  .main_why_w:after {content:''; display: block; z-index:10; position:absolute; top:0; width:3rem; height: 100%;}
  .main_why_w:before { left:0; background: linear-gradient(to left, transparent, #f9f9f9); }
  .main_why_w::after { right:0; background: linear-gradient(to right, transparent, #f9f9f9); }
  .main_why .swiper-slide-prev .slide_w,
  .main_why .swiper-slide-next .slide_w {opacity: 0.8;}

  .main_why {width:82%;}
  .main_why .swiper-slide-active .slide_w {padding:0 7vw;}
  .main_why .swiper-button-prev, 
  .main_why .swiper-button-next {width:7vw;}
  .main_why .slide_w .btn_ico { right: 7vw;}
}
@media (min-width:1601px) {  
  .main_why .swiper-slide-active .slide_w .tit_w .t {  word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
  .main_why .swiper-slide-active .slide_w .tit_w .x {display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical; }
}
@media (max-width:1160px) {
  .main_why_w:before, 
  .main_why_w:after,
  .main_why .swiper-button-prev, 
  .main_why .swiper-button-next {display: none;}
  .main_why_w {margin-left:0; margin-right:0;} 
  .main_why {width:100%; max-width:860px;}
  .main_why .swiper-slide-prev .slide_w,
  .main_why .swiper-slide-next .slide_w {display: none;}
  .main_why .slide_w {height: auto;}
  .main_why .swiper-slide-active .slide_w {padding:0;}
  .main_why .swiper-slide-active .slide_w .tit_w .t {padding-right:4rem;}
  .main_why .swiper-slide-active .slide_w .tit_w .t br {display: none;}
  .main_why .swiper-slide-active .slide_w .tit_w .x {padding:0;}
  .main_why .swiper-slide-active .slide_w .img_w {height: 18.75rem; max-height: none;}
  .main_why .slide_w .btn_ico {top:1.625rem; right:1px; bottom:auto; }

  .main_why .swiper_controll_w {display: flex; justify-content: center; padding-top:1.25rem;}
  .main_why .swiper-pagination-bullets {display: flex;}  
}
@media (max-width:960px) {
  .main_why .slide_w .btn_ico {top:1.5rem; right:1px; bottom:auto; width: 2.5rem; height: 2.5rem; background-size: 1.25rem auto; }
  .main_why .swiper-slide-active .slide_w .tit_w .t { font-size: 1.875rem; }
}
@media (max-width:768px) {
  .main_why .slide_w .btn_ico {top:1.5rem; right:1px; bottom:auto; width: 2.5rem; height: 2.5rem; background-size: 1.25rem auto; }
  .main_why .swiper-slide-active .slide_w .tit_w .t { font-size: 1.75rem; }
}

.main .sec_02 {position:relative; padding-bottom:3.375rem;}
.main .sec_02:before {content:''; display: block; position:absolute; left:0; top:450px; right:0; bottom:0; background:#0ab14e url(../images/main/main_cnt_bg01.jpg) no-repeat 50% 50%; background-size:cover; }

.main_bdCard_list {display: flex; gap:0.625rem; margin-bottom:4rem;}
.main_bdCard_list > li {flex:1; display: block;}
.main_bdCard {display: flex; position:relative; top:0; transition:var(--transition-custom03); margin:-1px; height: 15rem; background:#fff; border:5px solid #fff; border-radius: 0.625rem; box-sizing: border-box; }
.main_bdCard:before {content:''; display: block; position:absolute; left:-5px; top:-5px; right:-5px; bottom:-5px; transition:var(--transition-custom03); border:1px solid #ddd; border-radius: 0.625rem; box-sizing: border-box;}
.main_bdCard > .w {display: flex; flex-direction: column; justify-content: center;  align-items: center; position:relative; margin:0 auto; text-align: center;}
.main_bdCard .btn_ico {position:absolute; right:0.75rem; top:0.75rem; opacity: 0; transform: rotate(0); transition:var(--transition-custom03); width:1.25rem; height: 1.25rem; background: url(../images/main/main_arw02_o.png) no-repeat 50% 50%; background-size:contain;  }
.main_bdCard .i {display: block; transition:var(--transition-custom02); margin-bottom:1rem; width:5.625rem; height: 5.625rem; background: url(../images/main/main_bannIcon02_01.png) no-repeat 50% 50%; background-size:3.75rem auto; border:1px solid #ddd; border-radius: 50%; box-sizing: border-box;}
.main_bdCard .i.i_0101 {background-image: url(../images/main/main_bannIcon02_01.png);}
.main_bdCard .i.i_0102 {background-image: url(../images/main/main_bannIcon02_02.png);}
.main_bdCard .i.i_0103 {background-image: url(../images/main/main_bannIcon02_03.png);}
.main_bdCard .i.i_0104 {background-image: url(../images/main/main_bannIcon02_04.png);}
.main_bdCard .i.i_0105 {background-image: url(../images/main/main_bannIcon02_05.png);}
.main_bdCard .t {font-size:1.5rem; font-weight: 500; color:#000;}
.main_bdCard .c {display: inline-flex; align-items: center; transition:var(--transition-custom02); margin-top:0.5rem; padding:0 1rem; height: 1.875rem; font-size:0.75rem; color:#0d4f29; letter-spacing: 0; background:#f3f3f3; border-radius: 1rem; white-space: nowrap;}
.main_bdCard_list > li:hover {border-color:#ff8a2a;}
.main_bdCard_list > li:hover .main_bdCard {top:-1.25rem; border-color:#ff8a2a; box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.35);}
.main_bdCard_list > li:hover .main_bdCard:before {border-color:#ff8a2a; }
.main_bdCard_list > li:hover .main_bdCard .btn_ico {opacity: 1; transform: rotate(-45deg);}
.main_bdCard_list > li:hover .main_bdCard .i {background-color:#ff8a2a; border-color:#ff8a2a;}
.main_bdCard_list > li:hover .main_bdCard .i.i_0101 {background-image: url(../images/main/main_bannIcon02_01_w.png);}
.main_bdCard_list > li:hover .main_bdCard .i.i_0102 {background-image: url(../images/main/main_bannIcon02_02_w.png);}
.main_bdCard_list > li:hover .main_bdCard .i.i_0103 {background-image: url(../images/main/main_bannIcon02_03_w.png);}
.main_bdCard_list > li:hover .main_bdCard .i.i_0104 {background-image: url(../images/main/main_bannIcon02_04_w.png);}
.main_bdCard_list > li:hover .main_bdCard .i.i_0105 {background-image: url(../images/main/main_bannIcon02_05_w.png);}
.main_bdCard_list > li:hover .main_bdCard .c { color:#fff; background-color:#ff8a2a;  }
@media (max-width:1160px) {
  .main .sec_03:before {top:400px;}
  .main_bdCard_list { flex-wrap: wrap; justify-content: center; margin:0 auto; max-width: 760px;}
  .main_bdCard_list > li {flex:none; width:31%;}
}
@media (max-width:640px) {
  .main .sec_03:before {top:360px;}
  .main_bdCard_list {gap:2vw; margin-left:-4.5vw; margin-right:-4.5vw; }
  .main_bdCard_list > li {width:29vw;}
  .main_bdCard {height: 13rem;}
  .main_bdCard .i {zoom:0.8; }
  .main_bdCard .t {font-size:1.375rem;}
}
@media (max-width:560px) {
  .main_bdCard {height: 12rem;}
  .main_bdCard .i {zoom:0.7;}
  .main_bdCard .t {font-size:1.25rem;}
}
@media (max-width:460px) {
  .main_bdCard_list {margin-left:-5vw; margin-right:-5vw; }
  .main_bdCard_list > li {width:30vw;}
  .main_bdCard .c {zoom:0.9;}
}



.main_customer {display: flex; flex-wrap: wrap; gap:1.875rem 0; margin-top:3.375rem; color:#fff;}
.main_customer > li {flex:1;  display: flex; flex-direction: column; gap:15px;}
.main_cust {display: flex; align-items: flex-start; gap:16px; width:50%; box-sizing: border-box;}
.main_cust.cust02 {padding-left:3rem; border-left:2px solid rgba(255,255,255,0.5);}
.main_cust.cust03 {width:100%; min-height: 90px;}
.main_cust .icon {display: inline-block; width:67px; height: 65px; background: #fff url(../images/main/main_customIcon01_01.png) no-repeat 50% 50%; background-size:42px auto; border-radius: 1rem;}
.main_cust .icon.icon0301 {background-image: url(../images/main/main_customIcon01_01.png); }
.main_cust .icon.icon0302 {background-image: url(../images/main/main_customIcon01_02.png); }
.main_cust .icon.icon0303 {background-image: url(../images/main/main_customIcon01_03.png); }
.main_cust .t_w {flex:1; display: flex; align-items: center; flex-wrap: wrap; gap:1.5rem;}
.main_cust .t_w h5 {margin-bottom:-3px; font-size:26px; line-height: 65px; color:#fff; white-space: nowrap; }
.main_cust .t_w .h_x { margin-bottom:16px; font-size:1.0625rem; line-height: 1.3; }
.main_cust .t_w .x {margin-top:10px; font-size:0.9375rem; font-weight: 300;}
.main_cust .t_w .b_icon {background-image: url(../images/main/main_arw02_w.png); }
.main_cust dl {display: flex; flex-wrap: wrap; gap:6px; width:calc(100% - 120px); font-size:18px;}
.main_cust dl dt {position:relative; padding-left:12px;}
.main_cust dl dt:before {content: ''; display: block; position:absolute; left:0; top:9px; width:6px; height: 6px; background:#fff; border-radius: 50%;}
.main_cust dl dd {flex:1; min-width:calc(100% - 80px); font-family: var(--font-family-pre);}
.main_cust .x_ip_inline {gap:1px; max-width:440px; font-size:1.125rem;}
.main_cust .x_ip_inline input[type="text"] {height: 50px; border:none;}
.main_cust .x_ip_inline input[type="text"]::placeholder {font-size:1rem; color:#999;}
.main_cust .x_ip_inline .ip_name {flex:1; width:9.375rem; margin-right:6px; }
.main_cust .x_ip_inline .ip_num {width:23%;}
.main_cust .x_ip_inline .btn {width:7.75rem; height: 3.125rem; background:#000; border:none;}
.main_cust .x_ip_inline .btn span { color:#fff;}
.main_cust .ip_secret { gap:0;}
.main_cust .ip_secret #captchaImg {height: 3.125rem; width:9.375rem;}
.main_cust .ip_secret .btn { height: 3.125rem;}
.main_cust .ip_secret .btn_reset { padding:0; height: 3.125rem; width:3.125rem; } 
.main_cust .ip_secret input[type="text"] {flex:1; height: 3.125rem; width:40%;}
.main_cust .ip_secret .btn_sebmit {margin-left:6px;}
@media (max-width:1160px) {
  .main_customer {flex-direction: column;  margin:3.5rem auto 0; max-width:520px;}
	.main_customer > li:nth-child(n) {flex:none; width:100%;}
  .main_cust {width:100%;}  
	.main_cust .icon {width:3.75rem; height: 3.75rem; background-size: 2.25rem auto;}
  .main_cust .t_w { flex-direction: column; align-items: flex-start; gap:0;}
	.main_cust .t_w h5 {height: 3.75rem; font-size:1.5rem; line-height: 3.75rem;}
	.main_cust .t_w .h_x {font-size: 1rem;}
  .main_cust.cust01 dl {width:100%;}
  .main_cust.cust02 {padding:0; border:none;}
  .main_cust.cust03 .t_w {gap:1rem;}
  .main_cust.cust03 .x_divi { flex-wrap: wrap; gap:0.5rem}
}
@media (max-width:1024px) {
	.main_cust dl {font-size:1.0625rem;}
}
@media (max-width:960px) {
	.main_customer { }
	.main_customer > li {gap:1.875rem;}
	.main_customer > li:nth-child(2) {width:100%;}	
}
@media (max-width:768px) {
}
@media (max-width:540px) {	
	.main_cust .icon { width: 3.25rem; height: 3.25rem; background-size: 2rem auto; }
	.main_cust .t_w h5 {height: 3.25rem;font-size: 1.25rem; line-height: 3.25rem;}
	.main_cust .x_ip_inline .btn_sebmit {width: 6.5rem;}
	.main_customer {gap: 1.5rem; margin: 2.5rem auto 0; }
	.main_customer > li {gap: 1.5rem;}
	
}
@media (max-width:460px) {
	.main_cust .x_ip_inline { margin-left: -4rem; margin-right: 0.5rem; }
	.main_cust .t_w .x {margin-left: -4rem;}
}


.main_video_w { margin-bottom:50px; }
.main_video {display: flex; gap:50px;}
.main_video .img_w {position:relative; width:460px; min-height:257px ; background:#f7f7f7 url(../images/main/main_customIcon02_05.png) no-repeat 50% 50%; background-size:3rem auto; border-radius: 0.625rem; overflow: hidden;}
.main_video .img_w:before {content:''; display: block; padding-top:55.86%;}
.main_video .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_video .txt_w {flex:1; display: flex; flex-direction: column;}
.main_video .txt_w .c {margin-bottom:0.25rem; font-size:0.875rem;}
.main_video .txt_w .t_w {flex:1; display: flex; flex-direction: column;}
.main_video .txt_w .t {margin-bottom:0.625rem; min-height: 3.75rem; font-size:1.875rem; font-weight: bold; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_video .txt_w .c2 {margin-bottom:0.625rem; font-size:0.875rem; color:#0fb229;}
.main_video .txt_w .x {height: 4.875rem; line-height: 1.6; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.main_video .txt_w .d {margin-top:1.25rem; font-size:0.875rem; color:#999; letter-spacing: 0;}
@media (max-width:1160px) {	
  .main_video { gap: 2.5rem;}
}
@media (max-width:960px) {	
  .main_video { align-items: center; flex-direction: column; gap:1.5rem; margin:0 auto; max-width:640px;}
  .main_video .img_w {width:100%; min-height: auto;}
  .main_video .txt_w {width:100%;}
  .main_video .txt_w .c { margin-bottom: 0.375rem;  }
  .main_video .txt_w .t {margin-bottom: 0.875rem; min-height:auto;}
  .main_video .txt_w .x {height: auto;}
  .main_video .txt_w .d {margin-top: 0.75rem;}
}

.main_video.st01 { display: block;}
.main_video.st01 .img_w {width:100%; min-height: auto;}
.main_video.st01 .txt_w {margin-top:1rem;}
.main_video.st01 .txt_w .t {min-height: auto; height: 3.5rem; font-size:1.25rem; line-height: 1.4;}
.main_video.st01 .txt_w .d {margin:0;}

.main_bann3 .swiper_controll_w {display: flex; align-items: center; gap:1.25rem; margin-top:2rem;}
.main_bann3 .swiper_controll_w > .w {display: flex; gap:0.5rem;}
.main_bann3 .swiper_controll_w .swiper-pagination {flex:1;}
.main_bann3 .swiper_controll_w  .btn_autoPlay, 
.main_bann3 .swiper_controll_w  .swiper-button-prev, 
.main_bann3 .swiper_controll_w  .swiper-button-next {width:1.25rem; height: 1.25rem; background-size:contain;}
@media (min-width:1025px) {	
  .main_bann3_swiper {overflow: hidden;}
}
@media (max-width:768px) {	
  .main_video.st01 .txt_w .t {height: 3.25rem; font-size:1.125rem; line-height: 1.5;}
  .main_bann3 .swiper_controll_w > .w > *:not(.btn_ico) {display: none;}
}


.sec_04 {background:#00943d;}
.main_quickCustom_list {display: flex; gap:10px;}
.main_quickCustom_list > li {flex:1;}
.main_quickCustom_list .main_quickCustom {display: flex; align-items: center; gap:0.625rem; height: 5.625rem; font-size:1.0625rem; color:#fff;}
.main_quickCustom .icon {width:3rem; height: 3rem; background: url(../images/main/main_customIcon02_01.png) no-repeat 50% 50%; background-size:contain;}
.main_quickCustom .icon.icon0401 { background-image: url(../images/main/main_customIcon02_01.png);}
.main_quickCustom .icon.icon0402 { background-image: url(../images/main/main_customIcon02_02.png);}
.main_quickCustom .icon.icon0403 { background-image: url(../images/main/main_customIcon02_03.png);}
.main_quickCustom .icon.icon0404 { background-image: url(../images/main/main_customIcon02_04.png);}
.main_quickCustom .icon.icon0405 { background-image: url(../images/main/main_customIcon02_05.png);}
.main_quickCustom .t {flex:1;}
.main_quickCustom .ico_arw {width:1.5rem; height: 1.5rem; background: url(../images/main/main_arw01_w.png) no-repeat 50% 50%; background-size:contain; opacity: 0.3;}
.main_quickCustom:hover .ico_arw {opacity: 1;}
@media (max-width:960px) {
	.main_quickCustom_list { flex-wrap: wrap; gap:0 10%; margin:0 -4.5vw;padding: 0.75rem 6vw; border-top:1px solid rgba(255,255,255,0.2);}
	.main_quickCustom_list > li {flex:none; width:45%;}
	.main_quickCustom_list .main_quickCustom { height: 3.5rem;}
	.main_quickCustom .icon { width: 2.25rem; height: 2.25rem; }
}
@media (max-width:640px) {
	.main_quickCustom_list {  margin:0 -4vw; padding: 0.75rem 4vw; }
	.main_quickCustom .icon { width: 2rem; height: 2rem; }
	.main_quickCustom .ico_arw { width: 1.25rem; height: 1.25rem;}
}


/* 20260113 HSM 하단 탈장이란? 수정 */
.main_bdCard_list .main_bdCard .tt {font-size: 14px; letter-spacing: -1px; height: 30px;}
.main_bdCard .i.i_0106 {background: url(../images/main/ico_giant_hernia.png) no-repeat 50% 50%;}
.main_bdCard .i.i_0107 {background: url(../images/main/ico_rectus_abdominis_diastasis.png) no-repeat 50% 50%;}
.main_bdCard_list>li:hover .main_bdCard .i.i_0106 {background-image: url(../images/main/ico_hov_giant_hernia.png);}
.main_bdCard_list>li:hover .main_bdCard .i.i_0107 {background-image: url(../images/main/ico_hov_rectus_abdominis_diastasis.png);}

@media (max-width: 560px) {
  .main_bdCard .t {font-size: 15px;}
  .main_bdCard .c {zoom: 0.85;}
}

@media (max-width: 460px) {
  .main_bdCard .c {zoom: 0.75;}
}