@import url(../font/NanumBarunGothic/NanumBarunGothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display : block;}
/*    css 리셋 --------------------------------------------------------		*/
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{
margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:none;}
body{font-family:"NanumBarunGothic", "Nanum BarunGothic", "Nanum Gothic",monospace; font-size:62.5%; white-space:0;}
img{border:0; max-width:100%; vertical-align:top;}
a,span{display:inline-block; zoom:0; *display:inline; text-decoration:none;}
form{ display:inline;}
fieldset{border:0;}
legend{display:none;}
input,select,radio,div{vertical-align:top;}
input[type=submit],button{cursor:pointer;}
input[type=radio]{ padding:0; margin:0; vertical-align:middle;}
input[type=checkbox]{margin:0; vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/*=====================================================폼=====================================================*/
/*유효성 검사*/
label{display:block;}
label.valid {}
label.error {}
input .error,textarea .error{border: 2px solid blue;}
.control-group{display:inline-block; zoom:1; *display:inline;position:relative;}
.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#a11929;}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#a11929;border-color:#a11929;}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a11929;}

.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853; background-color:#fcf8e3; border-color:#c09853;}
.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{padding:4px 8px 0 0;font-size: 1.3em;  color:#a11929;}
.control-group.error input,.control-group.error select,.control-group.error textarea{color:#a11929; border:1px solid #a11929;}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#a11929;}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}

::-webkit-input-placeholder { /* WebKit browsers */    color:    #666666;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:    #666666;    opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */    color:    #666666;    opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */    color:    #666666;}

.name input:focus,.age input:focus,.phone input:focus,.memo textarea:focus{border:2px solid #a11929; outline:none;}
.name input,.age input,.phone input,.memo textarea{outline:none;overflow:hidden;
background:#ffffff url('../img/form_img.png') no-repeat; border:1px solid #606060; color:#8e8e8e; font-size:1.7em; padding:10px 0px 9px 28px;
-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
position:relative; z-index:0; behavior:url(js/jquery/PIE.php);}

#user_name01,
#user_name02{background-position:8px 7px !important}
#user_age01,
#user_age02{background-position:8px -311px !important}
#user_phone01,
#user_phone02{background-position:8px -65px !important}
#user_comment01,
#user_comment02{background-position:8px -99px !important}

input,select,textarea,button{font-family:"NanumBarunGothic", "Nanum BarunGothic", "Nanum Gothic", monospace;}

.name,.age,.phone,.memo{position:relative; margin:0 0 10px 0; width:100%;}
.name,.age{display:inline-block; zoom:1; *display:inline;}

.name{width:60%;}
.name input{width:55%;}
.form .asterisk_name{position:absolute; top:6px; left:74%; color:#bc0101; font-size:1.4em;}

.age{width:35%;}
.age input{width:55%;}

.phone input{width:50%;}
.form .asterisk_phone{position:absolute; top:6px; left:71%; color:#bc0101; font-size:1.4em;}

.memo textarea{padding:10px 0px 10px 28px; width:92%; height:60px;}

.form_button{position:relative; text-align:center;}
.form_button button{position:relative; width:85%; margin-top:3%; height:70px; color:#ffffff; font-size:3.0em; font-family:"NanumBarunGothic", "Nanum BarunGothic", "Nanum Gothic";
border:2px solid #bd3702;outline:none;-webkit-box-shadow:#cecece 4px 4px 5px;
-moz-box-shadow:#cecece 4px 4px 5px;box-shadow:#cecece 4px 4px 5px;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
background:#d11c25;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#d11c25), to(#800012));
background:-webkit-linear-gradient(#d11c25, #800012);background:-moz-linear-gradient(#d11c25, #800012);
background:-ms-linear-gradient(#d11c25, #800012);background:-o-linear-gradient(#d11c25, #800012);
background:linear-gradient(#d11c25, #800012);-pie-background: linear-gradient(#d11c25, #800012);
z-index:6666666;behavior: url(js/jquery/PIE.php);}

.agree{width:90%; font-size:1.3em; letter-spacing:0.5px; cursor:pointer; color:#373737; margin:0 auto 10px auto;}
.agree a{margin-left:3px;}
.agree a:link {color:#373737;}.agree a:visited,.agree a:active{color:#373737;}.agree a:hover{color:#373737;text-decoration:underline;}
/*=====================================================폼=====================================================*/