@font-face {
  font-family: "GmarketSans";
  font-weight: 300;
  src: url(../fonts/GmarketSansLight.woff2) format(woff);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 500;
  src: url(../fonts/GmarketSansMedium.woff2) format(woff);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 800;
  src: url(../fonts/GmarketSansBold.woff2) format(woff);
}
 



:root {
	/*color*/
	--main-color:#FAE100;
	--point-color:#C52A2A;
	
	
	--mainfont-color:#1b1b1b;
	--midfont-color:#666;
	--subfont-color:#999;
	
	
	--border-color:rgba(34,34,34,0.1);
}



html {position: relative; height: 100%; min-height: 100%; margin: 0; -webkit-text-size-adjust:none;}
body {position: relative; width: 100%; height: auto; min-height: 100%; font-family: 'Pretendard','Pretendard'; 
overflow-y: auto; overflow-x: hidden; letter-spacing: -0.5px; color:#1b1b1b; word-break:keep-all; background: #f5f5f5 }
*, *::before, *::after {padding:0; margin:0; box-sizing: border-box; line-height: 150%; word-break: keep-all}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-family: 'Pretendard','Pretendard'; word-break:keep-all; color: #1b1b1b}
input,button,textarea,select{font-family: 'Pretendard','Pretendard'; color:#1b1b1b; word-break:keep-all;}
ul {list-style-type: none; padding-inline-start: 0;}
a {text-decoration: none; color: inherit}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{padding:0;}
button {border: none; background:none; cursor: pointer;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea:focus {outline:none;}


.gfont{font-family: "GmarketSans";}

.inner{padding: 0 15px}


.hidden {display: none;}
input {height: 50px; border-radius: 5px; border: 1px solid #E0E0E0; padding: 0 20px; font-size: 14px; width: 100%; line-height: 48px; background: #fff}
input::placeholder {color:#666;}
input:focus, textarea:focus {}
textarea {height: 120px; border-radius: 5px; border: 1px solid #E0E0E0; padding: 15px 20px; font-size: 14px; width: 100%; resize: none; display: block; background: #fff; text-align: left}
textarea::placeholder {color:#666;}

textarea:disabled{background: #F4F4F4; color: #696E77}

div::-webkit-scrollbar {width:18px; height: 3px;}
div::-webkit-scrollbar-thumb {background-color: #e1e1e1; background-clip : padding-box; border: 5px solid transparent;}
div::-webkit-scrollbar-track {background:none;}

input[type="text"]:disabled{background: #F4F4F4; color: #696E77}

select {height: 50px; border-radius: 5px; border: 1px solid #E0E0E0; padding: 0 20px; font-size: 14px; width: 100%; line-height: 48px; background: #fff}


input[type="checkbox"]{display: none}
input[type="checkbox"] + label{font-size: 14px; display: flex; align-items: center; gap:5px}

input[type="checkbox"] + label::before{width: 10px; height: 10px; border: 1px solid #000; display: block; content: ''}

input[type="checkbox"]:checked + label::before{width: 10px; height: 10px; border: 1px solid #0063F9; display: block; background: #0063F9}



.custom_select{
	 appearance: none; /* 기본 화살표 제거 (크로스 브라우징은 아래 참고) */
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url('../images/common/drop_select.png') no-repeat right 20px center;
  padding-right: 20px; /* 오른쪽 여백 확보 */
}

.custom_select_list{
	 appearance: none; /* 기본 화살표 제거 (크로스 브라우징은 아래 참고) */
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url('../images/common/custom_select_list.png') no-repeat right 15px center;
  padding-right: 15px; /* 오른쪽 여백 확보 */
}


/*
*::-webkit-scrollbar {
    width: 12px;
  }
*::-webkit-scrollbar-thumb {
    background-color: #204F97;
    border-radius: 10px;
    background-clip: padding-box;
    border: 3px solid transparent;
  }
*::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
  }
*/


.f10{font-size: 10px}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f19{font-size: 19px}
.f20{font-size: 20px}
.f21{font-size: 21px}
.f22{font-size: 22px}
.f23{font-size: 23px}
.f24{font-size: 24px}
.f25{font-size: 25px}
.f26{font-size: 26px}
.f27{font-size: 27px}
.f28{font-size: 28px}
.f29{font-size: 29px}
.f30{font-size: 30px}
.f35{font-size: 35px}
.f40{font-size: 40px}
.f45{font-size: 45px}

.emt10{height: 10px}
.emt20{height: 20px}
.emt30{height: 30px}
.emt40{height: 40px}
.emt50{height: 50px}
.emt60{height: 60px}
.emt70{height: 70px}
.emt80{height: 80px}
.emt90{height: 90px}
.emt100{height: 100px}
.emt110{height: 110px}
.emt120{height: 120px}
.emt130{height: 130px}
.emt140{height: 140px}
.emt150{height: 150px}






.color_r{color:red!important;}
.float_l{float: left; }
.float_r{float: right; }

.text_r{ text-align: right; }


.mt_0{margin-top: 0!important; }
.mt_10{margin-top: 10px !important; }
.mt_20{margin-top: 20px !important; }
.mt_30{margin-top: 30px !important; }


.mr_10{margin-right: 10px; }
.mr_15{margin-right: 15px; }
.mr_30{margin-right: 30px; }

.mt_0{margin-top: 0px!important; }
.mt_5{margin-top: 5px; }
.mt_15{margin-top: 15px!important; }
.mt_20{margin-top: 20px!important; }
.mt_50{margin-top: 50px!important; }
.mb_20{margin-bottom: 20px !important; }
.mb_30{margin-bottom: 30px !important; }

.test_l{text-align: left !important;}
.test_c{text-align: center !important;}
.pt_5{padding-top: 5px!important; }
.pt_0{padding-top: 0px!important; }
.pm_0{padding-bottom: 0!important; }