@charset "UTF-8";

.sub_visual{
    width: 100%;
    height: 276px;
    background: url(../image/sub-bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.sub_visual .sub_inner{
    height: 132px;
    display: flex;
    align-items: center;
    
}
.sub_visual_text{
	width: 100%;
	font-size: 16px;
	letter-spacing: -1.2px;
	display: flex;
	align-items: center;
	gap: 1.375em;
	color: #FFFFFF;
}
.sub_visual_text span.is{
	color: #FFD700;
	font-weight: 800;
	font-size: 2.5em;
}
.sub_visual_text span.ocui{font-size: 1.5em;}
.breadcrumb_wrap{
    width: 100%;
    height: 60px;
    background: #F1F3F9;
}
.breadcrumb_bar{
    width: 1200px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 0px auto;
}
.breadcrumb_bar li{
    height: 100%;
    letter-spacing: -0.4px;
    padding: 0px 30px;
    background: #FFF;
    display: flex;
    align-items: center;
    position: relative;
}
.breadcrumb_bar li:not(:has(a)){
    border-bottom: solid 1px #E1E1E1;
    color: #17232E;
    font-weight: 500;
}
.breadcrumb_bar li:last-child{
    font-weight: 600;
    color: #302784;
    border-right: solid 1px #E1E1E1;
}
.breadcrumb_bar li:not(:has(a)):after{
    content:"";
    width: 1px;
    height: 22px;
    background: #E1E1E1;
    position: absolute;
    right: 0px;
}

.breadcrumb_bar li:last-child:after{
    content: unset;
}

.breadcrumb_bar li.home{
    width: 60px;
    padding: 3px;
    background: #E6E8F1 url(../image/icon_home.png) no-repeat center;
}
.breadcrumb_bar li.home a{
    display: block;
    width: 100%;
    height: 100%;
}

/* sub */
.sub_inner{
    width: 100%;
    max-width: 1200px;
    padding: 0px 3px;
    margin: 0 auto;
}
.sub_inner.sub3{
    margin-bottom: 150px;;
}
.sub3 .sub_title{
    height: 164px;
}
.sub_title{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub_title p{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -1.2px;
    padding-top: 33px;
}
.sub_title p:before{
    content:"";
    display: block;
    width: 70px;
    height: 3px;
    background: #302784;
    position: relative;
    left: 50%;
    margin-left: -35px;
    top: -5px;
}
.tab_menu{
    width: 100%;
    min-height: 73px;
    margin: 37px 0px;
    display: flex;
    gap: 15px;
    border-bottom: 3px solid #001F47;
}
.tab_menu > li{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.tab_menu > li.active .sub_tab_menu_wrap{
    display: flex;
}
.tab_menu > li.active:before{
    content: "";
    position: absolute;
    left: 3px;
    bottom: -3px;
    background: #FFF;
    width: calc(100% - 6px);
    height: 3px;
}
.tab_menu > li .tab_title{
    width: 100%;
    height: 100%;
    letter-spacing: -0.6px;
    font-size: 24px;
    text-align: center;
    color: #4B4B4B;
    white-space: normal;
    background: #F4F4F4;
    padding: 10px;
    border: 1px solid #D9D9D9;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0px;
}
.tab_menu > li.active .tab_title{
    font-weight: 700;
    background: #FFF;
    box-shadow: 0px -3px 6px #AA92A480;
    border: 3px solid #001F47;
    border-bottom: 0px;
}
.tab_con_wrap{
    padding: 23px 0px 150px 0px;
}
.tab_card.info{line-height: 1.7;}
.tab_card{
    width: 100%;
    display: none;
}
.tab_card.active{
    display: block;
}
.acc:not(:last-child){
    margin-bottom: 20px;
}
.acc:not(:last-child).open{
    margin-bottom: 40px;
}
.acc_title{
    width: 100%;
    background: #FFF;
    border: 1px solid #DCDCDC;
    box-shadow: 0px 0px 10px #211E1E0D;
    border-radius: 5px;
    padding: 26px 42px 26px 28px;
    display: flex;
    align-items: center;
}
.acc_title .title{
    width: -webkit-fill-available;
    font-size: 24px;
    font-weight: 700;
    color: #33475B;
    letter-spacing: -1.2px;
    text-align: left;
    white-space: normal;
}
.acc.open .acc_title{
    border: 1px solid #302784;
    background: transparent linear-gradient(90deg, #FAF3F3 0%, #E8EBFE 100%);
    box-shadow: 0px 0px 10px #211E1E1A;
    position: relative;
    z-index: 1;
}
.acc.open .acc_content{
    display: block;
    position: relative;
    top: -5px;
}
.acc_content{
    background: #FDFDFD;
    border: 1px solid #DFDFDF;
    border-radius: 0px 0px 5px 5px;
    padding: 38px 40px;
    display: none;

}
.acc_con_text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.acc_con_text > li{
    letter-spacing: -0.09px;
    font-size: 18px;
    color: #17232E;
    margin-top: 34px;
    padding-left: 20px;
    position: relative;
}
.acc_con_text > li:first-child{
    margin-top: 0px;
}
.acc_con_text > li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
    background: #B9C0EB;
}
.acc_con_text > li:has(.none):before{
    content: none;
}

.acc_con_text > li p{
    width: 100%;
}
.acc_title .icon.title{
    width: 10px;
    height: 16px;
    background-image: url(../image/icon_acc_title.png);
    margin-right: 11px;
}
.acc_title .icon.arrow{
    width: 25px;
    height: 15px;
    margin-left: 10px;
    background-image: url(../image/icon_acc_arrow.png);
    background-size: contain;
    transform: rotate(0deg);
    flex-shrink: 0;
}
.acc.open .acc_title .icon.arrow{
    transform: rotate(-180deg);

}
ol.count_circle{
    padding-left: 15px;
    margin-top: 25px;
    counter-reset: circle 0;
}
ol.count_circle.none{
    padding-left: 0px;
    margin-top: 0px;
}
ol.count_circle > li{
    position: relative;
    line-height: 26px;
    padding-left: 22px;
    letter-spacing: -0.09px;
}
ol.count_circle.none > li{
    margin-bottom: 38px;
}
ol.count_circle.mb_wide > li{
    margin-bottom: 16px;
}
ol.count_circle > li:last-child{
    margin-bottom: 0px;
}
ol.count_circle > li:before{
    position: absolute;
    top: 5px;
    left: 0px;
    counter-increment: circle 1;
    content: counter(circle);
    border: 1px solid #000;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    font-size: 12px;
    text-align: center;
    background: #FFF;
    justify-content: center;
}
.acc_con_text > li:has(.count_num):before{
    content: none;
}
ol.count_num{
    counter-reset: number 0;
}
ol.count_num_li{
    counter-reset: number 0;
    margin-top: 25px;
}
.acc_con_text > li:has(.count_num){
    padding-left: 0px;
}
ol.count_num > li,
ol.count_num_li > li{
    position: relative;
}
ol.count_num.indent > li{
    padding-left: 20px;
}
ol.count_num > li:before,
ol.count_num_li > li:before{
    padding-right: 8px;
    counter-increment: number 1;
    content: counter(number) '.';
}
ol.count_num.indent > li:before{
    position: absolute;
    left: 0px;
}
ul.count_dash{
    padding-left: 28px;
    word-break: break-all;
}
ul.count_dash li:before{
    content: '- ';
}

/* 소개 > gray_info */
.info .gray_info{
    background: #F5F5F5;
    padding: 12px 20px;
}
.acc_con_text > li:has(.gray_info){
    width: 100%;
    padding-left: 0px;
    margin-top: 12px;
}
.acc_con_text > li:has(.gray_info):before{
    content: none;
}
.gray_info p{
    font-size: 17px;
    letter-spacing: -0.09px;
    font-weight: 500;
    color: #17232E;
}
.gray_info p span{
    color: #302784;
}
/* 소개 > table */
.acc_con_text > li.table{
    padding-left: 0px;
    margin-bottom: 0px;
}
.acc_con_text > li.table:before{
    content: none;
}
.table10{
    width: 100%;
    border-top: 2px solid #302784;
}
.table10 thead th{
    padding: 14px;
    font-size: 18px;
    letter-spacing: 0.45px;
    font-weight: 500;
    text-align: center;
    background: #EBECF6;
    border-bottom: 1px solid #D0D1D2;
}
.table10 thead th:not(:last-child),
.table10 tbody td:not(:last-child),
.right_border{
    border-right: 1px solid #D0D1D2;
}
.table td{
    border-top: none;
    border-bottom: 1px solid #D0D1D2;
}
.tstyle_list tbody tr{
    border-bottom: 1px solid #E9EAEB;
}
.tstyle_list tbody tr:hover{
	background: #F7F7F7;
	cursor: pointer;
}
.table tbody tr > *:first-child{
    background: #F5F5F5;
    align-content: center;
    font-weight: 500;
    padding: 5px;
}
.table tbody tr > *:not(:first-child){
    padding: 34px;
    font-size: 17px;
    letter-spacing: -0.42px;
}
.table tbody tr > td:nth-child(3){
    padding: 30px 34px 26px 18px;
}
.table tbody .count_dot > li{
    font-size: 17px;
}
.table tbody .count_dot > li:not(:last-child){
    margin-bottom: 34px;
}
.table tbody li > .count_circle{
    padding-left: 0px;
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: -0.4px;
}

/* 주택건설사업 > 표 > 동그라미num */
.sub2_5 .table tbody td > .count_dot > li:before{
	top: 11px;
}
.sub2_5 .table tbody td > .count_circle > li{
    font-size: 17px;
    line-height: unset;
    letter-spacing: -0.04px;
    margin-bottom: 30px;
}
.table_notice_box{
    font-size: 15px;
    letter-spacing: -0.38px;
    color: #2F2F2F;
}


/* 수립절차 */
.size-fit{
    width: 100%;
    max-width: fit-content;
}
.size-xs{
    width: 100%;
    max-width: 334px;
}
.size-s{
    width: 100%;
    max-width: 471px;
}
.size-m{
    width: 100%;
    max-width: 580px;
}
.size-lg{
    width: 100%;
    max-width: 828px;
}
.apricot{
    background: #FAF3F3;
}
.skyblue{
    background: #E8EBFF;
}
.procs .acc_content{
    padding: 70px 20px;
}
.procs .procs_content{
    background: #FDFDFD;
    border: 1px solid #DFDFDF;
    border-radius: 0px 0px 5px 5px;
    padding: 70px 40px;
}

.step_box{
    text-align: center;
    border: 1px solid #707070;
    border-radius: 3px;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    word-break: break-all;
}
.step_box p:first-child{
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.55px;
}
.step_box .step_title_sub{
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #757575;
}
.step_box:has(.count_dash){
    text-align: left;
    align-items: flex-start;
}
.step_box .count_dash{
    font-size: 16px;
    letter-spacing: -0.4px;
    font-weight: 600;
    padding-left: 0px;
}
.sub1 .step_list,
.sub2_1 .step_list{
    margin: 0px auto;
    display: flex;
    flex-direction: column;
}
.sub1 .step_list > li:after,
.sub2_1 .step_list > li:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    margin: 30px 0px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.sub1 .step_list > li:last-child:after{
    content: none;
}
.sub1 .step_list > li:has(.skyblue):after,
.sub2_1 .step_list > li:has(.skyblue):after{
    margin: 46px 0px;
}
.sub1 .step_list > li:last-child:has(.skyblue):after{
    content: "";
    margin: 0px;
    width: 0px;
    height: 77px;
}
.sub1 .step_list li,
.sub2_1 .step_list li{
    position: relative;
}
.sub1 .step_list li .step_box,
.sub2_1 .step_list li .step_box{
    min-height: 95px;
}
.sub1 .step_list .skyblue{
    min-width: 218px;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: calc(calc(100% - 97px) / 2);
    transform: translateY(50%);
    border-radius: 50px;
    border: 1px solid #D8D8D8;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.09px;
    text-align: center;
    color: #2F2F2F;
    padding: 10px 20px;
}
.sub2_1 .parallel_panel{
    margin-top: 50px;
    background: #FDFDFD;
    border: 1px solid #DFDFDF;
    border-radius: 0px 0px 5px 5px;
    padding: 45px 50px;
    font-size: 18px;
    letter-spacing: -0.09px;
    line-height: 30px;
}
.sub2_1 .step_list li:last-child:after{
    content: "";
    margin: 0px;
    width: 0px;
    height: 0px;
}
.sub2_1 .parallel_panel p:not(:last-child){
    margin-bottom: 30px;
}
.sub2_1 .step_list .skyblue{
    min-width: 218px;
    width: fit-content;
    position: absolute;
    right: 0px;
    bottom: calc(calc(100% - 97px) / 2);
    transform: translateY(50%);
    border-radius: 50px;
    border: 1px solid #D8D8D8;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.09px;
    text-align: center;
    color: #2F2F2F;
    padding: 10px 20px;
}
.sub2_1 .step_list .navy{
    width: fit-content;
    position: absolute;
    left: 0px;
    bottom: calc(calc(100% - 97px) / 2);
    transform: translateY(50%);
    border-radius: 5px;
    background: #302784;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.45px;
    text-align: center;
    color: #FFF;
    padding: 10px 20px;
}
.sub1 .step_list > li:last-child:after{
    content: none;
}

.sub2_2 .step_list{
    margin: 0px auto;
}
.sub2_2 .step_box{
    height: fit-content;
    min-height: 80px;
}
.sub2_3 .step_list >li:nth-child(2) .list2 li:first-child .step_box p:first-child,
.sub2_2 .step_list >li:nth-child(2) .list2 li:nth-child(2) .step_box p:first-child,
.sub2_4 .step_box p:first-child,
.sub2_5 .step_box p:first-child{
    font-size: 18px;
    letter-spacing: -0.45px;
}

.list2{
    float: left;
}
.sub2_2 .list2{
    width: calc(100% - 204px);
}
.step_navy_box{
    width: 184px;
    height: 80px;
    background: #302784;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #FFFFFF;
    padding: 16px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step_navy_box span{
    display: block;
}
.step_list li .step_navy_box{
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    margin-right: 20px;
}
.list2 > li{
    display: flex;
    position: relative;
    margin-bottom: 60px;
}
.step_list li:last-child .list2 > li:last-child{
    margin-bottom: 0px;
}
.sub2_2 .list2 > li:has(.dashedBox){
/* 	margin-bottom: 100px; */
}
.list2 > li:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 151px;
    bottom: -39px;
}
.step_list li:last-child .list2 > li:last-child:after{
    content: none;
}
.step_detail_box{
    height: fit-content;
    border-left: solid 1px #707070;
    margin-left: 20px;
    position: relative;
}
.step_detail_box:after{
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #707070;
}
.step_detail_box:before{
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #707070;
}
.step_detail_box > .count_dot{
    width: 324px;
    display: flex;
    flex-direction: column;
    padding-left: 13px;
}
.count_dot li{
    position: relative;
    padding-left: 21px;
    letter-spacing: -0.4px;
}
.count_dot li:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #302784;
    position: absolute;
    left: 11px;
    top: 8px;
}
.count_dot.none{
    padding-left: 0px;
}
.count_dot.none li:before{
    content: none;
}

.step_color_box{
    position: absolute;
    right: 0px;
    bottom: -75px;
    display: flex;
    align-items: center;
}
.step_color_box .icon.stepapricot{
    width: 46px;
    height: 46px;
    margin-right: 20px;
    background-color: #FCEAED;
    background-image: url(../image/icon_step_arrow_apricot.png);
    border-radius: 50%;
}
.step_color_box .skyblue{
    padding: 8px 38px;
    border: 1px solid #D8D8D8;
    border-radius: 50px;
    line-height: 19px;
}

.sub2_3 .step_list{
    margin: 0px auto;
}
.sub2_3 .step_box{
    height: fit-content;
    min-height: 80px;
}
.sub2_3 .list2{
    width: calc(100% - 204px);
}

.sub2_4 .step_list{
    margin: 0px auto;
}
.sub2_4 .step_box{
    height: fit-content;
    min-height: 69px;
}

.list3 > li{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 334px));
    position: relative;
    margin-bottom: 65px;
    column-gap: 20px;
}
.list3 .step_detail_box{
    margin-left: unset;
}
.list3 > li:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
	left: calc(calc(50% - 36px) / 2);
    bottom: -41px;
}
.list3 > li:last-child:after{
    content: none;
}
.list3 > li:last-child{
    margin-bottom: 0px;
}
.list3 .count_dot.none{
    width: 97.3%;
}



.sub2_5 .step_list{
    margin: 0px auto;
}
.sub2_5 .step_box{
    height: fit-content;
    min-height: 69px;
}
.list4 > li{
    display: grid;
    grid-template-columns: minmax(0px, 334px) minmax(0px, 400px);
    margin-bottom: 65px;
    column-gap: 20px;
    position: relative;
}
.list4 > li:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 151px;
    bottom: -41px;
}
.list4 > li:last-child:after{
    content: none;
}
.list4 > li:last-child{
    margin-bottom: 0px;
}

/* 주택건설사업 > 수립절차 */
.step_detail_box_apricot{
    width: 100%;
    height: 100%;
    background: #FAF3F3;
    border: 1px solid #707070;
    border-radius: 3px;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    word-break:break-all;
    word-wrap:break-word;
}
.step_detail_box_apricot .count_dot li{
    padding-left: 28px;
}
.step_detail_box_apricot .count_dot li:before{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 7px;
    background: #B9C0EB;
}
.step_small_detail{
    position: absolute;
    word-break: keep-all;
    bottom: -45px;
    left: 35%;
    padding: 4px 22px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.38px;
    color: #2F2F2F;
}
.step_small_detail::before{
    content: "";
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: solid 1px #707070;
    border-right: none;
}
.step_small_detail::after{
    content: "";
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    border: solid 1px #707070;
    border-left: none;
}



.sub2_6 .step_list{
    margin: 0px auto;
    display: flex;
    flex-direction: column;
}
.sub2_6 .step_box{
    height: fit-content;
    min-height: 95px;
}
.sub2_6 .step_list > li{
    margin-bottom: 56px;
}
.sub2_6 .step_list > li:last-child{
    display: flex;
    margin-bottom: 0px;
}
.sub2_6 .step_list > li:last-child .step_box{
	height: auto;
	min-height: unset;
}
.sub2_6 .step_list > li:last-child .step_detail_box > .count_dot{
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}
.sub2_6 .step_list > li:last-child .step_detail_box > .count_dot li:first-child{
    padding-left: 11px;
}
.sub2_6 .step_list > li:last-child .step_detail_box > .count_dot li:first-child::before{
    content: none;
}
.list5 > li > .step_box{position: relative;}
.list5 > li > .step_box:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -37px;
}
.list5 > li:last-child > .step_box:after{content: none;}






.sub2_7 .step_list{
    margin: 0px auto;
}
.sub2_7 .step_list > li{
    margin-bottom: 56px;
}
.sub2_7 .step_list > li:last-child{
    margin-bottom: 0px;
}
.sub2_7 .step_box:not(.bdeprom div > .step_box){
    height: fit-content;
    min-height: 95px;
}
.sub2_7 .step_box p:first-child{
    font-size: 22px;
}
.list6 > li > .step_box{position: relative;}
.list6 > li > .step_box:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -37px;
}
.list6 > li:last-child > .step_box:after{content: none;}


.gray_info{
    background: #F5F5F5;
    padding: 12px 20px;
}
.gray_info p{
    font-size: 17px;
    letter-spacing: -0.09px;
    font-weight: 500;
    color: #17232E;
}
.gray_info p span{
    color: #302784;
}

.sub2_8 .step_list{
    margin: 0px auto;
}
.sub2_8 .step_list > li{
    display: flex;
    margin-bottom: 87px;
}
.sub2_8 .step_list > li:last-child{
    margin-bottom: 0px;
}
.sub2_8 .step_list > li .step_navy_box{
    width: 130px;
    height: unset;
    float: unset;
    text-align: center;
}
.sub2_8 .step_list > li .right_box{width: 741px;}
.sub2_8 .step_list > li .right_box > div{
    display: flex;
    margin-bottom: 65px;
}
.sub2_8 .step_list > li .right_box > div:last-child{
    margin-bottom: 0px;
}
.sub2_8 .step_list > li:nth-child(2) .right_box > div:first-child{
    margin-bottom: 110px;
}
.sub2_8 .step_list > li:nth-child(2) .right_box > div:first-child  .step_detail_box{
    bottom: -91px;
}
.sub2_8 .step_list > li .right_box > div:has(.step_detail_box){
    position: relative;
}
.sub2_8 .step_box.apricot{
    width: 100%;
    max-width: 250px;
    margin-left: 20px;
}
.sub2_8 .step_detail_box{
    width: 100%;
    max-width: 250px;
    position: absolute;
    bottom: -44px;
    right: 0;
}
.sub2_8 .step_detail_box > .count_dot{
    width: auto;
}
.sub2_8 .step_box{
    height: fit-content;
    min-height: 80px;
}

.list7 > li > .right_box .step_box:first-child{position: relative;}
.list7 > li > .right_box .step_box:first-child::after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -41.5px;
}
.sub2_8 .list7 > li:last-child .right_box div:nth-child(2) .step_box:first-child::after{
    content: none;
}


.sub2_9 .step_list{
    margin: 0px auto;
}
.sub2_9 .step_list > li{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 87px;
    gap: 166px;
}
.sub2_9 .step_list > li:last-child{
    margin-bottom: 0px;
}
.sub2_9 .step_list > li:nth-child(3){margin-bottom: -35px;}
.sub2_9 .step_list > li:nth-child(3) .apricot_box{padding-top: 35px;}
.sub2_9 .step_list > li:nth-child(5){margin-bottom: 20px;}
.sub2_9 .step_list > li:nth-child(7){margin-bottom: 14px;}
.sub2_9 .step_box{height: fit-content;min-height: 65px;}

.sub2_9 .apricot_box{margin-left: auto;}
.sub2_9 .apricot_box .step_box p{font-weight: 400;font-size: 18px;}
.sub2_9 .apricot_box .step_box{align-items: flex-start;text-align: start;padding: 10px 20px;}
.sub2_9 .apricot_box .step_box:not(:has(.noline)){position: relative;}
.sub2_9 .apricot_box.third .step_box::before{
	width: 83px;
	left: -84px;
}
.sub2_9 .apricot_box.third .step_box:first-child::before{
	top: 33px;
}
.sub2_9 .step_list > li:nth-child(3) .apricot_box{position: relative;}
.sub2_9 .step_list > li:nth-child(3) .apricot_box:before{
	content: "";
    display: block;
    width: 1px;
    height: calc(100% - 103px);
    position: absolute;
    background: #707070;
    top: calc(50% - -21px);
    left: -83px;
    transform: translateY(-52%);
}
.sub2_9 .apricot_box.third .step_box:nth-child(2)::before,
.sub2_9 .apricot_box.fifth .step_box:nth-child(2)::before,
.sub2_9 .apricot_box.fifth .step_box:nth-child(2)::before,
.sub2_9 .apricot_box.twelfth .step_box::before{
	width: 230px;
    left: -230px;
}
.sub2_9 .apricot_box.third .step_box:nth-child(3)::before{
    bottom: 33px;
}

.sub2_9 .apricot_box.seventh{display: flex;flex-direction: column;gap: 50px;}
.sub2_9 .apricot_box.seventh .step_box::after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -34px;
}
.sub2_9 .apricot_box .step_box::before{
    content: "";
    display: block;
    background: #707070;
    width: 166px;
    height: 1px;
    position: absolute;
    left: -167px;

}
.sub2_9 .apricot_box.twelfth .step_box{
	position: relative;
    top: 78px;
}
.sub2_9 .apricot_box.seventh .step_box:last-child:after{content: none;}
.list8 > li > .step_box{position: relative;}
.list8 .step_box p:first-child{font-size: 18px;}
.list8 > li > .step_box:after{
    content: "";
    display: block;
    background: url(../image/icon_step_arrow.png) no-repeat center;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -51px;
}
.list8 > li:last-child .step_box:after{
    content: none;
}
.list8 > li:nth-child(3) .step_box:after{
    bottom: calc(-50% - 51px);
}
.list8 > li:nth-child(5) .step_box:after{
    bottom: -50%;
}
.list8 > li:nth-child(7) .step_box:after{
    bottom: -150%;
}





/* 관련법규 */
.law_con{
    width: 100%;
}
.law_con li{
    width: 100%;
    height: 100%;
    border-bottom: solid 1px #959595;
}
.law_con li a{
    display: flex;
    align-items: center;
    padding: 26px 45px 21px 22px;
    color: #000;
}
.law_con .icon.law{
    width: 62px;
    height: 62px;
    margin-right: 15px;
    background-color: #F6F6FB;
    background-image: url(../image/icon_law.png);
    border-radius: 50%;
}
.law_con li:hover .icon.law ,
.law_con li a:focus-visible .icon.law{
    background-color: #FFF;
}
.law_con li .title{
    width: calc(100% - 86px);
    font-size: 24px;
    letter-spacing: -0.6px;
    text-align: left;
    font-weight: 500;
}
.goLink{
    width: 24px;
    height: 24px;
    margin-left: 15px;
    flex-shrink: 0;
}
.goLink img{
    width: 100%;
    display: block;
    object-fit: contain;
    filter: invert(79%) sepia(11%) saturate(19%) hue-rotate(315deg) brightness(101%) contrast(97%);
}
.law_con li:hover,
.law_con li a:focus-visible{
    background: #FAF3F3;
}
.law_con li:hover .goLink img,
.law_con li a:focus-visible .goLink img{
    filter: unset;
}

.emptyMsg{
    width: 100%;
    height: 55px;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.emptyMsg .icon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background-image:url(../image/icon_emptyMsg.png);
}


.pagination_wrap{
    width: 100%;
}
.pagination{
    margin: 0px auto;
    margin-top: 50px;
    width: fit-content;
    border-radius: 0px;
    display: flex;
    gap: 6px;
}
.page-item{
    width: 40px;
    height: 40px;
    padding: 3px;
    border-radius: 4px;
}
.page-item.dir{
    background: #F5F5F5;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.page-item.dir.first{
    background: #F5F5F5 url(../image/icon_pagin_first.png) no-repeat center;
}
.page-item.dir.prev{
    background: #F5F5F5 url(../image/icon_pagin_prev.png) no-repeat center;
}
.page-item.dir.last{
    background: #F5F5F5 url(../image/icon_pagin_last.png) no-repeat center;
}
.page-item.dir.next{
    background: #F5F5F5 url(../image/icon_pagin_next.png) no-repeat center;
}
.page-item a{
    font-size: 18px;
    color: #757575;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item:not(:has(.dir)).active a{
    color: #EE5467;
    font-weight: 700;
}

.a11y-hidden{
    position: absolute;
    white-space: nowrap;
    width: 0px;
    height: 0px;
    margin: 0px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.blind{
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    color: transparent !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
}

/* 3_1 */
.bbs_search{
    background: #F5F7FC;
    padding: 30px 22px;
}
.bbs_search .form_select,
.bbs_search .searchBox{
    height: 55px;
    border: 1px solid #A3B6D4;
    border-radius: 3px;
    font-size: 18px;
    color: #1D1D1D;
    margin: 0px 8px;
}
.bbs_search .form_select{
    padding: 2px 40px 2px 20px;
    letter-spacing: -0.45px;
    font-weight: 600;
    -webkit-appearance: none;
    background: #FFF url(../image/icon_select_chevron.png) no-repeat right 15px center;
}
.bbs_search .form_select.prjCod{
    width: 256px;
}
.bbs_search .form_select.searchKey{
    width: 150px;
}
.bbs_search .searchBox{
    background: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 463px);
}
.searchBox_notice_top{
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.bbs_search.notice .searchBox{
    width:-webkit-fill-available;
}
.bbs_search.notice .form_textbox.notice{
    width: calc(100% - 440px);
    height: 55px;
    border: 1px solid #A3B6D4;
    border-radius: 3px;
    font-size: 18px;
    color: #1D1D1D;
    margin: 0px 8px;
    padding: 2px 14px 2px 20px;
    letter-spacing: -0.09px;
}
.bbs_search.notice .dateBox{
	width: 408px;
    margin: 0px 8px;
    height: 55px;
    color: #323232;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.bbs_search.notice .dateBox span{
    width: 10px;
    margin: 0px 10px;
    display: block;
}
.bbs_search.notice .dateBox input[type="date"]{
	width: calc(50% - 15px);
    height: 100%;
    border: 1px solid #A3B6D4;
    border-radius: 3px;
	padding: 2px 0px 2px 20px;
   	position: relative;
   	background: #fff;
   	color: #000;
}
.bbs_search.notice .dateBox input[type="date"]::-webkit-calendar-picker-indicator,
.bbs_search.notice .dateBox input[type="date"]::-webkit-inner-spin-button{
    position: absolute;
	right: 5px;
    width: 30px;
    height: 30px;
    background: transparent;
	cursor: pointer;
}
.bbs_search.notice .dateBox input[type="date"]::before{
	content: "";
    width: 40px;
    height: 40px;
    background: #fff url(../image/icon_calendar.png) no-repeat center;
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    border-radius: 3px;
}
.bbs_search .searchBox .form_textbox{
    border: none;
	width: calc(100% - 62px);
    height: 100%;
    padding: 2px 14px 2px 20px;
    letter-spacing: -0.09px;
}
.bbs_search .searchBox button[type="submit"]{
    width: 26px;
    height: 26px;
    background: #FFF;
    line-height: 26px;
    /* overflow: hidden; */
    margin-right: 10px;
    position: relative;
}
.bbs_search .searchBox button[type="submit"]:before{
    content: "";
    background: url(../image/icon_search.png) no-repeat center;
    width: 28px;
    height: 28px;
    display: block;
}
.bbs_search .searchBox button[type="submit"]::after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #A3B6D4;
    position: absolute;
    top: 0;
    left: -14px;
}

.board_list{
    width: 100%;
    /* 팝업창 때문에 */
    position: relative;
}
.tstyle_list.table10 thead th{
    padding: 17px 14px;
}
.tstyle_list tbody tr > td{
    padding: 13px 24px;
    text-align: center;
}
.tstyle_list tbody tr > *:first-child{
    background: none;
}
.tstyle_list thead th:not(:last-child){
    border-right: 1px solid #FFF;
}
.tstyle_list tbody td:not(:last-child){
    border-right: none;
}


/* 3_1_1 */
.board_view{
    width: 100%;
    margin-top: 10px;
}
.board_view h3.title{
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #17232E;
    padding: 40px 30px;
    background: #F5F7FC;
    border-top: solid 2px #302784;
}
.board_view .contents{
    min-height: 350px;
    padding: 40px 35px;
    font-size: 18px;
    letter-spacing: -0.45px;
    white-space: pre-wrap;
    color: #17232E;
}
.board_view .info{
    width: 100%;
    border-top: 1px solid #D0D1D2;
    border-bottom: 1px solid #D0D1D2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    letter-spacing: 0.4px;
    font-size: 16px;
    font-weight: 300;
    padding: 20px;
}
.board_view .info li:last-child{
    padding-left: 10px;
}
.board_view .info li:not(:last-child){
    border-right: solid 1px #D2D2D2;
    padding: 0px 20px;
}

.board_view .info strong{
    font-weight: 600;
    padding: 0px 10px;
}
.file{
    display: flex;
    min-height: 80px;
    border-top: 1px solid #302784;
    border-bottom: 1px solid #D0D1D2;
}
.file .title{
    width: 130px;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #000000;
    padding: 6px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.file .title .icon{
    width: 22px;
    height: 23px;
    background-image: url(../image/icon_board_attach.png);
    margin-right: 6px;
}
.location{
    display: flex;
    min-height: 65px;
    border-top: 1px solid #9896A8;
    border-bottom: 1px solid #D0D1D2;
}
.location .title{
    width: 240px;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #000000;
    padding: 6px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.location .title .icon{
    width: 20px;
    height: 24px;
    background-image: url(../image/icon_location.png);
    margin-right: 6px;
}
.location div{
    width: calc(100% - 240px);
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #17232E;
    display: flex;
    align-items: center;
    padding: 6px 10px;
}
.location div p{
    padding-left: 20px;
    border-left: solid 1px #C7C7C7;
}
.file .list{
    width: calc(100% - 130px);
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.file .list li{
    width: 100%;
    letter-spacing: -0.4px;
    color: #302784;
    text-decoration: underline;
}
.board_btns{
    width: 100%;
    margin: 35px 0px;
}
.board_btns .button{
    min-width: 150px;
    background: #302784;
    border-radius: 3px;
    height: 60px;
    margin: 0PX auto;
    font-size: 20px;
    letter-spacing: 0.2px;
    color: #FFF;
    padding: 18px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.board_btns .button:hover{
    background: #57509B;
}
.board_btns .button .icon{
    width: 18px;
    height: 13px;
    background-image: url(../image/icon_list.png);
    margin-right: 14px;
}

/* 3_2_1 */
.notice_info_tit{
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    letter-spacing: -0.45px;
    margin-bottom: 30px;
    color: #17232E;
}
.notice_info_tit dt,
.notice_info_tit dd{
    border-bottom: solid 1px #D0D1D2;
    display: flex;
    align-items: center;
}
.notice_info_tit dt{
    padding: 6px 26px;
    width: 240px;
    min-height: 66px;
    background: #F5F7FC;
    justify-content: center;
}
.notice_info_tit dd{
    width: calc(100% - 240px);
    justify-content: flex-start;
    padding: 6px 26px;
}
.board_view.notice{
    border-top: solid 2px #302784;
}
.board_view.notice .contents{
    background: #F5F7FC;
    padding: 0px;
    height: 350px;
    min-height: unset;
    white-space: unset;
    position: relative;
}
.zoom_btn{
    background-color: rgba(255, 255, 255, .4);
    border-radius: 4px;
    padding: 2px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.zoom_btn .zoom_in,
.zoom_btn .zoom_out{
    width: 26px;
    height: 26px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: rgba(0, 60, 136, .5);
}
.zoom_btn .zoom_in{
    border-radius: 4px 4px 0px 0px;
}
.zoom_btn .zoom_out{
    border-radius: 0px 0px 4px 4px;
}

/* 3_3 */
.form_select option[value=""][disabled]{
    display: none;
}
.attachment{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.42px;
    color: #302784;
    vertical-align: middle;
}
.attachment .icon.attach{
    width: 17px;
    height: 18px;
    background-image: url(../image/icon_board_attach_gray.png);
    margin-right: 10px;
}
.attachment .icon.more{
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background-image: url(../image/icon_board_attach_more.png);
}
/* 3_4 */
.search_term{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.search_term li{
    display: flex;
}
.search_term li:first-child{
    margin-bottom: 30px;
}
.search_term li .title{
    width: 240px;
    padding-left: 30px;
}
.search_term li .title p{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: #000000;
    height: 50px;
    display: flex;
    align-items: center;
}
.search_term .search_text{
    width: 43%;
    padding: 6px 12px;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: solid 2px #0B0B0B;
    font-size: 24px;
    letter-spacing: -0.12px;
    color: #323232;
}
.search_term li:first-child .btn_wrap{
    display: flex;
    align-items: center;
    margin-left: 20px
}
.search_term li:first-child .btn_wrap button{
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 3px 3px 3px #00000029;
    border-radius: 5px;
    width: 115px;
    height: 44px;
    padding: 6px 10px;
}
.search_term li:first-child .btn_wrap button.search{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    background: #302784;
    color: #FFF;
    margin-right: 15px;

}
.search_term li:first-child .btn_wrap button.search:hover{
	background:#57509B;
}
.search_term li:first-child .btn_wrap button.reset{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    background: #FFF;
    color: #0B0B0B;
    border: 2px solid #302784;
}
.search_term li:first-child .btn_wrap button.reset:hover{
	background: #F7F7F7;
}
.search_term li:first-child .btn_wrap button .icon.search{
    width: 27px;
    height: 27px;
    background-image: url(../image/icon_search_w.png);
	background-size: contain;
    margin-right: 10px;
}
.search_term li:first-child .btn_wrap button .icon.reset{
    width: 18px;
    height: 18px;
    background-image: url(../image/icon_reset.png);
    background-size: contain;
    margin-right: 10px;
}
.search_term .search_index{
    width: calc(100% - 240px);
}

.search_index{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.search_index .search_index_btn{
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: #FFF;
    border: solid 1px #DEDEDE;
    color: #000;
    cursor: pointer;
}
.search_index .search_index_btn:hover{
	background: #F7F7F7;
}
.search_index .search_index_btn.active{
    background: #EE5467;
    border-color: #EE5467;
    color: #fff;
}
.tstyle_list.term thead th{
    border-bottom: 1px solid #302784;
}
.tstyle_list.term thead th:not(:last-child),
.tstyle_list.term tbody td:not(:last-child){
    border-right: 1px solid #302784;
}
.tstyle_list.term tbody tr > td a{
	word-break: break-all;
}

.termPop{
    display: none;
    position: absolute;
    top: 115px;
    left: 25%;
    width: 53.83%;
    height: 380px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px #00000033;
    border: 1px solid #302784;
    border-radius: 5px;
    z-index: 6;
    cursor: move;
}
.termPop .close{
    display: flex;
    align-items: center;
    width: 17px;
    height: 17px;
    margin-left: auto;
}
.termPop dl{
    width: 100%;
    height: 100%;
}
.termPop dl dt{
    width: 100%;
    background: transparent linear-gradient(90deg, #2D3E97 0%, #EE3D4C 100%);
    color:#FFF;
    padding: 10px 15px;
    display: flex;
    align-items: flex-start;
}
.termPop dl dt div{
	display: flex;
    flex-wrap: wrap;
}
.termPop dl dt .popTit{
    padding: 0px 20px 0px 15px;
}
.termPop dl dt .popSubTit p{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #FFFFFF;
}
.termPop dl dt .popSubTit{
    padding: 0px 20px 0px 15px;
    position: relative;
}
.termPop dl dt .popSubTit:before{
    content: "";
    height: 20px;
    width: 1px;
    background: #FFFFFF;
    box-shadow: 1px 0px 0px #000000;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.termPop dl dt .popSubTit p{
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #EADAF6;
}
.termPop dl dd{
    height: calc(100% - 82px);
    padding: 10px 22px;
    margin: 20px 8px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #494949;
    overflow-y: auto;
}

/* 스크롤 css */
.scroll_css::-webkit-scrollbar{
	margin: 15px 0px;
	width: 4px;
	border-radius: 4px;
	background: #F1F1F1;
}
.scroll_css::-webkit-scrollbar-thumb{
	background: #EBECF1;
	border-radius: 4px;
}
.scroll_css::-webkit-scrollbar-track{
	background: #FFF;
	border-radius: 4px;
}

/* 로그인 login */
#contents:has(.sub_inner.login){
	background: #F2F5FA;
}
.sub_inner.login{
	min-height: 747px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login > div{
	margin: 0px auto;
	width: 800px;
	background: #FFFFFF;
	box-shadow: 0px 3px 7px #40404040;
	border: 1px solid #00204880;
    padding: 50px 80px;
}
.login .title{
	font-size: 48px;
	font-weight: 800;
	letter-spacing: 0.48px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.login .title .icon.title{
	width: 67px;
	height: 67px;
    background-image: url(../image/icon_login_title.png);
    margin-right: 23px;
}
.login .form{
	width: 100%;
    margin-top: 40px;
}
.login .login_input_box{
	display: flex;
}
.login .login_input_box ul{
	width: calc(100% - 155px);
}
.login .login_input_box ul .input-group{
	display: flex;
    align-items: center;
}
.login .login_input_box ul .input-group:first-child{
	margin-bottom: 10px;
}
.login .login_input_box ul .input-group input{
	width: calc(100% - 170px);
	border: none;
	background: none;
	font-size: 20px;
	letter-spacing: 0px;
	color: #757575 !important;
	padding: 16px 16px;
	border-bottom: solid 1px #2A2A2A;
}
.login .login_input_box ul .input-group input:-webkit-autofill{
    -webkit-transition: background-color 9999s ease-out;
    -webkit-text-fill-color: #757575 !important;
}
.login .login_input_box ul .input-group label{
	min-width: 130px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.6px;
}
.login .btn.login{
    width: 155px;
    height: 144px;
	background: #302784;
	border-radius: 7px;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.28px;
	color: #FFFFFF;
}
.login .login_check_box{
	margin: 14px 0px;
}
.login .login_check_box label{
	margin-left: 130px;
	font-size: 16px;
	letter-spacing: 0px;
	color: #555555;
    display: flex;
    align-items: center;
}

.login .login_check_box .form-check-input{
	width: 23px;
	height: 23px;
	margin-right: 10px;
}



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

}
@media screen and (max-width: 1200px){
    .breadcrumb_bar{
        width: 100%;
    }
    .sub_inner{
        padding: 0px 20px;
    }
    .sub_inner.sub3{
        margin-bottom: 100px;
    }
    .sub_visual .sub_inner{height: 176px;}
}
@media screen and (max-width: 1024px){
    .list2 > li{
        flex-direction: column;
    }
    .list2 > li:after{
        left: 50%;
        transform: translateX(-50%);
    }
    .list2 .step_detail_box{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
    .list2 .step_detail_box > .count_dot{
        width: 100%;
        max-width: 324px;
    }
    .list2 .step_color_box{
        position: relative;
        bottom: 0;
        margin-top: 20px;
    }
    .sub2_2 .list2 > li:has(.step_color_box){
        margin-bottom: 60px;
    }

    /* 용어집 */
    .bbs_search{
        padding: 30px 52px;
    }
    .search_term li:first-child{
        flex-wrap: wrap;
    }
    .search_term li .title{
        padding-left: 0px;
        width: 120px;
    }
    .search_term .search_text{
        width: calc(100% - 120px);
    }

    .search_term li:first-child .btn_wrap{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
    .search_term li:first-child .btn_wrap button{
        width: 100%;
    }
    .search_term li:first-child .btn_wrap button .icon.search{width: 20px;}
    .search_term li:first-child .btn_wrap button.search{
	    font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.4px;
    }
    .search_term li:nth-child(2){
        flex-direction: column;
    }
    .search_term .search_index{
        width: 100%;
    }
    /* 자료실 */
    .bbs_search .form_select.prjCod{
        width: calc(50% - 4px);
        margin: 0px 4px 10px 0px;
        float: left;
    }
    .bbs_search .form_select.searchKey{
        width: calc(50% - 4px);
        margin: 0px 0px 10px 4px;
        margin-bottom: 10px;
    }
    .bbs_search .searchBox{
        width: 100%;
        margin: 0px;
    }
    /* 고시 */
    .searchBox_notice_top{
        flex-direction: column;
    }
    .bbs_search.notice .form_textbox.notice{
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
    }
    .bbs_search.notice .dateBox{width: 100%;}


    .bbs_search.notice .dateBox{
        margin: 0px;
    }

    .board_view h3.title{
        font-size: 26px;
        padding: 30px 20px;
    }
}

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

	.sub_visual_text{font-size: 13px;}

    .breadcrumb_wrap{height: 50px;}
    .breadcrumb_bar li{font-size: 13px;padding: 0px 16px;}
    .breadcrumb_bar li.home{width: 50px;}

    .sub_title{height: 126px;}
    .sub_title p{font-size: 40px;}

	.sub_visual{background: url(../image/sub-bg-720.png) no-repeat center;background-size: cover;height: 254px;}
    .sub_visual .sub_inner{justify-content: center;height: 154px;padding: 0px 2.6042vw;}

    .procs .procs_content{
        padding: 50px;
    }
    .tab_menu{
        gap: 10px;
        min-height: 58px;
		margin: 37px 0px 20px 0px;
    }

    .tab_menu > li .tab_title{
        font-size: 20px;

    }
    .tab_con_wrap{
        padding: 0px 0px 120px 0px;
    }

    .table10 thead th{font-size: 16px;padding: 14px 6px;align-content: center;}
    .table10 tbody td:not(:last-child){font-size: 14px;}
    .table tbody .count_dot > li{font-size: 13px;}
    .table tbody .count_dot > li:not(:last-child){margin-bottom: 24px;}
    .table tbody tr > *:not(:first-child){padding: 24px;font-size: 14px;}
    .table tbody tr > *:first-child{line-height: 1.4;}
    .table tbody tr > td:nth-child(3){padding: 24px 18px;}


    .table tbody td > .count_circle > li{font-size: 13px;padding-left: 20px;margin-bottom: 24px;}
    .table tbody td > .count_circle{padding-left: 0px;}
    .acc_title .title{font-size: 20px;}

    .acc_con_text > li{font-size: 16px;margin-top: 24px}
    .step_box p:first-child{font-size: 18px;}
    .step_box .step_title_sub{font-size: 14px;}
    .step_detail_box{font-size: 14px;}

    .count_dot li{padding-left: 14px;font-size: 14px;}
    .count_dot li:before{left: 0px;top: 5px;}
    .sub2_5 .table tbody td > .count_dot > li:before{top: 7px;}


	.table_notice_box{font-size: 13px;}

    ol.count_circle{margin-top: 15px;}
    ol.count_circle.none > li{margin-bottom: 30px;}
    ol.count_circle.none > li:last-child{margin-bottom: 0px;}

    .step_detail_box_apricot{font-size: 12px;}
    .step_detail_box_apricot .count_dot li{padding-left: 18px;}
    .step_detail_box_apricot .count_dot li:before{width: 6px;height: 6px;left: 6px;}



    .sub1 .step_list .skyblue{
        font-size: 16px;
        width: 100%;
        bottom: calc(calc(100% - 50px) / 2);
        transform: translate(-50%, 50%);
        right: unset;
        left: 50%;
    }
    .sub1 .step_list > li:after,
	.sub2_1 .step_list > li:after{
	    margin: 15px 0px;
	}
    .sub1 .acc:nth-child(2) .step_list > li:has(.skyblue):after{margin: 70px 0px 20px;}
    .sub1 .acc:nth-child(2) .step_list > li:last-child:has(.skyblue):after{margin: 20px 0px 0px;}
    .sub1 .acc:nth-child(2) .step_list .skyblue{
        width: 100%;
        right: unset;
        left: 50%;
        transform: translate(-50%, 50%);
        bottom: calc(calc(100% - 50px) / 2);
    }

    .sub1 .step_list > li:last-child:has(.skyblue):after{}
    .sub1 .step_list > li:has(.skyblue):after{margin: 70px 0px 15px}
    .sub2_1 .step_list > li:has(.skyblue):after{margin: 30px 0px;}
    .sub1 .step_list li .step_box,
    .sub2_1 .step_list li .step_box{min-height: 85px;}

    .sub2_1 .step_list .skyblue{
    	min-width: unset;
    	font-size: 14px;
        bottom: calc(calc(100% - 84px) / 2);
        right: 0px;
        border-radius: 25px;
        padding: 4px 16px;
    }
    .sub2_1 .step_list .navy{padding: 5px 15px;bottom: calc(calc(100% - 84px) / 2);font-size: 14px;}
    .sub2_1 .parallel_panel{font-size: 14px;padding: 25px 30px;margin-top: 25px;line-height: unset;}

    .sub2_7 .step_box p:first-child{font-size: 18px;}

    .sub2_8 .step_list{max-width: 100%;}
    .sub2_8 .step_list > li{
        flex-direction: column;
    }
    .sub2_8 .step_detail_box{width: 125px;bottom: -58px;}
    .sub2_8 .step_list > li:nth-child(2) .right_box > div:first-child{margin-bottom: 186px;}
    .sub2_8 .step_list > li:nth-child(2) .right_box > div:first-child .step_detail_box{bottom: -144px;}

    .sub2_8 .step_list > li .step_navy_box{width: 100%;margin-bottom: 20px;margin-right: 0px;align-items: center;}
    .sub2_8 .step_list > li .right_box{width: 100%;}
    .list7 > li:nth-child(2) > .right_box div:first-child .step_box:first-child::after{bottom: -125%;}

    .gray_info p{font-size: 14px;}



	.sub2_3 .step_list >li:nth-child(2) .list2 li:first-child .step_box p:first-child,
	.sub2_2 .step_list >li:nth-child(2) .list2 li:nth-child(2) .step_box p:first-child,
	.sub2_4 .step_box p:first-child, .sub2_5 .step_box p:first-child{
	    font-size: 14px;
	    letter-spacing: -0.45px;
	}
    .list4 > li:after{left: calc(50% - 16px);}
    .list4 > li:has(.step_small_detail){margin-bottom: 130px;}
    .step_small_detail{
        bottom: -100px;
        left: 0px;
    }

	.sub2_5 .table tbody td > .count_circle > li{font-size: 13px;margin-bottom: 14px;}
	.sub2_6 .step_list > li{margin-bottom: 48px;}
	.list5 > li > .step_box:after{bottom: -34px;}
	.sub2_7 .step_list > li{margin-bottom: 48px;}
	.list6 > li > .step_box:after{bottom: -34px;}

    .sub2_9 .step_list > li{gap: 50px;margin-bottom: 67px;}
    .sub2_9 .apricot_box .step_box::before{width: 50px;left: -51px;}
    .sub2_9 .apricot_box.third .step_box::before{width: 25px;left: -26px;}
    .sub2_9 .step_list > li:nth-child(3) .apricot_box:before{left: -25px;}

    .list8 > li > .step_box:after{bottom: -41px;}
    .sub2_9 .apricot_box .step_box p{font-size: 14px;}

    .sub2_9 .apricot_box.third .step_box:nth-child(2)::before,
	.sub2_9 .apricot_box.fifth .step_box:nth-child(2)::before,
	.sub2_9 .apricot_box.fifth .step_box:nth-child(2)::before,
	.sub2_9 .apricot_box.twelfth .step_box::before{
	    width: 79px;
	    left: -80px;
	}
	.sub2_9 .apricot_box.twelfth .step_box{
	    top: 68px;
	}

	.law_con li a{padding: 21px 20px 21px 20px;}
    .law_con li .title{
        font-size: 22px;
        letter-spacing: -0.55px;

    }
    .law_con li .goLink{
        width: 18px;
        height: 18px;
    }


    /* 고시, 자료실, 공지사항 */
    .board_list.notice thead,
    .board_list.notice colgroup,
    .board_list.filebrd thead,
    .board_list.filebrd colgroup,
    .board_list.ntcbrd thead,
    .board_list.ntcbrd colgroup{
        display: none;
    }
    .board_list.notice tr,
    .board_list.filebrd tr,
    .board_list.ntcbrd tr{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 10px;
    }
    .board_list.notice td.m_hidden,
    .board_list.filebrd td.m_hidden,
    .board_list.ntcbrd td.m_hidden{
        display: none;
    }
    .board_list.notice td::before,
    .board_list.filebrd td::before,
    .board_list.ntcbrd td::before{
        content: attr(aria-label);
        text-align: left;
        display: inline-block;
        margin-right: 8px;
        font-weight: 500;
        color: #302784;
    }
    .board_list.notice tr > td a,
    .board_list.filebrd tr > td a,
    .board_list.ntcbrd tr > td a{
        display: block;
    }
    .board_list.notice td,
    .board_list.filebrd td,
    .board_list.ntcbrd td{
        padding: 0px;
        margin-bottom: 4px;
        text-align: left;
        font-size: 14px;
    }
    .board_list.notice tr:nth-of-type(odd),
    .board_list.filebrd tr:nth-of-type(odd),
    .board_list.ntcbrd tr:nth-of-type(odd){
        background: #EDEDF3;
    }

    /* 고시 상세 */
    .notice_info_tit dd{
        font-size: 16px;
    }
    .notice_info_tit dt{
        min-height: unset;
    }
    .step_list.acmgst > li:last-child:has(.skyblue):after{
        height: 0px;
    }
    .location div{
        font-size: 16px;
    }

    /* 용어집 */
	.search_term li .title{
        width: 90px;
    }
    .search_term li:first-child .title{width: 60px;}
    .search_term .search_text{
   		width: calc(100% - 60px);
        font-size: 20px;
    }
    .search_term li .title p{
        font-size: 20px;
		height: 43px;
    }
    .search_term li:first-child .btn_wrap button{height: 40px;line-height: 18px;}
    .search_term li:first-child .btn_wrap button.search{
        font-size: 14px;
    }
    .search_term li:first-child .btn_wrap button .icon.search{
		height: 18px;
    }
    .search_term li:first-child .btn_wrap button .icon.reset{
        width: 16px;
    }
    .search_term li:first-child .btn_wrap button.reset{
        font-size: 14px;
    }
    .search_index .search_index_btn{
        width: 46px;
        height: 46px;
    }
    .tstyle_list.table10 thead th{
        padding: 13px 10px;
    }
    .tstyle_list tbody tr:hover{
		background: unset;
	}
    .tstyle_list tbody tr > td{
        padding: 11px 20px;
    }
    .termPop{
        width: 100%;
		height: auto;
    }
    .termPop dl dd{margin: 20px 8px;font-size: 14px;padding: 0px 16px;}

    /* sub3 */
    .bbs_search{
        padding: 25px 20px;
    }
    .bbs_search .form_select,
    .bbs_search .searchBox,
    .bbs_search.notice .form_textbox.notice,
    .bbs_search.notice .dateBox{
        height: 45px;
    }
    .bbs_search .form_select,
    .bbs_search .searchBox,
    .bbs_search.notice .form_textbox.notice,
    .bbs_search.notice .dateBox{
        font-size: 16px;
    }
    .board_view h3.title{
        font-size: 20px;
        padding: 20px 12px;
    }
    .board_view .info{
        font-size: 14px;
        padding: 12px;
    }
    .board_view .info li:not(:last-child){
        padding: 0px 10px;
    }
    .board_view .info strong{
        padding: 0px 6px;
    }
    /* 3_1 상세 */
    .board_view .contents{
        padding: 20px 15px;
        font-size: 16px;
    }
    .file .title{font-size: 16px;flex-shrink: 0;}

    /* 3_1 상세_ 고시 제목 */
    .notice_info_tit{
        font-size: 16px;
    }
    .board_btns .button{
        min-width: 120px;
        height: 50px;
        font-size: 16px;
    }
    .file .list{
    }
    .file .list li{
        font-size: 14px;
    }

    /* pagination */
    .page-item{
        width: 24px;
        height: 24px;
    }
    .page-item.dir.first,
    .page-item.dir.prev,
    .page-item.dir.next,
    .page-item.dir.last{
        background-size: 40%;
    }
    .page-item a{
        font-size: 14px;
    }
}
@media screen and (max-width: 580px){
    .step_navy_box{font-size: 16px;width: 30%;align-items: flex-start;flex-direction: column;height: fit-content;}
    .sub2_2 .list2{width: calc(70% - 20px);}
    .step_color_box .skyblue{font-size: 12px;border-radius: 25px;padding: 8px 20px;}
    .sub2_3 .list2{width: calc(70% - 20px);}
}
@media screen and (max-width: 540px){

}
@media screen and (max-width: 480px){
    header{height: 73px;}
    .sub_visual_text{font-size: 10px;}
	.acc:not(:last-child){margin-bottom:10px;}
    .acc:not(:last-child).open{margin-bottom: 30px;}
    .acc_title{padding: 14px 15px 14px 15px;}
    .acc_title .title{font-size: 17px;}
    .sub_visual{height: 148px;}
    .sub_visual .sub_inner{height: 75px;}

    .table10 thead th{font-size: 14px;}
	.table tbody tr > *:not(:first-child){padding: 10px;}

	.table tbody tr > td:nth-child(3){padding: 10px;}
    .table tbody .count_dot > li:not(:last-child){margin-bottom: 14px;}
    .table tbody td > .count_circle > li{margin-bottom: 14px;}

    .acc_content{padding: 25px 20px;}
    .procs .acc_content{padding: 25px 20px;}
    .acc_con_text > li{font-size: 14px;padding-left: 16px;}
    .acc_con_text > li:before{
        width: 8px;
        height: 8px;
        top: 6px;
    }
    ol.count_circle > li{line-height: 22px;}
    ol.count_circle > li:before{width: 14px;height: 14px;font-size: 10px;}
    ol.count_circle.mb_wide > li{margin-bottom: 10px;}

    .sub2_9 .apricot_box.third .step_box:nth-child(2)::before,
	.sub2_9 .apricot_box.fifth .step_box:nth-child(2)::before,
	.sub2_9 .apricot_box.fifth .step_box:nth-child(2)::before,
	.sub2_9 .apricot_box.twelfth .step_box::before{
		width: 31px;
        left: -32px;
	}

    .procs .procs_content{
        padding: 20px;
    }
    .sub_inner{
        padding: 0px 16px;
    }
    .sub_inner.sub3{
        margin-bottom: 70px;
    }
    .sub_title,
    .sub3 .sub_title{
        height: 112px;
    }
    .tab_menu > li .tab_title{
        font-size: 14px;
        padding: 6px 10px;
    }
    .tab_con_wrap{
        padding-bottom:70px;
    }
    .sub_title p{
        font-size: 32px;
        letter-spacing: -0.8px;
        padding-top: 24px;
    }
    .sub_title p:before{top: -17px;}

    .sub2_1 .step_list > li:has(.skyblue):after{margin: 72px 0px 15px 0px;}
    .sub2_1 .step_list > li:has(.skyblue) .navy{bottom: calc(calc(100% - 140px) / 2);}
    .sub2_1 .step_list .skyblue{width: 100%;bottom: calc(calc(100% - 49px) / 2);}
    .sub2_1 .parallel_panel{padding: 20px;margin-top: 0px;}

    .step_list li .step_navy_box{font-size: 14px;}

    .list3 > li{margin-bottom: 48px;}
    .list3 > li:after{bottom: -33px;}
    .sub2_6 .step_box{
		min-height: 75px;
    }

    .sub2_8 .step_list > li .step_navy_box{margin-bottom: 10px;font-size: 16px;}
    .sub2_8 .step_box.apricot{margin-left: 10px;}

    .sub2_9 .step_list > li{gap: 20px;}
    .sub2_9 .apricot_box .step_box::before{
        width: 20px;
        left: -21px;
    }
    .sub2_9 .apricot_box.third .step_box::before{width: 10px;left: -10px;}
    .sub2_9 .step_list > li:nth-child(3) .apricot_box:before{left: -10px;}

    .tab_menu{
        gap: 5px;
        min-height: 35px;
        margin: 10px 0px 20px 0px;
    }
    .law_con li .title{
        font-size: 18px;
        letter-spacing: -0.45px;
    }

	/* 알림마당 */
	.bbs_search{padding: 20px 15px;}
    .bbs_search .form_select,
    .bbs_search .searchBox,
    .bbs_search.notice .form_textbox.notice,
    .bbs_search.notice .dateBox{
        font-size: 14px;
    }
    .bbs_search .form_select{padding: 2px 40px 2px 10px;}
    .bbs_search.notice .form_textbox.notice{padding: 2px 10px;}
	.bbs_search .searchBox .form_textbox{padding: 2px 10px;}
	.bbs_search.notice .dateBox input[type="date"]{padding: 2px 10px;}
	/* 상세 */
    .board_view .info{font-size: 13px;}
    .board_view .contents{
       padding: 10px 12px;
       font-size: 14px;
    }
    .file .title{width: 110px;padding: 6px 12px;}
    .file .list{width:calc(100% - 110px);padding: 6px 12px;}

    .board_view .info li:not(:last-child){
        padding: 0px 5px;
    }
    .board_view .info li:last-child{
	    padding-left: 5px;
	}
	/* 용어집 */
	.search_term .search_text{
		font-size: 16px;
		padding: 2px 10px;
	}
    .search_term li:first-child{
    	margin-bottom: 15px;
    }
    .search_term li:first-child .btn_wrap{
		margin-top: 15px;
    }
    .search_index .search_index_btn{
		width: 40px;
        height: 40px;
	}
    /* 고시상세 */
    .notice_info_tit dt{width: 120px;padding: 6px 16px;}
    .notice_info_tit dd{width: calc(100% - 120px);font-size: 14px;}
    .location .title{width: 120px;padding: 6px 16px;font-size: 16px;}
    .location div{width: calc(100% - 120px);font-size: 14px;}
}
@media screen and (max-width: 375px){
	.breadcrumb_wrap{height: 40px;}
	.breadcrumb_bar{justify-content: flex-start;}
	.breadcrumb_bar li.home{width: 40px;}
    .breadcrumb_bar li:not(:has(a)){flex: 0 0 auto;}
    .tstyle_list.term thead th{font-size: 14px;}
    .table10 thead th{font-size: 12px;}
}