/* 공통 클래스 */
.sub-wrap {
	padding-top: 6rem;
	padding-bottom: 14rem;
}
.sub-banner {
	width: 100%;
	height: 387px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub-title {
	text-align: center;
	color: #fff;
}
.sub-title .title {
	font-size: 6rem;
    font-family: 'NSKB';
    letter-spacing: -0.2rem;
	opacity: 0;
	transform: translateY(30%);
	animation: sub-title 1s 0.5s ease forwards;
}
@keyframes sub-title {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.sub-title .caption {
	margin-top: 2rem;
    font-size: 2rem;
	font-family: 'NSKL';
	word-break: keep-all;
	padding: 0 2rem;
	opacity: 0;
	transform: translateY(30%);
	animation: sub-caption 1s 0.7s ease forwards;
}
@keyframes sub-caption {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.sub-container {
	width: 1343px;
	margin: 0 auto;
}
.
.history-back {
	margin-bottom: 2.6rem;
}
.bottom-info {
	margin-top: 2rem;
	line-height: 3.2rem;
}
strong {
	font-weight: normal;
	font-family: 'NSKB';
}
i {
	font-family: 'NSKD';
}
.input1 {
	height: 40px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding-left: 1.2rem;
}
.table-01 {
	margin-top: 6rem;
	width: 100%;
	border-top: 3px solid;
}
.table-01 th {
	font-size: 1.7rem;
    height: 68px;
    background-color: #f9f9f9;
    font-family: 'CDR';
	border-bottom: 1px dashed #555;
}
.table-01 th span {
	display: block;
	border-right: 1px dashed #aaa;
	padding: 0.4rem;
}
.table-01 th:last-child span {
	border-right: 0;
}
.table-01 td {
	height: 56px;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    font-family: 'CDR';
	padding: 0.4rem;
}
.table-02 {
	width: 100%;
	border-top: 3px solid;
}
.table-02 tr {
	border-bottom: 1px dashed #ccc;
}
.table-02 th {
	font-size: 1.7rem;
    height: 68px;
    background-color: #f9f9f9;
    font-family: 'CDR';
}
.table-02 td {
	height: 56px;
    font-size: 1.5rem;
    font-family: 'CDR';
	padding: 2rem;
}
.btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5.8rem;
}
.btn:not(:first-child) {
	margin-left: 1.8rem;
}
.btn1 {
	display: inline-block;
	min-width: 240px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	padding: 0 3rem;
	font-size: 2.4rem;
	color: #2e64fa;
	border: 1px solid #2e64fa;
	background-color: #fff;
	transition: background-color 0.2s, color 0.2s;
}
.btn1:hover {
	background-color: #2e64fa;
	color: #fff;
}
.btn2 {
	display: inline-block;
	min-width: 240px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	padding: 0 3rem;
	font-size: 2.4rem;
	border: 1px solid #000;
	background-color: #fff;
	transition: background-color 0.2s, color 0.2s;
}
.btn2:hover {
	background-color: #fff;
}
.btn3 {
	display: inline-block;
	min-width: 240px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	padding: 0 3rem;
	font-size: 2.4rem;
	color: #eb3762;
	border: 1px solid #eb3762;
	background-color: #fff;
	transition: background-color 0.2s, color 0.2s;
}
.btn3:hover {
	background-color: #eb3762;
	color: #fff;
}
.txt-red {
	color: #fe0000;
}
.txt-blue {
	color: #2d63fb;
}
.txt-60 {
	font-size: 6rem;
}
.txt-48 {
	font-size: 4.8rem;
	letter-spacing: -0.3rem;
}
.txt-46 {
	font-size: 4.8rem;
	letter-spacing: -0.3rem;
}
.txt-40 {
	font-size: 4rem;
	letter-spacing: -0.3rem;
}
.txt-36 {
	font-size: 3.6rem;
}
.txt-30 {
	font-size: 3rem;
}
.txt-28 {
	font-size: 2.8rem;
}
.txt-26 {
	font-size: 2.6rem;
}
.txt-24 {
	font-size: 2.4rem;
}
.txt-23 {
	font-size: 2.3rem;
}
.txt-22 {
	font-size: 2.2rem;
}
.txt-20 {
	font-size: 2rem;
}
.txt-19 {
	font-size: 1.9rem;
}
.txt-18 {
	font-size: 1.8rem;
}
.txt-17 {
	font-size: 1.7rem;
}
.txt-16 {
	font-size: 1.6rem;
}
.txt-15 {
	font-size: 1.5rem;
}
.txt-14 {
	font-size: 1.4rem;
}
.scroll-menu {
	width: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	padding: 10px 2rem;
    background-color: #f9f9f9;
	border: 1px solid #eee;
}
.scroll-menu.on {
	position: fixed;
	top: 0px;
	left: 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.scroll-menu li:not(:first-child) {
	margin-left: 1rem;
}
.scroll-menu li {
	width: 160px;
    height: 30px;
}
.scroll-menu a {
    background-color: #091360;
    color: #fff;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
	transition: background-color 0.2s ease;
}
.scroll-menu a:hover {
	background-color: #eb3762;
}
.scroll-menu a.active {
	background-color: #eb3762;
}
.scroll-menu.on a {
	height: 30px;
	font-size: 1.3rem;
}

/* 헤더 */
#wrap {
	overflow: hidden;
}

/* 이용약관, 개인정보 취급방침 */
.terms-wrap {
	display: flex;
	margin-top: 4rem;
}
.terms-header {
    text-align: center;
    border-bottom: 2px solid;
    padding-bottom: 2rem;
}
.terms-wrap .left {
	
}
.terms-wrap .left a {
	width: 233px;
    display: block;
    height: 48px;
    padding: 0 20px;
    font-family: 'CDR';
    font-size: 1.4rem;
    color: #222;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.terms-wrap .left a.active {
    background-color: #eb3762;
    color: #fff;
}
.terms-wrap .right {
    margin-left: 4rem;	
}
#terms {
	font-size: 1.5rem;
    font-family: 'NSKR';
    line-height: 2.5rem;
}
.terms-wrap2 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1400px;
	max-width: 100%;
	height: calc(100vh - 4rem);
	overflow-y: auto;
	background-color: #fff;
	z-index: 10000;
	padding: 2rem;
	box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}
.terms-head {
	padding: 1rem 0rem;
	height: 100px;
}
.terms-head .close {
	display: inline-block;
    padding: 1.3rem;
    background-color: #222;
	cursor: pointer;
}

/* 쇼핑몰 솔루션 */

@keyframes sec-02 {
	0% {
		transform: translateX(0);	
	}
	10% {
		transform: translateX(0);
	}
	90% {
		transform: translateX(-940px);	
	}
	100% {
		transform: translateX(-940px);
	}
}


/* 회사소개 */
.au-banner {
	margin-top: 0px;
    background: url('../img/aboutus.png') no-repeat center / cover;
}
.aboutus #tab1 .sub-wrap {
	padding-bottom: 0;
}
.aboutus #tab1 .article1 {
	text-align: center;
}
.aboutus .title {
	margin-bottom: 1rem;
}
.aboutus .tab-item .article:not(:first-child) {
	margin-top: 8rem;
}
.aboutus .item {
	margin-top: 7.4rem;
}
.aboutus .item img {
	max-width: 100%;
}
.form-01 {
	text-align: left;
	border: 1px solid #888;
	padding: 6rem;
	box-shadow: inset 0 0 0 4px #ccc;
}
.form-01 .txt:not(:last-child) {
	margin-bottom: 3rem;
}
.form-01 .txt2 {
	font-family: 'NSKM';
}
.aboutus #tab1 .article2 .title {
	text-align: center;
}
.k-awards {
	border: 1px solid #888;
	padding: 6rem 14rem;;
	box-shadow: inset 0 0 0 4px #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 6rem;
}
.k-awards li {
	width: 513px;
	max-width: 100%;
	display: flex;
	align-items: center;
}
.k-awards .left {
	flex-shrink: 0;
	margin-right: 2rem;
}
.k-awards img {
	max-width: 100%;
}
.k-awards .right {

}
.aboutus #tab1 .article3 {
	margin-top: 9.6rem;
	padding: 9rem 0;
	background: #585757 url('../img/au_bg1.png') no-repeat right center / contain;
	color: #fff;
}
.aboutus #tab1 .article3 .txt {
	font-family: 'NSKM';
}
.aboutus #tab1 .article3 .txt2 {
	font-family: 'NSKL';
}
.aboutus #tab1 .article3 li:not(:first-child) {
	margin-top: 3rem;
}
.aboutus #tab1 .article4 {
	margin-top: 0;
	background-color: #f2f2f2;
	text-align: center;
	padding: 9.4rem 0;
}
.aboutus #tab1 .article4 .deed {
	margin-top: 1rem;
	max-width: 100%;
}
.tab-contants .tab-item:not(:first-child) {
	display: none;
}
.aboutus #tab2 .article1 {
	text-align: center;
}
.aboutus #tab2 .ceo {
	display: inline-block;
	width: 180px;
	height: 180px;
	line-height: 180px;
	font-family: 'NSKM';
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(to right, #f89407, #f84809);
}
.form-02 {
	display: flex;
	align-items: center;
	justify-content: space-between;;
	width: 1250px;
	max-width: 100%;
	margin: 6rem auto 4rem;
	flex-wrap: wrap;
}
.form-02 li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 80px;
	border-radius: 10px;
	border: 1px solid #f84b09;
}
.root_daum_roughmap {
	max-width: 100% !important;
}

/* 회사소개 뉴 */
.aboutus-new{
	overflow-x: hidden;
	margin-top: 0px;
}
.aboutus-new .section {
	margin-top: 14rem;
}
.aboutus-new .sec-01 {
	margin-top: 0;
	height: 940px;	background: url('../img/aboutus2.png') no-repeat center / cover;
	overflow: hidden;
	position: relative;
}
.aboutus-new .sec-01 .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.3);
	filter: blur(10px);
	width: 100%;
	height: 100%;
	background: url('../img/aboutus2.png') no-repeat center / cover;
	animation: aboutus-bg 4s linear forwards;
}
@keyframes aboutus-bg {
	100% {
			transform: translate(-50%, -50%) scale(1);
			filter: blur(0);
	}
}
.aboutus-new .sec-01 .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.aboutus-new .sec-01 .paragraph {
	margin-top: 17.8rem;
	color: #fff;
	text-align: center;
	font-family: 'NSKL';
	animation: sec01-txt 2s 0.6s linear forwards;
	opacity: 0;
}
@keyframes sec01-txt {
	100% {
		opacity: 1;
	}
}
.aboutus-new .sec-01 .title1 {
	font-family: 'CDB';
	margin-bottom: 1.4rem;
}
.aboutus-new .sec-01 .title2 {
	line-height: 6rem;
    margin-bottom: 3.4rem;
}
.aboutus-new .sec-01 .txt {
	line-height: 3.6rem;
}
.aboutus-new .sec-01 ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5rem;
}
.aboutus-new .sec-01 li {
	border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Maven Pro';
    background-color: rgba(0,0,0,0.2);
	animation: sec01-li 0.3s 1.4s cubic-bezier(0, 0, 0, 2.99) forwards;
	transform: translateY(30px);
	opacity: 0;
}
@keyframes sec01-li {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.aboutus-new .sec-01 li:nth-child(2) {
	animation-delay: 1.5s;
}
.aboutus-new .sec-01 li:nth-child(3) {
	animation-delay: 1.6s;
}
.aboutus-new .sec-01 li:nth-child(4) {
	animation-delay: 1.7s;
}
.aboutus-new .sec-01 li:nth-child(5) {
	animation-delay: 1.8s;
}
.aboutus-new .sec-01 li:not(:first-child) {
	margin-left: 1.4rem;
}
 .pdf-down {
	display: flex;
	align-items: center;
	padding: 1rem;
	/* background-color: #fff; */
	border-radius: 6px;
	position: absolute;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%);
}
 .pdf-down:hover .txt1 {
	text-decoration: underline;
 }
.pdf-down img {
	margin-right: 0.6rem;
	width: 35px;
}
.pdf-down .txt-box {

}
.pdf-down .txt-box .txt1 {
	font-size: 1.7rem;
	color: #fff;
}
.pdf-down .txt-box .txt2 {
	font-size: 1.3rem;
}

.aboutus-new .article1 {
	/* padding-top: 13rem; */
}
.aboutus-new .section .title {
	font-size: 10rem;
	font-family: 'CDB';
}
.aboutus-new .section .title .type-01 {
	color: #f84709;
}
.aboutus-new .section .title span {
	position: relative;
	transition: 0.5s ease-out;
}
.aboutus-new .section .title span:nth-child(1) {
	opacity: 0;
	top: -100px;
}
.aboutus-new .section .title span:nth-child(2) {
	opacity: 0;
	left: 100px;
	transition-delay: 0.3s;
}
.aboutus-new .section.active .title span:nth-child(1) {
	opacity: 1;
	top: 0;
}
.aboutus-new .section.active .title span:nth-child(2) {
	opacity: 1;
	left: 0;
}
.aboutus-new .article {
	margin-top: 6rem;
}
.aboutus-new .sec-02 .article1 {
	text-align: center;
}
.aboutus-new .sec-02 .article1 img {
	max-width: 100%;
}
.aboutus-new .sec-02 .paragraph {
	line-height: 3.2rem;
	margin-top: 8.6rem;
}
.aboutus-new .sec-02 .paragraph p:not(:first-child) {
	margin-top: 3rem;
}
/* .sec-03 {
	margin-top: 14rem;
} */
.aboutus-new .sec-03 {
	position: relative;
}
.aboutus-new .sec-03:after {
	content: '';
	width: 200px;
	height: 100%;
	top: 0;
	right: 0;
}
.aboutus-new .sec-03 .head {
	display: flex;
	align-items: flex-end;
	/* justify-content: space-between; */
}
.awards-scroll {
	width: 600px;
    border-bottom: 1px dashed;
    margin-left: 3rem;
    margin-bottom: 4rem;
	position: relative;
}
.awards-scroll .circle {
	position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #222;
    transform: translateY(-50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awards-scroll .circle span {
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
}
.awards-slide {
	margin-top: 7rem;
}
.awards-slide .owl-stage-outer {
	overflow: visible !important;
}
.awards-slide li {
	display: flex;
}
.awards-slide .year {
	font-size: 7rem;
	font-family: 'NSKL';
	margin-right: 3rem;
}
.awards-slide .content {
	font-size: 2.4rem;
	font-family: 'NSKL';
	display: flex;
	white-space: nowrap;
}
.awards-slide .thumb {
	height: 76px;
	margin-bottom: 2rem;
}
.awards-slide .owl-item img {
	width: auto !important;
}
.awards-slide .content .item:not(:first-child) {
	margin-left: 6rem;
}
.awards-slide .content .item:last-child {
	margin-right: 10rem;
}
.awards-slide .owl-item:last-child .item:last-child {
	margin-right: 0
}
.awards-slide .owl-stage {
	display: flex;
}
.aboutus-new .sec-04 {
	height: 940px;
	overflow: hidden;
	position: relative;
}
.aboutus-new .sec-04 .bg {
	position: absolute;
	transform: scale(1.5);
	transition: transform 18s ease;
	width: 100%;
	height: 100%;
	background: url('../img/aboutus3.png') no-repeat center / cover;
}
.aboutus-new .sec-04.active .bg {
	transform: scale(1);
}
.aboutus-new .sec-04 .container {
	position: relative;
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
}
.aboutus-new .sec-04 .txt1 {
	font-family: 'NSEB';
}
.aboutus-new .sec-04 .txt2 {
	font-family: 'NSKB';
}
.aboutus-new .sec-04 a {
	width: 200px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-top: 3rem;
	transition: background-color 0.2s ease, color 0.2s ease
}
.aboutus-new .sec-04 a:hover {
	background-color: rgba(255,255,255,0.2);
}

/* 미디어쿼리 */
@media screen and (max-width: 1400px) {
	.container {
		padding: 0 3rem;
	}
	.sub-container {
		width: 100%;
		padding: 0 3rem;
	}
	.k-awards {
		flex-direction: column;
		justify-content: center;
		padding: 6rem 2rem
	}
}
@media screen and (max-width: 1280px) {
	body.active {
		overflow: hidden;
	}
	.scroll-menu.on {
		top: 0px;
	}
	.txt-48 {
		font-size: 4rem;
	}
	.txt-24 {
		font-size: 2rem;
	}
	.txt-30 {
		font-size: 2.6rem;
	}
	.terms-wrap {
		display: block;
	}
	.terms-wrap .left {
		display: none;
	}
	.terms-wrap .right {
		margin-left: 0;
	}
	.terms-wrap2 {
		height: 100vh;
	}
	.terms-head {
		height: 80px;
	}
	.form-02 li {
		width: calc((100% - 5rem) / 6);
		height: 70px;
	}
	.txt-60 {
		font-size: 4rem;
	}
}
@media screen and (max-width: 1024px) {
	.aboutus-new .sec-01 ul {
		font-size: 1.8rem;
	}
	.aboutus-new .sec-01 li {
		width: 100px;
		height: 100px;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 8px;
	}
	.container {
		padding: 0 2rem;
	}
	.sub-container {
		padding: 0 2rem;
	}
	.txt-18 {
		font-size: 1.6rem;
	}
	
	
	.txt-24 {
		font-size: 1.9rem;
	}
	
	.txt-30 {
		font-size: 2.3rem;
	}
	
	
	.terms-header p {
		font-size: 2.4rem;
	}
	.k-awards .left {
		width: 100px;
	}
	.k-awards li {
		width: 350px;
	}
	.k-awards li:not(:last-child) {
		margin-bottom: 2rem;
	}
	.aboutus-new .sec-01 .paragraph {
		margin-top: 10rem;
	}
	.aboutus-new .sec-01 ul {
		flex-direction: column;
		width: 100%;
	}
	.aboutus-new .sec-01 li:not(:first-child) {
		margin-left: 0;
		margin-top: 1rem;
	}
	.aboutus-new .sec-01 li {
		width: 100%;
		max-width: 40rem;
		height: 30px;
		border-radius: 0;
		border-width: 1px;
	}
	.aboutus-new .sec-01 li br {
		display: none;
	}
	.aboutus-new .sec-01 {
		height: 660px;
	}
	.aboutus-new .section .title {
		font-size: 6rem;
	}
	.aboutus-new iframe {
		height: 280px;
	}
	.awards-slide .year {
		font-size: 4rem;
	}
	.awards-slide .txt-28 {
		font-size: 2.6rem;
	}
	.aboutus-new .sec-04 {
		height: 700px;
	}
	.aboutus-new .sec-04 .txt1 {
		font-size: 3rem;
	}
	.aboutus-new .sec-04 .txt2 {
		font-size: 3.4rem;
	}
}

@media screen and (max-width: 480px) {
	
	.sub-title .caption {
		font-size: 1.8rem;
	}
	.txt-48 {
		font-size: 3.6rem;
	}
	@keyframes sec-02 {
		0% {
			transform: translateX(-200px);	
		}
		10% {
			transform: translateX(-200px);
		}
		90% {
			transform: translateX(-1400px);	
		}
		100% {
			transform: translateX(-1400px);
		}
	}
	.k-awards li {
		width: 291px;
	}
	.txt-28 {
		font-size: 2rem;
	}
	.txt-20 {
		font-size: 1.8rem;
	}
	.form-01 {
		padding: 6rem 2rem;
	}
}

@media screen and (max-width: 320px) {
	.scroll-menu li:not(:first-child) {
		margin-left: 0.5rem;
	}
	.scroll-menu a {
		font-size: 1.2rem;
	}
}