/* ====================================================================== */
/* [Web Font]
/* ====================================================================== */
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansKR-DemiLight.woff") format("woff");
	font-weight: 350;
	font-style: normal;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
}
html[lang=ko-KR], html[lang=ko] {
	font-family: "Noto Sans KR", sans-serif;
}
html[lang=ko-KR] body, html[lang=ko] body {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #202020;
}
html[lang=en], html *[lang=en] {
	font-family: "Noto Sans KR", Arial, sans-serif, serif;
}
html[lang=en] body, html *[lang=en] body {
	font-size: 18px;
	font-weight: 400;
}

/* reset */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: inherit;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

button,
select {
	text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, button, p, blockquote, th, td, form, fieldset, blockquote, iframe {
	margin: 0;
	padding: 0;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

html * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
	display: inline;
}

img {
	vertical-align: top;
	border: 0;
	width: 100%;
}

fieldset {
	border: 0;
}

ul, ol, li {
	list-style: none;
}

hr {
	display: none;
	border: 0;
}

pre {
	white-space: pre-wrap;
}

legend, caption {
	display: none;
	clear: both;
}

a {
	color: inherit;
	cursor: pointer;
}
a:link {
	text-decoration: none;
}
a:hover, a:focus, a:active, a:visited {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	word-break: keep-all;
}

em, i, address, cite {
	font-style: normal;
	font-weight: normal;
}

input, textarea, select, button, table {
	font-size: inherit;
	font-family: inherit;
	*font-size: inherit;
	border: 0;
	background-color: transparent;
}

button, select {
	cursor: pointer;
}

textarea, input, select {
	border-radius: 0;
	border: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

textarea {
	resize: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

label {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label img {
	pointer-events: none;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	border-collapse: collapse;
}

progress[value] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background-size: auto;
}
progress[value][role][aria-valuenow] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background-size: auto;
}
progress[value][role][aria-valuenow]:after {
	background-image: none;
}
progress[value][role][aria-valuenow]:before {
	display: table;
}
progress[value][role][aria-valuenow] strong {
	display: none;
}
progress[value][role][aria-valuenow]::-webkit-progress-value, progress[value][role][aria-valuenow]::-webkit-progress-inner-element {
	display: table;
}
progress[value][role][aria-valuenow]::-webkit-progress-bar {
	display: table-cell;
}
progress[value][role][aria-valuenow]::-moz-progress-bar, progress[value][role][aria-valuenow]::-webkit-progress-value {
	display: table;
}

textarea {
	color: inherit;
}
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
textarea:focus:-moz-placeholder {
	color: transparent;
}
textarea:focus::-moz-placeholder {
	color: transparent;
}
textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input[type=reset], input[type=button], input[type=submit] {
	line-height: normal !important;
	cursor: pointer;
}
input[type=button], input[type=text], input[type=image], input[type=submit] {
	-webkit-appearance: none;
}
input:checked[type=checkbox] {
	background-color: #fff;
	-webkit-appearance: checkbox;
}

input {
	color: inherit;
}
input::-webkit-input-placeholder {
	color: inherit;
}
input::-moz-placeholder {
	color: inherit;
}
input:-ms-input-placeholder {
	color: inherit;
}
input:-moz-placeholder {
	color: inherit;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus:-moz-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder {
	color: transparent;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: inherit;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	box-shadow: 0 0 0px 1000px white inset;
}

select::-ms-expand {
	display: none;
}

input[type=date]::-webkit-clear-button {
	display: none;
}
input[type=date]::-webkit-inner-spin-button {
	display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
	color: #343434;
	background: #fff;
}
input[type=date] {
	-moz-appearance: none;
	     appearance: none;
	-webkit-appearance: none;
	display: inline-block !important;
	visibility: visible !important;
}
input[type=date], input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

@media print {
	code[class*=language-], pre[class*=language-] {
		text-shadow: none;
	}

	html * {
		color: #000;
		background: #fff;
	}
}
/* wrap */
.wrap {
	position: relative;
	padding: 80px 0 0 300px;
	min-width: 1200px;
	width: 100%;
	height: 100vh;
	background: #F5F5F5;
}

/* nav */
.lnb {
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
	width: 300px;
	height: 100%;
	background: #000;
}

.lnb .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-left: 32px;
	height: 80px;
	background-color: #000;
	border-bottom: 1px solid #2b2b2b;
}

.lnb .logo a {
	display: block;
	width: 156px;
}

.lnb .logo .mo-menu-btn {
	display: none;
}

.lnb .menu-list {
	padding-top: 36px;
}

.lnb .menu-list .item + .item {
	margin-top: 16px;
}

.lnb .menu-list .item .tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 12.5px 36px 12.5px 0;
	width: 100%;
	text-align: left;
	font-size: 16px;
	color: #929292;
}

.lnb .menu-list .item .tit::before {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 2px;
	height: 24px;
	background: #fff;
}

.lnb .menu-list .item .tit.on {
	color: #fff;
	font-weight: 700;
}

.lnb .menu-list .item .tit.on::before {
	display: block;
}

.lnb .menu-list .item .tit .ico-menu {
	display: inline-block;
	margin: 0 30px 0 32px;
	width: 24px;
	height: 24px;
}

.lnb .menu-list .item .tit .ico-blog {
	background: url("../img/common/ico_menu_01_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-youtube {
	background: url("../img/common/ico_menu_02_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-instagram {
	background: url("../img/common/ico_menu_03_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-naver {
	background: url("../img/common/ico_menu_11_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-bemin {
	background: url("../img/common/ico_menu_12_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-kwt {
	background: url("../img/common/ico_menu_13_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-service {
	background: url("../img/common/ico_menu_04_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-guide {
	background: url("../img/common/ico_menu_05_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit .ico-point {
	background: url("../img/common/ico_menu_06_off.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-blog {
	background: url("../img/common/ico_menu_01_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-youtube {
	background: url("../img/common/ico_menu_02_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-instagram {
	background: url("../img/common/ico_menu_03_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-naver {
	background: url("../img/common/ico_menu_11_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-bemin {
	background: url("../img/common/ico_menu_12_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-kwt {
	background: url("../img/common/ico_menu_13_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-service {
	background: url("../img/common/ico_menu_04_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-guide {
	background: url("../img/common/ico_menu_05_on.png") no-repeat center/100% auto;
}

.lnb .menu-list .item .tit.on .ico-point {
	background: url("../img/common/ico_menu_06_on.png") no-repeat center/100% auto;
}

.mo-menu {
	display: none;
	z-index: 999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.mo-menu .inner {
	position: absolute;
	-webkit-transform-origin: right top;
	    -ms-transform-origin: right top;
	        transform-origin: right top;
	right: -100%;
	top: 0;
	width: calc(100% - 80px);
	height: 100%;
	background-color: #000;
}

.mo-menu .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 40px;
	height: 108px;
	border-bottom: 1px solid #2b2b2b;
}

.mo-menu .logo a {
	display: block;
	width: 232px;
}

.mo-menu .logo .mo-menu-btn {
	display: block;
	padding: 8px;
	width: 64px;
}

.mo-menu .menu-list {
	overflow: hidden auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 80px 0;
	height: calc(100% - 80px);
}

.mo-menu .menu-list .item .tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 40px 48px;
	width: 100%;
	font-size: 40px;
	color: #929292;
}

.mo-menu .menu-list .item .tit.on {
	color: #fff;
	font-weight: 700;
}

.mo-menu .menu-list .item .tit .ico-menu {
	display: inline-block;
	margin-right: 48px;
	width: 48px;
	height: 48px;
}

.mo-menu .menu-list .item .tit .ico-blog {
	background: url("../img/common/ico_menu_01_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-youtube {
	background: url("../img/common/ico_menu_02_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-instagram {
	background: url("../img/common/ico_menu_03_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-naver {
	background: url("../img/common/ico_menu_11_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-bemin {
	background: url("../img/common/ico_menu_12_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-kwt {
	background: url("../img/common/ico_menu_13_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-service {
	background: url("../img/common/ico_menu_04_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-guide {
	background: url("../img/common/ico_menu_05_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit .ico-point {
	background: url("../img/common/ico_menu_06_off.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-blog {
	background: url("../img/common/ico_menu_01_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-youtube {
	background: url("../img/common/ico_menu_02_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-instagram {
	background: url("../img/common/ico_menu_03_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-naver {
	background: url("../img/common/ico_menu_11_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-bemin {
	background: url("../img/common/ico_menu_12_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-kwt {
	background: url("../img/common/ico_menu_13_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-service {
	background: url("../img/common/ico_menu_04_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-guide {
	background: url("../img/common/ico_menu_05_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .item .tit.on .ico-point {
	background: url("../img/common/ico_menu_06_on.png") no-repeat center/100% auto;
}

.mo-menu .menu-list .user-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin-top: 100px;
	padding-right: 48px;
	color: #fff;
}

.mo-menu .menu-list .user-menu li a {
	font-size: 32px;
}

.mo-menu .menu-list .user-menu .logout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.mo-menu .menu-list .user-menu .logout::after {
	content: "";
	display: block;
	margin: 0 32px;
	width: 2px;
	height: 24px;
	background-color: #fff;
}

.mo-menu .menu-list .user-menu .user a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.mo-menu .menu-list .user-menu .user a img {
	display: block;
	margin-right: 8px;
	width: 56px;
}

/* frame */
.frame {
	position: relative;
	width: 100%;
}

.frame .title-header {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	padding: 0 32px;
	width: calc(100% - 300px);
	height: 80px;
	z-index: 2;
	background: #fff;
	border-bottom: 1px solid #DEDEDE;
}

.frame .user-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.frame .user-menu li a {
	font-size: 16px;
}

.frame .user-menu .logout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.frame .user-menu .logout::after {
	content: "";
	display: block;
	margin: 0 16px;
	width: 1px;
	height: 14px;
	background-color: #000;
}

.frame .user-menu .user a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.frame .user-menu .user a img {
	display: block;
	margin-right: 8px;
	width: 28px;
}

/* contents */
.contents {
	padding: 48px 36px 40px 110px;
	width: 100%;
}

.contents .inner {
	max-width: 1200px;
	width: 100%;
}

@media (max-width: 1400px) {
	.contents {
		padding: 48px 36px 40px 60px;
	}
}
@media (max-width: 900px) {
	.wrap {
		padding: 108px 0 0 0;
		min-width: auto;
	}

	.lnb {
		width: 100%;
		height: 108px;
	}

	.lnb .logo {
		padding: 0 40px;
		height: 108px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.lnb .logo a {
		width: 232px;
	}

	.lnb .logo .mo-menu-btn {
		display: block;
		padding: 8px;
		width: 64px;
	}

	.lnb .menu-list {
		display: none;
	}

	.frame .title-header {
		display: none;
	}

	.frame .user-menu {
		display: none;
	}

	.contents {
		padding: 80px 40px;
	}
}
@media (max-width: 720px) {
	.wrap {
		padding: 15vw 0 0 0;
	}

	.lnb {
		height: 15vw;
	}

	.lnb .logo {
		padding: 0 5.56vw;
		height: 15vw;
	}

	.lnb .logo a {
		width: 32.22vw;
	}

	.lnb .logo .mo-menu-btn {
		padding: 1.11vw;
		width: 8.89vw;
	}

	.contents {
		padding: 11.11vw 5.56vw;
	}

	.mo-menu .inner {
		width: calc(100% - 11.11vw);
	}

	.mo-menu .logo {
		padding: 0 5.56vw;
		height: 15vw;
	}

	.mo-menu .logo a {
		width: 32.22vw;
	}

	.mo-menu .logo .mo-menu-btn {
		padding: 1.11vw;
		width: 8.89vw;
	}

	.mo-menu .menu-list {
		padding: 11.11vw 0;
		height: calc(100% - 11.11vw);
	}

	.mo-menu .menu-list .item .tit {
		padding: 5.56vw 6.67vw;
		font-size: 5.56vw;
	}

	.mo-menu .menu-list .item .tit .ico-menu {
		margin-right: 6.67vw;
		width: 6.67vw;
		height: 6.67vw;
	}

	.mo-menu .menu-list .user-menu {
		margin-top: 13.89vw;
		padding-right: 6.67vw;
	}

	.mo-menu .menu-list .user-menu li a {
		font-size: 4.44vw;
	}

	.mo-menu .menu-list .user-menu .logout::after {
		margin: 0 4.44vw;
		width: 0.28vw;
		height: 3.33vw;
	}

	.mo-menu .menu-list .user-menu .user a img {
		margin-right: 1.11vw;
		width: 7.78vw;
	}
}
body.popView {
	overflow: hidden;
	height: 100vh;
}

.blind, input[type=checkbox] {
	display: none;
	overflow: hidden;
	border: 0;
	position: relative;
	z-index: -1;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
}

.pc-only {
	display: block !important;
}

.mo-only {
	display: none !important;
}

.text-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.flex-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.flex-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.mt-1 {
	margin-top: 10px !important;
}

.pt-1 {
	padding-top: 10px !important;
}

.mt-2 {
	margin-top: 20px !important;
}

.pt-2 {
	padding-top: 20px !important;
}

.mt-3 {
	margin-top: 30px !important;
}

.pt-3 {
	padding-top: 30px !important;
}

.mt-4 {
	margin-top: 40px !important;
}

.pt-4 {
	padding-top: 40px !important;
}

.mt-5 {
	margin-top: 50px !important;
}

.pt-5 {
	padding-top: 50px !important;
}

.mt-6 {
	margin-top: 60px !important;
}

.pt-6 {
	padding-top: 60px !important;
}

.mt-7 {
	margin-top: 70px !important;
}

.pt-7 {
	padding-top: 70px !important;
}

.mt-8 {
	margin-top: 80px !important;
}

.pt-8 {
	padding-top: 80px !important;
}

.mt-9 {
	margin-top: 90px !important;
}

.pt-9 {
	padding-top: 90px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.mb-1 {
	margin-bottom: 10px !important;
}

.pb-1 {
	padding-bottom: 10px !important;
}

.mb-2 {
	margin-bottom: 20px !important;
}

.pb-2 {
	padding-bottom: 20px !important;
}

.mb-3 {
	margin-bottom: 30px !important;
}

.pb-3 {
	padding-bottom: 30px !important;
}

.mb-4 {
	margin-bottom: 40px !important;
}

.pb-4 {
	padding-bottom: 40px !important;
}

.mb-5 {
	margin-bottom: 50px !important;
}

.pb-5 {
	padding-bottom: 50px !important;
}

.mb-6 {
	margin-bottom: 60px !important;
}

.pb-6 {
	padding-bottom: 60px !important;
}

.mb-7 {
	margin-bottom: 70px !important;
}

.pb-7 {
	padding-bottom: 70px !important;
}

.mb-8 {
	margin-bottom: 80px !important;
}

.pb-8 {
	padding-bottom: 80px !important;
}

.mb-9 {
	margin-bottom: 90px !important;
}

.pb-9 {
	padding-bottom: 90px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.mr-1 {
	margin-right: 10px !important;
}

.pr-1 {
	padding-right: 10px !important;
}

.mr-2 {
	margin-right: 20px !important;
}

.pr-2 {
	padding-right: 20px !important;
}

.mr-3 {
	margin-right: 30px !important;
}

.pr-3 {
	padding-right: 30px !important;
}

.mr-4 {
	margin-right: 40px !important;
}

.pr-4 {
	padding-right: 40px !important;
}

.mr-5 {
	margin-right: 50px !important;
}

.pr-5 {
	padding-right: 50px !important;
}

.mr-6 {
	margin-right: 60px !important;
}

.pr-6 {
	padding-right: 60px !important;
}

.mr-7 {
	margin-right: 70px !important;
}

.pr-7 {
	padding-right: 70px !important;
}

.mr-8 {
	margin-right: 80px !important;
}

.pr-8 {
	padding-right: 80px !important;
}

.mr-9 {
	margin-right: 90px !important;
}

.pr-9 {
	padding-right: 90px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.ml-1 {
	margin-left: 10px !important;
}

.pl-1 {
	padding-left: 10px !important;
}

.ml-2 {
	margin-left: 20px !important;
}

.pl-2 {
	padding-left: 20px !important;
}

.ml-3 {
	margin-left: 30px !important;
}

.pl-3 {
	padding-left: 30px !important;
}

.ml-4 {
	margin-left: 40px !important;
}

.pl-4 {
	padding-left: 40px !important;
}

.ml-5 {
	margin-left: 50px !important;
}

.pl-5 {
	padding-left: 50px !important;
}

.ml-6 {
	margin-left: 60px !important;
}

.pl-6 {
	padding-left: 60px !important;
}

.ml-7 {
	margin-left: 70px !important;
}

.pl-7 {
	padding-left: 70px !important;
}

.ml-8 {
	margin-left: 80px !important;
}

.pl-8 {
	padding-left: 80px !important;
}

.ml-9 {
	margin-left: 90px !important;
}

.pl-9 {
	padding-left: 90px !important;
}

@media all and (max-width: 750px) {
	.mt-0 {
		margin-top: 0vw !important;
	}

	.pt-0 {
		padding-top: 0vw !important;
	}

	.mt-1 {
		margin-top: 1.39vw !important;
	}

	.pt-1 {
		padding-top: 1.39vw !important;
	}

	.mt-2 {
		margin-top: 2.78vw !important;
	}

	.pt-2 {
		padding-top: 2.78vw !important;
	}

	.mt-3 {
		margin-top: 4.17vw !important;
	}

	.pt-3 {
		padding-top: 4.17vw !important;
	}

	.mt-4 {
		margin-top: 5.56vw !important;
	}

	.pt-4 {
		padding-top: 5.56vw !important;
	}

	.mt-5 {
		margin-top: 6.95vw !important;
	}

	.pt-5 {
		padding-top: 6.95vw !important;
	}

	.mt-6 {
		margin-top: 8.34vw !important;
	}

	.pt-6 {
		padding-top: 8.34vw !important;
	}

	.mt-7 {
		margin-top: 9.73vw !important;
	}

	.pt-7 {
		padding-top: 9.73vw !important;
	}

	.mt-8 {
		margin-top: 11.12vw !important;
	}

	.pt-8 {
		padding-top: 11.12vw !important;
	}

	.mt-9 {
		margin-top: 12.51vw !important;
	}

	.pt-9 {
		padding-top: 12.51vw !important;
	}

	.mb-0 {
		margin-bottom: 0vw !important;
	}

	.pb-0 {
		padding-bottom: 0vw !important;
	}

	.mb-1 {
		margin-bottom: 1.39vw !important;
	}

	.pb-1 {
		padding-bottom: 1.39vw !important;
	}

	.mb-2 {
		margin-bottom: 2.78vw !important;
	}

	.pb-2 {
		padding-bottom: 2.78vw !important;
	}

	.mb-3 {
		margin-bottom: 4.17vw !important;
	}

	.pb-3 {
		padding-bottom: 4.17vw !important;
	}

	.mb-4 {
		margin-bottom: 5.56vw !important;
	}

	.pb-4 {
		padding-bottom: 5.56vw !important;
	}

	.mb-5 {
		margin-bottom: 6.95vw !important;
	}

	.pb-5 {
		padding-bottom: 6.95vw !important;
	}

	.mb-6 {
		margin-bottom: 8.34vw !important;
	}

	.pb-6 {
		padding-bottom: 8.34vw !important;
	}

	.mb-7 {
		margin-bottom: 9.73vw !important;
	}

	.pb-7 {
		padding-bottom: 9.73vw !important;
	}

	.mb-8 {
		margin-bottom: 11.12vw !important;
	}

	.pb-8 {
		padding-bottom: 11.12vw !important;
	}

	.mb-9 {
		margin-bottom: 12.51vw !important;
	}

	.pb-9 {
		padding-bottom: 12.51vw !important;
	}

	.mr-0 {
		margin-right: 0vw !important;
	}

	.pr-0 {
		padding-right: 0vw !important;
	}

	.mr-1 {
		margin-right: 1.39vw !important;
	}

	.pr-1 {
		padding-right: 1.39vw !important;
	}

	.mr-2 {
		margin-right: 2.78vw !important;
	}

	.pr-2 {
		padding-right: 2.78vw !important;
	}

	.mr-3 {
		margin-right: 4.17vw !important;
	}

	.pr-3 {
		padding-right: 4.17vw !important;
	}

	.mr-4 {
		margin-right: 5.56vw !important;
	}

	.pr-4 {
		padding-right: 5.56vw !important;
	}

	.mr-5 {
		margin-right: 6.95vw !important;
	}

	.pr-5 {
		padding-right: 6.95vw !important;
	}

	.mr-6 {
		margin-right: 8.34vw !important;
	}

	.pr-6 {
		padding-right: 8.34vw !important;
	}

	.mr-7 {
		margin-right: 9.73vw !important;
	}

	.pr-7 {
		padding-right: 9.73vw !important;
	}

	.mr-8 {
		margin-right: 11.12vw !important;
	}

	.pr-8 {
		padding-right: 11.12vw !important;
	}

	.mr-9 {
		margin-right: 12.51vw !important;
	}

	.pr-9 {
		padding-right: 12.51vw !important;
	}

	.ml-0 {
		margin-left: 0vw !important;
	}

	.pl-0 {
		padding-left: 0vw !important;
	}

	.ml-1 {
		margin-left: 1.39vw !important;
	}

	.pl-1 {
		padding-left: 1.39vw !important;
	}

	.ml-2 {
		margin-left: 2.78vw !important;
	}

	.pl-2 {
		padding-left: 2.78vw !important;
	}

	.ml-3 {
		margin-left: 4.17vw !important;
	}

	.pl-3 {
		padding-left: 4.17vw !important;
	}

	.ml-4 {
		margin-left: 5.56vw !important;
	}

	.pl-4 {
		padding-left: 5.56vw !important;
	}

	.ml-5 {
		margin-left: 6.95vw !important;
	}

	.pl-5 {
		padding-left: 6.95vw !important;
	}

	.ml-6 {
		margin-left: 8.34vw !important;
	}

	.pl-6 {
		padding-left: 8.34vw !important;
	}

	.ml-7 {
		margin-left: 9.73vw !important;
	}

	.pl-7 {
		padding-left: 9.73vw !important;
	}

	.ml-8 {
		margin-left: 11.12vw !important;
	}

	.pl-8 {
		padding-left: 11.12vw !important;
	}

	.ml-9 {
		margin-left: 12.51vw !important;
	}

	.pl-9 {
		padding-left: 12.51vw !important;
	}
}
.c-blue {
	color: #0557F8 !important;
}

.c-red {
	color: #F0142F !important;
}

.bold {
	font-weight: 700 !important;
}

.btn-con {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 48px;
}

.btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 16px 42px;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	border-radius: 8px;
	background: #000;
}

input::-webkit-input-placeholder {
	font-size: inherit;
	color: #888888;
}

input::-moz-placeholder {
	font-size: inherit;
	color: #888888;
}

input:-ms-input-placeholder {
	font-size: inherit;
	color: #888888;
}

input::-ms-input-placeholder {
	font-size: inherit;
	color: #888888;
}

input::placeholder {
	font-size: inherit;
	color: #888888;
}

.inp-con input {
	padding: 0 20px;
	width: 100%;
	height: 56px;
	font-size: 20px;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	background-color: #fff;
}

.inp-con select {
	padding: 0 20px;
	width: 100%;
	height: 56px;
	font-size: 20px;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	color: #353535;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background: url("../img//common/ico_arrow_down.svg") no-repeat right 12px center/16px 16px;
	background-color: #fff;
}

.inp-con select::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img//common/ico_arrow_down.svg") no-repeat center/100% auto;
}

.inp-con select::-ms-expand {
	display: none;
}

@media (max-width: 900px) {
	.inp-con input {
		padding: 0 32px;
		height: 108px;
		font-size: 32px;
		border-radius: 8px;
	}

	.inp-con select {
		padding: 0 32px;
		height: 108px;
		font-size: 32px;
		border-radius: 8px;
		background-position: right 24px center;
		background-size: 32px auto;
	}

	.btn-con {
		margin-top: 96px;
	}

	.btn {
		padding: 0;
		width: 100%;
		height: 120px;
		font-size: 40px;
		border-radius: 8px;
	}
}
@media (max-width: 720px) {
	.inp-con input {
		padding: 0 4.44vw;
		height: 15vw;
		font-size: 4.44vw;
		border-radius: 1.11vw;
	}

	.inp-con select {
		padding: 0 4.44vw;
		height: 15vw;
		font-size: 4.44vw;
		border-radius: 1.11vw;
		background-position: right 3.33vw center;
		background-size: 4.44vw auto;
	}

	.btn-con {
		margin-top: 13.33vw;
	}

	.btn {
		height: 16.67vw;
		font-size: 5.56vw;
		border-radius: 1.11vw;
	}
}
/*# sourceMappingURL=maps/common.css.map */
