@charset "utf-8";

/* =========================== PAGE */
#contact1004{position:relative;max-width:1300px;margin:0 auto;padding:100px 0;font-size:14px;line-height:1.5;color:#777;font-family:var(--k-font)}
#contact1004 .pl{white-space:pre-line}
#contact1004 *{word-break:keep-all}

#contact1004 #sh_write_tbl{margin-top:20px;padding-top:50px;border-top:2px solid #111}
#contact1004 .s_tit{margin-bottom:20px;font-size:25px;font-weight:700;color:#111}
#contact1004 .info_area ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#contact1004 .info_area li{display:flex;flex-direction:column}
#contact1004 .sh_label{margin-bottom:5px;font-size:16px;font-weight:700;color:#111}
#contact1004 .sh_input{width:100%;height:50px;padding:0 15px;border-radius:4px;border:1px solid #f5f5f5;font-size:15px;color:#777;background:#f5f5f5;transition:all .2s;font-family:'Pretendard'}
#contact1004 .cont_area{margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1}
#contact1004 .cont_area .req li+li{margin-top:20px}
#contact1004 input[type=text]:focus, input[type=text]:active, input[type=password]:focus, textarea:focus, textarea:active, select:focus, select:active{border:1px solid #e1e1e1 !important;background:#fff !important}
#contact1004 .txt{height:300px;padding:15px}

#contact1004 li.file_area .flex{display:flex}
#contact1004 li.file_area .upload-name{width:calc(100% - 120px)}
#contact1004 li.file_area .upload-name:focus-visible{outline:none}
#contact1004 li.file_area label{cursor:pointer;width:120px;height:50px;margin:0 0 0 5px;border-radius:4px;font-weight:600;color:#fff;text-align:center;line-height:50px;background:#b1b1b1}
#contact1004 li.file_area input[type=file]{display:none}
#contact1004 li.ctf_area .flex{display:flex}
#contact1004 .file_area .bf_file_del{font-weight:500;color:#aaa;background:none}
#contact1004 .bf_file_del span{padding:3px 7px;border-radius:3px;font-size:12px;color:#fff;background:#aaa}

#contact1004 .pvc_ck{margin-top:80px;text-align:center}
#contact1004 .pvc_ck label{font-weight:500}
#contact1004 .pvc_ck a{cursor:pointer;text-decoration:underline}


#contact1004 .tbl_tit p{margin-bottom:20px;font-size:35px;font-weight:700;line-height:1.3;color:#111}
#contact1004 .tbl_tit{display:flex}
#contact1004 .tbl_tit div{font-size:17px;font-weight:500}
#contact1004 .tbl_tit img{margin-left:auto;margin-right:50px}

#contact1004 .btn_area{margin-top:20px;text-align:center}
#contact1004 .btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:30px;outline:none;border:none;box-shadow:none;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:55px;background-color:#111;-webkit-transition:all .2s;transition:all .2s}

@media(hover:hover){
#contact1004 .btn_type01:hover{background-color:#333}
}

@media(max-width:1024px){
#contact1004{padding:50px 15px}
#contact1004 .tbl_tit p{font-size:30px}
#contact1004 .tbl_tit div{font-size:15px}
#contact1004 .tbl_tit img{width:200px}
}
@media(max-width:768px){
#contact1004 #sh_write_tbl{padding-top:30px}
#contact1004 .s_tit{margin-bottom:10px;font-size:20px}
#contact1004 .sh_label{font-size:14px}
#contact1004 .info_area ul{grid-template-columns:repeat(2,1fr)}
#contact1004 .info_area ul li:last-child{grid-column:span 2}
#contact1004 .cont_area{margin-top:30px;padding-top:30px}
#contact1004 .cont_area .req li+li{margin-top:10px}
#contact1004 .txt{height:200px}
#contact1004 .tbl_tit{display:block;text-align:center}
#contact1004 .tbl_tit p{font-size:25px}
#contact1004 .tbl_tit img{display:none}
#contact1004 .pvc_ck{margin-top:40px}
}
@media(max-width:480px){
#contact1004 .s_tit{font-size:17px}
#contact1004 .s_tit{margin-bottom:10px}
#contact1004 .info_area ul{gap:10px}
#contact1004 .sh_input{height:40px}
#contact1004 li.file_area label{height:40px;line-height:40px}
#contact1004 .txt{height:100px}
#contact1004 .tbl_tit p{margin-bottom:10px;font-size:20px}
#contact1004 .tbl_tit div{font-size:14px}
}
@media(max-width:390px){
#contact1004 .info_area ul{grid-template-columns:repeat(1,1fr)}
#contact1004 .info_area ul li:last-child{grid-column:unset}
}