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

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

@media (min-width:1321px) {
  .main nav .gnb > li > a {padding:0 24px;}
}
@media (max-width:1320px) and (min-width:1281px) {
  .main nav .gnb > li > a {padding:0 16px;}
}


.main article {position:relative;}
.main article:before {content:''; display: block; position:absolute; left:45%; top:0; bottom:0; right:0; background:#f5f6f9;}
@media (max-width:1160px) { 
  .main article:before { left:0;  height: calc(57vw + 5.5rem) ;}
}
@media (max-width:960px) { 
  .main article:before { display: none;}
}

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

.main_sec02 {margin-top:2.5rem;}
@media (max-width:1160px) {
  .main_sec02 {margin-top:6.5vw;}
}

.main_divi { display: flex; flex-wrap: wrap; gap:50px; position:relative; }
.main_divi > div {position:relative;}
.main_divi .divi_l { width:21.5%; max-width:300px; }
.main_divi .divi_c {width:520px; max-width:42%; }
.main_divi .divi_r { flex:1; display: flex; flex-direction: column; justify-content: space-between; gap:1.5rem; }
@media (max-width:1340px) { 
  .main_divi { gap:40px;}
  .main_divi .divi_l { width:23%; }
}
@media (max-width:1280px) { 
  .main_divi {gap:3vw;}
}
@media (max-width:1160px) { 
  .main_divi {gap:6vw; }  
  .main_divi.main_sec01 .divi_l,
  .main_divi.main_sec02 .divi_l {width:45%; max-width:none;}
  .main_divi.main_sec01 .divi_c { width:calc(55% - 6vw); max-width:none;}
  .main_divi.main_sec02 .divi_c {display: none;}  
}
@media (max-width:1160px) and (min-width:901px) { 
  .main_divi.main_sec01 .divi_r {flex:none; position:absolute; left:0; bottom:0; width:45%;}
}
@media (max-width:960px) { 
  .main_divi {gap:6vw 5vw;}
  .main_divi.main_sec01 .divi_l,
  .main_divi.main_sec01 .divi_r,
  .main_divi.main_sec02 .divi_l {width:42%; }
  .main_divi.main_sec01 .divi_c { width:calc(58% - 6vw);}
}
@media (max-width:900px) { 
  .main_divi {gap:6vw 5vw; display: block; margin:0 auto; max-width: 640px;}
  .main_divi.main_sec01 .divi_l,  
  .main_divi.main_sec01 .divi_c,
  .main_divi.main_sec01 .divi_r,
  .main_divi.main_sec02 .divi_l { width:100%;}  
  .main_divi.main_sec01 .divi_c,
  .main_divi.main_sec01 .divi_r,
  .main_divi.main_sec02 .divi_r { margin-top:2.5rem;}
  .main_divi.main_sec02 .divi_l {margin-top:4.5rem;}
  .main_divi.main_sec01 .divi_r:before {content:''; display: block; position:absolute; left:-50%; right:-50%; top:-100%; bottom:-2rem; background:#f5f6f9;}  
}
@media (max-width:460px) {   
  .main_divi.main_sec01 .divi_c,
  .main_divi.main_sec01 .divi_r { margin-top:2rem;}
}




.main article h3 { margin-bottom:1.25rem; font-size:1.875rem; line-height: 1.2;}
@media (max-width:1280px) { 
  .main article h3 { font-size: 1.75rem; }
}
.main article .h3_main.st01 {  display: flex;flex-wrap: wrap; gap:0.375rem 0.625rem; }
.main article .h3_main.st01 span {flex:1;}
.main article .h3_main.st01:after {content:''; display: block; width:140px; height: 2rem; }
@media (max-width:1280px) { 
  .main article .h3_main.st01:after { width: 6.875rem; }
}

.main_custom { display: flex; flex-direction: column; min-height: 230px; border-top:2px solid #000; border-bottom:2px solid #000; box-sizing: border-box;}
.main_custom > div,
.main_custom > a {flex:auto; display: flex; align-items: center; padding:0.75rem 0;}
.main_custom > div:not(:first-child),
.main_custom > a:not(:first-child) {border-top:1px dotted #e1e1e1;}
.main_custom > div > .w,
.main_custom > a > .w {width:100%; box-sizing: border-box;}
@media (max-width:900px) {
  .main_custom > div,
  .main_custom > a {padding-top:1.125rem; padding-bottom:1.125rem;}
}

.main_custom .custom1 {  }
.main_custom .custom1 .call {display: flex; /*align-items: center;*/ gap:1rem; }
.main_custom .custom1 .call:not(:first-child) {margin-top:5px;}
.main_custom .custom1 .t { flex:none; display: inline-flex; justify-content: center; align-items: center; padding:0 0.375rem; width:4.375rem; height: 2.125rem; font-size:0.9375rem; color:#fff; background:#1474d0; box-sizing: border-box; }
.main_custom .custom1 .a_w {display: flex; flex-wrap: wrap; margin-right: -0.5rem;}
.main_custom .custom1 a {font-weight: bold;}
.main_custom .custom1 a:not(.cx) {padding-top:0.25rem; font-size:23px; line-height: 1.1; letter-spacing: -1px;}
.main_custom .custom1 a.cx,
.main_custom .custom1 p { padding-top:0.3125rem; letter-spacing: -1px;}
@media (max-width:1340px) { 
  .main_custom .custom1 .call {gap: 0.75rem;}
  .main_custom .custom1 .t { width:4rem; height: 2rem; font-size:0.875rem;}
}
@media (max-width:1160px) {
  .main_custom {min-height: 250px;} 
  .main_custom .custom1 { padding-left:2vw;}
  .main_custom .custom1 .call { gap:2vw; }
  .main_custom .custom1 .t { width:4.375rem;}
  .main_custom .custom1 .call:not(:first-child) {margin-top:0.5rem;}
}
@media (max-width:1024px) { 
  .main_custom .custom1 {padding-left:2vw;}
}
@media (max-width:900px) {   
  .main_custom .custom1 {padding-left:4vw;}
  .main_custom .custom1 .call {gap:3vw;}
}
@media (max-width:768px) {   
  .main_custom .custom1 a:not(.cx) {font-size:1.5rem; letter-spacing: -0.5px;}
}
@media (min-width:901px) { 
  .main_custom .custom1.st01 .call:not(:first-child) {margin-top:10px;}
}


.main_custom .custom2 { flex-direction: column; justify-content: center; }
.main_custom .custom2 > .w {display: flex; align-items: center; gap:1rem; }
.main_custom .custom2 .icon { width: 4.375rem; text-align: center; }
.main_custom .custom2 .t_w {flex:1;}
.main_custom .custom2 .t {margin-bottom:0.25rem; font-weight: bold;}
.main_custom .custom2 .i_arw { display: inline-block; margin-right:0.625rem; width:1rem; height: 1rem; background: url(../images/main/main_icon_arw.png) no-repeat 50% 50%; background-size:contain; }
.main_custom .custom2 .w_x { padding-left:0.75rem; margin-top:0.375rem; width:100%; color:#888; box-sizing: border-box;}
@media (max-width:1340px) { 
  .main_custom .custom2 > .w { gap: 0.75rem; }
  .main_custom .custom2 .icon { width:4rem; }
}
@media (max-width:1160px) { 
  .main_custom .custom2 > .w { gap:2vw; padding-left:2vw;}
  .main_custom .custom2 .icon { width:4.375rem; }
  .main_custom .custom2 .t { margin-bottom:0.5rem;}
  .main_custom .custom2 .x {/*margin-right:-1rem;*/}
  .main_custom .custom2 .w_x {padding-left:calc(4vw + 4.375rem);}
}
@media (max-width:1024px) { 
  .main_custom .custom2 .icon img {zoom:0.8;}
}
@media (max-width:960px) { 
  .main_custom .custom2 .i_arw {zoom:0.8;}
}
@media (max-width:900px) { 
  .main_custom {min-height: auto;}
  .main_custom .custom2 > .w {padding-left:4vw;}
  .main_custom .custom2 .x {margin-right:-1.25rem;}
  .main_custom .custom2 .x br { display: none;}
  .main_custom .custom2 .x span {margin-right:1.25rem;}
  /*
  .main_custom .custom2 .x > span {position:relative; padding-left:1.25rem;}
  .main_custom .custom2 .x > span:before {content: ''; display: block; position:absolute; left:0.5rem; top:50%; margin-top:-0.5rem; width:1px; height: 0.875rem; background:#e4e4e4; }
  */
  .main_custom .custom2 .i_arw {margin-right:2.5vw;}
  .main_custom .custom2 .w_x {padding-left:calc(6vw + 4.375rem);}
}
@media (max-width:768px) { 
  .main_custom .custom2 > .w {gap:3vw;}
  .main_custom .custom2 .t { margin-bottom:0.25rem;}
}




.main_notice { position:relative;}
.main_notice_swiper { height: 324px;}
.main_noticeBox {display:block ; padding:1.5rem 1.875rem; padding-right:1.5rem; height: 100%; background:#e9f2fd; box-sizing: border-box;}
.main_noticeBox .d { margin-bottom:0.5rem; color:#1474d0; }
.main_noticeBox .tit { font-size:1.125rem; line-height: 1.5; letter-spacing: -1px; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical; word-break: break-all;}
.main_notice .swiper_controll { display:flex; position:absolute; right:0; bottom:100%; margin-bottom:1.125rem; border:1px solid #d3d8e2; border-radius: 1rem; box-sizing: border-box;}
.main_notice .swiper_controll > * {  margin-left:-1px; width:auto; width:2.875rem; height: 1.875rem; }
.main_notice .swiper_controll > * + * {  border-left:1px solid #d3d8e2; }
.main_notice .swiper_controll .swiper-button-prev,
.main_notice .swiper_controll .swiper-button-next {  opacity: 1;}
.main_notice .swiper_controll > *:hover { z-index:20; position:relative; border-color: #999;}
@media (max-width:1280px) { 
  .main_notice .swiper_controll > * {width:2.25rem;}
}
@media (max-width:1160px) { 
  .main_notice_swiper {height: 284px;}
  .main_noticeBox .tit {-webkit-line-clamp: 2; }
}
@media (max-width:900px) { 
  .main_notice_swiper { height: 16.5rem; }
  .main_noticeBox {padding:1.25rem 5vw; }
}
.main_notice .noData {padding-top:1.5rem; text-align: center;}




.main_vis {position:absolute; left:0; top:0; right:0;}
.main_vis .swiper_controll { z-index:10; position:absolute; left:0; bottom:0; right:0; padding:0 15px; height: 45px; color:#fff; background:rgba(0,0,0,0.7);}
.main_vis .swiper_controll .swiper-pagination {flex:1; display: flex; justify-content: center; gap:15px;}
.main_vis .swiper_controll .swiper-pagination-bullet {display: inline-flex; justify-content: center;  align-items: center; position:relative; width:30px; height: 45px; color:#fff; background:none; border-radius: 0; opacity: 0.6; box-sizing: border-box;}
.main_vis .swiper_controll .swiper-pagination-bullet-active { color:#3d9cf7;  opacity: 1;}
.main_vis .swiper_controll .swiper-pagination-bullet-active:before { content:''; display: block; position:absolute; left:0; right:0; bottom:0; height: 3px; background:#3d9cf7;}
.main_vis .swiper-button-prev,
.main_vis .swiper-button-next { background-size: 0.875rem auto; }
.main_vis .swiper-button-prev { background-image: url(../images/main/main_icon_play_arwL_w.png); }
.main_vis .swiper-button-next { background-image: url(../images/main/main_icon_play_arwR_w.png); }
.main_vis .img_w { position:relative; height: 646px;}
.main_vis img {width:100%; height: 100%; object-fit: cover;}
@media (max-width:1160px) { 
  .main_vis {position:relative;}
  .main_vis .img_w { height: auto;}
  .main_vis .img_w:before {content:''; display: block; padding-top:127.5%;}
  .main_vis .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
}
@media (max-width:768px) { 
  .main_vis .swiper_controll,
  .main_vis .swiper_controll .swiper-pagination-bullet {height: 2.875rem;}
}

.main_dl1 { position:relative;  }
.main_dl1 > li { border-bottom:1px solid #cccccc;  }
.main_dl1 > li:first-child { border-top:1px solid #cccccc; }
.main_dl1 a {display: flex; align-items: center; gap:0.875rem; position:relative; padding:0.5rem 0.625rem; width:100%; min-height:56px; line-height: 1.4; box-sizing: border-box;}
.main_dl1 a:after {content:''; display: block; width:1rem; height: 1rem; background: url(../images/main/main_icon_arw.png) no-repeat 50% 50%; background-size:contain;}
.main_dl1 a .t { flex:none; position:relative; padding-left:12px; width:30%; max-width:135px; font-weight: 500; color:#000; line-height: 1.1; letter-spacing: -1px; word-wrap: break-word;}
.main_dl1 a .t:before {content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:2px; height: 8px; width:3px; background:#000000;}
.main_dl1 a .x {flex:1; font-size:0.875rem; color:#999999;}
@media (max-width:1440px) { 
  .main_dl1 a .x br {display: none;}
}
@media (max-width:1400px) { 
  .main_dl1 a {padding-right:0;}
  .main_dl1 a:after {display: none;}
}
@media (max-width:1340px) { 
  .main_dl1 a {padding-left:0;}
  .main_dl1 a .t {width:26%;}
}
@media (max-width:1300px) { 
  .main_dl1 a .x {letter-spacing: -1px;}
}
@media (max-width:1160px) { 
  .main_dl1 { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; min-height: 250px;}
  .main_dl1 > li {flex:auto; display: flex;}
  .main_dl1 a { padding:0.625rem 0.5rem; min-height: 6.5vw;}
  .main_dl1 a:after {display: block;}
  .main_dl1 a .t {font-size:1.0625rem; font-weight: 500;}  
  .main_dl1 a .x {font-size:0.9375rem;}
}
@media (max-width:1024px) { 
  .main_dl1 a .x {font-size:0.875rem;}
}
@media (max-width:960px) { 
  .main_dl1 a {padding-left:0; padding-right:0;}
  .main_dl1 a:after {zoom:0.8;}
  .main_dl1 a .t {font-size:1rem; }
}
@media (max-width:900px) { 
  .main_dl1 a {min-height: auto;}
  .main_dl1 a .x {font-size:1rem;}
  .main_dl1 a .t {max-width:none; font-size:1.0625rem; }
}
@media (max-width:460px) { 
  .main_dl1 a .x {font-size:0.9375rem;}
}


@media (max-width:1160px) { 
  .main_divi .divi_l .main_dl1 {display: block!important;}
}

.main_board2 .h3_w {margin-bottom:1rem;}
@media (max-width:1160px) and (min-width:901px) {
  .main_board2 .h3_w {display: flex; flex-wrap: wrap; gap:1.25rem; margin-bottom:1rem;}
  .main_board2 .h3_w h3 {margin:0;}
  .main_board2 .h3_w .main_board_tab { flex:1; margin:0;}
}

.main_board_tab { display: flex; align-items: center; gap:0.5rem; position:relative; margin-bottom:0.75rem; }
.main_board_tab .i_h3 {display: inline-block; width:1.375rem; height: 1.375rem; background: url(../images/main/main_h3_icon.png) no-repeat 50% 50%; background-size:contain;}
.main_board_tab .btn_ico { position:relative; background:#1b419a; }
.main_board_tab .btn_ico:before,
.main_board_tab .btn_ico:after {width:12px; background:#fff;}
.main_board_tab .tab_w {flex:1; display: flex; align-items: center; gap:1.875rem; }
.main_board_tab .tab_w a { position:relative; color:#777; line-height: 1;}
.main_board_tab .tab_w a:not(:last-child):before {content: ''; display: block; position:absolute; left:100%; top:50%; margin-left:0.875rem; margin-top:-1px; transform: translate(-50%, -50%); width:3px; height: 3px; background:#d8d8d8; }
.main_board_tab .tab_w a.ac { color:#1474d0; }
@media (max-width:1160px) {
  .main_board_tab .i_h3 {width:1.25rem; height: 1.25rem;}
}
@media (max-width:960px) {
  .main_board_tab .tab_w a {font-size:1.0625rem;}
}

.main_board2_list {display: flex; flex-wrap: wrap; gap:10px;}
.main_board2_list > li { display: block; width:calc(50% - 5px);}
.main_boardBox {display: flex; flex-direction: column; height: 100%; padding:1rem 1.25rem 0.75rem; background:#fff; border:1px solid #ddd; box-sizing: border-box; }
.main_boardBox .tit {flex:1; display: -webkit-box; min-height: 4.25rem;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical; word-break: break-all;}
.main_boardBox .d_w {margin-top:0.625rem; padding-top:0.5rem; border-top:1px solid #ddd;}
.main_boardBox .d {font-size:13px; color:#777;}
.main_boardBox:hover {border-color:#1474d0;}
@media (max-width:1280px) { 
  .main_boardBox {padding-right:1rem; padding-left:1rem;}
}
@media (max-width:1160px) {
  .main_boardBox {height: 137px;}
}
@media (max-width:900px) { 
  .main_boardBox {height: 100%;}
  .main_boardBox .tit {min-height: auto;}
}

.main_board2_list > li.noData_w {width:100%;}
.main_board2_list .noData {padding:1.5rem 0 2rem; text-align: center;}