@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);


.filebox input[type="file"] {  display: none; }
.filebox label {font-family: 'Spoqa Han Sans Neo', 'sans-serif'; 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: #898A8A;  cursor: pointer;  font-weight: 300;}

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 25px 0px 0px;                                  
    /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */                                    
    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%;  position: relative;}


.form_top { width: 90%;  font-size: 0px;  margin-right: 10%;  margin-bottom: 60px;}
.form_top.ver2 { width: 100%;  margin-right: 0px;}

.form_top > li {display: inline-block; vertical-align: middle; width: 50%;}
.form_top.ver2 > li  {width: 100%}

.form_top > li.img {height: 200px; background-image: url(../image/s7/s72_img1.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.form_top.ver2 > li.img {height: 200px; background-image: url(../image/s7/s74_img1.png);}

.form_top > li.txt {padding-left: 30px; box-sizing: border-box; }
.form_top.ver2 > li.txt {  padding-left: 0px;  text-align: center;  margin-top: -40px;}

.form_top > li.txt > p:nth-child(1) { font-size: 0.9rem;  font-weight: bold;  line-height: 1.3;  letter-spacing: -0.72px;  color: #595959; margin-bottom: 10px;}

.form_tabs {width: 100%; font-size: 0px;}
.tab_item { position: relative;  width: calc(25% - 10px);  display: inline-block;  vertical-align: top;  margin-right: 10px;  margin-bottom: 10px;  background-color: #f5f5f5;  transition: all 0.4s ease;  font-size: 0.9rem;  line-height: 1.3;  color: #333333;  text-align: center;  font-weight: bold;  padding: 25px 0px;  border-radius: 10px;  overflow: hidden;  transform: skewX(-0.3deg); transition: all 0.4s; cursor: pointer;}
.form_top.ver2 .tab_item {max-width: 160px; padding: 35px 0px;}
.tab_item.m-none {margin-bottom: 0px;}

input[name="catetype"] { display: none;}
input[name="catetype"]:hover + label {background-color: #ddd;}
input[name="catetype"]:checked + label {background-color: #6440b6; color: #fff;}

.f_title { font-size: 1rem; line-height: 30px;  letter-spacing: -0.35px;  text-transform: capitalize; color: #595959;  height: 30px;  margin-top: 6px; margin-bottom: 10px;  width: 13%; margin-right: 2%; display: inline-block; vertical-align: top; box-sizing: border-box;} 
.f_title .color1 {color:#6440b6; padding-left: 5px; }
.f_title.width2 {width: 12%;}
.f_title.width3 {width: 15%;}




.form_inner { font-size: 0px;  width: 90%;  margin: auto;  border-top: 2px solid #6440b6;  padding-top: 40px;}

.form_inner.ver2 { border-top: 0px;  padding-top: 10px;}

.form_inner_inner { font-size: 0px; width: 100%; max-width: 700px; 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_cont { clear: both;  height: 41px;  padding-left: 15px; padding-right: 15px; margin-bottom: 35px; width: 85%; display: inline-block; box-sizing: border-box; background-color: #fff;  vertical-align: top; border: 1px solid #ddd; }
.f_cont.width50 {width: 50%}

.f_cont_num { clear: both;  height: 41px;  padding-left: 15px; padding-right: 15px; margin-bottom: 35px; width: 16%; 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_num.icon p {line-height: 30px; height: 30px;}

.f_cont_email { clear: both;  height: 41px;  padding-left: 15px; padding-right: 15px; margin-bottom: 35px; width: 22%; display: inline-block; box-sizing: border-box;     background-color: #fff; vertical-align: top; border: 1px solid #ddd; }
.f_cont_email#form_mail_3 {width: 40%;}
.f_cont_email.icon { width: 5%;  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: 85%;  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: 86%;  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;}
.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;}
.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;}




.captcha_img {height: 28px; width: auto; margin: 6px 10px 6px 0px;  display: inline-block; vertical-align: top;}
.refresh {font-size: 25px; color: #000000; cursor: pointer; display: inline-block; line-height: 40px; margin-right: 20px; vertical-align: top;}
.captcha_input { 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: 110px;  box-sizing: border-box;}


.inq_div {width: 100%; margin-bottom: 70px;}
.inq_txt { font-size: 1rem;  line-height: 30px;  letter-spacing: -0.68px;  color: #231815;  position: relative; cursor: pointer; }
.inq_contbox { width: 100%;  height: 0px;  padding: 0px 15px;  box-sizing: border-box;  border: 1px solid transparent; transition: all 0.6s ease-in-out;}
.inq_contbox.on {height: 175px; border: 1px solid #ddd; margin: 10px 0px;}
.inq_contbox p { font-size: 0.8rem;  line-height: 1.5;  color: #231815;  word-break: keep-all;  text-align: justify; padding: 15px 0px; box-sizing: border-box; }
.checkbox { font-size: 0.8rem;  line-height: 1.3;  letter-spacing: -0.68px;
    color: #595959;  margin-left: 5px;}




#form_send {width: 100%;}
#form_send_1 { width: 100%;  text-align: center; }


.submit { font-family: 'NanumSquare', sans-serif;  font-size: 1rem;  font-weight: bold;  line-height: 1;  letter-spacing: -0.35px;  color: #fff;  width: 100%;  text-align: center;  cursor: pointer;  transition: all 0.4s; background-color: #6440b6;  border: 1px solid #6440b6;  padding: 20px 0px;}


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





.block {display: block; }





/* mobile */
@media screen and (max-width: 780px) {
    
    .form_top { width: 100%; }   

    .form_top > li {  width: 100%;}
    
    .form_top > li.img {  height: 125px;  margin-bottom: 30px;}
    
    .form_top > li.txt { padding-left: 0px;  width: 90%;    margin: auto;   display: block;}
    
    .tab_item { font-size: 0.8rem; }
    
    .f_title { width: 100%;   margin-right: 0px;}

    .f_cont {width:100% !important}
    .f_cont_email  {width:45%}
    .f_cont_email.icon { width: 10%; }
    .f_cont_num {width: 30%;}
    .f_cont_num.icon { width: 5%;}
    
    .f_cont2 {width: 100%;}
    
    
    .form_top.ver2 > li.img { height: 125px;}
    .form_top.ver2 .tab_item {  padding: 20px 0px;  width: 35%;}
    
    
}