@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-size: 1em; font-weight: 400; }
label, input,button,textarea,select,option{font-size:1em; color: inherit; font-weight: 400; }

input[type="reset"]{ display: inline-block; cursor: pointer; margin: 0; padding: 0; font-size: 1em; border: 0; outline: 0; white-space: nowrap; vertical-align: middle; font-family: inherit; overflow: visible; text-decoration: none; background: none; }


label { position: relative; display: block; margin: 0; padding: 0; }


image { width: auto;}
input { display: block; width:100%; font-size:12pt;height: 40px; line-height: 37px; padding: 0 10px; vertical-align: middle; color: inherit; border:1px solid #e5e5e5; background:#fff; transition: all 0.3s ease 0.2s; }
input:focus{ border:1px solid #7a6a56 ; 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: 1px solid #aaa; border-radius: 5px; background: #fff; }
input[type="checkbox"]:checked + i{ border: 1px solid #7a6a56 ; }
input[type="checkbox"]:checked + i:before{ content: "\e928"; font-family: 'xeicon'; display: block; text-align: center; line-height: 18px; color: #7a6a56 ; }


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; border: 1px solid #7a6a56; }
input[type="radio"]:checked + i:before{ content: ""; position: absolute; top: 4px; left: 4px; display: block; background: #7a6a56; 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.5em; transition: all 0.3s ease 0.2s; }
textarea:focus{ border:1px solid #7a6a56; outline:none; }

table{ font-size: 1em; } /* DOCTYPE 없으면 속성 상속 안됨 */
table, td, th { table-layout:fixed; border-collapse: collapse; text-indent:0; width: 100%; 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; vertical-align: middle; 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, strong { margin:0; padding:0; line-height: 1.7em; font-style: normal; }
sup, sub { font-size: 1em; vertical-align: middle; }
pre /* 형식 유지 컨텐츠 자동개행 */
{ margin:0; padding:0; font-weight: inherit; line-height: 1.7em;
	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+ */ }
	
	
.add_option{display: inline-block;border-top: 1px #d7d7d7 solid;border-bottom: 1px #e2dbd5 solid;}
.add_option a{font-size: 16px;color: #555555;border-left: 1px #e2dbd5 solid;border-right: 1px #e2dbd5 solid;background-color: #fff;width: 30px;height: 30px;text-align: center;line-height: 28px;}
.add_option input{font-size: 16px;color: #555555;font-weight: 300;width: 38px;text-align: center;height: 30px;vertical-align: top;}



.tab_ul{border-left: 1px #e2dbd5 solid;margin-bottom: 30px;}
.tab_ul li{height: 55px;float: left;width: 33.3%;box-sizing: border-box;border-right: 1px #e2dbd5 solid;border-top:1px #e2dbd5 solid;border-bottom: 1px #d7272a solid;}
.tab_ul a{text-align: center;display: block;font-size: 15px;color: #555555;font-weight: 400;line-height: 55px;}
.tab_ul .on{border-bottom: 1px #FFF solid;border-left: 1px #d7272a solid;border-right: 1px #d7272a solid;border-top:3px #d7272a solid;}
.tab_ul .on a{color: #d7272a;}
.tab_wrap{margin-top: 70px;}



.inC{vertical-align: middle;box-sizing: border-box;border:1px #e2dbd5 solid;font-size: 15px;color: #555555;padding:0 10px;height: 30px;display: inline-block;background-color: #FFF;}
.selC{box-sizing: border-box;border:1px #e2dbd5 solid;font-size: 15px;color: #555555;padding:0 0 0 10px;height: 30px;display: inline-block;vertical-align: top;background-color: #FFF;}
.textarea{box-sizing: border-box;border:1px #e2dbd5 solid;font-size: 15px;color: #555555;padding:10px;height: 80px;width: 100%;display: inline-block;vertical-align: top;background-color: #FFF;}