@charset "utf-8";
 
@import url("./bbs.css");
@import url("./main.css");
@import url("./sub.css");
@import url("./mymenu.css"); 
 
/*=================================*/
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}
audio,canvas,progress,video,i {display: inline-block; vertical-align: baseline;}
/* html,body{font-family: 'Noto Sans KR', 'Arial', sans-serif, dotum, Helvetica; font-weight:300; color:#555; font-size:14px; letter-spacing:normal; word-break:keep-all; line-height:1; } */
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	color:#333;
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	font-family:"Noto Sans KR",sans-serif;
	text-align:left;
	letter-spacing:-1px;
}
body {}
img, fieldset, hr {border:0; margin:0; padding:0;}
img,input,select,textarea{vertical-align:middle;}
cite,em,address{font-style:normal}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}
select, input, textarea {font-family: 'Noto Sans KR', 'Arial', sans-serif, dotum, Helvetica; font-size:100%; vertical-align:middle; margin:0;}
textarea {overflow: auto;}
/* select,input[type='submit'],input[type='text'],textarea {font:normal 400 12px/120% 'Arial','돋움',dotum,AppleGothic,sans-serif; height:24px; border:1px solid #ccc; padding:2px 0 0 5px;} */
select,input[type='submit'],input[type='text'],textarea {height:24px; border:1px solid #ccc; padding:2px 0 0 5px;}
table {border-collapse:collapse;border-spacing:0;}
address {font-style:normal;}
/* legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;} */
legend, caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;color:#555;}
/*a:active,a:hover { outline: 0;}*/
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
middel,middel {font-size:88%;line-height: 0;position: relative;vertical-align: baseline;}
mideel {top:-0.2em;}
mideel {bottom: -0.2em;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
pre {overflow: auto;}
button {overflow:visible;display:inline-block;margin:0;padding:0;border:0;background:none;cursor:pointer;}
button:focus{border:1px dotted #000;}
button span{
	display:block;
	overflow:hidden;
	position: absolute;
	width:1px;
	height:1px;
	clip:rect(1px 1px 1px 1px);
	white-space:nowrap;}
button span.ui-button-text {position: relative; width: auto; height: auto;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
input {line-height: normal; border:0px none;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box;padding: 0;border:0;}
input[type="search"] {box-sizing: content-box;}
/*input,textarea {outline:none;}*/
/* .hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;} */
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
legend {position:absolute; width:0; height:0; overflow:hidden; font-size:1px; visibility:hidden;}

#acc{overflow:hidden;position:relative;width:100%;z-index:1000}
#acc a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#acc a:focus, #acc a:hover, #acc a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

#wraper{width:100%; margin:0 auto; padding:0px;}
.di_ib{display:inline-block;}
.test{border:solid 1px red;}

/* font style */
.bold{font-weight:bold;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}	
.ft_r{float:right !important;}
.ft_l{float:left !important;}
.bg_none{background:none !important;}
.border_none{border:none !important;}
.skip{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 0;height: 0;line-height: 0;margin: 0;padding: 0;position: absolute;visibility: hidden; width: 0; }
.ov_hi{overflow:hidden;}
.fs14{font-size:14px;}

/*color*/
.gr{color:#079e90 !important;}
.gr02{color:#5db112 !important;}
.red{color:#ff0000 !important;}
.bl{color:#0062a7 !important;}
.gold{color:#c0a06a !important;}
.orange{color:#eb8a00 !important;}
.white{color:#fff !important;}

/*bg color*/
.bg_white{background-color:#fff !important;}

/*space*/
.mg_t0 {margin-top:0px !important} 
.mg_t5 {margin-top:5px !important} 
.mg_t10 {margin-top:10px !important} 
.mg_t15 {margin-top:15px !important} 
.mg_t20 {margin-top:20px !important} 
.mg_t30 {margin-top:30px !important} 
.mg_t40 {margin-top:40px !important}
.mg_t50 {margin-top:50px !important}

.mg_b0 {margin-bottom:0px !important} 
.mg_b5 {margin-bottom:5px !important} 
.mg_b10 {margin-bottom:10px !important} 
.mg_b15 {margin-bottom:15px !important} 
.mg_b20 {margin-bottom:20px !important} 
.mg_b30 {margin-bottom:30px !important} 
.mg_b40 {margin-bottom:40px !important} 
.mg_b50 {margin-bottom:50px !important} 
.mg_b60 {margin-bottom:60px !important} 

.mg_l0 {margin-left:0px !important} 
.mg_l5 {margin-left:5px !important} 
.mg_l10 {margin-left:10px !important} 
.mg_l15 {margin-left:15px !important} 
.mg_l20 {margin-left:20px !important} 
.mg_l25 {margin-left:25px !important} 
.mg_l30 {margin-left:30px !important}
.mg_l40 {margin-left:40px !important}
.mg_l50 {margin-left:50px !important}

.mg_r0 {margin-right:0px !important} 
.mg_r5 {margin-right:5px !important} 
.mg_r10 {margin-right:10px !important} 
.mg_r20 {margin-right:20px !important} 
.mg_r30 {margin-right:30px !important} 
.mg_r40 {margin-right:40px !important} 
.mg_r50 {margin-right:50px !important} 

.pd_t0 {padding-top:0px !important} 
.pd_t5 {padding-top:5px !important} 
.pd_t10 {padding-top:10px !important} 
.pd_t15 {padding-top:15px !important} 
.pd_t20 {padding-top:20px !important} 
.pd_t30 {padding-top:30px !important} 
.pd_t40 {padding-top:40px !important}
.pd_t50 {padding-top:50px !important}

.pd_b0 {padding-bottom:0px !important} 
.pd_b5 {padding-bottom:5px !important} 
.pd_b10 {padding-bottom:10px !important} 
.pd_b15 {padding-bottom:15px !important} 
.pd_b20 {padding-bottom:20px !important} 
.pd_b30 {padding-bottom:30px !important} 
.pd_b40 {padding-bottom:40px !important}
.pd_b50 {padding-bottom:50px !important}

.pd_l0 {padding-left:0px !important} 
.pd_l5 {padding-left:5px !important} 
.pd_l10 {padding-left:10px !important} 
.pd_l15 {padding-left:15px !important} 
.pd_l20 {padding-left:20px !important} 
.pd_l30 {padding-left:30px !important} 
.pd_l40 {padding-left:40px !important}
.pd_l50 {padding-left:50px !important}

.pd_r0 {padding-right:0px !important} 
.pd_r5 {padding-right:5px !important} 
.pd_r10 {padding-right:10px !important} 
.pd_r15 {padding-right:15px !important} 
.pd_r20 {padding-right:20px !important} 
.pd_r30 {padding-right:30px !important} 
.pd_r40 {padding-right:40px !important}
.pd_r50 {padding-right:50px !important}

/* ul style */
ul.fl_w25 {}
ul.fl_w25 li {float:left; width:25%;}
ul.fl_w25 li input {margin-right:5px;}

ul.fl_w30 {}
ul.fl_w30 li {float:left; width:30%;}
ul.fl_w30 li input {margin-right:5px;}


/*
/* hacks setting
/*=================================*/
.clearfix {
  clear: both;
}
.clearfix:before,.clearfix:after {
  display: block;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.invalid{
	text-align: left;
	color:#f13c6f;
	font-size:14px;line-height:18px;
  	font-family:'Arial', sans-serif, dotum, Helvetica;  vertical-align:middle;
}

/* base2018 */

/*
 ★ Coding By DumiCode
 ★ homepage: http://www.dumicode.com
*/

/* Reset */
*
{ 
	box-sizing:border-box;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	letter-spacing:-2px;
}
ul, ol {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	border-spacing:0;
	border:0;
}
img, fieldset {
	border:0;
	vertical-align:top
}
address, em {
	font-style:normal;
	font-weight:300;
}
input, select, button, textarea {
	color:#333;
	font-size:100%;
	font-weight:normal;
	font-family:"Noto Sans KR",sans-serif;
	vertical-align:middle;
	letter-spacing:-1px;
}

/* Base */

hr {
	display:none;
}
a {
	color:#333;
	text-decoration:none;
}
a:focus, a:hover, a:active {

}
label,
input[type="button"], input[type="submit"] , input[type="image"],
button {
	cursor:pointer;
}
input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="button"], input[type="submit"] , input[type="image"], textarea {
	border-radius:0;
	appearance:none;
	-webkit-appearance:none;
}
textarea {
	overflow-y:auto;
}
fieldset {
	display:block;
}
button {}

legend,
caption {
	display:block;
	position:absolute;
	top:-1px;
	left:-1px;
	width:1px;
	height:1px;
	border:none;
	opacity:0.01;
	background:none;
	overflow:hidden;
}

/*html5*/
article, aside, dialog, footer, header, section, nav, figure, menu {
	display:block;
}