@charset "utf-8";
/* CSS Document */
/* 메인 공통 영역 */
.login_area {display: flex;align-items: center;justify-content: flex-end;width: 25rem;gap: 0rem;}
.login_area a {font-size: 2.8rem;color: #333;}
.login_area a:hover {color: #246beb;}
.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;}

/* 메인 로그인 영역 */
.inte_main_login_wrap {display: flex; width: 100%; align-items: center; justify-content:flex-end;}
.inte_main_login_area {width: 100%;border-radius: 0.5rem;background: #fff;}
.inte_m_title {text-align: center;}
.inte_m_title h1 {font-size: 2.3rem;font-weight: bold;color: #222222;}
.inte_m_title h1 strong {color:#1f6beb;}
.inte_m_tab {text-align: center;padding: 0rem 0rem 0rem 0rem;display: flex;gap: 0rem;width: 100%;justify-content: center;}
.inte_m_tab_detail {padding: 3rem 3rem;height: 27rem;}
.inte_m_tab button {font-size: 1.5rem;font-weight: 500;color: #333;width: 100%;background: #f5f6f9;padding: 1.5rem 0rem;/* border-radius: 0.5rem; */}
.inte_m_tab button:hover {color: #000000;background: #cddfff;}
.inte_util_area {display: flex;justify-content: space-between;padding: 1rem 0rem;font-size: 1.3rem;}
.inte_util_area a:hover {color: #0e52aa;}
.inte_util_area > div {display: flex; gap:1rem;}
.inte_id_pas_area input {position: relative; padding:1.5rem 1rem; margin-bottom: 1rem; border:0.1rem solid #cecece; border-radius: 0.5rem; font-size: 1.6rem;}
.inte_id_pas_area input::placeholder {font-size: 1.4rem;}
.inte_pass_box .eyes {top: 0rem;}
.inte_m_id_login_area {display: none;}
.login_active {display: block;}
.inte_id_save p {display: flex; align-items: center; color: #333;}
.inte_id_save p label {font-size: 1.3rem;}
.inte_m_certified {text-align: center;}
.inte_m_certified img {width: 9rem;margin: 0.9rem 0rem 1rem 0rem;}
.inte_m_certified p {font-size: 1.6rem;font-weight: bold;padding: 1rem 0rem 1.40rem 0rem;}
.input_password {position: relative;}
.input_password .eyes {position: absolute;top: 50%;bottom: 0;right: 1rem;height: 3.3rem;margin: auto 0px;font-size: 22px;width: auto;cursor: pointer;transform: translate(0%,0%);}
.fa-eye:before {content: "\e950"; font-family: "xeicon";}
.fa-eye-slash:before {content: "\e952";  font-family: "xeicon";}
.inte_m_certified_anyid {display: flex;justify-content: center;gap:1rem;background: #f5f7fa;padding: 2.4rem 2rem;border-radius: 0.5rem;}
.inte_m_certified_anyid div {width: 100%;}
.inte_m_certified_anyid div a {display: block;border:0.1rem solid #cecece;padding: 1.3rem 2rem 2rem 2rem;font-size: 1.5rem;font-weight: 500;border-radius: 0.5rem;background: #fff;}
.inte_m_certified_anyid div a img {display: block;margin: 0 auto;margin-bottom: 2.2rem;width: 100%;max-width: 6rem;}
.inte_m_certified_anyid div a:hover {border-color: #0067eb; color:#0067eb;}
.login_out_btn {display: block;text-align: center;background: #ffffff;padding: 1.2rem 0rem;font-size: 1.6rem;color: #414141;border-radius: 0.5rem;margin: 0.5rem 0rem;border: 0.1rem solid #c9c9c9;font-weight: bold;}
.login_out_btn:hover {background: #3d3d3d;color: #fff;}
#main_title {position: relative;background: #ffffff;}
#main_bar {background: #5379bf;background-size: cover;}
.main_bar_area {max-width: 140rem; margin:0 auto;}
.main_bar_area p {font-size: 1.8rem;color:#fff;padding: 0.8rem 0rem; display: flex; align-items: center; font-weight: bold;}
.main_bar_area p::before {content: "";background: url("../images/help_wrap_title_bg.png") 0% 0% no-repeat;width: 3rem;height: 3rem;margin-right: 1rem;background-size: 3rem;}
.main_bar_area strong {padding-left: 0.5rem;}
.new_main1_area {display: flex;max-width: 140rem;margin:0 auto;gap: 2%;margin-top: 11rem;padding: 0rem 2rem;position: relative;padding-bottom: 1rem;} 
.new_main1_area .main_title {display: flex;width: 100%;}  
.new_main1_area .main_title > div {position: relative;left: -60px;width: 100%;opacity: 0;animation: flyIn 1s ease-out forwards;}	
.new_main1_area .main_title > div > span {font-size: 2rem;padding-bottom: 0.7rem;display: block;color:#1265aa;}
.new_main1_area .login_main_area {width: 100%;border-radius: 0.7rem;border: 0.1rem solid #f1f1f1;padding: 0rem 0rem 0rem 0rem;box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.06);overflow: hidden;position: relative;  min-height: 34rem;}  
.login_btn_main a {background:#246beb;width: 100%;padding: 1.3rem 1rem;color:#fff;font-weight: bold;font-size: 1.8rem;display: block;box-sizing: border-box;text-align: center;border-radius: 0.5rem;margin-top: 0.5rem;}
.login_btn_main .Issu_conf {font-size: 1.6rem; background: #239f82; margin-top: 0.5rem;}
.login_btn_main a:hover {background: #002360;}
.login_texmain {display: flex;justify-content: space-between;padding: 0.5rem 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;}
.all_rink_area {position: fixed;top:13%;right: 1%;background: #fff;overflow: hidden;width: 6%;border-radius: 0.3rem;}
.main_title_rink a {position: relative;border:0.1rem solid #eeeeee;color:#0c0c0c;padding: 4rem 0.5rem 1rem 0.5rem;width: 100%;font-size: 1.3rem;text-align: center;display: flex;background-position: 50% 1.5rem !important;flex-direction: column;background-color: #fff !important;margin-top: -0.1rem;box-sizing: border-box;}
.main_title_rink a:hover {color:#1f6beb;}
.all_rink_area a.main_rink1 {background: url("../images/main/main_rink1.png") 50% 0.5rem no-repeat !important; background-size:3rem !important;}
.all_rink_area a.main_rink2 {background: url("../images/main/main_rink2.png") 50% 0.5rem no-repeat !important; background-size:3rem !important;}
.all_rink_area a.main_rink3 {background: url("../images/main/main_rink3.png") 50% 0.5rem no-repeat !important;}
.all_rink_area a.main_rink4 {background: url("../images/main/main_rink4.png") 50% 0.5rem no-repeat !important;background-size: 3.3rem !important;}
.all_rink_area a.main_rink5 {background: url("../images/main/main_rink5.png") 50% 0.5rem no-repeat !important; background-size:3rem !important;}
.all_rink_area a.main_rink4 span b {font-weight: normal; font-size: 1.4rem; color: #000000;}
.all_rink_area a.main_rink4 span {color: #1f6beb; font-size: 1.4rem !important;}
.all_rink_area a.main_rink4 span:last-child {font-size: 1.2rem !important; color: #222222; padding: 0rem !important;}
.all_rink_area a span {font-size: 1.4rem !important;}
.main_title_rink button {display: flex;width: 100%;background: #647695;padding: 1rem 0rem;font-size: 1.4rem;color:#fff;align-items: center; justify-content: center;}
.main_title_rink button:hover {background: #1f6beb;}
.new_login_box_main {text-align: center;}
.new_login_box_main h2 {font-size: 2.3rem;padding: 1rem 0rem 1rem 3rem;color: #000000;font-weight: bold;text-align: left;border-bottom: 0.1rem solid #000000;}
.new_login_box_main p {font-size: 1.4rem;padding: 0.5rem 0rem;color: #333;font-weight: 300;}
.title {display: flex; justify-content: space-between; align-items: center; padding: 2rem 0rem;}
.title h2 {font-size:2.1rem; color:#111111; background: url("../images/layout/title_dot.png") 0% 50% no-repeat; padding-left:3rem;}
.title_divide {display: flex;}
.title_divide .more {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 {transition: all 0.3s;}
@keyframes flyIn {
  to {
    left: 0;
    opacity: 1;
  }
}
.rink_active button::after,
.all_rink_Inquiry button::after {content: "\e980"; font-family: "xeicon"; font-weight: bold; margin-left:0.3rem;}
.all_rink_Inquiry button {background: #647695;color:#fff;display: flex;width: 100%;padding: 1rem 0rem;border: 0.1rem solid #073e8f;font-size: 1.4rem;margin-top: -0.1rem; justify-content: center; align-items: center;}
.all_rink_Inquiry button:hover {background: #1f6beb;}
.all_Inquiry_detail a {display: block;padding: 4rem 0.5rem 1rem 0.5rem;text-align: center;background: url("../images/main/main_rink1.png") 50% 1rem no-repeat;border-bottom: 0.1rem solid #eeeeee;}
.all_Inquiry_detail a:last-child {border-bottom: 0rem;}
.all_Inquiry_detail a span {display: block;font-size: 1.4rem;padding: 0.3rem 0rem;}
.all_Inquiry_detail a span b {display: block;}
.all_Inquiry_detail a:hover span {color: #1f6beb !important;}
.all_Inquiry_detail a:hover span b {color: #1f6beb !important;}
.rink_active button {background: #073e8f !important;}
.main_title_rink > strong {background: #073e8f; display: block; color:#fff; text-align: center; padding: 1rem; font-size: 1.4rem;}
.all_rink_Inquiry > strong {background: #647695; display: block; color:#fff; text-align: center; padding: 1rem; font-size: 1.4rem;}

.main_title_rink {border:0.1rem solid #073e8f; border-radius: 0.5rem; overflow: hidden;}
.all_rink_Inquiry {border:0.1rem solid #647695; margin-top: 1rem; border-radius: 0.5rem; overflow: hidden;}

/* 메인 타이틀 영역  */
.main_title {text-align: left;}
.main_title_text {font-size: 1.6rem;color: #000000;line-height: 2.5rem;padding: 0.7rem 0rem;font-weight: normal;}
.main_title b {font-size: 1.6rem;color: #1f6beb; font-weight: normal;}
.main_title h1 {font-size: 3rem;color: #1265aa;}
.main_title h1 strong {color: #000000;font-size: 5.5rem;font-weight: bold;padding: 0rem 0rem 0.5rem 0rem;display: block;}

/* 자주찾는 서비스 영역 */
.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);}
}


/* 배너 영역 */
.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;}

/* new_20250325 메인 로그인 */
.inte_m_title {padding: 0rem 0rem 0.5rem 0rem;display: none;}
.inte_m_title h2 {font-size: 2.5rem;background: url("../images/main/login_lock_img.png") 0% 0% no-repeat;display: inline-block;padding: 1rem 1rem 1rem 6rem;}
.inte_tab_active {color: #fff !important;font-weight: bold !important;border-radius: 0.5rem 0.5rem 0rem 0rem;background: #1f6beb !important;}
.inte_login_button a {display: block;text-align: center;background: #1f6beb;padding: 1rem 0rem;font-size: 1.6rem;color:#fff;margin: 0.5rem 0rem;font-weight: bold;border-radius: 0.5rem;}
.inte_login_button a:hover {background: #154597;}
.inte_util_area {display: flex;padding: 1rem 0rem 0rem 0rem;font-size: 1.3rem;justify-content: center;gap:1rem;}
.inte_util_area a:hover {color: #224b94;}
.inte_id_pas_area {margin-top: 0rem;}
.inte_id_pas_area input {position: relative;padding: 1.3rem 1rem; font-size: 1.4rem;border: 0.1rem solid #e2e2e2 !important;font-weight: bold;color: #000000;border-radius: 0.5rem;margin-bottom: 1rem;}
.inte_id_pas_area input::placeholder {font-size: 1.4rem; font-weight: normal;}
.inte_pass_box .eyes {top: 0rem;}
.inte_m_id_login_area {display: none;}
.login_active {display: block;}
.inte_id_save {}
.inte_id_save p {display: flex;align-items: center;color: #333;padding: 0rem 0rem 0.5rem 0rem;}
.inte_m_certified {text-align: center;}
.inte_m_certified img {width: 9rem;margin: 0.9rem 0rem 1rem 0rem;}
.inte_m_certified p {font-size: 1.6rem; font-weight: bold; padding: 1rem 0rem 1.2rem 0rem;}


/* 20250521 메인 레이어 팝업창 */
.popup-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000;}
.popup-content {background-color: #fff;padding: 4rem;border-radius: 0.8rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);text-align: center;max-width: 60rem;width: 90%;position: relative;}
.popup-con-header {text-align: left;padding: 2rem 0rem;background: url("../images/lay_pop_notice_img.png") 100% 20% no-repeat;}
.popup-con-header span {color: #3382e9; font-size: 1.5rem; padding-bottom: 1rem; display: block;}
.popup-con-header h2 {color: #222222; font-size: 3rem;}
.popup-con-detail {text-align: left;background: #f6f7fb;border-radius: 0.5rem;padding: 2rem;}
.popup-con-detail p {line-height: 2.5rem;font-size: 1.5rem;word-break: keep-all;}
.popup-con-detail p strong {color: #0645a4;}
.popup-con-btn {flex-direction: column;display: flex;width: 100%;max-width: 30rem;margin: 0 auto;}
#closePopupBtn {margin-top: 2rem; padding: 1rem 2rem; background-color: #007bff; color: #fff; border: none; border-radius: 0.5rem; cursor: pointer; font-size: 1.6rem; transition: background-color 0.3s ease;}
#closePopupBtn:hover {background-color: #0056b3;}
.day_none_pop {padding: 1rem 0rem 0rem 0rem;color: #858585;}
.day_none_pop:hover {color: #007bff;}
.popup-con-header .logo {margin-bottom: 1rem;}
.popup-con-header .logo a {display: flex; align-items: center;}
.popup-con-header .logo img {width: 2rem; margin-right: 0.5rem;}
.popup-con-header .logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.popup-con-header .logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.popup-con-header .logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}


/* 메인 타이틀 영역 */
.main_con_title {display: flex;justify-content:space-between;padding: 3rem 0rem 2rem 0rem;}
.main_con_title h3 {font-size: 2.3rem;}
.main_title_util a {background: #dfebf5; font-size: 2rem; border-radius: 10rem; padding: 0.5rem 0.7rem;}
.main_title_util a i {font-weight: bold;} 
.main_title_util a:hover {background: #1f6beb; color: #fff;}
/* 메인 사업공고 영역 */
.main_bottom_wrap {background: #ecf6ff;min-height: 30rem;margin-top: 3rem;padding-bottom: 4rem;}
.main_bottom_area {width: 100%;max-width: 140rem;margin:0 auto;display: flex;gap: 4%;padding:0rem 2rem;}
.main_bull_all {width: 100%;}
.main_call_all {width: 51%;}
.m_bull_btn {display: flex;border-radius: 0.5rem;overflow: hidden;margin-top: 0rem;}
.m_bull_btn button {width: 100%;background: #fff;padding: 1.2rem 1rem;display: flex;justify-content: center;font-size: 1.6rem;align-items: center;}
.m_bull_btn button:hover {background: #cddfff;}
.m_bull_btn button.bull_active {position: relative; background: #1f6beb; color:#fff;}
.m_bull_con {background: #fff;padding: 2rem 3rem;box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.06);margin-top: 1rem;border-radius: 0.5rem;display: none;height: 29rem;}
.m_bull_top {display: flex;padding: 1rem 1rem 2rem 1rem;gap:2rem;border-bottom: 0.1rem solid #f1f1f1;}
.m_bull_top_date {border:0.5rem solid #e2e2e2; align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0.5rem;}
.m_bull_top_date strong {font-size: 2rem; color:#1f6beb;}
.m_bull_top_date p {font-size: 1.3rem;color: #8f8d8d;}
.m_bull_top_text a {display: block;}
.m_bull_top_text a strong {display: block;font-size: 1.6rem;margin-bottom: 1rem;line-height: 2.3rem;}
.m_bull_top_text a span {font-size: 1.4rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; white-space: normal;}
.m_bull_top_text a:hover strong {color:#1f6beb; text-decoration-line: underline;}
.m_bull_top_text a:hover span {color:#1f6beb;}
.m_bull_bot_list {width: 100%; padding-top: 1rem;}
.bull_list_active {display: block;}
.m_bull_bot_list li {width: 100%; display: flex; align-items: center;}
.m_bull_bot_list li b {width: 100%;font-size: 1.2rem;max-width: 5rem;text-align: center;padding: 0.2rem;font-weight: 600;margin-right: 0.5rem;border-radius: 0.5rem;}
.m_bull_bot_list .bull_ing b {background: #1f6beb;color: #fff;}
.m_bull_bot_list .bull_sch b {background: #1ca586;color: #fff;}
.m_bull_top_text .bull_ing {background: #1f6beb;color: #fff; font-weight: normal; padding: 0.5rem; font-size: 1.4rem; border-radius: 0.5rem; margin-right: 0.5rem;}
.m_bull_top_text .bull_sch {background: #1ca586;color: #fff; font-weight: normal; padding: 0.5rem; font-size: 1.4rem; border-radius: 0.5rem; margin-right: 0.5rem;}
/*.m_bull_bot_list li::before {content: "";display: inline-block;width: 0.4rem;height: 0.4rem;background: #283a5a;}*/
.m_bull_bot_list li a {position: relative; display: flex; justify-content: space-between; width: 100%; padding: 0.5rem; font-size: 1.4rem; gap:2rem;}
.m_bull_bot_list li a strong {font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; white-space: normal;}
.m_bull_bot_list li a span {font-size: 1.3rem; color: #a7a7a7;}
.m_bull_bot_list li:hover {color: #1f6beb; text-decoration-line: underline;}
.m_bull_bot_list li:hover span {color: #1f6beb;}
.m_bull_bot_list li:hover::before {background: #1f6beb;}
.main_call_banner {background: #fff;padding: 2rem;box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.06);margin-top: 0rem;height: 82%;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;flex-direction: column;}
.main_call_banner h3 {color:#283a5a;font-size: 2.5rem;background: url("../images/main/main_call_banner.png") 50% 0% no-repeat;padding-top: 10rem;padding-bottom: 0.5rem;background-size: 10rem;}
.main_call_banner strong {color:#3382e9;font-size: 3.5rem;}
.main_call_banner ul {width: 100%;max-width: 40rem;background: #fbfbfb;padding: 2rem;margin:0 auto;margin-top: 2rem;}
.main_call_banner ul li {text-align: left; display: flex; align-items: center; padding: 0.3rem;}
.main_call_banner ul li strong {color:#222222; font-size: 1.4rem; font-weight: normal;}
.main_call_banner ul li span {color:#222222; font-size: 1.4rem; font-weight: normal;}
.main_call_banner ul li span::before {content: ":"; margin:0rem 0.5rem;}
.main_call_banner ul li:nth-child(1)::before {content: "\ea07"; font-family: "xeicon"; font-size:1.6rem; margin-right:0.5rem;}
.main_call_banner ul li:nth-child(2)::before {content: "\ead8"; font-family: "xeicon"; font-size:1.6rem; margin-right:0.5rem;}
#footer_wrap {margin-top: 0rem;}

/* 로그인 후 영역 */										
.new_main1_area.new_login_in {gap: 0%;}
.new_main1_area.new_login_in .main_title {display:block;width: 100%;}  
.new_main1_area.new_login_in .main_title > div {position: relative;left: auto;width: 100%;opacity: 1;animation:none;}	
.new_main1_area.new_login_in .login_main_area {align-items: center;justify-content: center;}
.new_main1_area.new_login_in .main_title_rink {width: 100%; margin-top: 0rem; flex-wrap: nowrap;}
.new_main1_area.new_login_in .main_title_rink a {width: 100%;}
.login_main_area_after {width: 100%;margin: 0rem 0rem;display: flex;flex-direction: column;gap:1rem;padding: 0rem 0rem 0rem 0rem;}
.login_main_area_after .login_btn_title {}
.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.5rem;color: #1f6beb;background: url("../images/main/login_after_img.png") 50% 0% no-repeat;padding: 8rem 0rem 0rem 0rem;background-size: 8rem; display: flex; justify-content: center;}
.login_main_area_after .login_btn_title h2 span {font-size: 1.5rem;padding-left:0.5rem;display: block;padding-top: 0.5rem;font-weight: bold;word-break: keep-all; color: #073e8f;}
.new_main1_area.new_login_in .login_main_area p {font-size: 1.4rem;padding: 0.5rem 0rem 1rem 0rem;line-height: 2rem;text-align: center;font-weight: normal;color: #2b2b2b;}
.login_main_area_after .login_info_area {/* margin: 5rem 0rem 1rem 0rem; */}
.login_main_area_after .login_info_box {display: flex;flex-direction: column;font-size: 1.7rem;gap: 1rem;}
.login_main_area_after .login_info_box > div {}
.new_main1_area.new_login_in .login_main_box {width: 100%;margin: 0 auto;text-align: center;max-width: 94%;padding: 1rem 0rem;/*z-index: 80;*/}

/* 로그인 후 공지사항 */										
.m_notice_con {background: #fff;padding: 1.6em 3rem;box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.06);margin-top: 0rem;border-radius: 0.5rem;min-height: 10rem;border: 0.1rem solid #f1f1f1;display: flex;gap:1rem;}
.m_notice_top {display: flex;padding: 1rem 1rem 2rem 1rem;gap:2rem;border-bottom: 0.1rem solid #f1f1f1;}
.m_notice_top_date {border:0.5rem solid #e2e2e2; align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0.5rem;}
.m_notice_top_date strong {font-size: 2rem; color:#1f6beb;}
.m_notice_top_date p {font-size: 1.3rem;color: #8f8d8d; display: block !important; line-height: 2rem; padding: 0rem;}
.m_notice_top_text a {display: block;}
.m_notice_top_text a strong {display: block;font-size: 1.6rem;margin-bottom: 1rem;line-height: 2.3rem;}
.m_notice_top_text a span {font-size: 1.4rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; white-space: normal;}
.m_notice_top_text a:hover strong {color:#1f6beb; text-decoration-line: underline;}
.m_notice_top_text a:hover span {color:#1f6beb;}
.m_notice_bot_list {width: 100%;display: flex;flex-direction: column;justify-content: center;}
.m_notice_bot_list li {width: 100%; display: flex; align-items: center;}
.m_notice_bot_list li b {width: 100%;font-size: 1.2rem;max-width: 5rem;text-align: center;padding: 0.2rem;font-weight: 600;margin-right: 0.5rem;border-radius: 0.5rem;}
.m_notice_bot_list li::before {content: "";display: inline-block;width: 0.4rem;height: 0.4rem;background: #283a5a;}
.m_notice_bot_list li a {position: relative;display: flex;justify-content: space-between;width: 100%;padding: 0.6rem 0.5rem;font-size: 1.5rem;gap:2rem;}
.m_notice_bot_list li a strong {font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; white-space: normal;}
.m_notice_bot_list li a span {font-size: 1.4rem; color: #a7a7a7;}
.m_notice_bot_list li:hover {color: #1f6beb; text-decoration-line: underline;}
.m_notice_bot_list li:hover span {color: #1f6beb;}
.m_notice_bot_list li:hover::before {background: #1f6beb;}
.bull_no_data .m_bull_top {justify-content: center;border-bottom: none;width: 100%;height: 100%;display: flex;align-items: center;font-size: 1.7rem;font-weight: bold;color: #5a5a5a;}
.bull_no_data .m_bull_top div {background: url("../images/layout/no_data.gif") 50% 0% no-repeat;padding-top: 8rem;background-size: 7rem;}
.new_main_top_area {display: flex; width: 49%; justify-content: flex-end;}
.main_notice_wrap {position: absolute;top: 13.7rem;left:1.6rem;width:62.2%;}
.m_notice_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5rem;}
.m_notice_title h2 {background: url("../images/main/main_notice_icon.png") 0% 50% no-repeat; background-size:3rem; font-size: 2.3rem; padding-left: 3.5rem;}
.notice_no_data li {justify-content: center; font-size: 1.6rem; color:#5a5a5a; font-weight: bold;}
.notice_no_data li::before {display: none;}
.notice_no_data li span {background: url("../images/layout/no_data.gif") 0% 0% / 4rem no-repeat; padding: 1rem 1rem 1rem 4.5rem;}
.new_login_in .m_notice_con {min-height: 15rem;}
.new_login_in .m_notice_bot_list li {padding: 0.3rem 0rem;}
.m_notice_bot_list .new_info::before {content: "N" !important;background: #ff4c53;width: auto;height: auto;padding: 0.1rem 0.4rem;border-radius: 10rem;color:#fff;font-size: 1.3rem;font-weight: bold;margin-left: -0.5rem !important;}

/* 20250820 수행,참여,제공동의 추가 */
.login_main_area_after .login_info_box {display: flex;flex-direction: column;font-size: 1.7rem;gap: 1rem;}
.login_main_area_after .login_info_box div {display: flex;justify-content: center;width: 100%;gap:1rem;}
.login_main_area_after .login_info_box div dl {width: 100%; border-radius: 0.7rem; overflow: hidden;}
.login_main_area_after .login_info_box div dt {font-size: 1.4rem;font-weight: 600;color:#fff;padding: 1rem 0rem;}
.login_main_area_after .login_info_box div dd {background: #f5f6fa; font-weight: bold; padding: 2rem 0rem; font-size: 1.9rem;}
.login_main_area_after .login_info_box div dd a:hover {text-decoration: underline; text-underline-offset: 0.5rem; color: #1B1B1B;}
.login_main_area_after .login_info_box .lo_in_blue dt {background: #1f6beb;}
.login_main_area_after .login_info_box .lo_in_green dt {background: #009e9f;}
.login_main_area_after .login_info_box .lo_in_purple dt {background: #6a5baf;}
.login_main_area_after .login_info_box .lo_in_blue dd a {color: #1f6beb;}
.login_main_area_after .login_info_box .lo_in_green dd a {color: #009e9f;}
.login_main_area_after .login_info_box .lo_in_purple dd a {color: #6a5baf;}
.main_bull_all .main_con_title h3 {background: url("../images/main/main_bull_all.png") 0% 50% no-repeat; background-size:3rem; font-size: 2.3rem; padding-left: 3.5rem;}
.main_call_all .main_con_title h3 {background: url("../images/main/main_call_all.png") 0% 50% no-repeat; background-size:3rem; font-size: 2.3rem; padding-left: 3.5rem;}
.m_notice_title h2 {background: url("../images/main/main_notice_icon.png") 0% 50% no-repeat; background-size:3rem; font-size: 2.3rem; padding-left: 3.5rem;}
.login_info_box a { text-decoration: none; color: #007bff; }
.layerpop_consent_info .title {font-weight: bold;background: #185ca5;color: #fff;font-size: 1.8rem;padding: 2rem;}
.layerpop_consent_info .close_btn {position: absolute;top: 1rem;right: 0rem;cursor: pointer;background: none;border: none;font-size: 1.6rem;}
.layerpop_consent_info .close_btn:hover i {background: #032B7C; border-radius: 10rem;}
.layerpop_consent_info .close_btn i {font-size: 2rem; color:#fff; font-weight: bold; padding: 1rem;}
.layerpop_consent_info_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 999;}
.layerpop_consent_info {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width: 80rem;padding: 0rem;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.layerpop_consent_info .content {background: #fff;padding:2rem 2.5rem;width: 100%;height: 100%;overflow: auto;max-height: 50rem;}

/* 20251223 개인정보동의 팝업 */
.login_info_btn {}
.login_info_btn button {display: inline-block; padding: 0rem 2rem; border-radius: 10rem; font-weight: bold; margin: 1rem 0rem; width: 100%; max-width: 30rem; color:#fff; font-size: 1.4rem; background:#073e8f;}
.login_info_btn button span {background:url("../images/main/per_info_icon.png") 0% 50% no-repeat;display: inline-flex;background-size: 2rem;padding: 0rem 0rem 0rem 3rem;align-items: center;}
.login_info_btn button:hover {color: yellow; background: #001C46;}
.login_info_btn button strong {color: yellow;}
.login_info_btn button {display: inline-block; padding: 0.8rem 2rem; border-radius: 10rem; font-weight: bold; margin: 1rem 0rem; width: 100%; max-width: 30rem; color:#fff; font-size: 1.4rem; background:#073e8f; cursor:pointer; border:none; text-align:center;}
.login_info_btn button strong {color: #ffeb3b;margin-left: 0.5rem;font-size: 1.9rem;}
.popup_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; justify-content: center; align-items: center;}
.popup_inner {background: #fff;width: 90%;max-width: 90rem;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 1rem 3rem rgba(0,0,0,0.3);animation: popShow 0.2s ease-out;}
.popup_header {padding: 1.5rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee; background:#073e8f url("../images/main/per_info_icon.png") 1rem 50% no-repeat; padding-left: 5rem;}
.popup_header h3 {margin: 0;font-size: 1.6rem;color: #ffffff;}
.btn_close {background: none;border: none;font-size: 2.5rem;cursor: pointer;color: #ffffff;line-height: 1;padding: 0;}
.popup_body {padding: 3rem 2rem; text-align: center; font-size: 1.4rem; color: #666; line-height: 1.6;}
.popup_footer {padding: 1.5rem; text-align: center; border-top: 1px solid #eee;}
.btn_confirm {background: #073e8f;color: #fff;border: none;padding: 1rem 3rem;border-radius: 5rem;font-weight: bold;cursor: pointer;font-size: 1.4rem;width: 100%;max-width: 35rem;}
.btn_confirm:hover {background:#062d67;}
@keyframes popShow {from {opacity: 0; transform: scale(0.95);} to {opacity: 1; transform: scale(1);}}

@media screen and (max-width: 1600px){
.all_rink_area {display: none;}
}
@media screen and (max-width: 1024px){
.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: 95%;}
.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;}
.new_main1_area {flex-direction: column;padding-top: 0rem;padding-bottom: 0rem;margin-top: 0rem; padding: 0rem;}
.new_main1_area .main_title {text-align: center;padding: 2rem 0rem;justify-content: center;background-size: 46rem;}
.main_title_text {display: none;}
.new_main1_area .login_main_area {margin:0 auto;width: 90%;max-width: 50rem;}
.main_help_area {display: none;}
.main_bar_area p {display: none;}

.login_main_area_after {width: 100%;margin:0 auto;}
.swiper_stand p {background-size: 3rem;background-position: 10% 50%;padding: 1rem 1rem 1rem 5rem;}
.inte_m_title {text-align: center;padding-top: 0rem;}

.main_bottom_area {flex-direction: column;max-width: 75rem;}
.main_call_all {width: 100%;}
.main_title_rink {width: 90%;flex-wrap: nowrap;display: none;margin: 0 auto;}
.main_title a {background-position: 50% 15% !important;padding: 5rem 1rem 1rem 1rem;}
.main_title h1 strong {font-size: 3.5rem; padding-bottom: 0rem;}
.m_bull_con {height: auto;}
.m_bull_top {flex-direction: column;}
.m_bull_bot_list li a span {display: none;}
	
/* 로그인 후 */
.new_main1_area.new_login_in {padding: 0rem 2rem;}
.new_main1_area.new_login_in .login_main_area {max-width: 71rem;padding: 3rem;margin-top: 0rem;width: 100%;}
.main_notice_wrap .m_notice_top_text a {padding: 0rem; text-align: left;}
.main_notice_wrap {max-width: 75rem;margin:0 auto;}
.m_notice_bot_list li a span {display: none;}
.m_notice_top {flex-direction: column;}
.main_notice_wrap .main_title_util a {background: #dfebf5; font-size: 2rem; border-radius: 10rem; padding: 0.5rem 0.7rem;}
.main_notice_wrap .main_title_util a:hover {background: #1f6beb; color: #fff;}
.login_main_area_after .login_btn_title h2 {background: none;padding-top: 0rem;display: flex;align-items: center;justify-content: center;}
.new_main1_area.new_login_in .login_main_box {padding: 0rem;max-width: none;}
.new_main1_area .main_title > div > span {display: none;}
.main_notice_wrap {position: static;width: 100%;padding: 0rem 2rem;margin-top: 3rem;}
.new_main_top_area {width: 100%; flex-direction: column-reverse;}
}

@media (max-width: 768px) {
.main_title {display: none;}
.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 2rem 0rem 2rem; 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;}
.new_main1_area .main_title {background-image: none;border-radius: 0rem;width: 100%;}
.main_title h1 strong {font-size: 3.5rem;padding-bottom: 0rem;}
.notice_box {padding-right: 0rem;}
.m_bull_btn button {padding: 1rem;}
.m_bull_btn button strong {font-size: 1.5rem;}
.m_bull_top_text a strong {font-size: 1.5rem;}
.inte_m_tab button {padding: 1rem; font-size: 1.5rem;}
.login_area {width: 6rem;}
}
@media (max-width: 500px) {
	.login_main_area_after .login_btn_title h2 {flex-direction: column;}
	.login_main_area_after .login_info_box div {flex-direction: column;}
}