@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-gmarket: 'Gmarket', '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 .contents .in_cover > .in_w {max-width:1300px;}

.cnt_main {padding-top:60px; padding-bottom:60px;}
.cnt_main.bg {background:#f0f0f0;}
@media (max-width:768px) { 
	.cnt_main {padding-top: 2.5rem; padding-bottom: 2.5rem; }
}

.main_quickLink_w {z-index: 100; position:fixed; top:185px; left:50%; margin-left:750px; }
.main_quickLink {padding:0 0.5rem; width:110px; color:#fff; text-align: center; background:rgba(0,83,176,0.8); transition: var(--transition-custom-2); box-sizing: border-box; }
.main_quickLink .icon {display: flex; justify-content: center;	align-items: center; height: 70px;}
.main_quickLink a.link {display: flex; flex-direction: column; justify-content: center; position:relative; margin:0 auto; max-width:80px; height: 155px; font-size:0.9375rem; text-align: center; border-top:1px dotted rgba(255,255,255,0.4); border-bottom:1px dotted rgba(255,255,255,0.4);}
.main_quickLink a.link:before {content:''; display: block; margin-bottom:0.5rem; margin-top:-0.75rem; width:100%; height: 50px; background:  url(../images/main/main_icon_quick0101.png) no-repeat 50% 50%; }
.main_quickLink .goTop_w {position:relative; height: 70px; }
.main_quickLink .goTop {display: flex; align-items: center; justify-content: center; position:relative; top:35px; margin:0 auto; width:70px; height: 70px; color:#0053b0; letter-spacing: 0; background:#fff; border-radius: 50%; }
.main_quickLink .goTop:before {content:''; display: block; position:absolute; left:50%; bottom:50%; transform: translateX(-50%); margin-bottom:11px; width:10px; height: 12px; border-bottom:6px solid #0053b0; border-left:5px solid transparent; border-right:5px solid transparent; box-sizing: border-box; }
.main_quickLink .goTop span {position:relative; top:2px;}
.main_quickLink:hover { background:#0053b0;}
@media (max-width:1720px) { 
	.main_quickLink_w {margin-left:690px;}
}
@media (max-width:1580px) { 
	.main_quickLink_w {display: none;}
}

.main_vis .swiper-slide {display: flex; position:relative; height:559px;}
.main_vis .swiper-slide > img {position:absolute; left:0; right:0; height: 100%; width:100%; object-fit: cover;}
.main_vis .swiper-slide a {display: block; margin-bottom:80px; padding-top:110px; padding-left:65px; box-sizing: border-box;}
.main_vis .swiper-slide a .t {font-size:40px; letter-spacing: -3px; color:#222; font-weight: 600; word-break: keep-all; }
.main_vis .swiper-slide a .btn_txt {margin-top:1rem; font-size:1.375rem; font-weight: 600; letter-spacing: -1px;}
.main_vis .swiper-slide a .btn_txt .b_icon {width:28px;  background-image:  url(../images/main/main_btn_arw.png); background-size:contain;}
.main_vis .swiper_controll_w {z-index: 10; padding-left:65px; box-sizing: border-box;}
.main_vis .swiper_controll_w .w {display: inline-flex; align-items: center; position:absolute; bottom:200px; padding:0 20px; height: 35px; background:#fff; border-radius: 18px; box-sizing: border-box;}
.main_vis .swiper_controll_w .swiper-pagination-fraction {position:relative; left:auto; bottom:auto; right:auto; top:auto; margin-right:1rem; font-size:0.875rem; font-weight: 500;}
.main_vis .swiper_controll_w .swiper-pagination-fraction .swiper-pagination-current { font-weight: 600;}
.main_vis .swiper_controll_w .swiper-pagination-progressbar {margin-right:0.875rem; width:11.25rem;}
.main_vis .swiper_controll_w .swiper-button-prev,
.main_vis .swiper_controll_w .swiper-button-next,
.main_vis .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_vis .swiper_controll_w .swiper-control {display: flex;}
@media (max-width:1280px) { 
	.main_vis .swiper-slide a {padding-top:60px;}
}
@media (max-width:1160px) { 
	.main_vis .swiper-slide a .t {font-size:2.75rem;}
	.main_vis .swiper-slide a,
	.main_vis .swiper_controll_w {    padding-left: 3vw;}

	.main_vis .swiper-slide {height: 30rem;}	
	.main_vis .swiper-slide a .btn_txt .b_icon {width:1.5rem;}

	.main_vis .swiper_controll_w {padding-left: 2vw;}
	.main_vis .swiper_controll_w .w {bottom:40px;}	
}
@media (max-width:1024px) { 
	.main_vis .swiper-slide a .t { font-size: 2.5rem; letter-spacing: -2px;}
}
@media (max-width:768px) { 
	.main_vis .swiper-slide {height: 28rem;}
	.main_vis .swiper-slide a { padding-top: 3rem;}

	.main_vis .swiper_controll_w .w { gap: 0.5rem; left:50%; bottom:2.25rem; transform:translateX(-50%) ; height: 2.25rem;}
}
@media (max-width:640px) { 	
	.main_vis .swiper-slide a {margin:0; padding-left: 2vw;}	
	.main_vis .swiper-slide a .btn_txt {font-size:1.25rem;}
	.main_vis .swiper-slide a .btn_txt .b_icon {font-size:1.25rem;}	
}
@media (max-width:460px) { 
	.main_vis .swiper-slide {	height: 23rem;}
	.main_vis .swiper-slide a .t {font-size: 2rem; letter-spacing: -1.5px; line-height: 1.4;}
	.main_vis .swiper-slide a .btn_txt {font-size: 1.0625rem;}
	.main_vis .swiper-slide a .btn_txt .b_icon { width: 1.25rem;}	
}

.main_custom_w {display: flex; z-index: 100; position:absolute; right:0; bottom:100%; margin-bottom:130px;}
.main_custom {display: flex; justify-content: center; flex-direction: column; padding:30px; width:434px; height: 192px; color:#fff; word-break: keep-all; background:#3191ff; box-sizing: border-box;}
.main_custom .t {font-size:24px; font-weight: 600;}
.main_custom .x {margin-top:0.5rem; font-weight: 200;}
.main_custom .call {display: flex; align-items: center; gap:10px; position:relative; margin-right:-0.5rem; margin-top:1rem; font-size:1.75rem; font-weight: 600; font-family: var(--font-family-mont); white-space: nowrap; }
.main_custom .call:before {content:''; display: block; width:45px; height: 45px; background:  url(../images/main/main_icon_call.png) no-repeat 0% 50%; background-size:contain;}

.main_quickLink02 {display: flex; flex-direction: column; justify-content: space-around; padding:2rem 1rem; color:#fff; text-align: center;	background:#0053b0;}
.main_quickLink02 .icon img {width:4.25rem;}
.main_quickLink02 .link:before {content:''; display: block; width:100%; height: 3.125rem; background:  url(../images/main/main_icon_quick0101.png) no-repeat 50% 50%; background-size:1.625rem auto;}
.main_quickLink02 .link span {color:#fff;}

@media (max-width:1580px) { 
	.main_quickLink02 {display: flex!important;}

	.main_custom {padding:2rem 1.5rem; width:auto; height: auto;}
	
}
@media (max-width:1160px) { 
	.main_custom_w {margin-bottom:30px;}
}
@media (max-width:1024px) { 
	.main_custom .call:before {width:2.5rem; height:2.5rem;}
}
@media (max-width:768px) { 
	.main_custom_w {position:relative; right:auto; bottom:auto; margin:0;}
	.main_custom {flex:1; padding-left:2.5rem; height: auto; background:#0053b0;}
	.main_custom .t {font-size:1.375rem;}
	.main_custom .call {margin-left:-1vw; font-size: 1.625rem; font-weight: 500;}
	.main_custom .call:before { width: 2.25rem; height: 2.25rem;}

	.main_quickLink02 {width:25%; background:#1c4573;}
}
@media (max-width:460px) { 
	.main_custom,
	.main_quickLink02 {padding-top:1.5rem; padding-bottom:1.5rem;}

	.main_custom {padding-left:6vw; }
	.main_custom .call:before { width: 2rem; height: 2rem;}
	.main_quickLink02 {padding-right:0.875rem; padding-left:0.875rem;}
	.main_quickLink02 .icon img {width:3.75rem;}
}

.main_quickBann_w {display: flex; z-index: 100; position:absolute; left:0; right:0; bottom:0;}
.main_quickBann_w > li {flex:1;}
.main_quickBann_w > li:nth-child(1) {background:#3191ff;}
.main_quickBann_w > li:nth-child(2) {background:#011e46;}
.main_quickBann_w > li:nth-child(3) {background:#3f4751;}
.main_quickBann {display: flex; align-items: center; padding:0 2.5rem; height: 5rem; box-sizing: border-box;}
.main_quickBann .t {flex:1; font-size:23px; font-weight: 500; color:#fff;}
.main_quickBann .ico_arw {width:2.5rem; height: 2.5rem; border:0.125rem solid rgba(255,255,255,0.4); border-radius: 50%; background:  url(../images/main/main_btn_arw02_w.png) no-repeat 50% 50%; background-size:1.25rem auto; box-sizing: border-box; }
.main_quickBann:hover .ico_arw {border-color:#fff;}
@media (max-width:1160px) { 
	.main_quickBann_w {position:relative;}
	.main_quickBann .t {font-size:1.375rem;}
	.main_quickBann .ico_arw {margin-right:-10px;}
}
@media (max-width:768px) { 
	.main_quickBann_w {display: block;}
	.main_quickBann_w > li {display: block;}
}


.main_bann_w {display: flex; gap:0.875rem;}
.main_bann_w > li {flex:1;}
.main_bann {display: flex; align-items: flex-start; flex-direction: column; position:relative; padding:34px 40px; height: 180px; background:  url(../images/main/main_bann0101.jpg) no-repeat 50% 50%; background-size:cover; border:1px solid #bebebe; box-sizing: border-box;
	transition: var(--transition-custom-2);}
/*
.main_bann:before {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; background:#011e46; opacity: 0;
	transition: var(--transition-custom-2);}
*/
.main_bann.bann0101 { background-image:  url(../images/main/main_bann0101.jpg) ;}
.main_bann.bann0102 { background-image:  url(../images/main/main_bann0102.jpg) ;}
.main_bann.bann0103 { background-image:  url(../images/main/main_bann0103.jpg) ;}
.main_bann.bann0104 { background-image:  url(../images/main/main_bann0104.jpg) ;}
.main_bann.bann0105 { background-image:  url(../images/main/main_bann0105.jpg) ;}
.main_bann.bann0101:hover {background-image:  url(../images/main/main_bann0101_ov.jpg)}
.main_bann.bann0102:hover { background-image:  url(../images/main/main_bann0102_ov.jpg) ;}
.main_bann.bann0103:hover { background-image:  url(../images/main/main_bann0103_ov.jpg) ;}
.main_bann.bann0104:hover { background-image:  url(../images/main/main_bann0104_ov.jpg) ;}
.main_bann.bann0105:hover { background-image:  url(../images/main/main_bann0105_ov.jpg) ;}
.main_bann .t {flex:1; position:relative; font-size:23px; font-weight: 600; color:#011e46; letter-spacing: -1px; word-break: keep-all;}
.main_bann .btn_txt { justify-content: flex-start; text-decoration: underline; text-underline-offset: 3px;}
.main_bann .btn_txt span { padding-right:0.725rem; font-size:13px; }
.main_bann .btn_txt i {display: inline-block; width:8px; height: 7px; border-left:4px solid #011e46; border-top:4px solid transparent; border-bottom:4px solid transparent; box-sizing: border-box;}
.main_bann .icon {position:absolute; right:20px; bottom:32px; width:70px; height: 70px; background:rgba(1,30,70,0.6) url(../images/main/main_icon0201.png) no-repeat 50% 50%; border-radius: 50%;}
.main_bann .icon.icon0101 { background-image:  url(../images/main/main_icon0201.png); }
.main_bann .icon.icon0102 { background-image:  url(../images/main/main_icon0202.png); }
.main_bann .icon.icon0103 { background-image:  url(../images/main/main_icon0203.png); }
.main_bann .icon.icon0104 { background-image:  url(../images/main/main_icon0204.png); }
.main_bann .icon.icon0105 { background-image:  url(../images/main/main_icon0205.png); }
.main_bann:hover {color:#fff; border-color:#72849c; }
.main_bann:hover:before {opacity: 0.6; -webkit-filter:brightness();}
.main_bann:hover .t {color:#fff;}
.main_bann:hover .btn_txt i {border-left-color:#fff;}
.main_bann:hover .icon {background-color:#011e46;} 
@media (max-width:1280px) and (min-width:1101px) { 
	.main_bann {padding:34px 25px; }
	.main_bann .icon {right:1rem; zoom:0.9;}
}
@media (max-width:1100px) {
	.main_bann_w {flex-wrap: wrap;}
	.main_bann_w > li {  flex:none; width:calc(33.3% - 0.625rem);}
}
@media (max-width:768px) {
	.main_bann_w > li {  width:calc(50% - 0.4375rem);}
	.main_bann {padding: 1.75rem 5vw; height: 10rem;}
	.main_bann .icon {right:1.25rem; bottom:1.25rem; width:3.75rem; height: 3.75rem; background-size: 45% auto;}
	.main_bann .t {font-size:1.375rem;}
	.main_bann .btn_txt {margin-bottom:-0.25rem; }
	.main_bann .btn_txt span  {font-size:0.75rem; letter-spacing: 0;}
}
@media (max-width:460px) {
	.main_bann .icon {right:3vw; width:3.25rem; height: 3.25rem; }
}

.main_quick_w {display: flex; flex-wrap: wrap; gap:1.5rem 1.25rem; justify-content: space-between; max-width:1200px;}
.main_quick { text-align: center;}
.main_quick .img {width:7rem; height: 7rem; background:  url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size: 3.125rem auto; border:1px solid #ddd; 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 .img.img0106 { background-image:  url(../images/main/main_icon0106.png);}
.main_quick:hover .img.img0106 { background-image:  url(../images/main/main_icon0106ac.png);}
.main_quick .img.img0107 { background-image:  url(../images/main/main_icon0107.png);}
.main_quick:hover .img.img0107 { background-image:  url(../images/main/main_icon0107ac.png);}
.main_quick .img.img0108 { background-image:  url(../images/main/main_icon0108.png);}
.main_quick:hover .img.img0108 { background-image:  url(../images/main/main_icon0108ac.png);}
.main_quick .t {margin-top:10px; font-size:1.0625rem; color:#222; font-weight: 500;}
.main_quick:hover .img {background-color:#011e46; border-color:#011e46; box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.3);}
@media (max-width:1024px) {
	.main_quick_w { justify-content: center; gap:1.5rem 5vw; max-width:640px;}
	.main_quick_w {}
}
@media (max-width:640px) {
	.main_quick_w {gap:1.5rem 4vw;}
	.main_quick .img {width:6rem; height: 6rem;  background-size: 2.875rem auto; }
}
@media (max-width:460px) {
	.main_quick_w {    justify-content: space-between; gap:1.5rem 3.5vw;}
	.main_quick .img {width:5.5rem; height: 5.5rem; }
}

/* media */
@media (max-width:1160px) { 
	.in_cover.m116_pd0 {padding-right:0; padding-left:0;}
}
@media (max-width:960px) { 
	.in_cover.m96_pd0 {padding-right:0; padding-left:0;}
}
@media (max-width:768px) { 
	.pc_block {display: none!important;}
	.mo_block {display: block!important;}
}