@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:'Noto Sans KR', 고딕, san-serif, IcoMoon,dashicons, FontAwesome!important; */
	/* font-family: "NanumSquareRound"; */
	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;}
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; border:0!important;}
input:read-only{background: #eeeeee; border:0!important;}
/* Hyper Link */

a, a:link, a:active, a:hover, a:visited{text-decoration:none; }
/* 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; */}
;;-webkit-input-placeholder
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;
}

input[type="checkbox"] + label,
input[type="radio"] + label{
	color:#303030; font-size:15px; line-height:24px;
}

input[type="checkbox"] + label span{
	display:inline-block;
	width:25px;
	height:25px;
	background:url("/static/img/check_off.png")no-repeat;
	cursor:pointer;
	vertical-align:-9%;
	margin-right:5px;
	background-size:contain;

}

input[type="checkbox"]:checked + label span{
	background:url("/static/img/check_on.png")no-repeat;
	width:25px;
	height:25px;
	background-size:contain;
}

/*
input[type="radio"] + label span{
	display:inline-block;
	width:15px;
	height:15px;
	background:url("/static/img/btn_radio_off.png")no-repeat;
	cursor:pointer;
	vertical-align:-9%;
	margin-right:5px;

}

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

/* input */
input{font-family:'NanumSquare', san-serif!important; outline:0;}
input[type="radio"] {position:absolute; width:18px; height:18px; }
input[type="radio"] + .rdo {position:absolute; width:18px; height:18px; overflow:hidden; background:url("/static/img/btn_radio_off.png") no-repeat center center; cursor:pointer; vertical-align:middle;}
input[type="radio"] ~ .label-title {margin-left:28px; font-size:15px; vertical-align: top; }
input[type="radio"]:checked + .rdo {background:url("/static/img/btn_radio_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;}
/* 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("/static/img/select_arrow.png") no-repeat 50%; background-position:calc(100% - 10px); /* 화살표 모양의 이미지 */
height:30px;
padding:0px 10px;
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
border:1px solid #dcdcdc;
box-sizing:border-box;
font-size:17px;
color:#777777;
font-family:'NanumSquare', san-serif!important;
outline:none;
}
/* 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("/static/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("/static/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(/static/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(/static/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: 630px) {
	select{font-size:15px!important;}
	input{font-size:15px!important;}
	.file_upload .upload_text{width:calc(100% - 150px);}
}