@charset "UTF-8";
@import url("reset.css");

@font-face {
	font-family: 'Pretendard';
	src: url('font/Pretendard-Thin.otf') format('opentype');
	font-weight:300;
}
@font-face {
	font-family: 'Pretendard';
	src: url('font/Pretendard-Light.otf') format('opentype');
	font-weight:400;
}
@font-face {
	font-family: 'Pretendard';
	src: url('font/Pretendard-Regular.otf') format('opentype');
	font-weight:500;
}
@font-face {
	font-family: 'Pretendard';
	src: url('font/Pretendard-Medium.otf') format('opentype');
	font-weight:600;
}
@font-face {
	font-family: 'Pretendard';
	src: url('font/Pretendard-Bold.otf') format('opentype');
	font-weight:700;
}
@font-face {
	font-family: 'Pretendard';
	src: url('font/Pretendard-Black.otf') format('opentype');
	font-weight:900;
}
* {
	box-sizing: border-box;
}
body, input, textarea, button, select, a {
   font-family: 'Pretendard', sans-serif !important;
}
input:focus-visible,
textarea:focus-visible,
button:focus-visible,
select:focus-visible,
a:focus-visible {
	outline: 3px solid red !important;
}
#wrap {
	display: flex;
	flex-direction: column;
	height: 100vh;
}
.material-icons {
	 font-family: 'Material Icons';
	 font-weight: normal;
	 font-style: normal;
	 font-size: 24px;  /* Preferred icon size */
	 display: inline-block;
	 line-height: 1;
	 text-transform: none;
	 letter-spacing: normal;
	 word-wrap: normal;
	 white-space: nowrap;
	 direction: ltr;
	
	 /* Support for all WebKit browsers. */
	 -webkit-font-smoothing: antialiased;
	
	 /* Support for Safari and Chrome. */
	 text-rendering: optimizeLegibility;
	
	 /* Support for Firefox. */
	 -moz-osx-font-smoothing: grayscale;
	
	 /* Support for IE. */
	 font-feature-settings: 'liga';
 }

/* 메인헤더 */
.header {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100px;
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}
.header__contents {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1500px;
	height: 100%;
	padding: 0 20px;
}
.logo {
	width: 135px;
}
.logo__link {
	display: flex;
	width: 100%;
}
.logo__img {
	display: block;
	width: 100%;
}
.nav {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
}
.nav__list {
	display: none;
	height: 100%;
}
.nav__list--pc {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-58%,-50%);
	z-index: 2;
}
.nav__item {
	display: flex;
	height: 100%;
	position: relative;
}
.nav__link {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 20px;
	font-weight: bold;
	padding: 0 21px;
	white-space: nowrap;
	cursor: pointer;
}
.nav__link--running, .nav__link--gitlap {
	cursor: pointer;
}
.nav__sub {
	display: none;
	width: 100%;
	height: 200px;
	position: fixed;
	top: 100px;
	left: 0;
	background: rgba(255,255,255,0.95);
}
.nav__menu {
	display: flex;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-71%,-50%);
}
.nav-submenu {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: calc(100% + 26px);
	left: 0;
	transition: all 0.2s;
	overflow: hidden;
	height: 0;
}
.nav-submenu.on {
	height: 200px;
	overflow: visible;
}
.nav-submenu:hover {
	height: 200px;
}
.nav-submenu__item {
	display: flex;
}
.nav-submenu__link {
	white-space: nowrap;
	font-size: 15px;
	line-height: 1.2;
	padding: 6px 0 6px 15px;
	transition: all 0.3s;
	letter-spacing: -0.5px;
}
.nav-submenu__link:hover {
	color: #3273AB;
}
.nav__link:hover {
	color: #3273AB;
}
.nav__btn {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 26px;
	height: 26px;
	padding: 6px 4px;
	cursor: pointer;
	border: 0;
	background: transparent;
}
.nav__btn-icon {
	display: block;
	width: 100%;
	height: 2px;
	background: #3D3D3D;
	border-radius: 5px;
}
.nav__bg {
	display: block;
	width: 100%;
	height: 0px;
	background: #FFF;
	opacity: 0.95;
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 1;
	transition: all 0.3s;
}
.nav__bg:hover {
	height: 230px;
}
.nav__bg.on {
	height: 200px;
}
.nav-name {
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	background: #5732FB;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.nav-close {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translateY(-50%);
	cursor: pointer;
}
.nav-close__icon {
	width: 100%;
	height: 2px;
	background: #FFF;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.nav-close__icon:last-child {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.login-box {
	display: flex;
	height: 100%;
}
.login-box__list {
	display: flex;
	align-items: center;
}
.login-box__item {
	position: relative;
}
.login-box__item--line::after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background: #8F8F8F;
	position: absolute;
	top: 50%;
	right: -1px;
	transform: translateY(-50%);
}
.login-box__link {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	padding: 0 8px;
	white-space: nowrap;
}
.header-search {
	justify-content: center;
	align-items: center;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
}
.header-search__won {
	display: block;
	width: 14px;
	height: 14px;
	border: 2px solid #3D3D3D;
	border-radius: 50%;
	position: relative;
}
.header-search__bar {
	display: block;
	width: 5px;
	height: 2px;
	background: #3D3D3D;
	border-radius: 10px;
	position: absolute;
	top: 93%;
	left: 93%;
	transform: rotate(45deg);
}
.header-search__close {
	display: none;
	width: 14px;
	height: 14px;
	position: relative;
	cursor: pointer
}
.header-search__close i {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #3D3D3D;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.header-search__close i:last-child {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.header-search__pop {
	display: none;
	position: absolute;
	top: 57px;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	padding: 30px 20px;
}
.header-search__pop label {
	display: block;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 20px;
}
.header-search__input {
	display: grid;
	grid-template-columns: 1fr 74px;
	width: 363px;
	height: 54px;
	background-color: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}
.header-search__input input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 16px;
	font-size: 18px;
	border: 0;
	background-color: #FFFFFF;
	border-radius: 10px;
}
.header-search__input button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 74px;
	height: 100%;
	border-radius: 10px;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #5732FB;
	border: 0;
	cursor: pointer;
}
.black-screen {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
}
.black-screen--header {
	z-index: 8;
}
.black-screen--bg {
	z-index: 9;
}

/* 메인 푸터 */
.footer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 394px;
	background: #19559A;
}
.footer-contents {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1500px;
	height: 100%;
	padding: 60px 20px;
	position: relative;
}
.footer-nav {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.footer-nav__list {
	display: flex;
	align-items: center;
}
.footer-nav__item {
	padding: 0 21px;
}
.footer-nav__item:first-child {
	padding: 0 21px 0 0;
}
.footer-nav__link {
	display: inline-block;
	font-size: 16px;
	color: #FFF;
}
.footer-logo {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 28px;
}
.footer-logo__link {
	display: flex;
	width: 286px;
}
.footer-logo__img {
	display: block;
	width: 100%;
	object-fit: contain;
}
.certification-mark {
	display: block;
	width: 100px;
}
.certification-mark__img {
	display: block;
	width: 100%;
}
.address {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.address__txt {
	font-size: 14px;
	color: #FFF;
	font-weight: 300;
	line-height: 26px;
}
.sns {
	display: flex;
	align-items: center;
	height: 100%;
	margin-left: 10px;
}
.sns__list {
	display: flex;
	align-items: center;
}
.sns__item {
	display: flex;
	width: 25px;
	margin-right: 8px;
}
.sns__item:last-child {
	margin-right: 0;
}
.sns__link {
	display: flex;
	width: 100%;
}
.sns__img {
	display: block;
	width: 100%;
}
.sns__img--mobile {
	display: none;
}

.footer__mobile {
	display: none;
	width: 100%;
	height: 65px;
	background: #FCFCFC;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 8;
}
.mobile__menu {
	width: 100%;
	height: 100%;
	display: flex;
}
.mobile__item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	height: 100%;
	padding: 10px 0;
}
.mobile__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 32px;
	position: relative;
}
.mobile__icon {
	display: block;
	width: 27px;
	height: 27px;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.mobile__icon--on {
	display: none;
}
.mobile__page {
	font-size: 10px;
	font-weight: 600;
	color: #8C8C8C;
}
.mobile__page--focused {
	color: #3A84C4;
}

/* 팝업레이어 스타일 */
.layer_wrap {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 999999;
}
.layer_wrap.on {
	display: block;
}
.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #FFFFFF;
	width: 100%;
	max-width: 588px;
}
.popup__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.popup__tit {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	padding: 16px 20px;
	border-bottom: 1px solid #E0E0E0;
}
.popup__warning {
	display: block;
	font-size: 12px;
	color: #FF3974;
	font-weight: normal;
	margin-left: 10px;
}
.popup__search {
	display: grid;
	grid-template-columns: 1fr 1fr 82px;
	gap: 10px;
	padding: 20px;
}
.popup__search--quarter {
	grid-template-columns: 1fr 1fr 82px 100px;
}
.popup__search--half {
	grid-template-columns: 1fr 82px;
}
.popup__search--send {
	grid-template-columns: 1fr 1fr 1fr 82px;
}
.popup__inputbox {
	display: block;
	width: 100%;
	height: 40px;
}
.popup__input {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #E2E2E2;
	padding: 10px 16px;
	font-size: 16px;
}
.popup__input--file {
	display: none;
}
.popup__input::placeholder {
	color: #666666;
}
.popup__search-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border: 1px solid #E2E2E2;
	font-size: 16px;
	cursor: pointer
}
.popup__btnbox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
}
.popup__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 200px;
	height: 48px;
	font-size: 16px;
	border: 1px solid #ADADAD;
	border-radius: 4px;
	margin-right: 10px;
	cursor: pointer;
}
.popup__btn:last-child {
	margin-right: 0;
}
.popup__btn--blue {
	border: 0;
	background: #5732FB;
	color: #FFFFFF;
}
.popup__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
	padding: 5px 20px;
	max-height: 300px;
    overflow-y: scroll;
}
.popup__item {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
	border-radius: 4px;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.3s;
}
.popup__item:focus {
	outline: 3px solid red;
}
.popup__item.checked {
	border: 1px solid #512EE8;
	background: #451CFD;
	color: #fff;
}
.popup__item--msg {
	font-size: 12px;
}
.popup__name {
	display: flex;
	align-items: center;
}
.popup__desc {
	margin-left: 5px;
}
.popup__area {
	padding: 0 10px;
	margin-left: 10px;
	position: relative;
}
.popup__area::before {
	content: '';
	display: block;
	width: 1px;
	height: 14px;
	background: #E0E0E0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.popup__area.checked::before {
	background: #000000;
}
.popup__empty {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #7B7B7B;
}
.popup__photo {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.popup__imgfile {
	display: block;
	max-width: 320px;
}
/* 트랙선택 팝업 */
.pop-track {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #FFFFFF;
	width: 100%;
	max-width: 700px;
}
.pop-track__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px;
}
.pop-track__tit {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; 
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 17px;
}
.pop-track__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 40px;
}
.pop-track__item {
	display: flex;
	flex-direction: column;
	border: 1px solid #E0E0E0;
	padding: 20px;
}
.pop-track__head {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 23px;
	position: relative;
	margin-bottom: 10px;
}
.pop-track__label {
	display: none;
	justify-content: center;
	align-items: center;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	background: #E2E2E2;
	transition: all 0.3s;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.pop-track__label::after {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #E2E2E2;
	transition: all 0.3s;
}
.pop-track__radio:checked + .pop-track__label {
	border: 1px solid #3A84C4;
	background: #FFFFFF;
}
.pop-track__radio:checked + .pop-track__label::after {
	background: #3A84C4;
}
.pop-track__radio {
	display: inline-block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.pop-track__logo {
	display: block;
	width: 130px;
	height: 45px;
	object-fit: contain;
}
.pop-track__name {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.pop-track__desc {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 1.3;
}
.pop-track__txt {
	display: flex;
}
.pop-track__btnbox {
	display: flex;
	justify-content: center;
	align-items: center;
}
.pop-track__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 48px;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
}
.pop-track__btn--blue {
	border: 0;
	background: #5732FB;
	color: #FFFFFF;
}
.pop-track__btn:first-child {
	margin-left: 0;
}

/* 멘토수당 신청서작성 팝업 */
.pop-pay {
	display: block;
	width: 100%;
	max-width: 700px;
	background-color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 34px;
}
.pop-pay--maxwd {
	max-width: 1200px;
}
.pop-pay__tit {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.pop-pay__subtit {
	font-size: 16px;
	font-weight: 600;
	color: #005197;
	margin-bottom: 10px;
}
.pop-pay__table {
	width: 100%;
	margin-bottom: 20px;
}
.pop-pay__table thead {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.pop-pay__table th {
	font-size: 16px;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
}
.pop-pay__table td {
	font-size: 14px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
	border-bottom: 1px solid #ADADAD;
}
.pop-pay__em {
	font-size: 12px;
	color: #FF3974;	
}
.pop-pay__text {
	text-align: center;
	margin-bottom: 40px;
}
.pop-pay__btnbox {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.pop-pay__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 200px;
	height: 48px;
	border: 0;
	background-color: #5732FB;
	border-radius: 4px;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}
.pop-pay__btn--white {
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
	color: #000000;
}

/* 웹접근성 대체 텍스트 */
.blind {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	margin: -1px;
	overflow: hidden;
}

/* 스킵메뉴 */
#skipMenu > a {
	position: absolute;
	top: -100%;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	padding: 9px 25px;
	border-radius: 2px;
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	transition: 0.3s;
	z-index: 99;
}
#skipMenu > a:focus {
	top: 0;
}

/* 팝업페이징 */
.popup__paging { display: flex; justify-content: center; align-items: center; width: 100%; }
.popup__paging ul { display: flex; align-items: center; justify-content: center; font-size: 16px; color: #828282; }
.popup__paging a { display: flex; justify-content: center; align-items: center; padding: 5px 10px; }
.popup__paging p { display: flex; justify-content: center; align-items: center; padding: 5px 10px; background: #5732FB; color: #FFF; }

.popup__paging { display: flex; justify-content: center; align-items: center; position: relative; padding-top: 20px; }
.popup__paging ul { display: flex; justify-content: center; align-items: center; }
.popup__paging a { display: flex; justify-content: center; align-items: center; width: 35px; min-width: 35px; height: 35px; cursor: pointer; font-size: 14px; transition: all 0.3s; color: #5E5454; }
.popup__paging a:hover { background-color: #ebf3ff; border: 1px solid #0F4697; }
.popup__paging a.first-move { text-indent: -99999px; background-image: url(/images/2023/cms/arrow-left-double.png); background-repeat: no-repeat; background-size: contain; background-position: center; }
.popup__paging a.prev-move { text-indent: -99999px; background-image: url(/images/2023/cms/arrow-left.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 20px; }
.popup__paging a.next-move { text-indent: -99999px; background-image: url(/images/2023/cms/arrow-right.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 20px; }
.popup__paging a.last-move { text-indent: -99999px; background-image: url(/images/2023/cms/arrow-right-double.png); background-repeat: no-repeat; background-size: contain; background-position: center; }
.popup__paging strong { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #1876FB; background: #EBF3FF; color: #1876FB; font-size: 14px; }
.popup__paging .current a { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #0F4697; background: #EBF3FF; color: #0F4697; font-size: 14px; }

@media (max-width: 768px) {
	.popup__paging a { width: 18px; min-width: 18px; height: 18px; font-size: 12px; }
	.popup__paging .current a { width: 18px; min-width: 18px; height: 18px; font-size: 12px; }
	.popup__paging strong { width: 18px; min-width: 18px; height: 18px; font-size: 12px; }
	.popup__paging .prev a { margin-right: 5px; }
	.popup__paging .next a { margin-left: 5px; }
}


@media (max-width: 1300px) {
	.logo { width: 83px; }
	.sns { display: none; }
	.nav__link { font-size: 16px; padding: 0 12px; }
	.nav-submenu__link { font-size: 12px; }
	.login-box__link { font-size: 12px; padding: 0 6px; }
	.nav-submenu { width: 79.31px; }
	.nav__menu { transform: translate(-75%,-50%); }
	.nav__sub { height: 165px; }
}
@media (max-width: 850px) {
	#wrap { padding-top: 50px; }
	.header { height: 50px; }
	.nav { flex-direction: column; position: fixed; top: 0; left: -100%; z-index: 99; width: 100%; height: 100%; padding-top: 50px; background: #FFF; margin-left: 0; justify-content: normal; }
	.nav-name { display: flex; }
	.nav__sub { display: none; }
	.nav__list { flex: 1; flex-direction: column; width: 120px; height: auto; background: #FFF;  }
	.nav__list--pc { display: none; }
	.nav__list--mobile { display: flex; }
	.nav__item { height: auto; position: unset; height: 36px; align-items: center; }
	.nav__link { width: 120px; height: auto; padding: 0 0 0 25px; justify-content: flex-start; font-size: 16px; font-weight: 400; }
	.login-box { flex-direction: column; width: 120px; height: auto; background: #FFF; }
	.login-box__list { flex-direction: column; }
	.login-box__item { width: 100%; }
	.login-box__item--line::after { display: none; }
	.login-box__link { font-size: 12px; font-weight: 400; padding: 0 0 0 25px; margin-bottom: 22px; }
	.nav-submenu { display: none; position: absolute; top: 50px; left: 120px; width: calc(100% - 120px); height: calc(100% - 50px); background: #F7F7F7; padding-top: 9px; }
	.nav-submenu__link { font-size: 14px; padding: 4px 26px; }
	.nav__link--focused { color: #5732FB; border-right: 2px solid #5732FB; }
	.nav__link--focused + .nav-submenu { display: flex; }
	.logo { display: block; width: 83px; }
	.nav__btn { display: flex; }
	.header-search { display: flex; }
	.header-search__pop { width: 100vw; height: calc(100vh - 50px); position: fixed; top: 50px; left: 0; padding: 0; }
	.header-search__pop label { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; }
	.header-search__input { width: 100%; border-radius: 0; padding: 0 16px;}
	.header-search__input input { font-size: 14px; }
	.header-search__input button { width:70px; height:40px; margin-top:7px; font-size: 14px; }
	.footer { height: 318px; background: #575757; padding-bottom: 65px; }
	.footer-contents { padding: 30px 13px; }
	.footer-nav__list { flex-wrap: wrap; }
	.footer-nav__item { padding: 0 10px 10px 0; }
	.footer-nav__item:first-child { padding: 0 10px 10px 0; }
	.footer-nav__link { font-size: 10px; }
	.footer-nav { margin-bottom: 15px; }
	.footer-logo { margin-bottom: 7px; }
	.footer-logo__link { width: 111px; }
	.certification-mark { width: 45px; }
	.address__txt { font-size: 9px; line-height: 13px; }
	.address__txt:last-child { margin-top: 9px; }
	.sns { display: flex; justify-content: center; margin-bottom: 22px; margin-left: 0; }
	.sns__item { width: 20px; margin-right: 7px; }
	.sns__img { display: none; }
	.sns__img--mobile { display: block; }
	.footer__mobile { display: block; }
	
	.popup { width: calc(100% - 30px); border-radius: 10px; }
	.popup__inner { padding: 20px; }
	.popup__tit { font-size: 17px; justify-content: center; padding: 5px; border-bottom: 0; }
	.popup__search { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
	.popup__inputbox { height: 48px; }
	.popup__input { border: 0; border-radius: 10px; background: #F5F5F5; font-size: 15px; padding: 15px; }
	.popup__search-btn { height: 48px; border-radius: 10px; font-size: 14px; }
	.popup__list { padding: 0; max-height: 130px; }
	.popup__item { font-size: 14px; padding: 9px; }
	.popup__item--msg { font-size: 11px; white-space: nowrap; }
	.popup__area::before { height: 11px; }
	.popup__btn { font-size: 14px; height: 40px; }
	.popup__imgfile  { max-width: 220px; }
	
	.pop-track { width: 94%; }
	.pop-track__list { grid-template-columns: 1fr; gap: 10px; max-height: 300px; overflow-y: scroll; }
	.pop-track__btn { width: 100%; height: 40px; }
	
	.pop-pay { width: 94%; padding: 15px; }
	.pop-pay__tit { font-size: 16px; margin-bottom: 15px; }
	.pop-pay__subtit { font-size: 14px; margin-bottom: 5px; }
	.pop-pay__table th { font-size: 12px; padding: 5px; }
	.pop-pay__table td { font-size: 11px; padding: 5px; }
	.pop-pay__text { font-size: 14px; margin-bottom: 20px; }
	
	.popup__paging { margin-bottom: 30px; }
	.popup__paging ul { font-size: 12px; }
	.popup__paging a { padding: 3px 6px; }
	.popup__paging p { padding: 3px 6px; }
}

.layer_wrap_mentor_application.on { width: 100%; height: 100%; background: rgba(0, 0, 0, .8); position: fixed; left: 0; top: 0; z-index: 999999; overflow: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000');
}    
.iotalk-btn-wrap {
	position: fixed;
	right: 15px;
	bottom: 15px;
  	padding : 10px;
  	z-index:999;
}

.iotalk-btn-wrap .iotalk-btn {
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius: 50% !important;
	background: #5A5EB9;
	width: 80px;
	height: 80px;
	box-shadow: rgba(0, 0, 0, 0.08) 0 4px 12px 0px, rgba(0, 0, 0, 0.01) 0 0 0 1px;
	cursor: pointer;
	text-align: center;
	margin-right: 6px;
	background: url( "/img/btn_chatbot.png" );
	background-position: center center;
    background-size: contain;
    border: 0;
}

.iotalk-btn-wrap .iotalk-btn img {
	width: 68%;
	height:68%;
	display: inline-block;
	-ms-interpolation-mode: bicubic;
	object-position: -32px -28px;
	object-fit:none;
}
.iotalk-chat-wrap {
	position: fixed !important;
	left: -360px;
	width: 360px !important;
	min-height: 380px !important;
	max-height: 684px !important;
	height: 100% !important;
	background: #fff !important;
	z-index: 1000000000 !important;
	overflow: hidden !important;
	border-radius: 5px !important;
}

.iotalk-chat-wrap.on {
	display: block !important;
	left: auto !important;
	right: 14px;
	bottom: 14px;
	box-shadow: rgba(81, 99, 120, 0.3) 0px 6px 60px 0px;
	/* animation: 2s ease-out 0s 1 normal none running fXAEQw !important; */
}

.iotalk-chat {
	width: 100% !important;
	height: 100% !important;
	border: 0;
	visibility: visible;
}

.iotalk-btn.loading {
	opacity: 0.7;
}

.iotalk-btn-wrap .remove {
	position: absolute;
	width: 15px;
	height: 15px;
	line-height: 15px;
	top: -10px;
	font-size: 0;
	border-radius: 50% !important;
	color: #fff;
	cursor: pointer;
	background: url("/img/btn_close.png");
	background-position: center center;
    background-size: contain;
    border: 0;
}

@media screen and (max-height: 610px) and (min-height: 400px) {
	.iotalk-chat-wrap {
		height: 95vh !important;
	}
	.iotalk-chat {
		height: 95vh !important;
	}
}    