@charset "utf-8";
/*
@font-face {
	font-family: 'Nanum Barun Gothic';
	src: url("../font/NanumBarunGothic.eot");
	src: local("※"), url("../font/NanumBarunGothic.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Nanum Barun Gothic';
	src: url("../font/NanumBarunGothicLight.eot");
	src: local("※"), url("../font/NanumBarunGothicLight.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Nanum Barun Gothic';
	src: url("../font/NanumBarunGothicBold.eot");
	src: local("※"), url("../font/NanumBarunGothicBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}*/

/*base*/
body{height:100%;width:100%;text-align:left;font-size:14px;font-family:'Roboto','Malgun Gothic','맑은 고딕',"Dotum", "Arial",sans-serif, "verdana";color:#7a7a7a;line-height:1.5; letter-spacing:-0.5px;font-weight: normal;}
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0px}
img{border:0 none;line-height:0;font-size:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset{border:0}
legend, caption{display:none;height:0;overflow:hidden}
textarea{border:2px solid #dbdbdc;padding:8px 10px !important;line-height:18px; resize:none;}
input, textarea {vertical-align:middle;font-size:14px;color:#7a7a7a;font-family:'Roboto','Malgun Gothic','맑은 고딕',"Dotum", "Arial",sans-serif, "verdana";padding:0;margin:0}
input[type="checkbox"] {width:17px; height:17px;}
input[type="file"]{height:22px;color:#666;border:1px solid #d4d4d4;line-height:22px;vertical-align:middle;background:#fff}
input.text{height:16px;padding:8px 10px;border:2px solid #dbdbdc;}
input.date{margin:0 3px 0 0;width:110px}
em {font-style:normal;}
iframe {border:none;}
strong {font-weight:600;}
hr {border:0;border-top:1px solid #767676;margin:0;height:1px;}

/* common */
.fl-l {float:left !important;}
.fl-r {float:right !important;}
.cl-b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.ta-c {text-align: center !important; }
.ta-l {text-align: left !important; }
.ta-r {text-align: right !important; }
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.mb6 { margin-bottom:6px !important; }
.mb8 { margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important;}
.mb16 { margin-bottom:16px !important;}
.mb20 { margin-bottom:20px !important; }
.mb24 { margin-bottom:24px !important;}
.mb30 { margin-bottom:30px !important; }
.mb32 { margin-bottom:32px !important;}
.mb40 { margin-bottom:40px !important; }
.mb48 { margin-bottom:48px !important;}
.mb56 { margin-bottom:56px !important;}
.mb64 { margin-bottom:64px !important;}
.mb72 { margin-bottom:72px !important;}
.mb80 { margin-bottom:80px !important;}
.mt5 { margin-top:5px !important; }
.mt8 { margin-top:8px !important;}
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important;}
.mt16 { margin-top:16px !important;}
.mt20 { margin-top:20px !important; }
.mt24 { margin-top:24px !important;}
.mt30 { margin-top:30px !important; }
.mt32 { margin-top:32px !important;}
.mt40 { margin-top:40px !important; }
.mt48 { margin-top:48px !important;}
.mt56 { margin-top:56px !important;}
.mt60 { margin-top:60px !important;}
.mt64 { margin-top:64px !important;}
.mt72 { margin-top:72px !important;}
.mt80 { margin-top:80px !important;}
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important;}
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb16 { padding-bottom:16px !important;}
.pb20 { padding-bottom:20px !important; }
.pb24 { padding-bottom:24px !important;}
.pb30 { padding-bottom:30px !important; }
.pb32 { padding-bottom:32px !important;}
.pb40 { padding-bottom:40px !important;}
.pb48 { padding-bottom:48px !important;}
.pb56 { padding-bottom:56px !important;}
.pb64 { padding-bottom:64px !important;}
.pb72 { padding-bottom:72px !important;}
.pb80 { padding-bottom:80px !important;}
.pt8 { padding-top:8px !important;}
.pt12 { padding-top:12px !important; }
.pt16 { padding-top:16px !important;}
.pt20 { padding-top:20px !important; }
.pt24 { padding-top:24px !important;}
.pt32 { padding-top:32px !important;}
.pt40 { padding-top:40px !important;}
.pt48 { padding-top:48px !important;}
.pt56 { padding-top:56px !important;}
.pt64 { padding-top:64px !important;}
.pt72 { padding-top:72px !important;}
.pt80 { padding-top:80px !important;}
.of-hi {overflow:hidden;}
.bg-fff {background:#ffffff;}
.bg-24b3c7 {background:#24b3c7 !important;}
.color-a3477a {color:#a3477a !important;}
.color-2d2926 {color:#2d2926 !important;}
.color-0cb5c4 {color:#0cb5c4 !important;}
.color-fff {color:#ffffff !important;}
.color-00965e {color:#00965e !important;}
.color-93bd0e {color:#93bd0e !important;}/* 연두색 */
.color-24b3c7 {color:#24b3c7 !important;}/* 하늘색 */
.color-5f5f5f {color:#5f5f5f !important;}/* 어두운 회색 */
.color-96275a {color:#96275a !important;}/* 버건디 */
.color-767676 {color:#767676 !important;}/* 기본색 */
.no-border {border:none;}
/*radio, checkbox custom style*/
.check,
.radio { padding:0px; }
.radio { display:inline-block; padding-left:26px; margin-left:35px; height:20px; cursor:pointer; vertical-align:text-top; background: url(../../images/common/btn_radio_off.png) no-repeat center left; background-size:20px 20px;}
.check { display:inline-block; padding-left:26px; margin-right:10px; line-height:18px; height:16px; cursor:pointer; vertical-align:text-top; background: url(../../images/common/btn_checkbox_off.gif) no-repeat center left; background-size:16px 16px; }
label.c-on { background: url(../../images/common/btn_checkbox_on.gif) no-repeat center left; background-size:16px 16px; }
label.r-on { background: url(../../images/common/btn_radio_on.png) no-repeat center left; background-size:20px 20px; }
label{ margin:0;line-height:1.5; }
.check input,
.radio input { position: absolute; left: -9999px;}
.radio-txt { padding:0 17px 0 7px;}
/* selectbox */
.select-wrap{position:relative; display:inline-block;}
.selectbox{ font-size:16px; color:#333; padding:0 9px; height:30px; line-height:30px; cursor:pointer; border:1px solid #dfdfdf; background:url(../../images/common/icon_select.png) no-repeat right 10px center #fff; position:relative; width:100%;}
div.selectbox-wrapper{position:absolute;background-color:white;border:1px solid #cbcbcb;margin:0;padding:0;text-align:left;*height:60px;/*IE6 fix */ overflow-y:auto;z-index:1;max-height:300px;}
div.selectbox-wrapper ul li.selected{background-color:#fff}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:2px 5px 2px 10px;cursor:pointer;font-size:14px;line-height:28px;}
html:first-child select{padding-right:6px;height:20} /* Opera 9 & Below Fix */
/* selectbox 디자인만 */
select:not(.no-style) {
  font-family: inherit;  /* 폰트 상속 */
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  outline:0;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}
.input-box { position: relative; }
.input-box label {
  position: absolute;
  top: 1px;  /* input 요소의 border-top 설정값 만큼 */
  left: 1px;  /* input 요소의 border-left 설정값 만큼 */
  padding: .5em .8em;  /* input 요소의 padding 값 만큼 */
  color: #999;
  cursor: text;
}
/*input*/
input[type="text"],
input[type="password"] {
  height: auto;  /* 높이 초기화 */
  line-height: normal;  /* line-height 초기화 */
  padding: 8px 10px;  /* 여백 설정 */
  border:none;
  width:auto;
  border-bottom:1px solid #dfdfdf;
  font-size:16px;
  color: #333;
  font-weight:normal;
  font-family: inherit;
  border-radius: 0;  /* iSO 둥근모서리 제거 */
  outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance: none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"] {width:17px; height:17px;}
input[type="radio"] {margin-top:-4px; width:17px; height:17px;}
input[type="file"]{height:22px;color:#666;border:1px solid #d4d4d4;line-height:22px;vertical-align:middle;background:#fff}
/*textarea*/
textarea {width:100%; border:1px solid #dfdfdf;}
/* blind */
.blind{width:0; height:0; text-indent:-10000px;font-size:0px;line-height:0px; position:absolute; left:-99999px;}
.blind table{text-indent:-10000px}
.upload-progress{ border: 1px solid #dfdfdf; width: 100% ; height: 6px; }
.progress-bar{ background-color: #dfdfdf; width: 0%; height: 6px; }
.progress-label{ font-size: 12px; line-height: 14px; height: 14px; color: #7a7a7a; margin-top: 3px }