@charset "utf-8";

@import url('main.css');
@import url('sub.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
input,button,img{vertical-align:middle;}
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, a,
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; text-decoration:none;}
body {min-width:360px; line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body, input, textarea, select, button, table { font-family: 'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none;box-sizing:border-box;}
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
select {padding: 3px 10px; }
a {text-decoration:none; color:inherit;}
.hidden {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
pre {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    white-space: pre;
	    margin-bottom: 10px;
    line-height: 20px;
    font-size: 15px;
	    height: 18px;
	
}
body {background-color:#fff; overflow-x:auto; overflow-y:auto; width:100%;}

.inner {width:96%; margin: 0 auto; position: relative;}

.drop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.clearfix{*zoom:1}
.clearfix::after{clear:both;display:block;content:'';}

.noresize {
  resize: none; /* 사용자 임의 변경 불가 */
}


/* 폼공통 */
input{vertical-align:middle; width: 90%;}
/*input[type="text"] {width:100%; border:1px solid #ddd; height:36px; color:#5b5b5b}*/
input[type="text"]::-webkit-input-placeholder {color:#a7a7a7;}
input[type="text"]:-input-placeholder {color:#a7a7a7;}
input[type="text"]:-ms-input-placeholder {color:#a7a7a7;}
input[type="text"]::-moz-input-placeholder {color:#a7a7a7;}
input[type="text"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}

/*input[type="password"] {width:100%; border:1px solid #ddd; height:36px; color:#5b5b5b}*/
input[type="password"]::-webkit-input-placeholder {color:#a7a7a7;}
input[type="password"]:-input-placeholder {color:#a7a7a7;}
input[type="password"]:-ms-input-placeholder {color:#a7a7a7;}
input[type="password"]::-moz-input-placeholder {color:#a7a7a7;}
input[type="password"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}

/*input[type="text"] {width:100%; border:1px solid #ddd;}*/
input[type="text"]::-webkit-input-placeholder {color:#a7a7a7;}
input[type="text"]:-input-placeholder {color:#a7a7a7;}
input[type="text"]:-ms-input-placeholder {color:#a7a7a7;}
input[type="text"]::-moz-input-placeholder {color:#a7a7a7;}

/*textarea {width:100%; border:1px solid #ddd;}*/
textarea::-webkit-input-placeholder {color:#a7a7a7;}
textarea:-input-placeholder {color:#a7a7a7;}
textarea:-ms-input-placeholder {color:#a7a7a7;}
textarea::-moz-input-placeholder {color:#a7a7a7;}

select::-ms-expand{display: none;}
/*
select {width:100%; height:36px; padding:0 10px; font-size:14px; font-family: 'NotoKrL'; color:#666; font-weight:500;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; background:url('/images/arrow_down.png') no-repeat 98% 50%; border:1px solid #ddd; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand{display: none;}

select.family{width:100%; height:50px; padding:0 10px; font-size:14px; font-family: 'NotoKrL'; color:#ccc;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; background:#333333 url('/images/arrow_down.png') no-repeat 100% 50%; border:0; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand{display: none;}
*/

section *::-webkit-scrollbar{width:8px;}
section *::-webkit-scrollbar-thumb{background: rgb(207 65 65);border-radius:20px;height:40px;}
section *::-webkit-scrollbar-track{background:transparent; border-radius:20px;}