@charset "euc-kr"; /****************************************
??�? ???? : ?�커?��?��?? 모�???
???��?? : ?�커?? ?��?�?2?? �??��??
�?�????��?? : 2025.10.10
�?�??????? :
*****************************************/
html { font-size: 16px; } 
.pos-r { position: relative; } 
.ir_pm { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; } 
.wd90 { width: 90%; } 

.main__con { margin-top: 10%; } 


.main__con01 {margin-top: 30px;}

.main-sdBox { width: 90%; margin: 0 auto; } 
.main-sdBox.swiper { overflow: visible !important; } 
.main-sdBox .swiper-wrapper { align-items: center; } 
.main-sdBox .swiper-slide { width: 315px; transition: all 0.5s ease; transform-origin: center center; border-radius: 30px; overflow: hidden; } 

.main-sdBox .swiper-slide img { width: 100%; } 

.main-sdBox .swiper-slide:not(.active) { transform: scale(0.9); opacity: 0.8; } 

.main-sdBox .swiper-slide.active { transform: scale(1); opacity: 1; box-shadow: 10px 20px 30px 0 rgba(120, 122, 129, 0.15); } 

/* ???? ??�? 조�?? */
.main-sdBox .swiper-horizontal > .swiper-pagination-bullets,
.main-sdBox .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -30px; } 
.main-sdBox .swiper-pagination .swiper-pagination-bullet { background: #303030; opacity: 0.3; width: 8px; height: 8px; } 
.main-sdBox .swiper-pagination .swiper-pagination-bullet-active { background: #d50057; opacity: 1; } 

.main__con02--bnr { margin: 0 auto; width: 90%; } 
#main-counter-ingang, #main-counter-academy { display: flex; align-items: center; background: rgba(0, 0, 0, 0.3); width: 12%; justify-content: center; border-radius: 50px; padding: 1% 0; font-size: 12px; position: absolute; top: 71%; right: 8%; color: #fff; letter-spacing: 2px; }
#main-counter-ingang p, #main-counter-academy p { letter-spacing: 2px; }
#main-counter-ingang .current, #main-counter-academy .current { font-weight: bold; }

.section__col01 { display: grid; grid-template-columns: 4fr 2fr; margin: 0 auto 3%; width: 92%; align-items: center; } 
.section__col01 h3 { font-size: 1.4rem; display: flex; align-items: center; } 
.section__col01 a { color: #949494; font-size: 13px; } 
.section__col02 .sub__text { width: 90%; margin: 0 auto 10px; font-size: 13px; } 

.main__con03 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/2025/con03_h_icon.png) 0 0 /
contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 
.ingang-wrap .main__con03 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/ingang/2025/ingang_con03_h_icon.png)
0 0 / contain no-repeat; }

.main__con .section__col01 a.more-link { position: relative; text-align: right; margin-right: 13px; } 
.main__con a.more-link::after { position: absolute; right: -10%; top: 28.6%; content: ""; width: 6px; height: 6px; border-top: 1px solid #949494; border-right: 1px solid #949494; transform: rotate(45deg); } 

.section03__col02 .section03__col02--tab { width: 90%; margin: 0 auto; display: flex; align-items: center; border: 1px solid #d50057; border-radius: 10px; box-sizing: border-box; overflow: unset; } 
.section03__col02 .section03__col02--tab li { width: calc(100% / 2); } 
.section03__col02 .section03__col02--tab li a { text-align: center; padding: 7% 0; color: #303030; font-weight: bold; position: relative; display: block; } 
.section03__col02 .section03__col02--tab li.on a { color: #fff; background: #d50057; box-shadow: 3px 3px 15px 0 rgba(213, 0, 87, 0.25); position: relative; border-radius: 10px; } 

.section03__col02
.section03__col02--tab
li:not(.on):not(:last-of-type)
a::after { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 50%; background: #cdcdcd; content: ""; } 

.section03__col02__subTitle { border-bottom: 1px solid #cdcdcd; padding: 5% 0 3%; width: 90%; margin: 0 auto; } 
.ingang-wrap .section03__col02__subTitle p { background: rgba(243, 245, 249, 0.5); padding: 3% 2%; border-radius: 10px; } 
.section03__col02__subTitle p { display: flex; align-items: center; } 
.section03__col02__subTitle p span { color: #d50057; } 
.section03__col02__subTitle p::before { content: ""; display: inline-block; background: url(//cdn.hackersut.com/m/img/main/2025/img_checkbox.png) 0 0 /
contain no-repeat; width: 33px; height: 20px; } 

.main__con03__select-box { margin: 0 auto 5%; margin-left: 5%; } 

.select-group { margin: 5% auto 3%; display: grid; align-items: center; grid-template-columns: 1fr 4fr; } 

.main__con03__select-box .select-title { width: 70px; } 
.select-list { display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } 
/* Chrome, Safari, Opera */
.select-list::-webkit-scrollbar { display: none; } 
/* Firefox */
.select-list { scrollbar-width: none; } 
/* IE, Edge */
.select-list { -ms-overflow-style: none; } 
.select-list li { flex: 0 0 auto; } 
.select-list li button { border: 1px solid #ddd; border-radius: 25px; padding: 6px 16px; font-size: 14px; background: #fff; color: #555; cursor: pointer; transition: all 0.2s; white-space: nowrap; display: block; box-sizing: border-box; width: 100%; text-align: center; } 
.select-list li button.active { background: #ffe5ee; border-color: #ff2d72; color: #ff2d72; } 
.select-list li:last-of-type { margin-right: 10%; } 

.select-list li input[type="radio"] { display: none; } 
.select-list li input[type="checkbox"] { display: none; } 
.select-list li input + label { border: 1px solid #ddd; border-radius: 25px; padding: 6px 16px; font-size: 14px; background: #fff; color: #555; cursor: pointer; transition: all 0.2s; white-space: nowrap; display: block; box-sizing: border-box; width: 100%; text-align: center; } 
.select-list li input:checked + label { background: #ffe5ee; border-color: #ff2d72; color: #ff2d72; } 

.main__con03__select-box .bx-wrapper { background: none; border: 0; box-shadow: none; margin: 0; padding: 0; } 
.main__con03__select-box .select-list li { display: inline-block; text-align: center; } 

.main__con03__select-group { display: grid; align-items: center; grid-template-columns: 1fr 4fr; } 
.main__con03__select-group .select-title { width: 70px; } 

.section03__col02 .section03_tab1--tabContent { width: 95%; margin-left: 5%; margin-right: unset; } 
.section03__col02 .section03_tab1--tabContent .swiper-slide img { border-radius: 20px; } 
.section03_tab1--tabContent.swiper-horizontal > .con03__swiper-scrollbar { width: 100%; margin: 0 auto; height: 2px; position: unset; margin-top: 5%; } 
.section03_tab1--tabContent .swiper-scrollbar-drag { height: 2px; background: #303030; } 
.section03_tab1--tabContent .con03__swiper-scrollbar { height: 2px; background: #f4f6f7; } 
.ingang-wrap .section03__col02 .slider-title { color: #666666; margin-top: 10px; font-size: 1.1rem; width: 100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.section03__col02 .no-results { text-align: center; width: 100%; padding: 10% 0; color: #888; font-size: 14px; box-sizing: border-box; margin-right: 5%; } 

.ingang-main__con04 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/ingang/2025/ingang_con04_h_icon.png)
0 0 / contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 
.ingang-main__con04 ul { margin: 0 auto; } 
.ingang-main__con04-list { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f4f6f7; padding: 5% 0; } 
.ingang-main__con04-list:last-of-type { border-bottom: 1px solid #f4f6f7; } 
.ingang-main__con04__left { width: 50%; } 
.ingang-main__con04__left > a { display: block; position: relative; } 
.ingang-main__con04__left > a::before { display: block; position: absolute; bottom: -13%; left: 0; content: ""; background: url(https://cdn.hackersut.com/ingang/images/main_free_lec/play_btn.png)
0 0 / contain no-repeat; width: 40px; height: 40px; } 
.ingang-main__con04__left img { border-radius: 10px 10px 10px 0; } 
.ingang-main__con04__right { width: 45%; margin-left: 5%; } 
.ingang-main__con04__right p { font-size: 1rem; } 
.ingang-main__con04__right p:last-of-type { font-size: 0.9rem; display: flex; align-items: center; color: #d50057; margin-top: 10px; } 
.ingang-main__con04__right p:last-of-type::before { background: url(//cdn.hackersut.com/m/img/main/ingang/2025/ic_person.png) 0 0 /
contain no-repeat; display: inline-block; width: 15px; height: 15px; content: ""; margin-right: 5px; } 

.main__con04 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/2025/con04_h_icon.png) 0 0 /
contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 
.main__con04 .section__col02 { margin: 0 auto; width: 100%; background: #f8f8f8; border-radius: 50px 0 0 50px; margin-left: 5%; padding: 5% 0; } 
.main__con04 .section__col02 .list { width: 95%; } 
.main__con04 .section__col02 .list li { margin-bottom: 10%; display: flex; width: 100%; align-items: flex-start; position: relative; } 
.main__con04 .section__col02 .list li .con04--dot { position: relative; display: block; } 
.main__con04 .section__col02 .list li .con04--dot::before { background: url("//cdn.hackersut.com/m/img/main/2025/con04_dot.png") 0 0 /
contain no-repeat; width: 20px; height: 20px; content: ""; display: block; } 
.main__con04 .section__col02 .list li .con04--dot::after { position: absolute; width: 2px; height: 177%; background: #e2e2e2; content: ""; left: 50%; top: 95%; transform: translateX(-50%); } 
/* .main__con04 .section__col02 .list li::after { position: absolute; width: 2px; height: 91%; background: #E2E2E2; content: ''; left: 2.8%; top: 47%; } */
.main__con04 .section__col02 .list li a { color: #303030; display: flex; justify-content: space-between; align-items: center; width: 100%; } 

.main__con04 .section__col02 .list li.hidden { display: none; } 

.main__con04 .section__col02 .calendar-text-wrap { width: 70%; margin-left: 2%; } 
.main__con04 .section__col02 .calendar-text-wrap h3 { font-size: 1rem; word-break: keep-all; } 
.main__con04 .section__col02 .calendar-text-wrap span { font-size: 0.9rem; } 

.main__con04 .section__col02 .list li a button { background: #d50057; color: #fff; border-radius: 25px; padding: 2% 0; width: 27%; font-size: 0.9rem; } 
.con04-toggle-btn { background: #ddd; color: #222; padding: 5px 20px; border-radius: 5px; } 

.main__con05 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/2025/con05_h_icon.png) 0 0 /
contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 
.main__con05 .section__col02 { margin: 0 auto; width: 90%; } 
.main__con05 .section__col02 .swiper-slide { border-radius: 30px; overflow: hidden; } 

.main__con06 { background: url("//cdn.hackersut.com/m/img/main/2025/con06.png") center 0 /
contain no-repeat; position: relative; } 
.main__con06 .bg1 { width: 30px; height: 30px; background: #eaf3ff; border-radius: 50%; position: absolute; top: -10%; z-index: 2; left: 70%; } 
.main__con06 .bg2 { width: 10px; height: 10px; background: #9ac9ff; border-radius: 50%; position: absolute; left: 82%; z-index: 2; top: -15%; } 
.main__con06 .bg { background: linear-gradient(
90deg,
rgba(229, 241, 255, 1) 0%,
rgba(229, 241, 255, 1) 26%,
rgba(216, 234, 255, 1) 100%
); } 
.main__con06 .section__col02 { display: flex; width: 90%; align-items: center; margin: 0 auto; justify-content: space-between; } 
.main__con06 .section__col02 a { width: calc(100% / 4 - 2%); display: block; margin: 8% 0; } 

.main__con07 { margin: 10% 0; } 
.main__con07 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/2025/con07_h_icon.png) 0 0 /
contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 
.main__con07 .section__col03 { width: 90%; margin: 3% auto 0; } 
.con07__slide a { margin-bottom: 6%; display: block; border-radius: 10px; overflow: hidden; } 
.con07--slide > .con07__swiper-scrollbar { width: 100%; margin: 0 auto; height: 2px; position: unset; margin-top: 5%; height: 2px; background: #f4f6f7; } 
.con07--slide .swiper-scrollbar-drag { height: 2px; background: #303030; } 

.main__con07--line { width: 100%; height: 20px; background: #f4f6f7; } 

.main__con08 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/2025/con08_h_icon.png) 0 0 /
contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 

.con08__slide a { display: block; border-radius: 10px; overflow: hidden; } 
.con08--slide > .con08__swiper-scrollbar { width: 100%; margin: 0 auto; height: 2px; position: unset; margin-top: 5%; height: 2px; background: #f4f6f7; } 
.con08--slide .swiper-scrollbar-drag { height: 2px; background: #303030; } 
.con08__slide p { font-size: 11px; margin: 3% 0 2%; color: #333; } 

.main__con09 .sd-box { position: absolute; top: 67%; left: 50%; transform: translateX(-50%); width: 80%; margin: 0 auto; } 
.main__con09 .sd-box .bx-wrapper .bx-viewport { overflow: visible !important; } 
.main__con09 .bx-wrapper .bx-viewport .bxslider li { text-align: center; } 
.main__con09 .bx-wrapper .bx-viewport .bxslider li img { border-radius: 20px; overflow: hidden; width: 100%; } 
.main__con09 .bx-wrapper .bx-viewport .bxslider li p { font-weight: bold; margin-top: 10px; font-size: 1.1rem; } 
.main__con09 .bx-wrapper .bx-pager { bottom: 26%; } 
.main__con09 .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(48, 48, 48, 0.2); } 
.main__con09 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #d50057; } 

.main__con10 { background: #f8eff0; padding-bottom: 30%; } 
.main__con10 .section__col01 { border-top: 1px solid #cdcdcd; padding-top: 7%; } 
.main__con10 .section__col01 h3::after { background: url(//cdn.hackersut.com/m/img/main/2025/con10_h_icon.png) 0 0 /
contain no-repeat; display: inline-block; width: 24px; height: 24px; content: ""; margin-left: 5px; } 
.main__con10 .section__col02 { width: 90%; margin: 0 auto; } 
.main--con10__title { display: grid; grid-template-columns: 0.8fr 1.4fr 2fr; margin-bottom: 3%; } 
.main--con10__title p:nth-of-type(1) { display: flex; align-items: center; } 
.main--con10__title p:nth-of-type(1)::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background: #949494; display: inline-block; margin-right: 5px; } 
.main--con10__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%; } 

.main--con10__title p:nth-of-type(3) { display: flex; align-items: center; } 
.main--con10__title p:nth-of-type(3)::before { width: 1px; height: 90%; background: #cdcdcd; content: ""; display: inline-block; margin-right: 5%; } 

.main__con10 .line-bnr { margin-bottom: 5%; position: relative; } 
.main__con10 .line-bnr .con10__btn { position: absolute; display: flex; justify-content: space-between; width: 55%; height: 100%; top: 0; left: 43%; } 
.main__con10 .line-bnr .con10__btn a { width: calc(100% / 3); height: 100%; display: block; } 

#bottom__menu { display: block; position: fixed; bottom: 0; width: 100%; z-index: 99; box-shadow: 0px -4px 10px 0 rgba(0, 0, 0, 0.08); } 
#bottom__menu > div { display: flex; background-color: #fff; } 
#bottom__menu a { flex: 1; padding: 3% 2%; font-size: 3.3vw; text-align: center; display: block; color: #303030; position: relative; } 
#bottom__menu a:nth-of-type(1)::before { background: url(//cdn.hackersut.com/m/img/main/2025/ic_home.png) center 80% /
150% no-repeat; content: ""; display: block; width: 30px; height: 30px; margin: 0 auto; } 
#bottom__menu a:nth-of-type(2)::before { background: url(//cdn.hackersut.com/m/img/main/2025/ic_closeup.png) center 80% /
150% no-repeat; content: ""; display: block; width: 30px; height: 30px; margin: 0 auto; } 
#bottom__menu a:nth-of-type(3)::before { background: url(//cdn.hackersut.com/m/img/main/2025/ic_talk.png) center 80% /
150% no-repeat; content: ""; display: block; width: 30px; height: 30px; margin: 0 auto; } 
#bottom__menu a:nth-of-type(4)::before { background: url(//cdn.hackersut.com/m/img/main/2025/ic_my.png) center 80% /
150% no-repeat; content: ""; display: block; width: 30px; height: 30px; margin: 0 auto; } 
#bottom__menu a:nth-of-type(3)::after { background: url(//cdn.hackersut.com/m/img/main/2025/flag.png) center 0 /
contain no-repeat; content: ""; display: block; width: 100%; height: 50%; position: absolute; top: -21%; left: 50%; transform: translateX(-50%); } 

#bottom__menu a.on::before { background-position-y: -6px; } 
#bottom__menu a.on { font-weight: bold; } 

/* ?��?��?�배?? */
.dundun{width: 18vw; max-width: 80px; position: fixed; top: 46%; right: 1%; z-index: 2;}
.dundun .close{padding: 1% 8%; position: absolute; top: -7px; right: 0; text-align: center; font-size: 0.85rem; color: #fff; background: #000; border-radius: 50px;}

@media screen and (min-width: 750px){
.main-sdBox .swiper-slide { width: 632px; } 
.main__con04 .section__col02 .list li a button { border-radius: 50px; } 
}