@charset "utf-8";

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, select:active{box-shadow:none;border:none!important;outline:none}
input[type=submit]:focus{outline:none}

#mainCon{position:fixed;top:95px;left:0;z-index:10;width:600px;height:calc(100vh - 95px);background:url(/sh_img/make24/main_consulting/bg.png) 60% bottom no-repeat #2340c3;font-size:14px;color:#fff;transition:left .4s;font-family:'notokr-regular'}
#mainCon.absol{position:absolute;top:auto;bottom:0}
#mainCon.open{left:50%}
#mainCon .inner{position:relative;top:50%;transform:translateY(-50%);padding:0 95px}
#mainCon .tit{margin-bottom:15px;font-size:32px;font-weight:700;color:#fff;font-family:'Poppins'} 

/* 폼 */
#mainCon ul li{position:relative;width:100%;height:65px;margin-bottom:5px;padding:0 40px;background-color:rgba(255,255,255,.1);font-family:'notokr-medium'}
#mainCon ul li label{display:inline-block;vertical-align:middle;width:25%;font-size:15px;line-height:65px;color:#fff}
#mainCon ul li input{width:66%;height:100%;border:none;font-size:15px;color:rgba(255,255,255,.7);background:none;font-family:'notokr-regular'}
#mainCon ul li select{width:73%;height:100;border:none;color:rgba(255,255,255,.7);background-color:transparent;-webkit-appearance:none;appearance:none;background:url(/sh_img/make24/main_consulting/arr.png) right center no-repeat;font-family:'notokr-medium'}
#mainCon ul li option{color:#777}
#mainCon .prv_area{padding:20px 0 23px;text-align:right}
#mainCon .prv_area a{color:#fff;text-decoration:underline;cursor:pointer}
#mainCon .prv_area label{vertical-align:top;font-size:14px;margin-right:5px;cursor:pointer}
#mainCon input[type=submit]{width:100%;height:70px;border:1px solid #fff;font-size:16px;color:#2340c3;letter-spacing:-.3px;background-color:#fff;transition:all .2s;font-family:'notokr-medium'} 

/* CS */
#mainCon .cs{position:relative;margin-top:45px;padding-left:100px;font-size:13px;line-height:1.8;color:rgba(255,255,255,.7)}
#mainCon .cs .stit{position:absolute;top:7px;left:0;font-weight:600;color:#fff;font-family:'Poppins'}
#mainCon .cs .tel{margin-bottom:10px;font-size:25px;font-weight:700;color:#fff;font-family:'Poppins'}
#mainCon .cs .sns{position:absolute;right:0;top:7px}
#mainCon .cs .sns a{display:block;float:left;width:42px;height:42px;margin:2.5px;border-radius:3px;font-size:13px;color:#fff;text-align:center;line-height:42px;background-color:rgba(255,255,255,.1)}
#mainCon .cs .sns a.txt{font-size:10px;font-weight:600;font-family:'Poppins'}

@media(hover:hover){
#mainCon input[type=submit]:hover{color:#fff;background-color:#2340c3}
#mainCon .cs .sns a:hover{color:#2340c3;background-color:#fff}
}
@media(max-width:1200px){
#mainCon{width:50%}
#mainCon.open{left:50%;width:50%}
#mainCon .inner{padding:0 30px}
#mainCon ul li{padding:0 20px}
#mainCon ul li input{width:64%}
}

@media(max-width:1024px){
#mainCon{display:none}	
}