@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.filebox input[type="file"] {  display: none; }
.filebox label { display: inline-block;  width: 20%;  height: 41px;  text-align: center;  color: #fff;  font-size: 1rem;  line-height: 41px;  letter-spacing: -0.35px;  vertical-align: middle;  background-color: #000;  cursor: pointer;}

input:focus { outline-offset: 0px; outline: -webkit-focus-ring-color auto 0px;}
textarea:focus {outline-offset: 0px;outline: -webkit-focus-ring-color auto 0px; }

select {    
    /* ����Ƽ�� ���� ���߱� */ 
    -webkit-appearance: none;  
    -moz-appearance: none; 
    appearance: none;
}

/* IE 10, 11�� ����Ƽ�� ȭ��ǥ ����� */
select::-ms-expand { display: none; }
select {
    width: 100%; 
    /* ���ϴ� �ʺ��� */
    padding: 0px 45px 0px 15px;                                    
    /* �������� ���� ���� */                                    
    font-family: inherit;                                    
    /* ��Ʈ ��� */                                    
    background: url(../image/select.png) no-repeat 95% 50%;
    /* ����Ƽ�� ȭ��ǥ ��ü */                                    
    border: 0px solid #999;                                    
    border-radius: 0px;                                    
    /* iOS �ձٸ𼭸� ���� */                                    
    -webkit-appearance: none;                                    
    /* ����Ƽ�� ���� ���߱� */                                    
    -moz-appearance: none;                                    
    appearance: none;                                    
    cursor: pointer;                                    
    text-align-last: left; 
    transform: skewX(-0.3deg);
    background-color: transparent;
}


.container { width: 100%;  box-sizing: border-box; padding: 70px 0px 160px;  position: relative; border-radius: 30px;}
.container.container::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 145px); background: #f0f0f0; border-radius: 30px; z-index: -1;}


.form_inner{ font-size: 0px; width: 90%; max-width: 1200px; margin: auto; }




#mail_to {margin-bottom: 30px; display: none;}
.mail_to_c {  color: #000000;  font-size: 1rem;  font-weight: 800;  width: 180px;  border: 1px solid #ddd;  padding: 5px;}
     



.f_title { font-size: 1rem; line-height: 30px;  letter-spacing: -0.35px;  text-transform: capitalize; color: #333333;  height: 30px;  margin-top: 6px; margin-bottom: 10px;  width: 10%; margin-right: 2%; display: inline-block; vertical-align: top; border-right: 1px solid #ddd; box-sizing: border-box; font-family: 'SpoqaHanSansNeo-Regular';} 
.f_title .color1 {color:#29398c; }
.f_title.width2 {width: 10%;}
.f_title.width3 {width: 15%;}




.f_cont { clear: both;  height: 41px;  padding-left: 15px; padding-right: 15px; margin-bottom: 60px; width: 88%; display: inline-block; box-sizing: border-box; background-color: #fff;  vertical-align: top; border: 1px solid #ddd; }
.f_cont.width50 {width: 88%}

.f_cont_num { clear: both;  height: 41px;  padding-left: 15px; padding-right: 15px; margin-bottom: 60px; width: 27.3%; display: inline-block; box-sizing: border-box;    background-color: #fff;vertical-align: top; border: 1px solid #ddd; }
.f_cont_num.icon { width: 3%;  background-color: transparent;  padding: 0px;  text-align: center; border-bottom: 0px; border: 0px}


.f_cont_email { clear: both;  height: 41px;  padding-left: 15px; padding-right: 15px; margin-bottom: 60px; width: 42.5%; display: inline-block; box-sizing: border-box;     background-color: #fff; vertical-align: top; border: 1px solid #ddd; }

.f_cont_email.icon { width: 3%;  background-color: transparent;  padding: 0px;  text-align: center; border-bottom: 0px; border: 0px;}



.f_cont2 {  clear: both;  padding-left: 15px; padding-right: 15px; margin-bottom: 60px; width: 88%;  display: inline-block; box-sizing: border-box;  background-color: #fff; vertical-align: top;  border: 1px solid #ddd; }
.f_cont3 { clear: both;  margin-bottom: 60px;  width: 88%;  display: inline-block;  box-sizing: border-box; vertical-align: top  }
.f_cont4 { clear: both;  margin-bottom: 60px;  width: 83%;  display: inline-block;  box-sizing: border-box; vertical-align: top  }


.f_cont p { color: #808080; font-size: 1.1rem; height: 25px; line-height: 25px; padding: 5px 0px;}
.f_cont_num p { color: #808080; font-size: 1.1rem; height: 25px; padding: 5px 0px; line-height: 25px;}
.f_cont_email p { color: #808080; font-size: 1.1rem; height: 25px; padding: 5px 0px; line-height: 25px;}




.f_input { width: 100%; height: 25px;  color: #666666; border: 0px; background-color: transparent; font-family: 'SpoqaHanSansNeo-Regular';   font-size: 0.8rem;}
.f_input_radio { margin-right: 5px;}
.form_cate_span {margin-right: 10px;}
.f_input2 { height: 230px;  width: 100%; color: #666666; padding-top: 10px;  border: 0px;; background-color: transparent; font-family: 'SpoqaHanSansNeo-Regular';   font-size: 0.8rem; }
.upload-name { display: inline-block;  padding: 0px 8px;  font-size: 0.8rem;  line-height: 40px;  color: #808080;  vertical-align: middle;  background-color: #fff;  border: 0px;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; border: 1px solid #ddd;  width: 78%;  margin-right: 2%;  box-sizing: border-box; font-family: 'SpoqaHanSansNeo-Regular';   font-size: 0.8rem; }





#form_send { width: 100%;  padding: 50px 0px 30px;  background-color: #fff;  position: absolute;  left: 0px;  bottom: 0px;}
#form_send_1 { width: 100%;  text-align: center; }


.submit {  font-size: 1.1rem;  line-height: 35px;  letter-spacing: -0.35px;  height: 45px;  color: #fff;  width: 100%;  max-width: 150px;  text-align: center;  margin: 10px 20px;   cursor: pointer;  transition: all 0.4s; background-color: #000;  border: 1px solid #000;  text-transform: uppercase;  border-radius: 35px;}

.reset { font-size: 1.1rem; line-height: 35px; letter-spacing: -0.35px; height: 45px; color: #000;  width: 100%; max-width: 150px; text-align: center; margin: 10px 20px; cursor: pointer; transition: all 0.4s; background-color: #fff; border: 1px solid #000;  text-transform: uppercase; border-radius: 35px; }





.block {display: block; }


@media screen and (max-width: 1024px) {

  .f_title, .f_title.width2 {width: 18%; border-right: none;}
  .f_cont, .f_cont2, .f_cont3 {width: 80% !important; }
  .f_cont_num  {width: 24.6%;}
  .f_cont_email  {width: 38.5%;}


}
@media screen and (max-width: 780px) {


    .f_cont.width50 {width: 100%;}
    /* .f_title {width:100%; border-right: 0px;} */
    .f_cont {margin-bottom: 30px;}
    .f_cont_email { width: 37.5%; margin-bottom: 30px;}
    .f_cont_email.icon { width: 5%;}
    .f_cont_num { width: 24%; margin-bottom: 30px; padding-left: 10px;    padding-right: 10px;}
    .f_cont_num.icon { width: 4%; }
    .container { padding: 35px 10px 160px; }
    .f_cont {width: 100%;}
    .f_cont2 { width: 100%; margin-bottom: 30px; }
    #form_send_1 { width: 100%; }
    .submit { margin: 10px 5px; display: inline-block; }
    .reset { margin: 10px 0; display: inline-block; }
   /*  .f_title.width2 { width: 100%; } */
    .f_cont3 {  width: 100%;  margin-bottom: 30px; }
    .upload-name { width: 69%;}
    .filebox label { width: 29%; }
    select {background: url(../image/select.png) no-repeat 95% 65%;    padding: 0px; background-size: 20%; }
    #form_send {padding-top: 0px;}



}

@media screen and (max-width: 414px) {
  .form_inner {width: 95%;}
  .f_title, .f_title.width2 {width: 25%;}
  .f_cont, .f_cont2, .f_cont3 {width: 73% !important;}
  .f_cont_email {width: 34%;}
  .f_cont_num {width: 21.6%;}
}

@media screen and (max-width: 414px) {
  .form_inner {width: 100%;}
}