@charset "utf-8";
@import url("./fonts/pretendard.css");

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}

:root {
	--font-family-base: 'Pretendard', sans-serif;
	--font-size-default: 20px;
	--font-color-base: #000;
	--line-height-base: 1.75;

	--primary: #EB6100;
	--secondary: #EB6100;

	--line-input: #E4E9F1;

	--bg-gray: #F5F5F5;
}

/* Reset ********************************************************************** */

html, body {
	position: relative;
	min-height: 100vh;
	font-family: var(--font-family-base);
	color: var(--font-color-base);
	line-height: var(--line-height-base);
	letter-spacing: -0.04em;
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
	scroll-behavior: smooth;
	margin:0;
	padding:0;
}
html {
	font-size: 100%;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust:none;
}
body {
	font-size: var(--font-size-default);
}
input, textarea, select, table, button{
     font-family:inherit;
     color:inherit;
     font-size:inherit;
}

img{margin:0; padding:0; border:none; vertical-align:top;}

a,
a:link,
a:visited{color:var(--color-base); text-decoration: none;}
a:hover{text-decoration: none;}

/* [type="submit"]:focus-visible,
[type="button"]:focus-visible,
a:focus-visible { outline: 0.3rem dashed #000; outline-offset:-0.1rem;} */

ul{list-style:none; margin:0; padding:0;}
ol{margin:0 0 0 3rem; padding:0;}
dl, dt, dd{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{clear:both; margin:0; padding:0; font-weight:700;}

p{margin:0; padding:0;}
em, i, address, small, cite, code{font-style:normal; display:inline;}
strong{font-weight:700;}
b{font-weight:400;}
abbr[title]{text-decoration:none;}
sub, sup{font-size:0.75rem; line-height:0; position:relative; vertical-align:baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
details{display:block;}

iframe{margin:0; padding:0; border:none;}

hr{display:none;}

table{border-spacing:0; border-collapse:collapse;}
table caption{width:0; height:0; overflow:hidden;}
table, th, td{margin:0; padding:0; border:none;}
th{font-weight:500;}

button{margin:0; padding:0; border:none; background:none; cursor:pointer; border-radius:0; appearance: none; -webkit-appearance:none;}

form, fieldset, legend{margin:0; padding:0; border:0;}
fieldset legend{width:0; height:0; overflow:hidden;}

input, select, textarea{vertical-align:middle; box-sizing:border-box; padding:0; margin:0;}

input[type="submit"],
input[type="image"],
input[type="button"]{cursor:pointer; border:none; appearance: none; -webkit-appearance:none;}

input[type=text]::-ms-clear{display: none;} /* x아이콘 삭제 */
input[type=password]::-ms-reveal{display: none;} /* 눈아이콘 삭제 */

input[type="radio"],
input[type="checkbox"]{cursor:pointer;}

textarea{resize: none;}

picture img{max-width:100%;}

/* display */
.blind{position: absolute; clip-path: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.hide{display:none !important;}
.show{display:inherit !important;}

.inline{display:inline;}
.block{display:block;}

.clear:after{clear:both; display:block; content:'';}

/* align */
.aleft{text-align:left !important;}
.acenter{text-align:center !important;}
.aright{text-align:right !important;}
.vtop{vertical-align:top !important}
.vmiddle{vertical-align:middle !important}

.align-left{text-align:left !important;}
.align-right{text-align:right !important;}
.align-center{text-align:center !important;}
.valign-top{vertical-align:top !important;}
.valign-middle{vertical-align:middle !important;}
.valign-bottom{vertical-align:bottom !important;}

/* width */
.w10px{width:10px;} .w20px{width:20px;} .w30px{width:30px;} .w40px{width:40px;} .w50px{width:50px;} .w60px{width:60px;} .w70px{width:70px;} .w80px{width:80px;} .w90px{width:90px;} .w100px{width:100px;}
.w110px{width:110px;} .w120px{width:120px;} .w130px{width:130px;} .w140px{width:140px;} .w150px{width:150px;} .w160px{width:160px;} .w170px{width:170px;} .w180px{width:180px;} .w190px{width:190px;} .w200px{width:200px;}
.w210px{width:210px;} .w220px{width:220px;} .w230px{width:230px;} .w240px{width:240px;} .w250px{width:250px;} .w260px{width:260px;} .w270px{width:270px;} .w280px{width:280px;} .w290px{width:290px;} .w300px{width:300px;}
.w310px{width:310px;} .w320px{width:320px;} .w330px{width:330px;} .w340px{width:340px;} .w350px{width:350px;} .w360px{width:360px;} .w370px{width:370px;} .w380px{width:380px;} .w390px{width:390px;} .w400px{width:400px;}
.w410px{width:410px;} .w420px{width:420px;} .w430px{width:430px;} .w440px{width:440px;} .w450px{width:450px;} .w460px{width:460px;} .w470px{width:470px;} .w480px{width:480px;} .w490px{width:490px;} .w500px{width:500px;}

.w1{width:1%} .w2{width:2%} .w3{width:3%} .w4{width:4%} .w5{width:5%} .w6{width:6%} .w7{width:7%} .w8{width:8%} .w9{width:9%} .w10{width:10%}
.w11{width:11%} .w12{width:12%} .w13{width:13%} .w14{width:14%} .w15{width:15%} .w16{width:16%} .w17{width:17%} .w18{width:18%} .w19{width:19%} .w20{width:20%}
.w21{width:21%} .w22{width:22%} .w23{width:23%} .w24{width:24%} .w25{width:25%} .w26{width:26%} .w27{width:27%} .w28{width:28%} .w29{width:29%} .w30{width:30%}
.w31{width:31%} .w32{width:32%} .w33{width:33%} .w34{width:34%} .w35{width:35%} .w36{width:36%} .w37{width:37%} .w38{width:38%} .w39{width:39%} .w40{width:40%}
.w41{width:41%} .w42{width:42%} .w43{width:43%} .w44{width:44%} .w45{width:45%} .w46{width:46%} .w47{width:47%} .w48{width:48%} .w49{width:49%} .w50{width:50%}
.w51{width:51%} .w52{width:52%} .w53{width:53%} .w54{width:54%} .w55{width:55%} .w56{width:56%} .w57{width:57%} .w58{width:58%} .w59{width:59%} .w60{width:60%}
.w61{width:61%} .w62{width:62%} .w63{width:63%} .w64{width:64%} .w65{width:65%} .w66{width:66%} .w67{width:67%} .w68{width:68%} .w69{width:69%} .w70{width:70%}
.w71{width:71%} .w72{width:72%} .w73{width:73%} .w74{width:74%} .w75{width:75%} .w76{width:76%} .w77{width:77%} .w78{width:78%} .w79{width:79%} .w80{width:80%}
.w81{width:81%} .w82{width:82%} .w83{width:83%} .w84{width:84%} .w85{width:85%} .w86{width:86%} .w87{width:87%} .w88{width:88%} .w89{width:89%} .w90{width:90%}
.w91{width:91%} .w92{width:92%} .w93{width:93%} .w94{width:94%} .w95{width:95%} .w96{width:96%} .w97{width:97%} .w98{width:98%} .w99{width:99%} .w100{width:100%}

.min-w50px{min-width:50px;}.min-w60px{min-width:60px;}.min-w70px{min-width:70px;}.min-w80px{min-width:80px;}.min-w90px{min-width:90px;}.min-w100px{min-width:100px;}
.min-w110px{min-width:110px;}.min-w120px{min-width:120px;}.min-w130px{min-width:130px;}.min-w140px{min-width:140px;}.min-w150px{min-width:150px;}.min-w160px{min-width:160px;}.min-w170px{min-width:170px;}.min-w180px{min-width:180px;}.min-w190px{min-width:190px;}

.min-w100px{min-width:100px;}
.min-w200px{min-width:200px;}
.min-w300px{min-width:300px;}
.min-w400px{min-width:400px;}
.min-w500px{min-width:500px;}
.min-w600px{min-width:600px;}
.min-w700px{min-width:700px;}
.min-w800px{min-width:800px;}
.min-w900px{min-width:900px;}
.min-w1000px{min-width:1000px;}

/* margin */
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}

.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}

.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr25{margin-right:25px !important;}
.mgr30{margin-right:30px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl25{margin-left:25px !important;}
.mgl30{margin-left:30px !important;}


/* mobile ****************************************************************************************************************************************** */

@media all and (max-width:1024px) {

    body {font-size:14px;}

}

@media all and (max-width:768px){

     body {font-size:13px;}

	.m-w1{width:1%} .m-w2{width:2%} .m-w3{width:3%} .m-w4{width:4%} .m-w5{width:5%} .m-w6{width:6%} .m-w7{width:7%} .m-w8{width:8%} .m-w9{width:9%} .m-w10{width:10%}
	.m-w11{width:11%} .m-w12{width:12%} .m-w13{width:13%} .m-w14{width:14%} .m-w15{width:15%} .m-w16{width:16%} .m-w17{width:17%} .m-w18{width:18%} .m-w19{width:19%} .m-w20{width:20%}
	.m-w21{width:21%} .m-w22{width:22%} .m-w23{width:23%} .m-w24{width:24%} .m-w25{width:25%} .m-w26{width:26%} .m-w27{width:27%} .m-w28{width:28%} .m-w29{width:29%} .m-w30{width:30%}
	.m-w31{width:31%} .m-w32{width:32%} .m-w33{width:33%} .m-w34{width:34%} .m-w35{width:35%} .m-w36{width:36%} .m-w37{width:37%} .m-w38{width:38%} .m-w39{width:39%} .m-w40{width:40%}
	.m-w41{width:41%} .m-w42{width:42%} .m-w43{width:43%} .m-w44{width:44%} .m-w45{width:45%} .m-w46{width:46%} .m-w47{width:47%} .m-w48{width:48%} .m-w49{width:49%} .m-w50{width:50%}
	.m-w51{width:51%} .m-w52{width:52%} .m-w53{width:53%} .m-w54{width:54%} .m-w55{width:55%} .m-w56{width:56%} .m-w57{width:57%} .m-w58{width:58%} .m-w59{width:59%} .m-w60{width:60%}
	.m-w61{width:61%} .m-w62{width:62%} .m-w63{width:63%} .m-w64{width:64%} .m-w65{width:65%} .m-w66{width:66%} .m-w67{width:67%} .m-w68{width:68%} .m-w69{width:69%} .m-w70{width:70%}
	.m-w71{width:71%} .m-w72{width:72%} .m-w73{width:73%} .m-w74{width:74%} .m-w75{width:75%} .m-w76{width:76%} .m-w77{width:77%} .m-w78{width:78%} .m-w79{width:79%} .m-w80{width:80%}
	.m-w81{width:81%} .m-w82{width:82%} .m-w83{width:83%} .m-w84{width:84%} .m-w85{width:85%} .m-w86{width:86%} .m-w87{width:87%} .m-w88{width:88%} .m-w89{width:89%} .m-w90{width:90%}
	.m-w91{width:91%} .m-w92{width:92%} .m-w93{width:93%} .m-w94{width:94%} .m-w95{width:95%} .m-w96{width:96%} .m-w97{width:97%} .m-w98{width:98%} .m-w99{width:99%} .m-w100{width:100%}

}