@font-face{
	font-family:"NotoSansCJKkr-Bold";
	src:
	url('../fonts/NotoSans-Bold.otf') format('truetype'),
	url('../fonts/NotoSansCJKkr-Bold-Alphabetic.eot') format('embedded-opentype'),
	url('../fonts/NotoSansCJKkr-Bold-Alphabetic.woff') format('woff'),
	url('../fonts/NotoSansCJKkr-Bold-Alphabetic.ttf') format('truetype');
}

@font-face{
	font-family:"NotoSansCJKkr-DemiLight";
	src:
	url('../fonts/NotoSans-DemiLight.otf') format('truetype'),
	url('../fonts/NotoSansCJKkr-DemiLight-Alphabetic.eot') format('embedded-opentype'),
	url('../fonts/NotoSansCJKkr-DemiLight-Alphabetic.woff') format('woff'),
	url('../fonts/NotoSansCJKkr-DemiLight-Alphabetic.ttf') format('truetype');
}

@font-face{
	font-family:"NotoSansCJKkr-Light";
	src:
	url('../fonts/NotoSans-Light.otf') format('truetype'),
	url('../fonts/NotoSansCJKkr-Light-Alphabetic.eot') format('embedded-opentype'),
	url('../fonts/NotoSansCJKkr-Light-Alphabetic.woff') format('woff'),
	url('../fonts/NotoSansCJKkr-Light-Alphabetic.ttf') format('truetype');
}

@font-face{
	font-family:"NotoSansCJKkr-Medium";
	src:
	url('../fonts/NotoSans-Medium.otf') format('truetype'),
	url('../fonts/NotoSansCJKkr-Medium-Alphabetic.eot') format('embedded-opentype'),
	url('../fonts/NotoSansCJKkr-Medium-Alphabetic.woff') format('woff'),
	url('../fonts/NotoSansCJKkr-Medium-Alphabetic.ttf') format('truetype');
}

@font-face{
	font-family:"NotoSansCJKkr-Regular";
	src:
	url('../fonts/NotoSans-Regular.otf') format('truetype'),
	url('../fonts/NotoSansCJKkr-Regular-Alphabetic.eot') format('embedded-opentype'),
	url('../fonts/NotoSansCJKkr-Regular-Alphabetic.woff') format('woff'),
	url('../fonts/NotoSansCJKkr-Regular-Alphabetic.ttf') format('truetype');
}

/* Color Palette */
.mc { background: #393838; }
.sc { background: #254785; }
.tc { background: #b69268; }
.fc { background: #b7b7b7; }
.uc { background: #8e2724; }


html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, table, tr, th, td
{
	margin: 0;
	padding: 0;
	font-size:inherit;
	font-family: "NotoSansCJKkr-DemiLight","Helvetica Neue",Helvetica,Arial,sans-serif;
}

body {
	font-size:14px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding:0px;
}

li { list-style-type:none; }
a { text-decoration:none; color: inherit; }
a:hover { text-decoration:none; color:inherit; }
.pointer { cursor:pointer; }
.clear { clear:both; }
.relative { position:relative; }
.absolute { position:absolute; }
.f-left { float:left; }
.f-right { float:right; }
.wrap { width:100%; }
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.ml-20 { margin-left:20px; }
.mb-20 { margin-bottom:20px; }
.ml-50 { margin-left:50px; }
.mt-50 { margin-top:50px; }
.ml-100 { margin-left:100px; }
.mt-100 { margin:100px auto 0 auto !important; }
.ml-150 { margin-left:150px; }
.mt-200 { margin-top:200px; }
.pl-80 { padding-left:80px; }
.pt-20 { padding-top:20px; }
.ta-center { text-align:center; }
.scale-150 { width:100%; height:150px; }
.hidden { display:none; }
.wid-300 { width:300px; }
.wid-350 { width:350px; }
.wid-370 { width:370px; }
.wid-420 { width:420px; }
.strong { font-family: "NotoSansCJKkr-Bold"; line-height:2.5;}

.header {
	color:#fff;
	font-size:18px;
}

.h-logo {
	width:fit-content;
	padding:10px;
	overflow:hidden;
	float:left;
	margin-left:20px;
}

.h-logo>a { display:flex; align-items:center; }

.h-logo a>img:nth-child(1){
	width:100px;
}

.h-logo a>img:nth-child(2){
	width:150px;
	margin-left:30px;
}

.gnb {
	float:right;
	width:800px;
	margin:15px 30px;
}

.mobile-gnb {
	background:rgba(37,73,133,0.9);
	display:none;
	z-index:1;
	top:-300px;
}

.mainmenu {
	width:800px;
	height:50px;
}

.mainmenu li {
	width:200px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

.mainmenu li:hover {
	background:#aaa;
}

.sm-section {
	width:800px;
	display:none;
	z-index:1;
}

.submenu {
	float:left;
}

.submenu li {
	width:200px;
	height:50px;
	text-align:center;
	line-height:50px;
}

.submenu li:hover {
	background:#aaa;
}

#mask {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:1;
	background-color: rgba(0,0,0,0.5);
	display:none;
}

.modal-body {
	width:33%;
	background:#fff;
	border-radius:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.modal-img {
	margin-top:20px;
	width:100%;
}

.modal-text {
	font-size:24px;
	text-align:center;
	padding-bottom:10px;
}

.content {
	width:100%;
	display:block;
}

.c-section {
	width:100%;
	border-top:2px solid #acacac;
	margin-top:150px;
}

.cs-title {
	height:80px;
	font-size:40px;
	color:#fff;
	text-align:center;
	line-height:80px;
	margin:auto;
}

.cs-section-2 {
	width:950px;
	margin:100px auto;
}

.cs-section-3 {
	width:1500px;
	margin:100px auto;
}

.css-certificate {
	width:394px;
	border:3px solid #ccc;
}

.css-certificate>img {
	width:100%;
	height:557px;
}

.main-mark {
	width:30%;
	margin:200px auto;
}

.main-mark img {
	width:100%;
}

.main-location-pdf {
	display:block;
	width:218px;
	height:58px;
	margin:auto;
	border:1px solid #b69268;
	border-radius:4px;
	color:#b69268;
	line-height:60px;
	font-size:22px;
	font-weight:700;
	text-align:center;
	transition:0.2s all;
}

.main-location-pdf:hover {
	background-color:#b69268;
	color:#fff;
}

.main-features {
	width:1400px;
	height:520px;
	margin:200px auto;
}

.mf-circle {
	width:400px;
	margin-left:100px;
}
.mf-circle:first-child {
	margin:0;
}

.main-circle {
	width:290px;
	height:290px;
	border-radius:170px;
	font-size:70px;
	line-height:290px;
	text-align:center;
	font-weight:bold;
	margin:auto;
}

.mfsa-title {
	border:25px solid #254785;
	color: #254785;
}

.mfst-title {
	border:25px solid #b69268;
	color: #b69268;
}

.mfsp-title {
	border:25px solid #b7b7b7;
	color: #b7b7b7;
}

.sub-circle {
	width:40px;
	height:40px;
	border-radius:20px;
	margin:30px auto;
}

.mf-desc {
	font-size:18px;
	text-align:center;
	word-spacing:5px;
	letter-spacing:-1px;
}

.main-video {
	width:1500px;
	margin:auto;
}

.video-title {
	font-size:50px;
	color:#254785;
	margin-top:150px;
	margin-bottom:50px;
}

.main-video video {
	width:100%;
}

.main-video-2 {
	width:1500px;
	margin:auto;
}

.main-video-2 :nth-child(2) {
	width:33.333%;
	margin-left:33.333%;
}

.main-video-2 video:last-child {
	width:100%;
}

.main-video iframe {
	width:100%;
	height:700px;
}

.main-table {
	width:1500px;
	margin:auto;
	word-spacing:5px;
	letter-spacing:-1px;
}

.table-title {
	font-size:50px;
	color:#254785;
	margin-top:150px;
	margin-bottom:50px;
}

.main-table table {
	width:100%;
	font-size:24px;
	vertical-align:center;
	border-collapse:collapse;
	word-spacing:5px;
	letter-spacing:-1px;
}

.main-table table li {
	list-style-type: disc;
}

.main-table thead th:first-child {
	background:#051445;
}

.main-table th {
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	background:#254785;
	padding:20px;
}

.main-table td {
	border:1px solid #333;
	color:#333;
	padding:20px;
}

.main-table td img {
	width:100%;
}

.main-slide {
	width:1500px;
	height:600px;
	overflow:hidden;
	margin:50px auto;
}

.slide-10 {
	width:15000px;
	height:100%;
}

.slide-8 {
	width:12000px;
	height:100%;
}

.slide-6 {
	width:9000px;
	height:100%;
}

.slide-5 {
	width:7500px;
	height:100%;
}

.main-slide>ul>li {
	width:1500px;
	height:100%;
	float:left;
}

.main-slide>ul>li>img {
	width:100%;
	height:100%;
}

.slide-arrow {
	font-size:50px;
	font-weight:900;
	top:35%;
	transform: translate(0,50%);
}

.left-arrow {
	left:130px;
}

.right-arrow {
	right:130px;
}

.one-row {
	top:41%;
}

.main-view-6 {
	width:640px;
	margin:auto;
}

.main-view-8 {
	width:860px;
	margin:auto;
}

.main-view-10 {
	width:1080px;
	margin:auto;
}

.view-part {
	width:200px;
	height:120px;
	float:left;
}

.view-img {
	width:100%;
	height:100%;
}

.main-content {
	width:1300px;
	margin:auto;
}

.main-content>a {
	width:160px;
	display:block;
	position:absolute;
	top:30px;
	right:0;
	padding:5px 10px;
	border:1px solid #254785;
	color:#254785;
	font-size:20px;
	font-weight:900;
	text-align:center;
	transition: all 0.4s;
}

.main-content>a:hover {
	color:#fff;
	background:#254785;
}

.mc-title {
	font-size:50px;
	color:#254785;
	margin-top:150px;
	margin-bottom:50px;
}

.mc-desc {
	font-size:24px;
	color:#333;
}

.mc-table {
	width:1000px;
	font-size:24px;
	border-collapse:collapse;
	margin:100px auto;
}

.mc-table th {
	border:1px solid #333;
	background:#7c7c7c;
	color:#fff;
	text-align:center;
	padding:10px;
}

.mc-table td {
	border:1px solid #333;
	color:#333;
	padding:20px 40px;
}

.ul-content {
	width:1500px;
	margin:100px auto;
}

.ul-mark {
	width:340px;
	margin:auto;
	margin-bottom:100px;
}

.ul-mark img {
	width:150px;
	margin-left:95px;
}

.ul-mark p {
	font-size:24px;
	text-align:center;
}

.ul-desc {
	margin-top:100px;
	font-size:26px;
	word-spacing:5px;
	letter-spacing:-1px;
}

.ul-desc h1 {
	font-size:36px;
	color:#8e2724;
	font-family: "NotoSansCJKkr-Bold";
	margin-bottom:30px;
	line-height:1.6;
}

.ul-desc p span {
	font-family: "NotoSansCJKkr-Bold";
}

.font-mc {
	color:#254785;
}

.font-uc {
	color:#8e2724;
}

.ul-table {
	width:100%;
	margin:150px auto;
	border-collapse:collapse;
}

.ul-table th {
	color:#fff;
	font-size:30px;
	padding:20px 40px;
	text-align:left;
	border:1px solid #254785;
}

.ul-table td {
	border:1px solid #254785;
	padding-bottom:30px;
}

.ul-table td p {
	font-size:22px;
	line-height:1.6;
}

.ut-title {
	width:1400px;
	height:40px;
	margin:auto;
	font-size:26px;
	color:#254785;
	border-bottom:2px solid #254785;
	padding:20px;
}

.ut-desc {
	width:1500px;
	border-bottom:1px solid #254785;
	display:none;
}

.ut-desc:last-child {
	border:0;
}

.ut-desc p {
	padding:40px 0 80px 80px;
}

.ul-section {
	width:1500px;
	margin:150px auto;
}

.us-desc {
	width:600px;
	margin:auto;
}

.us-desc h1 {
	font-size:24px;
}

.us-desc p {
	font-size:20px;
	margin-top:30px;
}

.us-mark {
	width:690px;
	margin:50px auto;
}

.us-mark p {
	width:184px;
	font-size:20px;
	margin-top:60px;
}

.us-mark img {
	width:280px;
	margin-left:-10px;
}

.us-section {
	width:1200px;
	margin:50px auto;
}

.us-section .us-mark {
	width:430px;
}

.us-section .us-mark p {
	width:110px;
}

.us-section .us-mark .us-reporter {
	margin:40px 0 0 50px;
}

.us-section .us-mark .us-reviewer {
	margin-top:40px;
}

.us-section .us-mark img.f-right{
	margin-right:30px;
}

.quardcore-content {
	max-width:1300px;
	padding:20px;
	margin:100px auto 300px auto;
}

.quardcore-content>a {
	width:160px;
	display:block;
	padding:5px 10px;
	margin-top:20px;
	border:1px solid #254785;
	color:#254785;
	font-size:20px;
	font-weight:900;
	text-align:center;
	transition: all 0.4s;
}

.quardcore-content>a:hover {
	background-color:#254785;
	color:#fff;
}

.footer {
	color:#c3c3c3;
	font-size:18px;
	margin-top:200px;
}

.f-section {
	max-width:680px;
	margin:auto;
	padding:10px;
	line-height:50px;
}

.f-section::after {
	content:"";
	clear:both;
	display:block;
	text-align:center;
}

.f-text {
	float:left;
	text-align:center;
}

.footer .copyright {
	text-align:center;
	padding:10px 10px 20px 10px;
}

.w50 {width:50%;}
.w100 {width:100%;}



.contact-us-wrap { display:flex; flex-direction:column; align-items:center; }
.contact-us-header { border-bottom:2px solid #100070; text-align:center; margin-top:80px; padding-bottom:20px; width:100%; max-width:800px; }
.contact-us-header>h2 { font-size:45px; font-weight:400; margin-bottom:10px; }
.contact-us-header>h3 { font-size:25px; font-weight:600; color:#100070; margin-bottom:10px; }
.contact-us-header>p { color:#666; }
#form-contact-us { max-width:550px; width:100%; padding-top:30px; }
#form-contact-us>label { display:flex; min-height:50px; align-items:center; border-bottom:1px solid #333; }
#form-contact-us>label>p { width:100px; padding-left:20px; box-sizing: border-box; }
#form-contact-us>label>input { border:none; outline:none; height:50px; flex:1; margin-right:20px; }
#form-contact-us>label>textarea { border:none; margin:20px; margin-left:0; outline:none; font-size: 13px; font-weight: 500; color: #333; font-family: 'NotoSansCJKkr-DemiLight'; resize:none; flex:1; min-height: 150px; }
#form-contact-us>label[for="desc"] { align-items:start; }
#form-contact-us>label[for="desc"]>p { margin-top:20px; }
#form-contact-us>label>textarea::-webkit-scrollbar { width: 6px; height: 8px; background-color: #D3D5DB; border-radius: 3px; }
#form-contact-us>label>textarea::-webkit-scrollbar-thumb { width: 6px; height: 8px; background-color: #485B7C; border-radius: 3px; }
#form-contact-us>label[for="file"]>input { height:auto; }
#form-contact-us>div { display:flex; justify-content:right; margin-top:20px; }

@media (max-width:1200px) {
	.gnb { width:460px; margin: 15px 25px; }
	.mainmenu { width:460px; }
	.sm-section { width:460px; }
	.mainmenu li { width:112px; }
	.submenu li { width:112px; }
}

@media (max-width: 970px) {
	.h-logo a>img:nth-child(1) { width:80px; }
	.h-logo a>img:nth-child(2) { width:120px; }
}

@media (max-width: 800px) {

	.mt-100 {
		margin-top:50px;
	}

	.h-logo {
		margin:0;
	}

	.gnb {
		display:none;
	}

	.g_icon {
		width:40px;
		height:40px;
		float:right;
		margin: 18px;
	}

	.gi_horizon {
		width:30px;
		height:3px;
		background:#fff;
		border-radius:1.5px;
		margin:auto;
		margin-top: 8px;
	}

	.mobile-gnb {
		width:100%;
		font-size:18px;
		color:#fff;
		z-index:1;
		top:75px;
	}

	.mg-menu {
		width:100%;
	}

	.mg-menu>li {
		width:100%;
		text-align:center;
		padding:15px 0;
		color:#b69268;
	}

	.mg-menu>ul {
		display:none;
	}

	.mg-menu>ul li {
		width:100%;
		text-align:center;
		padding:15px 0;
	}

	.main-mark {
		width:50%;
		margin:200px auto;
	}

	.main-location-pdf {
		width:148px;
		height:38px;
		font-size:16px;
		line-height:38px;
	}

	.main-features {
		width:360px;
		height:1500px;
		margin:200px auto;
	}

	.mf-circle {
		width:360px;
		margin-top:100px;
		margin-left:0;
	}

	.main-circle {
		width:240px;
		height:240px;
		border-radius:140px;
		font-size:50px;
		line-height:240px;
		text-align:center;
		font-weight:bold;
		margin:auto;
	}

	.mfsa-title {
		border:20px solid #254785;
	}
	
	.mfst-title {
		border:20px solid #b69268;
	}
	
	.mfsp-title {
		border:20px solid #b7b7b7;
	}
	
	.sub-circle {
		width:30px;
		height:30px;
		border-radius:15px;
		margin:30px auto;
	}

	.mf-desc {
		font-size:16px;
	}

	.main-video {
		width:90%;
		margin:auto;
	}
	
	.video-title {
		font-size:24px;
		color:#254785;
		margin-top:100px;
		margin-bottom:24px;
	}

	.main-video-2 {
		width:90%;
		margin:auto;
	}

	.main-video iframe {
		height:200px;
	}

	.c-section {
		border-top:1px solid #acacac;
		margin-top:100px;
	}
	
	.cs-title {
		width:200px;
		height:40px;
		font-size:20px;
		line-height:40px;
	}
	
	.cs-section-2 {
		width:240px;
		margin:100px auto;
	}
	
	.cs-section-3 {
		width:370px;
		margin:100px auto;
	}
	
	.css-certificate {
		width:106px;
		border:2px solid #ccc;
		margin-left:20px;
	}
	.css-certificate:first-child {
		margin:0;
	}
	
	.css-certificate>img {
		height:150px;
	}

	.modal-body {
		width:90%;
	}
	
	.modal-text {
		font-size:24px;
		text-align:center;
		padding-bottom:10px;
	}

	.main-table {
		width:360px;
	}
	
	.table-title {
		font-size:24px;
		margin-top:60px;
		margin-bottom:30px;
	}
	
	.main-table table {
		width:350px;
		font-size:12px;
	}
	
	.main-table th {
		padding:5px;
	}
	
	.main-table td {
		padding:10px;
	}

	.main-table td p {
		margin:0;
	}

	.main-slide {
		width:360px;
		height:200px;
		overflow:hidden;
		margin:50px auto;
	}
	
	.slide-10 {
		width:3600px;
		height:100%;
	}
	
	.slide-8 {
		width:2880px;
		height:100%;
	}

	.slide-6 {
		width:2160px;
		height:100%;
	}
	
	.slide-5 {
		width:1800px;
		height:100%;
	}
	
	.main-slide>ul>li {
		width:360px;
		height:100%;
		float:left;
	}
	
	.main-slide>ul>li>img {
		width:100%;
		height:100%;
	}
	
	.slide-arrow {
		font-size:30px;
		top:50%;
		transform: translate(0,100%);
		color:#b69268;
	}
	
	.left-arrow {
		left:5%;
	}
	
	.right-arrow {
		right:5%;
	}
	
	.one-row {
		top:50%;
	}
	
	.main-view-6, .main-view-8, .main-view-10 {
		display:none;
	}

	.main-content {
		width:360px;
		margin:auto;
	}

	.main-content>a {
		width:90px;
		top:65px;
		font-size:12px;
	}

	.main-content img {
		width:100%;
	}
	
	.mc-title {
		font-size:24px;
		color:#254785;
		margin-top:60px;
		margin-bottom:30px;
	}
	
	.mc-desc {
		font-size:14px;
		color:#333;
	}
	
	.mc-table {
		width:350px;
		font-size:12px;
		border-collapse:collapse;
		margin:60px auto;
	}
	
	.mc-table th {
		border:1px solid #333;
		background:#7c7c7c;
		color:#fff;
		text-align:center;
		padding:5px 0;
	}
	
	.mc-table td {
		border:1px solid #333;
		color:#333;
		padding:10px;
	}

	.ul-content {
		width:360px;
		margin:60px auto;
	}
	
	.ul-mark {
		width:240px;
		margin-bottom:60px;
	}
	
	.ul-mark img {
		width:100px;
		margin-left:70px;
	}
	
	.ul-mark p {
		font-size:16px;
	}
	
	.ul-desc {
		margin-top:60px;
		font-size:14px;
	}
	
	.ul-desc h1 {
		font-size:18px;
		margin-bottom:15px;
	}
	
	.ul-table {
		width:360px;
		margin:90px auto;
	}
	
	.ul-table th {
		font-size:18px;
		padding:5px 10px;
	}
	
	.ul-table td {
		padding-bottom:15px;
	}
	
	.ul-table td p {
		font-size:14px;
		line-height:1.6;
	}

	.pl-80 {
		padding:0 20px;
	}
	
	.ut-title {
		width:320px;
		height:25px;
		margin:auto;
		font-size:14px;
		color:#254785;
		border-bottom:2px solid #254785;
		padding:5px;
	}
	
	.ut-desc {
		width:360px;
		border-bottom:1px solid #254785;
		display:none;
	}
	
	.ut-desc:last-child {
		border:0;
	}
	
	.ut-desc p {
		padding:10px 20px 20px 20px;
	}

	.ul-section {
		width:360px;
		margin:90px auto;
	}
	
	.us-desc {
		width:300px;
		margin:auto;
	}
	
	.us-desc h1 {
		font-size:18px;
	}
	
	.us-desc p {
		font-size:14px;
		margin-top:15px;
	}
	
	.us-mark {
		width:360px;
		margin:50px auto;
	}
	
	.us-mark p {
		width:110px;
		font-size:12px;
		margin-top:35px;
	}
	
	.us-mark img {
		width:150px;
		margin-left:-25px;
	}

	.ml-50 {
		margin-left:10px;
	}
	
	.us-section {
		width:360px;
		margin:50px auto;
	}
	
	.us-section .us-mark {
		width:initial;
	}

	.us-section .us-mark img {
		width:120px;
	}
	
	.us-section .us-mark p {
		width:70px;
	}
	
	.us-section .us-mark .us-reporter {
		margin:15px 0 0 10px;
	}
	
	.us-section .us-mark .us-reviewer {
		margin-top:15px;
	}

	.footer {
		color:#c3c3c3;
		font-size:11px;
		margin-top:100px;
	}
	
	.f-section {
		width:355px;
		margin:auto;
		padding:10px;
		line-height:30px;
	}
	
	.f-text {
		float:left;
	}

	.footer hr {
		border:0.5px solid #aaa;
	}
	
	.footer .copyright {
		text-align:center;
		padding:10px;
	}

	.mt-200 { margin-top:100px; }
	.wid-370 { width:initial; }
	.wid-420 { width:initial; }
	.ml-50 { margin-left:20px; }

	.gnb { margin: 15px 10px; }
}



/* 로딩 */
.mask { display:block; position:fixed; top:0; bottom:0; left:0; right:0; background-color:#00000099; width:auto; height:auto; z-index:10; opacity:0; pointer-events:none; transition:opacity 0.3s; }
.mask.show { opacity:1; pointer-events:unset; }
.mask.show-important { opacity:1 !important; pointer-events:unset !important; }
.loader,
.loader:after { border-radius: 50%; width: 10em; height: 10em; pointer-events:none; }
.loader { font-size: 10px; position:relative; left:calc(50% - 50px); top:calc(50% - 50px); text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #ffffff; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }

@-webkit-keyframes load8 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes load8 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}