/*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;}
#formType01 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 #618f5e; 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.webp') 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;}
#formType01 .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 pink; background:pink; 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*/
#formType01Bg{background-size:cover; padding:0rem 0rem 8rem 0rem;background-color:#618f5e;}

    
#formType01Bg .icon{margin-top: 5.5rem;margin: 0 auto;width:300px;overflow: hidden; margin-bottom: 3rem;}  
#formType01Bg .icon img{float: left;width: 30%;margin-right: 1rem;}    
#formType01Bg .icon li:nth-of-type(3) img{margin-right: 0rem;}    


#formType01 .tit-box{padding:5rem 5% 0; text-align:center;}
#formType01 .tit-box div img{width:140px;}
#formType01 .tit-box h1{font-size:3rem; color:#fff;margin-top:2rem;font-weight: 500;text-align: center;}
#formType01 .tit-box h2{font-size:2.4rem; color:#fff; margin-top:1rem;}
.form-info{margin:2rem 0 4rem; text-align:center;}
.form-info div{margin-bottom:1rem;}    
.form-info div p{color:#fff; font-size:2rem;}
.form-info div p>strong{font-weight: 500;}
.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 #555; transition:0.2s; background:#c7a855;}
.form-btn button:hover{background:#886e28; transition:0.2s;}
.form-btn button p{font-size:1.8rem; display:inline-block;}
.form-btn button img{margin:0.8rem 0 0 1.5rem;}

@media screen and (min-width:1200px){
/* form setting */
#formType01 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*/
#formType01Bg{background-color:#618f5e;background-attachment: fixed;overflow: hidden;}

    
#formType01Bg .icon{margin-top: 5.5rem;margin: 0 auto;width:40%;margin-top: 5rem;overflow: hidden;}  
#formType01Bg .icon li{float: left; margin: 0 auto;}    
#formType01Bg .icon img{margin: 0rem 1rem;width: auto;}    
    
#formType01{position:relative; padding:8rem 0 0; }
#formType01 .tit-box{text-align:left; padding:0 0 0 0rem;}
#formType01 .tit-box div img{width:auto;}
#formType01 .tit-box h1{font-size:6rem;  line-height:1.2em; margin-top:4.5rem; color:#fff;font-family: 'NanumSquare', sans-serif ;font-weight: 800;}
#formType01 .tit-box p{font-size:3rem; line-height:1.2em; margin-top:0rem; color:#fff;font-family: 'NanumSquare', sans-serif ;font-weight: 600;}
.form-info{margin:3rem 0 0;}   
.form-info div p{font-size:2.4rem; display:inline-block;}
.form-info div p:first-child{margin-right:1rem;} 
.form-box-wrap{width:auto; margin: 0 auto;}
.form-box{width:600px;;padding: 5rem 0rem;}
.form-btn button{width:248px; margin-top:0;}
.form-btn button p{font-size:2.6rem;}
.form-btn button img{margin:1.2rem 0 0 1.5rem;}       
    
    
.name, .phone{ width:48%;float: left;} 
.name{margin-right: 2rem;}    
    
    
    
}