/**
* Template Name: dain-artlab
* Updated: wsground kang byeong ju 2024.10.19
* Author: wsground
*/

@font-face {
    font-family: 'Helvetica43-ExtendedLight';
    src: url('../font/Helvetica43-ExtendedLight.eot');
    src: url('../font/Helvetica43-ExtendedLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Helvetica43-ExtendedLight.woff2') format('woff2'),
        url('../font/Helvetica43-ExtendedLight.woff') format('woff'),
        url('../font/Helvetica43-ExtendedLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* Fonts */
:root {
    --default-font: "Helvetica43-ExtendedLight", sans-serif;
}

/* Global Colors */
:root { 
    --main-color: #9a9a9a;
    --sub-color: #111111;
    --mainbg-color: #ffffff;
    --black-color: #000000;
    --gray-color: #7d7d7d;
}

/* Smooth scroll */
:root {
    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    background-color: var(--mainbg-color);
    font-family: var(--default-font);
    font-size:14px;
}

a {
    color: var(--main-color);
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: var(--sub-color);
    text-decoration:underline;
    transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--default-font);
    padding:0;
    margin:0;
}

p, span, ul, li {
    list-style:none;
    padding:0;
    margin:0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* Layout ------------------------------*/

header, main, footer {
	max-width:1920px;
	width:100%;
	margin:0 auto;
	padding-left:3%;
	padding-right:3%;
}

/* Header ------------------------------*/

header {
    padding-top:50px;
    padding-bottom:50px;
}
header .logo a {
    display: inline-block;
}
header .logo a img {
    height:50px;
}
header .menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
header .menu a {
	display: inline-block;
	padding-left:9%;
	font-family: 'Helvetica43-ExtendedLight';
}



/* subpage ------------------------------*/

.about-area01 {
	max-width:1920px;
	width:100%;
	margin:0 auto;
	background-color:#000000;
}
.about-info-text {
	color:#ffffff;
	font-size:24px;
	text-align: center;
	line-height:200%;
}
.about-area02 {
	max-width:1920px;
	width:100%;
	margin:150px auto 100px;
}
.about-area02 img {
	max-width:1020px;
	width:90%;
}
@media (max-width: 1680px) {
	.about-info-text {
		font-size:1.6vw;
	}
}
@media (max-width: 1140px) {
	.about-info-text {
		font-size:1.4vw;
		padding:100px 0;
	}
}
@media (max-width: 960px) {
	.about-info-text {
		font-size:2.4vw;
		padding:100px 0;
	}
}
@media (max-width: 576px) {
	.about-info-text {
		font-size:2.4vw;
		padding:100px 0;
	}
}

/* footer ------------------------------*/

footer .copyright {
    padding-top:50px;
    padding-bottom:50px;
	font-family: "Pretendard", sans-serif;
}



@media (max-width: 576px) {
	header .logo a img {
	    height:30px;
	}
	
	header, main, footer {
		padding-left:5%;
		padding-right:5%;
	}
	
}