@charset "utf-8";
/* Tag Definition */
* {box-sizing: border-box; margin:0; padding: 0; }
html { height: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{ font-family:inherit; font-weight: 400; }
label, input,button,textarea,select,option{ font-size:1rem; color: inherit; font-weight: 400; }
button{ display: block; width: 100%; height: 40px; border: 0; background: #fff; cursor: pointer; }
button:focus{ border:0; outline:none; }

input[type="reset"]{ display: inline-block; cursor: pointer; margin: 0; padding: 0; font-size: 14px; border: 0; outline: 0; white-space: nowrap; vertical-align: middle; font-family: inherit; overflow: visible; text-decoration: none; background: none; }
select{ width:100%; padding: 0 10px; height: 40px; line-height: 1.5; border:1px solid #949191; border-radius: 4px;
    background: url(../images/select_bg.png) 100% -44px no-repeat, #fff;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    vertical-align: middle; transition: all 0.3s ease 0s; }
select:focus{ border:1px solid #01954A; outline:none; }

label { position: relative; display: block; margin: 0; padding: 0; }
input { display: block; width:100%; height: 40px; line-height: 1.5; padding: 0; vertical-align: middle; color: inherit; border: 0; border-bottom:1px solid #e5e5e5; background:#fff; transition: all 0.3s ease 0.2s; }
input:focus{ border-bottom: 1px solid #01954A; outline:none; }
input[readonly="readonly"]:focus{ border:1px solid #e5e5e5 ; outline:none; }

input[type="checkbox"], input[type="radio"] { position: absolute; left: 0; top: 0; display: inherit; width: 1px; height: 1px; opacity: 0; }
input[type="checkbox"] + i{ display: inline-block; width:20px; height: 20px; margin: 0; padding: 0; vertical-align: middle; border-radius: 5px; background: #fff; overflow: hidden; }
input[type="checkbox"] + i:before{ content: "\e928"; font-family: 'xeicon'; display: block; text-align: center; line-height: 1.5; color: #D9D9D9 ; }
input[type="checkbox"]:checked + i{ border: 0; background: #01954A; }
input[type="checkbox"]:checked + i:before{ color: #fff ; }

input[type="radio"] + i{ display: inline-block; width:20px; height: 20px; margin: 0; padding: 0; vertical-align: middle; border: 1px solid #aaa; border-radius: 20px; background: #fff; }
input[type="radio"]:checked + i{ position: relative; background: 1px solid #01954A; }
input[type="radio"]:checked + i:before{ content: ""; position: absolute; top: 4px; left: 4px; display: block; background: #01954A; width: 10px; height: 10px; border-radius: 20px; }

textarea { border:1px solid #e5e5e5; width:100%; height:100%; resize:none; vertical-align: middle; padding: 10px; line-height: 1.5; transition: all 0.3s ease 0.2s; }
textarea:focus{ border:1px solid #01954A; outline:none; }

table{ width: 100%;} /* DOCTYPE 없으면 속성 상속 안됨 */
table, td, th { table-layout:fixed; border-collapse: collapse; text-indent:0; border-spacing:0; }

a, a:link, a:visited, a:hover,a:focus,a:active { text-decoration:none; color:inherit; }
fieldset,iframe{ border:0; vertical-align: middle; }
img{ display: inline-block; width: auto; max-width: 100%; vertical-align: middle; border:0; }
ul, ul li, ol, ol li { list-style:none; padding:0; margin:0; }
dl, dt, dd { padding:0; margin:0; }
p , i, b { margin:0; padding:0; font-weight: inherit; font-style: normal; }
strong { font-weight: 700; }
sup, sub { font-size: 14px; vertical-align: middle; }
pre /* 형식 유지 컨텐츠 자동개행 */
{ margin:0; padding:0; font-weight: inherit; line-height: 1.5;
	white-space: pre-wrap; /* css3 */ white-space: -moz-pre-wrap; /* Mozilla, since1999 */ white-space: -pre-wrap; /* Op4-6 */ white-space: -o-pre-wrap; /* Op7 */
	word-wrap: break-word; /* IE 5.5+ */ }