@charset "utf-8";
/* CSS Document */
/* 메인 공통 영역 */
.login_area {display: flex; align-items: center;}
.login_area a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 8rem;
height: 3rem;
line-height: 10rem;
color:#4067e4;
border-radius: 10rem;
font-size:1.6rem;
border: 0.2rem solid transparent;
background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #437ccd 0%, #68b9f0 29%, #69c8f0 67%, #60ddef 100%);
background-origin: border-box;
background-clip: content-box, border-box;
font-weight: bold;
margin:0rem 1rem;
}

/* 로고 영역 수정 */
.header .logo {top: 2.1rem !important;}
.header .logo a {display: flex; align-items: center;}
.header .logo img {width: 2rem; margin-right: 0.5rem;}
.header .logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.header .logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.header .logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}
.logo_area {top: 2.1rem !important;}
.logo_area a {display: flex; align-items: center;}
.logo_area img {width: 2rem; margin-right: 0.5rem;}
.logo_area strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.logo_area span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.logo_area span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}

#main_slide_wrap {margin: 1rem 0rem 0rem 0rem;}
.swiper_btn_title {margin: 2em 0rem;display: flex;gap: 0.5rem;padding: 0rem 1rem;align-items: center;}
.swiper_btn_title h3 {position: relative; font-size: 2.3rem; margin-right: 4rem;}
.swiper_btn_title h3::after {content: ""; position: absolute; top:-0.2rem;right: -1.3rem; background: #e0e8f7; width: 2rem; height: 2rem; border-radius: 10rem; z-index: -1;}
.swiper_btn_title button {display: inline-flex;padding: 1rem 3rem;font-size: 1.6rem;color: #494848;font-weight: 500;align-items: center;background: #f4f6fa;border-radius: 100rem;}
.swiper_btn_title button.active {background: #1f6beb;border-radius: 10rem;color:#fff !important;font-weight: bold;font-size: 1.6rem;}
.swiper_btn_title button.active:nth-child(2) {background: #c72535; color:#fff;}
.swiper_btn_title button.active:nth-child(3) {background: #7b7b7b; color:#fff;}
.swiper_btn_title button:nth-child(1):hover {color:#FFFFFF; background: #1f6beb;}
.swiper_btn_title button:nth-child(2):hover {color:#FFFFFF; background: #c72535;}
.swiper_btn_title button:nth-child(3):hover {color:#FFFFFF; background: #7b7b7b;}
.login_main_area {display: flex; flex-direction: column; gap:1rem;}
.main_help_area p {background: url("../images/main/main_help_bg.jpg"); padding: 1rem 0rem; border-radius: 0.5rem; text-align: center;}
.main_help_area p span {font-size: 1.6rem;color:#fff;display: flex;align-items: center;justify-content: center;font-weight: 600;}
.main_help_area p span:before {content: "";background: url("../images/main/main_help_icon.png") no-repeat;width: 3rem;height: 3rem;background-size: 3rem;margin-right: 0.5rem;}
.swiper-slide p {display: inline-flex;padding: 0.3rem 1rem;background: #1f6beb;font-size: 1.4rem;border-radius: 0.5rem;color:#fff;font-weight: bold;}
.swiper-slide p.active_red {color:#FFFFFF; background: #c72535;}
.swiper-slide p.active_gray {color:#FFFFFF; background: #7b7b7b;}
.swiper_ing p { display: inline-flex; padding: 0.3rem 1rem; background: #f0f3ff; font-size: 1.4rem; border-radius: 0.5rem; color:#f55e31; font-weight: bold;}



.login_main_area_after {width: 100%;margin: 0rem 0rem;display: flex;flex-direction: column;gap:1rem;max-width: 45rem;}
.login_main_area_after .main_title {display: flex;}
.login_main_area_after .login_btn_title {display: flex; justify-content: space-between; align-items: center;}
.login_main_area_after .login_btn_title a {background: #595959;color:#fff;display: block;padding: 0.5rem 1rem;border-radius: 10rem;font-size: 1.4rem;}
.login_main_area_after .login_btn_title a:hover {background: #000000;}
.login_main_area_after .login_btn_title h2 {font-size: 2.3rem; color:#2a45ff;}
.login_main_area_after .login_btn_title h2 span {font-size: 1.4rem; color:#949494; font-weight: normal; padding-left:0.5rem;}
.login_main_area_after .login_info_area {margin:2rem 0rem;}
.login_main_area_after .login_info_box {display: flex;font-size: 1.7rem;background: #eff1fe;border:0.1rem solid #caceea;}
.login_main_area_after .login_info_box > div {width:100%;text-align: center;padding: 7rem 0rem 2rem 0rem;background: #eff1fe;}
.login_main_area_after .login_info_box > div:first-child {border-right:0.1rem solid #caceea;color: #2a45ff;background: url("../images/main/login_img1.jpg") 50% 1.5rem no-repeat;}
.login_main_area_after .login_info_box > div:last-child {color:#942fd5;background: url("../images/main/login_img2.jpg") 50% 1.5rem no-repeat;}
.login_main_area_after .login_info_box a:hover {text-decoration: underline;}

/* #main_title {background: url("../images/main/main_bg2.jpg") no-repeat;background-size: cover;padding: 1rem 3rem;margin-top: 2rem;}  //타이틀 배경 넣으려면 넣어라*/
#main_bar {background: url("../images/main/main_bar.jpg") no-repeat; background-size: cover;}
.main_bar_area {max-width: 140rem; margin:0 auto;}
.main_bar_area p {font-size: 1.8rem;color:#fff;padding: 1.5rem 0rem;}
.login_main_box {border-radius: 1rem;background: #fff url("../images/main/main_login_bg.jpg") no-repeat;padding: 2rem;background-size: cover;}










.new_main1_area {display: flex;max-width: 140rem;margin:0 auto;gap: 2%;margin-top: 4rem;}
.new_main1_area > .main_title {display: flex;align-items: center;width: 100%;background: #eff8ff url(../images/main/main_bg.png) 117% 9% no-repeat;padding: 7rem 5rem;border-radius: 1rem 1rem 10rem 1rem;}
.new_main1_area .main_title > div {}
.new_main1_area .login_main_area {width: 40%;margin: 2rem 0rem;}
.login_btn_main {background: url("../images/main/main_login_img.png") 50% 0% no-repeat;padding: 12rem 1rem 1rem 1rem;background-size: 11rem;}
.login_btn_main a {background:linear-gradient(90deg, rgba(47,95,183,1) 0%, rgba(44,116,219,1) 100%);width: 100%;padding: 1.5rem;color:#fff;font-weight: bold;font-size: 1.8rem;display: block;box-sizing: border-box;text-align: center;border-radius: 1rem;}
.login_btn_main a:hover {background: #002360;}
.login_texmain {display: flex;justify-content: space-between;padding: 1rem 1rem 1rem 1rem;}
.login_texmain div a {font-size: 1.4rem;}
.login_texmain div a:hover {color: #0052d1;	}
.login_texmain div:first-child a:after {content: "|"; padding: 0rem 1rem;}
.login_texmain div:first-child a:last-child:after {display: none;}

.main_title a {color:#fff;}
.main_rink {color:#fff;display: inline-block;border-radius: 10rem;border:0.1rem solid #fff;padding: 1rem 2rem;font-size: 1.4rem;margin: 1rem 0rem;}
.title_divide {display: flex;}
.title_divide .more {/* background: #fff; */width: 3.5rem;height: 3.5rem;border-radius: 0.5rem;font-size: 2.5rem;font-weight: bold;/* border:0.1rem solid #cecece; */align-items: center;justify-content: center;display: flex;}
.title_divide .more:hover {/* background: #184aa7; *//* color:#fff; */transition: all 0.3s;}
/* 메인 타이틀 영역  */
.main_title {text-align: left;}
.main_title p {font-size: 1.6rem;color: #000000;line-height: 2.5rem;font-weight: normal;}
.main_title span {font-size: 2.5rem;color: #ffffff;}
.main_title h1 {font-size: 3rem;color: #1265aa;}
.main_title h1 strong {color: #000000;font-size: 5rem;font-weight: bold;padding: 0.5rem 0rem;display: block;}
/* 슬라이드 영역 */
.swiper {position: relative;width: 100%;min-height: 37rem;height: 100%;}
.swiper-slide {text-align: left; font-size: 18px; background: #fff; display: flex; flex-direction: column;}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.main_slide {max-width: 140rem;margin:0rem auto;}
.slide_box {display:flex;}
.slide_box > div {width: 35rem;height: 22rem;padding: 2rem;margin: 0.5rem;border: 0.2rem solid #f2f2f2;border-radius: 0.5rem;box-shadow: 0.1rem 0.1rem 0.6rem 0rem #e0e0e08f;transition: all 0.3s;background: #ffffff url("../images/main/slide_util_bg.png") 90% 90% no-repeat;}
.slide_box div a {display: block;height: 100%;}
.slide_box > div:hover {box-shadow:0 1rem 1.6rem rgba(60, 70, 92, 0.2); border:0.2rem solid #1067e6; animation:iconbtn 1s ease;}
.slide_box div:hover strong {color:#1f4baf;}
.slide_box div a strong,
.slide_box div a span {display: block; line-height:2rem;}
.slide_box .slide_title {font-size: 1.6rem;font-weight: 500;padding: 1rem 0rem;vertical-align: middle;width: 100%;line-height: 2.5rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.5rem;}
.slide_box .slide_text {font-size:1.4rem; padding:1rem 0rem; color:#5e5e5e; display:block;width:100%;vertical-align: middle; line-height: 2rem;overflow: hidden;text-overflow: ellipsis;word-break:break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.3rem}
.slide_box .slide_year {display: flex;align-items: flex-start;padding: 0.5rem 0rem;}
.slide_box .slide_year b {color: red;font-size: 1.4rem;margin-left:0.5rem;display: block;margin-bottom: 0.1rem;}
.slide_box .slide_year strong {font-size: 1.4rem;font-weight: 400;display: flex;color: #777777;padding: 1rem 0rem 1rem 0rem;width: 100%;letter-spacing: -0.6px;}
.slide_box .slide_year strong:before {/* content: ""; */background: url("../images/main/cal_img.jpg") 0% 50% no-repeat;width: 1.7rem;height: 1.7rem;margin-right: 0.4rem;padding-top: 0.2rem;background-size: 1.5rem;}
.swiper-slide {background: none;}

/* 슬라이드 조작영역 */
.swiper_controller {position: absolute;top: 2.5rem;width: 20%;right: 1.5rem;height: 4rem;}
.swiper-button-next {top:auto !important;right: 4rem!important;background: #fff;margin:auto!important;width: 3.5rem !important;height: 3.5rem!important;border: 0.1rem solid #c5c5c5;border-radius: 0.5rem;}
.swiper-button-prev {top:auto !important;right: 8rem !important;background: #fff;margin:auto!important;width: 3.5rem !important;height: 3.5rem !important;border-radius: 0.5rem;left: auto !important;border: 0.1rem solid #c5c5c5;}
.swiper-pagination {top:0rem !important;right: 13rem !important;width: auto !important;left: auto !important;height:3rem !important;font-size: 1.4rem;color:#cecece;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 1.6rem !important; color:#716c6c; font-weight: bold;}
.swiper-pagination .swiper-pagination-current {color: #1B1547; font-size: 2.3rem; font-weight:bold;}
.swiper-more {position: absolute; top:0rem; right:0rem; background: #fff; width: 3.5rem; height: 3.5rem; border: 0.1rem solid #c5c5c5; border-radius: 0.5rem; font-size: 2.5rem; display: flex; justify-content: center; align-items: center; font-weight: bold; z-index: 99; }
.swiper-more:hover {background: #184aa7; color:#fff; transition: all 0.3s;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: #184aa7; color:#fff; transition: all 0.3s;}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {color:#fff;}
.swiper-pagination-fraction {color:#a7bcbd !important;}
/* 자주찾는 서비스 영역 */
.quick_link {max-width: 140rem; margin:0 auto;}
.quick_box ul {display: flex;}
.quick_box ul li {position: relative; width: 100%; text-align: center;}
.quick_box ul li:after {content: ""; position: absolute; top:50%; right:0%; transform:translate(-50%,-50%); width: 1rem; height: 1rem; border-radius: 1rem; background: #dddddd;}
.quick_box ul li:last-child:after {display: none;}
.quick_box ul li a {display: block; font-size: 1.6rem; font-weight: 600; padding:8rem 0rem 3rem 0rem;}
.quick_box ul li:nth-child(1) a {background: url("../images/main/quick_icon1.png") 50% 10% no-repeat;}
.quick_box ul li:nth-child(2) a {background: url("../images/main/quick_icon2.png") 50% 10% no-repeat;}
.quick_box ul li:nth-child(3) a {background: url("../images/main/quick_icon3.png") 50% 10% no-repeat;}
.quick_box ul li:nth-child(4) a {background: url("../images/main/quick_icon4.png") 50% 10% no-repeat;}
.quick_box ul li a:hover {animation:iconbtn 1s ease; color: #184aa7;}
@keyframes iconbtn {
0% { transform:translateY(0px);}
30% { transform:translateY(-10px);}
50% { transform:translateY(5px);}
70% { transform:translateY(-5px);}
100% { transform:translateY(0px);}
}

/* 공지사항 영역 */
#notice_banner_wrap {margin: 2rem 0rem;}
#notice_banner_wrap:before {content: ""; display: block; width: 150%; height: 0.1rem; background: #cecece; transform: translate(-10%,0%);}
.notice_banner_box {display: flex; max-width: 140rem; margin:3rem auto;}
.notice_box {position: relative;width: 100%;border: 0.1rem solid #ebebeb;border-radius: 0.5rem;padding: 1rem 2rem;}
.notice_box ul {
    margin-top: 1rem;
}
.notice_box ul li {position: relative;margin-bottom: 1rem;}
.notice_box:before {/* content: ""; */width: 25rem;display: block;/* border-top: 60px solid #1265aa; *//* border-right: 70px solid rgba(0,0,0,0); */}
.notice_box .title {/* position: absolute; *//* width: 100%; *//* top:0.5rem; *//* padding: 1rem 0rem; */}
.notice_box .title h2 {background:url("../images/main/main_notice_icon.png") 0% 50% no-repeat;padding: 2rem 2rem 2rem 6rem;display: block;font-size: 2rem;text-align: left;}
.notice_box .title_divide .more {position: absolute;top: 48%;right: 1rem;transform: translate(0%,-50%);}
.notice_box .title_divide .more i {font-size: 3rem;}
.notice_box .title_divide .more:hover i {color: #ffe621;}
.notice_top {padding: 0rem 2rem;margin-top: 4rem;}
.notice_top a {display: flex; align-items: center;}
.notice_top a .notice_top_year {position: relative; padding: 3rem;}
.notice_top a .notice_top_year strong {display: flex;font-size:3.5rem;position: relative;justify-content: center;z-index: 90;}


.notice_top a .notice_top_year span {font-size: 1.4rem;}
.notice_top a .notice_top_year:before {content: "";background: #ffffff0a;width: 10rem;height: 10rem;position: absolute;top:50%;/* border: 3px solid red; */left:50%;transform: translate(-50%,-50%);z-index: 0;border-radius: 100rem;}
.notice_top a .notice_top_text {padding: 3rem 3rem 3rem 2rem;}
.notice_top a .notice_top_text strong {font-size:1.8rem; font-weight:600;}
.notice_top a .notice_top_text p {display:block;width:100%;vertical-align: middle;line-height: 3.5rem;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 7rem;padding: 1rem 0rem;font-size:1.4rem;color: #bdbdbd;line-height: 2rem;}
.notice_top a:hover {color: #ffe621;}
.notice_top a:hover .notice_top_text strong {text-decoration: underline;}
.notice_box ul li a {display:block;width:100%;box-sizing: border-box;}
.notice_box ul li:hover,
.notice_box ul li:hover span {color: #efd718;/* text-decoration: underline; */}
.notice_box ul li:hover a:before {background: #ffd81a;}
.notice_box ul li span{position: absolute;top: 0rem;right:1rem;font-size: 1.3rem;color: #ffffff;}
.notice_box ul li a:before {/* content: ""; */display: block;position: absolute;top:50%;left:3.5rem;transform: translate(0%,-50%);width: 0.5rem;height: 0.5rem;background:#ACACAC;border-radius: 10rem;}
.notice_box ul li a:hover strong {color: #1f6beb!important;}

.notice_new_box {display: flex; gap:1rem;}
.notice_new_box_year {background: #eff8ff;text-align: center;padding: 1rem 2rem;border-radius: 0.5rem;}
.notice_new_box_year p {font-size: 1.2rem;line-height: 1.5rem;}
.notice_new_box_year strong {font-size: 1.8rem;color: #2f2c2c;}
.notice_new_box_text {width: 100%;display: flex;flex-direction: column;justify-content: center;}
.notice_new_box_text p {font-size: 1.4rem;}
.notice_new_box_text strong {display:block;width: 100%;vertical-align: middle;/* line-height: 3rem; */overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #000000;max-height: 3rem;font-weight: normal;/* padding: 0rem 2rem 0rem 2rem; */font-size: 1.6rem;}
/* 배너 영역 */
.banner_box {width: 40%; margin-left:3rem;}
.banner_box div {margin-bottom: 1rem;}
.banner_box div:last-child {margin-bottom: 0rem;}
.banner_box div a {position: relative; display: block;  border:0.1rem solid #d2d1d7; padding: 3.3rem 2rem 3.3rem 15rem; transition: all 0.3s;}
.banner_box div a:after {content: "\e90b"; position: absolute; top:50%; right:3rem; transform: translate(0%,-50%); font-family: "xeicon"; font-size: 3rem; color:#808080;}
.banner_box div a:hover:after {color:#8fa9db;}
.banner_box div a:hover {background: url("../images/main/banner_bg.jpg"); color:#fff; animation:iconbtn 1s ease;}
.banner_box div a strong {display: block; font-size: 1.8rem; padding: 0rem 0rem 1rem 0rem;}
.banner_box div a p {font-size: 1.4rem; line-height: 2rem; padding-right:5rem;}
.banner_box div:nth-child(1) a:before {content: ""; position: absolute; top:50%; left:3.5rem; transform: translate(0%,-50%);background: url("../images/main/banner_icon1.png") no-repeat; width: 82px; height: 81px;}
.banner_box div:nth-child(2) a:before {content: ""; position: absolute; top:50%; left:3.5rem; transform: translate(0%,-50%);background: url("../images/main/banner_icon2.png") no-repeat; width: 82px; height: 81px;}
.banner_box div:nth-child(3) a:before {content: ""; position: absolute; top:50%; left:3.5rem; transform: translate(0%,-50%);background: url("../images/main/banner_icon3.png") no-repeat; width: 82px; height: 81px;}

/* 관련 사이트 */
.link_baanner {display: flex; justify-content: center; background: #f3f5ff; max-width: 140rem; margin:0 auto; border-radius: 0.5rem; padding: 1rem 0rem;}
.link_baanner a {display: block; width: 100%; text-align: center;}


.swiper_stand {display: flex; align-items: center; justify-content: center;  transition:none !important; border:none !important; background-image: none !important; box-shadow: 0.1rem 0.1rem 0.6rem 0rem #e0e0e08f !important; background-color:#f5f5f5 !important; padding: 0rem !important;}
.swiper_stand:hover { border:none !important; animation:none !important;  box-shadow: 0.1rem 0.1rem 0.6rem 0rem #e0e0e08f !important;}
.swiper_stand:hover strong,
.swiper_stand:hover span {color:#1f4baf;}
.swiper_stand p {background: url("../images/main/no_data_box.jpg") 50% 0% no-repeat;  color: #C0C0C0; font-size: 1.6rem; padding: 7rem 0rem 0rem 0rem;}


.slide_box > div a p:first-child  {background: #f3f3f3;color: #7b7b7b;}
.main_search_area {background: #e7edf9; padding: 1rem 0rem; display: flex; justify-content: center;}
.main_search_bar {display: flex; align-items: center;}
.main_se_search {display: flex;background: #fff;padding: 0.5rem 1rem;border-radius: 100rem;margin-top: 1rem;border: 0.2rem solid #0589dc;}
.main_se_search p:nth-child(1) {width: 100%;padding: 0.7rem 0rem;max-width: 30%;}
.main_se_search p:nth-child(2) {width: 100%;padding: 0.7rem 0rem;}
.main_se_search input {border:none !important; background: none; font-weight: bold;}
.main_se_search input::placeholder {color: #3A3A3A; font-weight: bold; font-size: 1.5rem;}
.main_se_search select {border:none !important; font-weight: bold;}
.main_se_search button {font-size: 2.5rem;background: #0589dc;border-radius: 10rem;color: #fff;width: 6.5rem;}
.main_se_search button:hover {animation:iconbtn 1s ease; background: #0366A4;}
.main_se_title h2 {position: relative; font-size: 2rem; color:#0d284c; padding: 0rem 1rem;}
.main_se_title h2:before {content: "";width: 1rem;height: 1rem;background: #184bbd;border-radius: 10rem;position: absolute;top:0rem;left:-0.5rem;}

.s_app_box {width: 100%;display: block !important;text-align: center;padding: 1rem 0rem !important;border-radius: 100rem !important;}
.s_app_box img {display: none;}
.s_app_box span {font-size: 1.8rem;}

.s_app_off {background: #F8F8F8 !important;}
.s_app_off strong {color: #A8A8A8 !important;}
.s_app_off p {background: #e5e5e5 !important;}
.swiper_end .slide_box > div {filter: grayscale(100%); background: #f4f4f4;}

.manual_view_btn {position: absolute;top:0rem;right: 0rem;background: url("../images/sub/manual_view_img.png") 0% 50% no-repeat;padding: 1rem 1rem 1rem 7rem;}
.manual_view_btn strong {font-size: 1.5rem;color:#0b43a9;padding: 0.2rem 0rem;display: block;}
.manual_view_btn p {font-size: 1.3rem; color:#212121; padding: 0.2rem 0rem; display: block;}
.manual_view_btn a {font-size: 1.3rem;display: block;background: #0b43a9;color:#fff;padding: 0.3rem 2rem;border-radius: 0.5rem;font-weight: bold;text-align: center;}
.manual_view_btn:hover a {background: #00153D;}



@media screen and (max-width: 1024px){
.main_wrap {/* background: url("../images/main/main_bg.jpg") 50% 7rem no-repeat; */}
.slide_box {flex-direction: column;}
.slide_box > div {width: 98.4%;min-height: 19rem;padding: 1rem !important;height: auto;background-image: none;}
.slide_box > div a span {/* display: none !important; */}
.slide_box .slide_title {line-height: 2.8rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 5rem;font-size: 1.5rem;}
.quick_box ul {flex-wrap: wrap; gap: 1em;}
.quick_box ul li {width: 48%;}
.quick_box ul li:after {display: none;}
.quick_box ul li a {box-shadow: 0.1rem 0.1rem 0.6rem 0rem #d1d1d18f; border:0.1rem solid #e4e7ea; border-radius: 0.5rem;}
.notice_banner_box {flex-direction: column;}
.notice_box {width: 97%;}
.notice_box:before {width: 15rem;}
.notice_box ul li span {display: none;}
.banner_box {margin-left:0rem; width: 100%; margin-top: 1rem;}
.banner_box div a {padding:2rem 2rem 2rem 10rem;}
.banner_box div a p {padding-right:0rem;}
.banner_box div a:before {background-size: 6rem !important; left:1rem !important; background-position: center!important;}

#main_title {margin-top: 2rem;padding: 0rem;}
.new_main1_area {flex-direction: column;padding-top: 0rem;padding-bottom: 0rem;margin-top: 0rem;}
.new_main1_area .main_title {text-align: center;padding: 2rem 0rem;justify-content: center;background-size: 46rem;}
.main_title p {display: none;}
.main_title a {/* display: none; */text-align: left;}
.new_main1_area .login_main_area {margin:0 auto; width: 70%;}
.main_help_area {display: none;}
.main_bar_area p {display: none;}
.slide_box div a {/* display: flex; */text-align: left;}
.slide_box div a p {width: 100%;align-items: center;justify-content: center;margin-right: 0rem;max-width: 8rem;}
.slide_box div a .slide_year {width: 100%;border-top: none;justify-content: flex-start;text-align: right;}
.swiper_controller {width: 25%;}
.login_main_area_after {width: 100%;margin:0 auto;max-width: 100%;}
.slide_box .slide_year strong {font-size: 1.4rem;}
.main_se_search p {display: block;}
.notice_new_box_year p {display: block;}
.swiper_btn_title button {padding: 1rem 2rem;}
}

@media (max-width: 768px) {
.main_title {display: none;background-image: none !important;border-radius: 0rem !important;}
.main_slide {padding-top: 0rem;}
.notice_box ul {/* padding: 2rem 2rem 2rem 0rem; *//* border-top: 0.1rem solid #dfdfdf; *//* margin: 0rem 2rem; */}
.notice_top a {flex-direction: column;}
.notice_box ul li a {padding: 0rem 0rem 0rem 0rem;width: 100%;}
.notice_box ul li a:before {left: 0.5rem;}
.notice_top a .notice_top_text {padding: 1rem 3rem 2rem 2rem;}
.banner_box div a:after {display: none;}
.quick_link {padding: 2rem 0rem;}
.link_baanner img {width: 100%;}
.link_baanner a {margin:0rem 2rem;}
.main_search_bar {flex-direction: column;}
.main_se_title {padding: 1rem 0rem;}
.main_se_search {max-width: 35rem;}
.main_title h1 {font-size: 3rem !important;}
.main_title h1 strong {font-size: 4rem !important;}
#main_title {padding: 0rem 0rem;}
.swiper_btn_title {margin:0rem;text-align: center;width: 100%;padding: 0rem 1rem;flex-direction: column;align-items: flex-start;gap: 1rem;}
.s_app_box {position: static;transform: translate(0%,0%);width: 100% !important;margin-top: 1rem;max-width: 100% !important;font-size: 1.6rem !important;}
.s_app_box img {display: none;}
.s_app_box span {font-size: 1.6rem;}
.slide_box {padding: 1rem;margin-top: 0rem;}
.slide_box .slide_title {text-align: left;width: 100%;line-height: 2rem;-webkit-line-clamp: none;overflow: unset;display: block;max-height: none;padding-bottom: 0rem;}
.slide_box .slide_year {display: block;}
.slide_box .slide_year strong {text-align: center;padding: 0rem;letter-spacing: 0px;}
.slide_box .slide_year strong:before {display: none;}
.slide_box > div {text-align: center;}
.swiper_controller {top: 0rem;right: 1rem;transform: translate(0%, 0%);left: auto; width: 100%;}
.swiper-wrapper {margin-top: 0rem;}
.swiper_btn_title h3 {font-size: 2rem;margin-right: 0rem;}
.swiper_btn_title button {padding: 0.5rem 1rem; font-size: 1.4rem;}
.swiper_btn_title button.active {font-size: 1.5rem;}
}