/* 공통 */
/*
h1 로고
h2 대제목
h3 소제목
h4 이름 등
h5 p와 비슷한 경우(강조)
p 일반 텍스트
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@font-face {font-family:'BMJUA';src:url('/resources/common/fonts/BM_JUA_ttf.ttf');font-weight:normal;font-style:normal;}
:root{
    --main:#0e1d73;
    --white:#fff;
    --black:#000;
    --dark:#333;
    --grey:#8f8f8f;
    --darkgrey:#757575;
    --star:#fae575;
    --red:#f00;
    --border:#e1e1e1;
    --line:#f6f6f6 #f0f0f0;
    --tpoBack:#fafafa;
    --backGrey:#f7f8f9;

    --headerHeight:50px;
    --reguler:400;
    --medium:500;
    --bold:600;
    --smallSpace:8px;
    --largeSpace:12px;
    --icon14:14px;
    --icon20:20px;
    --icon24:24px;
}
*{color:inherit;font-family:'Noto Sans KR', sans-serif;font-weight:var(--reguler);word-break:break-all;line-height:1.4;padding:0;margin:0;box-sizing:border-box;outline:none;}
html, body{height:100%;color:var(--dark);overflow-y:auto;}
html{background:var(--white);}
body{background:var(--white);margin:0 auto;overflow:auto;}
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}
input{width:100%;font-size:14px;border:1px solid #d3d3d3;border-radius:4px;padding:16px;outline:none;}
input:focus{border-color:var(--main)}
input::placeholder{color:#8f8f8f;font-weight:var(--reguler);}
input[type=file]{display:none;}
input[readonly]{cursor:default;}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
select{width:100%;background:#fff;font-size:14px;border:0;padding:16px 40px 16px 16px;position:relative;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
select:disabled{background:#ddd;}
textarea{width:100%;height:100px;font-size:14px;border:1px solid #d3d3d3;border-radius:5px;padding:15px;resize:none;outline:none;}
textarea.long-ver{height:194px;}
textarea:focus{border-color:var(--main);}
textarea:disabled{background:none;}
button{background:none;border:0;}
button:disabled, .btn:disabled{background:#ddd!important; color:#fff!important;}
iframe{width:100%;height:100%;}
h1{height:39px;text-align:center;}
.logo *{height:52px;display:block;line-height:1;margin:0 auto;}
/* 240131 결함 수정 */
.pro-join-complete{/*margin:10px;*/font-size:20px;font-weight:700;}
.pro-join-info{margin:30px;font-size:14px;line-height:1.4;}
.contents-wrap{background:#fff;padding:16px 0 70px;margin:0 auto;}
.contents-wrap.ex-my-info{padding-top:20px;padding-bottom:24px;}
.contents-wrap.no-maxW{max-width:none;}
.inner-wrap{width:100%;padding:0 16px;margin:0 auto;position:relative;}
.inner-wrap.no_pd{padding:0!important;}
/* 240108 결함 수정 */
.header .inner-wrap{overscroll-behavior: none;}
/* 240108 결함 수정 */
.sub-header .inner-wrap{overscroll-behavior: none;}
.contents-wrap, .inner-wrap{max-width:970px;}
.img img{width:100%;}
.pager-wrap{display:flex;justify-content:space-between;align-items:center;}
.pager-wrap.pd_16{padding:0 16px;}
.small-wrap{max-width:500px;}
.shadow{box-shadow:#d5d5d5 0 3px 5px 0;}
hr{height:8px;background:#f5f5f5;border-top:1px solid #e1e1e1;border-left-width:0;border-right-width:0;border-bottom-width:0;}
hr.line{border-top:1px solid #f0f0f0;}
h2{font-size:24px;font-weight:var(--bold);line-height:1.5;}
h3, h4{font-weight:var(--bold);}
h3{font-size:20px;margin-bottom:12px;}
h3.sub-in{display:flex;align-items:center;}
h3.sub-in > span{color:#8f8f8f;font-size:14px;margin-left:12px;}
h4{font-size:18px;}
h5{font-size:16px;}
pre{line-height:1.7;white-space:pre-line;}
.sub-h2{font-size:24px;}
.sub-h3{font-size:22px;}
.sub-h4{font-size:18px;}
.sub-h5{font-size:12px;}
.sub-text{color:#999;font-size:16px;font-weight:300;}
.date-text{color:#999;font-size:16px;font-weight:900;}
.text-count{display:block;color:#d3d3d3;font-size:14px;font-weight:var(--reguler);text-align:right;padding-right:0;position:absolute;right:0;bottom:-24px;}
.important{display:inline-flex;padding-right:10px;position:relative;}
.important:after{content:"*";color:var(--red);font-weight:var(--bold);position:absolute;top:0;right:0;}
.f-pager{color:#8a8a8a;font-size:16px;font-weight:var(--medium);padding-right:24px;position:relative;}
.f-pager:after{content:"";width:24px;height:24px;background:url("../imgs/icon_f-pager.svg")center center no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.contents-wrap .swiper-scrollbar-drag{background: rgba(14,29,115,0.8);}
.mini-label{display:inline-block;font-size:14px;}
.mini-label.small-ver{display:inline-block;font-size:11px;}
.shadow-label{display:inline-block;border-radius:15px;padding:5px 10px;box-shadow:#dbdbdb 0 5px 10px 0;margin-bottom:30px;}
.round-label{display:inline-block;border:1px solid #000;border-radius:30px;padding:5px 20px;}
.fill-label-wrap{display:flex;}
.fill-label{display:inline-block;color:#fff;font-size:14px;border-radius:4px;padding:2px 8px;}
.fill-label + span{margin-left:10px;display:inline-block;color:#fff;font-size:14px;border-radius:4px;padding:2px 8px;background-color:#3461f5;}
.profile-name{font-size:16px;font-weight:900;}
.help{display:flex;margin-left:10px;}
.help-text{opacity:0;background:#ddd;font-size:14px;border-radius:5px;padding:10px 10px;position:absolute;left:8vw;bottom:-40px;z-index:-1;transition:opacity 200ms;}
.help-text.on{opacity:1;z-index:1;}
.line-skip{max-width:100%;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.line-one-skip{display:-webkit-box!important;-webkit-line-clamp:1;}
.line-two-skip{height:38px;display:-webkit-box!important;-webkit-line-clamp:2;}
.line-three-skip{height:70px;display:-webkit-box;-webkit-line-clamp:3;}
.line-four-skip{word-break:break-all;-webkit-line-clamp:4;}
.cost{font-size:13px;font-weight:var(--medium);color:#333;}
.highlight{color:var(--main);}
.icon{display:flex;justify-content:center;align-items:center;}
.material-icons, .material-icons-outlined{line-height:initial;}
#unReadCount{max-width:34px;width:auto;background:#ff3131;display:none;color:#fff;font-size:10px;border-radius:50px;padding:2px 8px;margin:0;position:absolute;top:-6px;right:-4px;}
.m-count{max-width:23px;min-width:19px;height:19px;display:flex;justify-content:center;align-items:center;background:#3461F5;color:#fff;font-size:12px;text-align:center;border-radius:50px;margin:0;}
#keywordCnt{color:#fff;}
/*#map:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}*/
.map{height:300px;margin:10px 0;}
.bold{font-weight:var(--bold)!important;}
.tac{text-align:center;}
.bdt{border-top:1px solid #dbdbdb;}
.noP{padding:0!important;}
.mar{margin:20px 0;}
.PC-block{display:block!important;}
.MOB-block{display:none!important;}
.datepicker{z-index:10000002!important;}

.clicker{opacity:0;width:2vw;height:2vw;background:rgba(0,0,0,0.3);border-radius:50%;position:absolute;top:0;left:0;transition:transform ease-in-out 300ms;}
/* #appleid-signin{height:100%;cursor:pointer;}
#appleid-signin > div{max-width:none!important;max-height:none!important;}
#appleid-signin > div > div{display:flex;justify-content:center;position: relative;color:#fff;font-size:14px; text-align: center; padding: 16px 12px!important;}
#appleid-signin > div > div > img{margin-right:10px;} */


/* !*스크롤 해제*!
@media (hover:hover) and (pointer:fine){
    *::-webkit-scrollbar{width:8px;background:#dbdbdb;border-radius:5px;}
    *::-webkit-scrollbar-thumb{height:10%;background:#1428a0;border-radius:5px;}

    @media (max-width:970px){
        *::-webkit-scrollbar{background:none;}
        *::-webkit-scrollbar-thumb{height:10%;background:#ddd;background-clip:padding-box;border:3px solid transparent;border-radius:5px;}
    }
}*/

 /*마우스 포인터가 없는 경우 (모바일일 경우)*/
@media (pointer:coarse) and (max-width:970px) {
    *{cursor:none!important;}
}

@media (max-width:970px){
    h3{font-size:16px;}
    h4{font-size:14px;}
    h5{font-size:12px;}
    p{font-size:14px;}
    .sub-h3{font-size:18px;}
    .sub-h4{font-size:16px;}
    .sub-text{font-size:14px;}
    .date-text{font-size:14px;}
    .f-pager{font-size:14px;}
    .mini-label{font-size:12px;}
    .round-label{font-size:14px;}
    .fill-label{font-size:12px;}
    .fill-label + span{font-size:12px;}
    .help-text{font-size:12px;}
    /* 240116 결함 수정 */
    .line-two-skip{height:42px;}
    .icon{font-size:14px;}
    .PC-block{display:none!important;}
    .MOB-block{display:block!important;}
}

@media (max-width:500px){
    .sub-h3{font-size:16px;}
    .sub-h4{font-size:14px;}
    .sub-text{font-size:12px;}
    .date-text{font-size:12px;}
    .f-pager{font-size:14px;}
    .round-label{font-size:12px;padding:5px 15px;}
    .icon{font-size:12px;}
}
/* 인트로 */
.introLogo{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--main);font-size:49px;position:fixed;top:0;left:0;}


/* 배경 색상 */
.b-light-grey{background:#fafafc;}
.b-navy{background:var(--main);color:#fff;}
.b-blue{background:#1428A0;color:#fff;}
.b-red{background:#f00;color:#fff;}
.b-grey{background:#999;color:#fff;}
.b-darkgrey{background:#b9bdcb;color:#fff;}

/* 글씨 색상 */
.c-navy{color:var(--main)!important;}
.c-blue{color:#1428a0!important;}
.c-skyblue{color:#5c7cfa!important;}
.c-red{color:#f00!important;}
.c-grey{color:#999!important;}
.c-darkgrey{color:#757575!important;}
.c-darkgrey2{color:#5c5c5c!important;}
.c-black{color:#000!important;}

/* 버튼 */
.btn{width:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:var(--medium);border-radius:4px;padding:15px 0;cursor:pointer;}
.btn.backArrow{width:auto;padding:0;}
.btn.bottom-line{border-bottom:1px solid #dbdbdb;}
.btn.noP{width:auto;}
.btn.noP > *{margin-right:5px;}
.btn.round-btn{border-radius:50px;padding:10px;}
.line-btn{border:1px solid #d3d3d3;}
.line-btn.small{font-size:14px;padding:10px 0;}
.navy-line{border:1px solid #1d2775;}
.btn > span{color:inherit;font-size:inherit;font-weight:inherit;}
.btn > img + span{margin-left:5px;}
.btn > span + img{margin-left:5px;}
.type-change{background:rgba(227, 230, 249, 0.3);padding:14px;}
.tech-add{justify-content:flex-start;color:#8f8f8f;font-size:14px;font-weight:var(--reguler);border:1px solid #d3d3d3;border-radius:4px;padding:16px;position:relative;}
.tech-add:after{content:"";width:16px;height:16px;background:url("/resources/common/imgs/icon_plus.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:14px;transform:translateY(-50%);}
.clear-btn{width:auto;}
.filter-btn{width:auto;height:auto;background:#fff;color:#525252;font-size:13px;font-weight:var(--reguler);padding:3px 13px 4px;border:1px solid #ddd;border-radius: 27px;}
.filter-btn.no-line{padding:0;border:0;}
.filter-btn.share{width:100%;border:0;}
.filter-btn.on{background:rgba(92, 124, 250, 0.25);color:var(--main);border-color:transparent;}
.filter-btn > i{font-size:18px;}
.keyword2{max-width:70%;}
.remove-btn{width:24px;height:24px;padding:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%);cursor:pointer;}
.underline{position:relative;}
.underline:before{content:"";width:100%;height:1px;background:currentColor;position:absolute;bottom:0;left:0;}
.icon-btn{width:auto;flex-direction:column;}
.icon-left-btn > *:first-child{width:12px;margin-right:5px;}
.icon-right-btn > *{margin-left:5px;}
.btn.heart{min-width:24px;width:24px;height:24px;padding:0;}
.btn.heart2{min-width:24px;width:24px;height:24px;padding:0;}
.more-btn{width:24px;height:24px;padding:0;margin:0;position:relative;overflow:hidden;}
.more-btn:before{content:"";width:30%;height:30%;border-top:3px solid #000;border-right:3px solid #000;position:absolute;left:4px;transform:rotate(45deg);}
.right-arrow-btn{display:flex;font-size:14px;padding:0 5px 0 0;position:relative;}
.right-arrow-btn:before{content:"";width:6px;height:6px;border-top:1px solid #737373;border-right:1px solid #737373;position:absolute;top:50%;right:0;transform:rotate(45deg) translateY(-50%);}
.reset{width:auto;font-size:14px;padding:0;}
.counsel-btn{width:auto;font-size:14px;font-weight:var(--reguler);border-radius:6px;padding:6px 10px;position:absolute;top:0;right:0;}
.floating-btn{width:56px;height:56px;background:var(--main);border-radius:50%;padding:0;position:fixed;right:25px;bottom:32px;transition:bottom 200ms;box-shadow:rgba(125,125,125,0.25) 0 4px 4px 0;}
.floating-btn.up{bottom:150px;}

.button-list{}
.button-list button:disabled{background:none!important;color:#ddd;}
.button-list ul{display:flex;align-items:center;}
.button-list ul > li{position:relative;}
.button-list ul > li + li{margin-left:8px;}

@media (max-width:970px){
    .line-btn.small{font-size:12px;}
    .icon-left-btn > *:first-child{width:11px;}
    .floating-btn{right:16px;}
    .floating-btn.up{bottom:130px;}
}

@media (max-width:500px){
    .line-btn.small{font-size:10px;}
    .icon-left-btn > *:first-child{width:10px;}
}

/* 하트아이콘 */
.icon-btn .heart{color:#ddd;}
.icon-btn.on .heart{color:#f00;animation-name:heart;animation-duration:400ms;}

@keyframes heart{
    0%{transform:scale(1);}
    20%{transform:scale(0.8);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
}

/* 키워드 리스트 */
.keywords{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:9px;}
.keywords > span{width:auto;background:#f5f5f5;display:inline;color:#5c5c5c;font-size:11px;font-weight:var(--reguler);border-radius:2px;padding:3px 9px 3px;}
.keywords > span + span{margin-left:4px;}
/* .keywords .more-item-num{
	padding:0;background-color:transparent;font-size:11px;font-weight:var(--medium);color:#1d2775;margin-left:7px;
	} */
.reply-box .pro-profile .keywords span.more-item-num{width: auto;height: 16px;top: 442px;left: 242px;padding: 0px;transform: translateY(-1px);font-family: Noto Sans KR;font-size: 11px;font-weight: 500;line-height: 16px;letter-spacing: 0px;text-align: center;color: #1D2775; background:transparent;}
.keywords.badge{padding-left:20px;position:relative;}
.keywords.badge:before{content:"";width:16px;height:16px;background:url("/resources/common/imgs/pro_detail_badge.svg") no-repeat;background-size:100%;position:absolute;top:0;left:0;}
.keywords.badge > span{background:none;color:#000;font-size:10px;font-weight:var(--reguler);padding:0;}

/* 팁 상자 */
.tips{background:rgba(227, 230, 249, 0.3);display:flex;color:var(--main);border:1px solid #d3d3d3;border-radius:4px;padding:16px;margin-top:36px;}
.tips > p{font-weight:var(--medium);margin-right:16px;}

/* 헤더 */
header{width:100%;height:44px;/*height:var(--headerHeight);*/background:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #f2f3f7;position:sticky;top:0;left:0;z-index:10;transform:translateY(0);transition:transform 200ms;}
header.fixed{position:fixed;top:0;right:0;left:0;}
header.no-line{border-bottom:0;}
header .head-wrap{display:flex;justify-content:space-between;align-items:center;position:relative;}
header .head-wrap  .logo > img{height:36px;}
/*#sub-header.small-wrap > header .inner-wrap{max-width:500px;position:absolute;left:calc(50% - 250px);}*/
header .head-wrap .in-wrap{display:flex;align-items:center;gap:12px;}
header .head-wrap .btn{width:30px;height:30px;padding:0;position:relative;}
header .head-wrap .btn img{width:100%;height:100%;}
header .head-wrap .btn.back-arrow{width:25px;height:25px;left:0;}
header .head-wrap h3{font-weight:var(--bold);padding:5px 0;margin-bottom:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
header .head-wrap .menu-btn{left:0;}
header .head-wrap .searcher-btn{right:0;}
header .head-wrap .btn-wrap.title{width:calc(100% - 25px);display:flex;justify-content:center;}
header .head-wrap .btn-wrap.title .btn{width:auto;}
header .head-wrap .btn-wrap.title .btn .icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin-left:12px;border-radius:50%;border:1px solid #dbdbdb;}
header .head-wrap .btn-wrap.title .btn img{width:12px;}
/* 240112 결함 수정 */
header .head-wrap .btn.gray_search{position:absolute;top:50%;right:0px;transform:translateY(-50%);}
.search-box{width:calc(100% - 40px);display:flex;position:relative;margin:17px auto;}
.search-box img{width:18px;height:18px;position:absolute;top:50%;left:19px;transform:translateY(-50%);}
.search-box input{background:#F2F3F7;font-size:14px;border:0;border-radius:20px;padding:11px 20px 13px 50px;}
.search-box input::placeholder{color:#929292;}
.btn.notification > img{margin:0;}
.notice-alert{width:3px;height:3px;background:#f00;border-radius:50%;position:absolute;top:4px;right:2px;display:none;}
.sub-header .btn.notification{width:30px;height:30px;padding:0;position:absolute;top:50%;right:16px;transform:translateY(-50%);}

@media (max-width:500px){
    #header.small-wrap > header .head-wrap{width:100%;left:0;}
    #sub-header.small-wrap > header .inner-wrap{width:100%;left:0;}
    header .head-wrap.small-wrap{left:0;}
}

/* 푸터 */
footer{width:100%;background:#fafafc;padding-top:20px;padding-bottom:90px;}
footer .footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
footer .footer-top p{font-size:14px;line-height:1.7;margin:10px 0 15px;}
footer .footer-top .btn{font-size:14px;}
footer .footer-top .btn.icon-left-btn > *:first-child{width:auto;}
footer .footer-top .footer-menu{display:flex;}
footer .footer-top .footer-menu > ul{margin-right:30px;overflow:hidden;}
footer .footer-top .footer-menu > ul:last-child{margin-right:0;}
footer .footer-top .footer-menu > ul > li{color:#757575;font-size:14px;margin-bottom:10px;position:relative;}
footer .footer-top .footer-menu > ul > li:last-child{margin-bottom:0;}
footer .footer-top .footer-menu > ul > li a{display:block;}
footer .footer-bottom .inner-wrap{display:flex;flex-direction:column;}
footer .footer-bottom .btn.footer-info{width:auto;display:none;font-size:14px;padding:0;margin:20px auto 10px;}
footer .footer-bottom .private{display:flex;order:-1;margin:15px 0;}
footer .footer-bottom .private > li{font-size:14px;margin-right:25px;position:relative;}
footer .footer-bottom .private > li:last-child{margin-right:0;}
footer .footer-bottom .private > li a{display:flex;align-items:center;font-size:inherit;}
footer .footer-bottom .private > li img{margin-left:5px;}
footer .footer-bottom .address{display:flex;flex-wrap:wrap;padding:20px 0;}
footer .footer-bottom .address > li{font-size:14px;line-height:1.5;padding-right:10px;margin-right:10px;position:relative;}
footer .footer-bottom .address > li:after{content:"";width:1px;height:60%;background:currentColor;position:absolute;top:50%;right:0;transform:translateY(-50%);}
footer .footer-bottom .address > li:nth-child(3){padding-right:0;margin-right:4px;}
footer .footer-bottom .address > li:nth-child(3):after{display:none;}
footer .footer-bottom .address > li:nth-child(4){padding-right:0;margin-right:4px;}
footer .footer-bottom .address > li:nth-child(4):after{display:none;}
footer .footer-bottom .address > li:last-child:after{display:none;}
footer .footer-bottom p{font-size:14px;line-height:1.5;}
footer .footer-bottom p.copy{margin-top:10px;}
footer .app-store.btn-wrap{display:none;}
footer .app-store.btn-wrap .btn{width:150px;height:50px;padding:0;}
footer .app-store.btn-wrap .btn img{width:100%;}

@media (max-width:970px){
    footer .footer-top{flex-direction:column;}
    footer .footer-top > .wrap{width:100%;}
    footer .footer-top h4{font-size:24px;text-align:center;}
    footer .footer-top p{font-size:18px;text-align:center;}
    footer .footer-top .footer-menu{flex-direction:column;margin-top:20px;}
    footer .footer-top .footer-menu > ul{width:100%;border-bottom:1px solid #dbdbdb;transition:height 200ms;}
    footer .footer-top .footer-menu > ul > li{font-size:20px;text-align:center;padding:10px 0;margin-bottom:0;}
    footer .footer-top .footer-menu > ul > li:first-child{cursor:pointer;}
    footer .footer-top .footer-menu > ul > li:first-child:after{content:"";width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;position:absolute;top:10px;right:10px;transform:rotate(135deg);transition:200ms;}
    footer .footer-top .footer-menu > ul.on > li:first-child:after{top:15px;transform:rotate(-45deg);}
    footer .footer-bottom .btn.footer-info{display:flex;}
    footer .footer-bottom .private{justify-content:center;order:0;}
    footer .footer-bottom .private > li{font-size:13px;padding-right:10px;margin-right:10px;}
    footer .footer-bottom .private > li:after{content:"";width:1px;height:15px;background:#757575;position:absolute;top:2px;right:0;}
    footer .footer-bottom .private > li:last-child{padding-right:0;margin-right:0;}
    footer .footer-bottom .private > li:last-child:after{display:none;}
    footer .footer-bottom .address{justify-content:center;}
    footer .footer-bottom .address > li{text-align:center;padding-right:0;margin-right:0;margin-bottom:5px;}
    footer .footer-bottom .address > li:after{display:none;}
    footer .footer-bottom .address > li:nth-child(1), footer .footer-bottom .address > li:nth-child(2), footer .footer-bottom .address > li:nth-child(7){padding-right:5px;margin-right:5px;}
    footer .footer-bottom .address > li:nth-child(1):after, footer .footer-bottom .address > li:nth-child(2):after, footer .footer-bottom .address > li:nth-child(7):after{display:block;}
    footer .footer-bottom .address > li:nth-child(4){width:100%;}
    footer .footer-bottom .address > li:nth-child(5){width:100%;}
    footer .footer-bottom .address > li:nth-child(6){width:100%;}
    footer .footer-bottom p{text-align:center;line-height:1.8;}
    footer .app-store.btn-wrap{display:flex;justify-content:center;}
}

@media (max-width:500px){
    footer .footer-top h4{font-size:18px;}
    footer .footer-top p{font-size:14px;}
    footer .footer-top .footer-menu ul > li{font-size:14px;}
    footer .footer-bottom .private{flex-wrap:wrap;}
    footer .footer-bottom .private > li:nth-last-child(1), footer .footer-bottom .private > li:nth-last-child(2){margin-bottom:0;}
    footer .footer-bottom .private > li a{justify-content:center;}
    footer .footer-bottom .address > li{font-size:12px;word-spacing:-2px;}
    footer .footer-bottom p{font-size:12px;}
}

/* 하단 메뉴 */
.bottom-menu-wrap{width:100%;height:60px;background:#fff;border-top:1px solid #dbdbdb;position:fixed;bottom:0;left:0;z-index:10;}
.bottom-menu-wrap .inner-wrap{display:flex;align-items:center;width:100%;height:100%;padding:6px 0 8px;}
.bottom-menu-wrap .b-menu-list{width:100%;}
.bottom-menu-wrap .btn{max-width:50px;justify-content:center;flex-direction:column;color:#a6a6a6;font-size:10px;padding:0;position:relative;}
.bottom-menu-wrap .btn img{width:20px;margin-bottom:4px;margin-left:0;}
.bottom-menu-wrap .btn img + span{margin-left:0;}
.bottom-menu-wrap .b-menu-list ul{width:100%;display:flex;justify-content:space-around;align-items:center;}
.bottom-menu-wrap .b-menu-list ul > li{width:50px;display:flex;justify-content:center;align-items:center;}

/* 프로그래스 바 */
.progress{width:calc(100% - 32px);position:sticky;top:44px;left:16px;z-index:1;}
.progress ul{display:flex;width:100%;}
.progress ul > li{width:calc(50% - 2px);height:2px;background:#f2f3f7;border-radius:10px;text-align:center;position:relative;}
.progress ul > li + li{margin-left:4px;}
.progress ul > li.on{background:#1428a0;}
.progress.step3 ul > li{width:calc(33.33% - 4px);}
.progress.step3 ul > li + li{margin-left:6px;}
/*.progress ul > li:before{content:"";width:100%;height:2px;background:#f2f3f7;border-radius:10px;position:absolute;top:1px;left:0;}*/

.guide-step{width:100%;height:5px;background:#757575;position:fixed;top:50px;left:0;z-index:1;}
.guide-step .gauge{width:0;height:100%;background:#1428a0;position:absolute;top:0;left:0;transition:width 100ms;}

@media (max-width:500px){
    .progress ul > li{font-size:12px;}
}

/* 서브페이지 공통 */
.sub-box{margin-top:40px;}
.sub-box2{padding:40px 0;margin-bottom:20px;box-shadow:#dbdbdb 0 5px 5px 0;}
.sub-box2 *{text-align:center;line-height:1.5;}
.sub-wrap .inner-wrap{padding-top:20px;padding-bottom:100px;}
.sub-head{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:40px;}
.sub-head .btn{width:25px;padding:0;position:absolute;left:0;}
.thum-img{width:100%;height:600px;display:flex;position:relative;}
.thum-img img{width:auto;height:100%;margin:0 auto;object-fit:cover;}

/* 폼 */
.form-checker{font-weight:var(--reguler);font-size:14px;margin-top:5px;}
.bold-border-bottom{border-bottom:12px solid #f2f2f2!important;padding:0 15px;}
.form-wrap h2{margin-bottom:30px;}
.form-wrap h4{font-size:16px;font-weight:var(--bold);margin-bottom:10px;}
.form-wrap [class].columns > * + *{margin-top:8px;}
.form-wrap .input-box label{display:flex;position:relative;}
.form-wrap .input-box.btnIn label{display:flex;}
.form-wrap .input-box.btnIn label .btn{width:auto;height:28px;background-color:#111C6E;color:#fff;font-size:14px;font-weight:var(--reguler);border:0;padding:3px 10px;margin-top:0;position:absolute;top:50%;right:6px;transform:translateY(-50%);}
/*.form-wrap .input-box.btnIn label .btn:disabled{background:none!important;color:#ccc;}*/
.form-wrap .input-box.btnIn label .btn:disabled{background:#DDDDDD;color:#fff;}
.form-wrap .input-box.btnIn label .btn.send-btn:disabled{background:#d3d3d3!important;color:#fff;}
.form-wrap .input-box.btn-join label{display:flex;}
/*.form-wrap .input-box.btn-join label .btn{max-width:100px;width:auto;color:#fff;font-size:14px;font-weight:var(--reguler);border:0;padding:5px 9px;margin-top:0;position:absolute;top:50%;right:6px;transform:translateY(-50%);}
.form-wrap .input-box.btn-join label .btn:disabled{background:#ccc!important;}*/
/*.form-wrap .input-box .remove-btn{display:none;transform:translateY(0);}*/
.form-wrap .input-box > .btn,
.form-wrap .input-box input{height:38px;padding:9px 16px 11px;}
.form-wrap .input-box.btn-join label{display:flex;}
/*.form-wrap .input-box.btn-join label .btn{max-width:100px;width:auto;color:#fff;font-size:14px;font-weight:var(--reguler);border:0;padding:5px 9px;margin-top:0;position:absolute;top:50%;right:6px;transform:translateY(-50%);}
.form-wrap .input-box.btn-join label .btn:disabled{background:none!important;color:#ccc;}*/
.form-wrap .input-box .select-box{margin-left:0;}
.form-wrap ul > li{font-size:16px;margin-bottom:4px;}
.form-wrap ul > li:last-child{margin-bottom:0;}
.form-wrap.findOk > div{border:1px solid #e5e5e5;border-radius:4px;padding:15px;}

@media (max-width:970px){
    .form-checker{font-size:14px;}
    .form-wrap ul > li{font-size:14px;}
}

@media (max-width:500px){
    .form-checker{font-size:12px;}
    .form-wrap ul > li{font-size:12px;}
}

/*패딩 폼*/
.form-padding-wrap{padding:0 30px;}
.form-padding-wrap .btn{width:100%;font-size:16px;padding:14px 0;}
.form-padding-wrap .pager-wrap{justify-content:flex-end;margin-top:5px;}
.form-padding-wrap .pager-wrap a{color:#757575;font-size:12px;}

/* 인풋 텍스트 */
.input-box{margin-bottom:20px;position:relative;}
.input-box:last-child{margin-bottom:0;}
.input-box > label input + img{width:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%);}
/* 240126 회원가입 개선 */
.input-box .chat-service-info{width:100%;height:80px;flex-shrink:0;border-radius:4px;border:1px solid #D3D3D3;background-color:#FFF;display:flex;align-items:center; padding:10px 16px;}
.input-box .chat-service-info > .check-box{width:20px;margin-right:12px;}
.input-box .chat-service-info > .check-box > div > label{width:20px;height:20px;}
.input-box .chat-service-info > .check-box > div > label > span{width:20px;height:20px;padding-left:0;}
/* 라디오 */채ㅡㅡ
.radio-wrap .radios{display:flex;align-items:center;}
.radio-wrap input[type=radio]{display:none;}
.radio-wrap input[type=radio] + label{color:#000;font-size:12px;padding:0 4px 4px;position:relative;cursor:pointer;}
.radio-wrap input[type=radio]:checked + label{color:var(--main);}

[class].flex-radio{display:flex;align-items:center;}
[class].flex-radio > *{margin-right:30px;margin-bottom:0;}
[class].flex-radio > *:last-child{margin-right:0;}

/* [프로지식] */
.contents-wrap.my-page-ask{padding-top:0;}
.lb-radio{display:flex;flex-direction:column;gap:5px;align-items:center;}
.lb-radio > .icon{width:50px;height:50px;background-color:#fafafa;border-radius:6px;}
.lb-radio > .icon > img{width:auto;}
.lb-radio > input[type=radio] ~ p{color:#8f8f8f;}
.lb-radio > input[type=radio]:checked + .icon{border:1px solid #d7d8dc;}
.lb-radio > input[type=radio]:checked ~ p{color:#333;font-weight:600;}

.radio-wrap.bottom-line input[type=radio] + label:before{content:"";width:0;height:2px;background:var(--main);border-radius:20px;position:absolute;bottom:-2px;left:0;transition:200ms;}
.radio-wrap.bottom-line input[type=radio]:checked + label:before{content:"";width:100%;height:2px;background:var(--main);position:absolute;bottom:-2px;left:0;}

.radio-wrap.line input[type=radio] + label{color:#999;font-weight:var(--medium);border:1px solid #dbdbdb;border-radius:4px;}
.radio-wrap.line input[type=radio]:checked + label{color:var(--main);border:1px solid var(--main);}

.radio-wrap.place{width:100%;}
.radio-wrap.place .radios{width:50%;padding:8px 5px;}
.radio-wrap.place input[type=radio] + label{width:100%;padding-bottom:0;}
.radio-wrap.place input[type=radio] + label:after{content:"";width:5px;height:5px;border-top:3px solid #000;border-right:3px solid #000;position:absolute;top:calc(50% - 4px);right:20px;transform:rotate(135deg);transition:200ms;}
.radio-wrap.place input[type=radio]:checked + label:after{top:calc(50% - 2px);transform:rotate(-45deg);}
.radio-wrap.place-detail-list .radios{padding:0;}

.radio-wrap.circle{border-bottom:1px solid #dbdbdb;padding-bottom:20px;}
.radio-wrap.circle:last-child{border-bottom:0;padding-bottom:0;}
.radio-wrap.circle .radios{margin-bottom:8px;}
.radio-wrap.circle input[type=radio] + label{display:flex;align-items:center;font-size:12px;padding:0;}
.radio-wrap.circle input[type=radio] + label .radio-icon{min-width:18px;height:18px;background:#dbdbdb;border-radius:50%;margin-right:12px;position:relative;top:0;transition:200ms;}
.radio-wrap.circle input[type=radio] + label .radio-icon:after{opacity:1;content:"";width:50%;height:25%;border-bottom:2px solid #fff;border-left:2px solid #fff;position:absolute;top:calc(50% - 5px);left:3px;transform:rotate(-45deg);transition:200ms;}
.radio-wrap.circle input[type=radio]:checked + label .radio-icon{background:var(--main);}
.radio-wrap.circle input[type=radio] + label .needs{margin-right:5px;}
.radio-wrap.circle .wrap{padding:5px 30px 0;}
.radio-wrap.circle .wrap .radio-wrap.circle{border-bottom:0;}
.radio-wrap.circle .wrap p{font-size:14px;}

.radio-wrap.circle2 .radios{margin-bottom:8px;}
.radio-wrap.circle2 .radios:last-child{margin-bottom:0;}
.radio-wrap.circle2 input[type=radio] + label{display:flex;align-items:center;font-size:14px;font-weight:var(--medium);padding:0;}
.radio-wrap.circle2 input[type=radio] + label .radio-icon{min-width:14px;height:14px;display:flex;justify-content:center;align-items:center;border:1px solid #d9d9d9;border-radius:50%;margin-right:8px;position:relative;}
.radio-wrap.circle2 input[type=radio] + label .radio-icon:before{content:"";width:6px;height:6px;background:#0e1d73;display:none;border-radius:50%;}
.radio-wrap.circle2 input[type=radio]:checked + label{color:#333;}
.radio-wrap.circle2 input[type=radio]:checked + label .radio-icon{border-color:#0e1d73;}
.radio-wrap.circle2 input[type=radio]:checked + label .radio-icon:before{display:block;}

.radio-wrap.user-type{margin-bottom:30px;}
.radio-wrap.user-type input[type=radio] + label{width:100%;border:1px solid var(--border);border-radius:4px;padding:22px 16px;}
.radio-wrap.user-type input[type=radio]:checked + label{border-color:var(--main);}
.radio-wrap.user-type input[type=radio] + label span{font-size:12px;}
.radio-wrap.user-type input[type=radio] + label .bold{font-size:16px;}

.radio-wrap.circle.big input[type=radio] + label .radio-icon{min-width:24px;height:24px;}
.radio-wrap.circle.big input[type=radio] + label .radio-icon:after{top:calc(50% - 6px);left:5px;}

.radio-wrap.fill input[type=radio] + label{width:100%;background:#fff;text-align:center;padding:15px 10px;}
.radio-wrap.fill input[type=radio]:checked + label{background:var(--main);color:#fff;}
.radio-wrap.fill input[type=radio]:disabled + label{color:#ddd;}

.radio-wrap.border-has{justify-content:center;margin-bottom:20px;}
.radio-wrap.border-has .radios{width:100px;margin-right:5px;}
.radio-wrap.border-has .radios:last-child{margin-right:0;}
.radio-wrap.border-has input[type=radio] + label{color:#333;font-size:14px;font-weight:var(--medium);border:1px solid #d3d3d3;border-radius:6px;padding:5px;}
.radio-wrap.border-has input[type=radio]:checked + label{border:1px solid var(--main);}

.radio-wrap.flex-between{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.radio-wrap.flex-between > *{margin:0;}
.radio-wrap.flex-between .btn{width:auto;font-size:14px;padding:0;}

.check-wrap.switch input[type=checkbox] + label{display:flex;align-items:center;}
.check-wrap.switch input[type=checkbox] + label .check-icon{width:40px;height:20px;display:inline-block;border-radius:10px;background:#707070;margin-left:10px;position:relative;transition:background ease-out 200ms;}
.check-wrap.switch input[type=checkbox] + label .check-icon:before{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:5%;transition:left ease-out 200ms;}
.check-wrap.switch input[type=checkbox]:checked + label .check-icon{background:var(--main);}
.check-wrap.switch input[type=checkbox]:checked + label .check-icon:before{left:calc(95% - 16px);}

/* new check */
.check-box{display:flex;flex-wrap:wrap;gap:var(--smallSpace);}
.check-box.col{flex-direction:column;padding-left:16px;}
.check-box.col.no-pd{padding-left:0;}
.check-box > div > .sub-text{color:#000;font-size:12px;line-height:1.5;padding-left:calc(var(--icon20) + var(--smallSpace));margin-top:10px;}
.check-box > div > label{display:flex;align-items:center;}
.check-box > div > label.chattSet{display:flex;align-items:center;}
.check-box > div > label input[type=checkbox], .check-box label input[type=radio]{display:none;}
.check-box > div > label .title{display:block;font-size:15px;font-weight:var(--bold);}
.check-box > div > label .title + span{margin-top:2px;}
.check-box > div > label span{display:inline-block;}
.check-box > div > label > span{font-size:14px;padding-left:calc(var(--icon20) + var(--smallSpace));position:relative;}
.check-box > div > label > span:before{content:"";width:var(--icon20);height:var(--icon20);background:url("/resources/common/imgs/icon_check.svg") no-repeat;background-size:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:background 200ms;}
.check-box > div > label input:checked + span:before{background:url("/resources/common/imgs/icon_check_on.svg") no-repeat;background-size:100%;}

.check-box.back > div > label > span{padding-right:calc(var(--icon20) + var(--smallSpace));padding-left:0;}
.check-box.back > div > label > span:before{width:var(--icon24);height:var(--icon24);background:url("/resources/common/imgs/icon_check2_off.svg") no-repeat;background-size:100%;right:0;left:auto;}
.check-box.back > div > label > input:checked + span:before{background:url("/resources/common/imgs/icon_check2_on.svg") no-repeat;background-size:100%;}

.check-box.col  .check-box.col{margin-top:15px;padding:15px 0 15px 10px;position:relative;}
.check-box.col  .check-box.col::before{content:'';width:calc(100% + 16px);height:1px;background-color:#d9d9d9;position:absolute;left:-16px;top:-1px;}
.check-box.flex-ver > div > label{width:100%;display:block;}
.check-box.flex-ver > div > label > span{width:100%;display:flex;justify-content:space-between;align-items:center;}
.check-box.col > div > label .grey-ver,
.check-box.flex-ver > div > label .grey-ver{font-size:12px;font-weight:400;color:#73787E;}

.check-box.coupon > div{width:100%;}
.check-box.coupon > div > label{background:#fff;border:1px solid #f2f2f2;border-radius:8px;padding:22px 110px 22px 24px;position:relative;box-shadow:0 4px 9px 1px rgba(234,234,234,0.25);transition:border-color 200ms;}
.check-box.coupon > div > label.on{border-color:var(--main);}
.check-box.coupon > div > label > span{display:flex;flex-direction:column;padding-left:0;}
.check-box.coupon > div > label .sale-price{height:42px;font-size:16px;font-weight:var(--bold);}
.check-box.coupon > div > label > span:before{display:none;}
.coupon-use{width:auto;height:100%;flex-direction:column;color:#797979;font-size:12px;font-weight:var(--medium);border-left:2px dashed #e7e7e7;padding:26px;position:absolute;top:0;right:0;pointer-events:none;}
.coupon-use > *{transition:200ms;}
.coupon-use span{color:inherit;margin-top:8px;margin-left:0;}
input[type=checkbox]:checked ~ .coupon-use{color:var(--main);}
input[type=checkbox]:disabled ~ .coupon-use{color:#ddd;}
input[type=checkbox][name=disableCoupons]:disabled + label .coupon-use img{opacity:0.3;}
input[type=text][disabled]{background-color:#f1f1f1;}
input[type=text].check-badge[readonly],
input[type=text].check-badge[disabled]{background:#f1f1f1 url("/resources/common/imgs/disabled_chk.svg") right 14px bottom 9px no-repeat;background-size:20px;}

/* new file */
.file-box{display:flex;flex-wrap:wrap;gap:16px;}
.file-box > div{width:72px;height:72px;position:relative;}
.file-box > div *{width:100%;height:100%;object-fit:cover;}

.type-selector .check-box label > span{padding-left:calc(var(--icon20) + var(--largeSpace));}
.type-selector .check-box > div{width:100%;border:1px solid #d3d3d3;border-radius:4px;padding:15px 16px;transition:border-color 200ms;}
.type-selector .check-box > div.on{border-color:#0d1d73;}
.type-selector .check-box label .title + span{font-size:12px;}

@media (max-width:970px){
    .radio-wrap.border-has .radios{max-width:100px;width:calc(100% / 4);}
}


/* 체크박스 */
.check-wrap .checks{display:flex;align-items:center;}
.check-wrap input[type=checkbox]{display:none;}
.check-wrap input[type=checkbox] + label{font-size:12px;padding:0 4px 4px;position:relative;cursor:pointer;}

.check-wrap.all span{font-weight:var(--bold);}
.check-wrap.circle:last-child{border-bottom:0;padding-bottom:0;}
.check-wrap.circle .checks{margin-bottom:10px;}
.check-wrap.circle input[type=checkbox] + label{display:flex;align-items:center;padding:0;}
.check-wrap.circle input[type=checkbox] + label .check-icon{min-width:20px;height:20px;border:1px solid #d3d3d3;border-radius:50%;margin-right:8px;position:relative;top:0;transition:200ms;}
.check-wrap.circle input[type=checkbox] + label .check-icon:after{opacity:1;content:"";width:10px;height:5px;border-bottom:2px solid #d3d3d3;border-left:2px solid #d3d3d3;position:absolute;top:50%;left:4px;transform:translateY(-70%) rotate(-45deg);transition:200ms;}
.check-wrap.circle input[type=checkbox]:checked + label .check-icon{background:var(--main);}
.check-wrap.circle input[type=checkbox] + label .needs{margin-right:5px;}
.check-wrap.circle .wrap{padding:5px 30px 0;}
.check-wrap.circle .wrap .check-wrap.circle{border-bottom:0;}
.check-wrap.circle .wrap p{font-size:14px;}
.check-wrap.circle + p{margin-top:20px;}

.check-wrap.fill input[type=checkbox] + label{width:100%;background:#fff;text-align:center;padding:15px 10px;}
.check-wrap.fill input[type=checkbox]:checked + label{background:var(--main);color:#fff;}
.check-wrap.fill input[type=checkbox]:disabled + label{color:#ddd;}

/*  서비스 문의  */
.check-wrap.circle.ver2{position:relative;}
.check-wrap.circle.ver2 .check-box{position:absolute;left:0;top:40px;}
.check-wrap.circle.ver2 input[type=checkbox] + label .check-icon{min-width:auto;border:0;width:18px;height:18px;margin-right:13px;background:url("/resources/common/imgs/icon_check2_off.svg")center center no-repeat;background-size:contain;transition:200ms;}
.check-wrap.circle.ver2 input[type=checkbox] + label .check-icon::after{display:none;}
.check-wrap.circle.ver2 input[type=checkbox]:checked + label .check-icon{opacity:1;background:url("/resources/common/imgs/icon_check_on.svg")center 0 no-repeat;background-size:contain;transition:200ms;}

/* 셀렉트 */
.select-box{max-width:200px;display:flex;align-items:center;margin-left:auto;position:relative;}
.select-box > label{border:1px solid #dbdbdb;border-radius:4px;overflow:hidden;}
.select-box > label:after{content:"";width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;position:absolute;top:40%;right:15px;transform:rotate(135deg) translateY(40%);pointer-events:none;}
.select-box > *{width:100%;margin-left:20px;}
.select-box > *:first-child{margin-left:0;}

@media (max-width:500px){
    .select-box{max-width:none;}
}

/* 날짜 선택기 */
.date-selector{display:flex;justify-content:center;}
.date-selector > *{margin-right:16px;}
.date-selector > *:last-child{margin-right:0;}
.date-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:12px;position:relative;}
.date-wrap input{height:auto;}
.date-wrap > span{margin:0 6px;}
.date-wrap > div{width:100%;}
.date-wrap label input + img{width:24px;position:absolute;top:calc(50%);right:10px;transform:translateY(-50%);}
.date-reader{width:100%;height:100%;background:rgba(239, 239, 239, 0.3);position:absolute;top:0;left:0;z-index:1;}
.date-wrap .btn{max-width:80px;align-self:stretch;font-size:14px;font-weight:var(--reguler);padding:5px 0;margin-left:10px;}
.short-date-wrap{width:150px;position:relative;overflow:hidden;}
.short-date-wrap input{padding:8px 10px;}

@media (max-width:970px){
    .date-selector{display:block;}
}

/* 달력 */
.pay-calendar{margin:0 auto;}
.pay-calendar .cal_nav{display:flex;justify-content:center;align-items:center;font-weight:700;}
.pay-calendar .cal_nav .year-month{font-size:24px;font-weight:var(--bold);text-align:center;margin:0 30px;}
.pay-calendar .cal_nav .nav{display:flex;border:1px solid #333333;border-radius:5px;}
.pay-calendar .cal_nav .go-prev, .pay-calendar .cal_nav .go-next{width:16px;height:16px;display:flex;justify-content:center;align-items:center;}
.pay-calendar .cal_nav .go-prev::before, .pay-calendar .cal_nav .go-next::before{content:"";width:7px;height:7px;display:block;border-top:2px solid #8f8f8f;border-right:2px solid #8f8f8f;transition:border 100ms;}
.pay-calendar .cal_nav .go-prev:hover::before, .pay-calendar .cal_nav .go-next:hover::before{border-color:#ed2a61;}
.pay-calendar .cal_nav .go-prev::before{transform:rotate(-135deg);}
.pay-calendar .cal_nav .go-next::before{transform:rotate(45deg);}
.pay-calendar .cal_wrap{padding-top:30px;position:relative;margin:0 auto;}
.pay-calendar .cal_wrap .days{display:flex;justify-content:space-between;}
.pay-calendar .cal_wrap::after{top:368px;}
.pay-calendar .cal_wrap .day{width:calc(100% / 7);height:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#999;font-size:12px;font-weight:var(--medium);text-align:center;}
.pay-calendar .cal_wrap .dates{display:flex;justify-content:space-between;flex-flow:wrap;height:auto;}
.pay-calendar .cal_wrap .day:nth-child(7n){color:#3c6ffa;}
.pay-calendar .cal_wrap .day:nth-child(7n -6){color:#ed2a61;}
.pay-calendar .cal_wrap .day.disable{color:#ddd;}
.pay-calendar .cal_wrap .day.on{background:var(--main);color:#fff;}
.pay-calendar .cal_wrap .day span{font-size:10px;font-weight:var(--reguler);}

/* 페이지네이션 */
.pagination{display:flex;justify-content:center;margin-top:20px;}
.pagination ul{display:flex;align-items:center;}
.pagination ul >li{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:5px;}
.pagination ul >li.pageon{background:var(--main);color:#fff;font-weight:var(--medium);}
.pagination ul >li *{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:5px;}
.pagination ul >li.front, .pagination ul >li.front-all, .pagination ul >li.back,.pagination ul >li.back-all{width:30px;}
.pagination ul >li:last-child{margin-right:0;}

/* 리스트 삭제 부분 */
.data-selector{overflow:hidden;position:relative;margin:10px 0;}
.data-selector .remove-selector{margin-bottom:0;transition:50ms;}
.data-selector.delOn .remove-selector{margin-bottom:0;transition:200ms;}

.remove-selector{display:flex;align-items:center;}
.remove-selector > li{display:flex;align-items:center;position:relative;}
.remove-selector > li.edits{display:none;}
.remove-selector > li.edits.on{display:flex;}
.remove-selector > li + li{margin-left:8px;}
.remove-selector > li span{font-size:18px;margin-right:5px;}
.remove-selector > li .btn{height:auto;color:#4d4d4d;font-size:12px;font-weight:var(--reguler);padding:0;position:relative;}
.remove-selector > li .btn.delete-btn{color:#ff2222;}
.remove-selector > li .btn:before{content:"";width:100%;height:1px;background:currentColor;position:absolute;bottom:0;left:0;}

.data-list{margin-top:5px;position:relative;overflow:hidden;}
.data-list > ul > li{background:#fff;margin-bottom:10px;position:relative;}
.data-list > ul > li a{width:100%;height:100%;position:absolute;top:0;left:0;}
.data-list > ul > li .accordion-inner .wrap{padding:0 15px;margin-bottom:20px;}
.data-list > ul > li .accordion-inner .wrap.ver2{padding:0;margin-bottom:20px;}
.data-list > ul > li .accordion-inner .wrap.chker{padding:0 0 10px 0;margin-bottom:0;}
.data-list > ul > li .accordion-inner .wrap.chker .inquiry-title{font-weight:vaR(--bold);}
.data-list > ul > li .accordion-inner .inquiry-info{font-weight:var(--bold);padding:10px 15px 16px;}
.data-list > ul > li .accordion-inner .mini-label.small-ver{padding:0 10px;font-weight:var(--medium);border-radius:2px;border:1px solid #111C6E;}
.data-list > ul > li .accordion-inner .mini-label.chat-date{font-size:12px;color:#999;}

.data-list .field-list > ul > li{display:flex;align-items:center;}
.data-list .field-list > ul > li:last-child{margin:0;}
.data-list .field-list > ul > li .img{max-height:100px;width:130px;height:100px;border-radius:4px;overflow:hidden;}
.data-list .field-list > ul > li .img img{height:100%;object-fit:cover;}
.data-list .field-list > ul > li .inner{width:calc(100% - 140px);margin-left:10px;}
.data-list .field-list > ul > li .inner h4{margin:0;}
.data-list .field-list > ul > li .inner p{color:#666;font-weight:var(--medium);margin-top:5px;}
.data-list .field-list > ul > li .icon-btn{padding:0;position:absolute;right:0;bottom:0;}
.data-list.delOn .field-list > ul > li{padding-left:40px;}
/*.data-list.delOn .accordion-box{padding-left:40px;}*/

.data-list > .line-btn{margin-top:20px;}
.data-list .check-wrap.circle{display:flex;align-items:center;}
.data-list .check-wrap.circle .checks{margin-bottom:0;}
.data-list .check-wrap.circle > label{width:100%;}
.data-list .check-wrap.circle.all{position:relative;padding:5px 0;bottom:-25px;transition:bottom 200ms;}
.data-list ul .check-wrap.circle .checks{position:absolute;left:4px;}
.data-list ul .check-wrap.circle input[type=checkbox] + label{width:0;display:block;overflow:hidden;transition:200ms;}
.data-list ul .check-wrap.circle input[type=checkbox] + label .check-icon{display:block;}
.data-list .chat-wrap{display:flex;align-items:center;position:relative;}
.data-list .chat-wrap.ai{background:#f5f6fa;}
.data-list .chat-inner{width:100%;display:flex;justify-content:space-between;padding:14px 16px;transform:translateX(0);transition:transform 200ms;}
.data-list .chat-inner .user{width:calc(100% - 60px);font-size:16px;font-weight:var(--bold);margin-bottom:5px;}
.data-list .chat-inner .title{width:calc(100% - 60px);height:auto;display:block;color:#333;font-size:14px;}
.data-list .chat-inner > .wrap{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0;position:static;}
.data-list .chat-inner .wrap .inner{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.data-list .chat-inner .wrap .icon{min-width:56px;width:56px;height:56px;border-radius:50%;margin-right:12px;overflow:hidden;}
.data-list .chat-inner .wrap .icon img{height:100%;object-fit:cover;}
.data-list .chat-inner .wrap .wrap{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0;}
.data-list .chat-inner .wrap .wrap span.line-two-skip{width:100%;height:auto;padding-right:40px;}
.data-list .chat-inner .mini-label{color:#999;font-size:12px;}
.data-list .chat-inner .chat-control{width:20px;height:20px;background:url("/resources/common/imgs/icon_dots.svg") no-repeat;background-size:100%;border-radius:50%;}
.data-list .chat-inner .hide-btn-wrap{display:flex;justify-content:flex-end;position:absolute;top:0;right:-128px;}
.data-list .chat-inner .hide-btn-wrap > *{width:64px;height:84px;background:#70767f;color:#fff;border-radius:0;position:static;}
.data-list .chat-inner .hide-btn-wrap > .exit{background:#ff6229;}
.data-list .rateYo{margin-bottom:10px;}
.data-list.delOn ul > li a{display:none;}
.data-list.delOn .check-wrap.circle.all{bottom:0;left:4px;}
.data-list.delOn .check-wrap.circle input[type=checkbox] + label{width:auto;display:flex;overflow:hidden;}

.data-list .no-list h2{text-align:center;padding-bottom:40px;margin-bottom:20px;}

.data-list.history-list.reviews > ul > li{border-right:0;border-left:0;border-radius:0;}
.data-list.history-list.reviews > ul > li:first-child{border-top:0;}
.data-list.history-list.chat-list{margin-top:0;}
.data-list.history-list.chat-list li{border:0;padding:0;margin-bottom:0;transition:padding-left 200ms;}
.data-list .chat-date{transition:right 200ms;}
.data-list.history-list.chat-list.delOn li{padding-left:36px;}
.data-list.history-list.chat-list .check-box > label{width:100%;}
.data-list.delOn .chat-date{right:-80px;}

.data-list .check-box.all{position:relative;bottom:-20px;transition:bottom 200ms;}
.data-list .check-box.all > div label > span{color:#525252;font-size:12px;font-weight:var(--reguler);padding-left:calc(var(--icon14) + var(--smallSpace));}
.data-list .check-box.all > div label > span:before{width:var(--icon14);height:var(--icon14);}
.data-list ul .check-box > div{position:absolute;top:50%;left:-20px;transform:translateY(-50%);transition:left 200ms;}
.data-list ul .check-box > div label > span{width:20px;height:20px;}

.data-list.delOn .check-box.all{bottom:0;left:4px;}
.data-list.delOn ul .check-box > div{position:absolute;top:50%;left:0;transform:translateY(-50%);}

@media (max-width:970px){
    .data-list.history-list.chat-list{background:none;}
    .data-list .chat-inner .chat-control{display:none;}
}

/* 팝업, 모달 */
.modal{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:11;transition:200ms;pointer-events:none;}
.modal.on{opacity:1;pointer-events:auto;}
.popup{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:-1;transition:opacity 200ms;pointer-events:none;overflow:hidden;}
.popup-box{max-width:1024px;width:100%;background:#fff;border-radius:6px;padding:12px 15px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.popup_01{width:290px;}
.popup.on{opacity:1;pointer-events:auto;z-index:12;}
.popup .inner-wrap{padding:12px 15px 22px;}
.popup .pop_head{text-align:center;font-weight:var(--bold);margin-bottom:8px;}
.popup .pop_head.left{text-align:left;}
.popup .pop-head{height:20px;padding:0;position:relative;}
.popup .pop-body{padding-top:18px;}
.popup .pop-inner{padding:0 12px;}
.popup .pop-body .btn-wrap{gap:6px;margin-top:40px;}
.popup .btn-wrap[class] .btn{height:38px;font-size:14px;font-weight:var(--medium);padding:12px;margin:0;}
.popup .btn-wrap[class] .btn.confirm{font-weight:var(--reguler);}
.popup [class*=front-] li{margin-bottom:16px;}
.popup [class*=front-] span{display:block;font-size:12px;margin-top:4px;}
.popup .btn.close-btn{width:16px;height:16px;padding:0;position:absolute;top:0;right:0;}
.popup .top-wrap{padding:16px 0;}
.popup p{color:#3a3a3a;font-size:14px;}
.btn-wrap{display:flex;align-items:center;}
.btn-wrap.ver1{padding:52px 0 12px;}
.btn-wrap.fixed{width:970px;background:#fff;padding:10px 20px;position:fixed;bottom:0;z-index:11;}
.btn-wrap.fixed2{width:calc(100% - 16px);padding:12px 16px 50px;position:fixed;left:0;bottom:0;background-color:#fff;}
.contents-wrap.regist .btn-wrap.regist.fixed2{width:100%;}
.btn-wrap > .btn + .btn{margin-left:8px;}
[class].start{justify-content:flex-start;}
[class].center{justify-content:center;}
[class].end{justify-content:flex-end;}
[class].between{justify-content:space-between;}
[class].a-start{align-items:start;}
[class].a-center{align-items:center;}
[class].columns > * + *{margin-top:12px;}
/*.btn-wrap.start .btn, .btn-wrap.center .btn, .btn-wrap.end .btn, .btn-wrap.between .btn{width:auto;border-width:0;}*/
.popup-btn-wrap > *:first-child{margin-right:0;}
.popBtn{color:#757575;font-size:14px;font-weight:bold;padding:16px 0;}
.popBtn.alertYes{color:var(--main);}
.popBtn.cancel{font-weight:var(--medium);}
/* .popBtn.confirm{color:#1428a0;font-weight:var(--medium);} */
.popBtn.confirm{color:white;font-weight:var(--medium);}

.popup_02 h4.pop_head{font-weight:var(--reguler);}

/* 앱다운유도 모달 */
.app-down-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%); background:#fff;display:flex;flex-direction:column; pointer-events:none;opacity:0; padding:20px 16px 44px; width:311px;height:450px;border-radius:6px;}
.app-down-modal.on{opacity:1;pointer-events:auto;z-index:12;}
.app-down-modal > .close-btn-box{width:100%;height:20px;}
.app-down-modal > .close-btn-box > .close-btn-wrap{width:20px;height:20px;margin-left:auto;}
.app-down-modal > .modal-content{width:100%;}
.app-down-modal > .modal-content > .logo-box{width:100%;height:60px;text-align:center;margin-bottom:16px;}
.app-down-modal > .modal-content > .logo-box > img{width:76px; height:100%;}
.app-down-modal > .modal-content > .text-content{text-align:center;margin-bottom:70px;}
.app-down-modal > .modal-content > .text-content > p{font-size:18px; font-weight:700;color:#333;}
.app-down-modal > .modal-content > .btns-box{display:flex;flex-direction:column;gap:8px;align-items:center;}
.app-down-modal > .modal-content > .btns-box > a{color:#A9A9A9;font-size:12px;}
.app-down-modal > .modal-content > .btns-box > button{border-radius:6px;padding:12px 0;width:100%;height:48px;font-weight:500;}
.app-down-modal > .modal-content > .btns-box > button.app{background:#111C6E;color:#fff;font-size:14px}
.app-down-modal > .modal-content > .btns-box > button.install{background:#ebeff5;color:#333d4b;font-size:14px}
.app-down-modal > .modal-content > .btns-box > button.exit{background:#fff;color:#333d4b;font-size:14px}
.app-down-modal > .modal-content > .btns-box > button.get-kakao{background:#fff;color:#333d4b;font-size:14px}

/* 전문가 본인인증 유도 모달 */
.pro-cert-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%); background:#fff;display:flex;flex-direction:column; pointer-events:none;opacity:0; padding:20px 16px 44px; width:311px;height:325px;border-radius:6px;}
.pro-cert-modal.on{opacity:1;pointer-events:auto;z-index:12;}
.pro-cert-modal > .close-btn-box{width:100%;height:20px;}
.pro-cert-modal > .close-btn-box > .close-btn-wrap{width:20px;height:20px;margin-left:auto;}
.pro-cert-modal > .modal-content{width:100%;}
.pro-cert-modal > .modal-content > .logo-box{width:100%;height:15px;text-align:center;margin-bottom:16px;}
.pro-cert-modal > .modal-content > .logo-box > img{width:76px; height:100%;}
.pro-cert-modal > .modal-content > .logo-box > p{font-size:15px;font-weight:700;text-align:center;color:#3461F5;margin-top:10px;}
.pro-cert-modal > .modal-content > .text-content{text-align:center;margin-bottom:34px;}
.pro-cert-modal > .modal-content > .text-content > p{font-size:18px; font-weight:700;color:#333;}
.pro-cert-modal > .modal-content > .text-info{text-align:center;margin-bottom:10px;width:279px;height:83px;flex-shrink:0;border-radius:6px;background-color:#F2F3F7;align-items:center;display:flex;justify-content:center;}
.pro-cert-modal > .modal-content > .text-info > p{font-size:13px; font-weight:400;color:#333;}
.pro-cert-modal > .modal-content > .btns-box{display:flex;flex-direction:column;gap:8px;align-items:center;}
.pro-cert-modal > .modal-content > .btns-box > a{color:#A9A9A9;font-size:12px;}
.pro-cert-modal > .modal-content > .btns-box > button{border-radius:6px;padding:12px 0;width:100%;height:48px;font-weight:500;}
.pro-cert-modal > .modal-content > .btns-box > button.app{background:#111C6E;color:#fff;font-size:14px}
.pro-cert-modal > .modal-content > .btns-box > button.install{background:#ebeff5;color:#333d4b;font-size:14px}
.pro-cert-modal > .modal-content > .btns-box > button.exit{background:#fff;color:#333d4b;font-size:14px}
.pro-cert-modal > .modal-content > .btns-box > button.get-kakao{background:#fff;color:#333d4b;font-size:14px}

/* 전문가 페이앱 가입 유도 모달 */
.pro-payapp-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%); background:#fff;display:flex;flex-direction:column; pointer-events:none;opacity:0; padding:20px 16px 44px; width:311px;height:455px;border-radius:6px;}
.pro-payapp-modal.on{opacity:1;pointer-events:auto;z-index:12;}
.pro-payapp-modal > .close-btn-box{width:100%;height:20px;}
.pro-payapp-modal > .close-btn-box > .close-btn-wrap{width:20px;height:20px;margin-left:auto;}
.pro-payapp-modal > .modal-content{width:100%;}
.pro-payapp-modal > .modal-content > .logo-box{width:100%;height:15px;text-align:center;margin-bottom:16px;}
.pro-payapp-modal > .modal-content > .logo-box > img{width:76px; height:100%;}
.pro-payapp-modal > .modal-content > .logo-box > p{font-size:15px;font-weight:700;text-align:center;color:#3461F5;margin-top:10px;}
.pro-payapp-modal > .modal-content > .text-content{text-align:center;margin-bottom:34px;}
.pro-payapp-modal > .modal-content > .text-content > p{font-size:18px; font-weight:700;color:#333;}
.pro-payapp-modal > .modal-content > .text-info{text-align:center;margin-bottom:10px;width:279px;height:210px;flex-shrink:0;border-radius:6px;background-color:#F2F3F7;align-items:center;display:flex;justify-content:center;flex-direction:column;}
.pro-payapp-modal > .modal-content > .text-info >.payapp-img{width:191px;height:125px;}
.pro-payapp-modal > .modal-content > .text-info > p{font-size:13px; font-weight:400;color:#333;}
.pro-payapp-modal > .modal-content > .btns-box{display:flex;flex-direction:column;gap:8px;align-items:center;}
.pro-payapp-modal > .modal-content > .btns-box > a{color:#A9A9A9;font-size:12px;}
.pro-payapp-modal > .modal-content > .btns-box > button{border-radius:6px;padding:12px 0;width:100%;height:48px;font-weight:500;}
.pro-payapp-modal > .modal-content > .btns-box > button.app{background:#111C6E;color:#fff;font-size:14px}
.pro-payapp-modal > .modal-content > .btns-box > button.install{background:#ebeff5;color:#333d4b;font-size:14px}
.pro-payapp-modal > .modal-content > .btns-box > button.exit{background:#fff;color:#333d4b;font-size:14px}
.pro-payapp-modal > .modal-content > .btns-box > button.get-kakao{background:#fff;color:#333d4b;font-size:14px}

/* 팝업 공통 + 페이앱 계정 팝업 */
.common_pop{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;z-index:-1;transition:opacity 200ms, z-index 200ms;}
.common_pop.on{opacity:1;z-index:1000;}
.common_pop_box{max-width:560px;max-height:90%;width:100%;background:#fff;border-radius:6px;padding:16px 11px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.common_pop_head{display:flex;justify-content:space-between;align-items:center;}
.common_pop_head.flex-end{justify-content:flex-end;}
.common_pop_body{padding:12px 0;}
[class][class].common_pop p{margin-bottom:8px;}
.p-question{font-size:15px;font-weight:700;color:#222;margin-bottom:8px;}
.p-box{padding:12px 13px;border-radius:4px;background-color:#F2F3F7; }
.p-box > img{margin-bottom:10px;}
.p-box > h3{font-size:20px;font-weight:700;color:#1D2775;margin-bottom:6px;}
.p-box > p{line-height:1.5;font-size:13px;font-weight:400;color:#333;margin-bottom:0;}
.p-box + .p-question{margin-top:20px;}
[class][class].common_pop .p-box > p{margin-bottom:0;}
.payapp-logo{width:60px;}

@media(max-width:970px){
    .common_pop_box{width:90%;}
}


/*  */
.top-filter-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:17px;}
.top-filter-wrap > .btn-wrap + .btn-wrap{margin-left:10px;}
.top-filter-wrap span{font-size:14px;}
.top-filter-wrap.big span{font-size:17px;}
.top-filter-wrap .emphasize{font-weight:var(--bold);color:#111c6e;}

/* sub-category-list */
.sub-category-list{display:flex;gap:10px;flex-wrap:wrap;}
.sub-category-list > li{width:calc(50% - 5px);padding:8px 10px;background-color:#fafafa;margin-bottom:10px;}

/* 전화하기 팝업 */
.pop-head{height:34px;padding:15px 15px 3px 15px;position:relative;}
.popup .pop-head .btn.close-btn{width:20px;height:20px;}
.popup.call-pop{width:500px;height:auto;border-radius:6px;}
.popup.call-pop .inner-wrap{padding:0;}
.popup.call-pop .alert-close-btn{width:auto;padding:0;position:absolute;right:20px;z-index:1;}
.popup.call-pop *{text-align:center;}
.popup.call-pop h3{font-size:18px;position:relative;}
.popup.call-pop p{width:100%;font-weight:var(--medium);margin-top:16px;margin-bottom:0;}
.popup.call-pop p + span{display:block;color:#878787;font-size:12px;margin-top:8px;}
.popup.call-pop .call-btn{font-size:14px;font-weight:var(--reguler);border-radius:0;padding:12px 0;margin-top:20px;}
.popup.call-pop .call-btn > img{width:20px;}

[class*=DelPop] .pop-box{max-width:1024px;height:auto;border-radius:8px;top:50%;bottom:auto!important;left:50%;transform:translate(-50%, -50%);overflow:hidden;}
[class*=DelPop] .pop-body{padding:0 26px 20px;}
[class*=DelPop] .pop-body h3{margin-bottom:18px;}
[class*=DelPop] .pop-body p{text-align:left;}
[class*=DelPop] .pop-body .btn-wrap{gap:12px;border:0;margin-top:20px;}
[class*=DelPop] .pop-body .btn-wrap .btn{width:auto;color:var(--main);font-weight:var(--reguler);padding:0 12px;}


.reject-pop .btn-wrap{border-top:1px solid #d3d3d3;}
.reject-pop .btn-wrap .btn{border-radius:0;}

@media (max-width:1024px){
    .popup-box{max-width:calc(100% - 80px);}
    [class*=DelPop] .pop-box{max-width:90%;}
}

@media (max-width: 970px){
    .btn-wrap.fixed{width:100%;left:0;}
}

/* 리스트 스타일 */
.front-dashed > li{font-size:16px;padding-left:10px;margin-bottom:10px;position:relative;}
.front-dashed > li:last-child{margin-bottom:0;}
.front-dashed > li:before{content:"";width:6px;height:1px;background:#000;position:absolute;top:7px;left:0;}

.front-dot > li{font-size:16px;padding-left:10px;margin-bottom:10px;position:relative;}
.front-dot > li:last-child{margin-bottom:0;}
.front-dot > li:before{content:"";width:4px;height:4px;background:#000;border-radius:50%;position:absolute;top:9px;left:0;}

.back-dashed > li{font-size:16px;padding-right:10px;margin-right:10px;position:relative;}
.back-dashed > li:last-child{padding-right:0;margin-right:0;}
.back-dashed > li:after{content:"";width:1px;height:16px;background:#000;position:absolute;top:2px;right:0;}
.back-dashed > li:last-child:after{display:none;}

@media (max-width:970px){
    .front-dashed > li{font-size:14px;margin-bottom:8px;}
    .front-dashed > li:before{top:7px;}

    .front-dot > li{font-size:14px;}
    .front-dot > li:before{top:7px;}

    .back-dashed > li{font-size:14px;}
    .back-dashed > li:after{height:14px;top:2px;}
}

@media (max-width:500px){
    .front-dashed > li{font-size:14px;margin-bottom:8px;}

    .front-dot > li{font-size:12px;}
    .front-dot > li:before{width:2px;height:2px;top:8px;}

    .back-dashed > li{font-size:12px;}
    .back-dashed > li:after{height:12px;top:2px;}
}

/* 숫자리스트 */
.keyword-list > li{font-size:16px;padding-left:40px;margin-bottom:20px;position:relative;}
.keyword-list > li:before{font-size:16px;content:attr(data-content);color:#303441;font-weight:bold;position:absolute;left:0;}

@media (max-width:500px){
    .keyword-list > li{font-size:14px;}
    .keyword-list > li:before{font-size:14px;}
}

/* 모달창 */
.pagePop{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:10000001;transition:background 300ms, opacity 300ms;pointer-events:none;}
.pop-box{width:970px;height:90%;background:#fff;border-radius:8px 8px 0 0;position:fixed;bottom:-100%;left:50%;transform:translateX(-50%);transition:300ms;}
.pop-head{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;}
.pop-head h3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0;}
.pop-body{max-height:calc(100% - 52px);overflow-y:auto;}
.pagePop .close-btn{width:20px;height:20px;padding:0;margin-left:auto;}
.pagePop .sub-head .btn{width:auto;padding:0;position:absolute;right:0;left:auto;}
.pagePop .sub-head h3{width:100%;font-weight:var(--medium);text-align:center;margin-bottom:0;}
.pagePop.keyword-filter .btn-wrap .btn.reset{min-width:48px;width:48px;border:1px solid #d3d3d3;}
.pagePop.on{opacity:1;pointer-events:auto;}
.pagePop.on .pop-box{bottom:0;}

.mini-filter{position:relative;}
.mini-filter .btn{width:100%;font-size:14px;font-weight:var(--reguler);padding:11px 0;}
.mini-filter .btn img{pointer-events:none;}
.miniChk{opacity:0;width:120px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;position:absolute;top:20px;right:20px;z-index:-1;overflow:hidden;box-shadow:rgba(186,186,186,0.25) 0 4px 4px 0;}
.miniChk.on{opacity:1;z-index:11;}
.miniChk li + li{border-top:1px solid #ebebeb;}

@media (max-width:970px){
    .pagePop .pop-box{width:100%;}
}

/* 메인 메뉴 모달 */
.pagePop.gnb{padding:20px 0 0;top:0;left:-100%;bottom:auto;z-index:12;transform:none;transition:300ms;}
.pagePop.gnb.on{left:0;}
.pagePop.gnb .inner-wrap{padding:0 20px;}
.pagePop.gnb .close-btn{width:auto;padding:0;margin-left:auto;margin-right:20px;}
.pagePop.gnb .login-wrap{display:none;margin-top:20px;}
.pagePop.gnb .login-wrap.on{display:block;}
.pagePop.gnb .profile{display:flex;align-items:flex-start;flex-direction:column;border-bottom:1px solid #f2f2f2;padding-bottom:20px;}
.pagePop.gnb .profile-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;}
.pagePop.gnb .profile-wrap .icon{max-width:44px;width:100%;height:44px;border-radius:50%;margin-left:10px;overflow:hidden;}
.pagePop.gnb .profile-wrap .icon *{width:100%;}
.pagePop.gnb .profile .btn{width:auto;display:flex;padding:0;margin-top:5px;}
.pagePop.gnb .profile .btn span{color:#737373;font-size:14px;font-weight:var(--reguler);position:relative;}
.pagePop.gnb .profile .btn span:after{content:"";width:6px;height:6px;border-top:1px solid #737373;border-right:1px solid #737373;position:absolute;top:50%;right:-6px;transform:rotate(45deg) translateY(-50%);}
.pagePop.gnb .yesLogin .profile .user-info p{font-weight:var(--medium);margin-bottom:5px;}
.pagePop.gnb .yesLogin .profile .user-info span{color:#737373;font-size:14px;}
.pagePop.gnb .yesLogin .profile .btn-wrap{width:100%;margin-top:24px;}
.pagePop.gnb .yesLogin .profile .btn{width:50%;font-size:12px;border-color:#f2f2f2;border-radius:4px;padding:8px 10px;margin-top:4px;}
.pagePop.gnb .yesLogin .profile .btn span:after{display:none;}
.pagePop.gnb .menu-wrap:last-child{padding-bottom:0;}
.pagePop.gnb .menu-wrap ul > li{font-size:14px;}

@media (max-width:500px){
    .pagePop.gnb{width:320px;}
}

@media (max-width:320px){
    .pagePop.gnb{width:100%;}
}

.pagePop.jopPop .pop-box{height:50%;}
.pagePop.jopPop .filter-list{padding-bottom:100px;}

/* 마이페이지 */
.contents-wrap.my-page{padding-top:25px;padding-bottom:90px;}
.contents-wrap.my-page .inner-wrap{padding:0 24px;}
.contents-wrap.my-page h2{font-size:20px;margin-bottom:6px;}
.contents-wrap.my-page .login-btn{width:auto;color:#999;font-size:14px;font-weight:500;padding:0;}
.contents-wrap.my-page .my-profile{padding-bottom:24px;}
.contents-wrap.my-page .info-name{position:relative;}
.contents-wrap.my-page .info-name p{color:#999;}
.contents-wrap.my-page .profile-set{width:auto;height:auto;background:#f2f2f2;color:#737373;font-size:12px;font-weight:var(--medium);border-radius:30px;padding:6px 8px;position:absolute;top:0;right:0;}
.contents-wrap.my-page .btn.mypage{padding:11px 0;margin-bottom:18px;border:1px solid #9ca9db;border-radius:4px;background-color:var(--white);box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);font-size:14px;color:#1d2775;}
.contents-wrap.my-page .info-name + .btn-wrap{margin-top:14px;}
.contents-wrap.my-page .type-change{margin-top:20px;font-weight:var(--medium);}

.contents-wrap.my-page .expert-my-list{margin:0 16px 10px;padding:19px 0;border-radius:6px;background:rgba(227,230,249,0.3);}
.contents-wrap.my-page .expert-my-list ul{display:flex;align-items:center;}
.contents-wrap.my-page .expert-my-list ul li{width:calc(100% / 3);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;position:relative;padding:0 16px;}
.contents-wrap.my-page .expert-my-list ul li + li::after{content:'';width:1px;height:32px;position:absolute;left:0;top:50%;transform:translateY(-25%);background-color:var(--border);}
.contents-wrap.my-page .expert-my-list ul li h5{font-size:12px;color:#999;position:relative;padding-right:12px;}
.contents-wrap.my-page .expert-my-list ul li p{font-size:22px;font-weight:var(--bold);position:relative;}
.contents-wrap.my-page .expert-my-list ul li p span{position:absolute;font-size:9px;color:#f31212;top:0;right:-25px;}
.contents-wrap.my-page .expert-my-list +  .inner-wrap{margin-top:0;margin-bottom:20px;padding:0 16px;}
.contents-wrap.my-page .expert-my-list + .inner-wrap > a{display:flex;align-items:center;justify-content:center;gap:4px;font-size:16px;}
.contents-wrap.my-page .expert-my-list + .inner-wrap > a.type-change{margin-top:0;}
.contents-wrap.my-page .expert-my-list a::after{content:'';width:16px;height:16px;background:url("/resources/common/imgs/icon_arrow_right.svg") no-repeat;}
.contents-wrap.my-page .expert-my-list ul li h5::after{content:'';width:12px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%);background:url("/resources/common/imgs/icon_arrow_right.svg") center center no-repeat;background-size:contain;}


.contents-wrap.my-page .my-list ul li{border-bottom:1px solid #F2F3F7;}
.contents-wrap.my-page .my-list ul li:last-child{border-bottom:0;}
/*.contents-wrap.my-page .my-list ul li:last-child{border-bottom:0;}*/
.contents-wrap.my-page .my-list ul .btn{justify-content:space-between;gap:8px;height:auto;font-size:14px;font-weight:var(--reguler);padding:12px 42px 10px 16px;position:relative;}
.contents-wrap.my-page .my-list ul > li:first-child .btn img{object-position:0 2px;}
.contents-wrap.my-page .my-list ul .btn span:first-child{display:flex;align-items:center;gap:7px;}
.contents-wrap.my-page .my-list ul .btn img{width:30px;object-fit:contain;}
.contents-wrap.my-page .my-list ul .btn:after{content:"";width:16px;height:16px;background:url("/resources/common/imgs/icon_arrow_right.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:16px;transform:translateY(-50%);}
.contents-wrap.my-page .my-list ul .btn span{font-weight:var(--medium);}
.my-list ul li{border-bottom:1px solid var(--border);}
.my-list ul .btn{justify-content:flex-start;font-weight:var(--reguler);padding:16px 24px;}
.terms{display:flex;justify-content:center;align-items:center;margin-top:80px;}
.terms .btn{height:auto;color:#939393;font-size:12px;font-weight:var(--reguler);padding:0;}

/* 마이페이지 전문가 */
.contents-wrap.expert-my{padding-top:24px;}
.expert-profile{display:flex;align-items:center;padding-right:70px;position:relative;}
.request-notice{margin-bottom:18px;}
.expert-profile .img{min-width:84px;width:84px;height:84px;border-radius:6px;margin-right:12px;overflow:hidden;border-radius:50%;}
.expert-profile .img img{height:100%;object-fit:cover;}
/*.expert-profile .keywords{margin-bottom:9px;}*/
.expert-profile .fill-label{padding-top:0;line-height:1.3;}
.expert-profile h3{display:flex;align-items:center;margin-bottom:0;gap:21px;font-size:18px;line-height:1.5;}
.expert-profile h3 span{font-size:14px;color:#6f6f6f;position:relative;}
.expert-profile h3 span::before{content:'';position:absolute;width:1px;height:14px;background-color:#c8c8c8;top:50%;transform:translateY(-50%);left:-10px;}
.expert-profile p{line-height:1.6;}
.expert-profile .btn{width:auto;padding:0;}
.expert-profile > .btn{font-size:12px;font-weight:var(--medium);position:absolute;top:0;right:0;}
.month-price-push{display:flex;justify-content:space-between;align-items:center;padding:24px 0 16px;}
.month-price-push h3{margin-bottom:0;}
.month-price-push h4{color:#000;font-size:14px;font-weight:var(--bold);}
.month-price-push .f-pager{color:#000;padding-right:10px;margin-right:0;}
.month-price-push .f-pager:after{width:7px;height:7px;top:45%;}
.month-price-push h4 span{font-weight:var(--reguler);}
.request-list{background:rgba(227, 230, 249, 0.3);border-radius:4px;margin-bottom:24px;}
.request-list ul{display:flex;}
.request-list ul > li{width:100%;position:relative;}
.request-list ul > li:after{content:"";width:1px;height:32px;background:#d9d9d9;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.request-list ul > li:last-child:after{display:none;}
.request-list ul > li .btn{flex-direction:column;font-size:14px;font-weight:var(--medium);padding:18px 10px;}
.request-list ul > li .btn span:first-child{color:#333;font-size:24px;font-weight:var(--medium);margin-bottom:4px;}
.request-list ul > li .btn span:last-child{color:#999;font-size:12px;font-weight:var(--reguler);position:relative;}
.request-list ul > li .btn span:last-child:after{content:"";width:12px;height:12px;background:url("/resources/common/imgs/icon_arrow_right.svg") no-repeat;background-size:100%;position:absolute;right:-16px;bottom:2px;}

/* 마이페이지 계정설정 */
.contents-wrap.my-modify{padding-top:42px;padding-bottom:24px;}
.contents-wrap.my-modify .profile-list{margin-bottom:60px;}
.contents-wrap.my-modify hr{margin:24px 0;}
.contents-wrap.my-modify .chat-service .check-box > div label span{font-size:12px;}
.contents-wrap.my-modify .form-wrap > .btn-wrap .btn.underline{width:auto;color:#8f8f8f;font-size:12px;font-weight:var(--reguler);padding:0;margin-top:90px;}
.contents-wrap.my-modify .form-wrap > .btn-wrap.ver2{padding:26px 16px 0;}
/* 마이페이지 프로지식 리스트 */
.contents-wrap.my-sangdam-list .sangdam-list > ul > li > .btn-wrap .btn{border-color:var(--main);padding:13px;}
.contents-wrap.my-sangdam-list .sangdam-list > ul > li > .btn-wrap .btn.line-btn{border-color:#d3d3d3;}

/* 마이페이지 전문가 프로지식 리스트 */
.sangdam-reply{color:var(--main);border:1px solid var(--main);padding:13px;position:relative;}
.sangdam-reply:after{content:"";width:10px;height:6px;background:url("/resources/common/imgs/icon_arrow_down_on.svg") no-repeat;background-size:100%;margin-left:10px;transition:transform 200ms;}
.sangdam-reply.on:after{transform:rotate(180deg);}
.sangdam-reply-wrap{margin:0 -16px;}
.sangdam-reply-wrap .btn-wrap{padding:0 16px;}
.sangdam-reply-box .top{color:#525252;font-size:14px;border-bottom:1px solid #f2f3f7;padding:12px 16px;}
.sangdam-reply-box .info{color:#525252;padding:20px 16px;}

/* 마이페이지 결제내역 */
.contents-wrap.historys.payment .date-wrap input{height:44px;}
.contents-wrap.historys.payment .radio-wrap.border-has{margin-bottom:24px;}
.contents-wrap.historys.payment .tabs > .history-list{padding-top:20px;}
.contents-wrap.historys.payment .history-list li{border-width:0 0 1px 0;padding:12px 20px;}
.contents-wrap.historys.payment .history-list h3{font-weight:var(--bold);padding-left:12px;position:relative;}
.contents-wrap.historys.payment .history-list h3:before{content:"";width:6px;height:6px;background:#333;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.contents-wrap.historys.payment .history-list h4{margin:8px 0;}
.contents-wrap.historys.payment .history-list p{font-size:18px;font-weight:var(--medium);}
.contents-wrap.historys.payment .history-list .pay-box{display:flex;justify-content:space-between;align-items:center;gap:10px;}


/* 마이페이지 전문가 의뢰내역 */
.contents-wrap.historys.orders{padding-top:0;}
/*.contents-wrap.historys.orders .no-data{top:calc(50% - (var(--headerHeight) - 40px));transform:translate(-50%, 0);}*/
.contents-wrap.historys.orders .tab-wrap.line-style > ul > li .btn{font-size:14px;padding:12px 0;}
.contents-wrap.historys.orders .tabs > .inner-wrap{padding-top:12px;}
.contents-wrap.historys.orders .filter-btn-wrap{margin-bottom:12px;}
.contents-wrap.historys.orders .filter-btn-wrap > .btn{width:auto;padding:0;}
.contents-wrap.historys.orders .history-list > ul > li{padding:14px 16px;background:#fdfdff;border:1px solid #e3e9ec;}
.contents-wrap.historys.orders .history-list > ul > li.cancel{background-color:#f5f5f8;}
.contents-wrap.historys.orders .history-list > ul > li.cancel .b-darkgrey{color:black;background-color:#e6e8ee;}
.contents-wrap.historys.orders .history-list > ul > li.cancel .btn.pop-btn{background-color:transparent;}
.contents-wrap.historys.orders .history-list > ul > li.cancel > *{opacity:0.6;}
.contents-wrap.historys.orders .history-box .fill-label{padding:0 8px;border:1px solid var(--main);}
.contents-wrap.historys.orders .history-box .mini-label.c-darkgrey2{border:1px solid #5c5c5c;font-weight:var(--medium);}
.contents-wrap.historys.orders .history-box .mini-label{padding:0 8px;color:var(--main);font-weight:var(--medium);border:1px solid var(--main);border-radius:4px;}
/*.contents-wrap.historys.orders .history-box .info{display:block;}*/
.reservation-info{margin-top:14px;display:flex;align-items:center;gap:24px;}
.reservation-info span{display:inline-block;font-size:14px;color:#525252;padding:4px 11px;border:1px solid #e3e9ec;background-color:#f2f3f7;border-radius:17px;}
.reservation-info p{font-size:14px;font-weight:var(--medium);position:relative;overflow:visible;}
.contents-wrap.historys.orders .history-box .reservation-info p{overflow:visible;}
.reservation-info p::before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background-color:black;top:50%;transform:translateY(-50%);left:-12px;}
.contents-wrap.historys.orders .history-box h3{font-size:16px;}
.contents-wrap.historys.orders .history-box p{font-size:12px;font-weight:var(--medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.contents-wrap.historys.orders .history-box .d-flex{margin-top:12px;}
.contents-wrap.historys.orders .history-box .divide-info + .d-flex{margin-top:14px;}
.contents-wrap.historys.orders .history-box .dates{display:inline-block;font-size:13px;}
.contents-wrap.historys.orders .history-box .info{justify-content:space-between;align-items:flex-start;}
.contents-wrap.historys.orders .history-box .btn-wrap{margin-top:24px;}
.contents-wrap.historys.orders .history-box .btn{padding:10px 0 9px;font-size:14px;}
/*.contents-wrap.historys.orders .history-box .btn.b-navy{background:var(--main);}*/

/* 마이페이지 결제 내역 상세 */
.contents-wrap.payment-detail{padding-top:25px;}
.receipt{background:#fdfdff;border:1px solid #d3d3d3;border-radius:4px;padding:12px 18px 20px;}
.receipt h3{display:flex;justify-content:space-between;font-weight:var(--bold);margin-bottom:0;}
.receipt h3 span{font-size:inherit;font-weight:inherit;}
.receipt h3, .receipt p{font-size:14px;}
.receipt p{display:flex;}
.receipt .info{border-bottom:1px solid #d3d3d3;padding-bottom:20px;margin:20px 0;}
.receipt .info h3{margin-bottom:8px;}
.receipt .info p span{margin-left:12px;}
.receipt .pay-price h3{margin-top:8px;}
.receipt .pay-price p{display:flex;justify-content:space-between;}

/* 마이페이지 찜 목록 */
.scrap-list > ul > li{background:var(--white);border:1px solid #E3E9EC;border-radius:5px;padding:16px;margin-bottom:10px;position:relative;}
.scrap-list > ul > li:last-child{margin-bottom:0;}
.scrap-list > ul > li > a{width:100%;height:100%;position:absolute;top:0;left:0;}
.scrap-box .info{display:flex;align-items:center;/*margin-bottom:16px;*/}
.scrap-box .info .img{width:62px;height:62px;margin-right:16px;border-radius:50%;overflow:hidden;}
.scrap-box .info .img img{height:100%;object-fit:cover;}
.scrap-box .inner > span{color:#999;font-size:12px;}
.scrap-box .inner > h3{font-size:15px;font-weight:var(--bold);margin-bottom:2px;}
.scrap-box .review span{font-size:12px;color:#7F7F7F;}
.scrap-box .review *{font-size:12px;font-weight:var(--medium);}
.scrap-box .review p.sub-h4{color:#9E9E9E;}
.scrap-box .btn.heart{position:absolute;top:16px;right:12px;z-index:1;}
.scrap-box .btn.heart2{position:absolute;top:16px;right:12px;z-index:1;}
.scrap-box .mini-label-wrap{display:flex;align-items:center;}
.scrap-box .mini-label-wrap > *  + *{margin-left:4px;}
.scrap-box .mini-label-wrap img{margin-right:8px;}
.scrap-box .mini-label{background-color:#f5f5f5;color:#5c5c5c;font-size:10px;font-weight:var(--medium);padding:2px 5px;margin-bottom:4px;}

/* 마이페이지 1:1문의 */
.contents-wrap.my-inquiry-regist h3{font-weight:var(--bold);}
.contents-wrap.my-inquiry-regist .input-box{margin-bottom:32px;}

/* 전문가 마이페이지 메뉴 */
.menu-wrap{padding:12px 0;border-bottom:1px solid #f2f2f2;}
.menu-wrap:last-child{border-bottom:0;}
.menu-wrap .sub-h4{display:flex;justify-content:space-between;align-items:center;font-size:16px;}
.menu-wrap .sub-h4 .btn{width:auto;font-size:14px;padding:5px 15px;}
.menu-wrap ul > li{font-size:14px;font-weight:var(--reguler);padding:12px 0;}
.menu-wrap ul > li a{font-size:inherit;font-weight:inherit;}
.menu-wrap ul > li:last-child{margin-bottom:0;}
.menu-wrap ul > li .icon{display:inline-flex;justify-content:flex-start;}
.menu-wrap ul > li .icon img{margin-right:10px;}
.gnb-gottom-wrap{width:100%;height:44px;display:flex;align-items:center;position:absolute;bottom:0;left:0;}
.gnb-gottom-wrap span{margin:0 5px;}
.menu-policy .back-dashed{display:flex;justify-content:center;margin-top:40px;}
.menu-policy .back-dashed > li{color:#999;font-size:12px;}
.menu-policy .back-dashed > li:after{height:80%;background:#999;}

/* 마이페이지 회원탈퇴 */
.contents-wrap.secession{padding-bottom:120px;}
.contents-wrap.secession h2{font-size:18px;margin-bottom:32px;}
.contents-wrap.secession h3{margin-bottom:18px;}
.contents-wrap.secession .check-box{gap:24px;}
.contents-wrap.secession .check-box > div{width:100%;}
.contents-wrap.secession .check-box > div label > span{width:100%;font-size:16px;}
.contents-wrap.secession .check-box .input-box{margin-top:20px;}
.contents-wrap.secession .check-box textarea{line-height:1.5;}
.contents-wrap.secession .check-box textarea:disabled{background:#f5f5f5;}
.contents-wrap.secession .sub-box{margin-top:50px;}
.contents-wrap.secession .sub-box .front-dashed > li{color:#797979;font-size:12px;font-weight:var(--medium);}

/* 자격증 등록 모달 */
.pagePop.license .pop-head{height:60px;border-bottom:1px solid #d3d3d3;}
.pagePop.license .pop-body{height:calc(100% - 60px);padding:26px 0 100px;position:relative;overflow-y:auto;}
.pagePop.license .pop-body h3{font-size:14px;font-weight:var(--medium);}
.pagePop.license .pop-body .carrer-wrap{margin-bottom:20px;}
.pagePop.license .pop-body .keyword-list > li{padding-left:15px;margin-bottom:10px;}
.pagePop.license .pop-body .keyword-list > li:before{content:attr(data-content);color:#777;}

.tech-add-list ul li{background:#f1f1f1;display:flex;justify-content:space-between;border-radius:4px;margin-top:8px;position:relative;}
.tech-add-list ul li > *{height:auto;justify-content:flex-start;font-size:14px;font-weight:var(--reguler);padding:10px 16px;}
.tech-add-list ul li > *:first-child{max-width:calc(100% - (24px + 12px));}
.tech-add-list ul li > * span{font-size:13px;}
.tech-add-list ul li .remove-btn{padding:0;right:12px;}

/* 경력사항 모달 */
.pagePop.experience .pop-head{height:60px;border-bottom:1px solid #d3d3d3;}
.pagePop.experience .pop-body{height:calc(100% - 60px);padding:26px 0 100px;position:relative;overflow-y:auto;}
.pagePop.experience .pop-body .carrer-wrap > * + *{margin-top:27px;}
.pagePop.experience .pop-body form > .btn-wrap{width:100%;background:#fff;padding:24px;position:fixed;bottom:0;left:0;}

/* 검색 모달 */
.pagePop.search-word-list{width:500px;height:100%;background:#fff;position:fixed;z-index:12;transition:opacity 100ms;}
.pagePop.search-word-list .btn-wrap{margin-bottom:40px;}
.pagePop.search-word-list label{display:block;position:relative;margin-bottom:20px;}
.pagePop.search-word-list ul > li{font-size:14px;margin-bottom:10px;cursor:pointer;}

.pagePop.search-word-list.global-word{height:95%;display:none;position:absolute;}
@media (max-width:500px){
    .pagePop.search-word-list{width:100%;left:0;}
}

.pagePop.snsShare .pop-box{height:auto;}
.pagePop.snsShare .pop-body{padding:0 16px 20px;}

/* 필터 모달 */
.pagePop.filter .pop-box{height:auto;}
.pagePop.filter .pop-body{padding-bottom:100px;}
.pagePop.filter h3{text-align:center;}
.pagePop.filter h4{border-bottom:1px solid #dbdbdb;padding-bottom:10px;padding-left:5px;}
.filter-list ul >li{margin-bottom:20px;}
.filter-list .check-wrap.circle input[type=checkbox] + label{font-size:14px;}
.filter-list .check-wrap.circle input[type=checkbox] + label .check-icon{background:#ddd;border-color:#ddd;}
.filter-list .check-wrap.circle input[type=checkbox]:checked + label .check-icon{background:var(--main);border-color:var(--main);}

.align-filter .filter-list{height:auto;}

.keyword-filter{}
.keyword-filter .inner-wrap, .locate-filter .inner-wrap{height:auto;padding-top:0;padding-bottom:0;}
.keyword-filter h3, .locate-filter h3{font-size:16px;}
.keyword-filter .btn.close-btn{width:auto;padding:0;position:absolute;right:20px;}
.keyword-filter .pop-head{height:60px;}
.keyword-filter .pop-body{max-height:calc(100% - 60px);height:100%;padding-bottom:0;}
.keyword-filter .form-wrap{height:calc(100% - (32px + 80px));border-top:1px solid #dbdbdb;position:relative;}
.keyword-filter .form-wrap form{height:100%;}
.keyword-filter .form-wrap h4{margin-bottom:0;}
.keyword-filter .keyword-wrap{height:100%;display:flex;}
.keyword-filter input{display:none;}
.keyword-filter input + label{display:block;color:#9a9ba6;font-size:16px;text-align:left;padding:16px 20px;}
.keyword-filter .keyword-tags{width:125px;height:100%;border-right:1px solid #dbdbdb;overflow-y:auto;}
.keyword-filter .keyword-tags > ul > li{background:#fafafc;margin-bottom:0;}
.keyword-filter .keyword-tags > ul > li + li{border-top:1px solid var(--border);}
.keyword-filter .keyword-tags > ul > li:last-child{border-bottom:1px solid var(--border);}
.keyword-filter .keyword-tags > ul > li > input:checked + label{background:var(--white);color:var(--dark);font-weight:var(--bold);}
.keyword-filter .keyword-inner-words{width:calc(100% - 125px);height:100%;position:absolute;top:0;right:0;overflow-y:auto;}
.keyword-filter .keyword-inner-words{display:none;}
.keyword-filter .keyword-inner-words.on{display:block;}
.keyword-filter .keyword-inner-words .key00{text-align:center;padding:10px;}
.keyword-filter .keyword-tabs{padding:0 16px 24px 16px;}
.keyword-filter .keyword-tabs li + li{margin-top:6px;}
.keyword-filter .keyword-tabs .keyword-head{background:#fff;display:flex;justify-content:flex-end;align-items:center;padding-top:12px;margin-bottom:8px;position:sticky;top:0;z-index:1;}
.keyword-filter .keyword-tabs .keyword-head .check-box label > span{color:#9a9ba6;font-size:12px;text-decoration:underline;padding:0;}
.keyword-filter .keyword-tabs .keyword-head .check-box label > span:before{display:none;}
.keyword-filter .keyword-tabs ul .check-box > div{width:100%;}
.keyword-filter .keyword-tabs ul .check-box label input + span{width:100%;border:1px solid transparent;border-radius:4px;padding:10px 12px 10px 36px;}
.keyword-filter .keyword-tabs ul .check-box label input:checked + span{border:1px solid #1d2775;}
.keyword-filter .keyword-tabs ul .check-box label input + span:before{left:12px;}
.keyword-filter .bunya-sel{height:32px;background:#303340;color:var(--white);font-size:12px;text-align:center;padding:8px;}
.keyword-filter .btn-wrap{height:80px;border-top:1px solid #dbdbdb;padding:16px;}
.keyword-filter .btn-wrap > .btn{height:48px;}

.keyword-filter2{}
.keyword-filter2 .inner-wrap{height:auto;padding-top:0;padding-bottom:0;}
.keyword-filter2 .btn.close-btn{width:auto;padding:0;position:absolute;right:20px;}
.keyword-filter2 h3{font-size:16px;}
.keyword-filter2 .pop-body{height:100%;}
.keyword-filter2 .form-wrap{height:100%;border-top:1px solid #dbdbdb;padding-bottom:90px;position:relative;}
.keyword-filter2 .form-wrap form{height:100%;}
.keyword-filter2 .form-wrap h4{margin-bottom:0;}
.keyword-filter2 .form-wrap .inner-wrap{height:calc(100% - 80px);padding-right:0;overflow-y:auto;}
.keyword-filter2 .keyword-tags{margin-top:20px;}
.keyword-filter2 .keyword-tags > ul{display:flex;flex-wrap:wrap;gap:10px;}
.keyword-filter2 .check-box > div > label > span{border:1px solid #d3d3d3;border-radius:4px;padding:5px 10px;}
.keyword-filter2 .check-box > div > label > span:before{display:none;}
.keyword-filter2 .check-box > div > label > input:checked + span{background:var(--main);color:var(--white);}
.keyword-filter2 .btn-wrap{width:100%;border-top:1px solid #dbdbdb;padding:10px;position:absolute;bottom:0;}
.keyword-filter2 .btn-wrap > .btn:first-child{width:40%;}
.keyword-filter2 .btn-wrap > .btn:last-child{width:60%;}

.locate-filter .form-wrap{border-top:1px solid #dbdbdb;}
.locate-filter h4{margin-top:20px;}
.locate-filter .locate-wrap{border-bottom:1px solid #dbdbdb;}
.locate-filter .locate-wrap:nth-of-type(1){border-top:1px solid #dbdbdb;}
.locate-filter .locate-wrap .locates{display:flex;}
.locate-filter .locate-wrap .locates .btn{justify-content:flex-start;padding:10px 20px;position:relative;}
.locate-filter .locate-wrap .locates .btn:first-child{margin-right:20px;}
.locate-filter .locate-wrap .locates .btn.on{background:#f5f5f5;border-bottom-color:transparent;}
.locate-filter .locate-wrap .locates .btn:after{content:"";width:6px;height:6px;border-top:2px solid #424242;border-right:2px solid #424242;position:absolute;right:20px;transform:rotate(135deg);transition:200ms;}
.locate-filter .locate-wrap .locates .btn.on:after{transform:rotate(-45deg);}
.locate-filter .locate-wrap .locate-inner{display:none;background:#f5f5f5;}
.locate-filter .locate-wrap .locate-inner.on{display:block;}
.locate-filter .locate-wrap .locate-inner ul{display:flex;flex-wrap:wrap;padding:15px 0;}
.locate-filter .locate-wrap .locate-inner ul > li{width:50%;padding:10px 15px;}
.locate-filter .locate-wrap .locate-inner ul > li input[type=radio]{display:none;}
.locate-filter .locate-wrap .locate-inner ul > li input[type=radio] + label{}
.locate-filter .locate-wrap .locate-inner ul > li input[type=radio]:checked + label{color:var(--main);font-weight:var(--medium);}
.locate-filter .btn-wrap{margin-top:20px;}

@media (max-width:970px){
    .pagePop.filter{width:100%;}
    .keyword-filter, .keyword-filter2, .locate-filter{width:100%;}
}

@media (max-width:500px){

}

/* 프로필 모달 */
.pagePop.profiles .pop-box{height:100%;border:1px solid #ddd;border-radius:0;}
.pagePop.profiles .pop-body{padding:0;}
.pagePop.profiles .pop-body .inner-wrap{padding:0 16px;}
.pagePop.profiles .close-btn{width:25px;height:25px;margin-left:auto;}
.pagePop.profiles .thum-img{height:auto;}
.pagePop.profiles .pro-profile{width:100%;background:#fff;padding:20px 20px 10px;box-shadow:none;}
[class].expert-detail.profiles .tab-wrap.line-style{position:sticky;top:0;z-index:10;}
.pagePop.profiles .tabs{padding:24px 0;}
.pagePop.profiles .tabs ul > li{display:flex;}
.pagePop.profiles .tabs.tab_1 ul > li{flex-direction:column;gap:8px;}
.pagePop.profiles .tabs ul > li + li{margin-top:20px;}
.pagePop.profiles .tabs h4{min-width:40px;color:#000;font-size:14px;font-weight:var(--medium);margin-right:8px;}
.pagePop.profiles .tabs > h4 + p{margin-top:10px;}
.pagePop.profiles .tabs p + p{margin-top:4px;}
.pagePop.profiles .fixed-bottom-btns{border-top:0;padding:0;margin-top:20px;position:static;}
.pagePop.profiles .fixed-bottom-btns .quest-btn{width:calc(100% - 60px);margin-left:10px;}
@media (max-width:970px){
    .pagePop.profiles{width:100%;}
}

/* 쿠폰 모달 */
.pagePop.couponPop{position:fixed;bottom:-100%;overflow:visible;}
.pagePop.couponPop.on{bottom:0;}
.pagePop.couponPop > .inner-wrap{height:100%;overflow:visible;}
.pagePop.couponPop .pop-body{height:calc(100% - 52px);padding-top:0;}
.pagePop.couponPop .coupon-list{height:100%;display:block;padding-bottom:70px;overflow-y:auto;}
.pagePop.couponPop .coupon-list > li{width:100%;margin-right:0;}
.pagePop.couponPop .tabs{height:calc(100% - 42px);}
.pagePop.couponPop .btn-wrap{background:transparent;padding-bottom:10px;}

@media (max-width:500px){
    .coupons{width:100%;left:0;}
}

/* 위치서비스 검색 모달 */
.pagePop.location-word h2{margin-bottom:20px;}
.pagePop.location-word .location-picker{padding-right:30px;}
.pagePop.location-word .remove-btn{top:12px;right:10px;}
.pagePop.location-word .icon-left-btn{border-bottom:1px solid #000;border-radius:0;}
.pagePop.location-word .info-wrap{margin-top:15px;}
.pagePop.location-word .info-wrap ul{margin-top:20px;}
.pagePop.location-word .info-wrap ul > li{display:flex;margin-bottom:10px;}
.pagePop.location-word .info-wrap ul > li *{text-align:left;}
.pagePop.location-word .info-wrap ul > li *{width:50%;}
.pagePop.location-word .form-wrap ul > li{border-bottom:1px solid #757575;padding:15px 0;}
.pagePop.location-word .form-wrap ul > li a{display:flex;justify-content:space-between;}
.pagePop.location-word .btn-wrap{margin-top:30px;}

.pagePop.expert-list > .inner-wrap{padding-top:12px;}
.pagePop.expert-list .big-tag-list .radio-wrap input[type=radio] + a{padding:12px 16px;}
.pagePop.expert-list .big-tag-list .radio-wrap input[type=radio]:checked + a{color:var(--main);font-weight:var(--medium);}
.pagePop.expert-list .tag-list.no-line .radio-wrap input[type=radio] + label{background:none;}
.pagePop.expert-list .field-list{height:calc(100% - 76px);overflow-y:auto;}
.pagePop.expert-list .filter-btn-wrap + .field-list{height:auto;margin-top:16px;}
.pagePop.expert-list .field-list > ul > li{max-width:100%;margin-right:0;}
.pagePop.expert-list .field-list > ul > li.on{}
.pagePop.expert-list .field-list > ul > li .inner p{color:#878787;font-weight:var(--medium);}
.pagePop.expert-list .tag-list{margin-bottom:0;}

/* 240104 결함 수정 */
.pick-expert{width:calc(100% - 48px);background:var(--white);border-radius:6px;padding:16px;margin:12px auto;display:flex;align-items:center;}
.pick-expert .field-list > ul > li{display:none;margin:0;}
.pick-expert .field-list > ul > li.on{display:block;}
/* 240104 결함 수정 */
.pick-expert .keywords > span {color:#1D2775;background:#DFE3FF;}
/* 240105 결함 수정 */
.pick-expert .keywords > span.more-item-num{width: auto;height: 16px;top: 442px;left: 242px;padding: 0px;transform: translateY(-1px);font-family: Noto Sans KR;font-size: 11px;font-weight: 500;line-height: 16px;letter-spacing: 0px;text-align: center;color: #1D2775;background: transparent;}
/* 240104 결함 수정 */
.pick-expert .review > li:after {width:1px;height:10px;}

.profileBanner{left:50%;transform:translateX(-50%); overflow: hidden;}
.profileBanner .pop-body{padding-top:0;}
.profileBanner .form-wrap{display:flex;align-items:stretch;flex-wrap:wrap;}
.profileBanner .form-wrap .upload-wrap{width:calc((100% / 3) - 14px);height:80px;margin-right:20px;margin-bottom:10px;}
.profileBanner .form-wrap .upload-wrap:nth-child(3n){margin-right:0;}
.profileBanner .form-wrap .upload-wrap label{width:100%;height:100%;background:#f6f7fb;display:flex;justify-content:center;align-items:center;}
.profileBanner .form-wrap .upload-wrap .none-profile{width:60%;height:auto;}
.profileBanner .form-wrap .upload-wrap img{height:100%;object-fit:cover;}
.profileBanner .btn-wrap{margin-top:20px;}
.profileBanner .btn-wrap > *{margin-right:0;}

@media (max-width:500px){
    .profileBanner .form-wrap .upload-wrap{height:20vw;}
}

.profileBanner2{left:50%;transform:translateX(-50%); overflow: hidden;}
.profileBanner2 .pop-body{padding-top:0;}
.profileBanner2 .form-wrap{display:flex;align-items:stretch;flex-wrap:wrap;}
.profileBanner2 .form-wrap .upload-wrap{width:calc((100% / 3) - 14px);height:80px;margin-right:20px;margin-bottom:10px;}
.profileBanner2 .form-wrap .upload-wrap:nth-child(3n){margin-right:0;}
.profileBanner2 .form-wrap .upload-wrap label{width:100%;height:100%;background:#f6f7fb;display:flex;justify-content:center;align-items:center;}
.profileBanner2 .form-wrap .upload-wrap .none-profile{width:60%;height:auto;}
.profileBanner2 .form-wrap .upload-wrap img{height:100%;object-fit:cover;}
.profileBanner2 .btn-wrap{margin-top:20px;}
.profileBanner2 .btn-wrap > *{margin-right:0;}

@media (max-width:500px){
    .profileBanner2 .form-wrap .upload-wrap{height:20vw;}
}

/* 직종 선택 팝업 */
.pagePop.jobSelect .pop-box{border-radius:8px 8px 0 0;}
.pagePop.jobSelect .pop-body{padding:34px 16px 100px;}
.pagePop.jobSelect .btn.close-btn {width:auto;padding:0;position:absolute;right:20px;}
.pagePop.jobSelect .check-box{gap:0;}
.pagePop.jobSelect .check-box > div{width:100%;margin:0;}
.pagePop.jobSelect .check-box > div + div{margin-top:10px;}
.pagePop.jobSelect .check-box label > span{width:100%;color:#333;font-size:16px;border:1px solid #d3d3d3;border-radius:4px;padding:8px 15px 8px 43px;}
.pagePop.jobSelect .check-box label > input:checked + span{border:1px solid #1d2775;}
.pagePop.jobSelect .check-box label > span:before{top:calc(50% + 1px);left:15px;}

/* 크로퍼 */
.thems_img2 .pop-box{width:400px;}
.thems_img2 .pop-body{height:100%;}
.thems_img2 .btn-wrap{width:100%;}
.thems_img2 .crop-close-btn{width:auto;padding:0;}

@media (max-width:400px){
    .thems_img2 .pop-box{width:100%;left:0;transform:translateX(0);}
}

/* 스케쥴 달력 */
.pagePop.calendar{width:500px;}
.pagePop.calendar p{margin:5px 0 15px;}

/* 분야별 상세 지도보기 */
.pagePop.field-map{width:970px;}
.pagePop.field-map .btn-wrap{padding:12px 20px;}
.pagePop.field-map .btn.close-btn{padding:0;}
.pagePop.field-map .map{height:calc(100% - 100px);margin:0;}
.pagePop.field-map > .inner-wrap{padding:0 20px 0;}
.copy-box{height:60px;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;}
.copy-box input{border-bottom:0;padding:0;;z-index:-1;}
.copy-box .btn{width:auto;padding:0;margin-left:30px;}

@media (max-width:970px){
    .pagePop.field-map{width:100%;left:0;}
    .copy-box p{max-width:70%;}
}

/* 이미지 업로드 */
.add-img{display:flex;margin-left:10px;}
.upload-box{display:flex;align-items:center;position:relative;}
.upload-box > .upload-wrap{margin-right:10px;}
.upload-box > .upload-wrap:last-child{margin-right:0;}
.upload-box .upload-wrap{width:70px;height:70px;display:flex;justify-content:center;align-items:center;position:relative;}
.upload-box .upload-wrap label{width:100%;height:100%;overflow:hidden;}
.upload-box .upload-wrap img{width:100%;}
.upload-box .remove-btn{top:0;transform:translateY(0);}

.add_box .upload-box{width:100%;height:100%;}
.add_box .upload-box .upload-wrap img{width:100%;height:100%;object-fit:cover;}
.upload-box > .upload-wrap.document-img{width:100%;height:100%;}
.upload-box > .upload-wrap.document-img label{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.upload-box > .upload-wrap.document-img label .material-icons{font-size:40px;}


/* 메인 */
.contents-wrap.main{padding-top:12px;padding-bottom:12px;}
.contents-wrap.main h3{font-size:18px;font-weight:var(--bold);margin-bottom:16px;margin-top:24px;}
.main-slider-wrap{padding:0 20px;overflow:hidden;}
.swiper-wrapper{height:auto;}
.main-slider{width:100%;}
.main-slider .swiper-button-prev, .swiper-rtl .swiper-button-next{width:48px;height:48px;background:rgba(0,0,0,0.4);border-radius:50%;left:2vw;}
.main-slider .swiper-button-next, .swiper-rtl .swiper-button-prev{width:48px;height:48px;background:rgba(0,0,0,0.4);border-radius:50%;right:2vw;}
.main-slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:"";width:8px;height:8px;border-top:3px solid #fff;border-right:3px solid #fff;position:absolute;left:20px;transform:rotate(-135deg);}
.main-slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:"";width:8px;height:8px;border-top:3px solid #fff;border-right:3px solid #fff;position:absolute;right:20px;transform:rotate(45deg);}
.main-slider .swiper-pagination{display:flex;position:absolute;bottom:30px;left:50px;z-index:1;}
.main-slider .swiper-pagination .swiper-pagination-bullet{opacity:1;width:10px;height:10px;background:rgba(129,129,129,0.4);margin:0 5px;}
.main-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.main-slider .swiper-wrapper{padding-bottom:0;}
.main-slider .swiper-slide{width:100%;}
.main-slider a{display:flex;border-radius:5px;overflow:hidden;}
.main-slider img{width:100%;}
.pro-list-wrap{padding:0 20px;margin-top:16px;}
.pro-list ul{display:flex;flex-wrap:wrap;border-radius:8px;margin-bottom:-4px;position:relative;z-index:1;}
.pro-list ul > li{width:calc(100% / 5);display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:40px;transition:transform 200ms;}
.pro-list ul > li:active{transform:scale(0.9);}
.pro-list ul > li a{width:52px;display:block;}
.pro-list ul > li .img{width:52px;height:52px;background:var(--tpoBack);border-radius:8px;margin-bottom:4px;}
.pro-list ul > li .img img{width:auto;}
.pro-list ul > li p{font-size:12px;word-break:keep-all;}
.pro-list ul > li button{display:none;}
.main-sub-banner-wrap{position:relative;}
.main-sub-banner-wrap a{width:100%;display:flex;}
.main-sub-banner-wrap a img{width:100%;}
/*.main-sub-banner .swiper-wrapper{padding:0;}*/
/*.main-sub-banner .swiper-slide{width:210px;}*/
/*.main-sub-banner .swiper-slide a{display:flex;justify-content:center;flex-direction:column;background:#fff;position:relative;}*/
/*.main-sub-banner .swiper-slide .img{width:100%;border-radius:6px 6px 0 0;overflow:hidden;}*/
/*.main-sub-banner .swiper-slide .inner{border:1px solid #f2f3f7;border-top-width:0;border-radius:0 0 6px 6px;padding:10px 5px;}*/
/*.main-sub-banner .swiper-slide h4{text-align:center;margin-bottom:2px;}*/
/*.main-sub-banner .swiper-slide p{font-size:12px;line-height:1.5;text-align:center;}*/

.summary-menu{display:flex; flex-wrap:wrap;gap:7px 5px;}
.summary-menu .summary-card{display:flex; justify-content:center; align-items:center; width:calc(100% / 2 - 5px); border-radius:4px; background-color:var(--white); box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.10);padding:13px 16px;}
.summary-menu .summary-card a{display:flex; align-items:center;justify-content:center;gap:26px;}
.summary-menu .summary-card a .img{width:30px;height:30px;}
.summary-menu .summary-card a .img img{width:auto;}
.summary-menu .summary-card a p{font-size:13px; font-weight:var(--bold);color:#1D2775;position:relative;}
.summary-menu .summary-card a p::before{content:'';position:absolute;width:1px;height:12px;background-color:#CBD2ED;left:-13px;top:50%;transform:translateY(-50%);}

.now-location{width: fit-content;padding: 4px 12px;display:flex;align-items:center;gap:6px;background-color:#F2F3F7;border-radius:12px;}
.now-location img{width:16px;height:16px;}
.now-location p{font-weight:var(--medium);}

.location-expert.swiper{margin-top:16px;}
.location-expert.swiper .swiper-slide{max-width:160px;text-align:center;padding:12px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:8px;}
.location-expert.swiper .swiper-slide .img{width:120px;border-radius:50%;overflow:hidden;}
.location-expert.swiper .swiper-slide .img img{width:100%;}
.location-expert.swiper .swiper-slide .inner{width:inherit;}
.location-expert.swiper .swiper-slide .inner h4{font-size:16px;margin-top:14px;}
.location-expert.swiper .swiper-slide .inner h5{font-size:12px;color:#7f7f7f;margin-top:4px;}
.location-expert.swiper .swiper-slide .inner .evaluation{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:var(--medium);color:#565656;}
.location-expert.swiper .swiper-slide .inner .evaluation .distance{position:relative;}
.location-expert.swiper .swiper-slide .inner .evaluation .distance::after{content:'';position:absolute;width:1px;height:10px;background-color:#cdcdcd;right:-7px;top:50%;transform:translateY(-50%);}
.location-expert.swiper .swiper-slide .inner .evaluation .review{margin-bottom:0;display:flex;align-items:center;}
.location-expert.swiper .swiper-slide .inner .evaluation .review img{width:14px;margin-right:4px;}
.location-expert.swiper .swiper-slide .inner .keywords{margin-bottom:0;margin-top:12px;justify-content:center;flex-wrap:wrap;gap:4px;}
.location-expert.swiper .swiper-slide .inner .keywords span{padding:4px 8px;margin:0;}


.field-wrap{padding-top:10px;}
.field-wrap .f-pager{color:#8a8a8a;}
.field-wrap .sub-box{margin-top:0;}
.tag-box{display:none;}
.tag-box.pd_16{padding:0 16px;}
.tag-box.active{display:block;}
.tag-box .no-data{height:auto;font-size:14px;padding:20px 0 40px;position:static;transform:none;}
.field-list > ul{display:flex;flex-direction:column;}
.field-list > ul > li{max-width:100%;width:100%;padding:20px 0 15px;position:relative;border-bottom:1px solid #f5f5f5;}
.field-list > ul > li:last-child{border-bottom:0;}
.field-list > ul > li a{display:flex;align-items:center;width:100%;}
.field-list > ul > li a.column{flex-direction:column;align-items:flex-start;}
.field-list > ul > li .img{min-width:80px;width:80px;height:80px;/*margin-right:22px;*/border-radius:50%;overflow:hidden;}
.field-list > ul > li .img img{height:100%;object-fit:cover;}
.field-list > ul > li .inner{width:100%;margin-left:21px;}
.field-list > ul > li .line-two-skip{height:38px;}
.field-list > ul > li .inner h4{display:flex;align-items:flex-end;font-size:16px;margin-bottom:3px;}
.field-list > ul > li .icon-btn{padding:0;position:absolute;right:0;bottom:0;}
.detail-top-box{display:flex;align-items:center;width:100%;margin-bottom:21px;}
.btn.blue-line{font-size:14px;font-weight:var(--bold);color: #1d2775;padding:10px 0;border:1px solid #9ca9db;box-shadow: 1px 2px 5px 0 #00000017;}
.btn.blue-line img{margin-right:9px;}
.field-list .time-list .btn.blue-line{padding-left:12px;padding-right:12px;}
.cost-list{display:flex;margin-bottom:14px;}
.cost-list p{font-size:12px;font-weight:var(--reguler);color:#616161;padding-right:10px;position:relative;}
.cost-list p + p{padding-left:10px;}
.cost-list p + p::after{content:'';height:10px;width:1px;background-color:#ababab;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.cost-list span{font-weight:var(--bold);color:#2E2E2E;margin-left:7px;}
.review{display:flex;margin-bottom:8px;}
.review > li{width:auto;display:flex;align-items:center;font-size:12px;color:#9e9e9e;padding-right:8px;margin-right:8px;position:relative;}
.review > li:after{content:"";width:2px;height:2px;border-radius:50%;background:#737373;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.review > li:last-child{flex:1;padding-right:0;margin-right:0;}
.review > li:last-child:after{display:none;}
.review > li img{width:14px;height:14px;margin-right:4px;}
.review > li p{color:#8f8f8f;font-size:12px;font-weight:var(--medium);margin:0;}
/* 240108 결함 수정 */
.review > li p.review-avg{display:flex;}
.review > li span{color:#666;font-size:15px;font-weight:var(--medium);}
.review > li .btn{width:auto;height:auto;font-size:14px;padding:0 8px 0 8px;margin-left:8px;position:relative;}
.review > li .btn:before{content:"";width:1px;height:12px;background:#8f8f8f;position:absolute;top:3px;left:0;}
.review > li .btn:after{content:"";width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:absolute;top:50%;right:0;transform:rotate(45deg) translateY(-50%);}
.field-points{display:flex;align-items:center;}
.field-points > span{width:40%;color:#666;font-size:15px;font-weight:var(--medium);margin-left:8px;}
.consulting-wrap{padding-bottom:15px;}
.consulting-wrap .img img{width:auto;height:197px;}
.consulting-wrap h4{margin:10px 0 5px;}
.consulting-wrap p{line-height:1.4;margin-bottom:4px; height: 42px;}
.consulting-wrap .f-pager{color:var(--main);padding-right:15px;}
.consulting-wrap .f-pager:after{content:"";width:4px;height:4px;border-top:2px solid var(--main);border-right:2px solid var(--main);position:absolute;top:10px;right:0;transform:rotate(45deg);}
.solution-wrap{padding:20px 0;}
.solution-list ul{display:flex;}
.solution-list ul > li{width:44%;margin-right:10px;}
.solution-list ul > li .img{max-height:175px;height:27vw;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;}
.solution-list ul > li .img img{height:100%;object-fit:cover;}
.solution-list h4{margin-top:10px;}
.solution-list p{margin:5px 0 10px;}
.aside-box .img{display:flex;justify-content:center;background:#f2f9ff;}

@media (max-width:970px){
    .main-slider .swiper-pagination{bottom:2.5vw;left:4.5vw;}
    .main-slider .swiper-pagination .swiper-pagination-bullet{margin:0 4px;}
    .banner-wrap{display:block;}
    .banner-wrap > a{width:100%;margin-bottom:10px;}
    .banner-wrap .banner-inner{width:100%;}
    .pro-list ul{flex-wrap:wrap;}
    .pro-list ul > li{width:calc((100% / 5) - 16px);margin-right:20px;margin-bottom:20px;}
    .pro-list ul > li:nth-child(5n){margin-right:0;}
    .pro-list ul > li a{width:48px;}
    .pro-list ul > li .img{width:48px;height:48px;}
    .pro-list ul li:nth-child(10){display:none;}
    .pro-list ul li:nth-child(11){display:none;}
    .pro-list ul li:nth-child(12){display:none;}
    .pro-list ul li:nth-child(13){display:none;}
    .pro-list ul li:nth-child(14){display:none;}
    .pro-list ul > li button{display:block;}
    .pro-list ul li button .img.icon{transition:.3s;}
    .pro-list ul li button.on .img.icon{transform:rotate(180deg);}

    .searcher .pro-list ul > li{display:block;}

    .main-sub-banner .swiper-slide{min-width:140px;width:30vw;}
    .field-list > ul{flex-wrap:nowrap;flex-direction:column;}
    .field-list > ul > li{max-width:100%;margin-right:0;}

    .review > li{font-size:12px;}
    /* 240112 결함 수정 */
    .review > li > button.btn:before{top:5px;}
    .consulting-wrap .img img{width:100%;height:auto;}
    .consulting-wrap .f-pager:after{top:7px;}
    .aside-box img{width:65%;}
}

@media (max-width:500px){
    .main-slider .swiper-slide{width:90%;}
    .main-slider .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;margin:0 2px;}
    .main-slider .swiper-button-prev, .swiper-rtl .swiper-button-next{width:8vw;height:8vw;}
    .main-slider .swiper-button-next, .swiper-rtl .swiper-button-prev{width:8vw;height:8vw;}
    .main-slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{border-top-width:2px;border-right-width:2px;left:3.5vw;}
    .main-slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{border-top-width:2px;border-right-width:2px;right:3.5vw;}
    /*.field-list > ul > li .inner span{font-size:12px;}*/
    .aside-box img{width:100%;}
}

/* 직종 태그 리스트 */
.tag-list{margin-bottom:20px;}
.tag-list.pl_16{padding-left:16px;}
.tag-list ul > li{width:auto;}
.tag-list .radio-wrap input[type=radio] + label{background:#f2f3f7;border:1px solid #e3e9ec;font-size:14px;color:#525252;border-radius:17px;padding:4px 10px;display:inline-block;}
.tag-list .radio-wrap input[type=radio]:checked + label{background:#1d2775;border:0;color:#fff;font-weight:var(--medium);}

/* 서브 직종 태그 리스트 */
.sub-tags{padding-top:0;}
.sub-tags .tag-list{display:none;margin-bottom:0;}
.sub-tags .tag-list.active{display:block;}
.sub-tags .tag-list .swiper-wrapper{padding-bottom:0;}
.sub-tags .tag-list .radio-wrap input[type=radio] + label{background:none;border-radius:0;padding:0 15px 0;}

/* 추가 */
.tag-list.keyword{padding-top:15px;border-top:1px solid #f2f3f7;}
.tag-list.keyword .swiper-slide{width:auto;}
.tag-list.keyword .swiper-slide .radio-wrap input[type=radio] + label{padding:4px 10px;}

/* [프로지식] */
.tag-list.proL{margin:16px 0;padding-left:16px;}

/* 스와이퍼 기능 없는 태그 리스트 */
.tag-list.no-swiper ul{display:flex;}
.tag-list.no-swiper ul>li{flex:1;}
.tag-list.no-swiper label{width:100%;text-align:center;}

    /* 로그인 */
.contents-wrap.login-front{padding-top:44px;}
.contents-wrap.login{height:100%;padding-bottom:0;}
.login .inner-wrap{height:100%;display:flex;justify-content:space-between;flex-direction:column;padding:20px 24px 30px;position:relative;}
.login .form-padding-wrap{padding:0;}
.login h3{font-size:16px;font-weight:var(--medium);}
.login-head h2{height:auto;font-size:32px;text-align:left;line-height:1.3;margin-bottom:16px;}
.login-head.ver1 p{font-size:16px;}
.login-head.ver2 h2{font-size:25px;margin-bottom:19px;}
.tab-wrap > ul{width:100%;display:flex;align-items:center;border-top:1px solid #dbdbdb;}
.tab-wrap > ul > li{width:50%;}
.tab-wrap > ul > li button{width:100%;display:flex;align-items:center;background:#dbdbdb;color:#757575;font-size:14px;font-weight:var(--medium);border-radius:0;padding:10px 0;}
.tab-wrap > ul > li.on button{background:#fff;color:var(--main);}
.tabs{display:none;}
.tabs.on{display:block;}
.or{display:flex;justify-content:center;align-items:center;color:#999;font-size:12px;text-align:center;position:relative;}
.or p{background:#fff;padding:0 20px;position:relative;z-index:1;}
.or:after{content:"";width:100%;height:1px; background:#dbdbdb;position:absolute;top:7px;left:0;}
.login-menu{}
.social-login-list{width:100%;}
.social-login-list ul{width:100%;}
.social-login-list ul li{height:52px;border-radius:4px;margin-bottom:8px;}
.social-login-list ul li:last-child{margin-bottom:0;}
.social-login-list ul li.other{height:auto;margin-bottom:0;}
.social-login-list ul li .btn{height:100%;background:#f2f3f7;font-size:14px;}
.social-login-list ul li.other .btn{height:52px;padding:0;}
.social-login-list ul li img{width:20px;height:20px;}
.social-login-list ul li .kakao{background:#fee500;border:1px solid #fee500;}
.social-login-list ul li .kakao:hover{background:#d8c300;border-color:#cbb700;}
.social-login-list ul li .naver{background:#03c75a;border:1px solid #03c75a;color:#fff;}
.social-login-list ul li .naver:hover{background:#02a149;border-color:#029543;}
.social-login-list ul li .naver span {color: #fff;}
.social-login-list ul li .facebook{background:#1877f2; border:1px solid #1877f2;}
.social-login-list ul li .facebook:hover{background:#3f51b5; border: 1px solid #3f51b5;}
.social-login-list ul li .facebook span {color: #fff;}
.social-login-list ul li .facebook img {width: 35px; left: 4px;}
.social-login-list ul li .google{background:#fff; border:1px solid #dbdbdb; font-weight: 300;}
.social-login-list ul li .google:hover{background:#f5f5f5;}
.social-login-list ul li .apple{background:#000;border:1px solid #000;border-radius:4px;overflow:hidden;}
.social-login-list ul li .apple:hover{background:#f5f5f5;}
.social-login-list ul li .apple img {margin-right: 8px;}
.social-login-list ul > .or-box{margin-top: 34px; margin-bottom: 28px;}
.social-login-list ul > .or-box > div > p{color: #939393;text-align: center;font-family: "Noto Sans CJK KR";font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;}
.social-login-list ul > .or-box > hr{height: 1px;width: 80%;margin: auto;}
.social-login-list ul > .or-box > div{width: 54px;height: 18px;background: #fff;position: absolute;bottom: 32%;left: 50%;transform: translateX(-50%);z-index: 111;}

.other-login{font-size:14px;font-weight:500;}
.no-login-menu{width:100%;display:flex;justify-content:center;align-items:center;margin-top:30px;}
.no-login-menu ul{display:flex;}
.no-login-menu ul li{display:flex;padding-right:16px;margin-right:16px;position:relative;}
.no-login-menu ul li:after{content:"";width:1px;height:70%;background:#e1e1e1;position:absolute;top:60%;right:0;transform:translateY(-50%);}
.no-login-menu ul li:last-child{padding-right:0;margin-right:0;}
.no-login-menu ul li:last-child:after{display:none;}
.no-login-menu ul a{color:#939393;font-size:12px;}

.vertical-list{display:flex;justify-content:center;align-items:center;margin-top:16px;}
.vertical-list ul{width:100%;display:flex;justify-content:space-between;align-items:center;}
.vertical-list ul > li{color:#939393;font-size:14px;}
.vertical-list .check-wrap.circle .checks{margin-bottom:0;}
.vertical-list .check-wrap.circle input[type=checkbox] + label .check-icon{background:none;border:1px solid #d3d3d3;}
.vertical-list .check-wrap.circle input[type=checkbox] + label .check-icon:after{border-color:#d3d3d3;}
.vertical-list .check-wrap.circle input[type=checkbox]:checked + label{color:var(--main);}
.vertical-list .check-wrap.circle input[type=checkbox]:checked + label .check-icon{border-color:var(--main);}
.vertical-list .check-wrap.circle input[type=checkbox]:checked + label .check-icon:after{border-color:var(--main);}

/* 계정 찾기 */
.find-account .tab-wrap{margin-bottom:30px;}
.find-account h3{font-weight:var(--medium);}
.tab-wrap.line-style > ul{border-top:0;}
.tab-wrap.line-style > ul > li .btn{background:#fff;color:#757575;font-size:15px;position:relative;}
.tab-wrap.line-style > ul > li .btn:before{content:"";width:100%;height:2px;background:#dbdbdb;position:absolute;bottom:0;left:0;transition:200ms;}
.tab-wrap.line-style > ul > li.on .btn{color:var(--main);}
.tab-wrap.line-style > ul > li.on .btn:before{background:var(--main);}
.find-account .form-wrap{padding:5px 20px;margin-bottom:30px;}
.find-account .form-wrap.findOk{opacity:0;transition:200ms;}
.find-account .form-wrap.findOk.on{opacity:1;}
.find-account .form-wrap .input-box{padding-bottom:0;margin-bottom:20px;}
.find-account .form-wrap .input-box input{border:1px solid #999;border-radius:4px;padding:12px 15px;}
.find-account .form-wrap p{margin-bottom:10px;}
.form-info{font-size:14px;text-align:left;margin-top:10px;margin-bottom:0;}
.find-account .btn-wrap{margin-top:40px;}
.find-account .btn-wrap > *:last-child{border-right:1px solid #ddd;}
.find-id{display:flex;justify-content:space-between;align-items:center;}

/* 회원가입 */
/* 240125 회원가입 개선 */
.information{display:flex;align-items:center;width:100%;height:28px;flex-shrink:0;background-color:#F2F3F7;font-weight:500;}
.progress + .information{margin-top:0;}
.information + .form-wrap{padding:22px 16px 44px;}
.information.nomargin{margin-bottom:0;}
.information .info-txt {margin-left:16px;font-size:14px;font-weight:600;}
.timer{font-weight:var(--medium);position:absolute;top:50%;right:70px;transform:translateY(-50%);}
.hide{display:none;}
.phoneCheck-info{font-size:14px;margin-top:10px;}
.regist-head{width:100%;display:flex;justify-content:center;align-items:center;background:#fff;padding:20px 24px;margin:0 auto;position:relative;}
.regist-head .backArrow{position:absolute;top:24px;left:24px;}
.contents-wrap.regist-info{padding:25px 0;}
.contents-wrap.regist-info h2{margin-bottom:8px;}
.contents-wrap.regist-info h4{font-size:18px;margin-bottom:8px;}
.contents-wrap.regist-info p{font-size:14px;}
.regi-info-wrap{margin-top:30px;}
.regi-info-wrap > div{margin-bottom:25px;}
.regi-info-wrap > div:last-child{margin-bottom:0;}
.regi-info-wrap a{background:#f2f3f7;display:block;border-radius:8px;padding:22px 20px;position:relative;}
.regi-info-wrap a:after{content:"";width:8px;height:8px;border-top:2px solid #333;border-right:2px solid #333;position:absolute;top:50%;right:30px;transform:rotate(45deg) translateY(-50%);}
.agree-wrap{margin-top:34px;margin-bottom:60px;}
.agree-wrap h4{margin-bottom:18px;}
.agree-wrap h4.big-ver{font-size:16px;margin-bottom:10px;}
.agree-wrap .agree-all{width:100%;border-bottom:1px solid #dbdbdb;padding-bottom:22px;margin-bottom:22px;}
.agree-wrap .agree-all > div{width:100%;/*width:100%;height:38px;padding:8px 16px;border:1px solid #d3d3d3;border-radius:4px;*/}
.agree-wrap .agree-all  label{display:block;width:100%;height:38px;padding:8px 16px;border:1px solid #d3d3d3;border-radius:4px;}
.agree-wrap .agree-all .check-box{border:1px solid #dbdbdb;border-radius:4px;padding:7px 16px;}
.agree-wrap .agree-all.check-box > label .title {font-size:15px;}
#joinForm input{padding:7px 6px 7px 16px;height:38px;}
#joinForm .input-box  .btn{width:auto;height:28px;background-color:#111C6E;color:#fff;font-size:14px;font-weight:var(--reguler);border:0;padding:3px 10px;margin-top:0;position:absolute;top:50%;right:6px;transform:translateY(-50%);}
.agree-wrap .check-box{row-gap:18px;}
.agree-wrap > *:last-child{margin-bottom:0;}
.contents-wrap.regist{/*min-height: calc(100% - 50px);*/display:flex;padding-top:20px;position:relative;padding-bottom:calc(68px + 56px);flex-direction: column;justify-content: space-between;}
.contents-wrap.regist.ver2{padding-top:50px;}
.contents-wrap.regist.expert{height: calc(100% - 50px);display:flex;padding-top:26px;padding-bottom:20px;flex-direction: column;justify-content: space-between;}
.contents-wrap.regist.expert .login-head{margin-bottom:50px;}
.contents-wrap.regist.expert h3{font-size: 20px;margin-bottom: 8px;}
.contents-wrap.regist.expert p{font-size: 14px;margin-bottom:0;}
.contents-wrap.regist h2{margin-bottom:19px;}
.contents-wrap.regist p{margin-bottom:54px;}
.contents-wrap.regist p.pay-app-service-title{margin-bottom:0;font-size:14px;font-weight:var(--medium);}
.contents-wrap.regist p.pay-app-service-title span{font-weight:var(--medium);}
.contents-wrap.regist p.service-info,
.contents-wrap.regist p.service-title{margin-bottom:0;}
/* 240126 회원가입 개선 */
.contents-wrap.regist .service-title{color:#333333;font-size:14px;font-weight:700;display:flex;width:172px;height:24px;flex-direction:column;justify-content:center;flex-shrink:0;}
/* 240126 회원가입 개선 */
.contents-wrap.regist .service-info{display:flex;color:#000;font-size:12px;line-height:1.5;}
.contents-wrap.regist .form-wrap:last-child{margin-bottom:0;}
/* 240125 회원가입 개선 */
.contents-wrap.regist .form-wrap > .input-box .btn{font-size:14px;}
.contents-wrap.regist .form-wrap > .input-box .btn.phone-certify{height:44px;}
.contents-wrap.regist .form-wrap > .input-box .input-select-form > input{padding-right:39px;}
.contents-wrap.regist .form-wrap > .input-box .input-select-form{position:relative;}
.contents-wrap.regist .form-wrap > .input-box .input-select-form::after{content:'';width:16px;height:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%);background:url("/resources/common/imgs/drop_ico.svg") center center no-repeat;background-size:contain;}
.contents-wrap.regist .form-wrap .select-box{max-width:100%;height:38px;}
.contents-wrap.regist .form-wrap > .input-box > #wrap {display: none;border:1px solid;width:100%;height:300px;margin:5px 0;position:relative;}
.contents-wrap.regist .form-wrap > .input-box > #wrap{max-height:500px;}
.contents-wrap.regist .date-wrap{width:300px;flex-wrap:wrap;}
.contents-wrap.regist .date-wrap > span{margin:0;}
.contents-wrap.regist .date-wrap > *:first-child{width:100px;font-size:14px;}
.contents-wrap.regist .date-wrap > .short-date-wrap{max-width:200px;width:calc(100% - 100px);}
.contents-wrap.regist .bunya-wrap label{display:block;margin-bottom:10px;}
.contents-wrap.regist .input-box > .check-wrap.circle.flex-radio{width:100%;margin-bottom:16px;}
.contents-wrap.regist .check-wrap.circle.flex-radio .checks{margin-bottom:0;}
.contents-wrap.regist .carrer-wrap > *{margin-bottom:24px;}
.contents-wrap.regist .carrer-wrap > *:last-child{margin-bottom:0;}
.contents-wrap.regist .carrer-wrap .inner{display:flex;align-items:center;}
.contents-wrap.regist .carrer-wrap .inner .check-wrap.circle{width:100%;border-bottom:0;}
.contents-wrap.regist .carrer-wrap .inner .check-wrap.circle input[type=checkbox] + label{font-size:14px;font-weight:var(--reguler);}
.contents-wrap.regist .carrer-wrap .inner .check-wrap.circle .date-wrap{margin-bottom:0;}
.contents-wrap.regist .carrer-wrap .inner .check-wrap.circle .short-date-wrap{width:100%;}
.contents-wrap.regist .carrer-wrap .radios{margin-bottom:0;}
.contents-wrap.regist .bunya-wrap input{padding-right:25px;}
.contents-wrap.regist .bunya-wrap .remove-btn.on{display:block;}
.form-btn-wrap{width:100%;background:linear-gradient(0deg, #fff 70%, transparent);padding:24px;position:fixed;bottom:0;left:0;z-index:1;}
.contents-wrap.regist .submit-btn.expert{display:none;margin-left:0;}
.contents-wrap.regist .btn-wrap.regist{display:flex;align-items:center;margin: 0 auto;}
.contents-wrap.regist.regist-level3 .radio-wrap, .contents-wrap.regist.regist-level3 .check-box{margin:10px 0;}
.contents-wrap.regist.regist-level3 .help-text{left:0;bottom:-54px;}

.contents-wrap.complete{height:calc(100% - 162px);display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:49px;text-align:center;position:relative;padding-bottom:20px;}
.contents-wrap.complete > .center-box{position:absolute;top:50%;transform:translateY(-54%);}
.contents-wrap.complete h1{/*height:36px;*/height:auto;margin-bottom:10px;}
.contents-wrap.complete .logo > a{display:block;}
.contents-wrap.complete h2{font-size:20px;font-weight:var(--medium);margin:30px 20px;}
.contents-wrap.complete p{line-height:1.5;}
.contents-wrap.complete .wrap{width:100%;}
.contents-wrap.complete .btn{width:100%;padding:10px;}
.contents-wrap.complete.error .btn{width:auto;}
.contents-wrap.complete p.join_comment{font-size:12px;font-weight:600;margin-bottom:11px;}
.contents-wrap.complete .btn-wrap.form-btn-wrap.col{flex-direction:column;}
@media (max-width:970px){
    .contents-wrap.complete .btn-wrap{flex-direction:column;}
    .contents-wrap.complete .btn-wrap .btn + .btn{margin-top:14px;margin-left:0;}
}

.license-list ul{margin:5px 0;}
.license-list ul > li{border-bottom:1px solid #dbdbdb;position:relative;}
.license-list ul > li:first-child{border-top:1px solid #dbdbdb;}
.license-list ul > li div{padding:10px 0;cursor:pointer;}
.license-list ul > li p:first-child{margin-bottom:5px;}
.form-wrap .license-list .remove-btn{display:block;top:50%;transform:translateY(-50%);}
/*.license-list ul > li a:after{content:"";width:14px;height:14px;border-top:3px solid #000;border-right:3px solid #000;position:absolute;top:calc(50% - 7px);right:5px;transform:rotate(45deg);}*/

.contents-wrap.regist-level2{flex-direction:column;}
.contents-wrap.regist-level2 .keywords-wrap .remove-btn{display:block;}
.contents-wrap.regist-level2 .profileBanner-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
/*.ex-regi-profile{margin-bottom:30px;}*/
.ex-regi-profile .upload-box .upload-wrap{width:100px;height:100px;}
.ex-regi-profile .btn-wrap{margin-top:20px;}
.profileBanner-list{position:relative;}
.profileBanner-list .upload-box{width:72px;height:72px;}
/*.profileBanner-list .btn img, .profileBanner-list2 .btn img{width:40%;}
.profileBanner-list .btn img.up, .profileBanner-list2 .btn img.up{width:100%;}
.profileBanner-list .swiper, .profileBanner-list2 .swiper{width:100%;}
.profileBanner-list .swiper .btn, .profileBanner-list2 .swiper .btn{height:350px;}*/
#extraAddress{width:100px;text-align:center;margin-left:10px;padding:10px;}
.profile-list ul{display:flex;flex-wrap:wrap;gap:10px;}
.profile-list ul > li{width:72px;height:72px;}
.profile-list ul > li .btn{height:100%;padding:0;}
.profile-list ul > li img{width:100%;height:100%;object-fit:cover;}
.profile-add-list{padding:0 16px;}
.profile-add-list .file-box{display:flex;flex-wrap:wrap;gap:10px;}
.profile-add-list .file-box > div{width:calc((100% / 3) - 7px);}
.profile-add-list .file-box > div span{display:flex;justify-content:center;align-items:center;background:#f6f7fb;padding:0;}
.profile-add-list .file-box > div img{width:70%;}
.profile-add-list .file-box > div.on img{width:100%;}
.profile-add-list .file-box .remove-btn{width:20px;height:20px;background:#fff;border-radius:50%;padding:0;position:absolute;top:0;right:0;transform:none;}

@media (max-width:970px){
    .profile-add-list .file-box > div{}
}

@media (max-width:500px){
    .contents-wrap.regist .input-box > .check-wrap.circle.flex-radio input[type=checkbox] + label{font-size:14px;}
    .contents-wrap.regist .carrer-wrap .inner .check-wrap.circle{align-items:flex-start;flex-direction:column;}
    .contents-wrap.regist .carrer-wrap .inner .check-wrap.circle .checks{margin-top:16px;}
    .contents-wrap.regist .carrer-wrap .inner .check-wrap.circle .checks:last-child{margin-bottom:0;}
    .contents-wrap.regist .date-wrap{}
    .contents-wrap.regist .carrer-wrap .inner .check-wrap.circle .date-wrap{margin-right:0;}
    .contents-wrap.regist .carrer-wrap .inner .check-wrap.circle .short-date-wrap{width:calc(100% - 100px);}
}


/* 해결 사례 페이지 */
.tag-list-wrap.no-padding .tag-list.no-line .radio-wrap input[type=radio] + label{padding:10px 0;}
.tag-list-wrap.no-line{border:0;}
.tag-list.no-line .radio-wrap input[type=radio] + label{color:#9c9c9c;border:0;padding:0;}
.tag-list.no-line .radio-wrap input[type=radio] + label a{color:inherit;line-height:1.2;padding:0 10px 0;}
.tag-list.no-line .radio-wrap input[type=radio]:checked + label{color:var(--main);font-weight:var(--medium);position:relative;}
.tag-list.no-line .radio-wrap input[type=radio]:checked + label::after{content:'';width:100%;height:2px;background-color:#0d1d73;position:absolute;left:0;bottom:0;}
/*.solution-case .tag-list{position:relative;}
.solution-case .tag-list:before{content:"";width:100%;height:2px;background:#dbdbdb;position:absolute;bottom:3px;left:0;}*/
.solution-case .tag-box{margin-top:16px;}
.solution-case .tag-box-head{border-bottom:1px solid #f2f2f2;padding-bottom:16px;margin-bottom:16px;}
.solution-case .tag-box-head h3{margin-top:20px;}
.solution-case .tag-box-head .img{height:360px;border-radius:4px;overflow:hidden;}
.solution-case .tag-box-head .img img{height:100%;object-fit:cover;}
.solution-case h2{margin-bottom:20px;}
.solution-case h2 span{font-weight:var(--medium);}
.solution-case > p{margin-bottom:10px;}
.solution-case.detail textarea{border:0;padding:0;}
.solution-case .detail-box{margin-top:0;}
.solution-case .detail-box .img{}
.solution-case .detail-box .img img{width:auto;object-fit:cover;}
.solution-case .pro-profile{width:100%;background:#fff;display:flex;justify-content:center;padding:0;}
.solution-case .pro-profile > .wrap{max-width:970px;width:100%;display:flex;}
.solution-case .pro-profile .pro-info{width:100%;justify-content:flex-start;padding:10px;margin-bottom:0;}
.solution-case .pro-profile .pro-info .img{max-width:70px;margin-right:10px;margin-left:0;}
.solution-case .pro-profile .review{align-items:center;}
.solution-case .pro-profile .btn{max-width:80px;border-radius:0;}
.case-list{margin-top:30px;}
.case-list ul{display:flex;flex-wrap:wrap;}
.case-list ul > li{width:calc((100% / 2) - 10px);margin-right:20px;margin-bottom:20px;}
.case-list ul > li:nth-of-type(2n){margin-right:0;}
.case-list ul > li a{width:100%;display:flex;align-items:center;}
.case-list ul > li a .img{max-width:160px;width:100%;margin-right:20px;}
.case-list ul > li h3{margin-bottom:10px;}
.case-list ul > li p{margin-bottom:5px;}

@media (max-width:970px){
    .solution-case .tag-box-head .img{min-height:180px;height:40vw;}

    .solution-case .pro-profile .pro-info{align-items:flex-start;}
    .case-list ul > li{width:100%;margin-right:0;}
    .case-list ul > li a .img{max-width:120px;}
}

/* 쿠폰 */
.contents-wrap.my-coupon{padding-bottom:0;}
.coupons .tab-wrap ul{height:40px;border-top:0;border-bottom:2px solid #d9d9d9;}
.coupons .tab-wrap ul > li{height:100%;}
.coupons .tab-wrap ul > li .btn{height:100%;background:none;position:relative;}
.coupons .tab-wrap ul > li .btn:before{content:"";width:0;height:2px;background:var(--main);position:absolute;bottom:-2px;left:0;transition:200ms;}
.coupons .tab-wrap ul > li.on .btn:before{width:100%;}
.coupons .coupon-list{height:calc(100vh - 90px);background:#f5f5f5;display:flex;flex-wrap:wrap;padding:24px;overflow-y:auto;}
.coupons .coupon-list > li{width:calc(50% - 8px);margin-right:15px;margin-bottom:12px;}
.coupons .coupon-list > li:nth-child(2n){margin-right:0;}
.coupons .coupon-list > li:last-child{margin-bottom:0;}
.coupons .check-wrap.fill .checks{overflow:hidden;}
.coupons .check-wrap.fill input[type=checkbox] + label{background:var(--white);color:#333;border:1px solid #f2f2f2;border-radius:10px;padding:20px 100px 20px 20px;position:relative;transition:200ms;box-shadow:rgba(234,234,234,0.25) 0 4px 9px 1px;}
.coupons .check-wrap.fill input[type=checkbox][name=ableCoupons]:disabled + label > *{color:#333;}
.coupons .check-wrap.fill input[type=checkbox] + label > span{display:block;font-size:14px;text-align:left;margin-bottom:5px;}
.coupons .check-wrap.fill input[type=checkbox] + label > .keywords{display:flex;font-size:10px;}
.coupons .check-wrap.fill input[type=checkbox] + label > .sale-price{font-size:16px;font-weight:var(--bold);margin-bottom:10px;}
.coupons .check-wrap.fill input[type=checkbox] + label > span:last-child{margin-bottom:0;}
.coupons .check-wrap.fill input[type=checkbox]:disabled + label{opacity:0.8;background:var(--white);}
.coupons .coupon-add{font-weight:var(--medium);padding:12px;margin-top:24px;}

@media (max-width:970px){
    .coupons .coupon-list{display:block;}
    .coupons .coupon-list > li{width:100%;margin-right:0;}
}

/* 프로필 */
.pro-profile{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:10px 0 10px 10px;box-shadow:#dbdbdb 0 1px 6px 0;}
.pro-profile .pro-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.pro-profile .pro-info .wrap{padding-right:10px;}
.pro-profile .pro-info span{display:block;color:#7f7f7f;font-size:12px;margin-bottom:8px;}
.pro-profile .pro-info .wrap > *:last-child{margin-bottom:0;}
.pro-profile .pro-info h3{font-weight:var(--bold);font-size:16px;margin-bottom:1px;}
.pro-profile .pro-info h3 + span{padding-left:1px;}
.pro-profile .pro-info .img{max-width:150px;width:100%;}
.pro-profile .pro-info .btn.sd-reserve{background-color:#1D2775;width:85px;min-width:85px;height:35px;padding:10px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;}
.pro-profile .keywords.badge{margin-top:10px;}
.pro-profile .btn-wrap .btn{width:500px;margin-top:-50px;}
.pro-profile .keywords > span{background:rgba(223,227,255,0.7);color:#575757;font-weight:var(--medium);padding:2px 5px;}

.detail-box{margin-top:30px;}
.detail-box h4{margin-bottom:5px;}
.detail-box .img{margin:20px 0;}
.detail-box p{line-height:1.7;}

@media (max-width:970px){
    .pro-profile .pro-info{align-items:center;}
    .pro-profile .pro-info .img{margin-left:50px;}
    .pro-profile .btn-wrap{justify-content:flex-end;}
    .pro-profile .btn-wrap .btn{width:160px;padding:10px 0;margin-top:0;}
}

@media (max-width:500px){
    .pro-profile .pro-info{align-items:flex-start;}
}

/* 분야별 상담 */
.tag-list-wrap{border-bottom:1px solid #ededed;padding:10px 0;}
.tag-list-wrap.no-padding{padding:0;}
.field-main .tag-box li{width:auto;}
.field-main .btn-wrap{margin-bottom:20px;}
.field-help .help{display:flex;align-items:center;color:var(--main);margin:10px 0 15px;}
.field-help .help > img{margin-right:5px;}
.field-help .help-text{bottom:-30px;left:0;}
.big-tag-list{border-bottom:1px solid #ededed;border-radius:10px;background:#fff;}
/* 240115 결함 수정 */
.big-tag-list > p{font-size:16px;font-weight:var(--bold);color:#333;padding:16px 0px;text-align:center;border-bottom:1px solid #d9d9d9;}
.big-tag-list .job-list{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.big-tag-list .job-list a{display:flex;align-items:center;width:50%;border-bottom:1px solid #d9d9d9;padding:20px 20px 22px;font-size:15px;font-weight:var(--medium);}
.big-tag-list .job-list a:nth-child(2n){border-left:1px solid #d9d9d9;}
.big-tag-list .job-list .img{display:flex;justify-content:center;align-items:center;width:28px;height:28px;margin-right:15px;}
.big-box{display:none;}
.big-box.active{display:block;}

/* 분야별 상세 의뢰 */
.filter-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
/*.expert-list > ul{border-top:1px solid #000;}
.expert-list > ul >li{border-bottom:1px solid #ddd;}
.expert-list .pro-profile{border:0;box-shadow:none;}
.expert-list .pro-profile .pro-info{justify-content:flex-start;padding:0 20px;margin-bottom:0;}
.expert-list .pro-profile .pro-info .img{max-height:100px;width:130px;margin-right:40px;}
.expert-list .pro-profile .pro-info .wrap{width:calc(100% - 170px);}
.expert-list .pro-profile .pro-info .pro-price{font-weight:500;margin:5px 0;}
.expert-list .btn-wrap > *:first-child{margin-right:10px;}
.expert-list .btn-wrap .btn{width:50%;font-size:14px;padding:10px 0;margin-top:0;}

@media (max-width:970px){
    .expert-list .pro-profile .pro-info{align-items:flex-start;}
    .expert-list .pro-profile .pro-info .img{margin-left:0;}
}

@media (max-width:500px){
    .expert-list .pro-profile .pro-info{padding:0;}
    .expert-list .pro-profile .pro-info .img{margin-right:10px;}
    .expert-list .pro-profile .pro-info .wrap{width:calc(100% - 140px);}
}*/

/* 분야별 상담 전문가 상세 */
.thum-back{width:100%;height:100%;opacity:0.6;background:linear-gradient(180deg,transparent,#1e1a19);position:absolute;top:0;left:0;z-index:9;pointer-events:none;}
[class].expert-detail{padding-top:0;padding-bottom:120px;}
[class].expert-detail .swiper-wrapper{padding:0;}
[class].expert-detail .sub-box{margin-top:16px;}
[class].expert-detail .no-data{height:180px;font-size:15px;padding:0 32px;position:static;transform:none;}
[class].expert-detail .no-data .btn{width:100%;}
[class].expert-detail .thum-img{justify-content:center;align-items:center;}
[class].expert-detail .thum-img .img{width:100%;height:100%;}
[class].expert-detail .thum-img .img.no-profile-img{width:auto;height:80%;border-radius:50%;overflow:hidden;}
[class].expert-detail .thum-img img{width:100%;height:100%;position:relative;}
[class].expert-detail .tab-wrap.line-style{position:sticky;top:44px;z-index:10;}
[class].expert-detail .tab-wrap.line-style > ul > li .btn{font-size:14px;font-weight:var(--reguler);padding:14px 0;}
[class].expert-detail .tab-wrap.line-style > ul > li.on .btn{font-weight:var(--bold);}
[class].expert-detail .tabs{padding:24px 0;}

/* 240112 결함 수정 */
[class].expert-detail .tabs.tab_2 ul > li{padding-top:8px;}
[class].expert-detail .tabs.tab_2 ul > li .fs12{font-size: 12px;}
[class].expert-detail .tabs h4{min-width:40px;color:#000;font-size:14px;font-weight:var(--bold);}
[class].expert-detail .tabs > h4 + p{margin-top:10px;}
[class].expert-detail .tabs p + p{margin-top:4px;}
[class].expert-detail .tabs p span{display:block;}
[class].expert-detail .tabs p span + span{margin-top:2px;}
.ex-thumb{position:relative;}
.ex-thumb .btn-wrap{width:100%;height:20px;justify-content:space-between;padding:0 16px;position:absolute;top:20px;left:0;z-index:2;}
.ex-thumb .btn-wrap .btn{width:20px;height:20px;padding:0;}
.ex-thumb h2{color:#fff;font-size:21px;margin:0 16px;position:absolute;bottom:30px;left:0;z-index:10;}
.ex-profile-wrap .swiper-wrapper{padding-bottom:0;}
.ex-profile-wrap .swiper-pagination{z-index:11;}
.ex-profile-wrap .swiper-button-prev, .ex-profile-wrap .swiper-button-next{color:#fff;}
.ex-profile-wrap .swiper-pagination-bullet{background-color:#ddd;opacity:0.4;}
.ex-profile-wrap .swiper-pagination-bullet-active{background-color:#ddd;opacity:1;}
.ex-profile-wrap .img{width:100%;}
.ex-profile-wrap .img img{width:100%;}
.field-detail-top{display:flex;justify-content:space-between;align-items:center;}
.field-detail-top .round-label{border-color:var(--main);border-radius:10px;padding:4px 8px;}
.field-detail-top h2{font-size:24px;font-weight:var(--bold);pointer-events:none;}
.field-detail-top h2 span{all:inherit;display:inline-block;margin:0;}
.field-detail-top p{margin-bottom:5px;}
.field-detail-top p:last-child{margin-bottom:0;}
.field-detail-top ~ .btn-wrap{flex-wrap:wrap;margin-top:15px;}
.field-detail-top ~ .btn-wrap .btn{font-size:16px;font-weight:var(--reguler);}
.field-detail-top ~ .btn-wrap .btn > *:first-child{margin-right:5px;}
.field-detail-top ~ .btn-wrap .btn.field-map-btn{text-align:left;}
.field-detail-top .icon-btn{width:50px;}
.field-detail-top .btn{width:24px;height:24px;border:0;}
.field-detail-box{padding:12px 0 20px;}
.field-detail-box .review{margin-bottom:4px;}
.field-detail-box .review > li .btn{color:var(--main);font-weight:var(--medium);}
.field-detail-box .btn{font-weight:var(--reguler);padding:0;}
.skill-tags{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-top:8px;}
.skill-tags span{background:#f2f3f7;color:#5c5c5c;font-size:11px;font-weight:var(--medium);border-radius:2px;padding:2px 5px;}
.office-address{margin-top:20px;}
.office-address h4{display:flex;align-items:center;gap:3px;font-weight:var(--medium);}
.office-address p{margin-top:2px;}
.expert-info{margin-top:20px;}
.expert-info h3{font-size:18px;}
.expert-info p{margin-top:4px;}
.expert-info .column{display:flex;align-items:flex-start;margin-bottom:24px;}
.expert-info .column h4{word-break:keep-all;margin-right:20px;}
.expert-info .column ul > li{margin-bottom:5px;}
.expert-info .column ul > li:last-child{margin-bottom:0;}
.expert-info .btn{font-size:14px;padding:8px 0;}
.expert-info .map{height:230px;margin:16px 0 14px;}
.pager-wrap{font-size:18px;font-weight:var(--bold);padding:0;margin-bottom:0;}

.review-wrap h3{font-size:18px;}
.review-wrap .total-review{display:flex;align-items:center;gap:15px;}
.review-wrap .total-review .total-rate{background:#fafbff;font-size:30px;font-weight:var(--bold);text-align:center;border:1px solid #dee4e7;border-radius:6px;padding:7px 17px;}
.review-wrap .total-review .inner p{color:#5c5c5c;margin-top:4px;}
/*.client-review-list li{border-bottom:1px solid #e1e1e1;padding:22px 16px 32px;}
.client-review-list li:last-child{border-bottom:0;}
.client-review-list .user{display:flex;gap:10px;margin-bottom:15px;}
.client-review-list .user .thumb{width:34px;height:34px;border-radius:50%;overflow:hidden;}
.client-review-list .user .thumb img{width:100%;height:100%;object-fit:cover;}
.client-review-list .user-info{display:flex;align-items:center;margin-bottom:2px;}
.client-review-list .user-info > p{padding-right:10px;margin-right:10px;position:relative;}
.client-review-list .user-info > p:after{content:"";width:1px;height:10px;background:#8f8f8f;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.client-review-list .user-info > p:last-child{padding-right:0;margin-right:0;}
.client-review-list .user-info > p:last-child:after{display:none;}
.client-review-list h3{font-size:15px;font-weight:var(--bold);margin-bottom:6px;}
.client-review-list .review-content{font-size:14px;line-height:1.5;margin-bottom:12px;}
.client-review-list .point-wrap{display:flex;align-items:center;margin-bottom:15px;}
.client-review-list .point-wrap p{color:#8f8f8f;margin-left:10px;}
.client-review-list .btn-wrap{padding:0 16px;margin-top:10px;}
.client-review-list .btn.line-btn{border-radius:6px;padding:12px 0;}*/
/* 마이페이지 후기 리스트 */
.contents-wrap.my-review{padding-top:0;}
.client-review-list > ul > li{padding:0 16px;border-bottom:1px solid #E1E1E1;}
.review-box{padding:20px 0 32px;}
.review-top{display:flex;align-items:center;gap:10px;}
.review-top > .img{width:34px;height:34px;border-radius:50%;overflow:hidden;}
.review-top > .img > img{height:100%;object-fit:cover;}
.review-info > span{display:inline-block;margin-bottom:2px;font-size:13px;}
.review-info .mini-bar{display:inline-block;width:1px;height:9px;margin:0 2px;position:relative;top:-1px;background-color:#8F8F8F;}
.review-text{margin-top:15px;}
.review-text > h3{margin-bottom:6px;}
.review-text > p.cont{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.review-text > p.dates{margin-top:12px;}
.stars-wrap{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0;}
.fixed-bottom-btns{width:100%;background:#fff;padding:8px 16px;position:fixed;bottom:0;left:0;z-index:100;}
.fixed-bottom-btns.col{flex-direction:column;}
.fixed-bottom-btns .inner-wrap{display:flex;padding:0;}
.fixed-bottom-btns .btn{width:100%;border-radius:6px;padding:10px;margin:0;}
.fixed-bottom-btns .btn.back-none{height:auto;color:#1d2775;font-size:13px;font-weight:var(--medium);padding:0;}
.fixed-bottom-btns .btn.back-none:after{content:url("/resources/common/imgs/icon_back_arrow.svg");margin-left:2px;}
.fixed-bottom-btns .btn + .btn{margin-left:8px;}

.my-profile-edit{position:absolute;z-index:11;bottom:10%;left:50%;transform:translateX(-50%);}
.my-profile-edit a{width:155px;position:relative;display:flex;gap:3px;padding:16px 0;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:var(--bold);background-color:#1d2775;border-radius:30px;}
.my-profile-edit a img{width:18px;}

.info-detail + .info-detail{margin-top:24px;}
.info-detail h3{font-size:18px;font-weight:var(--bold);padding-left:5px;}
.info-detail p{font-weight:var(--medium);}
.info-detail span{color:#666;font-size:14px;}
.info-detail .in-box{background:#fafbff;border:1px solid #dee4e7;border-radius:8px;padding:16px 12px;}
.info-detail .in-box + .in-box{margin-top:6px;}
.info-detail .in-box > ul > li + li{margin-top:12px;}
.info-detail .in-box > ul > li > div{background:#fff;border:1px solid #e5eaec;border-radius:4px;padding:12px 44px 12px 15px;position:relative;}
.info-detail .in-box > ul > li > div:after{content:"";width:22px;height:22px;background:url("/resources/common/imgs/icon_exp_certi.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:18px;transform:translateY(-50%);}
.info-detail .in-box > ul > li > div + div{margin-top:6px;}
.info-detail .btn-wrap{margin-top:12px;}
.info-detail .btn-wrap .btn{height:auto;font-size:12px;padding:6px 0;}

.info-detail.exp-list .in-box > ul > li + li{margin-top:28px;}
.info-detail.exp-list .in-box h4{padding-left:4px;margin-bottom:4px;}
.info-detail.reserve .in-box{display:flex;justify-content:space-between;align-items:center;}
.info-detail.reserve .in-box h4{font-size:15px;}
.info-detail.reserve .in-box .btn{width:auto;height:auto;font-size:14px;padding:8px 15px;}
.info-detail.office-info h3{padding-left:0;}

[class].expert-detail .office-info-list h4{font-size:14px;font-weight:var(--medium);margin-bottom:8px;}
[class].expert-detail .office-info-list p{display:flex;align-items:center;gap:6px;font-weight:var(--reguler);}
[class].expert-detail .office-info-list p span{display:block;font-weight:var(--medium)}
[class].expert-detail .office-info-list p .btn{width:22px;height:22px;display:inline-flex;padding:0;}
[class].expert-detail .office-info-list .map{height:230px;margin:10px 0 0 0;}

@media (max-width:970px){
    [class].expert-detail .thum-img{height:276px;}
    .field-detail-top ~ .btn-wrap .btn{margin-bottom:5px;}
    .field-detail-box .review > li p{font-size:14px;}
    /*.field-detail-box .review > li .btn{font-size:14px;}*/
    .expert-info .column ul > li{font-size:14px;}
}

@media (max-width:500px){
    .field-detail-top ~ .btn-wrap .btn{font-size:12px;}
    .field-detail-box .review > li p{font-size:12px;}
    /*.field-detail-box .review > li .btn{font-size:12px;}*/
    .expert-detail .solution-list ul{flex-wrap:wrap;}
    .expert-detail .solution-list ul > li{width:100%;margin-right:0;margin-bottom:20px;}
    .expert-detail .solution-list ul > li:last-child{margin-bottom:0;}
    .expert-detail .solution-list ul > li .img{height:300px;}
}

/* 분야별 상담 의뢰 신청 */
.contents-wrap.request-pay{padding-top:0;}
.contents-wrap.request-pay .form-wrap{margin-bottom:36px;}
.contents-wrap.request-pay .form-wrap h3{font-weight:var(--bold);}
.contents-wrap.request-pay .form-wrap .front-dashed li{color:#797979;font-weight:500;}
.contents-wrap.request-pay .radio-wrap{margin-bottom:0;}
.contents-wrap.request-pay .radio-wrap .radios{position:relative;}
.contents-wrap.request-pay .radio-wrap .price{font-size:16px;font-weight:var(--medium);position:absolute;top:50%;right:40px;transform:translateY(-50%);}
.contents-wrap.request-pay .radio-wrap.user-type input[type=radio] + label span{color:#333;}
.contents-wrap.request-pay .radio-wrap.user-type input[type=radio] + label .bold{display:block;font-size:14px;font-weight:var(--bold);margin-bottom:4px;}
.contents-wrap.request-pay label .text-count{position:static;}
.dropbox .btn{justify-content:flex-start;border-bottom:1px solid #f2f2f2;border-radius:0;padding:20px 0;position:relative;transition:border-bottom-color 200ms;}
.dropbox .btn:after{content:"";width:24px;height:24px;background:url("/resources/common/imgs/icon_arrow_down_circle.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:0;transform:translateY(-50%);transition:transform 200ms;}
.dropbox .btn.on{border-bottom-color:#333;}
.dropbox .btn.on:after{transform:translateY(-50%) rotate(-180deg);}
.dropbox .btn img + span{margin-left:16px;}
.drop-body{overflow:hidden;}
.drop-body > .wrap{border-bottom:1px solid #333;padding:36px 0;margin-bottom:0;}
.time-box + .time-box{margin-top:12px;}
.time-box p{margin-bottom:8px;}
.check-wrap.time{display:flex;flex-wrap:wrap;gap:4px;}
.check-wrap.time input[type=checkbox] + label{background:#f5f7f8;color:#ccc;font-size:14px;border:1px solid #e3e5e8;padding:10px 20px;}
.check-wrap.time input[type=checkbox]:checked + label{background:#dbe4ff;color:#333;font-size:14px;border:1px solid #c6c9e2;padding:10px 20px;}

.contents-wrap.request-pay.pay2 hr{height:12px;background:#fafafc;}
.contents-wrap.request-pay.pay2 .form-wrap{padding-top:24px;margin-bottom:30px;}
.contents-wrap.request-pay.pay2 .form-wrap .input-box:nth-child(2){margin-bottom:8px;}
.contents-wrap.request-pay.pay2 .form-wrap .check-wrap input[type=checkbox] + label{font-size:14px;}
.contents-wrap.request-pay.pay2 .result-wrap{border:0;border-bottom:1px solid #f2f2f2;padding:24px 16px;margin-bottom:24px;}
.contents-wrap.request-pay.pay2 .result-wrap ul li{color:#797979;font-weight:var(--medium);margin-bottom:12px;}
.contents-wrap.request-pay.pay2 .result-wrap ul li:last-child{margin-bottom:0;}
.contents-wrap.request-pay.pay2 .pro-info{color:#797979;font-size:12px;line-height:1.5;padding-bottom:30px;}
.apply-price{margin-top:20px;position:relative;}
.apply-price p{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:var(--medium);margin-bottom:12px;}
.apply-price p:last-child{margin-bottom:0;}
.apply-price p span{font-weight:var(--medium);}
.apply-price p [class*=-price]{font-size:16px;}
.apply-price .last{font-weight:var(--medium);border-top:2px dashed #d1d1d1;padding-top:24px;margin-top:24px;}
.apply-price .last span:first-child{font-size:16px;font-weight:var(--bold);}
.apply-price .last .result-price{font-size:18px;font-weight:var(--bold);}
.coupon-box .wrap:first-child{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px;}
.coupon-box .wrap h4{margin-bottom:0;}
.coupon-box .wrap .mini-label{font-weight:var(--medium);}

.contents-wrap.pay-result{height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;text-align:center;padding-top:0;padding-bottom:98px;}
.contents-wrap.pay-result h3{margin:20px 0;}
.contents-wrap.pay-result p{line-height:1.5;}
.contents-wrap.pay-result a{font-weight:var(--medium);}
.contents-wrap.pay-result a img{position:relative;top:1px;}

/*.field-apply{padding-bottom:20px;}
.field-apply h3{font-weight:var(--medium);}
.field-apply .form-wrap{border-bottom:1px solid #f2f2f2;padding-bottom:16px;margin-bottom:16px;}
.field-apply .p-info p{font-size:14px;margin:6px 0 12px;}
.field-apply .short-date-wrap{margin-bottom:0;}
.field-apply .radio-wrap .radios{justify-content:space-between;}
.field-apply .radio-wrap .radios:last-child{margin-bottom:0;}
.field-apply .radio-wrap .radios label span:nth-child(2){margin-left:10px;}
.field-apply .check-wrap.circle .checks:last-child{margin-bottom:0;}
.field-apply .radio-wrap .sub-h4{font-size:15px;font-weight:var(--medium);}
.field-apply textarea{font-size:14px;margin-top:20px;}
.field-apply .front-dashed{margin-bottom:20px;}
.field-apply .front-dashed li{font-size:13px;}
.field-apply .front-dashed ~ h4{margin-bottom:10px;}
.field-apply .front-dashed ~ h4:last-child{margin-bottom:30px;}
.field-apply .btn-wrap{margin-top:50px;}
.field-apply .radio-wrap.line.flex-radio{flex-wrap:wrap;}
.field-apply .radio-wrap.line .radios{width:calc(50% - 5px);margin-right:8px;margin-bottom:8px;}
.field-apply .radio-wrap.line .radios:nth-child(2n){margin-right:0;}
.field-apply .radio-wrap.line .radios:last-child{margin-right:0;margin-bottom:0;}
.field-apply .radio-wrap.line .radios:nth-last-child(2){margin-bottom:0;}
.field-apply .radio-wrap.line .radios input + label{width:100%;font-size:15px;text-align:center;border-width:2px;padding:8px;}
.field-apply .check-wrap.circle input[type=checkbox] + label{font-size:14px;}
.counsel-time-list-wrap{background:#fff;}
.counsel-time-list{background:#fff;padding:10px 20px 10px 10px;}
.counsel-time-list .swiper-wrapper{padding-bottom:0;}
.counsel-time-list .check-wrap.fill input[type=checkbox] + label{background:#f7f8f9;color:#7c7c7c;padding:10px 5px;}
.counsel-time-list .check-wrap.fill input[type=checkbox]:checked + label{background:var(--main);color:#fff;}
.coupon-box .wrap{display:flex;margin-bottom:10px;}
.coupon-box .wrap:first-child{justify-content:space-between;align-items:center;}
.coupon-box .coupon-name{width:100%;}
.coupon-box .coupon-name input{padding:12px 10px;}
.coupon-box .line-btn{max-width:60px;width:100%;font-size:15px;padding:10px;margin-left:10px;}
.apply-info{background:#f5f6ff;border-radius:10px;padding:15px;margin-top:20px;}
.apply-info .front-dashed{margin-bottom:0;}
.apply-info h4{margin-bottom:15px;}
.apply-info p{font-size:13px;}
.apply-info .wrap{margin-bottom:10px;}
.apply-info .wrap:last-child{margin-bottom:0;}
.apply-info h5{margin-bottom:5px;}
.pro-info{font-size:13px;line-height:1.4;margin-top:10px;}

.field-apply-complete{padding-bottom:20px;}
.field-apply-complete *{text-align:center;}
.field-apply-complete .wrap{padding:60px 40px;margin:50px 0 20px;box-shadow:#afafaf 0 3px 5px 0;}
.field-apply-complete .wrap .icon{margin-bottom:50px;}
.field-apply-complete .btn-wrap{margin-top:20px;}
@media (max-width:970px){
    .field-apply .apply-price{font-size:24px;}
    .field-apply .p-info p{font-size:12px;}
}

@media (max-width:500px){
    .field-apply .apply-price{font-size:22px;}
}*/

/* 분야별 리뷰 모음 페이지 */
.review-all{padding-bottom:0;}
.review-all h2{line-height:1.5;}
.review-all .select-box{margin-top:30px;margin-bottom:16px;margin-left:auto;}
.review-all .select-box img{width:16px;margin-right:4px;}
.review-all .select-box > label{width:auto;display:flex;color:#8f8f8f;border:0;margin-left:0;}
.review-all .select-box > label select{padding:0;}
.review-all .select-box > label:after{display:none;}
.review-all .client-review-list li:first-child{padding-top:0;}
.review-all footer{padding-bottom:0;}

@media (max-width:970px){
    .all-review-list h4{font-size:16px;}
    .all-review-list .review-title{font-size:16px;}
    .all-review-list .review-info{font-size:14px;}
}

@media (max-width:500px){
    .all-review-list h4{font-size:14px;}
    .all-review-list .review-title{font-size:14px;}
    .all-review-list .review-info{font-size:12px;}
}

/* 검색 폼 */
.search-wrap{width:100%;height:56px;border-bottom:2px solid var(--main);}
.search-wrap > .inner-wrap{height:100%;display:flex;position:relative;}
.search-wrap #search{width:calc(100% - 32px);height:100%;font-size:16px;border:0;padding:10px 30px 10px 0;}
.search-wrap #search::placeholder{color:#525252;}
.search-wrap .btn.back-arrow{width:25px;margin:0 12px 0 0;}
/*.search-wrap .btn.back-arrow img{width:20px;height:20px;}*/
.search-wrap .remove-btn{right:18px;}

/* 검색 페이지 */
.contents-wrap.searcher{padding-top:0;}
.contents-wrap.searcher .top{height:43px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #f2f3f7;padding:6px 16px;}
.contents-wrap.searcher .top .btn{width:var(--icon20);height:var(--icon20);padding:0;}
.contents-wrap.searcher .search-box{width:calc(100% - (var(--icon20) + var(--icon20)));}
.contents-wrap.searcher .search-box input{height:100%;font-size:13px;border:0;padding:6px 17px 8px;border-radius:30px;background-color:#f2f3f7;}
.contents-wrap.searcher .sub-box{margin-top:16px;}
.contents-wrap.searcher .sub-box + .sub-box{margin-top:32px;}
.contents-wrap.searcher h3{margin-bottom:16px;}
.hot-list ul{display:flex;flex-wrap:wrap;gap:10px 8px;}
.hot-list ul > li a{display:block;color:#525252;font-size:14px;border:1px solid #e3e9ec;border-radius:20px;padding:4px 10px;}


/* 검색 결과 페이지 */
.searcher.result #search{height:auto;}
.searcher.result form{position:relative;z-index:10;}
.searcher.result .filter-btn-wrap{justify-content:space-between;margin:10px 0 30px;}
.searcher.result .filter-btn-wrap .line-skip{width:calc(100% - 120px);}
/*.searcher.result .expert-list ul{border-top:0;}
.searcher.result .expert-list .review{margin-top:0;}*/
.searcher.result .field-list{padding-bottom:28px;}
.searcher.result .field-list .btn, .searcher.result .counsel-list .btn{margin-top:26px;}
.counsel-list{position:relative;padding-top:29px;}
/*.counsel-list::before{content:'';width:100%;height:8px;background:#f5f5f5;position:absolute;top:0;left:0;}
.counsel-list::after{content:'';width:100%;height:1px;box-shadow: 0px 1px 1px 0px rgba(216, 216, 216, 0.25);position:absolute;top:0;left:0;}*/
.counsel-list .top-filter-wrap{margin-top:0;}
.counsel-list > ul > li{border-bottom:1px solid #dbdbdb;padding:10px 0;}
.counsel-list h3{line-height:1.5;margin-top:10px;}
.counsel-list .wrap{margin:15px 0;}
.counsel-list .wrap .answer{margin-bottom:20px;}
.another-expert{display:flex;align-items:center;margin-bottom:10px;}
.another-expert .img{display:flex;position:relative;margin-right:10px;}
.another-expert .img img{width:22px;position:relative;margin-left:-11px;}
.another-expert .img img:first-child{margin-left:0;}
.counsel-social{display:flex;justify-content:space-between;align-items:center;margin-top:12px;}
.counsel-social.end{justify-content:flex-end;}
.counsel-social > ul{display:flex;align-items:center;}
.counsel-social > ul > li{margin-right:15px;}
.counsel-social > ul > li.on{color:#0d2ea7!important;}
.counsel-social > ul > li:last-child{margin-right:0;}
.counsel-social .round-label.on{background:var(--main);}
.search-result-list-wrap{height:calc(100% - 60px);overflow-y:auto;}
.no-data{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:auto;padding:0 32px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}
.no-data.in-page{position:static;transform:none;margin:59px 0;}
.no-data .icon{width:100px;height:100px;border-radius:50%;}
.no-data .icon img{width:100%;height:100%;}
.no-data > *{font-size:15px;text-align:center;}
.no-data > h3{font-weight:var(--medium);margin:12px 0 0;}
.no-data > p{color:#b5b5b5;font-size:14px;margin-bottom:16px;}
.no-data .btn{width:100%;font-weight:var(--medium);padding:12px;margin-top:24px;}
.searcher.result .tab-wrap.line-style{padding:0 10px;}
.searcher.result .tab-wrap.line-style > ul > li.on .btn:before{display:block;}
.searcher.result .tab-wrap.line-style > ul > li .btn:before{display:none;}

@media (max-width:970px){
    .counsel-list > ul > li{font-size:14px;}
    .counsel-social > ul > li{font-size:14px;}
}

@media (max-width:500px){
    .counsel-list > ul > li{font-size:12px;}
    .counsel-social > ul > li{font-size:12px;}
}

/* 상당글 전체보기 */
.date-tab{display:flex;justify-content:flex-end;border-bottom:1px solid #dbdbdb;}
.date-tab ul{display:flex;align-items:center;}
.date-tab ul > li{color:#757575;position:relative;padding-right:5px;margin-right:5px;}
.date-tab ul > li:after{content:"";width:1px;height:15px;background:#333;position:absolute;top:2px;right:0;}
.date-tab ul > li:last-child{padding-right:0;margin-right:0;}
.date-tab ul > li:last-child:after{display:none;}
.date-tab ul > li .radio-wrap input:checked + label{color:var(--main);font-weight:var(--medium);}

/* 전문가 전체보기 */
.searcher.result.sub-wrap .expert-list{border-top:1px solid #dbdbdb;margin-top:20px;}

/* 간편상담 (채팅) */
.chat-main{padding-top:0;}
.chat-main .inner-wrap{padding:20px 24px 0;}
.chat-main h2{font-size:20px;}
.chat-main ul .checks{}

/* 채팅창 내 이름표시 */
.chat-names{width:100%;text-align:left;margin-bottom:6px;font-size:13px;color:#333;font-weight:var(--reguler);}

/* 채팅창*/
.chat-detail{text-align:center;padding-bottom:80px;position:relative;}
.chat-detail .dates{display:inline-block;background:#f0f0f5;border-radius:20px;padding:4px 16px;margin:0 auto 16px;}
.chat-box{display:flex;align-items:flex-start;font-size:16px;margin-bottom:20px;}
.chat-box .icon{min-width:42px;width:42px;height:42px;border-radius:50%;margin-right:10px;overflow:hidden;}
.chat-box .icon a{width:100%;height:100%;}
.chat-box .icon img{height:100%;object-fit:cover;}
.chat-box .wrap{max-width:75%;display:flex;align-items:flex-end;flex-direction:column;}
.chat-box .chat-text{width:100%;background:#f0f0f5;border-radius:0 16px 16px 16px;padding:8px 16px;margin-top:5px;}
.chat-box .chat-text p{text-align:left;line-height:1.5;word-break:break-word;}
.chat-box .mini-label{text-align:left;margin-top:5px;}
.chat-box.my-chat{justify-content:flex-end;}
.chat-box.my-chat .wrap{align-items:flex-start;}
.chat-box.my-chat .icon{order:1;margin-right:0;margin-left:10px;}
.chat-box.my-chat .chat-text{background:rgba(219, 228, 255, 0.4);border-radius:16px 0 16px 16px;margin-left:auto;position:relative;}
.chat-box.my-chat .chat-text p{}
.chat-box.my-chat .chat-text span{color:var(--main);font-size:14px;position:absolute;left:-15px;bottom:0;}
.chat-box.my-chat .mini-label{text-align:right;}
.chat-input{padding:20px 16px;}
.chat-input .input-box{width:100%;height:40px;display:flex;align-items:center;border:1px solid #d3d3d3;border-radius:40px;padding:4px;margin-bottom:0;overflow:hidden;}
.chat-input .upload-box{min-width:40px;width:40px;height:40px;padding:0;overflow:hidden;}
.chat-input .upload-box > .upload-wrap{width:100%;height:100%;}
.chat-input .input-box label{width:100%;display:flex;justify-content:center;align-items:center;}
.chat-input label input[type=text]{width:100%;border:0;margin:0 5px;padding:10px;}
.chat-input .btn{min-width:32px;width:32px;height:32px;padding:0;}

/* 프로 상담글 */
.member, .member .contents-wrap{background:#e7f2fe;}
.sangdam-main .sub-box{background:#fff;border-radius:40px 40px 0 0;padding-top:20px;}
.sangdam-main .sub-box h2{text-align:center;position:relative;}
.sangdam-main .wrap{border-bottom:1px solid #dbdbdb;}
.sangdam-main .wrap .inner-wrap{padding-right:0;}
.sangdam-main .inner-wrap h2{text-align:left;margin-top:20px;padding-left:20px;}
.sangdam-main .inner-wrap h2:before{content:"";width:6px;height:100%;background:#62a7eb;position:absolute;top:0;left:0;}
.sangdam-main .pro-list{margin-top:20px;}
.sangdam-main .pro-list ul{flex-wrap:nowrap;border:0;padding:0;}
.sangdam-main .pro-list ul > li{width:calc(100% / 8);}
.sangdam-main .pro-list ul > li .img{max-width:44px;width:100%;}
.sangdam-main .pro-list ul > li p{font-size:16px;}
.sangdam-list{padding-bottom:20px;}
.sangdam-list > ul > li{padding:20px 16px;position:relative;}
.sangdam-list > ul > li::after{content:'';width:calc(100% - 32px);height:1px;background-color:#F2F3F7;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.sangdam-list > ul > li .mini-label{background-color:#f5f5f5;color:#5c5c5c;font-size:10px;font-weight:var(--medium);padding:2px 5px;margin-bottom:4px;}
.sangdam-list > ul > li h3{padding:0 3px;font-size:16px;font-weight:var(--bold);margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sangdam-list > ul > li p{display:-webkit-box;padding:0 3px;color:#8f8f8f;font-size:14px;text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:1.5;overflow:hidden;}
.sangdam-list > ul > li p.in-detail{display:block;color:#363636;}
.sangdam-list > ul > li .dates{color:#999;font-size:12px;}
.sangdam-list > ul > li > .btn-wrap{margin-top:24px;}
.sangdam-list > ul > li > .btn-wrap.mt-s{margin-top:8px;}
.sangdam-list > ul > li .chat-date{font-size:12px;font-weight:var(--reguler);color:#999;}
.sangdam-list.no-line > ul > li::after{display:none;}
.sangdam-main .no-data p{font-size:inherit;}
.sangdam-main .no-data .btn{margin-top:20px;}
.guest{background:#fff;}
.guest .contents-wrap{overflow:hidden;}
.selector{display:flex;justify-content:flex-end;margin:30px 0 10px;}
.selector ul{display:flex;align-items:center;}
.sangdam-detail-head .mini-label{margin-bottom:16px;}
.sangdam-detail-head h3{font-size:24px;margin-bottom:12px;}
.sangdam-detail-box .sangdam-con{word-break:break-all;white-space:pre-line;margin:27px 0 37px;word-wrap: break-word;color:#363636;line-height:1.9;}
/*.sangdam-detail-box .counsel-social{border-bottom:1px solid #f4f4f4;}*/
.sangdam-detail-box .counsel-social.icons ul{flex-wrap:wrap;}
.sangdam-detail-box .counsel-social.icons li{font-size:14px;}
.sangdam-detail-box .counsel-social.icons .btn{padding:20px 0;}
.sangdam-detail-box .counsel-social li{margin-right:20px;}
.sangdam-detail-box .counsel-social .wrap{display:flex;align-items:center;}
.sangdam-detail-box .counsel-social .btn.on{color:var(--main);padding:20px 0;}
.sangdam-detail-box .btn.round-label{width:80px;color:#bbb;font-size:13px;border-color:#bbb;border-radius:30px;padding:5px 10px;}
.sangdam-detail-box .btn.round-label.on{background:var(--main);color:#fff;border-color:var(--main);}
.sangdam-detail-box .btn.round-label + .reply-btn{width:80px;justify-content:center;font-size:13px;padding:5px 15px;margin-top:0;margin-left:10px;}
.sangdam-detail-box .no-data{height:calc(100vh - 320px);position:static;transform:none;}
.sangdam-detail-box .no-data .btn-wrap{width:100%;}
.sangdam-detail-box .reply-box .sangdam-con{color:#363636;line-height:1.8;font-size:14px;}

.reply-box{padding:20px 0 46px;}
.reply-box + .reply-box{border-top:1px solid #f4f4f4;}
.reply-box .reply-num{margin:30px 0 10px;}
.reply-wrap .reply-num2{font-size:16px;font-weight:500;color:#333;margin:22px 0 14px;}
.reply-num2 + .reply-box{padding-top:0;}
.reply-box .pro-profile{border:1px solid #e3e9ec;border-radius:6px;background-color:#FAFBFF;padding:19px 16px 19px 18px;box-shadow:none;}
.reply-box .pro-profile .pro-info{justify-content:flex-start;align-items:center;margin:0;}
.reply-box .pro-profile .pro-info .img{min-width:62px;width:62px;height:62px;border-radius:50%;margin-right:17px;margin-left:0;overflow:hidden;}
.reply-box .pro-profile .pro-info .img img{height:100%; object-fit:cover;}

.reply-box .pro-profile .pro-info .wrap{width:100%;position:relative;}
.reply-box .pro-profile .pro-info .wrap .dates{font-size:12px;position:absolute;right:0;bottom:0;}
.reply-box .pro-profile .pro-info p{margin-top:5px;}
.reply-box > .wrap{text-align:right;}
.reply-box .sangdam-con{margin:12px 0;}
.reply-box .btn-wrap{margin-top:15px;}
.reply-box .counsel-social.icons{padding-bottom:16px;}
.reply-box .counsel-social.icons *{color:#999;font-size:12px;font-weight:var(--reguler);}
.reply-box .counsel-social.icons ul{padding:0;}
.reply-box .counsel-social.icons .btn{padding:0;}
.more-list-wrap{display:flex;}
.more-list{width:100%;margin-right:30px;}
.more-list:last-child{margin-right:0;}
.more-list h3{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:10px;position:relative;}

.contents-wrap.sangdam .btn-wrap.fixed{bottom:60px;}
.counsel-social.icons.between{display:flex;justify-content:space-between;margin-bottom:4px;}
.counsel-social.icons > a{display:flex;align-items:center;}
.counsel-social.icons > a > ul{display:flex;align-items:center;margin-right:24px;}
.counsel-social.icons li{display:flex;align-items:center;color:#0d2ea7;font-size:12px;}
.counsel-social.icons li *{font-size:inherit;}
.counsel-social.icons li:first-child{margin-right:24px;padding:0 3px;}
.counsel-social.icons li img{width:30px;margin-right:5px;}
.counsel-social.icons li .btn{padding:0;}
.counsel-social.icons li:last-child img{margin-top:0;}
.counsel-social.icons .reply-btn{margin-top:0;}
.counsel-social.icons .share-btn > a{display:block;}

.contents-wrap.sangdam.detail{padding-bottom:0;}

.sangdam-profile{display:flex;border-bottom:1px solid #f4f4f4;padding-bottom:24px;}
.sangdam-profile > .wrap{display:flex;}
.sangdam-profile .img{width:44px;height:44px;border-radius:4px;margin-right:12px;overflow:hidden;}
.sangdam-profile h4{color:#2d2d2d;font-size:14px;font-weight:var(--medium);margin-bottom:2px;}
.sangdam-profile ul{display:flex;}
.sangdam-profile ul > li{color:#888;font-size:12px;margin-right:2px;}

@media (max-width:970px){
    .sangdam-main .pro-list ul > li{width:calc(100% / 6);}
    .reply-box{padding:24px 0;}
}

@media (max-width:500px){
    .sangdam-main .pro-list ul > li{width:calc(100% / 5);}
    .more-list-wrap{display:block;}
    .more-list{margin-right:0;margin-bottom:30px;}
}

/* 검색결과 리스트 */
.result-list{margin-top:20px;}
.result-list > li{padding:20px 16px;border-bottom:1px solid #f4f4f4;}
.result-list > li .mini-label{background-color:#fafafa;color:#5c5c5c;font-size:10px;font-weight:var(--medium);padding:2px 5px;margin-bottom:4px;}
/* 240116 결함 수정 */
.result-list > li .mini-label:not(:nth-of-type(1)){margin-left:4px;}
.result-list > li h3{padding:0 3px;font-size:16px;font-weight:var(--bold);margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.result-list > li p{padding:0 3px;color:#8f8f8f;font-size:14px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:1.5;}
.result-list > li p.in-detail{color:#363636;}

/* 상담글 상세 */
.contents-wrap.sangdam.detail .sangdam-list > p.count-text{font-size:16px;font-weight:600;color:#333;margin-bottom:14px;}
.contents-wrap.sangdam.detail .sangdam-list > ul > li:first-child{padding-top:5px;}
.contents-wrap.sangdam.detail .sangdam-list > ul > li{border-bottom:0;padding-bottom:0;}
.contents-wrap.sangdam.detail .sangdam-list > ul > li h3{font-size:23px;font-weight:var(--bold);margin-bottom:0;/*margin-bottom:20px;*/line-height:1.7;}
.contents-wrap.sangdam.detail .sangdam-list > ul > li h3.ellipsis2{text-overflow: ellipsis;white-space:initial;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding:0;}
.contents-wrap.sangdam.detail .sangdam-list + .btn-wrap{padding:0 16px 16px;}
.contents-wrap.sangdam.detail .sangdam-list + .btn-wrap .btn{width:100%;border-color:var(--main);padding:14px;}

/* 상담글 등록 */
/* 240116 결함 수정 */
.caution{border-top:1px solid #d9d9d9;padding:20px 0;margin-top:50px;padding-bottom:96px;}
.caution h3{margin-bottom:8px;}
.caution p{margin-bottom:12px;}
.contents-wrap.sangdam-regist{padding-top:25px;}
.sangdam-regist h3{font-weight:var(--bold);margin-bottom:12px;}
.sangdam-regist .input-box{margin-bottom:32px;}
.sangdam-regist textarea{height:250px;}
.sangdam-regist .select-box{margin-left:0;}
.sangdam-regist .btn-wrap{margin-top:0;}

.contents-wrap.sangdam-regist2{padding-top:16px;}
.contents-wrap.sangdam-regist2 .sangdam-list{padding-bottom:0;}
.contents-wrap.sangdam-regist2 >  .inner-wrap{padding-top:16px;}
.sangdam-regist2 h3{font-weight:var(--bold);margin-bottom:16px;}
.sangdam-regist2 textarea{height:250px;}

.keywords-wrap .btn-wrap{margin-top:12px;}
.keywords-wrap ul{display:flex;align-items:flex-end;flex-wrap:wrap;}
.keywords-wrap ul > li{display:flex;align-items:center;font-size:14px;border:1px solid var(--border);border-radius:20px;padding:8px 24px 8px 8px;margin-top:8px;margin-right:8px;margin-bottom:0;position:relative;}
.keywords-wrap ul > li.nothing{border:0;padding:0;}
.contents-wrap.regist .keywords-wrap ul > li{padding:5px 24px 5px 8px}
.add-btn2{border:1px dashed #999;border-radius:30px;padding:5px 23px;}
.keywords-wrap ul > li .remove-btn{width:12px;height:12px;display:flex;background:none;margin-left:10px;top:50%;right:6px;transform:translateY(-50%)!important;}
.keywords-wrap .no-data{height:auto;}
.keywords-wrap .btn.blue-line-btn{margin-top:8px;margin-left:auto;}
.btn.add-btn{width:auto;font-size:14px;text-decoration:underline;padding:0;}
.btn.blue-line-btn{width:auto;height:auto;font-size:14px;text-decoration:underline;padding:0;}


/* 위치서비스 */
#locateName{display:block;text-align:center;position:relative;}
#locateName:after{content:"";width:6px;height:6px;border-top:2px solid #757575;border-right:2px solid #757575;position:absolute;top:2px;right:-15px;transform:rotate(135deg);}
#locateName .location-picker{text-align:center;border:0;padding:0;}
.location-box{text-align:center;}
.location-box h2{margin-bottom:20px;}
.location-box p{margin-bottom:20px;}
.location-box label{display:block;position:relative;}
.contents-wrap.location{height:100%;padding-bottom:60px;}
.contents-wrap.location .field-list > ul > li .img{width:112px;height:112px;}
.contents-wrap.location .field-list > ul > li .inner h4{font-weight:var(--bold);}
.contents-wrap.location .map{height:100%;margin:0;position:relative;}
#kakaomap{width:100%;height:100%;}
.custom_zoomcontrol{background:#fff;border:1px solid #ddd;border-radius:4px;position:absolute;right:15px;bottom:0;z-index:10;overflow:hidden;box-shadow:-1px 2px 5px 0 #d6d6d6;}
.custom_zoomcontrol .btn{width:40px;height:40px;padding:0;}
.custom_zoomcontrol .btn:first-child{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;}
.custom_zoomcontrol .btn img{width:40%;}
.map-btn{width:100%;align-items:flex-end;position:fixed;bottom:16px;left:0;z-index:10;}
.map-btn.on{bottom:59px;}
/* 240104 결함 수정 */
.map-btn.on .pick-expert {height:138px;}
#btnMyloc{width:36px;height:36px;background:#fff;padding:8px;margin-left:0;margin-right:0;position:absolute;left:16px;z-index:2;box-shadow:-2px 2px 5px 0 #d6d6d6;}
#map-list{width:auto;background:#fff;font-size:14px;border:1px solid var(--border);border-radius:20px;padding:6px 12px;box-shadow:-1px 2px 5px 0 rgba(0,0,0,0.2);}
#map-list > img{width:20px;}
.map-tag-list{width:100%;height:54px;background:var(--white);border-bottom:1px solid var(--border);padding:12px 8px;position:fixed;top:0;left:0;z-index:11;overflow:hidden;}
.map-tag-list ul{display:flex;flex-wrap:wrap;gap:8px;padding-right:20px;}
.map-tag-list ul > li a{display:flex;align-items:center;font-size:14px;border:1px solid var(--border);border-radius:30px;padding:6px 8px;}
.map-tag-list ul > li.on a{border-color:var(--main);}
.map-tag-list ul > li:first-child a{padding:6px 12px;}
.map-tag-list ul > li input{display:none;}
.map-tag-list .img{width:20px;height:20px;margin-right:2px;}
.map-tag-list .btn{width:20px;height:20px;padding:0;position:absolute;right:10px;bottom:13px;transition:transform 200ms;}
.map-tag-list .btn.on{transform:rotate(180deg);}


/* 자주 묻는 질문 */
.most-question{}
.most-question > p{font-size:20px;margin-bottom:10px;}
.most-question ul > li{padding-left:10px;}

.contents-wrap.pro-center{padding-top:14px;}
.contents-wrap.pro-center .inner-wrap{padding:0 20px;}
.contents-wrap.pro-center h2{font-size:18px;margin-bottom:12px;}
.contents-wrap.pro-center pre{margin-top:12px;font-size:12px;}
.contents-wrap.pro-center .x-scroll{overflow-x:auto;}
.contents-wrap.pro-center .x-scroll > *{min-width:870px;}
.contents-wrap.pro-center .x-scroll th, .contents-wrap.pro-center .x-scroll td{font-size:12px;}
.contents-wrap.pro-center .most-question ul > li .accordion-inner{padding:15px 0;}
.contents-wrap.pro-center .most-question ul > li .accordion-inner .wrap{padding:0;}
.contents-wrap.pro-center .most-question ul > .accordion-box.on .accordion-con{border-color:#dbdbdb;}
.contents-wrap.pro-center .notice{margin-top:30px;}
.contents-wrap.pro-center .notice > ul{}
.contents-wrap.pro-center .notice > ul > li{}
.contents-wrap.pro-center .notice > ul > li a{display:flex;padding:15px 0;}
.contents-wrap.pro-center .notice p{font-size:16px;}
.contents-wrap.pro-center.center-detail h3{font-size:28px;font-weight:var(--medium);margin-bottom:60px;}
.contents-wrap.pro-center.policy h2{margin-bottom:30px;}
.contents-wrap.pro-center.policy pre{font-size:12px;margin-top:0;}
.contents-wrap.pro-center.policy .policy-head{font-size:16px;font-weight:var(--medium);}
.contents-wrap.pro-center.policy .policy-sub-head{font-size:16px;font-weight:var(--medium);}
.contents-wrap.pro-center.policy table{border-width:2px 0 1px 0;border-color:#d9d9d9;border-style:solid;/*border:1px solid #000;*/border-collapse:collapse;margin:30px 0;}
.contents-wrap.pro-center.policy table thead{border-bottom:1px solid #d9d9d9;}
.contents-wrap.pro-center.policy table th{font-weight:var(--medium);/*border:1px solid #000;*/padding:10px;font-size:12px;}
.contents-wrap.pro-center.policy table th + th{border-left:1px solid #d9d9d9;}
.contents-wrap.pro-center.policy table td{font-weight:var(--reguler);/*border:1px solid #000;*/padding:10px;font-size:12px;}
.contents-wrap.pro-center.policy table td {border-right:1px solid #d9d9d9;}
.contents-wrap.pro-center.policy table td:last-child{border-right:0;}
.contents-wrap.pro-center.policy table > tbody > tr{border-bottom:1px solid #d9d9d9;}
.contents-wrap.pro-center.policy table > tbody > tr:last-child{border-bottom:0;}
.terms_use_list{padding:7px 0;}
.terms_use_list > li{display:flex;justify-content:space-between;align-items:center;}
.terms_use_list > li + li{margin-top:16px;}
.terms_use_list > li > span{font-size:14px;font-weight:600;color:#333;}
.terms_use_list > li > a{font-size:12px;font-weight:500;color:#73787E;}

@media (max-width:970px){
    .contents-wrap.pro-center .notice > ul > li{font-size:14px;}
}

@media (max-width:500px){
    .contents-wrap.pro-center .notice > ul > li{font-size:12px;}
}

/* 나의 후기 */


/* 신청내역 */
.contents-wrap.historys{padding-bottom:20px;}
.contents-wrap.historys .select-box{margin-bottom:10px;}
.contents-wrap.historys .date-wrap .btn{max-width:52px;font-size:14px;margin-left:10px;}
.contents-wrap.historys .history-list h3{margin-bottom:0;}
.contents-wrap.historys .popup .inner-wrap{padding:16px 14px;}
.contents-wrap.historys .popup .pop_head{font-weight:var(--reguler);margin-bottom:0;}

.history-list > ul > li{background:#fff;border:1px solid #f2f2f2;border-radius:6px;padding:20px 15px;margin-bottom:16px;}
.history-list > ul > li:last-child{margin-bottom:0;}
.history-list .divide-wrap{display:flex;justify-content:space-between;align-items:center;}
.history-list .divide-wrap{display:flex;justify-content:space-between;align-items:center;}
.history-list .divide-wrap .wrap{display:flex;align-items:center;}
.history-list .divide-wrap .wrap > *{margin-right:5px;}
.history-list h4{margin:20px 0;}
.history-list .price{font-size:16px;font-weight:var(--medium);margin-bottom:24px;}
.history-list .btn{padding:11px 0;}

.history-list.reviews{border-top:1px solid #f2f2f2;padding:0;margin-bottom:20px;}
.history-list.reviews > ul > li{border-bottom:1px solid #f2f2f2;padding:10px 0 0 0;margin-bottom:0;}

/* 서비스 문의 관련 */
.history-list.reviews.no-line{border-top:0;padding:0;margin-bottom:20px;}
.history-list.reviews.no-line.data-list.delOn .check-wrap{padding-left:33px;}
.history-list.reviews.no-line > ul > li{border-bottom:0;}

.history-box .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
.history-box .top .btn{width:16px;height:16px;padding:0;}
.history-box .info{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;}
.history-box .info .inner{width:100%;}
.history-box .info .img{width:62px;height:62px;border-radius:4px;overflow:hidden;margin-right:8px;}
.history-box .info .img img{height:100%;object-fit:cover;}
.history-box .btn-wrap{margin-top:20px;}
.history-box .divide-info{display:flex;gap:12px;align-items:center;}
.history-box .divide-info .img{width:70px;height:70px;border-radius:4px;overflow:hidden;}
.history-box .divide-info .img img{height:100%;object-fit:cover;}
.history-box .info.mp-ver .c-grey{font-size:12px;}
.history-box .info.mp-ver .c-medium{font-size:12px;font-weight:var(--medium);}
.history-box .info.mp-ver h3{margin-bottom:6px;}
.history-box .info.mp-ver h3 > a{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:var(--bold);}
.history-box .info.mp-ver h3 > a > img{width:14px;}
.history-box .info.mp-ver p.price{margin-bottom:0;font-size:13px;}
.history-box .divide-info + .btn-wrap{margin-top:24px;}

    /* [공통] 상담내역 */
.d-flex{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}
.d-flex.al-start{align-items:flex-start;}
.d-flex.al-end{align-items:flex-end;}
.d-flex.jc-end{justify-content:flex-end;}
.d-flex.jc-start{justify-content:flex-start;}
.mb-9{margin-bottom:9px;}
.mt-26{margin-top:26px;}

.result-wrap{margin-bottom:30px;}
.result-wrap .in-box{border:1px solid #e3e9ec;border-radius:4px;padding:18px;margin-bottom:26px;}
/*.result-wrap .fill-label{margin-bottom:8px;}*/
.result-wrap h3{font-weight:var(--bold);padding-bottom:10px;border-bottom:1px solid var(--border);}
.result-wrap h4{font-size:16px;margin-bottom:10px;margin-top:8px;}
.result-wrap ul li{font-size:12px;font-weight:var(--medium);margin-bottom:8px;}
.result-wrap ul li .client-desc{display:flex;font-size:14px;}
.result-wrap ul li .client-desc p{width:80px;}
/*.result-wrap ul li:last-child{margin-bottom:0;margin-top:20px;}*/
.result-wrap p a{display:inline-block;font-weight:var(--medium);padding-left:20px;margin-top:10px;}
.result-wrap textarea[readonly]{height:auto;border:0;padding:0;}
.result-wrap .history-box{padding:0 6px;}
.result-wrap .history-box .top{margin-bottom:9px;}
.result-wrap .history-box .mini-label{font-weight:var(--medium);color:var(--main);border:1px solid var(--main);border-radius:2px;padding:0 8px;}
.result-wrap .history-box .mini-label.c-darkgrey2{color:#5c5c5c;border-color: #5c5c5c;}
.result-wrap .history-box h3{padding-bottom:0;margin-bottom:7px;border-bottom:0;}
.date-badge{font-size:14px;font-weight:var(--reguler);color:#525252;padding:4px 12px;text-align:center;border:1px solid #E3E9EC;background-color: #F2F3F7;border-radius: 17px;}
.dot-reserve{padding-left:13px;position:relative;font-size:14px;font-weight:var(--medium);color:#333;}
.dot-reserve::before{content:'';width:3px;height:3px;position:absolute;left:0;top:8px;border-radius:50%;background-color:#333;}

@media (max-width:500px){
    .date-badge{}
}


/* 신청내역 취소/완료 */
.contents-wrap.historys-result{padding-bottom:90px;}
.contents-wrap.historys-result .history-box{padding:14px;border:1px solid #E3E9EC;border-radius:4px;}
.contents-wrap.historys-result .history-box.no-pd{padding:0;border:0;border-radius:0;}
.contents-wrap.historys-result .history-box .d-flex{margin-top:13px;}
.contents-wrap.historys-result .history-box .d-flex + .history-sub{margin-top:24px;}
.contents-wrap.historys-result .result-wrap{margin-bottom:0;}
.contents-wrap.historys-result .front-dashed{padding-left:10px;}
.contents-wrap.historys-result .front-dot{margin-bottom:20px;}
.contents-wrap.historys-result .btn.review-btn{position:relative;}
.contents-wrap.historys-result .btn-wrap .btn.select{background-color:#f5f5f8;color:#7b7b7b;border:1px solid #e3e9ec;}
.requset-expert-box{background:#fff;display:flex;border-bottom:1px solid #f2f2f2;padding:0 0 20px;margin-bottom:16px;position:relative;}
.requset-expert-box .img{width:50px;height:50px;border:1px solid #ddd;margin-right:10px;}
.requset-expert-box .img img{width:100%;height:100%;}

.history-sub{padding:16px 0 24px;border-top:1px solid #F2F3F7;}
.history-sub.no-line{border-top:0;}
.history-sub > h4{font-size:15px;font-weight:var(--bold);margin-bottom:11px;}
.history-sub p.tl-right{text-align:right;}
.history-sub p.tl-right .underline{font-size:13px;}
.history-sub .front-dot > li{font-size:13px;margin-bottom:6px;}
.inner-history-box{border:1px solid #E3E9EC;border-radius:4px;padding:14px;}
.inner-history-box > h5 {font-size:14px;font-weight:var(--bold);margin-bottom:6px;}
.inner-history-box > p{font-size:13px;}
.info-list > li{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:var(--medium);}
.info-list > li > span{display:inline-block;;width:calc(100% - 50px);text-align:right;color:#7d7d7d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.info-list > li + li{margin-top:4px;}
.info-list > li.receipt-sum{padding-top:8px;margin-top:16px;border-top:1px solid #DCDAE5;font-size:16px;font-weight:var(--bold);}
.info-list > li.receipt-sum > span{width:calc(100% - 90px);font-weight:var(--medium);color:var(--black);}

    /* 찜 목록 */
.wish-list ul > li{display:flex;align-items:flex-start;}
.wish-list .check-wrap{width:100%;position:relative;}
.wish-list .check-wrap > label{width:100%;height:100%;display:none;position:absolute;cursor:pointer;}
.wish-list .check-wrap.circle .wrap{padding:0;}
.wish-list .pro-profile{border:0;box-shadow:none;}
.wish-list .pro-profile .pro-info{justify-content:flex-start;margin-bottom:0;}
.wish-list .pro-profile .pro-info .img{max-width:72px;width:100%;margin-right:20px;margin-left:0;}
.wish-list .pro-profile .pro-info h3{margin-top:0;}
.wish-list .icon-btn{max-width:50px;width:100%;margin-right:20px;position:relative;right:0;transition:200ms;}
.wish-list.delOn .check-wrap > label{display:block;}
.wish-list.delOn .icon-btn{position:absolute;right:-80px;}

@media (max-width:970px){
    .wish-list .pro-profile .pro-info{align-items:flex-start;}
    .wish-list .pro-profile .pro-info .img{max-width:48px;}
}

@media (max-width:500px){
    .wish-list .pro-profile .pro-info{align-items:flex-start;}
    .wish-list .pro-profile .pro-info .img{max-width:40px;}
}

/* 아코디언 박스 */
.accordion-box{overflow:hidden;}
.accordion-inner .wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:pointer;}
.accordion-inner .inquiry-title{font-size:16px;font-weight:var(--reguler);}
.accordion-inner .inquiry-info{display:block;padding:10px;}
.accordion-btn{width:40px;height:22px;padding:0;position:relative;z-index:10;}
.accordion-btn:after{content:"";width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;position:absolute;top:0;right:13px;transform:rotate(135deg);transition:200ms;}
.accordion-con{display:block;}
.accordion-con .inquiry-info{font-size:14px;overflow:hidden;}
.accordion-con .add-info{background:#fafafa;display:block;font-size:14px;word-break:break-all;padding:20px 20px 20px 40px;margin-bottom:10px;position:relative;}
.accordion-con .add-info:before{content:"";width:14px;height:14px;border-top:1px solid #b5b5b5;border-right:1px solid #b5b5b5;position:absolute;top:15px;left:15px;transform:rotate(180deg);}
.accordion-box.on .accordion-con .inquiry-info{border-radius:4px;}
.accordion-box.on .accordion-btn:after{top:4px;transform:rotate(-45deg);}

@media (max-width:970px) {
    .accordion-inner .inquiry{font-size:14px;}
}

@media (max-width:500px){
    .accordion-inner .wrap{padding:5px;}
    .accordion-btn:after{width:6px;height:6px;border-top-width:2px;border-right-width:2px;top:5px;}
    .accordion-box.on .accordion-btn:after{top:8px;}
}
/* 아코디언 박스2 */
.accordion-box.ver2{overflow:hidden;}
.accordion-box.ver2 .accordion-inner .wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:pointer;}
.accordion-box.ver2 .accordion-inner .inquiry-title{font-size:16px;font-weight:var(--reguler);}
.accordion-box.ver2 .accordion-inner .inquiry-info{display:block;padding:10px;}
.accordion-box.ver2 .accordion-btn{width:40px;height:22px;padding:0;position:relative;z-index:10;}
.accordion-box.ver2 .accordion-btn:after{content:"";width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;position:absolute;top:0;right:13px;transform:rotate(135deg);transition:200ms;}
.accordion-box.ver2 .accordion-con{display:block;}
.accordion-box.ver2 .accordion-con .inquiry-info{font-size:14px;font-weight:var(--reguler);overflow:hidden;}
.accordion-box.ver2 .accordion-con .blue-box2{display:block;padding:14px;font-size:14px;word-break:break-all;background:#f6f6f6;border-radius:4px;}
.accordion-box.ver2 .accordion-con .add-info:before{display:none;}
.accordion-box.ver2 .accordion-con .add-info-title{width:100%;display:flex;justify-content:space-between;align-items:center;}
.accordion-box.ver2 .accordion-con .add-info-title .add-tit{font-size:13px;font-weight:var(--bold);color:#111C6E;}
.accordion-box.ver2 .accordion-box.on .accordion-con .inquiry-info{border-radius:4px;}
.btn.accordion-btn2{width:16px;height:16px;background: url("/resources/common/imgs/icon_arrow_down2.svg")center center no-repeat;background-size:contain;transition:all 0.3s;}
.accordion-box.on .btn.accordion-btn2{transform:rotate(-180deg);transition:all 0.3s;}

/* 프로지식 답변 파란 박스 */
.blue-box2{display:block;padding:14px;font-size:14px;word-break:break-all;background:#f6f6f6;border-radius:4px;}
.blue-box2 .b-tit{font-size:13px;font-weight:var(--bold);padding-left:16px;position:relative;}
.blue-box2 .b-tit::before{content:'';width:8px;height:8px;border-width:0 0 1px 1px;border-color:#bdbdbd;border-style:solid;position:absolute;left:0;bottom:9px;}
.blue-box2 .d-flex + .info{margin-top:8px;}
.blue-box2 .info{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

@media (max-width:970px) {
    .accordion-inner .inquiry{font-size:14px;}
}

@media (max-width:500px){
    .accordion-inner .wrap{padding:5px;}
    .accordion-btn:after{width:6px;height:6px;border-top-width:2px;border-right-width:2px;top:5px;}
    .accordion-box.on .accordion-btn:after{top:8px;}
}

/* 프로 이용 가이드 */
.contents-wrap.guide{padding-top:0;}
.contents-wrap.guide + #footer footer{padding-bottom:20px;}
.contents-wrap.guide h2{font-size:26px;font-weight:var(--bold);}
.contents-wrap.guide h3{font-size:20px;font-weight:var(--bold);}
.contents-wrap.guide p span{font-weight:var(--medium);}
.contents-wrap.guide .wrap{background:#f8f8f8;padding:24px 16px;}
.contents-wrap.guide .wrap .guide-box{background:var(--white);padding:20px 16px;}
.guide-box{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;text-align:center;}
.guide-box > *{width:100%;}
.guide-box .guide-check{max-width:40px;width:100%;height:40px;background:#ddd;border-radius:50%;position:relative;transition:background-color 500ms;}
.guide-box .guide-check:before{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:10px;left:10px;transition:500ms;}
.guide-box .guide-check.on{background:#1428a0;}
.guide-box .guide-check.on:before{width:10px;height:20px;background:none;border-top:3px solid #fff;border-left:3px solid #fff;border-radius:initial;transform:rotate(-135deg);top:5px;left:13px;}
.guide-box .info{margin-left:20px;}
.guide-join{background:#f5f8fb;padding:50px 0;text-align:center;}
.guide-join .btn{max-width:220px;margin:40px auto 0;}

.guide-box.top .pro-ex-info{background:#0d1d73;text-align:center;padding-top:30px;}
.guide-box.top .pro-ex-info *{color:#fff;text-align:center;}
.guide-box.top .pro-ex-info .mini-label{background:#fff;color:#0d1d73;font-size:10px;font-weight:var(--bold);border-radius:30px;padding:4px 8px;margin-bottom:12px;}
.guide-box.top .pro-ex-info .img{max-width:300px;width:50%;padding-top:30px;margin:0 auto;}
.guide-box.top .infos{text-align:center;padding:40px 16px;}
.guide-box.top .infos .img{width:22px;margin:0 auto 12px;}

.wrap .guide-box{border-radius:8px;border:1px solid #f8f8f8;box-shadow:rgba(235,235,235,0.25) 3px 4px 10px 2px}
.wrap .guide-box + .guide-box{margin-top:12px;}
.wrap .guide-box > span{width:20px;height:20px;background:var(--main);display:flex;justify-content:center;align-items:center;color:var(--white);font-size:10px;font-weight:var(--bold);border-radius:50%;margin:0 auto;}
.wrap .guide-box > h4{font-size:16px;font-weight:var(--bold);line-height:1.5;margin-top:10px;}
.wrap .guide-box .icon{width:100px;height:100px;margin:20px auto;}
.wrap .guide-box p{font-size:12px;}

.guide-box.bottom{padding:40px 16px;}
.guide-box.bottom > span{font-size:12px;font-weight:var(--bold);}
.guide-box.bottom > h3{margin:10px 0 50px;}
.guide-use-list ul{text-align:left;padding-left:20px;}
.guide-use-list ul > li{display:flex;align-items:center;}
.guide-use-list ul > li + li{margin-top:32px;}
.guide-use-list ul > li .img{width:44px;margin:0 55px 0 0;}

.contents-wrap.guide.expert p span{font-weight:var(--reguler);}
.contents-wrap.guide.expert .guide-box.top .pro-ex-info{background:#f8f8f8;}
.contents-wrap.guide.expert .guide-box.top .pro-ex-info *:not(.btn){color:#000;}
.contents-wrap.guide.expert .guide-box.top .pro-ex-info .mini-label{background:var(--main);color:#fff;}
.contents-wrap.guide.expert .guide-box.top .pro-ex-info p{margin-top:16px;}
.contents-wrap.guide.expert .guide-box.top .pro-ex-info .btn-wrap{padding:30px;}
.contents-wrap.guide.expert .wrap{background:#fff;}
.contents-wrap.guide.expert .wrap .guide-box .icon{width:auto;height:auto;margin:36px auto;}

@media (max-width:970px){
    .guide-box{flex-direction:column;}
    .guide-box .img{margin:0 auto;}
}

@media (max-width:500px){
    .guide-box .guide-check{max-width:32px;height:32px;}
    .guide-box .guide-check:before{width:16px;height:16px;top:8px;left:8px;}
    .guide-box .guide-check.on:before{width:6px;height:16px;left:12px;}
}


/* 프로 전문가 가입 */
.pro-ex-top{background:#f5f8fb;position:relative;}
.pro-ex-info .mini-label{}
.pro-ex-info + .img{width:50%;}
.pro-ex-top p{margin-top:20px;}
.pro-ex-top .img{width:90%;margin:0 auto;}
.pro-activity ul{display:flex;justify-content:space-between;margin-top:40px;}
.pro-activity ul > li{width:calc(100% / 3);text-align:center;border:1px solid #dbdbdb;border-radius:30px;padding:15px;margin-right:30px;}
.pro-activity ul > li:last-child{margin-right:0;}
.pro-activity ul > li h3{font-size:30px;font-weight:var(--medium);}
.pro-activity ul > li p{line-height:1.5;margin-top:10px;}
.pro-act-positive ul{display:flex;flex-wrap:wrap;margin-top:40px;}
.pro-act-positive ul > li{width:50%;padding:20px 0 0 90px;margin-bottom:40px;}
.pro-act-positive ul > li .icon{margin-bottom:20px;}
.pro-act-positive ul > li h3{margin-bottom:10px;}
.qna-chat-wrap{max-width:1030px;background:#e4f1ff;border-radius:20px;padding:40px 50px;margin:30px auto 0;}
.qna-chat-box{display:flex;align-items:flex-end;margin-bottom:30px;}
.qna-chat-box.left{justify-content:flex-start;}
.qna-chat-box.right{justify-content:flex-end;}
.qna-chat-box .img{width:50px;height:50px;background:#f5f5f5;display:flex;justify-content:center;align-items:center;border-radius:50%;}
.qna-chat-box .text-box{max-width:50%;background:#fff;border-radius:20px;padding:30px;position:relative;z-index:1;box-shadow:#bcbcbc 0 4px 4px 0;}
.qna-chat-box .text-box:before{content:"";width:30px;height:30px;background:#fff;border-radius:30%;position:absolute;bottom:0;z-index:-1;box-shadow:#bcbcbc 0 4px 4px 0;}
.qna-chat-box .text-box:after{content:"";width:100%;height:100%;background:#fff;border-radius:20px;position:absolute;top:0;left:0;z-index:-1;}
.qna-chat-box.left .text-box:before{left:4px;transform:rotate(-25deg) skewX(140deg);}
.qna-chat-box.right .text-box:before{right:4px;transform:rotate(25deg) skewX(220deg);}
.qna-chat-box.left .img{margin-right:20px;}
.qna-chat-box.left .text-box{font-weight:var(--medium);}
.qna-chat-box.right .img{order:1;margin-left:20px;}
.qna-chat-box.right .img > img{width:70%;}

@media (max-width:1030px){
    .qna-chat-wrap{width:100%;border-radius:0;}
}

@media (max-width: 970px){
    .pro-ex-top .img{max-width:80%;}
    .pro-ex-top .img img{padding:120px 0 20px;}
    .pro-activity ul{flex-wrap:wrap;}
    .pro-activity ul > li{width:100%;margin-right:0;margin-bottom:20px;}
    .pro-activity ul > li:last-child{margin-bottom:0;}
    .pro-activity ul > li h3{font-size:24px;}
    .pro-act-positive ul > li{width:100%;text-align:center;padding:20px;}
    .pro-act-positive ul > li .icon img{max-width:80px;}
    .qna-chat-wrap{padding:50px 20px;}
    .qna-chat-box .img{display:none;}
    .qna-chat-box .text-box{max-width:80%;border-radius:30px;padding:20px;}
    .qna-chat-box .text-box:after{border-radius:30px;}
}

/* 전문가 서브 공통 */
.expert-wrap h2 + p{border-bottom:1px solid #dbdbdb;padding:5px 0;margin-bottom:30px;}
.expert-wrap .input-box h3{display:flex;align-items:center;}
.expert-wrap .sub-box{border-top:1px solid #f2f2f2;padding-top:20px;}
.expert-wrap .short-date-wrap{width:200px;}
.expert-wrap .short-date-wrap input{padding:8px 5px;}
.expert-wrap .select-box{width:200px;margin:20px 0 10px auto;}
.expert-wrap .select-box select{padding-top:5px;padding-bottom:5px;}
.expert-wrap .data-list ul > li{padding:15px 10px;}
.expert-wrap .data-list ul > li .wrap{display:flex;justify-content:space-between;align-items:center;}
.expert-wrap .data-list ul > li .wrap .fill-label{margin-right:5px;}
.expert-wrap .data-list ul > li > .wrap ~ *{margin-top:10px;}
.expert-wrap .data-list ul > li .btn{padding:10px 0;}
.expert-wrap .btn-wrap{margin-top:40px;}

/* 전문가 의뢰 요청 */
.expert-counsel-request h2{font-weight:900;margin-bottom:20px;}
.expert-counsel-request .sub-box{margin-bottom:40px;}
.expert-counsel-request ul > li{margin-bottom:10px;}
.expert-counsel-request ul > li:last-child{margin-bottom:0;}
.expert-counsel-request .sub-h4{margin-bottom:10px;}
.expert-counsel-request .btn-wrap{margin-top:20px;}
.img-wrap ul{display:flex;flex-wrap:wrap;}
.img-wrap ul > li{width:72px;margin-right:10px;margin-bottom:10px;}
.img-wrap ul > li:last-child{margin-right:0;}
.img-wrap ul > li a{display:flex;}
.expert-price{font-size:20px;text-align:right;margin-top:30px;}
.expert-price span{font-weight:var(--medium);}

@media (max-width:970px){
    .img-wrap ul > li{width:60px;}
}

@media (max-width:500px){
    .img-wrap ul > li{width:48px;}
}

/* 상담 일정 설정 */
.time-set .sub-box:not(:first-child){border-top:0;}
.time-set .sub-box p{margin-bottom:10px;}
.time-set .date-wrap{justify-content:flex-start;}
.time-set .check-wrap.fill{display:flex;flex-wrap:wrap;margin-bottom:15px;}
.time-set .check-wrap.fill .checks{width:calc(25% - 10px);margin:0 5px 10px 5px;}
.time-set .check-wrap.fill .checks label{border:1px solid #ddd;border-radius:5px;padding:10px 20px;}
.time-set .select-box{max-width:400px;width:100%;margin-right:auto;margin-left:0;}
.time-set .select-box select{font-size:16px;padding:10px 40px 10px 10px;}
.time-set .sub-box h4{margin-bottom:10px;}

/* 서비스 요금 */
.service-price .input-box h4{margin-bottom:20px;}

/* 전문가 내 정보 */
.ex-my-info .check-wrap.switch{margin-bottom:10px;}
.ex-my-info .check-wrap.switch input[type=checkbox] + label{max-width:200px;width:100%;justify-content:space-between;}
.ex-my-info .menu-policy .back-dashed > li{font-size:16px;}
.ex-my-info .menu-policy .btn{width:auto;margin:0 auto;}

@media (max-width:767px){
    .ex-my-info .menu-policy .back-dashed > li{font-size:14px;}
}

@media (max-width:500px){
    .ex-my-info .check-wrap.switch input[type=checkbox] + label{max-width:100%;}
    .ex-my-info .menu-policy .back-dashed > li{font-size:12px;}
}

/* 알림페이지 */
.alert-list ul > li > *{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #eee;padding:24px 0;}
.alert-list .img{min-width:16px;width:16px;height:16px;}
.alert-list .img img{height:100%;}
.alert-list .inner{width:100%;}
.alert-list .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.alert-list span{color:#999;font-size:12px;font-weight:var(--medium);}
.alert-list p.line-two-skip{height:46px;color:#797979;line-height:1.5;}

@media (max-width:970px){
    .alert-list p.line-two-skip{height:40px;}
}

/* 풀 캘린더 */
.fc .fc-toolbar-title{font-size:28px;}
.fc .fc-button{padding:4px 8px;}
.fc .fc-scrollgrid{border:0;}
.fc .fc-daygrid-day-number{font-size:16px;}
.fc .fc-daygrid-day-top{justify-content:center;}
.fc .fc-daygrid-day.fc-day-today{background:none;color:#518eff;}
.fc-theme-standard td, .fc-theme-standard th{text-align:center;border:0;}
.fc-theme-standard th{padding:10px 0;}
.fc-theme-standard tr td.fc-day-sat{color:#f00;}
.fc-theme-standard tr td.fc-day-sun{color:#f00;}
@media (max-width:970px){
    .fc .fc-toolbar-title{font-size:24px;}
    .fc .fc-daygrid-day-number{font-size:14px;}
}

@media (max-width:500px){
    .fc .fc-toolbar-title{font-size:20px;}
    .fc .fc-daygrid-day-number{font-size:12px;}
}

/*mypage 후기작성 작업_hj*/
.star{display:flex;justify-content:center;margin:20px 0;}
.textBox #stext{margin:20px 0;}
.mypage-review .btn-wrap{margin-top:40px;}



/*전문가 활동 신청_hj*/
.master_request{text-align:center;margin:120px 0;}
.master_request h2{margin:40px 20px 20px;color:#333;font-size:28px;font-weight:800;}
.master_request p{line-height:1.5;}
.master_button{background-color:var(--main);text-align:center;padding:12px 0;}
.master_button a{color:#fff;font-size:18px;font-weight:var(--medium);}

/*서류첨부 화면_hj*/
.master_txt{color:#333;font-weight:bold;}
.master_document{text-align:center;margin-top:40px;}
.master_document p{margin:40px 0 20px;}
.master_document a{display:inline-block;font-weight:var(--medium);color:#fff;background-color:var(--main);padding:10px 50px;border-radius:3px;}

/*개인사업자_hj*/
.master_sole_txt h3{display:flex;align-items:center;margin:15px 0;}
.master_sole_txt h3 .icon{width:auto;font-size:13px;padding:4px 8px;margin-left:10px;}
.master_sole_txt h3 .icon img{margin-right:5px;}
.master_sole_box{display:flex;margin-bottom:20px;align-items:center;position: relative;}
.master_start{align-items:flex-start;}
.master_sole_box h5{margin-right:10px;padding:3px 0;font-size:14px;font-weight:var(--medium);color:#424242;border:1px solid #424242;width:100%;max-width:54px;border-radius:20px;text-align:center;}
.master_sole_box > div p:last-child{margin-top: 5px;}
.master_sole_box .master_download{font-size:12px;position:absolute;top:0;right:0;display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:3px;padding:5px 3px;}
.sub-line{height:4px;background-color:#e5e5e5;}
.master_add{display:flex;flex-wrap: wrap;padding-left:20px;margin-top:20px;}
.master_add .add_box{width:80px;height:80px;border: 1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;font-size:40px;margin-right:20px;margin-bottom:20px;}
.masters .btn-wrap{margin-top:30px;}

/* 다른 프로지식 살펴보기 */
.blue-box{padding:31px 16px;background-color:#F2F3F7;}
.blue-box  .b-title{font-size:16px;font-weight:700;color:#333;}
.blue-box  .b-title + .pro-knowledge-list{margin-top:16px;}
.pro-knowledge-list > li{width:100%;}
.pro-knowledge-list > li + li{margin-top:8px;}
.pro-knowledge-list > li > a{display:flex;align-items:center;position:relative;background-color:#fff;border-radius:6px;padding:14px 43px 14px 20px;}
.pro-knowledge-list > li > a > span{display:inline-block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#363636;font-weight:500;}
.pro-knowledge-list > li > a::before{content:'Q. ';font-size:14px;color:#1D2775;font-weight:500;white-space:pre;}
.pro-knowledge-list > li > a::after{content:'';width:16px;height:16px;position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url("/resources/common/imgs/icon_arrow_right.svg")center center no-repeat;}

/*******************/
.sns-list ul > li{display:flex;align-items:center;margin-bottom:20px;cursor:pointer;}
.sns-list ul > li:last-child{margin-bottom:0;}
.sns-list ul > li .btn{justify-content:flex-start;padding:0;}
.sns-list ul > li .img{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:10px;}
.sns-list ul > li img{width:60%;}
.sns-list ul > li:nth-child(1) .img{background:#ccc;}
.sns-list ul > li:nth-child(2) .img{background: #fee500;}
.sns-list ul > li:nth-child(3) .img{background:#00cb55;}


.expert-banner-wrap{position:relative;}
.expert-banner-wrap .remove-btn{top:0;transform:translateY(0);}

/* 크롭퍼 */
.cropper-canvas{z-index:1!important;}
.cropper-crop-box{z-index:2!important;}
.cropper-modal{opacity:1!important;}

/* Toast */
#toast {
	position: fixed;
    bottom: 30px;
    left: 50%;
    padding: 10px 35px;
    transform: translate(-50%, 10px);
    border-radius: 5px;
    overflow: hidden;
    font-size: .8rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s, transform .5s;
    background: rgba(0, 0, 0);
    color: #fff;
    z-index: 10000;
}
#toast.reveal {
	opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

/* 페이앱 */
.pay-app-info-box {
	width: 100%;
	flex-shrink: 0;
	border-radius: 4px;
	background: #F2F3F7;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	padding: 10px 24px 12px;
	margin-bottom: 24px;
}
.pay-app-top-info {
	width:100%;
	color: #1D2775;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	position:relative;
    padding-bottom:7px;
    margin-bottom:11px;
}
.pay-app-top-info:after {
	content:'';
	width: 100%;
	height: 1px;
	background-color: #D3D3D3;
	position:absolute;
	bottom:0;
	left:0;
}
.pay-app-info {
	font-size: 13px;
	font-weight: 400;
}
.pay-app-more-info {
	font-size: 13px;
	font-weight: 500;
	text-decoration-line: underline;
    margin-top:7px;
}
.input-box .pay-app-chat-service-info{
	height:40px;
}
.input-box .pay-app-chat-service-info .chat-service-txt{
	display:flex;
}
.pay-app-chat-service-txt{
	display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}

.pay-app-chat-service-txt > a{font-size:12px;color:#73787E;font-weight:400;}

/* 마이프로_전문가 */
.ico-kakao{display:inline-block;width:16px;height:16px;background:url("../imgs/kakao_ico.svg")center center no-repeat;background-size:contain;}
.ico-naver{display:inline-block;width:16px;height:16px;background:url("../imgs/naver_ico.svg")center center no-repeat;background-size:contain;}
.ico-google{display:inline-block;width:16px;height:16px;background:url("../imgs/google_ico.svg")center center no-repeat;background-size:contain;}
.ico-apple{display:inline-block;width:16px;height:16px;background:url("../imgs/apple_ico.svg")center center no-repeat;background-size:contain;}
