@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbarungothic.css);
@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0;}
body,input,textarea,select,button,table {font-family:arial,'돋움',Dotum,'Nanum Gothic',NanumGothic,Malgun Gothic,helvetica,sans-serif; font-size:12px;}
img,fieldset {border:0;}
ul,ol {list-style:none;}
em,address {font-style:normal;}
a {text-decoration:none;}
a:hover,a:active,a:focus {text-decoration:none;}
article,aside,dialog,footer,header,section,footer,nav,figure {display:block; margin:0; padding:0;} /* html5 tags */
button {cursor:pointer;}


/* common */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:
1px;font-size:0;line-height:0}
.align-center {text-align:center !important;}
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.v-align-top{vertical-align:top !important}
.float-left{float:left !important}
.float-right{float:right !important}


/* btn */
.btn1{background:#666666; padding:10px 18px; display:inline-block; line-height:1; font-size:12px; vertical-align:middle; color:#fff}
.btn2{background:#2d4f9f; padding:14px 24px; display:inline-block; line-height:1; font-size:12px; vertical-align:middle; color:#fff; border-radius:2px}
button.btn2{border:0 none; overflow:visible}


/* filebox */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; padding: 8px 18px; color: #fff; font-size: 12px; line-height: normal; vertical-align: middle; background-color: #555555; border-radius:2px; cursor: pointer; margin-left:5px}
/* named upload */
.filebox .upload-name { display: inline-block; padding: 6px 10px;  /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #dadada;-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }


/* select-box */
.select-box{ display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle;background:#f8f8f8; *zoom:1}
.select-box *{cursor:pointer}
.select-box .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #dadada; background:transparent; color:#666; text-align:left; line-height:28px; _line-height:normal}
.select-box button.my_value{ width:100%; *padding-left:5px; *text-indent:0}
.select-box div.my_value{ height:28px; text-indent:8px}
.select-box .ctrl{ position:absolute; top:0; right:0; width:28px; height:28px; border:1px solid #dadada; background:#fff url(../images/common/select_icon_arrow.gif) no-repeat 50% 50%}
.select-box ul{ overflow:hidden; position:absolute; top:28px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none}
.select-box ul.a_list{ display:none}
.select-box.open ul.a_list{ display:block}
.select-box ul.i_list{ left:-2000%}
.select-box.open ul.i_list{ left:0}
.select-box li{ overflow:hidden; position:relative; height:28px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select-box li input.option{ position:absolute; width:100%; height:28px; line-height:28px}
.select-box li label{ position:absolute; top:0; left:0; width:100%; background:#fff; color:#767676; line-height:28px; text-indent:8px; *text-indent:6px}
.select-box li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none}
.select-box li.hover *{ background:#999; color:#fff}
.select-box_go{ overflow:visible; height:21px; width:28px; *margin:-1px 0 -1px 4px; padding:0; border:1px solid #bababa; background:#eee; font:bold 11px Tahoma; color:#767676; line-height:19px; _line-height:normal; vertical-align:middle; cursor:pointer}



input[type="text"],
input[type="password"]{border:1px solid #dadada; padding:6px 10px; background:#f8f8f8; vertical-align:middle; font-size:14px; line-height:normal; color:#717171}
textarea{border:1px solid #dadada; background:#f8f8f8; padding:6px 10px; font-size:14px; color:#717171}
input[type="checkbox"]{vertical-align:middle; width:14px; height:14px; border:1px solid #707070;margin:3px 3px 3px 0;}
label{font-size:12px; color:#888888; vertical-align:middle; margin:3px 0}
label+label{margin-left:10px}

table,th,td {
	border-collapse:collapse;
	padding:0;
	margin:0;
}

caption {
    display: none;
}

.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}