@charset "UTF-8";

html,body {margin:0; padding:0; border:0;}
body{
	/*height:100%;*/	
	color:#555555;
	font-family:'Noto', sans-serif, 'NanumG', 'Malgun Gothic', '맑은 고딕' ;
float:left;
width:100%;
}
pre {border:1px solid red;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p,pre{
	margin:0px;padding:0px;	
	color:#555555;
	list-style:none;
	vertical-align:top;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section {display:block;margin:0;padding:0}
span{vertical-align:middle;}
a{vertical-align:top}
/* strong{font-weight:normal;} */
table, tr, td, th {border-collapse:collapse;border-spacing:0px;padding:0px;}
select { border:solid 1px #dedede; margin:2px 1px; color:#6e706c; height:28px; vertical-align:middle; font-size:15px; vertical-align:middle}
fieldset {padding:0;}
fieldset,dl,dd,dt,img{border:0;vertical-align:middle;}
address,em{font-style:normal }
hr,legend,caption{display:none;}
caption{display:none}

a:link {color:#555;text-decoration:none;}
a:visited {color:#555;text-decoration:none;}
a:active {color:#555;text-decoration:none;}
a:hover {text-decoration:none;}
input{height:28px;margin:1px;padding:1px 3px;line-height:24px; font-size:15px;}
input[type="text"],input[type="submit"],
input[type="password"]{height:28px;background:#fff;border:1px solid #c9ccc2;color:#6e706c;line-height:24px;padding:0 10px;font-size:15px;vertical-align:middle;}
input[type="text"]:disabled,
input[type="password"]:disabled{text-align:center;background:#f5f5f5;border:1px solid #ebebeb}
textarea{width:100%;height:160px;background:#fff;border:1px solid #c9ccc2;color:#6e706c;line-height:24px;padding:15px 19px;font-size:14px;font-family:inherit; resize:none}
textarea:disabled{background:#f5f5f5}
input[type="checkbox"]{width:14px;height:14px;border:1px solid #707070;margin:0;padding:0;vertical-align:middle;}
input[type="checkbox"] + label{font-size:14px;color:#646661}
input.calendar {    width: 138px; /*background:#fff url(/frontStatics/images/contents/icon_cal.gif) no-repeat right 0px;*/ border:1px solid #dedede; padding:0 0 0 2px; box-sizing:content-box; }
.ui-datepicker-trigger {height: 30px;width:28px;background: #ddd; top: -1px;}
* button {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer; 
	_cursor: hand;	
	text-decoration: none;
	overflow: visible;
	font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	white-space: nowrap;
	}
.clearfix {display:inline-block;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.ovhd {overflow:hidden;}
.dsp_n {overflow:hidden; position:absolute; top:-10000px; left:0; visibility:hidden; font-size:0; line-height:0; height:0;}
.dsp_b{display:block !important}
.dsp_ib{display:inline-block !important}
.blind {overflow:hidden; position:absolute; top:-10000px; left:0; visibility:hidden; font-size:0; line-height:0; height:0;}
input[type="radio"]{
height:auto;
}
input[type=text] {  
-webkit-ime-mode:active;  
-moz-ime-mode:active;  
-ms-ime-mode:active;  
ime-mode:active;  
}  
/* skip nav */
#skip_nav{height:0}
#skip_nav dt{overflow:hidden;position:absolute !important;width:1px;height:1px}
#skip_nav dd a{display:block;position:absolute;top:-10000px;left:0;z-index:999999;width:100%;font-size:16px;text-align:center}
#skip_nav dd a.on{position:absolute;top:0;left:0;height:14px;padding:20px 0;background:#272727;font-weight:bold;color:#fff}
.skip { visibility:hidden; overflow:hidden; position:absolute; height:0; width:0; background:transparent; font-size:0;}

/* floating */
.fl {float:left;}
.fr {float:right;}
.frI {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}
.al_c { text-align:center !important; }
/* margin */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt_20 {margin-top:-20px !important;}
.mt30 {margin-top:30px !important;}
.mt_40 {margin-top:-40px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt_60 {margin-top:-60px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt140 {margin-top:140px !important;}
.mt155 {margin-top:155px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml16 {margin-left:16px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr16 {margin-right:16px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}

/* padding */
.pl0 {padding-left:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pt0 {padding-top:0 !important;}
.pt_3{padding-top:3px;}

/* align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
/* font */
.lts {letter-spacing:-1px;}
.nobul {padding-left:0 !important;background:none !important;}
.pt1 {color:#3d7a00 !important}
.pt2 {color:#d92109 !important}
.pt3 {color:#ab5907 !important}
.pt4 {color:#ff6a4c !important}
.udln01 {color:#3d7a00 !important;text-decoration:underline !important;}
.fwn {font-weight:normal;}


 a._blank { 
    background-image: url(/frontStatics/images/common/_blank.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0 20px 0 0;
 }
a._wblank {
    background-image: url(/frontStatics/images/common/_wblank.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0 20px 0 0;
}
.btnArea_right{
float:right;
}
.btnArea_right input{
    height: 31px;
    width: 56px;
    margin: 0;
    padding: 0;
   vertical-align: top;
}
.btnArea_right img{
   vertical-align: baseline;
}

.small { font-size: 0.92em; font-weight:300;}
.large { font-size: 1.167em; font-weight:500; }

@media (max-width:640px){
 input.calendar{
  width:100px;
  font-size: 13px;
  padding: 0 25px 0 2px;
 }
}
@media (max-width:480px){
input.calendar {
    width: 86px;
    padding: 0 0  0 2px; 
}
}
@media (max-width:380px){
 input.calendar{
    width: calc(50% - 4px - 19px - 20.5px);
    border: 1px solid #dedede;
    padding: 0 0 0 2px;
    box-sizing: content-box;
    float: left;
 }
 .ui-datepicker-trigger{
   float:left;
   top:1px;
 }
 .bbs_search form > span{
  float:left;
  width:100%;
  text-align:left;
  font-size:13px;
 }
 .bbs_search form > span.separ{
   width:auto;
   margin: 5px 5px 0;	
  }
}
/* 본문바로가기  */
.accessibility {overflow:hidden;position: absolute;z-index:1000;width:100%;}
.accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:30px;margin:0;padding:16px 0 0 15px;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}