@charset "utf-8";
/* login */

.login_form_box {
    max-width: 600px;
    margin: 0 auto;
}

.login_form_box .com_input_style01+.com_input_style01 {
    margin-top: 30px;
}

.com_input_style01,
a.com_input_style01 {
    width: 100%;
    border-radius: 40px;
    border: 2px solid #b5b5b5;
    height: 80px;
    text-align: center;
    transition: all 0.3s ease;
    color: #898989;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    letter-spacing: 0;
}
a.com_input_style01 {
    border: 2px solid #ff0006;
    color: #ff0006;
}

a.com_input_style01:hover {
    background-color: #ff0006;
    color: #fff;
    border-color: transparent;
}

.com_input_style01 input {
    outline: unset;
    border: unset;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 40px;
}

.com_input_style01 input::placeholder {
    color: #ddd;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  border: unset;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

.com_input_style01 input[type=text]:focus::placeholder {
    color: transparent;
}

.login_link_box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #898989;
    margin: 30px 0 70px;
}

.login_link_box a+a {
    position: relative;
    margin-left: 13px;
    padding-left: 15px;
}

.login_link_box a+a::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background-color: #898989;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

/* END login */

/* products */
.com_filters.type01 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.com_filters_box {
    width: 170px;
}

.com_filters.type01 button {
    border: 2px solid transparent;
    min-width: 145px;
    min-height: 70px;
    padding: 0 10px;
    border-radius: 35.5px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    color: #363636;
    letter-spacing: 0;
    word-break: break-all;
}

.com_filters.type02 button {
    border: 2px solid #eaeaea;
    min-width: 170px;
    min-height: 50px;
    border-radius: 25px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    color: #363636;
    letter-spacing: 0;
    word-break: break-all;
}

.com_filters.type02 button+button {
    margin-top: 15px;
}

.com_filters button:hover,
.com_filters.type02 button:hover {
    border-color: #ff0006;
    color: #ff0006;
    background-color: transparent;
}

.com_filters button.active,
.com_filters.type02 button.active {
    background-color: #ff0006;
    color: #fff;
}

.com_filters .active {
    font-weight: bold;
}

.com_grid_box {
    display: flex;
    gap: 130px;
    margin-top: 100px;
}

.com_filters.type03 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-bottom: 30px;
}

.com_filters.type03 button {
    width: 16.6666%;
    border: unset;
    background-color: transparent;
    color: #363636;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    transition: all 0.3s ease;
    position: relative;
}

.com_grid_sub_box {
    width: calc(100% - 300px);
}

.com_filters.type03 button.active {
    color: #ff0006;
}

.com_filters.type03 button::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #999999;
}

.com_filters.type03 button:nth-child(6n):before,
.com_filters.type03 button:last-child:before {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #999999;
}

.com_grid {
    display: flex;
    flex-wrap: wrap;
}

.com_grid .grid_item {
    width: 33.3333%;
    padding: 0 2.5px;
    padding-bottom: 40px;
}


.com_grid.item04 .grid_item {
    width: 25%;
    padding: 0 6px;
    padding-bottom: 40px;
}

.com_grid .grid_item .img {
    display: flex;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    position: relative;
    transition: all 0.3s ease;
}

.com_grid .grid_item .img img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.com_grid .grid_item .alt_box {
    margin-top: 20px;
    padding-right: 30px;
    position: relative;
}

.com_grid .grid_item .alt_box .tit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: #222222;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.com_grid .grid_item .alt_box .sub_alt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #999999;
}

.com_grid .grid_item .alt_box::after {
    content: '';
    position: absolute;
    width: 29px;
    height: 7px;
    background: url('/img/prd_arw_icon02.png') no-repeat center / cover;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.com_grid .grid_item:hover .alt_box .tit {
    color: #ff0006;
}

.com_grid .grid_item:hover .img {
    border-color: #ff0006;
}

.com_grid .grid_item:hover .alt_box::after {
    background: url('/img/prd_arw_icon.png') no-repeat center / cover;
}

@media all and (max-width:1400px) {
    .com_grid_box {
        gap: 60px;
        margin-top: 60px;
    }

    .com_grid_sub_box {
        width: calc(100% - 230px);
    }

    .com_grid .grid_item,
    .com_grid.item04 .grid_item {
        width: 50%;
    }
}

@media all and (max-width:1024px) {
    .com_grid_box {
        flex-direction: column;
    }

    .com_filters_box .com_filters.type02 {
        display: flex;
        gap: 5px;
    }

    .com_filters.type02 button+button {
        margin-top: unset;
    }

    .com_grid_sub_box {
        width: 100%;
    }

    .com_filters.type02 button {
        width: auto;
        padding: 0 20px;
        font-size: 16px;
    }

    .com_filters.type01 button {
        width: auto;
        padding: 0 20px;
        min-height: 60px;
        font-size: 16px;
    }

    .com_filters.type01,
    .com_filters.type02 {
        flex-wrap: nowrap;
        overflow-x: auto;
        transition: all 0.3s ease;
    }

    .com_filters_box {
        width: 100%;
    }
}

@media all and (max-width:700px) {
    .com_grid .grid_item .alt_box .tit {
        font-size: 16px;
    }

    .com_grid .grid_item .alt_box .sub_alt {
        font-size: 14px;
    }

    .com_grid_box {
        margin-top: 40px;
    }

    .com_filters.type03 button {
        width: auto;
        padding: 0 10px;
    }
}

/* END products */

/* products_detail */
.prd_detail_flex_box_wrap {
    max-width: 1920px;
    padding: 0 40px;
    margin: 0 auto;
}

.prd_detail_flex_box {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;

}

.prd_detail_alt_box_wrap {
    border-left: 1px solid #d1d1d1;
}

.prd_detail_flex_box>div {
    width: 50%;
}

.prd_detail_img_box {
    aspect-ratio: 1/1;
    position: sticky;
    top: 120px;
}

.prd_detail_img_box .img {
    width: 100%;
    height: 100%;
}

.prd_detail_img_box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prd_detail_alt_box_wrap .top_box {
    padding: 55px;
    padding-right: calc((100% - 281px) / 2);
}

.prd_detail_nav {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #363636;
    letter-spacing: 0;
}

.prd_detail_nav>a {
    position: relative;
}

.prd_detail_nav>a+a {
    margin-left: 14px;
    padding-left: 15px;
}

.prd_detail_nav>a+a::after {
    content: '/';
    position: absolute;
    left: 0;
    top: 0;
}

.prd_detail_tit {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.045em;
    color: #222222;
    margin: 25px 0 70px;
}
.prd_detail_tit.flex {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.prd_detail_tit.flex .img {
    min-width: 18px;
    margin-top: 10px;
}
.prd_detail_alt_box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 45px 20px;
}

.prd_detail_alt_box .box {
    width: calc(100% - 10px);
/*     width: calc(50% - 10px); */
}

.prd_detail_alt_box .box .p_tit {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #999999;
}

.prd_detail_alt_box .box .p_alt {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.045em;
    color: #222222;
    margin-top: 10px;
}

.prd_detail_btn_box {
    display: flex;
    gap: 20px;
}

.prd_detail_btn_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 60px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #898989;
    border: 2px solid #b5b5b5;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.prd_detail_btn_box a:hover {
    background-color: #ff0006;
    color: #fff;
    border-color: transparent;
}

.prd_detail_sub_tab {
    border-top: 1px solid #d1d1d1;
}

.prd_detail_sub_tab .box {
    position: relative;
    padding-right: calc((100% - 281px) / 2);
}

.prd_detail_sub_tab .box+.box {
    border-top: 1px solid #d1d1d1;
}

.prd_detail_sub_tab .box .t_box .t,
.prd_detail_sub_tab .box .t_box img {
    min-width: 0;
}

.prd_detail_sub_tab .box .t_box img {
    transition: all 0.3s ease;
}

.prd_detail_sub_tab .box .t_box.active img {
    transform: rotate(180deg);
}

.prd_detail_sub_tab .box .t_box .t {
    font-size: 20px;
    padding: 40px 55px;
    padding-right: unset;
    font-weight: 400;
    letter-spacing: 0;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}

.prd_detail_sub_tab .box .a_box {
    padding-left: 55px;
    padding-bottom: 55px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.045em;
    line-height: 1.75em;
    /* display: none; */
}

.com_flex_box01 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.com_flex_box01 .box {
    width: calc(33.33333% - 14px);
}

.com_flex_box01 .box .img {
    position: relative;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    transition: all 0.3s ease;
}

.com_flex_box01 .box .img img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.com_flex_box01 .box:hover .img {
    border-color: #ff0006;
}

.com_flex_box01 .box .tit {
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: #222222;
    transition: all 0.3s ease;
}

.com_flex_box01 .box .alt {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.045em;
    color: #999999;
}

.com_flex_box01 .box:hover .tit {
    color: #ff0006;
}

.com_tab_box01 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.com_tab_box01.red a {
    flex: 1;
    text-align: center;
}

.com_tab_box01.red a.active {
    background-color: #ff0006;
}

.com_tab_box01.red a.active:hover {
    color: #fff;
}

.com_tab_box01 a {
    min-width: 145px;
    padding: 0 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: #eaeaea;
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #363636;
    border: 2px solid transparent;
}

.com_tab_box01 a.active {
    background-color: #000000;
    border-color: transparent;
    color: #fff;
}

.com_tab_box01 a:hover {
    background-color: #fff;
    border-color: #ff0006;
    color: #ff0006;
}

@media all and (max-width:1200px) {
    .prd_detail_flex_box_wrap {
        padding: unset;
        width: 93.75%;
    }

    .prd_detail_flex_box>div {
        width: 100%;
    }

    .prd_detail_img_box {
        position: relative;
        top: unset;
        border-bottom: 1px solid #d1d1d1;
    }

    .prd_detail_flex_box {
        border-right: 1px solid #d1d1d1;
    }

    .prd_detail_alt_box_wrap .top_box {
        padding: 55px 30px;
    }

    .prd_detail_alt_box_wrap {
        border: unset;
    }

    .prd_detail_sub_tab .box .t_box .t {
        padding: 30px;
    }

    .prd_detail_sub_tab .box .a_box {
        padding: 0 30px;
        padding-bottom: 30px;
    }

    .prd_detail_sub_tab .box {
        padding-right: unset;
    }
}

@media all and (max-width:1024px) {
    .com_flex_box01 .box {
        width: calc(50% - 10px);
    }

    .prd_detail_alt_box_wrap .top_box {
        padding: 45px 20px;
    }

    .prd_detail_sub_tab .box .t_box .t {
        padding: 30px 20px;
    }

    .prd_detail_sub_tab .box .a_box {
        padding: 0 20px;
        padding-bottom: 20px;
    }

    .com_tab_box01 a {
        min-width: 135px;
        height: 50px;
    }
}

/* END products_detail */

/* signUp */
.sign_up_box+.sign_up_box {
    margin-top: 60px;
}

.sign_up_box .tit_flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sign_up_box .tit_flex_box>a {
    font-size: 16px;
    letter-spacing: 0;
    color: #aeaeae;
    font-weight: 400;
}

.com_chk01 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #222222;
}

.sign_up_box .tit_flex_box .tit {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #222222;
}

.com_chk01 input {
    appearance: none;
    outline: unset;
    width: 18px;
    min-width: 18px;
    aspect-ratio: 1/1;
    /* background: url('/img/sign_chk.png') no-repeat center / cover; */
    background: url('/img/search_chk.png') no-repeat center / cover;
    
}

.com_chk01 input:checked {
    /* background: url('/img/sign_chk_active.png') no-repeat center / cover; */
    background: url('/img/search_chk_active.png') no-repeat center / cover;
}

.sign_up_box .sign_alt_box {
    width: 100%;
    overflow-y: auto;
    padding: 20px;
    height: 300px;
    border-radius: 10px;
    border: 1px solid #ececec;
    word-break: break-all;
}

.com_sign_form_box_wrap {
    padding: 110px 0;
    border-radius: 10px;
    border: 1px solid #ececec;
}

.com_sign_form_box {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
}

.com_flex_box02 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.com_flex_box02 .tit {
    position: relative;
    width: 160px;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 600;
    color: #222;
    text-align: left;
}
.com_flex_box02.type03 {
    gap: 15px;
}
.custom_con001 form {
    width: 100%;
}
.com_flex_box02.type03 .tit {
    width: 200px;
}
.com_flex_box02.type03 .alt_flex_box {
    width: calc(100% - 215px);
}

.com_flex_box02 .alt_flex_box {
    width: calc(100% - 160px);
    display: flex;
    gap: 10px;
}

.com_flex_box02 .tit.req {
    padding-left: 10px;
}

.com_flex_box02 .tit.req::after {
    content: '*';
    position: absolute;
    left: 0;
    top: 0;
}

.com_flex_box02 .tit.reqPassword {
    padding-left: 10px;
}

.com_flex_box02 .tit.reqPassword::after {
    position: absolute;
    left: 0;
    top: 0;
}

.com_input_style_box02 {
    width: 100%;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #b5b5b5;
    padding: 0 30px;
    position: relative;
}

.com_input_style_box02 input {
    outline: unset;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    border: unset;
}

.com_input_style_box02 input::placeholder {
    color: #898989;
}

.com_input_style_box02 input[type=text]:focus::placeholder {
    color: transparent;
}

.com_flex_box02+.com_flex_box02 {
    margin-top: 30px;
}

a.com_btn02,
.com_btn02{
    height: 60px;
    width: 100%;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #ff2121;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    border: 2px solid #ff2121;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}
input.com_btn02 {
    background-color: transparent;
}
a.com_btn03:hover,
a.com_btn02:hover,
.com_btn02:hover {
    background-color: #ff2121;
    color: #fff;
}
.com_select_style_box02 {
    height: 60px;
    border: 1px solid #b5b5b5;
    border-radius: 30px;
    padding: 0 25px;
}

.com_select_style_box02 select {
    width: 100%;
    height: 100%;
    outline: unset;
    border: unset;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #444444;
    cursor: pointer;
}

.w150 {
    max-width: 150px;
    min-width: 150px;
}

.w270 {
    max-width: 270px;
}

.w250 {
    max-width: 250px;
}

a.com_btn03 {
    width: 100%;
    height: 60px;
    border-radius: 30px;
    border: 2px solid #ff2121;
    color: #ff2121;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sign_btn_box {
    display: flex;
    justify-content: center;
}

@media all and (max-width:1024px) {
    .com_sign_form_box_wrap {
        padding: 60px 20px;
    }
}

@media all and (max-width:700px) {
    .com_flex_box02 {
        gap: 15px;
    }

    .com_flex_box02 .tit,
    .com_flex_box02 .alt_flex_box {
        width: 100%;
    }
    .com_flex_box02.type03 .tit,
    .com_flex_box02.type03 .alt_flex_box {
        width: 100%;
    }
}

/* END signUp */

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

.community_tit {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #222222;
}

.comnunity_arw_box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.community_box_wrap .video_box {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.community_box_wrap .video_box .left_box {
    /* width: calc(50% + 140px); */
    width: 100%;
    aspect-ratio: 1/0.56;
    position: relative;
    padding-bottom: 40px;
}

.community_box_wrap .video_box .left_box .big_video {
    height: 100%;
}

.community_box_wrap .video_box .right_box {
    /* width: calc(50% - 140px); */
    width: 100%;
    box-sizing: border-box;
    padding-left: unset;
    /* height: 415px; */
    position: relative;
}

.community_box_wrap .video_box .right_box .swiper-container {
    height: 100%;
    overflow: hidden;
}


.community_box_wrap .video_box .right_box .swiper-slide .con_box {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 15px;
}
.community_box_wrap .video_box .right_box .swiper-slide {
    height: auto;
}
.community_box_wrap .video_box .right_box .swiper-slide .img_box {
    /* height: 100%; */
    aspect-ratio: 1/0.62;    
    width: 100%;
}

.community_box_wrap .video_box .right_box .swiper-slide .img_box img {
    width: 100%;
}

.community_box_wrap .video_box .right_box .swiper-slide .txt_box {
    min-width: 0;
    max-width: 100%;
}

.community_box_wrap .video_box .right_box .swiper-slide .txt_box .tit {
    font-size: 20px;
    letter-spacing: -0.045em;
    color: #222222;
    padding-bottom: 15px;
    position: relative;
}

.community_box_wrap .video_box .right_box .swiper-slide.active .txt_box .txt p {
    padding-right: 15px;
    position: relative;
    display: inline-block;
    color: #ff0006;
}

.community_box_wrap .video_box .right_box .swiper-slide.active .txt_box .txt p::after {
    content: '';
    position: absolute;
    width: 5px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #ff0006;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.community_box_wrap .video_box .right_box .swiper-slide.active .txt_box .tit,
.community_box_wrap .video_box .right_box .swiper-slide a:hover .txt_box .tit {
    color: var(--point);
}

.community_box_wrap .video_box .right_box .swiper-slide .txt_box .tit p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.community_box_wrap .video_box .right_box .swiper-slide.active .txt_box .tit:before,
.community_box_wrap .video_box .right_box .swiper-slide a:hover .txt_box .tit:before {
    background-color: var(--point);
}

.community_box_wrap .video_box .right_box .swiper-slide .txt_box .txt {
    font-size: 16px;
    letter-spacing: 0;
    color: #666666;
}

.community_box_wrap .video_box .right_box .swiper-slide .txt_box .txt p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.community_box_wrap .video_box .right_box .swiper_btn {
    position: absolute;
    left: 92px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .66);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    cursor: pointer;
}

.community_box_wrap .video_box .right_box .swiper_btn.swiper-button-lock {
    display: block;
}

.community_box_wrap .video_box .right_box .swiper_btn.up_btn {
    background-image: url(/img/up_btn_icon.png);
    top: 0;
}

.community_box_wrap .video_box .right_box .swiper_btn.down_btn {
    background-image: url(/img/down_btn_icon.png);
    bottom: 0;
}

.community_box_wrap .video_tit_box {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
}

.community_box_wrap .video_tit_box.custom {
    display: flex;
    justify-content: space-between;
    width: 1200px;
}

.community_box_wrap .video_tit_box.custom .comnunity_arw_box {
    min-width: calc(50% - 140px);
    padding-left: 15px;
}

.com_btn_box01 {
    display: flex;
    justify-content: center;
}

.bg01 {
    background-color: #f6f6f6;
}

.community_sub_tit {
    margin: 25px 0 35px;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.045em;
    color: #222222;
}

.com_faq_box_wrap {
    border-bottom: 2px solid #dcdde4;
}

.com_faq_box .q_box {
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.045em;
    padding: 30px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 2px solid #dcdde4;
    transition: all 0.3s ease;
}

.com_faq_box .q_box p,
.com_faq_box .q_box .img {
    min-width: 0;
}

.com_faq_box .q_box p {
    display: flex;
    gap: 10px;
    word-break: auto-phrase;
}

.com_faq_box .q_box .img {
    min-width: 18px;
    width: 18px;
    height: 10px;
    background: url('/img/faq_arw.png') no-repeat center / cover;
}

.com_faq_box .a_box {
    padding: 0 25px;
    padding-right: 50px;
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    line-height: 1.66em;
    display: none;
}

.com_faq_box.active .q_box {
    border-color: #ff0006;
}

.com_faq_box.active .q_box p {
    color: #ff0006;
    font-weight: 700;
}

.com_faq_box.active .img {
    background: url('/img/faq_arw_active.png') no-repeat center / cover;
}

.com_catalog_box {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.com_catalog_slide {
    width: 100%;
}
.com_catalog_flex_box05 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.custom_item05 {
    width: calc(20% - 16px);
}
.custom_item05 .img {
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    position: relative;
    transition: all 0.3s ease;
}

.custom_item05 .img img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    margin: auto;
}

.custom_item05 .alt_box {
    margin-top: 20px;
    position: relative;
    padding-right: 30px;
}

.custom_item05 .alt_box .tit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: #222222;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}
.custom_item05 .alt_box.type02 {
    display: block;
}
.custom_item05 .alt_box.type02 .tit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    margin-bottom: 10px;
}

.custom_item05 .alt_box.type02 .sub_alt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #999999;
}

.custom_item05 .alt_box .date {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #999999;
}

.custom_item05:hover .alt_box::after {
    content: '';
    position: absolute;
    width: 29px;
    height: 7px;
    background: url('/img/prd_arw_icon.png') no-repeat center / cover;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.custom_item05:hover .alt_box .tit {
    color: #ff0006;
}
.com_catalog_slide .item .img {
    border: 1px solid transparent;
}
.custom_item05:hover .img,
.custom_item05.active .img,
.com_catalog_slide .item.active .img,
.com_catalog_slide .item:hover .img {
    border-color: #ff0006;
}

.swiper-button-lock {
    display: block;
}

@media all and (max-width:1400px) {
    .community_box_wrap .video_tit_box.custom {
        max-width: 100%;
    }
    .custom_item05 {
        width: calc(33.3333% - 14px);
    }
    /* .community_box_wrap .video_box {
        padding-bottom: unset;
        flex-direction: column;
        align-items: center;
    }

    .community_box_wrap .video_tit_box {
        position: relative;
        left: unset;
        bottom: unset;
        margin: 20px 0 30px;
        text-align: center;
    }

    .community_box_wrap .video_box .left_box .big_video {
        aspect-ratio: 1 / 0.56;
    }

    .community_box_wrap .video_box .left_box {
        width: 100%;
        max-width: 740px;
        aspect-ratio: unset;
    }

    .community_box_wrap .video_box .right_box {
        width: 100%;
        padding-left: unset;
    }

    .community_box_wrap .video_tit_box.custom {
        width: auto;
    }

    .community_box_wrap .video_tit_box.custom .comnunity_arw_box {
        min-width: 70px;
    } */
}

@media all and (max-width:1024px) {
    .custom_item05 {
        width: calc(50% - 10px);
    }
}

@media all and (max-width:700px) {
    /* .community_box_wrap .video_box .right_box {
        height: 77vw;
    } */

    .com_tab_box01.red a {
        font-size: 14px;
    }
}

.com_list_box_wrap .box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 40px;
    padding-left: unset;
    justify-content: space-between;
    border-bottom: 2px solid #dcdde4;
}

.com_list_box_wrap .box .left_box {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    width: calc(100% - 35px);
}

.com_list_box_wrap .box .right_box {
    min-width: 25px;
}

.com_list_box_wrap .box .left_box .img {
    aspect-ratio: 1/0.55;
    width: 360px;
}

.com_list_box_wrap .box .left_box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.com_list_box_wrap .box .left_box .alt_box {
    padding: 30px;
    width: calc(100% - 360px);
}

.com_list_box_wrap .box .alt_box .date {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #666666;
}

.com_list_box_wrap .box .alt_box .tit {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    color: #222222;
    line-height: 1.5em;
}

.com_page_nav_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.com_page_nav_box a {
    width: 34px;
    aspect-ratio: 1/1;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #666666;
    transition: all 0.3s ease;
}

.com_page_nav_box .com_nav_num_box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.com_page_nav_box .com_nav_num_box a.active {
    color: #fff;
    background-color: #ff0006;
    border-radius: 50%;
}

@media all and (max-width:1200px) {
    .com_list_box_wrap .box .left_box .img {
        width: 260px;
    }

    .com_list_box_wrap .box .left_box .alt_box {
        width: calc(100% - 260px);
    }

    .com_list_box_wrap .box {
        padding: 30px 20px;
        padding-left: unset;
    }

    .com_list_box_wrap .box .left_box .alt_box {
        padding: 20px;
    }
}

@media all and (max-width:700px) {
    .com_list_box_wrap .box .left_box .img {
        width: 160px;
    }

    .com_list_box_wrap .box .left_box .alt_box {
        width: calc(100% - 160px);
    }

    .com_list_box_wrap .box .alt_box .tit {
        font-size: 18px;
    }

    .com_list_box_wrap .box .alt_box .date {
        font-size: 16px;
    }
}

a.com_back_btn01 {
    max-width: 125px;
    width: 100%;
    height: 50px;
    border: 1px solid #afafaf;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #666666;
}

.com_list_detail_box .tit_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding: 40px 0;
    border-bottom: 2px solid #ff0006;
}

.com_list_detail_box .tit_box>div {
    min-width: 0;
}

.com_list_detail_box .tit_box .tit {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.045em;
    color: #222222;
}

.com_list_detail_box .tit_box .date {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #666666;
}

.com_list_detail_box .alt_box {
    padding: 60px 0;
}

.com_list_detail_box .nav_box {
    border-top: 2px solid #dcdde4;
}

.com_list_detail_box .nav_box a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    gap: 10px;
    border-bottom: 2px solid #dcdde4;
}
.com_list_detail_box .nav_box a.file_box {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.com_list_detail_box .nav_box a.file_box p {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: #222222;
    min-width: 120px;
}
.com_list_detail_box .nav_box a img {
    min-width: 20px;
}

.com_list_detail_box .nav_box a span {
    min-width: 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #444444;
}

@media all and (max-width:700px) {
    .com_list_detail_box .tit_box .tit {
        font-size: 20px;
    }

    .com_list_detail_box .tit_box .date {
        font-size: 14px;
    }

    .com_list_detail_box .nav_box a {
        padding: 20px;
    }

    .com_list_detail_box .nav_box a span {
        font-size: 14px;
    }
    .com_list_detail_box .nav_box a.file_box p {
        min-width: 80px;
    }

    .com_list_detail_box .nav_box a img {
        min-width: 16px;
    }
}

.com_list_box_wrap02 {
    border-top: 2px solid #dcdde4;
}

.com_list_box_wrap02 .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 50px 30px;
    border-bottom: 2px solid #dcdde4;
}

.com_list_box_wrap02 .box .left_box {
    min-width: 0;
    width: 100%;
}

.com_list_box_wrap02 .box .left_box .date {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #666666;
}

.com_list_box_wrap02 .box .left_box .state_box {
    display: flex;
    gap: 20px;
}

.com_list_box_wrap02 .box .left_box .state_box .state {
    min-width: 90px;
    padding: 0 10px;
    border-radius: 20px;
    background-color: #ff0006;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    height: 40px;
}

.com_list_box_wrap02 .box .left_box .state_box .tit {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    color: #222;
    margin-top: 5px;
}

.com_list_box_wrap02 .box .right_box {
    min-width: 175px;
    border: 2px solid #ff0006;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #ff0006;
    height: 70px;
}

.com_list_box_wrap02 .box .right_box.black {
    color: #222222;
    border-color: #222222;
}

.com_list_box_wrap02 .box .left_box .state_box .state.black {
    background-color: #222222;
}

@media all and (max-width:1024px) {
    .com_list_box_wrap02 .box {
        padding: 40px 20px;
    }

    .com_list_box_wrap02 .box .left_box .date {
        font-size: 14px;
    }

    .com_list_box_wrap02 .box .left_box .state_box .state {
        min-width: 70px;
        padding: 0 10px;
        font-size: 14px;
        height: 30px;
    }

    .com_list_box_wrap02 .box .left_box .state_box .tit {
        font-size: 16px;
        margin-top: 2px;
    }

    .com_list_box_wrap02 .box .right_box {
        min-width: 100px;
        font-size: 14px;
        height: 40px;
    }

    .com_list_box_wrap02 .box .left_box .state_box {
        gap: 10px;
    }
}

.com_chk_box_wrap .com_chk_box {
    display: block;
    padding: 50px 45px;
}

.com_chk_box_wrap .com_chk_box .t_box {
    display: flex;
    gap: 20px;
}

.com_chk_box_wrap .com_chk_box .t_box .label {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    min-width: 90px;
    padding: 10px 20px;
    border-radius: 20px;
    height: 40px;
    text-align: center;
    background-color: #222222;
}

.com_chk_box_wrap .com_chk_box .t_box .tit {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    color: #222222;
    line-height: 1.5em;
    margin-top: 6px;
}

.com_chk_box_wrap .com_chk_box .question_box {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.com_chk_box02 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #666666;
}

.com_chk_box02 input {
    appearance: none;
    width: 34px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: url('/img/com_chk_icon.png') no-repeat center / cover;
}

.com_chk_box02 input:checked {
    background: url('/img/com_chk_icon_active.png') no-repeat center / cover;
}

.com_btn_box03 {
    display: flex;
    justify-content: center;
}

a.com_btn_box03 {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 270px;
    width: 100%;
    height: 60px;
    border: 2px solid #ff2121;
    border-radius: 30px;
    color: #ff2121;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}

a.com_btn_box04{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 270px;
    width: 100%;
    height: 60px;
    border: 2px solid #222222;
    border-radius: 30px;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}

@media all and (max-width:1024px) {
    .com_chk_box_wrap .com_chk_box {
        padding: 30px 0;
    }

    .com_chk_box_wrap .com_chk_box .t_box .label {
        font-size: 14px;
        font-weight: 400;
        min-width: 70px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
    }

    .com_chk_box_wrap .com_chk_box .t_box .tit {
        font-size: 16px;
        margin-top: 4px;
    }

    .com_chk_box02 {
        font-size: 14px;
    }

    .com_chk_box02 input {
        width: 24px;
    }
}

.com_catalog_box02 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 20px;
}

.com_catalog_box02 .box {
    width: calc(33.3333% - 14px);
}

.com_catalog_box02 .box .img {
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
}

.com_catalog_box02 .box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.com_catalog_box02 .box .alt_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.com_catalog_box02 .box .alt_box .com_down_btn01 {
    min-width: 27px;
}

.com_catalog_box02 .box .alt_box .tit {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: #222222;
}

.com_catalog_box02 .box .alt_box .date {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #999999;
}

.com_catalog_box02 .box .alt_box .left_box {
    width: calc(100% - 37px);
}

.com_catalog_box02.type02 .box .alt_box .right_box {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 230px;
}
.com_catalog_box02.type02 .box .alt_box .left_box {
    width: calc(100% - 240px);
}
.com_catalog_box02.type02 .box .alt_box .right_box > a {
    height: 45px;
    border-color: #afafaf;
    color: #afafaf;
}
.com_catalog_box02.type02 .box .alt_box .right_box > a:hover {
    color: #ff0006;
    border-color: #ff0006;
}

@media all and (max-width:1200px) {
    .com_catalog_box02.type02 .box {
        width: calc(50% - 10px);
    }
}

@media all and (max-width:700px) {
    .com_catalog_box02 .box {
        width: calc(50% - 10px);
    }

    .com_catalog_box02 .box .alt_box .tit {
        font-size: 16px;
    }

    .com_catalog_box02 .box .alt_box .date {
        font-size: 14px;
    }
    .com_catalog_box02.type02 .box {
        width: 100%;
    } 
}

.sub_faq_tab_wrap {
    display: flex;
    flex-wrap: wrap;
}

.sub_faq_tab_wrap a {
    width: 16.6666%;
    border: unset;
    background-color: transparent;
    color: #363636;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    transition: all 0.3s ease;
    position: relative;
    text-align: center;
}


.sub_faq_tab_wrap a.active {
    color: #ff0006;
}

.sub_faq_tab_wrap a::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #999999;
}

.sub_faq_tab_wrap a:nth-child(6n):before,
.sub_faq_tab_wrap a:last-child:before {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #999999;
}

@media all and (max-width:700px) {
    .sub_faq_tab_wrap a {
        width: auto;
        padding: 0 10px;
    }
}

/* END community */

/* contact */
.contact_menu_box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0 75px;
}

.contact_menu_box a {
    width: calc(50% - 10px);
    border-radius: 35.5px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #363636;
}

.contact_menu_box a.active {
    color: #fff;
    background-color: #ff0006;
}

.contact_form_box .same_box {
    display: flex;
    align-items: center;
    gap: 50px;
}

.contact_form_box .same_box .s_tit {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    color: #222222;
}

.contact_form_sub_box {
    border-radius: 10px;
    border: 1px solid #ececec;
    padding: 60px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.contact_form_sub_box .sign_alt_box {
    width: calc(50% - 20px);
}

.com_select_style_box02 {
    width: 100%;
}

.com_flex_box02 .alt_flex_box.type02 {
    flex-direction: column;
}

.com_flex_box02.type02 {
    align-items: flex-start;
}

.com_flex_box02.type02 .tit {
    margin-top: 15px;
}

.com_input_style_box02.type02 {
    align-items: center;
    justify-content: flex-end;
    display: flex;
    gap: 15px;
    padding-right: 10px;
}

.com_input_style_box02.type02 input[type=file] {
    display: none;
}

.com_input_style_box02.type02 label {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 20px;
    height: 40px;
    aspect-ratio: 1/1;
    background-color: #ff0006;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    min-width: 40px;
}

.com_input_style_box02.type02 span {
    min-width: 0;
    margin-right: auto;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #898989;
}

.com_text_area_box {
    border-radius: 30px;
    border: 1px solid #b5b5b5;
    height: 445px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
}

.com_text_area_box textarea {
    resize: none;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 30px;
    outline: unset;
}

.com_text_area_box textarea::placeholder {
    color: #898989;
}

.com_text_area_box textarea:focus::placeholder {
    color: transparent;
}

.sign_alt_box .flex_box,
.sign_alt_box .flex_box .com_chk01 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #666666;

}

.sign_alt_box .flex_box {
    margin: 30px 0 20px;
    margin-left: auto;
    width: calc(100% - 160px);
    display: flex;
    align-items: center;
}

a.com_btn02.type02,
.com_btn02.type02 {
    width: calc(100% - 160px);
    margin-left: auto;
}

.com_map_box .map_box {
    width: 100%;
    aspect-ratio: 1/0.39;
    border-radius: 10px;
    overflow: hidden;
}

.com_map_box .alt_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px 100px;
}

.com_map_box .alt_box .box {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #444444;
}

@media all and (max-width:1200px) {
    .contact_form_sub_box .sign_alt_box {
        width: 100%;
    }

    .contact_form_sub_box .com_sign_form_box {
        max-width: unset;
    }
}

@media all and (max-width:700px) {

    .sign_alt_box .flex_box,
    a.com_btn02.type02,
    .com_btn02.type02 {
        width: 100%;
    }

    .contact_form_sub_box {
        padding: 40px 20px;
    }

    .com_con_tit.mt90 {
        margin-top: 60px !important;
    }

    .com_map_box .alt_box {
        justify-content: flex-start;
    }
}

/* END contact */

/* search */
.com_search_box {
    display: flex;
    border-radius: 35.5px;
    height: 70px;
    border: 1px solid #b5b5b5;
    padding: 0 40px;
    gap: 15px;
}

.com_search_box input {
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 400;
    border-radius: 35.5px;
    letter-spacing: 0;
    outline: unset;
    border: unset;
}

.com_search_box input::placeholder {
    color: #888888;
}

.com_search_box input:focus::placeholder {
    color: transparent;
}

a.com_search_btn01 {
    padding: 10px;
    display: flex;
    align-items: center;
    min-width: 40px;
}

.com_filter_box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.com_filter_select {
    position: relative;
    appearance: unset;
    border: unset;
    padding: 0 40px;    
    height: 50px;
    min-width: 200px;
    border-radius: 25px;
    color: #fff;    
    cursor: pointer;
    outline: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ff2121;
}

.com_filter_box {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

a.com_search_item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #888888;
    padding: 0 40px;
    border-radius: 25px;
    border: 1px solid #b5b5b5;
}

a.com_search_item:hover {
    border-color: #ff2121;
    color: #ff2121;
}

li.com_search_item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #888888;
    padding: 0 40px;
    border-radius: 25px;
    border: 1px solid #b5b5b5;
    cursor: pointer;
}

.com_cate_box {
    margin-top: 100px;
}

.com_cate_box .box {
    display: flex;
    align-items: flex-start;
}

.com_cate_box .box.center {
    align-items: center;
}

.com_cate_box .box+.box {
    margin-top: 50px;
}

.com_cate_box .box .tit {
    min-width: 100px;
    font-weight: 700;
    letter-spacing: -0.045em;
    color: #222222;
    font-size: 20px;
}

.com_cate_box .box .tit.type02 {
    margin-top: 15px;
}

.com_cate_box .box .alt_box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 35px;
}

.com_cate_box01 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #666666;
}

.com_cate_box01 input {
    appearance: none;
    min-width: 25px;
    width: 25px;
    aspect-ratio: 1/1;
    background: url('/img/search_chk.png') no-repeat center / cover;
}

.com_cate_box01 input:checked {
    background: url('/img/search_chk_active.png') no-repeat center / cover;
}

.com_cate_box .box .alt_box02 {
    width: calc(100% - 100px);
}

.com_cate_box .box .alt_box02 input {
    max-width: 500px;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #c8c8c8;
    outline: unset;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 0 40px;
    height: 60px;
}

.com_cate_box .box .alt_box02 input[type=text]:focus::placeholder {
    color: transparent;
}

.com_search_box_wrap .com_btn_box {
    display: flex;
    justify-content: center;
}

.com_search_box_wrap .com_btn_box a {
    max-width: 260px;
    height: 80px;
    border-radius: 40px;
}

.com_cate_box .box .alt_box03 {
    width: calc(100% - 100px);
}

.custom_range_box input[type='text'] {
    max-width: 170px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0 35px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #c8c8c8;
    outline: unset;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
}

.custom_range_box input[type='text'].w300 {
    max-width: 300px;
}

.custom_range_box .price_bar {
    width: calc(100% - 30px);
    max-width: 600px;
    height: 3px;
    border: 0;
    background: #dddddd;
    margin: 30px 10px 20px;
    padding: 0 20px;
    box-sizing: border-box;
}

.custom_range_box .price_bar .ui-slider-range {
    background: #444;
}

.custom_range_box .price_bar .ui-slider-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #444;
    box-sizing: border-box;
}

.custom_range_box .range-slider {
    padding: 20px 0;
}

.custom_range_box .range-slider>.irs {
    width: calc(100% - 30px);
    max-width: 600px;
    height: 2px;
    border: 0;
}

.custom_range_box .range-slider .irs--round .irs-bar {
    background: #ff2121;
    height: 2px;
}

.custom_range_box .range-slider .irs--round .irs-grid {
    height: 2px;
}

.custom_range_box .range-slider .irs .irs {
    width: 100%;
    background: #dddddd;
    height: 2px;
}

.custom_range_box .range-slider .irs--round .irs-bar {
    top: 0;
}

.custom_range_box .range-slider .irs--round .irs-handle {
    top: -5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff2121;
    border: unset;
    box-sizing: border-box;
    cursor: pointer;
}

.custom_range_box .range-slider .irs--round .irs-from,
.custom_range_box .range-slider .irs--round .irs-to,
.custom_range_box .range-slider .irs--round .irs-single {
    display: none;
}

.custom_range_box .range-slider .irs--round .irs-min,
.custom_range_box .range-slider .irs--round .irs-max {
    display: none;
}

.custom_range_box .price_text {
    width: calc(100% - 30px);
    max-width: 610px;
}

.custom_range_box .price_text:after {
    content: '';
    display: block;
    clear: both;
}

.custom_range_box .price_text p {
    font-size: 18px;
    color: #cccccc;
    letter-spacing: 0.025em;
    font-weight: 500;
}

.custom_range_box .price_text p.left {
    float: left;
}

.custom_range_box .price_text p.right {
    float: right;
}

.custom_range_box span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #666666;
    font-size: 18px;
}

.com_search_box_wrap .com_cate_box {
    display: none;
    background-color: #fff;
}
.com_filter_box .com_filter_select img {
    transition: all 0.3s ease;
}
.com_filter_box.active .com_filter_select img {
    transform: rotate(180deg);
}
.com_result {
    text-align: right;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 400;
    color: #888888;
}

@media all and (max-width:1200px) {
    .com_search_box input,
    .com_filter_box,
    a.com_search_item,
    .com_result,
    .com_cate_box01,
    .com_cate_box .box .alt_box02 input,
    .custom_range_box .price_text p {
        font-size: 16px;
    }
    .com_cate_box01 input {
        min-width: 22px;
        width: 22px;
    }

    .com_filter_select {
        min-width: 160px;
        padding: 0 20px;
    }
    a.com_search_item,
    .com_search_box,
    .custom_range_box input[type='text'] {
        padding: 0 20px;        
    }
    .custom_range_box input[type='text'] {
        max-width: 100px;
        font-size: 16px;
    }
    .com_cate_box .box .tit {
        font-size: 18px;
        min-width: 90px; 
    }
    .com_cate_box .box .alt_box03,
    .com_cate_box .box .alt_box02 {
        width: calc(100% - 90px);
    }
}

@media all and (max-width:700px) {

}
/* END search */

/* customized */
.com_tit_box03 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 30px;
}
.com_tit_box03 .tit {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.045em;
}
.com_tit_box03 img {
    transition: all 0.3s ease;
}

.customized_step_box {
    padding: 60px 40px;
    background-color: #f7f7f7;
    margin-left: 65px;
    position: relative;
}
.customized_step_box::after {
    content: '';
    position: absolute;
    left: -35px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #222222;
}
.customized_step_box .box + .box {
    margin-top: 70px;
}

.customized_step_box .box .tit {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    margin-bottom: 20px;
    position: relative;
}
.customized_step_box .box .tit::after {
    position: absolute;
    content: '';
    left: -75px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #ff0000;
    z-index: 1;
}
.customized_step_box .box .alt_box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 35px;
}
.customized_step_box .box .custom_range_box {
    display: flex;
    flex-wrap: wrap;
}
.customized_step_box .box .custom_range_box > div {
    width: 50%;
}
.customized_step_box .box .custom_range_box input[type='text'] {
    background-color: transparent;
}
.customized_step_box .com_btn_box {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.customized_step_box .com_btn_box.type02 {
    justify-content: space-between;
}
.customized_step_box .com_btn_box.type02 > div {
    display: flex;
    gap: 10px;
}
.customized_step_box .com_btn_box .com_btn02 {    
    width: auto;
    padding: 0 35px;
    min-width: 200px;
}
.customized_step_box .com_btn_box .com_btn02.prev_btn {
    border: 2px solid #b5b5b5;
    color: #b5b5b5;
}
.customized_step_box .com_btn_box .com_btn02.prev_btn:hover {
    background-color: #b5b5b5;
    color: #fff;
    border-color: transparent;
}
.customized_step_box_wrap.active .com_tit_box03 img {
    transform: rotate(-180deg);
}

.customized_step_box_wrap + .customized_step_box_wrap {
    margin-top: 55px;
}
.customized_step_box_wrap.active .customized_step_box {
    height: 0;
    padding: unset;
    display: none;
    visibility: hidden;
}
.com_step_style_box {
    height: 60px;
    max-width: 530px;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #c8c8c8;
    display: flex;    
    align-items: center;
    padding: 0 30px;
    gap: 10px;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #aeaeae;
}
.com_step_style_box input[type='file'] {
    display: none;
}
.step_flex_box02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.step_flex_box02 > div {
    width: 50%;
}
.step_flex_box02 > .img {
    width: 100%;
    aspect-ratio: 1/1;
    max-width: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    position: relative;
    transition: all 0.3s ease;
    background-color: #fff;
}
#finishedImage {
    aspect-ratio: 1.6/1;
    max-width: 700px;
}
.step_flex_box02 > .img img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.step_flex_box02 .alt_box02 .sub_box + .sub_box {
    margin-top: 35px;
}

.step_flex_box02 .alt_box02 .sub_box .alt_tit {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.045em;
    color: #999999;
    margin-bottom: 5px;
}
.step_flex_box02 .alt_box02 .sub_box .alt_ment {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: #222222;
}
.com_step_style_box input[type='text'] {
    width: 100%;
    height: 100%;
    outline: unset;
    border: unset;
    background-color: transparent;
    border-radius: 30px;
}

.com_step_style_box input[type='text']:focus::placeholder {
    color: transparent;
}

@media all and (max-width:1200px) {
    .customized_step_box .box .tit::after,
    .customized_step_box::after {
        display: none;
    }
    .customized_step_box {
        margin-left: unset;
    }
    .step_flex_box02 {
        gap: 40px;
    }
    .step_flex_box02 > .img {
        margin: 0 auto;
    }
    .step_flex_box02 > div {
        width: 100%;
    }
}

@media all and (max-width:1024px) {
    .customized_step_box .box .custom_range_box {
        gap: 30px;
    }
    .customized_step_box .box .custom_range_box > div {
        width: 100%;
    }
    .customized_step_box {
        padding: 30px 20px;
    }
}
/* END customized */

.com_btn_box02 {
    display: flex;
    gap: 10px;
}

.com_btn_box02 > a {
    max-width: 150px;
}

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions { 
	border: 1px solid #ccc; 
	max-height: 150px; 
	overflow-y: auto; 
	position: relative; 
/* 	position: absolute;  */
	background-color: white; 
	z-index: 1000; 
	width: calc(100% - 22px); 
} 

.autocomplete-suggestion { 
	padding: 10px; 
	cursor: pointer; 
	font-size: medium;
} 

.autocomplete-suggestion:hover { 
	background-color: #e0e0e0; 
} 

/* 20240530 추가 */
.custom_box01 {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 30px;
    border-radius: 10px;
    border: 1px solid #ececec;
    gap: 75px;
}

.custom_box01 .left_box {
    width: calc(100% - 490px);
    text-align: left;
}
.custom_box01 .right_box {
    width: 415px;
    aspect-ratio: 1/0.79;
    max-width: 415px;
}
.custom_alt_box01 .c_tit {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #898989;
    margin-bottom: 15px;
}

.custom_alt_box01 .c_alt {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: #222222;
}
.custom_alt_box01_wrap {
    display: flex;
    flex-wrap: wrap;    
}
.custom_alt_box01_wrap > div {
    flex: 1;
}
.custom_alt_box01 + .custom_alt_box01_wrap,
.custom_alt_box01_wrap + .custom_alt_box01_wrap {
    margin-top: 45px;
}

@media all and (max-width:1200px) {
    .custom_box01 {
        gap: 40px;
    }
    .custom_box01 .left_box {
        width: 100%;
    }
    .custom_box01 .right_box {
        width: 100%;
    }
}
/* END 20240530 추가 */

/* quick */
.com_quick_box {
    position: fixed;
    right: 5%;
    bottom: 5%;
    width: 100px;
    z-index: 98;
}
.com_quick_box .quick_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    gap: 8px;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    background-color: #000;
}

.com_quick_box .quick_btn.m {
    display: none;
}

.com_quick_box .quick_btn + .quick_btn {
    border-top: 1px solid #444444;
}

.com_quick_box .quick_btn .img_box {
    width: 34px;
    height: 35px;
    transition: all 0.3s ease;
    background: url('/img/quick_icon01.png') no-repeat center / cover;
}
.com_quick_box .quick_btn:nth-child(2n) .img_box {
    height: 30px;
    background: url('/img/quick_icon02.png') no-repeat center / cover;
}
.com_quick_box .quick_btn:nth-child(3n) .img_box {
    height: 34px;
    background: url('/img/quick_icon04.png') no-repeat center / cover;
}

.com_quick_box .quick_btn:hover .img_box {
    background: url('/img/quick_icon01_active.png') no-repeat center / cover;
}

.com_quick_box .quick_btn:nth-child(2n):hover .img_box {    
    background: url('/img/quick_icon02_active.png') no-repeat center / cover;
}
.com_quick_box .quick_btn:nth-child(3n):hover .img_box {    
    background: url('/img/quick_icon04.png') no-repeat center / cover;
    filter: invert(23%) sepia(59%) saturate(5430%) hue-rotate(349deg) brightness(101%) contrast(102%);
}

.com_quick_box .com_top_btn {
    width: 100%;
    padding: 10px;
    text-align: center;
    display: block;
    background-color: #444444;
}

@media all and (max-width:1024px) {
    #footer {
        padding-bottom: 100px;
    }
    .com_quick_box {
        bottom: 0;
        left: 0;
        right: unset;
        width: 100%;
        height: 100px;
        display: flex;
    }
    .com_quick_box .com_top_btn {
        display: none;
    }
    .com_quick_box .quick_btn {
        width: 100%;
        height: 100%;
        flex: 1;
    }
    .com_quick_box .quick_btn.m {
        display: flex;
    }
    .com_quick_box .quick_btn + .quick_btn {
        border-left: 1px solid #444;
        border-top: unset;
    }
}
/* END quick */

/* 2024.06.13 prd 추가 */
.prd_com_flex_box {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: flex-start;
}
.prd_com_flex_box .prd_com_filter_box {
    width: 310px;
    border-radius: 25px;
    border: 1px solid #eaeaea;
    position: relative;
    padding-top: 10px;
    overflow: hidden;
}

.prd_com_flex_box .com_grid {
    width: calc(100% - 360px);
}
.prd_com_flex_box .prd_com_filter_box .depth_box,
.prd_com_flex_box .prd_com_filter_box .one_d {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 10px 30px;
}
.prd_com_flex_box .prd_com_filter_box .one_d .img {
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0;
    gap: 5px;
    min-width: 80px;
    margin-top: 5px;
}
.prd_com_flex_box .prd_com_filter_box .one_d .img img {
    width: 20px;
}
.prd_com_flex_box .prd_com_filter_box .depth_box > span,
.prd_com_flex_box .prd_com_filter_box .one_d > span {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    line-height: 1.5em;
    letter-spacing: 0;
    min-width: 0;
    word-break: break-all;
}
.prd_com_flex_box .prd_com_filter_box .depth_box > img {
    min-width: 17px;
    margin-top: 10px;
    transition: all 0.3s ease;
}
.prd_com_flex_box .prd_com_filter_box .depth_box.two_d {
    background-color: #f7f7f7;
}
.prd_com_flex_box .prd_com_filter_box .child_box label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 30px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5em;
    word-break: keep-all;
    color: #666666;
}
.prd_com_flex_box .prd_com_filter_box .child_box label input {
    outline: unset;
    appearance: none;
    min-width: 17px;
    width: 17px;
    height: 17px;
    margin-top: 7px;
    background: url('/img/filter_chk_icon.png') no-repeat center / cover;
    cursor: pointer;
}
.prd_com_flex_box .prd_com_filter_box .child_box label input:checked {
    background: url('/img/filter_chk_icon_active.png') no-repeat center / cover;
}
.prd_com_flex_box .prd_com_filter_box .depth_box.three_d > .img {
    min-width: 11px;
    width: 11px;
    height: 11px;
    background: url('/img/filter_plus_icon.png') no-repeat center / cover;
    margin-top: 7px;
}
.prd_com_flex_box .prd_com_filter_box .depth_box.three_d.active > .img {
    background: url('/img/filter_plus_icon_active.png') no-repeat center / contain;
}
.prd_com_flex_box .prd_com_filter_box .depth_box.two_d.active > img {
    transform: rotate(-180deg);
}
.prd_com_flex_box .prd_com_filter_box .child_box {
    display: none;
}

.prd_com_flex_box .prd_com_filter_box .sub_box {
    display: none;
}

@media all and (max-width:1024px) {
    .prd_com_flex_box .prd_com_filter_box,
    .prd_com_flex_box .com_grid {
        width: 100%;
    }
}
/* END 2024.06.13 prd 추가 */

/* 2024.07.26 추가 */
.com_flex_box15 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.com_flex_box15 .w200 {
    max-width: 200px;
    width: 100% !important;
}
.w140 {
    max-width: 140px;
    width: 100% !important;
}
.com_list_box_wrap .box.type02 .left_box {
    width: calc(100% - 150px);
    align-items: center;
}
.com_list_box_wrap .box.type02 .left_box .img {
    aspect-ratio: 1/1;
}
.com_list_box_wrap .box.type02 .left_box .com_chk01 {
    min-width: 18px;
    margin-right: 20px;
}
.com_list_box_wrap .box.type02 .right_box {
    width: 140px;
    margin-top: auto;
}
.com_list_box_wrap .box.type02 .alt_box .date {
    margin-bottom: unset;
    margin-top: 20px;
}
.com_list_box_wrap .box.type02 .left_box .alt_box {
    width: calc(100% - 398px);
    padding: 0 30px;
}
.com_list_box_wrap .box.type02 .alt_box .date .name {
    min-width: 175px;
    font-weight: 400;
    color: #444444;
}
.com_list_box_wrap .box.type02 .alt_box .date p {
    display: flex;
}
.com_list_box_wrap .box.type02 .alt_box .date p + p {
    margin-top: 10px;
}
.com_list_box_wrap .box.type02 .alt_box .date .alt {
    font-weight: 300;
}
.survey_img_box05 {
    aspect-ratio: 1/0.333;
}
.survey_img_box05 img {
    max-height: 100%;
    width: 100%;
}
@media all and (max-width:1024px) {
    .com_list_box_wrap .box.type02 .left_box {
        width: 100%;
    }
    .com_list_box_wrap .box.type02 {
        flex-wrap: wrap;
    }
    .com_list_box_wrap .box.type02 .right_box {
        margin-left: auto;
    }
    .com_list_box_wrap .box.type02 .left_box {
        flex-wrap: wrap;
    }
    .com_list_box_wrap .box.type02 .left_box .alt_box {
        width: 100%;
        margin-top: 20px;
    }
    .com_list_box_wrap .box.type02 .alt_box .date .name {
        min-width: 100px;
    }
}
/* END 2024.07.26 추가 */

.cy_le_righ{display: flex;}
.cy_le_righ + .cy_le_righ{margin-top: 50px;}
.cy_le_righ .cy_tit{min-width: 175px; width: 175px; font-size: 20px; font-weight: 700; color: #222222; letter-spacing: -0.045em; margin-top: 5px;}
.cy_le_righ .cy_tit.type02{margin-top: 20px;}
.cy_le_righ .cy_txt{width: calc(100% - 175px);}
.cy_le_righ .cy_check_list{display: flex; align-items: center;}
.cy_le_righ .cy_check_list label{width: 16.666%; display: flex; gap: 10px; align-items: center;}
.cy_le_righ .cy_check_list .ch_or_ra{display: none;}
.cy_le_righ .cy_check_list i{width: 34px; height: 34px; border-radius: 50%; box-sizing: border-box; border: 2px solid #c8c8c8; display: block; position: relative;}
.cy_le_righ .cy_check_list i:before{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 60%; height: 60%; background-color: #ff0006; opacity: 0; content: ''; border-radius: 50%;}
.cy_le_righ .cy_check_list .ch_or_ra:checked ~ i:before {opacity: 1;}
.cy_le_righ .cy_check_list span{font-size: 18px; letter-spacing: -0.045em; color: #666666;}

.cy_le_righ .ban_in_put{display: flex; flex-wrap: wrap; gap: 30px;}
.cy_le_righ .ban_in_put > div{width: calc(50% - 15px);}
.cy_le_righ .ban_e_yo{display: flex; align-items: center;}
.cy_le_righ .ban_tit{min-width: 70px; width: 70px; font-size: 18px; color: #666666; letter-spacing: -0.045em;}
.cy_le_righ .ban_text{width: calc(100% - 70px);}
.cy_le_righ .input_box{height: 60px; width: 100%; border: 1px solid #b5b5b5; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.cy_le_righ .input_box input[type="text"]{width: 100%; height: 100%; border: none; outline: none; padding: 0 20px; font-size: 18px; letter-spacing: -0.045em;}
.cy_le_righ .cy_textarea{height: 400px; border: 1px solid #b5b5b5; box-sizing: border-box; overflow: hidden; border-radius: 30px;}
.cy_le_righ .cy_textarea textarea{width: 100%; height: 100%; padding: 30px 40px; box-sizing: border-box; outline: none; border: none; resize: none; font-size: 18px; letter-spacing: -0.045em; line-height: 1.625em;}

.cy_le_righ .cy_int_list{max-width: 430px; display: flex; align-items: center; gap: 10px;}

@media all and (max-width:1024px){
    .cy_le_righ .cy_check_list{flex-wrap: wrap; gap: 10px 0;}
    .cy_le_righ .cy_check_list label{width: 33.333%;}
}

@media all and (max-width:768px){
    .cy_le_righ{flex-wrap: wrap; gap: 15px 0;}
    .cy_le_righ .cy_tit{min-width: none; width: 100%; text-align: center;}
    .cy_le_righ .cy_txt{width: 100%;}

    .cy_le_righ .ban_tit{min-width: 60px; width: 60px;}
    .cy_le_righ .ban_in_put > div{width: 100%;}
}

.an_nae_moon{border-radius: 30px; border: 1px solid #b5b5b5; box-sizing: border-box; padding: 60px 100px;}
.an_nae_moon .g_nyang_text{font-size: 20px; color: #222222; letter-spacing: -0.045em; font-weight: 700; line-height: 1.5em; text-align: center;}
.an_nae_moon .g_tit_txt{text-align: center;}
.an_nae_moon .g_tit_txt .tit{font-size: 24px; font-weight: 700; letter-spacing: -0.045em; color: #222222; display: inline-block; width: fit-content; margin: 0 auto; border-bottom: 2px solid #222;}
.an_nae_moon .g_tit_txt .txt{font-size: 18px; letter-spacing: -0.045em; color: #666666; line-height: 1.625em;}
.an_nae_moon .gray_box{width: 100%; border-radius: 30px; background-color: #f7f7f7; padding: 40px 75px; }
.an_nae_moon .gray_box .txt{text-align: left; margin: 0 auto; width: fit-content; line-height: 1.625em;} 
.an_nae_moon .sign_and_nal{text-align: center;}

@media all and (max-width:1200px){
    .an_nae_moon{padding: 60px 50px;}
    .an_nae_moon .gray_box{padding: 40px 60px;}
    .an_nae_moon .g_nyang_text br{display: none;}
}

@media all and (max-width:768px){
    .an_nae_moon{padding: 40px 30px;}
    .an_nae_moon .gray_box{padding: 30px;}
}

.non_table_yo table{width: 100%; border-collapse: collapse;}
.non_table_yo td,
.non_table_yo th{padding: 15px 0; font-size: 16px; text-align: center; border: 1px solid #d1d1d1;}
.non_table_yo thead th{background-color: #ff0006; color: #fff; font-weight: 700;}
.non_table_yo tbody th{background-color: #f7f7f7; font-weight: 700;}

.non_table_yo .gak_ju_txt{    
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: -0.045em;
    color: #666666;
    line-height: 1.625em;
}

body.esg .com_quick_box{display: none;}
@media all and (max-width:1024px){
    .non_table_yo {overflow-x: auto;}
    .non_table_yo table{width: 1000px;}
}

.an_nae_moon .g_tit_txt .txt.yo_bb_pa{display: flex; flex-wrap: wrap; max-width: 550px; width: 100%; margin: 0 auto; gap: 0 40px; padding-left: 20px;}
.an_nae_moon .g_tit_txt .txt.yo_bb_pa .yo_bb_ox{width: calc(50% - 20px); text-align: left;}

.eng .an_nae_moon .g_tit_txt .txt.yo_bb_pa{max-width: 950px; padding-left: 75px;}

@media all and (max-width:1024px){
    .an_nae_moon .g_tit_txt .txt.yo_bb_pa,
    .eng .an_nae_moon .g_tit_txt .txt.yo_bb_pa{padding-left: 0;}
    .an_nae_moon .g_tit_txt .txt.yo_bb_pa .yo_bb_ox{width: 100%;}
}

.smly_sub_ttix{font-size: 20px; text-align: center; margin: 30px auto; word-break: keep-all;}


/* 회사소개 추가 */
.overViewFlexBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.overViewFlexBox > div {
    width: 50%;
}
.overViewFlexBox .alt_box {
    padding-left: 90px;
}
.sub_alt_tit01 {
    color: #222;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.5em;
    word-break: keep-all;
}
.overViewFlexBox .alt_box .alt {
    margin: 40px 0;
    font-size: 20px;
    font-weight: 400;
    color: #222;
    line-height: 1.5em;
}

.over_alt_box01 {
    display: flex;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    line-height: 1.6em;
}
.over_alt_box01 .tit {
    width: 100px;
}
.over_alt_box01 + .over_alt_box01 {
    margin-top: 20px;
}

.overViewWrapper .row + .row {
    margin-top: 135px;
}
.overview_videoBox {
    width: 100%;
    aspect-ratio: 1/0.5625;
}
.overFlexBox02 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin: 60px 0;
    
}
.overFlexBox02 .box {
    width: calc(33.3333% - 27px);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease-in-out;
    position: relative;
    border-radius: 30px;
    overflow: hidden;

}
.overFlexBox02 .box .img_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;    
}

.overFlexBox02 .box:nth-child(1) .img_box {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/overview_con03_img01.png') lightgray 50% / cover no-repeat;
}

.overFlexBox02 .box:nth-child(2) .img_box {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/overview_con03_img02.png') lightgray 50% / cover no-repeat;
}

.overFlexBox02 .box:nth-child(3) .img_box {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/overview_con03_img03.png') lightgray 50% / cover no-repeat;
}
.overFlexBox02 .box:nth-child(1):hover .img_box {
    background: linear-gradient(0deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%), url('/img/overview_con03_img01.png') lightgray 0% / cover no-repeat;
}

.overFlexBox02 .box:nth-child(2):hover .img_box {
    background: linear-gradient(0deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%), url('/img/overview_con03_img02.png') lightgray 0% / cover no-repeat;
}

.overFlexBox02 .box:nth-child(3):hover .img_box {
    background: linear-gradient(0deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%), url('/img/overview_con03_img03.png') lightgray 0% / cover no-repeat;
}
.overFlexBox02 .box .txt_box {
    position: relative;
    z-index: 2;
    color: #fff;
    transition: all 0.3s ease-in-out;   
}

.overFlexBox02 .box .txt_box .tit {
    font-weight: 700;    
    line-height: 1.5em;
    font-size: 32px;
    transition: all 0.3s ease-in-out;   
    margin-top: 80px;
}
.overFlexBox02 .box:nth-child(1) .txt_box .tit {
    margin-top: 100px;
}
.overFlexBox02 .box .txt_box .bar {
    width: 40px;
    height: 5px;
    margin: 20px auto;
    background: rgba(255, 255, 255, 0.50);
}
.overFlexBox02 .box:hover .txt_box .tit {
    margin-top: 0;
}
.overFlexBox02 .box .txt_box .alt {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.overFlexBox02 .box:hover .img_box {
    transform: scale(1.2);
}
.overFlexBox02 .box:hover .txt_box .alt {
    visibility: visible;
    opacity: 1;
}
.txt_center_box {
    text-align: center;
}
.overGrayBox {
    padding: 60px 90px;
    border: 30px;
    background-color: #f7f7f7;
    border-radius: 30px;
}
.overGrayBox .box {
    display: flex;
    align-items: center;
}
.overGrayBox .box + .box {
    margin-top: 80px;
}
.overGrayBox .box .tit {
    width: 300px;
    font-size: 48px;
    font-weight: 700;
    color: #222;
}
.overGrayBox .box .alt {
    font-size: 20px;
    font-weight: 400;
    color: #222;
}
.overGrayBox .box .alt p {
    margin-top: 20px;
}

/* 조직도 스타일 */
.org-chart {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    position: relative;
}
.org-chart .ceo {
    width: calc(33.333% - 54px);
}
.org-chart::after {
    content: '';
    position: absolute;
    left: 15%;
    transform: translateX(-50%);
    top: 140px;
    height: calc(100% - 200px);    
    border: 1px dashed #000;    
}
.org-chart .box.level::after {
    content: '';
    position: absolute;
    right: calc(100% +  20px);
    width: 275px;
    border: 1px dashed #000;
}
.org-chart .box.level::before {
    content: '';
    position: absolute;
    right: calc(100% + 303px);
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    border: 4px solid #222;
}
.org-chart .box.sub-branch::after {
    content: '';
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    border: 1px dashed #000;
}
.org-chart .tree > ul > li > ul {
    position: relative;
}
.org-chart .tree > ul > li > ul::after {
    content: '';
    position: absolute;
    right: calc(100% + 50px);
    top: 50px;
    height: calc(100% - 100px);
    border: 1px dashed #000;
}
.org-chart .tree {
    width: calc(66.666% - 26px);
    margin-top: 220px;
}
.org-chart .tree > ul > li {    
    display: flex;
    gap: 80px;
}
.org-chart .tree > ul > li + li {
    margin-top: 40px;
}
.org-chart .tree > ul > li > ul,
.org-chart .tree > ul > li > div {
    width: calc(50% - 40px);
}
.org-chart .tree > ul > li > ul > li + li {
    margin-top: 20px;
}
.org-chart .box {
    border-radius: 50px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #363636;
    background-color: #D9D9D9;
    position: relative;
}
.org-chart .box.ceo,
.org-chart .box.level {
    color: #fff;
    font-weight: 700;
}
.org-chart .box.ceo {
    background-color: #FF2121 ;
}
.org-chart .box.level {
    background-color: #54565A;
}

.overViewHistory_box {
    position: relative;
}

.overViewHistory_box::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    width: 1px;
    height: calc(100% - 65px);
    background-color: #222;
}
.historySub_box .box {
    display: flex;
    align-items: flex-start;
}
.historySub_box .box > div {
    width: 50%;
    color: #222;
}
.historySub_box .box .left_box {
    padding-right: 35px;
    position: relative;
    z-index: 1;    
    text-align: right;
}
.historySub_box .box .right_box {
    padding-left: 35px;
}
.historySub_box .box .left_box::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50% ,-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF2121;
}
.historySub_box .box.cate .left_box::after {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 4px solid #ff2121;
}
.historySub_box .box .left_box .tit {
    font-size: 32px ;
    font-weight: 700;
    line-height: 1.5em;    
}
.historySub_box .box .left_box .tit p {
    font-size: 48px;
}
.historySub_box .box.cate {
    margin-bottom: 80px;
}
.historySub_box .box + .box {
    margin-top: 40px;
}
.historySub_box + .historySub_box {
    margin-top: 160px;
}
.historySub_box .box .left_box {
    font-size: 24px;
    font-weight: 700;
}
.historySub_box .box .right_box p {
    position: relative;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 400;
    width: fit-content;
}
.historySub_box .box .right_box p::after {
    content: 'ㆍ';
    position: absolute;
    left: 0;
    top: 0;
}
.historySub_box .box .right_box p + p {
    margin-top: 20px;
}
.historySub_box.reverse .box {
    flex-direction: row-reverse;
}
.historySub_box.reverse .box .left_box {
    padding-right: unset;
    padding-left: 35px;        
    margin-left: unset;    
    width: 50%;
    text-align: left;
}
.historySub_box.reverse .left_box::after {
    left: 0;
    right: unset;
    transform: translate(-50% , -50%);
}
.historySub_box.reverse .right_box p {
    margin-left: auto;
}

.historySub_box.reverse .right_box {
    padding-left: unset;
    padding-right: 35px;
    margin-left: auto;
    text-align: right;
}
.overcerit_box {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 40px;
}
.overcerit_box .box {
    width: calc(25% - 30px);

}
.overcerit_box .box .img {
    width: 100%;
    aspect-ratio: 1/1.4;
}
.overcerit_box .box .img img {
    width: 100%;
    height: 100%;
}
.overcerit_box .box .name {
    font-size: 21px;
    color: #000;
    font-weight: 700;
    line-height: 1.33em;
    text-align: center;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.overBusinFlex_box {
    max-width: 1105px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.overBusinFlex_box .img_box {
    width: 100%;
}

.center_box001 {
    text-align: center;
    width: 555px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    border: 1px solid #363636;
    padding: 10px;
    margin: 0 auto;
    z-index: 1;
    background-color: #fff;
    position: relative;
}
.center_box001 .center_sub_box001 { 
    border-radius: 50%;
    border: 30px solid #eaeaea;
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 27px;
    font-size: 24px;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.48px;
    line-height: 2em;
}

.overBusinFlex_box .img_box .img {
    width: 192px;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    padding: unset;
    display: flex;
    flex-direction: column;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.overBusinFlex_box .img_box .img:nth-child(2n) {
    right: 0;
}
.overBusinFlex_box .img_box::after {
    content: '';
    position: absolute;
    left: 95px;
    right: 95px;
    top: 110px;
    height: 335px;
    border: solid 0.5px #363636;
}

.overBusinFlex_box .img_box .img:nth-child(3),
.overBusinFlex_box .img_box .img:nth-child(4) {
    bottom: 0;    
}

.overBusinFlex_box .img_box .img .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}
.overBusinFlex_box .img_box .img .logo {
    text-align: right;
}
.overBusinFlex_box .img_box .img .txt {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.overBusinFlex_box .img_box .img .txt .alt {
    font-size: 20px;.over_busin_flex_box05 .box
    color: #fff;
    font-weight: 400;
    line-height: 1.5em;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    height: 0;
    text-align: center;
}
.overBusinFlex_box .img_box .img .txt .bar {
    margin: 20px 0;
}
.overBusinFlex_box .img_box .img:nth-child(1) .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/over_busin_img01.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(100%);
}

.overBusinFlex_box .img_box .img:nth-child(2) .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/over_busin_img02.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(100%);
}

.overBusinFlex_box .img_box .img:nth-child(3) .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/over_busin_img03.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(100%);
}

.overBusinFlex_box .img_box .img:nth-child(4) .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/img/over_busin_img04.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(100%);
}
.overBusinFlex_box .img_box .img:hover .txt .alt {
    visibility: visible;
    opacity: 1;
    height: 55px;
}
.overBusinFlex_box .img_box .img:nth-child(1):hover .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url('/img/over_busin_img01.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(0);
    transform: scale(1.2);
}

.overBusinFlex_box .img_box .img:nth-child(2):hover .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url('/img/over_busin_img02.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(0);
    transform: scale(1.2);
}

.overBusinFlex_box .img_box .img:nth-child(3):hover .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url('/img/over_busin_img03.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(0);
    transform: scale(1.2);
}

.overBusinFlex_box .img_box .img:nth-child(4):hover .bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url('/img/over_busin_img04.jpg') lightgray 50% / cover no-repeat;
    filter: grayscale(0);
    transform: scale(1.2);
}
.over_pd_box01 {
    border-radius: 50px;
    border: 0.5px solid #363636;
    padding: 60px 40px;
}
.over_pd_box01 .alt_box {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 400;
    color: #222;
    margin: 40px 0;
}
.house_flex_box01 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.house_flex_box01 .box {
    width: calc(25% - 4px);
    max-width: 350px;
}
.house_flex_box01 .box.type02 {
    max-width: unset;
    width: calc(75% - 4px);
}
.house_flex_box01 .box .tit {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #FF8F8F;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.house_flex_box01 .box.type02 .tit {
    background-color: #FF0303;
}

.house_flex_box01 .box .sub_box {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.house_flex_box01 .box .sub_box .h_alt_box {
    width: calc(50% - 4px);
    padding: 45px 10px;
    display: flex;
    flex-direction: column;
    background-color: #eaeaea;
    border-radius: 20px;
    aspect-ratio: 1/1.42;
}

.house_flex_box01 .box.type02 .sub_box .h_alt_box {
    width: calc(16.666% - 7px);
}

.house_flex_box01 .box .sub_box .h_alt_box .t {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    color: #222;
}
.house_flex_box01 .box .sub_box .h_alt_box .img {
    margin-top: auto;
}

.gray_bg01 {
    margin: 135px 0;
    padding: 135px 0;
    background-color: #F7F7F7;
}

.over_busin_flex_box02 {
    display: flex;
    height: 540px;
    gap: 20px;
}
.over_busin_flex_box02 .box {
    flex: 1;
}
.over_busin_flex_box02 .box.active {
    flex: 8;
}
.over_busin_flex_box02 .box {
    border-radius: 15px;
    background-color: #54565a;
    padding: 40px 0;
    transition: all 0.5s ease-in-out;
}
.over_busin_flex_box02 .box.active {
    padding: 60px;
}
.over_busin_flex_box02 .box:nth-child(1).active {
    background: url('/img/over_busin_con02_img01.png') no-repeat center / cover;
}
.over_busin_flex_box02 .box:nth-child(2).active {
    background: url('/img/over_busin_con02_img03.png') no-repeat center / cover;
}
.over_busin_flex_box02 .box:nth-child(3).active {
    background: url('/img/over_busin_con02_img04.png') no-repeat center / cover;
}
.over_busin_flex_box02 .box:nth-child(4).active {
    background: url('/img/over_busin_con02_img02.png') no-repeat center / cover;
}
.over_busin_flex_box02 .box:nth-child(5).active {
    background: url('/img/over_busin_con02_img05.png') no-repeat center / cover;
}
.over_busin_flex_box02 .box .tit_box {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    opacity: 1;
    height: 100%;
    margin-top: 40px;
}
.over_busin_flex_box02 .box .tit_box .num {
    color: rgba(255, 255, 255, 0.50);
    margin-top: auto;
}
.over_busin_flex_box02 .box .tit_box .t_tit {
    white-space: nowrap;
}
.over_busin_flex_box02 .box .tit_box .t_tit,
.over_busin_flex_box02 .box .tit_box .num {
    transform: rotate(90deg);
}
.over_busin_flex_box02 .box .alt_box {
    opacity: 0;
    visibility: hidden;
    text-indent: -99999em;
    height: 0;    
    transition: all 0.5s ease-in-out;
}

.over_busin_flex_box02 .box.active .alt_box {
    opacity: 1;
    text-indent: unset;
    visibility: visible;    
    height: 100%;
}

.over_busin_flex_box02 .box .alt_box .t_box,
.over_busin_flex_box02 .box .alt_box .b_box {
    opacity: 0;
    visibility: hidden;
    height: 0;    
}

.over_busin_flex_box02 .box.active .alt_box .t_box,
.over_busin_flex_box02 .box.active .alt_box .b_box {
    opacity: 1;
    visibility: visible;    
    height: auto;
}
.over_busin_flex_box02 .box.active .tit_box {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin-top: unset;
}
.over_busin_flex_box02 .box.active .alt_box {
    color: #fff;
    display: flex;
    flex-direction: column;
}
.over_busin_flex_box02 .box .alt_box .t_box {
    display: flex;
    justify-content: space-between;
}
.over_busin_flex_box02 .box .alt_box .t_box .tit {
    font-size: 48px;
    font-weight: 700;
}

.over_busin_flex_box02 .box .alt_box .t_box .tit span {
    font-size: 32px;
}
.over_busin_flex_box02 .box .alt_box .b_box {
    margin-top: auto;
}

.over_busin_flex_box02 .box .alt_box .t_box .num {
    font-size: 32px;
    font-weight: 700;
}

.over_busin_flex_box02 .box .alt_box .b_box .alt_box02 {
    display: flex;
    gap: 40px;
}
.over_busin_flex_box02 .box .alt_box .b_box .alt_box02 p {
    position: relative;
    padding-left: 10px;    
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
}
.over_busin_flex_box02 .box .alt_box .b_box .alt_box02 p::after {
    content: '∙';
    position: absolute;
    left: 0;
    top: 0;
}

.over_busin_flexbox03 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 40px;
}

.over_busin_flexbox03 .box {
    width: calc(33.3333% - 27px);
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.over_busin_flexbox03 .box .img_box {
    flex: 1;
    aspect-ratio: 1/0.65;
    text-align: right;
    color: #fff;
    position: relative;
    padding: 30px;
}
.over_busin_flexbox03 .box .img_box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 100%);
}
.over_busin_flexbox03 .box .img_box:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.over_busin_flexbox03 .box .img_box .tit {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5em;    
    text-align: left;
    z-index: 1;
    position: relative;
}

.over_busin_flexbox03 .box .img_box .alt {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;    
}
.over_busin_flex_box05 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.over_busin_flex_box05 .box {
    width: calc(50% - 20px);
    background-color: #FFE3E3;
    aspect-ratio: 1/0.49;
    border-radius: 20px;
    overflow: hidden;
}

.over_busin_flex_box06 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding-bottom: 60px;
}

.over_busin_flex_box06 .box {
    width: calc(25% - 30px);
    position: relative;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    aspect-ratio: 1/1.4;
    transition: all 0.3s ease-in-out;
}
.over_busin_flex_box06 .box:nth-child(2n) {
    transform: translateY(60px);
}
.over_busin_flex_box06 .box .alt_h_box,
.over_busin_flex_box06 .box .num {
    z-index: 2;
}
.over_busin_flex_box06 .box .num {
    margin-bottom: auto;
    font-size: 32px;
    font-weight: 700;
    color: #222;
}
.over_busin_flex_box06 .box .alt_box {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    color: #222;
    display: none;
    z-index: 3;
}
.over_busin_flex_box06 .box .alt_tit {
    font-size: 24px;    
    font-weight: 700;
    margin-top: 10px;
}
.over_busin_flex_box06 .box .alt_h_box {
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
    color: #222;
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.over_busin_flex_box06 .box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(12.5px);
    border-radius: 30px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.over_busin_flex_box06 .box .alt_h_box,
.over_busin_flex_box06 .box .alt_tit {
    display: block;
}
.over_busin_flex_box06 .box:hover .alt_h_box,
.over_busin_flex_box06 .box:hover .alt_tit {
    display: none;
}
.over_busin_flex_box06 .box:hover::after {
    opacity: 1;
}
.over_busin_flex_box06 .box:hover .alt_box {
    display: block;
}
.pdpd {
    padding: 135px 0;
    position: relative;
}
.ab_txt01 {
    position: absolute;
    right: -39px;
    bottom: -63px;
    font-size: 250px;
    font-family: Arial;
    font-weight: 700;
    letter-spacing: -10px;
    color: #fff;
}

.over_busin_flex_box08 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.over_busin_flex_box08 .box {
    width: calc(25% - 15px);
    aspect-ratio: 1/1;
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 32px;
    font-weight: 700;
    color: #222;
    word-break: break-all;
}

.over_busin_flex_box08 .box p {
    font-size: 18px;    
}
.ci_box01 + .ci_box01 {
    margin-top: 60px;
}
.ci_txt01 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    color: #222;
}
.ci_txt02 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #222;
}
.ci_txt02 b {
    font-size: 18px;
}

.ci_flex_box01 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.ci_flex_box01 .box {
    width: calc(50% - 20px);
    padding: 40px ;
    border-radius: 15px;
    color: #fff;
    aspect-ratio: 1/0.38;
    display: flex;
    flex-direction: column;
}

.ci_flex_box01 .box .tit {
    font-weight: 700;
}

.ci_flex_box01 .box .alt {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: auto;
}

@media all and (max-width:1600px) {
    .sub_alt_tit01 {
        font-size: 26px;
    }
    .overViewFlexBox .alt_box .alt {
        font-size: 18px;
    }
    .over_alt_box01 {
        font-size: 16px;
    }
    .org-chart {
        flex-direction: column;
        align-items: center;
    }
    .org-chart .box {
        max-width: 445px;
    }
    .org-chart .tree {
        width: 100%;
        margin-top: 60px;
    }
    .org-chart .tree > ul {
        display: flex;
        width: 100%;
        gap: 40px;
        position: relative;
    }
    .org-chart .tree > ul > li {
        flex-direction: column;
        width: calc(25% - 30px);
    }
    .org-chart .tree > ul > li > ul, .org-chart .tree > ul > li > div{
        width: 100%;
    }
    .org-chart .tree > ul > li + li{
        margin-top: unset;
    }
    .org-chart::after {
        display: none;
    }
    
    .org-chart .box.ceo::after {
        content: '';
        position: absolute;
        top: calc(100% + 20px);
        height: 60px;
        border: 1px dashed #000;
    }
    .org-chart .tree > ul::after {
        content: '';
        position: absolute;
        bottom: calc(100% + 55px);
        width: 77%;
        left: calc(12% - 8px);
        border: 1px dashed #000;
    }
    .org-chart .box.level::before {
        right: unset;
        top: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: 100%;
        transform: translate(-50%, 50%);        
    }
    .org-chart .box.level::after {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: unset;
        height: 40px;
        bottom: calc(100% + 10px);
        border: 1px dashed #000;
    }
    .org-chart .box.sub-branch::after {
        display: none;
    }
   
    .org-chart .tree > ul > li > ul::after {
        content: '';
        position: absolute;
        right: unset;
        top: unset;
        left: 50%;
        bottom: calc(100% + 10px);
        transform: translateX(-50%);
        width: unset;
        height: 60px;
        border: 1px dashed #000;
    }

    .historySub_box .box .left_box .tit p {
        font-size: 38px;
    }
    .historySub_box .box .left_box .tit {
        font-size: 26px;
    }
    .historySub_box .box .left_box,
    .historySub_box .box .right_box p {
        font-size: 20px;
    }
    .overBusinFlex_box {
        gap: 40px;
        justify-content: center;
    }
    .overBusinFlex_box > div {
        width: 100%;
    }
}

@media all and (max-width:1400px) {
    .overViewFlexBox > div {
        width: 100%;
    }
    .overViewFlexBox .img {
        text-align: center;
        max-width: 750px;
        margin: 0 auto;
    }
    .overViewFlexBox .alt_box {
        padding-left: unset;
        margin-top: 40px;
    }
    .overFlexBox02 .box .txt_box .alt {
        visibility: visible;
        opacity: 1;
    }
    .overFlexBox02 .box .txt_box .tit,
    .overFlexBox02 .box:nth-child(1) .txt_box .tit {
        margin-top: 0;
    }
    .overFlexBox02 .box:nth-child(1) .img_box {
        background: linear-gradient(0deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%), url('/img/overview_con03_img01.png') lightgray 0% / cover no-repeat;
    }
    
    .overFlexBox02 .box:nth-child(2) .img_box {
        background: linear-gradient(0deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%), url('/img/overview_con03_img02.png') lightgray 0% / cover no-repeat;
    }
    
    .overFlexBox02 .box:nth-child(3) .img_box {
        background: linear-gradient(0deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%), url('/img/overview_con03_img03.png') lightgray 0% / cover no-repeat;
    }

    .overGrayBox .box .tit {
        font-size: 38px;
        width: 250px;
    }
    .overGrayBox .box .alt {
        font-size: 18px;
    }
    .overGrayBox {
        padding: 40px 60px;
    }
    .org-chart .box {
        height: 80px;
        font-size: 26px;
    }
    .house_flex_box01 {
        justify-content: center;
    }
    .house_flex_box01 .box,
    .house_flex_box01 .box.type02 {
        width: 100%;
    }
    .over_busin_flex_box02 {
        flex-wrap: wrap;
        height: auto;
    }
    .over_busin_flex_box02 .box .tit_box {
        display: none;
    }
    .over_busin_flex_box02 .box .tit_box .t_tit, .over_busin_flex_box02 .box .tit_box .num{
        display: none;
    }
    .over_busin_flex_box02 .box{
        flex: unset;
        width: 100%;
        transition: unset;
    }
    .over_busin_flex_box02 .box:nth-child(1) {
        background: url('/img/over_busin_con02_img01.png') no-repeat center / cover;
    }
    .over_busin_flex_box02 .box:nth-child(2) {
        background: url('/img/over_busin_con02_img04.png') no-repeat center / cover;
    }
    .over_busin_flex_box02 .box:nth-child(3) {
        background: url('/img/over_busin_con02_img02.png') no-repeat center / cover;
    }
    .over_busin_flex_box02 .box:nth-child(4) {
        background: url('/img/over_busin_con02_img03.png') no-repeat center / cover;
    }
    .over_busin_flex_box02 .box:nth-child(5) {
        background: url('/img/over_busin_con02_img05.png') no-repeat center / cover;
    }
    .over_busin_flex_box02 .box .alt_box .t_box, .over_busin_flex_box02 .box .alt_box .b_box {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    .over_busin_flex_box02 .box .alt_box {
        color: #fff;
        display: flex
    ;
        flex-direction: column;
    }
    .over_busin_flex_box02 .box .alt_box {
        opacity: 1;
        text-indent: unset;
        visibility: visible;
        height: 100%;
    }
    .over_busin_flex_box02 .box {
        padding: 60px;
    }
    .over_busin_flex_box02 .box .alt_box .t_box {
        margin-bottom: 30px;
    }
    .over_busin_flexbox03 .box{
        width: calc(50% - 20px);
    }
    .over_busin_flex_box05 {
        justify-content: center;
    }
    .over_busin_flex_box05 .box {
        width: 100%;
        max-width: 780px;
    }
    .over_busin_flex_box06 .box {
        width: calc(50% - 20px);
        max-width: 370px;
        padding: 20px;
    }
    .over_busin_flex_box06 {
        padding-bottom: unset;
        justify-content: center;
    }
    .over_busin_flex_box06 .box:nth-child(2n){
        transform: unset;
    }
    .over_busin_flex_box08 .box {
        width: calc(33.333% - 14px);
        padding: 20px;
        font-size: 24px;
    }
    .ci_flex_box01 .box {
        width: 100%;
        max-height: 300px;
    }
}

@media all and (max-width:1200px) {
    .center_box001 {
        width: 500px;
    }
}

@media all and (max-width:1024px) {
    .overViewFlexBox .alt_box .alt {
        font-size: 16px;
    }
    .over_alt_box01 {
        font-size: 14px;
    }
    .over_alt_box01 .tit {
        width: 80px;
    }
    .overFlexBox02 {
        justify-content: center;
    }
    .overFlexBox02 .box {
        width: 100%;
        max-width: 440px;
    }
    .overGrayBox .box {
        flex-direction: column;
    }
    .overGrayBox .box .tit {
        width: 100%;
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
    }
    .overGrayBox .box .alt p br {
        display: none;
    }
    .overGrayBox .box .alt {
        font-size: 16px;
    }
    .overGrayBox {
        padding: 30px 20px;
    }
    .org-chart .box {
        height: 60px;
        font-size: 18px;
    }
    .org-chart .tree > ul::after {
        width: 78%;
    }
    .org-chart .box{
        width: 100%;
    }  
    .overcerit_box .box {
        width: calc(50% - 20px);
    }
    .overcerit_box .box .name{
        font-size: 16px;
    }

    .historySub_box .box .left_box .tit p {
        font-size: 24px;
    }
    .historySub_box .box .left_box .tit {
        font-size: 20px;
    }
    .historySub_box .box .left_box,
    .historySub_box .box .right_box p {
        font-size: 14px;
    }
    .historySub_box .box .left_box {
        padding-right: 15px;
    }
    .historySub_box .box .right_box{
        padding-left: 15px;
    }
    .historySub_box.reverse .box .left_box {
        padding-right: unset;
        padding-left: 15px;
    }
    .historySub_box.reverse .right_box {
        padding-left: unset;
        padding-right: 15px;
    }
    .overViewHistory_box::after {
        top: 30px;
        height: calc(100% - 40px);
    }

    .overBusinFlex_box .img_box .img {
        padding: 20px;
    }
    .overBusinFlex_box .img_box .img .txt{
        font-size: 20px;
    }
    .overBusinFlex_box .img_box .img .txt .alt {
        font-size: 14px;
    }
    .house_flex_box01 .box.type02 .sub_box .h_alt_box{
        width: calc(50% - 4px);
    }
    .house_flex_box01 .box .sub_box .h_alt_box {
        max-height: 240px;
        padding: 20px 10px;
    }
    .over_busin_flex_box02 .box,
    .over_busin_flex_box02 .box.active {
        padding: 30px 20px;
    }
    .over_busin_flex_box02 .box .alt_box .t_box .tit {
        font-size: 30px;        
    }
    .over_busin_flex_box02 .box .alt_box .t_box .tit span {
        font-size: 22px;
    }
    .over_busin_flex_box02 .box .alt_box .t_box .num {
        font-size: 20px;        
    }
    .over_busin_flex_box02 .box .alt_box .b_box .alt_box02 p {        
        font-size: 18px;
    }
    .over_busin_flexbox03 .box .img_box .tit {
        font-size: 22px;
    }
    .over_busin_flexbox03 .box .img_box .alt {
        font-size: 16px;
    }
    .over_busin_flex_box06 .box .alt_box {
        font-size: 15px;
    }
    .over_busin_flex_box06 .box .alt_h_box,
    .over_busin_flex_box06 .box .alt_tit {
        font-size: 20px;
    }
    .ab_txt01 {
        font-size: 150px;
        bottom: 0;
        right: 0;
    }
    .center_box001 {
        width: 400px;
    }
    .center_box001 .center_sub_box001 {        
        border: 20px solid #eaeaea;        
        gap: 17px;
        font-size: 18px;
    }
    .overBusinFlex_box .img_box .img{
        padding: unset;
        width: 140px;
    }
    .overBusinFlex_box .img_box .img .txt {
        font-size: 18px;
    }
    .overBusinFlex_box .img_box::after {
        content: '';
        position: absolute;
        left: 75px;
        right: 75px;
        top: 50px;
        height: 285px;
        border: solid 0.5px #363636;
    }
}
@media all and (max-width:700px) { 
    .over_busin_flexbox03 .box{
        width: 100%;
    }
    .org-chart .box {
        font-size: 14px;
    }
    .org-chart .tree > ul {
        gap: 10px;
    }
    .org-chart .tree > ul > li {        
        width: calc(25% - 8px);
    }
    .house_flex_box01 .box .sub_box .h_alt_box {
        aspect-ratio: 1/1.22;
    }
    .house_flex_box01 .box .sub_box .h_alt_box .t{
        font-size: 16px;
    }
    .over_busin_flex_box02 .box .alt_box .t_box .tit {
        font-size: 22px;        
    }
    .over_busin_flex_box02 .box .alt_box .t_box .tit span {
        font-size: 16px;
    }
    .over_busin_flex_box02 .box .alt_box .t_box .num {
        font-size: 18px;        
    }
    .over_busin_flex_box02 .box .alt_box .b_box .alt_box02 p {        
        font-size: 16px;
    }
    .gray_bg01 {
        margin: 80px 0;
        padding: 80px 0;
        background-color: #F7F7F7;
    }
    .overViewWrapper .row + .row{
        margin-top: 80px;
    }
    .over_busin_flexbox03 .box .img_box .tit {
        font-size: 20px;
    }
    .over_busin_flexbox03 .box .img_box .alt{
        font-size: 14px;
    }
    .over_busin_flexbox03 .box .img_box {
        padding: 20px;
    }
    .over_busin_flex_box06 .box .alt_h_box,
    .over_busin_flex_box06 .box .alt_tit {
        font-size: 15px;
    }
    .over_busin_flex_box06 .box {
        width: 100%;
        aspect-ratio: 1/1;
    }
    .ab_txt01 {
        font-size: 80px;
    }
    .over_busin_flex_box08 .box {
        width: calc(50% - 10px);
    }
    .overBusinFlex_box .txt_box ,
    .sub_alt_tit01 {
        font-size: 20px;
    }
    .ci_flex_box01 .box {
        padding: 20px;
    }
    .ci_flex_box01 .box .alt {
        font-size: 14px;
    }
    .center_box001 {
        width: 200px;
    }
    .center_box001 .center_sub_box001 {        
        border: 10px solid #eaeaea;        
        gap: 7px;
        font-size: 14px;
        word-break: keep-all;
    }
    .overBusinFlex_box .img_box .img{
        width: 88px;
    }
    .overBusinFlex_box .img_box .img .txt {
        font-size: 13px;
        text-align: center;
    }
    .overBusinFlex_box .img_box::after {
        content: '';
        position: absolute;
        left: 45px;
        right: 45px;
        top: 30px;
        height: 125px;
        border: solid 0.5px #363636;
    }
    .overBusinFlex_box .img_box .img .txt .alt {
        visibility: visible;
        opacity: 1;
        height: 35px;
        font-size: 12px;
    }
    .overBusinFlex_box .img_box .img .txt .bar {
        margin: 5px 0;
    }
}
/* END 회사소개 추가 */