/* 게시물이 비어있을때 start */
.case_empth{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #DDDDDD;
}

.case_empth.header_reserve{
    padding-top: 170px;
}
.case_empth.borderBN{
    border-bottom: 0px;
}
.basic_st02 .community_grid_item.case_empth{
    width: 100%;
    padding-bottom: 80px;
    border-bottom: 1px solid transparent;
}
/* #community_interview .community_grid_item.case_empth{
    width: 100%;
    padding-bottom: 80px;
    border-bottom: 1px solid transparent;
} */
.case_empth .img_wrap{
    width: 50px;
}
.case_empth p{
    /* letter-spacing: -0.85px; */
    /* color: #DCDCDC; */
    color: #d5d5d5;
    font-size: 17px;
    margin-top: 20px;
}
/* 게시물이 비어있을때 end */
/* 다운로드 팝업레이어 start */
#newDownloadLayer{
    z-index: 1006;
    position: fixed;
}
/* 다운로드 팝업레이어 end */
/* sub_banner start */
.sub_banner{}
.sub_banner .inner{
    max-width: 1640px;
    height: 300px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}
.sub_banner .inner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* sub_banner end */
/* sub_top_menu_start */
.sub_top_menu_wrap{
    width: 100%;
    position: sticky;
    top: 0px;
    z-index: 1005;
    transition: top .3s;
    background-color: #fff;
}
.sub_top_menu_wrap.scrollup{
    top: 140px;
}
.sub_top_menu_wrap .inner{
    max-width: 1280px;
    margin: 0 auto;
    height: 70px;
    background-color: #fff;
    /* box-shadow: 0px 20px 40px #0000000D; */
    box-shadow: 0px 20px 30px -20px #0000000D;
    display: flex;
    justify-content: space-between;
}
.sub_top_menu_wrap .inner .left_area{
    display: flex;
    align-items: center;
}
.sub_top_menu_wrap .inner .left_area .home{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sub_top_menu_wrap .inner .left_area .home::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #EBE9E7;
}
.sub_top_menu_wrap .inner .left_area .home img{
    width: 18.72px;
    height: 15.21px;
}
.sub_top_menu_wrap .inner .left_area .depthstyle{
    position: relative;
}
.sub_top_menu_wrap .inner .left_area .depthstyle.depth1::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #EBE9E7;
    z-index: 4;
}
.sub_top_menu_wrap .inner .left_area .depthstyle button.current_menu{
    width: 250px;
    height: auto;
    text-align: left;
    /* letter-spacing: -0.04em; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Pretendard';
    padding: 15px 50px 15px 25px;
    background-color: #fff;
    position: relative;
    z-index: 3;
}
.sub_top_menu_wrap .inner .left_area .depthstyle button.current_menu .text_in{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sub_top_menu_wrap .inner .left_area .depthstyle button.current_menu::after{
    content: url(/images/user/common/fselect_arrow.svg);
    position: absolute;
    right: 25px;
    top: 50%;
    width: 12px;
    height: 25px;
    transform: translateY(calc(-50% + 0px)) rotate(180deg);
    transition: 0.3s;
}
.sub_top_menu_wrap .inner .left_area .depthstyle button.current_menu.active::after{
    transform: translateY(calc(-50% + 0px)) rotate(0deg);
}
.sub_top_menu_wrap .inner .left_area .depthstyle ul{
    display: none;
    position: absolute;
    /* bottom: calc(100% - 10px); */
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 2;
    overflow-y: auto;
    background: #fff;
    box-shadow: 10px 15px 30px #0000000D;
    border-radius: 0px 0px 20px 20px;
    padding-bottom: 20px;
}
.sub_top_menu_wrap .inner .left_area .depthstyle ul li{
    background-color: blue;
}
.sub_top_menu_wrap .inner .left_area .depthstyle ul li a{
    display: block;
    color: #000000;
    font-size: 17px;
    padding: 15px 25px;
    font-weight: 500;
    background-color: #fff;
    /* letter-spacing: -0.04em; */ 
}
.sub_top_menu_wrap .inner .left_area .depthstyle ul li a.active{
    text-decoration: underline;
}
.sub_top_menu_wrap .inner .left_area .depthstyle ul li:hover a{
    color: #C7000B;
}
.sub_top_menu_wrap .inner .left_area .depthstyle ul li a:focus{
    color: #C7000B;
}
.sub_top_menu_wrap .inner .right_area{
    display: flex;
}
.sub_top_menu_wrap .inner .right_area .sub_navi_btn_wrap{
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    position: relative;
}
.sub_top_menu_wrap .inner .right_area .sub_navi_btn_wrap:first-of-type::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #EBE9E7;
    z-index: 4;
}
.sub_top_menu_wrap .inner .right_area .sub_navi_btn_wrap > button > img {
    width: 19px;
}
/* .sub_top_menu_wrap .inner .right_area > button{
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    position: relative;
} */
/* .sub_top_menu_wrap .inner .right_area > button:first-of-type::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #EBE9E7;
    z-index: 4;
} */
/* .sub_top_menu_wrap .inner .right_area > button img{
    width: 19px;
} */

@media (max-width: 1640px) {
    .sub_banner .inner{
        border-radius: 0px;
    }
}
@media (max-width: 1280px) {
    .sub_top_menu_wrap.scrollup{
        top: 110px;
    }
}
@media (max-width: 767px) {
    .sub_top_menu_wrap.scrollup{
        top: 65px;
    }
    .case_empth p{
        font-size: 15px;
    }
    .case_empth.header_reserve{
        padding-top: 120px;
        padding-bottom: 40px;
    }
    .case_empth.header_reserve .img_wrap {
        width: 38px;
    }
}
/* sub_top_menu_end */
/* sub_top_title start */
.top_title_wrap{
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 40px;
}
.top_title_wrap.archive_detail{
    padding-bottom: 0px;
}
.pageTitle{
    /* letter-spacing: -0.03em; */
    color: #000000;
    font-size: 50px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: 1.2;
}
.pageTitle::after{
    content: "";
    position: absolute;
    top: 1px;
    right: -17px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #C7000B;
}
/* sub_top_title end */
/* sub_common_st01 start */
.sub_common_st01{
    
}
.sub_common_st01 .total{
    /* letter-spacing: -0.75px; */
    color: #666666;
    font-weight: 500;
    font-size: 15px;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom: 15px;
    border-bottom: 2px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sub_common_st01 .total .left_area{
    color: #000000;
    font-size: 33px;
    font-weight: 700;
    position: relative;
    line-height: 1.2;
}
.sub_common_st01 .total .right_area{

}
.sub_common_st01 .total span{
    /* letter-spacing: 0px; */
    color: #C7000B;
    font-size: 15px;
    font-weight: 500;
}
.sub_common_st01 .inner{
    max-width: 1280px;
    display: flex;
    margin: 0 auto;
}
.sub_common_st01 .inner > div{
    /* border-top: 2px solid #000000; */
}
.sub_common_st01 .inner .in_left{
    width: 185px;
    background-color: rgb(255, 255, 255);
    border-top: 2px solid #000000;
}
.sub_common_st01 .inner .in_left > ul.one{

}
.sub_common_st01 .inner .in_left > ul.one li > ul.two {
   
}
.sub_common_st01 .inner .in_left > ul.one li > ul.two a{
    padding: 12px 14px;
    /* letter-spacing: 0px; */
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    display: block;
    position: relative;
    transition: 0.3s;
    border-bottom: 1px solid #dddddd;
}
.sub_common_st01 .inner .in_left > ul.one li > ul.two a:hover{
    color: #C7000B;
}
.sub_common_st01 .inner .in_left > ul.one li > ul.two a:hover p::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 12.5px;
    height: 9px;
    background: url(/images/user/sub/archive/icon_red_check.svg) center center no-repeat;
    background-size: contain;
}
.sub_common_st01 .inner .in_left > ul.one li > ul.two a p{
    position: relative;
}
.sub_common_st01 .inner .in_left > ul.one li > ul.two li.active a p{
    color: #C7000B;
}
.sub_common_st01 .inner .in_left > ul.one li > ul.two li.active a p::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 12.5px;
    height: 9px;
    background: url(/images/user/sub/archive/icon_red_check.svg) center center no-repeat;
    background-size: contain;
}
.sub_common_st01 .inner .in_left > ul.one > li.button_wrap{

}
.sub_common_st01 .inner .in_left > ul.one > li.button_wrap > button{
    display: none;
    width: 100%;
    height: 50px;
    text-align: center;
}
.sub_common_st01 .inner .in_left > .move_btn{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px 0px;
}  
.sub_common_st01 .inner .in_left > .move_btn .btn{
    background-color: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    color: #666666;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sub_common_st01 .inner .in_left > .move_btn .btn::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 22px;
    background: url(/images/user/common/archive_common_tab_icon01.svg) center center no-repeat;
    background-size: contain;
}
.sub_common_st01 .inner .in_left > .move_btn .btn:nth-of-type(2)::before {
    background: url(/images/user/common/archive_common_tab_icon02.svg) center center no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    left: 12px;
}
.sub_common_st01 .inner .in_left > .move_btn .btn:nth-of-type(3)::before {
    background: url(/images/user/common/archive_common_tab_icon03.svg) center center no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
}
.sub_common_st01 .inner .in_left > .move_btn .btn:hover{
    background:#391F1F;
    border: 1px solid #391F1F;
    color: #fff;
}
.sub_common_st01 .inner .in_left > .move_btn .btn:nth-of-type(1):hover::before{ 
    background:url(/images/user/common/archive_common_tab_white_icon01.svg) center center no-repeat;
    background-size: contain;
}
.sub_common_st01 .inner .in_left > .move_btn .btn:nth-of-type(2):hover::before{ 
    background:url(/images/user/common/archive_common_tab_white_icon02.svg) center center no-repeat;
    background-size: contain;
}
.sub_common_st01 .inner .in_left > .move_btn .btn:nth-of-type(3):hover::before{ 
    background:url(/images/user/common/archive_common_tab_white_icon03.svg) center center no-repeat;
    background-size: contain;
}
.sub_common_st01 .inner > .in_right{
    width: calc(100% - 225px);
    margin-left: 40px;
}
.sub_common_st01 .inner > .in_right .top_area{
    height: 120px;
    padding: 0px 110px;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
}
.sub_common_st01 .inner > .in_right .top_area select{
    width: 180px;
    border: 1px solid transparent;
    padding: 0px 30px;
    border-radius: 800px;
    height: 42px;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #F4F4F4 url(/images/user/common/icon_searchArrow.svg) right 25px center no-repeat;
}
.sub_common_st01 .inner > .in_right .top_area select option{
    /* letter-spacing: -0.75px; */
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}
.sub_common_st01 .inner > .in_right .top_area .input_wrap{
    width: calc(100% - 190px);
    height: 42px;
    background-color: #F4F4F4;
    margin-left: 10px;
    border-radius: 800px;
    position: relative;
}
.sub_common_st01 .inner > .in_right .top_area .input_wrap input{
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    background-color: transparent;
    padding: 0px 15px;
}
.sub_common_st01 .inner > .in_right .top_area .input_wrap button{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}
.sub_common_st01 .inner > .in_right .bottom_area{

}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap{
    padding-top: 40px;
}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap .in{
    display: flex;
    gap: 6px;
    position: relative;
}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap .in::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 0px;
    background-color: #000000;
    z-index: -1;
    box-sizing: border-box;
}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap .in .box{
    min-width: 172px;
    height: 47px;
    border: 1px solid #DDDDDD;
    border-bottom-color: transparent;
    border-bottom-width: 2px;

    box-sizing: border-box;
    border-radius: 5px 5px 0px 0px;
}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap .in .box button{
    /* letter-spacing: -0.75px; */
    color: #666666;
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
    padding: 12px 45px 12px 46px;
    transition:padding 0.3s;
}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap .in .box.active{
    border: 2px solid #000000;
    border-bottom-color: #fff;
    border-bottom-width: 3px;

}
.sub_common_st01 .inner > .in_right .bottom_area .tab_wrap .in .box.active button{
    color: #000000;
    font-weight: 500;
    padding: 16px 45px 8px 46px;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #DDDDDD;
    padding: 40px 0px;
    gap: 0px 40px;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box{
    width: calc(25% - 30px);
    display: flex;
    flex-direction: column;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .img_arae{
    width: 100%;
    aspect-ratio: 1.3 / 1;
    border-radius: 10px;
    background-color: #F4F4F4;
    overflow: hidden;
    position: relative;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .img_arae::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
    opacity: .10;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .img_arae img{
    object-fit: cover;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .con_area{
    width: 100%;
    margin-top: 15px;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .tit{
    letter-spacing: -0.8px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .date{
    /* letter-spacing: 0px; */
    /* color: #A29DA0; */
    color: #7C7479;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
}
@media screen and (max-width: 767px){
    .sub_common_st01 .total .left_area{
        font-size: 22px;
    }
}
/* sub_common_st01 end */
/* pagination start */
.pagination_st01{
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 100px;
}
.pagination_st01.archive{
    padding-left: 220px;
}
.pagination_st01 ul.one{
    display: flex;
    justify-content: center;
}
.pagination_st01 ul.one > li:not(.num){
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    /* letter-spacing: 0px; */
    color: #999999;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination_st01 ul.one > li.active{
    border: 1px solid #C7000B;
}
.pagination_st01 ul.one > li.left_end{
}
.pagination_st01 ul.one > li.left{
}
.pagination_st01 ul.one > li.right_end{
}
.pagination_st01 ul.one > li.right{
}
.pagination_st01 ul.one > li.num{

}
.pagination_st01 ul.one > li.num ul{
    display: flex;
    align-items: center;
}
.pagination_st01 ul.one > li.num ul li{
    display: flex;
}
.pagination_st01 ul.one > li.num ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 3px;
}.pagination_st01 ul.one > li.num ul li a.on{
    border: 1px solid #C7000B;
    color: #C7000B;
}
/* pagination end */
/* attach_file start */
.attach_file{
    /* margin-bottom: 60px; */
}
.attach_file .in{
    background-color: #F4F4F4;
    padding: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 10px;
    position: relative;
}
.attach_file .in .left{
    display: flex;
    padding-top: 3.5px;
    order: 1;
}
.attach_file .in .left > p {
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    padding-top: 2.5px;
    min-width: 58px;
}
.attach_file .in .left ul.one{
    margin-left: 40px;
    margin-top: -2px;
}
.attach_file .in .left ul.one > li{
    min-height: 30px;
}
.attach_file .in .left ul.one li a{
    position: relative;
    padding-left: 23px;
    display: inline-block;
    word-break: break-all;

}
.attach_file .in .left ul.one li a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 1px;
    background: url(/images/user/sub/archive/icon_attachment.svg) center center no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.attach_file .in .left ul.one li {
    display: block;
    margin-top: 10px;
}
.attach_file .in .left ul.one li:first-of-type{
    margin-top: 0px;
    display: flex;
    align-items: center;
}
.attach_file .in .left ul.one li{
    display: none;
}
.attach_file .in .left ul.one.active li{
    display: flex;
    align-items: center;
    min-height: 30px;
}
.attach_file .in .left ul.one button{
    border: 1px solid #B5B5B5;
    border-radius: 5px;
    font-size: 15px;
    padding: 5px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: 0.3s;
    min-width: 90px;
    background: rgba(255, 255, 255, 0.6);
}
.attach_file .in .left ul.one button:hover {
    border: 1px solid #000000;
    background: rgba(255, 255, 255, 1);
}
.attach_file .in .left ul.one button span{
    color: #000000;
    font-size: 15px;
    white-space: nowrap;
}
.attach_file .in .left ul.one button i{
    width: 12px;
    height: 12px;
    background: url(/images/user/common/btn_search.svg);
    background-size: contain;
    display: inline-block;
    margin-left: 7.5px;
    min-width: 12px;
}

.attach_file .in .right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* letter-spacing: -0.9px; */
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    order: 2;
    padding-top: 4px;
    min-width: 120px;
}
.attach_file .in .right .arrow{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/images/user/sub/community/icon_arrow_bottom.svg) center center no-repeat;
    transition: 0.3s;
}
.attach_file .in .right .arrow.active{
    transform: rotate(180deg);
}
.attach_file .in .right > span {
    white-space: nowrap;
    display: flex;
    gap: 1px;
}
/* attach_file end */
/* bottom_button_wrap start */
.bottom_button_wrap{
    display: flex;
    justify-content: center;
    gap: 0px 10px;
    margin-top: 60px;
    margin-bottom: 130px;
}
.bottom_button_wrap > *{
    width: 140px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    /* letter-spacing: -0.9px; */
}
.bottom_button_wrap > *.red{
    border: 1px solid #C7000B;
    background-color: #C7000B;
}
.bottom_button_wrap > *.brown{
    border: 1px solid #683726;
    background-color: #683726;
}
/* bottom_button_wrap end */
/* archive download popup start */
.download_plate_black{
    display: block;
    background-color: #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    z-index: 11;
}
.download_plate_form{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    min-width: 750px;
    display: flex;
    flex-direction: column;
    padding: 35px 40px;
    border-radius: 15px;
    background-color: #fff;
}
.download_plate_form .top_area{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
}
.download_plate_form .top_area .tit{
    /* letter-spacing: -2.8px; */
    color: #000000;
    font-size: 40px;
    font-weight: 700;
}
.download_plate_form .top_area .close_btn{
    display: flex;
    align-items: center;
}
.download_plate_form .top_area .close_btn button{
    width: 25px;
    height: 25px;
}
.download_plate_form .bottom_area{
    /* padding-top: 35px; */
}
.download_plate_form .bottom_area .box{
    padding-top: 40px;
}
.download_plate_form .bottom_area .box .tit{
    margin-bottom: 15px;
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
.download_plate_form .bottom_area .box.text{}
.download_plate_form .bottom_area .box.text .tit{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}
.download_plate_form .bottom_area .box.text > p {
    /* letter-spacing: -0.85px; */
    color: #333333;
    font-size: 17px;
    font-weight: 500;
    padding-top: 15px;
}
.download_plate_form .bottom_area .box.purpose{}
.download_plate_form .bottom_area .box.purpose select{
    width: 100%;
    height: 50px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 17px;
    font-weight: 400;
    /* letter-spacing: -0.85px; */
    color: #666666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFFFFF url(/images/user/common/icon_searchArrow.svg) right 15px center no-repeat;
}
.download_plate_form .bottom_area .box.detail{

}
.download_plate_form .bottom_area .box.detail textarea{
    width: 100%;
    height: 140px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 15px;
    font-size: 15px;
}
.download_plate_form .bottom_button_wrap{
    margin-top: 60px;
    margin-bottom: 25px;
}
.download_plate_form .bottom_button_wrap > *{
    height: 50px;
}
/* archive download popup end */
/* archive full_view popup start */
.full_list_wrap{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 1006;
    padding: 0px 98px;
}
.full_list_wrap .full_list{
    max-width: 1000px;
    overflow: hidden;
}
.full_list_wrap .full_list .swiper-wrapper{
    align-items: center;
}
.full_list_wrap .full_list .swiper-button-prev{
    left: 3%;
    top: 51%;
    transform: translateY(-50%);
    color: #000;
}
.full_list_wrap .full_list .swiper-button-next{
    right: 3%;
    top: 51%;
    transform: translateY(-50%);
    color: #000;
}
.full_list_wrap .full_list .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.full_list_wrap .full_list .swiper-slide img{
    width: 100%;
    height: auto;
    max-height: 640px;
}
.full_list_wrap .full_list .swiper-slide .text{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.full_list_wrap .full_list .swiper-slide .text p{
    /* letter-spacing: -0.95px; */
    color: #000000;
    font-size: 19px;
    font-weight: 700;
}
.full_list_wrap .full_list .archive_down_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 70px;
    width: 140px;
    height: 45px;
    border: 1px solid #C7000B;
    color: #C7000B;
    border-radius: 5px;
    font-size: 16px;
}
.full_list_wrap .full_list .archive_down_btn img{
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 9px;
}
.full_list_wrap .close_full_list_wrap{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 37px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.full_list_wrap .close_full_list_wrap img{
    width: 100%;
    height: 100%;
}
.full_list_wrap .swiper-pagination{
    display: inline-flex;
    justify-content: flex-end;
    position: fixed;
    font-size: 26px;
    font-weight: 400;
    top: auto;
    left: auto;
    right: 1.5%;
    bottom: 2.5%;
    gap: 0px 8px;
}
.full_list_wrap .swiper-pagination .swiper-pagination-current{
    color: #C7000B;
}
/* archive full_view popup end */
/* #introduce_greeting start */
#introduce_greeting{
    padding-bottom: 130px;
}
#introduce_greeting .inner_layout.top{
    position: relative;
}
#introduce_greeting .inner_layout.top .bg_img{
    background: url(/images/user/sub/introduce/greeting_img01.png) center center no-repeat;
    width: 100%;
    height: 667px;
    border-radius: 20px;
    /* margin-top: 200px; */
    background-size: cover;
}
#introduce_greeting .inner_layout.top p{
    /* letter-spacing: -4.2px; */
    color: #000000;
    font-size: 60px;
    font-weight: 700;
    /* position: absolute;
    top: 10%;
    left: 65px; */
    margin-top: 50px;
    padding-left: 70px;
}
#introduce_greeting > div.bottom{
    width: 100%;
    position: relative;
    padding-top: 70px;
}
#introduce_greeting > div.bottom .bottom_bg{
    z-index: -1;
    position: absolute;
    top: -255px;
    left: 0px;
    width: 100%;
    height: 856px;
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #F7F2EF 100%) 0% 0% no-repeat padding-box;
}
#introduce_greeting > div.bottom .box_wrap{
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    gap: 70px;
}
#introduce_greeting > div.bottom .box_wrap .box.left{
    width: 550px;
}
#introduce_greeting > div.bottom .box_wrap .box.left p{
    word-break: keep-all;
}
#introduce_greeting > div.bottom .box_wrap .box.left p.big {
    /* letter-spacing: -2.94px; */
    color: #000000;
    font-size: 42px;
    font-weight: 700;
}
#introduce_greeting > div.bottom .box_wrap .box.left p.big span{
    position: relative;
    display: inline-block;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-color: #C7000B4D;

}
/* #introduce_greeting > div.bottom .box_wrap .box.left p.big span::before{
    content: "";
    bottom: 5px;
    left: 0px;
    position: absolute;
    background-color: #C7000B4D;
    width: 100%;
    height: 5px;
    border-radius: 800px;
} */
#introduce_greeting > div.bottom .box_wrap .box.left p.middle {
    /* letter-spacing: -1.5px; */
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin-top: 40px;
    line-height: 28px;
}
#introduce_greeting > div.bottom .box_wrap .box.left .small_text_wrap{
    padding-top: 20px;
} 
#introduce_greeting > div.bottom .box_wrap .box.left p.small {
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    margin-top: 25px;
    line-height: 24px;
}
#introduce_greeting > div.bottom .box_wrap .box.left .name{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 80px;
    display: none;
}
#introduce_greeting > div.bottom .box_wrap .box.left .name p {
    /* letter-spacing: -0.8px; */
    color: #2F2F2F;
    font-size: 16px;
    font-weight: 600;
}
#introduce_greeting > div.bottom .box_wrap .box.left .name p:last-of-type{
    font-size: 42px;
    font-weight: 400;
    color: #000;
    margin-left: 8px;
    margin-top: 4px;
    font-family: 'HakgyoansimGaeulsopungB';
    letter-spacing: 0.2em;
    transform: translateX(10px);
}
#introduce_greeting > div.bottom .box_wrap .box.left .name img{
    /* max-width: 126px; */
}
#introduce_greeting > div.bottom .box_wrap .box.right{
    flex: 1;
    padding-top: 142px;
}
#introduce_greeting > div.bottom .box_wrap .box.right div.img{
    width: 100%;
    height: 100%;
    background: url(/images/user/sub/introduce/greeting_img02.png) center center no-repeat;
    background-size: contain;
}
/* #introduce_greeting end */
/* #introduce_business start */
#introduce_business .business_sect.sect_main {
    padding-top: 70px;
    padding-bottom: 130px;
}
#introduce_business .business_main {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-left: 70px;
}
#introduce_business .business_tit {
    font-weight: 700;
    font-size: 60px;
    /* letter-spacing: -4.2px; */
    z-index: 1;
    margin-top: 50px;
    padding-left: 70px;
    letter-spacing: -0.05em;
}
#introduce_business .business_bg {
    width: 100%;
    height: 100%;
}
#introduce_business .business_bg_wrap {
    margin-top: -25px;
    border-radius: 20px;
    overflow: hidden;
}
#introduce_business .business_li {
    position: relative;
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    padding-left: 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 0;
}
#introduce_business .business_li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000000;
}
#introduce_business .business_list {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
#introduce_business .business_list_tit {
    font-weight: 600;
    font-size: 24px;
    /* letter-spacing: -1.68px; */
}
#introduce_business .business_li.history{
    flex-direction: column;
}
#introduce_business .business_li.history .con {
    width: 100%;
}
#introduce_business .business_li.history .con li{
    display: flex;
    width: 100%;
}
#introduce_business .business_li.history .con li .left_area{
    width: 175px;
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid #101414;
    padding: 15px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#introduce_business .business_li.history .con li .right_area{
    width: calc(100% - 175px);
    letter-spacing: -0.85px;
    color: #666666;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #DDDDDD;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
#introduce_business .business_li.history .con li .right_area .down{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #B5B5B5;
    border-radius: 3px;
    padding: 5px 11px;
    font-size: 15px;
    white-space: nowrap;
}
#introduce_business .business_li.history .con li .right_area .down i.icon_down{
    display: inline-block;
    background: url(/images/user/common/icon_down_btn_black02.svg) center center no-repeat;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    letter-spacing: 0px;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
#introduce_business .business_li.history .con li .right_area .text{
    width: 100%;
    line-height: 1.3;
}
#introduce_business .business_li.history .con li .right_area .pdf_wrap{
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    padding: 0px 15px;
    border-radius: 8px;
    margin-top: 10px;
}
#introduce_business .business_li.history .con li .right_area .pdf_wrap.no_inner{
    padding-left: 0;
    margin-top: 0;
}
#introduce_business .business_li.history .con li .right_area .pdf_wrap:last-of-type{
    margin-bottom: 0;
}
#introduce_business .business_li.history .con li .right_area .pdf_wrap .box{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    gap: 7px;
    color: #666;
    padding-left: 10px;
    font-size: 17px;
    cursor: pointer;
}
#introduce_business .business_li.history .con li .right_area .pdf_wrap .box::before{
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
}
#introduce_business .business_li.history .con li .right_area .item{
    margin-top: 19px;
}
#introduce_business .business_li.history .con li .right_area .item:first-of-type{
    margin-top: 0;
}
#introduce_business .business_li.history .con:last-of-type{
    margin-top: 70px;
}
#introduce_business .business_subli {
    position: relative;
    display: flex;
    align-items: center;
    word-break: keep-all;
}
#introduce_business .business_sublist {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 5px;
}

@media (max-width: 800px) {
    #introduce_business .business_li.history .con li .left_area{
        width: 115px;
    }
    #introduce_business .business_li.history .con li .right_area{
        width: calc(100% - 115px);
    }
}
@media (max-width: 767px) {
    #introduce_business .business_li.history .con li .left_area{
        width: 90px;
        justify-content: flex-start;
        font-size: 15px;
    }
    #introduce_business .business_li.history .con li .right_area{
        font-size: 15px;
    }
    #introduce_business .business_li.history .con li .right_area .pdf_wrap .box{
        font-size: 15px;
    }
    #introduce_business .business_li.history .con li .right_area .down{
        font-size: 13px;
    }
    #introduce_business .business_li.history .con li .right_area .pdf_wrap{
        gap: 8px 0;
    }
    #introduce_business .business_li.history .con:last-of-type{
        margin-top: 30px;
    }
    #introduce_business .business_li.history .con li .right_area .pdf_wrap .box::before{
        top: 11px;
    }
}
@media (max-width: 420px) {
    #introduce_business .business_li.history .con li .right_area .pdf_wrap{
        gap: 13px 0;
    }
    #introduce_business .business_li.history .con li .right_area .pdf_wrap .box{
        flex-direction: column;
        align-items: flex-start
    }
    #introduce_business .business_li.history .con li .right_area .pdf_wrap .box::before{
        top: 6.5px;
    }
}
@media (max-width: 390px) {
    #introduce_business .business_li.history .con li .left_area {
        width: 75px;
    }
    #introduce_business .business_li.history .con li .right_area{
        width: calc(100% - 75px);
        padding-left: 10px;
    }
}
/* #introduce_business end */
/* #introduce_way start */
#introduce_way .way_sect.sect_map {
    padding-top: 20px;
}
#introduce_way .way_sect.sect_address {
    padding-top: 70px;
    padding-bottom: 130px;
}
.root_daum_roughmap .border1{
    border: none !important;
    background-color: transparent !important;
}
.root_daum_roughmap .border2{
    border: none !important;
    background-color: transparent !important;
}
.root_daum_roughmap .border3{
    border: none !important;
    background-color: transparent !important;
}
.root_daum_roughmap .border4{
    border: none !important;
    background-color: transparent !important;
}
.wrap_controllers.hide{
    display: none !important;
}
#introduce_way .way_map {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
#introduce_way .way_map_wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 780px;
}
#introduce_way .way_address {
    padding: 0 90px;
}

#introduce_way .way_address_list {
    display: flex;
    height: 61px;
}
#introduce_way .way_address_li_term {
    flex: 0 0 175px;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #101414;
    font-weight: 600;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #000;
}
#introduce_way .way_address_li_description {
    flex: 1;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #DDDDDD;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #666666;
}
/* #introduce_way end */
/* #introduce_precaution start */
#introduce_precaution .precaution_sect.sect_intro {
    padding-bottom: 130px;
}
#introduce_precaution .precaution_intro {
    display: flex;
    gap: 90px;
}
#introduce_precaution .precaution_intro_bg {
    width: 100%;
    height: fit-content;
}

#introduce_precaution .precaution_intro_bg_wrap {
    flex: 0 0 460px;
    width: 0;
    border-radius: 20px;
    overflow: hidden;
}
#introduce_precaution .precaution_intro_cont {
    flex: 1;
    width: 0;
    padding-top: 70px;
}
#introduce_precaution .precaution_intro_list {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
#introduce_precaution .precaution_intro_li_tit {
    font-weight: 600;
    font-size: 24px;
    /* letter-spacing: -1.68px; */
}
#introduce_precaution .precaution_intro_subli {
    position: relative;
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    line-height: 23px;
    color: #333;
    padding-left: 10px;
    margin-top: 12px;
}
#introduce_precaution .precaution_intro_subli:first-of-type{
    margin-top: 0px;
}
#introduce_precaution .precaution_intro_subli::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11.5px;
    transform: translateY(-50%);
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000000;
}
#introduce_precaution .precaution_intro_sublist {
    padding-top: 20px;
}
/* #introduce_precaution end */
/* #introduce_organization start */
#introduce_organization {
    padding-bottom: 130px;
}
#introduce_organization .inner_layout{
    
}
#introduce_organization .inner_layout .all_wrap{

}
#introduce_organization .inner_layout .all_wrap .top{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 180px;
}
#introduce_organization .inner_layout .all_wrap .top .left{

}
#introduce_organization .inner_layout .all_wrap .top .left ul{
    display: flex;
    flex-direction: column;
    gap: 30px 0px;
    position: relative;
}
#introduce_organization .inner_layout .all_wrap .top .left ul::before{
    /* content: "";
    position: absolute;
    top: 30px;
    right: -49px;
    width: 1px;
    height: 180px;
    background-color: #DDDDDD; */
}
#introduce_organization .inner_layout .all_wrap .top .left ul::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -124px;
    width: 77px;
    height: 1px;
    transform: translateY(-50%);
    background-color: #DDDDDD;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 162px;
    min-height: 60px;
    height: auto;
    /* letter-spacing: -1px; */
    color: #1F2839;
    font-size: 20px;
    font-weight: 600;
    background-color: #1F28390D;
    border: 2px solid #1F2839;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding: 10px;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li br{
    display: none;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li::before{
    content: "";
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background-color: #DDDDDD;
    z-index: -1;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li::after{
    content: "";
    position: absolute;
    right: -50px;
    width: 1px;
    height: 50%;
    background-color: #DDDDDD;
    z-index: -1;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li:nth-of-type(1):after{
    top: 50%;
    height: 150%;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li:nth-of-type(2):after{
    top: 0%;
    height: 100%;
}
#introduce_organization .inner_layout .all_wrap .top .left ul li:nth-of-type(3):after{
    bottom: 50%;
    height: 250%;
}

#introduce_organization .inner_layout .all_wrap .top .middle{
    width: 230px;
    height: 230px;
    position: relative;
    z-index: 1;
    margin: 0px 100px;
}
#introduce_organization .inner_layout .all_wrap .top .middle .blur{
    position: absolute;
    width: 90%;
    height: 90%;
    background: #D43D45 0% 0% no-repeat padding-box;
    filter: blur(50px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.15;
}
#introduce_organization .inner_layout .all_wrap .top .middle .in{
    position: absolute;
    width: 200px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #D43D45;
    border-radius: 5px;
    background-color: #fffffff0;
    padding: 15px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#introduce_organization .inner_layout .all_wrap .top .middle .in .red_bg{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #D43D45;
    border: 1px solid #D43D45;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 15px 10px;
    border-radius: 5px;
}
#introduce_organization .inner_layout .all_wrap .top .right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#introduce_organization .inner_layout .all_wrap .top .right ul{
    display: flex;
    flex-direction: column;
    gap: 30px 0px;
    position: relative;
}
#introduce_organization .inner_layout .all_wrap .top .right ul::before{
    content: "";
    position: absolute;
    top: 30px;
    left: -49px;
    width: 1px;
    height: 91px;
    background-color: #DDDDDD;
}
#introduce_organization .inner_layout .all_wrap .top .right ul::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -126px;
    width: 77px;
    height: 1px;
    transform: translateY(-50%);
    background-color: #DDDDDD;
}
#introduce_organization .inner_layout .all_wrap .top .right ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 162px;
    height: 60px;
    letter-spacing: -1px;
    color: #1F2839;
    font-size: 20px;
    font-weight: 600;
    background-color: #1F28390D;
    border: 2px solid #1F2839;
    border-radius: 5px;
    position: relative;
    text-align: center;
}
#introduce_organization .inner_layout .all_wrap .top .right ul li:nth-of-type(1){
    background-color: #6E6E6E0D;
    border: 2px solid #6E6E6E;
    color: #6E6E6E;
}
#introduce_organization .inner_layout .all_wrap .top .right ul li:nth-of-type(2){
    background-color: #FAF1EB;
    border: 2px solid #8E5147;
    color: #8E5147;
}
#introduce_organization .inner_layout .all_wrap .top .right ul li::before{
    content: "";
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background-color: #DDDDDD;
    z-index: -1;
}
#introduce_organization .inner_layout .all_wrap .bottom{
    display: flex;
    justify-content: center;
    position: relative;
}
#introduce_organization .inner_layout .all_wrap .bottom::before{
    content: "";
    position: absolute;
    top: -59px;
    left: 50%;
    transform: translateX(-50%);
    width: 345px;
    height: 1px;
    background-color: #DDDDDD;
}
#introduce_organization .inner_layout .all_wrap .bottom::after{
    content: "";
    position: absolute;
    top: -210px;
    left: 50%;
    width: 1px;
    height: 152px;
    background-color: #DDDDDD;
}

#introduce_organization .inner_layout .all_wrap .bottom > div{
    width: 315px;
    border: 2px solid #6E6E6E;
    border-radius: 5px;
    padding: 25px;
    position: relative;
}
#introduce_organization .inner_layout .all_wrap .bottom > div::before{
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 60px;
    background-color: #DDDDDD;
    z-index: -1;
}
#introduce_organization .inner_layout .all_wrap .bottom > div > ul{
    
}
#introduce_organization .inner_layout .all_wrap .bottom > div > ul > li{
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    color: #666666;
    position: relative;
    display: flex;
    text-align: left;
}
#introduce_organization .inner_layout .all_wrap .bottom > div > ul > li::before{
    content: "";
    position: relative;
    left: 0px;
    top: 4px;
    width: 4px;
    height: 4px;
    min-width: 4px;
    background-color: #6E6E6E;
    margin-top: 3.5px;
    margin-right: 6px;
    border-radius: 50%;
}
#introduce_organization .inner_layout .all_wrap .bottom > div > ul > li:first-of-type{
    margin-top: 0px;
}
#introduce_organization .inner_layout .all_wrap .bottom .left{
    margin-right: 15px;
}
#introduce_organization .inner_layout .all_wrap .bottom .right{
    margin-left: 15px;
}

/* #introduce_precaution end */



/* #introduce_bi start */
#introduce_bi{
    padding-bottom: 150px;
}
#introduce_bi .piece{
    margin-top: 95px;
}
#introduce_bi .piece .tit{
    letter-spacing: -2.8px;
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
#introduce_bi .piece .text{
    letter-spacing: -0.85px;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
    line-height: 1.4;
    word-break: keep-all;
}
#introduce_bi .piece_banner{
    margin-top: 20px;
}
#introduce_bi .piece_banner .img{
    width: 100%;
    aspect-ratio: 1 / 0.50;
    background: url(/images/user/sub/introduce/introduce_bi_bg01.png) center center no-repeat;
    background-size: cover;
    border-radius: 15px;
}
#introduce_bi .piece_identity{
  
}
#introduce_bi .piece_color{
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #F7F2EF 100%) 0% 0% no-repeat padding-box;
}
#introduce_bi .piece_color .item_wrap{
    display: flex;
    gap: 0px 25px;
    margin-top: 60px;
}
#introduce_bi .piece_color .item_wrap .item{
    flex: 1;
}
#introduce_bi .piece_typeface{

}
#introduce_bi .piece_typeface .img{
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    margin-top: 60px;
}
#introduce_bi .piece_guide{
    margin-top: 130px;
}
#introduce_bi .piece_guide .contents{
    display: flex;
    align-items: center;
    padding: 40px 40px;
    background-color: #F4F4F4;
    border-radius: 10px;
}
#introduce_bi .piece_guide .contents .bold{
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
#introduce_bi .piece_guide .contents .normal{
    margin-left: 40px;
    flex: 1;
    color: #000;
    font-weight: 400;
    display: flex;
    word-break: keep-all;
}
#introduce_bi .piece_guide .contents .normal i{
    display: inline-block;
    min-width: 15px;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    background: url(/images/user/sub/introduce/introduce_bi_circel.svg) center center no-repeat;
    transform: translateY(2px);
}
#introduce_bi .piece_guide .contents .down_wrap{
    display: flex;
    gap: 0px 10px;
}
#introduce_bi .piece_guide .contents .down_btn{
    width: auto;
    min-width: 118px;
    padding: 15px 25px;
    font-size: 17px;
    font-weight: 500;
    background-color: #000000;
    border: 1px solid #000;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-radius: 5px;
}
#introduce_bi .piece_guide .contents .down_btn.brown{
    background-color: #59271E;
    border: 1px solid #59271E;
}
#introduce_bi .piece_guide .contents .down_btn.black{
    background-color: #000000;
    border: 1px solid #000000;
}
#introduce_bi .piece_guide .contents .down_btn i{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 9px;
    background: url(/images/user/sub/introduce/introduce_bi_down.svg) center center no-repeat;
}
/* #introduce_bi end */



/* #introduce_together start */
#introduce_together{
    padding-bottom: 140px;
}
#introduce_together .list_wrap{
    margin-top: 20px;
    border-top: 2px solid #000;
}
#introduce_together .list_wrap .box{
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #DDDDDD;
    gap: 40px;
}
#introduce_together .list_wrap .box .item{
    border: 1px solid #00000026;
    border-radius: 10px;
    overflow: hidden;
}
#introduce_together .list_wrap .box .left_area{
    width: 180px;
    min-width: 180px;
}
#introduce_together .list_wrap .box .left_area img{
    height: auto;
    border: 1px solid #00000026;
    border-radius: 10px;
}
#introduce_together .list_wrap .box .right_area{
    padding-left: 40px;
}
#introduce_together .list_wrap .box .right_area .title{
    letter-spacing: -1.4px;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
}
#introduce_together .list_wrap .box .right_area .content{
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    #introduce_together .list_wrap{
        margin-top: 0;
    }
    #introduce_together .list_wrap .box{
        gap: 20px;
    }
    #introduce_together .list_wrap .box .left_area{
        width: 150px;
        min-width: 150px;
    }
    #introduce_together .list_wrap .box .right_area{
        padding-left: 25px;
    }
    #introduce_together .list_wrap .box .right_area .title{
        font-size: 18px;
    }
}
@media (max-width: 600px) {
    #introduce_together .list_wrap .box{
        padding: 15px 0;
        gap: 15px;
    }
    #introduce_together .list_wrap .box .left_area{
        width: 100px;
        min-width: 100px;
    }
    #introduce_together .list_wrap .box .right_area{
        padding-left: 15px;
    }
    #introduce_together .list_wrap .box .right_area .content{
        padding-top: 10px;
    }
}
@media (max-width: 425px) {
    #introduce_together .list_wrap .box .left_area{
        width: 90px;
        min-width: 90px;
    }
}
@media (max-width: 350px) {
    #introduce_together .list_wrap .box .left_area{
        width: 80px;
        min-width: 80px;
    }
}
/* #introduce_together end */



/* #introduce 반응형 start */
@media (max-width: 1300px) {
    #introduce_way .way_map_wrap {
        height: 540px;
    }
}
@media (max-width: 1200px) {
    #introduce_bi .piece_guide .contents{

    }
    #introduce_bi .piece_guide .contents .bold{
        flex: 1;
    }
    #introduce_bi .piece_guide .contents .normal{
        display: none;
    }
}
@media (max-width: 1150px) {
    #introduce_greeting > div.bottom .box_wrap .box.right{
        display: none;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left{
        width: 100%;
    }
}
@media (max-width: 1024px) {
    #introduce_business .business_main {
        padding-left: 15px;
    }
    #introduce_precaution .precaution_intro_bg_wrap {
        flex: 0 0 270px;
    }
    #introduce_precaution .precaution_intro {
        gap: 40px;
    }
    #introduce_precaution .precaution_intro_cont {
        padding-top: 10px;
    }
    #introduce_precaution .precaution_intro_list {
        gap: 30px;
    }
    #introduce_precaution .precaution_intro_sublist {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    #introduce_business .business_sect.sect_main{
        padding-top: 30px;
        padding-bottom: 60px;
    }
    #introduce_business .business_main {
        flex-direction: column;
        gap: 30px;
    }
    #introduce_business .business_tit {
        padding-left: 45px;
        font-size: 28px;
        /* letter-spacing: -1.96px; */
        margin-top: 0px;
    }
    #introduce_business .business_bg_wrap {
        margin-top: -11px;
        border-radius: 15px;
    }
    #introduce_business .business_bg_wrap img{
        border-radius: 10px;
    }
    #introduce_business .business_list_tit{
        font-size: 20px;
    }
    #introduce_business .business_li{
        font-size: 15px;
        color: #666;
    }
    #introduce_business .business_li::before{
        top: 6px;
    }
    #introduce_business .business_list{
        padding-top: 10px;
    }
    #introduce_business .business_list_wrap {
        width: 100%;
    }
    #introduce_way .way_map_wrap {
        height: 270px;
        border-radius: 15px;
    }
    #introduce_way .way_address {
        padding: 0 20px;
    }
    #introduce_way .way_address_list {
        flex-wrap: wrap;
        height: auto;
    }
    #introduce_way .way_address_li_term {
        flex: 0 0 100%;
        height: auto;
        justify-content: flex-start;
        font-size: 16px;
        padding-bottom: 6px;
    }
    #introduce_way .way_address_li_description {
        flex: 0 0 100%;
        height: 50px;
        font-size: 15px;
    }
    #introduce_way .way_address_list:first-of-type{
        padding-top: 0px;
    }
    #introduce_way .way_address_list{
        padding-top: 15px;
    }
    #introduce_precaution .precaution_intro {
        flex-direction: column;
        gap: 20px;
    }
    #introduce_precaution .precaution_intro_bg {
        max-width: 320px;
    }
    #introduce_precaution .precaution_intro_bg_wrap {
        display: none;
        border-radius: 15px;
    }
    #introduce_precaution .precaution_intro_cont {
        width: auto;
        padding-top: 0px;
    }
    #introduce_precaution .precaution_intro_li_tit {
        font-size: 20px;
        /* letter-spacing: -1.4px; */
    }
    #introduce_precaution .precaution_intro_subli {
        font-size: 16px;
        /* letter-spacing: -0.8px; */
        color: #666;
    }
    #introduce_precaution .precaution_sect.sect_intro{
        padding-bottom: 80px;
    }
    /* introduce_greeting start */
    #introduce_greeting{
        padding-bottom: 75px;
    }
    #introduce_greeting .inner_layout.top p{
        font-size: 28px;
        letter-spacing: -1.96px;
        top: 0px;
        left: 50px;
    }
    #introduce_greeting .inner_layout.top .bg_img{
        margin-top: 0px;
        height: 172px;
        border-radius: 10px;
    }
    #introduce_greeting > div.bottom{
        padding-top: 25px;
    }
    #introduce_greeting > div.bottom .bottom_bg{
        top: -60px;
    }
    #introduce_greeting > div.bottom .box_wrap{
        padding-left: 15px;
        padding-right: 15px;
        flex-direction: column;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left{
        width: auto;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left p.big{
        font-size: 20px;
        letter-spacing: -1.4px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left p.big span::before{
        bottom: 0px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left p.middle{
        margin-top: 15px;
        font-size: 17px;
        letter-spacing: -1.35px;
        line-height: 1.4;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left p.small{
        margin-top: 30px;
        font-size: 16px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left .small_text_wrap{
        padding-top: 0px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left .name{
        margin-top: 30px;   
    }
    #introduce_greeting > div.bottom .box_wrap .box.right{
        display: none;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left p{
        font-size: 12px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left .name img{
        max-width: 90px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left .name p{
        font-size: 14px;
    }
    #introduce_greeting > div.bottom .box_wrap .box.left .name p:last-of-type{
        font-size: 36px;
        margin-top: 0px;
    }
    #introduce_way .way_sect.sect_address{
        padding-top: 30px;
        padding-bottom: 100px;
    }
    .sub_common_st01 .total{
        margin-top: 25px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .date{
        font-size: 13px;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .con_area{
        margin-top: 12px;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .tit{
        line-height: 1.1;
        font-size: 15px;
    }
    .full_list_wrap{
        padding: 0px 73px;
    }
    .full_list_wrap .close_full_list_wrap{
        width: 50px;
        height: 50px;
        padding: 15px;
    }
    .full_list_wrap .close_full_list_wrap:focus{
        border: transparent;
        outline: transparent;
    }
    .full_list_wrap .full_list .swiper-slide .text{
        margin-top: 50px;
        margin-bottom: 25px;
    }
    .full_list_wrap .full_list .swiper-slide .text p{
        font-size: 18px;
    }
    .full_list_wrap .swiper-button-next:after{
        font-size: 30px;
    }
    .full_list_wrap .swiper-button-prev:after{
        font-size: 30px;
    }
    .full_list_wrap .swiper-pagination{
        gap: 0px 5px;
        right: 3%;
        font-size: 15px;
    }
    .download_plate_form{
        padding: 20px;
        border-radius: 0px;
    }
    .download_plate_form .top_area{
        padding-bottom: 20px;
    }
    .download_plate_form .top_area .tit{
        font-size: 27px;
    }
    .download_plate_form .top_area .close_btn button{
        width: 20px;
        height: 20px;
        align-items: center;
    }
    .download_plate_form .bottom_area .box{
        padding-top: 30px;
    }
    .download_plate_form .bottom_area .box.text .tit{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .download_plate_form .bottom_area .box.text > p{
        padding-top: 0px;
        font-size: 15px;
    }
    .download_plate_form .bottom_area .box.text > p br{
        display: none;
    }
    .download_plate_form .bottom_area .box .tit{
        font-size: 16px;
    }
    .download_plate_form .bottom_area .box.purpose select{
        height: 45px;
        font-size: 15px;
    }
    .download_plate_form .bottom_button_wrap > *{
        height: 45px;
        font-size: 16px;
    }
    .download_plate_form .bottom_button_wrap{
        margin-top: 40px;
    }
    .attach_file .in .left ul.one button {
        border: 1px solid #B5B5B5;
        border-radius: 3px;
        font-size: 14px;
        padding: 3px 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        transition: 0.3s;
        min-width: 93px;
        background: rgba(255, 255, 255, 0.6);
    }
    .attach_file .in .left ul.one button span{
        font-size: 14px;
    }
    /* introduce_greeting end */
    #introduce_bi .piece{
        margin-top: 65px;
    }
    #introduce_bi .piece .tit{
        font-size: 30px;
        letter-spacing: -0.04em;
    }
    #introduce_bi .piece_banner{
        margin-top: 0px;
    }
    #introduce_bi .piece_color{
        padding-top: 65px;
        padding-bottom: 0px;
    }
    #introduce_bi .piece_guide .contents{
        flex-direction: column;
        padding: 25px 25px;
        padding-bottom: 40px;
    }
    #introduce_bi .piece_guide .contents .normal{
        text-align: center;
        margin-top: 10px;
        margin-left: 0px;
        font-size: 14px;
    }
    #introduce_bi .piece_guide .contents .normal i{
        display: none;
    }
    #introduce_bi .piece_guide .contents .down_btn{
        margin-top: 20px;
        padding: 10px 15px;
        padding-left: 21px;
        font-size: 15px;
        margin-left: 0px;
        height: 45px;
    }
    #introduce_bi .piece .text{
        font-size: 16px;
    }
    #introduce_bi .piece .text br{
        display: none;
    }
}
@media (max-width: 695px) {
    #introduce_organization .inner_layout .all_wrap .top{
        padding-top: 15px;
        padding-bottom: 45px;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle{
        width: 187px;
        height: 187px;
        flex: 1;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle .in{
        padding: 10px 12px;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle .in .red_bg{
        font-size: 18px;
        line-height: 1.25;
        word-break: break-word;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul li{
        width: 107px;
        min-height: 50px;
        height: auto;
        font-size: 14px;
        line-height: 1;
        word-break: break-word;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul li{
        width: 107px;
        font-size: 14px;
        min-height: 50px;
        height: auto;
        line-height: 1;
        word-break: break-word;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul li::before{
        width: 15px;
        right: -15px;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul::before{
        right: -14px;
        top: 25px;
        height: 160px;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul::after{
        right: -148px;
        width: 135px;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul li::before{
        width: 15px;
        left: -15px;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul::before{
        left: -14px;
        top: 25px;
        height: 80px;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul::after{
        right: 0px;
        width: 113px;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul li::after{
        right: -15px;
    }
    #introduce_organization .inner_layout .all_wrap .bottom{
        flex-direction: column;
    }
    #introduce_organization .inner_layout .all_wrap .bottom .left{
        width: 100%;
        margin-right: 0px;
    }
    #introduce_organization .inner_layout .all_wrap .bottom .right{
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    #introduce_organization .inner_layout .all_wrap .bottom > div ul li{
        text-align: left;
    }
    #introduce_organization .inner_layout .all_wrap .bottom::before{
        display: none;
    }
    #introduce_organization .inner_layout .all_wrap .bottom::after{
        display: none;
    }
    #introduce_organization .inner_layout .all_wrap .bottom > div::before{
        display: none;
    }
    #introduce_organization .inner_layout .all_wrap .bottom > div > ul > li{
        font-size: 15px;
    }
    #introduce_organization{
        padding-bottom: 80px;
    }
}
@media (max-width: 555px) {
    #introduce_organization .inner_layout .all_wrap .top .middle .in{
        width: 110px;
        height: auto;
        padding: 7px 8px;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle .in .red_bg{
        width: 100%;
        height: auto;
        font-size: 14px;
    }
}
@media (max-width: 425px) {
    #introduce_organization .inner_layout .all_wrap .top .middle{
        margin: 0px 15px;
    }
    #introduce_bi .piece .text{
        font-size: 15px;
        margin-top: 20px;
    }
    #introduce_bi .piece_color{
        padding-top: 35px;
    }
    #introduce_bi .piece{
        margin-top: 35px;
    }
    #introduce_bi .piece .tit{
        font-size: 20px;
    }
    #introduce_bi .piece_banner{
        margin-top: 0px;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul::after {
        right: -144px;
        width: 132px;
    }
}
@media (max-width: 400px) {
    #introduce_organization .inner_layout .all_wrap .top .left ul li{
        width: 75px;
        min-height: 40px;
        height: auto;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul li:nth-of-type(2){
        margin-bottom: 12px;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul li{
        width: 75px;
        min-height: 40px;
        height: auto;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul::before {
        right: -14px;
        top: 20px;
        height: 142px;
        display: none;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul::before {
        left: -14px;
        top: 20px;
        height: 70px;
    }
}
@media (max-width: 360px) {
    #introduce_organization .inner_layout .all_wrap .top .middle .in{
        width: 96px;
        height: auto;
        padding: 4px 5px;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle .in .red_bg{
        width: 100%;
        height: auto;
        padding: 10px 7px;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle .in .red_bg{
        font-size: 13px;
    }
    #introduce_organization .inner_layout .all_wrap .top .left ul::after {
        left: 87px;
        width: 47px;
    }
    #introduce_organization .inner_layout .all_wrap .top .right ul::after {
        left: -103px;
        width: 90px;
    }
}
/* #introduce 반응형 end */
/* cyberspace start */
#cyberspace_internal .internal_sect.sect_main {
    padding-top: 60px;
    padding-bottom: 214px;
}
#cyberspace_internal .internal_tit {
    font-weight: 700;
    font-size: 60px;
    /* letter-spacing: -4.2px; */
    z-index: 1;
    padding-left: 70px;
    margin-top: 50px;
    letter-spacing: -0.05em;
}
#cyberspace_internal .internal_bg {
    width: 100%;
    height: 100%;
}
#cyberspace_internal .internal_bg_wrap {
    margin-top: -25px;
    border-radius: 20px;
    overflow: hidden;
}
#cyberspace_internal .internal_main {
    display: flex;
    justify-content: center;
    align-items: center;
}
#cyberspace_internal .internal_btn.btn_view {
    width: 140px;
    height: 50px;
    border-radius: 5px;
    background-color: #C7000B;
    border: 1px solid #C7000B;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6.45px;
}
#cyberspace_internal .internal_btn.btn_view > .icon {
    width: 25.6px;
    height: 14.4px;
    background: url("/images/user/sub/cyberspace/icon_cyberspace_view_white.svg") no-repeat center;
    background-size: cover;
}
#cyberspace_internal .internal_btn.btn_view > .txt {
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: 0; */
    color: #fff;
}
#cyberspace_road .road_sect.sect_main {
    padding-top: 60px;
    padding-bottom: 214px;
}
#cyberspace_road .road_tit {
    font-weight: 700;
    font-size: 60px;
    /* letter-spacing: -4.2px; */
    z-index: 1;
    padding-left: 70px;
}
#cyberspace_road .road_bg {
    width: 100%;
    height: 100%;
}
#cyberspace_road .road_bg_wrap {
    margin-top: -25px;
}
#cyberspace_road .road_main {
    display: flex;
    justify-content: center;
    align-items: center;
}
#cyberspace_road .road_btn.btn_view {
    width: 140px;
    height: 50px;
    border-radius: 5px;
    background-color: #C7000B;
    border: 1px solid #C7000B;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6.45px;
}
#cyberspace_road .road_btn.btn_view > .icon {
    width: 25.6px;
    height: 14.4px;
    background: url("/images/user/sub/cyberspace/icon_cyberspace_view_white.svg") no-repeat center;
    background-size: cover;
}
#cyberspace_road .road_btn.btn_view > .txt {
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: 0; */
    color: #fff;
}
#cyberspace_aerial .aerial_sect.sect_main {
    padding-top: 60px;
    padding-bottom: 214px;
}
#cyberspace_aerial .aerial_tit {
    font-weight: 700;
    font-size: 60px;
    /* letter-spacing: -4.2px; */
    z-index: 1;
    padding-left: 70px;
}
#cyberspace_aerial .aerial_bg {
    width: 100%;
    height: 100%;
}
#cyberspace_aerial .aerial_bg_wrap {
    margin-top: -25px;
}

#cyberspace_aerial .aerial_main {
    display: flex;
    justify-content: center;
    align-items: center;
}
#cyberspace_aerial .aerial_btn.btn_view {
    width: 140px;
    height: 50px;
    border-radius: 5px;
    background-color: #C7000B;
    border: 1px solid #C7000B;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6.45px;
}
#cyberspace_aerial .aerial_btn.btn_view > .icon {
    width: 25.6px;
    height: 14.4px;
    background: url("/images/user/sub/cyberspace/icon_cyberspace_view_white.svg") no-repeat center;
    background-size: cover;
}
#cyberspace_aerial .aerial_btn.btn_view > .txt {
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: 0; */
    color: #fff;
}
/* cyberspace end */
/* cyberspace 반응형 start */
@media (max-width: 767px) {
    #cyberspace_internal .internal_tit {
        padding-left: 45px;
        font-size: 28px;
        letter-spacing: -1.96px;
        margin-top: 0px;
    }
    #cyberspace_internal .internal_bg{
        border-radius: 10px;
    }
    #cyberspace_internal .internal_bg_wrap {
        margin-top: -11px;
    }
    #cyberspace_internal .internal_sect.sect_main{
        padding-top: 30px;
        padding-bottom: 80px;
    }
    #cyberspace_internal .internal_btn.btn_view{
        width: 120px;
        height: 45px;
    }
    #cyberspace_internal .internal_btn.btn_view > .txt{
        font-size: 16px;
    }
    #cyberspace_internal .internal_btn.btn_view > .icon{
        width: 20px;
        height: 15px;
        background: url(/images/user/sub/cyberspace/icon_cyberspace_view_white.svg) no-repeat center;
        background-size: contain;
    }
    #cyberspace_road .road_tit {
        padding-left: 45px;
        font-size: 28px;
        letter-spacing: -1.96px;
    }
    #cyberspace_road .road_bg_wrap {
        margin-top: -11px;
    }
    #cyberspace_aerial .aerial_tit {
        padding-left: 45px;
        font-size: 28px;
        letter-spacing: -1.96px;
    }
    #cyberspace_aerial .aerial_bg_wrap {
        margin-top: -11px;
    }
}
/* cyberspace 반응형 end */
/* #archive_hub start*/
#archive_hub{

}
#archive_hub .search_area{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#archive_hub .search_area .left{
    
}
#archive_hub .search_area .left .tit{
    /* letter-spacing: -4.2px; */
    color: #000000;
    font-size: 60px;
    font-weight: 700;
}
#archive_hub .search_area .left .sub{
    /* letter-spacing: -1.5px; */
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}
#archive_hub .search_area .right{
    width: 510px;
}
#archive_hub .search_area .right .input_wrap{
    width: 100%;
    padding-bottom: 6px;
    position: relative;
    display: flex;
}
#archive_hub .search_area .right .input_wrap::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 6px;
    background-color: #000000;
    border-radius: 800px;
}
#archive_hub .search_area .right .input_wrap input{
    width: 440px;
    height: 70px;
    border: 0px solid transparent;
    padding: 0px 15px;
    /* letter-spacing: -1.8px; */
    color: #000;
    font-size: 24px;
}
#archive_hub .search_area .right .input_wrap input::placeholder{
    /* letter-spacing: -1.8px; */
    color: #D5D5D6;
    font-size: 24px;
    font-weight: 400;
    transform: translate(-15px,3.5px);
}
#archive_hub .search_area .right .input_wrap button{
    width: 70px;
    height: 70px;
}
#archive_hub{

}
.archive_main .top_tit{
    display: flex;
    align-items: center;
    gap: 0px 10px;
}
.archive_main .top_tit .box{
    border: 1px solid #0000001A;
    background-color: #683726;
    /* letter-spacing: -0.9px; */
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border-radius: 800px;
    padding: 8px 20px;
}
.archive_main .top_tit p{
     /* letter-spacing: -2.8px; */
     color: #000000;
     font-size: 36px;
     font-weight: 700;
     letter-spacing: -0.05em;
}
.archive_main .top_tit p span{
    position: relative;
}
.archive_main .top_tit p span::before{
    content: "";
    position: absolute;
    left: 0px;
    top: auto;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background-color: #C7000B;
    opacity: 0.2;
    z-index: -1;
}
#archive_hub .bottom_info{
    margin-top: 40px;
    margin-bottom: 130px;
}
#archive_hub .bottom_info .in{
    display: flex;
    gap: 40px 40px;
}
#archive_hub .bottom_info .in .map{
    border-radius: 20px;
    width: calc(100% - 300px);
    aspect-ratio: 1.25 / 1;
}
#archive_hub .bottom_info .in .map img{
    object-fit: cover;
}
#archive_hub .bottom_info .in .navi{
    width: 465px;
}
#archive_hub .bottom_info .in .navi .tit{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
#archive_hub .bottom_info .in .navi > ul{
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}
#archive_hub .bottom_info .in .navi > ul > li{
    flex: 1;
}
#archive_hub .bottom_info .in .navi > ul > li > ul{
    display: flex;
    flex-direction: column;
    gap: 12px 0px;
}
#archive_hub .bottom_info .in .navi > ul > li a{
    display: flex;
    gap: 6px;
}
#archive_hub .bottom_info .in .navi > ul > li a .num{
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

#archive_hub .bottom_info .in .navi > ul > li a.active .num{
    background-color: #C7000B;
}
#archive_hub .bottom_info .in .navi > ul > li a:hover .num{
    background-color: #C7000B;
}
#archive_hub .bottom_info .in .navi > ul > li a .name{
    /* letter-spacing: -0.8px; */
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
#archive_hub .bottom_info .in .navi > ul > li a.active .name{
    color: #C7000B;
    text-decoration: underline;
}
#archive_hub .bottom_info .in .navi > ul > li a:hover .name{
    color: #C7000B;
    text-decoration: underline;
}
#archive_hub .bottom_info .in .detail{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    border-radius: 20px;
    border: 1px solid #DDDDDD;
    padding: 42px 40px;
}
#archive_hub .bottom_info .in .detail .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#archive_hub .bottom_info .in .detail .top p {
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;   
    font-weight: 600;
}
#archive_hub .bottom_info .in .detail .top a {
    width: 85px;
    height: 35px;
    border: 1px solid #91060E;
    border-radius: 3px;
    background-color: #C7000B;
    display: flex;
    align-items: center;
    justify-content: center;
    /* letter-spacing: -0.75px; */
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
}
#archive_hub .bottom_info .in .detail .bottom{
    padding-top: 30px;
    overflow: hidden;
}
#archive_hub .bottom_info .in .detail .bottom .img_area{
    float: left;
    width: 290px;
    aspect-ratio: 1.20/1;
    background-color: orange;
    border-radius: 10px;
}
#archive_hub .bottom_info .in .detail .bottom .img_area img{
    width: 100%;
    background-color: orangered;
    border-radius: 10px;
    object-fit: cover;
}
#archive_hub .bottom_info .in .detail .bottom .con_area{
    float: right;
    width: calc(100% - 290px);
    padding-left: 40px;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul{

}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li{
    display: flex;
    border-bottom: 1px dashed #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li:last-of-type{
    border-bottom: 1px dashed transparent;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li .left{
    min-width: 110px;
    width: 100px;
    /* letter-spacing: -0.8px; */
    color: #666666;
    font-size: 16px;
    font-weight: 500;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li .right{
    /* letter-spacing: -0.8px; */
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li .right a {
    display: inline-block;
    padding: 6px 13px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li .right a:hover{
    border: 1px solid #CBBC53;
    background-color: #ECE6B1;
}
#archive_hub .bottom_info .in .detail .bottom .con_area ul li .right a:focus{
    border: 1px solid #CBBC53;
    background-color: #ECE6B1;
}
/* #archive_hub end*/
/* #archive_hub 반응형 start*/
@media screen and (max-width: 1280px){
    #archive_hub{
        margin-top: 0px;
    }
    .archive_main .top_tit{
        align-items: flex-start;
        flex-direction: column;
    }
    .archive_main .top_tit p{
        font-size: 22px;
        margin-top: 9px;
        line-height: 1.1;
    }
    #archive_hub .bottom_info .in{
        flex-direction: column;
        gap: 30px 40px;
    }
    #archive_hub .bottom_info .in .map{
        width: 100%;
    }
    #archive_hub .bottom_info .in .navi{
        width: 100%;
    }
    #archive_hub .bottom_info .in .navi > ul{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px 22px;
        margin-top: 15px;
    }
    #archive_hub .bottom_info .in .navi > ul > li{
        width: 18%;
    }
}
@media screen and (max-width: 1024px){
    #archive_hub .bottom_info .in .navi > ul > li{
        width: calc(25% - 17px);
    }
}
@media screen and (max-width: 767px){
    #archive_hub .bottom_info .in .navi > ul > li{
        width: calc(50% - 11px);
    }
    .archive_main .top_tit .box{
        font-size: 15px;
        padding: 5px 15px;
    }
    #archive_hub .bottom_info{
        margin-top: 20px;
        margin-bottom: 80px;
    }
    #archive_hub .bottom_info .in .navi > .tit{
        font-size: 20px;
    }
    #archive_hub .bottom_info .in .navi > ul > li a .name{
        font-size: 15px;
    }
    .archive_main .top_tit p{
        margin-top: 0px;
    }
    .archive_main .top_tit p span::before{
        bottom: 3px;
        height: 3px;
    }
}
@media screen and (max-width: 420px){
    #archive_hub .bottom_info .in .map img{
        content: url(/images/user/sub/archive/archive_hub_bg_m.svg);
    }
}
/* #archive_hub 반응형 end*/
/* #archive_machine start*/

/* #archive_machine end*/
/* #archive_interview start */
#archive_interview .sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box .con_area ul li:last-of-type .right{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* #archive_interview end */
/* #archive_detail start */
#archive_detail{

}
#archive_detail .inner_layout{
    overflow: visible;
}
#archive_detail .title_area{

}
#archive_detail .title_area .name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
    border-top: 2px solid #000;
}
#archive_detail .title_area .name > .left{
    /* letter-spacing: -0.03em; */
    color: #000000;
    font-size: 32px;
    font-weight: 700;
}
#archive_detail .title_area .name > .right{
    position: relative;
}
#archive_detail .title_area .name > .right img{
    width: 182px;
}
#archive_detail .title_area .name > .right .bubble_layer{
    position: absolute;
    display: flex;
    bottom: calc(-100% - 13px);
    right: 0px;
    background-color: #000;
    color: #fff;
    white-space: nowrap;
    padding-left: 13px;
    padding-right: 0px;
    border-radius: 5px;
}
#archive_detail .title_area .name > .right .bubble_layer[style*='display: block']{
    display: flex !important;
}
#archive_detail .title_area .name > .right .bubble_layer::after{
    content: "";
    border-bottom: 11px solid #000000;
    border-left: 5px solid white;
    border-right: 5px solid white;
    height: 0;
    position: absolute;
    top: -11px;
    right: 45px;
    width: 0;
}
#archive_detail .title_area .name > .right .bubble_layer .left{
    display: flex;
    align-items: center;
}
#archive_detail .title_area .name > .right .bubble_layer .right button{
    width: 35px;
    padding: 13px 5px;
}
#archive_detail .title_area .name > .right .bubble_layer .right img{
    width: 10px;
}
#archive_detail .title_area .info{
    padding: 20px 40px;
    display: flex;
    gap: 31px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
#archive_detail .title_area .info > .box{
    display: flex;
    gap: 9px;
    position: relative;
}
#archive_detail .title_area .info > .box:first-of-type::after{
    display: none;
}
#archive_detail .title_area .info > .box::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    width: 1px;
    height: 17px;
    background-color: #DEE1E3;
}
#archive_detail .title_area .info > .box .left{
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    word-break: keep-all;
}
#archive_detail .title_area .info > .box .left::before{
    content: ":";
    position: absolute;
    top: -1px;
    right: -4px;
    width: 1px;
    height: 78%;
    color: #666666;
}
#archive_detail .title_area .info > .box .right{
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 400;
}
.collection_bottom_area{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #dddddd;
}
.collection_bottom_area > .box{
    margin-top: 60px;
}
/* .collection_bottom_area > .box.attach_file{
    margin-top: 40px;
} */
/* .collection_bottom_area > .box.type_attach{
    margin-top: 0px;
}
.collection_bottom_area > .box.type_attach .attach_file{
    margin-top: 60px;
} */
.collection_bottom_area > .box:nth-of-type(1n){

}
.collection_bottom_area > .box:nth-of-type(2n){

}
.collection_bottom_area > .box:first-of-type{
    margin-top: 0px !important;
}
.collection_bottom_area .box.basic{

}
.collection_bottom_area .box.basic {
    display: flex;
}
.collection_bottom_area .box.basic .left_slide{
    width: 580px;
    flex: 1;
    position: relative;
}
.collection_bottom_area .box.basic .left_slide .img_list{
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}
.collection_bottom_area .box.basic .left_slide .img_list .full_move_btn{
    position: absolute;
    bottom: 35px;
    right: 40px;
    width: 32px;
    height: 32px;
    z-index: 1;
}
.collection_bottom_area .box.basic .left_slide .img_list .archive_down_btn{
    position: absolute;
    bottom: 35px;
    right: 85px;
    width: 32px;
    height: 32px;
    z-index: 1;
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide{
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide img{
    object-fit: cover;
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .left::after{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 8%) 50%, #00000042 100%) 0% 0% no-repeat;
    z-index: 0;
    pointer-events: none;
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .text_wrap{
    position: absolute;
    bottom: 35px;
    left: 40px;
    /* letter-spacing: -0.85px; */
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 400;
    z-index: 1;
    width: calc(100% - 160px);
}
.collection_bottom_area .box.basic .left_slide .swiper-button-prev{
    z-index: 2;
    width: 61px;
    height: 59px;
    background: url(/images/user/sub/archive/slide_left_btn.svg) center center no-repeat;
    background-size: 100%;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    margin-top: 0px;
}
.collection_bottom_area .box.basic .left_slide .swiper-button-prev::after{
    display: none;
}
.collection_bottom_area .box.basic .left_slide .swiper-button-next{
    z-index: 2;
    width: 61px;
    height: 59px;
    background: url(/images/user/sub/archive/slide_right_btn.svg) center center no-repeat;
    background-size: 100%;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    right: 34px;
    margin-top: 0px;
}
.collection_bottom_area .box.basic .left_slide .swiper-button-next::after{
    display: none;
}
.collection_bottom_area .swiper-button-next.swiper-button-disabled{
    opacity: 1;
}
.collection_bottom_area .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}
.collection_bottom_area .box.basic .left_slide .swiper-pagination{
    position: relative;
    top: auto;
    bottom: auto;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 45px;
    /* transform: translateX(calc(-50% - 30px)); */
    transform: translateX(-50%);
    display: flex;
    gap: 4.5px;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
}
.collection_bottom_area .box.basic .left_slide .swiper-pagination .swiper-pagination-current{
    /* letter-spacing: 0.65px; */
    color: #C7000B;
    font-size: 13px;
    font-weight: 700;
}
.collection_bottom_area .box.basic .left_slide .swiper-pagination .swiper-pagination-total{
    /* letter-spacing: 0.65px; */
    color: #767678;
    font-size: 13px;
    font-weight: 300;
}
.collection_bottom_area .box.basic .left_slide .thm_list_wrap{
    margin-top: 20px;
    position: relative;
    /* width: calc(100% - 50px); */
    width: 100%;
    margin-right: auto;
    margin-left: 0px;
    display: flex;
    flex-wrap: wrap;
}
.collection_bottom_area .box.basic .left_slide .thm_list{
    position: relative;
    width: calc(100% - 60px);
    /* margin: 0 !important; */
    margin-right: 60px;
    width: 100%;
    padding: 0;
    overflow: hidden;
    padding-left: 60px;
}
.collection_bottom_area .box.basic .left_slide .thm_list .swiper-wrapper{
    align-items: stretch;
}
.collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide{
    width: 25% !important;
    height: auto;
    text-align: center;
    overflow: hidden;
    opacity: 0.7;
    cursor: pointer;
}

.collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide.swiper-slide-active{
    padding: 6px;
    border: 1px solid #C7000B;
    opacity: 1;
    border-radius: 10px;
}
.collection_bottom_area .box.basic .right_info{
    width: calc(100% - 580px);
    padding-top: 20px;
    padding-left: 40px;
}
.collection_bottom_area .box.basic .right_info ul li {
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    border-bottom: 1px dashed #ddd;
    display: flex;
}
.collection_bottom_area .box.basic .right_info ul li .tit{
    width: 110px;
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 500;
}
.collection_bottom_area .box.basic .right_info ul li .con{
    width: calc(100% - 110px);
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
.collection_bottom_area .box.type_content .explanation{
    padding: 37px 40px;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    display: flex;
}
.collection_bottom_area .box.type_content.type02 .explanation{
    flex-direction: column;
}
.collection_bottom_area .box.type_content .explanation .tit{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.collection_bottom_area .box.type_content .explanation .right .tit{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.collection_bottom_area .box.type_content .explanation .tit .full_move_btn img{
    margin-top: 0px;
}
.collection_bottom_area .box.type_content .explanation .con{
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
}
.collection_bottom_area .box.type_content .explanation .con_empth{
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.collection_bottom_area .box.type_content .explanation .left{
    width: calc(100% - 470px);
    padding: 22px 40px;
    padding-left: 0px;
}
.collection_bottom_area .box.type_content .explanation .right{
    width: 470px;
    padding: 22px 0px;
    padding-left: 40px;
    padding-right: 0px;
    border-left: 1px solid #DDDDDD;
}
.collection_bottom_area .box.type_content .explanation .right .layout_drawing{
    height: auto;
    margin-top: 5px;
}
.collection_bottom_area .box.type_content.type04 .explanation{
    display: flex;
    flex-direction: column;
}
.collection_bottom_area .box.type_content.type04 .explanation .in_wrap{
    margin-top: 35px;
}
.collection_bottom_area .box.type_content.type04 .explanation .in_wrap:first-of-type{
    margin-top: 0px;
}
.img_natural_plate{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    display: none;
    z-index: 11;
    /* padding: 1.5%; */
    overflow: scroll;
    display: none;
    align-items: center;
    justify-content: center;
}
.img_natural_plate.active{
    display: flex;
}
.img_natural_plate:focus{
    border: transparent;
    outline: transparent;
}
.img_natural_plate button {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 37px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 1);
}
.img_natural_plate button:focus{
    outline: 2px solid #C7000B;
}

.img_natural_plate .img_wrap{
    width: 100%;
    height: 100%;
    text-align: center;
}
.img_natural_plate .img_wrap img{
    width: initial;
    height: initial;
    max-width: initial;
    max-height: initial;
    /* width: 100%;
    height: 100%; */
}
#imageListLayer{
    /* display: block !important; */
}
.zoom_img_plate{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    align-items: center;
    justify-content: center;
    z-index: 1006;
    display: none;
}
.zoom_img_plate.active{
    display: flex;
}
.zoom_img_plate .img_wrap{
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
}
.zoom_img_plate .img_wrap img{
    width: initial;
    height: initial;
    max-width: initial;
    max-height: initial;
    object-fit: contain;
}
.zoom_img_plate .close_btn button{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 37px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 1);
}
@media screen and (max-width: 767px){
    .zoom_img_plate .close_btn button{
        width: 45px;
        height: 45px;
        padding: 13px;
    }
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide{
    height: auto;
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .left{
    height: 100%;
    display: inline-block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    min-width: 500px;
}
.collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .left::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 15px;
    order: 1px solid #000;
    border-radius: 15px;
    opacity: .10;
    top: 0px;
    left: 0px;
    pointer-events: none;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .left::before{
    display: none;
}
/* 콜렉션 타입 슬라이드 _addText */
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide{
    flex-wrap: wrap;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .left::after{
    display: none;
}
.collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide{
    width: 25% !important;
    aspect-ratio: 1.35 / 1;
    border-radius: 10px;
}
.collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    /* padding-top: 10px; */
    border: 1px solid #DDDDDD;
}
.collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide.swiper-slide-active{
    /* padding-top: 10px; */
}
.collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide .img_wrap{
    width: 100%;
    height: 100%;
    max-height: calc(100% - 50px);
}
.collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide-active .img_wrap{
    max-height: calc(100% - 40px);
}
.collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide .info_text{
    /* letter-spacing: -0.75px; */
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    padding-bottom: 4px;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap{
    display: flex;
    flex-direction: column;
    padding: 33px 30px;
    border: 1px solid #00000033;
    border-radius: 15px;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap .in_area{
    display: flex;
    justify-content: space-between;
    padding-top: 33px;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap .in_area .tit{

}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap .in_area .tit p {
    letter-spacing: -0.85px;
    color: #000000;
    font-size: 17px;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap .in_area .btn{
    display: flex;
    gap: 0px 11px;
}
.collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap .in_area .btn button{
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}
/* 콜렉션 타입 슬라이드 _2단 */
.collection_bottom_area .box.type_divide{
    display: flex;
}
.collection_bottom_area .box.type_divide .left_slide .img_list .swiper-slide{
    height: 445px;
}
/* 콜렉션 타입 슬라이드 _1단 */
.collection_bottom_area .box.type_one .left_slide .img_list .swiper-slide{
    display: flex;
    justify-content: center;
    /* height: 700px; */
}
.collection_bottom_area .box.type_one .left_slide .thm_list .swiper-slide{
    height: auto;
}
.collection_bottom_area .box.type_one .left_slide .img_list .swiper-slide img{
    object-fit: contain;
}
/* 콜렉션 타입 슬라이드_미디어(공통) */
.collection_bottom_area .box.type_media{

}
.collection_bottom_area .box.type_media .left_slide .thm_list .swiper-slide img{

}
.collection_bottom_area .box.type_media .left_slide .thm_list .swiper-slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide{
    background-color: #373A3F;
    border: 1px solid #00000033;
    border-radius: 15px;
    display: flex;
    padding: 40px;
    height: 405px;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide .left{
    border-radius: 0px;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide .left::after{
    display: none;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .left{
    position: relative;
    width: 580px;    
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .left video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right{
    background-color: #45484E;
    padding: 40px;
    position: relative;
    width: calc(100% - 580px);
    display: flex;
    flex-direction: column;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .text_scroll{
    flex: 1;
    overflow-y: auto;
    padding-right: 35px;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .text_scroll::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .text_scroll::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #60646B; /* 스크롤바의 색상 */
    border-radius: 10px;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .text_scroll::-webkit-scrollbar-track {
    background: rgba(33, 121, 244, 0);  /*스크롤바 뒷 배경 색상*/
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .text_scroll .text_in{
    line-height: 30px;
    /* letter-spacing: -0.85px; */
    color: #FFFFFF;
    font-size: 17px;
    
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .date {
    margin-top: 20px;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .date dl{
    display: flex;
    /* letter-spacing: 0px; */
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .date dl dt{
    color: #B3BBCB;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .date dl dd{
    color: #FFFFFF;
    padding-left: 3px;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide::after{
    display: none;
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .left button.video_play_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.collection_bottom_area .box.type_media .left_slide .thm_list .swiper-slide{
    height: auto;
    aspect-ratio: 1.77 / 1;
}
.collection_bottom_area .box.type_media .left_slide .swiper-button-next{
    bottom: 56px;
}
.collection_bottom_area .box.type_media .left_slide .swiper-button-prev{
    bottom: 56px;
}
.collection_bottom_area .box.type_media .left_slide .swiper-pagination{
    /* bottom: 72px; */
}
.collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide .left iframe{
    width: 100% !important;
    height: 100%;
}
/* 콜렉션 타입 슬라이드_유튜브 */
.collection_bottom_area .box.type_youtube .left_slide .thm_list .swiper-slide{
    height: auto;
}
.collection_bottom_area .box.type_youtube .left_slide .img_list .swiper-slide .left{
    position:relative;
    height:auto;
}
.collection_bottom_area .box.type_youtube .left_slide .img_list .swiper-slide .left iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* 콜렉션 타입 슬라이드_비디오 */
.collection_bottom_area .box.type_video .left_slide .thm_list .swiper-slide{
    /* height: auto; */
    aspect-ratio: 1.3 / 1;
}
.collection_bottom_area .box.type_video .left_slide .img_list .swiper-slide{
    height: 405px;
}
.collection_bottom_area .box.type_video .left_slide .img_list .swiper-slide .left{
    height: auto;
}
.collection_bottom_area .box.type_video .left_slide .img_list .swiper-slide .left .in_video_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
}
.collection_bottom_area .box.type_video .left_slide .img_list .swiper-slide > .left video{
    height: 100%;
    object-fit: contain;
    background-color: #000;
}
.collection_bottom_area .box.type_video .left_slide .img_list .swiper-slide .left::after{
    display: none;
}
/* 콜렉션 타입 슬라이드_오디오 */
.collection_bottom_area .box.type_audio{

}
.collection_bottom_area .box.type_audio .left_slide .thm_list .swiper-slide{
    height: auto;
}
.collection_bottom_area .box.type_audio .left_slide .img_list .swiper-slide .left{
    border-radius: 0px;
}

.collection_bottom_area .box.type_audio .left_slide .thm_list .swiper-slide img{
    object-fit: contain;
    background-color: #303237;
}
.collection_bottom_area .box.type_audio .left_slide .thm_list .swiper-slide{
    padding: 6px;
}
.collection_bottom_area .box.type_audio .left_slide .img_list .swiper-slide .left{
    background: #303237 url(/images/user/common/audio_flow_img.svg) center -6px no-repeat;
    display: flex;
    align-items: flex-end;
}
.collection_bottom_area .box.type_audio .left_slide .img_list .swiper-slide .left::after{
    display: none;
}
.collection_bottom_area .box.type_audio .left_slide .img_list .swiper-slide .left audio{
    width: 100%;
    background-color: #f1f3f4;
}
/* 콜렉션 타입 슬라이드_3d */
.collection_bottom_area .box.type_3d{

}
.collection_bottom_area .box.type_3d .left_slide .thm_list .swiper-slide{
    height: auto;
}
.collection_bottom_area .box.type_3d
.collection_bottom_area .box.type_3d .left_slide .img_list .swiper-slide::after{
    display: none;
}
.collection_bottom_area .box.type_3d .left_slide .img_list .swiper-slide .left{
    width: 100%;
    height: 700px;
}
.collection_bottom_area .box.type_3d .sketchfab-embed-wrapper{
    width: 100%;
    height: 100%;
}
.collection_bottom_area .box.type_3d .sketchfab-embed-wrapper iframe{
    width: 100%;
    height: 100%;
    border: 0px;
}
.collection_bottom_area .box.type_3d .left_slide .img_list .swiper-slide .left::after{
    display: none;
}
/* 콜렉션 타입 관계 */
.collection_bottom_area .box.type_relevant{

}
.collection_bottom_area .box.type_relevant .common_title{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
.collection_bottom_area .box.type_relevant .con_wrap{
    margin-top: 25px;
    border-radius: 10px;
    margin-bottom: 70px;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 40px;
}
.collection_bottom_area .box.type_relevant .con_wrap .box{
    width: calc(25% - 30px);
}
.collection_bottom_area .box.type_relevant .con_wrap .box .image{
    width: 100%;
    height: auto;
    background-color: slategrey;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.collection_bottom_area .box.type_relevant .con_wrap .box .image::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #000000;
    border-radius: 10px;
    opacity: .10;
}
.collection_bottom_area .box.type_relevant .con_wrap .box .image .video_play_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.collection_bottom_area .box.type_relevant .con_wrap .box .text{
    margin-top: 15px;
}
.collection_bottom_area .box.type_relevant .con_wrap .box .text .tit{
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
.collection_bottom_area .box.type_relevant .con_wrap .box .text .date{
    /* letter-spacing: 0px; */
    /* color: #A29DA0; */
    color: #A29DA0;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.collection_bottom_area .box.type_relevant.type02 .con_wrap .box{
    width: calc(50% - 30px);
}
#archive_process{
    padding-bottom: 130px;
}
#archive_process .process_sect.sect_tit {

}
#archive_process .process_sect.sect_tit p{
    letter-spacing: -2.8px;
    color: #000000;
    font-size: 40px;
    font-weight: 700;
}
#archive_process .process_sect.sect_tit p span{
    position: relative;
}
#archive_process .process_sect.sect_tit p span::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background-color:#C7000B;
    opacity: 0.2;
    z-index: -1;
}
#archive_process .process_sect.sect_diagram {
    padding-top: 60px;
    padding-bottom: 132px;
}
#archive_process .process_sect.sect_diagram .guide_box{
    position: absolute;
    top: 202px;
    right: 95px;
    height: 75px;
    border: 1px solid #DDDDDD;
    display: flex;
    padding: 20px 25px;
    padding-right: 55px;
    box-shadow: 10px 10px 20px #00000008;
    border-radius: 8px;
    letter-spacing: -0.75px;
    color: #666666;
    font-size: 15px;
    animation: left 1.5s ease-in-out infinite;
    -webkit-animation: left 1.5s ease-in-out infinite;
}
@keyframes left {
	0% {
	  transform: translateX(0px);
	}
	50% {
	  transform: translateX(4.5px);
	}
	100% {
	  transform: translateX(0px);
	}
}
#archive_process .process_sect.sect_diagram .guide_box p span{
    color: #C7000B;
}
#archive_process .process_sect.sect_diagram .guide_box button{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 14px;
    right: 10px;
}
#archive_process .process_sect.sect_diagram .guide_box button img{
    padding: 7px;    
}
#archive_process .process_sect.sect_diagram .guide_box::before{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 7px 13px 8.5px;
    border-color: #DDDDDD transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);

    top: 34%;
    left: auto;
    left: -8px;
    transform: translateY(-50%) rotate(145deg);
    border-width: 0 5px 10px 6.5px;
}
#archive_process .process_sect.sect_diagram .guide_box::after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 11px 7.5px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10.5px;
    left: 50%;
    transform: translateX(-50%);

    top: 34%;
    left: auto;
    left: -6px;
    transform: translateY(-50%) rotate(145deg);
    border-width: 0 6px 11px 7.5px;
}
#archive_process .process_type_list {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
#archive_process .process_type_li_tit {
    font-weight: 600;
    font-size: 24px;
    /* letter-spacing: -1.68px; */
}
#archive_process .process_type_li_tit > .txt .point {
    position: relative;
    font-style: normal;
}
#archive_process .process_type_li_tit > .txt .point::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    display: block;
    width: 100%;
    height: 5px;
    background-color: rgba(199, 0, 11, 0.2);
}
#archive_process .process_type_subli {
    position: relative;
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: -0.04em; */
    word-break: keep-all;
    line-height: 26px;
    color: #333333;
    padding-left: 10px;
    margin-top: 10px;
}
#archive_process .process_type_subli:first-of-type {
    margin-top: 0px;
}
#archive_process .process_type_subli::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    transform: translateY(-50%);
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000000;
}
#archive_process .process_type_sublist {
    padding-top: 20px;
}
#archive_process .process_diagram {

}
#archive_process .process_diagram_tit {
    font-weight: 600;
    font-size: 24px;
    /* letter-spacing: -1.68px; */
}
#archive_process .process_diagram_making {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#archive_process .process_diagram_packaging {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#archive_process .process_diagram_box {
    position: relative;
    width: 180px;
    height: 48px;
    border-radius: 5px;
    border: 2px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #fff;
}
#archive_process .process_diagram_box::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    display: block;
    width: 170px;
    height: 48px;
    border-radius: 5px;
    border: 2px solid;
    z-index: -1;
}
#archive_process .process_diagram_box::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    display: block;
    width: 162px;
    height: 48px;
    border-radius: 5px;
    border: 2px solid;
    z-index: -1;
}
#archive_process .process_diagram_box_packaging {
    margin-top: -48px;
    }
#archive_process .process_diagram_box.box_red {
    background-color: #D43D45;
    border-color: #C7000B;
}
#archive_process .process_diagram_box.box_red::after {
    background-color: #E89296;
    border-color: #C7000B;
}
#archive_process .process_diagram_box.box_red::before {
    background-color: #E89296;
    border-color: #C7000B;
}
#archive_process .process_diagram_box.box_brown {
    background-color: #8E5147;
    border-color: #683726;
}
#archive_process .process_diagram_box.box_brown::after {
    background-color: #B16A66;
    border-color: #683726;
}
#archive_process .process_diagram_box.box_brown::before {
    background-color: #B16A66;
    border-color: #683726;
}
#archive_process .process_diagram_line {
    position: relative;
}
#archive_process .process_diagram_line::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    display: none;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
#archive_process .process_diagram_lines {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#archive_process .process_diagram_lines.line_top1.line_bottom1 .process_diagram_line.process_diagram_line_vertical:first-child {
    margin: 0 auto;
}
#archive_process .process_diagram_lines.line_top1.line_bottom1 .process_diagram_line.process_diagram_line_vertical:last-child {
    margin: 0 auto;
}
#archive_process .process_diagram_lines.line_top1.line_bottom2 {
    width: calc(100% - (100% - 40px) / 2);
}
#archive_process .process_diagram_lines.line_top1.line_bottom2 .process_diagram_line.process_diagram_line_vertical:nth-child(1) {
    margin-left: calc((100% - 40px) / 2 * 1);
}
#archive_process .process_diagram_lines.line_top1.line_bottom2 .process_diagram_line.process_diagram_line_vertical:nth-child(1) {
    margin-right: calc((100% - 40px) / 2 * 1);
}
#archive_process .process_diagram_lines.line_top1.line_bottom2 .process_diagram_line.process_diagram_line_vertical:first-child {
    margin: 0 auto;
}
#archive_process .process_diagram_lines.line_top2.line_bottom1 {
    width: calc(100% - 40px - (100% - 40px) / 2 / 2 * 2);
}
#archive_process .process_diagram_lines.line_top2.line_bottom1 .process_diagram_line.process_diagram_line_vertical:nth-last-child(1) {
    margin-right: calc((100% - 40px) / 2 * 1);
}
#archive_process .process_diagram_lines.line_top2.line_bottom1 .process_diagram_line.process_diagram_line_vertical:nth-last-child(1) {
    margin-left: calc((100% - 40px) / 2 * 1);
}
#archive_process .process_diagram_lines.line_top2.line_bottom1 .process_diagram_line.process_diagram_line_vertical:last-child {
    margin: 0 auto;
}
#archive_process .process_diagram_line_vertical {
    width: 2px;
}
#archive_process .process_diagram_line_horizontal {
    flex: 0 0 100%;
    width: 0;
    height: 2px;
}
#archive_process .process_diagram_line.line_h22 {
    height: 22px;
}
#archive_process .process_diagram_line.line_h22.line_continue_top {
    height: 24px;
}
#archive_process .process_diagram_line.line_h40 {
    height: 40px;
}
#archive_process .process_diagram_line.line_h40.line_continue_top {
    height: 42px;
}
#archive_process .process_diagram_line.line_h42 {
    height: 42px;
}
#archive_process .process_diagram_line.line_h42.line_continue_top {
    height: 44px;
}
#archive_process .process_diagram_line.line_h144 {
    height: 144px;
}
#archive_process .process_diagram_line.line_h144.line_continue_top {
    height: 146px;
}
#archive_process .process_diagram_line.line_red {
    background-color: #C7000B;
}
#archive_process .process_diagram_line.line_red.line_arrow_bottom::before {
    border-top-color: #C7000B;
}
#archive_process .process_diagram_line.line_red.line_arrow_top::before {
    border-bottom-color: #C7000B;
    top: unset;
    bottom: 100%;
}
#archive_process .process_diagram_line.line_blue {
    background-color: #43349B;
}
#archive_process .process_diagram_line.line_blue.line_arrow_bottom::before {
    border-top-color: #43349B;
}
#archive_process .process_diagram_line.line_blue.line_arrow_top::before {
    border-bottom-color: #43349B;
    top: unset;
    bottom: 100%;
}
#archive_process .process_diagram_line.line_arrow_bottom::before {
    display: block;
}
#archive_process .process_diagram_line.line_arrow_top::before {
    display: block;
}
#archive_process .process_diagram_line.line_continue_top {
    margin-top: -2px;
}
#archive_process .process_diagram_group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
#archive_process .process_diagram_group:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#archive_process .process_diagram_group:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#archive_process .process_diagram_groups {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
}
#archive_process .process_diagram_groups > .process_diagram_group {
    flex: 0 0 calc((100% - 40px) / 2);
    width: 0;
    border-radius: 5px;
}


#archive_process .process_diagram_groups > .process_diagram_group.group_border:not(:first-of-type) {
    border-width: 2px;
}
#archive_process .process_diagram_groups.group_pt18 {
    padding-top: 18px;
}
#archive_process .process_diagram_groups.group_pt20 {
    padding-top: 20px;
}
#archive_process .process_diagram_groups.group_pt24 {
    padding-top: 24px;
}
#archive_process .process_diagram_groups.group_pt30 {
    padding-top: 30px;
}
#archive_process .process_diagram_groups.group_pt32 {
    padding-top: 32px;
}
#archive_process .process_diagram_groups.group_pt52 {
    padding-top: 52px;
}
#archive_process .process_diagram_group_name {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
}
#archive_process .process_diagram_group_name.name_pb19 {
    padding-bottom: 19px;
}
#archive_process .process_diagram_group_name.name_pb21 {
    padding-bottom: 21px;
}
#archive_process .process_diagram_group_name.name_c_brown {
    color: #683726;
}
#archive_process .process_diagram_group_name.name_bold {
    font-weight: 700;
}
#archive_process .process_diagram_group.group_w400 {
    width: 400px;
}
#archive_process .process_diagram_group.group_w510 {
    width: 510px;
}
#archive_process .process_diagram_group.group_border {
    border-width: 2px;
    padding: 42px;
}
#archive_process .process_diagram_group.group_border:not(:first-of-type) {
    border-top-width: 0;
}
#archive_process .process_diagram_group.group_border.border_dashed {
    border-style: dashed;
}
#archive_process .process_diagram_group.group_border.border_solid {
    border-style: solid;
    padding: 24px 22px 23px;
}
#archive_process .process_diagram_group.group_border.border_red {
    border-color: #C7000B;
}
#archive_process .process_diagram_group.group_border.border_brown {
    border-color: #683726;
}
#archive_process .process_diagram_group.group_border.border_yellow {
    border-color: #CBBC53;
}
#archive_process .process_diagram_group.group_pt18 {
    padding-top: 18px;
}
#archive_process .process_diagram_group.group_pt20 {
    padding-top: 20px;
}
#archive_process .process_diagram_group.group_pt24 {
    padding-top: 24px;
}
#archive_process .process_diagram_group.group_pt30 {
    padding-top: 30px;
}
#archive_process .process_diagram_group.group_pt32 {
    padding-top: 32px;
}
#archive_process .process_diagram_group.group_pt52 {
    padding-top: 52px;
}
#archive_process .process_diagram_group.group_pb0 {
    padding-bottom: 0;
}
#archive_process .process_diagram_group.group_pb30 {
    padding-bottom: 30px;
}
#archive_process .process_diagram_cate {
    position: relative;
    width: 100%;
    height: 48px;
    border-radius: 5px;
    border: 2px solid #C7000B;
    background-color: #FCF2F2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #C7000B;
    z-index: 1;
    margin-bottom: -7px;
    cursor: pointer;
}
#archive_process .process_diagram_cate:focus{
    outline: 1px solid #1F2839;
}
#archive_process .process_diagram_action:focus{
    outline: 1px solid #1F2839;
}
#archive_process .process_diagram_cate.cate_yellow:focus{
    outline: 1px solid #1F2839;
}
#archive_process .process_diagram_action:focus{
    outline: 1px solid #1F2839;
}
#archive_process .process_diagram_cate.no_arrow::after{
    display: none;
}
#archive_process .process_diagram_cate::after{
    content: url(/images/user/common/fselect_arrow.svg);
    position: absolute;
    right: 14px;
    top: 50%;
    width: 12px;
    height: 25px;
    transform: translateY(calc(-50% + 0px)) rotate(180deg);
    transition: 0.3s;
}
#archive_process .process_diagram_cate.red{

}
#archive_process .process_diagram_group.active .process_diagram_cate.red::after{
    transform: translateY(calc(-50% + 0px)) rotate(0deg);
}
#archive_process .border_yellow.active .process_diagram_cate.cate_yellow::after{
    transform: translateY(calc(-50% + 0px)) rotate(0deg);
}
#archive_process .border_blue.active .process_diagram_cate.cate_blue::after{
    transform: translateY(calc(-50% + 0px)) rotate(0deg);
}
#archive_process .border_skyblue.active .process_diagram_cate.cate_skyblue::after{
    transform: translateY(calc(-50% + 0px)) rotate(0deg);
}
#archive_process .border_gray.active .process_diagram_cate.cate_gray::after{
    transform: translateY(calc(-50% + 0px)) rotate(0deg);
}


#archive_process .process_diagram_cate + .process_diagram_group {
    display: none;
}
#archive_process .process_diagram_cate + .process_diagram_action {
    height: 55px;
    padding-top: 7px;
}
#archive_process .process_diagram_cate ~ .process_diagram_action {
    display: none;
}
#archive_process .process_diagram_cate.cate_skyblue {
    background-color: #E9F5F6;
    /* border-color: #2B959A;
    color: #2B959A; */
    border-color: #23787B;
    color: #23787B;
}
#archive_process .process_diagram_cate.cate_skyblue::after{
    /* display: none; */
}
#archive_process .process_diagram_cate.cate_blue {
    background-color: #EDECF5;
    border-color: #43349B;
    color: #43349B;
}
#archive_process .process_diagram_cate.cate_yellow {
    background-color: #F9F7EA;
    border-color: #988A2A;
    color: #988A2A;
}


#archive_process .process_diagram_cate.cate_gray {
    background-color: #F2F2F2;
    border-color: #000000;
    color: #000000;
}
#archive_process .process_diagram_action {
    width: 100%;
    height: 48px;
    border-radius: 0px;
    border: 2px solid #1F2839;
    border-top-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 7px;
    font-weight: 500;
    font-size: 16px;
    /* letter-spacing: -0.8px; */
    transition: background-color 0.3s;
    cursor: pointer;
}
#archive_process .process_diagram_action:last-child{
    border-radius: 0px 0px 5px 5px;
}
#archive_process .process_diagram_action:first-child {
    border-top-width: 2px;
}
#archive_process .process_diagram_action::after {
    content: "";
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    background: url("/images/user/sub/archive/icon_process_arrow_right_black.svg") no-repeat center;
}
#archive_process .process_diagram_action.no_arrow::after{
    display: none;
}
#archive_process .process_diagram_action:hover {
    background-color: #F8F5F1;
}
#archive_process .process_diagram_tap {
    flex: 1;
    width: 0;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0 0;
    border: 2px solid #1F2839;
    border-bottom-width: 0;
    font-weight: 500;
    font-size: 16px;
    /* letter-spacing: -0.8px; */
}
#archive_process .process_diagram_tap.active {
    border-color: #C7000B;
    background-color: #FCF2F2;
    color: #C7000B;
}
#archive_process .process_diagram_taps {
    padding: 30px 0 0;
    width: 100%;
    border-bottom: 2px solid #C7000B;
    display: none;
    justify-content: space-between;
    gap: 40px;
}
/* archive_process end */
/* archive_tab_wrap start */
.archive_tab_wrap{
    margin-top: 20px;
    margin-bottom: 70px;
}
.archive_tab_wrap .inner_layout{
    overflow: visible;
}
.archive_tab_wrap .inner_layout .in{
    display: flex;
    gap: 0px 10px;
}
.archive_tab_wrap .inner_layout .in a{
    flex: 1;
    height: 58px;
    text-align: center;
    letter-spacing: -0.8px;
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDDDDD;
    border-radius: 800px;
    position: relative;
}
.archive_tab_wrap .inner_layout .in a::before{
    content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    background-color: orange;
    width: 24px;
    height: 24px;
    background: url(/images/user/common/archive_common_tab_icon01.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a:nth-of-type(1)::before{
    background: url(/images/user/common/archive_common_tab_icon01.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a:nth-of-type(1).active::before{
    background: url(/images/user/common/archive_common_tab_white_icon01.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a:nth-of-type(2)::before{
    background: url(/images/user/common/archive_common_tab_icon02.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a:nth-of-type(2).active::before{
    background: url(/images/user/common/archive_common_tab_white_icon02.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a:nth-of-type(3)::before{
    background: url(/images/user/common/archive_common_tab_icon03.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a:nth-of-type(3).active::before{
    background: url(/images/user/common/archive_common_tab_white_icon03.svg) center center no-repeat;
    background-size: contain;
}
.archive_tab_wrap .inner_layout .in a.active{
    background-color: #391F1F;
    border: 1px solid #391F1F;
    box-shadow: 6px 10px 29px #391F1F4D;
    color: #fff;
}
/* archive_tab_wrap end */
#archive_entire{
    padding-bottom: 130px;
}
#archive_entire .bottom_con{
    display: grid;
    gap: 40px 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    margin-top: 60px;
}
#archive_entire .bottom_con .box{
    width: 100%;
    background-color: orange;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#archive_entire .bottom_con .box01{
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    aspect-ratio: 1 / 1;
    padding: 40px;
    background: url(/images/user/sub/archive/archive_entire_bg01.png) center center no-repeat;
    background-size: cover;
}
#archive_entire .bottom_con .box01::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0000004D;
    width: 100%;
    height: 100%;
}
#archive_entire .bottom_con .box01::after{
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon01.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box02{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    background-color: #BCCFC9;
}
#archive_entire .bottom_con .box02::after{
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon02.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box03{
    grid-column: 4 / 5;
    grid-row: 1 / 2;
    background-color: #D5C4BC;
}
#archive_entire .bottom_con .box03::after{
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon03.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box04{
    grid-column: 3 / 5;
    grid-row: 2 / 3;
    justify-content: flex-end;
    background:#f2ede7 url(/images/user/sub/archive/archive_entire_bg04.png) center center no-repeat;
    background-size: cover;
}
#archive_entire .bottom_con .box04::after{
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon04.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box05{
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    background-color: #EBCFC3;
}
#archive_entire .bottom_con .box05::after{
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon05.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box06{
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    background-color: #E4D9C3;
}
#archive_entire .bottom_con .box06::after{
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon06.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box07{
    grid-column: 3 / 5;
    grid-row: 3 / 4;
    background: url(/images/user/sub/archive/archive_entire_bg07.png) center center no-repeat;
    background-size: cover;
}
#archive_entire .bottom_con .box07::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0000004D;
    width: 100%;
    height: 100%;
}
#archive_entire .bottom_con .box07::after{
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 33.5px;
    height: 33.5px;
    background: url(/images/user/sub/archive/archive_entire_icon07.svg) center center no-repeat;
    background-size: contain;
}
#archive_entire .bottom_con .box .tit{
    letter-spacing: -2.4px;
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
#archive_entire .bottom_con .box.box01 .tit{
    color: #FFFFFF;
    font-size: 42px;
}
#archive_entire .bottom_con .box.box07 .tit{
    color: #ffffff;
}
#archive_entire .bottom_con .box .text{
    letter-spacing: -0.98px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    position: relative;
    z-index: 1;
    opacity: 0.6;
}
#archive_entire .bottom_con .box.box01 .text{
    font-size: 16px;
    color: #fff;
}
#archive_entire .bottom_con .box.box07 .text{
    color: #fff;
}
#archive_entire .bottom_con .box .btn{
    margin-top: 25px;
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: url(/images/user/sub/archive/archive_entire_arrow.svg) center center no-repeat;
    background-size: contain;
    z-index: 1;
    transition: 0.4s;
    transform: scale(1);
}
#archive_entire .bottom_con .box.box01 .btn{
    width: 45px;
    height: 45px;
    margin-top: 31px;
}
#archive_entire .bottom_con .box:hover .btn{
    /* transform: scale(1.2); */
}
#archive_entire .bottom_con .box .bg_img{
    width: 177px;
    height: 167px;
}
#archive_entire .bottom_con .box.box02 .bg_img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(/images/user/sub/archive/archive_entire_bg02.png) center center no-repeat;
    background-size: cover;
}
#archive_entire .bottom_con .box.box03 .bg_img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(/images/user/sub/archive/archive_entire_bg03.png) center center no-repeat;
    background-size: cover;
}
#archive_entire .bottom_con .box.box05 .bg_img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(/images/user/sub/archive/archive_entire_bg05.png) center center no-repeat;
    background-size: cover;
}
#archive_entire .bottom_con .box.box06 .bg_img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(/images/user/sub/archive/archive_entire_bg06.png) center center no-repeat;
    background-size: cover;
}

/* archive 반응형 start */
@media screen and (max-width: 1350px){
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide{
        padding: 30px;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide .left{
        width: 50%;
        min-width: auto;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right{
        flex: 1;
        padding: 30px;
    }
}
@media screen and (max-width: 1250px){
    #archive_process .process_sect.sect_diagram .guide_box{
        top: 193px;
        right: 26px;
    }
    #archive_entire .bottom_con .box .bg_img {
        width: 140px;
        height: 130px;
    }
}
@media screen and (max-width: 1170px){
    #archive_entire .bottom_con .box .bg_img {
        width: 120px;
        height: 110px;
    }
}
@media screen and (max-width: 1135px){
    #archive_process .process_sect.sect_diagram .guide_box{
        display: none;
    }
}
@media screen and (max-width: 1120px){
    #archive_entire .bottom_con .box{
        padding: 25px;
    }
    #archive_entire .bottom_con .box::after{
        top: 25px;
        right: 25px;
        width: 25.5px;
        height: 25.5px;
    }
    #archive_entire .bottom_con .box .tit{
        font-size: 25px;
    }
}
@media screen and (max-width: 1024px){
    .collection_bottom_area {
        padding-left: 20px;
        padding-right: 20px;
    }
    .collection_bottom_area .box.basic .left_slide {
        width: 100%;
    }
    .collection_bottom_area .box.basic .left_slide .img_list .swiper-slide {
        /* height: calc(var(--vh, 1vh) * 100); */
    }    
    .collection_bottom_area .box.basic {
        flex-direction: column;
    }
    .collection_bottom_area .box.basic .right_info {
        width: 100%;
        padding-right: 40px;
    }
    .collection_bottom_area > .box .con_wrap {
        flex-wrap: wrap;
        gap: 20px 40px;
    }
    .collection_bottom_area > .box .con_wrap .box {
        width: calc(50% - ((40px * (2 - 1)) / 2));
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide{
        /* width: 38% !important; */
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide{
        flex-direction: column;
        height: auto;
        padding: 25px;
        font-size: 0px;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .left{
        width: 100%;
        height: auto;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right {
        width: 100%;
        flex: 1;
    }
    .collection_bottom_area .box.type_youtube .left_slide .img_list .swiper-slide > .left {
        width: 100%;
        height: auto;
        padding-bottom: 56.25%;
    }
    #archive_detail.archive_space_detail .bottom_area .box.basic .bottom .explanation {
        flex-direction: column;
    }
    #archive_detail.archive_space_detail .bottom_area .box.basic .bottom .explanation .left {
        width: 100%;
        padding-bottom: 30px;
        padding-right: 0;
    }
    #archive_detail.archive_space_detail .bottom_area .box.basic .bottom .explanation .right {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
        border-left-width: 0;
        border-top: 1px solid #ddd;
    }
    #archive_detail.one_type .bottom_area .box.basic .top .left_slide .img_list .swiper-slide{
        height: auto;
    }
    #archive_process .process_diagram_groups > .process_diagram_group {
        display: none;
    }
    #archive_process .process_diagram_groups > .process_diagram_group.active1 {
        flex: 1;
        display: flex;
    }
    #archive_process .process_diagram_taps {
        display: flex;
    }
    #archive_detail .title_area .name{
        padding-left: 20px;
        padding-right: 20px;
    }
    #archive_detail .title_area .info{
        padding-left: 20px;
        padding-right: 20px;
    }
    #archive_entire .bottom_con{
        gap: 15px 15px;
    }

}

@media screen and (max-width: 980px){
    #archive_entire .bottom_con .box.box01 .tit{
        font-size: 30px;
    }
    #archive_entire .bottom_con .box .tit{
        font-size: 22px;
        letter-spacing: -0.06em;
    }
    #archive_entire .bottom_con .box::after{
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
    }
    #archive_entire .bottom_con .box04::after{
        left: auto;
        right: 20px;
    }
    #archive_entire .bottom_con{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        margin-top: 25px;
    }
    #archive_entire .bottom_con .box{
        aspect-ratio: 1;
    }
    #archive_entire .bottom_con .box01{
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    #archive_entire .bottom_con .box02{
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    #archive_entire .bottom_con .box03{
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    #archive_entire .bottom_con .box04{
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        justify-content: flex-start;
    }
    #archive_entire .bottom_con .box05{
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }
    #archive_entire .bottom_con .box06{
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }
    #archive_entire .bottom_con .box07{
        grid-column: 2 / 3;
        grid-row: 4 / 5;
    }
    #archive_entire .bottom_con .box .bg_img{
        /* display: none; */
    }
    #archive_entire .bottom_con .box .bg_img {
        width: 205px;
        height: 198px;
    }
    #archive_entire .bottom_con .box .tit{
        font-size: 30px;
    }
    #archive_entire .bottom_con .box::after{
        width: 33px;
        height: 33px;
    }

}
@media screen and (max-width: 800px){

}
@media screen and (max-width: 767px){
    #archive_detail .title_area .name {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px;
        padding: 13px 0 13px;
        position: relative;
        /* padding-bottom: 17px; */
    }
    #archive_detail .title_area .name > .left {
        font-size: 22px;
        margin-top: 0;
        padding-right: 135px;
    }
    #archive_detail .title_area .info > .box .left{
        font-size: 14px;
    }
    #archive_detail .title_area .info > .box .right{
        font-size: 14px;
    }
    #archive_detail .title_area .name > .right {
        align-self: flex-end;
        /* margin-top: -71.5px; */
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #archive_detail .title_area .name > .right img{
        width: 105px;
    }
    #archive_detail .title_area .name > .right .bubble_layer{
        bottom: calc(-100% - 15px);
    }
    #archive_detail .title_area .name > .right .bubble_layer .left{
        font-size: 13px;
    }
    #archive_detail .title_area .name > .right .bubble_layer .right button{
        padding: 5px 5px;
    }
    #archive_detail .title_area .info {
        /* flex-direction: column; */
        flex-wrap: wrap;
        gap: 10px 12px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #archive_detail .title_area .info > .box::after {
        display: none;
        left: 0;
        top: -15px;
        width: 100%;
        height: 1px;
    }
    #archive_process .process_type_li_tit{
        font-size: 20px;
    }
    #archive_process .process_type_subli::before{
        top: 9px;
    }
    #archive_process .process_type_list{
        gap: 30px;
    }
    #archive_process .process_type_subli{
        font-size: 15px;
        line-height: 1.3;
        color: #666;
    }
    #archive_process .process_type_sublist{
        padding-top: 15px;
    }
    #archive_process .process_sect.sect_diagram{
        padding-top: 30px;
        padding-bottom: 80px;
    }
    #archive_process .process_sect.sect_type{
        padding-bottom: 0px;
    }
    #archive_process .process_diagram{
        padding-top: 10px;
    }
    #archive_process .process_diagram_tit{
        font-size: 20px;
    }
    #archive_process .process_type_li_tit > .txt .point::before{
        height: 2px;
    }
 
    #archive_process .process_diagram_group.group_border{
        /* padding: 20px; */
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 20px;
    }
    #archive_process .process_diagram_group.group_pt32{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #archive_process .process_diagram_group_name.name_pb21{
        padding-bottom: 15px;
    }
    #archive_process .process_diagram_tap{
        border-radius: 5px;
        border-bottom-width: 2px;
    }
    #archive_process .process_diagram_taps{
        border-bottom: 0px solid transparent;
    }
    #archive_process .process_diagram_cate{
        font-size: 16px;
    }
    #archive_process .process_diagram_group.group_pt52{
        padding-top: 40px;
    }
    #archive_process .process_diagram_group.group_pt24{
        padding-top: 5px;
    }
    .collection_bottom_area {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 15px;
    }
    .collection_bottom_area .box.basic .right_info {
        padding-left: 0;
        padding-right: 0;
    }
    .collection_bottom_area .box.type_content .explanation {
        padding: 20px 23px;
    }
    .collection_bottom_area .box.type_content .explanation .tit {
        font-size: 20px;
    }
    .collection_bottom_area .box.type_content .explanation{
        display: flex;
        flex-direction: column;
    }
    .collection_bottom_area .box.type_content .explanation ul li {
        font-size: 16px;
    }
    .collection_bottom_area .box.type_content .explanation .left{
        order: 2;
        width: 100%;
        padding: 0px;
        margin-top: 20px;
    }
    .collection_bottom_area .box.type_content .explanation .right{
        order: 1;
        width: 100%;
        padding: 0px;
        border-left: 0px;
    }
    .collection_bottom_area .box.type_content .explanation .right img{
        margin-top: 0px;
    }
    
    #archive_detail.archive_person_detail .bottom_area .box.basic .top {
        padding-left: 0;
        padding-right: 0;
    }
    #archive_detail.archive_person_detail .bottom_area .box.basic .top .left_slide .img_list .swiper-slide {
        padding: 20px;
    }
    #archive_detail.archive_person_detail .bottom_area .box.basic .top .left_slide .img_list .swiper-slide > .right {
        padding: 20px;
    }
    #archive_detail.archive_person_detail .bottom_area .box.basic .top .left_slide .img_list .swiper-slide > .right .text_scroll {
        padding-right: 0;
    }
    .collection_bottom_area .box.type_one .left_slide .img_list .swiper-slide{
        height: auto;
    }
    .collection_bottom_area .box.type_one .left_slide .thm_list .swiper-slide{
        height: auto;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide{
        height: auto;
    }
    .collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .left{
        min-width: 270px;
        height: auto;
        border-radius: 10px;
    }
    .collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .left::before{
        border-radius: 10px;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide .left{
        border-radius: 0px;
    }
    .collection_bottom_area .box.type_divide .left_slide .img_list .swiper-slide{
        height: auto;
    }
    .collection_bottom_area .box.basic .left_slide .swiper-button-prev{
        display: none;
    }
    .collection_bottom_area .box.basic .left_slide .swiper-button-next{
        display: none;
    }
    .collection_bottom_area .box.basic .left_slide .swiper-pagination{
        display: none;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list_wrap{
        width: 100%;
        margin-top: 15px;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide{
        padding: 15px;
        border-radius: 10px;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right{
        padding: 13px 15px;
        /* min-height: 160px; */
        max-height: 150px;
        overflow-y: auto;
    }
    .collection_bottom_area > .box{
        margin-top: 35px;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide{
        width: 30% !important;
        aspect-ratio: 1.4 / 1;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide.swiper-slide-active{
        border-radius: 10px;
        padding: 4px;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide.swiper-slide-active > img{
        border-radius: 8px;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide.swiper-slide-active > video{
        border-radius: 8px;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide img{
        border-radius: 2px;
    }
    .collection_bottom_area .box.type_content .explanation .con{
        font-size: 15px;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list{
        padding-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .collection_bottom_area .box.basic .left_slide .thm_list .swiper-slide video{
        border-radius: 2px;
    }
    .collection_bottom_area .box.basic .right_info ul li{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .collection_bottom_area .box.basic .right_info ul li .tit{
        font-size: 15px;
        width: 115px;
    }
    .collection_bottom_area .box.basic .right_info ul li .con{
        font-size: 15px;
    }
    .collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide .info_text{
        font-size: 14px;
        padding-bottom: 0px;
    }
    .collection_bottom_area .box.type_relevant .con_wrap{
        gap: 25px 10px;
        margin-top: 12px;
        margin-bottom: 30px;
    }
    .collection_bottom_area .box.type_relevant .con_wrap .box{
        width: calc(50% - 5px);
    }
    .collection_bottom_area .box.type_relevant .con_wrap .box .text .tit{
        font-size: 15px;
    }
    .collection_bottom_area .box.type_relevant .con_wrap .box .text .date{
        font-weight: 400;
        font-size: 13px;
    }
    .collection_bottom_area .box.type_relevant .common_title{
        font-size: 22px;
    }
    .collection_bottom_area .box.type_relevant .con_wrap .box .text{
        margin-top: 12px;
    }
    .collection_bottom_area .box.type_relevant:last-of-type .con_wrap{
        margin-bottom: 0px;
    }
    .img_natural_plate button{
        padding: 12px;
        width: 45px;
        height: 45px;
    }
    .archive_tab_wrap{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .archive_tab_wrap .inner_layout .in a{
        height: 45px;
        font-size: 15px;
    }
    .archive_tab_wrap .inner_layout .in a.active{
        box-shadow: 5px 5px 20px #391F1F4D;
    }
    .archive_tab_wrap .inner_layout .in a::before{
        display: none;
    }
    #archive_entire{
        padding-bottom: 60px;
    }
    #archive_entire .bottom_con .box.box01 .text{
        font-size: 15px;
    }
    #archive_entire .bottom_con .box.box01{
        aspect-ratio: 1 / 1;
    }
    #archive_entire .bottom_con .box{
        justify-content: space-between;
    }
    #archive_entire .bottom_con .box04{
        justify-content: space-between;
        background: #f2ede7;
    }
    #archive_entire .bottom_con .box{

    }
    #archive_entire .bottom_con .box .text_wrap{
        flex: 1;
    }
    #archive_entire .bottom_con .box .btn{
        margin-top: 0px;
        font-size: 15px;
    }
    #archive_entire .bottom_con .box.box01 .btn{
        width: 35px;
        min-width: 35px;
    }
    #archive_entire .bottom_con .box.box01 .tit{
        font-size: 26px;
    }
    #archive_entire .bottom_con .box.box01 .text{
        font-size: 14px;
    }
    #archive_entire .bottom_con .box .bg_img {
        width: 138px;
        height: 134px;
    }
}

@media screen and (max-width: 599px){
    .collection_bottom_area > .box .con_wrap .box {
        width: 100%;
    }
    #archive_process .process_diagram_box {
        width: 120px;
    }
    #archive_process .process_diagram_box::after {
        left: 3px;
        top: 3px;
        width: 110px;
    }
    #archive_process .process_diagram_box::before {
        left: 7px;
        top: 8px;
        width: 102px;
    }
    #archive_process .process_diagram_group.group_w400 {
        width: 100%;
    }
    #archive_process .process_diagram_group.group_w510 {
        width: 100%;
    }
    #archive_entire .bottom_con .box{
        border-radius: 10px;
    }
    #archive_entire .bottom_con .box .text{
        font-size: 12px;
    }
    #archive_entire .bottom_con .box .text br{
        display: none;
    }
    #archive_entire .bottom_con .box .tit{
        font-size: 20px;
    }
    #archive_entire .bottom_con .box .btn{
        width: 23px;
        height: 23px;
        min-width: 23px;
    }
    #archive_entire .bottom_con .box .btn{

    }
    #archive_entire .bottom_con .box .bg_img {
        width: 122px;
        height: 113px;
    }
    #archive_entire .bottom_con .box::after {
        width: 20px;
        height: 20px;
        top: 25px;
        right: 25px;
    }
    .collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide .img_wrap{
        max-height: calc(100% - 32px);
    }
    .collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide .img_wrap img{
        object-fit: contain;
    }
    .collection_bottom_area .box.type_addText .left_slide .thm_list .swiper-slide .info_text{
        margin-top: 7px;
    }
}
@media screen and (max-width: 450px){
    #archive_entire .bottom_con .box .bg_img {
        width: 103px;
        height: 96px;
    }
}
@media screen and (max-width: 425px){
    #archive_entire .bottom_con .box{
        aspect-ratio: 1 / 1.2;
    }
    .collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap {
        padding: 17px 15px;
    }
    .collection_bottom_area .box.type_addText .left_slide .img_list .swiper-slide .in_wrap .left{
        min-width: 100%;
    }
}
@media screen and (max-width: 370px){
    .archive_tab_wrap{
        margin-top: 0px;
    }
    .archive_tab_wrap .inner_layout .in a{
        height: 40px;
        font-size: 14px;
    }
    #archive_entire .bottom_con .box .bg_img {
        width: 84px;
        height: 80px;
    }
}
@media screen and (max-width: 355px){
    #archive_entire .bottom_con .box{
        padding: 20px;
    }
    #archive_entire .bottom_con .box::after {
        top: 20px;
        right: 20px;
    }
}
@media screen and (max-width: 345px){
    #archive_entire .bottom_con .box .bg_img {
        width: 77px;
        height: 73px;
    }
}
/* archive 반응형 end */
/* reservation 공통 start */
.reservation{

}
.reservation .area_tit{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
.reservation.note_area{
    margin-top: 70px;
}
.reservation.note_area.first{
    margin-top: 30px;
}
.reservation.note_area .box{
    height: 460px;
    border: 1px solid #DDDDDD;
    background-color: #F9F9F9;
    padding: 46px;
    padding-right: 15px;
    margin-top: 30px;
    position: relative;
    border-radius: 15px;
}
.reservation.note_area .box .in_scroll{
    height: 100%;
    overflow-y: auto;
}
.reservation.note_area .box .in_scroll::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}
.reservation.note_area .box .in_scroll::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #DDDDDD; /* 스크롤바의 색상 */
    border-radius: 10px;
}
.reservation.note_area .box .in_scroll::-webkit-scrollbar-track {
    background: rgba(33, 121, 244, 0);  /*스크롤바 뒷 배경 색상*/
}
.reservation.note_area .box .in_scroll ul.one {
    padding-right: 48px;
}
.reservation.note_area .box .in_scroll ul.one > li{
    margin-top: 30px;        
}
.reservation.note_area .box .in_scroll ul.one > li > p {
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
.reservation.note_area .box .in_scroll ul.one > li > ul.two {
    margin-top: 15px;
}
.reservation.note_area .box .in_scroll ul.one > li > ul.two > li {
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
}
.reservation.note_area .box .in_scroll ul li:first-of-type{
    margin-top: 0px;
}
.reservation.note_area .agree_chk_wrap{
    display: flex;
    justify-content: center;
    margin-top: 27px;
}
.reservation.note_area .agree_chk_wrap .in{

}
.reservation.note_area .agree_chk_wrap .in label{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.reservation.note_area .agree_chk_wrap .in label input[type="checkbox"]{
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #9D9EA2;
    border-radius: 50%;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
.reservation.note_area .agree_chk_wrap .in label input[type="checkbox"]:checked {
    display: inline-block;
    border: 1px solid #C7000B;
    background-color: #C7000B;
}
.reservation.note_area .agree_chk_wrap .in label input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/user/common/icon_check_gray.svg) no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.reservation.note_area .agree_chk_wrap .in label input[type="checkbox"]:checked::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/user/common/icon_check_white.svg) no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.reservation.note_area .agree_chk_wrap .in label span.text{
    display: inline-block;
    padding-left: 8px;
    font-size: 15px;
}
.reservation.con_area ul {
    margin-top: 30px;
}
.reservation.con_area ul li{
    margin-top: 10px;
    /* letter-spacing: -0.9px; */
    color: #000000;
    font-size: 18px;
    position: relative;
    line-height: 30px;
    padding-left: 10px;
}
.reservation.con_area ul li::before{
    content: "";
    position: absolute;
    top: 12.5px;
    left: 0px;
    background-color: #000000;
    width: 4px;
    height: 4px;
}
.reservation.calendar{
    margin-top: 30px;
    margin-bottom: 130px;
}
.reservation.calendar > .top{
    display: flex;
    justify-content: center;
    align-items: center;
}
.reservation.calendar > .top button{
    width: 60px;
    height: 60px;
    background-color: transparent;
}
.reservation.calendar > .top button.prev{}
.reservation.calendar > .top button.next{}
.reservation.calendar > .top .num{
    /* letter-spacing: 0px; */
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    padding: 0px 20px;
}
.reservation.calendar > .bottom {
    width: 100%;
}
.reservation.calendar > .bottom .calender table{
    margin-top: 42px;
    width: 100%;
    border-top: 1px solid #E3E3E3;
    table-layout: fixed;
    word-break: break-all;
    border-collapse: collapse;
    border-spacing: 0;
}
.reservation.calendar > .bottom .calender table tr{
    line-height: normal;
    border-bottom: 1px solid #E3E3E3;
}
.reservation.calendar > .bottom .calender table thead th{
    font-size: 18px;
    /* letter-spacing: 0px; */
    /* color: #8E9198; */
    color: #71727A;
    border-left: 1px solid #E3E3E3;
    width: 14.28%;
    font-weight: 500;
}
.reservation.calendar > .bottom .calender thead th:first-child{
    /* color: #F53F59; */
    color: #E10A27;
}
.reservation.calendar > .bottom .calender thead th:first-child i{
    color: #F53F59;
}
.reservation.calendar > .bottom .calender thead th:last-child{
    color: #0068DB;
    border-right: 1px solid #E3E3E3;
}
.reservation.calendar > .bottom .calender table tr td:first-child i{
    color: #F53F59;
}
.reservation.calendar > .bottom .calender table tr td{
    border-left: 1px solid #E3E3E3;
    padding: 15px;
}
.reservation.calendar > .bottom .calender table tr td:first-child{
    text-align: left;
}
.reservation.calendar > .bottom .calender table tr td:last-child{
    color: #0068DB;
    border-right: 1px solid #E3E3E3;
    text-align: left;
}
.reservation.calendar > .bottom .calender table thead tr{
    height: 60px;
    background-color: #F9F9F9;
    /* letter-spacing: 0; */
    color: #8E9198;
    border-top: 1px solid #000;
}
.reservation.calendar > .bottom .calender table tbody tr{
    height: 157px;
}
.reservation.calendar > .bottom .calender table tr td{
    position: relative;
    vertical-align: top;
    /* letter-spacing: 0; */
    line-height: normal;
    color: #8E9198;
}
.reservation.calendar > .bottom .calender table tr td i{
    font-size: 18px;
    /* letter-spacing: 0px; */
    color: #8E9198;
    font-style: normal;
}
.reservation.calendar > .bottom .calender table tr td:last-child i{
    color: #0068DB;
}
.reservation.calendar > .bottom .calender table tr td p,
.reservation.calendar > .bottom .calender table tr td p a{
    font-size: 15px;
    /* letter-spacing: -0.75px; */
    color: #30353B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.5em;
    max-height: 4.5em;
}

.reservation.calendar > .bottom .calender table tr td p + p{
    padding-top: 5px;
}
.reservation.calendar > .bottom .calender table tr td.event span{
    display: block;
    width: 34px;
    height: 34px;
    position: relative;
    z-index: 1;
    padding-top: 2px;
    margin-bottom: 10px;
    text-align: center;
}
.reservation.calendar > .bottom .calender table tr td.event span i{
    color: #fff;
}
.reservation.calendar > .bottom .calender table tr td.event span:before{
    position: absolute;
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 100%;
    top: 0;
    left: 0;
    background-color: #B21339;
    z-index: -1;
}
.reservation.calendar > .bottom .calender table tr td.today{
    background-color: #FFFBF6;
}
.reservation.calendar > .bottom .calender table tr td.available .content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.reservation.calendar > .bottom .calender table tr td.available button{
    font-family: 'NotoSansM';
    font-size: 15px;
    /* letter-spacing: -0.75px; */
    color: #B21339;
    border: 1px solid #B21339;
    padding: 1px 10px;
    text-align: center;
    word-break: keep-all;
    margin-top: 10px;
    position: relative;
}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap{
    width: 100%;
    height: 100%;
    padding: 48px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px 0px;

}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap .in_box{
    position: relative;
    display: inline-block;
    border-radius: 3px;
}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap .in_box > button {
    padding: 4px 12px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: inline-block;
    font-size: 15px;
    /* letter-spacing: -0.04em; */
}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap .in_box.tour_date{
    border: 1px solid #C7000B;
}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap .in_box.tour_date > button {
    color: #C7000B;
}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap .in_box.program_date{
    border: 1px solid #683726;
}
.reservation.calendar > .bottom .calender table tr td .box_button_wrap .in_box.program_date > button {
    color: #683726;
}
.reservation.calendar > .bottom .calender table tr td .plate {
    display: none;
    position: absolute;
    left: 0px;
    top: calc(100% + 15px);
    width: 450px;
    height: auto;
    transform: translateX(-38.5%);
    background-color: #fff;
    padding: 21.5px 20px 30px 20px;
    z-index: 1005;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    box-shadow: 10px 10px 20px #00000008;
    border-radius: 5px;
}
.reservation.calendar > .bottom .calender table tr td .plate::after{
    content: "";
    border-color: #ffffff transparent;
    border-style: solid;
    border-width: 0 7px 9px 7.5px;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: -8px;
    width: 0;
    z-index: 1;
}
.reservation.calendar > .bottom .calender table tr td .plate::before{
    content: "";
    border-color: #d0d0d0 transparent;
    border-style: solid;
    border-width: 0 7px 9px 7.5px;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: -9px;
    width: 0;
    z-index: 0;
}
.reservation.calendar > .bottom .calender table tr td .plate .top{
    display: flex;
    justify-content: space-between;
}
.reservation.calendar > .bottom .calender table tr td .plate .top > .left{
    /* letter-spacing: 0px; */
    color: #30353B;
    font-size: 17px;
    font-weight: 700;
}
.reservation.calendar > .bottom .calender table tr td .plate .top > .right{
    width: 14.5px;
    height: 14.5px;
}
.reservation.calendar > .bottom .calender table tr td .plate .top > .right button{
    background-color: transparent;
}
.reservation.calendar > .bottom .calender table tr td .plate .top > .right button img{
    pointer-events: none;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom{
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    gap: 5px 0px;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor{
    display: flex;
    justify-content: space-between;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .left{
    /* letter-spacing: -0.8px; */
    color: #30353B;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
    width: calc(100% - 142px);
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .left span.num{
    width: 25px;
    display: inline-block;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .left span.tit{
    width: 90px;
    display: inline-block;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .left span.tiem{
    width: 35px;
    display: inline-block;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .right{
    display: flex;
    gap: 5px;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .right > *{
    width: auto;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    letter-spacing: -0.65px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .right > .detail{
    border: 1px solid #683726;
    background-color: #683726;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .right > .reservation{
    border: 1px solid #C7000B;
    background-color: #C7000B;
}
.reservation.calendar > .bottom .calender table tr td .plate .bottom .floor .right > .select{
    border: 1px solid #C7000B;
    background-color: #C7000B;
}
.reservation.calendar > .bottom .calender table tr td.sat_day .plate{
    left: auto;
    right: 0px;
    transform: translateX(0%);
}
.reservation.calendar > .bottom .calender table tr td.sat_day .plate::after{
    left: auto;
    right: 21px;
}
.reservation.calendar > .bottom .calender table tr td.sat_day .plate::before{
    left: auto;
    right: 21px;
}
.reservation.calendar > .bottom .calender table tr td.sun_day .plate{
    left: 0px;
    transform: translateX(0%);
}
.reservation.calendar > .bottom .calender table tr td.sun_day .plate::after{
    left: 20px;
}
.reservation.calendar > .bottom .calender table tr td.sun_day .plate::before{
    left: 20px;
}
/* reservation 공통 end */
/* reservation_chose_day start */
#reservation_chose_day .inner_layout{
    overflow: visible;
}
#reservation_chose_day .reservation.inquiry{
    margin-top: 100px;
    margin-bottom: 130px;
    width: 100%;
    height: auto;
    padding: 30px 30px 30px 50px;
    border: 5px solid #F1F1F1;
    display: flex;
    justify-content: space-between;
}
#reservation_chose_day .reservation.inquiry .left{
    display: flex;
    align-items: center;
}
#reservation_chose_day .reservation.inquiry .left .tit{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 600;

}
#reservation_chose_day .reservation.inquiry .left .sub{
    padding-left: 40px;
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 400;
}
#reservation_chose_day .reservation.inquiry .left .sub span{
    /* letter-spacing: -0.85px; */
    color: #C7000B;
    font-weight: 17px;
    font-weight: 400;
}
#reservation_chose_day .reservation.inquiry .right a{
    display: inline-block;
    border: 1px solid #C7000B;
    border-radius: 5px;
    background-color: #C7000B;
    color: #fff;
    padding: 18px 30px;
    /* letter-spacing: -0.9px; */
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
}
#reservation_chose_day .con_area{
    padding-top: 70px;
}
#reservation_chose_day .layer_popup{
    display: flex;
    display: none;
    position: fixed;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 730px;
    aspect-ratio: 1.25/1; /*종횡비 설정*/
    padding: 60px 70px;
    z-index: 12;
    
}
#reservation_chose_day .layer_popup .in{

}
#reservation_chose_day .layer_popup .in .top_area .box.title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#reservation_chose_day .layer_popup .in .top_area .box.title p.tit{
    letter-spacing: -1.92px;
    color: #000000;
    font-size: 32px;   
    font-weight: 700;
}
#reservation_chose_day .layer_popup .in .top_area .box.title > button img{
    pointer-events: none;
}
#reservation_chose_day .layer_popup .in .top_area .box.date{
    display: flex;
    margin-top: 10px;
}
#reservation_chose_day .layer_popup .in .top_area .box.date .tit{
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-size: 17px;
    font-weight: 400;
}
#reservation_chose_day .layer_popup .in .top_area .box.date .con{
    margin-left: 15px;
    /* letter-spacing: 0px; */
    color: #000000;
    font-size: 17px;
    font-weight: 400;
}
#reservation_chose_day .layer_popup .in .bottom_area{
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 60px;
    border-top: 1px solid #EEEEEE;
}
#reservation_chose_day .layer_popup .in .bottom_area .box{
    margin-top: 30px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box:first-of-type{
    margin-top: 0px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap{
    font-size: 0px;
    display: flex;
    gap: 8px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap input{
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    min-height: 50px;
    padding: 0px 17px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap input::placeholder{
    /* letter-spacing: -0.85px; */
    color: #CCCCCC;
    font-weight: 400;
    font-size: 17px;
    transform:translateY(3px);
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap input:focus{
    border: 1px solid #666666;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap input:hover{
    border: 1px solid #666666;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap input.call{
    width: 245px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap input.comfirm{
    width: 245px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box .input_wrap button{
    width: 141px;
    min-height: 50px;
    /* letter-spacing: -0.85px; */
    color: #C7000B;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #C7000B;
    border-radius: 3px;
}
#reservation_chose_day .layer_popup .in .bottom_area .box p {
    margin-bottom: 10px;
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-weight: 500;
    font-size: 17px;
}
#reservation_chose_day .layer_popup .in .bottom_button_wrap{
    margin: 0px;
}
#reservation_chose_day .calender.mobile{
    display: none;
}

.reservation.note_area .box .in_scroll .agreement{
  padding-right: 40px;
}
.reservation.note_area .box .in_scroll .agreement h3{
	margin-bottom:15px;
}
.reservation.note_area .box .in_scroll .agreement h3 + p{
    margin: 15px auto;
}
.reservation.note_area .box .in_scroll .agreement h4{
    margin-bottom: 10px;
}
.reservation.note_area .box .in_scroll .agreement h3,
.reservation.note_area .box .in_scroll .agreement h4,
.reservation.note_area .box .in_scroll .agreement p{
    font-size: 17px;
}
.reservation.note_area .box .in_scroll .agreement h4,
.reservation.note_area .box .in_scroll .agreement p{
	color: #666;
}
.reservation.note_area .box .in_scroll .agreement p{
	margin-bottom:20px;
}
.reservation.note_area .box .in_scroll .agreement h4 + p{
    padding-left: 45px;
    line-height: 1.4;
	margin-bottom:20px;
}
/* reservation_chose_day end */
/* reservation_chose_day 반응형 start */
@media screen and (max-width: 1060px){
    .reservation .area_tit{
        font-size: 20px;
    }
    .reservation.note_area.first{
        margin-top: 0px;
    }
    .reservation.note_area .box{
        padding: 15px;
        margin-top: 15px;
        height: 300px;
        border-radius: 10px;
    }
    .reservation.note_area .box .in_scroll ul.one > li > p{
        font-size: 16px;
    }
    .reservation.note_area .box .in_scroll ul.one > li > ul.two > li{
        font-size: 15px;
    }
    .reservation.note_area .box .in_scroll ul.one{
        padding-right: 20px;
    }
    .reservation.note_area .agree_chk_wrap{
        margin-top: 15px;
    }
    .reservation.calendar{
        margin-top: 0px;
        margin-bottom: 115px;
    }
    .reservation.calendar > .top .num{
        font-size: 24px;
    }
    .reservation.calendar > .top button{
        width: 35px;
        height: auto;
    }
    .reservation.calendar > .top .num{
        padding: 0px 10px;
    }
    #reservation_chose_day{
        margin-bottom: 200px;
    }
    #reservation_chose_day .calender.pc{
        display: none;
    }
    #reservation_chose_day .calender.mobile{
        display: block;
    }
    #reservation_chose_day .calender.mobile .top_box{
        display: flex;
        flex-wrap: wrap;
        gap: 7px 6.5px;
        margin-top: 10px;
    }
    #reservation_chose_day .calender.mobile .top_box .item{
        width: calc(16.66666% - 6.5px);
        height: auto;
        min-height: 38px;
        background-color: #fff;
        border: 1px solid #E3E3E3;
        letter-spacing: -1.12px;
        color: #666666;
        font-size: 16px;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
        word-break: break-all;
        text-align: center;
        padding: 4px;
        line-height: 1;
    }
    #reservation_chose_day .calender.mobile .top_box .item.active{
        background: #C7000B;
        border: 1px solid #C7000B;
        color: #fff;
    }
    #reservation_chose_day .calender.mobile .bottom_box{
        margin-top: 0px;
    }
    #reservation_chose_day .calender.mobile .bottom_box > div{
        margin-top: 40px;
    }
    #reservation_chose_day .calender.mobile .bottom_box > div .info{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 7px;
    }
    #reservation_chose_day .calender.mobile .bottom_box > div .info .tit{
        letter-spacing: -1.4px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
    }
    #reservation_chose_day .calender.mobile .bottom_box > div .info .date{
        font-weight: 700;
        font-size: 15px;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 10px 0px;
        border-bottom: 1px solid #F1F1F1;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .left{
        font-size: 15px;
        width: 50%;
        display: flex;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .left span{
        display: inline-block;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .left span.num{
        width: 24px;
        min-width: 24px;
        display: flex;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .right{
        display: flex;
        gap: 7px;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .right > *{
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        min-height: 22px;
        text-align: center;
        word-break: break-all;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        letter-spacing: -0.65px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 600;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .right .detail{
        border: 1px solid #683726;
        background-color: #683726;
    }
    #reservation_chose_day .calender.mobile .bottom_box div .list .floor .right .reservation{
        border: 1px solid #C7000B;
        background-color: #C7000B;
    }
    #reservation_chose_day .calender.mobile .bottom_box .program{
        margin-top: 30px;
    }
    .reservation.note_area .agree_chk_wrap .in label span.text{
        font-size: 15px;
        padding-left: 5px;
    }
    .reservation.note_area .agree_chk_wrap .in label input[type="checkbox"]{
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
    .reservation.note_area{
        margin-top: 30px;
    }
    .reservation.note_area .box .in_scroll .agreement{
        padding-right: 15px;
    }
    .reservation.note_area .box .in_scroll .agreement h3{
        font-size: 16px;
    }
    .reservation.note_area .box .in_scroll .agreement h4{
        font-size: 15px;
    }
    .reservation.note_area .box .in_scroll .agreement p{
        font-size: 14px;
    }
    .reservation.note_area .box .in_scroll .agreement h4 + p{
        padding-left: 20px;
    }
}

/* reservation_chose_day 반응형 end */
/* reservation_chose_time start */
#reservation_application .reservation.time{
    margin-top: 80px;
}
#reservation_application .reservation.time .date{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
#reservation_application .reservation.time .date span{
    position: relative;
    font-weight: 700;
    font-size: 24px;
    /* letter-spacing: 0px; */
    color: #39352B;
}
#reservation_application .reservation.time .time_table{
    width: 100%;
    margin-top: 21px;
}
#reservation_application .reservation.time .time_table .time_table_col01{
    width: 25%;
}
#reservation_application .reservation.time .time_table .time_table_col02{
    width: 25%;
}
#reservation_application .reservation.time .time_table .time_table_col03{
    width: 25%;
}
#reservation_application .reservation.time .time_table .time_table_col04{
    width: 25%;
}
#reservation_application .reservation.time .time_table table{
    width: 100%;
}
#reservation_application .reservation.time .time_table tr{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
}
#reservation_application .reservation.time .time_table thead tr{
    background-color: #F9F9F9;
    border-top: 1px solid #000;
}
#reservation_application .reservation.time .time_table thead tr th{
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 18px;
    /* letter-spacing: -0.9px; */
}
#reservation_application .reservation.time .time_table thead tr th:nth-of-type(1){
    border-left: 1px solid transparent;
}
#reservation_application .reservation.time .time_table tbody{

}
#reservation_application .reservation.time .time_table tbody tr{
    
}
#reservation_application .reservation.time .time_table tbody tr td{
    font-size: 17px;
    /* letter-spacing: 0px; */
    color: #666666;
    font-weight: 400;
}
#reservation_application .reservation.time .time_table tbody tr td:nth-of-type(1){

}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio]{
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio] + label{
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #DDDDDD;
    margin: 0 auto;
    cursor: pointer;
}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio]:checked + label{
    border: 1px solid #C7000B;
}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio]:focus + label{
    outline: 1px solid #000;
}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio]:checked + label::before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    border-radius: 100%;
    background-color: #C7000B;
}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio]:focus + label{
    border: 1px solid #C7000B;
}
#reservation_application .reservation.time .time_table tbody tr td input[type=radio]:focus + label::before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    border-radius: 100%;
    background-color: #C7000B;
}
#reservation_application .con_area{
    padding-top: 70px;
}
#reservation_application .detail_form{
    margin-top: 80px;
}
#reservation_application .detail_form .top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#reservation_application .detail_form .top .title{
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    /* letter-spacing: -1.68px; */
}
#reservation_application .detail_form .top .check{
    font-size: 16px;
    /* letter-spacing: -0.8px; */
    color: #888888;
    text-align: right;
   margin-top: 10px;
   font-style: normal;
}
#reservation_application .detail_form .top .check img{
    width: 10px;
}
#reservation_application .detail_form .bottom{
    border-top: 1px solid #000;
    border-bottom: 1px solid #E3E3E3;
    padding: 30px 20px 30px;
    margin-top: 20px;
}
#reservation_application .detail_form .bottom .row{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 50px;
    margin: 10px 0;
}

#reservation_application .detail_form .bottom .row .left{
    flex-basis: 185px;
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #000000;
    position: relative;
    padding-top: 12px;
    display: flex;
    gap: 0px 5px;
}
#reservation_application .detail_form .bottom .row .left i.essential_mark {
    width: 10px;
    height: 10px;
    display: flex;
    position: relative;
    display: inline-block;
}
#reservation_application .detail_form .bottom .row .left i.essential_mark img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#reservation_application .detail_form .bottom .row .right{
    font-size: 18px;
    /* letter-spacing: 0px; */
    color: #666;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 5px;
}
#reservation_application .detail_form .bottom .row .right > span{
    position: relative;
    font-weight: 300;
    font-size: 16px;
    /* letter-spacing: -0.8px; */
    color: #666;
    margin-left: 15px;
    padding-left: 20px;
}
#reservation_application .detail_form .bottom .row .right > span::before{
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    top: calc(50% - 6px);
    left: 0;
    background: url(/images/user/sub/reservation/icon_mark_gray.svg) no-repeat;
    background-size: 15px 15px;
}
#reservation_application .detail_form .bottom .row .right input{
    border-radius: 5px;
}
#reservation_application .detail_form .bottom .row .right input:not(input[type=checkbox]){
    height: 50px;
    line-height: 48px;
    font-size: 17px;
    /* letter-spacing: -0.9px; */
    color: #000;
    border: 1px solid #CCCCCC;
    background-color: #fff;
    padding-left: 15px;
}
#reservation_application .detail_form .bottom .row .right input[type=number]::-webkit-outer-spin-button,
#reservation_application .detail_form .bottom .row .right input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
#reservation_application .detail_form .bottom .row .right input.length100{width: 100px;}
#reservation_application .detail_form .bottom .row .right input.length200{width: 200px;}
#reservation_application .detail_form .bottom .row .right input.length300{width: 300px;}
#reservation_application .detail_form .bottom .row .right input.length600{width: 600px;}
#reservation_application .detail_form .bottom .row .right select{
    width: 200px;
    height: 50px;
    padding: 10px 15px;
    border: 1px solid #CCCCCC;
    background: url(/images/user/sub/reservation/option_arrow.svg) no-repeat right 5% center;
    font-size: 18px;
    /* letter-spacing: 0px; */
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
#reservation_application .detail_form .bottom .row .right select option{
    font-size: 18px;
    /* letter-spacing: -0.9px; */
    color: #000;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap{
    padding: 5px 0px;
    display: flex;
    align-items: center;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox]{
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox]:focus + label::before{
    outline: #000;
    border: 1px solid #000;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox] + label{
    position: relative;
    display: flex;
    width: auto;
    height: 24px;
    background-color: #fff;
    margin-right: 10px;
    vertical-align: bottom;
    cursor: pointer;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox]:checked + label{

}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox] + label::before{
    border: 1px solid #DDDDDD;
    border-radius: 100%;
    position: relative;
    content: '';
    width: 24px;
    height: 24px;
    top: -1px;
    left: 0;
    background: url(/images/user/sub/reservation/request.svg) no-repeat center;
    margin-right: 10px;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox]:checked + label::before{
    border: 1px solid #C7000B;
    background:#C7000B url(/images/user/sub/reservation/request_white.svg) no-repeat center;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap input[type=checkbox]:focus + label::before {
    border: 1px solid #000;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap span {
    line-height: 22px;
}
#reservation_application .detail_form .bottom .row .right .checkbox_wrap span strong{
    text-decoration: underline;
    color: #C7000B;
}
#reservation_application .detail_form .bottom .row .right input:focus {
    outline: none !important; 
    border-color: #d6a8e9;
    border: 1px solid #C7000B !important;
    background-color: #C7000B0D !important;
}
#reservation_application .detail_form .bottom .row .right .red_text{
    /* letter-spacing: -0.75px; */
    color: #C7000B;
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px;
    display: flex;
    align-items: center;
}
#reservation_application .detail_form .bottom .row .right .red_text i {
    width: 15px;
    height: 15px;
    min-width: 15px;
    margin-right: 6px;
    background-color: orange;
    display: inline-block;
    background: url(/images/user/sub/reservation/icon_mark_red.svg) center center no-repeat;
    background-size: contain;
}
#reservation_application .detail_form .bottom .row .right > .box{
    width: 100%;
    margin-top: 10px;
    font-size: 0px;
    display: flex;
    flex-wrap: wrap;
}
#reservation_application .detail_form .bottom .row .right > .box:first-of-type{
    margin-top: 0px;
}
#reservation_application .detail_form .bottom .row .right > .box > button{
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 5px;
    width: auto;
    height: 50px;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 10px;
    font-size: 17px;
    font-weight: 500;
    /* letter-spacing: -0.85px; */
    color: #000000;
}
#reservation_application .detail_form .bottom .row .right > .box > button.certified{
    border: 1px solid #C7000B;
    color: #C7000B;
}
#reservation_application .detail_form .bottom .row .right > .box .timer_wrap{
    font-size: 15px;
    /* letter-spacing: -0.75px; */
    color: #000000;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#reservation_application .detail_form .bottom .row .right > .box .timer_wrap span.num{
    display: inline-block;
    margin-left: 5px;
}
.reservation_time_list .mobile_tit{
    display: none;
}
@media screen and (max-width: 1024px){
    #reservation_application .detail_form .bottom .row{
        flex-direction: column;
    }
    #reservation_application .detail_form .bottom .row .left{
        flex-basis: auto;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px){
    #reservation_application .detail_form{
        margin-top: 30px;
    }
    #reservation_application .detail_form .top {
        flex-wrap: wrap;
    }
    #reservation_application .detail_form .top .check{
        font-size: 14px;
    }
    #reservation_application .detail_form .bottom{
        margin-top: 10px;
        padding: 15px 0px 15px;
    }
    #reservation_application .detail_form .bottom .row .right .red_text{
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
        align-items: flex-start;
        font-size: 14px;
    }
    #reservation_application .detail_form .bottom .row .right .red_text i{
        margin-top: 0.5px;
    }
    #reservation_application .detail_form .bottom .row .right > span{
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    #reservation_application .detail_form .bottom .row .right > .box .timer_wrap{
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    #reservation_application .detail_form .bottom .row .right input.length100{
        width: 100%;
    }
    #reservation_application .detail_form .bottom .row .right input.length200{
        width: 100%;
    }
    #reservation_application .detail_form .bottom .row .right input.length300{
        width: 100%;
    }
    #reservation_application .detail_form .bottom .row .right input.length600{
        width: 100%;
    }
    #reservation_application .detail_form .bottom .row .right > .box > button{
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    #reservation_application .reservation.time .time_table thead tr th{
        font-size: 16px;
    }
    #reservation_application .reservation.time .time_table tbody tr td{
        font-size: 15px;
    }
    #reservation_application .reservation.time{
        margin-top: 30px;
    }
    #reservation_application .reservation.time .date{
        margin-top: 20px;
    }
    .reservation_time_list_tit{
        font-size: 15px;
    }
    .reservation_time_list_col{
        font-size: 15px;
    }
    .reservation_time_list .mobile_tit{
        display: block;
        margin-right: 10px;
        color: #999;
    }
    #reservation_application .detail_form .bottom .row .left{
        font-size: 16px;
    }
    #reservation_application .detail_form .bottom .row:first-of-type{
        /* margin-top: 0px; */
    }
    #reservation_application .detail_form .bottom .row:first-of-type .left{
        padding-top: 0px;
    }
    #reservation_application .detail_form .bottom .row .right input:not(input[type=checkbox]){
        height: 45px;
        font-size: 16px;
    }
    #reservation_application .detail_form .bottom .row .right > .box > button{
        height: 45px;
        font-size: 16px;
    }
    #reservation_application .reservation.time .time_table{
        margin-top: 15px;
    }
    #reservation_application .reservation.time .time_table tr{
        height: 50px;
        line-height: 50px;
    }
    
}
/* reservation_chose_time end */
/* reservation_complete start */
#reservation_complete .mid_text{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 83px;
    margin-bottom: 75px;
}
#reservation_complete .mid_text .big{
    /* letter-spacing: -2.8px; */
    font-weight: 500;
    text-align: center;
    color: #30353B;
    font-size: 40px;
}
#reservation_complete .mid_text .big span{
    font-weight: 700;
    display: block;
    width: 100%;
}
#reservation_complete .mid_text .small{
    color: #8E9198;
    padding-top: 20px;
}
#reservation_complete .info{

}
#reservation_complete .info .tit{
    /* letter-spacing: -1.68px; */
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
}
#reservation_complete .info ul{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #000000;
    margin-top: 32px;
}
#reservation_complete .info ul li{
    display: flex;
    align-items: center;
    height: 67px;
    padding-left: 20px;
    border-bottom: 1px solid #DDDDDD;
}
#reservation_complete .info ul li .left{
    width: 215px;
    font-weight: 500;
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
}
#reservation_complete .info ul li .right{
    width: calc(100% - 215px);
    /* letter-spacing: 0px; */
    color: #666666;
    font-size: 17px;
}
/* reservation_complete end */
/* reservation_inquiry start */
#reservation_inquiry .lookup{
    margin-top: 80px;
}
#reservation_inquiry .lookup .area_tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#reservation_inquiry .lookup .area_tit .right{
    /* letter-spacing: -0.8px; */
    color: #888888;
    font-size: 16px;
    font-weight: 400;
}
#reservation_inquiry .lookup .area_tit .right i{
    display: inline-block;
    width: 10px;
    margin-right: 8px;
}
#reservation_inquiry .lookup ul{
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E3E3E3;
    margin-top: 33px;
    display: flex;
    flex-direction: column;
}
#reservation_inquiry .lookup ul li{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
#reservation_inquiry .lookup ul li:first-of-type{
    margin-top: 0px;
}
#reservation_inquiry .lookup ul li .left{
    width: 205px;
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
#reservation_inquiry .lookup ul li .left i.red_mark{
    display: inline-block;
    width: 10px;
    margin-right: 9.5px;
}
#reservation_inquiry .lookup ul li .right{
    width: calc(100% - 205px);
}
#reservation_inquiry .lookup ul li .right input{
    width: 205px;
    height: 50px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 17px;
    padding: 0px 15px;
}
/* reservation_inquiry end */


/* TypeTab_wrap start */
.typeTab_wrap{
    margin-top: 40px;
}
.typeTab_wrap .area{
    font-size: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.typeTab_wrap .area .pictureType {
    color: #666666;
    font-size: 15px;
    font-weight: 500;
    padding: 9px 20px;
    border: 1px solid #DDDDDD;
    border-radius: 800px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.typeTab_wrap .area .pictureType .active{
    background-color: #C7000B0D;
    color: #C7000B;
    border: 1px solid #C7000B;
}
.typeTab_wrap .area .pictureType i{
    display: inline-block;
    font-style: normal;
    letter-spacing: -0.6px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    background-color: #5A5243;
    border: 1px solid #5A5243;
    border-radius: 800px;
    padding: 2px 8px 2px 7px;
    margin-left: 4px;
}
@media screen and (max-width: 767px){
    .typeTab_wrap .area {
        gap: 5px;
        font-size: 0px;
    }
}
/* TypeTab_wrap end */



/* community 공통 start */
.search_wrap_st01{
    display: flex;
    padding: 40px 110px;
    background-color: #F4F4F4;
    border-radius: 15px;
}
.search_wrap_st01 .left{

}
.search_wrap_st01 .left select{
    width: 180px;
    height: 42px;
    border-radius: 800px;
    padding: 0px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFFFFF url(/images/user/common/icon_searchArrow.svg) right 25px center no-repeat;
    border: 1px solid transparent;
    /* letter-spacing: -0.8px; */
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.search_wrap_st01 .right{
    margin-left: 10px;
    width: calc(100% - 190px);
    position: relative;
}
.search_wrap_st01 .right input{
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    background-color: #FFFFFF;
    padding: 0px 15px;
    border-radius: 800px;
}
.search_wrap_st01 .right button{
    position: absolute;
    right: 20px;
    top: 50%;
    width: 33px;
    height: 33px;
    transform: translateY(-50%);
    background-color: transparent;
}
.search_wrap_st01 .right button img{
    width: 100%;
    height: 100%;
}
.community .top_info{
    margin-top: 40px;
}
.community .top_info .left{
    /* letter-spacing: 0px; */
    color: #666666;
    font-size: 15px;
    font-weight: 500;
}
.community .top_info .left .num{
    display: inline-block;
    color: #C7000B;
    margin-left: 5px;
}
.community.grid_wrap{
    margin-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 25px;
    padding-bottom: 20px;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #DDDDDD;
}
.community.grid { 
    width:100%;
}
.community.grid .grid-sizer,
.community.grid .grid-item{
    width: calc(25% - 30px);
    margin-bottom: 40px;
}
.community.grid .grid-item { 
    border-radius: 10px;
    overflow:hidden;
}
.community.grid .grid-item .text{
    margin-top: 15px;
}
.community.grid .grid-item .text .tit{
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}
.community.grid .grid-item .text .date{
    /* letter-spacing: 0px; */
    /* color: #A29DA0; */
    color: #7C7479;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.community.grid .grid-item .img_wrap {
    position: relative;
}
.community.grid .grid-item .img_wrap img {
    display: block;
    min-width:100%;
    max-width: 100%; 
}
.community.grid .grid-item .img_wrap .video_play_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.community.grid .grid-item .img_wrap::after{
    content: "";
    position: absolute;
    background: url(/images/user/common/icon_circle_play_btn.png) center center no-repeat;
    background-size: cover;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* community 공통 end */
/* community_interview start */

/* community_interview end */
/* community_notice start */
.basic_st01 .community_li {
    width: 100%;
    height: 61px;
    transition: background-color 0.3s;
    border-bottom: 1px solid #DDDDDD;
}
.basic_st01 .community_li:not(.community_li_head):hover {
    background-color: #FFFBF6;
}
.basic_st01 .community_list {
    position: relative;
    width: 100%;
    border-top: 2px solid #354251;
}
.basic_st01 .community_list_wrap {
    padding-top: 15px;
}
.basic_st01 .community_rowli {
    flex: 1;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #666666;
}
.basic_st01 .community_rowli.col_num {
    /* letter-spacing: 0; */
}
.basic_st01 .community_rowli.col_tit {
    flex: 6;
    color: #000;
}
.basic_st01 .community_rowli.col_tit .community_rowli_cont {
    width: 100%;
}
.basic_st01 .community_rowli.col_date {
    /* letter-spacing: 0; */
}
.basic_st01 .community_rowli.col_view {
    /* letter-spacing: 0; */
}
.basic_st01 .community_rowli.community_headli {
    font-weight: 500;
    color: #354251;
    /* letter-spacing: -0.85px; */
}
.basic_st01 .community_rowlist {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.basic_st01 .community_rowli_cate {
    font-size: 14px;
    /* letter-spacing: -0.8px; */
    color: #A2A2A6;
    display: none;
}
.basic_st01 .community_mark_new {
    position: relative;
    display: block;
    flex: 0 0 18px;
    width: 0;
    height: 18px;
}
.basic_st01 .community_mark_new > img {
    width: 100%;
    height: 100%;
    vertical-align: unset;
}
.basic_st01 .community_link_tit {
    width: 100%;
    display: flex;
}
.basic_st01 .community_link_tit > .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.basic_st01 .community_badge_notice {
	margin-bottom: 7px;
    width: 37px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-color: #683726;
    border: 1px solid #683726;
    font-size: 14px;
    /* letter-spacing: -0.75px; */
    color: #fff;
}
/* #community_media .community_li {
    width: 100%;
    height: 61px;
    transition: background-color 0.3s;
    border-bottom: 1px solid #DDDDDD;
}
#community_media .community_li:hover {
    background-color: #FFFBF6;
}
#community_media .community_list {
    position: relative;
    width: 100%;
    border-top: 2px solid #354251;
}
#community_media .community_list_wrap {
    padding-top: 15px;
}
#community_media .community_rowli {
    flex: 1;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    letter-spacing: -0.85px;
    color: #666666;
}
#community_media .community_rowli.col_num {
    letter-spacing: 0;
}
#community_media .community_rowli.col_tit {
    flex: 6;
    color: #000;
}
#community_media .community_rowli.col_tit .community_rowli_cont {
    width: 100%;
}
#community_media .community_rowli.col_date {
    letter-spacing: 0;
}
#community_media .community_rowli.col_view {
    letter-spacing: 0;
}
#community_media .community_rowli.community_headli {
    font-weight: 500;
    color: #354251;
    letter-spacing: -0.85px;
}
#community_media .community_rowli_cate {
    font-size: 14px;
    letter-spacing: -0.8px;
    color: #A2A2A6;
    display: none;
}
#community_media .community_mark_new {
    position: relative;
    display: block;
    flex: 0 0 18px;
    width: 0;
    height: 18px;
}
#community_media .community_mark_new > img {
    width: 100%;
    height: 100%;
    vertical-align: unset;
}
#community_media .community_link_tit {
    width: 100%;
    display: flex;
}
#community_media .community_link_tit > .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#community_media .community_badge_notice {
    width: 40px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-color: #683726;
    border: 1px solid #683726;
    font-size: 15px;
    letter-spacing: -0.75px;
    color: #fff;
} */
/* #community_interview .community_grid {
    width: 100%;
}
#community_interview .community_grid_wrap {
    margin-top: 15px;
    padding: 25px 40px 20px;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #DDDDDD;
}
#community_interview .community_grid_item {
    width: calc((100% - 120px) / 4);
    padding-bottom: 40px;
}
#community_interview .community_grid_img {
    position: relative;
    border-radius: 10px;
}
#community_interview .community_grid_img > img {
    width: 100%;
    height: 100%;
}
#community_interview .community_grid_txt {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#community_interview .community_grid_tit {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.85px;
    color: #000;
}
#community_interview .community_grid_date {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    color: #7C7479;
}
#community_interview .community_grid_icon_play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background: url("/images/user/common/icon_circle_play_btn.png") center center no-repeat;
    background-size: cover;
    font-size: 0;
} */
.basic_st02 .community_grid {
    width: 100%;
}
.basic_st02 .community_grid_wrap {
    margin-top: 15px;
    padding: 40px 40px 20px;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #DDDDDD;
}
.basic_st02 .community_grid_item {
    width: calc((100% - 120px) / 4);
    padding-bottom: 40px;
}
.basic_st02 .community_grid_img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.basic_st02 .community_grid_img::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
    opacity: .10;
}
.basic_st02 .community_grid_img > img {
    width: 100%;
    height: 100%;
}
.basic_st02 .community_grid_txt {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.basic_st02 .community_grid_tit {
    font-weight: 500;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #000;
}
.basic_st02 .community_grid_date {
    font-weight: 400;
    font-size: 14px;
    /* letter-spacing: 0; */
    /* color: #A29DA0; */
    color: #7C7479;
}
.basic_st02 .community_grid_icon_play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background: url("/images/user/common/icon_circle_play_btn.png") center center no-repeat;
    background-size: cover;
    font-size: 0;
}
/* community_notice end */
/* community_notice_detail start */
.basic_st01_detail{
    
}
.basic_st01_detail .top_area{

}
.basic_st01_detail .top_area .tit{
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    padding-left: 40px;
    /* letter-spacing: -2.24px; */
    color: #000000;
    font-weight: 700;
    font-size: 32px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #DDDDDD;
}
.basic_st01_detail .top_area .sub{
    padding: 20px 0px;
    padding-left: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    border-bottom: 1px solid #DDDDDD;
}
.basic_st01_detail .top_area .sub .box{
    display: flex;
    align-items: center;
}
.basic_st01_detail .top_area .sub .box .left{
    /* letter-spacing: -0.85px; */
    color: #9D9EA2;
    font-size: 17px;
    font-weight: 400;
}
.basic_st01_detail .top_area .sub .box .right{
    /* letter-spacing: 0px; */
    color: #333333;
    font-size: 17px;
    font-weight: 400;
    margin-left: 15px;
}
.basic_st01_detail .con_area{
    padding: 40px;
}
.basic_st01_detail .bottom_area{

}
.collection_move_wrap{
    width: 100%;
    /* border-top: 1px solid #ddd; */
}
.collection_move_wrap > div{
    border-bottom: 1px solid #DDDDDD;
    padding: 0px 40px;
    display: flex;
    align-items: center;
    height: 60px;
}
.collection_move_wrap > div .left{
    width: 165px;
    min-width: 165px;
    display: flex;
    align-items: center;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #666666;
}
.collection_move_wrap > div .left i.arrow_icon{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/images/user/sub/community/icon_arrow_bottom.svg) center center no-repeat;
    margin-left: 5px;
}
.collection_move_wrap > div .right{
    width: calc(100% - 165px);
    font-size: 17px;
}
.collection_move_wrap > div .right a{
    font-size: 17px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.collection_move_wrap > .prev .left i.arrow_icon{
    transform: rotate(180deg);
}
.collection_move_wrap > div .right.not_exist{
    color: #666666;
}
.collection_move_wrap .prev{

}
.collection_move_wrap .next{

}
/* community_notice_detail end */
/* community_construction start */
/* community_construction end */
/* community 반응형 start */
@media (max-width: 1300px) {
    /* #community_media .community_rowli.col_tit {
        flex: 4;
    } */
    /* #community_interview .community_grid_wrap {
        padding: 25px 25px 20px;
    }
    #community_interview .community_grid_item {
        width: calc((100% - 80px) / 3);
        padding-bottom: 40px;
    } */
    .basic_st02 .community_grid_wrap {
        padding: 25px 25px 20px;
    }
    .basic_st02 .community_grid_item {
        width: calc((100% - 80px) / 3);
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px) {
    /* #community_media .community_rowli.col_tit {
        flex: 2;
    } */
}
@media (max-width: 767px) {
    .community .top_info{
        margin-top: 30px;
    }
    .collection_move_wrap > div{
        padding-left: 0px;
        padding-right: 0px;
        height: 50px;
    }
    .collection_move_wrap > div .left{
        width: 90px;
        min-width: 90px;
        font-size: 15px;
    }
    .collection_move_wrap > div .right{
        font-size: 15px;
        flex: 1;
        width: calc(100% - 90px);

    }
    .collection_move_wrap > div .right a{
        font-size: 15px;
  
    }
    /* #community_media .community_rowli.col_tit {
        flex: 2;
        min-width: 100%;
    } */
    .basic_st01 .community_li {
        height: auto;
        padding: 10px 5px;
    }
    .basic_st01 .community_li_head {
        display: none;
    }
    .basic_st01 .community_rowli {
        flex: auto;
        width: auto;
        justify-content: flex-start;
        gap: 5px;
    }
    .basic_st01 .community_rowli.col_num .num {
        display: none;
    }
    .basic_st01 .community_rowli.col_tit {
        flex: 4;
    }
    .basic_st01 .community_rowli.col_tit {
        flex: 2;
    }
    .basic_st01 .community_rowli.col_tit {
        flex: 0 0 100%;
        width: 100%;
    }
    .basic_st01 .community_rowlist {
        flex-wrap: wrap;
        gap: 8px 25px;
        gap: 0px 25px;
    }
    .basic_st01 .community_rowli_cate {
        display: block;
        font-size: 13px;
    }
    .basic_st02 .community_grid_date{
        font-size: 13px;
    }
    /* #community_media .community_li {
        height: auto;
        padding: 10px 5px;
    }
    #community_media .community_li_head {
        display: none;
    }
    #community_media .community_rowli {
        flex: auto;
        width: auto;
        justify-content: flex-start;
        gap: 5px;
    }
    #community_media .community_rowli.col_num .num {
        display: none;
    }
    #community_media .community_rowli.col_tit {
        flex: 0 0 100%;
        width: 100%;
    }
    #community_media .community_rowli_cate {
        display: block;
    } */
    /* #community_interview .community_grid_wrap {
        padding: 15px 10px 15px;
    }
    #community_interview .community_grid_item {
        width: calc((100% - 10px) / 2);
        padding-bottom: 10px;
    }
    #community_interview .community_grid_txt {
        padding-top: 8px;
    } */
    .basic_st02 .community_grid_wrap {
        padding: 15px 0px 0px;
    }
    .basic_st02 .community_grid_item {
        width: calc((100% - 10px) / 2);
        padding-bottom: 20px;
    }
    .basic_st02 .community_grid_txt {
        padding-top: 12px;
        gap: 3px;
    }
    #introduce_organization .inner_layout .all_wrap .top .middle .blur{
        width: 60%;
        height: 60%;
    }
    .community .top_info .left{
        font-size: 14px;
    }
    .basic_st01 .community_list_wrap{
        padding-top: 10px;
    }
    .basic_st01 .community_mark_new{
        height: 15px;
    }
    .basic_st01 .community_link_tit{
        margin-bottom: 10px;
        align-items: center;
    }
    .basic_st01 .community_link_tit > .txt{
        font-size: 15px;
        font-weight: 500;
    }
    .basic_st01 .community_rowli{
        font-size: 13px;
    }
    .basic_st01 .community_rowli.col_attachment{
        margin-top: 5px;
    }
    .basic_st01 .community_rowli.col_attachment .community_rowli_cont{
        margin-left: 0px;
        width: 15px;
        transform: translateY(-1px);
    }
    .basic_st02 .community_grid_tit{
        font-size: 15px;
        line-height: 1.1;
    }
    /* #community_interview .community_grid_tit{
        font-size: 16px;
    } */
}
@media (max-width: 599px) {
    /* #community_media .community_rowli.col_tit {
        flex: 2;
    } */
}
/* community 반응형 end */
/* program_list start */
#program_list{
    
}
#program_list .top_menu_wrap{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
}
#program_list .top_menu_wrap .left_area{

}
#program_list .top_menu_wrap .left_area button{
    padding: 9px 20px;
    border-radius: 800px;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    color: #666666;
    font-weight: 500;
    font-size: 15px;
}
#program_list .top_menu_wrap .left_area button.active{
    border: 1px solid #C7000B;
    background-color: #C7000B0D;
    color: #C7000B;
}
#program_list .top_menu_wrap .right_area{
    display: flex;
    gap: 0px 23px;
}
#program_list .top_menu_wrap .right_area .box{
    position: relative;
    display: flex;
    align-items: center;
}
#program_list .top_menu_wrap .right_area .box:last-of-type::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    width: 1px;
    height: 18px;
    transform: translateY(-50%);
    background-color: #E6E6E6;
}
#program_list .top_menu_wrap .right_area .box button{
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
}
#program_list .top_menu_wrap .right_area .box button::after{
    content: "";
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/images/user/sub/community/icon_arrow_bottom.svg) center center no-repeat;
    transition: 0.3s;
}
#program_list .top_menu_wrap .right_area .box.active button::after{
    transform: rotate(180deg);
}
#program_list .top_menu_wrap .right_area .box i{
    display: none;
    width: 26px;
    height: 26px;
    background: url(/images/user/sub/community/icon_arrow_bottom.svg) center center no-repeat;
    transition: 0.3s;
}
#program_list .top_menu_wrap .right_area .box.active i{
    transform: rotate(180deg);
}
#program_list .top_menu_wrap .right_area .box .plate{
    display: none;
    position: absolute;
    top: calc(100% + 11px);
    right: 0px;
    background-color: #fff;
}
#program_list .top_menu_wrap .right_area .box.active .plate{
    display: block;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    z-index: 1;
}
#program_list .top_menu_wrap .right_area .box .plate .in{
    /* border-radius: 5px; */
    padding: 21px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    gap: 10px 0px;
}
#program_list .top_menu_wrap .right_area .box .plate .in label{
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    /* letter-spacing: -0.75px; */
    color: #30353B;
    white-space: nowrap;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio]{
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio] + .circle{
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 100%;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    margin-right: 5px;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio]:checked + .circle{
    border: 1px solid #C7000B;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio]:focus + .circle{
    outline: 1px solid #000;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio]:checked + .circle::before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    border-radius: 100%;
    background-color: #C7000B;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio]:focus + .circle{
    border: 1px solid #C7000B;
}
#program_list .top_menu_wrap .right_area .box .plate .in label input[type=radio]:focus + .circle::before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    border-radius: 100%;
    background-color: #C7000B;
}
#program_list .con_wrap{
    
}
#program_list .con_wrap .box_wrap{
    display: flex;
    flex-wrap: wrap;
    /* padding: 40px 0px; */
    padding: 0 2px;
}
#program_list .con_wrap .box_wrap .box{
    position: relative;
    width: 50%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-start;
}
#program_list .con_wrap .box_wrap .box:focus{
    outline: transparent;
}
#program_list .con_wrap .box_wrap .box:focus .right .more{
    outline: 1px solid #C7000B;
}
#program_list .con_wrap .box_wrap .box:nth-of-type(2n-1)::after{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 200%;
    height: 1px;
    background-color: #ddd;
}
#program_list .con_wrap .box_wrap .box .left{
    width: 180px;
    height: auto;
    min-width: 180px;
    max-height: 242px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
#program_list .con_wrap .box_wrap .box .left::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
    opacity: .10;
}
#program_list .con_wrap .box_wrap .box .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#program_list .con_wrap .box_wrap .box .right{
    padding-left: 40px;
}
#program_list .con_wrap .box_wrap .box .right .tag{
    display: flex;
    gap: 0px 3px;
}
#program_list .con_wrap .box_wrap .box .right .tag .item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px 3px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 800px;
}
#program_list .con_wrap .box_wrap .box .right .tag .item.red{
    background-color: #C7000B;
    border: 1px solid #8A0008;
    color: #FFFFFF;
}
#program_list .con_wrap .box_wrap .box .right .tag .item.white{
    border:1px solid #5A5243;
    background-color: #ffffff;
    color: #5A5243;
}
#program_list .con_wrap .box_wrap .box .right .tag .item.black{
    border: 1px solid #413C3F;
    background-color: #5E575B;
    color: #FFFFFF;
}
#program_list .con_wrap .box_wrap .box .right .tag .item.brown{
    border: 1px solid #683726;
    background-color: #683726;
    color: #FFFFFF;
}
#program_list .con_wrap .box_wrap .box .right ul{
    margin-top: 15px;
}
#program_list .con_wrap .box_wrap .box .right ul li{
    display: flex;
    margin-top: 10px;
}
#program_list .con_wrap .box_wrap .box .right ul li:first-of-type{
    margin-top: 0px;
}
#program_list .con_wrap .box_wrap .box .right ul li .tit{
    width: 70px;
    min-width: 70px;
    word-break: break-word;
    font-size: 15px;
}
#program_list .con_wrap .box_wrap .box .right ul li .con{
    width: calc(100% - 70px);
    padding-left: 0px;
    font-size: 15px;
}
#program_list .con_wrap .box_wrap .box .right .more{
    display: inline-block;
    margin-top: 40px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #000000;
    color: #000;
    border-radius: 3px;
    background-color: #fff;
}
#program_list .con_wrap .box_wrap .box .right .more .txt {
    padding: 8px 15px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    /* letter-spacing: -0.04em; */
}
#program_list .con_wrap .box_wrap .box:hover .right .more,
#program_list .con_wrap .box_wrap .box:focus .right .more{
    border: 1px solid #C7000B;
}
#program_list .con_wrap .box_wrap .box:hover .right .more .txt,
#program_list .con_wrap .box_wrap .box:focus .right .more .txt{
    color: #C7000B
}
/* program_list end */
/* program_detail start */
#program_detail{
    padding-bottom: 245px;
    min-height: 700px;
}
#program_detail .inner_layout{
    overflow: visible;
}
#program_detail .inner_wrap{
    display: flex;
    justify-content: space-between;
}
#program_detail .inner_wrap .left_slide_area{
    width: 770px;
}
#program_detail .inner_wrap .left_slide_area.collection_bottom_area{
    padding: 0px;
    border-bottom: transparent;
}
#program_detail .inner_wrap .right_card{
    width: calc(100% - 770px);
    height: auto;
    padding-left: 70px;
    position: relative;
}
#program_detail .inner_wrap .right_card.mobile_ver{
    display: none;
}
#program_detail .inner_wrap .right_card .in{
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 50px #0000000D;
    border-radius: 15px;
    background-color: #fff;
    padding: 40px;
    position: sticky;
    top: 100px;
    transition: 0.3s;
}
#program_detail .inner_wrap .right_card .in.scrollup{
    /* transform: translateY(150px); */
    top: 250px;
}
#program_detail .inner_wrap .right_card .in .tag{
    display: flex;
    gap: 0px 3px;
}
#program_detail .inner_wrap .right_card .in .tag .item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px 3px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 800px;
}
#program_detail .inner_wrap .right_card .in .tag .item.red{
    background-color: #C7000B;
    border: 1px solid #8A0008;
    color: #FFFFFF;
}
#program_detail .inner_wrap .right_card .in .tag .item.white{
    border:1px solid #5A5243;
    background-color: #ffffff;
    color: #5A5243;
}
#program_detail .inner_wrap .right_card .in .tag .item.black{
    border: 1px solid #413C3F;
    background-color: #5E575B;
    color: #FFFFFF;
}
#program_detail .inner_wrap .right_card .in .tag .item.brown{
    border: 1px solid #683726;
    background-color: #683726;
    color: #FFFFFF;
}
#program_detail .inner_wrap .right_card .in > .tit{
    /* letter-spacing: -2.24px; */
    color: #000000;
    font-size: 32px;
    font-weight: 700;
    margin-top: 10px;
}
#program_detail .inner_wrap .right_card .in ul{
    margin-top: 10px;
}
#program_detail .inner_wrap .right_card .in ul li{
    display: flex;
    min-height: 50px;
    align-items: flex-start;
    border-bottom: 1px dashed #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
}
#program_detail .inner_wrap .right_card .in ul li:first-of-type{
    margin-top: 0px;
}
#program_detail .inner_wrap .right_card .in ul li:last-of-type{
    border: 1px solid transparent;
}
#program_detail .inner_wrap .right_card .in ul li .tit{
    width: 110px;
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #666666;
    font-weight: 500;
}
#program_detail .inner_wrap .right_card .in ul li .con{
    width: calc(100% - 110px);
    font-size: 17px;
    /* letter-spacing: -0.85px; */
    color: #000000;
    font-weight: 500;
}
#program_detail .inner_wrap .right_card .in .btn_wrap{
    display: flex;
    gap: 0px 10px;
    margin-top: 40px;
}
#program_detail .inner_wrap .right_card .in .btn_wrap a {
    flex: 1;
    padding: 15px 0px;
    border-radius: 5px;
    /* letter-spacing: -0.85px; */
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
#program_detail .inner_wrap .right_card .in .btn_wrap a.red{
    border: 1px solid #C7000B;
    background-color: #C7000B;
}
#program_detail .inner_wrap .right_card .in .btn_wrap a.brown{
    border: 1px solid #683726;
    background-color: #683726;
}
#program_detail .inner_wrap .right_card .in .poster{
    border-radius: 10px;
    border: 1px solid #00000026;
    overflow: hidden;
    margin-bottom: 45px;
}
#program_detail .inner_wrap .right_card.mobile_ver{
    display: none;
}
#program_detail .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide{
    flex-direction: column;
    height: auto;
    font-size: 0px;
}
#program_detail .collection_bottom_area .box.type_video .left_slide .img_list .swiper-slide > .left{
    width: 100%;
    height: auto;
    aspect-ratio: 1.77 / 1;
}

#program_detail .collection_bottom_area .box.type_youtube .left_slide .img_list .swiper-slide > .left{
    padding-bottom: 56.25%;
    width: 100%;
    height: auto;
}
#program_detail .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right{
    width: 100%;
    max-height: 400px;
}
#program_detail .inner_wrap{

}
/* program_detail end */
/* program 반응형 start */
@media screen and (max-width: 1350px){
    #program_detail .inner_wrap .left_slide_area.collection_bottom_area{
        display: flex;
        flex-direction: column;
    }
    #program_detail .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right{
        height: 150px;
    }
    #program_list .con_wrap .box_wrap .box:nth-of-type(2n-1)::after{
        display: none;
    }
    #program_list .con_wrap .box_wrap .box{
        border-bottom: 1px solid #DDDDDD;
    }
}
@media screen and (max-width: 1280px){
    #program_list .con_wrap .box_wrap{
        flex-direction: column;
        padding-bottom: 0px;
        border-bottom: 0px;
    }
    #program_list .con_wrap .box_wrap .box{
        width: 100%;
    }
    #program_list .con_wrap .box_wrap .box:nth-of-type(2n){
        padding-left: 0px;
    }
    #program_detail .inner_wrap{

    }
    #program_detail .inner_wrap .left_slide_area{
        width: 650px;
    }
    #program_detail .inner_wrap .right_card{
        width: calc(100% - 650px);
        padding-left: 35px;
    }
    #program_detail .inner_wrap .right_card .in{
        padding: 25px;
    }
    #program_detail .inner_wrap .right_card .in ul{
        margin-top: 15px;
    }
    #program_detail .inner_wrap .right_card .in ul li .tit{
        width: 85px;
    }
    #program_detail .inner_wrap .right_card .in > .tit{
        font-size: 25px;
    }
    #program_detail .inner_wrap .right_card .in ul li .con{
        flex: 1;
    }
}
@media screen and (max-width: 1100px){
    #program_detail .inner_wrap .left_slide_area{
        width: 600px;
    }
    #program_detail .inner_wrap .right_card{
        width: calc(100% - 600px);
    }
    #program_detail .inner_wrap .right_card .in ul li .tit{
        font-size: 16px;
    }
    #program_detail .inner_wrap .right_card .in ul li .con{
        font-size: 15px;
    }
}
@media screen and (max-width: 1024px){
    #program_detail .inner_wrap{
        flex-direction: column;
    }
    #program_detail .inner_wrap .left_slide_area{
        width: 100%;
    }
    #program_detail .inner_wrap .right_card{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: 100%;
        order: -1;
    }
    #program_detail .inner_wrap .right_card .in.scrollup{
        top: auto;
    }
    #program_detail .inner_wrap .right_card{
        width: 100%;
        padding-left: 0px;
        z-index: 1;
    }
    #program_detail .inner_wrap .right_card .in{
        box-shadow: none;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }
    #program_detail .inner_wrap .right_card .in .btn_wrap{
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        display: none;
    }
    #program_detail .inner_wrap .right_card.mobile_ver{
        position: relative;
        order: initial;
        height: 75px;
        min-height: 75px;
        max-height: 75px;
        display: flex;
    }
    #program_detail .inner_wrap .right_card.mobile_ver .in .btn_wrap{
        display: flex;
        position: fixed;
    }
    #program_detail .inner_wrap .right_card.mobile_ver.active{

    }
    #program_detail .inner_wrap .right_card.mobile_ver.active .in .btn_wrap{
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }
    #program_detail .inner_wrap .right_card .in .tag .item{
        padding: 2px 10px 2px;
    }
    #program_detail .inner_wrap .right_card .in > .tit{
        font-size: 22px;
    }
    #program_detail .inner_wrap .right_card .in .poster{
        width: 320px;
        /* margin-right: auto; */
        margin: 0 auto;
        margin-bottom: 35px;
    }
    #program_detail .inner_wrap .right_card .in ul{
        margin-top: 10px;
    }
    #program_detail .inner_wrap .right_card .in ul li .tit{
        font-size: 16px;
        width: 70px;
    }
    #program_detail .inner_wrap .right_card .in ul li .con{
        font-size: 16px;
        flex: 1;
    }
    #program_detail .inner_wrap .right_card .in .btn_wrap a{
        font-size: 16px;
        height: 45px;
    }
}
@media screen and (max-width: 767px){
    #program_detail{
        padding-bottom: 80px;
    }
    #program_list .top_menu_wrap{
        justify-content: space-between;
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 5px;
        margin-top: 30px;
    }
    .search_wrap_st01 {
        padding: 20px 20px 20px;
    }
    .bottom_button_wrap{
        margin-top: 30px;
        margin-bottom: 80px;
    }
    .bottom_button_wrap > * {
        font-size: 16px;
        height: 45px;
        flex: 1;
        width: auto;
    }
    #program_list .top_menu_wrap .left_area{
        gap: 5px;
        font-size: 0px;
        display: flex;
        flex-wrap: wrap;
    }
    #program_list .top_menu_wrap .right_area{
        display: flex;
        justify-content: flex-start;
        margin-top: 15px;
    }
    #program_list .top_menu_wrap .right_area .box .plate{
        top: calc(100% + 0px);
        right: auto;
        left: 0px;
    }
    #program_list .top_menu_wrap .right_area .box .plate .in{
        padding: 15px 20px 15px 15px;
    }
    #program_detail .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right{
        height: 105px;
        max-height: 105px;
    }
    #program_detail .collection_bottom_area .box.basic{
        margin-top: 25px;
    }
    #program_list .con_wrap .box_wrap .box .right ul li .con{
        padding-left: 0px;
    }
    #program_list .con_wrap .box_wrap .box .right .tag .item{
        padding: 2px 10px 2px;
    }
    .collection_bottom_area .box.basic .left_slide .img_list .swiper-slide .text_wrap{
        left: 15px;
        bottom: 15px;
        font-size: 15px;
    }
    .collection_bottom_area .box.basic .left_slide .img_list .full_move_btn{
        bottom: 15px;
        right: 15px;
    }
    .collection_bottom_area .box.basic .left_slide .img_list .archive_down_btn{
        bottom: 15px;
        right: 55px;
    }
    .collection_bottom_area .box.basic .left_slide .img_list{
        border-radius: 0px;
    }
    #program_detail .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide{
        border-radius: 10px;
    }
    .collection_bottom_area .box.type_media .left_slide .img_list .swiper-slide > .right .text_scroll .text_in{
        font-size: 15px;
        line-height: 24px;
    }
}
@media screen and (max-width: 599px){
    #program_list .con_wrap .box_wrap{

    }
    #program_list .con_wrap .box_wrap .box{
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #program_list .con_wrap .box_wrap .box .left{
        width: 100%;
        height: auto;
        min-width: initial;
        max-height: initial;
    }
    #program_list .con_wrap .box_wrap .box .right{
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }
    #program_list .con_wrap .box_wrap .box .right .more{
        width: 100%;
        margin-top: 25px;
        text-align: center;
    }
}
@media screen and (max-width: 450px){
    #program_detail .inner_wrap .right_card .in .poster{
        width: 100%;
        margin: 0;
        margin-bottom: 35px;
    }
}
/* program 반응형 end */

/* 공통 반응형  start */
@media screen and (max-width: 1340px){
    .sub_common_st01 .inner{
        padding: 0px 30px;
        margin: 0;
    }
    .top_title_wrap{
        padding-left: 30px;
        padding-right: 30px;
        margin: 0;
    }
}
@media screen and (max-width: 1280px){
    .sub_common_st01 .inner{
        flex-direction: column;
    }
    .sub_common_st01 .inner > .in_right{
        margin-left: 0px;
        width: 100%;
    }
    .sub_common_st01 .inner .in_left{
        width: 100%;
        border-top: 0px;
    }
    .sub_common_st01 .inner .in_left > .move_btn{
        flex-direction: row;
        gap: 10px 10px;
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .sub_common_st01 .inner .in_left > .move_btn a{
        flex: 1;
    }
    .sub_common_st01 .inner .in_left > ul.one{
        min-height: 50px;
        height: auto;
        overflow: hidden;
        background-color: #fff;
        border: 2px solid #000;
        border-radius: 5px;
    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two{
        border-bottom: 0px;
        /* justify-content: center; */
        display: flex;
        flex-direction: column;
        display: none;
    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two > li{
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two > li{
        height: 45px;
    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two > li a{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-bottom: 0px;
    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two > li a p{

    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two > li.active a p::before{
        right: -19px;
    }
    .sub_common_st01 .inner .in_left > ul.one > li.button_wrap{

    }
    .sub_common_st01 .inner .in_left > ul.one > li.button_wrap > button{
        display: block;
        color: #C7000B;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        border: 0px;
        height: 45px;
        padding-left: 14px;
        padding-right: 14px;
    }
    .sub_common_st01 .inner .in_left > ul.one > li.button_wrap > button::before{
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: rotate(180deg) translateY(35%);
        width: 11.5px;
        height: 9px;
        background: url(/images/user/common/fselect_arrow.svg) center center no-repeat;
        background-size: contain;
        transition: 0.3s;
    }
    .sub_common_st01 .inner .in_left > ul.one > li.button_wrap > button.active::before{
        transform: rotate(0deg) translateY(-70%);
    }
    .sub_common_st01 .inner .in_left > ul.one > li.button_wrap > button p{
        position: relative;
        display: inline-block;
    }
    .sub_common_st01 .inner .in_left > ul.one > li.button_wrap > button p::before{
        content: "";
        position: absolute;
        top: 50%;
        right: -17px;
        transform: translateY(-50%);
        width: 11.5px;
        height: 9px;
        background: url(/images/user/sub/archive/icon_red_check.svg) center center no-repeat;
        background-size: contain;
    }
    .sub_common_st01 .inner .in_left > ul.one li > ul.two a:hover p::before{
        right: -17px;
    }
}
@media screen and (max-width: 1024px){
    .sub_common_st01 .inner > .in_right {
        width: 100%;
        margin-left: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .pagination_st01.archive {
        padding-left: 0;
    }
    .download_plate_form{
        width: 100%;
        height: 100%;
        overflow-y: auto;
        min-width: initial;
    }
}
@media screen and (max-width: 767px){
    .sub_common_st01 .inner {
        width: 100%;
        margin-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .sub_common_st01 .inner .in_left {

    }
    .sub_common_st01 .inner > .in_right {
        width: 100%;
        margin: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .sub_banner{
        display: none;
    }
    .sub_top_menu_wrap .inner {
        height: 50px;
    }
    .sub_top_menu_wrap .inner .right_area{
        display: none;
    }
    .sub_top_menu_wrap .inner .left_area{
        flex: 1;
    }
    .sub_top_menu_wrap .inner .left_area .home{
        width: 50px;
        height: 50px;
    }
    .sub_top_menu_wrap .inner .left_area .depthstyle{
        width: calc(50% - 25px);
        min-width: calc(50% - 25px);
    }
    .sub_top_menu_wrap .inner .left_area .depthstyle button.current_menu{
        width: 100%;
        height: 50px;
        font-size: 16px;
    }
    .sub_top_menu_wrap .inner .left_area .depthstyle ul{
        width: 100vw;
        border-radius: 0px;
    }
    .sub_top_menu_wrap .inner .left_area .depthstyle.depth1 ul{
        left: 0%;
        transform: translateX(-50px);
        /* box-shadow: none; */
    }
    .top_title_wrap{
        padding-top: 30px;
        padding-bottom: 25px;
        padding-left: 15px;
    }
    .pageTitle{
        font-size: 24px;
        max-width: 100%;
    }
    .pageTitle::after{
        width: 5px;
        height: 5px;
        top: -5px;
        right: auto;
        left: 0;
    }
    #introduce_way .way_sect.sect_map{
        padding-top: 0px;
    }
    .search_wrap_st01 .left select{
        font-size: 15px;
    }
    .pagination_st01{
        padding-top: 20px;
        padding-bottom: 80px;
    }
    .search_wrap_st01 {
        flex-direction: column;
        gap: 8px;
    }
    .search_wrap_st01 .left select {
        width: 100%;
    }
    .search_wrap_st01 .right {
        width: 100%;
        height: 42px;
        margin-left: 0;
    }
    .attach_file {
        margin-bottom: 0px;
    }
    .attach_file .in {
        padding: 10px 15px 20px;
        gap: 12px;
    }
    .attach_file .in .left {
        flex-direction: column;
        gap: 20px 0px;
        flex: 1;
        width: 0;
        overflow: hidden;
    }
    .attach_file .in .left ul.one {
        margin-left: 0;
    }
    .attach_file .in .left ul.one li a {
        line-height: 28px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        font-size: 15px;
        padding-left: 21px;
    }
    .attach_file .in .left ul.one li a::before{
        width: 15px;
        height: 15px;
        top: 7px;
    }
    .attach_file .in .right {
        line-height: 20px;
        flex: 0 0 93px;
        width: 0;
        position: absolute;
        top: 8px;
        right: 13px;
    }
    .attach_file .in .left > p{
        margin-bottom: 0px;
        font-size: 16px;
    }
    .serch_wrap_st01 {
        padding: 24px 20px 20px;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap {
        gap: 30px 10px;
        flex-wrap: wrap;
        border-bottom: 0px;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap:first-child {
        border-block-width: 0;
        padding-top: 15px;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap:not(:first-child) {
        padding-top: 0;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap:last-of-type{
        border-bottom: 1px solid #DDDDDD;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box {
        width: calc((100% / 2) - (30px * (2 - 1)) / 2);
    }
    .serch_wrap_st01 {
        flex-direction: column;
        gap: 8px;
    }
    .serch_wrap_st01 .left select {
        width: 100%;
    }
    .serch_wrap_st01 .right {
        width: 100%;
        height: 42px;
        margin-left: 0;
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap {
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap:first-child {
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap:not(:first-child) {
    }
    .sub_common_st01 .inner > .in_right .bottom_area .box_wrap .box {
        width: calc(50% - 5px);
    }
}
@media screen and (max-width: 550px){
    .sub_common_st01 .inner .in_left > .move_btn .btn::before{
        display: block;
    }
}
@media screen and (max-width: 476px){
    .sub_common_st01 .inner .in_left > .move_btn .btn::before{
        display: none;
    }
}