@charset "utf-8";
/* @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import './common.css';



#wrap {width:100%; position:relative;}
.board-inner,
.content-inner {	
  width: var(--cont-width);
	max-width: var(--cont-width);
  margin: 0 auto;
	padding: 40px 0 100px;
}





/******************* header *******************/
#header {}
.header {
	position: relative;
	z-index: 1000;
}


/******************* header : desktop(PC) *******************/
/******************* header : desktop(PC) *******************/
/******************* header : desktop(PC) *******************/
.header {}
.header .header-inner {
	position: relative;
	margin: 0 auto;
	width: var(--cont-width);
	max-width: var(--cont-width);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.desktop-header-wrap {
	position: relative;
	z-index: 99;
}
.desktop-header-wrap .header-top {
	padding: 24px 0 22px;
	background-color: var(--primary-color-900);
}
.desktop-header-wrap .header-top .logo {
	width: auto;
	height: auto;
}
.desktop-header-wrap .header-top .logo a {
	display: flex;
	align-items: center;
}
.desktop-header-wrap .header-top .logo img {
	/* width: 100%;
	height: 100%;     */
	width: auto;
	height: 55px;
	filter: var(--filter-color-gray-0);
}
.desktop-header-wrap .header-top-util {
	display: flex;
	align-items: center;
}
.desktop-header-wrap .header-top-util .member-box {
	display: flex;
	align-items: center;    
	position: relative;
	font-size: var(--text-14);
	color: var(--gray-0);
	letter-spacing: -.05em;
}
.desktop-header-wrap .header-top-util .member-box .member-btn {position: relative;}
.desktop-header-wrap .header-top-util .member-box .login {}
.desktop-header-wrap .header-top-util .member-box .register {
	margin-left: 12px;
	padding-left: 12px;
}
.desktop-header-wrap .header-top-util .member-box .register:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: var(--primary-color-600);
	transform: translateY(-50%);
}
.desktop-header-wrap .header-top-util .font-size-box {
	display: flex;
	align-items: center;
	gap: 4px;
	height: 32px;
	margin-left: 24px;
	padding: 0 4px;
	font-size: var(--text-14);
	font-weight: 700;
	color: var(--gray-0);
	border: 1px solid var(--primary-color-600);
	border-radius: var(--radius-4);
}
.desktop-header-wrap .header-top-util .font-size-box .font-size-btn{}
.desktop-header-wrap .header-top-util .font-size-box .font-size-btn.down {}
.desktop-header-wrap .header-top-util .font-size-box .font-size-btn.up {}
.desktop-header-wrap .header-top-util .font-size-box span{}


.desktop-header-wrap .header-bottom {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	/* background-color: var(--gray-0); */
	background-color: var(--primary-color-900);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.desktop-header-wrap .header-bottom .header-inner {position: initial;}
.desktop-header-wrap .header-bottom .menu-box {
	display: flex;
}
.desktop-header-wrap .header-bottom .menu-btn-box {
	display: flex;
	align-items: center;
}
.desktop-header-wrap .header-bottom .menu-btn-box .menu-btn {
	width: 24px;
	height: 24px;
	font-size: 0;
	background-color: transparent; 
	filter: var(--filter-color-gray-0);
}
.desktop-header-wrap .header-bottom .menu-btn-box .menu-btn.close {display: none;}
.desktop-header-wrap .header-bottom .vertical-line {      
	align-self: stretch;
	border-width: 0 thin 0 0;
	display: inline-flex;
	height: inherit;
	max-height: 100%;
	max-width: 0px;
	vertical-align: text-bottom;
	width: 0px;
	height: 18px;
	margin: auto 6px auto 24px;    
	border-color: var(--primary-color-500);
	opacity: .5;
}
.desktop-header-wrap .header-bottom .gnb-box {}
.desktop-header-wrap .header-bottom .gnb-box .gnb {}
.desktop-header-wrap .header-bottom .gnb-box .gnb-list {
	display: flex;
}
.desktop-header-wrap .header-bottom .gnb-box .gnb-list .dep01 {}
.desktop-header-wrap .header-bottom .gnb-box .gnb-list .dep01 .dep01-link {
	display: flex;
	align-items: center;
	position: relative;
	height: 72px;
	padding: 0 16px;
	font-size: var(--text-18);
	color: var(--gray-0);
	font-weight: 700;
	letter-spacing: -.1em;
	transition: all .3s ease;
}
.desktop-header-wrap .header-bottom .gnb-list-box {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-top: 1px solid var(--gray-100);
	background-color: var(--gray-0);
	box-shadow: var(--shadow10);
}
.desktop-header-wrap .header-bottom .gnb-list-box .inner {	
	position: relative;
	margin: 0 auto;
	width: var(--cont-width);
	max-width: var(--cont-width);
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-list {
	display: flex;
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-unit {
	flex: 1;
	min-width:0;
	padding: 24px 16px;
	border-left: 1px solid var(--gray-100);
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-unit:first-child {
	border-left:0;
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-unit .tit{
	font-size: var(--text-16);
  font-weight: 700;
	letter-spacing: -.1em;
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-unit .dep02-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 16px;
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-unit .dep02-list .dep02 {
}
.desktop-header-wrap .header-bottom .gnb-list-box .gnb-dep02-unit .dep02-list .dep02 a {
	display: block;
	font-size: var(--text-14);
	color: var(--gray-700);
	transition: all .2s ease;
	background-color: transparent;
}

.desktop-header-wrap .header-bottom .pc-menu-btn-box {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-top: 1px solid var(--gray-100);
	background-color: var(--gray-0);
	box-shadow: var(--shadow10);
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .inner {	
	position: relative;
	margin: 0 auto;
	width: var(--cont-width);
	max-width: var(--cont-width);
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-list {
	display: flex;
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-unit {
	flex: 1;
	min-width:0;
	padding: 24px 16px;
	border-left: 1px solid var(--gray-100);
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-unit:first-child {
	border-left:0;
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-unit .tit{
	font-size: var(--text-16);
  font-weight: 700;
	letter-spacing: -.1em;
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-unit .dep02-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 16px;
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-unit .dep02-list .dep02 {
}
.desktop-header-wrap .header-bottom .pc-menu-btn-box .gnb-dep02-unit .dep02-list .dep02 a {
	display: block;
	font-size: var(--text-14);
	color: var(--gray-700);
	transition: all .2s ease;
	background-color: transparent;
}

.desktop-header-wrap .header-bottom .header-bottom-util {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-left: auto;
	padding: 16px 0;
}
.desktop-header-wrap .header-bottom .header-bottom-util .hb-util-unit {}
.desktop-header-wrap .header-bottom .header-bottom-util .hb-util-unit a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 20px;
	font-size: var(--text-14);
	font-weight: 700;
	letter-spacing: -.1em;
	border: 1px solid var(--gray-0);
	color: var(--gray-0);
	background-color: transparent;    
	border-radius: 20px;	
}
.desktop-header-wrap .header-bottom .header-bottom-util .hb-util-unit a:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	filter: var(--filter-color-gray-0);
}
.desktop-header-wrap .header-bottom .header-bottom-util .hb-util-unit a:after {}
.desktop-header-wrap .header-bottom .header-bottom-util .resume-btn {}
.desktop-header-wrap .header-bottom .header-bottom-util .resume-btn a:before {
	background: url('../images/header-resume-icon.svg') no-repeat center / cover;
}
.desktop-header-wrap .header-bottom .header-bottom-util .product-btn {}
.desktop-header-wrap .header-bottom .header-bottom-util .product-btn a:before {
	background: url('../images/header-product-icon.svg') no-repeat center / cover;
}

/* .header.on */
.header.on .gnb-list-box {
	display: block;
}

.header.view .pc-menu-btn-box {
	display: block;
}
.header.view .desktop-header-wrap .header-bottom .gnb-box {pointer-events:none;}



/* header-bottom.pc-scroll */
.desktop-header-wrap .header-bottom.pc-scroll {
	background-color: var(--gray-0);
	box-shadow: var(--shadow10);
}
.desktop-header-wrap .header-bottom.pc-scroll .gnb-box .gnb-list .dep01 .dep01-link {
	color: var(--filter-color-gray-900);
}
.desktop-header-wrap .header-bottom.pc-scroll .menu-btn-box .menu-btn {
	filter: var(--filter-color-gray-900);
}
.desktop-header-wrap .header-bottom.pc-scroll .header-bottom-util .hb-util-unit a {
	color: var(--gray-600);
	border-color: var(--gray-200);
}
.desktop-header-wrap .header-bottom.pc-scroll .header-bottom-util .hb-util-unit a:before {
	filter: var(--filter-color-gray-600);
}




/******************* header : mobile *******************/
/******************* header : mobile *******************/
/******************* header : mobile *******************/
.mg-scrim {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: .2;
	transition: opacity .2s cubic-bezier(.4,0,.2,1);
	z-index: 1;
}
.mobile-header-wrap {
	display: none;
	position: relative;
	z-index: 99;
}
.mobile-header-wrap .mobile-header {
}
.mobile-header-wrap .mobile-header .mheader-inner {
	padding: 1.6rem;
	align-items: center;
	justify-content: space-between;
	display: flex;
	flex: 0 0 auto;
	position: relative;
	transition: inherit;
	width: 100%;
	background-color: var(--gray-0);
}
.mobile-header-wrap .mobile-header .mheader-inner .logo {}
.mobile-header-wrap .mobile-header .mheader-inner .logo a {
	width: 8.2rem;
	height: 2.4rem;
}
.mobile-header-wrap .mobile-header .mheader-inner .logo a img {
	/* width: 100%;
	height: 100%; */
	width: auto;
	height: 24px;
	object-fit:contain;
}
.mobile-header-wrap .mobile-header .mheader-tit {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
}
.mobile-header-wrap .mobile-header .mobile-prev-page-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: url('/images/arrow-left.svg') center center no-repeat;
	background-size: 14px 14px;
	margin-left: -8px;
	flex: none;
}
.mobile-header-wrap .mobile-header .page-name {
	font-size: var(--text-18);
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1;
	flex: 1;
	min-width: 0;
}
.mobile-header-wrap .mobile-header .mheader-inner .mheader-unit {
	/* min-width: 96px; */
}
.mobile-header-wrap .mobile-header .mheader-inner .mheader-unit .list {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}
.mobile-header-wrap .mobile-header .mheader-inner .mheader-unit .list a {}
.mobile-header-wrap .mobile-header .mheader-inner .mheader-unit .list .unit {
	display: flex;
	width: 2.4rem;
	height: 2.4rem;
}
.mobile-header-wrap .mobile-header .mheader-inner .mheader-unit .list .unit img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.mobile-header-wrap .mobile-header .mh-gnb-wrap {
	left: 0px;
	z-index: 1004;
	transform: translateX(-110%);
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;

	flex: 0 1 auto;
	height: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: var(--gray-50);
	
	transition:transform 0.3s ease;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	top: 0;
	padding: 1.6rem;
	border-bottom: 0;
	background-color: var(--gray-0);
	z-index: 10;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header .member-button {
	display: flex;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header .member-button .m-btn {
	font-size: var(--text-18);
	font-weight: 700;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header .member-button .m-btn + .m-btn {
	position: relative;
	margin-left: .8rem;
	padding-left: .8rem;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header .member-button .m-btn + .m-btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 1.2rem;
	background-color: var(--gray-200);
	transform: translateY(-50%);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header .menu-button {
	display: flex;
	gap: 1.2rem;
	margin-left: auto;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-header .menu-button .m-btn {
	display: flex;
	width: 2.4rem;
	height: 2.4rem;
	padding: 0;
}


.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top {
	padding: 1.2rem 1.6rem;
	background: #fff;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice {
	display: flex;
	align-items: center;
	gap: .6rem;
	height: 3.6rem;
	padding: .8rem;
	border: 1px solid var(--gray-100);
	border-radius: var(--radius-8);
	background-color: var(--gray-50);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .title {
	flex-shrink: 0;
	padding: .2rem .6rem;
	font-size: var(--text-10);
	font-weight: 500;
	line-height: 1;
	color: var(--primary-color-900);
	border-radius: var(--radius-4);
	background-color: #e1efff;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .content {
	/* height: 3rem; */
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .list {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .unit {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .unit a {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	min-width: 0;
	height: 3rem;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .unit .subject {
	width: 220px;
	font-size: var(--text-13);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-notice .unit .date {
	letter-spacing: -.01em;
	font-size: var(--text-12);
	color: var(--gray-600);
}



.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu {
	margin-bottom: 1.6rem;
	margin-top: 1.6rem;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu .list {
	display: flex;
	align-items: center;
	/* justify-content: space-around; */
	text-align: center;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu .unit {
	display: flex;
	flex: 1;
	min-width:0;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu .unit a {	
	display: flex;
	flex-direction: column;	
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: .3rem;
	font-size: var(--text-10);
	padding: 0 1rem;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu .unit + .unit a {
	border-left:1px solid var(--gray-100);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu .unit .icon {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-top .mh-gnb-quickmenu .unit .tit {}



.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-banner {
	width: 100%;
	height: auto;
	background-color: var(--gray-0);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-banner .mh-gnb-banner-wrap {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-banner .list {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-banner .unit {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-banner .unit a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-banner .unit img {
	width: 100%;
	height: auto;
}


.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-gnb-menu-inner {
	display: flex;
	flex: 1;
	border-top: 1px solid var(--gray-100);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-gnb-menu-left {
	position: relative;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	width: calc(var(--text-size-base) + 10.6rem);
	background-color: var(--gray-50);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-gnb-menu-left:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: var(--gray-100);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep01-list {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep01-list .mh-dep01-btn {}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep01-list .mh-dep01-btn .btn {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1.4rem 1.6rem;
	font-size: var(--text-14);
	color: var(--gray-600);
	font-weight: 700;
	text-align: left;
	letter-spacing: -.07em;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep01-list .mh-dep01-btn .btn.select {
	position: relative;
	font-weight: 700;
	color: var(--primary-color-900);
	background-color: var(--gray-0);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .bottom-list {
	display: flex;
	flex-direction: column;
	gap: .8rem;
	margin-top: auto;
	padding: 1.6rem;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .bottom-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.8rem;
	padding: 0 .8rem;
	font-size: var(--text-12);
	font-weight: 700;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-4);
	background-color: var(--gray-0);
}


.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-gnb-menu-right {
	width: 100%;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-gnb-menu-right-wrap {
	display: flex;
	flex-direction: column;
	height: inherit;
	position: relative;
	transition: .3s cubic-bezier(.25,.8,.5,1);
	height: 100%;
	min-height: 51.6rem;
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep02-list {
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep02-list .mh-dep02-btn {	
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: unset;
	background-color: var(--gray-0);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep02-list .mh-dep02-btn a {
	flex: 1;
	display: flex;
	padding: 1.4rem 1.6rem;
	width: 100%;
	justify-content: flex-start;
	text-align: left;
	font-size: var(--text-14);
	font-weight: 500;
	letter-spacing: -.06em;
	background-color: var(--gray-0);
}
.mobile-header-wrap .mobile-header .mh-gnb-wrap .mh-gnb-menu .mh-dep02-list .mh-dep02-btn.view {display: block;}



/* .mheader-inner.mobile-scroll */

.mobile-header-wrap .mobile-header .mheader-inner.mobile-scroll {	
	box-shadow: var(--shadow10);
}






/******************* header-top-search *******************/
/******************* header-top-search *******************/
/******************* header-top-search *******************/
.header-top-search {
	position: absolute;
	left: 50%;
	top: 25px;
	transform: translateX(-50%);
	margin-left: -40px;
	width: 680px;
	z-index: 99;
	/* display: none; */
}
.header-top-search .header-top-search-title {
	display: none;
	font-size: var(--text-20);
	font-weight: 700;
	margin-bottom: 16px;
}
.header-top-search .mh-search-close {
	display: none;
	position: absolute;
	right: 2.4rem;
	top: 3.2rem;
	width: 1.4rem;
	height: 1.4rem;
}
.header-top-search .mh-search-close img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.header-top-search .search-box {
	position: relative;
	display: flex;
}
.header-top-search .search-input {
	flex: 1 0;
	position: relative;
	align-items: flex-start;
	display: flex;    
	padding: 0;
	font-size: var(--text-24);
	color: var(--gray-0);
	font-weight: 300;
	letter-spacing: -.05em;
	opacity: 1;
}
.header-top-search .search-input input { 
	background-color: transparent;
	border-style: none;   
	height: 48px;
	margin: 0;
	padding: 12px 0;
	flex: 1;
	transition: .15s opacity cubic-bezier(.4,0,.2,1);
	min-width: 0;
	font-size: var(--text-24);
	color: var(--gray-0);
	font-weight: 300;
	letter-spacing: -.05em;
}
.header-top-search .search-input input:focus {box-shadow: none !important;}
.header-top-search .search-input input::placeholder {color: var(--gray-0);}
.header-top-search .search-btn {  
	display: flex;  
	align-items: flex-start;
	padding-top: 13px;
}
.header-top-search .search-btn .btn-sm {
	background: none;
	filter: var(--filter-color-gray-0);
	width: auto;
	height: auto;
	line-height: inherit;
	padding: 0;
	margin: 0;
}
.header-top-search .search-btn .btn-sm img {
	width: 25px;
	height: 25px;
}
.header-top-search .search-box-outline {
	align-items: stretch;
	display: flex;
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	width: 100%;
}
.header-top-search .search-box-outline:before {    
	position: absolute;
	top: 100%;
	left: 0;
	height: 4px;
	width: 100%;
	content: '';
	display: block;
	border: 0;
	border-radius: 2em;
	background-color: var(--gray-0);
}
.header-top-search .header-top-search-hot {
	display: none;
	margin-top: 24px;
}
.header-top-search .header-top-search-hot .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-top-search .header-top-search-hot .tit {
	padding: 6px 0px;
	font-size: var(--text-14);
	font-weight: 500;
}
.header-top-search .header-top-search-hot .recommend-search-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.header-top-search .header-top-search-hot .tag {
	display: flex;
	padding: 0 12px;
	justify-content: center;
	align-items: center;
	height: 36px;
	border-radius: var(--radius-8);
	border: 1px solid var(--gray-200);
	background: var(--gray-50);
	color: var(--gray-600);
	font-size: var(--text-12);
	font-weight: 500;
	letter-spacing: -.8px;
}
.header-top-search .search-box-outline:after {}
.header-top-search .search-auto-box {
	display: flex;
	flex-direction: column;
	top: calc(100% + 8px);
	padding: 8px 16px 20px;
	position: absolute;
	width: 100%;
	max-height: initial;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-12);
	background-color: var(--gray-0);
	box-shadow: var(--shadow10);
	z-index: 1000;
	overflow-y: auto;
	display: none;
}
.header-top-search .search-auto-box-inner {
	display: flex;
	flex-direction: column;
}
.header-top-search .recently-search-box {}
.header-top-search .search-auto-box .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-top-search .search-auto-box .tit {
	padding: 6px 0px;
	font-size: var(--text-16);
	font-weight: 700;
}
.header-top-search .search-auto-box .recently-search-delete {
	font-weight: 500;
	font-size: var(--text-14);
	color: var(--gray-600);
}
.header-top-search .recently-search-box .content {}
.header-top-search .recently-search-box .recently-search-empty {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 56px;
	color: var(--gray-600);
	text-align: center;
	font-size: var(--text-16);
	font-weight: 500;
	letter-spacing: -.8px;
}
.header-top-search .recently-search-box .recently-search-list {
	display: flex;
	flex-direction: column;
}
.header-top-search .recently-search-box .recently-search-unit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: var(--text-16);
	color: var(--gray-700);
	padding: 8px 0;
}
.header-top-search .recently-search-box .recently-search-unit .keyword {
	flex: 1;
	min-width: 0;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-top-search .recently-search-box .recently-search-unit a {}
.header-top-search .recently-search-box .recently-search-unit button {
	display: flex;
	width: 10px;
	height: 10px;
	flex: none;
}
.header-top-search .recently-search-box .recently-search-unit button img {
	filter: var(--filter-color-gray-300);
	transform: rotate(45deg);
}
.header-top-search .recommend-search-box {}
.header-top-search .recommend-search-box .recommend-search-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
}
.header-top-search .recommend-search-box .tag {
	display: flex;
	padding: 0 12px;
	justify-content: center;
	align-items: center;
	height: 36px;
	border-radius: var(--radius-8);
	border: 1px solid var(--gray-200);
	background: var(--gray-50);
	color: var(--gray-600);
	font-size: var(--text-14);
	font-weight: 500;
	letter-spacing: -.8px;
}




/******************* header : header-etc *******************/
.header-etc {}
.header-etc .desktop-header-wrap .header-top {
	position: sticky;
	top: 0;
	box-shadow: var(--shadow10);
	z-index: 1000;
	background-color: var(--gray-0);
	width: 100%;
}
.header-etc .desktop-header-wrap .header-top .logo img {
	filter: initial;
	width: auto;
	height: 28px;
}
.header-etc .desktop-header-wrap .header-top-util .member-box {gap: 8px;}
.header-etc .desktop-header-wrap .header-top-util .member-box > a {	
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 20px;
	font-size: var(--text-14);
	font-weight: 700;
	letter-spacing: -.1em;
	text-transform: inherit;
	color: #687183;
	border-radius: var(--radius-round);
	border: 1px solid var(--gray-200);
	background-color: var(--gray-0);
}
.header-etc .desktop-header-wrap .header-top-util .member-box > a:before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	filter: var(--filter-color-gray-600);
}
.header-etc .desktop-header-wrap .header-top-util .member-box .login:before {
	background: url('/images/header-etc-login.svg') no-repeat center / cover;
}
.header-etc .desktop-header-wrap .header-top-util .member-box .register {
	margin-left: 0; 
}
.header-etc .desktop-header-wrap .header-top-util .member-box .register:before {
	position: initial;
	transform: translateY(0);
	background: url('/images/header-etc-register.svg') no-repeat center / cover;
}
.header-etc .desktop-header-wrap .header-top-util .member-box .header-etc-cs-btn:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url('/images/header-etc-cs.svg') no-repeat center / cover;
	filter: var(--filter-color-gray-600);
}


.header-etc .mobile-header-wrap .mobile-header .mheader-inner.mobile-scroll {
	box-shadow: none;
}
.header-etc .mobile-header-wrap .mobile-header .mheader-inner .mheader-tit {
	display: flex;
	align-items: center;
}
.header-etc .mobile-header-wrap .mobile-header .mheader-inner .mheader-tit .mobile-prev-page-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: url('/images/arrow-left.svg') center center no-repeat;
	background-size: 14px 14px;
}
.header-etc .mobile-header-wrap .mobile-header .mheader-inner .mheader-tit .mobile-prev-page-btn img {}
.header-etc .mobile-header-wrap .mobile-header .mheader-inner .mheader-tit .page-name {
	font-size: var(--text-18);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1;
}




/* 반응형 중간기기 1260px 사이즈 이하*/
@media all and (max-width:1260px){

	html {font-size: 10px;}

	.board-inner,
	.content-inner {	
		width: 100%;
		max-width: 100%;
    padding: 1.6rem 1.6rem 2.4rem;
	} 
	.board-inner {
		background-color: var(--gray-50);
	}

	/* desktop-header-wrap */
	.desktop-header-wrap {display: none;}


	/* desktop-header-wrap */
	.mobile-header-wrap {display: block;}
	.mg-scrim {
		display: block;
	}


	
	/* header.open */
	.header.open .mobile-header-wrap {z-index: 9999;}
	.header.open .mobile-header-wrap .mobile-header .mh-gnb-wrap {
		transform: translateX(0%);
		transition:transform 0.4s ease;
	}
	.header.open .mg-scrim {
		z-index: 1003;
		transition:all 0.3s ease;
	}


	/* header-top-search */
	.header-top-search {
		position: fixed;
		left: 0;
		top: 0;
		transform: translateX(0);
		margin-left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0,0,0,0.85);
		padding: 2.4rem;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s all ease;
	}
	.header-top-search form {
		position: relative;
		background-color: #fff;
		padding: 2.4rem;
		width: 100%;
		border-radius: var(--radius-12);		
		box-shadow: var(--shadow10);
	}
	.header-top-search .search-input input {
		border: 0 !important;
	}
	.header-top-search .search-input input:focus {
		box-shadow: none !important;
	}
	.header-top-search .search-box-outline:before {
		background-color: var(--primary-color-900);
	}
	.header-top-search .search-btn .btn-sm {
		filter: var(--filter-color-gray-900);
	}
	.header-top-search .header-top-search-title {display: block;}
	.header-top-search .mh-search-close {display: flex;}
	.header-top-search .header-top-search-hot {display: block;}


	.header-top-search.open {
		opacity: 1;
		visibility: visible;
		transition: 0.3s all ease;
	}
	
	
	.header-top-search.open input.input_search {
		color: #000;
	}	



	/* footer .footer-board */
  .footer .footer-board {display: none;}
  .footer .footer-content .footer-content-top {
    flex-direction: column;
		width: 100%;
  }
  .footer .footer-content .footer-content-bottom .footer-inner {
    flex-direction: column;
		width: 100%;
  }
	
	

}






/************************ hover ************************/
@media (hover: hover) and (pointer: fine) {
	

		

}
/************************ hover ************************/









/******************* sub_content *******************/
.sub-content {}
@media (max-width: 1260px) {
	.sub-content {margin-bottom: 70px;}
}


.sub-content-inner {
  /* width: var(--cont-width);
	max-width: var(--cont-width);
  margin: 0 auto;
  padding: 40px 0 100px; */
}






/* 반응형 중간기기 1260px 사이즈 이하*/
@media all and (max-width:1260px){
	
  .sub-content-inner {
    /* width: 100%;
    max-width: 100%;
    padding: 1.6rem 1.6rem 2.4rem; */
  }

}




/************************ hover ************************/
@media (hover: hover) and (pointer: fine) {
	

	
	

}
/************************ hover ************************/















/******************* footer *******************/
/******************* desktop-footer-wrap *******************/
#footer {}
.footer {}
.footer .footer-board {
	position: relative;
	background-color: var(--gray-50);
	padding: 40px 0;
}
.main .footer .footer-board {margin-top: 100px;}
.footer .footer-board .footer-board-inner{
	position: relative;
	width: var(--cont-width);
	max-width: var(--cont-width);
	height: 366px;
	margin: 0 auto;
	display: flex;
	border-radius: var(--radius-20);
	background-color: var(--gray-0);
	box-shadow: var(--shadow5);
	overflow: hidden;
}
.footer .footer-board .footer-board-inner > div {
	display: flex;
	flex-direction: column;
	width: calc( 100% / 3);
	padding: 30px 25px 24px;
}
.footer .footer-board .footer-board-inner > div + div {
	border-left: 1px solid #f0f0f0;
} 
.footer .footer-board .footer-board-inner .footer-board-box {
	position: relative;
	padding: 24px 25px 24px;
	height: 183px;
}
.footer .footer-board .footer-board-inner .footer-board-box + .footer-board-box {
	border-top:1px solid #f0f0f0;
}
.footer .footer-board .footer-board-inner .footer-board-box .more {
	position: absolute;
	right: 25px;
	top: 35px;
	font-size: 0;
	display: flex;
	margin-left: auto;
	width: 20px;
	height: 20px;
	background-image: url('../images/footer-board-more.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer .footer-board .footer-board-inner .title {
	font-size: var(--text-20);
	letter-spacing: -.1em;
	font-weight: 700;
}
.footer .footer-board .footer-board-inner .content {
	margin-top: 15px;
}
.footer .footer-board .footer-board-inner .content .list {}
.footer .footer-board .footer-board-inner .content .unit {}
.footer .footer-board .footer-board-inner .content .unit a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--text-14);
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: -.64px;
	color: inherit;

}
.footer .footer-board .footer-board-inner .content .unit .subject {
	width: 75%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footer .footer-board .footer-board-inner .content .unit .date {
	width: 25%;
	text-align:right;
	width: 20%;
	float: right;
	color: var(--gray-400);
}



.footer .footer-board .footer-board-left {}
.footer .footer-board .footer-board-left .blog {}
.footer .footer-board .footer-board-left .blog .blog-a {
	position: relative;
	width: 100%;
	height: 46px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: var(--radius-10);
	border: 1px solid var(--gray-100);
	background-color: var(--gray-50);
	padding: 0 20px;
	font-size: var(--text-14);
	font-weight: 600;
	letter-spacing: -.7px;
}
.footer .footer-board .footer-board-left .blog .blog-a:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: url('../images/footer-blog-more.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.footer .footer-board .footer-board-inner .footer-board-center {
	padding: 0;
}
.footer .footer-board .footer-board-center .more {
	
}
.footer .footer-board .footer-board-center .manews {}
.footer .footer-board .footer-board-center .partnership {}

.footer .footer-board .footer-board-inner .footer-board-right {	
	padding: 0;
}
.footer .footer-board .footer-board-right .public-news {}
.footer .footer-board .footer-board-right .quick-menu {}
.footer .footer-board .footer-board-right .quick-menu-list {
	display: flex;

}
.footer .footer-board .footer-board-right .quick-menu-list .unit {
	width: 25%;
}
.footer .footer-board .footer-board-right .quick-menu-list a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: 100%;    
	font-size: var(--text-12);
	letter-spacing: -.64px;
}
.footer .footer-board .footer-board-right .quick-menu-list .icon {
	width: 34px;
	height: 34px;
}
.footer .footer-board .footer-board-right .quick-menu-list .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.footer .footer-board .footer-board-right .quick-menu-list .tit {}



.desktop-footer-wrap {}
.footer .footer-menu {
	position: relative;
	height: 60px;
	display: flex;
	align-items: center;
	/* border-top: 1px solid var(--gray-100); */
	background-color: var(--gray-100);
}
.footer .footer-menu-inner {	
	position: relative;
	width: var(--cont-width);
	max-width: var(--cont-width);
	margin: 0 auto;
}
.footer .footer-menu-list {
	display: flex;
}
.footer .footer-menu-list li {}
.footer .footer-menu-list li+li {
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid var(--gray-300);
}
.footer .footer-menu-list li a {
	display: block;
	color: var(--gray-800);
	line-height: 1;
}
.footer .footer-menu-list li a.bold {font-weight: 700;}


.footer .footer-content {
}
.footer .footer-content .footer-content-top {		
	position: relative;
	width: var(--cont-width);
	max-width: var(--cont-width);
	margin: 0 auto;
	display: flex;
	border-top: 1px solid var(--gray-100);
	border-bottom: 1px solid var(--gray-100);
	padding-top: 36px;
	padding-bottom: 36px;
}


.footer .footer-content .footer-content-top .left {
	width: 50%;
	display: flex;
	align-items: center;
}
.footer .footer-content .footer-content-top .left .custom-service-num {
	width: 50%;
	min-width:0;
	display: flex;
	flex-direction: column;
}
.footer .footer-content .footer-content-top .left .custom-service-num .tit {
	font-size: var(--text-20);
	letter-spacing: -.1em;
	font-weight: 700;
}
.footer .footer-content .footer-content-top .left .custom-service-num .tell {
	/* font-family: TheJamsil; */
	font-size: var(--text-32);
	font-weight: 700;
	color: var(--primary-color-900);
	letter-spacing: -.03em;
	line-height: 1;
}
.footer .footer-content .footer-content-top .left .custom-service-num .txt {
	padding-top: 5px;
	font-size: var(--text-13);
	color: var(--gray-600);
	letter-spacing: -.1em;
}
.footer .footer-content .footer-content-top .left .custom-service-info {
	width: 50%;
	min-width:0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.footer .footer-content .footer-content-top .left .custom-service-info .unit {
	display: flex;
	align-items: center;
	font-size: var(--text-14);
	letter-spacing: -.05em;
	font-weight: 600;
}
.footer .footer-content .footer-content-top .left .custom-service-info .unit .left {
	width: 70px;
	min-width:0;
}
.footer .footer-content .footer-content-top .left .custom-service-info .unit .right {
	min-width:0;
	flex: 1;
}



.footer .footer-content .footer-content-top .center .custom-service-info {
	width: 70%;
	min-width:0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.footer .footer-content .footer-content-top .center .custom-service-info .unit {
	display: flex;
	align-items: center;
	font-size: var(--text-14);
	letter-spacing: -.05em;
	font-weight: 600;
}
.footer .footer-content .footer-content-top .center .custom-service-info .unit .left {
	width: 70px;
	min-width:0;
}
.footer .footer-content .footer-content-top .center .custom-service-info .unit .right {
	min-width:0;
	flex: 1;
}




.footer .footer-content .footer-content-top .center {
	width: 25%;
	border-left: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer .footer-content .footer-content-top .center .footer-quick-menu {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.footer .footer-content .footer-content-top .center .footer-quick-menu .unit {
	flex: 1;
	min-width:0;
	width: 80px;
}
.footer .footer-content .footer-content-top .center .footer-quick-menu .unit a {	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: var(--text-12);
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: -.64px;
	color: inherit;
}
.footer .footer-content .footer-content-top .center .footer-quick-menu .unit .img {
	width: 34px;
	height: 34px;
}
.footer .footer-content .footer-content-top .center .footer-quick-menu .unit .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.footer .footer-content .footer-content-top .center .footer-quick-menu .unit .tit {}


.footer .footer-content .footer-content-top > .right {
	width: 25%;
	border-left: 1px solid #f0f0f0;
}
.footer .footer-content .footer-content-top .right .app-down-info {
	display: flex;
	align-items: center;
	justify-content: space-around
}
.footer .footer-content .footer-content-top .right .app-down-info .textbox {
	display: flex;
	flex-direction: column;
}
.footer .footer-content .footer-content-top .right .app-down-info .textbox .tit {
	font-size: var(--text-20);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -1px;
}
.footer .footer-content .footer-content-top .right .app-down-info .textbox .txt {
	font-size: var(--text-12);
	color: #747474;
	line-height: 20px;
	letter-spacing: -1px;
}
.footer .footer-content .footer-content-top .right .app-down-info .img {}
.footer .footer-content .footer-content-top .right .app-down-info .img a {
	display: flex;
	width: 80px;
	height: 80px;
	background-color: var(--primary-color-900);
	border-radius: var(--radius-12);
}
.footer .footer-content .footer-content-top .right .app-down-info .img img {
	display: inline;
}



.footer .footer-content .footer-content-bottom {
	margin-top: 46px;
	font-size: var(--text-12);
	color: var(--gray-700);
}
.footer .footer-content .footer-content-bottom .footer-inner {	
	position: relative;
	width: var(--cont-width);
	max-width: var(--cont-width);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 50px;
}
.footer .footer-content .footer-content-bottom .footer-company-info {}
.footer .footer-content .footer-content-bottom .footer-company-info .footer-logo {display: none;}
.footer .footer-content .footer-content-bottom .footer-company-info .info-list {
	display: flex;
	flex-direction: column;
	row-gap: 6px;
	margin-top: 30px;
}
.footer .footer-content .footer-content-bottom .footer-company-info .info-list span {}
.footer .footer-content .footer-content-bottom .footer-company-info .info-list small {}
.footer .footer-content .footer-content-bottom .footer-sns-list {
	display: flex;
	align-items: center;
	gap: 20px;
}
.footer .footer-content .footer-content-bottom .footer-sns-list .sns-unit {}
.footer .footer-content .footer-content-bottom .footer-sns-list .sns-unit a {
	display: block;
	min-width: 60px;
	height: 60px;
	/* border: 1px solid var(--gray-100);
	border-radius: var(--radius-12); */
}
.footer .footer-content .footer-content-bottom .footer-sns-list .sns-unit .img {}



/******************* mobile-footer-wrap *******************/
.mobile-footer-wrap {
	display: none;
	margin-top: auto;
	padding: 4rem 0 10rem;
	text-align: center;
	background-color: var(--gray-50);
}
.mobile-footer-wrap .inner {}
.mobile-footer-wrap .mf-sns-wrap {
	margin-bottom: 3.2rem;
	padding: 1rem;
}
.mobile-footer-wrap .mf-sns-wrap .list {	
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.6rem;
}
.mobile-footer-wrap .mf-sns-wrap .unit {}
.mobile-footer-wrap .mf-sns-wrap .unit img {width: 4.8rem;}


.mobile-footer-wrap .mf-menu-wrap {
	margin-bottom: 3.2rem;
}
.mobile-footer-wrap .mf-menu-wrap .list {	
	display: flex;
	justify-content: center;
	align-items: center;
}
.mobile-footer-wrap .mf-menu-wrap .list .unit {}
.mobile-footer-wrap .mf-menu-wrap .list .unit + .unit {
	position: relative;
	margin-left: .8rem;
	padding-left: .8rem;
}
.mobile-footer-wrap .mf-menu-wrap .list .unit + .unit:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -.1rem;
	width: .2rem;
	height: .2rem;
	border-radius: var(--radius-circle);
	background-color: #ccc;
}
.mobile-footer-wrap .mf-menu-wrap .list .unit a {
	font-size: var(--text-12);
	color: #666;
	letter-spacing: -.07em;
	line-height: 1.334;
}
.mobile-footer-wrap .mf-menu-wrap .list .unit + .unit a{}
.mobile-footer-wrap .mf-menu-wrap .list .unit a.bold {font-weight: 700;}


.mobile-footer-wrap .mf-info-wrap {
	font-size: var(--text-12);
	color: var(--gray-600);
	letter-spacing: -.07em;
	line-height: 1.334;
}
.mobile-footer-wrap .mf-info-wrap .mf-copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.mobile-footer-wrap .mf-info-wrap .mf-copyright:after {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: .4rem;
	background: url('../images/mf-copyright-arrow.svg') no-repeat top left / contain;
}
.mobile-footer-wrap .mf-info-wrap .mf-company-info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 2.4rem;
	font-size: var(--text-10);
	color: #565d6b;
}
.mobile-footer-wrap .mf-info-wrap .mf-company-info span {}




/* 반응형 중간기기 1260px 사이즈 이하*/
@media all and (max-width:1260px){

	
	/* desktop-footer-wrap */
	.desktop-footer-wrap {display: none;}


	/* mobile-footer-wrap */
	.mobile-footer-wrap {display: block;}
	
	

}









/******************* mobile-bottom-navigation-wrap *******************/
.mobile-bottom-navigation-wrap {
	display: none;
	position: fixed;
	bottom: 0;
	height: 6.2rem;
	width: 100%;
	border-radius: var(--radius-20) var(--radius-20) 0 0;
	background: #fff;
	box-shadow: 0 0 2rem rgba(0,0,0,.1);
	overflow: initial;
	z-index: 99;
}
.mobile-bottom-navigation-in {
	height: 100%;    
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	gap: 9.6rem;
	position: relative;
	width: 100%;
	padding: .6rem 1.6rem;
	z-index: 1;
}
.mobile-bottom-navigation-list {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
}
.mobile-bottom-navigation-list .mbn-unit {
	flex: 1;
	min-width:0;
}
.mobile-bottom-navigation-list .mbn-unit a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex: 1;
	min-width: auto;
	height: auto;
	padding: 0;
	font-size: var(--text-12);
	color: var(--gray-600);
	line-height: 1.25;
	font-weight: 600;
}
.mobile-bottom-navigation-list .mbn-unit .icon {
	display: flex;
  align-items: center;
  justify-content: center;
	width: 2.1rem;
	height: 2.1rem;
	margin-bottom: .3rem;
}
.mobile-bottom-navigation-list .mbn-unit .icon img {
	height: 100%;
	/* width: 100%;
	height: 100%;
	object-fit:cover; */
}
.mobile-bottom-navigation-list .mbn-unit .icon .tit {}
.mobile-bottom-navigation-list .mbn-unit.on a { color: var(--primary-color-900);}
.mobile-bottom-navigation-list .mbn-unit.on .icon img {filter: var(--filter-color-primary);}




/******************* age-check-layer *******************/
.age-check-layer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	align-items: center;
	justify-content: center;
	z-index: 1000;
	letter-spacing: -0.05em;
}
.age-check-layer-wrap {
	background-color: var(--gray-0);
	max-width: 896px;
	padding: 40px 35px;
	border-radius: var(--radius-20);
	box-shadow: var(--shadow10);
}
.age-check-layer-wrap .bold {font-weight: 600;}
.age-check-header {
	border-bottom: 2px solid var(--gray-700);
}
.age-check-header .age-check-htop {
	display: flex;
	align-items: center;
	gap: 35px;
	padding: 0 20px 32px;
	border-bottom: 1px solid var(--gray-200);
}
.age-check-header .age-check-htop .img  {
	width: 110px;
	height: 110px;
}
.age-check-header .age-check-htop .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.age-check-header .age-check-htop .textbox {
	display: flex;
	flex-direction: column;
}
.age-check-header .age-check-htop .textbox .txt {
	font-size: var(--text-18);
	line-height: 1.2;
	color: var(--gray-700);
}
.age-check-header .age-check-htop .textbox .tit {
	font-weight: 700;
	color: var(--gray-900);
	font-size: 22px;
}
.age-check-header .age-check-hbottom {
	padding: 24px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--text-16);
}
.age-check-header .age-check-hbottom .txt {	
	color: var(--gray-700);
}
.age-check-header .age-check-hbottom .bold {
	color: var(--gray-900);
}
.age-check-header .age-check-hbottom .b-age-out {
	background-color: var(--gray-500);
	color: var(--gray-0);
	display: flex;
	align-items: center;
	justify-content: center;
}
.age-check-body {
	margin-top: 15px;
}
.age-check-body .age-check-bbox {
	border: 1px solid var(--gray-200) ;
	border-radius: var(--radius-8);
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
.age-check-body .age-check-bbox .tit {
	font-size: var(--text-20);
	font-weight: 600;
	margin-bottom: 10px;
}
.age-check-body .age-check-bbox .button {}
.age-check-body .age-check-bbox .b-age {
	height: 56px;
	min-width: 200px;
	text-align: center;
	background-color: var(--gray-900);
	color: var(--gray-0);
	gap: 5px;
}
.age-check-body .age-check-bbox .b-age img {
	width: 13px;
	height: 23px;
}
.age-check-footer {
	margin-top: 5px;
}
.age-check-footer .age-check-fbox {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	background-color: var(--gray-100);
	font-size: var(--text-18);
	padding: 20px;
	border-radius: var(--radius-8);
}
.age-check-footer .age-check-fbox .ctit {color: var(--gray-700);}
.age-check-footer .age-check-fbox .call-num {color: var(--gray-900); font-weight: 700;}



.age-check-layer.view {display: flex;}








/************************************ hover ************************************/
@media (hover: hover) and (pointer: fine) {
	

}
/************************************ hover ************************************/




/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1260px){

	.mobile-bottom-navigation-wrap {display: block;}

	.age-check-layer {
		padding: 1.6rem 1.6rem 2.4rem;
		word-break: keep-all;
	}
	.age-check-layer-wrap {
		width: 100%;
		max-height: 80%;
		padding: 2rem 2rem;
		overflow-y: scroll;
	}
	.age-check-header .age-check-htop {
		flex-direction: column;
		gap: 5px;
    padding: 0 1.6rem 1.6rem;
		text-align: center;
	}
	.age-check-header .age-check-htop .img {
		width: 60px;
		height: 60px;
	}
	.age-check-header .age-check-htop .textbox .txt {
		font-size: var(--text-14);
	}
	.age-check-header .age-check-htop .textbox .tit {
		font-size: var(--text-14);
	}
	.age-check-header .age-check-htop .textbox .txt br {display: none;}
	.age-check-header .age-check-hbottom {
		flex-direction: column;
		gap: .8rem;
    text-align: center;
    line-height: 1.2;
    background-color: #fafafa;
		padding: 1.6rem;
		font-size: var(--text-14);
	}
	.age-check-header .age-check-hbottom .b-age-out {font-size: var(--text-12);}
	.age-check-body {
    margin-top: .8rem;
	}
	.age-check-body .age-check-bbox {
		padding: 2rem 0;
	}
	.age-check-body .age-check-bbox .tit {font-size: var(--text-16);}
	.age-check-footer .age-check-fbox {
		gap: 16px;
		padding: 1.6rem;
		font-size: var(--text-14);
	}
	

}