@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 #header,
.main .hd_box { border-bottom: 1px solid #ddd; box-sizing: border-box;}
.main .hd_box { box-sizing: border-box;}


/* common */
.tx_ellip1 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.tx_ellip2 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}


.main .in_cover > .in_w { max-width:1400px;}
.main nav {padding-left:70px;}

.main .contents { }
.main article { position:relative; width:100%; }
.main section { position:relative;}

.hd_go_is { flex:none; }
.hd_go_is a { display: inline-flex; align-items: center; justify-content: center; padding:0 1.375rem; height: 2.75rem; color:#e47312; font-size:0.9375rem; letter-spacing: -0.036em; border:1px solid #e47312; border-radius: 999px; box-sizing: border-box; transition: var(--transition-custom03);}
.hd_go_is a:hover,
.hd_go_is a:focus { color:#fff; background:#e47312;}
@media (max-width:1160px) {
  .hd_go_is {display: none;}
}


/*** main visual ***/
.main_vis { padding-top:3.75rem; }
.main_vis .vis_top { display: flex; align-items: flex-start; justify-content: space-between; gap:2rem; }

.main_vis_tit { flex:1; padding-top:1.4375rem; }
.main_vis_tit .t { font-size:2.375rem; font-weight: bold; color:#333; letter-spacing: -0.048em; line-height: 1.2;}
.main_vis_tit .t em {color:#e47312;}
.main_vis_tit .x { margin-top:1.5rem; font-size:1.0625rem; font-weight: 300; color:#666; letter-spacing: -0.036em; line-height: 1.5;}
.main_vis_tit .x br {display: none;}

.main_quick_list { display: flex; flex:none; }
.main_quick_list > li { position:relative; width:8.5625rem; }
.main_quick_list a { display: flex; flex-direction: column; align-items: center; padding-top:1.3125rem; height: 7.9375rem; color:#666; box-sizing: border-box; transition: var(--transition-custom03);}
.main_quick_list .ico { display: flex; align-items: center; justify-content: center; height: 2.5rem;}
.main_quick_list .ico img {max-height: 100%;}
.main_quick_list .t { margin-top:1.5625rem; font-size:1rem; letter-spacing: -0.036em; white-space: nowrap;}
.main_quick_list a:hover,
.main_quick_list a:focus { color:#fff; background:#e47312;}

@keyframes visTit_fade { to { opacity: 1; transform: translateY(0); } }
@keyframes visIcon_pop { to { opacity: 1; transform: scale(1); } }

.main_vis_tit .t,
.main_vis_tit .x { opacity: 0; transform: translateY(-10px); animation: visTit_fade 0.7s ease-out forwards;}
.main_vis_tit .t { animation-delay: 0.1s; }
.main_vis_tit .x { animation-delay: 0.25s; }

.main_quick_list > li { opacity: 0; transform: scale(0.94); animation: visIcon_pop 0.4s ease-out forwards;}
.main_quick_list > li:nth-child(1) { animation-delay: 0.1s; }
.main_quick_list > li:nth-child(2) { animation-delay: 0.2s; }
.main_quick_list > li:nth-child(3) { animation-delay: 0.3s; }
.main_quick_list > li:nth-child(4) { animation-delay: 0.4s; }
.main_quick_list > li:nth-child(5) { animation-delay: 0.5s; }

.main_vis_img { margin-top:4rem; overflow: hidden;}
.main_vis_img img {width:100%;}
.main_vis_img img.mo {display: none;}

@media (max-width:1400px) {
  .main_quick_list > li {width:7.75rem;}
  .main_quick_list .t {font-size:0.9375rem;}
}
@media (max-width:1160px) {
  .main_vis { padding-top:3.25rem;}
  .main_vis .vis_top { display: block; }
  .main_vis_tit { padding-top:0; text-align: center;}
  .main_vis_tit .x { margin-top:1.1875rem;}
  .main_quick_list { margin:2.25rem auto 0; max-width:44rem;}
  .main_quick_list > li {width:20%;}
  .main_quick_list a { padding-top:1.875rem;}
  .main_quick_list .ico { height: 2.25rem;}
  .main_quick_list .t { margin-top:0.9375rem;}
  .main_vis_img { margin-top:3.5rem; }
}
@media (max-width:768px) {
  .main_vis_tit { text-align: left;}
  .main_vis_tit .x { font-size:1.125rem;}
  .main_vis_tit .x br {display: inline;}
  .main_quick_list { flex-wrap: wrap; max-width:36rem;}
  .main_quick_list > li {width:33.333%;}
  .main_quick_list > li:nth-child(4),
  .main_quick_list > li:nth-child(5) {width:50%;}
  .main_quick_list .t { font-size:1.1875rem;}
  .main_vis_img img.pc {display: none;}
  .main_vis_img img.mo {display: block;}
}


/*** main notice ***/
.main_notice { margin-top:-4.5625rem; padding-bottom:6.25rem; }
.main_notice .notice_w { position:relative; padding-top:4.375rem; }

.notice_tab { position:absolute; left:0; top:0; z-index:1; width:calc( 18.25rem + ( 100% - 18.25rem ) / 3 ); height: 19.3125rem; background:#4676a6; box-sizing: border-box; transition: var(--transition-custom03);}
.notice_w.tab_event .notice_tab { background:#8b8d09;}
.notice_w.tab_event .xi_noticeBox:hover { border-color:#8b8d09;}
.notice_w.tab_event .xi_noticeBox:hover .t {color:#8b8d09;}
.notice_tab .tab_list { position:absolute; left:4.75rem; top:4.5rem; }
.notice_tab .tab_list > li { position:relative; }
.notice_tab .tab_list > li + li { margin-top:1.5rem; }
.notice_tab .tab_list a { position:relative; display: flex; align-items: center; color:rgba(255,255,255,0.7); font-size:1.125rem; font-weight: 300; letter-spacing: -0.036em; white-space: nowrap;}
.notice_tab .tab_list a .b_i { display: none; margin-left:0.75rem; width:1.25rem; height: 1.0625rem; background: url(../images/main/main_icon_0201_w.png) no-repeat 50% 50%; background-size:contain;}
.notice_tab .tab_list .on a { color:#fff; font-weight: 500;}
.notice_tab .tab_list .on a .b_i {display: block;}
.notice_tab .tab_list .on a:after {content:''; display: block; position:absolute; left:0; bottom:-0.6875rem; width:10rem; height: 1px; background:rgba(255,255,255,0.5);}

.notice_tab .btn_more { position:absolute; left:4.75rem; bottom:2.9375rem; display: flex; align-items: center; gap:0.625rem; color:#fff; font-size:1rem; letter-spacing: 0.02em;}
.notice_tab .btn_more .b_i { width:0.75rem; height: 0.75rem; background: url(../images/main/main_icon_0202_w.png) no-repeat 50% 50%; background-size:contain;}
.notice_tab .btn_more:hover { text-decoration: underline;}

.notice_tab .swiper_controll { position:absolute; right:2.3125rem; top:1.8125rem; display: flex; align-items: center; gap:1.125rem;}
.notice_tab .swiper_controll .ico { position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:0; width:1.3125rem; height: 1.3125rem; opacity: 0.45; transition: var(--transition-custom03);}
.notice_tab .swiper_controll .ico:after {display: none;}
.notice_tab .swiper_controll .ico:hover { opacity: 1;}
.notice_tab .swiper_controll .swiper-button-prev { background: url(../images/main/main_icon_arw0201L_w.png) no-repeat 50% 50%; background-size:contain;}
.notice_tab .swiper_controll .swiper-button-next { background: url(../images/main/main_icon_arw0201R_w.png) no-repeat 50% 50%; background-size:contain;}
.notice_tab .swiper_controll:before {content:''; display: block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:1px; height: 1.0625rem; background:rgba(255,255,255,0.4);}

.notice_list_w { position:relative; margin-left:18.25rem; }
.notice_list_w .swiper-slide {height: auto;}
.notice_list_w .swiper-slide + .swiper-slide .xi_noticeBox {margin-left:-1px;}

.xi_noticeBox { display: flex; flex-direction: column; padding:2.5625rem 2.5rem 2.5rem; height: 18.9375rem; background:#fff; border:1px solid #dbdbdb; box-sizing: border-box; transition: var(--transition-custom03);}
.xi_noticeBox .bd_tag { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; padding:0 1.0625rem; height: 1.9375rem; font-size:0.875rem; font-weight: 300; letter-spacing: -0.036em; border:2px solid; border-radius: 999px; box-sizing: border-box;}
.xi_noticeBox .bd_tag.tag01 {color:#8b8d09; border-color:#8b8d09;}
.xi_noticeBox .bd_tag.tag02 {color:#50b3cf; border-color:#50b3cf;}
.xi_noticeBox .t { margin-top:1.4375rem; font-size:1.375rem; font-weight: 500; color:#333; letter-spacing: -0.036em; line-height: 1.4;}
.xi_noticeBox .x { flex:1; margin-top:1.375rem; font-size:1rem; font-weight: 300; color:#666; letter-spacing: -0.036em; line-height: 1.35;}
.xi_noticeBox .d { display: flex; align-items: center; gap:0.5rem; font-size:0.9375rem; font-weight: 300; color:#666; letter-spacing: -0.036em;}
.xi_noticeBox .d:before {content:''; display: block; flex:none; width:1rem; height: 1.25rem; background: url(../images/main/main_icon_0203.png) no-repeat 50% 50%; background-size:contain;}
.xi_noticeBox:hover { border-color:#4676a6; box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.08);}
.xi_noticeBox:hover .t {color:#4676a6;}

.notice_nodata { display: flex; align-items: center; justify-content: center; height: 18.9375rem; color:#666; background:#fff; border:1px solid #dbdbdb; box-sizing: border-box;}

@media (max-width:1400px) {
  .notice_tab {width:36rem;}
  .notice_list_w {margin-left:15.625rem;}
  .xi_noticeBox {padding:2.25rem 1.875rem 2.25rem;}
}
@media (max-width:1160px) {
  .main_notice { margin-top:0; padding-bottom:4.5rem; }
  .main_notice .notice_w { padding-top:4.9375rem; }
  .notice_tab { left:-30px; right:-30px; top:0; width:auto; height: 13.1875rem; }
  .notice_tab .tab_list { display: flex; left:0; right:0; top:1.875rem; }
  .notice_tab .tab_list > li { flex:1 1 0; }
  .notice_tab .tab_list > li + li { margin-top:0; }
  .notice_tab .tab_list > li + li:before {content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height: 1rem; background:rgba(255,255,255,0.4);}
  .notice_tab .tab_list a { justify-content: center; font-size:1.25rem;}
  .notice_tab .tab_list a .b_i,
  .notice_tab .tab_list .on a .b_i {display: none;}
  .notice_tab .tab_list .on a:after { left:50%; right:auto; bottom:-0.625rem; transform: translateX(-50%); width:50%; height: 2px; background:#fff;}
  .notice_tab .btn_more { display: none; }
  .notice_tab .swiper_controll { display: none; }
  .notice_list_w { margin-left:0; }
  .notice_list_w .swiper-wrapper { display: block; }
  .notice_list_w .swiper-slide + .swiper-slide {margin-top:-1px;}
  .xi_noticeBox { padding:1.6875rem; height: auto; min-height: 0; }
  .xi_noticeBox .bd_tag { padding:0 1.25rem; height: 2.1875rem; font-size:1.0625rem;}
  .xi_noticeBox .t { margin-top:1.25rem; font-size:1.5rem; font-weight: 600;}
  .xi_noticeBox .x { flex:none; margin-top:1rem; font-size:1.25rem;}
  .xi_noticeBox .d { margin-top:1.375rem; font-size:1.0625rem;}
  .xi_noticeBox .d:before {width:1.125rem; height: 1.375rem;}
  .main_notice .btn_more_mo { display: flex; align-items: center; justify-content: center; gap:0.625rem; margin-top:2.25rem; color:#333; font-size:1.375rem; letter-spacing: 0.02em;}
  .main_notice .btn_more_mo .b_i { width:0.875rem; height: 0.875rem; background: url(../images/main/main_icon_0202_w.png) no-repeat 50% 50%; background-size:contain; filter: invert(1);}
}
@media (max-width:960px) {
  .notice_tab { left:-4.5vw; right:-4.5vw;}
}
@media (max-width:768px) {
  .main_notice { padding-bottom:3.5rem; }
}

.main_notice .btn_more_mo {display: none;}
@media (max-width:1160px) {
  .main_notice .btn_more_mo {display: flex;}
}