@charset "utf-8";

.smain-top-wrap {
    position: relative;
}
.smain-top-wrap::after {
    content: '';
    position: absolute;
    top: -6rem;
    left: 50%;
    width: 100vw;
    height:  calc(100% + 6rem);
    margin-left: -50vw;
    background:#F3F9FF;
    z-index: -1;

}
.sub-main-top {
    position: relative;
    padding:50px 0;
    margin-bottom:60px;

}
/*
.sub-main-top::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background:#F3F9FF;
    z-index: -1;

}

 */



/*
.container-bar-wrap .side-bar-wrap .search-box-wrap { position: relative; border:1px solid var(--youth-gray-30); border-radius: var(--youth-rd-2); width: 100%; }

.container-bar-wrap .side-bar-wrap .search-box-wrap .search-box { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 2rem; border-radius: 100px; cursor: pointer; width: 100%; height: 60px; }
.container-bar-wrap .side-bar-wrap .search-box input { border: 0; height: 100%; width: calc(100% - 3rem); padding: 0; font-weight: 500; letter-spacing: -0.5px; }
.container-bar-wrap .side-bar-wrap .search-box button { border: 0; width:3rem; height: 100%; background: none; }
.container-bar-wrap .side-bar-wrap .search-box button i { color: var(--youth-point-70); font-size: 2.7rem; font-weight: 500; }
.container-bar-wrap .side-bar-wrap .search-box button span { font-size:0; }



.btn-bd { background: none; border-radius: 8px; border: 2px solid var(--youth-point-30); }
.btn-bd.btn-bd2 { background: linear-gradient(white, white) padding-box padding-box, linear-gradient(to right, #5BC879, #6179E4) border-box border-box; }
.btn-bd.btn-bd2 .btn.ic-compare { color: #445ca2; background: linear-gradient(90deg, rgb(142 255 41 / 5%) 1.06%, rgba(50, 185, 252, 0.05) 8.06%, rgba(89, 119, 242, 0.05) 38.06%, rgb(63 90 241 / 5%) 60.06%, rgb(63 233 152 / 5%) 72.06%, rgb(19 237 211 / 5%) 101.06%); }
.btn-bd.btn-bd2 .btn.ic-compare:before { display:none; }
.btn-bd.btn-bd2 .btn.ic-compare i { margin-right:8px; }
.btn.ic-compare { border-radius: 8px; background: linear-gradient(90deg, rgba(41, 209, 255, 0.05) 1.06%, rgba(50, 185, 252, 0.05) 8.06%, rgba(89, 119, 242, 0.05) 38.06%, rgba(123, 63, 241, 0.05) 60.06%, rgba(123, 63, 233, 0.05) 72.06%, rgba(220, 19, 237, 0.05) 101.06%); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px; padding: 10px 25px; font-weight: 600; color: var(--youth-point-30); border: none; position:relative; display: flex; align-items: center; height: 100%; }
.btn.ic-compare:before { content: ''; position: relative; width: 17px; height: 16px; background: url(../images/board/ic-compare.svg) center no-repeat; margin-right: 8px; display: inline-block; }
 */

.sch-sort {display: flex;gap: 5px;flex-wrap: wrap;margin-left:auto;}
.sch-sort .form-select {/*width:10rem; padding: 1rem 2rem 1rem 1rem;*/height: 4.5rem; border-color: #DEE2E6;}
.sch-sort fieldset { display:inline-block; margin-left:auto; }
.sch-sort  ul.tabs li {
    width: 4.5rem;
    height: 4.5rem;
}
.sch-sort .btn-view {
    height: 4.5rem;
}
/* 게시판 검색 */
.search-form { position: relative; background: var(--bo-lightgray); padding: 50px 0; z-index: 1; justify-content: center; display: flex; align-items: center; gap: 10px; border-radius: 10px; }
.search-form2 { background: var(--bo-lightgray2); border: 1px solid var(--youth-gray-40); }
.search-form .sc-input { width:40%; }
.search-form2 .sc-input { border: 3px solid var(--bo-navy); }
.selectscnt { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.selectscnt .pageinfo span.tCnt, .selectscnt .pageinfo span.cPage { font-weight: 600; margin-left: 3px; }

@media screen and (max-width:540px){
    .sub-main-top{padding-top: 8px;}
    .pageinfo{margin-bottom: 8px;}
    .sch-sort .btn.icon { width:100%; margin-top:10px;}
    .sch-sort fieldset,
    .sch-sort{margin-left: unset;}
}







.h3-title:first-child { margin-top: 0; }
.h3-title {
    position: relative;
    font-weight: 700;
    font-size: 2.9rem;
    letter-spacing: -0.5px;
    display: block;
    margin-top: 4rem; margin-bottom: 2rem;
}
.h3-title.hot {
    background:url(../images/board/icn_hot_title.png) 0 8px no-repeat;
    padding-left:3rem;
    margin-top:0;
}
.h4-title {
    position: relative;
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: -0.5px;
    display: block;
    margin-top: 4rem; margin-bottom: 2rem;
}


.box1 {

    padding: 2rem 2.5rem;
    border-radius: 0.4rem;
    background-color: var(--youth-secondary-5);
}
.box1 strong {
    clear: both;
    float: left;
    width: 10.5rem;
    font-weight: 400;
    color: #FF4337;
}
.box1 span {
    float: right;
    width: calc(100% - 10.5rem);
    font-weight: 300;
}
.box1 p {
    overflow: hidden;
}
.box1 p + p {
    margin-top: 1rem;
}


.box2 {
    position: relative;
    max-width: 100%;
    border-radius: 0.6rem;
    background-color: var(--youth-gray-5);
    border: 2px solid var(--youth-black);
    border-radius: var(--youth-rd-1) var(--youth-rd-1);
    min-height: 12rem;
    display: flex;
    align-items: center;
    padding-left: 18rem;
}
.box2 > i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 4.5rem;
    width: 9rem;
    height: 9rem;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    line-height: 9rem;
    padding:1.5rem;
}
.box2 p {

}
.box2 span {
    font-size: 1.6rem;
    display: block;
}
.box2 span a {
    text-decoration: underline;
}
.box2 .btn1 {
    width: 18rem;
    height: 5.2rem;
    line-height: 5rem;
}
.box2 .btn1 i {
    top: 1.5rem;
}

.box3{
    position: relative;
    margin-bottom: 30px;
    border: 2px solid  var(--youth-black);
    border-radius: 5rem 0 5rem 0;
    background: #fff;
    z-index: 0;
}
.box3::before {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 90px;
    aspect-ratio: 1;
    z-index: -1;
    border-radius: 53px 4px 4px 4px;
    background-repeat: no-repeat;
    border-left: 23px solid var(--youth-secondary);
    border-top: 3px solid var(--youth-secondary);
}
.box3 .box-inner {
    position: relative;
    padding: 4rem;
    background: #fff;
    border-radius: 5rem 0 5rem 0;
    width: 100%;

}
.box3 .border {
    margin: 15px 0;
    width: 100%;
    height: 1px;
    border: 1px dashed #E1E6EF;
}
.txt-check::before {
    content:"";
    display:inline-block;
    top: 5px;
    width: 13px;
    height: 13px;
    background: url(../images/common/ico_text_check.svg) no-repeat center center / cover;

}
.box3 .box-inner.icon-inner {
    display:flex;
    padding: 3rem 5rem;
}
.box3 .box-inner.icon-inner  .icon-wrap{
    width:10rem;
    height:10rem;
    background:var(--youth-secondary-10);
    border-radius: 100%;
    display:flex;
    margin-right:3rem;
    align-items: center;
    justify-content: center;
}
.box3 .box-inner.icon-inner  .txtwrap {
    width:calc(100% - 13rem);
}
.box3 .box-inner.icon-inner  .icon-wrap i {
    background: url(../images/common/icn_box01.svg) no-repeat center center / contain;
    display: block;
    width: 6rem;
    height: 6rem;
}
.box3 .box-inner.icon-inner  .icon-wrap i.type2 {
    background: url(../images/common/icn_box02.svg) no-repeat center center / contain;
}
.box3 .box-inner.icon-inner  .icon-wrap i.type3 {
    background: url(../images/common/icn_box03.svg) no-repeat center center / contain;
}
@media all and (max-width : 1026px) {
    .box3 .box-inner.icon-inner {
        padding:2rem 4rem;
    }
    .box3 .box-inner.icon-inner .icon-wrap {
        width:5rem;
        height:5rem;
    }
    .box3 .box-inner.icon-inner .icon-wrap i {
        width:3rem;
        height:3rem;
    }

}

.box4 {

    padding: 2rem 2.5rem;
    border-radius: 0.4rem;
    background: var(--youth-gray-5);
}
/* 주의, 경고 */
.caution{position:relative; margin-top:10px; margin-bottom:10px; padding-left:26px; color:var(--youth-gray-60); }
.caution .caution_icon{position:absolute; top:2px; left:0; width:18px; height:21px; border-radius:5px; color:transparent; font-size:0; line-height:0}
.caution .caution_icon:before{content:"";display:inline-block; position:absolute; top:3px; bottom:0; left:0; right:0; margin:auto; background-image:url(../images/common/caution2.svg); background-repeat:no-repeat}
.caution.type2 .caution_icon:before{background-image:url(../images/common/caution1.svg)}


/*.caution_box{position:relative; margin-top:15px; margin-bottom:18px; padding-left:36px}
.caution_box:before{display:inline-block; position:absolute; top:-1px; left:0; width:25px; height:25px; border-radius:10px;
    background:url(/site/public/images/template/caution3.svg) no-repeat center center, linear-gradient(135deg,  rgba(185,213,49,1) 10%,rgba(77,184,72,1) 35%,rgba(0,137,200,1) 75%)}
.caution_box .caution_title{margin-bottom:12px; color:#404040; font-weight:500; font-size:17px; line-height:22px}
.caution_box .bu{margin-top:0}
.caution_box .bu li{margin-top:3px; padding-left:10px; color:#636363; font-size:16px; line-height:21px}
.caution_box .bu li:before{top:8px; width:4px; height:4px; border-radius:50%; background:#4d4d4d}
.caution_box .bu ul li{padding-left:12px; color:#969696; font-size:15px; line-height:20px; letter-spacing:-0.035em}
.caution_box .bu ul li:before{top:9px; left:2px; width:5px; height:1px; background:#8c8c8c}
.caution_box .bu ul li + li{margin-top:4px}*/


/* 검색 박스 공통 */
.search-box-wrap {
}
.search-box-wrap .search-box {
    max-width:100rem;
    margin:0 auto;
    position: relative;
}


.search-input-group {
    border:3px solid var(--youth-primary);
    border-radius:4rem;
    padding:0 1rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 7rem);
    height: 100%;
}
.search-input-group .search-text-group {
    width:calc(100% - 40rem);
}
.search-input-group .search-opt-group {
    width:40rem;
    display:flex;
}
.search-input-group .search-opt-group * {
    width:50%;
}
.search-input-group select {
    border:0;
    border-radius:4rem;
    max-width:16rem;
    height: 6.5rem;
}
.search-input-group .form-date{
    border:0;
    height: 6.5rem;
    position:relative;
    background:#fff url(../images/common/icn_calendar.svg) no-repeat right center / 20px;
}

.search-input-group .search-txt {
    width:calc(100% - 16rem);
    border-radius: 4rem;
    height: 6.5rem;
    border-color:transparent;
}
.search-text-group .search-txt {
    width:100%;
}
.search-btn {
    width: 12rem;
    height: 100%;
    color:#fff;
    font-size:3rem;
    background:var(--youth-primary);
    border-radius:0 4rem 4rem 0;
    position: absolute;
    right: 0;
    top: 0;
    border: 3px solid var(--youth-primary);
    padding-left: 4.5rem;
}

.text-line2 { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4em; height: 2.8em; display: block; white-space: inherit; }


/* 공통 좌측 검색 */
.accr-search-list {}

.accr-search-list .accr-search-item { border-bottom: 1px solid #e7e9ec; }

.accr-search-list .accr-search-item .accr-search-link { width: 100%; text-align: left; padding: 2rem 0; font-weight: 600; word-break: keep-all; color: rgb(40, 42, 46); cursor: pointer; position: relative; display: block; transition: all 0.3s; }

.accr-search-list .accr-search-item.active .accr-search-link { background-color: #fff; }

.accr-search-list .accr-search-item .accr-search-link::before { content: "\ea4e"; display: inline-block; position: absolute; top: 50%; margin-top: -1rem; right: 0; font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-transition: all .3s ease; transition: all .3s ease;}

.accr-search-list .accr-search-item.active .accr-search-link::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}

.accr-search-list .accr-search-name { position: relative; }

.accr-search-list .accr-search-item .accr-search-cont { display: none; padding: 1rem 0; background-color: var(--youth-white); }

.accr-search-list .accr-search-item .accr-search-cont input[type="text"] {
    border: none;
    background-color: #F2F3F7;
    color: #495057;
    padding: 1rem;
    width: 100%;
    border-radius: 10px;
}

.accr-search-list .accr-search-item .accr-search-cont .chk-area { gap: var(--youth-spacer-2); }

.accr-search-list .accr-search-item .accr-search-cont .chk-area.chk-map-list { flex-wrap: wrap; }

.accr-search-list .accr-search-item .accr-search-cont .chk-area.chk-map-list > div { flex: 1 1 auto; }

.accr-search-list .accr-search-item .accr-search-cont .form-chip .radio ~ .form-chip-outline { width: 100%; }

.accr-search-list .accr-search-item .accr-search-cont .form-chip:not(:first-child) { margin-top: 1rem; }

.form-select-wrap.option-text { display: flex; align-items: center; }

.form-select-wrap.option-text input { width: 90px; min-width: 90px; }

.form-select-wrap.option-text span { margin-left: 0.5rem; }

.daycheck-btn { display: flex; flex-wrap: wrap; gap: 0.4rem; }

.daycheck-btn .btn { width: calc(100% / 2 - 0.4rem)}



/* page navigation */
.paging_wrap { position:relative; margin: 50px 0 0; }
.pagination { display: flex; align-items: center; justify-content: center; -ms-align-items: center; -ms-justify-content: center; gap: 6px; font-weight: 500; flex-wrap: wrap; }
.pagination li { display:inline-block; }
.pagination li a { transition: all .25s; display: flex; align-items: center; justify-content: center; -ms-align-items: center; -ms-justify-content: center; width: 42px; height: 42px; border-radius: 4px; text-align: center; background: transparent; border: 1px solid #DEE2E6; color: #666; }
.pagination li { display:inline-block; }

.pagination li.previous a, .pagination li.first a { background: url(../images/board/btn_first.svg) no-repeat center center; background-size: 18px; }
.pagination li.left a, .pagination li.prev a { background: url(../images/board/btn_prev.svg) no-repeat center center; background-size: 18px; }
.pagination li.right a, .pagination li.next a { background: url(../images/board/btn_next.svg) no-repeat center center; background-size: 18px; }
.pagination li.next a, .pagination li.last a { background: url(../images/board/btn_end.svg) no-repeat center center; background-size: 18px; }
.pagination li.active a, .pagination li a.active { background: #036BAC; border:1px solid #036BAC; color:#fff; }
.pagination li a:hover { text-decoration:none; background-color:var(--youth-gray-20); border: 1px solid #036BAC;  }
.pagination li.active a:hover, .pagination li a.active:hover { background-color: #2c3e50; border-color: #2c3e50; }
.pagination li.paginate_box_button a span { text-indent:-1000em; display:block }

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

    .pagination li a { width:35px; height:35px; }

}





/* 정책 상세 */
.conts-expand-area .expand-wrap  {
    position: relative;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
    max-height: 20.7rem;
}
.conts-expand-area .expand-wrap::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 6.2rem;
    background: linear-gradient(180deg, transparent 0%, var(--youth-white) 100%);
    visibility: visible;
    z-index: auto;
    opacity: 1;
    z-index: 10;
    transition: 0.4s ease-in-out;
}
.conts-expand-area.active .expand-wrap {
    max-height: 1000vh !important;
    transition: max-height 1.5s ease-in-out;
}
.conts-expand-area.active .expand-wrap::after {
    visibility: hidden;
    z-index: -1;
    opacity: 0;
}

.conts-expand-area .btn-conts-expand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    border-radius: 0;
    height: 4rem;
    padding-left: 6.6rem;
}
.conts-expand-area .btn-conts-expand::before {
    position: absolute;
    top: 50%;
    left: 1.2rem;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: var(--youth-secondary-10) url(../images/content/icn_conts_expand.svg) no-repeat center;
    background-size: 1.6rem;
    border-radius: var(--youth-rd-full);
    transform: translateY(-50%);
}
.conts-expand-area .btn-conts-expand::after {
    content: "";
    width: 2rem;
    height: 2rem;
    margin-left: var(--youth-spacer-1);
    background: url(../images/content/icn_arr_expand.svg) no-repeat center;
    background-size: contain;
    transition: 0.4s ease-in-out;
    transform: rotate(0);
}
.conts-expand-area.active .btn-conts-expand::after {
    transform: rotate(180deg);
}
.detail-policy {
    width:100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    overflow: visible;
    padding: 3rem;
    border: 2px solid var(--youth-black);
    border-radius: var(--youth-rd-1);
    gap: 5rem;
}
.detail-policy .detail-thumb {width: 300px;}
.container-bar-wrap .content-wrap .detail-policy .detail-thumb { width: 40%; padding-right: 4rem; flex: initial; }
.detail-policy .detail-thumb + .detail-info { width:calc(100% - 300px - 5rem)}


.detail-policy .detail-thumb img {width: 100%;}
.detail-policy .detail-info {flex: 1;}
.detail-policy .detail-info  .detail-into-top { display: flex;  align-items: center }
.detail-policy .detail-info  .detail-into-top .tag span + span { margin-left:0.5rem;}
.detail-policy .detail-info  .detail-into-top .day-count {  margin-left:auto; font-weight: 800; font-size:2.2rem; color:var(--youth-primary)}

.detail-policy .detail-info .dt-tit {
    font-size: var(--youth-fz-title-xxlg);
    margin: 2rem 0 2rem 0;
    font-weight: bold; }
.detail-policy .detail-info .dt-desc {
    font-size:var(--youth-fz-body-lg);
    color:var(--youth-gray-60);
}
.detail-policy .detail-info .dt-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top:2rem;
    background: var(--youth-secondary-5);
    padding: 3rem;
    border-radius: var(--youth-rd-1);
    flex-direction: column;
}
.detail-policy .detail-info dl {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.detail-policy .detail-info dl dt {
    padding-right: 20px;
    font-weight: bold;
    display: flex;
    width: 15rem;
}
.detail-policy .detail-info dl dd {display: table-cell;color: #555;width: calc(100% - 15rem); word-break: break-all;}
.download-list img {
    margin-right:0.5rem;
}

.detail-policy  .check-btn {
    right:0;
    top:0;
}
.detail-policy .detail-info .btn_center {
    text-align:center;
    margin-top:3rem;
}
.detail-policy .detail-info .dt-list-icon  {
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    background: var(--youth-secondary-5);
    border-radius: var(--youth-rd-1);
    padding: 3rem;
}
.detail-policy .detail-info .dt-list-icon  > dl {
    position: relative;
    flex: 1;
    text-align: center;

    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}
.detail-policy .detail-info .dt-list-icon  > dl + dl {
    border-left: 1px solid var(--youth-secondary-30);
}
.detail-policy .detail-info .dt-list-icon  > dl > dt {width: 100%;font-size: 1.8rem;display: flex;flex-direction: column;gap: 11px;padding-right: 0;color: var(--youth-gray-60);font-weight: normal;}
.detail-policy .detail-info .dt-list-icon  > dl > dt i {background: var(--youth-secondary-10);width: 80px;aspect-ratio: 1/1 auto;border-radius: 100%;margin: 0 auto;align-items: center;justify-content: center;display: flex;color: var(--youth-primary);font-size: 3rem;}
.detail-policy .detail-info .dt-list-icon  > dl > dd {
    width: 100%;
    display: block;
    line-height: 23px;
    font-size: 1.8rem;
    color: var(--youth-black);
    font-weight: bold;
}







@media all and (max-width: 1026px) {
    .detail-policy .detail-thumb { flex:auto; width:100%;}
    .detail-policy .detail-info {flex: auto;width: 100%;}
}
@media all and (max-width: 640px) {
    .detail-policy .detail-info dl dt { width:100%;}
    .detail-policy .detail-info dl dd  { width:100%;}

}
@media all and (max-width: 480px) {
    .detail-policy { padding: 3rem 1.5rem 1.5rem 1.5rem;}
}
.table-type{margin-top:10px;border-top: 2px solid var(--youth-gray-80);border-bottom:1px #ebebeb;display: flex;flex-wrap: wrap;align-items: center;}
.table-type::after { content:""; display:block; clear:both;}
.table-type dt{background: var(--youth-gray-5);font-weight:700;width: 16rem;padding: 2rem 1.5rem;display:block;border-bottom: 1px solid var(--youth-gray-30);}
.table-type dd{padding: 2rem 1.5rem;background:#fff;border-bottom: 1px solid var(--youth-gray-30);width: calc(100% - 16rem);}
.table-type dd.map{width:747px;height:273px;padding:0}
.table-type dd table  { border:0;    border-collapse: collapse; width:100%;}
.table-type dd table th, .table-type dd table td {padding:5px;color:#333; border:1px solid  #ebebeb;}
.table-type dd table th { background-color:#fafafa}


#section_06  .slick-slider .slick-arrow.slick-prev {
    left:-3rem;
}
#section_06  .slick-slider .slick-arrow.slick-next {
    right:-3rem;
}
#section_06  .box-list-wrap .box-list {
    padding-bottom:2rem;
}

.calendar-policy-wrap {
    display:flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.calendar-policy-wrap .calendar-wrap {
    width:70%;
    padding-right: 5rem;
}
.calendar-policy-wrap .policy-list-wrap {
    width:30%;
    border: 2px solid var(--youth-black);
    border-radius: var(--youth-rd-1) var(--youth-rd-1);
    padding: 3rem;
}

/* 정책 달력 */
.calendar-policy-wrap .calendar .cal-header {margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between}
.calendar-policy-wrap .calendar .cal-header .cal-month { display: flex; align-items: center; justify-content: space-between }
.calendar-policy-wrap .calendar .cal-header .cal-date {font-size: var(--youth-fz-title-xxlg);font-weight: 700;line-height: 1.3;margin:0 2rem;}
.calendar-policy-wrap .calendar .cal-header .cal-btn { top: 2px}
.calendar-policy-wrap .calendar .cal-header .prev {width: 4rem;height: 4rem;border-radius: 50%;border: 1px solid var(--youth-black);}
.calendar-policy-wrap .calendar .cal-header .prev:before { content: "\ea64"; font-family: remixicon !important; font-size: 23px; }
.calendar-policy-wrap .calendar .cal-header .next {width: 4rem;height: 4rem;border-radius: 50%;border: 1px solid var(--youth-black);}
.calendar-policy-wrap .calendar .cal-header .next:before { content: "\ea6e"; font-family: remixicon !important; font-size: 23px; }
.calendar-policy-wrap .calendar .tbl-cal-wrap {border: 2px solid var(--youth-black);border-radius: 2rem;overflow: hidden;}
.calendar-policy-wrap .calendar .tbl-cal {}

.calendar-policy-wrap .calendar .tbl-cal th {font-weight: 700;padding: 1rem 0;background: var(--youth-primary-5);border-bottom: 1px soid var(--youth-black);}

.calendar-policy-wrap .calendar .tbl-cal td {
    border: 1px solid var(--youth-gray-30);
}
.calendar-policy-wrap .calendar .tbl-cal tr td:first-child {border-left:0;}
.calendar-policy-wrap .calendar .tbl-cal tr td:last-child { border-right:0;}
.calendar-policy-wrap .calendar .tbl-cal td a > div {
    background: var(--youth-white);
    min-height: 130px;
    font-weight: 700;
    color: var(--youth-gray-80)
}
.calendar-policy-wrap .calendar .tbl-cal td div .day-num {
    padding:1rem;
    display:block;
}

.calendar-policy-wrap .calendar .tbl-cal td button {display: flex;font-weight: 500;flex-wrap: wrap;width: 100%;height: 100%;}

.calendar-policy-wrap .calendar .tbl-cal td div.off {
    background: var(--youth-gray-10);
}

.calendar-policy-wrap .calendar .tbl-cal td div.sat { padding-right: 0; }

.calendar-policy-wrap .calendar .tbl-cal td div.sun { padding-left: 0; }

.calendar-policy-wrap .calendar .tbl-cal td div.today { background: none}

.calendar-policy-wrap .calendar .tbl-cal td div.today {background: #fff;border: 2px solid var(--youth-gray-80);}

.calendar-policy-wrap .calendar .tbl-cal td div.today button {color: var(--youth-gray-80);}

.calendar-policy-wrap .calendar .tbl-cal td div.on {background: #fff;}

.calendar-policy-wrap .calendar .tbl-cal td div.on button { }

.calendar-policy-wrap .calendar .tbl-cal td div.holiday .day-num { color: var(--youth-danger); }

.calendar-policy-wrap .calendar .tbl-cal td div.select {background: var(--youth-primary-5);border: var(--youth-primary-10);}

.calendar-policy-wrap .calendar .tbl-cal td div.select button {}

.calendar-policy-wrap .holiday { background: none}


.calendar-policy-wrap td div.holiday span.holiday { display: block; text-align: center; width: 100%; padding-top: 0.4rem; font-size: 1.3rem}

.calendar-policy-wrap .info .select {}

.multiday-holder {
    position: relative;
    height: 20px;
    padding: 0;
    margin-top: 0.5rem;
}
.calendar-policy-wrap .calendar span.event {height: 2rem;display: block;padding:0 0.5rem;background-color: #1E88E5;color:#fff;font-size:var(--youth-fz-body-sm);border-radius: 1rem;margin-top: 0.5rem;}
.calendar-policy-wrap .calendar span.event.event-bg2 {  background-color: #2B7F41}
.calendar-policy-wrap .calendar span.event.event-bg3 {  background-color: #A843A4}
.calendar-policy-wrap .calendar span.event.event-bg4 {  background-color: #2c15c0;}
.calendar-policy-wrap .calendar span.event.event-bg5 {  background-color:#512DA8;}
.calendar-policy-wrap .calendar span.event.event-bg6 {  background-color: #983ab7;}
.calendar-policy-wrap .calendar span.event.event-bg7 {  background-color: #0ab2a2}
.calendar-policy-wrap .calendar span.event.event-bg8 {  background-color: #17d102;}
.calendar-policy-wrap .calendar span.event.event-bg9 {  background-color: #022bd1;}
.calendar-policy-wrap .calendar span.event.event-bg10 {  background-color: #837000;}
.calendar-policy-wrap .calendar span.event.event-bg11 {  background-color: #d14a02;}
.calendar-policy-wrap .calendar span.event.event-bg12 {  background-color: #d102ce;}
.calendar-policy-wrap .calendar span.event.event-bg13 {  background-color: #1d6e9f;}
.calendar-policy-wrap .calendar span.event.event-bg14 {  background-color: #8c158b;}
.calendar-policy-wrap .calendar span.event.event-bg15 {  background-color: #094564;}


.calendar-policy-wrap .calendar span.event-multiday {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    margin: 0;
    border-radius: 2rem;
}
.calendar-policy-wrap .calendar span.event-multiday-start { margin-right: -4px;  }
.calendar-policy-wrap .calendar span.event-multiday-finish { margin-left: -4px;  }

.calendar-policy-wrap .calendar span.event-ghost { background-color:transparent; }

.calendar-policy-wrap .calendar span.length-2 { width: 201%;  display: block;}
.calendar-policy-wrap .calendar span.length-3 {width:301%; display:block;}
.calendar-policy-wrap .calendar span.length-4 {width:401%; display:block;}
.calendar-policy-wrap .calendar span.length-5 {width:501%; display:block;}
.calendar-policy-wrap .calendar span.length-6 {width:601%; display:block;}
.calendar-policy-wrap .calendar span.length-7 {width:701%; display:block;}


/* 정책 캘린더 목록 */
.policy-list-title {

    border-bottom:1px solid var(--youth-black);
    padding-bottom:2rem;
    margin-bottom:2rem;
    text-align:center;

}
.policy-list-title b {
    display: inline-flex;
    background: url(../images/content/ico_policy_cal.svg) no-repeat left center / 30px;
    font-size: var(--youth-fz-title-lg);
    padding-left: 4rem;
    min-height: 4rem;
    align-items: center;
}
.policy-day-list {

    height: 60rem;

    overflow: hidden;

    overflow-y: scroll;

    padding-right: 1rem;
}
.policy-day-list li + li {
    margin-top:1rem;
}
.policy-day-list li:hover .item {
    border-color:var(--youth-black)
}
.policy-day-list li .item {
    border: 1px solid var(--youth-gray-40);
    padding: 2rem;
    position: relative;
}
.policy-day-list li .item .tit span {
    flex-shrink: 0;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 20px;
    padding: 1px 5px;
    margin-bottom:0.5rem;
}
.policy-day-list li .item .tit b {
    display:block;
}
.policy-day-list li .item p {
    color:var(--youth-gray-60);
    font-size: var(--youth-fz-body-sm);
    margin-top:0.5rem;
}
.policy-day-list li .item p::before {
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\eb29";
    margin-right:0.3rem;
}
@media (max-width: 1300px) {



}
@media (max-width: 1026px) {
    .calendar-policy-wrap .calendar-wrap {
        width:100%;
        padding-right:0;
        margin-bottom:2rem;
    }
    .calendar-policy-wrap .policy-list-wrap {
        width:100%;
    }
    .policy-day-list {
        height:40rem;
    }

}



.txt-box {
    padding: var(--youth-spacer-10);
    background-color: var(--youth-gray-5);
    border: 1px solid var(--youth-gray-40);
    border-radius: var(--youth-rd-12);
    color: var(--youth-gray-90);
}
.outline {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--youth-spacer-10);
}



/* 완료 페이지 */
.comp-msg-wrap {
    font-size: var(--youth-fz-heading-md);
    font-weight: 700;
    margin-bottom: var(--youth-spacer-20);
    text-align: center;
}
.comp-info-box {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--youth-spacer-10);
    padding: var(--youth-spacer-10);
    border-radius: var(--youth-rd-12);
    background: var(--youth-secondary-5);
}
.comp-msg-wrap .point {
    color: var(--youth-secondary);
}
.comp-info-box li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--youth-spacer-6);
}
.comp-info-box li .key {
    flex-shrink: 0;
    font-weight: 700;
    width: 12rem;
}
.comp-info-box li .value {
    display: inline-flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    gap: var(--youth-spacer-6);
}
.comp-info-box.type2 {
    border:1px solid var(--youth-black);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top:-6px;
    background:var(--youth-white);
    gap:0;
}

.comp-box { border: 1px solid var(--youth-secondary-80); border-radius: 30px; padding: 50px; }

.comp-box  i.icon{ background: var(--youth-primary-5) url("../images/content/join-end-img.png") no-repeat center center  / 150px; width: 200px; height:200px; position: relative; border-radius: 100%; display:block; margin:0 auto 40px auto; }
@media (max-width: 1026px) {
    .comp-msg-wrap {
        margin-bottom: var(--youth-spacer-16);
    }
}
@media (max-width: 600px) {
    .comp-msg-wrap {
        font-size: var(--youth-fz-heading-md);
    }
    .comp-info-box {
        padding: var(--youth-spacer-6);
    }
    .comp-info-box li .key {
        width: 8rem;
    }

}


/**********************************
 회원 정보
**********************************/

/* 회원가입 */
/* step */
.step-box {max-width: 700px;border:none;padding:2.5rem 1rem;margin: 0 auto;margin-bottom: 60px;border-radius: 0;}
.step-box:after { display:block; content:''; clear:both; }
.step-box ul{ display:flex; gap: 30px;}
.step-box li { position:relative; flex:none; text-align:center; width:160px; height:50px; border:1px solid #CCCCCC; border-radius:8px; display:flex; align-items:center; justify-content:flex-start; }
.step-box li.active { border-color: #036BAC; }
.step-box li i { position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #CCCCCC; background:none; }
.step-box li.active i { border-left-color:#202C38; }
.step-box li em { display:flex; align-items:center; justify-content:center; width:50px; height:50px; font-size:18px; font-weight:500; color:#fff; border-radius:8px 0 0 8px; text-align:center; background:#CCCCCC; font-style:normal; margin-left:-1px; }
.step-box li span { flex:1; text-align:center; font-size:20px; font-weight: 500; color: #CCCCCC; line-height:50px; }
.step-box li.active em { background:#202C38; }
.step-box li.active span { color:#202C38; }
@media screen and (max-width: 768px){
    .agree-check {
        flex-direction: column;
    }
}
@media screen and (max-width: 480px){
    .step-box li:not(.active){
        display:none;
    }
    .step-box li { width:100%;}
    .step-box li i { display:none;}
}
.join-agree-box {
    height: 34rem;
    padding:3rem;
    margin-top:2rem;
    overflow-y: scroll;
    border-radius: var(--youth-rd-1)  var(--youth-rd-1) 0 0 ;
    border:1px solid #DEE2E6;
}

.agree-check{
    width: 100%;
    display: flex;
    padding: 22px 35px 24px 24px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--youth-gray-5);
    border: 1px solid #DEE2E6;
    border-top:0;
    border-radius: 0 0 var(--youth-rd-1)  var(--youth-rd-1);
}
.agree-check .tit {
    font-size: 16px;
    font-weight: 700;
}
.agree-check .argeeList {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px){
    .agree-check {
        flex-direction: column;
    }
}





/* 회원 본인인증 */
.auth {
    padding: 4rem;
    border:1px solid #DEE2E6;
    border-radius: var(--youth-rd-1) var(--youth-rd-1);
    max-width: 700px;
    margin:0 auto;
}
.auth .auth-type {
    text-align:Center;
}
.auth .auth-type .icn {
    background: var(--youth-secondary-5) url(../images/content/phone-certification-icon.svg) no-repeat center center;
    background-size: 80px 80px;
    width:150px;
    height:150px;
    border-radius: 100%;
    display:block;
    margin:0 auto;
}
.auth .auth-type .tit {
    font-size:2.4rem;
    font-weight:bold;
    margin-top:1rem;
}
.auth .auth-type .txt {
    margin-bottom:2rem
}
.auth .ContGuideBox {
    margin-top: 40px;
}
.auth-guide {
    margin-top:2rem;
    padding: 40px;
    background-color: var(--youth-gray-5)
}
/* 회원가입 */
.form-join {
    max-width:700px;
    margin:0 auto;
}
.form-join .form-wrap {

    border: 1px solid var(--youth-black);
    border-radius: var(--youth-rd-1) var(--youth-rd-1);
    padding:3rem;

}

/* 가입완료 */
.join-end { position: relative;
    border: 1px solid var(--youth-black);
    border-radius: var(--youth-rd-1) var(--youth-rd-1);
    padding: 3rem;
    height: 500px; display: flex;
    align-items: center;
    justify-content: CENTER;
    flex-direction: column;
    text-align:center
}
.join-end:before {
    content: "";
    background: url("../images/content/icn_check_flower.png") center center no-repeat;
    width: 150px; position: relative; margin-bottom: 30px;
    background-color: var(--youth-secondary-5);
    border-radius: 100%; aspect-ratio: 1/1 auto;
    display: flex; align-items: center; justify-content: center;  }

.join-end p {
    font-size:2.2rem;
}

.agree-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 6.4rem;
    background-color: var(--youth-gray-10);
}
.agree-box .form-group {
    width:auto;
}



/* 안내 및 완료  */
.comp-box {
    position: relative;
    border: 1px solid var(--youth-black);
    border-radius: var(--youth-rd-1) var(--youth-rd-1);
    padding: 3rem;
    height: 500px; display: flex;
    align-items: center;
    justify-content: CENTER;
    flex-direction: column;
    text-align:center
}
.comp-box:before {
    content: "";
    background: url("../images/content/icn_check_flower.png") center center no-repeat;
    width: 150px; position: relative; margin-bottom: 30px;
    background-color: var(--youth-secondary-5);
    border-radius: 100%; aspect-ratio: 1/1 auto;
    display: flex; align-items: center; justify-content: center;  }

.comp-box .txt-tit {
    font-size:2.2rem;
    margin-bottom:1rem;
}
.comp-box .comp-btn-wrap {
    margin-top:2rem;
}


/* 서브메인 */
.smain-top-total {
    border: none;
    background: linear-gradient(135deg, #E0E1F5 0%, #FFF3E3 100%);
    box-shadow: 0 2px 6px rgba(85, 108, 144, 0.12);
    border-radius: 10px;
    padding: 2rem;
    display: flex;
    align-items: center;
    position: relative;
    margin: 10px 0 50px;
    justify-content: flex-end;
}
.smain-top-total .desc-area {
    width: calc(100% - 27rem);
}
.smain-top-total .desc-area .tit {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.smain-top-total .desc-area span {
    font-size: var(--youth-fz-title-xlg);
    position: relative;
    display:block;

}

.smain-top-total .img_area {
    position: absolute;
    bottom: 0;
    left: 4rem;
    max-width: 18rem;
}

.smain-top-total .button_area a {
    display: inline-block;
    background-color: #ed785d;
    color: #fff;
    padding: 12px 18px;
    position: relative;
    border-radius: 50px;
}

.smain-top-total .button_area a span {
    display: inline-block;
    width: 120px;
    position: relative;
}
.total-box-wrap {
    display: flex;
    gap: 3rem;
    padding-top: 2rem;
}
.total-box-wrap dl {
    flex:1;
    text-align:center;
    position: relative;
}
.total-box-wrap dl dt {
    border: none;
    padding:0.5rem 0.5rem;
    border-radius: var(--youth-rd-2);
    background: linear-gradient(135deg, #BBDEFB 0%, #E3F2FD 100%);
    box-shadow: 0 2px 6px rgba(85, 108, 144, 0.12);
    position: relative;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    display: block;
}
.total-box-wrap dl dd {
    border: none;
    border-radius: var(--youth-rd-2);
    width:100%;
    background: var(--youth-white);
    box-shadow: 0 2px 6px rgba(85, 108, 144, 0.12);
    padding: 3rem 0 1rem 0;
    margin-top: -4rem;
}
.total-box-wrap dl dd  b {
    font-size:var(--youth-fz-display-sm);
}

.hot-slider .slider .slick-list {
    margin:0 -20px;
}
.h3-title.hot-policy{
    padding-left:6rem;
}
.h3-title.hot-policy::before {
    content:"";
    display:block;
    width:5rem;
    height:5rem;
    background: url(../images/board/job-hot-issue-icon.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top:-10px;
    left:0;
}
.h3-title.hot-policy b {
    color:var(--youth-primary)
}
.hot-slider  .slick-slide {
    margin:0 20px;
}
.tab-sub-main {
    margin-bottom:4rem;
}
.box-list-wrap.sub-main .box-list { width: calc(100% / 3 - 14px); }
@media screen and (max-width:1026px){
    .box-list-wrap.sub-main .box-list  {  width: calc(100% / 2 - 10px); }
    .smain-top-total .desc-area{width:calc(100% - 18rem);}
    .smain-top-total .img_area{left:2rem;max-width: 16rem;}
    .total-box-wrap{gap: 1.6rem;}
    .total-box-wrap dl dt{width: 90%;}
}

@media screen and (max-width:768px){
    .box-list-wrap.sub-main .box-list  { width:100%;}

}

@media screen and (max-width:620px) {
    .smain-top-total .desc-area{width: 100%;}
    .total-box-wrap{flex-wrap: wrap;flex-direction: column;}
    .smain-top-total .img_area {
        left: 1rem;
        max-width: 8rem;
    }
}
.self-guide .box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
    background: transparent;
    padding: 0;
}
.self-guide .box-wrap .item {width: 100%;border-radius: 2rem;/* box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); */background: #fff;margin-bottom: 2rem;overflow: hidden;border: 1px solid #DEE2E6;}

.self-guide .box-wrap .item .thumb { background-color: #cbd9f8; text-align: center; }

.self-guide .box-wrap .item .thumb img { display: block; margin: 0 auto; }

.self-guide .box-wrap .item .text { padding: 4rem; }

.self-guide .box-wrap .item .text .title { font-size: 2rem; font-weight:bold;  }

.self-guide .box-wrap .item .text .desc { margin-top: 2rem; color: var(--youth-gray-60); }


@media all and (min-width: 1026px) {
    .self-guide .box-wrap .item {width: calc(100% / 3 - 2.7rem);}
}


.list2-job span + span { margin-left:2rem;}



/* 내용 없음 */
.no-data {
    padding: 5rem 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.no-data > p {
    padding: 6rem 0 0rem;
    color: var(--youth-gray-70);
    background: url(../images/common/img_nodata_char.png) 50% 0 no-repeat;
    background-size:6rem;
    text-align: center;
}
.no-data > p b {
    display: block;
    padding-bottom: 100px;
    color:  var(--youth-gray-60);
    font-size: 18px;
    font-weight:normal;
    line-height: 32px;
}

/* 인포 배너 */

.info-btn-area {
    display: flex;
    gap: 40px;
    margin-top:3rem;
}
.info-btn-area > li {
    flex:1;
}
.info-btn-area .btn-banner {
    display: flex;
    align-items: center;
    padding: 25px 40px;
    padding-right: 90px;
    background: url(../images/common/icon_arr01.svg) no-repeat right 40px center / 10px;
    border-radius: 20px;
    transition: all 0.2s;
}
.info-btn-area .btn-banner:hover {
    background-position: right 60px center;
}
.info-btn-area .btn-banner1 {
    background-color: rgb(179 220 255 / 30%);
}

.info-btn-area .btn-banner2 {
    background-color: var(--youth-point-5);
}

.info-btn-area .img-area {
    width: 100px;
    background-color: #fff;
    border-radius: 100%;
}

.info-btn-area .desc-area {
    padding-left: 30px;
}

.info-btn-area .item-title {
    font-size: 24px;
    font-weight: 600;
}

.info-btn-area .item-text {
    margin-top: 15px;
    color: #666;
}


.right_cont .auth,
.right_cont .form-join{ max-width:100%;}

.law-list {
    display:flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.law-box {
    width: calc(100% / 2 - 1.5rem);
    display: flex;
    padding:3rem 5rem 3rem 3rem;
    transition: transform 0.4s ease-out, box-shadow 0.4s ease-out, border-color 0.4s ease-out, background-position 0.4s ease-out;
    will-change: transform, background-position;
    border: 1px solid var(--youth-gray-90);
    background: #fff url(../images/common/icon_arr01.svg) no-repeat right 30px center / 10px;
    border-radius: 10px;
    position: relative;
}
.law-box:hover {
    border-color: #036BAC;
    box-shadow: 0 4px 16px rgba(3, 107, 172, 0.1);
    transform: translateY(-2px);
    background: #fff url(../images/common/icon_arr01_blue.svg) no-repeat right 40px center / 10px;
}
.law-box  span {
    font-size: 2.2rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    transition: all .25s;
}
.law-box  p {
    color:var(--youth-gray-60);
}
@media (max-width: 640px) {
    .law-box { width:100%;}

}



.map-location-btn {background: var(--youth-gray-10);padding: 1rem; text-align:right;}


/* 청년 위원회 */
.page-banner-title {

    height:25rem;
    position: relative;
    margin-bottom:4rem;
}
.page-banner-title::after {
    content: '';
    position: absolute;
    top: -6rem;
    left: 50%;
    width: 100vw;
    height: calc(100% + 6rem);
    margin-left: -50vw;
    background:var(--youth-black);
    z-index: -1;
}


.conts-wrap #section_05 .slick-slider .slick-arrow.slick-prev{
    left:-2rem;

}
.conts-wrap #section_05 .slick-slider .slick-arrow.slick-next{
    right:-2rem;

}




/* 직종 */

.container-bar-wrap .side-bar-wrap .search-keyword { border: 1px solid var(--youth-gray-10); background: #fff; border-radius: 0.5rem; display: flex; align-items: center; margin-bottom: 1rem; position: relative; }

.container-bar-wrap .side-bar-wrap .search-keyword input { border: 0; height: 100%; width: calc(100% - 3rem); padding: 1rem; font-weight: 500; letter-spacing: -0.5px; background: #fff; font-size: 1.5rem; }

.container-bar-wrap .side-bar-wrap .search-keyword > button { border: 0; height: 100%; background: none; width: 3rem; }

.keyword-layer { display: none; position: absolute; top: -1rem; left: calc(100% + 1rem); width: 52rem; height: 31.2rem; z-index: 100; border: 1px solid #e7e9ec; box-shadow: 0px 5px 5px hsl(0deg 0% 0% / 20%); overflow: hidden; background-color: var(--youth-gray-5); overflow-y: auto; }

.keyword-layer:after { display: block; content: ""; clear: both}
.keyword-layer { }
.side-bar-wrap .accr-search-box .keyword-layer .form-check input[type=checkbox] ~ label:before { width: 14px; height: 14px; top: 0px; left: 0px; border-radius: 3px; }
.side-bar-wrap .accr-search-box .keyword-layer .form-check input[type=checkbox] ~ label:after { width: 14px !important; height: 14px !important; top: 0px !important; left: 1px !important; background-size: 13px !important; }
.side-bar-wrap .accr-search-box .keyword-layer [type=checkbox] ~ label { padding-left:19px; }

.keyword-layer .top input[type="text"] { display: block; padding: 0 0 0 5px; height: 29px; line-height: 29px; background: #fff; border: 0; font-size: 13px; font-weight: bold; }

.keyword-layer .top .close { position: absolute; top: 10px; left: 511px}

.keyword-layer .con .tit { /* background: #fff; padding: 1rem; border-radius: 1rem; height: 5rem; display: flex; width: 100%; flex-wrap: wrap; align-items: center; border: 1px solid var(--youth-gray-60); */
    padding:1rem 0; border-bottom:1px solid #ddd;}

.keyword-layer .con .tit strong { vertical-align: baseline}

.keyword-layer .con .tit span { color: var(--youth-point-40); font-size: 1.4rem; }

.keyword-layer .con > div { padding: 6px 15px 0; /* background: #fff; */
    overflow: hidden; height: calc(100% - 5rem); }
.keyword-layer .con .all_selec { margin-bottom:0.5rem; display: inline-block; position: relative; }
.keyword-layer .con .all_selec span.check-info { position: absolute; background-color: #000; width: 100%; color: #fff; top: 37px; text-align: center; padding: 3px; border-radius: 5px; left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.5s; visibility: hidden; z-index: 9; font-size: 14px; letter-spacing: -0.5px; }
.keyword-layer .con .all_selec span.check-info:after { content : ''; /*가상클래스 before, after는 무조건 content가 있어야 작동*/
    position: absolute; /*상위클래스icon이 relative이므로, absolute로 설정하여 동적페이지에도 같은 위치로 유지*/
    background-color:#000; width : 10px; height: 10px; transform: rotate(45deg) translateX(-50%); /*transform은 한 요소에 1번밖에 못쓰므로 합쳐줘야함*/
    top: 1px; left: 50%; /*1. 왼쪽에서 50%위치에 둔다.*/}
.keyword-layer .con .all_selec:hover span.check-info { opacity: 1; visibility: visible; }



.keyword-layer .con ul li { padding: 0.3rem 1rem; background: url('../images/content/li_bullet01.gif') 0 7px no-repeat; font-size: 14px; }
.keyword-layer .con ul li:hover { background-color:var(--youth-primary-5)}

.keyword-layer .con ul li input[type="checkbox"] { margin-left: 5px}

fieldset.search-keyword .close { position: absolute; right: 2rem; top: 1.5rem; font-size: 20px; }


/* 직종 선택 */
#viewJob { /*position: absolute; background:#fff; border-radius:1rem; padding:2rem; left:100%; display:none; */}

.depth_search {}

.depth_search dt { background: var(--youth-gray-60); color: #fff; padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem; }

.depth_search dt b { font-weight: 400; }

.depth_search dd { height: 20rem; overflow-y: scroll; font-size: 1.5rem; border: 1px solid var(--youth-gray-40); background: #fff; }

.depth_search dd::-webkit-scrollbar { width: 8px; height: 8px; }

.depth_search dd::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 25px; border: 0px solid transparent; background-clip: padding-box; }

.depth_search dd::-webkit-scrollbar-thumb:hover { background-color: #999999; }

.depth_search dd::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 0px; }

.depth_search dd li { }

.depth_search dd li:hover { background-color: var(--youth-primary-5)}

.depth_search dd li label { display: block; padding: 0.5rem; }

.container-bar-wrap .side-bar-wrap .search-keyword { border: 1px solid var(--youth-gray-10); background: #fff; border-radius: 0.5rem; display: flex; align-items: center; margin-bottom: 1rem; position: relative; }

.container-bar-wrap .side-bar-wrap .search-keyword input { border: 0; height: 100%; width: calc(100% - 3rem); padding: 1rem; font-weight: 500; letter-spacing: -0.5px; background: #fff; font-size: 1.5rem; }

.container-bar-wrap .side-bar-wrap .search-keyword > button { border: 0; height: 100%; background: none; width: 3rem; }

.keyword-layer { display: none; position: absolute; top: -1rem; left: calc(100% + 1rem); width: 52rem; height: 31.2rem; z-index: 100; border: 1px solid #e7e9ec; box-shadow: 0px 5px 5px hsl(0deg 0% 0% / 20%); overflow: hidden; background-color: var(--youth-gray-5); overflow-y: auto; }

.keyword-layer:after { display: block; content: ""; clear: both}
.keyword-layer { }
.side-bar-wrap .accr-search-box .keyword-layer .form-check input[type=checkbox] ~ label:before { width: 14px; height: 14px; top: 0px; left: 0px; border-radius: 3px; }
.side-bar-wrap .accr-search-box .keyword-layer .form-check input[type=checkbox] ~ label:after { width: 14px !important; height: 14px !important; top: 0px !important; left: 1px !important; background-size: 13px !important; }
.side-bar-wrap .accr-search-box .keyword-layer [type=checkbox] ~ label { padding-left:19px; }

.keyword-layer .top input[type="text"] { display: block; padding: 0 0 0 5px; height: 29px; line-height: 29px; background: #fff; border: 0; font-size: 13px; font-weight: bold; }

.keyword-layer .top .close { position: absolute; top: 10px; left: 511px}

.keyword-layer .con .tit { /* background: #fff; padding: 1rem; border-radius: 1rem; height: 5rem; display: flex; width: 100%; flex-wrap: wrap; align-items: center; border: 1px solid var(--youth-gray-60); */
    padding:1rem 0; border-bottom:1px solid #ddd;}

.keyword-layer .con .tit strong { vertical-align: baseline}

.keyword-layer .con .tit span { color: var(--youth-point-40); font-size: 1.4rem; }

.keyword-layer .con > div { padding: 6px 15px 0; /* background: #fff; */
    overflow: hidden; height: calc(100% - 5rem); }

.tooltip-box { display:none;}

@media screen and (max-width: 1300px) {
    .keyword-layer {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0px 0px 15px hsl(0deg 0% 0% / 50%);
    }

}
@media screen and (max-width:640px) {
    .keyword-layer {
        width: 80%;
        height: 40rem;
    }
}




/* 청년 정책 소개 */
.youth_about_main {
    padding-bottom: 10rem;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/content/sub59_img_arrow_bg.png);
}
.youth_about_main .imgBox {
    position: relative;
    height: 360px;
}
.youth_about_main .imgBox .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/content/sub59_img_youth_title.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    max-width: 100%;
}
.youth_about_main .tit {
    text-align: center;
    font-size: 4rem;
    font-weight: 800;
    color: var(--youth-primary);
    max-width: 662px;
    margin: 0 auto;
    margin-top: 22px;
}
.youth_about_main .tit > span {
    font-size: 4rem;
    font-weight: 800;
    color: var(--youth-primary);
}
.youth_about_main .sub {
    font-size: 2.2rem;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
}

.youth_about_platform {
    position: relative;
    margin-top: 5rem;
}
.youth_about_platform::before {
    content: '';
    display: block;
    width: 2px;
    height: 50%;
    background-color: #1C1C1C;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.youth_about_platform .Specialized .Specialized_box {
    position: relative;
    border: 2px solid #1C1C1C;
    padding: 60px 20px;
    background-color: #fff;
    border-radius: var(--youth-rd-2);
}
.youth_about_platform .Specialized .Specialized_box .subject {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 71px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 34px;
    background-color: #1C1C1C;
    padding: 0 24px;
}
.youth_about_platform .Specialized .Specialized_box .subject .sub {
    position: absolute;
    top: -33px;
    color: #E1001B;
    font-size: 20px;
    font-weight: 700;
}
.youth_about_platform .Specialized .Specialized_box .subject .tit {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    white-space: nowrap;
}
.youth_about_platform .Specialized .Specialized_box > ul {
    display: flex;
}
.youth_about_platform .Specialized .Specialized_box > ul > li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.youth_about_platform .Specialized .Specialized_box > ul > li + li {
    border-left: 2px solid #D4D4D4;
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box {}
.youth_about_platform .Specialized .Specialized_box > ul > li .box span {
    display: inline-block;
    margin-top: 7px;
    text-align: center;
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg {
    width: 50px;
    height: 50px;
    background-color: #000;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox {
    position: relative;
    width: 50px;
    height: 50px;
    top: -4px;
    left: -4px;
    background-color: #fff;
    border: 3px solid var(--youth-black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.webtoon {
    background-color: var(--youth-point);
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.webtoon .img {
    background-image: url(../images/sub_01/ico_webtoon.svg);
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.character {
    background-color: var(--youth-primary-10);
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.character .img {
    background-image: url(../images/sub_01/ico_character.svg);
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.game {
    background-color: #6cf26e;
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.game .img {
    background-image: url(../images/sub_01/ico_game.svg);
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.contents {
    background-color: #D7BDF8;
}
.youth_about_platform .Specialized .Specialized_box > ul > li .box .imgbg .imgBox.contents .img {
    background-image: url(../images/sub_01/ico_contents.svg);
}

.youth_about_platform_main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 60px 0;
}
.youth_about_platform_main .youth_about_platform_main_bg {
    width: 648px;
    height: 146px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/content/sub59_img_title_bg.svg);
}
.youth_about_platform_main .youth_about_platform_main_bg > .sub {
    color: #fff;
    margin-bottom: 2px;
    font-size: 24px;
}
.youth_about_platform_main .youth_about_platform_main_bg > .tit {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    line-height: 60px;
}

.youth_about_platform_bot {}
.youth_about_platform_bot .youth_about_platform_bot_list {
    display: flex;
    margin: 0 -27.5px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li {
    position: relative;
    width: calc(100% / 3 - 3rem);
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap {
    position: relative;
    background-color: var(--youth-primary-5);
    height: 100%;
    border: 2px solid #000;
    border-radius: 2rem;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box {
    position: relative;
    top: -4px;
    left: -4px;
    text-align: center;
    background-color: var(--youth-gray-5);
    border: 2px solid #1C1C1C;
    padding: 24px 32px;
    height: 100%;
    border-radius: 2rem;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li.center .box_wrap .box {
    background-color: #fff;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .imgbox {
    position: relative;
    height: 100%;
}

.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box .ico {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--youth-black);
    background-color: var(--youth-primary-10);
    margin: 0 auto;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-position: center;
    font-size:2.6rem;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box .tit {
    display: flex;
    justify-content: center;
    font-size: 24px;
    line-height: 32px;
    color: #1C1C1C;
    font-weight: 800;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box .sub {
    display: flex;
    justify-content: center;
    margin-top: 5px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin-top: 24px;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box dl dt {
    width: 82px;
    height: 38px;
    background-color: #1C1C1C;
    border: 2px solid #1C1C1C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box dl dd {
    width: calc(100% - 82px);
    height: 38px;
    border: 2px solid #1C1C1C;
    display: flex;
    align-items: center;
    padding: 0 12px;
    background-color: #fff;
    text-align: left;
}
.youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap .box dl dd.full {
    width:100%;
}


/* @@ 온라인취업지원 @@ */
.online-jobs {
    position: relative;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 30px;
    margin-top: 48px;
}

.online-jobs::before {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    width: 96px;
    height: 56px;
    background: url(../images/content/online-jobs_topimg.svg) 0 0 no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
}

.online-jobs .tit {
    text-align: center;
    font-size: 4rem;
    font-weight: 800;
    color: var(--youth-primary);
    max-width: 662px;
    margin: 0 auto;
    margin-top: 20px;
}

.online-jobs .sub {
    font-size: 2.2rem;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
}

/* @@서비스 소개 박스 시작@@ */
.online-consult{
    position: relative;
    margin-top: 4rem;
}
/* 서비스 소개 박스 겉 하단 라인 */
.online-consult:before{
    content:'';
    position:absolute;
    left:0;
    top:10px;
    width:100%;
    height:100%;
    border: 2px solid var(--youth-gray-80);
    border-radius: var(--youth-rd-2);
    box-sizing: border-box;
}
.online-consult.consult-color01:before{
    background: var(--youth-secondary-20);
}
.online-consult.consult-color02:before{
    background: var(--youth-point);
}
.online-consult.consult-color03:before{
    background: #F7E069;
}
.online-consult.consult-color04:before{
    background: #68BA94;
}
/* 서비스 소개 이너 */
.online-consult .card-box{
    position:relative;
    padding:6rem 4rem;
    border: 2px solid var(--youth-gray-80);
    border-radius: var(--youth-rd-2);
    z-index:1;
}
/* 서비스 소개 이너 컬러 */
.online-consult .card-box.card-color01{
    background: var(--youth-secondary-5);
}
.online-consult .card-box.card-color02{
    background: #FFF2F5;
}
.online-consult .card-box.card-color03{
    background: #FEFAE5;
}
.online-consult .card-box.card-color04{
    background: #F2F9F6;
}
.online-consult .card-box .cd-hd .desc-btn.desc-btn-color01{
    background: #b3dcff;
}
.online-consult .card-box .cd-hd .desc-btn.desc-btn-color02{
    background: var(--youth-point);
}
.online-consult .card-box .cd-hd .desc-btn.desc-btn-color03{
    background: #F7E069;
}
.online-consult .card-box .cd-hd .desc-btn.desc-btn-color04{
    background: #68BA94;
}
/* 서비스 소개 소개글 헤더 */
.online-consult .cd-hd{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}
/* 서비스 소개 소개글 헤더 왼쪽 */
.online-consult .cd-hd .box-l{
    width: 100%;
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
    padding-right: 1.9rem;
    flex-direction: column;
}
.online-consult .cd-hd .box-l .num-title{
    position: relative;
    letter-spacing: -0.5px;
    display: block;
    font-weight: 700;
    padding-left: 2.4rem;
    font-size: 2rem;
    margin: 3rem 0 1.6rem 0;
}
/* 서비스 소개 소개글 헤더 왼쪽 타이틀 블릿*/
.online-consult .cd-hd .box-l .num-title:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -.6rem;
    left: 0;
    width: 1.5rem;
    height: 1.2rem;
    background: url(../images/common/h4-dots.svg) no-repeat center center;
}
/* 서비스 소개 소개글 헤더 왼쪽 타이틀 */
.online-consult .card-box .cd-hd .box-l .online-title {
    position: relative;
    letter-spacing: -0.5px;
    display: block;
    font-weight: 700;
    padding-left: 2.4rem;
    font-size: 2.5rem;
}
/* 서비스 소개 소개글 헤더 왼쪽 타이틀 블릿*/
.online-consult .card-box .cd-hd .box-l .online-title:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -.6rem;
    left: 0;
    width: 1.5rem;
    height: 1.2rem;
    background: url(../images/common/h4-dots.svg) no-repeat center center;
}
/* 서비스 소개 소개글 헤더 왼쪽 소개글*/
.online-consult .cd-hd .box-l .desc{
    color: var(--youth-gray-70);
}
/* 서비스 소개 소개글 헤더 왼쪽 서비스 바로가기 버튼*/
.online-consult .card-box .cd-hd .desc-btn{
    padding: 10px 25px;
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    width:164px;
    border: 2px solid #000;
}
/* 서비스 소개 소개글 헤더 오른쪽 이미지 박스*/
.online-consult .cd-hd .box-r-online-jobs {
    position: relative;
    width: 30%;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: flex-end;
    padding-right: 20px;
}
/* 서비스 소개 소개글 헤더 오른쪽 이미지 박스 이미지*/
.online-consult .cd-hd .box-r-online-jobs .corner-img {
    position: absolute;
    bottom: -16px;
}
/* @@서비스 소개 박스 끝@@ */

/* @@서비스 소개 넘박스 시작@@ */
/* 공통 넘박스 배경 및 아웃라인 */
.online-consult .online-sec {
    border: .2rem solid var(--youth-black);
    border-radius: var(--youth-rd-2);
    background-color: #ffffff;
}
.online-consult .online-sec .cd-box-line{
    display: flex;
    padding: 3.2rem 0;
}
.online-consult .online-sec .cd-box-line .num-line{
    width: 1px;
    background-color: var(--youth-gray-30);
}
/* 공통 넘박스 center */
.online-consult .online-sec .cd-box-line .num-box{
    flex:1;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 0rem 3.2rem;
}
.online-consult .online-sec .cd-box-line .num{
    position: relative;
}
.online-consult .online-sec .cd-box-line .num span{
    position:relative;
    width:4rem;
    height:4rem;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFB3C3;
    border:2px solid var(--youth-black);
    z-index: 2;
    box-sizing: border-box;
    font-weight: 800;
}
.online-consult .online-sec .cd-box-line .num:before{
    content:'';
    position:absolute;
    left:50%;
    top:.6rem;
    margin-left:-1.6rem;
    width:4rem;
    height:4rem;
    background: var(--youth-black);
    box-sizing: border-box;
    z-index: 1;
}
.online-consult .online-sec .cd-box-line .num-box:nth-child(2) .num span{
    background-color: #80C4FF;
}
.online-consult .online-sec .cd-box-line .num-box:nth-child(3) .num span{
    background-color: #6CF26E;
}
.online-consult .online-sec .cd-box-line .title{
    margin: 2rem 0 0.8rem 0;
    font-size: 1.9rem;
    font-weight: 800;
    margin-bottom: 1.2rem;
}
/* @@서비스 소개 넘박스 끝@@ */


/* @@서비스 소개 소개글 미디어 쿼리@@ */
@media screen and (max-width: 1210px) {
    /* 이미지 줄이기 */
    .online-consult .card-box .box-r-online-jobs{
        width: 50% !important;
    }
}

@media screen and (max-width: 680px) {
    /* 소개글 박스 패딩 줄이기 */
    .online-consult .card-box{
        padding: 3.2rem 2.4rem;
    }
    /* 소개글 박스 패딩 줄이기 */
    .online-consult .cd-hd{
        flex-direction: column;
    }
    .online-consult .cd-hd .box-l{
        padding-right: 0;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 720px) {
    .online-consult .online-sec .cd-box-line {
        flex-direction: column;
    }
    .online-consult .online-sec .cd-box-line .num-line{
        width: 100%;
        height: 1px;
        background-color: var(--youth-gray-30);
    }
    .online-consult .online-sec .cd-box-line{
        gap: 3.2rem;
    }
}
@media screen and (max-width: 900px) {
    .online-consult .jobs-card-box{
        padding:4rem 4rem;
    }
    /* 이미지 없애기 */
    .online-consult .cd-hd .box-r-online-jobs .corner-img{
        display: none;
    }
}
/* @@서비스 소개 소개글 미디어 끝@@ */
/* @@ 온라인취업지원 끝 @@ */

/* tablet */
@media screen and (max-width: 1600px) {
    .youth_about_main {
        padding-bottom: 124px;
    }
    .youth_about_platform::before { height:100%;}
    .youth_about_main .sub {
        max-width: 560px;
    }

    .youth_about_platform_main::before,
    .youth_about_platform_main::after {
        display: none;
    }

    .youth_about_platform_bot .youth_about_platform_bot_list {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
    }
    .youth_about_platform_bot .youth_about_platform_bot_list > li {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    .youth_about_platform_bot .youth_about_platform_bot_list > li + li::before {
        top: -19.5px;
        left: 50%;
        transform: translateX(-50%);
    }
    .youth_about_platform_bot .youth_about_platform_bot_list > li:first-child {
        padding-top: 0;
    }
    .youth_about_platform_bot .youth_about_platform_bot_list > li:last-child {
        padding-bottom: 0;
    }
    .youth_about_platform_bot .youth_about_platform_bot_list > li .box_wrap {
        max-width: 696px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 900px) {
    .all-consult .jobs-card-box{
       padding:4rem 4rem;
    }
    .all-consult .cd-hd .box-r-online-jobs .corner-img{
       display: none;
    }
 }



/* mobile */
@media screen and (max-width: 768px) {
    .youth_about_main {
        padding-bottom: 62px;
    }
    .youth_about_main .imgBox {
        height: 0;
        padding-bottom: 46%;
    }
    .youth_about_main .imgBox .messageBox .message > p {
        font-size: 16px;
    }
    .youth_about_main .tit {
        font-size: 24px;
        margin-top: 10px;
    }
    .youth_about_main .tit > span {
        font-size: 24px;
    }
    .youth_about_main .sub {
        font-size: 16px;
        line-height: 26px;
    }

    .youth_about_platform {
        margin-top: 69px;
    }
    .youth_about_platform .Specialized .Specialized_box {
        padding: 43px 35px 27px;
    }
    .youth_about_platform .Specialized .Specialized_box .subject {
        height: 38px;
        top: -19px;
    }
    .youth_about_platform .Specialized .Specialized_box .subject .tit {
        font-size: 20px;
    }
    .youth_about_platform .Specialized .Specialized_box .subject .sub {
        font-size: 16px;
        top: -29px;
    }
    .youth_about_platform .Specialized .Specialized_box > ul {
        flex-wrap: wrap;
        gap: 20px 0;
    }
    .youth_about_platform .Specialized .Specialized_box > ul > li {
        width: 50%;
    }
    .youth_about_platform .Specialized .Specialized_box > ul > li + li {
        border-left: 0;
    }

    .youth_about_platform_main .youth_about_platform_main_bg {
        height: 74px;
    }
    .youth_about_platform_main .youth_about_platform_main_bg > .sub {
        font-size: 14px;
    }
    .youth_about_platform_main .youth_about_platform_main_bg > .tit {
        font-size: 24px;
        line-height: 36px;
    }
}

/* mobile */
@media screen and (max-width: 440px) {
    .youth_about_platform .Specialized .Specialized_box > ul > li {
        width: 100%;
    }

    .youth_about_platform_main .youth_about_platform_main_bg {
        background-size: 100% 74px;
    }
}




/*========================================================
 Tooltip
========================================================*/
.tooltip-box {display:none;position:absolute;top:33px;padding:15px 20px;border:1px solid #ddd;border-radius:5px;background-color:#fff;box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.15);z-index:10;}
.tooltip-box:before {content:'';position:absolute;top:-12px;left:22px;width:24px;height:12px;background:url('../images/icon/ico-tootip-arrow.png') no-repeat;}
.tooltip-box.right:before {left:initial;right:22px;}
.tooltip-box .tooltip-cont {width:185px;font-size:14px;}
.tooltip-box .tooltip-cont-check {width:208px;font-size:14px; color:#555; word-break: normal;}
.tooltip-box .tooltip-cont-check .btn-link-txt{color:#000; margin-top:5px;}



.keyword-layer .con .all_selec { margin-bottom:0.5rem; display: inline-block; position: relative; }
.keyword-layer .con .all_selec span.check-info { position: absolute; background-color: #000; width: 100%; color: #fff; top: 37px; text-align: center; padding: 3px; border-radius: 5px; left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.5s; visibility: hidden; z-index: 9; font-size: 14px; letter-spacing: -0.5px; }
.keyword-layer .con .all_selec span.check-info:after { content : ''; /*가상클래스 before, after는 무조건 content가 있어야 작동*/
    position: absolute; /*상위클래스icon이 relative이므로, absolute로 설정하여 동적페이지에도 같은 위치로 유지*/
    background-color:#000; width : 10px; height: 10px; transform: rotate(45deg) translateX(-50%); /*transform은 한 요소에 1번밖에 못쓰므로 합쳐줘야함*/
    top: 1px; left: 50%; /*1. 왼쪽에서 50%위치에 둔다.*/}
.keyword-layer .con .all_selec:hover span.check-info { opacity: 1; visibility: visible; }



.keyword-layer .con ul li { padding: 0.3rem 1rem; background: url('../images/content/li_bullet01.gif') 0 7px no-repeat; font-size: 14px; }
.keyword-layer .con ul li:hover { background-color:var(--youth-primary-5)}

.keyword-layer .con ul li input[type="checkbox"] { margin-left: 5px}

fieldset.search-keyword .close { position: absolute; right: 2rem; top: 1.5rem; font-size: 20px; }



.gree-text-basic { }
.agree-text-basic dt { }
.agree-text-basic dd { }


/* 기존소스 */
.depth2_tt dt {font-size:14px; background:url(/home/www/images/sub/p_title_bul2.gif) 0 3px no-repeat; font-weight:bold; padding:0 0 5px 20px; margin:10px 0 10px 0; color:#006699; clear:both;}
.depth2_tt dd { padding-left:12px;}

.depth3_tt dt {background:url(/home/www/images/sub/p_title_bul3.gif) 0 5px no-repeat; padding:0 0 5px 12px;  margin:10px 0 0 0; color:#111;/* display:inline-block;*/ clear:both;	}
.depth3_tt dd { padding:0 0 2px 17px; background:url(/home/www/images/sub/p_title_bul5.gif) 9px 7px no-repeat;}
.depth3_tt dd.bgnone {background: none;}

.dt2_tt_basic > dt {position: relative;font-weight: 600;font-size: 2rem;padding:0 0 5px 20px; margin:10px 0 0 0; clear:both; }
.dt2_tt_basic dt.bgnone { background:none; padding:0 0 5px 8px; margin:20px 0 0 0;}
.dt2_tt_basic dd { padding:0 0 5px 25px; background:url(/home/www/images/sub/p_title_bul3.gif) 12px 5px no-repeat;}
.dt2_tt_basic dd span.item { font-weight:600; text-decoration:underline; color:#4c8bdb; font-size:13px; }
.dt2_tt_basic dd.agree_notice { color:#4c8bdb; font-size:13px;font-weight:600; }
.dt2_tt_basic li { padding:0 0 5px 25px; }
.dt2_tt_basic dd.bgnone { background:none; padding-left:12px; padding-bottom:5px; }
.dt2_tt_basic dd.bgnone_01 { background:none; padding-left:0px; padding-bottom:5px; }
.dt2_tt_basic dd ul {margin-top:10px;}
.dt2_tt_basic dd ul li { padding:0 0 2px 17px; background:url(/home/www/images/sub/p_title_bul5.gif) 9px 7px no-repeat;}
.dt2_tt_basic dd ul li.bgnone { background:none; padding-left:17px; padding-bottom:5px; }
.dt2_tt_basic {margin:10px 0;}
.dt2_tt_basic ul li { padding:0 0 2px 22px; background:url(/home/www/images/sub/p_title_bul3.gif) 12px 5px no-repeat; clear:both;width:97%; display:inline-block;}
.dt3_tt_basic dd.str_strong {color:#4c8bdb; font-size:13px;font-weight:600;}
.dt3_tt_basic dt  {padding:0 0 5px 12px;  font-weight:bold; margin:5px 0 0 0; color:var(--youth-primary);clear:both; }
.dt3_tt_basic dt.bgnone  {font-size:12px; background:none; padding:0 0 5px 12px;  margin:5px 0 0 0; color:#111;/* display:inline-block;*/ clear:both; }
.dt3_tt_basic >  dd {width:100%; position:relative; padding:0 0 5px 1.2rem; margin-left:1.4rem; line-height:1.4em; word-break:Keep-all; clear:both;  display:inline-block;}
.dt3_tt_basic > dd:before{display:inline-block;position:absolute;content:'';left:0;top:10px;width:4px; height:4px; background:var(--youth-primary);}

.dt3_tt_basic dd.bgnone { background:none; padding-left:13px; padding-bottom:5px; clear:both;}
.dt3_tt_basic dd.agree_org {position:relative;padding:0 0 5px 1.2rem;    margin-left: 4rem; line-height:1.4em; word-break:Keep-all;}
.dt3_tt_basic dd.agree_org::before{display:inline-block;position:absolute;content:'';left:0;top:9px;width:5px; height:1px; background:#000}

.left_con {float:left;width:300px;display:block;}
.left_con_01 {float:left;width:300px;display:block; padding:0 0 0px 20px; background:url(/home/www/images/sub/p_title_bul3.gif) 12px 5px no-repeat;}
.right_con {float:left;display:block;}
.dt3_tt_basic li {background:url(/home/www/images/sub/p_title_bul3.gif ) 0 5px no-repeat; padding:0 0 5px 12px;  margin:5px 0 0 0; color:#111;/* display:inline-block;*/ clear:both; }
.dt3_tt_basic ol.bgnone li {background:none; padding:0 0 5px 12px;  margin:5px 0 0 0; color:#111;/* display:inline-block;*/ clear:both; }
.dt8_tt_basic dt  {clear:both; }
.dt8_tt_basic dt.bgnone  {background:none; padding:0 0 5px 12px;  margin:5px 0 0 0; color:#111;/* display:inline-block;*/ clear:both; }
.dt8_tt_basic dd {width:97%; padding:0 0 5px 25px; background:url(/home/www/images/sub/p_title_bul4.gif) 12px 4px no-repeat; clear:both;  display:inline-block;}
.dt8_tt_basic dd.bgnone { background:none; padding-left:13px; padding-bottom:5px; clear:both;}
.dt3_tt_basic table th, .dt3_tt_basic table td{font-size:13px; text-align:center;}


/*
.dt3_tt_basic dd{
    display: block;
    padding-left: 20px;
    position: relative;
    color: #212121;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}

.dt3_tt_basic dd::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #212121;
    font-weight: 500;
}
.subtit_s_con > * + * {
    margin-top: 7px;
}
.dt3_tt_basic dd:nth-of-type(1)::before {
    content: "①";
}

.dt3_tt_basic dd:nth-of-type(2)::before {
    content: "②";
}

.dt3_tt_basic dd:nth-of-type(3)::before {
    content: "③";
}

.dt3_tt_basic dd:nth-of-type(4)::before {
    content: "④";
}

.dt3_tt_basic dd:nth-of-type(5)::before {
    content: "⑤";
}

.dt3_tt_basic dd:nth-of-type(6)::before {
    content: "⑥";
}

.dt3_tt_basic dd:nth-of-type(7)::before {
    content: "⑦";
}

.dt3_tt_basic dd:nth-of-type(8)::before {
    content: "⑧";
}

.dt3_tt_basic dd:nth-of-type(9)::before {
    content: "⑨";
}
.dt3_tt_basic dd:nth-of-type(10)::before {
    content: "⑩";
}
.dt3_tt_basic dd:nth-of-type(11)::before {
    content: "⑪";
}
.dt3_tt_basic dd:nth-of-type(12)::before {
    content: "⑫";
}
*/

.fc-day-sun .fc-col-header-cell-cushion,
.fc-day-sun a{
    color : var(--youth-danger)
}
.fc-day-sat .fc-col-header-cell-cushion,
.fc-day-sat a {
    color : var(--youth-primary)
}
.fc-event {
    pointer-events: none;
}


/* 종합상담 콘텐츠 */
.all-consult{position: relative;}
.all-consult:before{content:'';position:absolute;left:0;top:10px;width:100%;height:100%;border: 2px solid var(--youth-gray-80);background: var(--youth-secondary-20);border-radius: var(--youth-rd-2);    box-sizing: border-box;}
.all-consult .card-box{position:relative;padding:6rem 4rem;border: 2px solid var(--youth-gray-80);background: var(--youth-secondary-5);border-radius: var(--youth-rd-2);z-index:1;}
.all-consult .cd-hd{display: flex;flex-direction: row;justify-content:space-between;}
.all-consult .cd-hd .box-r{width:220px;flex-shrink: 0;background: url(../images/content/sub-counsel-deco.svg) no-repeat center 16px;background-size: cover;}
.all-consult .cd-hd .box-l{display: flex;flex-direction: column; gap:1.6rem;margin-bottom: 3.2rem;flex-wrap:wrap;padding-right: 1.9rem;}
.all-consult .cd-hd .box-l .title{font-size: 2.5rem;font-weight: 700;}
.all-consult .cd-hd .box-l .desc{ color: var(--youth-gray-70);}
.all-consult .cd-hd .box-l .c-time{display: flex;gap: .8rem;margin-top: .8rem;}
.all-consult .cd-hd .box-l .c-time .tit{flex-shrink: 0;}
.all-consult .cd-hd .box-l .c-time .tit i{display:inline-flex;align-items:center;justify-content:center;width: 24px;height: 24px;background: var(--youth-secondary);}
.all-consult .cd-hd .box-l .c-time .tit span{position:relative;font-weight: 700;padding-right: 1.2rem;}
.all-consult .cd-hd .box-l .c-time .tit span:after{content: '';position: absolute;top: .4rem;right:0;height: 12px;width:1px;background: var(--youth-gray-30);}
.all-consult .cd-hd .c-time .desc span{color:var(--youth-gray-70);}
.all-consult .cd-bd ul{display: flex;gap: 1.6rem;flex-wrap: wrap;}
.all-consult .cd-bd li{display:flex;flex:1;flex-direction:column;gap:.8rem;padding:3.2rem 2.4rem;border: 2px solid var(--youth-gray-80);background: var(--youth-white);border-radius: var(--youth-rd-2); transition: all .25s;}
.all-consult .cd-bd li:hover{ box-shadow: .4rem .4rem 0 .2rem rgba(0,137,255,.4);}
.all-consult .cd-bd li .ico{position: relative;margin: 0 .6rem 1.6rem 0;}
.all-consult .cd-bd li .ico i{position:relative;width:8rem;height:8rem;display: flex;align-items: center;justify-content: center;font-size: 40px;background: #FFBBB3;border:2px solid var(--youth-gray-80);z-index: 2;box-sizing: border-box;}
.all-consult .cd-bd li .ico:before{content:'';position:absolute;left:.6rem;top:.6rem;width:8rem;height:8rem;background: var(--youth-gray-80);box-sizing: border-box;z-index: 1;}
.all-consult .cd-bd li:nth-child(2) .ico i{background:#FFEE80;}
.all-consult .cd-bd li:nth-child(3) .ico i{background:#6CF26E;}
.all-consult .cd-bd li:nth-child(4) .ico i{background:#94CDFF;}
.all-consult .cd-bd li .title{font-size: 2.3rem;font-weight: 700;}
.all-consult .cd-bd li .desc{ color: var(--youth-gray-70);}
.all-consult .cd-bd li .btn{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.2rem;border: 0;padding: 1rem .8rem;}
.all-consult .cd-bd li .btn i{}

@media screen and (max-width: 1024px) {
    .all-consult .cd-hd .box-r{width: 180px;background-size: contain;background-position: right 60px;}
    .all-consult .cd-bd li{flex: unset;width: calc((100% - 1.6rem ) / 2);}
}
@media screen and (max-width: 768px) {
    .all-consult .cd-hd .box-r{width: 160px;background-size: contain;background-position: right 80px;}
}
@media screen and (max-width: 680px) {
    .all-consult .card-box{padding: 3.2rem 2.4rem;}
    .all-consult .cd-hd{flex-direction: column;}
    .all-consult .cd-hd .box-l{padding-right: 0;margin-bottom: 0;}
    .all-consult .cd-hd .box-l .c-time{flex-wrap: wrap;}
    .all-consult .cd-hd .box-r{height: 6.4rem;background-position: 90% top;width: 100%;background-size: 140px;}
    .all-consult .cd-bd li{padding:2.4rem 1.6rem;width: 100%;}
    .all-consult .cd-bd li .ico i{width: 6.8rem;height: 6.8rem;font-size: 3.2rem}
    .all-consult .cd-bd li .ico:before{width: 6.8rem;height: 6.8rem;}
}

/* 정장대여 및 사진촬영 */
.fw-bold{font-weight: 700;}
.underline-st1{text-decoration: underline;text-underline-offset: 0.1rem ;text-decoration-thickness: .8rem;text-decoration-color: var(--youth-secondary-40);line-height: 1.4rem;transition: all .2s ease;}
.rent-con .sec + .sec{margin-top: 5.6rem;}

.rent-con .box-gray{padding:2.4rem 3.2rem;border-radius: 1.2rem;background-color: #F4F5F6;}
.rent-con .box-gray + *{margin-top: 2.4rem;}

.rent-con .h4-title-st1{font-weight: 700;padding-left: 2.4rem;font-size: 2.5rem;margin-bottom: 1.6rem;}
.rent-con .h4-title-st1:before{content: '';position: absolute;top: 50%;margin-top: -.6rem;left: 0;width: 1.5rem;height: 1.2rem;background: url(../images/common/h4-dots.svg) no-repeat center center;}
.rent-con .list-no-deco li{font-size: 1.9rem;}
.rent-con .list-no-deco li + li{margin-top: .4rem;}
.rent-con .cd-box-line{padding:3.2rem;border: .2rem solid var(--youth-black);border-radius: var(--youth-rd-2);}
.rent-con .cd-box-line2{padding:2.4rem 3.2rem;border: .1rem solid var(--youth-gray-30);border-radius: var(--youth-rd-1);}

.rent-con .btn-wrap-bg{padding: 2.4rem 1.2rem;}
#suit.rent-con .btn-wrap-bg{background: var(--youth-secondary-5);}

.rent-con .sec-hd{display:flex;align-items:center;gap:4rem;padding:4rem 3.2rem;background: url(../images/content/bg-rent-1.svg) no-repeat right center var(--youth-secondary-5); background-size: contain;box-shadow:2px 2px 16px 0px rgba(0, 0, 0, 0.06);}
.rent-con .sec-hd .img{position: relative;}
.rent-con .sec-hd .img img{position:relative;border-radius: 12px;overflow: hidden;border:2px solid var(--youth-black);z-index: 1;}
.rent-con .sec-hd .img:before{content:'';position:absolute;left:0rem;top:.8rem;width:100%;height:100%;border: 2px solid var(--youth-gray-80);background: var(--youth-secondary);border-radius: var(--youth-rd-1);box-sizing: border-box;box-shadow:2px 2px 8px 0px rgba(0, 0, 0, 0.15);}
.rent-con .sec-hd .title{font-weight: 700;font-size: 3.2rem;margin-bottom: 2.4rem;}
.rent-con .sec-hd .desc{font-size: 1.9rem;}
.rent-con .sec-2 .box-list-wp{display: flex;gap: 2.4rem;width: 100%;}
.rent-con .sec-2 .box-list-wp li{flex: 1;}
.rent-con .ico-box{display: flex;flex-direction: row;gap: 2.4rem;}
.rent-con .ico-box .ico{display: inline-flex;justify-content: center;align-items: center;width: 72px;height:72px;background: var(--youth-gray-5);border-radius: 50%;flex-shrink: 0;}
.rent-con .ico-box .title{font-size: 1.9rem;font-weight: 800;margin-bottom: 1.2rem;}
.rent-con .location-box{border: 2px solid var(--youth-black);border-radius: var(--youth-rd-2);overflow: hidden;}
.rent-con .location-box .t-box{display: flex;align-items: center;justify-content: space-between;padding:2.4rem 3.2rem;background: var(--youth-secondary-5);}
.rent-con .location-box .t-box .l-box{display: flex;align-items: center;gap: 1.2rem;font-size: 2.1rem;font-weight: 800;}
.rent-con .location-box .t-box .l-box img{height: 3.6rem;}
.rent-con .location-box .b-box{padding:3.2rem;}
.rent-con .location-box .b-box > li + li{margin-top: 2.4rem;}

.rent-con .step-list {display: flex;overflow: hidden;border-radius: var(--youth-rd-2);border: 2px solid var(--youth-gray-30);}
.rent-con .step-list li{position:relative;flex: 1;flex-direction: column;align-items: center;text-align: center;padding: 4rem 2.4rem;}
#photo.rent-con .sec-2 .cd-box-line .num-box .desc span,
.rent-con .step-list li .desc span{display: block;}
.rent-con .step-list li:not(:last-child){border-right: .2rem solid var(--youth-gray-30);}
.rent-con .step-list li:not(:last-child):before,
.rent-con .step-list li:not(:last-child):after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -12px;
    display: block;
    width: 0;
    border-width: 14px 0rem 14px  15px;
    border-style: solid;
}

.rent-con .step-list li:not(:last-child):after {
    border-color:transparent #fff ;
    right: -13px;
    border-width: 14px 0 14px  15px;
    z-index: 1;

}

.rent-con .step-list li:not(:last-child):before {
    border-color:transparent var(--youth-gray-30) ;
    right: -15px;
    z-index: 0;

}
#photo.rent-con .sec-2 .box-interval .num-box{
    padding:0 20px;
}
/* 공통 넘박스 */
#photo.rent-con .btn-wrap-bg{background: var(--youth-point-5);}
#photo.rent-con .sec-hd{display:flex;align-items:center;gap:4rem;padding:4rem 3.2rem;background: url(../images/content/bg-rent-2.svg) no-repeat right center var(--youth-point-5); background-size: contain;box-shadow:2px 2px 16px 0px rgba(0, 0, 0, 0.06);}
#photo.rent-con .sec-hd .img:before{background: var(--youth-point-40);}
#photo.rent-con .underline-st1{text-decoration-color: var(--youth-point-40);}
#photo.rent-con .text-primary{color: var(--youth-point-80) !important;}
#photo.rent-con .sec-2 .cd-box-line{display: flex;padding: 3.2rem 0;}
/* 공통 넘박스 center */
#photo.rent-con .sec-2 .cd-box-line .num-box{flex:1;justify-content: center;text-align: center;flex-direction: column;}
#photo.rent-con .sec-2 .cd-box-line .num{position: relative;}
#photo.rent-con .sec-2 .cd-box-line .num span{position:relative;width:4rem;height:4rem;display:inline-flex;align-items: center;justify-content: center;background: #FFB3C3;border:2px solid var(--youth-black);z-index: 2;box-sizing: border-box;font-weight: 800;}
#photo.rent-con .sec-2 .cd-box-line .num:before{content:'';position:absolute;left:50%;top:.6rem;margin-left:-1.6rem;width:4rem;height:4rem;background: var(--youth-black);box-sizing: border-box;z-index: 1;}
#photo.rent-con .sec-2 .cd-box-line .num-box:nth-child(2) .num span{background-color: #80C4FF;}
#photo.rent-con .sec-2 .cd-box-line .num-box:nth-child(3) .num span{background-color: #6CF26E;}
#photo.rent-con .sec-2 .cd-box-line .num-box:not(:last-child){border-right: 1px solid #ddd;}
#photo.rent-con .sec-2 .cd-box-line .title{margin-bottom: 0.8rem;}

/* 공통 넘박스 top */
#photo.rent-con .sec-2 .cd-box-line .num-box-top {flex:1;justify-content: top;text-align: center;flex-direction: column;}
#photo.rent-con .sec-2 .cd-box-line .num-box-top:nth-child(2) .num span{background-color: #80C4FF;}
#photo.rent-con .sec-2 .cd-box-line .num-box-top:nth-child(3) .num span{background-color: #6CF26E;}
#photo.rent-con .sec-2 .cd-box-line .num-box-top:not(:last-child){border-right: 1px solid #ddd;}
#photo.rent-con .sec-2 .box-interval .num-box-top{padding:0 20px;}

@media screen and (max-width: 720px) {
    .rent-con .sec-hd,
    #photo.rent-con .sec-hd{flex-wrap: wrap;background-image: none;}
    .rent-con .sec-hd .img{margin: auto;}
    .rent-con .sec-hd .text-box{text-align: center;}
    .rent-con .sec-hd .title{font-size: 2.9rem;}
    .rent-con .sec-hd .desc p{display: inline;}
    .rent-con .location-box .t-box,
    .rent-con .sec-2 .box-list-wp,
    .rent-con .ico-box,
    #photo.rent-con .sec-2 .cd-box-line{flex-wrap: wrap;}
    #photo.rent-con .sec-2 .cd-box-line .num-box{width: 100%;flex: unset;padding: 3.2rem;}
    .rent-con .list-no-deco li{font-size: 1.7rem;}


    .rent-con .location-box .t-box .l-box{flex-direction: column;justify-content: center;width: 100%;text-align: center;}
    .rent-con .location-box .t-box .r-box{text-align: center;margin: 1.2rem auto 0; }

    .rent-con .ico-box .text{width: 100%;}
    .rent-con .ico-box .text ul.list1{padding: 2.4rem;background: #f8f8f8;}
    .rent-con .ico-box .ico{margin: 0 auto;}
    .rent-con .ico-box .title{text-align: center;}
    .rent-con .location-box .b-box{padding: 3.2rem 2.4rem;}
    .rent-con .location-box .b-box > li + li{border-top: 1px dashed #ddd;padding-top: 3.2rem;}

    .rent-con .sec-2 .box-list-wp > li{flex: unset;padding: 2.4rem;}

    .rent-con .step-list{flex-wrap: wrap;}
    .rent-con .step-list li{flex: unset;width: 100%;}
    .rent-con .step-list li:not(:last-child){border-bottom: .2rem solid var(--youth-gray-30);;border-right: 0;}
    .rent-con .step-list li:not(:last-child):before,
    .rent-con .step-list li:not(:last-child):after {
        left: 50%;
        top: unset;
        margin-left: -12px;
        border-width: 14px  14px 0rem 15px;
    }

    .rent-con .step-list li:not(:last-child):after {
        border-color: #fff transparent;
        bottom: -13px;
        border-width: 14px  14px 0 15px;
    }

    .rent-con .step-list li:not(:last-child):before {
        border-color: var(--youth-gray-30) transparent;
        bottom: -15px;s

    }
    #photo.rent-con .sec-2 .cd-box-line .num-box:not(:last-child){border-right: unset;border-bottom:1px solid #ddd;}

}

@media screen and (max-width: 540px) {
    .rent-con .sec-hd .title{font-size: 2.7rem}
    .rent-con .ico-box .title{font-size:1.7rem; margin-bottom: .8rem;}
}


/* ========================================
   여수청년정책 소개 페이지
   ======================================== */

/* 서브 콘텐츠 섹션 */
.youth_policy_intro {
    padding: 60px 0;
    background-color: #fff;
}

.youth_policy_intro .width_con {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 4가지 약속 섹션 - 상단 타이틀 영역 */
.promise_header {
    text-align: center;
    margin-bottom: 60px;
}

.promise_badge {
    display: inline-block;
    background: url('../images/content/promise-badge-bg.svg') no-repeat center center;
    background-size: 100% 100%;
    color: #036BAC;
    font-size: 1.7rem;
    font-weight: 500;
    padding: 8px 30px;
    height: 35px;
    line-height: 19px;
}

.promise_title {
    font-size: 4rem;
    font-weight: 700;
    color: var(--youth-gray-90);
    margin-top: 12px;
    margin-bottom: 16px;
    line-height: 1.4;
}

.promise_desc {
    font-size: 2rem;
    font-weight: 400;
    color: var(--youth-gray-60);
    line-height: 1.8;
}

/* 4가지 약속 제목 */
.promise_subtitle {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--youth-gray-90);
    margin-bottom: 30px;
}

.promise_count {
    display: inline-block;
    font-size: 4rem;
    font-weight: 700;
}

.promise_emoji {
    display: inline-block;
    width: 70px;
    height: 40px;
    vertical-align: middle;
    margin: 0 4px;
}

/* 약속 리스트 */
.promise_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.promise_item {
    display: flex;
    align-items: stretch;
    gap: 20px;
    min-height: 60px;
    background: #fff;
    border: 1px solid #DEE2E6;
    border-radius: 12px;
    transition: all 0.25s ease;
}

.promise_item:hover {
    transform: translateY(-3px);
    box-shadow: 5px 9px 21px 0 rgba(85, 108, 144, 0.12);
    border-color: #036BAC;
}

.promise_number {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    background: #2c3e50;
    color: #fff;
    font-size: 1.9rem;
    font-weight: 600;
    border-radius: 12px 0 0 12px;
}

.promise_text {
    flex: 1;
    font-size: 1.9rem;
    font-weight: 400;
    color: var(--youth-gray-80);
    line-height: 1.8;
    margin: auto 0;
    padding: 0;
}

/* 청년 맞춤형 지원서비스 섹션 */
.youth_policy_services {
    margin-top: 60px;
}

.services_title {
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    color: var(--youth-gray-90);
    margin-bottom: 30px;
}

.services_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0 auto;
}

.service_card {
    background: #F8F9FA;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    transition: all 0.25s ease;
}

.service_card:hover {
    transform: translateY(-5px);
    box-shadow: 5px 15px 30px 0 rgba(85, 108, 144, 0.15);
}

.service_icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
}

.service_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 아이콘별 크기 조정 */
.service_card:nth-child(1) .service_icon { width: 158px; height: 118px; }
.service_card:nth-child(2) .service_icon { width: 155px; height: 118px; }
.service_card:nth-child(3) .service_icon { width: 198px; height: 103px; }
.service_card:nth-child(4) .service_icon { width: 163px; height: 118px; }
.service_card:nth-child(5) .service_icon { width: 121px; height: 118px; }

.service_name {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--youth-gray-90);
    margin-bottom: 12px;
}

.service_count {
    width: 152px;
    height: 43px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    font-size: 1.9rem;
    font-weight: 500;
    color: var(--youth-gray-80);
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_desc {
    font-size: 1.9rem;
    font-weight: 400;
    color: var(--youth-gray-80);
    line-height: 1.6;
    margin-bottom: 0;
}

/* 반응형 - 태블릿 */
@media (max-width: 999px) {
    .promise_title { font-size: 3.2rem; }
    .promise_desc { font-size: 1.7rem; }
    .promise_subtitle { font-size: 2.4rem; }
    .promise_count { font-size: 3.2rem; }
    .promise_text { font-size: 1.6rem; }
    .services_title { font-size: 3.2rem; }
    .services_grid { grid-template-columns: repeat(2, 1fr); }
    .service_name { font-size: 2rem; }
    .service_count { font-size: 1.6rem; }
    .service_desc { font-size: 1.6rem; }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .youth_policy_intro { padding: 40px 0; }
    .promise_header { margin-bottom: 40px; }
    .promise_badge { font-size: 1.3rem; padding: 6px 16px; }
    .promise_title { font-size: 2.8rem; }
    .promise_desc { font-size: 1.5rem; }
    .promise_subtitle { font-size: 2.4rem; margin-bottom: 30px; }
    .promise_number { font-size: 1.8rem; }
    .promise_text { font-size: 1.5rem; line-height: 1.5; }
    .services_grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

/* 반응형 - 소형 모바일 */
@media (max-width: 659px) {
    .promise_header { margin-bottom: 32px; }
    .promise_title { font-size: 2.4rem; }
    .promise_desc { font-size: 1.4rem; }
    .promise_subtitle { font-size: 2rem; margin-bottom: 24px; }
    .promise_list { gap: 16px; }
    .promise_item { flex-direction: column; align-items: center; gap: 12px; padding: 20px; }
    .promise_number { width: 44px; height: 44px; font-size: 1.6rem; border-radius: 12px; align-self: center; }
    .promise_text { font-size: 1.4rem; padding: 0; text-align: center; }
    .services_grid { grid-template-columns: 1fr; }
    .services_title { font-size: 2.4rem; }
    .service_card { padding: 24px; }
}


/* ============================================
   청년상담실 (Counseling Section)
   ============================================ */
.sub_content_section.counseling_page .width_con {
    padding: 0;
}

.counseling_section {
    padding: 60px 54px;
    text-align: center;
    background: #F7F7F7;
    border-radius: 20px;
    margin: 0 auto;
}

.counseling_title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
    line-height: 1.375;
}

.counseling_time {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px;
    flex-wrap: wrap;
    width: 685px;
    height: 57px;
    background: #ffffff;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.time_badge {
    background-color: #000000;
    color: #ffffff;
    width: 123px;
    height: 37px;
    padding: 10px;
    border-radius: 9999px;
    font-size: 1.9rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.time_text {
    font-size: 1.7rem;
    font-weight: 400;
    color: #6B7280;
}

/* 상담 카드 그리드 */
.counseling_cards {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-radius: 0;
    overflow: visible;
    align-items: stretch;
}

.counseling_card {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
    margin: 0;
}

.counseling_card:first-child {
    padding-right: 40px;
}

.counseling_card:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #e5e7eb;
}

.counseling_card .card_header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 19px;
    width: 100%;
}

.counseling_card .card_icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counseling_card .card_icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.counseling_card .card_title {
    font-size: 2.4rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.counseling_card .card_desc {
    font-size: 2rem;
    font-weight: 400;
    color: #6B7280;
    line-height: 1.625;
    margin-bottom: 19px;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
}

.counseling_card .card_action {
    width: 100%;
}

.counseling_card .phone_number {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 400;
    color: #000000;
    padding: 12px 24px;
    background-color: #ffffff;
    border-radius: 12px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.counseling_card .phone_number:hover {
    background-color: #036BAC;
    color: #ffffff;
}

.counseling_card .card_button {
    display: inline-block;
    padding: 12px 20px;
    background-color: #ffffff;
    color: #000000;
    font-size: 1.7rem;
    font-weight: 400;
    border-radius: 12px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.counseling_card .card_button:hover {
    background-color: #036BAC;
    color: #ffffff;
}

/* 청년상담실 반응형 - 데스크톱 (1280px 이하) */
@media (max-width: 1280px) {
    .counseling_section {
        padding: 40px 30px;
    }

    .counseling_title {
        font-size: 2.4rem;
        margin-bottom: 25px;
    }

    .counseling_time {
        width: auto;
        max-width: 600px;
        height: auto;
        padding: 10px 15px;
        margin-bottom: 40px;
    }

    .time_badge {
        font-size: 1.6rem;
        width: auto;
        height: auto;
        padding: 8px 16px;
    }

    .time_text {
        font-size: 1.4rem;
    }

    .counseling_card {
        padding: 0 20px;
    }

    .counseling_card:first-child {
        padding-right: 20px;
    }

    .counseling_card .card_icon {
        width: 20px;
        height: 20px;
    }

    .counseling_card .card_title {
        font-size: 2rem;
        /*margin-bottom: 16px;*/
    }

    .counseling_card .card_desc {
        font-size: 1.6rem;
        margin-bottom: 16px;
    }

    .counseling_card .phone_number,
    .counseling_card .card_button {
        font-size: 1.5rem;
        padding: 10px 18px;
    }
}

/* 청년상담실 반응형 - 태블릿 */
@media (max-width: 992px) {
    .counseling_cards {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .counseling_card:not(:last-child)::after {
        display: none;
    }

    .counseling_title {
        font-size: 2.8rem;
    }
}

/* 청년상담실 반응형 - 모바일 */
@media (max-width: 768px) {
    .counseling_section {
        padding: 40px 24px;
    }

    .counseling_title {
        font-size: 2.4rem;
        margin-bottom: 32px;
    }

    .counseling_time {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 32px;
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .time_badge {
        font-size: 1.4rem;
        padding: 10px 20px;
    }

    .time_text {
        font-size: 1.4rem;
        text-align: center;
    }

    .counseling_cards {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .counseling_card {
        padding: 40px 24px;
    }

    .counseling_card:first-child {
        padding: 0 24px 40px;
    }

    .counseling_card:nth-child(2) {
        padding: 40px 24px;
    }

    .counseling_card:last-child {
        padding: 40px 24px 0;
    }

    /* 세로 구분선 제거 */
    .counseling_card:not(:last-child)::after {
        display: none;
    }

    /* 가로 구분선 추가 */
    .counseling_card:not(:last-child)::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background-color: #e5e7eb;
    }

    .counseling_card .card_header {
        flex-direction: column;
        gap: 16px;
    }

    .counseling_card .card_icon {
        width: 20px;
        height: 20px;
    }

    .counseling_card .card_title {
        font-size: 2rem;
    }

    .counseling_card .card_desc {
        font-size: 1.6rem;
        white-space: normal;
    }
}

.youth_greeting .greeting__wrap {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}

.youth_greeting .greeting-full {
    background: #F2F3F7;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    /*background-image: url('../images/content/bg_img1.png'),*/
    /*url('../images/content/bg_img2.png');*/
    /*background-repeat: no-repeat, no-repeat;*/
    /*background-position: left bottom, right bottom;*/
}

.youth_greeting .greeting-box {
    padding: 6rem;
    display: flex;
    gap: 6rem;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
}

.youth_greeting .greeting-box .txt-box_wrap {
    width: 100%;
}

.youth_greeting .info__wrap {
    background: #ffffff;
    box-shadow: 0 0 12px 0 rgba(85, 108, 144, 0.12);
    padding: 6rem;
    display: flex;
    flex-direction: column;
    border-radius: 1.2rem;
}

.greeting-box .txt-box_wrap .sub-tit {
    padding-bottom: 2rem;
}

.greeting-box .txt-box .txt {
    font-size:2rem;
    font-weight:400;
    margin-top: 2rem;
}

.greeting-box .txt-box {
    border:none;
    background: none;
    padding: 0;
}

.youth_greeting .info-list {
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.youth_greeting .info-list li {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.youth_greeting .info-list .info-tit {
    background: #202C38;
    padding: .8rem 1.2rem;
    font-size: 2rem;
    color: #ffffff;
    border-radius: .6rem;
    min-width: 9.4rem;
    text-align: center;
}

.youth_greeting .info-list .info-txt {
    font-size: 2rem;
    font-weight: 400;
}

.youth_greeting .info-list2 {
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 3rem;
}

.youth_greeting .info-list2 .info-box {
    background: #F2F3F7;
    border-radius: 1.2rem;
    padding: 3rem;
    display: flex;
    flex-direction: column;
}

.youth_greeting .info-list2 .info-box span {
    font-size: 2rem;
    font-weight: 600;
}

.youth_greeting .info-list2 .info-box p {
    font-size: 1.9rem;
    font-weight: 400;
}

.info-box span + p {
    border-top: 1px solid #ccc;
    padding-top: 1rem;
    margin-top: 1rem;
}

@media (max-width: 1200px) {
    .youth_greeting .greeting-box {
        flex-direction: column;
        text-align:center;
    }
}

@media (max-width: 900px) {
    .youth_greeting .info-list {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 768px) {
    ..youth_greeting .info-list {
        grid-template-columns: repeat(1, 1fr);
    }

    ..youth_greeting .info-list2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .youth_greeting .info__wrap {
        padding: 3rem;
    }
}

@media (max-width: 600px) {
    .youth_greeting .info-list2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 400px) {
    .youth_greeting .info-list li {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*s060402 청년활동가*/
.youth_activist {

}

.youth_activist .con_header_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3rem;
    border: 3px solid #F2F3F7;
    padding: 3rem;
    border-radius: 1.2rem;
}

.youth_activist .con_header_wrap .tit_wrap {
    text-align: center;
}

.youth_activist .con_header_wrap .tit_wrap .tit_inner {
    display: flex;
}

.youth_activist .con_header_wrap .tit_wrap .tit_inner .top_txt.type-02:after {
    content: "";
    display: inline-block;
    width: 50rem;
    height: 1px;
    background-color: #000;
    vertical-align: middle;
    margin: 0 5.5rem;
}

.youth_activist .con_header_wrap .tit_wrap .tit_inner .top_txt {
    font-size: 4rem;
}

.youth_activist .con_header_wrap .h2-title {
    font-size: 4rem;
}

.youth_activist .txt__box {
    display: flex;
    gap: 1rem;
    align-items: center;
    background: #f8f8f8;
    padding: 2rem;
    border-radius: 1.2rem;
}

.youth_activist .years__item>ul .item {
    display: flex;
    gap: 6rem;
}

.youth_activist .years__item>ul .item>b  {
    display: block;
    font-size: 4rem;
    line-height: 1;
    padding-top: 2rem;
    border-top: 3px solid #000000;
}

.youth_activist .years__item>ul .item .txt__box__wrap {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

.youth_activist .years__item>ul .item .txt__box>b {
    font-size: 1.9rem;
    width: 172px;
}

.youth_activist .years__item>ul {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 6rem;
}

.youth_activist .years__item .item__list li {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 3rem;
}

.youth_activist .years__item .item__list li:last-child {
    border-bottom:  none;
}

.youth_activist .years__item .item__list li .txt__box__wrap .txt__box p {
    position: relative;
    padding-left: 1rem;
}

.youth_activist .years__item .item__list li .txt__box__wrap .txt__box p:after {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    background: #525866;
    border-radius: 50%;
}

@media (max-width: 940px) {
    .youth_activist .txt__box {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .youth_activist .years__item>ul .item {
        flex-direction: column;
    }
}

.youth_greeting .greeting-box .fw_3 {
    font-size: 4rem;
}

.youth_greeting .org_chart .info-list li {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-direction: column;
    margin-bottom: 0;
}

.youth_greeting .org_chart .info-list {
    gap: 3rem;
}

.youth_greeting .org_chart .info-list .info-list_item {
    background: #F8F9FA;
    border-radius: 1.2rem;
    padding: 3rem;
    margin-bottom: 0;
}

.youth_greeting .org_chart .info-list .info-list_item ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.h3-title.type-02 {
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

.youth_greeting .org_chart .info-list .info-txt {
    text-align: center;
}


.imgbox .modal-content .modal-body .img-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.imgbox .modal-content .modal-body .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.imgbox .img-item {
    height: 200px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .imgbox .modal-content .modal-body .img-wrap {
        grid-template-columns: 1fr;
    }
}

.subpolicy-content {
    display: none;
}

.subpolicy-content.current {
    display: block;
}

.youth_activist .txt__box.type-02 {
    background: none;
    padding: 0;
    border-radius: 0;
}

.youth_activist .txt__box_wrap .txt__box {
    display: unset;
}