@charset "utf-8";

/* slick 슬릭 깜빡임 이슈 fix */
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-delay: 10ms;}


/* toastr 커스텀 */
.toast{/* opacity: 1 !important; */}
.toast-custom-center-center{top: 50%; transform: translateY(-50%); right: 0; width: 100%;}
.toast-custom-center-center > div{margin-left: auto !important; margin-right: auto !important;}


/* 스킵 네비게이션 */
#skip_navigation{position: absolute; z-index: 9999; left: 0; right: 0; top: 0;}
#skip_navigation *{list-style: none; margin: 0; padding: 0;}
#skip_navigation a{display: block; width: 1px; height: 1px; overflow: hidden; color: #fff; white-space: nowrap; text-align: center;}
#skip_navigation a:focus,
#skip_navigation a:active{width: 100%; height: auto; padding: 0.5rem; background: #000;}


/* 키보드 접근성 향상 */
input:focus + label{/* outline: 2px solid #222; */}


/* linkWrap : has 'A' element */
.linkWrap{cursor: pointer;}


/* linkWrapBtn : has 'BUTTON' element */
.linkWrapBtn{cursor: pointer;}


/* skip - 마크업 유지하지만 화면에 표시 안되게 할 요소 */
.skip,
.skip *{position: absolute !important; left: -9999px !important; top: -9999px !important; width: 0 !important; height: 0 !important; font-size: 0 !important; opacity: 0 !important; visibility: hidden !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; overflow: hidden !important;}
.skip *{display: none !important;}
.skip:before,
.skip:after{display: none !important;}


/* 등록된 게시물, 검색 결과 없을 경우 */
.empty{padding: 4em 30px; text-align: center; color: var(--disabled); background-color: var(--gray_thin); border-radius: var(--radius_1);}
.empty.transparent{background-color: transparent;}


/* 페이지 스크롤 비활성화 */
.scr_disable{height: 100vh; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none;}
.scr_disable::-webkit-scrollbar{display: none;}


/* 모달 배경 */
.dim{position: fixed; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.75); opacity: 0; visibility: hidden;}
.dim.on{opacity: 1; visibility: visible; transition: all 0.25s;}


/* 스크랩 */
.scrap{flex-shrink: 0; display: block; width: 24px; height: 24px; margin-left: auto; font-size: 0; background: url("/assets/site/img/common/btn_scrap.svg") no-repeat; background-size: contain;}
.scrap.on{background-image: url("/assets/site/img/common/btn_scrap_on.svg");}
@media (max-width: 640px){
    .scrap{/* display: none; */}
}


/* 이미지 크게보기 */
.view_bigger{display: block; margin: 0 15px;}


/* 글 색상 */
.fc_theme{color: var(--theme);}
.fc_theme2{color: var(--theme_heavy2);}
.fc_white{color: var(--white);}
.fc_white2{color: var(--white) !important;}
.fc_red{color: var(--accent) !important;}
.fc_main{color: var(--main) !important;}



/* 폰트웨이트 */
.fwb{font-weight: var(--fwsb);}
.fwm{font-weight: var(--fwm);}


/* 베이직 테이블 */
.table_wrap{width: 100%; margin: 0 0 25px 0; box-sizing: border-box;}
.table_scr_info{display: none; padding: 0 0 5px; line-height: 130%; font-size: 13px; color: var(--accent);}
.basic_table{clear: both; width: 100%; border-collapse: collapse; table-layout: fixed; text-align: center; border-top: 1px solid var(--line_light); box-sizing: border-box; line-height: 140%;}
.basic_table tr{transition: background 0.3s ease;}

.basic_table th{vertical-align: middle; padding: 10px 5px; border: 1px solid var(--line_light); border-left: none; background: #f8f8f8; font-size: 15px; font-weight: var(--fwr); color: var(--sub_dim);}
.basic_table thead th{border-top: none; background: #f8f8f8;}
.basic_table thead tr:last-child th{border-bottom: none;}

.basic_table td{vertical-align: middle; padding: 15px 15px; border: 1px solid var(--line_light); word-break: keep-all; font-weight: var(--fwm); border-left: none;}
.basic_table th:last-child,
.basic_table td:last-child{border-right: none;}
.basic_table .con{padding-left: 1rem; text-align: left;}
.basic_table .con .title{font-weight: var(--fwm);}
.basic_table .con .des{font-size: 15px; font-weight: var(--fwr); color: var(--sub_bold);}
.basic_table .con .indent7{text-indent: -4.2em; padding-left: 4.2em;}
.basic_table .none{padding: 20px 0;}

.basic_table .btn_group{display: flex; gap: 4px;}
.basic_table .btn_group .btn{width: 100%;}
.basic_table .btn_group .btn[disabled]{color: rgba(85,85,85,0.3); cursor: default;}

.basic_table .paid_badge,
.basic_table .paid_badge_person{vertical-align: middle; margin: 0 0 0 5px;}
@media (max-width: 700px){
    .table_wrap.sizeM{overflow-x: auto; overflow-y: hidden;}
    .table_wrap.sizeM .basic_table{width: 699px;}
    .table_wrap.sizeM .table_scr_info{display: block;}
}
@media (max-width: 640px){
    .basic_table th{padding: 10px 5px;}
    .basic_table td{padding: 10px 10px;}
}


/* 트랜스폼 테이블 (반응형 시 data- 속성 이용해서 변형) */
/* .transform_table{}
@media (max-width: 700px){
    .transform_table{table-layout: auto; font-size: 14px; border-top: none;}
    .transform_table colgroup col{width: auto !important;}
    .transform_table thead{display: none;}

    .transform_table tbody{}
    .transform_table tbody tr{display: block; padding: 0; border-bottom: 1px solid var(--gray_thin); border-right: 1px solid var(--gray_thin); box-sizing: border-box;}
    .transform_table tbody tr+tr{margin-top: 20px;}
    .transform_table tbody tr td{position: relative; display: block; width: 100%; padding: 10px 10px 10px 110px; border: none !important; border-top: 1px solid var(--gray_heavy) !important;}
    .transform_table tbody tr td:first-child{background-color: var(--gray_thin); text-align: center; justify-content: center; padding: 10px; border-top: none !important;}
    .transform_table tbody tr td:before{content: attr(data-title); position: absolute; top: 0; bottom: 0; left: 0; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 100px; background-color: var(--gray_thin); padding: 10px; text-align: center;}
    .transform_table tbody tr td:first-child:before{display: none;}

    .transform_table .con .indent7{text-indent: 0; padding-left: 0;;}
    .transform_table .chkwrap2{text-align: center;}
    .transform_table .chkwrap2 input[type="checkbox"] + label .shape{border-color: var(--sub_bold);}
} */
.transform_table{}
@media (max-width: 700px){
    .transform_table{table-layout: auto; font-size: 14px; border-top: none;}
    .transform_table colgroup col{width: auto !important;}
    .transform_table thead{display: none;}

    .transform_table tbody{}
    .transform_table tbody tr{position: relative; display: block; padding: 0 0 0 100px; border-bottom: 1px solid var(--gray_thin); border-right: 1px solid var(--gray_thin); box-sizing: border-box;}
    .transform_table tbody tr+tr{margin-top: 20px;}
    .transform_table tbody tr td{position: relative; display: block; width: 100%; padding: 10px; border: none !important; border-top: 1px solid var(--gray_heavy) !important;}
    .transform_table tbody tr td:first-child{position: absolute; top: 0; bottom: 0; left: 0; display: inline-flex; align-items: center; width: 100px; background-color: var(--gray_thin); text-align: center; justify-content: center; padding: 10px; border-top: none !important;}
    .transform_table tbody tr td[data-title]:before{content: attr(data-title) " : "; display: inline; font-weight: var(--fwsb);}
    .transform_table tbody tr td:has(.paid_badge),
    .transform_table tbody tr td:has(.paid_badge_person){flex-direction: column; gap: 3px;}
    .transform_table tbody tr td .paid_badge,
    .transform_table tbody tr td .paid_badge_person{margin: 0;}


    .transform_table .con .indent7{text-indent: 0; padding-left: 0;;}
    .transform_table .chkwrap2{text-align: center;}
    .transform_table .chkwrap2 input[type="checkbox"] + label .shape{border-color: var(--sub_bold);}

    .transform_table.color2 tbody tr{border-right-color: var(--gray_heavy); border-bottom-color: var(--gray_heavy);}
    .transform_table.color2 tbody tr td{border-top-color: var(--gray_heavy);}
    .transform_table.color2 tbody tr td:first-child{background-color: var(--gray_heavy);}
}


/* 유료 결제 기간 */
.paid_period{display: flex; gap: var(--gap_s); padding: var(--gap_s) 0 0;}
.paid_period .chkwrap input[type="checkbox"] + label{font-weight: var(--fwm);}
.paid_period .chkwrap .fc_red{font-weight: var(--fwm);}


/* 주문 요약 */
.order_list{background-color: #f8f8f8; border-radius: 12px; padding: 12px 2rem 5px;}
.order_list.bg2{background-color: #efefef;}
.order_list > div{display: flex; justify-content: space-between; align-items: center; font-weight: var(--fwm); padding: 11px 0;}
.order_list > div+div{border-top: 1px dashed var(--line);}
.order_list > div+div.total{border-top: 1px solid var(--line);}
.order_list dt .gray{font-size: 15px; font-weight: var(--fwr); color: var(--sub_bold);}
.order_list dd .sum{font-size: 18px; font-weight: var(--fwb);}
.order_list dd .sum strong{font-size: 24px;}
@media (max-width: 640px){
    .order_list{padding: 12px 20px 5px; font-size: 14px;}
    .order_list > div{padding: 8px 0;}
}


/* 환불 불가 안내 */
.noticing{text-align: right; margin-top: 10px; color: var(--dotted_deep);}
.noticing > li{}


/* 레이아웃 */
.divide2{display: flex; gap: 52px;}

.sd_box{border-radius: var(--radius_1); /*filter: var(--shadow_2);*/ background-color: var(--white);}
.sub3 .sd_box {border: 1px solid var(--line); box-sizing: border-box;}
@media (max-width: 1280px){
    .divide2{gap: var(--gap);}
}


/* 목록 */
.list_dot > li{position: relative; padding: 0 0 0 8px; text-align: left;}
.list_dot > li:before{content: ""; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: var(--main);}

.list_circle > li{position: relative; padding: 0 0 0 17px;}
.list_circle > li:before{content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #c2c2c2;}

.list_dash > li:before{content: "- ";}


/* 말줄임 */
.ell1{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ell2{text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; height: 44px;}


/* 버튼 */
.btn{display: block; width: 102px; padding: 0 10px; line-height: 38px; text-align: center; font-size: 14px; font-weight: var(--fwsb); color: var(--white); background-color: var(--main); border-radius: 8px;}
.btn.white{font-weight: var(--fwm); color: var(--sub_dim); background-color: var(--white); box-shadow: 0 0 0 1px inset var(--line);}
.btn.theme{color: var(--main); background-color: var(--theme_light);}
.btn.theme2{color: var(--main); background-color: var(--theme);}
.btn.white.bold{font-weight: var(--fwsb); color: var(--main ); box-shadow: 0 0 0 1px inset var(--main);}
.btn.radius{border-radius: 100px;}

.btn.small{width: 74px; line-height: 28px; font-size: 13px;}

.btn.medium{width: 142px; line-height: 42px; font-size: 15px;}
.btn.medium span:before{content: ""; display: inline-block; vertical-align: middle; margin: -3px 4px 0 0; width: 18px; height: 18px; background-repeat: no-repeat;}
.btn.medium.btn_reset span:before{background-image: url("/assets/site/img/common/btn_reset_m.svg");}

.btn.large{width: 224px; line-height: 60px; font-size: 17px;}
.btn.large span:before{content: ""; display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 24px; height: 24px; background-repeat: no-repeat;}
.btn.large.btn_write span:before{background-image: url("/assets/site/img/common/btn_write_l.svg");}
.btn.large.btn_scrap2 span:before{background-image: url("/assets/site/img/common/btn_scrap2_l.svg"); background-position: center bottom; transition: background 0.2s;}
.btn.large.btn_scrap2.on span:before{background-position: center top;}

.btn_badge{display: inline-block; padding: 0 10px 0 18px; border-radius: 34px; line-height: 34px; font-size: 14px; font-weight: var(--fwm); color: var(--main); background-color: var(--theme_light); user-select: none;}
.btn_badge .del{position: relative; display: inline-block; vertical-align: middle; width: 24px; height: 31px;}
.btn_badge .del:before,
.btn_badge .del:after{content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 1px; background-color: var(--main); transform: translate(-50%, -50%) rotate(45deg);}
.btn_badge .del:after{transform: translate(-50%, -50%) rotate(-45deg);}

.btn.wa{width: auto; padding: 0 22px;}

.btn_wrap{display: flex; justify-content: center; gap: 6px; padding: 11px 0;}
.btn_wrap.left{justify-content: flex-start;}
.btn_wrap.right{justify-content: flex-end;}
@media (max-width: 640px){
    .detail_top .btn_wrap .btn:nth-child(1){width: auto; flex: 1;}
    .detail_top .btn_wrap .btn:nth-child(2){width: 112px;}

    .btn.large{line-height: 54px; font-size: 1rem;}
    .btn.large span .m_dn{display: none;}
}


/* 버튼 형태 라디오 */
.btn_radio{display: inline-flex; flex-wrap: wrap; background-color: var(--white); box-shadow: 0 0 0 1px inset var(--line); border-radius: 8px; font-size: 14px; line-height: 38px; overflow: hidden;}
.btn_radio input[type="radio"]{position: absolute; left: -9999px; width: 0; height: 0; opacity: 0; font-size: 0;}
.btn_radio input[type="radio"] + label{flex: 1; width: 62px; line-height: inherit; height: auto; text-align: center;}
.btn_radio input[type="radio"] + label.m_size{width: 120px;}
.btn_radio input[type="radio"] + label ~ label{border-left: 1px solid var(--line);}
.btn_radio input[type="radio"]:checked + label{background-color: var(--main); color: var(--white);}
@media (max-width: 640px){
    .btn_radio.m_4{}
    .btn_radio.m_4 input[type="radio"] + label{flex: 1 1 auto;}
    .btn_radio.m_4 input[type="radio"]:nth-of-type(n + 5) + label{border-top: 1px solid var(--line);}
}


/* 라디오 스타일 */
.radio_style{display: -webkit-box; display: inline-flex; cursor: pointer; position: relative; margin: 0 20px 0 0;}
.radio_style:last-of-type{margin: 0;}
.radio_style input{position: absolute; left: -9999px;}
.radio_style input:focus + span:before{border: 1px solid #222;}
.radio_style input:checked+span{font-weight: 600;}
.radio_style input:checked+span:before{border: 1px solid #222; background: #222;}
.radio_style span{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border-radius: 99em; -webkit-transition: 0.25s ease; transition: 0.25s ease;}
.radio_style span:before{display: -webkit-box; display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 24px; height: 24px; border-radius: 50%; margin-right: 0.375em; -webkit-transition: 0.25s ease; transition: 0.25s ease; border: 1px solid #dbdbdb; box-sizing: border-box;}
.radio_style span:after{content: ''; display: block; position: absolute; width: 10px; height: 10px; background: #fff; top: 50%; left: 7px; border-radius: 50%; transform: translateY(-50%); transition: 0.25s ease;}


/*
** 유료결제 상품별 메모 :
** .paid : 테두리 강조효과
** .paid2 : 타이틀 텍스트 배경색 강조효과
*/
.paid_list{display: inline-flex; gap: 5px; margin-left: 5px;}
.paid_badge{display: inline-block; font-size: 11px; font-weight: var(--fwb); color: #fff; line-height: 16px; padding: 0 3px; background-color: #111;}
.paid_badge.urgently,
.paid_badge.icon1{background-color: var(--paid_urgently);}
.paid_badge.attention,
.paid_badge.icon2{background-color: var(--paid_attention);}
.paid_badge.mealbed,
.paid_badge.icon3{background-color: var(--paid_mealbed);}
.paid_badge.best,
.paid_badge.icon4{background-color: var(--paid_best);}

.paid_badge_person{display: inline-block; font-size: 11px; font-weight: var(--fwb); color: #fff; line-height: 16px; padding: 0 3px; background-color: #111;}
.paid_badge_person.urgently,
.paid_badge_person.icon1{background-color: var(--paid_person_urgently);}
.paid_badge_person.kind,
.paid_badge_person.icon2{background-color: var(--paid_person_kind);}
.paid_badge_person.sincerity,
.paid_badge_person.icon3{background-color: var(--paid_person_sincerity);}
.paid_badge_person.diligence,
.paid_badge_person.icon4{background-color: var(--paid_person_diligence);}
.paid_badge_person.modesty,
.paid_badge_person.icon5{background-color: var(--paid_person_modesty);}
.paid_badge_person.leadership,
.paid_badge_person.icon6{background-color: var(--paid_person_leadership);}
@media (max-width: 640px){
    .paid_list{gap: 2px; margin-left: 3px;}
}


/* 업체 유료 옵션상품 */
.paid{position: relative; border-width: 1px !important; border-color: #D8D8D8 !important;}
.card_vvip.m_paid{position: relative; border-width: 2px !important; border-color: var(--theme) !important;}
@media (max-width: 640px){
    .paid{border-width: 1px !important;}
}
.card_vvip.paid2 .mid .title span{background-color: var(--theme_light);}
.card_vip.paid2 .mid .title span{background-color: var(--theme_light);}
.card_s.paid2 .mid .title span{background-color: var(--theme_light);}

/* 개인 유료 옵션상품 */
.card_human.paid_p .mid .title span{background-color: var(--theme_light);}
.normal_list > li.paid_p .con .mid .m_top .title span{background-color: var(--theme_light);}


/* 카드 vvip - card_vvip */
.card_vvip{display: flex !important; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius_1); overflow: hidden;}
.card_vvip .top{position: relative;}
.card_vvip .top .img{aspect-ratio: 284 / 164; overflow: hidden;}
.card_vvip .top .img.badge_premium::after {content: ''; display: block; width: 90px; height: 30px; background: url(/assets/site/img/common/badge_premium.png) no-repeat; ; position: absolute; top: 0; left: 0; background-size: contain;border-radius: 0.8rem 0 0.8rem 0;}
.card_vvip .top .img img{width: 100%; max-width: 100%; height: 100%; object-fit: cover; transition: 0.2s;}
.card_vvip:hover .top .img img{transform: scale(1.05);}
.card_vvip .top .img_s{position: absolute; bottom: 0; right: var(--gap);  display: block; width: 100px; /*height: 30px;*/ overflow: hidden; border-radius: 10px 10px 0 0; background-color: var(--white);}
.card_vvip .top .img_s img{width: 100%; max-width: 100%; height: 100%; object-fit: cover;}

.card_vvip .mid{flex: 1; padding: 24px 16px; background-color: var(--white); display: flex; flex-direction: column; gap: 16px;}
.card_vvip .mid .m_top{display: flex; align-items: flex-start;}
.card_vvip .mid .m_top .title{display: flex; flex-direction: column; margin: 0; font-size: 1.063rem; font-weight: var(--fwsb); color: var(--main); word-break: break-all;}
.card_vvip .mid .m_top .title .tit_price {font-size: 1.13rem; line-height: 29px;}
.card_vvip .mid .m_top .title .tit_price_s {font-size: 0.95rem; color: #1D56BC;line-height: 28px;}
.card_vvip:hover .mid .m_top .title{color: var(--main); text-decoration: underline;}
.card_vvip .mid .badge_cate, .normal_list .con .mid .m_top .badge_cate {padding: 0 7px; background: #4F5668; color: #FFF!important; border-radius: 50px; line-height: 24px;font-size: 13px; margin-right: 8px;}
.card_vvip .mid .m_bot {display: flex; flex-wrap: nowrap; align-items: center;}

.card_vvip .mid .company {font-size: 13px;}

.card_vvip .mid .dot-wrap {display: flex; align-items: center; flex-direction: row;}
.card_vvip .mid .dot {display: block; overflow: hidden; white-space: nowrap; line-height: 1;}
.card_vvip .mid .dot > li {display: inline-block; font-size: 13px; color: #717171; position: relative; margin-right: 12px;}
.card_vvip .mid .dot > li::after {content: ''; display: block; width: 3px; height: 3px; background: #d9d9d9; border-radius: 50%; position: absolute; top: 50%; right: -9px; transform: translateY(-50%);}
.card_vvip .mid .dot > li:last-child {margin-right: 0;}
.card_vvip .mid .dot > li:last-child::after {content: none;}

.card_vvip .mid .keyword{display: flex; flex-wrap: nowrap; overflow-x: auto;}
.card_vvip .mid .keyword::-webkit-scrollbar{height: 5px; /*display: none;*/}
.card_vvip .mid .keyword::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.card_vvip .mid .keyword::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.card_vvip .mid .keyword.badge{gap: 6px;}
.card_vvip .mid .keyword > li{flex: 0 0 auto; font-size: 13px; font-weight: var(--fwm); color: var(--sub_dim); line-height: 28px;}
.card_vvip .mid .keyword.badge > li{padding: 0 7px; border-radius: 56px; background-color: var(--gray_thin);}


.card_vvip.type2 .bot{display: none;}


@media (max-width: 640px){
    .card_vvip .top .img{aspect-ratio: 168 / 120;}
    .card_vvip .top .img_s{width: 90px; height: 28px; border-radius: 8px 8px 0 0;}

    .card_vvip .mid {gap: 10px; padding: 18px 16px;}
    .card_vvip .mid .dot-wrap {align-items: start; flex-direction: column;}
    .card_vvip .mid .badge_cate {margin-right: 0; margin-bottom: 8px;}
    .card_vvip .mid .m_top .title{font-size: 15px; font-weight: var(--fwm); line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: inherit;}
    .card_vvip .mid .dot {display: flex; flex-wrap: wrap; row-gap:5px; align-items: center;}
    .card_vvip .mid .keyword {margin-top: 0;}
    .card_vvip .mid .keyword > li{font-size: 14px; color: var(--sub_dim);}
    .card_vvip .mid .keyword.badge > li{font-size: 0.9rem; line-height: 20px;}

    .card_vvip .mid .m_top .title .tit_price {font-size: 1.1rem; line-height: 26px;}
    .card_vvip .mid .m_top .title .tit_price_s {font-size: 0.9rem; line-height: 28px;}

    .card_vvip .mid .m_bot {flex-direction: column; align-items: start;}
    .card_vvip .top .img.badge_premium::after {border-radius: 0.6rem 0 0.6rem 0;}
}
@media (max-width: 540px){
    .card_vvip .mid {padding: 16px 14px;}
    .card_vvip .mid .keyword.badge {gap: 4px;}
    .card_vvip .mid .keyword.badge > li {font-size: 0.85rem; padding: 0 4px;}
}
@media (max-width: 460px){
    .card_vvip {height: max-content;}
    .card_vvip .mid .dot {flex-direction: column; align-items: start;}
    .card_vvip .mid .m_top .title {height: 64px;}
    .card_vvip .mid .m_top .title .tit_price {font-size: 1rem; line-height: 21px; height: 39px; display: block;}
    .card_vvip .mid .m_bot {flex-direction: row; align-items: end; justify-content: space-between;}
    .card_vvip .mid .keyword{display: flex; flex-direction: column; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .card_vvip .mid .keyword > li{display: inline;}
    .card_vvip .mid .keyword > li+li{margin-left: 0;}
    .card_vvip .mid .dot > li::after {display: none;}
}





/* 카드 vip - card_vip */
.card_vip{display: flex !important; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius_1); overflow: hidden;}
.card_vip .top{position: relative;}
.card_vip .top .img{aspect-ratio: 223 / 166; overflow: hidden;}
.card_vip .top .img img{width: 100%; max-width: 100%; height: 100%; object-fit: cover; transition: 0.2s;}
.card_vip:hover .top .img img{transform: scale(1.05);}
.card_vip .top .img_s{position: absolute; bottom: 0; right: var(--gap);  display: block; width: 100px; /*height: 30px;*/ overflow: hidden; border-radius: 10px 10px 0 0; background-color: var(--white);}
.card_vip .top .img_s img{width: 100%; max-width: 100%; height: 100%; object-fit: cover;}

.card_vip .mid{flex: 1; padding: var(--gap); background-color: var(--white); display: flex; flex-direction: column; gap: 8px;}
.card_vip .mid .m_top{display: flex; align-items: center;}
.card_vip .mid .m_top{display: flex; align-items: flex-start;}
.card_vip .mid .m_top .title{display: block; margin: 0; font-size: 1.063rem; font-weight: var(--fwsb); color: var(--main); word-break: break-all;}
.card_vip:hover .mid .m_top .title{color: var(--main); text-decoration: underline;}

.card_vip .mid .company {font-size: 13px;}

.card_vip .mid .dot {display: block; overflow: hidden; white-space: nowrap; line-height: 1;}
.card_vip .mid .dot > li {display: inline-block; font-size: 13px; color: var(--sub_dim); position: relative; margin-right: 12px;}
.card_vip .mid .dot > li::after {content: ''; display: block; width: 3px; height: 3px; background: #d9d9d9; border-radius: 50%; position: absolute; top: 50%; right: -9px; transform: translateY(-50%);}
.card_vip .mid .dot > li:last-child {margin-right: 0;}
.card_vip .mid .dot > li:last-child::after {content: none;}

.card_vip .mid .keyword{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 16px;}
.card_vip .mid .keyword::-webkit-scrollbar{height: 5px;}
.card_vip .mid .keyword::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.card_vip .mid .keyword::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.card_vip .mid .keyword > li{flex: 0 0 auto; position: relative; font-size: 14px; font-weight: var(--fwr); color: var(--sub_dim);}
.card_vip .mid .keyword > li+li:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--dotted_deep);}

.card_vip.type2 .bot{display: none;}

@media (max-width: 640px){
    .card_vip .top .img{aspect-ratio: 168 / 106;}
    .card_vip .top .img_s {width: 90px; height: 28px; border-radius: 8px 8px 0 0;}

    .card_vip .mid{padding: var(--gap) var(--gap); gap: 5px;}
    .card_vip .mid .title{font-size: 15px; line-height: 20px; height: 40px; margin: 2px 0 4px;}
}
@media (max-width: 460px){

}


/* 카드 s - card_s */
.card_s{display: flex !important; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius_1); overflow: hidden;}
.card_s .top{position: relative; padding: 21px var(--gap) 0; background-color: var(--white);}
.card_s .top .img_s{width: 78px; aspect-ratio: 78 / 34;}
.card_s .top .img_s img{width: 100%; max-width: 100%; height: 100%; object-fit: cover;}
.card_s .top .img_s img.mobile{display: none;}
.card_s .mid{flex: 1; padding: 8px var(--gap) 18px; background-color: var(--white); display: flex; flex-direction: column; gap: 8px;}
.card_s .mid .m_top{display: flex; align-items: flex-start;}




.card_s .mid .title{display: block; font-size: 1rem; font-weight: var(--fwm); color: var(--main);}
.card_s:hover .mid .title{color: var(--main); text-decoration: underline;}
.card_s .mid .company {font-size: 13px;}
.card_s .mid .dot {display: block; overflow: hidden; white-space: nowrap; line-height: 1;}
.card_s .mid .dot > li {display: inline-block; font-size: 13px; color: var(--sub_dim); position: relative; margin-right: 12px;}
.card_s .mid .dot > li::after {content: ''; display: block; width: 3px; height: 3px; background: #d9d9d9; border-radius: 50%; position: absolute; top: 50%; right: -9px; transform: translateY(-50%);}
.card_s .mid .dot > li:last-child {margin-right: 0;}
.card_s .mid .dot > li:last-child::after {content: none;}
@media (max-width: 640px){
    .card_s{flex-direction: row; gap: var(--gap_s); align-items: center; background-color: var(--white); border-radius: 10px; padding: var(--gap_s) var(--gap);}
    .card_s .top{padding: 0;}
    .card_s .top .img_s{aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; width: 64px; height: 64px;}
    .card_s .top .img_s img{object-fit: contain;}

    .card_s .mid{gap: 5px; padding: 0;}
    .card_s .mid .m_top {gap: 10px;}
    .card_s .mid .m_top .title{height: 40px; max-height: 40px; line-height: 20px; word-break: break-all;}
}
@media (max-width: 460px){

}







/* 카드 인재 - card_human */
.card_human{display: flex !important; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius_1); overflow: hidden; background-color: var(--white);}
.card_human .top{position: relative; display: flex; flex-direction: column; padding: 30px 24px 14px 95px;}
.card_human .top .img{position: absolute; top: 22px; left: 24px; width: 64px; height: 64px; border-radius: 50%; border: 1px solid #e9e9e9; background: #f3f3f3 url(/assets/site/img/contents/profile_img_bg.svg) no-repeat center; background-size: cover;}
.card_human .top .img img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: inherit; width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.card_human .top .name{font-size: 17px; font-weight: var(--fwsb);}
.card_human .top .name .side{font-size: 13px; font-weight: var(--fwr); color: var(--sub_dim); margin-left: 3px;}
.card_human .top .sub{line-height: 1.2; font-size: 14px; font-weight: var(--fwsb); color: var(--theme_heavy);}

.card_human .mid{flex: 1; padding: 15px var(--gap) 19px; background-color: var(--white);}
.card_human .mid .m_top{display: flex; align-items: center;}
.card_human .mid .m_top .location{display: flex; gap: 10px;}
.card_human .mid .m_top .location > span{position: relative; font-size: 14px; color: var(--sub_dim);}
.card_human .mid .m_top .location > span+span:before{content: ""; position: absolute; top: 10px; left: -6px; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: var(--sub_dim);}
.card_human .mid .title{margin: 3px 0 4px; font-size: 1rem; font-weight: var(--fwm); color: var(--main); word-break: break-all;}
.card_human:hover .mid .title{color: var(--main); text-decoration: underline;}
.card_human .mid .keyword{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 16px;}
.card_human .mid .keyword::-webkit-scrollbar{height: 5px; /*display: none;*/}
.card_human .mid .keyword::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.card_human .mid .keyword::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.card_human .mid .keyword > li{flex: 0 0 auto; position: relative; font-size: 14px; font-weight: var(--fwr); color: var(--sub_dim);}
.card_human .mid .keyword > li+li:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--dotted_deep);}

.card_human.type2 .bot{display: none;}
@media (max-width: 640px){
    .card_human .top{padding: 30px 15px 14px 95px;}
    .card_human .top .img{left: 15px;}
    .card_human .mid .title{height: auto; max-height: 44px;}
}


/* 슬라이드 페이징 */
.page{display: inline-block; position: absolute; top: -56px; right: 0; font-size: 13px; font-weight: var(--fwr); color: var(--dotted); line-height: 26px; border: 1px solid var(--dotted_deep); border-radius: 26px; min-width: 58px; text-align: center; overflow: hidden;}
.page .current{font-weight: var(--fwb); color: #fff;}

.page.hasMore{padding-right: 12px;}
.page.hasMore > a{display: inline-flex; align-items: center; padding: 0 10px 0 12px; margin-right: 10px; border-right: 1px solid var(--dotted_deep); font-weight: var(--fwsb); color: var(--sub_bold); background-color: #eee;}
@media (max-width: 640px){
    .page{display: inline-block; top: -48px; font-size: 12px;}
    .page.hasMore > a{padding: 0 7px 0 9px;}
}


/* 슬라이드 그리드 타입 */
.leng .item{display: grid !important; grid-template-rows: repeat(auto-fill, minmax(5px, auto)); grid-row-gap: var(--gap_s); grid-column-gap: var(--gap_s);}
.leng .item.no_grouping{display: block !important;}
.leng4 .item{grid-template-columns: repeat(4, 1fr);}
.leng12 .item{grid-template-columns: repeat(4, 1fr);}
.leng15 .item{grid-template-columns: repeat(5, 1fr);}
.leng25 .item{grid-template-columns: repeat(5, 1fr);}
@media (max-width: 1340px){
    .leng12 .item{grid-template-columns: repeat(3, 1fr);}
    .leng15 .item{grid-template-columns: repeat(3, 1fr);}
    .leng25 .item{grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 860px){
    /* .swiper-silder.leng4 .item{grid-template-columns: repeat(2, 1fr);} */
    .leng12 .item{grid-template-columns: repeat(2, 1fr);}
    .leng15 .item{grid-template-columns: repeat(2, 1fr);}
    .leng25 .item{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px){
    .leng25 .item{grid-template-columns: repeat(1, 1fr);}
    /* .swiper-silder.leng25.noimg .item{grid-template-columns: repeat(2, 1fr);} */
}
@media (max-width: 320px){
    .leng12 .item{grid-template-columns: repeat(1, 1fr);}
    .card_vvip .mid .m_top .title .tit_price {height: auto;}
    .card_vvip .top .img {aspect-ratio: 284 / 164;}
}

/* 슬라이드 타입1 */
.slide_type1 .list{overflow: hidden;}
.slide_type1 .list .slick-list{margin-left: calc( var(--gap_s) * -1 );}
.slide_type1 .list .item{margin-left: var(--gap_s); visibility: hidden; opacity: 0;}
.slide_type1 .list.slick-initialized .item{visibility: visible; opacity: 1;}
@media (max-width: 640px){
    /* .slide_type1 .list .item .card_vvip:nth-child(n+7){display: none !important;} */
}


/* 슬라이드 타입2 */
.slide_type2 .list{overflow: hidden;}
.slide_type2 .list .slick-list{margin-left: calc( var(--gap_s) * -1 );}
.slide_type2 .list .item{margin-left: var(--gap_s); visibility: hidden; opacity: 0;}
.slide_type2 .list.slick-initialized .item{visibility: visible; opacity: 1;}
@media (max-width: 640px){
    /* .slide_type2 .list .item .card_vip:nth-child(n+11){display: none !important;} */
}


/* 슬라이드 타입3 */
.slide_type3 .list{overflow: hidden;}
.slide_type3 .list .slick-list{margin-left: calc( var(--gap_s) * -1 );}
.slide_type3 .list .item{margin-left: var(--gap_s); visibility: hidden; opacity: 0;}
.slide_type3 .list.slick-initialized .item{visibility: visible; opacity: 1;}
@media (max-width: 1179px){
    /* .slide_type3 .list .item .card_vvip:nth-child(n+4){display: none !important;} */
}
@media (max-width: 860px){
    .slide_type3 .list .item .card_vvip:nth-child(n+3){display: none !important;}
}
@media (max-width: 640px){
    /* .slide_type3 .list .item .card_vvip:nth-child(n+3){display: none !important;} */
}


/* 슬라이드 타입4 */
.slide_type4 .list{overflow: hidden;}
.slide_type4 .list .slick-list{margin-left: calc( var(--gap_s) * -1 );}
.slide_type4 .list .item{margin-left: var(--gap_s); visibility: hidden; opacity: 0;}
.slide_type4 .list.slick-initialized .item{visibility: visible; opacity: 1;}
@media (max-width: 640px){
    /* .slide_type4 .list:not(.noimg) .item .card_s:nth-child(n+6){display: none !important;} */
    /* .slide_type4 .list.noimg .item .card_s:nth-child(n+11){display: none !important;} */
}


/* 슬라이드 타입5 */
.slide_type5 .list{overflow: hidden;}
.slide_type5 .list .slick-list{margin-left: calc( var(--gap_s) * -1 );}
.slide_type5 .list .item{margin-left: var(--gap_s); visibility: hidden; opacity: 0;}
.slide_type5 .list.slick-initialized .item{visibility: visible; opacity: 1;}
@media (max-width: 1179px){
    /* .slide_type5 .list .item .card_vvip:nth-child(n+4){display: none !important;} */
}
@media (max-width: 860px){
    .slide_type5 .list .item .card_vvip:nth-child(n+3){display: none !important;}
}
@media (max-width: 640px){
    /* .slide_type5 .list .item .card_vvip:nth-child(n+3){display: none !important;} */
}


/* 슬라이드 타입6 */
.slide_type6{position: relative; display: flex; align-items: center; gap: 4px;}
.slide_type6 .list{max-width: 983px; display: none; width: 100%;}
.slide_type6 .list.slick-initialized{display: block;}
.slide_type6 .list .slick-list{}
.slide_type6 .list .slick-list .slick-track{/* width: 100% !important; */}
.slide_type6 .list .item{display: flex !important; align-items: center; justify-content: center; background-color: var(--white); width: 124px; height: 54px;}
.slide_type6 .list .item img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.slide_type6 .arw{position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 13px; height: 13px; font-size: 0;}
.slide_type6 .arw_prev{left: -21px; border-top: 2px solid var(--sub_dim); border-left: 2px solid var(--sub_dim); transform: translateY(-50%) rotate(-45deg);}
.slide_type6 .arw_next{right: -21px; border-top: 2px solid var(--sub_dim); border-right: 2px solid var(--sub_dim); transform: translateY(-50%) rotate(45deg);}
.slide_type6 .page{display: none;}
@media (max-width: 1280px){
    .slide_type6{gap: 16px; justify-content: space-between;}
    .slide_type6 .list{width: calc(100% - 150px); flex: 1;}
    .slide_type6 .control2{flex: 0 0 auto;}
}


/* 목록 - betweenDot */
.betweenDot{display: flex; gap: 16px;}
.betweenDot > li{position: relative;}
.betweenDot > li+li:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--dotted_deep);}


/* 배너존 */
.banner_zone .banner{position: relative; display: flex; flex-direction: column; justify-content: start; height: 150px; padding: 29px 50px; border-radius: var(--radius_1); overflow: hidden;}
.banner_zone .banner img{position: absolute; top: 0; right: 0; left: auto; width: 1300px; height: 150px; max-width: none;}
.banner_zone .banner .image_mo{display: none;}

.banner_zone .banner .sup{position: relative; display: flex; align-items: center; gap: 10px; font-size: 15px; height: 18px;}
.banner_zone .banner .sup .line {display: block; width: 30px; height: 1px; background: #fff;}
.banner_zone .banner .sup b {position: relative;}
.banner_zone .banner .sup b::after {content: ''; display: block; width: 14px; height: 14px; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); background: url("/assets/site/img/main/banner_zone_ill.svg") no-repeat center;}
.banner_zone .banner .title{position: relative; display: inline-block; transition: 0.2s ease-out; font-size: 30px; line-height: 36px; margin-top: 7px;}
.banner_zone .banner .title span{font-weight: var(--fwb);}
@media (max-width: 1024px) {
    .banner_zone .banner {height: 120px; padding: 20px 32px;}
    .banner_zone .banner img {width: auto; height: 120px;}
    .banner_zone .banner .sup {font-size: 0.9rem; height: 16px;}
    .banner_zone .banner .title {font-size: 1.5rem; line-height: 30px; margin-top: 0;}
    .sw-wide .control {left: 32px !important; bottom: 15px !important;}
}
@media (max-width: 860px){
    .sw-wide .control {left: 32px !important; bottom: 15px !important;}
    .sw-wide .btn_s {width: 16px !important; height: 16px !important;}
    .sw-wide .control .page {font-size: 0.85rem !important; width: 20px!important;}
    .banner_zone .banner {height: 100px;}
    .banner_zone .banner img {right: 0; height: 100px;}
    .banner_zone .banner .sup {font-size: 13px;}
    .banner_zone .banner .title {font-size: 20px;}
}
@media (max-width: 640px){
    .banner_zone .banner {padding: 20px; position: relative;}
    .banner_zone .banner::before {content: ''; display: block; width: 100%; height: 100px;; z-index: 0; position: absolute; left: 0; top: 0;}
    .banner_zone .banner img {right: -130px; z-index: -1;}
    .banner_zone .banner .sup {font-size: 10px; gap: 5px;}
    .banner_zone .banner .sup .line {width: 15px;}
    .banner_zone .banner .title {font-size: 1.15rem; line-height: 26px;}

    .sw-wide .control {left: 20px !important;}

    .banner_zone.banner_zone_01 .banner::before {background: linear-gradient(90deg, rgba(93,147,206,1) 30%, rgba(218,109,137,0) 100%);}
    .banner_zone.banner_zone_02 .banner::before {background: linear-gradient(90deg, rgba(129,159,210,1) 30%, rgba(129,159,210,0) 100%);}
    .banner_zone.banner_zone_03 .banner::before {background: linear-gradient(90deg, rgba(52,59,72,1) 30%, rgba(52,59,72,0) 100%);}

}
@media (max-width: 460px){

}


/* 게시판 */
.board{flex: 1; min-width: 0; display: flex; flex-direction: column; /* flex-wrap: wrap; */}
.board > .tit{padding: 0 0 24px; flex: 0 0 auto;}
.board .con{flex: 1;}
.board .con .empty{height: 100%; display: flex; align-items: center; justify-content: center;}
.board .con .list{padding: 9px var(--gap); background-color: var(--white); border: 1px solid var(--line); border-radius: var(--radius_1); min-height: 738.84px;}
.board .con .list > li:nth-child(n+11){display: none;}
.board .con .list > li > div{display: block; min-width: 0; padding: 11px 0; border-top : 1px solid var(--gray_heavy);}
.board .con .list > li:nth-child(1) > div{border-top: none;}
.board .con .list .top{display: flex; align-items: center; margin: 0 0 1px;}
.board .con .list .top .info{display: flex; font-size: 14px; color: var(--sub_dim);}
.board .con .list .top .info .location{display: inline-flex; gap: 10px;}
.board .con .list .top .info .location span{position: relative;}
.board .con .list .top .info .location span+span:before{content: ""; position: absolute; top: 10px; left: -6px; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: var(--sub_dim);}
.board .con .list .title{display: block; width: 100%; font-weight: var(--fwm);}
@media (max-width: 1280px){
    .board > .tit{padding: 0 0 17px;}
    .board .con .list{min-height: 722.91px;}
}
@media (max-width: 640px){
    .bd_zone{display: none;}
    .board > .tit{padding: 0 0 12px;}
}


/* 일반 리스트 */
.normal_list{border-top: 1px solid var(--main);}
/* .normal_list .con{border-bottom: 1px solid var(--line);} */
.normal_list .con .mid{display: flex; align-items: center; padding: 23px var(--gap) 24px; gap: var(--gap_s);}

.normal_list .con .mid .p_img{width: 100px; border-radius: 12px; border: 1px solid #e9e9e9; box-sizing: border-box; overflow: hidden;}
.normal_list .con .mid .p_img img{}

.normal_list .con .mid .m_top{flex: 1; min-width: 0;}
.normal_list .con .mid .m_top .bookmark{display: flex; align-items: center; gap: 6px;}
.normal_list .con .mid .m_top .bookmark .scrap{margin: -2px 0 0 0;}
.normal_list .con .mid .m_top .bookmark .location{display: flex; gap: 10px; font-size: 14px; color: var(--sub_dim);}
.normal_list .con .mid .m_top .bookmark .location span{position: relative;}
.normal_list .con .mid .m_top .bookmark .location .tag{display: inline-flex; justify-content: center; align-items: center; height: 20px; padding: 0 8px; background-color: #4f5668; border-radius: 10px; font-size: 12px; font-weight: 300; color: #fff; line-height: 1;}
.normal_list .con .mid .m_top .bookmark + .keyword{margin: 8px 0 3px;}
.normal_list .con .mid .m_top .bookmark .location span+span:before{content: ""; position: absolute; top: 10px; left: -6px; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: var(--sub_dim);}
.normal_list .con .mid .m_top .title{position: relative; display: inline-block; max-width: 97%; padding: 5px 40px 1px 0; line-height: 130%; font-weight: var(--fwm); word-break: break-all;}
.normal_list .con .mid .m_top .title:hover{color: var(--main); text-decoration: underline;}
.normal_list .con .mid .m_top.linkWrap:hover .title{color: var(--main); text-decoration: underline;}
.normal_list .con .mid .m_top .open{position: absolute; right: 0; top: 5px; display: inline-block; width: 36px; height: 18px; background: url("/assets/site/img/common/open.svg") no-repeat center; font-size: 0;}
.normal_list .con .mid .m_top .new{position: absolute; right: 0; top: 5px; display: inline-block; width: 32px; height: 18px; background: url("/assets/site/img/common/new.svg") no-repeat center; font-size: 0;}
.normal_list .con .mid .m_top .keyword{display: flex; flex-wrap: wrap; row-gap: 5px; line-height: 1.2;}
.normal_list .con .mid .m_top .keyword > li{flex: 0 0 auto; position: relative; font-size: 14px; font-weight: var(--fwr); color: var(--sub_dim);}
.normal_list .con .mid .m_top .keyword > li+li:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 5px 0 7px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--dotted_deep);}
.normal_list .con .mid .btn_wrap{position: relative; padding: 0; flex-direction: column; gap: 4px;}
.normal_list .con .mid .btn{margin-left: auto;}
.normal_list .con .mid .scrap_img {overflow: hidden; width: 5rem; height: 5rem; border-radius: 4px;}
.normal_list .con .mid .scrap_img img {width: 100%; max-width: 100%; height: 100%; object-fit: cover;}

.normal_list .con .bot{display: flex; width: 100%; gap: 31px; padding: 9px var(--gap); border-top: 1px dashed var(--line);}
.normal_list .con .bot > li{position: relative;}
.normal_list .con .bot > li+li:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -14px; display: block; width: 1px; height: 20px; background-color: #e9e9e9;}
.normal_list .con .bot > li p{font-size: 14px; color: var(--sub_dim);}
.normal_list .con .bot > li p.period{font-weight: var(--fwm);}
.normal_list .con .bot > li p.period.today{color: var(--accent);}

.normal_list.hasLeft .con{position: relative; padding: 0 0 0 250px;}
.normal_list.hasLeft .con .left{position: absolute; top: 0; left: 0; bottom: 0; width: 250px; padding: 23px 10px 10px 24px;}

/*2025 06 23 추가*/
.normal_list.hasLeft .con .left .profile.be {display: flex; gap: 15px; margin: 0 0 20px 0;}
.normal_list.hasLeft .con .left .profile.be .img {width: 50px; aspect-ratio: 1 / 1 ; border: 1px solid #e9e9e9; box-sizing: border-box; border-radius: 12px; overflow: hidden;}
.normal_list.hasLeft .con .left .profile.be .info {flex: 1;}




.normal_list.hasLeft .con .left .profile .name{font-size: 17px; font-weight: var(--fwsb);}
.normal_list.hasLeft .con .left .profile .name .side{font-size: 13px; font-weight: var(--fwr); color: var(--sub_dim);}
.normal_list.hasLeft .con .left .profile .badge{display: inline-block; padding: 0 7px; margin: 8px 0 0; font-size: 11.5px; border-radius: 13px; border: 1px solid var(--line); line-height: 24px;}
.normal_list.hasLeft .con .left .stamp{font-size: 13px; color: var(--sub_dim);}

.normal_list.hasLeft .con .mid{padding-left: 0;}
.normal_list.hasLeft .con .mid > .btn_wrap{padding: 0; margin-left: auto; display: flex; flex-direction: column; gap: 3px;}

.normal_list .con .bot.betweenDot{padding-left: 0; font-size: 14px; gap: 24px; color: var(--sub_dim); flex-wrap: nowrap; overflow-x: auto;}
.normal_list .con .bot.betweenDot::-webkit-scrollbar{height: 5px; /*display: none;*/}
.normal_list .con .bot.betweenDot::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.normal_list .con .bot.betweenDot::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.normal_list .con .bot.betweenDot > li{flex: 0 0 auto;}
.normal_list .con .bot.betweenDot > li+li:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -14px; display: block; width: 4px; height: 4px; background-color: var(--dotted_deep);}
@media (max-width: 1024px){
    .normal_list{border-top: none; display: flex; flex-direction: column; gap: 12px;}
    .normal_list .con{position: relative; background-color: var(--white); border: 1px solid var(--line); border-radius: 10px;}
    .normal_list .con .mid .btn{position: absolute; bottom: 6px; right: 15px; width: 74px; line-height: 28px; font-size: 13px;}

    .normal_list.hasLeft .con .mid > .btn_wrap{position: absolute; bottom: 6px; right: var(--gap); display: flex; flex-direction: row;}
    .normal_list.hasLeft .con .mid > .btn_wrap .btn{position: static; bottom: auto; right: auto;}
}
@media (max-width: 860px){
    .normal_list.hasLeft .con{padding-left: 0;}
    .normal_list.hasLeft .con .left{position: static; width: 100%; padding: 23px var(--gap) 0;}
    .normal_list.hasLeft .con .left .profile{display: flex; align-items: center;}
    .normal_list.hasLeft .con .left .profile .badge{margin: 0 0 0 6px;}
    .normal_list.hasLeft .con .left .profile .stamp{margin-left: auto;}
    .normal_list.hasLeft .con .mid{padding: 10px var(--gap) 10px;}
    .normal_list.hasLeft .con .mid .m_top .title{/* padding: 5px 0 0; */}
    .normal_list.hasLeft .con .mid > .btn_wrap{display: none;}
    .normal_list.hasLeft .con .bot.betweenDot{padding: 9px var(--gap);}
}
@media (max-width: 640px){
    .normal_list .con .bot > li+li{display: none;}
    .normal_list .con .mid .p_img {width: 80px;}
    .scrap {width: 22px; height: 22px; margin: 0; margin-top: 6px;}
}
@media (max-width: 468px){
    .normal_list .con .mid .p_img {width: 50px;}
}
/* 2015 08 19 추가 */
.normal_list.apply_List {border-top: none;}
.bo_basic_list tbody td .con, .normal_list.apply_List .con .mid {padding: 0;}
.normal_list.apply_List .con {border-bottom: none;}
.normal_list.apply_List{
    @media (width <= 1024px) {
        .con{border: 0; background-color: transparent;}
    }
    @media (width <= 860px) {
        .con .mid .m_top .keyword li:nth-child(1),
        /* .con .mid .m_top .keyword li:nth-child(2){display: none} */
    }
}
@media (width <= 860px) {
    .bo_basic_list.status_list.type2 {
        table tbody tr td:nth-child(2){font-size: 13px;}
        table tbody tr td:nth-child(3)::before{display: none;}
        .td-state{margin-top: 10px;}
    }

}


/* 페이지네이션 */
.pagination{text-align: center; margin-top: 2rem;}
.paging{position: relative; display: inline-flex; gap: 16px; align-items: center;}
.paging a{box-sizing: border-box; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;}
.paging .first,
.paging .prev,
.paging .next,
.paging .end{text-indent: -9999px; overflow: hidden; background: #fff url('/assets/site/img/common/page_arr.svg') no-repeat center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 8px;}
.paging .first{background-image: url("/assets/site/img/common/page_arr_double.svg"); transform: rotateY(180deg);}
.paging .prev{transform: rotateY(180deg);}
.paging .next{}
.paging .end{background-image: url("/assets/site/img/common/page_arr_double.svg");}
.paging a.lock{pointer-events: none !important;}
.paging a.lock.prev,
.paging a.lock.next{background-image: url("/assets/site/img/common/page_arr_dim.svg");}
.paging a.lock.first,
.paging a.lock.end{background-image: url("/assets/site/img/common/page_arr_double_dim.svg");}

.paging ol{display: inline-flex; gap: 16px;}
.paging ol li a{display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: var(--fwm); border-radius: 50%; color: var(--sub);}
.paging ol li a.on{background-color: var(--gray_thin); font-weight: var(--fweb); color: var(--main);}
.paging ol li.last_page{display: none;}
@media (max-width: 1024px){
    .paging{gap: 24px;}
    .paging .first{display: none;}
    .paging .end{display: none;}

    .paging ol li{display: none; margin: 0;}
    .paging ol li.current,
    .paging ol li.last_page{display: block;}
    .paging ol li:last-child:before{content: "/"; display: inline-block; vertical-align: middle; margin: -3px 8px 0 -7px; font-size: 14px;}
    .paging ol li:first-child:before{display: none;}
    .paging ol li a{width: auto; color: #555;}
    .paging ol li a.on{width: 32px; border: none; font-weight: var(--fweb);}
}


/* 리스트 상단 */
.list_top{display: flex; gap: 6px; align-items: center; justify-content: flex-end; padding: 0 0 15px; /* margin-top: -7px; */}
.list_top .total{font-size: 15px; color: var(--sub_dim); margin-right: auto;}
.list_top .total strong{color: var(--sub);}
.list_top .sch_wrap{width: 252px;}
.list_top select{min-width: 132px;}
.list_top .radio_wrap + .sch_wrap{margin-left: 15px;}
.list_top .radio_wrap + select{margin-left: 15px;}

.radio_wrap{display: flex;}
.radiobox + .radiobox:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 12px 0 17px; width: 1px; height: 30px; background-color: var(--line);}
.radiobox input[type="radio"]{position: absolute; left: -9999px; width: 0; height: 0; line-height: 0; font-size: 0; opacity: 0; margin: 0; padding: 0;}
.radiobox input[type="radio"] + label{font-size: 15px; font-weight: var(--fwr); color: var(--sub_dim); background: none;}
.radiobox input[type="radio"]:checked + label{font-weight: var(--fwsb); color: var(--main);}
.radiobox input[type="radio"] + label:before{content: ""; display: none; vertical-align: middle; margin: -7px 11px 0 0; width: 8px; height: 12px; border-bottom: 2px solid var(--main); border-right: 2px solid var(--main); transform: rotate(45deg);}
.radiobox input[type="radio"]:checked + label:before{display: inline-block;}
@media (max-width: 1024px){
    .list_top{margin-top: 0; padding: 6px 0 8px;}
    .list_top > *:not(.keep_m){display: none;}
    .list_top > *{width: 50% !important;}
}


/* 상세검색필터 */
.filter{overflow: hidden; border-radius: 12px; overflow: hidden; background-color: #fff; margin: 0 0 40px;}
.filter .setup{position: relative; display: flex;}
.filter .setup dl{flex: 1;}
.filter .setup dl:first-child{border-radius: 12px 0 0 0;}
.filter .setup dl:last-child{border-radius: 0 12px 0 0;}
.filter .setup dl.on{z-index: 1; outline: 2px solid #111; outline-offset: -2px;}
.filter .setup dl+dl{margin-left: -1px;}
.filter .setup dl dt{border: 1px solid var(--line);}
.filter .setup dl:first-child dt{border-radius: 12px 0 0 0;}
.filter .setup dl:last-child dt{border-radius: 0 12px 0 0;}
.filter .setup dl dt button{position: relative; display: block; width: 100%; padding: 11px 16px; font-size: inherit; cursor: pointer; text-align: left; font-size: 15px; color: var(--sub_dim);}
.filter .setup dl dt button:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 13px; display: block; width: 14px; height: 14px; background: url("/assets/site/img/common/filter_arr.svg") no-repeat bottom center;}
.filter .setup dl.on dt button{font-weight: var(--fwsb); color: var(--main);}
.filter .setup dl.on dt button:before{background-position: top center;}
.filter .setup dl dt button span em{display: inline-flex; vertical-align: top; align-items: center; justify-content: center; margin: 0 0 0 4px; line-height: 18px; width: 18px; height: 18px; font-size: 11px; font-weight: var(--fwb); color: var(--white); background-color: var(--main); border-radius: 50%; text-align: center;}
.filter .setup dl dd{font-size: 14px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); border-right: 1px solid var(--line);}
.filter .setup dl dd .scr_y{height: 251px; overflow-y: auto; overscroll-behavior: contain;}
.filter .setup dl dd .scr_y::-webkit-scrollbar{width: 5px; /*display: none;*/}
.filter .setup dl dd .scr_y::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.filter .setup dl dd .scr_y::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.filter .setup dl.on dd .scr_y ul li{padding: 0 1px;}

.ly_sub{display: none; z-index: -1; position: absolute; z-index: 2; top: 41px; left: 0; width: 100%; height: calc(100% - 41px); background-color: #fff;}
.filter .setup dl.on dd.ly_sub{display: block; z-index: 2; border-bottom: 2px solid #111; border-left: 2px solid #111; border-right: 2px solid #111;}
.filter .setup dl.on dd.ly_sub:before{content: ""; position: absolute; top: -2px; left: 19.999%; right: -2px; margin-left: -2px; height: 2px; background-color: #111;}
.filter .setup dl.on dd.ly_sub.human:before{left: 24.999%;}
.ly_sub .detail .top{padding: 17px 20px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background-color: #f3f3f3;}
.ly_sub .detail .top .sch_wrap{width: 362px;}
.ly_sub .detail .top .sel_limit{margin-left: auto;}

.ly_sub .detail .top .sch_wrap .auto_recommand{display: none; position: absolute; z-index: 2; top: 44px; left: 0; width: 100%; border: 1px solid var(--line); border-radius: 8px; background-color: #fff; overflow: hidden;}
.ly_sub .detail .top .sch_wrap .auto_recommand.on{display: block;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list{max-height: 200px; overflow-y: auto;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list::-webkit-scrollbar{width: 5px; /*display: none;*/}
.ly_sub .detail .top .sch_wrap .auto_recommand .list::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.ly_sub .detail .top .sch_wrap .auto_recommand .list::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li.no_result{height: 42px; line-height: 42px; font-size: 15px; padding: 0 15px; color: var(--dotted_deep);}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label{position: relative; display: block; height: 42px; line-height: 42px; padding: 0 15px; font-size: 15px; color: var(--sub_dim);}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label:hover{background-color: #f6ede5; color: #111;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label input{position: absolute; left: -9999px; width: 0; height: 0; line-height: 0; opacity: 0; font-size: 0;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label span{position: relative; padding: 0 0 0 26px; user-select: none;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label span:before{content: ""; position: absolute; top: -1px; left: 0; display: block; width: 20px; height: 20px; background: url("/assets/site/img/common/auto_recom_unchecked.svg") no-repeat center; background-size: contain;}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label input:checked + span:before{background-image: url("/assets/site/img/common/auto_recom_checked.svg");}
.ly_sub .detail .top .sch_wrap .auto_recommand .list > li label span em{font-weight: var(--fwm); color: var(--accent);}
.ly_sub .detail .top .sch_wrap .auto_recommand .bot{display: flex; justify-content: center; gap: 6px; padding: 8px 0; border-top: 1px solid var(--line);}
.ly_sub .detail .top .sch_wrap .auto_recommand .bot .btn{font-weight: var(--fwsb); line-height: 36px; width: 98px;}
.ly_sub .detail .top .sch_wrap .auto_recommand .bot .btn.white{color: #111;}

.ly_sub .detail .depth{display: flex;}
.ly_sub .detail .depth > li{flex: 1;}
.ly_sub .detail .depth > li+li{border-left: 1px solid var(--line);}
.ly_sub .detail .depth > li .title{font-size: 14px; padding: 8px 0; text-align: center; background-color: #f3f3f3; border-bottom: 1px solid var(--line);}
.ly_sub .detail .depth > li .con{background-color: #fff;}
.ly_sub .detail .depth > li .con ul{display: flex; flex-wrap: wrap; align-content: flex-start; height: 135px; overflow-y: auto;}
.ly_sub .detail .depth > li .con ul::-webkit-scrollbar{width: 5px; /*display: none;*/}
.ly_sub .detail .depth > li .con ul::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.ly_sub .detail .depth > li .con ul::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.ly_sub .detail .depth > li .con ul > li{width: 33.333%;}

.filter .chkbox input[type="checkbox"]{position: absolute; left: -9999px; padding: 0; margin: 0; width: 0; height: 0; line-height: 0; font-size: 0; background: none; border: none;}
.filter .chkbox input[type="checkbox"] + label{position: relative; display: block; height: auto; user-select: none; line-height: 1.5; background-color: transparent; padding: 6px 16px;}
.filter .chkbox input[type="checkbox"] + label:hover{background-color: var(--gray_thin);}
.filter .chkbox input[type="checkbox"] + label:after{content: ""; display: none; vertical-align: middle; margin: -2px 0 0 5px; width: 13px; height: 11px; background: url("/assets/site/img/common/filter_chk.svg") no-repeat;}
.filter .chkbox input[type="checkbox"]:checked + label{font-weight: var(--fwsb);}
.filter .chkbox input[type="checkbox"]:checked + label:after{display: inline-block;}

.filter .result{padding: 0 20px 0; border: 1px solid var(--line); border-radius: 0 0 12px 12px; border-top: none;}
.filter .result .list{display: flex; flex-wrap: wrap; gap: 6px; padding: 18px 0 18px; border-bottom: 1px solid var(--line);}
.filter .result .btn_wrap{}
@media (max-width: 1179px){
    .filter{display: none;}
}


/* 상세검색필터 type2 (아카데미 정보) */
.filter.type2 .setup dl:first-child{flex: 2;}
.filter.type2 .setup dl dd .scr_y ul{display: flex; flex-wrap: wrap;}
.filter.type2 .setup dl dd .scr_y ul li{width: 50%;}
.filter.type2 .setup dl:first-child dd .scr_y ul li{width: 33.333%;}
.filter.type2 .setup dl.on dd.ly_sub:before{left: 66.666%; margin-left: 0;}


/* 검색 인풋 */
.sch_wrap{position: relative;}
.sch_wrap input[type="text"]{width: 100%; height: 42px; padding: 0 40px 0 15px; border: 1px solid var(--line); border-radius: 8px; font-size: 15px;}
.sch_wrap input[type="text"]+ button{position: absolute; top: 0; right: 7px; font-size: 0; display: block; width: 30px; height: 100%; background: url(/assets/site/img/common/ico_sch2.svg) no-repeat center;}


/* 기본 셀렉트 */
select{padding: 0 34px 0 15px; width: auto; height: 42px; border-radius: 8px; font-size: 15px; color: #555; border: 1px solid var(--line); background: #fff url("/assets/site/img/common/sel_arr.svg") no-repeat center right 13px;}
select:focus-within{background-image: url("/assets/site/img/common/sel_arr_open.svg");}
select option:checked{color: #111; font-weight: var(--fwsb); background-color: var(--gray_thin);}
select[disabled],
select[inert]{opacity: 0.5; background-color: var(--gray_thin);}


/* 기본 인풋 */
input[disabled],
input[inert]{opacity: 0.5; background-color: var(--gray_thin);}


/* 앞에 아이콘 있는 셀렉트, 데이트피커 */
.hasIco{padding: 0 34px 0 32px; width: 100%; height: 42px; border-radius: 8px; font-size: 15px; color: var(--main); border: 1px solid var(--line);
    background-color: #fff;
    background-image: url("/assets/site/img/common/sel_cal.svg"), url("/assets/site/img/common/sel_arr.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center left 13px, center right 13px;
    background-size: 14px auto, 14px auto;
}
.hasIco:focus-within{
    background-image: url("/assets/site/img/common/sel_cal.svg"), url("/assets/site/img/common/sel_arr_open.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center left 13px, center right 13px;
    background-size: 14px auto, 14px auto;
}
.hasIco2{padding: 0 1rem 0 34px; width: 100%; height: 42px; border-radius: 8px; font-size: 15px; color: var(--main); border: 1px solid var(--line);
    background-color: #fff;
    background-image: url("/assets/site/img/common/sel_cal.svg");
    background-repeat: no-repeat;
    background-position: center left 13px;
    background-size: 14px auto;
}


/* 총 검색 건수 */
.total_case{display: none; font-size: 18px; font-weight: var(--fwr);}
.total_case strong{font-weight: var(--fwsb);}
.total_case strong .point_font{display: inline-block; vertical-align: middle; margin: -3px 0 0; line-height: 1; font-size: 36px; font-weight: var(--fwb); color: var(--theme);}
@media (max-width: 1024px){
    .total_case{display: block; margin-bottom: -35px;}
}


/* 모바일 필터 영역 (버튼, 필터링 결과) */
.filter_wrap{display: none; position: relative; height: 52px; padding: 3px 106px 14px 20px; background-color: var(--white); border-bottom: 1px solid var(--line);}
.filter_wrap .result .list{display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 6px; font-size: 0; text-align: left;}
.filter_wrap .result .list::-webkit-scrollbar{height: 5px; /*display: none;*/}
.filter_wrap .result .list::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.filter_wrap .result .list::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.filter_wrap .result .list > li{display: inline-block; width: auto; flex: 0 0 auto; font-size: 1rem;}

.filter_wrap .open_m_filter{position: absolute; top: 3px; right: 20px; display: inline-block; padding: 0 9px; line-height: 32px; border-radius: 8px; border: 1px solid var(--main); font-size: 14px; font-weight: var(--fwr); color: var(--main); background-color: var(--white);}
.filter_wrap .open_m_filter.on{background-color: var(--main); color: var(--white);}
@media (max-width: 1179px){
    /*.filter_wrap{display: block;}*/
}


/* 모바일 필터 컴포넌트 */
.filter_m{display: none; position: fixed; z-index: 3; top: 0; left: -100%; right: 0; width: 100%; height: 100vh; background-color: var(--white); transition: all 0.2s;}
.filter_m.on{left: 0;}

.filter_m .top{position: relative; padding: 20px 20px 19px;}
.filter_m .top .title{font-size: 24px; font-weight: var(--fwsb); color: inherit;}
.filter_m .top .title:before{content: ""; display: inline-block; vertical-align: top; margin: 5px 6px 0 0; width: 30px; height: 18px; background: url(/assets/site/img/common/arr_page_tit.svg) no-repeat;}
.filter_m .top .title span{position: absolute; top: 27px; right: 20px; display: block; width: 24px; height: 18px;}
.filter_m .top .title span em{position: absolute; left: 50%; display: block; width: 100%; height: 2px; border-radius: 2px; background-color: var(--main); transform: translateX(-50%) rotate(0deg); transition: 0.25s ease-in-out;}
.filter_m .top .title span em:nth-child(1){width: 0%; top: 8px; left: 50%;}
.filter_m .top .title span em:nth-child(2){margin-left: -13px; top: 8px; transform: rotate(45deg); width: 110%;}
.filter_m .top .title span em:nth-child(3){margin-left: -13px; top: 8px; transform: rotate(-45deg); width: 110%;}
.filter_m .top .title span em:nth-child(4){width: 0%; top: 8px; left: 50%;}

.filter_m .result{position: relative; padding: 0 0 15px;}
.filter_m .result:before{content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; height: 1px; background-color: var(--line);}
.filter_m .result .list{display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 6px; font-size: 0; text-align: left;}
.filter_m .result .list > li{display: inline-block; width: auto; flex: 0 0 auto; font-size: 1rem;}
.filter_m .result .list > li:first-child{margin-left: 20px;}
.filter_m .result .list > li:last-child{margin-right: 20px;}

.filter_m .mid{overflow-y: auto; overscroll-behavior: contain; height: calc(100% - 84px); padding: 0 20px;}
.filter_m .mid .item{padding: 22px 0 23px;}
.filter_m .mid .item + .item{border-top: 1px dashed var(--line);}
.filter_m .mid .item dt{padding: 0 0 5px; font-size: 18px; font-weight: var(--fwsb);}
.filter_m .mid .item dd .col{display: flex; justify-content: flex-start; gap: 6px; flex-wrap: wrap;}
.filter_m .mid .item dd .col1 > *{width: 100%;}
.filter_m .mid .item dd .col2 > *{width: calc( (100% - 6px) / 2 );}
.filter_m .mid .item dd .col3 > *{width: calc( (100% - 12px) / 3 );}

.filter_m .mid .btn_wrap{padding: 0;}
.filter_m .mid .btn2{display: inline-block; height: 54px; line-height: 54px; padding: 0 10px; border-radius: 8px; font-size: 17px; font-weight: var(--fwsb); text-align: center; color: #fff; background-color: var(--main);}
.filter_m .mid .btn2.white{background-color: var(--white); color: var(--sub_dim); box-shadow: 0 0 0 1px inset var(--line);}
.filter_m .mid .btn2:nth-child(1){flex: 0.7;}
.filter_m .mid .btn2:nth-child(2){flex: 0.3;}
.filter_m .mid .btn2 span:before{content: ""; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; width: 20px; height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.filter_m .mid .btn2.reset span:before{background-image: url(/assets/site/img/common/btn_reset_filter_m.svg);}


.filter_m .filter-all-list {
    display: flex; flex-direction: column;
    height: 100%;
    dl {flex: 1; padding: 14px 0; overflow-y: auto;}
    .item dt{font-size: 17px; font-weight: bold; margin-bottom: 8px;}
    .filter-section{padding-left: 0; padding-right: 0;}
    .filter-all-actions{display: flex; justify-content: space-between; padding: 11px 0; border-top: 1px solid var(--border-color01); border-top: 1px solid var(--border-color01);}
    .filter-all-actions .reset-btn{width: 40px; aspect-ratio: 1 / 1; font-size: 0; background: #f1f3f5 url('/assets/site/img/common/ico-reset.svg') no-repeat center; border-radius: 20px;}
    .filter-all-actions .apply-btn{font-size: 14px; font-weight: bold; color: #fff; padding: 0 20px; background-color: #111;}


}




@media (max-width: 1179px){
    .filter_m{display: block;}
}


/* 체크박스2 */
.chkbox2 input[type="checkbox"]{position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0;}
.chkbox2 input[type="checkbox"] + label{display: block; height: 42px; line-height: 42px; border: 1px solid var(--line); border-radius: 8px; font-size: 15px; text-align: center; color: var(--sub_dim);}
.chkbox2 input[type="checkbox"]:checked + label{border-color: var(--main); font-weight: var(--fwsb); color: var(--main);}


/* 체크박스3 */
.chkwrap input{position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; background-color: transparent;}
.chkwrap input + label{position: relative; display: inline-block; height: auto; line-height: 134%; font-size: 15px; font-weight: var(--fwr); color: var(--sub); padding: 0 0 0 27px; background-color: transparent; user-select: none;}
.chkwrap input + label .shape{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; border: 1px solid var(--main); border-radius: 4px;}
.chkwrap input + label .shape.gray{border-color: var(--line);}
.chkwrap input:checked + label .shape.gray{border-color: var(--main);}
.chkwrap input + label .shape:before{content: ""; opacity: 0; visibility: hidden; position: absolute; top: 4px; left: 4px; width: 11px; height: 7px; border-left: 2px solid var(--main); border-bottom: 2px solid var(--main); transform: rotate(-45deg);}
.chkwrap input:checked + label .shape:before{opacity: 1; visibility: visible;}


/* 체크박스4 */
.chkwrap2{text-align: left;}
.chkwrap2 input[type="checkbox"]{position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; background-color: transparent;}
.chkwrap2 input[type="checkbox"] + label{position: relative; display: inline-block; height: auto; line-height: 137%; font-size: 1rem; font-weight: var(--fwm); color: var(--main); padding: 0 0 0 27px; background-color: transparent; user-select: none;}
.chkwrap2 input[type="checkbox"] + label .shape{position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; width: 20px; height: 20px; border: 1px solid var(--line); border-radius: 4px;}
.chkwrap2 input[type="checkbox"] + label .shape:before{content: ""; opacity: 0; visibility: hidden; position: absolute; top: 4px; left: 4px; width: 11px; height: 7px; border-left: 2px solid var(--main); border-bottom: 2px solid var(--main); transform: rotate(-45deg);}
.chkwrap2 input[type="checkbox"]:checked + label .shape{border-color: var(--main);}
.chkwrap2 input[type="checkbox"]:checked + label .shape:before{opacity: 1; visibility: visible;}


/* 체크박스4 */
.chk_circle{text-align: left; margin-left: 12px;}
.chk_circle input{position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; background-color: transparent;}
.chk_circle input + label{position: relative; padding: 0 0 0 32px; background-color: transparent;}
.chk_circle input + label .circle{position: absolute; top: -2px; left: 0; display: block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #bcbcbc; border-radius: 50%;}
.chk_circle input:checked + label .circle{border-width: 2px; border-color: var(--theme);}
.chk_circle input:checked + label .circle:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--theme); display: block; width: 12px; height: 12px; border-radius: 50%;}


/* 탭체크 */
.tabchk_wrap{display: flex; flex-wrap: wrap; gap: 8px;}
.tabchk{width: calc( (100% - (8px * 3)) / 4 );}
.tabchk input{position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; opacity: 0; background-color: transparent;}
.tabchk input + label{display: block; border-radius: 8px; border: 1px solid var(--line); line-height: 46px; height: auto; font-size: 15px; font-weight: var(--fwr); color: var(--main); text-align: center;}
.tabchk input:checked + label{font-weight: var(--fwsb); border-color: var(--main);}
.tabchk input + label .ir{font-size: 0; display: block;}
.tabchk input + label .ir img{width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 640px){
    .tabchk{width: calc( (100% - (8px * 2)) / 3 );}
    .tabchk input + label{font-size: 14px; line-height: 42px;}
}


/* 이미 구매한 */
.already_buy > *{opacity: 0.3; cursor: default; user-select: none;}
.already_buy *{cursor: default; user-select: none;}
.already_buy select[disabled]{opacity: 1;}


/* 아이콘 상품 체크리스트 */
.chk_list{display: flex; gap: 5px 16px; flex-wrap: wrap;}
.chk_list .chkwrap2 input[type="checkbox"] + label .shape{transform: none; top: 2px;}


/* 슬라이드 모델1 */
.slide_model1{position: relative;}
.filter + .slide_model1{margin-top: 40px;}
.slide_model1 .list{overflow: hidden;}
.slide_model1 .list .slick-list{margin-left: calc( var(--gap_s) * -1 );}
.slide_model1 .item{position: relative; display: block; margin-left: var(--gap_s);}
.slide_model1 .item .img{aspect-ratio: 452 / 160; border-radius: 12px; overflow: hidden; filter: var(--shadow_2);}
.slide_model1 .item .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.slide_model1 .item .txt{position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px 0 10px;}
.slide_model1 .item .txt dt{font-size: 18px; font-weight: var(--fwsb); padding: 0 0 2px; display: flex; justify-content: flex-start; align-items: center; gap: 6px;}
.slide_model1 .item .txt dt .scrap{margin-left: 0; margin-top: -2px;}
.slide_model1 .item .txt dd{font-size: 14px; line-height: 135%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 19px; height: 38px; color: var(--sub);}

.slide_model1 .slick-dots{display: flex; margin-top: 10px; width: 100%; gap: 12px; justify-content: center; align-items: center; height: 12px;}
.slide_model1 .slick-dots li{display: inline-block; line-height: 0;}
.slide_model1 .slick-dots li button{font-size: 0; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #d2d2d2; transition: 0.2s;}
.slide_model1 .slick-dots li.slick-active button{width: 12px; height: 12px; background-color: var(--main);}

.slide_model1 .btn_arrow{position: absolute; z-index: 1; top: 29%; font-size: 0; opacity: 1; width: 3.313rem; height: 3.313rem; border-radius: 50%; background-color: var(--gray_heavy); cursor: pointer; pointer-events: initial;}
.slide_model1 .btn_arrow:before{content: ""; font-size: 0; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; border-top: 2px solid var(--main); border-left: 2px solid var(--main);}
.slide_model1 .btn_arrow.btn_arrow_prev{left: 0; transform: translate(-50%, -50%);}
.slide_model1 .btn_arrow.btn_arrow_next{right: 0; transform: translate(50%, -50%);}
.slide_model1 .btn_arrow.btn_arrow_prev:before{transform: translate(-40%, -50%) rotate(-45deg);}
.slide_model1 .btn_arrow.btn_arrow_next:before{transform: translate(-60%, -50%) rotate(135deg);}
.slide_model1 .btn_arrow:after{display: none;}
@media (max-width: 1179px){
    .slide_model1 .btn_arrow{display: none !important;}
    .filter + .slide_model1{margin-top: 0;}
}


/* 브랜드 로고 리스트 */
.logo_list{display: grid !important; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto-fill, minmax(1px, auto)); grid-row-gap: var(--gap_s); grid-column-gap: 15px;}
.logo_list.col3{grid-template-columns: repeat(3, 1fr);}
.logo_list.col4{grid-template-columns: repeat(4, 1fr);}

.logo_list .con{display: block;}
.logo_list .con .img{display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; aspect-ratio: 220 / 95; background-color: var(--white);}
.logo_list .con .img img{width: 100%; height: 102%; object-fit: contain;}

.logo_list li.dummy {}
.logo_list li.dummy .con .img {}
.logo_list li.dummy .con .img img {width: 60%;}

@media (max-width: 640px){
    .logo_list{gap: 6px;}
    .logo_list.m_col2{grid-template-columns: repeat(2, 1fr);}
    .logo_list.m_col3{grid-template-columns: repeat(3, 1fr);}
    .logo_list .con .img{aspect-ratio: 172 / 67; padding: 10px; background-color: var(--white);}
    .logo_list.m_col3 .con .img{aspect-ratio: 113 / 49; padding: 10px; background-color: var(--white);}

    .logo_list li.dummy .con .img img {width: 80%;}
}
@media (max-width: 460px){
    .logo_list.m_col3 .con .img{padding: 3px;}
}


/* 브랜드 페이지 타이틀 */
.brand_pagetitle{display: flex; align-items: center; gap: 6px;}
.brand_pagetitle .scrap{width: 24px; height: 24px;}


/* 브랜드 비주얼 */
.brand_visual{position: relative; margin-bottom: 20px;}
.brand_visual .img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
.brand_visual .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.brand_visual .txt{position: relative; padding: 32px 40% 32px 32px;}
.brand_visual .txt .title{display: flex; align-items: center; padding: 0 0 4px; font-size: 26px; font-weight: var(--fwsb);}
.brand_visual .txt .title .scrap{margin: 0 0 0 9px; width: 24px; height: 24px;}
.brand_visual .txt .des{font-size: 14px; line-height: 135%;}
@media (max-width: 1280px){
    .brand_visual .txt .title .scrap{margin: -3px 0 0 9px;}
}
@media (max-width: 640px){
    .brand_visual .txt{padding: 20px 20px;}
    .brand_visual .txt .title{font-size: 22px;}
    .brand_visual .txt .des br{display: none;}
}

/* ==========================================================================
   상세 검색 필터 - 뷰티인샵
   ========================================================================== */
:root {
    --filter-height : 36px;
    --point-color01: #5D93CE;
    --border-color01: #d8d8d8;
    --radius01: 4px;
}
.form-chk01 {
    .chk-label{display: flex; align-items: center; height: auto; line-height: normal; font-size: 14px; font-weight: 500; color: #111; user-select: none}
    .chk-label span{margin-left: 8px;}
    .chk-item{appearance: none; width: 20px; height: 20px; border: 1px solid var(--border-color01);  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 11px auto; border-radius: var(--radius01); margin-top: 0; padding: 0;}
    .chk-item:checked{border-color: var(--point-color01); background-color: var(--point-color01); background-image: url('/assets/site/img/common/ico_check01.png');}
}
/*Range Slider*/
.filter-range {
    padding: 0 10px 25px;
    .noUi-horizontal{height: 3px; cursor: pointer;}
    .noUi-target{border: 0; background-color: #eee;}
    .noUi-connect{background-color: var(--point-color01);}
    .noUi-horizontal .noUi-handle{width: 20px; height: 20px; border: 2px solid var(--point-color01); background-color: #fff; border-radius: 50%; box-shadow: none; translate: -8px -2px; cursor: pointer;}
    .noUi-horizontal .noUi-handle:active{background-color: #c7ddf6;}
    .noUi-horizontal .noUi-handle::before,
    .noUi-horizontal .noUi-handle::after{display: none;}
    .noUi-pips-horizontal{top: 1px; height: auto;}
    .noUi-value{font-size: 13px; font-weight: 500; top: 6px;}
    .noUi-marker {display: none;}
    .noUi-marker-large {display: block;}
    .noUi-marker-horizontal.noUi-marker-large{width: 1px; height: 6px; background-color: #a5aabd;}
    .filter-values{position: absolute; right: 0; top: 0; font-size: 15px; font-weight: bold; color: var(--point-color01);}
}

/*필터 영역 전체 - 패널과 바텀시 공통*/
.filter-container {
    display: none;
    button, select{font-size: 14px; border-radius: var(--radius01);}
    select{width: 100%;}
    .search-filter {padding-top: 12px; padding-bottom: 12px; border-top: 1px solid var(--border-color01); border-bottom: 1px solid var(--border-color01);}
    .filter-bar {display: flex; justify-content: space-between;}
    .filter-list{display: flex; gap: 10px;}
    .filter-item {position: relative;}
    .filter-sort{position: relative;}
    .filter-section {display: flex; flex-direction: column;}
    .filter-select-type {
        padding: 0 20px; gap: 10px;
        .filter-field{display: none;}
        .filter-field.is-active{display: block;}
    }
    .filter-list-type {
        button{width: 100%; height: 40px; padding: 0 20px; text-align: left; border-radius: 0;}
        button:hover{background-color: #f8f9fa;}
        .is-active{font-weight: bold; color: var(--point-color01);}
    }
    .filter-chk-type {
        flex-wrap: wrap; flex-direction: row; gap: 13px 0;
        padding: 4px 20px;
        .filter-field{flex: 0 1 50%;}
    }
    .filter-range-type {
        gap: 17px;
        padding: 12px 20px 0;
        .filter-field{position: relative; padding-bottom: 26px;}
        .filter-field:not(:last-child){border-bottom: 1px dashed #e9ecef;}
        .filter-subtitle{margin-bottom: 17px;}
    }
}
.filter-toggle {
    position: relative;
    min-width: 76px; max-width: 160px; height: var(--filter-height); padding: 0 28px 0 11px;
    border: 1px solid var(--border-color01); border-radius: var(--radius01);
    font-size: 13px; font-weight: 500; color: #2D2D2D; text-align: left;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    &::after{content: ""; position: absolute; top: 50%; right: 10px; translate: 0 -50%; width: 8px; height: 6px; background: url('/assets/site/img/common/arr01.svg') no-repeat 0 0 / 100% auto; transition: .2s ease-out;}
    &.is-open::after{rotate: 180deg;}
}
.filter-actions {
    display: flex; gap: 10px;
    .filter-icon{width: var(--filter-height); border: 1px solid var(--border-color01); border-radius: var(--radius01); font-size: 0;}
    .filter-all{display: none; border-color: #f4f5f9; background: #f4f5f9 url('/assets/site/img/common/ico-filter.svg') no-repeat center;}
    .filter-reset{background: url('/assets/site/img/common/ico-reset.svg') no-repeat center;}
}

.filter-panel {
    display: none; position: absolute; top: calc(100% + 8px); left: 0;
    min-width: 180px;
    font-size: 14px;
    border: 1px solid var(--border-color01); border-radius: var(--radius01); background-color: #fff;
    &.panel-right {left: auto; right: 0;}
    &.is-open{display: block;}
    .filter-title{font-size: 17px; font-weight: bold; margin-bottom: 7px; padding: 14px 20px 0}
    .filter-controls{padding: 12px 20px 20px;}
    .filter-controls .apply-btn{width: 100%; height: 43px; font-weight: bold; color: #fff; border: 1px solid #111; background-color: #111;}
    .filter-subtitle{font-size: 15px; font-weight: 500; margin-bottom: 10px;}
    &:has(.filter-select-type){width: 240px;}
    &:has(.filter-chk-type){width: 300px;}
    &:has(.filter-range-type){width: 358px;}
}
.filter-sheet {
    display: none;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100;
    max-height: 80vh;
    background: #fff;
    translate: 0 100%; transition: translate .3s ease;
    flex-direction: column;
    &.is-open{translate: 0;}
    .filter-sheet-header{display: flex; justify-content: space-between; align-items: center; padding: 14px 14px 4px}
    .filter-sheet-title{font-size: 17px; font-weight: bold;}
    .filter-sheet-close img{width: 36px;}
    .filter-sheet-footer {display: flex; justify-content: space-between; padding: 11px 14px 11px; border-top: 1px solid var(--border-color01); border-top: 1px solid var(--border-color01);}
    .filter-sheet-footer .reset-btn{width: 40px; aspect-ratio: 1 / 1; font-size: 0; background: #f1f3f5 url('/assets/site/img/common/ico-reset.svg') no-repeat center; border-radius: 20px;}
    .filter-sheet-footer .apply-btn{font-size: 14px; font-weight: bold; color: #fff; padding: 0 20px; background-color: #111;}
    .filter-sheet-body {flex: 1; padding: 14px 0; overflow-y: auto;}

}

@media (width <= 1024px) {
    .filter-container {
        .search-filter{border-top: 0;}
        .wrap{padding: 0 20px 0 0;}
        .filter-list {
            overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;  white-space: nowrap; padding: 0 20px; gap: 6px;
            &::-webkit-scrollbar{display:none}
        }
    }

    .filter-panel {display: none !important;}
    .filter-backdrop {position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 1000;}
    .filter-sheet {display: flex;}

    .filter-actions {
        gap: 8px;

        .filter-sort,
        .filter-reset{display: none;}
        .filter-all{display: block;}
    }
}

/*  ==========================================================================
    문의하기 관련
    ========================================================================== */
.layer.layer-type01 {
    width: 640px; box-sizing: border-box;
    .tit-set {
        text-align: center;
        .layer-title{font-size: 22px; font-weight: bold; color: #292E41;}
        p{font-size: 14px; color: #697385; margin-top: 11px;}
    }
    .input-container {
        .input-row{display: flex; padding: 20px 0;}
        .input-row:not(:last-child){border-bottom: 1px dashed #E1E5ED;}
        .ip-item{width: 140px; font-size: 16px; font-weight: 400;}
        .ip-item.req::after{content: ""; position: relative; top: -3px; display: inline-block; width: 5px; height: 5px; background-color: #5D93CE; border-radius: 50%; margin-left: 10px;}
        .ip-vl{flex: 1;}
        input[type='text'],
        textarea{width: 100%;  border-color: #E1E5ED; border-radius: 5px;}
        input[type='text']:focus,
        textarea:focus{border-color: #222;}
        input[type='text']{height: 40px;}
        textarea{height: 350px;}
    }
    .l_head {padding: 28px 25px 0;}
    .l_body {padding: 26px 25px 0;}
    .l_foot {
        padding: 25px 25px 35px;
        .btn_wrap .btn{width: 160px; height: 44px; border-color: #292e41; background-color: #292e41;}
        .btn_wrap .btn.white{background-color: #fff;}
    }

    @media (width <= 640px) {
        .input-container {
            .input-row{flex-direction: column; padding: 16px 0;}
            .ip-item{margin-bottom: 10px; font-size: 15px;}
            textarea{height: 180px;}
        }
        .l_head {padding: 28px 20px 0;}
        .l_body {padding: 10px 20px 0;}
        .l_foot {padding: 5px 20px 20px;}
    }
}


/* ==========================================================================
   ========================================================================== */



/* 상세페이지 상단 */
.detail_top .box{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background-color: var(--white);}
.detail_top .box .top{display: flex; flex-wrap: wrap; align-items: flex-start; padding: 30px var(--gap_xl);}
.detail_top .box .top .title{line-height: 140%; font-size: 30px; font-weight: var(--fwsb); max-width: calc(100% - 50px); word-break: break-all;}
.detail_top .box .top .scrap{width: 28px; height: 28px; margin-top: 5px;}
.detail_top .box .top .sub{flex-basis: 100%; line-height: 1.4; margin-top: 6px; font-size: 18px; font-weight: var(--fwm); color: var(--sub_dim);}

.detail_top .box .mid{position: relative;}
.detail_top .box .mid .btn_arrow{position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); display: block; width: 92px; height: 92px; font-size: 0;}
.detail_top .box .mid .btn_arrow:before{content: ""; position: absolute; top: 50%; display: block; width: 45%; height: 45%; border-top: 2px solid var(--white); border-right: 2px solid var(--white);}
.detail_top .box .mid .btn_arrow_prev{left: 0;}
.detail_top .box .mid .btn_arrow_next{right: 0;}
.detail_top .box .mid .btn_arrow_prev:before{transform: translate(-50%, -50%) rotate(-135deg); left: 61%;}
.detail_top .box .mid .btn_arrow_next:before{transform: translate(-50%, -50%) rotate(45deg); left: 39%;}

.detail_top .box .mid .carousel .item{aspect-ratio: 1200 / 560;}
.detail_top .box .mid .carousel .item img{width: 100%; height: 100%; object-fit: cover;}
.detail_top .box .mid .carousel .slick-dots{position: absolute; left: 50%; transform: translateX(-50%); top: auto; bottom: 12px; display: inline-flex; gap: 12px; align-items: center;}
.detail_top .box .mid .carousel .slick-dots li{display: inline-block; line-height: 0;}
.detail_top .box .mid .carousel .slick-dots li button{font-size: 0; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #d2d2d2; transition: 0.2s;}
.detail_top .box .mid .carousel .slick-dots li.slick-active button{width: 12px; height: 12px; background-color: var(--main);}

.detail_top .btn_wrap{padding: 2rem 0 0;}
@media (max-width: 1280px){
    .detail_top .box .top .title{font-size: 24px;}
    .detail_top .box .top .scrap{margin-top: 1px;}
}
@media (max-width: 1024px){
    .detail_top .box .top{padding: var(--gap_xl);}
}
@media (max-width: 860px){
    .detail_top .box .top .title{}
    .detail_top .box .top .sub{margin-top: 8px;}
}
@media (max-width: 640px){
    .detail_top .box .top{padding: 19px var(--gap_xl);}
    .detail_top .box .top .title{width: 100%; max-width: none; font-size: 20px;}
    .detail_top .box .top .sub{font-size: 16px;}
    .detail_top .box .top .scrap{display: none;}
    .detail_top .box .mid .btn_arrow{display: none !important;}
    .detail_top .btn_wrap{padding: 24px 0 0;}
}


/* 상세페이지 내용 박스 ( .desc 안에 .top / .mid / .bot 는 기본틀로 만들어두고 그 안에 들어갈 컨텐츠 내용 따로 ) */
.desc{padding: 0 var(--gap_xl); border-radius: var(--radius_4); /*border: 1px solid var(--line); background-color: var(--white);*/ background: #f9f9f9;}
.desc .top{padding: 36px 0; /*border-bottom: 1px solid var(--line);*/}
 /*.desc .top.dashed{border-style: dashed;}*/
.desc .top.noline{border-bottom: none;}
.desc .mid{padding: 2rem 0;}
.job_item .desc .mid{padding: 2rem 0 0 0;}
.desc .mid.bdt{border-top: 1px solid #b5b5b5;}
.desc + .btn_wrap{padding: 2rem 0 0;}
@media (max-width: 860px){
    .desc .top{padding: 20px 0;}
    .desc .mid{padding: 20px 0;}
}
@media (max-width: 640px){
    .desc{padding: 0 15px;}
    .desc + .btn_wrap{padding: 24px 0 0;}
    .desc + .btn_wrap .btn:nth-child(1){width: auto; flex: 1;}
    .desc + .btn_wrap .btn:nth-child(2){width: 112px;}
}


/* 버튼 */
.desc > .btn_wrap{padding: 20px 0 2rem; gap: 12px;}
.desc > .btn_wrap .btn{max-width: 200px;}


/* 프로필 컨텐츠 */
.desc .profile{position: relative;}

.desc .profile .img{position: relative; top: 0px; left: 0; width: 180px; /* height: 100%;*/ border-radius: 12px; border: 1px solid #e9e9e9; background: #f3f3f3 url("/assets/site/img/contents/profile_img_bg.svg") no-repeat center; background-size: cover;}
.desc .profile .img img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: inherit; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.desc .profile .img .btn_profile_img{position: absolute; bottom: 0; right: 0; display: inline-block; width: 40px; height: 40px; border-radius: 50%; font-size: 0; background: #afafaf url("/assets/site/img/contents/btn_profile_img.svg") no-repeat center; line-height: inherit;}
.desc .profile .img .btn_del_profile_img{position: absolute; z-index: 1; top: 100%; margin-top: -12px; left: 50%; transform: translateX(-50%); border-radius: 50%; width: 24px; height: 24px; font-size: 0; background: #afafaf;}
.desc .profile .img .btn_del_profile_img:before,
.desc .profile .img .btn_del_profile_img:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 50%; height: 2px; background-color: var(--white);}
.desc .profile .img .btn_del_profile_img:after{width: 2px; height: 50%;}

.desc .profile.p1 {padding: 0 0 0 144px;}
.desc .profile.p1 .img{top: -3px; width: 124px; aspect-ratio: 1 / 1; position: absolute; left: 0; top: 0; border-radius: 50%;}
.desc .profile.p1 .img > input[type=file]{position: absolute; left: -9999px; -webkit-appearance: none; appearance: none;}

.desc .profile.p2 {display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; column-gap: 20px;}
.desc .profile.p2 .img{width: 220px; aspect-ratio: 2 / 0.868; top: -3px; background: #f3f3f3 url("/assets/site/img/contents/btn_profile_img.svg") no-repeat center; background-size: 30% auto;}
.desc .profile.p2 .p_info {margin: 0;}

.desc .in_top{position: relative; display: flex; align-items: flex-start; margin: 0 0 12px;}
.desc .in_top .title{max-width: calc(100% - 50px); font-size: 24px; font-weight: var(--fwsb); line-height: 140%; word-break: break-all;}
.desc .in_top .scrap{width: 28px; height: 28px; margin-top: 1px;}

.desc .in_mid{}
.desc .in_mid .name{font-size: 28px; font-weight: var(--fwsb);}
.desc .in_mid .sub_info{display: inline-flex; align-items: center; color: var(--sub_dim); margin-left: 5px;}
.desc .in_mid .sub_info > li+li:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 8px 0; width: 1px; height: 18px; background-color: var(--line);}
.desc .in_mid .link_edit{position: absolute; right: 0; top: 0; display: block; font-size: 0; width: 26px; height: 26px; background: url("/assets/site/img/common/profile_company_edit.png") no-repeat center; background-size: 100% auto;}

.desc .p_info{margin: 13px 0 0; display: flex; row-gap: 5px; flex-wrap: wrap; color: var(--sub_dim);}
.desc .p_info > div{width: 50%; display: flex; gap: 20px; align-items: flex-start;}
.desc .p_info dt{width: 72px; flex: 0 0 auto;}
.desc .p_info dd{flex: 1; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px 0 0;}
.desc .p_info dd .btn_show_hidden{font-size: inherit; color: inherit; cursor: pointer; text-decoration: underline; line-height: inherit;}
.desc .p_info dd .badge{display: inline-block; font-size: 13px; color: var(--main); box-shadow: 0 0 0 1px inset var(--line); border-radius: 4px; line-height: 24px; padding: 0 5px; user-select: none; pointer-events: none;}
.desc .p_info dd .desc_layer{display: inline-block; width: 20px; height: 20px; border-radius: 50%; font-size: 0; background: #cbcbcb url("/assets/site/img/common/desc_layer.svg") no-repeat center; background-size: contain;}
@media (max-width: 860px){
    .desc .in_top .title{/* 여기서 줄 제한하면 제목이 전체 다 보일 곳이 없음 */}
    .desc .in_top .scrap{margin-top: 0;}
    .desc .p_info > div{width: 100%; row-gap: 4px;}

    .desc .profile.p1 .img{/* top: 28px; */}
    .desc .profile.p2 .img{top: 28px;}
}
@media (max-width: 640px){
    .desc .profile{padding: 3px 0 0 86px;}
    .desc .profile .img{width: 70px; height: 70px; top: 0;}
    .desc .profile .img .btn_profile_img{width: 30px; height: 30px; background-size: 60% auto;}
    .desc .profile .img .btn_del_profile_img{width: 16px; height: 16px; margin-top: -8px;}
    .desc .in_top{margin: 0 0 6px;}
    .desc .in_top .title{font-size: 18px; width: 100%; max-width: none;}
    .desc .in_top .scrap{display: none;}
    .desc .in_mid .name{font-size: 22px;}
    .desc .p_info{margin: 20px 0 0 -90px; gap: 4px;}
    .desc .p_info > div{gap: 15px;}
    .desc .p_info dt{width: 50px;}

    .desc .profile.p1{padding: 0 0 0 90px;}
    .desc .profile.p1 .img{top: -3px; width: 70px;}
    .desc .profile.p1 .p_info{margin-top: 40px;}
    .desc .profile.p1 .in_mid .sub_info{width: 100%; margin-left: 0;}

    .desc .profile.p2{padding: 0 0 0 0; flex-direction: column; align-items: flex-start;}
    .desc .profile.p2 .img{top: -3px; width: 150px;}
    .desc .profile.p2 .p_info{margin-top: 10px;}
    .desc .profile.p2 .in_mid .sub_info{width: 100%; margin-left: 0;}
}



/* 설명 컨텐츠 */
.desc .d_list{display: flex; flex-wrap: wrap; row-gap: 20px; line-height: 150%;}
.desc .d_list > div{display: flex; width: 50%; padding: 0 10px 0 0;}
.desc .d_list > div dt{flex: 0 0 auto; width: 90px; padding: 0 5px 0 0; color: var(--sub_dim);}
.desc .d_list > div dd{flex: 1; font-weight: var(--fwm);}
@media (max-width: 640px){
    .desc .d_list > div dt{width: 72px;}
}
@media (max-width: 860px){
    .desc .d_list{row-gap: 13px;}
    .desc .d_list > div{width: 100%; padding: 0;}
}


/* 아이콘 컨텐츠 */
.desc .ico_list{display: flex; flex-wrap: wrap; row-gap: 20px;}
.desc .ico_list > li{display: flex; gap: 12px; align-items: center; width: 20%; text-wrap: balance; word-break: keep-all;}
.desc .ico_list > li.area{}
.desc .ico_list > li.job{}
.desc .ico_list > li.period{}
.desc .ico_list > li.type{}
.desc .ico_list > li.career{}
.desc .ico_list .ico{position: relative; flex: 0 0 auto; display: inline-flex; justify-content: center; align-items: center; width: 64px; height: 64px; border-radius: 50%; background-color: var(--gray_thin);}
.desc .ico_list .ico img{}
.desc .ico_list .txt{}
.desc .ico_list .txt .sup{font-size: 13px; color: var(--sub_dim); line-height: 1.4;}
.desc .ico_list .txt .sub{font-weight: var(--fwsb); line-height: 1.35;}
.desc .ico_list .txt .sub span{display: block;}
@media (max-width: 1024px){
    .desc .ico_list > li{flex-direction: column; align-items: center; text-align: center; padding: 0 3px;}
}
@media (max-width: 860px){
    .desc .ico_list .ico{width: 52px; height: 52px;}
}
@media (max-width: 460px){
    .desc .ico_list{flex-wrap: wrap; justify-content: space-between;}
    .desc .ico_list > li {padding: 0; width: 50px;}
    .desc .ico_list .ico {width: 45px; height: 45px;}
    .desc .ico_list .txt .sub{font-size: 12px;}
}


/* 회사정보 컨텐츠 */
.desc .company_info{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.desc .company_info .logo{flex: 0 0 auto; max-width: 150px; aspect-ratio: 2 / 0.868; overflow: hidden; border: 1px solid #e9e9e9; box-sizing: border-box; border: 1px solid #e9e9e9; border-radius: 12px;}
.desc .company_info .logo img{width: 100%; height: 100%; object-fit: contain;}
.desc .company_info strong{flex: 1; display: block; font-size: 20px; font-weight: var(--fwsb);}
@media (max-width: 860px){
    .desc .company_info{flex-direction: column; font-size: 18px;}
}


/* 타임라인 컨텐츠 (경력 / 해외경험 / 자격증 ..) */
.desc .timeline{line-height: 1.7;}
.desc .timeline > div{display: flex; flex-wrap: wrap; padding: 10px 0 7px; word-break: break-all; overflow-wrap: break-word;}
.desc .timeline > div:first-child{padding-top: 7px;}
.desc .timeline > div+div{border-top: 1px dashed var(--line);}
.desc .timeline > div dt{flex: 0 0 auto; width: 200px; padding: 0 10px 0 0; font-size: 15px; color: var(--sub_dim);}
.desc .timeline > div dt .easy{font-size: 14px; font-weight: var(--fwm); color: var(--theme);}
.desc .timeline > div dd{flex: 1;}
.desc .timeline > div dd .title{font-weight: var(--fwsb);}
.desc .timeline > div dd .title .side{vertical-align: middle; font-size: 13px; color: var(--sub_dim); margin-left: 5px;}
.desc .timeline > div dd .low{font-size: 14px; color: var(--sub_dim);}
.desc .timeline > div dd .low > li{display: inline;}
.desc .timeline > div dd .low > li+li{}
.desc .timeline > div dd .low > li+li:before{content: "/ ";}
.desc .timeline > div dd .low > li+li:before{content: "│ "; display: inline-block; vertical-align: middle; margin: -3px 0 0 -2px; color: #e9e9e9;}
.desc .timeline > div dd .low > li .write{line-height: 1.4; word-break: break-all; overflow-wrap: break-word;}
@media (max-width: 860px){
    .desc .timeline > div dt{width: 150px;}
}
@media (max-width: 640px){
    .desc .timeline > div dt{display: block; width: 100%;}
    .desc .timeline > div dt .easy{display: inline-block; margin-left: 10px;}
}


/* 아카데미 교육과정 */
:root{--gap_curr: 13px;}
.desc .curriculum{padding: 5px 0 0;}
.desc .curriculum.logout{position: relative;}
.desc .curriculum.logout:after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}
.desc .curriculum + .btn_wrap{display: none;}
.desc .curriculum.logout + .btn_wrap{display: flex; padding: 0 0 10px;}
.desc .curriculum .c_list .item + .item{border-top: 1px solid var(--line); margin-top: 11px; padding-top: 20px;}
.desc .curriculum .c_list .item > dt{position: relative; padding: 0 0 0 var(--gap_curr); font-size: 18px; font-weight: var(--fwb);}
.desc .curriculum .c_list .item > dt:before{content: ""; position: absolute; top: 11px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #c2c2c2;}
.desc .curriculum .c_list .item > dd{line-height: 140%;}

.desc .curriculum .c_detail{display: flex; flex-wrap: wrap; padding: 12px var(--gap_curr); font-size: 16px; font-weight: var(--fwm);}
.desc .curriculum .c_detail + .c_detail{border-top: 1px dashed var(--line);}
.desc .curriculum .c_detail > dt{flex: 0 0 auto; width: 214px; padding: 0 14px 0 0;}
.desc .curriculum .c_detail > dd{flex: 1; word-break: break-all; overflow-wrap: break-word;}
.desc .curriculum .c_detail > dd .sub{font-size: 0.937em; font-weight: var(--fwr); color: var(--sub_dim); line-height: 130%; margin-top: 2px;}
@media (max-width: 1280px){
    .desc .curriculum .c_detail{font-size: 1rem;}
}
@media (max-width: 860px){
    .desc .curriculum{padding: 0;}
    .desc .curriculum .c_detail > dt{width: 180px; padding: 0 10px 0 0;}
}
@media (max-width: 640px){
    :root{--gap_curr: 10px;}
    .desc .curriculum .c_detail{flex-direction: column;}
    .desc .curriculum .c_detail > dt{width: 100%; padding: 0; font-weight: var(--fwsb);}
    .desc .curriculum .c_detail > dd{padding: 5px 0 0 5px; font-size: 14px;}
}


/* 상세페이지 지도 박스 */
.mapbox{border-radius: var(--radius_4); overflow: hidden; /*border: 1px solid var(--line); background-color: var(--white); */ background: #f9f9f9;}

.mapbox .bot{}
.mapbox .map_profile{display: flex; gap: 16px; flex-wrap: wrap; padding: 28px var(--gap_xl);}
.mapbox .map_profile .thumb{flex: 0 0 auto; position: relative; width: 100px; height: 100px; border-radius: 12px; overflow: hidden;}
.mapbox .map_profile .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; display: block; width: 100%; height: 100%;}
.mapbox .map_profile .txt{flex: 1; padding: 0; display: flex; flex-direction: column; justify-content: center;}
.mapbox .map_profile .txt:has(.hash){padding: 14px 0 0;}
.mapbox .map_profile .txt .name{font-size: 18px; font-weight: var(--fwsb);}
.mapbox .map_profile .txt .address{display: none; }
.mapbox .map_profile .txt .hash{display: flex; flex-wrap: wrap; column-gap: 8px; row-gap: 8px; padding: 7px 0 0;}
.mapbox .map_profile .txt .hash > li a{display: block; padding: 6px 1rem; font-size: 15px; color: #986b42; border-radius: 8px; box-shadow: 0 0 0 1px inset var(--theme);}
@media (max-width: 860px){
    .mapbox .map_profile{position: relative; z-index: 1; margin-top: -50px; padding: 0 var(--gap_xl) 28px; flex-direction: column; align-items: center; text-align: center;}
    .mapbox .map_profile .txt{padding: 0;}
    .mapbox .map_profile .txt .address{display: block; line-height: 1.5; font-size: 15px; font-weight: var(--fwm);}
    .mapbox .map_profile .txt .hash{margin-top: 13px; justify-content: center;}
}
@media (max-width: 640px){
    .mapbox .map_profile{margin-top: -40px;}
    .mapbox .map_profile .thumb{width: 80px; height: 80px;}
}


/* 상세페이지 지도 박스 - 카카오맵 커스텀 */
.root_daum_roughmap .map_border{display: none;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap{width: 100% !important; height: 394px;}
@media (max-width: 640px){
    .root_daum_roughmap{aspect-ratio: 350 / 248; height: auto !important;}
    .root_daum_roughmap .wrap_map{aspect-ratio: 350 / 248; height: auto !important;}
}


/* 상세페이지 상세요강 - 사용자 업로드 */
.desc .mid .user_upload{}
.desc .mid .user_upload .img{margin-bottom: 20px; border-radius: 5px; overflow: hidden; text-align: center;}
.desc .mid .user_upload .img + .img{margin-top: 20px;}
.desc .mid .user_upload .img img{max-width: 100%; /* width: 100%; */ height: auto;}


/* 상세페이지 상세요강 - 사용자 입력 */
.desc .mid .user_contents{word-break: break-all; overflow-wrap: break-word; /* ◀ 공백없이 긴 텍스트의 줄 바꿈 시 넘침(overflow) 방지 */}
.desc .mid .user_contents.logout{position: relative;}
.desc .mid .user_contents.logout:after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: rgb(249,249,249); background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 20%, rgba(249,249,249,0) 100%);}
.desc .mid .user_contents .fixed_txt{margin-top: 60px; font-weight: var(--fwsb);}
.desc .mid .user_contents + .btn_wrap{display: none;}
.desc .mid .user_contents.logout + .btn_wrap{display: flex; padding: 0 0 10px;}


/* 상세페이지 하단 (책임소재안내) */
.info_note{margin-top: 40px; padding: 22px var(--gap_xl); /*border: 1px solid var(--line); */border-radius: var(--radius_4); font-size: 14px; color: var(--sub_dim); line-height: 1.3; background-color: #f3f3f3;}
@media (max-width: 640px){
    .info_note{padding: 20px 16px;}
}


/* 상세페이지 하단 (자기소개서 서명) */
.human_sign{font-weight: var(--fwsb); font-size: 20px; text-align: center; margin: 40px 0 -20px;}
.human_sign p{font-weight: var(--fwm); font-size: 16px; line-height: 1.45;}
.human_sign p span{}
.human_sign .lc{display: none;}
@media (max-width: 640px){
    .human_sign{line-height: 130%; font-size: 17px;}
    .human_sign .lc1{display: block;}
    .human_sign p{margin: 5px 0 0;}
}


/* 상세요강 */
.detail{/* overflow: hidden; padding: var(--gap_xl); border: 1px solid var(--line); border-radius: var(--radius_4); background-color: var(--white); */}


/* 페이지 안내박스 */
.info_box{display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px 15px;}
.info_box .info_list > li{position: relative; padding: 0 0 0 13px; color: var(--sub_dim); font-size: 15px;}
.info_box .info_list > li:before{content: ""; position: absolute; top: 9px; left: 0; display: block; border-radius: 50%; width: 5px; height: 5px; background-color: #c2c2c2;}
.info_box .btn_wrap{margin-left: auto; padding: 0; flex: 0 0 auto;}


/* 레이어팝업 */
.layer{visibility: hidden; opacity: 0; position: fixed; width: 512px; max-width: 94%; max-height: 94vh; z-index: 1001; top: 40%; left: 50%; transform: translate(-50%, -50%); border-radius: 12px; overflow: hidden; background: #fff; filter: var(--shadow_2); overflow-y: auto; line-height: 140%;}
.layer::-webkit-scrollbar{height: 5px; width: 5px; /*display: none;*/}
.layer::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.layer::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.layer.l_size_m{width: 880px;}
.layer.on{visibility: visible; opacity: 1; top: 50%; transition: all 0.25s ease;}
.layer .l_head{position: relative; padding: 48px 48px 0;}
.layer .l_head h6{font-size: 28px; font-weight: var(--fwb); line-height: 122%; text-align: center;}
.layer .l_body{padding: 16px 48px 0;}
.layer .l_body .list_circle{display: flex; flex-direction: column; gap: 7px;}
.layer .l_body .txt{text-align: center;}
.layer .l_foot{padding: 24px 48px 48px;}
.layer .l_foot .btn_wrap{padding: 0;}
.layer .l_foot .btn_wrap .btn{width: 124px;}

.layer .layer_closer{position: absolute; top: 22px; right: 22px; display: block; width: 27px; height: 27px; font-size: 0;}
.layer .layer_closer:before,
.layer .layer_closer:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); display: block; width: 2px; height: 120%; background: #555;}
.layer .layer_closer:after{transform: translate(-50%, -50%) rotate(-45deg);}

.mask{visibility: hidden; opacity: 0; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.mask.on{z-index: 1001; visibility: visible; opacity: 1; transition: 0.3s ease;}
@media (max-width: 1024px){
    .layer .l_head{padding: 48px 45px 0;}
    .layer .l_head h6{font-size: 22px;}
    .layer .l_body{padding: 15px 30px 0;}
    .layer .l_foot{padding: 20px 30px 30px;}
    .layer .layer_closer{top: 16px; right: 16px;}
}
@media (max-width: 640px){
    .layer{max-height: 86vh;}
    .layer .l_head{padding: 30px 45px 0;}
    .layer .l_body{padding: 15px 15px 0; font-size: 14px;}
    .layer .l_foot{padding: 15px 15px;}
    .layer .l_foot .btn_wrap .btn{line-height: 40px; padding: 0 30px; width: auto;}
    .layer .layer_closer{top: 15px; right: 15px;}
}


/* 아코디언 메뉴 */
.accordion{box-sizing: border-box; border-top: 1px solid var(--main);}
.accordion dl{border-bottom: 1px solid var(--line);}
.accordion dl dt{position: relative; padding: 0 0 0 47px;}
.accordion dl dt:before{content: "Q"; font-size: 20px; font-weight: var(--fweb); color: var(--theme); position: absolute; top: 25px; left: 15px;}
.accordion dl dt.over{background-color: rgba(0,0,0,0.015);}
.accordion dl dt button{position: relative; display: block; width: 100%; line-height: 1.5; padding: 18px 60px 18px 0; font-size: 17px; font-weight: var(--fwsb); text-align: left; color: var(--main); white-space: initial;}
.accordion dl dt button:before{content: ""; position: absolute; top: 50%; right: 26px; width: 11px; height: 11px; box-sizing: border-box; border-top: 2px solid #000; border-left: 2px solid #000; transform: translateY(-50%) rotate(-135deg); transition: transform 0.1s;}
.accordion dl.on dt button:before{transform: translateY(-50%) rotate(-315deg);}
.accordion dl dt button:focus{outline: none;}
.accordion dl dt button .type{display: block; font-size: 13px; font-weight: var(--fwm); color: #1826a4;}
.accordion dl dd{position: relative; padding: 28px 20px 25px 47px; box-sizing: border-box; border-top: 1px solid var(--line); background-color: #F0F0F0; font-size: 17px;}
.accordion dl dd:before{content: "A"; font-size: 20px; font-weight: var(--fweb); color: #acacac; position: absolute; top: 25px; left: 15px; transition: 0.25s;}
.accordion dl dd p{}
@media (max-width: 640px){
    .accordion dl dt:before{top: 18px;}
    .accordion dl dt button{font-size: 1rem; line-height: 1.3; padding: 15px 40px 15px 0;}
    .accordion dl dt button:before{right: 18px;}
    .accordion dl dt button .type{padding: 0 0 4px;}
    .accordion dl dd{font-size: 1rem; padding: 15px 20px 15px 47px;}
    .accordion dl dd:before{top: 12px;}
}


/* 탭메뉴 */
.tab{display: flex; width: 100%; border-bottom: 2px solid #000;}
.tab li{}
.tab li+li{margin-left: -1px;}
.tab li a{position: relative; display: block; box-sizing: border-box; padding: 12px 10px 12px; width: 160px; border: 1px solid var(--line); border-bottom: none; font-weight: var(--fwr); text-align: center; color: var(--sub_dim); background: var(--white);}
.tab li a.on{font-weight: var(--fwb); color: #fff; background-color: var(--main); border-color: var(--main);}
.tab li:first-child a{border-radius: 8px 0 0 0;}
.tab li:last-child a{border-radius: 0 8px 0 0;}

.tab_cont{box-sizing: border-box; padding: 1rem 0;}
.tab_cont > div{display: none;}
.tab_cont > div.on{display: block;}
@media (max-width: 640px){
    .tab li{flex: 1;}
    .tab li a{width: 100%;}
}


/* 탭메뉴 fake (모양만 탭, 작동은 링크) */
.tab_fake{display: flex; width: 100%; border-bottom: 2px solid #000;}
.tab_fake li{}
.tab_fake li+li{margin-left: -1px;}
.tab_fake li a{position: relative; display: block; box-sizing: border-box; padding: 12px 10px 12px; width: 160px; border: 1px solid var(--line); border-bottom: none; font-weight: var(--fwr); text-align: center; color: var(--sub_dim); background: var(--white);}
.tab_fake li a.on{font-weight: var(--fwb); color: #fff; background-color: var(--main); border-color: var(--main);}
.tab_fake li:first-child a{border-radius: 8px 0 0 0;}
.tab_fake li:last-child a{border-radius: 0 8px 0 0;}
@media (max-width: 640px){
    .tab_fake li{flex: 1;}
    .tab_fake li a{width: 100%;}
}


/* 상품안내 레이어팝업 */
.pi_layer{position: absolute; z-index: 1; top: calc(100% + 5px); left: 0; display: block; max-width: 363px; width: 363px; padding: 2rem; border: 1px solid var(--line); border-radius: 8px; background-color: var(--white); color: var(--main); font-size: 1rem; font-weight: var(--fwr); visibility: hidden; opacity: 0; z-index: -9999; cursor: initial; line-height: 1.2; transition: 0.2s opacity;}
.pi_layer.on{visibility: visible; opacity: 1; z-index: 2;}
.pi_layer .title{display: block; font-size: 20px; font-weight: var(--fwsb);}
.pi_layer .txt{display: block; color: var(--sub); padding: 10px 0 19px;}
.pi_layer .txt .fc_red{font-weight: var(--fwm);}
.pi_layer .pi_list > li{position: relative; display: flex; padding: 0 0 0 16px; font-weight: var(--fwm);}
.pi_layer .pi_list > li.disabled{color: rgba(51,51,51,0.5) !important;}
.pi_layer .pi_list > li+li{margin-top: 7px;}
.pi_layer .pi_list > li:before{content: ""; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background-color: #c2c2c2; border-radius: 50%;}
.pi_layer .pi_list > li span:after{content: ""; display: inline-block; vertical-align: middle; margin: 0 5px 0; width: 1px; height: 20px; background-color: var(--line);}
.pi_layer .btn_wrap{padding: 15px 0 0;}
.pi_layer .btn_wrap .btn{flex: 1; font-size: 1rem; font-weight: var(--fwsb);}
.pi_layer .btn_wrap .btn.white{color: var(--main);}
.pi_layer .close_pi{font-size: 0; position: absolute; top: 15px; right: 15px; display: block; width: 20px; height: 20px;}
.pi_layer .close_pi:before,
.pi_layer .close_pi:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background-color: var(--sub_dim);}
.pi_layer .close_pi:after{width: 2px; height: 100%;}
@media (max-width: 860px){
    .pi_layer{width: 100%; max-width: none; top: calc(100% - 5px);}
}


/* 파일첨부 */
.file_upload{position: relative; flex: none; width: 100%;}
.file_upload.multi{padding: 0 0 27px; line-height: 1.2;}
.file_upload .btn_file_up{font-family: inherit; font-size: 15px; font-weight: var(--fwm); color: var(--main); background-color: var(--white); box-shadow: inset 0 0 0 1px var(--line); border-radius: 8px; line-height: 40px; width: 90px; text-align: center;}
.file_upload .btn_file_up[inert]{background-color: #f9f9f9; color: #b2b2b2; box-shadow: inset 0 0 0 1px var(--line); cursor: alias;}
.file_upload .file_length{display: inline-block; vertical-align: middle; margin: 0 0 0 2px; font-size: 14px; color: var(--sub_dim);}
.file_upload .file_length .current.full{font-weight: var(--fwsb); color: var(--accent);}
.file_upload .MultiFile-list{display: flex; gap: 6px; width: 100%; flex-wrap: wrap;}
.file_upload .MultiFile-list:has(div){margin-top: 6px;}
.file_upload .MultiFile-list .MultiFile-label{display: flex; font-size: 15px; font-weight: var(--fwm); color: var(--main); border-radius: 8px; box-shadow: inset 0 0 0 1px var(--main); line-height: 40px; background-color: var(--white); padding: 0 15px;}
.file_upload .MultiFile-list .MultiFile-label .MultiFile-title{}
.file_upload .MultiFile-list .MultiFile-label .MultiFile-remove{display: inline-block; width: 20px; height: 100%; background: url("/assets/site/img/common/btn_file_detach.svg") no-repeat; background-size: 12px auto; background-position: center left 7px; font-size: 0;}
.file_upload .file_info{position: absolute; bottom: 0; font-size: 14px; color: var(--sub_dim);}
@media (max-width: 430px){
    .file_upload.multi{padding: 0 0 44px;}
}


/* 이미지파일 첨부 */
.img_upload{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, minmax(154px, auto)); gap: 12.5px;}
.img_upload.single{grid-template-rows: repeat(auto-fill, minmax(95px, auto));}
.img_upload .custom-file{display: block; /* width: 249px !important; */ width: auto !important; height: 154px !important; border-radius: 8px; border: 1px solid var(--line); overflow: hidden; margin: 0 !important;}
.img_upload.single .custom-file{width: 220px !important; height: 95px !important;}
.img_upload.grid .custom-file{width: 30%;}
.img_upload .custom-file .custom-file-input{width: 0 !important; height: 0 !important; opacity: 0;}
.img_upload .custom-file label{border: none !important; width: 100% !important; height: 100% !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;}
.img_upload .custom-file label em{position: relative; display: inline-block; line-height: 1; padding: 20px 0 0; font-size: 15px; color: #999;}
.img_upload .custom-file label em:before{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 14px; height: 14px; background: url("/assets/site/img/common/btn_img_upload.svg") no-repeat; background-size: 100% auto;}
.img_upload .custom-file .custom-file-btn{display: none;}
.img_upload .custom-file .img_preview{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.img_upload .custom-file .img_preview img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.img_upload .custom-file .img_preview button{position: absolute; z-index: 2; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 4px; background: rgba(0,0,0,0.3) url("/assets/site/img/common/btn_del.svg") no-repeat center; font-size: 0;}

.img_upload.type_block{display: block !important; max-width: 240px;}
.img_upload.type_block .custom-file{aspect-ratio: 220 / 95; height: auto !important; width: 100% !important;}
@media (max-width: 640px){
    .img_upload{grid-template-columns: repeat(2, 1fr);}
}


/* 이력서 관리 */
.desc .no_paid{color: rgba(0,0,0,0.3); font-weight: var(--fwm); text-align: center;}

.desc .resume_manage{display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap);}
.desc .resume_manage .r_img{position: relative; width: 124px; height: 124px; border-radius: 50%; border: 1px solid #e9e9e9; background: #f3f3f3 url(/assets/site/img/contents/profile_img_bg.svg) no-repeat center; background-size: cover; overflow: hidden;}
.desc .resume_manage .r_img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.desc .resume_manage .r_txt{flex: 1; font-size: 15px; font-weight: var(--fwr); color: var(--sub_dim); line-height: 134%; min-width: 0;}
.desc .resume_manage .r_txt .title{font-size: 20px; font-weight: var(--fwsb); line-height: 127%; color: var(--main); padding: 9px 0 7px; word-break: break-all; margin-bottom: 6px;}
.desc .resume_manage .r_txt .stamp{display: flex;}
.desc .resume_manage .r_txt .stamp > li+li:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 10px 0; width: 1px; height: 20px; background-color: var(--line);}
/* .desc .resume_manage .r_btn_wrap{margin-left: auto; flex: 0 0 auto; display: flex; gap: 4px; flex-wrap: wrap; max-width: 120px;} */
.desc .resume_manage .r_btn_wrap{display: flex; gap: 16px; flex-direction: row; height: -webkit-fill-available; align-items: center;}
/* .desc .resume_manage .r_btn_wrap .btn{flex: 1; padding: 0 10px;} */
.desc .resume_manage .r_btn_wrap .btn{padding: 0 10px; height: -webkit-fill-available;}
/* .desc .resume_manage .r_btn_wrap .btn:last-child{flex: 0 0 auto; width: 100%;} */
/* .desc .resume_manage .r_btn_wrap .btn:last-child{width: 100%;} */
.desc .resume_manage .resume_img {width: 8.5rem; height: 8.5rem; overflow: hidden; border-radius: 8px;}
.desc .resume_manage .resume_img img {width: 100%; height: 100%;}
.desc .resume_manage .r_btn_wrap .inquiry_wrap {height: fit-content; display:flex; flex-direction: column; background: #fff; width: -webkit-fill-available; justify-content: space-between; align-items: center; padding: 2px 10px 7px; border-radius: 0 0 8px 8px; border: 1px solid var(--line); border-top: 0;}
.desc .resume_manage .r_btn_wrap .inquiry_wrap a {text-align: center; border-top: 1px solid #dee2e6;}
.desc .resume_manage .r_btn_wrap .inquiry_wrap a:first-child {border-top: 0;}
.desc .resume_manage .r_btn_wrap .inquiry_wrap a em {font-size: 13px; font-weight: 700;}
.desc .resume_manage .r_btn_wrap .inquiry_wrap a p {font-size: 12px; font-weight: 500; color: #868E96; margin-top: -5px;}
.desc .resume_manage .r_btn_wrap .r_btn_cont {display: flex; flex-direction: column; gap: 0px; height: fit-content;}
.desc .resume_manage .r_btn_wrap .r_btn_cont span {width: 100%; background: #555; line-height: 38px; border-radius: 8px; text-align: center; color: #fff; font-size: 14px; min-width: 70px; height: fit-content;}
.desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group {display: flex; flex-direction: column; gap: 0px;}
.desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a {box-shadow: none; border: 1px solid var(--line);}
.desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a:first-child {border-radius: 8px 8px 0 0;}
.desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a:last-child {border-radius: 0; border-top: 0;}
.st_ing {color: #7950F2; font-weight: 700; margin-right: 4px; display: none;}
.st_bar {color: var(--line); margin-right: 4px; display: none;}
.st-mb {margin-bottom: 5px;}
.desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a.del_scrap {border-radius: 0 0 8px 8px !important;}
@media (max-width: 860px){
    .desc .resume_manage .r_img{width: 100px; height: 100px;}
    .desc .resume_manage .r_txt .title{font-size: 18px; white-space: initial;}
}
@media (max-width: 640px){
    .desc .resume_manage{gap: 12px;}
    .desc .resume_manage .r_img{width: 60px; height: 60px;}
    .desc .resume_manage .r_btn_wrap{max-width: 100%; width: 100%; justify-content: flex-end;}
    .desc .resume_manage .r_txt .stamp{font-size: 13px;}
    .desc .resume_manage .r_btn_wrap .r_btn_cont {flex-direction: row; width: 100%;}
    .desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group {flex-direction: row; width: 66.6%;}
    .desc .resume_manage .r_btn_wrap .inquiry_wrap {width: 33.3%; border-radius: 0 8px 8px 0; border: 1px solid var(--line); border-left: 0;}
    .desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a {line-height: 47px;height: 49px;}
    .desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a:first-child {width: 50%; border-radius: 8px 0 0 8px;}
    .desc .resume_manage .r_btn_wrap .r_btn_cont .r_btn_group a:last-child {width: 50%; border-radius: 0; border: 1px solid var(--line); border-left: 0;}
}
@media (max-width: 430px){
    .desc .resume_manage {flex-direction: column; width: 100%; justify-content: start; align-items: start; flex-wrap: nowrap;}
    .desc .resume_manage .resume_img {width: 100%; height: 200px;}
    .desc .resume_manage .resume_img img {height: auto;}
}
@media (max-width: 360px){
    .desc .resume_manage .resume_img {height: 150px;}
}

/*삼담 현황 뷰*/
.button01 {
    display: inline-flex; justify-content: center;; align-items: center;
    width: 160px; height: 44px; border: 1px solid #E1E5ED; background-color: #fff; border-radius: 5px;
    font-size: 16px;
    &.c01{color: #fff; border-color: #292E41; background-color: #292E41;}
    &.c02{color: #fff; border-color: #D50136; background-color: #D50136}
}
.inquiry-view {
    font-size: 16px;
    .btn-container {display: flex; justify-content: center; align-items: center; gap: 6px;}
    .inquiry-view-top {
        display: flex; align-items: center; gap: 35px;
        border-top: 1px solid #0F162A; border-bottom: 1px solid #cbcbcb;
        padding: 16px 14px; background-color: #F9F9F9;
        .subject{flex: 1; font-size: 18px; font-weight: 600; color: #292E41; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        .sub-title{font-size: 18px; color: #666; line-height: 28px; margin-top: 2px;}
        .article-info{display: flex; gap: 14px;}
    }
    .inquiry-view-body {
        padding: 40px 14px;
        border-bottom: 1px solid #cbcbcb;
        .btn-container {justify-content: flex-end; margin-top: 40px;}
    }
    .inquiry-view-answer {
        position: relative; padding: 40px 0;
        .view-answer{position: relative; padding: 0 14px 0 80px;}
        .view-answer::before{content: "A"; position: absolute; left: 26px; display: flex; justify-content: center; align-items: center; color: #fff; width: 30px; aspect-ratio: 1 / 1; background-color: #5D93CE; border-radius: 50%;}
        .write-answer .answer-title{margin-bottom: 26px;}
        .write-answer .answer-title::after{content: ""; position: relative; top: -1px; display: inline-block; width: 5px; height: 5px; background-color: #5D93CE; border-radius: 50%; vertical-align: middle; margin-left: 10px;}
        .write-answer textarea{height: 250px; width: 100%; border-color: #E1E5ED; border-radius: 5px;}
        .write-answer textarea:focus{border-color: #222;}
        .write-answer .btn-container{margin-top: 40px;}
    }
    .inquiry-view-foot {
        border-top: 1px solid #CBCBCB;
        .foot-section{
            .foot-row{display: grid; grid-template-columns: 200px minmax(0, 1fr); height: 60px; border-bottom: 1px solid #CBCBCB;}
            .foot-label{display: flex; align-items: center; justify-content: center; background-color: #F9F9F9;}
            .foot-label span{display: inline-block; padding-left: 35px;}
            .foot-vl{display: flex; align-items: center;}
            .foot-vl .subject{flex: 1; padding: 0 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
            .foot-vl .date{width: 120px; text-align: right; padding-right: 20px;}
            .attach-file{padding-left: 25px; background: url("/assets/site/img/common/ico-attach01.svg") no-repeat 0 center;}
            .arr-up{background: url("/assets/site/img/common/arr0201.svg") no-repeat 0 center;}
            .arr-down{background: url("/assets/site/img/common/arr0202.svg") no-repeat 0 center;}
        }
        .btn-container {justify-content: flex-end; margin-top: 20px;}
    }
    @media (width <= 1200px) {
        padding-top: 70px;
        padding-bottom: 40px;
        .board-view-top {
            .subject{font-size: 32px; line-height: 42px;}
            .sub-title{font-size: 17px;}
        }
        .board-view-body{padding-top: 20px; padding-bottom: 20px;}
    }
    @media (width <= 1024px) {
        font-size: 15px;
        padding-top: 60px;
        .board-view-top {
            .subject{font-size: 28px; line-height: 38px;}
            .sub-title{font-size: 16px; margin-top: 0;}
        }
    }
    @media (width <= 860px) {
        padding-top: 50px;
        .board-view-top {
            padding-bottom: 14px;
            .subject{font-size: 24px; line-height: 32px;}
            .sub-title{font-size: 15px;}
            .date{font-size: 13px;}
        }
    }
    @media (width <= 768px) {
        .inquiry-view-top {
            flex-direction: column;
            gap: 16px;
        }
        .subject {
            width: 100%;
            text-align: left;
        }
        .article-info {
            width: 100%;
        }

    }
    @media (width <= 640px) {
        .board-view-top {
            padding-bottom: 14px;
            .subject{font-size: 24px; line-height: 32px;}
            .sub-title{font-size: 14px; margin-top: 4px;}
            .date{font-size: 13px;}
        }
    }
}

@media (max-width: 768px){

}


/* 지원자 관리 */
.fold_list{display: flex; flex-direction: column; gap: calc( var(--gap) * 0.5 );}

.desc .human_manage{display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap); width: 100%; text-align: left; white-space: inherit;}
.desc .human_manage .h_txt{flex: 1; font-size: 15px; font-weight: var(--fwr); color: var(--sub_dim); line-height: 134%; min-width: 0;}
.desc .human_manage .h_txt .title{font-size: 22px; font-weight: var(--fwsb); line-height: 127%; color: var(--main); padding: 9px 0 7px;}
.desc .human_manage .h_txt .stamp{display: flex;}
.desc .human_manage .h_txt .stamp > li+li:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 10px 0; width: 1px; height: 20px; background-color: var(--line);}
.desc .human_manage .h_txt .period{font-size: 15px; font-weight: var(--fwsb); color: var(--main); padding: 6px 0 0;}

.desc .human_manage .stat_box{margin-left: auto; display: flex; border: 1px solid var(--line); border-radius: 8px; padding: 16px 28px; gap: 55px; color: var(--main);}
.desc .human_manage .stat_box > div{position: relative; font-size: 15px; text-align: center; line-height: 1.22;}
.desc .human_manage .stat_box > div + div:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -27.5px; width: 1px; height: 32px; background-color: var(--line);}
.desc .human_manage .stat_box dd{font-size: 1.2em; font-weight: var(--fwb); padding: 3px 0 0;}
@media (max-width: 860px){
    .desc .human_manage .h_txt .title{white-space: initial; font-size: 17px;}
    .desc .human_manage .stat_box{width: 100%;}
    .desc .human_manage .stat_box > div{flex: 1;}
}
@media (max-width: 640px){
    .desc .human_manage .stat_box{padding: 10px 28px 7px;}
    .desc .human_manage .stat_box > div{font-size: 14px;}
}


/* 지원자 관리 카드 */
.desc .hidden_list{display: none; padding: 20px 0 40px; border-top: 1px solid var(--line);}
.desc .hidden_list > li+li{border-top: 1px dashed var(--line);}

.card_applyer{display: flex; flex-wrap: wrap; align-items: center; padding: 20px var(--gap);}
.card_applyer .left{position: relative; display: flex; align-items: center; gap: 12px;}
.card_applyer .left:after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 52px; background-color: var(--line);}
.card_applyer.new .left:before{content: ""; position: absolute; top: 0; left: 72px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--theme);}
.card_applyer .left .img{position: relative; width: 80px; height: 80px; border: 1px solid #000; border-radius: 50%; border: 1px solid var(--line); background: #f3f3f3 url("/assets/site/img/contents/profile_img_bg.svg") no-repeat center; background-size: 100% auto; overflow: hidden;}
.card_applyer .left .img img{width: 100%; height: 100%; object-fit: cover;}
.card_applyer .left .txt{padding: 0 39px 0 0; position: relative;}
.card_applyer .left .txt .name{font-size: 18px; font-weight: var(--fwsb);}
.card_applyer .left .txt .des{font-size: 14px; color: var(--sub_dim);}
.card_applyer .center{padding: 0 10px 0 2rem; flex: 1;}
.card_applyer .center .m_top{display: flex; align-items: center; gap: 6px;}
.card_applyer .center .m_top .scrap{margin: -2px 0 0 0;}
.card_applyer .center .m_top span{font-size: 14px; color: var(--sub_dim);}
.card_applyer .center .card_tit{font-size: 17px; font-weight: var(--fwsb); height: auto; max-height: 44px;}
.card_applyer .center .keyword{display: flex; font-size: 14px; color: var(--sub_dim);}
.card_applyer .center .keyword > li{position: relative;}
.card_applyer .center .keyword > li+li:before{content: ""; display: inline-block; vertical-align: middle; margin: -1px 10px 0; width: 4px; height: 4px; background-color: var(--dotted_deep); border-radius: 50%;}
.card_applyer .right{margin-left: auto;}
.card_applyer .right .btn_wrap{padding: 0; gap: 4px;}
.card_applyer .right .btn_wrap .btn{width: 92px;}
@media (max-width: 960px){
    .card_applyer{padding: 20px 0;}
    .card_applyer.new .left:before{left: 35px; width: 5px; height: 5px;}
    .card_applyer .left .txt{padding: 0 20px 0 0;}
    .card_applyer .left .img{width: 40px; height: 40px;}
    .card_applyer .center{padding: 0 10px 0 20px;}
    .card_applyer .right .btn_wrap{flex-direction: column;}
}
@media (max-width: 768px){
    .card_applyer .left .txt .name{font-size: 15px;}
    .card_applyer .left .txt .des{font-size: 13px;}
    .card_applyer .center{display: none;}
    .card_applyer .right{flex: 1; padding: 0 0 0 20px;}
    .card_applyer .right .btn_wrap{flex-direction: row;}
    .card_applyer .right .btn_wrap .btn{width: auto; flex: 1;}
}
@media (max-width: 640px){
    .desc .hidden_list{padding: 10px 0 20px;}
    .card_applyer .left:after{display: none;}
    .card_applyer .left .txt{padding: 0 10px 0 0;}
    .card_applyer .right{padding: 0 0 0 10px;}
}


/* 해쉬 리스트, 체크박스 */
.hash_list{display: flex; gap: 8px; flex-wrap: wrap;}
.hash_list .item input{position: absolute; left: -9999em;}
.hash_list .item input + label{display: inline-block; line-height: 34px; border-radius: 34px; height: auto; padding: 0 18px; box-shadow: inset 0 0 0 1px #e4e4e4; background-color: var(--gray_light); font-size: 15px; font-weight: var(--fwr); color: #999;}
.hash_list .item input:checked + label{font-weight: var(--fwm); color: var(--main); background-color: var(--theme_light); box-shadow: inset 0 0 0 1px #e9d5c3;}
.hash_list .item input + label span{display: inline-flex; align-items: center; gap: 6px;}
.hash_list .item input + label span:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 0 0; width: 12px; height: 12px; background: url("/assets/site/img/common/hash_chk.svg") no-repeat center; background-size: 100% auto;}
.hash_list .item input:checked + label span:before{filter: brightness(0) saturate(100%);}

.hash_self_wrap{width: 100%; height: auto; opacity: 1; margin-top: 2px;}
.hash_self_wrap input{width: 100% !important; max-width: none !important;}


/* 데이트피커 오프너 */
.btn_date{cursor: pointer; width: 180px !important;}
.btn_date + select{width: 100px !important; flex: initial !important;}


/* 데이트피커 */
.ui-datepicker{display: none; filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.06)); border: 1px solid transparent; border-radius: var(--radius_2); overflow: hidden; font-size: 12px;}
html[data-dark="true"] .ui-datepicker{filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.4));}
.ui-datepicker-header{background: var(--white); position: relative; height: 58px;}
.ui-datepicker-header:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: calc(100% - 48px); height: 32px; margin-top: 13px; background: rgb(238,242,248); background: linear-gradient(90deg, rgba(238,242,248,0) 0%, rgba(238,242,248,1) 50%, rgba(238,242,248,0) 100%);}
html[data-dark="true"] .ui-datepicker-header:before{background: linear-gradient(90deg, rgba(45,55,72,1) 0%, rgba(67,82,108,1) 50%, rgba(45,55,72,1) 100%);}
.ui-datepicker-prev{display: block; position: absolute; z-index: 1; left: 44px; top: 33px; cursor: pointer;}
.ui-datepicker-prev span{text-indent: -9999px; display: block; background: url("/assets/site/img/common/btn_line_prev.svg") no-repeat center; background-size: 18px auto; width: 18px; height: 18px; opacity: 1; transition: 0.3s;}
.ui-datepicker-prev:hover span{transition: 0.3s; opacity: 1;}
.ui-datepicker-next{display: block; position: absolute; z-index: 1; right: 44px; top: 33px; cursor: pointer;}
.ui-datepicker-next span{text-indent: -9999px; display: block; background: url("/assets/site/img/common/btn_line_next.svg") no-repeat center; background-size: 18px auto; width: 18px; height: 18px; opacity: 1; transition: 0.3s;}
.ui-datepicker-next:hover span{transition: 0.3s; opacity: 1; float: right;}
.ui-datepicker-title{position: absolute; left: 50%; top: 30px; transform: translateX(-50%); font-size: 14px; font-weight: var(--fwb);}
.ui-datepicker-calendar{width: 100%; background: var(--white); text-align: center; font-weight: var(--fwr); color: var(--mine_shaft2);}
.ui-datepicker-calendar thead{position: relative;}
.ui-datepicker-calendar thead:before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 94%; height: 2px; background: var(--gallery);}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .ui-datepicker-calendar thead:before{display: none;}
}
.ui-datepicker-calendar th{color: var(--medium); font-size: 8px; font-weight: var(--fwr); padding: 13px 0 0; width: 32px; box-sizing: content-box; line-height: 100%;}
.ui-datepicker-calendar td{height: 43px; line-height: 43px; box-sizing: content-box;}
.ui-datepicker-calendar td:first-child{padding-left: 21px;}
.ui-datepicker-calendar td:last-child{padding-right: 21px;}
.ui-datepicker-calendar th:first-child{padding-left: 21px;}
.ui-datepicker-calendar th:last-child{padding-right: 21px;}
.ui-datepicker-calendar tbody tr:last-child td{padding-bottom: 15px;}
.ui-state-active{position: relative; z-index: 1; border-radius: 4px; display: block; margin: 0 auto; width: 32px; height: 43px; line-height: 43px; font-weight: 700; font-weight: var(--fwb);}
.ui-state-active:before{content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 4px; background-color: var(--line);}
.grayScale .ui-state-active{background: #777; background: linear-gradient(0deg, #444 0%, #777 100%);}
.ui-datepicker-other-month,
.ui-state-disabled{opacity: 0.3;}
.ui-datepicker-week-end:first-of-type{color: var(--persimmon);}
.ui-datepicker-week-end:last-of-type{color: var(--science_blue);}

.customMonthCalendar{min-width: 266px;}
.customMonthCalendar .ui-datepicker-calendar{display: none;}
.ui-datepicker-buttonpane{display: flex; justify-content: center; gap: 6px; background-color: var(--white); padding: 20px 21px;}
.ui-datepicker-buttonpane > button{width: 80px; height: 30px; line-height: 28px; border: 1px solid var(--line); border-radius: var(--radius_3); font-size: 12px; font-weight: var(--fwsb);}

.customYearCalendar{min-width: 266px;}
.customYearCalendar .ui-datepicker-calendar{display: none;}
.ui-datepicker-buttonpane{display: flex; justify-content: center; gap: 6px; background-color: var(--white); padding: 20px 21px;}
.ui-datepicker-buttonpane > button{width: 80px; height: 30px; line-height: 28px; border: 1px solid var(--line); border-radius: var(--radius_3); font-size: 12px; font-weight: var(--fwsb);}
.customYearCalendar .ui-datepicker-title .ui-datepicker-month{display: none;}
.customYearCalendar .ui-datepicker-prev[data-handler="prev"]{display: none;}
.customYearCalendar .ui-datepicker-next[data-handler="next"]{display: none;}


/* 상품관리 상단 */
.ico_desc{background-color: var(--white); border: 1px solid var(--line); border-radius: 12px; padding: 12px 2rem 13px;}
.ico_desc > div{display: flex; flex-wrap: wrap; padding: 11px 0 4px;}
.ico_desc > div + div{border-top: 1px dashed var(--line);}
.ico_desc dt{width: 174px; flex: 0 0 auto;}
.ico_desc dt span{display: inline-flex; align-items: center; gap: 12px; font-weight: var(--fwsb);}
.ico_desc dt span:before{content: ""; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 0 0; background-repeat: no-repeat; background-position: center;}
.ico_desc dt span.ico_freeday:before{background-image: url("/assets/site/img/contents/ico_desc_freeday.svg");}
.ico_desc dt span.ico_jumpup:before{background-image: url("/assets/site/img/contents/ico_desc_jumpup.svg");}
.ico_desc dt span.ico_search:before{background-image: url("/assets/site/img/contents/ico_desc_search.svg");}
.ico_desc dt span.ico_refund:before{background-image: url("/assets/site/img/contents/ico_desc_refund.svg");}
.ico_desc dd{flex: 1; padding: 4px 0 0 6px;}
.ico_desc dd p{font-size: 14px;}
@media (max-width: 640px){
    .ico_desc{padding: 12px 20px 13px;}
    .ico_desc dt{width: 100%;}
    .ico_desc dt span{gap: 4px;}
    .ico_desc dt span:before{width: 20px; height: 20px; background-size: contain;}
    .ico_desc dd{padding: 0;}
}


/* preview_tab */
.preview_tab{display: flex; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background-color: var(--white); margin: 0 0 40px;}
.preview_tab > li{flex: 1;}
.preview_tab > li .btn_pt{display: block; position: relative; width: 100%; padding: 11px 0; font-size: 14px; color: var(--main); white-space: inherit; text-align: center; font-weight: var(--fwm);}
.preview_tab > li+li .btn_pt{border-left: 1px solid var(--line);}
.preview_tab > li .btn_pt.on{background-color: var(--main); color: var(--white);}

.mark_tab {
    overflow: visible;
}
.mark_tab > li:nth-of-type(1) .btn_pt.on {
    border-radius: 8px 0 0 8px;
}
.mark_tab > li:last-of-type .btn_pt.on {
    border-radius: 0 8px 8px 0;
}
.mark_tab > li .btn_pt[data-service="1"] {
    position: relative;
}
.mark_tab > li:nth-of-type(1) .btn_pt::after {
    content: '추천'; font-size: 14px; font-weight: var(--fwsb); border-radius: 20px; color: #fff;
    position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
    padding: 0 10px; line-height: 24px; text-align: center;
    background: #da6d89;
}
.mark_tab > li:nth-of-type(2) .btn_pt::after {
    content: '무료등록'; font-size: 14px; font-weight: var(--fwsb); border-radius: 20px; color: #fff;
    position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
    padding: 0 10px; line-height: 24px; text-align: center;
    background: #819fd2;
}

@media (max-width: 920px){
    .preview_tab{flex-wrap: wrap; gap: 1px; background-color: var(--line);}
    .preview_tab > li{flex: none; width: calc( (100% - 3px) / 4 );}
    .preview_tab > li .btn_pt{background-color: var(--white);}
    .preview_tab > li+li .btn_pt{border: none;}
    .preview_tab > li:last-child{width: auto; flex: 1;}

    .mark_tab > li {flex: 1;}
    .mark_tab > li:nth-of-type(1) .btn_pt {border-radius: 8px 0 0 8px;}
    .mark_tab > li:nth-of-type(5) .btn_pt {border-radius: 0 8px 8px 0;}
}
@media (max-width: 560px){
    .preview_tab {flex-wrap: wrap;}
    .preview_tab > li{width: calc( 100% / 2 ); flex: none;}
    .preview_tab > li .btn_pt{font-size: 13px;}

    .mark_tab > li {width: calc( (100% - 1px) / 2 );}
    .mark_tab > li .btn_pt {padding: 0; height: 42px; line-height: 42px;}

    .mark_tab > li:nth-of-type(1) .btn_pt {border-radius: 8px 0 0 0;}
    .mark_tab > li:nth-of-type(2) .btn_pt {border-radius: 0 8px 0 0;}
    .mark_tab > li:nth-of-type(3) .btn_pt {border-radius: 0 0 0 0;}
    .mark_tab > li:nth-of-type(4) .btn_pt {border-radius: 0 0 0 0;}
    .mark_tab > li:nth-of-type(5) .btn_pt {border-radius: 0 0 8px 8px;}

    .mark_tab > li:nth-of-type(1) .btn_pt.on {border-radius: 8px 0 0 0;}
    .mark_tab > li:nth-of-type(2) .btn_pt.on {border-radius: 0 8px 0 0;}
    .mark_tab > li:nth-of-type(3) .btn_pt.on {border-radius: 0 0 0 0;}
    .mark_tab > li:nth-of-type(4) .btn_pt.on {border-radius: 0 0 0 0;}
    .mark_tab > li:nth-of-type(5) .btn_pt.on {border-radius: 0 0 8px 8px;}

    .mark_tab > li:nth-of-type(1) .btn_pt::after,
    .mark_tab > li:nth-of-type(2) .btn_pt::after {
        position: relative; top: auto; left: auto; transform: translateX(0);
        font-size: 13px; padding: 2px 5px; margin-left: 3px;
    }
}


/* preview_con */
.preview_con{display: flex; gap: 45px;}

.preview_con .frame{position: relative; width: 432px; aspect-ratio: 432 / 560; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background-color: #fff;}
.preview_con .frame img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: none; width: 100%; transition: 0.3s linear; /* 속도, 딜레이 */}
.preview_con .frame img.position_0{margin-top: 0%;}
.preview_con .frame img.position_1{margin-top: -90%;}
.preview_con .frame img.position_2{margin-top: -155%;}
.preview_con .frame img.position_3{margin-top: 0%;}
.preview_con .frame img.position_4{margin-top: 0%;}
.preview_con .frame .dimcover{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.6);}
.preview_con .frame .dimcover .focus{position: absolute; top: 30%; bottom: 30%; width: 90%; left: 50%; transform: translateX(-50%); border: 3px solid #000; backdrop-filter: brightness(250%);}

.preview_tab_cont{flex: 1;}
.preview_tab_cont > .con{display: none;}
.preview_tab_cont > .con.on{display: block;}
.preview_tab_cont .under_dash{padding: 0 0 0 22px;}
.preview_tab_cont .under_dash > li{padding: 0 0 13px;}
.preview_tab_cont .under_dash > li+li{border-top: 1px dashed var(--line); padding-top: 16px;}
.preview_tab_cont .under_dash .list_tit{font-size: 17px; font-weight: var(--fwsb); line-height: 118%; margin: 0 0 7px;}
.preview_tab_cont .under_dash .list_circle > li{color: var(--sub); padding: 0 0 0 13px; line-height: 150%;}
.preview_tab_cont .under_dash .list_circle > li + li{margin-top: 1px;}
.preview_tab_cont .under_dash p{color: #777;}
.preview_tab_cont .under_dash .price_list{display: flex; flex-wrap: wrap; row-gap: 9px; padding: 3px 0 0;}
.preview_tab_cont .under_dash .price_list > .chkwrap{width: 100%; /*padding-right: 10px;*/}
.preview_tab_cont .under_dash .price_list > .chkwrap input + label{font-size: 1rem; font-weight: var(--fwm); padding-left: 36px;}
.preview_tab_cont .under_dash .price_list > .chkwrap input[disabled] + label{color: rgba(51,51,51,0.5);}
.preview_tab_cont .under_dash .price_list > .chkwrap input + label .shape{font-size: 1rem; width: 24px; height: 24px; top: -2px;}
.preview_tab_cont .under_dash .price_list > .chkwrap input + label .shape:before{top: 6px; left: 5px;}
.preview_tab_cont .under_dash .price_list > .chkwrap input + label em:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 6px 0; width: 1px; height: 20px; background-color: var(--line);}
.preview_tab_cont .under_dash .btn_wrap{padding: 15px 0 0;}
.preview_tab_cont .under_dash .btn_wrap .btn{width: 142px; line-height: 42px; font-size: 1rem;}
@media (max-width: 920px){
    .preview_con{gap: 20px;}
    .preview_con .frame{width: 260px;}
}
@media (max-width: 700px){
    .preview_tab {margin: 0 0 20px 0;}
    .preview_con{flex-direction: column;}
    .preview_con .frame{width: 100%;}
    .preview_tab_cont .under_dash{padding: 0 0 0 10px;}
}


/* 상품구매 (장바구니) */
.desc.hasCart .top{padding: 26px 0 26px;}
.desc.hasCart .top:first-child{padding-top: 37px;}
.desc.hasCart .mid{padding: 16px 0 27px;}

.desc .cart{position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap);}
.desc .cart .c_txt{flex: 1; font-weight: var(--fwr); color: var(--sub_dim); line-height: 134%; min-width: 0;}
.desc .cart .c_txt .title{font-size: 19px; font-weight: var(--fwb); line-height: 127%; color: var(--main); padding: 3px 0 0;}
.desc .cart .c_txt .title .paid_badge{vertical-align: middle;}
.desc .cart .c_txt .des{color: var(--sub); padding: 6px 0 4px;}
.desc .cart .c_txt .stamp{display: flex; color: var(--main); font-weight: var(--fwm);}
.desc .cart .c_txt .stamp > li+li:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 10px 0; width: 1px; height: 15px; background-color: var(--line);}

.desc .cart .c_price{margin-left: auto; flex: 0 0 auto; font-size: 19px; font-weight: var(--fwsb);}

.desc .cart .btn_cart_del{position: absolute; top: -6px; right: 0; width: 14px; height: 14px; font-size: 0; white-space: inherit;}
.desc .cart .btn_cart_del:before,
.desc .cart .btn_cart_del:after{content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; transform: translate(-50%, -50%) rotate(45deg); background-color: var(--sub_dim);}
.desc .cart .btn_cart_del:after{width: 1px; height: 100%;}

.desc .sum{display: flex; justify-content: space-between; align-items: center;}
.desc .sum dt{font-size: 15px; color: #777;}
.desc .sum dd{font-weight: var(--fwb); font-size: 18px;}
.desc .sum dd strong{font-size: 1.33em;}
@media (max-width: 640px){
    .desc.hasCart .top{padding: 20px 0;}
    .desc.hasCart .top:first-child{padding-top: 30px;}

    .desc .cart{gap: 6px;}
    .desc .cart .c_txt .title{font-size: 17px; padding: 0;}
    .desc .cart .c_price{width: 100%; text-align: right;}
}


/* 상품구매 (장바구니) - 상품을 적용할 공고선택 */
.desc.selProduct > .top{padding: 30px 0;}
.desc.selProduct > .top:last-child{border-bottom: none;}
.desc.selProduct .resume_manage .r_txt{padding: 0 0 0 44px;}
.desc.selProduct .resume_manage .r_txt .shape{width: 24px; height: 24px; top: 50%; transform: translateY(-50%);}
.desc.selProduct .resume_manage .r_txt .shape:before{top: 6px; left: 5px;}
@media (max-width: 640px){
    .desc.selProduct > .top{padding: 20px 0;}
    .desc.selProduct .resume_manage .r_txt{padding: 0 0 0 34px;}
    .desc.selProduct .resume_manage .r_txt .title{font-size: 16px;}
}


/* 버튼 */
.btn_wrap.product{padding: 40px 0 0; gap: 12px;}


/* 결제하기 */
.payment{padding: 42px 0; display: flex; gap: 42px; align-items: flex-start; overflow: hidden;}

.payment .confirm{flex: 1;}
.payment .confirm .row{padding: 0 24px;}
.payment .confirm .row:not(:last-child){padding-bottom: 20px;}
.payment .confirm .row .title{font-size: 20px; font-weight: var(--fwb); padding: 0 0 5px; margin-bottom: 20px; color: var(--toss_main);}

.payment .confirm .row .for_pay > li{display: none;}
.payment .confirm .row .for_pay > li.on{display: block;}

.payment .confirm .row .sel_list{display: flex; flex-direction: column; gap: 4px; padding: 20px 0 0;}
.payment .confirm .row .sel_list > div{display: flex;}
.payment .confirm .row .sel_list dt{width: 112px; flex: 0 0 auto; font-size: 15px; color: var(--main);}
.payment .confirm .row .sel_list dd select{width: 264px; color: var(--main);}
.payment .confirm .row .list_circle{padding: 16px 0 0;}
.payment .confirm .row .list_circle > li{padding-left: 13px; line-height: 144%;}
.payment .confirm .row .list_circle > li:before{top: 9px;}
.payment .confirm .row .list_circle > li .link{font-size: 14px; color: var(--sub_bold);}
.payment .confirm .row .list_circle > li .link:after{content: ""; display: inline-block; vertical-align: middle; margin: -1px 0 0 3px; width: 6px; height: 6px; border-top: 2px solid #999; border-right: 2px solid #999; transform: rotate(45deg);}

.payment .bill{width: 274px; border-radius: 8px; border: 1px solid var(--main); padding: 1.4rem 2rem 2rem;}
.payment .bill .summary > div{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--line); font-size: 15px; font-weight: var(--fwm); padding: 9px 0;}
.payment .bill .summary > div:last-child{border-style: solid;}
.payment .bill .summary > div.total{border-style: solid; border-color: var(--main); padding: 5px 0;}
.payment .bill .summary dt{color: var(--sub_bold);}
.payment .bill .summary > div.total dt{color: var(--main);}
.payment .bill .summary > div.total dd{font-size: 18px;}
.payment .bill .summary > div.total dd strong{font-size: 1.33em;}

.payment .bill > .chkwrap{padding: 24px 0 21px;}
.payment .bill > .chkwrap input + label{color: var(--main);}
.payment .bill > .chkwrap input + label .shape{top: 1px;}

.payment .bill .btn_wrap{padding: 20px 0 0;}
.payment .bill .btn_wrap .btn{line-height: 65px; font-size: 1rem;}
.payment .bill .btn_wrap .btn[disabled]{background-color:var(--disabled);}
.payment .bill .btn_wrap .btn[disabled]:hover{cursor: no-drop;}
@media (max-width: 960px){
    .payment{flex-direction: column;}
    .payment .bill{width: 100%; padding: 20px 20px;}
}
@media (max-width: 640px){
    .payment{gap: 0;}
    .payment .confirm .row{padding: 0;}
    .payment .confirm .row:not(:last-child){padding: 0;}
    .payment .confirm .row .title{margin-bottom: 0;}
    .pg_wrap{margin-left: -24px; margin-right: -24px;}

    .final_order{border: none;}
    .final_order thead,
    .final_order colgroup{display: none;}

    .final_order tbody tr{display: block; padding: 10px 15px; border-bottom: 1px dashed var(--line);}
    .final_order tbody td{display: block; border: none; text-align: left; padding: 0;}
    .final_order tbody td + td{padding: 5px 0 0; color: var(--sub_dim);}
    .final_order tbody td:first-child{font-size: 17px; font-weight: var(--fwsb);}
    .final_order tbody td:last-child{font-size: 17px; text-align: right; padding: 10px 0 0; color: var(--main);}
    .final_order tbody td:last-child:before{content: attr(data-tit) " : ";}
}


/* '검색어' 하이라이팅  */
.highlight{background-color: var(--theme_heavy); color: var(--white); display: inline-block;}


/* 광고 슬라이드 배너 */
.ad_banner_wrap{}
.ad_banner_wrap .swiper-wrapper{}
.ad_banner_wrap .swiper-wrapper .item{}
.ad_banner_wrap .swiper-wrapper .item .img{position: relative; width: 100%; height: auto; aspect-ratio: 1200 / 120; border-radius: var(--radius_1); overflow: hidden;}
.ad_banner_wrap .swiper-wrapper .item .img img{width: 100%; height: 100%; object-fit: cover;}
.ad_banner_wrap .swiper-wrapper .item .img img.pc{}
.ad_banner_wrap .swiper-wrapper .item .img img.mobile{display: none;}
.ad_banner_wrap .swiper-pagination{position: static; height: 12px; margin: 10px 0 0; display: flex; align-items: center; justify-content: center;}
.ad_banner_wrap .swiper-pagination .swiper-pagination-bullet{opacity: 1; background: #d2d2d2;}
.ad_banner_wrap .swiper-pagination .swiper-pagination-bullet-active {background: #000; width: 12px; height: 12px; transition: all 0.1s;}
@media (max-width: 860px){
    .ad_banner_wrap .swiper-wrapper .item .img{aspect-ratio: 2 / 0.8;}
    .ad_banner_wrap .swiper-wrapper .item .img img.pc{display: none;}
    .ad_banner_wrap .swiper-wrapper .item .img img.mobile{display: block;}
    .ad_banner_wrap .swiper-pagination{position: absolute; height: auto; margin: 0;}
}


/* edit_area */
.edit_area{width: 100%; /*border: 1px solid var(--line);*/ border-radius: 12px; font-weight: var(--fwm); padding: 14px 24px; padding: 0; background-color: #f9f9f9; overflow: hidden;}

.edit_area .info{padding: 14px 24px 0; font-size: 14px; color: var(--sub_dim);}
.edit_area .info > li{line-height: 1.4;}
.edit_area .info > li:before{background-color: #c2c2c2; top: 7px; width: 3px; height: 3px;}

.edit_area .tools{display: flex; flex-wrap: wrap; gap: 5px; border-bottom: 1px solid var(--line); padding: 10px 24px 14px;}
.edit_area .tools .btn{width: auto !important; padding: 0; background-color: transparent; color: inherit; line-height: inherit; }
.edit_area .tools .btn input{position: absolute; left: 0; width: 0; height: 0; line-height: 0; padding: 0; margin: 0; border: none; overflow: hidden;}
.edit_area .tools .btn label{position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 0 10px; height: auto; line-height: 1; border: 1px dotted var(--dotted); border-radius: 5px; width: 40px; height: 40px; color: var(--dotted);}
.edit_area .tools .btn input.valid + label{background-color: var(--line_light);}
.edit_area .tools .btn label:after{font-size: 12px; width: 100%;}
.edit_area .tools .btn:nth-child(1) label:after{content: "1/3";}
.edit_area .tools .btn:nth-child(2) label:after{content: "2/3";}
.edit_area .tools .btn:nth-child(3) label:after{content: "3/3";}
.edit_area .tools .btn .custom-file-btn{display: none;}

.edit_area .inr{padding: 0; max-height: 65vh; overflow-y: auto;}
.edit_area .inr::-webkit-scrollbar{width: 5px; height: 5px;}
.edit_area .inr::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--gray_heavy);}
.edit_area .inr::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent;}
.edit_area .content_img_preview{position: relative;}
.edit_area .content_img_preview img{width: auto; max-width: 100%; height: auto;}
.edit_area .content_img_preview img + img{margin-top: 5px;}
.edit_area .content_img_preview img:first-child{padding: 14px 0 0;}
.edit_area .content_img_preview img:last-child{padding: 0 0 14px;}
.edit_area .content_img_preview > button{position: absolute; z-index: 2; top: 6px; left: 6px; width: 28px; height: 28px; border-radius: 4px; background: #000 url(/assets/site/img/common/btn_del.svg) no-repeat center; font-size: 0; filter: invert(100%); border: 1px solid var(--line);}

.edit_area textarea{border: none; padding: 14px 24px; border-radius: 0;background: #f9f9f9;}


/* 20250408 */
#mapDesc{line-height: 40px; font-weight: 600; width: 100%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #0475f4; color: #fff; border-radius: 40px; padding: 0 20px; /*display: inline-block;*/ margin: 0 auto -48px; display: none;}
#mapDesc:before{content: ""; display: inline-block; width: 26px; height: 26px; vertical-align: middle; margin: -2px 7px 0 0; border-radius: 50%; background: #fff url("/assets/site/img/common/ico_mappin.svg") no-repeat center; background-size: auto 60%;}

.normal_list.scrap_list {
    border-top: 0;
}
.normal_list.scrap_list > li {
    margin-bottom: 2rem;
}
.normal_list.scrap_list li:last-child {
    margin-bottom: 0;
}
.normal_list.scrap_list .con {
    /* border: 1px solid var(--line); */
    background: #f9f9f9;
    border-radius: 12px;
}
.normal_list.scrap_list .con .mid {
    display: flex;
    align-items: center;
    padding: 36px var(--gap_xl);
    gap: var(--gap_s);
}
.normal_list.scrap_list .con .mid .scrap_img {
    overflow: hidden;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 8px;
}

.normal_list.scrap_list .con .mid .m_top .title {
    font-size: 20px;
    font-weight: var(--fwsb);
    line-height: 127%;
    color: var(--main);
    padding: 9px 0 7px;
    word-break: break-all;
    margin-bottom: 6px;
}
.normal_list.scrap_list .con .mid .m_top .keyword {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    line-height: 1.2;
}
.normal_list.scrap_list .con .mid .m_top .keyword > li {
    flex: 0 0 auto;
    position: relative;
    font-size: 15px;
    font-weight: var(--fwr);
    color: var(--sub_dim);
}
.normal_list.scrap_list .con .mid .btn{position: relative;}

.state_01, .state_02{font-size: 15px; border: 1px solid #292E41; border-radius: 5px; padding: 6px 14px;}
.state_01 {background-color: #fff;}
.state_02 {
    color: #fff;
    background-color: #292E41;
}

@media (max-width: 640px) {
    .normal_list.scrap_list .con .mid {padding: 20px 15px; flex-wrap: wrap;}
    .normal_list.scrap_list .con .mid .m_top .title {font-size: 18px;}
    .normal_list.scrap_list .con .mid .m_top .keyword > li {font-size: 13px; height: 20px;}
    .normal_list .con .mid .btn_wrap {width: 100%; flex-direction: row; gap: 0px;}
    .normal_list.scrap_list .con .mid .btn {width: 50%; bottom: 0; right: 0; line-height: 36px;}
    .normal_list.scrap_list .con .mid .btn:first-child {border-radius: 100px 0 0 100px;}
    .normal_list.scrap_list .con .mid .btn:last-child {border-radius: 0 100px 100px 0;}
}
@media (max-width: 430px){
    .bo_basic_list tbody td .con, .normal_list.apply_List .con .mid {flex-direction: column; justify-content: start;}
    .normal_list.scrap_list .con .mid {flex-wrap: nowrap;flex-direction: column;}
    .normal_list.scrap_list .con .mid .scrap_img,.normal_list .con .mid .scrap_img {width: 100%; height: 200px;}
    .normal_list .con .mid .m_top {width: 100%;}
}
@media (max-width: 360px){
    .normal_list.scrap_list .con .mid .scrap_img {height: 150px;}
}
.form_wrap.type2 .form_table .cont.ipchk {flex-direction: column; align-items: start;}
.form_wrap.type2 .form_table .cont.ipchk label {margin-right: 1rem;}
.form_wrap.type2 .form_table .cont.ipchk label:last-child {margin-right: 0;}
.form_wrap.type2 .form_table .cont input[type="radio"] {height: 30px; max-width: fit-content; min-width: fit-content; margin-right: 4px;}

#payment_method input[type="radio"] {width: 20px; height: 20px; margin-right: 4px;}
#payment_method label {margin-right: 16px;}