@charset "utf-8";

/*
html {overflow: hidden; height: 100%;}
body {overflow: auto; height: 100%;}
*/

/* ******************** 공용 ******************** */
:root {
	--c_green1:#39b38f;
	--c_green2:#5da346;
	--c_purple:#3e4292;
	--c_blue:#1f3b6a;
	--c_orange:#d14600;
	--c_yellow:#ffd800;
	--c_red:#ff3300;
	--c_gray:#938c8c;
	--ani_time:.3s;
}


body {height:100vh; font-family:'NEXON' !important; font-size:16px; font-weight:400; line-height:1.6; color:#666; word-break:keep-all; overflow:hidden; background:url(../images/main/main-bg.jpg)center /cover no-repeat;}
body * {box-sizing:border-box;}

a {color:inherit; transition:all var(--ani_time) ease !important; -webkit-transition:all var(--ani_time) ease !important; -moz-transition:all var(--ani_time) ease !important;}
/* 색상 */
.c_orange {color:var(--c_orange) !important;} /* 주황 강조용 */
.c_red {color:var(--c_red) !important;}

/* 폼 */
:focus {outline:0;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input {}
select {
	 -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
	padding:0 12px; line-height:48px; height:50px; border:1px solid #e5e5e5; cursor:pointer; background:url(../images/common/select-arrow.svg)calc(100% - 10px) 50% /auto no-repeat;
}
textarea {padding:0 12px; line-height:48px; height:50px; border:1px solid #e5e5e5;resize:none; width:100%; min-height:120px;}
input[type="text"] {padding:0 12px; line-height:48px; height:50px; border:1px solid #e5e5e5;}
input[readonly] {background-color:#f1f1f1; border:1px solid transparent;}
button {cursor:pointer; background:transparent; padding:0;}






/* ************************ 태블릿 이하(~1200) ************************ */
@media screen and (max-width: 1199px) {
	
	/* body {height:auto;} */
	
	
	.mobile {display:block}
	.pc {display:none !important}
	
	
	
	
	/* ****** contents ******* */
	.contents {padding:0 20px 100px;}
	
	
	
	
}





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
	
	
	
	
	
	
	
}