@charset "utf-8";

/* 1: 초기화
=========================================================================================== */
* {-webkit-text-size-adjust:none;/*가로전환시 폰트 사이즈 변환 방지*/ -webkit-tap-highlight-color: rgba(0,0,0,0); outline:none;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, input,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video, button {
	margin:0; padding:0; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
h1,h2,h3,h4,h5 {font-weight:normal;}

li {list-style-type:none;}
img, fieldset, iframe {border:0;}

table {width:100%; border-collapse:collapse; border-spacing:0; text-align:inherit;}
caption {display:none;}
th, td {vertical-align:middle;}

legend {color:#000;}
img {max-width:100%; vertical-align:middle;}

li img, dd img {vertical-align:middle;}
input, select {vertical-align:middle;}
abbr, acronym {border-bottom:1px dotted; cursor:help;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
em {font-style:normal; }
a {color:inherit; text-decoration:none;}

i, em, address {font-style:normal;}



/* 인풋박스 스타일 */
input[type='text'], 
input[type='search'], 
input[type='password'],
textarea,
select,
button {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	font-family:'Noto Sans KR', sans-serif;
	vertical-align:middle;
	line-height:1.1;
	padding:0;
	border:0;
}
input[type='text'], 
input[type='search'], 
input[type='password'],
select,
textarea {
	box-shadow:none;
	border-radius:0;
	height:40px;
	border: 1px solid #dddddd;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	line-height:40px;
	font-size:14px;
	font-size:0.875rem;
	padding:0 10px;
	box-sizing:border-box;
}
textarea {
	resize:none; 
	padding:10px;
	overflow:auto;
	line-height:1.5;
}

select{
	min-width:50px;
	background-size:auto 6px;
	color:#434343;
}

button {
	font-size:100%;
	cursor:pointer;
	background:none;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
button span {position:relative; display:block;}

input[type='text']:disabled, 
input[type='search']:disabled, 
input[type='password']:disabled,
select:disabled,
textarea:disabled {background-color: #d7d7d7;}


.textarea {width:100%; min-height:200px; border:1px solid #ddd; background-color:#fff; line-height:1.5;}
.textarea textarea {width:100%; height:200px; border:0; background:none;}


.filebox {position:relative; width:100%;}
.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 {
	position:absolute; right:0; top:0;
	display: inline-block;
	padding:0 20px;
	color:#fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	font-size:14px; font-size:0.875rem;
	background-color:#333;
	cursor: pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	line-height:50px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	width:100%;
	text-indent:10px;
	font-size:14px; font-size:0.875rem;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #dddddd;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	line-height:48px;
	box-sizing:border-box;
}

/*radio design*/
.inp_radio {display:inline-block; min-width:15%}
.inp_radio label {
	display:inline-block; 
	position:relative; 
	padding-left:25px;  
	line-height:16px; 
	cursor:pointer;
}
.inp_radio input[type="radio"] {display:none;}
.inp_radio label::before,
.inp_radio label:before {
	content:"";
	display:inline-block;
	width:16px; height:16px;
	position:absolute;
	left:0; top:0;
	background:url(../images/bg_radio.png) 0 0 no-repeat;
}
.inp_radio input[type="radio"]:checked + label:before,
.inp_radio input[type="radio"]:checked + label::before,
.inp_radio input[type="radio"][checked="checked"] + label:before,
.inp_radio input[type="radio"][checked="checked"] + label::before {
    background-position:0 bottom;
}

/*checkbox design*/
.inp_checkbox label {
	display:inline-block; 
	position:relative; 
	padding-left:30px;  
	line-height:23px; 
	cursor:pointer;
}
.inp_checkbox input[type="checkbox"] {display:none;}
.inp_checkbox label:before {
	content:"";
	display:inline-block;
	width:21px; height:23px;
	position:absolute;
	left:0; top:0;
	background:url(../images/bg_check.png) 0 bottom no-repeat;
}
.inp_checkbox input[type="checkbox"]:checked + label:before,
.inp_checkbox input[type="checkbox"][checked="checked"] + label:before {
    background-position:0 0;
}



/*셀렉트 디자인*/
select.select1 {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding-right:30px;
	width:100%;
	font-family:inherit; font-size:inherit;
	color:#333;
	background:#fff url(../images/common/icon_select.gif) 92% center no-repeat;
}
select.select1::-ms-expand { 
  display: none;
}
select.select1 option {line-height:200%; border:0;}
select.select1 option:checked,
select.select1 option:hover {background:#7692af; box-shadow:0 0 10px 100px #7692af inset;}


/*인풋 텍스트 디자인*/
.inp_txt {width:100%;}
.inp_txt.w10p {width:10%;}
.inp_txt.w15p {width:15%;}
.inp_txt.w30p {width:30%;}
.inp_txt.w40p {width:40%;}
.inp_txt.w50p {width:50%;}
.inp_txt.w51p {width:51.5%;}
.inp_txt.w60p {width:60%;}
.inp_txt.w70p {width:70%;}
.inp_txt.w80p {width:80%;}
.inp_txt.w90p {width:90%;}
.inp_txt.w100p {width:100%;}




/*페이징*/
.pagenation {height:35px; position:relative; padding-bottom:10px;}
.pagenation ul {text-align:center;}
.pagenation li {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:14px; line-height:1;
}
.pagenation li a {
	display:block; width:26px; padding:6px 0 6px; border:1px solid #ddd; background-color:#fff; 
	line-height:1; color:#999;
}
.pagenation li a.on {border-color:#1d456d; color:#1d456d}
.pagenation li.first a, .pagenation li.prev a , .pagenation li.next a, .pagenation li.last a {
	font-size:0; height:14px;
	background:#fff url("../images/bg_paging.png") 0 0 no-repeat;
}
.pagenation li.first a {background-position:7px 7px;}
.pagenation li.prev a {background-position:-26px 7px;}
.pagenation li.next a {background-position:-64px 7px;}
.pagenation li.last a {background-position:-98px 7px;}

.pagenation .posR {position:absolute; right:0; top:0;}
.pagenation select {
	height:35px;
	background-position:95% center, 0 bottom;
}