@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	font: inherit;
	vertical-align: baseline;
    font-family: 'outfit' , 'pretendard';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 기본 커서 숨기기 */
body { cursor: none; }

/* 커스텀 커서 */
.custom-cursor {position: fixed;top: 0; left: 0;width: 20px; height: 20px;border-radius: 50%;background: rgba(255, 255, 255, 1);pointer-events: none;z-index: 9999;transform: translate(-50%, -50%);transition: width 0.35s ease, height 0.35s ease, background 0.35s ease, opacity 0.3s ease;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;opacity: 0.9;mix-blend-mode: difference; }
.custom-cursor span {opacity: 0;transition: opacity 0.25s ease;pointer-events: none;}
.custom-cursor.active {width: 120px; height: 120px;background: rgba(255, 255, 255, 1);color: #000;}
.custom-cursor.active span {opacity: 1;}



/* 헤더  */
.header {position:fixed; top:0; left:0;  z-index:1000; background:transparent;padding:20px 40px;width:100%;width:100%;box-sizing:border-box }
.header-inner {display: flex;justify-content: space-between;align-items: center;}
.header-inner .logo {display: flex;align-items: center;justify-content: center;height: 25px;}
.header-inner .logo a {display:block; height:100%}
.header-inner .logo a img {height:100%}

.nav-toggle {display: flex;align-items: center;gap: 10px;}
.nav-toggle span {color:#fff; font-size:.8em;font-weight:500}
.nav-toggle:hover .dot-wrap {transform: rotate(180deg);transition:.5s}
.nav-toggle .dot-wrap {width:1em;position:relative;aspect-ratio: 1 / 1;transition:.5s}
.nav-toggle .dot-wrap span.dot{background:#fff; width:5px;aspect-ratio: 1/1;border-radius:50%;position:absolute;}
.nav-toggle .dot-wrap span.dot:nth-child(1) {left:0; top:0}
.nav-toggle .dot-wrap span.dot:nth-child(2) {right:0; top:0}
.nav-toggle .dot-wrap span.dot:nth-child(3) {left:0; bottom:0}
.nav-toggle .dot-wrap span.dot:nth-child(4) {right:0; bottom:0}

.overlay-nav {position:fixed; top:0; left:0; width:100%; height:100vh;background:#000; color:#fff; display:flex; justify-content:center; align-items:center;transform:translateY(-100%); transition:.4s ease; z-index:900;}
.overlay-nav.show {transform:translateY(0);}
.overlay-nav ul {list-style:none; padding:0; margin:0; text-align:center;}
.overlay-nav li {margin:40px 0;}
.overlay-nav li a {position:relative}
.overlay-nav li a:before {position:absolute; width:0;height:5px; left:0 ; bottom:-20px; content:'';background:#fff;transition:.5s}
.overlay-nav li a:hover:before {width:100%; transition:.5s; }
.overlay-nav a {color:#fff; font-size:80px; font-weight:600; text-decoration:none;}

/* 푸터 */
#footer {position:relative; background:#000;}
#footer .footer_info {width: 92%;max-width: 1600px;margin: 0 auto;padding: 200px 0; position: relative;    z-index: 2;    background: #000;}
#footer .footer_info .info_top{border-bottom: 2px solid #fff;padding-bottom: 30px;}
#footer .footer_info .info_top p{color: #fff;font-size: 4.5em;line-height: 1.3;}
#footer .footer_info .info_top p span{color: #005dff;display: block;font-weight: 900;}
#footer .footer_info .info_bottom{display: flex;justify-content: flex-end;padding-top:75px;}
#footer .footer_info .info_bottom > div {display: flex;flex-direction: column;margin-left: 120px;}
#footer .footer_info .info_bottom > div:nth-child(1) {padding-top:20px;}
#footer .footer_info .info_bottom > div:nth-child(2) {padding-top:10px;}
#footer .footer_info .info_bottom > div.color_w {text-align: right;margin-left: 60px;}
#footer .footer_info .info_bottom > div span{font-size: 15px;color: #919191;margin-bottom: 10px;}
#footer .footer_info .info_bottom > div span.title {font-size:20px; font-weight:bold; color:#fff;margin-bottom:30px;}
#footer .footer_info .info_bottom > div.color_w span{color:#fff}
#footer .footer_logo{display: flex;flex-direction: column;align-items: flex-start;margin: 0 auto;max-width: 1600px;width: 92%;position: sticky;bottom: 0;z-index: 1;padding-top: 100px;}
#footer .footer_logo img{width:100%}
#footer .footer_logo span{font-size: 1em;color: #fff;opacity: .5;display: block;margin: 30px 0 100px 0;}





    @media(max-width:768px){
        body{font-size:18px;}

        .overlay-nav a {font-size:60px;}

        #footer .footer_info .info_top p {font-size: 3em;}
        #footer .footer_info .info_bottom {flex-direction: column-reverse;align-items: flex-end;text-align: right;}#footer .footer_info {padding:100px 0} 
    }
    @media(max-width:640px){
        body{font-size:16px;}
        .custom-cursor {display:none!important}
        
    }