@charset "utf-8";

@import url(./font.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

html { overflow-y: scroll; }
html, body{width:100%;}
body { margin: 0; padding: 0; height: 100%; border: 0 none; word-break: break-all; }
body, input, textarea, button { font: 400  16px/1.5  "Noto Sans KR","Malgun Gothic", "NanumSquare", "돋움", "Dotum", Arial, Sans-serif; color: #383838; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, th, td, button {margin:0; padding:0;}
table { border-collapse: collapse; border-spacing: 0px; table-layout: fixed; }
img, abbr, acronym { border: 0 none; }
fieldset,blockquote,iframe{border:0 none;}
img{/*display: inline-block;*/ vertical-align:top;-webkit-perspective: 1; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; text-decoration: none; }
ins { font-style: normal; text-decoration: none; }
ol,ul, li { list-style: none outside; }
legend, caption { text-align: left; padding:0; margin:0 ;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
legend { margin-left: -7px; }
q:before, q:after { content:''; }

hr { display: none; }
em { color: inherit; font-weight: normal; }
em span { color: inherit; font-weight: bold; font-style:normal; }

button { margin:0; padding:0; border:0 none; background: transparent; overflow:visible; cursor:pointer;}
button::-moz-focus-inner { border: 0 none; padding: 0; }
a { text-decoration: none; color: inherit; }
/* a:hover {color:#FFA500; text-decoration:none;} */
a:hover {color:#277FF9; text-decoration:none;}
a[onclick] { cursor: pointer; vertical-align: top;}
input[type=radio], input[type=checkbox] { width: 12px; height: 12px; }
input,select,button{vertical-align:middle;}
input[type="button"], input[type="submit"] {cursor:pointer;}
input[type="checkbox"] { vertical-align:middle;}
input[type="password"] {font-family: "Noto Sans KR","Malgun Gothic", "Dotum", Arial;}
input[type="password"]::placeholder {font-family: "Noto Sans KR", "Malgun Gothic", "NanumSquare", "Dotum", Arial, Sans-serif}

select {height:30px; line-height:30px; padding:0 5px; }
select:hover {cursor:pointer;}

textarea{overflow:hidden; overflow-y:auto; padding:3px 6px; text-align:justify;}

table{border-spacing:0; border-collapse:collapse; border-collapse:collapse; border-spacing: 0;}
th, td, li, p{line-height:1.4;}

li > .absolute_box { display: none; }
li.on > .absolute_box { display: block; }

.ok_reset { width: 100%; text-align: center; }
.ok_reset > * { vertical-align: baseline; }

.text_wsp { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#login_id label, #login_pw label {display: none; visibility: hidden;}
.form-control {background: #fff;}

.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.v_hidden { visibility: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; }

/* 화면에 출력되지 않지만 시각 장애인을 위한 별도의 콘텐츠가 필요한 경우 */
.blind {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.clear {clear:both;}

.clearfix:after{display: block; content: ''; clear: both;}
.linked {cursor:pointer;}

/* HTML5 display-role reset for older browsers */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; margin: 0; padding: 0; }

#container{
	width:100%;
	height:auto;
	margin-top:85px;
	min-height: 700px;
}

@media screen and (max-width:768px){
	/* 모바일일 경우 */
    #container{margin-top: 60px;}

}