@charset "UTF-8";

html {scroll-behavior:smooth;}

html,
body {width:100%; min-width:320px; min-height:100vh;}
body {overflow-x:hidden; font-size:1rem; color:#222; font-weight:400; letter-spacing:-0.5px; -webkit-text-size-adjust:none; line-height:1.5; box-sizing:border-box;}
address, article, aside, blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, footer, form,h1, h2, h3, h4, h5, h6, header, html, input, legend, nav, ol, ul, li, p, section, select, td, textarea, th {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
*, *::before, *::after {margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
a, a:hover, a:focus, a:active {font-family:inherit; text-decoration:none; color:inherit;}
hr {display:none;}
ol, ul, li {list-style:none;}
fieldset {min-inline-size:100%;}
address, em, i {font-style:normal;}
table {width: 100%; border-collapse:collapse; border-spacing:0;}
table caption {width:0; height:0; visibility:hidden; text-indent:-999.9rem; font-size:0; line-height:0;}
input, select, textarea {vertical-align:middle; resize:none;}
input:focus {border:none; background-color:transparent; outline:none;  box-shadow:none;}
input:-webkit-autofill {box-shadow:0 0 0 1000px white inset !important; -webkit-text-fill-color:#000 !important; transition:background-color 9999s ease-out;}
input [type=button], input [type=email], input [type=number], input [type=search], input [type=submit], input [type=tel], input [type=text], input [type=url], textarea {-webkit-appearance:none; border-radius:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
svg {vertical-align:top;}
img {vertical-align:top; border:0; max-width:100%;}
button {background:none; border:0; cursor:pointer;}
figure {margin-bottom:0;}
button, input [type=button] {outline:0;}
button::-moz-focus-inner {border:0;}
label {cursor:pointer;}

.blind {position:absolute; clip:rect(0 0 0 0); width:0; height:0; color:transparent; overflow:hidden;}
.dim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#000;	opacity:.6; z-index:8;}
.scroll-lock {overflow:hidden; height:100vh;}

/* hide */
#wrap .tpl-hide {display:none;}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:100;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Thin.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Thin.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:200;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-ExtraLight.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-ExtraLight.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:300;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Light.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Light.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:400;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Regular.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:500;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Medium.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:600;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-SemiBold.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:700;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Bold.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Bold.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:800;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-ExtraBold.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-ExtraBold.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:900;
	src:url(https://public.univjob.co.kr/fonts/pretendard/Pretendard-Black.woff2) format("woff2"),url(../fonts/pretendard/Pretendard-Black.woff) format("woff")
}

:root {
  --gutter:20px;
  --container-max:1200px;
}

.header-top,
.header-nav,
.visual-cont,
.service-inner {width:min(100% - var(--gutter)*2,var(--container-max)); margin:0 auto;}

.header {position:sticky; top:0; padding:1.5625rem 0 0.875rem 0; border-bottom:1px solid #e3e3e3; background:#fff; box-shadow:0 0.3125rem 0.625rem rgba(0, 0, 0, 0.05); z-index:100;}
.header-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:0.75rem;}
.header-top .logo {text-align:left;}
.header-top .pc {width:16.125rem;}
.header-nav .user-actions {position:absolute; top:-3.125rem; right:0;}
.header-nav .user-actions .item {position:relative;}
.header-nav .user-actions .item:not(:first-child) {padding-left:0.8125rem; margin-left:0.5625rem;}
.header-nav .user-actions .item:not(:first-child):before {content:""; position:absolute; left:0; top:50%; transform:translateY(calc(-50% + 0.0625rem)); width:0.0625rem; height:0.875rem; background-color:#e3e3e3;}
.header-nav .user-actions a,
.header-nav .user-actions button {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#888; font-weight:500;}
.header-nav .user-actions .scrap:before {content:""; position:relative; top:0.0625rem; display:inline-block; width:1rem; height:0.875rem; margin-right:0.1875rem; background-image:url("../img/login/icon_scrap_1.svg"); background-repeat:no-repeat; background-position:center; background-size:contain;}
.header-nav .user-actions .btn-apply {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#fff; font-weight:600; width:5.5rem; padding:0.5rem 0; background-color:#ffaa5a; border-radius:0.1875rem; line-height:1;}
.header-nav .user-actions .btn-apply span {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

.header-nav {position:relative; background:#fff;}
.header-nav .gnb ul {display:flex; align-items:center; justify-content:space-between; gap:1.25rem;}
.header-nav .gnb li a {position:relative; display:block; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1.25rem; color:#555; font-weight:500; padding:1rem 0; transition:color .2s; white-space:nowrap;}
.header-nav .gnb li a em {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight:600;}
.header-nav .gnb li:nth-of-type(1) a,
.header-nav .gnb li:nth-of-type(2) a,
.header-nav .gnb li:nth-of-type(3) a {color:#222;}
.header-nav .gnb li a::after{content:""; position:absolute; left:0; right:0; bottom:-0.9375rem; height:0.25rem; background:#5aafff; transform:scaleX(0); transition:transform .2s;}
.header-nav .gnb li a:hover,
.header-nav .gnb li.active a {color:#4ca7f6; }
.header-nav .gnb li a:hover::after,
.header-nav .gnb li.active a::after {transform:scaleX(1);}

/* 햄버거 버튼(모바일) */
.hamburger-menu {
	position:absolute;
    height:18px;
    width:22px;
    top:50%;
    right:1.25rem;
	transform:translateY(-50%);
    z-index:1001;
    flex-direction:column;
    justify-content:space-between;
    display:none
}
.outerHamburger {display:none;}
.hamburger-menu .line {
    display:block;
    height:2px;
    width:100%;
    border-radius:10px;
    background:#a0a0a0;
}
.hamburger-menu .line1 {
    transform-origin:0% 0%;
    transition:transform .4s ease-in-out;
}
.hamburger-menu .line2 {
    transition:transform .2s ease-in-out;
}
.hamburger-menu .line3 {
    transform-origin:0% 100%;
    transition:transform .4s ease-in-out;
}
.hamburger-menu.on .line1 {
    transform:rotate(45deg) translate(-1px,-1px);
}
.hamburger-menu.on .line2 {
    transform:scaleY(0);
}
.hamburger-menu.on .line3 {
    transform:rotate(-45deg) translate(2px,-2px);
}

/* 상단 비주얼 영역 */
.visual-section {position:relative; display:flex; align-items:center; color:#fff; /* padding:6rem 0; */ height:27.875rem; background-image:url("../img/login/bg_visual.png"); background-repeat:no-repeat; background-position:center; background-size:cover;}
.visual-cont {position:relative; height:100%; display:inline-flex; flex-direction:column; justify-content:center; padding:1.875rem 0;}
/* .visual-cont {position:relative;} */
.visual-cont:after {content:""; position:absolute; right:2.5rem; bottom:0; display:block; width:50vw;  max-width:35.5625rem; aspect-ratio:569 / 346; background-image:url("../img/login/visual_img.svg"); background-repeat:no-repeat; background-position:center; background-size:contain;}
.visual-cont .main-h2 {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:2.875rem; font-weight:800; text-align:left; margin-bottom:1rem; line-height:1.25;}
.visual-cont .main-h2 em {	display:block; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#fffaab; font-weight:800;}
.visual-desc {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1.25rem; color:#e4f0ff; font-weight:500; text-align:left; letter-spacing:0; z-index:1;}
.visual-cont .btn-apply {position:relative; top:0; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; width:fit-content; height:3.125rem; line-height:1; padding:0 1.75rem 0 1.75rem; color:#5aafff; border:0.125rem solid #fff; background:#fff; border-radius:2rem; margin-top:2rem; transition:background 0.2s;}
.visual-cont .btn-apply span {display:inline-block; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1.125rem; /* transform:translateY(-0.0625rem); */ line-height:1;}
.visual-cont .btn-apply:after {content:""; display:inline-block; width:1.25rem; height:0.875rem; margin-left:0.625rem; background-image:url("../img/login/icon_arrow_1_on.svg"); background-repeat:no-repeat; background-position:center; background-size:contain;}
.visual-cont .btn-apply:hover {color:#fff; background:transparent;}
.visual-cont .btn-apply:hover:after {background-image:url("../img/login/icon_arrow_1.svg");}

/* 서비스 섹션 공통 */
.service-section {padding:4rem 1.5rem;}
.service-inner {display:flex; align-items:center; justify-content:space-between; gap:6.5625rem; padding:0 2.375rem;}
.service-thumb {flex: 1 1 50%; text-align: center;}
.service-thumb img {max-width:100%; height:auto;}
.service-cont {flex: 1 1 50%;}

.main-h3 {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:2.5rem; font-weight:500; text-align:left; margin-bottom:1rem; line-height:1.2; white-space:nowrap;}
.main-h3  em {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#4ca7f6; font-weight:800;}
.service-info {margin-bottom:1.5rem; line-height:1.7;}
.service-info li {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1.375rem; color:#555; font-weight:500; text-align:left; white-space:nowrap; line-height:1.3;}
.service-info li:not(first-child) {margin-top:1.75rem;}
.service-cont .btn-view {display:flex; align-items:center; justify-content:center; width:fit-content; color:#222; font-weight:600; height:2.625rem; line-height:1; padding:0 1.25rem 0 0.625rem; border:0.125rem solid #555; border-radius:3.125rem; transition:background 0.2s;}
.service-cont .btn-view span {display:inline-block; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; transform:translateY(0.0625rem); line-height:1rem;}
.service-cont .btn-view:before {content:""; display:inline-block; width:1.25rem; height:1.25rem; margin-right:0.5rem; background-image:url("../img/login/icon_arrow_2.svg"); background-repeat:no-repeat; background-position:center; background-size:contain; flex-shrink:0;}
.service-cont .btn-view:hover {color:#fff; border-color:#4ca7f6; background:#4ca7f6;}
.service-cont .btn-view:hover:before { background-image:url("../img/login/icon_arrow_2_on.svg");}

/* 두 번째 섹션(취업뽀개기 심화 특강)만 배경색 적용 + 이미지 오른쪽 */
.service-section:nth-of-type(3) {background:#f1f9ff;}
.service-section:nth-of-type(3) .service-inner {flex-direction:row-reverse;}

.footer {font-size:0.9375rem; font-weight:500; color:#888; text-align:center; padding:2.375rem 1.25rem; background-color:#424450;}
.footer address {display:inline;}
.footer address strong {font-weight:600; letter-spacing:0;}
.footer .item {display:inline; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.footer .item:not(:first-child) {margin-left:1.25rem;}
.footer dl,
.footer dt,
.footer dd {display:inline; margin:0; padding:0; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:0.9375rem; font-weight:600; text-align:left; letter-spacing:0;}
.footer dt {white-space:nowrap;}
.footer dd::before {content:": ";}
.footer .contact {margin-top:0.125rem;}
.footer a {font-size:0.9375rem; color:#888; letter-spacing:0;}
.footer .copyright {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:0.875rem; font-weight:400; margin-top:1rem; letter-spacing:0;}

/* 팝업 */
.login-modal {position:fixed; top:0; left:0; overflow-y:auto; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000;}
.modal-inner {position:relative; width:100%; max-width:37.5rem; padding:2.8125rem 4.375rem 3.75rem 4.375rem; margin:0 1.25rem; background:#fff; border-radius:0.5rem; box-shadow:0 0 1rem rgba(0,0,0,0.2);}
.modal-close,
.modal-pwd-close,
.modal-pwd-edit-close {position:absolute; top:1.375rem; right:1.375rem; width:1.0625rem; height:1.0625rem; background-image:url("../img/login/btn_close_1.svg"); background-repeat:no-repeat; background-size:auto; cursor:pointer;}
.modal-title {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:2.25rem; color:#222; font-weight:600; padding-bottom:2.625rem; margin-bottom:1.875rem; border-bottom:0.125rem solid #222; text-align:center;}
.login-form .form-group {margin-bottom:0.625rem;}
.login-form input {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1rem; color:#222; width:100%; padding:0.75rem 01.25rem; border:0.0625rem solid #d6d6d6; border-radius:0; letter-spacing:0;}
.login-form input::placeholder {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:16px; color:#adadad;}
.login-form .btn-login {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1.25rem; color:#fff; font-weight:600; width:100%; padding:0.9375rem 1rem 1.0625rem 1rem; margin-top:0.625rem; background-color:#5aafff;}
.login-actions {display:flex; justify-content:center; gap:0.5rem; margin-top:0.625rem;}
.login-actions .btn-common {flex:1; display:flex; align-items:center; justify-content:center; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#555; font-weight:500; height:2.625rem; line-height:1.2; padding:0 1rem 0 1rem; border:0.0625rem solid #d6d6d6; text-align:center; cursor:pointer;}
.login-form .btn-apply-service {width:100%; background:#4dadf7; color:#fff;}
.login-form .btn-find-pw {flex:1; color:#333; background:#f5f5f5; border:0.0625rem solid #ccc; text-align:center;}
.login-info {margin-top:1.5rem; font-size:0.9375rem; color:#888;}
.login-info li {position:relative; font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; padding-left:0.625rem; text-align:left;}
.login-info li:before {content:""; position:absolute; left:0; top:0.5rem; width:0.3125rem; height:0.3125rem; background-color:#888; border-radius:50%;}
.login-info li em,
.login-info li a {font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#555; font-weight:400; word-break:break-all; letter-spacing:0;}

/* 반응형 */
@media (max-width:1024px) {
	html {
		font-size:0.875rem;
	}
	/*
	.visual-section {
		padding:4rem 1rem;
	}
	*/
	.header-top .pc {
		width:56%;
	}
	/*
	.header-nav {
		display:none;
	}
	*/
	.outerHamburger {
		display:block;
	}
	.hamburger-menu {
		display:flex;
	}
	.visual-section {
		background-image:none;
		background-color:#5aafff;
	}
	.visual-cont:after {
		right:0;
	}
	.visual-cont .btn-apply span {
		transform:translateY(1px);
	}
	/*
	.visual-cont .main-h2 {
		font-size:1.5rem;
	}
	.visual-desc {
		font-size:1rem;
	}
	*/
	.main-h3,
	.service-info li {
		text-align:center;
	}
	.service-inner {
		gap:3.125rem;
	}
	.service-inner,
	.service-section:nth-of-type(3) .service-inner {
		flex-direction:column;
		text-align:center;
	}
	.service-section:nth-of-type(3) .service-inner {
		justify-content:space-between;
	}
	.service-cont,
	.service-thumb {
		flex:1 1 100%;
	  }
	  .footer .item {
		display:block;
		text-align:left;
	  }
	  .footer .item:not(:first-child) {
		margin-left:0;
	  }
	  .footer .copyright {
		text-align:left;
	  }

	/* 모바일 우측 메뉴 */
	.header-nav {
		overflow-y:auto;
		position:fixed;
		top:0;
		right:0;
		display:flex;
		flex-direction:column;
		width:70%;
		height:100vh;
		background:#fff;
		padding:2rem 1.25rem 3.75rem 1.25rem;
		box-shadow:-2px 0 8px rgba(0, 0, 0, 0.1);
		transform:translateX(100%);
		transition:transform 0.3s ease;
		z-index:999;
		opacity:0;
		pointer-events:none; 
	}
	.header-nav.open {
		display:flex;
		transform:translateX(0);
		opacity:1;
		pointer-events:auto;
	}
	.header-nav .user-actions {
		position:static;
		display:flex;
		flex-direction:column;
		gap:1.25rem;
		padding:1.5625rem 1rem 1rem 1rem;
		border-top:1px solid #ddd;
		order:2;
	}
	.header-nav .user-actions .item:not(:first-child) {
		padding:0;
		margin:0;
	}
	.header-nav .user-actions .item:not(:first-child):before {
		display:none;
	}
	.header-nav .user-actions .btn-apply {
		padding:0.8125rem 0 0.8125rem 0;
	}
	.header-nav .gnb ul {
		flex-direction:column;
		align-items:flex-start;
		gap:0;
		padding:1rem;
	}
	.header-nav a,
	.header-nav button {
		display:block;
		width:100%;
		text-align:left;
	}
	.header-nav .gnb li {
		width:100%;
	}
	.header-nav .gnb li a {
		padding:0.75rem 0;
	}
	.header-nav .gnb li:nth-of-type(1) a:hover,
	.header-nav .gnb li:nth-of-type(2) a:hover,
	.header-nav .gnb li:nth-of-type(3) a:hover,
	.header-nav .gnb li.active a {
		color:#222;
	}
	.header-nav .gnb li a:hover {
		color:#555;
	}
	.header-nav .gnb li a:hover::after,
	.header-nav .gnb li.active a::after {
		transform:scaleX(0);
	}
	.header-nav .user-actions .item {
		display:flex;
		align-items:center;
	}
	.header-nav .user-actions .item button,
	.header-nav .user-actions .item a {
		font-size:1.25rem;
	}
	.header-nav .user-actions .item .btn-apply {
		font-size:1rem;
	}
	.header-nav .user-actions a:hover,
	.header-nav .user-actions button:hover {
		color:#888;
	}
	.header-nav .user-actions .scrap:before {
		top:0;
	}
	/*
	.header-nav .user-actions .scrap:before {
		top:-0.0625rem;
	}
	*/
	.header-nav .user-actions .btn-apply {
		width:100%;
		text-align:center;
	}
	.header-nav .user-actions .btn-apply:hover {
		color:#fff;
	}
	.service-cont .btn-view {
		margin:0 auto;
	}
	/*
	.service-cont .btn-view span {
		transform:translateY(0.0625rem);
	}
	*/
}
@media (max-width:768px) {
	.visual-cont {
		justify-content:flex-start;
		padding:2.5rem 1.25rem;
	}
	.visual-cont .main-h2 {
		font-size:2.375rem;
	}
}
@media (max-width:500px) {
	.main-h3 {
		font-size:2.125rem;
	}
	.service-inner {
		padding:0 1.25rem;
	}
	.service-info li {
		font-size:1.375rem;
	}
	.modal-inner {
		padding:2.8125rem 2.5rem 3.75rem 2.5rem;
	}
}
@media (max-width:480px) {
	.header-nav .gnb li a em {
		font-weight:800;
	}
}
@media (max-width:430px) {
	/*
	html {
		font-size:0.75rem;
	}
	*/
	.main-h3 {
		letter-spacing:-0.75px;
	}
	.visual-desc br {
		display:none;
	}
	.service-section {
		padding:4rem 0;
	}
}
@media (max-width:393px) {
	/*
	html {
		font-size:0.6875rem;
	}
	*/
	.main-h3 {
        font-size:1.8125rem;
    }
	.visual-cont .main-h2 {
		font-size:2rem;
	}
	.service-info li {
        font-size:1.1875rem;
    }
}
@media (max-width:360px) {
	/*
	html {
		font-size:0.6875rem;
	}
	*/
	.service-inner {
		width:100%;
	}
	.visual-desc {
		font-size: 0.9375rem;
	}
}
@media (max-width:320px) {
	/*
	html {
		font-size:0.6875rem;
	}
	*/
	.visual-section {
		height:26.25rem;
	}
	.visual-cont .main-h2 {
		font-size:1.75rem;
	}
	.main-h3 {
        font-size:1.5625rem;
    }
	.service-info li {
        font-size:1rem;
    }
	.login-actions .btn-common {
		padding:0.6875rem 0 0.8125rem 0;
	}
	.modal-title {
		padding-bottom:1.5625rem;
	}
	.modal-inner {
		padding:1.5625rem 1.5625rem;
	}
}

/* 모바일/테블릿 가로모드, 노트북 */
@media (min-width:712px) and (max-width:1138px) {
	.visual-cont {
        justify-content:flex-start;
        padding:2.5rem 1.25rem;
    }
	.service-inner {
		padding:0 1.25rem;
	}
}
@media (min-width:712px) and (max-width:1024px) and (orientation:landscape) {
	.header-nav {
		width:40%;
	}
}
@media (min-width:1025px) and (max-width:1440px) and (orientation:portrait) {
	.header-nav {
		width:100%;
		padding:0 1.25rem;
	}
	.header-nav .user-actions {
		right:1.25rem;
	}
	.service-inner {
		padding:0 1.25rem;
	}
}
@media (orientation:landscape) and (max-width:768px) {
	.header-nav {
			width:40%;
	}
	.visual-cont {
        justify-content:flex-start;
        padding:2.5rem 1.25rem;
    }
}