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

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("https://use.typekit.net/tpm4vdk.css");
@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&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:'minerva-modern' , 'Noto Sans KR',  sans-serif;font-weight:300; font-size:13px;color:#3a3a3a;}
body{box-sizing: border-box; background:#f5f6f9;} 
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{
  background:#fff;
  -webkit-appearance: none; 
   -moz-appearance: none;    
   appearance: none;       
   padding:0 28px 0 10px; 
   background: url(/img/common/pageNavArrow.png) no-repeat 90% 50%;
}
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;
	
}

/* 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:13px;color:#b4b4b4;}
input[type="checkbox"]{width:13px;height:13px;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:-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 {
    display: none
}

/* 스크롤 *
::-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; }*/