/********************************************************
* Font
* Site Name: 에코솔루션즈
* Client: 
* Author: 
* Description: 
* Update: 2024.07
*********************************************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');

/* NotoKR */
@font-face{
	font-family:'notokr';
	font-weight:300;
	src:url('../fonts/NotoKR/notokr-light.html');
	src:url('../fonts/NotoKR/notokr-lightd41d.html?#iefix') format('embedded-opentype'),
	    url('../fonts/NotoKR/notokr-light-2.html') format('woff2'),
	    url('../fonts/NotoKR/notokr-light-3.html') format('woff'),
	    url('../fonts/NotoKR/notokr-light-4.html') format('truetype');
}
@font-face{
	font-family:'notokr';
	font-weight:400;
	src:url('../fonts/NotoKR/notokr-regular.html');
	src:url('../fonts/NotoKR/notokr-regulard41d.html?#iefix') format('embedded-opentype'),
	    url('../fonts/NotoKR/notokr-regular-2.html') format('woff2'),
	    url('../fonts/NotoKR/notokr-regular-3.html') format('woff'),
	    url('../fonts/NotoKR/notokr-regular-4.html') format('truetype');
}
@font-face{
	font-family:'notokr';
	font-weight:500;
	src:url('../fonts/NotoKR/notokr-medium.html');
	src:url('../fonts/NotoKR/notokr-mediumd41d.html?#iefix') format('embedded-opentype'),
	    url('../fonts/NotoKR/notokr-medium-2.html') format('woff2'),
	    url('../fonts/NotoKR/notokr-medium-3.html') format('woff'),
	    url('../fonts/NotoKR/notokr-medium-4.html') format('truetype');
}
@font-face{
	font-family:'notokr';
	font-weight:700;
	src:url('../fonts/NotoKR/notokr-bold.html');
	src:url('../fonts/NotoKR/notokr-boldd41d.html?#iefix') format('embedded-opentype'),
	    url('../fonts/NotoKR/notokr-bold-2.html') format('woff2'),
	    url('../fonts/NotoKR/notokr-bold-3.html') format('woff'),
	    url('../fonts/NotoKR/notokr-bold-4.html') format('truetype');
}

@font-face {
	font-family: 'RIDIBatang';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/********************************************************
* Reset
*********************************************************/
/* Text */
h1,h2,h3,h4{letter-spacing:-0.031em}
a,p{letter-spacing:-0.028em}
h1,h2,h3,h4,h5,h6,a,p,th,td,div,span,label,input,select,textarea,button,li,caption{font-family:'notokr',sans-serif}
.en-page h1, .en-page h2, .en-page h3, .en-page h4, .en-page h5, .en-page h6, .en-page a, .en-page p, .en-page th, .en-page td, .en-page div, .en-page span, .en-page label, .en-page input, .en-page select, .en-page textarea, .en-page button, .en-page li, .en-page caption{font-family:"Poppins", sans-serif!important;}
br {font-family:'dotum', 'Arial';}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}
.bold{font-weight:700}.normal{font-weight:400}.light{font-weight:300}.bold5{font-weight:500}.bold6{font-weight:600}.bold8{font-weight:800}.bold9{font-weight:900}
.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}
.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs28{font-size:28px}
.fs30{font-size:30px}.fs32{font-size:32px}.fs34{font-size:34px}.fs36{font-size:36px}.fs38{font-size:38px}.fs40{font-size:40px}.fs42{font-size:42px}.fs48{font-size:48px}
.fs50{font-size:50px}.fs52{font-size:52px}.fs54{font-size:54px}.fs56{font-size:56px}.fs58{font-size:58px}.fs60{font-size:60px}
.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}
.lh25{line-height:25px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}
.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}.lh50{line-height:50px}
.lh52{line-height:52px}.lh54{line-height:54px}.lh56{line-height:56px}.lh58{line-height:58px}.lh60{line-height:60px}
@media (max-width:970px){
	.fs14{font-size:13.5px}.fs15{font-size:14px}.fs16{font-size:15px}.fs17{font-size:16px}.fs18{font-size:17px}.fs19{font-size:17px}.fs20{font-size:18px}
	.fs21{font-size:19px}.fs22{font-size:20px}.fs23{font-size:21px}.fs24{font-size:21px}.fs25{font-size:22px}.fs26{font-size:23px}.fs28{font-size:24px}
	.fs30{font-size:26px}.fs32{font-size:28px}.fs34{font-size:29px}.fs36{font-size:31px}.fs38{font-size:33px}.fs40{font-size:34px}.fs42{font-size:36px}
	.fs44{font-size:38px}.fs46{font-size:40px}.fs48{font-size:42px}.fs50{font-size:43px}.fs52{font-size:45px}.fs54{font-size:47px}.fs56{font-size:48px}
	.fs58{font-size:50px}.fs60{font-size:52px}
	.lh18{line-height:16px}.lh20{line-height:18px}.lh22{line-height:20px}.lh24{line-height:22px}.lh26{line-height:24px}.lh28{line-height:25px}.lh30{line-height:27px}
	.lh32{line-height:28px}.lh34{line-height:30px}.lh36{line-height:31px}.lh38{line-height:33px}.lh40{line-height:34px}.lh42{line-height:36px}.lh44{line-height:38px}
	.lh46{line-height:40px}.lh48{line-height:42px}.lh50{line-height:44px}.lh52{line-height:46px}.lh54{line-height:47px}.lh56{line-height:49px}.lh58{line-height:50px}
}
@media (max-width:480px){
	.fs13{font-size:12px}.fs14{font-size:13px}.fs15{font-size:14px}.fs16{font-size:14px}.fs17{font-size:15px}.fs18{font-size:15px}.fs19{font-size:16px}.fs20{font-size:16px}
	.fs21{font-size:16px}.fs22{font-size:16.5px}.fs23{font-size:17px}.fs24{font-size:17px}.fs25{font-size:18px}.fs26{font-size:18.5px}.fs28{font-size:19px}.fs30{font-size:20px}
	.fs32{font-size:21px}.fs34{font-size:22px}.fs36{font-size:22.5px}.fs38{font-size:23px}.fs40{font-size:24px}.fs42{font-size:25px}.fs44{font-size:26px}.fs46{font-size:27px}
	.fs48{font-size:28px}.fs50{font-size:29px}.fs52{font-size:30px}.fs54{font-size:31px}.fs56{font-size:32px}.fs58{font-size:33px}.fs60{font-size:34px}
	.lh18{line-height:14px}.lh20{line-height:16px}.lh22{line-height:18.5px}.lh24{line-height:20px}.lh26{line-height:20px}.lh28{line-height:22px}.lh30{line-height:23px}
	.lh32{line-height:24px}.lh34{line-height:25px}.lh36{line-height:26px}.lh38{line-height:28px}.lh40{line-height:29px}.lh42{line-height:30px}.lh44{line-height:31px}
	.lh46{line-height:32px}.lh48{line-height:34px}.lh50{line-height:36px}.lh52{line-height:37px}.lh54{line-height:38px}.lh56{line-height:40px}.lh58{line-height:42px}
}

/* Reset */
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
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{border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,dl,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table,th,td{border-spacing:0;border-collapse:collapse}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
img{border:0}
h1,h2,h3,h4,h5,h6,strong,th{font-weight:700;line-height:1.5em}
h1,h2,h3,h4,h5,h6,strong,p,label,a{line-height:1.5em;word-break:keep-all}
p > a{color:inherit}
body{background:#fff;color:#222;overflow-x:hidden;overflow-y:scroll}
address{font-style:normal}
label{cursor:pointer;vertical-align:middle}
input{vertical-align:middle;-webkit-appearance:none;-webkit-border-radius:0;}
input::-ms-clear{display:none}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}
input[type=button], input[type=submit], button{cursor:pointer;-webkit-appearance:none;}
::placeholder{color:#bbbbbb;opacity:1}
:-ms-input-placeholder{color:#bbbbbb}