@charset "utf-8";
/* CSS Document */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://use.typekit.net/tpm4vdk.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* reset */
html,body,div,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,input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
	font-family:"Pretendard Variable", Pretendard,  sans-serif;
    /*vertical-align: baseline;*/
    -webkit-text-size-adjust: none;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none
}
body {
    /*position: unset !important;
    top: 0 !important;
	box-sizing: border-box;*/
	position:relative;
}
body * { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; outline: 0; }
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
textarea,input,select {background-color: #fff !important; vertical-align: middle}
textarea:focus,input:focus,select:focus { outline: none}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none;}
a {color:#3a3a3a;text-decoration:none}
a:active, a:hover {text-decoration:none;outline: none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
textarea{font-family: "Pretendard Variable", Pretendard, sans-serif;}

strong, b {font-weight:700;}
fieldset{border:none;margin:0;padding:0;}
table{border:0;padding:0;border-spacing:0;width: 100%;vertical-align: middle; border-collapse: collapse;}
table th,table td{padding:0;border:0;border-spacing:0;}
table caption,
legend{font-size:0;text-indent:-9999px;margin:0;border:none;padding:0;}

input[type="text"], input[type="password"], textarea{height:40px;width:100%;border-radius:3px;border:1px solid rgba(0,0,0,.15);font-size:15px;color:#444;padding-left:10px;box-sizing:border-box;transition:all 0.3s;}
select::-ms-expand , input[type="text"]::-ms-clear, input[type="password"]::-ms-reveal{display:none;}
select{height:40px;width:100%;border-radius:3px;border:1px solid rgba(0,0,0,.15);font-size:1rem;color:rgba(0, 0, 0, 1);padding-left:10px;/* box-sizing:border-box; */transition:all 0.3s;appearance: none;-webkit-appearance: none;-moz-appearance: none;position:relative;background:url(../images/common/selectArrow.png) no-repeat 95% 50%;}
select:disabled {color: rgba(0, 0, 0, .8); /*background-color: #f5f5f5;  배경색도 바꿀 수 있음 */ opacity: 1; /* 일부 브라우저에서 흐릿해지는 것 방지 */}
select.h36{height:36px; margin-top: -3px;}
input[type="text"]:focus, select:focus, input[type="password"]:focus, textarea:focus{color: #333;background-color: #fff;border:1px solid rgba(0,0,0,.15);outline: 0;-webkit-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);-moz-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);}
input[type="text"]:disabled{background:#f6f9fc;}
select:disabled{background:url(../images/common/selectArrow.png) no-repeat 95% 50%;}
input::placeholder{color:#666;}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
	 transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

label.label{display:inline-block;margin-right:20px;position:relative;padding-left:25px;cursor:pointer;color:#444;line-height: 18px; }
label.label input{position:absolute;z-index:-1;opacity:0;}
.mark{position:absolute;top: 0;left:0;height: 18px ;width: 18px !important ;background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.radio .mark{border-radius:50%;}
label.label:hover input ~ .mark, label.label input:focus ~ .mark{border:1px solid rgba(23,97,253,0.5);-webkit-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);-moz-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);}
label.label input:checked ~ .mark{background:#111;border:1px solid #111;}
label.labell:hover input:not([disabled]):checked ~ .mark, label.label input:checked:focus ~ .mark{border:1px solid rgba(23,97,253,0.5);-webkit-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);-moz-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);}
label.label input:disabled ~ .mark{background:#eee;opacity:0.6;pointer-events:none;}
.mark:after{content:'';position:absolute;display:none;}
label.label input:checked ~ .mark:after{display:block;}
.mark.on:after{display:block;}
.mark.on{background: #111;border: 1px solid #111;}
.checkbox .mark:after{left:5px;top:2px;width:3px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.checkbox input:disabled ~ .mark:after{border-color:#111;}
.radio .mark:after{left:3px;top:3px;height: 10px;width: 10px;border-radius:50%;background:#fff;}
.radio input:disabled ~ .mark:after{background:#111;}

/* placeholder */
::-webkit-input-placeholder {color:#b4b4b4;} /* 크롬 */ 
:-moz-placeholder { color:#b4b4b4; opacity:  0.6;} /* 파이어폭스 */
::-moz-placeholder { color:#b4b4b4; opacity:  0.6;} /* 파이어폭스 */
:-ms-input-placeholder { color:#b4b4b4; opacity:  0.6;} /* 인터넷 익스플로러 */
::-ms-input-placeholder { color:#b4b4b4; opacity:  0.6;} /* 인터넷 익스플로러 */
::placeholder { color:#b4b4b4;  opacity:  0.6;}

input[type="radio"]{width:13px; height:13px; vertical-align:top;}
input[type="text"],
input[type="password"]{padding:0 10px;outline:none;font-size: 1rem; color: rgba(0, 0, 0, 1);}
input[type="checkbox"]{width:14px;height:14px;vertical-align:middle;}
input[type="image"]{vertical-align:top;border:none;cursor:pointer;}
input[type="button"]{border:none;background:none;cursor:pointer;}
input[type="submit"]{cursor:pointer;vertical-align:top;font-size:100%;}

/* 크롬 노란색 지우기 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset!important;}
input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s;}

html::-webkit-scrollbar,body::-webkit-scrollbar {
}

/* 스크롤 */
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-track { background-color: rgba(255,255,255,1); border-radius: 4px;}
::-webkit-scrollbar-thumb {background-color: rgba(204,204,204,1);  border-radius: 4px;}