@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;	
  --transition-custom10: all 1.0s ease-in-out;	
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-suit: 'SUIT', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-Myeongjo: 'NanumMyeongjo', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-IvyMode: 'IvyMode', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

/* font style */
.main .f_c_b { color: #1474d0;}

.main .swiper_controll {display: flex; align-items: center; 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:auto; left:auto; top:auto; bottom:auto; margin:auto;  width:auto; height: auto;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next { width:1.875rem; height: 1.875rem; background: url(../images/main/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:0.75rem auto;}
.main .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR.png);}
.main .btn_autoPlay {background: url(../images/main/main_icon_play_pause.png) no-repeat 50% 50%; background-size:0.75rem auto;}
.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_controll svg {display: none;}
.main .swiper-pagination {position:relative; display: flex;}


.main .in_cover > .in_w { max-width:1400px;}
.main .contents { overflow: hidden; }

.main article.in_cover > .in_w {  padding-top:3rem; padding-bottom:7.5rem; }
@media (max-width:900px) {
  .main article.in_cover > .in_w {padding-top:2.5rem; padding-bottom:3.5rem;}
}


.main_vis {position:relative; width:100%; border-bottom-left-radius: 0.625rem; /*overflow: hidden;*/ }
.main_vis_swiper_swiper {width:100%;}
.main_vis_swiper .slide_w {display: flex; gap:4rem; position:relative; }
.main_vis_swiper .img_w {position:relative; height: 405px; width:62.15%; max-width:870px; border-radius: 2.5rem; overflow: hidden;}
.main_vis_swiper .img_w img {width:100%; height: 100%; object-fit: cover;}
.main_vis_swiper .tit_w {flex:1; display: flex; flex-direction: column; justify-content: center;  position:relative; height: 280px;}
.main_vis_swiper .tit_w .tt {padding-top:25px; font-size:60px; font-size:2.625rem; color:#000; line-height: 1.3; font-weight: bold; letter-spacing: -2px;}
.main_vis_swiper .tit_w .tt span { transform: translateY(-20px); opacity: 0; }
.main_vis_swiper .swiper-slide-active .tit_w span {  animation: visTit_fade 0.5s ease-out forwards ;}
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(1) { animation-delay: 0.1s; }
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(2) { animation-delay: 0.25s; }
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(3) { animation-delay: 0.4s; }
.main_vis_swiper .swiper-slide-active .tit_w span:nth-of-type(4) { animation-delay: 0.55s; }
@keyframes visTit_fade {
  to { opacity: 1; transform: translate(0,0); }
}
@media (max-width:1380px) {  
  .main_vis_swiper .slide_w {gap:3rem;}
  .main_vis_swiper .tit_w .tt { font-size:2.375rem;}
}
@media (max-width:1280px) {  
  .main_vis_swiper .tit_w .tt { font-size:2.25rem;}
}
@media (max-width:1160px) {  
  .main_vis_swiper .slide_w { flex-direction: column; align-items: center; gap:1.5rem; }
  .main_vis_swiper .img_w { width:100%; height: auto;}
  .main_vis_swiper .img_w:before {content:''; display: block; padding-top:46.5%;}
  .main_vis_swiper .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
  .main_vis_swiper .tit_w .tt {padding-top:0; text-align: center;}
}
@media (max-width:960px) {  
  .main_vis_swiper .img_w {border-radius: 1.5rem;}
  .main_vis_swiper .tit_w .tt {font-size:2rem;}
}
@media (max-width:640px) {  
  .main_vis_swiper .tit_w .tt {font-size:1.75rem;}
}
@media (max-width:460px) {  
  .main_vis_swiper .tit_w .tt {font-size:1.5rem;}
}

.main_vis .swiper_controll { gap:1rem; position:absolute; left:calc(62.15% + 4rem); top:280px;}
.main_vis .swiper-pagination { gap:0.25rem; margin:0; color:#8697b6; }
.main_vis .swiper-pagination .swiper-pagination-current {color:#5e237a;}
.main .swiper_btn_w { display:flex;  width:8.75rem; box-sizing: border-box;}
.main .swiper_btn_w > * { flex:1; margin-left:-1px; width:auto; height: 1.875rem; border:1px solid #d3d8e2; }
.main .swiper_btn_w .swiper-button-prev { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; opacity: 1;}
.main .swiper_btn_w .swiper-button-next { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; opacity: 1;}
.main .swiper_btn_w > *:hover { z-index:20; position:relative; border-color: #999;}
@media (max-width:1380px) {    
  .main_vis .swiper_controll { left: calc(62.15% + 3rem); }
}
@media (max-width:1160px) {    
  .main_vis .swiper_controll { justify-content: center; position:relative; left:auto; top:auto; margin-top:1.5rem; }
}

.main_custom_w {display: flex; margin-top:4.25rem; border-left:1px solid #d1d1d1; box-sizing: border-box;}
.main_custom_w > .left { padding:2rem 2.25rem 1.25rem; width:25%; box-sizing: border-box;}
.main_custom_w > .right {flex:1; display: flex; flex-wrap: wrap; border-right:1px solid #d1d1d1; overflow: hidden;}
@media (max-width:1160px) { 
  .main_custom_w {display: block; border-left:none;} 
  .main_custom_w > .left { margin-bottom: 2rem; padding: 2.25rem 0; width:100%; background:#f7f7f7;}
}
@media (max-width:640px) { 
  .main_custom_w > .left,
  .main_custom_w > .right {margin-left:-5vw; margin-right:-5vw; width:calc(100% + 10vw); }
  .main_custom_w > .left { padding: 2rem 0; }
}

.main_custom h5,
.main_quick .t {font-size:1.75rem; font-weight: bold;}

.main_custom {display: flex; flex-direction: column; position:relative; height: 100%;}
.main_custom h5 {margin-bottom:1.5rem;}
.main_custom .tit_w { flex:1; }
.main_custom .t {font-size:1.5rem;}
.main_custom .c { font-size:2.375rem; color:#1b419a; font-weight: bold;}
.main_custom .x {margin-top:1rem; font-size:1.0625rem;}
.main_custom .x p:not(:first-child) { margin-top:0.25rem;}
.main_custom .icon { max-height: 100px; width:6.25rem;}
@media (max-width:1160px) { 
  .main_custom { flex-direction: row; }
  .main_custom h5 {width:42%; text-align: center;}
  .main_custom .tit_w { padding-top: 0.25rem; }
  .main_custom .icon {position:absolute; left:21%; top:60%; transform: translate(-50%, -50%) scale(0.8); }
}
@media (max-width:960px) { 
  .main_custom .t {font-size:1.375rem;}
  .main_custom .c {font-size:2rem;}
  .main_custom .x { margin-top:0.5rem; font-size:1rem;}
  .main_custom .x p:not(:first-child) { margin-top:0.125rem; }
  .main_custom .icon {transform: translate(-50%, -50%) scale(0.7);}
}
@media (max-width:768px) { 
  .main_custom h5 {font-size:1.625rem; }
}
@media (max-width:640px) { 
  .main_custom h5 { width:44%; font-size: 1.5rem; }
  .main_custom .t { font-size: 1.25rem; }
  .main_custom .icon { left:22%; transform: translate(-50%, -50%) scale(0.6);    }
}
@media (max-width:460px) { 
  .main_custom h5 { font-size: 1.375rem; }
  .main_custom .t { font-size: 1.125rem; }
}

.main_quick > li {display: block; padding:0 1.875rem; width:33.33%; border-left:1px solid #d1d1d1; box-sizing: border-box;}
.main_quick a { display: block; position:relative; margin-top:-1px; padding:2rem 1rem; height: 240px; border-top:1px solid #d1d1d1; box-sizing: border-box;}
.main_quick .icon { display: inline-block; position:absolute; left:1.5rem; bottom:2.75rem; width:5rem; }
.main_quick .arw { display: inline-block; position:absolute; right:0.875rem; bottom:2.5rem; width:1.625rem; height: 1.25rem; background: url(../images/main/main_icon_arw.png) no-repeat 50% 50%; background-size:contain;}
.main_quick a:hover .t {color:#1474d0;}
.main_quick a:hover .arw { background-image: url(../images/main/main_icon_arw_ac.png); }
@media (max-width:1160px) { 
  .main_quick .icon { left:22%; transform: translateX(-50%) scale(0.8);}
}
@media (max-width:960px) { 
  .main_quick a { padding: 1.5rem 0.5rem; height: 11rem;}
  .main_quick > li:nth-child(1) a,
  .main_quick > li:nth-child(2) a,
  .main_quick > li:nth-child(3) a {margin-top:-0.75rem;}
  .main_quick > li:nth-child(4) a,
  .main_quick > li:nth-child(5) a,
  .main_quick > li:nth-child(6) a {margin-bottom:-0.75rem;}
  .main_quick .t {font-size:1.5rem;}
  .main_quick .icon { bottom:1rem; transform: translateX(-50%) scale(0.7);}
  .main_quick .arw { right: 0.375rem; bottom: 1.75rem; transform: scale(0.8);}
}
@media (max-width:768px) { 
  .main_quick > li { padding: 0 4vw; }
  .main_quick a { padding-left:1vw; padding-right:0; height: 10rem;}
  .main_quick .t {font-size:1.375rem;}
  .main_quick .icon { transform: translateX(-50%) scale(0.6); }
}
@media (max-width:640px) { 
  .main_custom_w .main_quick { border-right: none;}
  .main_quick > li:nth-child(1),
  .main_quick > li:nth-child(4) {border-left:none;}
  .main_quick .icon {bottom:0.5rem;}
}
@media (max-width:560px) { 
  .main_quick a { height: 9rem; }
  .main_quick .t {font-size:1.25rem;}
  .main_quick .icon { transform: translateX(-50%) scale(0.5); }
  .main_quick .arw { transform: scale(0.7); }
}
@media (max-width:460px) { 
  .main_quick a { height: 8.5rem; }
  .main_quick .t {font-size:1.125rem;}
}


.main h3.deco {position:relative; margin-left:3.5rem; margin-bottom:0; padding-top:1.875rem; font-size:2.75rem; letter-spacing: -2px; line-height: 1.3;}
.main h3.deco:before {content:''; display: block; position:absolute; left:0; top:0; width:4.75rem; height: 0.375rem; background:#1b419a; }
@media (max-width:1280px) { 
  .main h3.deco {font-size: 2.25rem; }
}
@media (max-width:1160px) { 
  .main h3.deco {margin-left:0; letter-spacing: -1px;}
}
@media (max-width:960px) { 
  .main h3.deco { font-size: 2rem;  }
}
@media (max-width:768px) { 
  .main h3.deco { font-size: 1.75rem;  }
  .main h3.deco:before {width:4rem;}
}
@media (max-width:640px) { 
  .main h3.deco { padding-top: 1.5rem; font-size: 1.625rem; }
}
@media (max-width:460px) { 
  .main h3.deco { padding-top: 1.25rem; font-size: 1.5rem;  }
}

.main_bann {margin-top:4.25rem;}
.main_bann .img { margin-top: 1.25rem; border-radius:2.5rem; overflow: hidden;}
@media (max-width:1160px) { 
  .main article.in_cover > .in_w > div.main_bann { max-width:100%;}
  .main_bann h3.deco { margin:0 auto; max-width:870px; }
  .main_bann .img {margin-left:-4.5vw; margin-right:-4.5vw; border-radius: 0;}
}
@media (max-width:640px) { 
  .main_bann .img {margin-left:-5vw; margin-right:-5vw; }
}


.main_board_w {display: flex; gap:1.5rem; margin-top:5.75rem;}
.main_board_w h3.deco { width:22%; max-width:400px; word-break: break-all; }
.main_board_box { flex:1; margin-top:-0.5rem;}
.main_tab_w { display: flex; align-items: center; margin-bottom:2.875rem; }
.main_tab {flex:1; display: flex; gap:2.75rem;}
.main_tab a {font-size:1.5rem; font-weight: 500;}
.main_tab_w .ico_add {display: inline-flex; align-items: center; gap:1.25rem; padding:0.25rem 0; box-sizing: border-box;}
.main_tab_w .ico_add .b_i { display: inline-block; position:relative; width:1.625rem; height: 1.25rem; background: url(../images/main/main_icon_arw.png) no-repeat 50% 50%; background-size:contain; zoom:0.8; }
.main_tab_w .ico_add .b_i:before {content:''; display: block; position:absolute; left:0; top:50%; margin-left:-0.875rem; margin-top:-0.375rem; width:1px; height: 0.875rem; background:#d7d7d7; }
.main_tab .ac a { color:#1474d0; font-weight: bold;}
.main_board_list {display: flex; gap:2.875rem;}
.main_board_list > li {flex:1;}
.main_board {display: flex; flex-direction: column; justify-content: space-between; height: 126px;}
.main_board .tit { line-height: 1.6; word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board .d {font-weight: bold; color:#000;}

.main_board_list .noText { display: flex; justify-content: center;  align-items: center; height: 126px;}
@media (max-width:1300px) {  
  .main_board_list {gap:3.25vw;}
}
@media (max-width:1160px) {  
  .main_board_w { flex-direction: column;  margin-top:4rem;}
  .main_board_w h3.deco {width:100%; max-width:none;}
  .main_board_box { margin-top: 0.5rem; }
  .main_tab_w { margin-bottom: 1.5rem; }
  .main_board,
  .main_board_list .noText { height: 6rem; }
}
@media (max-width:768px) { 
  .main_board_w { margin-top:3rem;} 
  .main_board_list { flex-wrap: wrap; gap:6vw; }
  .main_board_list > li {min-width:40%;}
}
@media (max-width:640px) {  
  .main_board_box { margin-top: 0; }
  .main_tab { gap: 2rem; }
  .main_tab a { font-size: 1.375rem; }
  .main_tab_w .ico_add .b_i {zoom:0.6;}
}
@media (max-width:460px) {  
  .main_tab { gap: 8vw; }
  .main_tab a { font-size: 1.25rem; }
}





@media (max-width:1160px) {  
  .main article.in_cover > .in_w > div { margin-left:auto; margin-right:auto; max-width:870px; }
}
@media (max-width:768px) { 
  .main_custom_w {margin-top:3rem;}
  .main_bann { margin-top: 3.5rem; }
}