@charset "utf-8";

/* -------- common -------- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@300;400;500;600;700&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
* { 
	margin: 0; 
	padding: 0; 
	line-height: 1.5;
	font-family: 'Fira Sans Condensed', 'Nanum Gothic', sans-serif; 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html { width: 100%; font-size: 10px; overflow-x: hidden; }
body { 
	color: #222;
	/* background: #fff; */
	letter-spacing: -0.05rem;
}
img { max-width: 100%; }
a, a:link, a:visited { color: inherit; text-decoration: none; }

section { 
	margin: 0 0 0 5%;
	padding: 0 0 3.7rem;
	box-sizing: border-box;
}
section:first-of-type { 
	padding-top: 3rem; 
}
section.wide { 
	margin: 0 !important;
	padding: 3.2rem 7% 3.5rem;
}
section i { 
	margin-right: 0.6rem;
	font-size: inherit;
}
h1, h2, h3, h4, h5, h6 { 
	font-family: inherit; 
}
h3 { 
	position: relative;
	margin-bottom: 1.5rem;
	padding-left: 2%;
	line-height: 1;
	font-size: 1.2em;
	font-weight: 800; 
	color: #424242;
	letter-spacing: -0.1rem;
}
h3:after { 
	content: "";
	display: block;
	clear: both;
}
.no-item { 
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7rem;
	font-size: 1em !important; 
	color: #757575 !important;
	background: transparent !important;
	text-align: center;
}


/* -------- header -------- */
header.sub { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.9rem 5% 2rem !important;
	height: 3.6rem;
	background: #748aff;
}
header.sub h1.logo a img { 
	width: auto; max-height: 2rem;
}
header.sub .btn-login,
header.sub .btn-logout { 
	display: block;
	padding: 0 1.2rem;
	line-height: 25px;
	font-size: 1.07rem;
	font-weight: 700;
	color: #fff;
	border: 2px solid rgba(255,255,255,.61);
	border-radius: 20px;
	letter-spacing: 0;
	text-align: center;
}
header.sub .btn-logout { 
	color: #c0cfff;
	background: #536dfe;
	border-color: #536dfe;
}

/* gnb */
.gnb_sub { 
	background: #748aff;
}
.gnb_sub ul { 
	display: flex;
	justify-content: center;
}
.gnb_sub li a { 
	display: flex;
	align-items: center;
	padding: 0 1rem 2rem;
	height: 3.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: #9bf;
	letter-spacing: -1.2px;
	box-sizing: border-box;
}
.gnb_sub li a.gnb_on { 
	color: #fff; 
}

/* snb */


/* -------- footer -------- */
footer { 
	color: #757575;
	background: #fff;
	border-top: 1px solid #ddd;
}
footer section { 
	padding-bottom: 5rem !important;
}
footer .footer-info { 
	text-indent: 0.1rem; 
}
footer .footer-info>h4 { 
	font-size: 1.12em;
	font-weight: 700;
	color: #666; 
}
footer .footer-info>p { 
	margin: 2rem 0 1rem; 
	font-size: 0.9em;
}
footer .footer-info>h4+p { 
	margin: 0.2rem 0 0; 
}
footer .footer-info>.copyright { 
	margin: 1rem 0 0;
	font-size: 0.85em; 
	text-transform: uppercase;
}
footer .footer-info .bar:before { 
	content: ":";
	display: inline-block;
	clear: both;
	margin: 0 1rem 0 0.4rem;
}
footer .fnb { 
	display: flex;
	align-items: center;
	margin: 3rem 0 0;
}
footer .fnb>a { 
	display: block; 
	padding: 0.9rem 1.5rem 0.85rem;
	color: #666;
	border: solid 0.06rem #d5d5d5;
}
footer .fnb>a:not(:first-child) { 
	margin: 0 0 0 0.5rem; 
}


/* -------- modify -------- */
.sub_con_group_style2 { 
/*	display: none; 정세나 뻘짓 */
	border: 0 !important;
}

/* snb */
.sub_menu_group { 
	background: #fafbfc !important;
	border-color: #ddd !important; 
}
.sub_menu_group a { 
	margin-left: 1.5rem !important;
	padding: 0 5px;
	line-height: 3.9rem !important;
	font-family: 'Fira Sans Condensed', 'Nanum Gothic', sans-serif !important; 
	font-size: 1.3rem !important; 
	font-weight: 500 !important;
	color: #757575 !important;
	letter-spacing: -1px;
}
.sub_menu_group a.sub_menu_on:before {
	content: "\f00c";
	display: inline-block;
	clear: both;
	margin: 0 5px 0 0;
	font-family: 'FontAwesome';
	font-size: 1rem;
	color: #748aff;
}
a.sub_menu_on { 
	color: #424242 !important;
	font-weight: 700 !important;
	border-bottom: 0 !important; 
}
a.sub_menu_on:before {
	content: "\f00c";
	display: inline-block;
	clear: both;
	margin: 0 5px 0 0;
	font-family: 'FontAwesome';
	font-size: 1rem;
	color: #748aff;
}

.faq_tab { 
	border-top: 0 !important; 
}
.faq_list { 
	border-bottom: 0 !important; 
}