@charset "utf-8";


@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(./fonts/Pretendard-Black.woff2) format('woff2'), url(./fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(./fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(./fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(./fonts/Pretendard-Bold.woff2) format('woff2'), url(./fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(./fonts/Pretendard-SemiBold.woff2) format('woff2'), url(./fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(./fonts/Pretendard-Medium.woff2) format('woff2'), url(./fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(./fonts/Pretendard-Regular.woff2) format('woff2'), url(./fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(./fonts/Pretendard-Light.woff2) format('woff2'), url(./fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(./fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(./fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(./fonts/Pretendard-Thin.woff2) format('woff2'), url(./fonts/Pretendard-Thin.woff) format('woff');
}

.weight-100 {font-weight:100} .weight-200 {font-weight:200} .weight-300 {font-weight:300}
.weight-400 {font-weight:400} .weight-500 {font-weight:500} .weight-600 {font-weight:600}
.weight-700 {font-weight:700} .weight-800 {font-weight:800} .weight-900 {font-weight:900}

.font-150 {font-size:150px; line-height:120%}
.font-140 {font-size:140px; line-height:120%}
.font-120 {font-size:120px; line-height:120%}
.font-100 {font-size:100px; line-height:120%}
.font-80 {font-size:80px; line-height:120%}
.font-70 {font-size:70px; line-height:120%}
.font-60 {font-size:60px; line-height:120%}
.font-55 {font-size:55px; line-height:120%}
.font-50 {font-size:50px; line-height:120%}
.font-45 {font-size:45px; line-height:120%}
.font-44 {font-size:44px; line-height:140%}
.font-42 {font-size:42px; line-height:140%}
.font-40 {font-size:40px; line-height:140%; word-break: keep-all;}
.font-38 {font-size:38px; line-height:140%; word-break: keep-all;}
.font-35 {font-size:35px; line-height:140%; word-break: keep-all;}
.font-30 {font-size:30px; line-height:140%; word-break: keep-all;}
.font-28 {font-size:28px; line-height:140%; word-break: keep-all;}
.font-25 {font-size:25px; line-height:140%; word-break: keep-all;}
.font-24 {font-size:24px; line-height:140%; word-break: keep-all;}
.font-22 {font-size:22px; line-height:160%; word-break: keep-all;}
.font-20 {font-size:20px; line-height:160%; word-break: keep-all;}
.font-18 {font-size:18px; line-height:160%; word-break: keep-all;}
.font-17 {font-size:17px; line-height:160%; word-break: keep-all;}
.font-16 {font-size:16px; line-height:180%; word-break: keep-all;}
.font-14 {font-size:14px; line-height:180%; word-break: keep-all;}
@media screen and (max-width: 1400px){
    .font-150 {font-size:85px; line-height:120%}
    .font-140 {font-size:80px; line-height:120%}
    .font-120 {font-size:75px; line-height:120%}
    .font-100 {font-size:70px; line-height:120%}
    .font-80 {font-size:60px; line-height:120%}
    .font-70 {font-size:55px; line-height:120%}
    .font-60 {font-size:50px; line-height:120%}
    .font-55 {font-size:45px; line-height:120%}
    .font-50 {font-size:42px; line-height:120%}
}
@media screen and (max-width: 1200px) {
    .font-150 {font-size:80px;}
    .font-140 {font-size:70px;}
    .font-120 {font-size:65px;}
    .font-100 {font-size:60px;}
    .font-80 {font-size:55px;}
    .font-70 {font-size:50px;}
    .font-60 {font-size:45px;}
    .font-55 {font-size:42px;}
    .font-50 {font-size:40px;}
    .font-45 {font-size:38px;}
    .font-44 {font-size:35px;}
    .font-42 {font-size:32px;}
    .font-40 {font-size:30px;}
    .font-38 {font-size:29px;}
    .font-35 {font-size:28px;}
    .font-30 {font-size:26px;}
    .font-28 {font-size:25px;}
    .font-25 {font-size:24px;}
    .font-24 {font-size:20px;}
    .font-22 {font-size:19px;}
    .font-20 {font-size:19px;}
    .font-18 {font-size:17px;}
    .font-17 {font-size:16px;}
    .font-16 {font-size:15px;}
    .font-14 {font-size:13px;}
}

@media screen and (max-width: 768px) {
    .font-150 {font-size:60px;}
    .font-140 {font-size:50px;}
    .font-120 {font-size:45px;}
    .font-100 {font-size:40px;}
    .font-80 {font-size:38px;}
    .font-70 {font-size:35px;}
    .font-60 {font-size:32px;}
    .font-55 {font-size:30px;}
    .font-50 {font-size:28px;}
    .font-45 {font-size:27px;}
    .font-44 {font-size:26px;}
    .font-42 {font-size:26px;}
    .font-40 {font-size:25px;}
    .font-38 {font-size:24px;}
    .font-35 {font-size:23px;}
    .font-30 {font-size:22px;}
    .font-28 {font-size:20px;}
    .font-25 {font-size:19px;}
    .font-24 {font-size:18px;}
    .font-22 {font-size:17px;}
    .font-20 {font-size:16px;}
    .font-18 {font-size:15px;}
    .font-17 {font-size:15px;}
    .font-16 {font-size:14px;}
    .font-14 {font-size:12px;}
}
@media screen and (max-width: 400px) {
    .font-150 {font-size:50px;}
    .font-140 {font-size:45px;}
    .font-120 {font-size:40px;}
    .font-100 {font-size:35px;}
    .font-80 {font-size:32px;}
    .font-70 {font-size:30px;}
    .font-60 {font-size:29px;}
    .font-55 {font-size:28px;}
    .font-50 {font-size:27px;}
    .font-45 {font-size:26px;}
    .font-44 {font-size:25px;}
    .font-42 {font-size:24px;}
    .font-40 {font-size:23px;}
    .font-38 {font-size:22px;}
    .font-35 {font-size:21px;}
    .font-30 {font-size:20px;}
    .font-28 {font-size:19px;}
    .font-25 {font-size:18px;}
    .font-24 {font-size:17px;}
    .font-22 {font-size:16px;}
    .font-20 {font-size:15px;}
    .font-18 {font-size:13px;}
    .font-17 {font-size:13px;}
    .font-16 {font-size:12px;}
    .font-14 {font-size:11px;}
}

/* 초기화 */
html {overflow-y:scroll; scroll-behavior: smooth;}
body {margin:0;padding:0;font-size:0.75em; font-family: "Pretendard", sans-serif;background:#080808; font-weight:bold}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family: "Pretendard", sans-serif; line-height:24px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0; font-family: "Pretendard", sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
}

textarea, select { font-family: "Pretendard", sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
outline: none;
}
.banner_img .inner{padding: 100px 20px !important;}	
.p_color  {color:#ee3e42 !important}
.point_color {color:#ee3e42 !important}
.inner{width: 100%; max-width: 1600px; margin: 0 auto;}
@media screen and (max-width : 1640px) {
    .inner{padding: 0 20px;}
	
    .banner_img .inner{padding: 100px 20px !important;}	
}



.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}


.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important; }
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}

.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}


.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}
.pb100 {padding-bottom: 100px;}