@charset "utf-8";

/********** Basic **********/
@import url(../../font/NotoSansKr/font.css); 
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
label, input, button, a, span {line-height:1.6;}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea {font-size:16px; line-height:1.5; font-family:"Noto Sans KR",sans-serif; color:#000; font-weight:400; word-break:keep-all;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#555; cursor:pointer;}
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:top;}
html, body {width:100%; height:100%;}
p {margin:0 0 10px 0;}
table {table-layout:fixed; width:100%; border-collapse:collapse;}
strong {font-weight:400;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Hover
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a:link, a:visited {color:#555;} 
a:hover, a:active {color:#222; text-decoration:underline;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Skip
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#skip {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a {display:block; position:absolute; left:0; padding:10px; color:#fff; background-color:#000;}
#skip a:link,
#skip a:visited,
#skip a:active {top:-10000px;}
#skip a:hover,
#skip a:focus {top:0;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	hidden
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.hidden, caption {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	align
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.al_left {text-align:left !important;} 
.al_center {text-align:center !important;} 


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	color
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cl_red {color:#e74466 !important;}
.cl_sky {color:#2090ff !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	margin
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
.mt15 {margin-top:15px !important;}
.mt25 {margin-top:25px !important;}
.mt40 {margin-top:40px !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	padding
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.p0 {padding:0 !important;}
.pl0 {padding-left:0 !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	table
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.table {}
.table .legend {text-align:right; font-size:14px; margin-bottom:8px;}
.table table {width:100%;}
.table table th,
.table table td {padding:8px 10px; text-align:center; border:0; border-bottom:1px solid #fff; border-left:1px solid #fff; word-break:break-all;}
.table table th {background:#d4deeb; color:#000; font-weight:400;}
.table table td {background:#fff;}
.table table .bor_l {border-left:1px solid #fff !important;}

.table_st01 table {width:100%;}
.table_st01 table th,
.table_st01 table td {padding:8px 10px; text-align:center; border:0; border-bottom:1px solid #fff; border-left:1px solid #fff; word-break:break-all;}
.table_st01 table th {background:#d4deeb; color:#000; font-weight:400;}
.table_st01 table td {background:#fff;}
.table_st01 table .bor_l {border-left:1px solid #fff !important;}
/*
.table table th:first-child,
.table table td:first-child {border-left:0;}
*/

@media screen and (max-width: 718px){
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea {font-size:15px;}	
}

@media only screen and (min-width:300px) {
* {max-height:100000px; }
}