@charset "utf-8";
/* CSS Document */
@import url('font.css'); /* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* 영문 폰트 */

/* reset */
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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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; line-height:170%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
fieldset,img {border:0 none;vertical-align:top;} /* delete vertical-align,font:inherit; */
body,html{font-size:15px; color:#111; font-weight:400; font-family: 'NanumSquareNeo', 'Archivo', Malgun Gothic,'Malgun Gothic', sans-serif;line-height:170%;}
*{font-family: 'NanumSquareNeo', 'Archivo', Malgun Gothic,'Malgun Gothic', sans-serif;}
ol,ul,li{list-style:none;}
em {font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
button {border:0 none;background-color:transparent;cursor:pointer}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/

input::-webkit-input-placeholder {color:#999; font-size:14px; font-weight:400; transform:skew(-0.001deg);}
input:-ms-input-placeholder {color:#999; font-size:14px; font-weight:400; transform:skew(-0.001deg);}
input::placeholder {color:#999; font-size:14px; font-weight:400; transform:skew(-0.001deg);}

input, select {background-color:transparent;}
span, b, strong{line-height:inherit; font-family:inherit;}


select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background:transparent url('../main/img/arrow_bk.png') no-repeat center right 15px /7px auto; }/*ios대응*/
select::-ms-expand{ display:none; /* 화살표 없애기 for IE10, 11*/}


/* Start-슬릭기본 */
.slick-slider{position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}
/* End-슬릭기본 */
.material-symbols-outlined { font-variation-settings:  'FILL' 0,  'wght' 400,  'GRAD' 0,  'opsz' 24}

.w1350 {width:1350px; margin:0 auto;}
.compad {padding:150px 0; box-sizing:border-box;}
.compad_t {padding:150px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 150px; box-sizing:border-box;}

/***** S:: 변수 *****/
:root{
	--vh: 100%;


	/**** 컬러 ****/
	--main:#00F483;
	--white:#fff;
	--black:#111;
	--grayBg:#F9FAFB;
	--border:#ddd;
	/**** 컬러 ****/

	/**** 폰트속성 ****/
	--eng: 'Archivo', 'NanumSquareNeo', Malgun Gothic,'Malgun Gothic', sans-serif;
	/**** 폰트속성 ****/


}
/***** E:: 변수 *****/

/* iframe {border:none; aspect-ratio: 0.563; height:auto !important; width:100% !important;} */

.ls0 {letter-spacing:0 !important;}
.center {text-align:center;}
.white {color:var(--white) !important;}
.center_title {letter-spacing: -0.8px; text-transform: uppercase; font-size: 30px; font-weight: 500; color:var(--black); text-align:center; line-height:125%; margin:0 0 38px; letter-spacing: -2px;}
.center_title.eng {font-family:var(--eng); letter-spacing:0; font-weight: 900;}
.fs40 {letter-spacing: -2px; font-size: 40px; font-weight: 500; color: var(--black);}

#contents {margin-top:100px;}
.cont_title {text-align:center; letter-spacing: -0.8px; text-transform: uppercase; font-size: 40px; color:var(--black);  line-height:125%; margin:0 0 28px; font-weight:500; letter-spacing: -2px;}
.cont_title > p {font-weight: 400; font-size: 18px; color: var(--black); line-height:177%; letter-spacing: -0.9px; margin-top:3px;}
.cont_title.eng {font-family:var(--eng); font-weight: 900; letter-spacing:0;}