@charset "utf-8";

/* blog */
.hero_post_wrap{display:flex; align-items:end; height:412px; padding:86px 0 40px; background:url(/wp-content/uploads/image/sub/bg_blog.webp) no-repeat center / cover;}
.hero_post_wrap .container h1{color:var(--color-white);}
.hero_post_wrap .container .post_blog_date{color:#B7B7B7; padding-top:20px;}

.post_blog{max-width:1500px; margin:0px auto; padding:80px 50px 120px;}
.post_view_wrap{margin-bottom:20px; padding-bottom:40px; border-bottom:1px solid #B7B7B7; }

.post_figure{margin:0px auto 20px;}
.post_figure img{width:100%; height:auto; max-width:100%;}
.post_contents{ padding-bottom:20px;}
.post_contents .h1{padding-bottom:20px; color:#2A2A2A; font-size: 26px;font-weight: 700; line-height: 34px;}
.post_contents .b1{padding-bottom:20px; color:#888B8B; font-size: 18px;line-height: 30px;}
.post_contents .b1 p{padding-bottom:20px;}
.post_contents .b1 p:last-child{padding-bottom:0;}
.post_contents .l1{color:#00B77F;font-size: 20px;font-style: normal;font-weight: 400;line-height: 30px;}
.post_hashtag li{display:inline-block;border-radius:5px; padding: 5px 10px; background:#F6F7F9; color:#B7B7B7;font-size: 16px;line-height: 21px;}

.btn_post_wrap{display:flex; justify-content: end; gap:10px;}

.blog_form{margin-bottom:20px; padding:60px 65px; border-radius: 10px; border: 1px solid #B7B7B7;color:#575757;font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: -0.24px;}
.blog_form .nf-before-form-content{display:none;}
.blog_form .nf-form-content{padding:0;}
.blog_form .nf-field-container{margin-bottom:30px;} 
.blog_form .nf-row:last-child .nf-field-container{margin-bottom:0;}
.blog_form .nf-multi-cell .nf-cell{padding:0px 15px;}
.blog_form .nf-form-content label{color:#575757; font-size:22px;font-weight: 700;line-height: 29px;letter-spacing: -0.44px;}
.blog_form .nf-error-msg, .ninja-forms-req-symbol{color:#EA4E60;}
.blog_form .nf-form-content .list-select-wrap .nf-field-element>div, .blog_form .nf-form-content input:not([type=button]), .blog_form .nf-form-content textarea{border-radius: 5px;border-color:#F6F7F9; background: #F6F7F9; color:#575757; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: -0.24px;}
.blog_form .nf-form-content input:not([type=button])::placeholder, .blog_form .nf-form-content textarea::placeholder {color: #B7B7B7;}
.blog_form .nf-form-content .ninja-forms-field{color:#575757; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: -0.24px;}

.blog_form .field-wrap.html-wrap{padding-top:10px;margin-bottom:-10px;}
.blog_form .checkbox-wrap .nf-field-label label{font-size: 18px;line-height: 23px;font-weight: 400;}
.blog_form .checkbox-container{margin-bottom:15px;}
.blog_form .checkbox-wrap .nf-field-label label:after{width:22px; height:22px;border-radius: 2px;border: 1px solid #B7B7B7;}
.blog_form .checkbox-container.label-right label{margin-left:32px;}
.blog_form .checkbox-wrap a{text-decoration: underline;}
.blog_form .submit-wrap{text-align:center;}
.blog_form .nf-form-content input[type=submit]{min-width:194px;margin:25px auto 0;padding: 10px 24px;border-radius: 5px; background: #00B77F;color:#fff;cursor:pointer;}
.blog_form .nf-form-content input[type=submit]:hover{background:#5DE9A3 !important;color:#fff;}
.blog_form .nf-form-content input[type=submit]:active{background:#0E523D;}
.blog_form .nf-form-errors{text-align:center;}


@media screen  and (max-width: 1024px) {
    /* blog */
    .hero_post_wrap{height:434px;padding: 44px 0 50px;}

    .post_figure{margin:0px auto 30px;}
    .post_contents, .post_contents .h1, .post_contents .b1, .post_contents .b1 p{padding-bottom:30px;}

    .blog_form{margin-bottom:30px; padding:60px 20px;}
    .blog_form .nf-field-container{margin-bottom:20px;}
    .blog_form .checkbox-container{margin-bottom:15px;}
    .blog_form .check_box_wrap{margin-bottom:20px}
}

@media screen  and (max-width: 640px) {
    /* blog */
    .hero_post_wrap{height:315px;}

    .post_blog{padding:60px 20px 100px;}
    .post_figure{margin:0px auto 30px;}
    .post_contents .h1{font-size: 20px; line-height: 26px;}
    .post_contents .b1, .post_contents .l1{font-size: 14px; line-height: 24px;}
    .post_hashtag li{font-size: 12px; line-height: 16px;}

    .blog_form{padding:30px 10px;font-size: 14px; line-height: 20px;}
    .blog_form .nf-form-content label{font-size:14px; line-height:20px;}
    .blog_form .nf-form-content .list-select-wrap .nf-field-element>div, .blog_form .nf-form-content input:not([type=button]), .blog_form .nf-form-content textarea{font-size:14px; line-height:20px;}
    .blog_form .nf-form-content .ninja-forms-field{font-size: 14px; line-height: 20px;}
    .blog_form .checkbox-container{margin-bottom:5px;}
    .blog_form .checkbox-container .nf-field-label{margin-bottom:0 !important;}
    .blog_form .check_box_wrap{margin-bottom:20px;}
    .blog_form .checkbox-wrap .nf-field-label label{font-size: 14px; line-height: 23px;}
    .blog_form .checkbox-wrap .nf-field-label label:after{top:4px; width:16px; height:16px;}

}