#main{padding:0;margin:0;}

/* form */
.contact-form{position:relative;}
.contact-form:before{position:absolute;content:'';height:100%;width:100%;top:0;right:65%;background-color:#2f2f2f;}
.contact-form .i-left{width:35%;float:left;background-color:#2f2f2f;position:relative;z-index:2;}
.contact-form .i-tips{font-size:18px;margin-bottom:40px;color:#FFF;}
.contact-form .i-right{width:65%;float:right;}
.contact-form .i-form{padding:120px 0 120px 120px;}
.contact-form .i-contact{padding:120px 120px 120px 0;}
.contact-form .i-contact li{margin-bottom:25px;}
.contact-form .i-icon{float:left;width:50px;}
.contact-form .i-icon .if{width:30px;height:30px;line-height:30px;background-color:#444;color:#FFF;text-align:center;
border-radius:100%;-webkit-border-radius:100%;}
.contact-form .i-text{float:left;color:#FFF;
width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: calc(100% - 50px);}
.contact-form .i-text a{color:#FFF;}
.contact-form .input-wrapper .inp{border-color:#131313;}
.contact-form .sns-urls{text-align:right;margin-top:20px;}
.contact-form .sns-urls .if{margin:0;border:none;color:#FFF;font-size:20px;}

/*----------- media ---------- */
@media screen and (max-width:1180px){
.contact-form .i-contact{padding:80px 50px 80px 0;}
.contact-form .i-form{padding:80px 0 80px 50px;}
}
@media screen and (max-width:860px){
#main .wrap{padding:0;}
.contact-form .i-left, .contact-form .i-right{width:100%;}
.contact-form:before{display:none;}
.contact-form .i-contact, .contact-form .i-form{padding:40px 18px;}
}

@media screen and (max-width:640px){
.contact-form .i-form .btn-radius-fill{padding:0;width:100%;}
}