/* PC */
.wrap {margin:0 auto;}
.wrap section {position:relative;}
.wrap .inner_1680 {width:100%; max-width:168rem; margin:0 auto; padding:0 12rem;} /* 전체 1680 = 내용 1440 + 좌우 120 */
.point_pink {color:#FF466E;}
.point_blue {color:#1447E6;}
.point_blue02 {color:#155DFC;}
.point_red {color:#DE4B55;}
.point_orange {color:#EE7A3C;}
.font_en {font-family:"Blinker", "Pretendard Variable", sans-serif;}
html:has(.popup.is-active) {overflow:hidden;}
/* 팝업으로 본문 고정 시 사라진 스크롤바 자리까지 섹션 배경만 늘려 띠가 안 보이게 함 (내용 위치는 그대로) */
.is-popup-open .wrap > *:not(.popup) {margin-right:calc(var(--scrollbar-w, 0px) * -1); padding-right:var(--scrollbar-w, 0px);}
.is-popup-open .wrap > .header {width:calc(100% + var(--scrollbar-w, 0px));}

/* header */
.header {position:sticky; top:0; left:0; width:100%; z-index:999; border-bottom:1px solid #ECE5DE; background-color:#FFFFFF;}
.header .inner_1680 {display:flex; align-items:center; gap:4rem; height:9.2rem;}
.header .header_logo {display:block; flex-shrink:0; width:19.2rem; height:4.3rem;}
.header .header_logo img {object-fit:contain; object-position:left center;}
.header .header_nav {flex:1; display:flex; justify-content:flex-end; gap:4rem;}
.header .header_nav a {padding:1.6rem 0; color:#1A1A1A; font-size:1.4rem; font-weight:600; line-height:1.6; letter-spacing:-.025em; transition:color .2s;}
.header .header_nav a:hover,
.header .header_nav a.active {color:#DE4B55;}
.header .header_actions {display:flex; align-items:center; gap:.8rem;}
.header .header_briefing,
.header .header_apply {display:inline-flex; align-items:center; justify-content:center; padding:.8rem 2rem; border:1px solid #ECE5DE; background-color:#FFFFFF; color:#1A1A1A; font-size:1.6rem; font-weight:600; line-height:1.6; letter-spacing:-.025em; white-space:nowrap;}
.header .header_briefing {min-height:4.3rem;}
.header .header_apply {min-height:4.4rem; border-color:#DE4B55; background-color:#DE4B55; color:#FFFFFF;}
.header .header_briefing:hover {border-color:#DE4B55;}
.header .header_apply:hover {border-color:#C23440; background-color:#C23440;}
.header .header_toggle,
.header .header_toggle .ico_close,
.header .header_mobile_nav {display:none;}

/* footer */
.footer {padding:4.8rem 0 4rem; background-color:#FFFFFF;}
.footer .footer_main {display:flex; align-items:center; justify-content:space-between; gap:4rem;}
.footer .footer_logo {display:block; flex-shrink:0; width:19.2rem; height:4.3rem;}
.footer .footer_logo img {object-fit:contain; object-position:left center;}
.footer .footer_contact {display:flex; align-items:center; gap:1.4rem;}
.footer .footer_mysuni {width:10.4rem; height:4rem;}
.footer .footer_mysuni img {object-fit:contain; object-position:left center;}
.footer .footer_mail {color:#DE4B55; font-size:1.8rem; line-height:2.7rem; letter-spacing:-.02em;}
.footer .footer_bottom {margin-top:3.2rem; padding-top:2rem; border-top:1px solid #ECE5DE;}
.footer .footer_copy {color:#8A847D; font-size:1.2rem; line-height:2rem; letter-spacing:-.02em;}

/* popup */
.popup {position:fixed; top:0; left:0; z-index:1000; display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:2rem; visibility:hidden; opacity:0; transition:opacity .25s ease, visibility .25s ease;}
.popup.is-active {visibility:visible; opacity:1;}
.popup .popup_dim {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
.popup .popup_inner {position:relative; width:100%; max-width:48rem; max-height:calc(100% - 4rem); overflow-y:auto; padding:4.8rem 2rem 2.4rem; border-radius:.3rem; background-color:#FFFFFF; box-shadow:0 .8rem 1.2rem rgba(0,0,0,.1); transform:translateY(2rem); transition:transform .25s ease;}
.popup.is-active .popup_inner {transform:translateY(0);}
.popup .btn_popup_close {position:absolute; top:1.6rem; right:2rem; width:2.4rem; height:2.4rem;}
.popup .btn_popup_close:before,
.popup .btn_popup_close:after {content:''; position:absolute; top:50%; left:50%; width:1.7rem; height:.2rem; border-radius:.1rem; background-color:#030712;}
.popup .btn_popup_close:before {transform:translate(-50%,-50%) rotate(45deg);}
.popup .btn_popup_close:after {transform:translate(-50%,-50%) rotate(-45deg);}
.popup .btn_popup_close:focus-visible {outline:.2rem solid #DE4B55; outline-offset:.2rem;}
.popup .popup_content {text-align:center; word-break:keep-all;}
.popup .popup_eyebrow {display:block; padding-bottom:1.2rem; color:#DE4B55; font-size:1.6rem; font-weight:700; line-height:2rem; letter-spacing:-.02em;}
.popup .popup_title {padding-bottom:1.2rem; color:#030712; font-size:2.4rem; font-weight:600; line-height:1.3; letter-spacing:-.025em;}
.popup .popup_txt {color:#5F5A55; font-size:1.6rem; line-height:1.6; letter-spacing:-.025em;}
.popup .popup_facts {margin-top:2.4rem; padding:1.2rem 0; border-top:1px solid #ECE5DE; border-bottom:1px solid #ECE5DE; text-align:left;}
.popup .popup_facts > li {display:flex; gap:1.2rem; padding:.8rem 0; font-size:1.6rem; line-height:1.6; letter-spacing:-.025em;}
.popup .popup_facts + .popup_txt {margin-top:2rem;}
.popup .popup_facts .fact_label {flex-shrink:0; width:8rem; color:#8A847D;}
.popup .popup_facts .fact_value {color:#1A1A1A;}
.popup .popup_note {margin-top:2rem; padding:1.2rem; border-radius:.3rem; background-color:#FAF5F0; color:#5F5A55; font-size:1.5rem; line-height:2.4rem;}
.popup .popup_facts + .popup_note {margin-top:2.4rem;}
.popup .btn_popup_confirm {display:block; width:100%; box-sizing:border-box; margin-top:3.2rem; padding:1.6rem 4rem; border-radius:.3rem; background-color:#DE4B55; color:#FFFFFF; font-size:2rem; font-weight:600; line-height:1.6; letter-spacing:-.025em;}

/* MOBILE */
/* SIZE 440 기준 */
@media all and (max-width:768px) {
	.wrap .inner_1680 {max-width:100%; padding:0 2rem;}

	/* header */
	.header .inner_1680 {gap:.4rem; height:6.8rem; padding:0 1rem;}
	.header .header_logo {width:10.6rem; height:2.4rem; margin-right:auto;}
	.header .header_nav {display:none;}
	.header .header_actions {gap:.4rem;}
	.header .header_briefing,
	.header .header_apply {min-height:4.4rem; padding:.8rem .5rem; border-radius:.3rem; font-size:1.4rem; font-weight:700; line-height:2.1rem; letter-spacing:0;}
	.header .header_toggle {display:flex; align-items:center; justify-content:center; width:3.6rem; height:4.4rem; padding:0;}
	.header .header_toggle .img_box {width:2.2rem;}
	.header .header_mobile_nav {position:absolute; top:100%; left:0; width:100%; max-height:0; padding:2.9rem 2rem; overflow:hidden; background-color:#FFFFFF; transition:max-height .3s ease;}
	.header .header_mobile_nav nav {display:flex; flex-direction:column; border-top:1px solid #ECE5DE;}
	.header .header_mobile_nav nav a {padding:1.6rem 0; border-bottom:1px solid #ECE5DE; color:#1A1A1A; font-size:1.8rem; font-weight:700; line-height:1.6; letter-spacing:-.025em;}
	.header .header_mobile_nav nav a.active {color:#DE4B55;}
	.header.is-active .header_mobile_nav {display:block; height:100dvh; max-height:initial;}
	.header.is-active .header_toggle .ico_hamburger {display:none;}
	.header.is-active .header_toggle .ico_close {display:block;}
	html:has(.header.is-active .header_mobile_nav[backdrop]) {overflow:hidden;}
	html:has(.header.is-active .header_mobile_nav[backdrop]) body {height:auto !important;}

	/* footer */
	.footer {padding:3.2rem 0 2.8rem;}
	.footer .footer_main {flex-direction:column; align-items:stretch; gap:2rem;}
	.footer .footer_logo {width:14.4rem; height:3.3rem;}
	.footer .footer_contact {justify-content:space-between;}
	.footer .footer_bottom {position:relative; margin-top:2.4rem; padding-top:2.1rem; border-top:0;}
	.footer .footer_bottom:before {content:''; position:absolute; top:0; left:2rem; right:2rem; border-top:1px solid #ECE5DE;}
}