@charset "UTF-8";

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


.main .swiper-notification {position:absolute;}

:root{
	--main-color:transparent;
	--transition-custom: all 0.3s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out;
	--transition-custom-2: all 0.2s 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-SUIT: 'SUIT', 'Montserrat', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.main .btn_autoPlay {background: url(../images/main/main_icon_play_pause.png) no-repeat 50% 50%; background-size:contain;}
.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);}
.main .swiper-button-prev,
.main .swiper-button-next { background: url(../images/main/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:contain;}
.main .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR.png);}

.main .contents {background:#fff;}
.main article {padding-bottom:8.75rem;}
.main article .in_cover > .in_w,
.main .ft_bann.in_cover > .in_w,
.main footer .in_cover > .in_w {max-width:1260px;}

.main h3 { font-size:2.5rem; font-weight: 600; line-height: 1.2; letter-spacing: -2px; word-break: keep-all; }
@media (max-width:1160px) { 
	.main h3 { font-size: 2.25rem; line-height: 1.3;}
}
@media (max-width:768px) { 
	.main h3 { font-size: 2rem; }
}
@media (max-width:640px) { 
	.main h3 { font-size: 1.875rem; }
}
@media (max-width:560px) { 
	.main h3 { font-size: 1.75rem; }
}
@media (max-width:460px) { 
	.main h3 { font-size: 1.625rem; }
}
@media (max-width:360px) { 
	.main h3 { font-size: 1.5rem; }
}

@media (max-width:1160px) { 
	.main_cnt02.in_cover,
	.main_cnt03.in_cover {padding:0 5vw;}
}

/* visual */
.main_vis_swiper .img_w {position:relative; height: 840px;}
.main_vis_swiper .img_w img {width:100%; height: 100%; object-fit: cover;}
.main_vis {position:relative;}
.main_vis .in_cover { }
.main_vis .in_w {display: flex; align-items: center; height: 100%; color:#fff; } 
.main_vis .tit_w {z-index:10; position:absolute; left:50%; top:50%;  margin-left:-630px; margin-top:-90px; transform: translateY(-50%); width:100%; max-width:1260px; }
.main_vis .tit { color:#fff; }
.main_vis .tit .t { font-size:70px; font-weight: 600; text-shadow: 0.25rem 0.25rem 1.5rem rgba(0,0,0,0.5); }
.main_vis .tit .x {margin-top:0.5rem; font-size:35px; font-weight: 600; letter-spacing: -1px; text-shadow: 0.25rem 0.25rem 1.5rem rgba(0,0,0,0.5); }
@media (max-width:1380px) { 
	.main_vis .tit_w {left:auto; margin-left: 0; padding:0 5vw; max-width:none; box-sizing: border-box;}
	.main_vis .tit .t {    font-size: 3.75rem;}
	.main_vis .tit .x { font-size: 2rem;  font-weight: 500; }
}
@media (max-width:1160px) { 
	.main_vis_swiper .img_w { height: 45rem;}
}
@media (max-width:960px) { 
	.main_vis_swiper .img_w {	height: 80vw;}
}
@media (max-width:768px) { 
	.main_vis_swiper .img_w {	height: 100vw;}
	.main_vis .tit_w {    margin-top: -5rem;}
	.main_vis .tit .t,
	.main_vis .tit .x { text-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.3); }
	.main_vis .tit .t { font-size: 3.25rem;}
}
@media (max-width:640px) { 
	.main_vis .tit .x {font-size: 5vw;}
}
@media (max-width:460px) { 
	.main_vis .tit .t { font-size: 3rem; }
}

.main_vis .swiper_controll_w { z-index: 10; position:absolute; top:480px; left:0; right:0; box-sizing: border-box;}
.main_vis .swiper_controll_w .in_w { }
.main_vis .swiper_controll {display: flex; align-items: center; gap:0.5rem; position:absolute; margin-left:10px; }
.main_vis .swiper_controll .ico {flex:none; position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; height: 1rem; border:none; }
.main_vis .swiper_controll .swiper-pagination {position:relative; margin:0 3px;}

.main_vis .swiper-pagination {display: flex; align-items: center; position:relative; margin:0 3px;}
.main_vis .swiper-pagination-bullets {display: flex; gap:6px; }
.main_vis .swiper-pagination-bullet {  width:9px; height:9px; background:rgba(255,255,255,0.6);  border-radius: 5px; opacity: 1;}
.main_vis .swiper-pagination-bullet-active {width:30px; background:#fff;}

.main_vis .btn_autoPlay.btn_stop {background-image: url(../images/main/main_icon_play_pause_w.png);}
.main_vis .btn_autoPlay.btn_play {background-image: url(../images/main/main_icon_play_play_w.png);}
.main_vis .swiper-button-prev {background-image: url(../images/main/main_icon_play_arwL_w.png);}
.main_vis .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR_w.png);}
@media (max-width:1380px) { 
	.main_vis .swiper_controll_w {        padding: 0 5vw;}
}
@media (max-width:1160px) {	
	.main_vis .swiper_controll_w {display: none;}
}



.main_cnt01 {z-index:10; position:relative; color:#fff;}
.main_cnt01 > .in_w {margin-top:-80px; }
.main_cnt01 .main_sch_w {position:relative; height: 80px;; background:#da4c1a; border-top-right-radius: 80px;}
.main_cnt01 .main_quick1 {position:relative; background:#f26432; }
.main_cnt01 .main_sch_w:before,
.main_cnt01 .main_quick1:before {content:''; display: block; position:absolute;right:100%; top:0; bottom:0; width:100%;} 
.main_cnt01 .main_sch_w:before {background:#da4c1a;}
.main_cnt01 .main_quick1:before {background:#f26432; }

.main_sch_w {display: flex; align-items: center; gap:1.5rem 1.875rem; font-size:1.125rem;}
.main_sch {display: flex; align-items: center; gap:1rem;}
.main_sch .t {position:relative; padding-left:0.875rem; white-space: nowrap; }
.main_sch .t:before {content:''; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:0.375rem; height:0.375rem; background:#fff; border-radius: 50%; }
.main_sch_ip {display: flex; width:380px; height: 2.75rem; background:#e17048; border-radius:22px; ;}
.main_sch_ip input[type="text"] {flex:1; height: 100%; color:#fff; background:transparent; border:none;}
.main_sch_ip input[type="text"]::placeholder {color:#757575; font-size:1rem; font-weight: 200;}
.main_sch_ip input[type="submit"] {width:3.75rem; height: 100%; font-size:0px; text-indent: -9999px; background:transparent url(../images/main/main_icon_sch.png) no-repeat 50% 50%; background-size:1.5rem auto;border:none;  }

.main_customQuick01 {flex:1; display: flex; align-items: center; gap:2.5rem; }
.main_customQuick01 > a,
.main_customQuick01 > div {display: inline-flex; align-items: center; gap:0.625rem;}
.main_customQuick01 i {display: inline-block; width:1.5rem; height: 1.5rem; background:#fff url(../images/main/main_icon_0101.png) no-repeat 50% 50%; background-size:contain; border-radius: 50%; }
.main_customQuick01 i.img0101 {background-image: url(../images/main/main_icon_0101.png); }
.main_customQuick01 i.img0102 {background-image: url(../images/main/main_icon_0102.png); }
.main_customQuick01 i.img0103 {background-image: url(../images/main/main_icon_0103.png); }
.main_customQuick01 .t {white-space: nowrap;}
.main_customQuick01 .tel p {display: inline-flex; align-items: center; gap:0.625rem;}
.main_customQuick01 .tel p .bar { margin:0 -0.5rem; font-size:1.25rem;  font-family: var(--font-family-SUIT)}
.main_customQuick01 .tel p a {font-weight: 600; font-size:1.25rem; letter-spacing: 0; font-family: var(--font-family-SUIT);}

.main_quick1 {display: flex; gap:2rem 0; padding:3.75rem 0;}
.main_quick1 > li {flex:1; border-left:1px solid rgba(255,255,255,0.2);}
.main_quick1 a {display: flex; justify-content: center; align-items: center; flex-direction: column; padding:0 1.25rem; text-align: center; font-size:1.25rem; line-height: 1.1; outline-offset: -2px;}
.main_quick1 a .img { margin-bottom:1rem; width:4rem; height: 4rem; background: url(../images/main/main_icon_0201.png) no-repeat 50% 50%; background-size:contain;}
.main_quick1 a .img.img0101 {background-image: url(../images/main/main_icon_0201.png); }
.main_quick1 a .img.img0102 {background-image: url(../images/main/main_icon_0202.png); }
.main_quick1 a .img.img0103 {background-image: url(../images/main/main_icon_0203.png); }
.main_quick1 a .img.img0104 {background-image: url(../images/main/main_icon_0204.png); }
.main_quick1 a .img.img0105 {background-image: url(../images/main/main_icon_0205.png); }

@media (max-width:1280px) { 
	.main_cnt01.in_cover {padding-right:0; padding-left:0;}
	.main article .main_cnt01.in_cover > .in_w {max-width:none;}
	.main_cnt01 .main_sch_w:before, 
	.main_cnt01 .main_quick1:before {display: none;}
	.main_cnt01 .main_sch_w, 
	.main_cnt01 .main_quick1 {padding-right:25px; padding-left:25px;}
	.main_quick1 > li:last-child {border-right: 1px solid rgba(255, 255, 255, 0.2);}

	.main_sch_ip input[type="submit"] {background-image: url(../images/main/main_icon_sch_m.png); }

	.main_sch_ip {width:28vw;}
	.main_customQuick01 {    gap: 2vw;}
}
@media (max-width:1160px) { 
	.main_cnt01 .main_sch_w { flex-wrap: wrap; padding:1.5rem 5vw; height: auto; border-top-right-radius: 3rem; }
	.main_sch_w form {width:100%;}
	.main_sch_ip {width:100%; max-width:480px;}
	.main_customQuick01 {flex:none; gap: 5vw; width:100%;}
	
	.main_quick1 {padding-top:3rem; padding-bottom:3rem;}
	.main_quick1 a {padding:0.25rem 1rem;}
	.main_quick1 a .img {zoom:0.9;}
}
@media (max-width:1160px) { 
	.main_cnt01 .main_quick1 { flex-wrap: wrap; padding: 2rem 5vw; }
	.main_quick1:after {content:''; flex:1; display: block; min-width:30%; background: url(../images/main/main_bg0101.png) no-repeat 50% 50%; background-size:contain; } 
	.main_quick1 > li {position:relative; min-width:30%;}	
	.main_quick1 > li:nth-child(3),
	.main_quick1:after {border-right: 1px solid rgba(255, 255, 255, 0.2);}
	.main_quick1 > li:nth-child(1):before,
	.main_quick1 > li:nth-child(2):before,
	.main_quick1 > li:nth-child(3):before {content:''; display: block; position:absolute; left:1rem; bottom:-1rem; right:1rem; height: 1px; background:rgba(255, 255, 255, 0.2); }
	.main_quick1 a .t {min-height:2rem ;}
}
@media (max-width:960px) { 
	.main_quick1 a {font-size:1.125rem;}
	.main_quick1 a .img {zoom:0.8;}
}
@media (max-width:768px) { 
	.main_sch_ip {height: 3rem;}

	.main_customQuick01 i { width: 1.25rem; height: 1.25rem; }
	.main_quick1 a .img {zoom:0.7;}
	
}
@media (max-width:720px) { 
	.main_customQuick01 { flex-wrap: wrap; gap: 0.75rem 7vw;}
	.main_customQuick01 .tel { margin-right:-3vw; width:100%;}
}

@media (max-width:390px) { 
	.main_customQuick01 > a, 
	.main_customQuick01 > div {  gap: 0.5rem; }
	.main_customQuick01 i { width: 1.125rem; height: 1.125rem; }
}

.main_cnt02 {}
.main_cnt02 .main_bann_w {padding-top:315px; height: 940px; box-sizing: border-box;}
.main_bann_w h3 { position:absolute; left:0; top:130px; }
.main_bann {position:relative;}
.main_bann .bg em { display: block; position:absolute; transform: translate(-50%, -50%); background: url(../images/main/main_bg0101.png) no-repeat 50% 50%; background-size:contain;}
.main_bann .bg .bg0101 {left:-7%; top:9%; width:125px; height:118px; background-image: url(../images/main/main_bg0101.png); background-size: cover; position: absolute; animation: floatUpDown 4s ease-in-out infinite; }
.main_bann .bg .bg0102 {left:-45%; top:41%; width:142px; height:142px; background-image: url(../images/main/main_bg0102.png); background-size: cover; position: absolute; animation: floatUpDown 6s ease-in-out infinite; }
.main_bann .bg .bg0103 {left:7%; bottom:15%; width:180px;  transform: translate(-50%, 50%); height:174px; background-image: url(../images/main/main_bg0103.png); background-size: cover; position: absolute; animation: floatUpDown 2s ease-in-out infinite; }
.main_bann dl { max-width:500px;}
.main_bann dl dt {margin-right:-1rem; font-size:50px; color:#ff9600; color:#f56500; font-weight: 800; font-family: var(--font-family-SUIT);  }
.main_bann dl dt .x { position:relative; top:-0.5rem; font-size:27px; color:#000; font-weight: 600; letter-spacing: -1px;}
.main_bann dl dt.s_01 {font-size: 48px; letter-spacing: -1px; white-space: nowrap;}
.main_bann dl dd { display: block; }
.main_bann dl ul {margin-top:1rem;}
.main_bann dl ul > li { display: flex; align-items: center; gap:0.625rem; padding:1.25rem 0; min-height: 140px; box-sizing: border-box;}
.main_bann dl ul > li:not(:last-child) {border-bottom:1px solid #ddd;}
.main_bann dl ul .img {min-width:90px; width:90px; height: 90px; background: url(../images/main/main_icon_0301.png) no-repeat 50% 50%; background-size:4.25rem auto;}
.main_bann dl ul .img.img0201 {background-image: url(../images/main/main_icon_0301.png);}
.main_bann dl ul .img.img0202 {background-image: url(../images/main/main_icon_0302.png);}
.main_bann dl ul .img.img0203 {background-image: url(../images/main/main_icon_0303.png);}
.main_bann dl ul .img.img0204 {background-image: url(../images/main/main_icon_0304.png);}
.main_bann dl ul .img.img0205 {background-image: url(../images/main/main_icon_0305.png);}
.main_bann dl ul .img.img0207 {background-image: url(../images/main/main_icon_0307.png);}
.main_bann dl ul .img.img0208 {background-image: url(../images/main/main_icon_0308.png);}
.main_bann dl ul .tit {flex:1; display: flex; flex-direction: column;	justify-content: center;}
.main_bann dl ul .tit .t {font-size:1.25rem; font-weight: 600;}
.main_bann dl ul .tit > span {margin-top:0.25rem; color:#6c6c6c; line-height: 1.6; word-break: keep-all;}
.main_bann dl ul .tit strong + .x_txtList {margin-top:0.5rem;}
@media (max-width:1260px) { 
	.main_bann dl dt.s_01 {white-space: normal;}
}
@media (max-width:1160px) { 
	.main_bann_w h3 {position:relative; padding-top:3rem; top:auto;}

	.main_cnt02 .main_bann_w {padding-top:0; height: auto;}
	.main_bann {margin-top:3rem;}

	.main_bann dl {margin-top:3rem; max-width:none;}
	.main_bann dl dt {font-size:3.5rem;}
	.main_bann dl dt .x {top:-0.25rem; font-size:1.5rem;}
	.main_bann dl dt.s_01 {font-size: 3.25rem; }	
	.main_bann dl ul > li { gap: 4vw; min-height: auto;}
	.main_bann dl ul > li:last-child {border-bottom:1px solid #ddd;}
	.main_bann dl ul .tit span br {display: none;}
}
@media (max-width:960px) { 
	.main_bann .bg .bg0101 { left: -20%; top: 15%; }
	.main_bann .bg .bg0102 { left: -35%; top: 70%; }

	.main_bann dl ul {margin-top:0.5rem;}
	.main_bann dl ul .img {min-width:5rem; width:5rem; height: 5rem; background-size:4rem auto;}
}
@media (max-width:768px) { 
	.main_bann .bg .bg0102 {left: -40%;	top: 75%; zoom:0.9;}
	.main_bann .bg .bg0103 {zoom:0.7; }

	.main_bann dl dt {font-size:2.5rem;}
	.main_bann dl dt .x { font-size:1.375rem;}
	.main_bann dl dt.s_01 {font-size: 2.5rem; }	
	.main_bann dl ul .img {zoom:0.85;}
}
@media (max-width:640px) { 	
	.main_bann .bg .bg0101 { zoom:0.7; }
	.main_bann .bg .bg0102 { zoom:0.65; }
	.main_bann .bg .bg0103 { zoom:0.6; }

	.main_bann dl dt {font-size:2.25rem;}
	.main_bann dl dt .x {top:0;}
	.main_bann dl dt.s_01 {font-size: 2.25rem; }	
	.main_bann dl ul .img {zoom:0.8;}
}
@media (max-width:460px) { 
	.main_bann .bg .bg0101 { zoom:0.6; top: 4%; }
	.main_bann .bg .bg0102 { zoom:0.55; }
	.main_bann .bg .bg0103 { zoom:0.5; }

	.main_bann dl dt {font-size:2rem; letter-spacing: 0;}
	.main_bann dl dt.s_01 {font-size: 2rem; }	
	.main_bann dl ul .img {zoom:0.75;}
}



.main_bann_swiper {position:absolute; left:115%; top:40%; transform: translate(-50%, -50%); width:900px!important; height: 900px!important; width:900px; height: 900px; border:2px solid #ddd; border-radius: 50%; box-sizing: border-box; }

.main_bann_swiper .swiper-wrapper {     transform: translate3d(0px, 0px, 0px)!important; width:100%!important; height: 100%!important; }

.main_bann_swiper .swiper-slide {position:absolute; transform: translate(-50%, -50%); transition: var(--transition-custom); width:225px!important; height: 225px!important; border-radius: 50%; overflow: hidden;}
.main_bann_swiper .swiper-slide.swiper-slide-duplicate-next {left:75%; top:10%;}
.main_bann_swiper .swiper-slide,
.main_bann_swiper .swiper-slide-duplicate-prev {left:73%; top:100%; opacity:0 ;}
.main_bann_swiper .swiper-slide-duplicate-active {left:73%; top:0; opacity: 0;}
.main_bann_swiper .swiper-slide.swiper-slide-prev {left:25%; top:10%; opacity: 1;}
.main_bann_swiper .swiper-slide.swiper-slide-active { left:0; top:50%; margin-left:-70px; width:500px!important; height:500px!important; opacity: 1; zoom:1;}
.main_bann_swiper .swiper-slide.swiper-slide-next {left:27%; top:89%; opacity: 1;}
.main_bann_swiper .swiper_controll_w {z-index:10; position:absolute; left: 25%;	top: 50%; transform: translateY(-50%); }
.main_bann_swiper .swiper_controll_w .swiper-pagination {position:relative;}
.main_bann_swiper .swiper_controll_w .swiper-pagination-bullet {display: block; margin-bottom:0.75rem; width:auto; height: auto; font-size:1.625rem; font-weight: 600; color:#999; color:#888; text-align: left; letter-spacing: -1px; white-space: nowrap; background:none; border-radius: 0; opacity: 1;}
.main_bann_swiper .swiper_controll_w .swiper-pagination-bullet.swiper-pagination-bullet-active { color:#000; }
.main_bann_swiper .swiper_controll_w .button_w {display: inline-flex; align-items: center; gap:1rem; margin-top:2rem;}
.main_bann_swiper .swiper_controll_w .swiper-button-prev, 
.main_bann_swiper .swiper_controll_w .swiper-button-next {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:2rem; height: 1.25rem;}
.main_bann_swiper .swiper_controll_w .swiper-control {display: inline-flex; }
.main_bann_swiper .swiper_controll_w .swiper-control a {width:1rem; height: 1rem; min-width:1rem; vertical-align: top;}
@media (max-width:1560px) { 
	.main_bann_swiper {left: 110%; zoom: 0.9; }
}
@media (max-width:1460px) { 
	.main_bann_swiper { left: 103%; }
}
@media (max-width:1280px) { 
	.main_bann_swiper { zoom: 0.85; }
}
@media (max-width:1160px) { 
	.main_bann_swiper {position:relative; top:auto; left:auto; transform: translate(50%, 0); margin:0 auto;}
}
@media (max-width:960px) { 
	.main_bann_swiper .swiper-slide {zoom:0.8;}
}
@media (max-width:800px) { 
	.main_bann_swiper {width:100vw!important; height:100vw!important;}
	.main_bann_swiper .swiper_controll_w {left: 28%;}
}
@media (max-width:768px) { 
	.main_bann_swiper { transform: translate(45%, 0); }
	.main_bann_swiper .swiper-slide { width: 22% !important; height: 22% !important; }
	.main_bann_swiper .swiper-slide.swiper-slide-prev {left:30%; top: 8%;}
	.main_bann_swiper .swiper-slide.swiper-slide-next { left: 27%; }
	.main_bann_swiper .swiper-slide.swiper-slide-active { margin-left: -10vw; width: 65% !important; height: 65% !important; }
}
@media (max-width:640px) { 
	.main_bann_swiper .swiper_controll_w .button_w { margin-top: 1.5rem;}
}
@media (max-width:560px) { 
	.main_bann_swiper { zoom: 0.8; transform: translate(40%, 0); }
  .main_bann_swiper .swiper_controll_w { left: 30%; }
	.main_bann_swiper .swiper_controll_w .swiper-control a {width:1.25rem; height: 1.25rem; min-width:1.25rem; }
}
@media (max-width:460px) { 
	/* 20250819 수정 */
	/* .main_bann_swiper .swiper_controll_w .swiper-pagination-bullet { font-size: 1.5rem; letter-spacing: -1.5px;} 원본코드*/

	.main_bann_swiper { transform: translate(30%, 0) scale(0.85); zoom: 1; }
	.main_bann_swiper .swiper_controll_w .swiper-pagination-bullet { font-size: 1.4rem; line-height: 1; letter-spacing: -1.5px; }
	.main_bann_swiper .swiper_controll_w .button_w { margin-top: 0.65rem; }
}

.main_cnt03 {position:relative;}
.main_cnt03:before {content:''; display: block; position:absolute; left:0; right:0; top:50%; transform: translateY(-45%); height: 200%; background: url(../images/main/main_bg00.png) no-repeat 50% 50%; background-size:cover; }
.main_grid_w {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:1rem;}
.main_grid_w > a,
.main_grid_w > div,
.main_grid_w .main_dl8 .swiper-slide dl {flex:1; position:relative; display: block; padding:2.5rem 1.875rem; padding-right:1.5rem; min-height: 297px; box-sizing: border-box; overflow: hidden;}
.main_grid_w .main_dl8 .swiper-slide a {outline-offset: -2px;}
.main_grid_w .main_dl1 { grid-area : 1 / 1 / span 2 /  span 1; background:#f26432;}
.main_grid_w .main_dl2 { grid-area : 1 / 2 / span 1 /  span 3; background:#02296e;}
.main_grid_w .main_dl3 { grid-area : 2 / 2 / span 1 /  span 1; background:#fff; border:1px solid #ddd; }
.main_grid_w .main_dl4 { grid-area : 2 / 3 / span 1 /  span 2; background:#ff9600; background:#da4c1a;}
.main_grid_w .main_dl5 { grid-area : 3 / 1 / span 1 /  span 2; background:#3a495e;}
.main_grid_w .main_dl6 { grid-area : 3 / 3 / span 1 /  span 1; background:#fff; border:1px solid #ddd;}
.main_grid_w .main_dl7 { grid-area : 3 / 4 / span 1 /  span 1; background:#fff; border:1px solid #ddd;}
.main_grid_w .main_dl8 { grid-area : 4 / 1 / span 1 /  span 2; background:#fff; border:1px solid #ddd;}
.main_grid_w .main_dl9 { grid-area : 4 / 3 / span 1 /  span 2; background:#40312b;}
.main_grid_w dt,
.main_grid_w h4 {font-size:1.5rem; font-weight: 600; letter-spacing: -1px;}
.main_grid_w .h4_w {position:relative; margin-bottom:1.25rem;}
.main_grid_w .h4_w .ico_add {position:absolute; right:0; top:50%; transform: translateY(-50%); width:2.5rem; height:2.5rem; background:#fff; border-radius: 50%; }
.main_grid_w .h4_w .ico_add:before,
.main_grid_w .h4_w .ico_add:after {width:12px; background:#40312b;}
.main_grid_w .main_dl1,
.main_grid_w .main_dl2,
.main_grid_w .main_dl4,
.main_grid_w .main_dl5,
.main_grid_w .main_dl9,
.main_grid_w .main_dl9 h4 {color:#fff;}
.main_grid_w .main_dl1 dt,
.main_grid_w .main_dl2 dt,
.main_grid_w .main_dl4 dt,
.main_grid_w .main_dl5 dt,
.main_bann2 .main_dl dt .t {font-size:1.875rem; letter-spacing: -1px; font-weight: 500;}
.main_grid_w .main_dl5 dt .xt,
.main_bann2 .main_dl dt .xt {font-size:1.375rem;}
.main_grid_w > * .tx {margin-top:0.875rem; font-size:1.0625rem; line-height: 1.5; word-break: keep-all; /*opacity: 0.9;*/ }
.main_bann2 .main_dl dt .t {font-weight: 600;}

.main_grid_w .main_gridLink_list {margin-top:1rem;}
.main_gridLink_list > li {display: block; }
.main_gridLink_list a {position:relative; padding:0.3125rem 0; padding-right:1.875rem; font-size:1.0625rem; /*opacity: 0.8;*/ }
.main_gridLink_list a span {text-decoration: underline; text-underline-offset: 2px;}
.main_gridLink_list a:after {content:''; display: block; position:absolute; right:0; top:50%; transform: translateY(-50%); width:1.5rem; height:1.5rem; background:#fff  url(../images/main/main_icon_arw01.png) no-repeat 50% 50%; background-size:1rem auto; border-radius: 50%; opacity: 0;} 
.main_gridLink_list a:hover {opacity: 1;}
.main_gridLink_list a:hover::after {opacity: 1;}
.main_dl6 .main_gridLink_list a:hover::after { background-color:#f26432; background-image:  url(../images/main/main_icon_arw01_w.png); }

.main_grid_w .main_dl1:before,
.main_grid_w .main_dl3:before,
.main_grid_w .main_dl4 .bg:before,
.main_grid_w .main_dl5:before,
.main_grid_w .main_dl6:before,
.main_grid_w .main_dl7:before {content:''; display: block; position:absolute; background: url(../images/main/main_icon_0401.png) no-repeat 50% 50%; background-size: contain;}


.main_grid_w .main_dl1:before { left:26%; top:47%; width:265px; height: 275px; background-image: url(../images/main/main_icon_0401.png); background-position:0 0; }
.main_grid_w .main_dl1 > dt, 
.main_grid_w .main_dl1 > dd {position:relative;}

.main_grid_w .main_dl2 {background:#02296e url(../images/main/main_img0201.png) no-repeat 50% 50%; background-size:cover;}

.main_grid_w .main_dl3:before,
.main_grid_w .main_dl6:before,
.main_grid_w .main_dl7:before { right:2.5rem; bottom:2.5rem; width:5.25rem; height: 5.25rem; background-size: 3rem auto; border-radius: 50%; box-shadow:0 0 43px rgba(255,150,0,0.3);}
.main_grid_w .main_dl3:before {background-image: url(../images/main/main_icon_0501.png); }
.main_grid_w .main_dl6:before {background-image: url(../images/main/main_icon_0502.png); }
.main_grid_w .main_dl7:before {background-image: url(../images/main/main_icon_0503.png); } 

.main_grid_w .main_dl4 .bg { position:absolute; right:4.375rem; bottom:3.75rem; }
.main_grid_w .main_dl4 .bg:before {left:0; bottom:0; transform: translateY(45%); width:100%; height: 26px;  background-image:  url(../images/main/main_icon_0702.png);}
.main_grid_w .main_dl4 .bg em {display: block; position:relative; width:131px; height: 167px; background: url(../images/main/main_icon_0701.png) no-repeat 50% 50%; background-size: contain;}

.main_grid_w .main_dl5:before {bottom:3rem; right:3rem; width:181px; height: 176px; background-image:  url(../images/main/main_icon_0801.png); background-position:100% 100%;}
.main_grid_w .main_dl5 > dt, 
.main_grid_w .main_dl5 > dd {position:relative;}

.main_grid_w .main_dl8 {padding:0; border:none; border-bottom-left-radius: 5rem;}
.main_grid_w .main_dl8 .swiper_controll_w {display:flex; align-items: center; gap:0.875rem; z-index: 10; position:absolute; right:1.875rem; top:2.5rem; box-sizing: border-box;}
.main_grid_w .main_dl8 .swiper_controll_w .swiper-pagination {display: flex; gap:0.875rem; position:relative; right:auto; top:auto; left:auto; bottom:auto;}
.main_grid_w .main_dl8 .swiper_controll_w .swiper-button-prev,
.main_grid_w .main_dl8 .swiper_controll_w .swiper-button-next,
.main_grid_w .main_dl8 .swiper_controll_w .swiper-control .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; min-width:1rem; height: 1rem;}
.main_grid_w .main_dl8 .swiper_controll_w .swiper-control {display: flex;}
.main_grid_w .main_dl8 .swiper_controll_w .swiper-pagination-clickable .swiper-pagination-bullet {width:0.75rem; height:0.75rem; background: #252a30;}
.main_grid_w .main_dl8 .swiper_controll_w .swiper-pagination-bullet-active {}
.main_grid_w .main_dl8 .swiper-slide {height: 297px;}
.main_grid_w .main_dl8 .swiper-slide > img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover; }
.main_grid_w .main_dl8 .swiper-slide .main_dl {position:relative;}

@media (max-width:1160px) { 
	.main_cnt03 {margin-top:4rem;}	
	.main_cnt03:before {      height: 150%; }

	.main_grid_w { grid-template-columns: 1fr 1fr 1fr;}
	.main_grid_w .main_dl2 { grid-area : 1 / 2 / span 1 /  span 2; }
	.main_grid_w .main_dl3 { grid-area : 3 / 3 / span 1 /  span 1; }
	.main_grid_w .main_dl4 { grid-area : 2 / 2 / span 1 /  span 2; }
	.main_grid_w .main_dl5 { grid-area : 3 / 1 / span 1 /  span 2; }
	.main_grid_w .main_dl6 { grid-area : 4 / 3 / span 1 /  span 1; }
	.main_grid_w .main_dl7 { grid-area : 5 / 1 / span 1 /  span 1; }
	.main_grid_w .main_dl8 { grid-area : 4 / 1 / span 1 /  span 2; }
	.main_grid_w .main_dl9 { grid-area : 5 / 2 / span 1 /  span 2; }

	.main_grid_w > *:not(.main_dl1), 
	.main_grid_w .main_dl8 .swiper-slide dl,
	.main_grid_w .main_dl8 .swiper-slide {  min-height: 17.5rem; height: 17.5rem;}
	.main_grid_w > *:not(.main_dl8) {padding: 1.875rem 2.5rem; padding-right:1.5rem;}

	.main_gridLink_list a:after {width: 1.25rem; height: 1.25rem; background-size: 0.875rem auto; opacity: 1;}
	.main_gridLink_list a { padding-top:0.25rem; padding-bottom:0.25rem; padding-right: 1.625rem; opacity: 1;}

	.main_dl6 .main_gridLink_list a:after { background-color: #f26432; background-image: url(../images/main/main_icon_arw01_w.png); }

	.main_grid_w .main_dl1:before { top: 55%; }
	
}
@media (max-width:1024px) { 
	.main_grid_w .main_dl1:before,
	.main_grid_w .main_dl4 .bg,
	.main_grid_w .main_dl5:before {zoom:0.85;}

	.main_grid_w > * .tx {opacity: 1;}	
}
@media (max-width:960px) { 
	.main_grid_w { grid-template-columns: 1fr 1fr;}
	.main_grid_w .main_dl1 { grid-area : 1 / 1 / span 1 /  span 1; }
	.main_grid_w .main_dl2 { grid-area : 2 / 1 / span 1 /  span 2; }
	.main_grid_w .main_dl3 { grid-area : 1 / 2 / span 1 /  span 1; }
	.main_grid_w .main_dl4 { grid-area : 3 / 2 / span 2 /  span 1; }
	.main_grid_w .main_dl5 { grid-area : 5 / 1 / span 1 /  span 2; }
	.main_grid_w .main_dl6 { grid-area : 3 / 1 / span 1 /  span 1; }
	.main_grid_w .main_dl7 { grid-area : 4 / 1 / span 1 /  span 1; }
	.main_grid_w .main_dl8 { grid-area : 6 / 1 / span 1 /  span 2; }
	.main_grid_w .main_dl9 { grid-area : 7 / 1 / span 1 /  span 2; }

	.main_grid_w .main_dl1 dt, 
	.main_grid_w .main_dl2 dt, 
	.main_grid_w .main_dl4 dt, 
	.main_grid_w .main_dl5 dt, 
	.main_bann2 .main_dl dt .t {font-size:1.75rem;}
	.main_grid_w .main_dl5 dt .xt, 
	.main_bann2 .main_dl dt .xt {font-size:1.25rem;}
	.main_grid_w > * .tx {font-size:1rem;}	
	
	.main_grid_w > *:nth-child(n) {min-height: 14rem; height: auto;}	
	.main_grid_w .main_dl4 {height: auto;}
	.main_grid_w > dl.main_dl5 { min-height: 15rem; } 
	.main_grid_w .main_dl8 .swiper-slide dl,
	.main_grid_w .main_dl8 .swiper-slide {  min-height: 20.625rem; height: auto;}

	/*
	.main_grid_w > *:not(.main_dl1), 
	.main_grid_w .main_dl8 .swiper-slide dl, 
	.main_grid_w .main_dl8 .swiper-slide {min-height: 17.5rem; height: 17.5rem;}
	*/

	.main_grid_w .main_dl3:before, 
	.main_grid_w .main_dl6:before, 
	.main_grid_w .main_dl7:before {zoom:0.85;}

	.main_grid_w .main_dl1 .tx br {display: none;}
	.main_grid_w .main_dl1:before { left: 55%; top: 43%; max-width:40%;}

	.main_grid_w .main_dl4 .bg {right:30%; transform: translateX(50%); zoom:0.8;}

	.main_grid_w .main_dl5:before {zoom:0.8;}


	.main_gridLink_list a {font-size:1rem;}
}
@media (max-width:768px) { 
	.main_grid_w > *:not(.main_dl8) {	padding: 1.875rem 5vw;	padding-right: 3vw; }
	.main_grid_w .main_dl8 .swiper-slide dl {padding-left:5vw;}
	.main_grid_w .main_dl8 .swiper-slide dl,
	.main_grid_w .main_dl8 .swiper-slide {min-height: 43vw;  }

	.main_grid_w .main_dl1:before { top:50%; left:50%; max-width:48%;}

	.main_grid_w .main_dl4 .bg {right:35%; zoom:0.75;}

	.main_grid_w .main_dl5:before {zoom:0.75;}

}
@media (max-width:640px) { 
	.main_grid_w {gap: 0.625rem ; margin-left:-1vw; margin-right:-1vw; }	

	.main_gridLink_list a { padding-right: 1.375rem; }
	.main_gridLink_list a:after {width: 1rem; height: 1rem; background-size: 0.75rem auto; }

	.main_grid_w .main_dl3:before, 
	.main_grid_w .main_dl6:before, 
	.main_grid_w .main_dl7:before { right: 1.5rem; bottom: 1.5rem; width: 5rem; height: 5rem; background-size: 2.75rem auto; }

	.main_grid_w .main_dl1:before { top:50%; left:52%; max-width:53%;}

	.main_grid_w .main_dl4 .bg { zoom:0.7;}

	.main_grid_w .main_dl5:before {right:5vw; bottom:8vw; max-width: 27%; zoom:0.7;}

	.main_grid_w .main_dl8 { border-bottom-left-radius: 4rem; }
	.main_grid_w .main_dl8 .swiper_controll_w {top:1.5rem;}

	.main_grid_w .h4_w .ico_add {width: 2rem; height: 2rem;}
	.main_boardImg .txt .t {font-size:1.125rem;}

}
@media (max-width:560px) { 
	.main_grid_w .main_dl8 .swiper-slide dl {	padding: 1.875rem 5vw; }
	
	.main_grid_w .main_dl8 { border-bottom-left-radius: 10vw; }
}
@media (max-width:460px) { 
	.main_grid_w .main_dl1 dt, 
	.main_grid_w .main_dl2 dt, 
	.main_grid_w .main_dl4 dt, 
	.main_grid_w .main_dl5 dt, 
	.main_bann2 .main_dl dt .t {font-size:1.5rem;}
	.main_grid_w dt, 
	.main_grid_w h4 {  font-size: 1.375rem; }
	.main_grid_w .main_dl5 dt .xt, 
	.main_bann2 .main_dl dt .xt {font-size:1.125rem;}
	.main_grid_w > * .tx {	font-size: 0.9375rem; }

	.main_grid_w > *:nth-child(n),
	.main_grid_w .main_dl8 .swiper-slide dl,
	.main_grid_w .main_dl8 .swiper-slide {min-height: 12.5rem; }
	.main_grid_w dl.main_dl2 {min-height: 14rem;}

	.main_grid_w .main_dl3:before, 
	.main_grid_w .main_dl6:before, 
	.main_grid_w .main_dl7:before { right: 5vw; bottom: 5vw; width: 4rem; height: 4rem; background-size: 2.25rem auto; }

	.main_grid_w > *:not(.main_dl8, .main_dl9) {	padding: 1.75rem 4.5vw; padding-right: 2vw; }

	.main_grid_w > * .tx { margin-top: 0.625rem; }

	.main_grid_w .main_dl1:before { top:55%; left:54%;}
	.main_grid_w .main_gridLink_list {margin-top:0.625rem;}

	.main_grid_w .main_dl4 .bg { zoom:0.6;}

	
}



.main_customQuick02 {margin-top:1.5rem;}
.main_customQuick02 > li {display: flex; align-items: center; margin-bottom:0.5rem;}
.main_customQuick02 .t {display: flex; align-items: center; gap:0.375rem; width:7rem; font-weight: 500;}
.main_customQuick02 .t:before {content:''; display: block; width:1.5rem; height:1.5rem; background:#f26432 url(../images/main/main_icon_0901.png) no-repeat 50% 50%; background-size: 1rem auto; border-radius: 50%; }
.main_customQuick02 .li02 .t:before {background-image: url(../images/main/main_icon_0902.png); }
.main_customQuick02 .x,
.main_customQuick02 a {position:relative; padding-left:0.875rem; font-weight: 600; font-size: 1.125rem; font-family: var(--font-family-SUIT);}
.main_customQuick02 .x:before,
.main_customQuick02 a:before {content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:0.875rem; background:#d1d1d1; }
@media (max-width: 1160px) {	
	.main_customQuick02 .t:before {	width: 1.25rem;	height: 1.25rem; background-size: 0.875rem auto;}
}
@media (max-width: 640px) {
	.main_customQuick02 .t { gap: 0.25rem; width: 6.25rem;}
	.main_customQuick02 .t:before {width: 1rem; height: 1rem; background-size: 0.75rem auto;	}
}

.main_grid_w .main_dl9 {}
.main_boardImg {display: flex; gap:1.25rem;}
.main_boardImg .img {width:50%; max-width:265px; height: 153px;} 
.main_boardImg .img img {position:relative; width:100%; height:100%; object-fit: cover;}
.main_boardImg .txt {flex:1;}
.main_boardImg .txt .t {margin-top:-0.25rem; font-size:1.25rem; word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_boardImg .txt .x {margin-top:1rem; font-size:0.9375rem; font-weight: 200; opacity: 0.7; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.main_boardImg .txt .d {margin-top:1rem; font-size:0.9375rem; font-weight: 200; letter-spacing: 0; font-family: var(--font-family-SUIT);  opacity: 0.7; }
@media (max-width:1160px) { 
	.main_boardImg .img {height: 8.75rem;}
	.main_boardImg .txt .t { font-size: 1.125rem; }
	.main_boardImg .txt .x,
	.main_boardImg .txt .d {margin-top: 0.875rem; font-size: 0.875rem; }
}
@media (max-width:460px) { 
	.main_boardImg {gap:3vw;}
	.main_boardImg .img {height: auto;}
	.main_boardImg .txt .x {-webkit-line-clamp: 2;}
}


/*
.main_rolling {position:relative; margin-top:130px;}
.main_rolling > .w { display: flex;  width:max-content; position:relative; }
.main_rolling > .w + .w {margin-top:2.75rem ;}
.main_rolling > .w > div {display: flex; gap:1.875rem; padding-right:1.875rem; width:max-content; }
.main_rolling a {display: inline-flex; justify-content: center;	align-items: center; padding:0 2rem; height:4rem; background:transparent; border-radius: 2rem; transition:var(--transition-custom-2); box-shadow: 0 0 43px rgba(242, 100, 50, 0); opacity: 0.6;}
.main_rolling a img {height: 1.75rem;}
.main_rolling a:hover {background:#fff; opacity: 1; box-shadow: 0 0 43px rgba(242, 100, 50, 0.15);}
.main_rolling1_w .main_rolling1.origin { animation: mainRolling1_origin 80s linear infinite;}
.main_rolling1_w .main_rolling1.clone { animation: mainRolling1_clone 80s linear infinite;}
.main_rolling2_w .main_rolling2.origin { animation: mainRolling2_origin 80s linear infinite;}
.main_rolling2_w .main_rolling2.clone { animation: mainRolling2_clone 80s linear infinite;}
.main_rolling1_w:hover .main_rolling1.origin,
.main_rolling1_w:hover .main_rolling1.clone { animation-play-state: paused }
.main_rolling2_w:hover .main_rolling2.origin,
.main_rolling2_w:hover .main_rolling2.clone { animation-play-state: paused }

@keyframes mainRolling1_origin {
	0% {transform: translateX(0)}
	50% {transform: translateX(-4045px)}
	50.01% {transform: translateX(4045px)}
	to {transform: translateX(0)	}
}

@keyframes mainRolling1_clone {
	0% {transform: translateX(0)}
	99.99% {transform: translateX(-8090px)}
	to {transform: translateX(0)	}
}
@keyframes mainRolling2_origin {
	0% {transform: translateX(0)}
	50% {transform: translateX(4045px)}
	50.01% {transform: translateX(-4045px)}
	to {transform: translateX(0)	}
}

@keyframes mainRolling2_clone {
	0% {transform: translateX(-8090px)}
	99.99% {transform: translateX(0)}
	to {transform: translateX(-8090px)	}
}
@media (max-width:1160px) { 
	.main_rolling {margin-top:100px;}
}
@media (max-width:960px) { 
	.main_rolling {margin-top:5rem;}
	.main_rolling > .w + .w { margin-top: 2rem; }
	.main_rolling a {height: 3.5rem;}
	.main_rolling a img {height: 1.5rem;}

	@keyframes mainRolling1_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(-228.4375rem)}
		50.01% {transform: translateX(228.4375rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling1_clone {
		0% {transform: translateX(0)}
		99.99% {transform: translateX(-456.875rem)}
		to {transform: translateX(0)	}
	}
	@keyframes mainRolling2_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(228.4375rem)}
		50.01% {transform: translateX(-228.4375rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling2_clone {
		0% {transform: translateX(-456.875rem)}
		99.99% {transform: translateX(0)}
		to {transform: translateX(-456.875rem)	}
	}
}
@media (max-width:768px) { 
	.main_rolling {margin-top:4rem;}
	.main_rolling > .w + .w { margin-top: 1.5rem; }
}
@media (max-width:640px) { 
	.main_rolling > .w > div { gap: 1.25rem; padding-right:1.25rem; }
	.main_rolling a { padding: 0 1.5rem; }
	.main_rolling1_w .main_rolling1.origin { animation: mainRolling1_origin 70s linear infinite;}
	.main_rolling1_w .main_rolling1.clone { animation: mainRolling1_clone 70s linear infinite;}
	.main_rolling2_w .main_rolling2.origin { animation: mainRolling2_origin 70s linear infinite;}
	.main_rolling2_w .main_rolling2.clone { animation: mainRolling2_clone 70s linear infinite;}

	@keyframes mainRolling1_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(-205.625rem)}
		50.01% {transform: translateX(205.625rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling1_clone {
		0% {transform: translateX(0)}
		99.99% {transform: translateX(-411.25rem)}
		to {transform: translateX(0)	}
	}
	@keyframes mainRolling2_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(205.625rem)}
		50.01% {transform: translateX(-205.625rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling2_clone {
		0% {transform: translateX(-411.25rem)}
		99.99% {transform: translateX(0)}
		to {transform: translateX(-411.25rem)	}
	}

}

@media (max-width:460px) { 	
	.main_rolling {margin-top:3.5rem;}
	.main_rolling > .w + .w { margin-top: 0.875rem;}
	.main_rolling > .w > div { gap: 0.625rem; padding-right:1.25rem;}

	@keyframes mainRolling1_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(-197.5rem)}
		50.01% {transform: translateX(197.5rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling1_clone {
		0% {transform: translateX(0)}
		99.99% {transform: translateX(-395rem)}
		to {transform: translateX(0)	}
	}
	@keyframes mainRolling2_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(197.5rem)}
		50.01% {transform: translateX(-197.5rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling2_clone {
		0% {transform: translateX(-395rem)}
		99.99% {transform: translateX(0)}
		to {transform: translateX(-395rem)	}
	}

}
*/

.main_rolling {position:relative;margin-top:130px;margin-bottom: 130px;}
.main_rolling > .w { display: flex;  width:max-content; position:relative; }
.main_rolling > .w + .w {margin-top:2.75rem ;}
.main_rolling > .w > div {display: flex; gap:1.875rem; padding-right:1.875rem; width:max-content; }
.main_rolling span {display: inline-flex; justify-content: center;	align-items: center; padding:0 2rem; height:4rem; background:transparent; border-radius: 2rem; transition:var(--transition-custom-2); box-shadow: 0 0 43px rgba(242, 100, 50, 0); opacity: 0.6;}
.main_rolling span img {height: 1.75rem;}
/*
.main_rolling span:hover {background:#fff; opacity: 1; box-shadow: 0 0 43px rgba(242, 100, 50, 0.15);}
*/
.main_rolling1_w .main_rolling1.origin { animation: mainRolling1_origin 80s linear infinite;}
.main_rolling1_w .main_rolling1.clone { animation: mainRolling1_clone 80s linear infinite;}
.main_rolling2_w .main_rolling2.origin { animation: mainRolling2_origin 80s linear infinite;}
.main_rolling2_w .main_rolling2.clone { animation: mainRolling2_clone 80s linear infinite;}
/*
.main_rolling1_w:hover .main_rolling1.origin,
.main_rolling1_w:hover .main_rolling1.clone { animation-play-state: paused }
.main_rolling2_w:hover .main_rolling2.origin,
.main_rolling2_w:hover .main_rolling2.clone { animation-play-state: paused }
*/

@keyframes mainRolling1_origin {
	0% {transform: translateX(0)}
	50% {transform: translateX(-3476px)}
	50.01% {transform: translateX(3476px)}
	to {transform: translateX(0)	}
}

@keyframes mainRolling1_clone {
	0% {transform: translateX(0)}
	99.99% {transform: translateX(-6950px)}
	to {transform: translateX(0)	}
}
@keyframes mainRolling2_origin {
	0% {transform: translateX(0)}
	50% {transform: translateX(3476px)}
	50.01% {transform: translateX(-3476px)}
	to {transform: translateX(0)	}
}

@keyframes mainRolling2_clone {
	0% {transform: translateX(-6950px)}
	99.99% {transform: translateX(0)}
	to {transform: translateX(-6950px)	}
}
@media (max-width:1160px) { 
	.main_rolling {margin-top:100px;margin-bottom: 100px;}
}
@media (max-width:960px) { 
	.main_rolling {margin-top:5rem;margin-bottom: 5rem;}
	.main_rolling > .w + .w { margin-top: 2rem; }
	.main_rolling span {height: 3.5rem;}
	.main_rolling span img {height: 1.5rem;}

	@keyframes mainRolling1_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(-228.4375rem)}
		50.01% {transform: translateX(228.4375rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling1_clone {
		0% {transform: translateX(0)}
		99.99% {transform: translateX(-456.875rem)}
		to {transform: translateX(0)	}
	}
	@keyframes mainRolling2_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(228.4375rem)}
		50.01% {transform: translateX(-228.4375rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling2_clone {
		0% {transform: translateX(-456.875rem)}
		99.99% {transform: translateX(0)}
		to {transform: translateX(-456.875rem)	}
	}
}
@media (max-width:768px) { 
	.main_rolling {margin-top:4rem;margin-bottom: 4rem;}
	.main_rolling > .w + .w { margin-top: 1.5rem; }
}
@media (max-width:640px) { 
	.main_rolling > .w > div { gap: 1.25rem; padding-right:1.25rem; }
	.main_rolling span { padding: 0 1.5rem; }
	.main_rolling1_w .main_rolling1.origin { animation: mainRolling1_origin 70s linear infinite;}
	.main_rolling1_w .main_rolling1.clone { animation: mainRolling1_clone 70s linear infinite;}
	.main_rolling2_w .main_rolling2.origin { animation: mainRolling2_origin 70s linear infinite;}
	.main_rolling2_w .main_rolling2.clone { animation: mainRolling2_clone 70s linear infinite;}

	@keyframes mainRolling1_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(-205.625rem)}
		50.01% {transform: translateX(205.625rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling1_clone {
		0% {transform: translateX(0)}
		99.99% {transform: translateX(-411.25rem)}
		to {transform: translateX(0)	}
	}
	@keyframes mainRolling2_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(205.625rem)}
		50.01% {transform: translateX(-205.625rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling2_clone {
		0% {transform: translateX(-411.25rem)}
		99.99% {transform: translateX(0)}
		to {transform: translateX(-411.25rem)	}
	}

}

@media (max-width:460px) { 	
	.main_rolling {margin-top:3.5rem;margin-bottom: 3.5rem;}
	.main_rolling > .w + .w { margin-top: 0.875rem;}
	.main_rolling > .w > div { gap: 0.625rem; padding-right:1.25rem;}

	@keyframes mainRolling1_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(-197.5rem)}
		50.01% {transform: translateX(197.5rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling1_clone {
		0% {transform: translateX(0)}
		99.99% {transform: translateX(-395rem)}
		to {transform: translateX(0)	}
	}
	@keyframes mainRolling2_origin {
		0% {transform: translateX(0)}
		50% {transform: translateX(197.5rem)}
		50.01% {transform: translateX(-197.5rem)}
		to {transform: translateX(0)	}
	}
	
	@keyframes mainRolling2_clone {
		0% {transform: translateX(-395rem)}
		99.99% {transform: translateX(0)}
		to {transform: translateX(-395rem)	}
	}

}




.main_boardCnt_w {margin-top:110px;}
@media (max-width:960px) { 
	.main_boardCnt_w { margin-top: 5rem; }
}
@media (max-width:768px) { 
	.main_boardCnt_w { margin-top: 4rem; }
}
@media (max-width:460px) { 
	.main_boardCnt_w { margin-top: 3.5rem; }
}

.main article .tab_w {}
.main article .tab_w .tab_h {display: flex; gap:0.25rem; margin-right:-0.5rem;}
.main article .tab_w .tab_h a {display: inline-flex; align-items: center; padding:0 1.875rem; height: 2.5rem; background:#fff; border:1px solid #ddd; box-sizing: border-box; border-radius: 1.25rem;}
.main article .tab_w .tab_h a.btn_ico {padding:0; width:2.5rem;}
.main article .tab_w .tab_h a.btn_ico:before,
.main article .tab_w .tab_h a.btn_ico:after {width:0.75rem; background:#f26532;}
.main article .tab_w .tab_h a:hover { color:#f26532; border-color:#f26532;}
.main article .tab_w .tab_h .ac a{ color:#fff; background:#f26532; border-color:#f26532;}

.main_board_w {margin-top:1.25rem; border-top:2px solid #000;}
.main_board_w > li {display: block; padding:1.25rem 0; height: 6.5rem; border-bottom:1px solid #ddd; box-sizing: border-box;}
.main_board {display:flex; align-items: center; padding: 1rem 0; height: 100%; box-sizing: border-box;}
.main_board .ca {width:8.125rem; font-size:1.125rem; font-weight: 500; color:#ff9600; color:#f56500; text-align: center;}
.main_board .t {flex:1; font-size:1.375rem; font-weight: 600; color:#000; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.main_board .d {width:6.875rem; text-align: center; font-weight: 600; color:#777; font-family: var(--font-family-SUIT);}
.main_board:hover .t {text-decoration: underline; text-underline-offset: 3px;}
@media (max-width:1024px) { 
	.main_board_w > li { padding: 0.875rem 0; height: auto; }
	.main_board .ca {  padding-right: 1rem; width: 7rem; font-size: 1.0625rem; box-sizing: border-box; }
	.main_board .d {padding-left:1rem; box-sizing: border-box;}
}
@media (max-width:768px) { 
	.main_board_w > li { padding: 0.625rem 0; }
	.main_board .ca {width:6rem; font-size: 1rem;}
}
@media (max-width:560px) { 
	.main article .tab_w .tab_h a { padding: 0 1.25rem; height: 2.25rem; }
	.main article .tab_w .tab_h a.btn_ico {width: 2.25rem;}

	.main_board .ca {width:5rem; }
	.main_board .d { width: 6rem; font-size:0.9375rem;}
}
@media (max-width:460px) { 
	.main_board .ca {width:4.5rem; }
	.main_board .d { width: 5.5rem; }
}
@media (max-width:360px) { 
	.main article .tab_w .tab_h a { padding: 0 1rem; }
}

.main_board2_w,
.main_quick_btm {display: flex; gap:1.875rem; margin-top:2.5rem;}
.main_board2_w > li,
.main_quick_btm > li {flex:1;}
.main_board2 { display: flex;  flex-direction: column; position:relative; padding:2.75rem 1.875rem 11.875rem; height: 100%; background:#f3f3f3; box-sizing: border-box;}
.main_board2 .ca {position:relative; margin-bottom:2rem; font-size:0.9375rem; font-weight: 600; color:#f26532;}
.main_board2 .ca:before {content:''; display: block; position:absolute; right:0; top:50%; width:0.625rem; height:0.625rem; transform: translateY(-50%); background:#f26532; border-radius: 50%;}
.main_board2 .t {font-size:1.375rem; font-weight: 600; height: 3.625rem; letter-spacing: -1px; word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board2 .t strong {font-weight: 600;}
.main_board2 .img {position:absolute; left:0; bottom:0; right:1.875rem; height: 150px;}
.main_board2 .d {margin-top:1.875rem; font-size: 0.9375rem; font-weight: 500; color:#777; text-transform: uppercase; font-family: var(--font-family-SUIT);}
.main_board2 .img img {position:relative; width:100%; height: 100%; object-fit: cover;}
@media (max-width:1160px) { 
	.main_board2_w,
	.main_quick_btm { gap:1.25rem; }
}
@media (max-width:1024px) { 
	.main_board .t,
	.main_board2 .t { font-size: 1.25rem; word-break: break-all;}

	.main_board2 .t {height: 3.25rem;}
}
@media (max-width:960px) { 
	.main_board2_w, 
	.main_quick_btm { flex-direction: column; }

	.main_board2 { padding: 2rem 4vw 1.75rem; }
	.main_board2 .t {padding-right:49%; height: 5.25rem; line-height: 1.4; -webkit-line-clamp: 3;}
	.main_board2 .d { margin-top: 1.25rem; }
	.main_board2 .img {left:55%; right:0; bottom:0.75rem; height: 8.75rem;}
	.main_board2 .ca { margin-bottom: 0.75rem; }	
}
@media (max-width:768px) { 
	.main_board .t,
	.main_board2 .t { font-size: 1.125rem; }

	.main_board2 .t {height: 4.625rem; }
	.main_board2 .img { height: 7.75rem;}
}
@media (max-width:640px) { 
	.main_board2 { padding-right:5vw; padding-left:5vw; }
	.main_board2 .t { padding-right:48%; }
	
}
@media (max-width:460px) { 
	.main_board2_w, 
	.main_quick_btm {	gap: 1rem; }

	.main_board .t,
	.main_board2 .t {font-size:1.0625rem;}

	.main_board2 { padding-top:1.625rem; padding-bottom:1.5rem;}
	.main_board2 .d { margin-top: 0.875rem; }

	.main_board2 .img { height: 7.25rem; }
	.main_board2 .ca:before { width: 0.5rem; height: 0.5rem; }
}

.main_quick_btm {margin-top:1.875rem;}
.main_quick_btm a {display: flex; align-items: center; padding:0 1.875rem; font-size:1.125rem; font-weight: 600; height: 4rem; background:#f3f3f3;}
.main_quick_btm a .t {flex:1;}
.main_quick_btm a i {width:2.5rem; height:2.5rem; background: url(../images/main/main_icon_0601.png) no-repeat 50% 50%; background-size: contain;}
.main_quick_btm a i.img0101 {background-image: url(../images/main/main_icon_0601.png); }
.main_quick_btm a i.img0102 {background-image: url(../images/main/main_icon_0602.png); }
.main_quick_btm a i.img0103 {background-image: url(../images/main/main_icon_0603.png); }
@media (max-width:960px) { 
	.main_quick_btm { gap:0.875rem; }

	.main_quick_btm a i {width:2rem; height: 2rem;}
}
@media (max-width:460px) { 
	.main_quick_btm { gap:0.625rem; }
}

.main_cnt02 {z-index:1; position:relative; }

/* 띠배너 */
.c_body_event_top { position:relative; z-index: 100; background:#fff; } 
.c_body_event_top .event_w { position:relative; margin:0 auto; max-width:1920px; } 
.c_body_event_top .event_w .img_w { overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.c_body_event_top .event_w .img { display:block;  height: 100px; outline-offset: -3px; } 
.c_body_event_top .event_w img { width:100%; height: 100%; object-fit: cover; max-width:none; } 
.c_body_event_top .event_w .btn_w,
.c_body_event_top .event_tg_w { position:absolute; left:50%; width:100%; transform: translateX(-50%); /*max-width:1340px;*/ } 
.c_body_event_top .event_w .btn_w { top:0; } 
.c_body_event_top .event_tg_w { bottom:0; } 
.event_check { position:absolute; top:14px!important; right:20px !important; font-size:14px; } 
.event_check span { vertical-align: middle; cursor: pointer; } 
.event_check input[type="checkbox"] { width: 15px; height: 15px; vertical-align: middle; margin-right: 0.25rem; border-color: #ddd; cursor: pointer; } 
.event_check .event_close { position:relative; top:1px; width:17px; height: 17px; background:url(../images/popup/banner_icon_close.png) no-repeat 50% 50%; vertical-align: middle; margin-left: 4px; background-size:contain; } 
.c_body_event_top .event_tg_w { /* max-width:1580px; */ } 
.c_body_event_top .event_tg { display: flex; align-items: center; justify-content: center;position:absolute; right:20px; width:76px; height: 20px; background:#0b3f88; color:#fff; letter-spacing: 0; text-align: center; line-height: 20px; font-size:13px; font-weight: 200; text-transform: uppercase; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } 
.c_body_event_top .event_tg span { vertical-align:middle; } 
.c_body_event_top .event_tg .icon { width:7px; height:6px; background: url(../images/popup/icon_event_close.png) no-repeat 50% 50%; margin-left:7px; background-size:contain; } 

.c_body_event_top.hide .event_w .img_w { height:0!important; } 
.c_body_event_top.hide .event_tg .icon { background-image: url(../images/popup/icon_event_close_ac.png); } 
#topLayer.hide .event_check{display: none}

@media (max-width:1550px) {
	.c_body_event_top { display:none; } 
}

/* 메인 우측 레이어 */
.main_visual_w{ position: relative; overflow: hidden; }

.main_visual_w .popup_layer {z-index:100; position:absolute; right:0; top:0; left: auto; transition: all 0.3s ease; transform: none; animation: expandToFullWidth 0.5s ease-in-out forwards;}

.main_visual_w .popup_layer .ico_close {position:absolute; right:100%; width:4rem; height: 4.25rem; background:rgba(0,0,0,0.65); font-size: inherit; text-indent: inherit;}
.main_visual_w .popup_layer .btn_ico.ico_close:before, 
.main_visual_w .popup_layer .btn_ico.ico_close:after { top:40%; background:#fff;}
.main_visual_w .popup_layer .btn_ico.ico_close span { position:absolute; left:0; right:0; top:63%; font-size:0.75rem; color:#fff; text-align: center; text-transform: uppercase; letter-spacing: 0; opacity: 1;}

.main_visual_w .popup_layer.bann_close {right:-420px !important;}
.main_visual_w .popup_layer.bann_close .btn_ico.ico_close:before {  transform: rotate(90deg); }
.main_visual_w .popup_layer.bann_close .btn_ico.ico_close:after {  transform: rotate(0deg); }

.main_visual_w .popup_layer.bann_close .btn_ico.ico_close:before,
.main_visual_w .popup_layer.bann_close .btn_ico.ico_close:after {	
	left: 37%;	
}

.main_visual_w .popup_layer .swiper_controll_w {display:flex; align-items: center; gap: 10px; z-index: 10; position:absolute; bottom: 0; box-sizing: border-box; background: transparent; padding: 10px 15px; border-radius: 40px; pointer-events: auto; opacity: 0.8; left: 50%; transform: translateX(-50%);}
.main_visual_w .popup_layer .swiper_controll_w .swiper-pagination {display: flex; gap:0.875rem; position:relative; right:auto; top:auto; left:auto; bottom:auto;}	
.main_visual_w .popup_layer .swiper_controll_w .swiper-control .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; min-width:1rem; height: 1rem;}
.main_visual_w .popup_layer .swiper_controll_w .swiper-control {display: flex;}	
.main_visual_w .popup_layer .swiper_controll_w .swiper-pagination-bullet { background-color: #7a8a8d; opacity: 1; }
.main_visual_w .popup_layer .swiper_controll_w .swiper-pagination-bullet-active { background-color: #f06431; }
.main_visual_w .popup_layer .swiper_controll_w .swiper-pagination-clickable .swiper-pagination-bullet {width:0.75rem; height:0.75rem;}

.main_visual_w .popup_layer .btn_autoPlay {background-image: url(/common/front/kor/images/main/icon_play_pause_wh.png); background-size: 12px 12px; }
.main_visual_w .popup_layer .btn_autoPlay.btn_stop {background-image: url(/common/front/kor/images/main/icon_play_pause_wh.png);}
.main_visual_w .popup_layer .btn_autoPlay.btn_play {background-image: url(/common/front/kor/images/main/icon_play_wh.png);}

@media (max-width:880px) { 
  .main_visual_w .popup_layer {display:none;}
}	

@keyframes expandToFullWidth {
  0% {
	transform: scale(0.8);
	opacity: 0.6;
  }
  100% {
	transform: scale(1);
	opacity: 1;
  }
}

/* 메인 애니메이션 */
@keyframes slideUp {
	from {
		transform: translateY(100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slideLeft {
	from {
		transform: translateX(-20%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0);
    }
}

.main_vis .t .x1, .main_vis .t .x2, .x {
	opacity: 0;
}

.main_vis .animate .x1 {
	animation: slideUp 0.6s ease-out forwards;
	animation-delay: 0.2s;
}

.main_vis .animate .x2 {
	animation: slideUp 0.6s ease-out forwards;
	animation-delay: 0.8s;
}

.main_vis .animate .x {
	animation: slideDown 0.6s ease-out forwards;
	animation-delay: 1.4s;
}

.scaleUpAnim {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
	
.scaleUpAnim:hover {
	transform: scale(1.012);
	border:none;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.main_quick1 li {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.main_quick1 li a {
	z-index: 10;
	position: relative;
}

.main_quick1 li:before {
	content: '';
  position: absolute;
  bottom: 50px;
  left: 66%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #e9b33a; background-color:#ffcc00;
  border-radius: 50%;
  transition: bottom 0.3s ease;
	display: inline-block;
	z-index: 9;
	opacity: 0;
}

.main_quick1 li:hover:before {
  bottom: 75px;
	opacity: 0.8;
}

.main_bann_conts{
	opacity: 0;
	animation: slideLeft 0.3s ease-out forwards;
	animation-delay: 0.2s;	
}




.main_card_w{display:flex; gap:2.5rem;}
.main_card_w > div{flex: 1;}
.main_card_header{display:flex;justify-content: space-between;border-top:2px solid #000000;padding:20px 0 0;margin-bottom: 30px;}
.main_card_header h4{font-size:1.875rem;margin: 0;}

.main_card_header .btn_txt{gap:10px; font-size:1rem; color:#000; font-weight:700;}
.main_card_header .ico_add {width:1.875rem; height:1.875rem; background:#862b09; border-radius: 50%; }
.main_card_header .ico_add:before,
.main_card_header .ico_add:after {width:12px; background:#fff;}

.main_card_list{display:flex; gap:20px}
.main_card_list li{flex: 1;}
.main_card_list li a{display:block; }
.main_card_list li a:hover .img{scale: 1.05;}
.main_card_list .img {position:relative;max-height:15.625rem;overflow: hidden;border: 1px solid #ddd;background-color: #f3f3f3;background-image: url(/common/front/kor/images/comm/bg_logo.png);background-size: auto 30px;background-repeat: no-repeat;background-position: center center;transition:scale .3s;}
.main_card_list .img:before {content:'';display:block;padding-top: 85.3%;}
.main_card_list .img img {position:absolute;left:50%;top: 50%;transform: translate(-50%, -50%);width:100%;height:100%;object-fit: cover;}
.main_card_list .t{padding:1.25rem 0;font-size:1.25rem;color:#000;font-weight:700;letter-spacing:-0.25px;}

@media (max-width:1160px){

	.main_card_w{flex-direction:column;}
	.main_card_list .t{font-size:1.125rem;}
}
@media (max-width:760px){
	
	.main_card_list{flex-direction:column;}
	
}
@media (max-width:460px){
	.main_card_header h4{font-size:1.375rem;}
}

/* 20250610 KJH 대표진료과 추가 */
.main_bann dl ul .img.img0610_1 { background-image: url(../images/main/main_icon_0610_1.png); }
.main_bann dl ul .img.img0610_2 { background-image: url(../images/main/main_icon_0610_2.png); }
.main_bann dl ul .img.img0610_3 { background-image: url(../images/main/main_icon_0610_3.png); }
.main_bann dl ul .img.img0610_4 { background-image: url(../images/main/main_icon_0610_4.png); }
.main_bann dl ul .img.img0610_5 { background-image: url(../images/main/main_icon_0610_5.png); }
.main_bann dl ul .img.img0610_6 { background-image: url(../images/main/main_icon_0610_6.png); }
.main_bann dl ul .img.img0610_7 { background-image: url(../images/main/main_icon_0610_7.png); }
.main_bann dl ul .tit > .t_dot > span { color: #6c6c6c; }