@charset "utf-8";
/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-08-01
Last Updated: 2016-08-05
Author: OBS
*/

/***** RESET *****/


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, 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;
	font-size:100%;
	font:inherit;

	word-break:normal;
	letter-spacing:-1px;
}
sup {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	word-break:normal;
}

body{
	width:100%; height:100%;
	font-family: "NanumSquare";
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
/*html, body {height:100%;}*/
body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; height:100%;  }
ol, ul, dl, li, menu {list-style:none; padding:0; margin:0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; }
textarea {overflow:auto; outline:none; padding:10px!important; border:1px solid #dcdcdc!important; width:100%;}
input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle;  color:#444444; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; }
em, address{font-style:normal;}
button {border:none 0; cursor:pointer;}
select option{font-size:14px;}
.disabled{background: #eeeeee; border:0!important;}
input:disabled{background: #eeeeee; color:#777777;}
input:read-only{background: #ffffff;}
/* Hyper Link */
a, a:link, a:active, a:hover, a:visited{text-decoration:none; }
/* a{position:relative;}
a::after{position:absolute; content:""; width:100%; height:0.5px; background-color:#5a5a5a; left:0; bottom:-0.5px;} */


/* Form Type (html5 & 모바일 적용) */
input[type='tel'],input[type='number'],input[type='email'],input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; height: 30px; border:0;  padding:0 5px;  /* margin-top:3px; */}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
input[type='number']{-webkit-appearance:none}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input{color:#303030!important;}

textarea{resize:none; padding:0px; border:none; font-family:'NotoSansCJKkr-DemiLight'}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]
{
	-moz-appearance: textfield;
}


input[type="checkbox"],
input[type="radio"]{
	display:none!important;
}

input[type="checkbox"] + label,
input[type="radio"] + label{
	color:#303030; font-size:15px; line-height:24px;
}
/*
.chk-radio{width:100%;}
input[type="checkbox"] + label{ line-height:20px;}
input[type="checkbox"] + label span{
	display:inline-block;
	background:url("../img/btn_check_box_off.png")no-repeat;
	cursor:pointer;
	margin-right:0px;
	padding-left:25px;
	font-size:16px;
	color:#777777;
	width: 20px;
    height: 20px;
    vertical-align: -21%;
}

input[type="checkbox"]:checked + label span{
	background:url("../img/btn_check_box_on.png")no-repeat;
}


input[type="radio"] + label{ line-height:16px;}
input[type="radio"] + label span{
	display:inline-block;
	background:url("../img/btn_radio_off.png")no-repeat;
	cursor:pointer;
	margin-right:0px;
	padding-left:25px;
	font-size:16px;
	color:#777777;
	width: 20px;
    height: 20px;
    vertical-align: -23%;
}

input[type="radio"]:checked + label span{
	background:url("../img/btn_radio_on.png")no-repeat;
}

 */

/* input */
.chk-rdo{display:flex; align-items:center; justify-content: left; position:relative; }
input{ outline:0;}
input[type="radio"] {position:absolute; width:18px; height:18px;}
input[type="checkbox"] {position:absolute; width:18px; height:18px;}
input[type="checkbox"] ~ .label-title,
input[type="radio"] ~ .label-title {margin-left:2px; font-size:19px; }

input[type="radio"] + .rdo {width:22px; height:22px; overflow:hidden; background:url("../img/btn_radio_off.png") no-repeat center; cursor:pointer; margin-right:0px;}
input[type="radio"]:checked + .rdo {background:url("/img/btn_radio_on.png") no-repeat center center; }

input[type="checkbox"] + .chk {width:22px; height:22px; overflow:hidden; background:url("../img/btn_check_box_off.png") no-repeat center; cursor:pointer; margin-right:5px;}
input[type="checkbox"]:checked + .chk {background:url("../img/btn_check_box_on.png") no-repeat center center;}
input[type="checkbox"] + label span.mt,
input[type="radio"] + label span.mt{margin-top:5px;}
input[type="text"]{height:30px; border:1px solid #dcdcdc; font-size:14px; box-sizing:border-box;}
input[type="password"]{height:30px; border:1px solid #dcdcdc; font-size:14px; box-sizing:border-box; font-family:'Noto Sans KR', 고딕, san-serif, IcoMoon,dashicons, FontAwesome!important;}
input[type="number"]{height:30px; border:1px solid #dcdcdc; font-size:14px; box-sizing:border-box;}
input[type="date"]{border:1px solid #dcdcdc;}

/* placeholder font*/
::-webkit-input-placeholder{font-family:"NanumGothic"}
:-moz-placeholder{font-family:"NanumGothic"}
::-moz-placeholder{font-family:"NanumGothic"}
:-ms-input-placeholder {font-family:"NanumGothic"}

input:disabled {background:#f5f5f5;}


/*/셀렉트박스/*/
select{-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background:#fff url("/img/select_arrow.png") no-repeat 50%; background-position: calc(100% - 10px); /* 화살표 모양의 이미지 */
	height:30px;
	padding:0px 5px;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	font-size:16px;
	color:#777777;
	/* font-family:'NanumSquare', san-serif!important; */
	outline:none;
	min-width:70px;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
	display:none;
}

/* a:link { color: red; text-decoration: none;}
a:visited { color: black; text-decoration: none;} */

/* blind */
.blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap;text-indent: -9000px;}
caption,legend{overflow:hidden;height:0px; font-size:0; line-height:0; white-space:nowrap;text-indent: -9000px;}


/*
@media screen and (max-width: 1440px) {
	select{height:80px; font-size:28px; padding:0 5%;}
	input[type="text"]{height:78px; border:1px solid #cecece; font-size:40px; padding:0 38px;}
	select.sel_type_02{height:80px;}
	input[type="checkbox"] + label span{width:36px; height:36px; background:url("../img/btn_check_box_off.png")no-repeat; cursor:pointer; vertical-align:-5%; margin-right:5px; background-size:contain;}
	input[type="checkbox"]:checked + label span{ background:url("../img/btn_check_box_on.png")no-repeat; width:36px; height:36px;  background-size:contain;}
} */


.file_upload{overflow:hidden; height:40px; }


input.upload_text {/*읽기전용 인풋텍스트*/
	/* float:left; */
	width:calc(100% - 110px);/* 버튼 포함 전체 가로 길이*/
	height:40px;
	line-height:19px;
	padding:0 3px;
	background:#ffffff;
	border:1px solid #dcdcdc!important;
	margin-left:5px;
	padding:0 10px;
	vertical-align:top;
}

div.upload-btn_wrap input.input_file {/*파일찾기 폼 투명하게*/
	position:absolute;
	top:0;
	left:0px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-moz-opacity:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
/* input.upload_text:read-only{background: red; border:0!important;} */

div.upload-btn_wrap {/*버튼테두리 감싼 div*/
	overflow:hidden;
	position:relative;
	float:left;
	/* width:100px;/*width, height 값은 button(찾아보기)값과 같아야함 */
	/* height:40px;
	padding-left:3px; */

}
div.upload-btn_wrap button {/*버튼 div*/
	width:100px;
	height:40px;
	font-weight:bold;
	background: #303030;;
	border:1px solid #303030;
	color:#fff;
	font-size:15px;
}
.btn_file_plus{display:inline-block; font-size:15px; color:#303030; font-weight:900; width: 50px;
	height: 40px;
	font-weight: bold;
	background: #888888;
	border: 1px solid #888888;
	color: #fff;
	font-size: 15px;
	display:inline-block;
	line-height:40px;
	text-align:center;
	box-sizing:border-box;
	margin-left:10px;
}


.file_upload{overflow:hidden; height:auto; display:inline-block; vertical-align:bottom;}
.file-btn{ display:inline-block; width: 100px; text-align:center; line-height:38px; height: 40px; font-weight: bold; background: #303030; border: 1px solid #303030; color: #fff; font-size: 15px; margin-right:5px;}
.file-name{ position:relative; display:inline-block; line-height:40px;}
.file-name .file-text{display:inline-block;  font-size:14px; vertical-align:middle; position:relative; padding-left:25px; }
.file-name .file-text.ico::before{content:''; display:inline-block!important; width:20px; height:24px; background:url(../img/ico-file.png) center no-repeat; background-size:cover; position:absolute; left:0; top: 50%; transform:translateY(-50%);}
.file-name .ico-file-close{display:inline-block; vertical-align:bottom; width:18px; height:18px; background:url(../img/cancle-btn.png) center no-repeat; display:inline-block; vertical-align:middle; margin:2px; }
.btn-upload{display: inline-block;  width: 100px; text-align: center; line-height: 38px; height: 40px; background: #e7e7e7;   color: #8f8f8f; font-size: 15px; cursor:auto; margin-left:5px;}
.btn-upload.on{background: #ff9e9e;  color:#303030; cursor:pointer;}

.file_upload{ width:100%; max-width:500px; display:block;}
.file_upload .upload_text{width:calc(100% - 210px);}
.file_upload .btn-upload{vertical-align:top;}


.btn_file_plus{display:inline-block; font-size:15px; color:#303030; font-weight:900; width: 50px;
	height: 40px;
	font-weight: bold;
	background: #888888;
	border: 1px solid #888888;
	color: #fff;
	font-size: 15px;
	display:inline-block;
	line-height:40px;
	text-align:center;
	box-sizing:border-box;
	margin-left:10px;
}




@media screen and (max-width: 1090px) {
	input[type="checkbox"] + label,
	input[type="radio"] + label{font-size:14px;}

	input[type="checkbox"]:checked + label span,
	input[type="radio"]:checked + label span,
	input[type="checkbox"] + label span,
	input[type="radio"] + label span{width:15px; }
	.label-title{font-size:12px;}

	input[type="radio"] + .rdo,
	input[type="radio"]:checked + .rdo,
	input[type="checkbox"] + .chk,
	input[type="checkbox"]:checked + .chk{width:15px; height:15px; background-size:contain;}

}


@media screen and (max-width: 630px) {
	select{font-size:14px!important;}
	input{font-size:15px!important;}
	.file_upload .upload_text{width:calc(100% - 150px);}
}