.explore_btn {font-size:20px; color:#FFF; padding:20px 35px; border-radius: 5px; border: 1px solid #FFF; box-shadow: 3px 4px 4px rgba(0,0,0,0.25); text-decoration:none; font-weight:lighter;}
.explore_btn:hover, .explore_btn:active {background-color: #0D0D0D; border:1px solid transparent; color:#d4d4d4;}
.explore_btn:visited {color:#d4d4d4;}
.main_title {display:flex; align-items: center; justify-content: space-between; gap:2vw; margin-bottom:60px; width:100%;}
.main_title h1 {font-size: 32px; font-family: 'Bitter',serif; font-weight:300; color: #FFF;   white-space: nowrap;}
.main_title .title_line {border: 0.6px solid #fafafa; width:80%;}

.sub04_contact .banner {width:100%; height:25vw; position:relative; overflow: hidden;}
.sub04_contact .banner > img {position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0;object-position: 50% 30%; filter:brightness(0.5);}
.sub04_contact .banner::after {content: ""; position: absolute; inset: 0; background-color: #262626; opacity: 0.5; pointer-events: none;}
.banner_des {position: relative; z-index: 2; color: #fff; top: 50%; left:8vw; }
.banner_des > h1 {font-family:'Bitter', serif; font-size:36px; font-weight:300; line-height: 1.4rem;  }
.bento p {font-size:20px; color:#FFF;font-weight: lighter; text-decoration: none; z-index: 3; position: absolute; margin:0; left:0; bottom:0; padding: 30px 30px;}

.about_content {width:100%; display:flex; flex-wrap: nowrap; gap:8vw; z-index:1; padding: 80px 8vw; background:#262626;}
.about {width:40%; display:flex; flex-direction: column; align-items: end; gap:4.5vw;}
.about .about_top {display:flex; flex-direction: column; gap:1.5vw;}
.about .about_top > h4 {font-size:24px; color:#FFF; font-weight:600; margin:0 0 20px 0;}
.about .about_top > p {font-size: 20px; color: #d9d9d9; font-weight:normal; margin:0;}
.about_middle {width:100%; display: flex; flex-direction: column; gap:2vw;}
.about_middle .about_info {display:flex; gap:2vw;}
.about_middle .about_info .section_title {margin:0; color:#FFF; font-weight:400; font-size:20px;}
.about_middle .about_info .section_info {margin:0; color:#fafafa; font-weight:lighter; font-size:20px;}
.explore_btn i {color:#FFF; font-size:20px; margin-right:10px;}


.contact {width:60%;display:flex;flex-direction: column; gap:1.5vw;}
.contact .contact_top >h4 {font-size:24px; color:#FFF; font-weight:600; margin:0; width:100%; text-align: start;}
.wpcf7 >form {display:flex; flex-direction:column; gap: 2vw; justify-content: space-between; width:100%;}
.wpcf7 > form > p {width:100%; /*height:fit-content;*/ height:auto;}
.wpcf7 > form > p:nth-child(5){/*width:fit-content;*/text-align:end;}
.wpcf7 > form > p > label {font-size:20px; margin:0 0 40px 0; color:#FFF; font-weight:400; width:100%;}
.wpcf7 > form > p > label > br {height:20px;}
.wpcf7-form-control-wrap { width:100%; border-bottom: 1px solid #FFF; padding: 0 0 20px 0;}
.wpcf7-form-control-wrap >input {background-color: rgba(0,0,0,0); width:100%; font-size:20px; margin-top: 20px; color:#FFF;}
.wpcf7-form-control-wrap:focus-within {border-bottom-color: #EDC189;}
.wpcf7 input:focus, .wpcf7 textarea:focus {color: #fff;outline: none;}
.wpcf7-form-control-wrap >textarea {background-color: rgba(0,0,0,0);padding-top: 80px;}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {color:#fff;}
textarea {border: 0px solid #FFF;}
::placeholder{color:#666 !important;}
.wpcf7 textarea {font-size:20px;height:130px;}
/* CF7 입력창 “눌린 것 같은” 내부 음영/박스 제거 */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
    -webkit-appearance: none !important; appearance: none !important; background: transparent !important; background-color: transparent !important; 
    background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; border-radius: 0 !important;}
  
  /* 크롬 자동완성(autofill) 들어가면 생기는 덩어리/음영 제거 */
  .wpcf7 input:-webkit-autofill,
  .wpcf7 textarea:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
  }


/***반응형***/
@media(max-width:1440px){
    .main_title {margin-bottom: 40px;}
    .main_title h1 {font-size: 28px;}
    .bento p {font-size: 18px; padding:20px;}
    .explore_btn {font-size:18px; padding: 14px 28px;}

    .about .about_top > h4, .contact .contact_top >h4 {margin:0; font-size:22px;}
    .about .about_top > p {font-size:17px;}
    .about_middle .about_info .section_title {font-size:18px;}
    .about_middle .about_info .section_info {font-size:18px;}
    .about_middle {gap:1.5vw;}

    .wpcf7 > form > p > label {font-size:18px;}
    .wpcf7-form-control-wrap >input {font-size:16px;}
    .wpcf7 textarea {font-size:16px;height:130px;}
    .wpcf7-form-control-wrap >textarea {padding-top: 100px;}
}

@media (max-width:1280px){
    .about_content {padding:60px 6vw;}
    .wpcf7-form-control-wrap >textarea {padding-top:80px;}
}

@media (max-width:1024px){
    .explore_btn {font-size:16px;}

    .about_content {flex-direction: column; gap:4vw;}
    .about {width:100%;}
    .contact {width:100%;}
    .about .about_top > p {padding-right:10vw;}
    .about .about_top > p {font-size:16px;}
    .about_middle .about_info .section_title, .about_middle .about_info .section_info, .wpcf7 > form > p > label {font-size: 16px;}
}

@media (max-width:768px){
    .main_title {justify-content:flex-start; margin-bottom:20px;}
    .main_title h1 {margin:0; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight:600; color: #FFF;}
    .main_title .title_line {display:none;}
    .explore_btn {font-size:16px; padding:12px 24px;}

    .about_content {padding:50px 4vw;}
    .sub04_contact .main_title {display:none;}
    .about .about_top > h4, .contact .contact_top >h4 {font-size:20px;}
    #pdf_btn,
    .about_middle .about_info .section_title, 
    .wpcf7 > form > p > label {font-weight:normal;}
}

@media(max-width:480px){
    .main_title h1 {font-size: 17px;}
    .explore_btn {font-size:14px; padding:10px 20px;}

    .about_content {padding:40px 15px;}
    .about {gap:10vw;}
    .about_content {gap:12vw;}
    .about .about_top {gap:4vw; width:100%;}
    .about .about_top > h4 {font-size:17px;}
    .about .about_top > p {display: none;}
    .about_middle {gap:4vw;}
    .about_middle .about_info .section_info, .about_middle .about_info .section_title {font-size:14px; font-weight:300;}
    .contact .contact_top >h4 {font-size:17px;}
    .wpcf7-form-control-wrap {padding-bottom: 10px;}
    .wpcf7-form-control-wrap >input, .wpcf7 textarea {font-size:15px; margin-top: 40px;}
}