.subpages { min-height: 80vh;}

.subpage1 .hero_wrap { background: #FAF9F5;}
.subpage2 .hero_wrap { background: #F7FAF5;}
.subpage3 .hero_wrap, .subpage3_2 .hero_wrap { background: #FAF7F5;}
.subpage4 .hero_wrap { background: #F6F5FA;}

.banner_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1.5rem;
    margin-bottom: 8rem;
}

.banner_wrap .text_wrap h2 {
    font-weight: 700;
    font-size: 6.4rem;
    line-height: 1.1;
    color: var(--main);
    margin-bottom: 1.1rem;
}

.banner_wrap .text_wrap p {
    font-weight: 600;
    font-size: 2.8rem;
    color: #4D4D4D;
    line-height: 1.2;
}

.section_wrap {
    margin-bottom: 8rem;
}

/* subpage1 */
.subpage1 .section_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subpage1 .section_wrap .text_wrap p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #717171;
}

.subpage1 .section_wrap .text_wrap .subtitle {
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1.8rem;
    color: #4D4D4D;
}

.subpage1 .section_wrap .text_wrap ul {
    margin-top: 1.8rem;
}

.subpage1 .section_wrap .text_wrap ul li {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 1.8rem;
}

.subpage1 .section_wrap .text_wrap ul li p {
    font-size: 1.6rem;
}

.subpage1 .section_wrap .text_wrap ul li strong {
    font-weight: 700;
}

/* subpage2 */
.subpage2 .section_wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.subpage2 .section_wrap ul li {
    width: calc((100% - 6rem) / 4);
}

.subpage2 .section_wrap ul li a {
    display: flex;
    gap: 0.8rem;
    flex-direction: column;
}

.subpage2 .section_wrap ul li .img_wrap {
    background: #D9D9D9;
    height: 20rem;
}

.subpage2 .section_wrap ul li .product_title {
    font-size: 2rem;
    font-weight: 600;
    color: #18191F;
}

/* subpage3 */
.subpage3 ul {
    border-bottom: 5px solid var(--main);
}

.subpage3 ul li.board_head {
    display: flex;
    justify-content: space-between;
    padding: 1.6rem 1.5rem;
    border-bottom: 1px solid var(--main);
    background: var(--main);
}

.subpage3 ul li.board_head span {
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.subpage3 ul li.board_list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 1.5rem; 
    border-bottom: 1px solid #ADADAD;
}

.subpage3 ul li.board_list:last-child a {
    border-bottom: none;
}

.subpage3 ul li.board_list a:hover {
    background: #efefef;
}

.subpage3 ul li.board_list a:hover .col_title {
    text-decoration: underline;
}

.subpage3 ul li.board_list .col_title {
    font-weight: 700;
}

.subpage3 ul li .col_num {
    width: 3rem;
    text-align: center;
}

.subpage3 ul li .col_title {
    width: 90rem;
}

.subpage3 ul li .col_date {
    width: 9.9rem;
    text-align: center;
}

/* subpage3_2 */
.subpage3_2 .btn_back {
    margin-bottom: 2rem;
    display: inline-block;
    font-weight: 600;
}

.subpage3_2 .board_wrap {
    border-top: 5px solid var(--main);
    border-bottom: 5px solid var(--main);
    padding: 0;
}
.subpage3_2 .board_wrap .board_head {
    display: flex;
    justify-content: space-between;
    padding: 1.6rem 1.5rem;
    border-bottom: 1px solid var(--main);
}

.subpage3_2 .board_wrap .board_head span {
    color: var(--main);
    font-weight: 700;
}

.subpage3_2 .board_wrap .board_head span.col_title {
    width: 90rem;
    text-align: left;
}

.subpage3_2 .board_wrap .board_view {
    padding: 4rem 1.5rem;
}

.subpage3_2 .board_wrap .board_view pre {
    line-height: 2.4rem;
    color: #333;
}

/* subpage4 */
.subpage4 .section_wrap {
    display: flex;
    justify-content: space-between;
}

.subpage4 .section_wrap .comment {
    font-size: 2rem;
    font-weight: 700;
    color: #555;
    margin-bottom: 4.2rem;
}

.subpage4 .section_wrap ul {
    width: 67rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.subpage4 .section_wrap ul li {
    display: flex;
    gap: 3.2rem;
    align-items: center;
}

.subpage4 .section_wrap ul li .btn_link {
    font-size: 1.8rem;
    padding: 1.1rem 1.6rem;
    border-radius: 50px;
    font-weight: 600;
    background: #F6F5FA;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
    color: #694DDC;
}

@media screen and (max-width: 1279px) {
    .banner_wrap .text_wrap h2 { font-size: 2.6rem; margin-bottom: unset;}
    .banner_wrap .text_wrap p { font-size: 1.4rem;}
    .banner_wrap .img_wrap img { width: 100px;}

    .subpage1 .section_wrap { flex-direction: column;}
    .subpage1 .section_wrap:nth-child(2) { order: 2;}
    .subpage1 .section_wrap:nth-child(3) { order: 1;}
    .subpage1 .section_wrap .text_wrap .subtitle { font-size: 2.2rem;}
    .subpage1 .section_wrap .text_wrap p { font-size: 1.6rem;}
    .subpage1 .section_wrap .img_wrap img { width: 100%;}
    .subpage1 .section_wrap .text_wrap ul li strong { display: block;}

    .subpage2 .section_wrap ul li { width: calc((100% - 2rem) / 2);}
    .subpage2 .section_wrap ul li .img_wrap { height: 10rem;}
    .subpage2 .section_wrap ul li .product_title { font-size: 1.6rem;}
    .subpage2 .section_wrap ul li .product_price,
    .subpage2 .section_wrap ul li .prodect_platform { font-size: 1.4rem;}

    .subpage3 ul li .col_title { width: 70%;}
    .subpage3 ul li .col_date { width: 30%;}
    .subpage3 ul li.board_list .col_date { font-size: 1.2rem;}

    .subpage4 .section_wrap > img { display: none;}
    .subpage4 .section_wrap ul { width: 100%;}
    .subpage4 .section_wrap ul li { width: 100%; justify-content: space-between;}


}