/*form*/
/* form validator */
p{display:block;}p.error{font-size:;margin-left:;color:;}
.control-group{position:relative; display:inline-block;zoom:1;*display:inline;}
.control-group.warning>p,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c33434;}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#a11929;border-color:#c33434;}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#c33434;}
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c33434;background-color:#c33434;border-color:#c33434;}
.control-group.error>p,.control-group.error .help-block,.control-group.error .help-inline{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
.agree.control-group.error>p,.agree.control-group.error .help-block,.agree.control-group.error .help-inline{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
.select01 p.error, .select02 p.error{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
.agree p.error{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
.control-group.error input,.control-group.error select,.control-group.error textarea{color:#c33434;}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#c33434;}
/* browser placeholder */
::-webkit-input-placeholder {color:#555;}:-moz-placeholder {color:#555;opacity:1;}::-moz-placeholder {color:#555;opacity:1;}:-ms-input-placeholder{color:#555;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/* form setting */
input,select,textarea,button{font-family: 'Noto Sans KR'; font-weight:100; border:0; -webkit-border-radius:0;}
#form label{font-size:1.6rem; font-weight:400; color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.name, .phone, .memo, .date, .select01, .select02{width:100%; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; margin-bottom:2rem;}
.memo{margin-bottom:1rem;}
.name input, .phone input, .memo textarea, .date input, .select01 select, .select02 select{outline:none; color:#000; font-size:1.4rem; border:1px solid #2a7ced; padding:1.5rem 1.5rem 1.5rem 4rem; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff url('../img/form_input_bg.png') left top no-repeat; font-family: 'Noto Sans KR'; font-weight:100;}
.memo textarea{height:115px;}
.name input:focus, .phone input:focus, .memo textarea:focus, date input:focus{color:#000;}
#user_name{background-position:left top !important}
#user_phone{background-position:left -70px !important}
#user_date{background-position:left -342px !important}
#user_select01{background-position:left -409px !important}
#user_select02{background-position:left -409px !important}
#user_comment{background-position:left -478px !important}
.agree{width:100%; cursor:pointer;}
#form .agree label{font-size:1.4rem; color:#fff;}
.agree input{width:16px; height:16px; margin-right:4px;}
.agree a{margin:0 0 0 4px; color:#fff; padding:2px 6px; background:#444; font-size:1.2rem; display:inline-block;}
.agree a:link{color:#fff;}.agree a:visited,.agree a:active{color:#fff;}.agree a:hover{color:#fff; text-decoration:none;}
/*date picker*/
#ui-datepicker-div{font-size:1.4rem;}
.ui-datepicker .ui-datepicker-header{background:none; border:0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none; text-align:center;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{border:1px solid #2a7ced; background:#2a7ced; color:#fff;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #000; background:#000; color:#fff;}

/*form*/
#formBg{background-image: url("../img/counsell_bg.jpg"); background-size:cover; padding:0 0 10rem;background-position: center center}
#form .tit-box{padding:7rem 5% 2rem; text-align:center;}
#form .tit-box div img{width:140px;}
#form .tit-box h1{font-size:3rem; color:#fff; font-family: 'NanumSquare'; margin-top:2rem;font-weight: bold}
#form .tit-box h2{font-size:2rem; color:#fff; font-family: 'NanumSquare'; margin-top:1rem;font-weight: 300}
.form-info{margin:2rem 0 4rem; text-align:cewnter;}
.form-info div{margin-bottom:1rem;}    
.form-info div p{color:#fff; font-size:1.6rem;}
.form-info div p:first-child{font-weight:400;}
.form-info div p:last-child{font-weight:100;} 
.form-box{width:260px; margin:0 auto;}
.form-btn{text-align:center; margin-top:3rem;}
.form-btn button{display:inline-block; color:#fff; padding:1rem 0 1rem 3rem; width:200px; text-align:left; border-radius:5rem; outline:none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.44); transition:0.2s; background:#002f6e;}
.form-btn button:hover{background:#00285f; transition:0.2s;}
.form-btn button p{font-size:1.8rem; display:inline-block;}
.form-btn button img{margin:0.6rem 0 0 1.5rem;}

@media screen and (min-width:1200px){
/* form setting */
#form label{font-size:1.8rem;}
.name input, .phone input, .memo textarea, .date input, .select01 select, .select02 select{font-size:1.6rem;}    
#ui-datepicker-div{font-size:1.6rem;}    
    
/*form*/
#formBg{padding:0rem 0 8rem;}
#form{position:relative;}
#form .tit-box div img{width:auto;}
#form .tit-box h1{font-size:6rem; font-family: 'NanumSquare'; line-height:1.2em; margin-top:0rem; color:#fff;}
#form .tit-box h2{font-size:4rem; font-family: 'NanumSquare'; line-height:1.2em; margin-top:1rem; color:#fff;}
.form-info{margin:4rem 0 0;}   
.form-info div p{font-size:2.4rem; display:inline-block;}
.form-info div p:first-child{margin-right:1rem;}
.form-box{width:800px; margin-top:5rem;}
.name, .phone, .date, .select01, .select02{width:48.9%; padding:0 0.5%;}
.memo{width:98.9%; padding:0 0.5%;}

.form-btn button{width:500px; margin-top:0;}
.form-btn button p{font-size:2.6rem;margin-left: 13rem}
.form-btn button img{margin:1.2rem 0 0 1.5rem;}         
}
