@charset "utf-8";


@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 프로젝트 기본스타일 */



html {margin:0; padding:0;overflow-y:scroll;display:inline-block; width:100%; height:100%;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, 
pre {margin:0; padding:0; -webkit-text-size-adjust:none; font-weight:400;} 
body, input, textarea, select, button {font-family:"Noto Sans KR","Malgun Gothic","맑은고딕","Nanum Gothic","나눔고딕","돋움","굴림";padding:0;margin:0;}

ul, li, ol{list-style:none;padding:0;margin:0;}
a{color:#333;text-decoration:none;cursor:pointer;}

b{font-weight:400;}
/* 아이폰 가로모드 글자 크기 확대 방지: -webkit-text-size-adjust:none; */ 

header, footer, nav, aside, section, article {display:block;}
fieldset, img {border:0;}
img {-ms-interpolation-mode:bicubic !important; border:0;}
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}


.inp_color_border{border:none !important;}
.inp_color_none{border:none !important; background-color:none !important;}
.inp_color{background-color: #f1f1f1; border:1px solid #cccccc;}



/* input */

.inputTxt, select, textarea {margin:0; color:#333; border:1px solid #cccccc;}
input[type="text"], input[type="password"], .inputTxt{font-size:11pt;vertical-align: bottom;margin:0;height:30px; color:#565656; border:1px solid #cccccc;}
select {padding:0; height:32px !important;}

input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
    padding:0;
}
table{border-collapse:collapse;border-spacing:0; width:100%;}




/* 스크롤스타일 */
/* Chrome, Safari용 스크롤 바 */
.gnb::-webkit-scrollbar {width: 8px; height: 8px; border:3px solid #525566; }
.gnb::-webkit-scrollbar-button:start:decrement, .gnb::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#525566;}
.gnb::-webkit-scrollbar {width: 4px; height: 8px; border:3px solid #525566; }
.gnb::-webkit-scrollbar-button:start:decrement, .gnb::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#525566;}
.gnb::-webkit-scrollbar-track {background:#525566; }
.gnb::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#525566; }

/* Internet Explorer용 코드 */
.gnb {scrollbar-3dLight-Color:#525566; scrollbar-arrow-color:#525566; scrollbar-base-color:#525566; scrollbar-Face-Color:#525566; scrollbar-Track-Color:#525566; scrollbar-DarkShadow-Color:#525566; scrollbar-Highlight-Color:#525566; scrollbar-Shadow-Color:#525566;}

/* 모바일 */

@media all and(max-width:320px){
	select {height:37px !important;padding:0;}
	input[type="text"], input[type="password"], .inputTxt{margin:0;height:35px !important; color:#565656; border:1px solid #bdbdbd;}
	
	

}



@media all and (min-width:320px) and(max-width:640px){
	select {height:32px !important;padding:0;}
	input[type="text"], input[type="password"], .inputTxt{margin:0;height:30px !important; color:#565656; border:1px solid #bdbdbd;}

	

}



@media all and (min-width:640px) and (max-width:1024px){
	select {height:35px !important;padding:0;}
	input[type="text"], input[type="password"], .inputTxt{margin:0;height:33px !important; color:#565656; border:1px solid #bdbdbd;}

	

}

@media all and (min-width:1024px) and (max-width:1366px){
	
	input[type="text"], input[type="password"], .inputTxt{margin:0;height:30px !important; color:#565656; border:1px solid #bdbdbd;}
	
}



@media all and (min-width:1366px) and (max-width:1450px){

	
}