@charset "utf-8";
/* ===============================================================
 * Company : (주)범일정보 http://bumil.co.kr/
 * File Name		 : reset.css
 * Description  :  All page Reset CSS.
 * Created	 : 2017.09.08 / Bumil / Design / JangJiHyun
=============================================================== */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, sup, 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;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* ◇◆ My Reset Style ◇◆ */
html{font-size:62.5%; /* 10px */
  overflow-y:scroll;
  -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} /* 아이폰의 경우 뷰포트가 변경이 되면 자동으로 폰트 크기를 조절되는것을 방지 */






a{text-decoration:none; color: #333;}
/*a[href]{  color:#039; cursor:pointer; }*/ /* ☆ 요소없는 속성선택자 [href]는 IE7 에서 안됨 */
/*[href]:hover,[href]:active,[href]:focus{ text-decoration:underline; }*/
a[href^='tel']{text-decoration:none !important;cursor:default;}
/* strong,b{font-weight:bold;} */
small,sub,sup{font-size:.8em}
abbr{cursor:help}
/* em{color:#007cc4;} */
ol{list-style:decimal-leading-zero;}
hr{ -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
  margin:2em 0;
  border-width:0;border-bottom:1px solid #ddd;}

i,em,cite,dfn,var,address{font-style:normal;}
label,button,input,select,textarea{font-size:1em;}
/*
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='image']{overflow:visible;cursor:pointer;  font-family:'Noto Sans'; font-weight:200;}
*/
img,form,fieldset,iframe,object,embed,video,audio{border:0;vertical-align:top;}
img{max-width:100%;height:auto;} /* 20150116. {width:inherit;} ☆주의! 부모폭 있으면 100% 가 된다. */
table,pre{font-size:1em;}
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
pre{white-space:pre-wrap;word-wrap:break-word;}
th, td {word-wrap:break-word; /*word-break:keep-all;*/ line-height:1.6; vertical-align: middle;}

/*------------------- Button ------------------- */

a[class*='btn'],
button,
button[class*='btn'],button[type='submit'],button[type='reset'],  
html input[type='button'] {
	display:inline-block;
	box-sizing:border-box; 
	max-width:100%;
	height:2.571em;
	margin-top:.333em;margin-bottom:.333em;
	padding:0;
	border-radius:2px; 
	line-height:normal; 
	vertical-align:middle;
	text-decoration:none !important;
	-webkit-appearance:none;
}
[action] select{
	display:inline-block;
	box-sizing:border-box; 
	max-width:100%;
	height:2.571em;
	margin-top:.333em;margin-bottom:.333em;
	padding:0;
	border-radius:2px; 
	line-height:normal; 
	vertical-align:middle;
	text-decoration:none !important;
	/*-webkit-appearance:none;*/
}
html input[type='button'],
input[type='submit'],input[type='reset'],
button,
button[class*='btn'],button[type='submit'],button[type='reset'], 
a[class*='btn']{
	border-radius:0;
	-webkit-appearance:none;
	padding:.548em .786em; 
	border:1px solid #999;
	background-color:#eee;
	color:#333;
	line-height:1.333;
	white-space:nowrap;}


/* 스킵 네비게이션 : 본문바로가기 */
#skipNavWrap {overflow: hidden; position: relative; width: 100%; z-index:1000;}
#skipNavWrap a {display:block; font-size:0; width: 1px; height:1px; line-height: 0;margin: 0 -1px -1px 0;overflow: hidden;text-align: center;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; height: 20px; line-height: 1; margin: 0; padding: 8px 0 0 15px; background: #474747; color: #fff; font-size: 12px; font-weight: bold;}



/*------------------- Form ------------------- */



form{margin:0;}
fieldset{margin-left:0;margin-right:0;padding:0;}


/* Select Default */
select {display: inline-block; min-width: 150px;height: 34px;padding: 0 0 0 9px;border: 1px solid #ddd;line-height: 32px;vertical-align: top; font-size:14px; color: #333;}
select[disabled="disabled"],select[disabled="disabled"]::-ms-value {background-color: #f0f0f0;color: #888;}
.disabled {background-color: #f3f3f3;color: #888;}
.sel_y {width: 80px;}
.sel_m,.sel_d {width: 60px;}
.bl_dash {display:inline-block; vertical-align:top; width:8px; height:34px; background:url(/images/bg/bg_dash.gif) no-repeat left center;}



/* Input Type */
input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],
input[type='radio'],input[type='checkbox'],
textarea,[action] textarea,select,[action] select{
	display:inline-block;
	box-sizing:border-box; 
	max-width:100%;
	height:2.571em; 	
	padding:0;
	/* margin-top:.333em;margin-bottom:.333em;   border-radius:2px; */
	line-height:normal; 
	vertical-align:middle;
	text-decoration:none !important;
}
select {padding:0 0 0 9px;}
input[type='image']{margin-top:.333em;margin-bottom:.333em;vertical-align:middle;}
input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],input[type='url'],
textarea,[action] textarea{ 
	border-radius:0;
	-webkit-appearance:none;
	padding:0 .2em;
	background-color:#fff;}


input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],input[type='url'],
textarea,[action] textarea {width: 250px;border: 1px solid #ddd;box-sizing: border-box;outline: none; font-size:14px; color:#333;}




input[type='file']{
	height:auto;padding-top:.583em;padding-bottom:.583em;border-color:transparent;background-color:#fcfcfc;font-size:.857em /* 12px */;font-family:'맑은 고딕';line-height:1.333;}
input[type='file']::-ms-value{height:2.666em;margin:-.666em 0 -.666em -.2em;border:1px solid #ccc;background-color:#fcfcfc;}
input[type='file']::-ms-browse{height:2.5em;margin:-.555em -.2em -.555em .166em;
	border:1px solid #999;border-color:#ccc #aaa #999 #bbb;
	background-color:#eee;
	background:linear-gradient(180deg, #fff 0, #fff 3%, #eee 3%, #fff 100%);}
	



input[type="text"]:focus,input[type="password"]:focus {padding:0 13px; border:2px solid #37b !important;}
input[type="text"]:disabled, input[type="password"]:disabled {background:#f3f3f3; color:#888;}
input[type="text"][readonly], input[type="password"][readonly], select[readonly] {border:1px solid #ddd !important; color:#888; background-color:#f3f3f3; padding:0 14px !important;}
input[type="text"].input_error, input[type="password"].input_error {padding:0 13px; border:2px solid #f34b4b;color: #f34b4b;}
input[type="checkbox"] + label, input[type="radio"] + label {cursor:pointer;}
input[type="checkbox"][disabled] + label, input[type="radio"][disabled] + label {color:#999;}





.input01 .input {width: 90px !important;}

.intxt_s {position: relative; padding:6px 0 0 22px; line-height:20px; font-size: 12px;color: #666;}
span.intxt_s {display:inline-block;}
.intxt_s:after {content:"";position: absolute;left: 0;top: 8px;background:url(/images/icon/ico_ex.gif) no-repeat 0 0;width: 17px;height: 17px;}
.intxt_s.txt_red {color: #f34b4b;}
.intxt_s.txt_red:after {background:url(/images/icon/ico_ex.gif) no-repeat right 0;}

.list_type + .list_type {padding-top:10px;}

.input_won {position:relative; display:inline-block; width:auto;}
.input_won input[type="text"] {text-align:right;}
.input_won + .won{display:inline-block; margin:7px 0 0; vertical-align:top;}
.input_won .intxt {display:block; color:#222; font-size:12px; text-align:right;}


.rd_ck {display:inline-block;}
.rd_ck > input {position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; border:0 none; clip:rect(0,0,0,0);}
.rd_ck > input + label {overflow:hidden; position:relative; display:inline-block; vertical-align:middle; height:16px; line-height:16px; padding-left:22px !important;}
.rd_ck > input[type='radio'] + label:after {content:""; position:absolute; left:0; top:50%; display:block; width:16px; height:16px; margin-top:-8px; background:url('../../img/common/bg_radio.gif ') no-repeat;}
.rd_ck.checked > input[type='radio'] + label:after {background-position-y:-16px;}
.rd_ck > input[type='radio']:disabled + label:after {background-position-y:-32px;}
.rd_ck.checked > input[type='radio']:disabled + label:after {background-position-y:-48px;}
.rd_ck > input[type='checkbox'] + label:after {content:""; position:absolute; left:0; top:50%; display:block; width:16px; height:16px; margin-top:-8px; background:url('../../img/common/bg_check.gif ') no-repeat;}
.rd_ck.checked > input[type='checkbox'] + label:after {background-position-y:-16px;}
.rd_ck > input[type='checkbox']:disabled + label:after {background-position-y:-32px;}
.rd_ck.checked > input[type='checkbox']:disabled + label:after {background-position-y:-48px;}
.rd_ck.un_label label {width:0; padding-left:16px !important;}

/* Textarea */
textarea {width: 100%;border: 1px solid #ddd;padding: 14px 18px;box-sizing: border-box;}