@charset "UTF-8";

:root{
  --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-caslon: 'Libre Caslon Text', sans-serif;
}

.ellipsis1 { display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;	}
.ellipsis2 { display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;	}

.main .swiper_controll {display: flex; align-items: center; gap:0.25rem; position:relative; line-height: 1; }
.main .swiper_controll .swiper-pagination-bullet { margin:0; padding:0;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next,
.main .swiper-pagination {position:relative; right:initial; left:initial; top:initial; bottom:initial; margin:initial;  width:initial; height: initial;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next { width:2.5rem; height: 2.5rem; background: url(../images/main/main_swiper_arwL_w.png) no-repeat 50% 50%; background-size:2.25rem auto; }
.main .swiper-button-next {background-image: url(../images/main/main_swiper_arwR_w.png);}
.main .btn_autoPlay {background: url(../images/main/main_swiper_pause.png) no-repeat 50% 50%; background-size:1rem auto;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main/main_swiper_pause_w.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main/main_swiper_play_w.png);}
.main .swiper_controll svg {display: none;}
.main .swiper-pagination {position:relative; display: flex;}
.main .swiper-button-prev:after, 
.main .swiper-button-next:after {display: none;}


.main .wrapper {background: url(../images/layout/main_bg.jpg) no-repeat 50% 50%; background-size:cover;}

.main #header { position:fixed; z-index:100; }

.main #header .in_cover > .in_w,
.main .sitemap_top.in_cover > .in_w,
.main #footer .in_cover > .in_w,
.main article .in_cover > .in_w {max-width:1400px;}

@media (min-width:1161px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover),
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_sbox,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:transparent;}

  .main:not(.body_scroll) #header:not(:hover) .hd_box:before {opacity: 0;}
  .main:not(.body_scroll) .gnb_open #header:not(:hover) .hd_box:before,
  .main:not(.body_scroll) .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_custom,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language .t {color:#fff;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member > li + li:before {background:#636e79;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_custom .icon { background-image: url(../images/layout/hd_icon_call_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language .tit .i_global { background-image: url(../images/layout/hd_language_icon01_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language .tit .i_arw { background-image: url(../images/layout/hd_language_icon_w.png); }

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo img {opacity: 0;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_logo a .t {color:#fff;}
}
@media (max-width:1160px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_sbox,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box {background:transparent;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_logo a .t {color:#fff;}

	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box {background:transparent;}
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo img {opacity: 0;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }
}



.main article {padding-top: 144px; padding-bottom:5rem; box-sizing: border-box;}
.main .main_bg { position:absolute; left:0; top:0; right:0; height: 68vw; max-height: 418px; background: url(../images/main/main_bg0101.jpg) no-repeat 50% 50%; background-size:cover;}
@media (min-width:1161px) {
  .main article { min-height: calc(100vh - 348px ); }
}
@media (max-width:1160px) {
  .main article {padding-top: calc(90px + 1.5rem); }
}
@media (max-width:768px) {
  .main article {padding-top: 6rem; }
  .main .main_bg {max-height: 320px;}
}

.main .sec_vis {}
.main .sec_vis .x_divi {gap:1.875rem;}
.main_vis { position:relative; width:66.43%; }
.main_vis_swiper {height: 420px;}
@media (max-width:1160px) {
  .main .sec_vis { margin-top:0.5rem;}
  .main .sec_vis .x_divi { display: block;}
  .main_vis {margin-bottom:1.25rem; width:100%; }
}
@media (max-width:768px) {
  .main_vis_swiper {height: 20rem;}
}

.main_vis_tit {display: flex; align-items: center; justify-content: center; z-index:10; position:absolute; left:0; top:50%; width:100%; color:#fff; text-align: center;}
.main_vis_tit .t_w { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; }
.main_vis_tit .t { font-size:3rem; color:#fff; transform: translateY(-10px); opacity: 0; animation: visTit_fade 0.5s ease-out forwards ;}
.main_vis_tit .t.t1 { font-size:3.5rem; font-family: var(--font-family-caslon);}
.main_vis_tit .t.t2 { font-size:1.875rem; }
.main_vis_tit .t1 { animation-delay: 0.25s; }
.main_vis_tit .t2 { animation-delay: 0.4s; }
.main_vis_tit .ac span:nth-child(4) { animation-delay: 0.55s; }
@keyframes visTit_fade {
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width:960px) {
  .main_vis_tit .t.t1 {font-size:3rem;}
  .main_vis_tit .t.t2 { font-size:1.5rem; }
}
@media (max-width:768px) {
  .main_vis_tit .t_w {margin-top:-1rem;}
  .main_vis_tit .t.t1 {font-size:2.625rem;}
}
@media (max-width:640px) {
  .main_vis_tit .t.t1 {font-size:2.25rem;}
  .main_vis_tit .t.t2 { font-size:1.375rem; }
}
@media (max-width:460px) {
  .main_vis_tit .t.t1 {font-size:2.125rem;}
}
@media (max-width:390px) {
  .main_vis_tit .t.t1 {font-size:2rem;}
}

.main_vis .img_w {height: 100%;}
.main_vis .img_w img {width:100%; height: 100%; object-fit: cover;}

.main_vis .swiper_controll { z-index:11; position:absolute; left:0; top:50%; right:0;}
.main_vis .swiper_controll > div {position:absolute; top:50%; transform: translateY(-50%); width:2.25rem; height: 2.25rem; }
.main_vis .swiper_controll .swiper-button-prev {left:1.875rem;}
.main_vis .swiper_controll .swiper-button-next {right:1.875rem;}
.main_vis .swiper-pagination { display: flex; align-items: center; justify-content: center; position:absolute; left:50%; bottom:1.875rem; transform: translateX(-50%); padding: 0 1.5rem; min-width:8.75rem; height: 2.125rem; background:rgba(255,255,255,0.3); border-radius: 1.125rem; box-sizing: border-box; }
.main_vis .swiper-pagination .swiper-pagination-bullet { width:7px; height: 7px; background:#fff; opacity: 1;}
.main_vis .swiper-pagination .swiper-pagination-bullet-active {width:1.25rem; background:#0f1f73; border-radius: 4px;}
@media (max-width:1280px) {
  .main_vis .swiper_controll .swiper-button-prev {left:1rem;}
  .main_vis .swiper_controll .swiper-button-next {right:1rem;}
}
@media (max-width:1160px) {
  .main_vis .swiper-pagination .swiper-pagination-bullet  {width:0.625rem; height: 0.625rem;}
  .main_vis .swiper-pagination .swiper-pagination-bullet-active {width:1.375rem; border-radius: 0.375rem;}
}
@media (max-width:768px) {
  .main_vis .swiper_controll > div {display: none;}
}



.main_bann_list { flex:1; display: flex; flex-wrap: wrap; gap:0.625rem; overflow: hidden; box-sizing: border-box;}
.main_bann_list > li {width:calc(50% - 5px);   box-sizing: border-box;}
.main_bann_list > li.w_wide {width:100%;}
.main_bann { display: block;  position:relative; padding:1.75rem 1.75rem; height: 160px; font-size:0.9375rem; color:#fff; line-height: 1.2; background:#1b419a; box-sizing: border-box; }
.main_bann .t { font-size:1.375rem; color:#fff;}
.main_bann .i {display: block;  width:3.125rem; height: 3.125rem; background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size:contain;}
.main_bann .i.i_0101 {background-image: url(../images/main/main_icon0101.png);}
.main_bann .i.i_0102 {background-image: url(../images/main/main_icon0102.png);}
.main_bann .i.i_0103 {background-image: url(../images/main/main_icon0103.png);}
.main_bann .i.i_0104 {background-image: url(../images/main/main_icon0104.png);}
.main_bann .i.i_0105 {background-image: url(../images/main/main_icon0105.png);}
.main_bann .i_arw { display: inline-block;width:2.125rem; height: 2.125rem; background:rgba(0,0,0,0.3) url(../images/main/main_icon_arw0101.png) no-repeat 50% 50%; background-size:1.25rem auto; border-radius: 50%; }
.main_bann.bann1 {  }
.main_bann.bann2 { background-color:#1474d0; }
.main_bann.bann3 { background-color:#ff9000; }
.main_bann.bann4 { background-color:#e4e9f5; }
.main_bann.bann4 .t { color:#001d46; }
.main_bann.bann4 .i_arw { background-color:#98a3bd; }
.main_bann.bann5 { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap:1rem; padding:0.5rem 1.5rem; height: 80px; background-color:#001d46; }
.main_bann.bann5 .i_arw {right:1.75rem; background-color:#35537d;}
@media (max-width:1280px) { 
  .main_bann .t { font-size:1.25rem; }  
}
@media (max-width:1200px) { 
  .main_bann {padding:1.5rem;}
  .main_bann .i {zoom:0.9;}
}
@media (min-width:1161px) { 
  .main_bann:not(.bann5) .i { position:absolute; right:1.25rem; bottom:1.25rem; }
  .main_bann .i_arw { position:absolute; bottom:1.25rem; }
}
@media (max-width:1160px) { 
  .main_bann_list > li:not(.w_wide) {flex:1; width:auto;}
  .main_bann {display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0.875rem; padding:1rem; height: 15rem; text-align: center;}
  .main_bann .t {display: inline-flex; align-items: center; height: 3.25rem;  font-size:1.5rem; }  
  .main_bann .i {zoom:1; margin-bottom:-0.5rem; width:3.75rem; height: 3.75rem;}
  .main_bann .i.i_0101 {background-image: url(../images/main/main_icon0101_mo.png);}
  .main_bann .i.i_0102 {background-image: url(../images/main/main_icon0102_mo.png);}
  .main_bann .i.i_0103 {background-image: url(../images/main/main_icon0103_mo.png);}
  .main_bann .i.i_0104 {background-image: url(../images/main/main_icon0104_mo.png);}
  .main_bann .i.i_0105 {background-image: url(../images/main/main_icon0105_mo.png);}
  .main_bann .i_arw {width:2.875em; height:2.875em; background-image: url(../images/main/main_icon_arw0101_mo.png); background-size:1.5rem auto;}
  .main_bann.bann5 {padding:0.5rem 5vw; height: 5.875rem; }
  .main_bann.bann5 .i {margin:0;}
  .main_bann.bann5 .i_arw {position:absolute; right:5vw;}
}
@media (max-width:960px) { 
  .main_bann .t {font-size:1.375rem;}
}
@media (max-width:768px) { 
  .main_bann_list > li:not(.w_wide) {flex:1; width:auto; min-width:40%;}
  .main_bann {height: 14rem;}
  .main_bann .i_arw {zoom:0.9;}
  .main_bann .i {zoom:0.9;}
  .main_bann.bann5 {height: 5.5rem;}
}
@media (max-width:640px) { 
  .main_bann {height: 13rem;}
  .main_bann .t {font-size:1.3125rem;}
  .main_bann .i_arw {zoom:0.8;}
  .main_bann .i {zoom:0.8;}
  .main_bann.bann5 {height: 5rem;}
}


.sec_customer {padding-top:2.25rem; padding-bottom:2.25rem;}
.sec_customer > .in_w { display: flex; justify-content: center; align-items: center; }
.main_customer_w {display: flex; justify-content: center; flex-wrap: wrap; gap:1.5rem 3.25rem;}
.main_customer_w > li {display: block;}
.main_customer { display: flex; align-items: flex-start; gap:1.25rem; position:relative; color:#022c47; }
.main_customer .i {display: inline-block;  width:3.125rem; height: 3.125rem; background: #d6dee9 url(../images/main/main_icon_call.png) no-repeat 50% 50%; background-size:1.5rem auto; border-radius: 50%; }
.main_customer .t { display: flex; align-items: center; gap:0.625rem; font-size:1.125rem; line-height: 1.3;}
.main_customer .tx_call { font-size:2.125rem; white-space: nowrap; font-family: var(--font-family-caslon);}
.main_customer .x {font-size:1.0625rem;}
@media (max-width:1160px) {
  .main_customer_w { flex-direction: column;}
  .main_customer {gap:0.5rem;}
  .main_customer .t {width:13rem;}
  .main_customer .i {zoom:0.8;}
  .main_customer .tx_call {font-size:2rem;}
}
@media (max-width:768px) {
  .main_customer .i {zoom:0.7;}
  .main_customer .t {width:12.5rem; font-size:1.0625rem;}
  .main_customer .tx_call {font-size:1.875rem;}
}
@media (max-width:640px) {
  .main_customer.st01 {padding-bottom:1.5rem;}
  .main_customer .x {position:absolute; left: 2.875rem;}
}
@media (max-width:460px) {
  .sec_customer {margin-left:-3vw; margin-right:-3vw;}  
  .main_customer .i {zoom:0.6;}
  .main_customer .tx_call {font-size:1.75rem;}
}
@media (max-width:390px) {
  .main_customer .t {width:12rem; }
}


.main_quick_btm { display: flex; padding:1rem 0; background:#32578a; }
.main_quick_btm > li {flex:auto; display: flex; justify-content: center; position:relative; padding:0 1.25rem; min-width:28%; box-sizing: border-box;}
.main_quick_btm > li:not(:first-child):before { content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height: 1.625rem; background: rgba(255,255,255,0.35);}
.main .btn_quick {display: flex; justify-content: center; align-items: center; justify-content: center; gap:1rem; font-size:1.25rem; color:#fff;}
.main .btn_quick .b_t {}
.main .btn_quick .b_i {  width:2.375rem; height: 2.375rem; background: url(../images/main/main_icon_arw0101.png) no-repeat 50% 50%; background-size: 1.25rem auto; } 
@media (max-width:1160px) { 
  .main_quick_btm {flex-direction: column; padding:0.375rem 6vw;}
  .main_quick_btm > li {padding:0;}
  .main_quick_btm > li:not(:first-child):before {top:0; transform: translateY(0); width:100%; height: 1px;}
  .main .btn_quick { gap:0.375rem; padding:1.25rem;}
  .main .btn_quick .b_i { margin-right:-0.5rem; background-image: url(../images/main/main_icon_arw0101_mo.png);  background-size: 1.5rem auto; }
}