@charset "utf-8";

/* ---------- section_main1 ---------- */
.section_main1 {position: relative;}
.section_main1 .inner {display: flex;flex-direction: column;justify-content: space-between;padding: 0;}

.visual_txt {display: block;margin: 40px auto 55px;text-align: center;line-height: 1.25;}
.visual_txt p {display: block;width: 70%;margin: 0 auto 25px;color: #7C7C7C;font-size: 20px;font-weight: 500;word-break: keep-all;}
.visual_txt span {padding: 12px 50px;border-radius: 100px;color: #1F72EE;background: #EBF1FF;font-size: 28px;font-weight: 800;}

/* popup_zone */
.popup_zone {display: block; width: 100%; max-width: 100%; margin: 0 0 0 auto;; padding: 30px 20px;background: linear-gradient(90deg, #00FFFF 0%,#209DF0 70%, #003AEB 100%);}
.zone_tit {display: flex;flex-direction: column;align-items: center;margin-bottom: 20px;}
.zone_tit h2 {display: flex;color: #fff;font-size: 20px;align-items: center;margin-bottom: 10px;}
.zone_tit h2 i {width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;border-radius: 100px;background: #1E6EED;margin-right: 8px;}

.zone_tit .nav_slide {display: flex;align-items: center;}
.zone_tit .nav_slide .btn_prev {order: -1;}
.zone_tit .nav_slide .bar_progress {order: -2;}
.zone_tit .nav_slide .wrap_paging {order: -1; margin-right: 10px;}

.nav_slide .bar_progress {display: none;flex:none;overflow: hidden;position: relative;width: 150px;height:3px;margin:0 10px;border-radius:100px;background: #fff;}
.nav_slide .bar_progress:before {position: absolute;top:0;left: 0;width:100%;height:100%;border-radius: 100px;background: #09EDFC;transform: translateX(-100%);animation: progressBar 1 linear forwards;animation-duration: inherit;}
.nav_slide .bar_progress.pause:before {animation-play-state: paused;}
.nav_slide .bar_progress.active:before {content:'';}

@keyframes progressBar {
	0%   {transform: translateX(-100%)}
	100% {transform: translateX(0)}
}

.nav_slide .btn_action {flex:none;color:#fff;font-size: 22px;}
.nav_slide .btn_ctrl {flex:none;display: none;padding: 0;color:#fff;font-size: 22px;}
.nav_slide .btn_ctrl.on {display: block;}
.nav_slide .wrap_paging {min-width: 40px;font-weight: 600;font-size: 16px;line-height: 28px;color:rgba(255,255,255,.8);text-align: right;}
.nav_slide .wrap_paging em {font-weight: 800;font-size: 24px;color:#fff;}

.zone_list {position: relative;z-index: 1;}
.zone_list .swiper {border-radius: 20px;}
.zone_list .link_popup {display: block;position: relative;padding-top: calc((300 / 583) * 100%);border-radius: 20px;}
.zone_list .link_popup img {position: absolute;top:0;left: 0;width: 100%;height: 100%;border-radius: inherit;object-fit: cover;}
.zone_list .link_popup::after {display:none;}

.quick_link {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px; z-index: 1;}
.quick_link li {display: flex;justify-content: center;align-items: center;width: 100%;min-height: 60px;margin:0 0 10px;background: #F2F6FF;border-radius: 10px;}
.quick_link li:last-child {margin-bottom: 0;}
.quick_link li:nth-child(2n) {margin-right: 0;}
.quick_link li a {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 5px 8px;color: #111;line-height: 1.25;font-weight: 400;text-align: center;}
.quick_link li a img {display: block;width: 32px;vertical-align: middle;margin-right: 7px;}
.quick_link li a span {text-align:left;}
.quick_link li a[target="_blank"]:after {display:none;}

/* ---------- section_main2 ---------- */
.section_main2 {position: relative;margin: 60px 0;}
.section_main2 .inner {position: relative;}
.section_main2 h2 {display: flex;justify-content: center;align-items: center;margin: 0 0 40px 0; color: #206EEE;font-size: 32px;font-weight: 800;}
.section_main2 h2 i {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;border-radius: 100px;color: #fff;background: #1E6EED;margin-right: 10px;}

.list_tab_notice {position: relative; display: flex; justify-content: center;}
.list_tab_notice li {position: relative; float: left;}
.list_tab_notice li + li {margin-left: 30px;}
.list_tab_notice a {display: block;padding:10px 0;font-weight: 400;font-size: 18px;line-height: 18px;color: #C7C7C7;}
.list_tab_notice [aria-selected=true] {color: #111;font-weight: 800;}
.list_tab_notice [aria-selected=true]::before {position: absolute;top: 0;left: calc(50% - 3px);width: 6px;height: 6px;border-radius: 30px;background: #1E6EED;content:'';}

.notice_tab_panel {display: none; position: relative;}
.notice_tab_panel.on {display: block;}
.notice_tab_panel ul li{border-radius: 20px;}
.notice_tab_panel ul li a {display: block;padding: 35px;border: 1px solid #DCDCDC;border-radius: inherit;}
.notice_tab_panel ul li a .txt_date {line-height: 32px; padding: 10px 15px; color: #707070; background: #F5F5F5; border-radius: 5px; font-size: 14px;}
.notice_tab_panel ul li strong {display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 54px;margin-top: 20px;color: #111;line-height: 1.25;font-size: 21px;font-weight: bold;word-break: break-all;word-wrap: break-word;}
.notice_tab_panel ul li p {display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;min-height: 80px; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #C9C9C9;word-break: break-all;word-wrap: break-word;}
.notice_tab_panel .link_moreview {display: block;width: 170px;margin: 30px auto;padding: 15px 0;color: #fff;background: #1F6EED;border-radius: 100px;font-size: 18px;font-weight: 600;text-align: center;}

.wrap_slide_notice {position: relative;padding:0 12px;}
.wrap_slide_notice .swiper {padding:30px 0 10px;}

.inactive + .nav_bnr{display: none;}
.nav_bnr .btn_action {display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;color: #999;font-size: 42px;transition: all .3s;z-index: 1;background: #fff;padding: 0;border-radius: 50%;transform: translateY(-50%);}
.nav_bnr button.btn_action.swiper-button-disabled{background: #e5e5e5;}
.nav_bnr .btn_prev {left: 0;}
.nav_bnr .btn_next {right: 0;}

/* ---------- section_main3 ---------- */
.section_main3 {position: relative;background: #F4F7FF;}
.section_main3 .inner {position: relative;padding: 65px 20px 60px;}
.section_main3 h2 {display: flex;justify-content: center;align-items: center;margin: 0 0 30px 0;color: #206EEE;font-size: 32px;font-weight: 800;}
.section_main3 h2 i {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;border-radius: 100px;color: #fff;background: #1E6EED;margin-right: 10px;}

.wrap_slide_service{position: relative;padding:0 20px}
.sevice_thumb > li {position: relative;height: 400px;text-align: center;border-radius: 20px;overflow: hidden;transition: transform .5s;}
.sevice_thumb > li:nth-child(2n) {margin-right: 0;}

.sevice_thumb li .item_poster {display: block;width: 100%;height: 100%;background: #000;transition: all .3s;}
.sevice_thumb li .item_poster img {width: 100%;height: 100%;object-fit: cover;opacity:.6;}

.sevice_thumb li .item_thumb {display: flex;flex-direction: column;justify-content: center;position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 0;padding: 20px;color:#fff;text-align: center;animation:none;transition: all .5s;opacity: 1;}
.sevice_thumb li .item_thumb:after {position: absolute;top:0;left: 0;right: 0;bottom:0;z-index: -1;background: #1F6FEE;opacity: .85;pointer-events: none;content: '';}
.sevice_thumb li .item_thumb strong {font-size: 21px;font-weight: bold;line-height: 1.2;word-break: keep-all;}

.txt_view {position: relative;margin-top: 8px;padding-top: 32px;}
.txt_view::before {position: absolute;top:0;left: 50%;width: 1px;height: 18px;background: #ffffff80;content: '';}
.txt_view li {margin-bottom: 10px;}
.txt_view li:last-child {margin-bottom: 0;}
.txt_view li a {display: block;padding: 10px 5px;color: #fff;border: 1px solid #ffffffe0;border-radius: 8px;word-break: keep-all;}
.txt_view li a[target="_blank"]:after {display: none;}
.txt_view li a i {margin-left: 3px;}

.section_main3 .nav_bnr {width: 100%;}
.section_main3 .nav_bnr .btn_action {top: calc(50% - 15px);width: 42px;height: 42px;border-radius: 30px;font-size:26px;box-shadow: 0 2px 9px rgb(0 0 0 / 15%);}
.section_main3 .nav_bnr .btn_prev {padding-right: 3px}
.section_main3 .nav_bnr .btn_next {padding-left: 3px}

@media only screen and (min-width: 400px) {
	.quick_link li {width: calc(50% - 5px);margin:0 10px 10px 0;}
	.quick_link li:nth-last-child(-n+2) {margin-bottom: 0}
}
@media only screen and (min-width: 425px) {
	.visual_txt p {width: 100%;margin-bottom: 25px;font-size: 22px;}
	.zone_tit {display: flex;flex-direction: row;justify-content: space-between;}
	.zone_tit h2 {margin-bottom: 0;font-size: 18px;}
}
@media only screen and (min-width: 480px) {
	.section_main1 .inner::before {top: 205px;}
	.visual_txt p {font-size: 26px;}
	.visual_txt span {font-size: 36px;}
	.popup_zone {padding: 40px;}
	.zone_tit h2 {font-size: 20px;}

	.section_main2 {margin: 100px 0;}
	.section_main2 h2 {font-size:38px;margin: 0 0 50px 0;}
	.section_main2 h2 i {width: 48px;height: 48px;line-height: 48px;margin-right:15px;font-size: 20px;}

	.section_main3 .inner {padding: 90px 20px;}
	.section_main3 h2 {font-size:38px;margin: 0 0 50px 0;}
	.section_main3 h2 i {width: 48px;height: 48px;line-height: 48px;margin-right:15px;font-size: 20px;}
}
@media only screen and (min-width: 600px) {
	.quick_link {margin-top: 40px;}
	.quick_link li {width: calc((100% / 3) - (20px / 3));height: 70px;margin:0 10px 10px 0;}
	.quick_link li:nth-last-child(-n+3){margin-bottom: 0}
	.quick_link li:nth-child(2n) {margin-right: 10px !important;}
	.quick_link li:nth-child(3n) {margin-right: 0 !important;}
	.quick_link li a img {width: 40px;height: 40px;}

	.section_main3 .nav_bnr {display: none;}
	.wrap_slide_service{padding:0}
	.wrap_slide_service .swiper{overflow: visible}
	.sevice_thumb {display: flex;flex-wrap: wrap;justify-content: center;}
	.sevice_thumb > li {width: 45%; margin: 0 25px 25px 0;}
	.sevice_thumb li .item_poster strong {position: absolute;display: block;bottom: 50px;width: 100%;padding: 0 15px;color: #fff;line-height: 1.25;font-size: 21px;font-weight: bold;text-shadow: 0 3px 25px rgb(0 0 0 / 25%);word-break: keep-all;}
	.sevice_thumb li:hover .item_poster, .sevice_thumb li:focus .item_poster {background: #fff;}
	.sevice_thumb li:hover .item_poster strong, .sevice_thumb li:focus .item_poster strong {display: none;}
	.sevice_thumb li:hover .item_poster img, .sevice_thumb li:focus .item_poster img {opacity:.3;}
	.sevice_thumb li .item_thumb {opacity:0;}
	.sevice_thumb li .item_thumb strong {font-size: 23px;}
	.sevice_thumb li:hover .item_thumb, .sevice_thumb li:focus-visible .item_thumb {opacity: 1;}
}
@media only screen and (min-width: 650px) {
	.wrap_slide_notice {padding: 0 53px;}
	.nav_bnr .btn_action {background: none;}
	.nav_bnr .btn_action:hover {color: #1F6EED;}
}
@media only screen and (min-width: 768px) {
	.visual_txt p {margin-bottom: 30px;font-size: 28px;}
	.visual_txt span {padding: 15px 50px; font-size: 40px;}
	.nav_slide .wrap_paging {font-size: 18px;line-height: 30px;}
	.nav_slide .wrap_paging em {font-size: 26px;}

	.section_main2 h2 {margin: 0 0 40px 0;}
	.list_tab_notice {position: absolute;top: 10px;right: 100px;}
	.list_tab_notice li + li {margin-left: 20px;}
	.notice_tab_panel .link_moreview {margin: 40px auto;}
}
@media only screen and (min-width: 800px) {
	.section_main1 .inner::before {position: absolute;top: auto;left: 0;bottom: 0;width: 100%;height: 652px;border-radius: 0;background: url(/home/public/images/main/visual_img.jpg) 0 0 no-repeat;background-size: cover;content: ""; z-index: -2;}
	.popup_zone {max-width: 670px;min-height: 652px;}

	.section_main2 {margin: 170px 0 110px;}
	.section_main2 h2 {margin: 0 0 60px 0;}

	.sevice_thumb > li {width: 30%; margin: 0 25px 25px 0 !important;}
	.sevice_thumb > li:nth-child(3n) {margin-right: 0 !important;}
}
@media only screen and (min-width: 1024px) {
	.zone_tit .nav_slide .wrap_paging {order: -3;margin-right:0;}
	.nav_slide .bar_progress {display: block;}
	.nav_slide .wrap_paging {min-width: 50px;font-size: 16px;line-height: 32px;}
	.nav_slide .wrap_paging em {font-size: 22px;}
}
@media only screen and (min-width: 1080px) {
	.section_main1 .inner {flex-direction: row;padding: 0 0 0 40px;}
	.section_main1 .inner::before {top: 220px;height: 488px;border-radius: 0 0 220px 0;}
	.visual_txt {margin: 50px 0 0 0;text-align:left;}
	.visual_txt p {margin-bottom:25px;font-size:26px;letter-spacing: -1px;}
	.visual_txt span {font-size: 36px;}
	.popup_zone {max-width: 680px;padding: 50px 60px;border-bottom-left-radius: 60px;}
	.popup_zone::before {position: absolute;z-index: -1;top: 0;bottom: 0;right: 0;left: 60%;border-bottom-left-radius: 120px;background: #003AEB;box-shadow: 0 3px 30px #0000002b;content: "";}

	.wrap_slide_notice {padding:0 67px}
	.notice_tab_panel ul li, .notice_tab_panel ul li a {transition: all .3s}
	.notice_tab_panel ul a:hover, .notice_tab_panel ul a:focus {border: 1px solid #1F6EED;transform: translate3d(0px, -20px, 0);box-shadow: 0 2px 18px rgb(0 0 0 / 14%)}

	.section_main3 .inner {padding: 90px 20px 140px;}
	.sevice_thumb > li {width: 23%;} /* 1줄 - 4개일 경우 */
	.sevice_thumb > li:nth-child(2n) {transform: translateY(50px);}
	.sevice_thumb > li:nth-child(3n) {margin-right: 25px !important;}
	.sevice_thumb > li:nth-child(4n) {margin-right: 0 !important;}
	.sevice_thumb2 > li {width: 25%;} /* 1줄 - 3개일 경우 */
	.sevice_thumb2 > li:nth-child(3n) {margin-right: 0 !important;}
	.sevice_thumb2 > li:nth-child(4) {margin-right: 35px !important;}
	.sevice_thumb2 > li:nth-child(4), .sevice_thumb2 > li:nth-child(6) {transform: translateY(0);}
	.sevice_thumb2 > li:nth-child(5) {transform: translateY(50px);}
}
@media only screen and (min-width: 1280px) {
	.section_main1 .inner::before {width: 1200px;height: 540px;}
	.section_main1 .inner::after {position: absolute;z-index: -2;right: -50px;bottom: -24%;width: 822px;height: 180px;background: url(/home/public/images/main/GWANGJU.png) 0 0 no-repeat;content: "";}

	.section_main2 {margin: 205px 0 90px;}
	/* .notice_tab_panel ul {max-width: 1140px} */
	/* .notice_tab_panel ul li {margin-left: 40px;} */
	.wrap_slide_notice .swiper{width: 1106px;margin:0 auto;}

	.sevice_thumb > li {width: 22%; margin: 0 35px 30px 0 !important;} /* 1줄 - 4개일 경우 */
	.sevice_thumb li .item_thumb {padding: 40px 30px;}
	.sevice_thumb li .item_poster strong {font-size:24px;}
	.sevice_thumb2 > li {width: 25%;} /* 1줄 - 3개일 경우 */
}
/* --------------- pc 분기점 --------------- */
@media only screen and (min-width: 1440px) {
	/* ---------- section_main1 ---------- */
	.section_main1 .inner {padding: 0 20px;}
	.section_main1 .inner::before {top: 250px;width: 65%;min-width: 1200px;height: 540px;border-radius: 0 0 220px 0;}
	.visual_txt p {font-size:32px;letter-spacing: 0;}
	.visual_txt span {padding: 15px 60px;font-size: 48px;}
	.popup_zone {max-width: 680px;padding: 80px 0 80px 90px;border-bottom-left-radius: 120px;}
	.popup_zone::after {position: absolute;top: 0;right: 0;width:400px;height: 718px;background: url(/home/public/images/main/symbol.png) 0 0 no-repeat;background-position: bottom;z-index: 0;pointer-events: none;content: "";}
	.nav_slide .bar_progress {width: 200px;}

	/* ---------- section_main2 ---------- */
	.notice_tab_panel ul {max-width: 1280px;}
	.wrap_slide_notice .swiper{width: 1226px}

	/* ---------- section_main3 ---------- */
	.section_main3 .inner {padding: 90px 0 140px;}
}