@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;
}

.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:1.5rem; height: 1.5rem; background: url(../images/main/main_swiper_arwL_w.png) no-repeat 50% 50%; background-size:1rem auto; opacity: 0.5;}
.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 .btn_autoPlay:hover,
.main .swiper-button-prev:hover,
.main .swiper-button-next:hover {opacity: 1;}


.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:1401px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box:before { right:auto; padding-right:330px; width:50%;}
}
@media (min-width:1300px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box:before {content:''; display: block; position:absolute; left:0; top:0; bottom:0; right:360px; background:#0e54a5;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .gnb > li > a,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_logo a .t {color:#fff;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .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) .hd_box .hd_logo img {  opacity: 0; }
}



/* main visual */
.main .sec_vis {position:relative; background:#0e54a5;}
.main .sec_vis > .in_w {position:initial;}
.main_vis {position:relative; height: 582px; box-sizing: border-box;}
@media (max-width:1160px) { 
  .main_vis {height: 36.25rem;}
}

.main_vis_tit {display: flex; align-items: center; z-index:10; position:relative; margin-bottom:25px; padding-top:4.375rem; color:#fff;}
.main_vis_tit .t_w { margin-right:-1rem; }
.main_vis_tit .tx {margin-bottom:0.875rem; font-size:1.125rem; color:#ff9000; transform: translateY(-10px); opacity: 0; animation: visTit_fade 0.5s ease-out forwards ;}
.main_vis_tit .t { font-size:3rem; color:#fff; font-weight: bold; font-weight: 900; letter-spacing: 0; transform: translateY(-10px); opacity: 0; animation: visTit_fade 0.5s ease-out forwards ;}
.main_vis_tit .t.t1 {color:transparent;  -webkit-text-stroke: 1px #fff; }
.main_vis_tit .t.t2 {}
.main_vis_tit .tx { animation-delay: 0.1s; }
.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:640px) { 
  .main_vis_tit {margin-bottom:3rem;}
  .main_vis_tit .t { font-size:2.75rem; }
}

.main_vis .swiper_controll { display: inline-flex; align-items: center; gap:1rem; z-index:10;}
.main_vis .swiper_controll > * {position:relative; }
.main_vis .swiper_controll .swiper-fraction {display: inline-flex; margin-right:0.5rem; font-size:12px; color:#fff;}
.main_vis .swiper_controll .swiper-fraction span {padding:0 5px;}
.main_vis .swiper_controll .swiper-fraction span:not(.current) {font-weight: 200; opacity: 0.8;}
.main_vis .swiper_controll .current { font-size: 13px;}
.main_vis .swiper-pagination-progressbar {width:7.5rem; height: 2px;background:rgba(255,255,255,0.3)}
.main_vis .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position:relative; top:-1px; height: 4px; background:#ff9000; }
.main_vis .swiper-button_w {display: flex; align-items: center; margin-left:-7px;}
.main_vis .swiper-control a {vertical-align: top;}
@media (max-width:1160px) { 
  .main_vis .swiper_controll {padding:0.25rem 0.5rem; padding-right:0.25rem; border-radius: 0.25rem; background:rgba(0,0,0,0.2);}
}

.main_vis_swiper {position:absolute; left:50%; top:0; right:0; margin-left:-40px; height: 100%; overflow: hidden;}
.main_vis_swiper .swiper-slide .w {position:relative; height: 100%; background:#0e54a5;}
.main_vis_swiper .swiper-slide .w img {width:100%; height: 100%; object-fit: cover;}
@media (max-width:1160px) { 
  .main_vis_swiper {left:0; margin:0;}
  .main_vis_swiper .swiper-slide .w img  {opacity: 0.65;}
}


.sec_quickBann { z-index:10; position:relative; background:#0e54a5;}
@media (max-width:1160px) {
  .sec_quickBann {padding-top:2rem; padding-bottom:2rem; }
}
@media (max-width:640px) {
  .sec_quickBann {padding-top:1.5rem; padding-bottom:1.5rem; }
}

.main_quickBann_list {display: flex; gap:1rem;}
.main_quickBann_list > li {display: block;}
.main_quickBann {display: flex; flex-direction: column; justify-content: center;  align-items: center; position:relative; top:0;  width:125px; height: 8.75rem; color:#fff; transition:var(--transition-custom03);  background:#09376b; border-radius: 0.875rem; box-sizing: border-box; }
.main_quickBann .i {display: block; margin-bottom:0.75rem; width:3.125rem; height: 3.1225rem; background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size:contain;}
.main_quickBann .i.i_0101 {background-image: url(../images/main/main_icon0101.png);}
.main_quickBann .i.i_0102 {background-image: url(../images/main/main_icon0102.png);}
.main_quickBann .i.i_0103 {background-image: url(../images/main/main_icon0103.png);}
.main_quickBann .i.i_0104 {background-image: url(../images/main/main_icon0104.png);}
.main_quickBann .t { display: flex; align-items: center; margin-bottom:-0.25rem; height: 2.5rem; line-height: 1.3; color:#fff; text-align: center; }
.main_quickBann_list > li:hover .main_quickBann { background:linear-gradient(#268dd1, #65b1e4); box-shadow: 0.5rem 0.5rem 1.25rem rgba(0,0,0,0.3) ;}
@media (max-width:1320px) {
  .main_quickBann_list {gap:0.75vw;}
}
@media (max-width:1280px) {
  .main_quickBann {width:9.7vw;}
}
@media (min-width:1161px) {
  .main_quickBann_list { position:absolute; left:0; bottom:100%; margin-bottom:62px;}
  .main_quickBann_list > li:hover .main_quickBann {top:-20px; }
}
@media (max-width:1160px) {
  .main_quickBann_list {justify-content: center; gap:1rem;}
  .main_quickBann_list > li { flex:1; max-width:200px;}
  .main_quickBann {width:auto; height: 8.25rem;}
  .main_quickBann .i {zoom:0.85;}
}
@media (max-width:768px) {
  .main_quickBann_list {gap:1.5vw;}
  .main_quickBann {height: 7.5rem;}
  .main_quickBann .i {zoom:0.75;}
}
@media (max-width:640px) {
  .main_quickBann .i {zoom:0.65;}
}


.main .sec_board { padding-top:4.25rem; padding-bottom:5.625rem; background:#f4f8ff;}
.main .sec_board > .in_w { display: flex; gap:4rem;}
.main .sec_board > .in_w > div {flex:1;}
.main .sec_board .h3_w { margin-bottom:1.25rem;}
.main .sec_board h3 {margin-bottom:0.375rem; font-size:1.875rem;}
.main .sec_board .h3_x {font-size:0.9375rem; color:#999;}
.main .sec_board .btn_ico {top:0.25rem; width:2rem; height: 2rem;}
.main .sec_board .btn_ico.ico_add::before, 
.main .sec_board .btn_ico.ico_add::after {width:100%; background:#000;}
@media (max-width:1400px) {
  .main .sec_board > .in_w {gap:2.5rem;}
}
@media (max-width:1280px) {
  .main .sec_board > .in_w {gap:2.5rem 2rem;}
}
@media (max-width:1160px) {
  .main .sec_board {padding-top:2.75rem;}
  .main .sec_board > .in_w { flex-wrap: wrap; }
  .main .sec_board > .in_w > .board1 {flex:none; width:100%; }    
}
@media (max-width:768px) {
  .main .sec_board > .in_w > div {flex:none; width:100%; }  
  .main .sec_board .btn_ico {width:1.75rem;}
}
@media (max-width:640px) {
  .main .sec_board h3 { font-size:1.625rem;}
}

.main_iconBann_list {display: flex; flex-wrap: wrap; padding:1px 0 0 1px; overflow: hidden; box-sizing: border-box;}
.main_iconBann_list > li {width:calc(33.33% + 1px); margin-left:-1px; margin-top:-1px; height: 95px;   box-sizing: border-box;}
.main_iconBann { display: block;  position:relative; padding:1.125rem 1.25rem; height: 100%;  font-size:0.9375rem; color:#000; font-weight: 500; background:#fff; border:1px solid #ddd; box-sizing: border-box; }
.main_iconBann .i {display: block; position:absolute; right:0.75rem; bottom:0.75rem; width:2.5rem; height: 2.5rem; background: url(../images/main/main_icon0201.png) no-repeat 50% 50%; background-size:contain;}
.main_iconBann .i.i_0201 {background-image: url(../images/main/main_icon0201.png);}
.main_iconBann .i.i_0202 {background-image: url(../images/main/main_icon0202.png);}
.main_iconBann .i.i_0203 {background-image: url(../images/main/main_icon0203.png);}
.main_iconBann .i.i_0204 {background-image: url(../images/main/main_icon0204.png);}
.main_iconBann .i.i_0205 {background-image: url(../images/main/main_icon0205.png);}
.main_iconBann .i.i_0206 {background-image: url(../images/main/main_icon0206.png);}
.main_iconBann:hover { z-index:1; color:#fff; background-color:#002b4e; border-color:#002b4e;}
.main_iconBann:hover .i.i_0201 {background-image: url(../images/main/main_icon0201_ac.png);}
.main_iconBann:hover .i.i_0202 {background-image: url(../images/main/main_icon0202_ac.png);}
.main_iconBann:hover .i.i_0203 {background-image: url(../images/main/main_icon0203_ac.png);}
.main_iconBann:hover .i.i_0204 {background-image: url(../images/main/main_icon0204_ac.png);}
.main_iconBann:hover .i.i_0205 {background-image: url(../images/main/main_icon0205_ac.png);}
.main_iconBann:hover .i.i_0206 {background-image: url(../images/main/main_icon0206_ac.png);}
@media (max-width:1160px) and (min-width:769px) {
  .main_iconBann_list > li {width:calc( 16.66% + 1px);}
}
@media (max-width:1160px) {
  .main_iconBann_list > li { height: 6.25rem;}
}
@media (max-width:768px) {
  .main_iconBann_list > li { height: 5.5rem;}
}

.main_bgBann_list { display: flex; gap:5px;}
.main_bgBann_list > div {flex:1; background: url(../images/main/main_bann_bg0101.jpg) no-repeat 50% 50%; background-size:cover; overflow: hidden;}
.main_bgBann_list > div.left {  border-top-left-radius: 2rem; }
.main_bgBann_list > div.right { background-image: url(../images/main/main_bann_bg0102.jpg); border-bottom-right-radius: 2rem;  }

.main_bgBann {display: flex; align-items: center;  gap:0.625rem; padding:1.25rem; height: 92px; color:#fff; font-size:1.25rem; box-sizing: border-box;}
.main_bgBann:nth-of-type(2) { border-top:5px solid #f4f8ff;}
.main_bgBann .t {flex:1; color:#fff; line-height: 1.2; }
.main_bgBann .i { margin-right:-0.125rem; width:2.5rem; height: 2.5rem; background:rgba(255,255,255,0.3) url(../images/main/main_icon_arw01.png) no-repeat 50% 50%; background-size:1.25rem auto; border-radius: 50%; }
.main_bgBann:hover {background:rgba(0,0,0,0.15);}
@media (max-width:1320px) {
  .main_bgBann {font-size:1.125rem;}
  .main_bgBann .i {zoom:0.8;}
}
@media (max-width:768px) {
  .main_bgBann {height: 5.5rem;}
}

.main_custom { display: flex; align-items: center; position:relative; padding:1.25rem 1.5rem; padding-right:1rem; height: 189px; color:#fff; background: url(../images/main/main_bann_bg0201.jpg) no-repeat 50% 50%; background-size:cover;  border-top-right-radius: 2rem; box-sizing: border-box;}
.main_custom > .w {  }
.main_custom .tit_w { display: flex; align-items: center; gap:0.875rem; margin-top:-0.5rem; margin-bottom:0.625rem;}
.main_custom .tit_w .t {font-size:1.375rem;}
.main_custom .tit_w .x_tel {font-size:1.875rem; font-weight: 500;}
.main_custom .i {  width:2.25rem; height: 2.25rem; background:rgba(255,255,255,0.3) url(../images/main/main_icon_call01.png) no-repeat 50% 50%; background-size:1.25rem auto; border-radius: 50%; }
.main_custom .list_dot {display: flex; flex-wrap: wrap; gap:0.25rem 0.75rem;}
.main_custom .list_dot > li:before {top:12px; background-color:rgba(255,255,255,0.5);}
.main_custom .list_dot .t {font-size:15px;}
.main_custom .list_dot .x {font-size:17px;}
.main_custom .btn { position:absolute; right:-0.625rem; bottom:-0.625rem; padding:0 1.25rem; width:176px; height: 48px; background-color:#ff9000; border-color:#ff9000; box-shadow: 0.125rem 0.125rem 0.5rem rgba(0,0,0,0.2);}
.main_custom .btn .b_t {flex:1; color:#fff; text-align: left;}
.main_custom .btn .b_i { background-image: url(../images/main/main_icon_arw02.png); }
.main_custom .btn:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.45);}
@media (max-width:1320px) {
  .main_custom .tit_w { gap: 0.5rem; }
  .main_custom .tit_w .x_tel {font-size:1.75rem;}
  .main_custom .i {zoom:0.8;}
  .main_custom .list_dot {gap: 0 0.625rem;}
  .main_custom .btn { bottom: -1.25rem; }
}
@media (max-width:1280px) {
  .main_custom .tit_w .t {font-size:1.25rem;}
  .main_custom .i {zoom:0.6;}
}
@media (max-width:768px) {
  .main_custom { padding:2.25rem 6vw; padding-right:5vw; height: auto;}
}