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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-family:"Noto Sans KR", sans-serif; font-weight:400; font-size:13px;color:#3a3a3a;}
body{box-sizing: border-box; overflow-y: auto;} 
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}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none;}
*{box-sizing:border-box;}
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}

strong, b {font-weight:700;}
fieldset{border:none;margin:0;padding:0;}
table{border:0;padding:0;border-spacing:0;}
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;}

select {
 position: relative;
 height: 35px;
 width: 100%;
 border-radius: 5px;
 border: 1px solid #ced4da;
 font-size: 1em;
 color: #444;
 padding-left: 10px;
 box-sizing: border-box;
 transition: all 0.3s;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 background: #fff url(../images/contents/selectArrow.png) no-repeat 96% center;
 }

select::-ms-expand {display: none;}

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:21px;cursor:pointer;color:#444;line-height:36px;}
label.label input{position:absolute;z-index:-1;opacity:0;}

/* 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: 15px !important;height: 15px !important;vertical-align:top;}
input[type="text"],
input[type="password"]{padding:0 10px;outline:none;font-size:13px;color:rgba(0,0,0,.8);}
input[type="checkbox"]{width:15px;height:15px;vertical-align:top;}
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::placeholder {color: rgba(0,0,0,.7);}

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

/* 스크롤 *
::-webkit-scrollbar {width: 8px; height: 8px;}
::-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;}
/*::-webkit-scrollbar { display: none; }*/