@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-myeongjo: 'NanumMyeongjo', 'Nanum Myeongjo', '나눔명조', 'Noto Sans Korean', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;

}


.main .in_cover > .in_w { max-width:1300px;}

.main article {position:relative; padding-top:130px;}
.main article:before {content:''; display: block; position:absolute; left:50%; top:0; right:0; bottom:0; background:#f4f4f4; }
@media (max-width:1160px) {
	.main article { padding-top:90px;}	
}
@media (max-width:960px) {
	.main article:before {display: none;}
}
@media (max-width:768px) {
	.main article { padding-top:4.125rem;}
}


.main_quick_w { display: flex; gap:26px; padding-top:10px; margin-left:-15px; height: 174px; text-align: center;}
.main_quick_w > li {display: block;}
.main_quick {display: flex; flex-direction: column; align-items: center; width:100px;}
.main_quick .img {width:4.375rem; height: 4.375rem; background:#ececec  url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size: 2.5rem auto; border-radius: 50%; box-sizing: border-box;
	transition: var(--transition-custom-2);}
.main_quick .img.img0101 { background-image:  url(../images/main/main_icon0101.png);}
.main_quick:hover .img.img0101 { background-image:  url(../images/main/main_icon0101ac.png);}
.main_quick .img.img0102 { background-image:  url(../images/main/main_icon0102.png);}
.main_quick:hover .img.img0102 { background-image:  url(../images/main/main_icon0102ac.png);}
.main_quick .img.img0103 { background-image:  url(../images/main/main_icon0103.png);}
.main_quick:hover .img.img0103 { background-image:  url(../images/main/main_icon0103ac.png);}
.main_quick .img.img0104 { background-image:  url(../images/main/main_icon0104.png);}
.main_quick:hover .img.img0104 { background-image:  url(../images/main/main_icon0104ac.png);}
.main_quick .img.img0105 { background-image:  url(../images/main/main_icon0105.png);}
.main_quick:hover .img.img0105 { background-image:  url(../images/main/main_icon0105ac.png);}
.main_quick .t {margin-top:10px; }
.main_quick:hover .t {font-weight: 500; color:#f26432;}
.main_quick:hover .img {background-color:#f26432; border-color:#f26432; box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.3);}
@media (max-width:1160px) {
	.main_quick_w {justify-content: center; gap: 5vw; margin:0 auto; padding-top:2.5rem; padding-bottom:3rem; height: auto;  }
}
@media (max-width:768px) {
	.main_quick_w {gap:3vw;}
}
@media (max-width:640px) {
	.main_quick_w {gap:0;}
	.main_quick_w > li {width:20%;}
	.main_quick {width:auto;}
}
@media (max-width:480px) {
	.main_quick_w {margin-left:-2vw; margin-right:-2vw;}
	.main_quick .t {font-size:0.9375rem;}
	.main_quick .img { width: 3.875rem; height: 3.875rem;background-size: 2rem auto;}
}


.main_bann_w {z-index: 20; position:absolute; right:0; top:0; width: 430px; overflow: hidden;}
.main_bann_w > li {display: block;}
.main_bann {display: flex; flex-direction: column; position:relative; padding:1.625rem 1.875rem; box-sizing: border-box;}
.main_bann h3 {margin-bottom:1.25rem; font-size:1.625rem; letter-spacing: -1.5px;}
.main_bann .txt {flex:1; margin-bottom:1rem; font-size:0.9375rem;line-height: 1.4; font-weight: 200;}
.main_bann .txt strong {display: block; margin-bottom:0.375rem;}
.main_bann .btn {height:2.25rem; width:8.5rem; background-color:transparent; border-color:#fff; border-radius: 1.125rem;}
.main_bann .btn span {color:#fff;}
.main_bann .btn span.b_icon { width:1.625rem; background-image:  url(../images/main/mian_arw01_w.png);}
.main_bann .img {position:absolute; right:1.875rem; bottom:1.5rem; width:2.5rem; height: 2.5rem; background:  url(../images/main/main_icon0201.png) no-repeat 50% 50%; background-size: 2.5rem auto;}
.main_bann .img.img0201 { background-image:  url(../images/main/main_icon0201.png);}
.main_bann .img.img0202 { background-image:  url(../images/main/main_icon0202.png);}

.main_bann.bann0102 {position:absolute; left:0; top:200px; width:215px; height: 430px; }
.main_bann.bann0103,
.main_bann.bann0104 {margin-left:215px; height: 215px;}
.main_bann.bann0101 h3,
.main_bann.bann0103 h3,
.main_bann.bann0104 h3 {color:#fff;}

.main_bann.bann0101 {height: 200px; color:#fff; background:#566377;}

.main_bann.bann0102 {background:#fff;}
.main_bann.bann0102 h3 {margin-bottom:2.5rem;}
.main_bann.bann0103 {color:#fff; background:#133072;}
.main_bann.bann0104 {color:#fff; background:#2e834c;}
@media (max-width:1160px) {
	.main_bann_w {display: flex; flex-wrap: wrap; position:relative; width:auto;}
	.main_bann_w .main_bann h3 {margin-bottom:1rem;}
	.main_bann {padding-left:4vw; padding-right:4vw;}
	.main_bann.bann0101 {width:50%; height: 215px;}
	.main_bann.bann0102 { position:relative; top:auto; width:100%; height: auto; border:1px solid #ddd;}
	.main_bann.bann0103, 
	.main_bann.bann0104 {margin:0; width:25%;}
}
@media (max-width:960px) {
	.main_bann.bann0101 {width:100%;}
	.main_bann.bann0103, 
	.main_bann.bann0104 {width:50%;}
	.main_bann.bann0102 {background:#f7f7f7; border:none;}
}
@media (max-width:768px) {
	.main_bann {padding-left:6vw; padding-right:6vw;}
	.main_bann.bann0101,
	.main_bann.bann0103,
	.main_bann.bann0104 {height: auto;}
}

.main_quickBann_w {}
.main_quickBann_w > li {display: block; border-bottom:1px solid #ddd; }
.main_quickBann_w a {display: flex; align-items: center; position:relative; height: 67px; font-size:1.0625rem; color:#666666;}
.main_quickBann_w a .t {flex:1;}
.main_quickBann_w a .ico {width:1.25rem; height: 1.25rem;  background:#4f4f4f  url(../images/main/mian_arw02_w.png) no-repeat 50% 50%; background-size: auto 0.625rem; border-radius: 50%;}
.main_quickBann_w a:hover .ico {background-color:#f26432;}
@media (max-width:1160px) {
	.main_quickBann_w > li:last-child {border-bottom:none;}
	.main_quickBann_w a {padding:1rem 0; height: auto; }
}
@media (max-width:640px) {
	.main_quickBann_w a {font-size:1.125rem;}
}

.main_vis_w { position:relative; overflow: hidden;}
.main_vis_w:before {content:''; display: block; z-index:10; position:absolute; left:50%; top:375px; margin-left:170px; width:634px; height: 355px; background: url(../images/main/main_img_00.png) no-repeat 0% 100%; background-size:contain;}

.main_vis_w .tit_w {z-index:11; position:relative; height:14.375rem; font-weight: 200;}
.main_vis_w .tit_w .tx {margin-bottom:10px; font-size:1.0625rem; color:#cacaca; font-size: 0.9375rem; font-weight: 100; letter-spacing: 1px;}
.main_vis_w .tit_w .t {font-size:3.75rem; font-weight: 500; color:#000; letter-spacing: -3px; font-family: var(--font-family-myeongjo);}

.main .swiper_controll {display: inline-flex; align-items: center; z-index:12; position:absolute; left:0; top:135px; width:5rem; height: 1.875rem; background:#cccccc; border-radius: 1rem; box-sizing: border-box;}
.main .swiper_controll .swiper-button-prev,
.main .swiper_controll .swiper-button-next {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:2.5rem; height: 1.875rem;  background: url(../images/main/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:1rem auto;}
.main .swiper_controll .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR.png);}
.main .swiper_controll .swiper-button-next:before {content:''; display: block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height: 14px; background:#fff; opacity: 0.3; }

.main_vis_swiper {position:relative; background:#dce5ef;}
.main_vis_swiper:before {content:''; display: block; position:absolute; top:0; left:100%; width:100%; height: 100%; background:#dce5ef;}
.main_vis_swiper .swiper-slide {height: 472px;}

@media (max-width:1340px) {
	.main_vis_swiper {margin-left:-25px; margin-right:-25px;}
}
@media (max-width:1290px) {
	.main_vis_swiper {margin-left:-25px; margin-right:-25px;}
	.main_vis_swiper img {margin-left:-50px;}
	.main_vis_w:before {margin-left: 100px;}
}
@media (max-width:1290px) {
	.main_vis_swiper img {margin-left:-80px;}
}
@media (max-width:1200px) {
	.main_vis_swiper img {margin-left:-110px;}
}
@media (max-width:1160px) {
	.main_vis_w {margin-top:4rem;}
	.main_vis_w:before {top:14rem; left:55%; margin-left:0; margin-top:-310px; max-width:53%;}

	.main_vis_swiper img {margin-left:0;}	
}
@media (max-width:960px) {
	.main_vis_w:before {left: 53%; top:0; margin-top:-3rem; height: 18.5rem;  max-width:65%;}
	.main_vis_w .tit_w {height: 13rem;}
	.main_vis_w .tit_w .t {font-size:3.25rem;}

	.main_vis_swiper .swiper-slide {height: auto;}
}
@media (max-width:768px) {
	.main_vis_w:before {height: 17rem;}
	.main_vis_w .tit_w {height: 12rem;}
	.main_vis_w .tit_w .t {font-size:3rem;}

	.main .swiper_controll { top: 8rem;}
}
@media (max-width:640px) {
	.main_vis_w:before {height: 15.5rem;}
	.main_vis_w .tit_w { height: 11rem; }
	.main_vis_w .tit_w .t { font-size: 2.75rem;}

	.main .swiper_controll { top: 7.5rem;}
}
@media (max-width:460px) {
	.main_vis_w:before {height: 15rem;}
	.main_vis_w .tit_w { height: 10.5rem; }
	.main_vis_w .tit_w .t { font-size: 2.5rem;}
	
	.main .swiper_controll { top: 7rem;}
}
@media (max-width:380px) {
	.main_vis_w .tit_w .tx { font-size: 0.75rem; }
	.main_vis_w .tit_w .t { font-size: 2.25rem;}

}