@charset "euc-kr"; /****************************************
??濡? ???? : ?댁빱?ㅽ?몄?? 紐⑤???
???깆?? : ?댁빱?? ?밴?諛?2?? 遊??⑥??
理?珥????깆?? : 2025.10.10
理?醫??????? :
*****************************************/
html, body { font-size: 16px; }
@media screen and (max-width: 480px) { html, body { font-size: 14px; } }
@media screen and (max-width: 375px) { html, body { font-size: 13px; } }
/* LNB 열기 시 html font-size는 header_2025.js에서 JS로 복원 (이벤트 _event.css 오버라이드 대응) */

@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url(/jrjump_m/common/font/Pretendard-Regular.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard Bold'), url(/jrjump_m/common/font/Pretendard-Bold.woff) format('woff'); } 

.ir_pm { display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; } 
.p_r { position: relative; } 
#header { box-shadow: 0 1px 9px rgba(0, 0, 0, 0.1);} 

.header_box_2025 { display: flex; justify-content: space-between; align-items: center; padding: 9px 15px 15px; height: 50px; font-family: 'Pretendard'; box-sizing: border-box; } 

/* 醫?痢? 硫??? ???댁? */
.header_left { display: flex; align-items: center; } 
.ico_menu { background: url(//cdn.hackersut.com/m/img/main/2025/ic_menu.png) center/contain no-repeat; width: 25px; height: 25px; display: block; margin-right: 11px; } 

.header_logo img { height: 25px; display: block; } 

/* ?ㅻⅨ履? ???댁? 洹몃９ */
.header_right { display: flex; align-items: center; gap: 11px; } 

.family_btn_2025 .family_icon { width: 25px; height: 25px; background: url(//cdn.hackersut.com/m/img/main/2025/asset.png) no-repeat -151px -20px / 1080%; display: block; cursor: pointer; } 

.counsel_btn { box-shadow: 2px 5px 10px 0 rgba(213, 0, 87, 0.05); border-radius: 20px; } 
.counsel_btn img { height: 29px; display: block; } 

.header_right .link a { width: 25px; height: 25px; display: block; } 


.link__login-btn { background: url('//cdn.hackersut.com/m/img/common/gnb/renew_2025/icon_login.png') center/cover no-repeat; } 
.link__logout-btn { background: url('//cdn.hackersut.com/m/img/common/gnb/renew_2025/icon_mypage.png') center/cover no-repeat; } 

.gnb_2025 { padding: 0 15px; font-family: 'Pretendard'; } 
.gnb_2025 ul { display: flex; align-items: center; justify-content: space-between; } 
.gnb_2025 ul li a { font-weight: bold; color: #222222; padding:9px 0 11px; display: block; } 
.gnb_2025 ul li.active a { color: #D50057; } 
.gnb_2025 ul li.active { position: relative; } 
.gnb_2025 ul li.active::after { background: #d50057; position: absolute; bottom: 0; left: 50%; width: 105%; height: 2px; content: ''; display: block; transform: translateX(-50%); } 

/* ?ㅻ?寃??댁?? */
.nav_wrap { position: fixed; left: -100%; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1000; overflow: hidden; overflow-y: auto; } 
.nav-top { border-bottom: 1px solid #DDDDDD; display: flex; justify-content: space-between; align-items: center; padding: 9px 15px 15px; height: 50px; box-sizing: border-box; } 
.nav-top__left { width: 130px; } 
.nav-top__left img { width: 100%; height: 29px; display: block; } 
.nav-top__right { display: flex; align-items: center; gap: 11px; } 

.nav-top .nav-top__right a { width: 25px; height: 25px; display: block; } 
.nav-top .link__login-btn { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/icon_login.png) center/cover no-repeat; } 
.nav-top .link__mypage-btn { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/icon_mypage.png) center/cover no-repeat; } 
.nav-top .ico_close { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/ic_close.png) center/cover no-repeat; } 

.nav_con { width: 90%; margin: 0 auto; } 
.nav__con01 { background: #F9FAFC; padding: 5% 0; } 
.nav__con01__col1 { width: 90%; margin: 0 auto 10px; text-align: center; } 
.nav__con01__col1 span { color: #D50057; } 
.nav__con01__col2 { width: 90%; margin: 0 auto; background: #fff; border-radius: 10px; } 
.nav__con01__col2 ul { display: flex; } 
.nav__con01__col2 ul li { width: calc(100%/3); position: relative; } 
.nav__con01__col2 ul li a { display: block; text-align: center; padding: 10px 0; font-weight: bold; color: #222222; } 
.nav__con01__col2 ul li a::before { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/gnb_icon01.png) 0 1px/400% no-repeat; content: ''; display: inline-block; width: 30px; height: 20px; } 
.nav__con01__col2 ul li:nth-of-type(1) a::before { background-position-x: 7px; } 
.nav__con01__col2 ul li:nth-of-type(2) a::before { background-position-x: -21px; width: 23px; background-position-y: 4px; } 
.nav__con01__col2 ul li:nth-of-type(3) a::before { background-position-x: -73px; width: 23px; background-position-y: 4px; } 
.nav__con01__col2 ul li:not(:last-of-type) a::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #CDCDCD; content: ''; display: block; } 

.nav__con02 { background: #fff; padding: 5% 0; } 
.nav__con02__icon-wap { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.nav__con02__icon-wap li { width: calc(100%/4 - 10px); margin-bottom: 10px; } 
.nav__con02__icon-wap li:not(:nth-of-type(4n)) { margin-right: 10px; } 
.nav__con02__icon-wap li .nav__con02__icon { background: #FFF3F8; width: 70px; height: 70px; border-radius: 20px; position: relative; margin: 0 auto; } 
.nav__con02__icon-wap li .nav__con02__icon::before { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/gnb_icon2.png) 15px 16px / 400% no-repeat; content: ''; display: block; width: 80px; height: 80px; } 
.nav__con02__icon-wap li:nth-of-type(2) .nav__con02__icon::before { background-position-x: 32%; } 
.nav__con02__icon-wap li:nth-of-type(3) .nav__con02__icon::before { background-position-x: 72%; } 
.nav__con02__icon-wap li:nth-of-type(4) .nav__con02__icon::before { background-position-x: 111%; } 
.nav__con02__icon-wap li:nth-of-type(5) .nav__con02__icon::before { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/gnb_icon3.png) 15px 16px / 400% no-repeat; } 
.nav__con02__icon-wap li:nth-of-type(6) .nav__con02__icon::before { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/gnb_icon3.png) 32% 16px / 400% no-repeat; } 
.nav__con02__icon-wap li:nth-of-type(7) .nav__con02__icon::before { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/gnb_icon3.png) 72% 16px / 400% no-repeat; } 
.nav__con02__icon-wap li:nth-of-type(8) .nav__con02__icon::before { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/gnb_icon3.png) 111% 16px / 400% no-repeat; } 
.nav__con02__text { text-align: center; font-size: 0.9rem; color: #303030; margin-top: 5px; } 

.nav__con03 { background: #F4F6F7; padding: 5px 0; } 

.nav__con04 { margin-bottom: 10%; } 
.nav__con04-title { margin-left: 5%; border-bottom: 1px solid #DFDFDF; padding: 3% 0; width: 95%; font-weight: bold; font-size: 1.3rem; display: block; color: #303030; position: relative; background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/ic_arrow_right.png) no-repeat 95% 50% / 7%; } 
.nav__con04-title.active { background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/ic_arrow_up.png) no-repeat 95% 50% / 7%; } 
.nav__depth2 { width: 90%; margin: 0 auto; padding: 3% 0; display: none; } 
.nav__depth2.type2 .nav__depth2__wrap { background: rgba(243, 245, 249, 0.5); width: 100%; display: flex; flex-wrap: wrap; padding:10px 0; border-radius: 5px; } 
.nav__depth2.type2 .nav__depth2__wrap li { width: 50%; } 
.nav__depth2.type2 .nav__depth2__wrap li a { width: 100%; display: flex; padding: 10px 0 10px 20px; box-sizing: border-box; align-items: center; font-size: 1rem; } 
.nav__depth2.type2 .nav__depth2__wrap li a::before { background: #d9d9d9; content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 5px; } 
.nav__depth2.type2 .nav__depth2__wrap li a .event { background: #D50057; color: #fff; padding: 1px 10px; margin-right: 3px; border-radius: 20px; font-size: 0.8rem; } 
.nav__depth2__btn { margin-top: 10px; display: flex; width: 100%; background: #d50057; color: #fff; text-align: center; padding: 14px 0; border-radius: 6px; align-items: center; justify-content: center; } 
.nav__depth2__btn span { width: 20px; height: 20px; background: url(//cdn.hackersut.com/m/img/common/gnb/renew_2025/lecture_icon.png) no-repeat 0 0/100%; display: inline-block; } 

.nav__depth2.type1 .nav__depth2__wrap a { padding: 10px; box-sizing: border-box; display: block; } 

.nav__con05 { background: #F3F5F9; border-radius: 20px 20px 0 0; padding: 10% 0; } 
.nav__con05__col01 { font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; } 
.nav__con05__col02--title { display: grid; grid-template-columns: 0.8fr 1.4fr 2fr; margin-bottom: 3%; } 
.nav__con05__col02--title p:nth-of-type(1) { display: flex; align-items: center; } 
.nav__con05__col02--title p:nth-of-type(1)::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #949494; display: inline-block; margin-right: 5px; } 
.nav__con05__col02--title p:nth-of-type(1)::after { content: ''; background: url(//cdn.hackersut.com/m/img/main/2025/ic_clock.png) 0 0 / contain no-repeat; width: 15px; height: 15px; display: block; margin-left: 13%; } 
.nav__con05__col02--title p:nth-of-type(3) { display: flex; align-items: center; } 
.nav__con05__col02--title p:nth-of-type(3)::before { width: 1px; height: 90%; background: #CDCDCD; content: ''; display: inline-block; margin-right: 5%; } 

.nav__con05 .line-bnr { margin-bottom: 5%; position: relative; } 
.nav__con05 .line-bnr img { width: 100%; } 
.nav__con05 .line-bnr__btn { position: absolute; display: flex; justify-content: space-between; width: 55%; height: 100%; top: 0; left: 43%; } 
.nav__con05 .line-bnr-ingang .line-bnr__btn { height: 50%; } 

.nav__con05 .line-bnr__btn a { width: calc(100%/3); height: 100%; display: block; } 

/* ?λ?μ?? ???댁? */
.main-btn-wrap{position: fixed;right: 2vw;bottom: 11%;width: 11%;max-width: 87px;z-index: 100;}
.main-btn-wrap li{margin-bottom: 8px;}