@charset 'utf-8';

@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:400;
    src:url('fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:500;
    src:url('fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:600;
    src:url('fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:700;
    src:url('fonts/Pretendard-Bold.woff') format('woff');
}

/* common */
:root{
    --primary-color:#03bfa1;
}
*{margin:0; padding:0; font-family:'Pretendard'; font-weight:400; -webkit-tap-highlight-color:transparent;}
body{font-size:18px; color:#111; line-height:1.2; -webkit-text-size-adjust:none;}
a{color:inherit; text-decoration:none;}
hr, caption, legend{display:none;}
colgroup{background:none;}
h1, h2, h3, h4, h5, h6{font-size:100%; line-height:1.2;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, img{margin:0; padding:0; border:0;}
ul, ol, li{list-style:none;}
table{clear:both; width:100%; border-spacing:0; border:0;}
p, div, th, td{font-size:100%;}
b{font-weight:700;}
img,input,select,textarea{vertical-align:middle;}
input,select,textarea, button{font-family:'Pretendard'; font-size:100%; outline:none;}
textarea{resize:none;}
input[type="submit"], button{cursor:pointer;}
button{outline:none; border:0; appearance:none;}
button::-moz-focus-inner{padding: 0; border:0;}
::placeholder{color:#999;}
.blind{position:absolute; top:0; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.lock{overflow:hidden;}
.mo {display:none;}

/* header */
header{position:sticky; top:0; left:0; z-index:10; width:100%; height:120px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff;}
header .inner{display:flex; justify-content:space-between; align-items:center; max-width:1740px; height:100%; margin:0 auto; padding:0 20px;}
header h1{width:221px;}
header h1 img{width:100%;}

nav ul{display:flex; justify-content:space-between; gap:60px;}
nav li{position:relative;}
nav a{font-size:22px; font-weight:600;}
nav li:has(.tag) a{font-weight:700; background:linear-gradient(to right, #00beab, #007bfe); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
nav li .tag{position:absolute; top:-38px; left:50%; width:227px; height:29px; box-sizing:border-box; padding:0 10px; font-size:16px; font-weight:700; color:#00ffd6; line-height:29px; border-radius:15px; background:#000; transform:translateX(-50%);}
nav li .tag:after{position:absolute; bottom:-15px; left:50%; content:''; border:6px solid transparent; border-top:10px solid #000; transform:translateX(-50%);}
nav .sub,
nav .logout{display:none;}
/* header .util{display:flex; gap:20px;}
header .util .btn-noti{position:relative; width:36px; height:36px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_noti.png) no-repeat center; background-size:30px auto;}
header .util .btn-noti .dot{position:absolute; top:2px; right:3px; width:6px; height:6px; border-radius:50%; background:#E26141;}
header .user{display:flex; align-items:center; gap:10px;}
header .user .btn-user{position:relative; padding:0 20px 0 0; font-size:16px; background:none;}
header .user .btn-user:after{position:absolute; top:4px; right:0; content:''; border:7px solid transparent; border-top-color:#000;} */

header .util{position:relative; display:flex;}
header .util .btn{height:40px; box-sizing:border-box; margin:0 0 0 8px; padding:0 30px; font-weight:500; border-radius:20px;}
header .util .btn-login{border:1px solid #ccc; background:#fff;}
header .util .btn-join{color:#fff; background:#03bfa1;}
header .util .tag{position:absolute; top:0;}
header .btn-nav-close{display:none;}
.btn-nav{display:none;}
header .util .tag{position:absolute; top:-34px; right:-12px; width:150px; height:29px; box-sizing:border-box; font-size:16px; font-weight:700; color:#00ffd6; text-align:center; line-height:29px; border-radius:15px; background:#000;}
header .util .tag:after{position:absolute; bottom:-15px; left:50%; content:''; border:6px solid transparent; border-top:10px solid #000; transform:translateX(-50%);}
header .util .btn-noti{position:relative; width:36px; height:36px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_noti.png) no-repeat center; background-size:30px auto;}
header .util .btn-noti .dot{position:absolute; top:2px; right:3px; width:6px; height:6px; border-radius:50%; background:#E26141;}
header .user{display:flex; align-items:center; gap:10px; margin:0 0 0 20px;}
header .user .btn-user{position:relative; padding:0 20px 0 0; font-size:16px; background:none;}
header .user .btn-user:after{position:absolute; top:4px; right:0; content:''; border:7px solid transparent; border-top-color:#000;}
.noti-modal{position:absolute; top:50px; right:0; z-index:2; display:none; width:430px; box-sizing:border-box; padding:7px 20px 0; border:1px solid #222; border-radius:10px; background:#fff;}
.noti-modal li{border-bottom:1px solid #eee;}
.noti-modal a{display:flex; justify-content:space-between; padding:17px 0; font-size:16px;}
.noti-modal .txt b{font-weight:700; color:#009989;}
.noti-modal .date{padding:2px 0 0; font-size:14px; color:#888;}
.noti-modal .btn-more{display:block; text-align:center;}
.mypage-modal{position:absolute; top:50px; right:0; z-index:2; display:none; width:173px; box-sizing:border-box; padding:10px; border:1px solid #222; border-radius:10px; background:#fff;}
.mypage-modal .btn-mypage{display:block; width:100%; height:40px; font-weight:500; color:#fff; text-align:center; line-height:40px; border-radius:10px; background:#111;}
.mypage-modal .btn-area{padding:14px 0; border-bottom:1px solid #eee;}
.mypage-modal .btn-area a{display:block; margin-left:10px; padding:2px 0 2px 32px;}
.mypage-modal .btn-bidding{background:url(../images/ico_light.svg) no-repeat 0 center;}
.mypage-modal .btn-setting{margin:8px 0 0; background:url(../images/ico_setting.svg) no-repeat 0 center;}
.mypage-modal .btn-logout{margin:8px 0 0; background:url(../images/ico_logout.svg) no-repeat 0 center;}
.mypage-modal .info-num{padding:14px 10px; font-size:16px;}
.mypage-modal .info-num li{display:flex; justify-content:space-between;}
.mypage-modal .info-num li:not(:first-child){margin:10px 0 0;}
.mypage-modal .info-num .num b{font-weight:400; color:#03bfa1;}


/* footer */
footer{background:#f9f9f9;}
footer .inner{max-width:1740px; margin:0 auto; padding:60px 0 70px;}
.guide-link{display:flex; margin:0 0 58px;}
.guide-link .customer{margin:0 164px 0 0;}
.guide-link .customer dt{font-size:20px; font-weight:700;}
.guide-link .customer dd{margin:5px 0 0; font-size:44px;}
.guide-link .customer dd a{font-weight:700;}
.guide-link .customer p{margin:10px 0 0; line-height:26px;}
.guide-link .customer p span{display:block; margin:5px 0 0;}
.guide-link .customer .mail,
.guide-link .customer .guide-txt{display:none;}
.guide-link .link{display:flex; gap:140px;}
.guide-link .link strong{display:block; margin:0 0 20px; font-size:22px; font-weight:700; color:#111;}
.guide-link .link li{margin:0 0 16px;}
.guide-link .link a{font-weight:600; color:#666;}
.site-info{display:flex;}
.site-info .logo{width:260px; margin:0 224px 0 0;}
.site-info .logo img{width:100%;}
.site-info .info{flex:1;}
.site-info .link-privacy{position:relative; margin:0 0 0 15px; font-weight:700;}
.site-info .link-privacy:before{position:absolute; top:3px; left:-9px; width:1px; height:17px; content:''; background:#111;}
.site-info address{margin:14px 0 10px; font-style:normal;}
.site-info .copyright{margin:10px 0 0;}
.site-info .sns{padding:10px 0 0;}
.site-info .sns a{margin:0 0 0 10px;}

/* 
contents 
*/
.btn-default,
.btn-default:hover{display:block; width:360px; height:66px; margin:0 auto; font-size:22px; font-weight:500; text-align:center; line-height:66px; color:#111; border:1px solid #111; border-radius:33px; background:#fff;}
.btn-primary,
.btn-primary:hover{display:block; width:360px; height:66px; margin:0 auto; font-size:22px; font-weight:500; text-align:center; line-height:66px; color:#fff; border-radius:33px; background:var(--primary-color);}
.btn-primary-border,
.btn-primary-border:hover{display:block; width:100%; height:66px; margin:0 auto; font-size:22px; font-weight:500; text-align:center; line-height:66px; color:var(--primary-color); border:1px solid var(--primary-color); border-radius:33px; background:#fff;}
.btn-primary-border:disabled{color:#999; border-color:#eee; background:#eee;}

/* modal */
.modal{position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background:rgba(0, 0, 0, .5); opacity:0; visibility:hidden; transition:opacity .5s;}
.modal.active{opacity:1; visibility:visible;}
.modal .inner{position:absolute; top:50%; left:50%; overflow:hidden; border-radius:16px; background:#fff; transform:translate(-50%, -50%);}
.modal-header{position:relative; text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.modal-header h1{font-size:22px; font-weight:600;}
.modal-header .btn-close{position:absolute; top:25px; right:20px; width:14px; height:14px; overflow:hidden; text-indent:-9999px; background:none;}
.modal-header .btn-close:before{position:absolute; top:-2px; left:6px; width:1px; height:17px; content:''; background:#111; transform:rotate(45deg);}
.modal-header .btn-close:after{position:absolute; top:-2px; left:6px; width:1px; height:17px; content:''; background:#111; transform:rotate(-45deg);}
.modal-body{padding:20px 30px;}
.modal .btn-area{display:flex; justify-content:center; gap:10px; padding:0 30px 20px;}
.modal .btn-area .btn{width:142px; height:48px; line-height:48px; border-radius:24px;}
.modal .btn-area .btn-border{border:1px solid #111; background:#fff;}
.modal .btn-area .btn-bk{font-weight:700; color:#fff; background:#111;}
.modal .request-support{width:440px; padding:30px 0; text-align:center; background:#f3f5f7;}
.modal .request-support dt{margin:0 0 10px; font-weight:700;}
.modal .request-support dd{margin:0 0 20px; font-size:16px; color:#666;}
.modal .request-support a{display:inline-block; padding:10px 25px; font-size:16px; font-weight:500; color:#fff; border-radius:20px; background:var(--primary-color);}

.tbl-request{width:600px;}
.tbl-request th{padding:10px 0; font-size:16px; font-weight:700; background:#f3f5f7;}
.tbl-request th:first-child{border-radius:6px 0 0 6px;}
.tbl-request th:last-child{border-radius:0 6px 6px 0;}
.tbl-request td{padding:15px 0; text-align:center; border-bottom:1px solid #ddd;}
.tbl-request .btn-select{padding:10px 20px; color:#999; border:1px solid #ddd; border-radius:10px; background:#fff;}
.tbl-request .btn-select.active{color:#111; border-color:#111;}

.bidding-modal .inner{width:480px;}
.bidding-modal .em{margin:0 0 20px; font-weight:700; line-height:26px;}
.bidding-modal li{position:relative; padding:0 0 0 12px;}
.bidding-modal li:before{position:absolute; top:9px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111;}
.bidding-modal li:not(:first-child){margin:10px 0 0;}
.bidding-modal .regi-form{margin:30px 0 0;}
.bidding-modal .regi-form .row + .row{margin:10px 0 0;}
.bidding-modal .regi-form select{width:200px;}

.privacy-modal strong{display:block; margin:0 0 20px; font-weight:700;}
.privacy-modal p{width:580px; height:150px; overflow:auto;}

.sign-modal .inner{width:480px;}
.sign-modal .tab-nav{display:flex; margin:0 0 30px;}
.sign-modal .tab-nav a{padding:0 10px 14px; font-size:18px; color:#999; text-align:center; border-bottom:2px solid transparent;}
.sign-modal .tab-nav a.active{font-weight:700; color:var(--primary-color); border-color:var(--primary-color);}
.sign-modal .tab-contents > div{display:none;}
.sign-modal .tab-contents > .active{display:block;}
.sign-modal .sign-list{display:flex; flex-wrap:wrap; gap:10px; height:200px; box-sizing:border-box; padding:30px; border-radius:10px; background:#f9f9f9;}
.sign-modal .sign-list a{display:flex; align-items:center; justify-content:center; width:80px; height:80px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; background:#fff;}
.sign-modal .sign-list a.active{border:2px solid var(--primary-color);}
.sign-modal .sign-list img{max-width:60px;}
.sign-modal .txt-guide{position:relative; margin:30px 0; padding:0 0 0 12px; font-size:16px;}
.sign-modal .txt-guide:before{position:absolute; top:7px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111;}

.sign-modal .file input[type="text"]{flex:1;}
.sign-modal .file .btn{position:relative; width:126px; overflow:hidden;}
.sign-modal .file input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.sign-modal .file .btn-file{width:100%; height:50px; color:#fff; border-radius:10px; background:#111;}
.sign-modal .file{display:flex; gap:8px;}
.sign-modal .file input[type="text"]{flex:1;}
.sign-modal .file .btn{position:relative; width:126px; overflow:hidden;}
.sign-modal .file input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.sign-modal .file .btn-file{width:100%; height:50px; color:#fff; border-radius:10px; background:#111;}
.sign-modal .guide{margin:10px 0 0; font-size:16px; color:#0372e8;}

.apply-modal .inner,
.rejection-modal .inner{width:480px;}
.apply-modal .request-apply{padding:30px; line-height:26px; background:#f9f9f9;}
.rejection-modal .txt{margin:0 0 20px; line-height:26px;}
.rejection-modal textarea{width:100%; height:120px; box-sizing:border-box; margin:0 0 30px; padding:14px 20px; border:1px solid #ccc; border-radius:10px;}
.modal-img-regi strong{font-weight:700;}
.modal-img-regi .img-area{display:flex; gap:11px; margin:14px 0 20px;}
.modal-img-regi .img-area > div{display:flex; align-items:center; justify-content:center; width:100px; height:100px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px;}
.modal-img-regi .img-area img{max-width:100%;}
.modal-img-regi .img-area .btn-img{width:100%; height:100%; overflow:hidden; text-indent:-9999px; background:url(../images/btn_plus.png) no-repeat center;}
.modal-img-regi .img-guide li{position:relative; margin:10px 0 0; padding:0 0 0 13px; font-size:16px;}
.modal-img-regi .img-guide li:before{position:absolute; top:8px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#222;}

.awards-modal .inner{width:480px;}

.review-modal .inner{width:480px;}
.review-modal .review-write strong{display:block; margin:0 0 14px; font-weight:700;}
.review-modal .review-write textarea{width:100%; height:120px; box-sizing:border-box; margin:0 0 30px; padding:14px 20px; border:1px solid #ccc; border-radius:10px;}
.review-modal .grade{padding:30px; border-radius:10px; background:#f9f9f9;}
.review-modal .grade > div{display:flex; justify-content:space-between; align-items:center;}
.review-modal .grade > div + div{margin:20px 0 0;}
.review-modal .grade + .guide{margin:14px 0 20px; font-size:16px; text-align:right;}
.review-modal .guide .btn-guide{width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_question.png) no-repeat center;}
.star{position:relative; width:144px; height:24px; background:url(../images/star.png) no-repeat 0 0;}
.star > div{width:0; height:24px; background:#fff url(../images/star_active.png) no-repeat 0 0;}
.star input{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}

.review-guide-modal .inner{width:480px; font-size:16px;}
.review-guide-modal .modal-body{padding-bottom:30px;}
.review-guide-modal .headers{display:flex; gap:10px; padding:0 0 14px; text-align:center;}
.review-guide-modal .headers span:first-child{width:104px; font-weight:700;}
.review-guide-modal .headers span:last-child{flex:1; font-weight:700;}
.review-guide-modal li{display:flex; gap:10px;}
.review-guide-modal li + li{margin:10px 0 0;}
.review-guide-modal li .sbj{display:flex; justify-content:center; align-items:center; width:104px; border:1px solid #111; border-radius:10px;}
.review-guide-modal li div{flex:1; padding:20px 15px; border-radius:10px; background:#f9f9f9;}

.info-modal .inner{width:640px;}
.info-modal .modal-body{ max-height:545px; overflow:auto;}
.info-modal h2{margin:0 0 20px; font-size:22px; font-weight:700;}
.info-modal select{width:100%;}
.info-modal input[type="date"]{padding:0 20px;}
.info-modal .checkbox{margin:20px 0 0; font-size:16px;}
.info-modal .file-download{display:inline-block; margin:10px 0 0; font-size:16px; color:#0372e8;}

/* main */
.main-contents{padding:40px 0 120px;}
.main-contents .inner{width:1600px; margin:0 auto;}
.main-contents .title-area{text-align:center;}
.main-contents .title-area h2{font-size:54px; font-weight:600; line-height:64px;}
.main-contents .title-area h2 .em{font-weight:600; color:var(--primary-color);}
.main-contents .title-area h2 + .disc{margin:19px 0 0; font-size:22px; line-height:36px;}
.visual-wrap{display:flex; justify-content:space-between; width:1600px; margin:0 auto 120px;}
.key-visual{position:relative; width:1110px; height:638px; overflow:hidden; border-radius:30px;}
.key-visual .slide-item{position:relative;}
.key-visual .slide-item .txt{position:absolute; top:90px; left:100px; color:#fff;}
.key-visual .txt h2{font-size:60px; font-weight:700; line-height:70px;}
.key-visual .txt p{margin:20px 0 35px; font-size:24px; line-height:32px;}
.key-visual .txt a{display:inline-block; width:240px; height:66px; box-sizing:border-box; font-size:22px; font-weight:500; text-align:center; line-height:66px; border:1px solid #fff; border-radius:33px;}
.key-visual .visual-controls{position:absolute; bottom:55px; left:100px; z-index:2; display:flex; align-items:center;}
.key-visual .visual-controls button{min-width:15px; height:15px; overflow:hidden; text-indent:-9999px;}
.key-visual .visual-controls .btn-prev{background:url(../images/btn_prev.png) no-repeat left center;}
.key-visual .visual-controls .btn-next{background:url(../images/btn_next.png) no-repeat right center;}
.key-visual .paging{padding:0 5px;}
.key-visual .paging span{width:10px; height:10px; border-radius:50%; background:#000; opacity:.5;}
.key-visual .paging .swiper-pagination-bullet-active{background:#fff; opacity:1;}
.use-guide{display:flex; flex-direction:column; gap:28px; width:460px;}
.use-guide > div{flex:1; box-sizing:border-box; padding:45px 50px 0; border:1px solid #ccc; border-radius:30px;}
.use-guide > div p{margin:15px 0 45px; line-height:26px;}
.use-guide h3{font-size:28px;}
.use-guide .btn{display:inline-block; height:40px; padding:0 34px 0 18px; color:#666; line-height:40px; border:1px solid #666; border-radius:20px; background:url(../images/ico_arrow.png) no-repeat right 10px center;}
.use-guide .guide{background: url(../images/ico_guide.svg) no-repeat right 30px bottom 40px;
    /* url(../images/ico_guide.png) no-repeat right 21px bottom 33px; */
}
.use-guide .promise{background:url(../images/ico_promise.svg) no-repeat right 40px bottom 40px;
    /* background:url(../images/ico_promise.png) no-repeat right 38px bottom 42px; */
}
.use-guide .promise p{margin-bottom:26px;}

.main-intro{padding:0 0 120px;}
.main-intro .btn-primary{margin:40px auto 93px;}
.main-intro .detail .swiper-wrapper{display:flex; justify-content:space-between; gap:80px;}

.main-intro .detail dl{flex:1; height:415px; box-sizing:border-box; padding:20px 0 0; text-align:center; border-radius:20px; background:#f7f8fc;}
.main-intro .detail dt{margin:0 0 20px; padding:180px 0 0; font-size:28px; font-weight:700;}
.main-intro .detail dl:nth-child(1) dt {background: url(../images/ico_intro01.svg) no-repeat center 30px;}
.main-intro .detail dl:nth-child(2) dt {background: url(../images/ico_intro02.svg) no-repeat center 30px;}
.main-intro .detail dl:nth-child(3) dt {background: url(../images/ico_intro03.svg) no-repeat center 30px;}
.main-intro .detail dl:nth-child(4) dt {background: url(../images/ico_intro04.svg) no-repeat center 30px;}
.main-intro .detail dd{line-height:26px;}
.main-intro .intro-controls{display:none;}

.main-realtime{padding:140px 0; background:rgba(3, 191, 161, .07);}
.deals-wrap{width:1440px; margin:54px auto 80px;}
.deals-wrap .tab-nav{display:flex; justify-content:space-between; width:800px; box-sizing:border-box; margin:0 auto 54px; padding:6px; border:1px solid #111; border-radius:80px;}
.deals-wrap .tab-nav a{display:block; height:58px; padding:0 40px; font-size:22px; line-height:58px;}
.deals-wrap .tab-nav a.active{font-weight:600; color:#fff; border-radius:29px; background:#111;}
.deals-wrap .tab-contents > div{display:none;}
.deals-wrap .tab-contents .active{display:block;}
.deal-item{position:relative; display:flex; padding:30px 40px; border-radius:20px; background:#fff;}
.deal-item + .deal-item{margin:20px 0 0;}
.deal-item .user{min-width:200px; border-right:1px solid #e5e5e5;}
.deal-item .user .id{margin:0 10px 0 0; font-weight:600;}
.deal-item .user .grade{display:inline-block; height:24px; padding:0 10px; font-size:14px; color:#fff; line-height:24px; border-radius:4px; background:linear-gradient(110deg, #4ce2d3, #00a9e8);}
.deal-item .user .info{margin:14px 0 0;}
.deal-item .prod-info{flex:1; display:flex; justify-content:space-between; align-items:center; padding:0 70px 0 60px;}
.deal-item .prod-info .item-name{font-size:22px; font-weight:600;} 
.deal-item .prod-info .tag-wrap{margin:10px 0 0;}
.deal-item .prod-info .tag-wrap span{display:inline-block; height:28px; margin:0 5px 0 0; padding:0 12px; font-size:14px; line-height:28px; border-radius:14px; background:#f0f0f0;}
.deal-item .prod-info .info{text-align:right;}
.deal-item .prod-info .info div + div{margin:14px 0 0;}
.deal-item .prod-info .info .sbj{color:#999;}
.deal-item .bids{padding:0 0 0 45px; text-align:right; border-left:1px solid #e5e5e5;}
.deal-item .bids .person{margin:0 0 8px; padding:0 0 0 30px; background:url(../images/ico_person.png) no-repeat 0 center;}
.deal-item .bids .person strong{font-weight:700; color:var(--primary-color);}
.deal-item .bids a{display:inline-block; height:30px; padding:0 18px; font-size:14px; line-height:30px; border:1px solid #000; border-radius:15px;}
.deal-item .ad{position:absolute; top:-14px; left:40px; height:28px; padding:0 14px; font-size:14px; color:#ffdf00; line-height:28px; border-radius:14px; background:#000;}

.main-quick{padding:120px 0 155px;}
.main-quick .inner{display:flex; justify-content:space-between;}
.main-quick .inner > div{position:relative; width:786px; height:240px; box-sizing:border-box; padding:40px 0 0 60px; border-radius:20px;}
.main-quick h3{font-size:30px; font-weight:700;}
.main-quick p{margin:10px 0 34px; line-height:28px;}
.main-quick a{padding:0 34px 0 0; font-size:20px; font-weight:700; background:url(../images/ico_arrow_bk.png) no-repeat right center;}
.main-quick .free{background:#cad5ff;}
.main-quick .free:after{position:absolute; bottom:-35px; right:-4px; width:368px; height:253px; content:''; background:url(../images/img_free.png) no-repeat;}
.main-quick .grade{background:#fef1b1;}
.main-quick .grade:after{position:absolute; bottom:-65px; right:17px; width:383px; height:303px; content:''; background:url(../images/img_grade.png) no-repeat;}
.main-quick .quick-controls{display:block;}
.main-quick .quick-controls button{position:absolute; top:50%; z-index:2; width:40px; height:40px; overflow:hidden; text-indent:-9999px; transform:translateY(-50%);}

.main-review .suppliers{display:flex; justify-content:center; gap:6px; margin:54px 0 60px; padding:15px 0;  border-top:1px solid #eee; border-bottom:1px solid #eee;}
.main-review .review-wrap{position:relative;}
.main-review .review-list{overflow:hidden; margin:0 0 80px;}
.main-review .review-list .item{box-sizing:border-box; overflow:hidden; text-align:center; border:1px solid #e5e5e5; border-radius:20px;}
.main-review .slide-controls button{position:absolute; top:50%; z-index:2; width:30px; height:30px; overflow:hidden; text-indent:-9999px; transform:translateY(-50%);}
.main-review .slide-controls .btn-prev{left:-50px; background:url(../images/btn_prev_review.png) no-repeat center;}
.main-review .slide-controls .btn-next{right:-50px; background:url(../images/btn_next_review.png) no-repeat center;}
.main-review .logo{height:121px; line-height:121px;}
.main-review .txt{padding:40px 30px 50px; background:#f9f9f9;}
.main-review .txt p{display:-webkit-box; overflow:hidden; margin:0 0 20px; line-height:26px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.main-review .txt b{font-size:21px; font-weight:700;}

/*
sub contents
*/
/* .sub-contents{width:1600px; margin:0 auto;} */
.sub-contents.medium{width:1280px; box-sizing:border-box; margin:0 auto;}
.cate-title{display:flex; justify-content:space-between; align-items:center; height:160px; border-bottom:1px solid #eee;}
.cate-title h2{font-size:40px; font-weight:600;}
.cate-title h2 .type{font-size:24px; color:var(--primary-color);}
.breadcrumb ol{display:flex; align-items:center; font-size:16px;}
.breadcrumb li{position:relative; height:24px; margin:0 0 0 4px; line-height:24px;}
.breadcrumb li:first-child{width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_home.png) no-repeat center;}
.breadcrumb li:not(:first-child):before{display:inline-block; width:24px; height:24px; margin:0 4px 0 0; vertical-align:middle; content:''; background:url(../images/ico_breadcrumb.png) no-repeat center;}
.page-contents{width:1600px; margin:0 auto; padding:50px 0 120px;}
.title-area{margin:0 0 30px;}
.title-area .section-title{margin:0 0 8px;}
.section-title{margin:0 0 30px; font-size:40px; font-weight:700;}
.section-title + .page-disc{margin:-16px 0 40px;}
.section-title + .sub-title{margin:-16px 0 40px; font-size:30px;}
.flex{display:flex; gap:8px;}
.sub-contents.medium .page-contents{width:100%;}

.sub-nav{display:none;}

.checkbox-wrap{display:flex; gap:30px;}
.checkbox{position:relative; display:block;}
.checkbox input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.checkbox label{position:relative; display:block; height:24px; padding:0 0 0 30px; font-weight:400; line-height:24px;}
.checkbox label:before{position:absolute; top:0; left:0; width:24px; height:24px; box-sizing:border-box; content:''; border:1px solid #ddd; border-radius:50%; background:#fff;}
.checkbox label:after{position:absolute; top:0; left:0; width:24px; height:24px; content:''; background:url(../images/checkbox.png) no-repeat center;}
.checkbox input[type="checkbox"]:checked + label:before{border-color:#111; background:#111;}
.checkbox input[type="checkbox"]:checked + label:after{background:url(../images/checkbox_checked.png) no-repeat center;}
.checkbox.no-label label{overflow:hidden; padding:0 0 0 24px; text-indent:-9999px;}
.radio-wrap{display:flex;}
.radio{position:relative;}
.radio input[type="radio"]{position:absolute; top:0; left:0; opacity:0;}
.radio label{position:relative; display:block; height:24px; padding:0 0 0 34px; line-height:24px;}
.radio label:before{position:absolute; top:0; left:0; width:24px; height:24px; box-sizing:border-box; content:''; border:1px solid #ddd; border-radius:50%;}
.radio label:after{position:absolute; top:7px; left:7px; display:none; width:10px; height:10px; content:''; border-radius:50%; background:#fff;}
.radio input[type="radio"]:checked + label:before{border-color:#111; background:#111;}
.radio input[type="radio"]:checked + label:after{display:block;}
.toggle{position:relative; display:flex; align-items:center; width:36px; height:20px; margin:0 auto;}
.toggle input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.toggle label{display:block; width:36px; height:8px; overflow:hidden; text-indent:-9999px; border-radius:4px; background:#999;}
.toggle label:before{position:absolute; top:0; left:0; width:20px; height:20px; box-sizing:border-box; content:''; border:1px solid #ccc; border-radius:10px; background:#fff;}
.toggle input[type="checkbox"]:checked + label{background:#111;}
.toggle input[type="checkbox"]:checked + label:before{left:calc(100% - 20px); border-color:#111;}
::placeholder{font-weight:400;}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"]{width:100%; height:50px; box-sizing:border-box; padding:0 40px 0 20px; font-weight:700; border:1px solid #ccc; border-radius:10px;}

/* login */
.input-wrap{width:600px; margin:0 auto; padding:80px 0 120px;}
.input-wrap h2{margin:0 0 40px; font-size:48px; font-weight:700; text-align:center;}
.input-wrap .row{position:relative; margin:0 0 20px;}
.input-wrap .row:last-child(:last-child){margin:0 0 20px;}
.input-wrap .label{position:absolute; top:20px; left:20px; padding:0 4px; font-size:22px; color:#999; background:#fff; transition:all .2s;}
.input-wrap .btn-del{position:absolute; top:33px; right:14px; display:none; width:20px; height:20px; overflow:hidden; text-indent:-9999px; border-radius:50%; background:#999; transform:translateY(-50%);}
.input-wrap .btn-del:before{position:absolute; top:4px; left:9px; width:2px; height:11px; content:''; background:#fff; transform:rotate(45deg);}
.input-wrap .btn-del:after{position:absolute; top:4px; left:9px; width:2px; height:11px; content:''; background:#fff; transform:rotate(-45deg);}
.input-wrap .msg{display:none; margin:10px 0 0 10px; font-size:14px; color:#e26141;}
.input-wrap input[type="text"]:focus,
.input-wrap input[type="password"]:focus{border-color:#03bfa1;}
.input-wrap input[type="text"]:not(:placeholder-shown) + .btn-del,
.input-wrap input[type="password"]:not(:placeholder-shown) + .btn-del{display:block;}
.input-wrap .row:has(input[type="text"]:not(:placeholder-shown)) .label,
.input-wrap .row:has(input[type="text"]:focus) .label,
.input-wrap .row:has(input[type="password"]:not(:placeholder-shown)) .label,
.input-wrap .row:has(input[type="password"]:focus) .label{top:-10px; font-size:18px; color:#222;}
.input-wrap input[type="text"].error,
.input-wrap input[type="password"].error{border-color:#e26141;}
.input-wrap input[type="text"].error ~ .msg,
.input-wrap input[type="password"].error ~ .msg{display:block;}
.required:before{margin:0 4px 0 0; content:'*'; color:#e26141;}

.input-wrap .checkbox-wrap{margin:20px 0 40px;}
.input-wrap .checkbox-wrap .checkbox{width:auto; margin-right:30px;}
.input-wrap .btn-primary{width:100%;}
.input-wrap .help{margin:30px 0 0; text-align:center;}
.input-wrap .help .link-join{position:relative; margin:0 0 0 40px; color:#099f86;}
.input-wrap .help .link-join:before{position:absolute; top:2px; left:-20px; width:1px; height:19px; content:''; background:#ccc;}

.login-wrap .row input[type="text"],
.login-wrap .row input[type="password"]{height:66px;}
.login-wrap ::placeholder{color:transparent;}
.find-wrap .row,
.find-wrap .row + .row{margin:0 0 40px;}
.find-wrap .find-type{display:none;}
.find-wrap .find-type.active{display:block;}
.find-wrap .flex{position:relative;}
.find-wrap .flex + .flex{margin:10px 0 0;}
.find-wrap .radio-wrap{margin-bottom:40px;}
.find-wrap .radio-wrap .radio{margin:0 40px 0 0;}
.find-wrap .find-radio label{padding:0 0 0 60px;}
.find-wrap .find-radio .email{background:url(../images/ico_mail.png) no-repeat 30px center;}
.find-wrap .find-radio .phone{background:url(../images/ico_phone.png) no-repeat 30px center;}
.find-wrap .find-radio input[type="radio"]:checked + .email{background:url(../images/ico_mail_active.png) no-repeat 30px center;}
.find-wrap .find-radio input[type="radio"]:checked + .phone{background:url(../images/ico_phone_active.png) no-repeat 30px center;}
.find-wrap input[type="text"] + button,
.find-wrap input[type="password"] + button{min-width:150px; height:50px; font-weight:500; color:#fff; border-radius:10px; background:#111;}
.find-wrap input[type="password"] + .btn-auth{color:#fff; background:var(--primary-color);}
.find-wrap .time{position:absolute; top:50%; right:180px; font-size:18px; color:#e26141; transform:translateY(-50%);}
.usable-txt{margin:10px 0 0; font-size:16px;}
.find-result{padding:60px 0; font-size:30px; text-align:center;}
.find-result strong{font-weight:600; color:var(--primary-color);}

/* join */
.join-wrap{width:600px; margin:0 auto; padding:80px 0 120px;}
.join-wrap h2{margin:0 0 40px; font-size:48px; font-weight:700; text-align:center;}
.form-wrap .row{position:relative; margin:0 0 20px;}
.form-wrap .btn-primary{width:100%; margin:40px 0 0;}
.form-wrap .btn-primary.double{box-sizing:border-box; padding:8px 0 0; line-height:1;}
.form-wrap .btn-primary.double span{display:block; margin:0 0 6px; font-size:18px;}
.form-wrap .btn-primary-border{margin:40px 0 0;}
.form-wrap .select-type{margin:0 0 40px; text-align:center;}
.form-wrap .select-type h3{margin:0 0 10px; font-size:22px; font-weight:700;}
.form-wrap .select-type p{color:#666;}
.form-wrap .select-type span{display:block; margin:8px 0 0;}
.form-wrap .select-type ul{display:flex; justify-content:space-between; margin:40px 0 0;}
.form-wrap .select-type a{display:block; width:290px; height:240px; box-sizing:border-box; padding:80px 0 0; border:1px solid #ddd; border-radius:16px; transition:all .2s;}
.form-wrap .select-type a:hover{color:var(--primary-color); border-color:var(--primary-color);}
.form-wrap .select-type li strong{font-size:22px; font-weight:700;}
.form-wrap .select-type li div{margin:10px 0 0;}

.join-complete{padding:120px 0; text-align:center;}
.join-complete h2{font-size:40px; font-weight:700;}
.join-complete .disc{margin:30px 0 60px;}
.join-complete .btn-primary{width:480px;}


.row + .row{margin:30px 0 0;}
.row .col{width:50%;}
.row.flex:has(.col){gap:30px;}
.row .label,
.row label{display:block; margin:0 0 10px;}
.row input[type="date"]{height:50px;}
.row input[type="text"] + input[type="text"],
.row input[type="password"] + input[type="password"]{margin:10px 0 0;}
.row textarea{width:100%; height:100px; box-sizing:border-box; padding:14px 20px; border:1px solid #ccc; border-radius:10px;}
.row textarea:focus{border-color:#111;}
.row select{appearance:none; height:50px; box-sizing:border-box; padding:0 0 0 20px; border:1px solid #ccc; border-radius:10px; background:url(../images/btn_select_arrow.png) no-repeat right 12px center;}
.row input[type="text"].middle,
.row input[type="date"].middle{width:600px;}
.form-wrap .flex{display:flex;}
.form-wrap .btn-bk{min-width:122px; font-weight:500; color:#fff; border-radius:10px; background:#111;}
.form-wrap .guide-txt{margin:10px 0 0; font-size:16px; color:#666;}
.form-wrap .terms-wrap{margin:40px 0;}
.form-wrap .terms-wrap h3{margin:0 0 8px; font-size:22px; font-weight:700;}
.form-wrap .terms-wrap .checkbox-wrap{display:block; padding:20px; border-radius:10px; background:#f9f9f9;}
.form-wrap .terms-wrap .checkbox-wrap .checkbox:not(:first-child){margin:12px 0 0;}
.form-wrap .terms-wrap .checkbox-wrap a{color:var(--primary-color);}
.form-wrap .terms-check label:before{border:0; background:none;}
.form-wrap .terms-check label:after{background:url(../images/checkbox_gray.png) no-repeat center;}
.form-wrap .terms-check input[type="checkbox"]:checked + label:before{background:none;}
.form-wrap .terms-check input[type="checkbox"]:checked + label:after{background:url(../images/checkbox_bk.png) no-repeat center;}
.form-wrap .radio-wrap{display:flex; justify-content:space-between;}
.form-wrap .radio{width:290px; height:70px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; transition:all .2s;}
.form-wrap .radio label{margin:0; padding:22px 0 22px 54px;}
.form-wrap .radio label:before{top:21px; left:20px;}
.form-wrap .radio label:after{top:28px; left:27px;}
.form-wrap .radio:has(input[type="radio"]:checked){border-color:#111;}
.form-wrap .checkbox .guide-txt{margin-left:30px;}
.form-wrap .file{display:flex; gap:8px;}
.form-wrap .file input[type="text"]{flex:1;}
.form-wrap .file .btn{position:relative; width:126px; overflow:hidden;}
.form-wrap .file input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.form-wrap .file .btn-file{width:100%; height:50px; color:#fff; border-radius:10px; background:#111;}
.form-wrap .regi-number{display:flex;}
.form-wrap .regi-number span{min-width:28px; line-height:50px; text-align:center;}
.form-wrap .address{margin:0 0 10px;}
.form-wrap .email{display:flex;}
.form-wrap .email span{min-width:35px; line-height:50px; text-align:center;}
.form-wrap .email select{min-width:245px;}
.form-wrap .email + .checkbox{margin:10px 0 0;}
.form-wrap .type{width:320px;}
.form-wrap .type + .img{display:inline-block; width:48px; height:48px; overflow:hidden; margin:0 0 0 5px; vertical-align:top; border:1px solid #ddd; border-radius:50%;}
.form-wrap .type + .img img{width:100%;}
.form-wrap .guide{margin:10px 0 0; font-size:16px; color:#0372e8;}

.join-wrap .step{display:flex; justify-content:flex-end; gap:6px; margin:-20px 0 20px;}
.join-wrap .step li{width:24px; height:24px; box-sizing:border-box; font-size:14px; text-align:center; line-height:22px; border:1px solid #111; border-radius:50%; background:#fff;}
.join-wrap .step .active{color:#fff; background:#111;}

.type-radio{display:flex; width:320px;}
.type-radio .radio{flex:1; width:auto; height:auto; border:0;}
.type-radio .radio label{height:50px; padding:0; text-align:center; line-height:50px; border:1px solid #ccc;}
.type-radio .radio input[type="radio"]:checked + label{color:#fff; border-color:var(--primary-color); background:var(--primary-color);}
.type-radio .radio input[type="radio"]:checked + label:after{display:none;}
.type-radio .radio:nth-child(1) label{border-radius:10px 0 0 10px;}
.type-radio .radio:nth-child(2) label{border-radius:0 10px 10px 0;}
.type-radio .radio label:before,
.type-radio .radio label:after{display:none;}


.interest-select{width:1200px;}
.interest-select .btn-primary-border{width:600px; margin:40px auto 0;}
.interest-tab{display:flex; gap:10px; margin:0 0 20px;}
.interest-tab a{flex:1; height:60px; line-height:60px; text-align:center; border:1px solid #ccc; border-radius:10px; background:#fff;}
.interest-tab a.active{color:#fff; border-color:#111; background:#111;}
.interest-wrap{overflow:hidden; padding:0 8px 0 0; border:1px solid #ddd; border-radius:10px;}
.interest-select .interest{display:flex;}
.interest-select .cate{width:240px; box-sizing:border-box; padding:40px; border-right:1px solid #ddd;}
.interest-select .cate a{display:block; margin:0 0 20px;}
.interest-select .cate .active{font-weight:700; text-decoration:underline; color:var(--primary-color);}
.interest-select .item-title{display:flex; gap:14px;}
.interest-select .item-list{flex:1; box-sizing:border-box; overflow:auto; padding:40px;}
.interest-select .item-list::-webkit-scrollbar{width:4px;}
.interest-select .item-list::-webkit-scrollbar-track{width:4px;}
.interest-select .item-list::-webkit-scrollbar-thumb{width:4px; background:#ddd;}
.interest-select .item-list::-webkit-scrollbar-button{height:8px;}
.interest-select .item:not(:first-child){margin:60px 0 0;}
.interest-select .item h3{margin:0 0 14px; font-size:22px; font-weight:700;}
.interest-select .item .checkbox-wrap{display:flex; flex-wrap:wrap; gap:10px; padding:0; background:none;}
.interest-select .item-checkbox{position:relative;}
.interest-select .item-checkbox input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.interest-select .item-checkbox label{display:block; height:44px; padding:0 30px; font-size:16px; line-height:44px; border:1px solid #ddd; border-radius:22px; background:#fff;}
.interest-select .item-checkbox input[type="checkbox"]:checked + label{font-weight:700; color:var(--primary-color); border:1px solid var(--primary-color); background:#ccf2ec;}
.selected-item{position:sticky; left:0; bottom:0; margin:0 0 0 0; padding:28px 30px 24px; border-top:1px solid #ccc; background:#f5f5f5; box-shadow:0 -5px 5px rgba(0, 0, 0, .1);}
.selected-item .sbj{position:absolute; top:-40px; left:30px; height:40px; box-sizing:border-box; padding:12px 25px 0; font-size:16px; font-weight:700; color:var(--primary-color); border:1px solid #ccc; border-bottom:0; border-radius:10px 10px 0 0; background:#f5f5f5;}
.selected-item .item-wrap{display:flex; flex-wrap:wrap; gap:10px; padding:0 400px 0 0;}
.selected-item .btn-all-remove{margin:0 24px 0 0; padding:0 0 0 26px; font-size:16px; background:url(../images/ico_all_remove.png) no-repeat 0 center;}
.selected-item .item-wrap div{height:32px; box-sizing:border-box; padding:0 12px; font-size:14px; line-height:30px; border-radius:6px; background:#fff;}
.selected-item .btn-del{position:relative; width:20px; height:20px; overflow:hidden; margin:0 0 0 10px; text-indent:-9999px; background:none;}
.selected-item .btn-del:before{position:absolute; top:5px; left:9px; width:2px; height:11px; content:''; background:#111; transform:rotate(45deg);}
.selected-item .btn-del:after{position:absolute; top:5px; left:9px; width:2px; height:11px; content:''; background:#111; transform:rotate(-45deg);}
.selected-item .btn-area{position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.selected-item .btn-area button{display:inline-block; width:180px; height:54px; font-size:18px; line-height:54px;border-radius:10px;}
.selected-item .btn-clear{padding-left:35px; border:1px solid #111; background:#fff url(../images/ico_clear.png) no-repeat 45px center;}

.page-contents > .section{position:relative;}
.page-contents .btn-back{position:absolute; top:0; left:0; display:block; width:20px; height:34px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_arrow_back.svg) no-repeat 0 center;}
.page-contents .btn-back + .section-title{margin-left:20px;}
.section-title{font-size:28px;}


.sub-bidding{display:flex; gap:114px;}
.sub-bidding .section{flex:1;}
.sub-bidding .article +  .article{margin:60px 0 0 0;}
.sub-bidding .article-title{margin:0 0 20px; font-size:22px; font-weight:600;}
.sub-bidding .article-title .num{position:relative; margin:0 20px 0 0; font-weight:600; color:var(--primary-color);}
.sub-bidding .article-title .num:after{position:absolute; top:4px; right:-11px; width:1px; height:19px; content:''; background:#ccc;}
.sub-bidding .step{display:flex; justify-content:space-between; margin:0 0 40px;}
.sub-bidding .step li{position:relative; width:196px; height:210px; box-sizing:border-box; padding:25px; border:1px solid #ddd; border-radius:10px; box-shadow:10px 10px 15px rgba(0, 0, 0, .05);}
.sub-bidding .step li:nth-child(1){background:url(../images/ico_step01.png) no-repeat right 25px bottom 25px;}
.sub-bidding .step li:nth-child(2){background:url(../images/ico_step02.png) no-repeat right 25px bottom 25px;}
.sub-bidding .step li:nth-child(3){background:url(../images/ico_step03.png) no-repeat right 25px bottom 25px;}
.sub-bidding .step li:nth-child(4){background:url(../images/ico_step04.png) no-repeat right 25px bottom 25px;}
.sub-bidding .step li:nth-child(5){background:url(../images/ico_step05.png) no-repeat right 25px bottom 25px;}
.sub-bidding .step li:not(:last-child):after{position:absolute; top:50%; right:-44px; width:13px; height:23px; content:''; background:url(../images/ico_step_bidding.png) no-repeat center; transform:translateY(-50%);}
/* .sub-bidding .step li:not(:first-child):before{position:absolute; top:50%; left:-44px; width:13px; height:23px; content:''; background:url(../images/ico_step_bidding.png) no-repeat center; transform:translateY(-50%);} */
.sub-bidding .step span{display:block; margin:0 0 12px; font-size:14px; font-weight:600;}
.sub-bidding .step span:last-child{font-size:17px;}
.regi-caution{margin:0 0 20px; padding:34px 40px; border-radius:10px; background:#f9f9f9;}
.regi-caution strong{display:inline-block; height:25px; padding:0 0 0 30px; line-height:25px; background:url(../images/ico_exclamation.png) no-repeat 0 center;}
.regi-caution li{position:relative; margin:10px 0 0; padding:0 0 0 13px; font-size:16px;}
.regi-caution li:before{position:absolute; top:8px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#222;}
.sub-bidding .require-caution{margin:0 0 40px; padding:30px 0 30px  178px; border-bottom:1px solid #eee;}
.sub-bidding .require-caution dt{margin:0 0 10px; font-size:22px; font-weight:600;}
.sub-bidding .require-caution dd{color:#707070;}
.sub-bidding .require-caution:nth-of-type(1){background:url(../images/ico_caution01.png) no-repeat left 41px center;}
.sub-bidding .require-caution:nth-of-type(2){background:url(../images/ico_caution02.png) no-repeat left 52px center;}
.sub-bidding .require-caution:nth-of-type(3){background:url(../images/ico_caution03.png) no-repeat left 56px center;}
.sub-bidding .require-caution:nth-of-type(4){background:url(../images/ico_caution04.png) no-repeat left 53px center;}
.sub-bidding .caution-agree{margin:0 0 40px; padding:0 70px 22px; text-align:center; border-radius:10px; background:rgba(3, 191, 161, .05);}
.sub-bidding .caution-agree p{margin:0 0 24px; padding:36px 0 32px; border-bottom:1px solid rgba(3, 191, 161, .1);}
.sub-bidding .caution-agree .checkbox{display:inline-block; margin:0 auto;}
.sub-bidding .btn-area{display:flex; margin:30px 0 0;}
.sub-bidding .btn-area.between{justify-content:space-between;}
.sub-bidding .btn-area.right{justify-content:flex-end;}
.sub-bidding .btn-area.center{justify-content:center;}
.sub-bidding .btn-default,
.sub-bidding .btn-primary,
.sub-bidding .btn-primary-border{display:inline-block; width:182px; height:48px; box-sizing:border-box; padding:0 50px; font-size:18px; font-weight:500; line-height:48px;}
.sub-bidding .middle{width:auto; min-width:222px;}
.sub-bidding .bidding-step{width:190px}
.sub-bidding .bidding-step ol{position:relative;}
.sub-bidding .bidding-step ol:before{position:absolute; top:50%; left:14px; width:1px; height:91%; content:''; background:#ddd; transform:translateY(-50%);}
.sub-bidding .bidding-step li{position:relative; margin:0 0 24px; padding:0 0 0 35px;}
.sub-bidding .bidding-step li:before{position:absolute; top:50%; left:9px; width:11px; height:11px; content:''; border-radius:50%; background:#ddd; transform:translateY(-50%);}
.sub-bidding .bidding-step li.active:after{position:absolute; top:25px; left:14px; width:1px; height:120%; content:''; background:#111;}
.sub-bidding .bidding-step li:last-child.active:after{display:none;}
.sub-bidding .bidding-step li.past:before{background:#111;}
.sub-bidding .bidding-step li.past:after{position:absolute; top:16px; left:14px; width:1px; height:160%; content:''; background:#111;}
.sub-bidding .bidding-step li .num{position:absolute; top:50%; left:0; width:28px; height:28px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:28px; border-radius:50%; background:#111; transform:translateY(-50%);}

.sub-bidding .cate-select{padding:0 0 40px; border-bottom:1px solid #ddd;}
.sub-bidding .row + .row{margin-top:40px;}
.sub-bidding .row .guide{margin:10px 0 0; font-size:14px; text-align:right; color:#0372e8;}
.sub-bidding .label,
.sub-bidding label{font-weight:700;}
.sub-bidding .label .info,
.sub-bidding label .info{position:relative; margin:0 0 0 12px;}
.sub-bidding .label .info:before,
.sub-bidding label .info:before{position:absolute; top:2px; left:-8px; width:1px; height:19px; content:''; background:#ccc;}
.sub-bidding .radio label,
.sub-bidding .checkbox label{font-weight:400;}
.sub-bidding .radio-wrap{display:grid; grid-template-columns:repeat(4, 1fr); gap:40px;}
.sub-bidding .category .radio{text-align:center;}
.sub-bidding .category label{padding:62px 0 126px; border:1px solid #ddd; border-radius:10px;}
.sub-bidding .category label:before{top:22px; left:50%; transform:translateX(-50%);}
.sub-bidding .category label:after{top:29px; left:50%; transform:translateX(-50%);}
.sub-bidding .category input[type="radio"]:checked + label{border-color:#111;}
.sub-bidding .category .radio:nth-child(1) label{background:url(../images/ico_cate01.png) no-repeat center bottom 13px;}
.sub-bidding .category .radio:nth-child(2) label{background:url(../images/ico_cate02.png) no-repeat center bottom 13px;}
.sub-bidding .category .radio:nth-child(3) label{background:url(../images/ico_cate03.png) no-repeat center bottom 13px;}
.sub-bidding .category .radio:nth-child(4) label{background:url(../images/ico_cate04.png) no-repeat center bottom 13px;}
.sub-bidding .detail-item{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px 40px;}
.sub-bidding .detail-item .radio{height:70px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; transition:all .2s;}
.sub-bidding .detail-item .radio label{margin:0; padding:22px 0 22px 54px;}
.sub-bidding .detail-item .radio label:before{top:21px; left:20px;}
.sub-bidding .detail-item .radio label:after{top:28px; left:27px;}
.sub-bidding .detail-item .radio:has(input[type="radio"]:checked){border-color:#111;}
.sub-bidding .textarea{position:relative; margin:0 0 15px;}
.sub-bidding .textarea.info textarea,
.sub-bidding textarea.request{height:160px;}
.sub-bidding .textarea span{position:absolute; right:20px; bottom:14px; font-size:16px;}
.bidding-detail{padding:0 0 40px; border-bottom:1px solid #ddd;}
.bidding-detail select{min-width:200px;}
.bidding-detail .textarea + .checkbox{margin-top:15px;}
.bidding-detail .em{margin:10px 0 14px; font-weight:700;}
.bidding-detail input[type="date"]{margin:0 0 14px; padding:0 20px;}
.bidding-complete .complete{font-weight:700;}
.bidding-complete .complete strong{position:relative; margin:0 12px 0 0; font-weight:700; color:var(--primary-color);}
.bidding-complete .complete strong:after{position:absolute; top:2px; right:-8px; width:1px; height:19px; content:''; background:#ccc;}
.bidding-complete .step-guide{margin:20px 0 40px; padding:36px 40px; border:1px solid #ddd; border-radius:10px; background:url(../images/bg_complete.png) no-repeat right 50px center;}
.bidding-complete .step-guide strong{display:block; margin:0 0 15px; font-weight:700;}
.bidding-complete .step-guide li + li{margin:10px 0 0;}

.sub-find{display:flex; justify-content:space-between; align-items:flex-start; gap:80px;}
.cate-nav{position:sticky; top:170px; width:240px; font-size:16px;}
.cate-nav > ul{margin:0 0 30px; padding:20px 20px 10px; border-radius:20px; background:#f5f5f5;}
.cate-nav .depth01{position:relative; display:block; padding:20px 0 20px 32px; font-weight:600; border-bottom:1px solid #e5e5e5;}
.cate-nav li:has(.sub-cate) .depth01:before{position:absolute; top:50%; right:5px; width:2px; height:12px; content:''; background:#111; transform:translateY(-50%);}
.cate-nav li:has(.sub-cate) .depth01:after{position:absolute; top:50%; right:0; width:12px; height:2px; content:''; background:#111; transform:translateY(-50%);}
.cate-nav li:nth-child(1) .depth01{background:url(../images/ico_nav_cate01.png) no-repeat 0 center;}
.cate-nav li:nth-child(2) .depth01{background:url(../images/ico_nav_cate02.png) no-repeat 0 center;}
.cate-nav li:nth-child(3) .depth01{background:url(../images/ico_nav_cate03.png) no-repeat 0 center;}
.cate-nav li:nth-child(4) .depth01{background:url(../images/ico_nav_cate04.png) no-repeat 0 center;}
.cate-nav li:nth-child(5) .depth01{border:0; background:url(../images/ico_nav_cate05.png) no-repeat 0 center;}
.cate-nav li:nth-child(1) .depth01.active{background:url(../images/ico_nav_cate01_on.png) no-repeat 0 center;}
.cate-nav li:nth-child(2) .depth01.active{background:url(../images/ico_nav_cate02_on.png) no-repeat 0 center;}
.cate-nav li:nth-child(3) .depth01.active{background:url(../images/ico_nav_cate03_on.png) no-repeat 0 center;}
.cate-nav li:nth-child(4) .depth01.active{background:url(../images/ico_nav_cate04_on.png) no-repeat 0 center;}
.cate-nav li:nth-child(5) .depth01.active{background:url(../images/ico_nav_cate05_on.png) no-repeat 0 center;}
.cate-nav .sub-cate{display:none; padding:16px 0;}
.cate-nav .sub-cate li:not(:first-child){margin:20px 0 0;}
.cate-nav li .depth01.active:before{display:none;}
.cate-nav li .depth01.active:after{background:var(--primary-color);}
.cate-nav li .depth01.active{color:var(--primary-color);}
.cate-nav li .depth01.active + .sub-cate{display:block;}
.cate-nav .area{padding:20px; font-size:16px; border:1px solid #ccc; border-radius:20px;}
.cate-nav .area div{position:relative;}
.cate-nav .area strong{display:block; margin:0 0 10px; font-weight:600;}
.cate-nav .area input[type="text"]{height:44px; padding:0 50px 0 16px; border:0; background:#f5f5f5;}
.cate-nav .area select{width:100%; height:44px; margin:0 0 10px; padding:0 20px; font-size:18px; border:1px solid #ddd; border-radius:10px;}
.cate-nav .area .btn-search{width:100%; height:44px; font-size:18px; color:var(--primary-color); line-height:44px; border-radius:10px; background:rgba(93, 220, 199, .2);}
.cate-nav .area .radio-wrap{gap:10px; margin:0 0 20px;}

.snb{width:240px;}
.snb h2{padding:0 0 27px; font-size:30px; font-weight:700;}
.snb ul{border-top:1px solid #111;}
.snb a{position:relative; display:block; padding:24px; border-bottom:1px solid #eee;}
.snb a.active{font-weight:700; color:var(--primary-color); border-color:var(--primary-color);}
.snb a.active:after{position:absolute; top:50%; right:25px; width:7px; height:7px; content:''; border-top:2px solid var(--primary-color); border-right:2px solid var(--primary-color); transform:rotate(45deg) translateY(-50%);}
.mypage-nav {width:240px;}
.mypage-nav a{padding-left:56px;}
.mypage-nav .dashboard{background:url(../images/ico_mypage01.png) no-repeat 24px center;}
.mypage-nav .dashboard.active{background:url(../images/ico_mypage01_active.png) no-repeat 24px center;}
.mypage-nav .profile{background:url(../images/ico_mypage02.png) no-repeat 24px center;}
.mypage-nav .profile.active{background:url(../images/ico_mypage02_active.png) no-repeat 24px center;}
.mypage-nav .auth{background:url(../images/ico_mypage03.png) no-repeat 24px center;}
.mypage-nav .auth.active{background:url(../images/ico_mypage03_active.png) no-repeat 24px center;}
.mypage-nav .account{background:url(../images/ico_mypage04.png) no-repeat 24px center;}
.mypage-nav .account.active{background:url(../images/ico_mypage04_active.png) no-repeat 24px center;}
.mypage-nav .sign{background:url(../images/ico_mypage05.png) no-repeat 24px center;}
.mypage-nav .sign.active{background:url(../images/ico_mypage05_active.png) no-repeat 24px center;}
.mypage-nav .bidding{background:url(../images/ico_mypage06.png) no-repeat 24px center;}
.mypage-nav .bidding.active{background:url(../images/ico_mypage06_active.png) no-repeat 24px center;}
.mypage-nav .noti{background:url(../images/ico_mypage07.png) no-repeat 24px center;}
.mypage-nav .noti.active{background:url(../images/ico_mypage07_active.png) no-repeat 24px center;}
.mypage-nav .setting{background:url(../images/ico_mypage08.png) no-repeat 24px center;}
.mypage-nav .setting.active{background:url(../images/ico_mypage08_active.png) no-repeat 24px center;}
.mypage-nav .sub{padding:10px 0; border-top:0; background:#f9f9f9;}
.mypage-nav .sub a{padding:10px 0 10px 52px; font-size:16px; border:0;}
.mypage-nav .sub a.active{font-weight:400; color:#111; text-decoration:underline;}
.mypage-nav .sub a.active:after{display:none;}

.sub-find .section{flex:1;}
.sub-find .sorting-mo,
.sub-find .list-align{display:none;}
.search-full{margin:0 0 40px; padding:30px; border-radius:20px; background:#e5f9f5;}
.search-full .inner{position:relative; display:flex; width:780px; height:60px; overflow:hidden; box-sizing:border-box; margin:0 auto; border:1px solid #111; border-radius:30px; background:#fff;}
.search-full select{min-width:170px; height:100%; padding:0 0 0 40px; border:0;}
.search-full input[type="text"]{flex:1; height:100%; padding:0 65px 0 30px; border:0;}
.search-full .btn-search{position:absolute; top:0; right:0; width:60px; height:60px; overflow:hidden; text-indent:-9999px; border:0; background:url(../images/btn_search.png) no-repeat center;}

.bidding-list-wrap .checkbox{display:inline-block; margin:-20px 0 20px;}
.bidding-list-wrap .sorting{margin:0 0 20px; font-size:16px; text-align:right;}
.bidding-list-wrap .sorting span{color:#0372e8;}
/* .bidding-list-wrap .sorting a{display:inline-block; margin:0 0 0 10px; padding:0 0 0 28px; color:#999; background:url(../images/sorting.png) no-repeat 0 center;} */
.bidding-list-wrap .sorting a.active{color:#111; 
    /* background:url(../images/sorting_checked.png) no-repeat 0 center; */
}
.bidding-list-wrap .list{margin:0 0 36px;}
.bidding-item{overflow:hidden; padding:30px 40px; border:1px solid #ddd; border-radius:20px;}
.bidding-item .request-date{margin:-30px -40px 20px; padding:18px 40px; font-size:16px; font-weight:700; background:#f7f8fc;}
.bidding-item + .bidding-item{margin:20px 0 0;}
.bidding-item .top-area{display:flex; justify-content:space-between; align-items:center; margin:0 0 15px;}
.bidding-item .btn-like{height:40px; padding:0 9px 0 32px; font-size:16px; border:1px solid #ddd; border-radius:10px; background:url(../images/ico_like.png) no-repeat 10px center;}
.bidding-item .btn-like.active{border-color:#111; background:url(../images/ico_like_active.png) no-repeat 10px center;}
.bidding-item .btn-apply{height:40px; margin:0 0 0 10px; padding:0 20px; font-weight:500; color:#fff; border-radius:10px; background:#111;}
.bidding-item .btn-cancel{height:40px; margin:0 0 0 10px; padding:0 20px; font-weight:500; border:1px solid #111; border-radius:10px; background:#fff;}
.bidding-item .bidding-info{position:relative; padding:0 120px 20px 0; border-bottom:1px solid #e5e5e5;}
.bidding-item .bidding-info strong{font-size:22px; font-weight:600;}
.bidding-item .date-info{margin:14px 0 0; font-size:16px;}
.bidding-item .date-info .date span{color:#999;}
.bidding-item .date-info .closing{position:relative; margin:0 0 0 28px; font-weight:600; color:#0372e8;}
.bidding-item .date-info .closing:before{position:absolute; top:2px; left:-14px; width:1px; height:16px; content:''; background:#ccc;}
.bidding-item .status{position:absolute; top:38px; right:0; padding:0 0 0 30px; background:url(../images/ico_person.png) no-repeat 0 center;}
.bidding-item .status span{font-weight:700; color:var(--primary-color);}
.bidding-item .etc{display:flex; justify-content:space-between; padding:20px 0 0;}
.bidding-item .etc dl{flex:1; font-size:16px;}
.bidding-item .etc dl:not(:first-child){padding:0 0 0 30px; border-left:1px solid #e5e5e5;}
.bidding-item .etc dt{margin:0 0 4px; font-size:14px; color:#999;}
.bidding-item .etc .no-login{flex:1; height:50px; line-height:50px; text-align:center; background:url(../images/login.png) no-repeat center;}
.bidding-item .etc .no-login span{padding:0 0 0 28px; font-weight:600; background:url(../images/ico_lock.png) no-repeat 0 center;}
.bidding-item .etc .btn-primary,
.bidding-item .etc .btn-primary-border{display:inline-block; width:auto; height:40px; margin:0 0 0 10px; padding:0 30px; font-size:18px;line-height:40px;}
.bidding-item .btn-expand,
.partners-item .btn-expand{display:none;}
.user-info{display:flex; align-items:center;}
.user-info .img{width:48px; height:48px; overflow:hidden; border:1px solid #ddd; border-radius:50%;}
.user-info .img img{width:100%;}
.user-info .id{margin:0 10px; font-weight:600;}
.user-info .grade{display:inline-block; height:24px; padding:0 10px; font-size:14px; color:#fff; line-height:24px; border-radius:4px;}
.user-info .grade.prime{background:linear-gradient(110deg, #4ce2d3, #00a9e8);}

.partners-item{display:flex; border:1px solid #ddd; border-radius:20px;}
.partners-item + .partners-item{margin:20px 0 0;}
.partners-item .left-area{flex:1; padding:30px 40px; }
.partners-item .right-area{width:320px; box-sizing:border-box; padding:30px 40px; font-size:16px; border-left:1px solid #ddd;}
.partners-item .txt{display:-webkit-box; overflow:hidden; margin:12px 0 15px; line-height:28px; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.partners-item .appraise{display:flex; align-items:center;}
.partners-item .appraise .star-wrap{margin:0 0 0 10px;}
.partners-item .right-area li{position:relative; overflow:hidden;}
.partners-item .right-area li + li{margin:14px 0 0;}
.partners-item .sbj{position:relative; z-index:2; padding:0 5px 0 13px; font-weight:700; background:#fff;}
.partners-item .sbj:before{position:absolute; top:50%; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111; transform:translateY(-50%);}
.partners-item .number{position:absolute; top:50%; right:0; background:#fff; transform:translateY(-50%);}
.partners-item .number:before{position:absolute; top:50%; right:calc(100% + 5px); width:500%; content:''; border-bottom:1px dashed #ccc; transform:translateY(-50%);}
.partners-item .number b{color:var(--primary-color);}
.partners-item .tag-wrap{display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 24px;}
.partners-item .tag-wrap .tag{height:28px; padding:0 12px; white-space:nowrap; border-radius:14px; background:#f0f0f0;}
.partners-item .btn-bk{display:block; width:100%; height:48px; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:48px; border-radius:10px; background:#111;}
.partners-item .btn-border{display:block; width:100%; height:48px; font-size:18px; font-weight:600; text-align:center; line-height:48px; border:1px solid #111; border-radius:10px; background:#fff;}
.partners-item .no-login{flex:1; margin:-30px -40px; padding:105px 0; text-align:center; background:url(../images/partners_login.png) no-repeat center;}
.partners-item .no-login span{padding:0 0 0 28px; font-weight:600; background:url(../images/ico_lock.png) no-repeat 0 center;}
.partners-item .btn-primary,
.partners-item .btn-primary-border{display:inline-block; width:auto; height:40px; margin:0 0 0 10px; padding:0 30px; font-size:18px;line-height:40px;}
.partners-item .btn-area{display:flex; gap:9px; margin:0 0 20px;}
.partners-item .btn-area a{flex:1; font-size:16px; font-weight:400;}

.paging{display:flex; justify-content:center;}
.paging a{width:36px; height:36px; font-size:16px; text-align:center; line-height:36px;}
.paging a.active{color:#fff; border-radius:50%; background:#111;}
.paging .btn{overflow:hidden; text-indent:-9999px;}
.paging .btn-first{background:url(../images/btn_paging_first.png) no-repeat center;}
.paging .btn-prev{background:url(../images/btn_paging_prev.png) no-repeat center;}
.paging .btn-next{background:url(../images/btn_paging_next.png) no-repeat center;}
.paging .btn-last{background:url(../images/btn_paging_last.png) no-repeat center;}

.bidding-view-wrap{display:flex; gap:40px; align-items:flex-start}
.bidding-view{flex:1;}
.bidding-view h4{margin:0 0 14px; font-size:22px; font-weight:600;}
.bidding-view .view-inner{overflow:hidden; border:1px solid #ccc; border-radius:20px;}
.bidding-view .top-area{padding:40px;}
.bidding-view .bidding-sbj{position:relative;}
.bidding-view .bidding-sbj .tag{margin:0 0 10px;}
.bidding-view .bidding-sbj .tag span{display:inline-block; height:24px; padding:0 10px; font-size:14px; color:#fff; line-height:24px; border-radius:4px;}
.bidding-view .bidding-sbj .tag .new{font-weight:600; background:linear-gradient(110deg, #e26141, #f3b64f);}
.bidding-view .bidding-sbj .tag .ing{background:#111;}
.bidding-view .bidding-sbj strong{font-size:22px; font-weight:600;}
.bidding-view .bidding-sbj .cate{margin:14px 0 0; font-size:16px; color:#999;}
.bidding-view .bidding-sbj .cate *:not(:last-child){position:relative; margin:0 26px 0 0;}
.bidding-view .bidding-sbj .cate *:not(:last-child):after{position:absolute; top:2px; right:-14px; width:1px; height:16px; content:''; background:#ccc;}
.bidding-view .bidding-sbj .share{display:inline;}
.bidding-view .bidding-sbj .like{padding:0 0 0 24px; color:#111; background:url(../images/ico_like_active.png) no-repeat 0 center;}
.bidding-view .bidding-sbj .person{padding:0 0 0 30px; color:#222; background:url(../images/ico_person.png) no-repeat 0 center;}
.bidding-view .bidding-sbj .person b{color:var(--primary-color);}
.bidding-view .bidding-sbj .btn-share{width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_share.png) no-repeat center;}
.bidding-view .bidding-sbj .status{position:absolute; bottom:0; right:0;}
.bidding-view .bidding-sbj .status{display:inline-block; min-width:68px; box-sizing:border-box; padding:4px 8px; font-size:14px; text-align:center; border-radius:4px;}
.bidding-view .bidding-sbj .status.fail{color:#e26141; background:#f9e5e5;}
.bidding-view .bidding-sbj .status.ing{color:#0372e8; background:#e6effa;}
.bidding-view .bidding-sbj .status.end{background:#eee;}
.bidding-view .bidding-sbj .status.reserve{color:#099f86; background:#e6faef;}
.bidding-view .info{display:flex; gap:13px; margin:25px 0 0;}
.bidding-view .info dl{flex:1; padding:20px; border-radius:10px; background:#f9f9f9;}
.bidding-view .info dt{height:24px; margin:0 0 10px; padding:0 0 0 31px; font-size:16px; line-height:24px;}
.bidding-view .info dd{font-size:22px; font-weight:700; text-align:right;}
.bidding-view .info .small{font-size:18px;}
.bidding-view .info .budget dt{background:url(../images/ico_info01.png) no-repeat 0 center;}
.bidding-view .info .date dt{background:url(../images/ico_info02.png) no-repeat 0 center;}
.bidding-view .info .way dt{background:url(../images/ico_info03.png) no-repeat 0 center;}
.bidding-view .info .person dt{background:url(../images/ico_info04.png) no-repeat 0 center;}
.bidding-view .view-inner .etc{margin:27px 0 0; padding:0 0 0 15px; border-left:2px solid #111;}
.bidding-view .view-inner .etc li:not(:first-child){margin:8px 0 0;}
.bidding-view .view-inner .etc .sbj{display:inline-block; width:140px; font-weight:700;}
.bidding-view .view-inner .etc i{font-style:normal; color:#0372e8;}
.bidding-view .bottom-area{padding:40px; font-size:16px; border-top:1px solid #ddd; background:#f9f9f9;}
.bidding-view .bottom-area h3{margin:0 0 14px; font-size:22px; font-weight:600;}
.bidding-view .bidding-content li{display:flex;}
.bidding-view .bidding-content h3{margin:0 0 14px;}
.bidding-view .bidding-content li:not(:first-child){margin:8px 0 0;}
.bidding-view .bidding-content .sbj{position:relative; width:120px; padding:0 0 0 12px; font-weight:700;}
.bidding-view .bidding-content .sbj:before{position:absolute; top:8px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111;}
.bidding-view .inquiry{margin:40px 0 0; padding:40px 0 0; border-top:1px solid #ddd;}
.bidding-view .inquiry .item{position:relative; padding:0 0 21px 52px;}
.bidding-view .inquiry .item.question{padding-right:80px;}
.bidding-view .inquiry .item.question:after{position:absolute; bottom:0; right:0; width:calc(100% - 52px); content:''; border:1px dashed #ccc;}
.bidding-view .inquiry .item.reply{margin:21px 0 0 52px;}
.bidding-view .inquiry .item.reply:before{position:absolute; top:-47px; left:-33px; width:14px; height:70px; content:''; background:url(../images/line_reply.png) no-repeat 0 0;}
.bidding-view .inquiry .pic{position:absolute; top:0; left:0; width:40px; height:40px; overflow:hidden; border-radius:50%;}
.bidding-view .inquiry .pic img{width:100%;}
.bidding-view .inquiry .date{margin:0 3px 0 10px; color:#888;}
.bidding-view .inquiry .btn-reply{position:absolute; top:3px; right:0; width:68px; height:34px; border:1px solid #ccc; border-radius:10px; background:#fff;}
.bidding-view .inquiry .txt{margin:9px 0 0;}
.bidding-view .write-wrap{position:relative; margin:20px 0 0; padding:0 0 0 52px;}
.bidding-view .write-wrap .textarea{position:relative; overflow:hidden; padding:0 100px 0 0; border:1px solid #ccc; border-radius:10px; background:#fff;}
.bidding-view .write-wrap .textarea button{position:absolute; top:0; right:0; width:100px; height:100%; border-left:1px solid #ccc; background:#fff;}
.bidding-view .write-wrap textarea{width:100%; box-sizing:border-box; padding:15px; border:0; background:#fff;}
.bidding-view .write-wrap p{margin:10px 0 0; font-size:14px; color:#0372e8;}
.bidding-view .login{padding:90px 0; text-align:center; border-radius:10px; background:#f9f9f9;}
.bidding-view .login p{margin:0 0 40px;}
.bidding-view .login .btn-area a{display:inline-block; width:240px; margin:0 5px;}

.other-bidding{margin-top:40px;}
.other-bidding h4{margin:0 0 20px; font-size:22px; font-weight:600;}
.other-bidding .top-area{padding:0;} 

.find-aside{position:sticky; top:170px; width:320px;}
/* .find-aside > div{margin:0 0 20px; padding:20px; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:10px 20px 20px rgba(0, 0, 0, .05);} */
.find-aside .btn-area{display:flex; justify-content:space-between; margin:0 0 20px;}
.find-aside .btn-area a,
.find-aside .btn-area button{width:135px; height:50px; box-sizing:border-box; font-weight:600; border-radius:10px;}
.find-aside .btn-area .btn-bk{color:#fff; text-align:center; line-height:50px; background:#111;}
.find-aside .btn-area .btn-like{padding:0 0 0 25px; border:1px solid #111; background:#fff url(../images/ico_like_active.png) no-repeat 24px center;}
.find-aside .default-info p{margin:10px 0; font-size:16px;}
.find-aside .default-info,
.find-aside .regi,
.find-aside .consulting{margin:0 0 20px; padding:20px; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:10px 20px 20px rgba(0, 0, 0, .05);}
.find-aside .grade{display:flex; font-size:16px;}
.star-wrap{display:flex; margin:0 10px 0 0;}
.star-wrap .star{width:9px; height:18px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_star.png) no-repeat 0 center;}
.star-wrap .star.active{background-image:url(../images/ico_star_active.png);}
.star-wrap .star:nth-child(odd){background-position:left center;}
.star-wrap .star:nth-child(even){margin:0 4px 0 0; background-position:right center;}

.find-aside .history{margin:20px 0 0; padding:14px 20px; font-size:16px; border-radius:10px; background:#f9f9f9;}
.find-aside .history li{display:flex; justify-content:space-between;}
.find-aside .history li:not(:first-child){margin:6px 0 0;}
.find-aside .regi{padding:30px 20px;}
.find-aside .regi li{padding:0 0 0 28px; font-size:16px; background:url(../images/ico_check_green.png) no-repeat 0 center;}
.find-aside .regi li:not(:first-child){margin:10px 0 0;}
.find-aside .regi .btn-primary{width:100%; height:50px; margin:20px 0 0; font-size:18px; line-height:50px; border-radius:10px;}
.find-aside .consulting{text-align:center;}
.find-aside .consulting p{margin:0 0 20px; padding:90px 0 0; font-size:16px; line-height:25px; background:url(../images/ico_consulting.png) no-repeat center 5px;}
.find-aside .consulting a{display:block; width:100%; height:50px; font-weight:500; color:#16375d; line-height:50px; border-radius:10px; background:rgba(3, 144, 232, .2);}
.find-aside .apply{padding-top:118px; text-align:center; background:url(../images/ico_apply.png) no-repeat center 28px;}
.find-aside .apply strong{font-weight:700;}
.find-aside .apply p{margin:10px 0 20px; font-size:16px;}
.find-aside .apply .btn-primary{width:100%; height:49px; font-size:18px; line-height:49px; border-radius:10px; background:#000;}

.suggestion{padding:60px 160px; border:1px solid #ccc; border-radius:20px;}
.suggestion .step{margin:0 120px 40px;}
.suggestion .step li:last-child{background:url(../images/ico_step05.png) no-repeat right 25px bottom 25px;}
.suggestion .bidding-caution{margin:0 0 28px;}
.suggestion .btn-area{margin:60px 0 0;}
.suggestion .btn-area .btn-primary{width:218px;}

.suggestion-wrap{display:flex; gap:40px; align-items:flex-start;}
.suggestion-write{flex:1; font-size:16px; padding:40px; border:1px solid #ccc; border-radius:20px;}
.suggestion-default-info{position:relative; display:flex; justify-content:space-between; align-items:center; margin:0 0 34px; padding:20px; font-size:16px; border:1px solid #03bfa1; border-radius:10px; background:#f2fcfa;}
.suggestion-default-info p{position:relative;}
.suggestion-default-info p span{display:block; margin:5px 0 0; font-weight:600;}
.suggestion-default-info p strong{font-weight:600; color:var(--primary-color);}
.suggestion-default-info .btn-guide{width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_question.png) no-repeat center;}
.suggestion-default-info .modal-guide{position:absolute; top:60px; right:0; z-index:2; display:none; width:320px; height:210px; box-sizing:border-box; padding:30px 24px; text-align:center; border:1px solid #111; border-radius:20px; background:#fff;}
.suggestion-default-info .modal-guide.active{display:block;}
.suggestion-default-info .modal-guide .btn-close{position:absolute; top:20px; right:20px; width:18px; height:18px; overflow:hidden; text-indent:-9999px; border:0; background:0;}
.suggestion-default-info .modal-guide .btn-close:before{position:absolute; top:-2px; left:9px; width:1px; height:22px; content:''; background:#111; transform:rotate(45deg);}
.suggestion-default-info .modal-guide .btn-close:after{position:absolute; top:-2px; left:9px; width:1px; height:22px; content:''; background:#111; transform:rotate(-45deg);}
.suggestion-default-info .modal-guide dl + dl{margin:20px 0 0;}
.suggestion-default-info .modal-guide dt{margin:0 0 10px; font-weight:700;}
.suggestion-default-info .modal-guide dd{font-size:14px;}
.suggestion-write .estimate{display:flex; gap:58px;}
.suggestion-write .estimate .detail{flex:1;}
.suggestion-write .tbl-default{margin:0 0 40px; border-top:1px solid #111;}
.suggestion-write .tbl-default thead th{padding:14px 21px; font-size:18px; font-weight:600; text-align:left; border-bottom:1px solid #999; background:#f9f9f9;}
.suggestion-write .tbl-default th{padding:14px 0; font-weight:600; border-bottom:1px solid #ddd; background:#f9f9f9;}
.suggestion-write .tbl-default td{padding:7px 17px; border-bottom:1px solid #ddd;}
.suggestion-write .tbl-default input[type="text"]{height:40px;}
.suggestion-write .total-title{display:flex; justify-content:space-between; align-items:center; margin:0 0 12px; font-size:18px;}
.suggestion-write .total-title strong span{color:#e26141;}
.suggestion-write .total-title .btn-calc{display:block; height:37px; box-sizing:border-box; padding:0 20px; color:#0372e8; line-height:37px; border:1px solid #0372e8;; border-radius:19px;}
.suggestion-write .tbl-total th{padding:10px 0; background:#f9f9f9;}
.suggestion-write .tbl-total td{padding:10px 5px; text-align:center; border-bottom:1px solid #ddd;}
.suggestion-write .tbl-total td input[type="text"]{padding:0 20px;}
.suggestion-write .tbl-total td select{width:105px; height:50px; padding:0 20px; border:1px solid #ddd; border-radius:10px;}
.suggestion-write .total{padding:18px 0; text-align:right; border-bottom:1px solid #999;}
.suggestion-write .total li:not(:first-child){margin:8px 0 0;}
.suggestion-write .total span{display:inline-block; width:100px; text-align:left;}
.suggestion-write .total .price{width:180px; font-weight:600; text-align:right;}
.suggestion-write .total .price.em{color:#0372e8;}
.suggestion-write .due-date{margin:40px 0 0;}
.suggestion-write .due-date input[type="date"]{width:495px; margin:0 0 30px;}
.suggestion-write .due-date .row{display:flex; gap:10px;}
.suggestion-write .due-date .sbj{display:block; margin:30px 0 8px; font-size:18px;}
.suggestion-write .due-date .sbj span{position:relative; margin:0 0 0 6px; padding:0 0 0 10px; font-size:16px; border-left:1px solid #ccc;}
.suggestion-aside{position:sticky; top:160px; width:320px; font-size:16px;}
.suggestion-aside > div{margin:0 0 20px; padding:28px 24px; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:10px 10px 20px rgba(0, 0, 0, .05);}
.suggestion-aside dl + dl{margin:15px 0 0; padding:15px 0 0; border-top:1px dashed #ccc;}
.suggestion-aside dt{margin:0 0 5px; padding:0 0 0 25px; font-weight:700;}
.suggestion-aside dl:nth-child(1) dt{background:url(../images/icosuggestion01.png) no-repeat 0 center;}
.suggestion-aside dl:nth-child(2) dt{background:url(../images/icosuggestion02.png) no-repeat 0 center;}
.suggestion-aside dl:nth-child(3) dt{background:url(../images/icosuggestion03.png) no-repeat 0 center;}
.suggestion-aside .slide{position:relative; overflow:hidden; margin:0; padding:0; border:1px solid var(--primary-color); box-shadow:none;}
.suggestion-aside .slide .swiper-slide{height:100%; box-sizing:border-box; padding:28px 24px 57px; line-height:24px;}
.suggestion-aside .slide .swiper-slide{text-align:center; background:#fff;}
.suggestion-aside .slide .paging{position:absolute; left:0; bottom:20px; z-index:2; width:100%;}
.suggestion-aside .slide .paging .swiper-pagination-bullet-active{background:#111;}
.suggestion-aside .swiper-slide .exclamation{padding:54px 0 0; background:url(../images/ico_exclamation_big.png) no-repeat center 0;}
.suggestion-wrap .title-mo,
.suggestion-wrap .btn-minimum,
.suggestion-wrap .btn-expand,
.suggestion-mo{display:none;}
/* .suggestion-aside{position:sticky; top:160px; width:320px; font-size:16px;}
.suggestion-aside > div{margin:0 0 20px; padding:28px 24px; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:10px 10px 20px rgba(0, 0, 0, .05);}
.suggestion-aside dl + dl{margin:15px 0 0;}
.suggestion-aside dt{margin:0 0 5px; font-weight:700;}
.suggestion-aside .slide{position:relative; overflow:hidden; margin:0; padding:0; border:1px solid var(--primary-color); box-shadow:none;}
.suggestion-aside .slide .swiper-slide{height:100%; box-sizing:border-box; padding:28px 24px 57px; line-height:24px;}
.suggestion-aside .slide .swiper-slide{text-align:center; background:#fff;}
.suggestion-aside .slide .paging{position:absolute; left:0; bottom:20px; z-index:2; width:100%;}
.suggestion-aside .slide .paging .swiper-pagination-bullet-active{background:#111;}
.suggestion-aside .swiper-slide .exclamation{padding:54px 0 0; background:url(../images/ico_exclamation_big.png) no-repeat center 0;} */

.calc-modal .inner{width:650px;}
.calc-modal .btn-area .btn-bk{width:188px;}
.calc-modal .modal-body{padding:0;}
.calc-content{display:flex; margin:0 0 30px; border-bottom:1px solid #ddd;}
.calc-content .row + .row{margin:20px 0 0;}
.calc-content label{font-size:18px;}
.calc-content .value-input{width:48%; box-sizing:border-box; padding:30px 30px 24px; border-right:1px solid #ddd;}
.calc-content .value-input .btn-primary{width:100%; height:50px; margin:20px 0 0; font-size:18px; line-height:50px; border-radius:10px;}
.calc-content .guide{margin:9px 0 0; font-size:14px;}
.calc-content input[type="text"]{padding:0 20px;}
.calc-content input[type="text"][readonly]{font-weight:400; background:#eee;}
.calc-content input[type="text"].price{text-align:right;}
.calc-content .result{display:flex; flex-direction:column; flex:1; padding:60px 30px 24px;}
.calc-content .result strong{font-weight:700;}
.calc-content .result ul{flex:1; margin:15px 0 0;}
.calc-content .result li{display:flex; justify-content:space-between;}
.calc-content .result li + li{margin:20px 0 0;}
.calc-content .final-price{display:flex; justify-content:space-between; align-items:center; height:78px; padding:0 20px; font-weight:700; border-radius:10px; background:#f3f5f7;}
.calc-content .final-price .price{font-size:20px; font-weight:600;}
.calc-content .final-price .price b{color:#e26141;}


.commu-wrap .btn-back{display:none;}
.commu-wrap{width:1280px; margin:0 auto; padding:80px 0 120px;}
.commu-wrap h2{margin:0 0 60px; font-size:40px; font-weight:700; text-align:center;}
.commu-wrap h2 + .disc{text-align:center;}
.commu-search{position:relative; width:780px; height:60px; overflow:hidden; box-sizing:border-box; margin:20px auto 80px; padding:0 90px 0 0; border:2px solid #111; border-radius:30px;}
.commu-search input[type="text"]{height:58px; padding:0 0 0 30px; border:0;}
.commu-search .btn-search{position:absolute; top:0; right:0; width:84px; height:60px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_search.png) no-repeat center;}
.commu-tab{display:flex; margin:0 0 50px;}
.commu-tab a{flex:1; height:70px; font-size:22px; line-height:70px; text-align:center; border:1px solid #ccc;}
.commu-tab a:first-child{border-radius:10px 0 0 10px;}
.commu-tab a:last-child{border-radius:0 10px 10px 0;}
.commu-tab a.active{font-weight:600; color:#fff; border-color:var(--primary-color); background:var(--primary-color);}
.board-content{display:flex; gap:58px;}
.board-content h3{margin:0 0 22px; font-size:22px; font-weight:700;}
.board-content .board{flex:1;}
.board-content .board.top10 h3{display:inline-block; margin:0 0 6px; padding:4px 64px 14px 0; background:url(../images/ico_mic.png) no-repeat right 0;}
.board-content .board-list{border-top:1px solid #111;}
.board-content .board-list a{display:block; padding:19px 0; border-bottom:1px solid #e5e5e5;}
.board-content .board-list.faq a{padding:22px 0;}
.board-content .board-list a .num{margin:0 40px;}
.board-content .board-list a .noti{display:inline-block; height:24px; box-sizing:border-box; margin:0 30px; padding:0 10px; font-size:14px; line-height:22px; border:1px solid #111; border-radius:12px; background:#eee;}
.quick-link{display:flex; flex-direction:column; gap:20px; width:360px;}
.quick-link h3{margin:0;}
.quick-link > div{flex:1; display:flex; flex-direction:column; gap:30px;}
.quick-link a{flex:1; display:block; overflow:hidden; padding:158px 0 30px; text-align:center; border-radius:10px;}
.quick-link a strong{font-size:22px; font-weight:700;}
.quick-link a p{margin:10px 0 0; line-height:26px;}
.quick-link .client{background:#efebf9 url(../images/ico_book.png) no-repeat center top 43px;}
.quick-link .client strong{color:#6c3fda;}
.quick-link .intro{background:#f2faee url(../images/ico_laptop.png) no-repeat center top 50px;}
.quick-link .intro strong{color:#099f86;}
.quick-link .question{padding:30px; text-align:left; background:#f1f8ff url(../images/ico_headphone.png) no-repeat right 17px bottom 23px;}
.quick-link .question strong{color:#0372e8;}
.commu-wrap .faq-wrap{margin:105px 0;}
.commu-faq-tab{display:flex; margin:0 0 30px;}
.commu-faq-tab a{flex:1; padding:0 0 10px; font-size:20px; color:#999; text-align:center; border-bottom:2px solid #ccc;}
.commu-faq-tab a.active{font-weight:700; color:#111; border-color:#111;}
.commu-wrap .faq-list{display:grid; grid-template-columns:repeat(4, 1fr); gap:30px;}
.commu-wrap .faq-list a{padding:30px; border:1px solid #ddd; border-radius:10px;}
.commu-wrap .faq-list p{margin:0 0 40px; font-weight:600;}
.commu-wrap .faq-list .cate{display:inline-block; padding:6px 12px; font-size:14px; color:#03bfa1; border-radius:6px; background:#e5f9f5;}

.sub-commu .search{position:relative; float:right; height:60px; overflow:hidden; margin:0 0 -26px; padding:0 60px 0 0; border-radius:30px; background:#f5f5f5;}
.sub-commu .search input[type="text"]{height:60px; padding:0 0 0 30px; border:0; background:none;}
.sub-commu .search .btn-search{position:absolute; top:0; right:0; width:54px; height:60px; overflow:hidden; text-indent:-9999px; background:#f5f5f5 url(../images/btn_search.png) no-repeat 0 center;}
.board-wrap{clear:both;}
.board-wrap .total{margin:0 0 30px; font-size:16px;}
.board-wrap .board-list{margin:0 0 36px; border-top:2px solid #111;}
.board-wrap .board-list li{border-bottom:1px solid #e5e5e5;}
.board-wrap .board-list a{display:flex; align-items:center;}
.board-wrap .board-list div{flex:1; display:flex; flex-direction:column; justify-content:center; min-height:110px;}
.board-wrap .board-list p{font-weight:600;}
.board-wrap .board-list .num{width:100px; text-align:center;}
.board-wrap .board-list .date{padding:0 40px 0 20px;}
.noti-tag{display:block; width:44px; margin:0 0 10px; padding:3px 0; font-size:14px; text-align:center; border:1px solid #111; border-radius:12px; background:#eee;}
.board-view{border-top:2px solid #111;}
.board-view .title-area{display:flex; justify-content:space-between; align-items:center; margin:0; padding:30px 20px; border-bottom:1px solid #e5e5e5;}
.board-view .title-area .sbj{margin:0 0 21px; font-size:22px; font-weight:600;}
.board-view .title-area .noti-tag{display:inline-block; margin:0 10px 0 0; vertical-align:top;}
.board-view .title-area .btn-share{padding:2px 0 2px 27px; font-size:16px; background:url(../images/ico_link.png) no-repeat 0 center;}
.board-view .btn-primary{width:112px; height:48px; font-size:18px; line-height:48px;}
.board-view .btn-area{display:flex; justify-content:space-between;}
.board-view .btn-area a{position:relative; height:48px; line-height:48px;}
.board-view .btn-area a:before{position:absolute; top:0; width:48px; height:48px;  content:''; border:1px solid #111; border-radius:50%;}
.board-view .btn-area .btn-prev{padding:0 0 0 58px;}
.board-view .btn-area .btn-prev:before{left:0; background:url(../images/btn_prev_board.png) no-repeat center;}
.board-view .btn-area .btn-next{padding:0 58px 0 0; text-align:right;}
.board-view .btn-area .btn-next:before{right:0; background:url(../images/btn_next_board.png) no-repeat center;}
.board-txt{margin:0 0 40px; padding:40px 20px; line-height:28px; border-bottom:1px solid #888;}

.capsule-tab{display:flex; gap:10px; margin:0 0 60px;}
.capsule-tab a{height:48px; padding:0 30px; line-height:48px; border:1px solid #ddd; border-radius:24px;}
.capsule-tab a.active{font-weight:700; color:#fff; background:#111;}
.faq-util{display:flex; justify-content:space-between; margin:0 0 16px;}
.faq-list{margin:0 0 37px;}
.faq-list .item{position:relative; overflow:hidden; border:1px solid #ddd; border-radius:20px; background:#fff;}
.faq-list .item:before{position:absolute; top:35px; right:44px; z-index:2; width:2px; height:17px; content:''; background:#111;}
.faq-list .item:after{position:absolute; top:42px; right:37px; width:17px; height:2px; content:''; background:#111;}
.faq-list .item + .item{margin:14px 0 0;}
.faq-list .btn-q{position:relative; width:100%; height:90px; padding:0 0 0 73px; font-weight:600; text-align:left; background:#fff;}
.faq-list .btn-q:before{position:absolute; top:50%; left:30px; content:'Q'; font-size:30px; font-weight:700; line-height:90px; transform:translateY(-50%);}
.faq-list .answer{position:relative; display:none; padding:40px 30px 40px 73px; line-height:28px; border-top:1px solid #ddd; background:#f9f9f9;}
.faq-list .answer:before{position:absolute; top:40px; left:30px; content:'A'; font-size:30px; font-weight:700; color:var(--primary-color);}
.faq-list .item.opened:before{display:none;}
.faq-list .item.opened:after{background:var(--primary-color);}
.faq-list .item.opened .answer{display:block;}
.board-write .tbl-write{margin:0 0 40px; border-top:2px solid #111; border-bottom:1px solid #888;}
.board-write .tbl-write th{padding:28px 0 15px 40px; text-align:left; vertical-align:top;}
.board-write .tbl-write td{padding:15px 40px 15px 0;}
.board-write .tbl-write tr:first-child th{padding-top:53px;}
.board-write .tbl-write tr:first-child td{padding-top:40px;}
.board-write .tbl-write tr:last-child th,
.board-write .tbl-write tr:last-child td{padding-bottom:40px;}
.board-write .tbl-write .type{width:50%; height:50px; box-sizing:border-box; padding:0 40px 0 20px; border:1px solid #ccc; border-radius:10px;}
.board-write .tbl-write .email{display:flex; align-items:center;}
.board-write .tbl-write .email input[type="text"]{width:50%; margin:0 20px 0 0;}
.board-write .tbl-write textarea{width:100%; height:300px; box-sizing:border-box; padding:14px 20px; border:1px solid #ccc; border-radius:10px;}
.board-write .btn-area{display:flex; justify-content:center; gap:10px;}
.board-write .btn-area .btn-border{width:152px; height:48px; text-align:center; line-height:48px; border:1px solid #111; border-radius:24px;}
.board-write .btn-area .btn-primary{width:182px; height:48px; margin:0; font-size:18px; line-height:48px;}

.sub-mypage{display:flex; gap:80px;}
.sub-mypage .section{flex:1;}
.sub-mypage .article-title{margin:0 0 20px; font-size:22px; font-weight:700;}
.profile-wrap{display:flex; gap:50px; padding:50px 80px 80px 60px; border:1px solid #ddd; border-radius:20px;}
.profile-wrap .sbj{display:block; margin:40px 0 16px; font-weight:700;}
.profile-wrap .pic{width:100px; height:100px; overflow:hidden; margin:0 auto 21px; border-radius:50%;}
.profile-wrap .pic img{width:100%;}
.profile-wrap .input-area{flex:1;}
.profile-wrap .btn-modi{margin:0 0 0 5px; padding:4px 10px 4px 25px; font-size:14px; border:1px solid #ddd;  border-radius:6px; background:#f5f5f5 url(../images/ico_pencel.png) no-repeat 10px center;}
.profile-wrap .btn-del{margin:0 0 0 5px; padding:4px 10px 4px 25px; font-size:14px; border:1px solid #ddd;  border-radius:6px; background:#f5f5f5 url(../images/ico_del.png) no-repeat 6px center;}
.profile-wrap .row{display:flex; gap:30px;}
.profile-wrap .row label{height:26px; margin:0 0 5px;}
.profile-wrap .col{flex:1;}
.profile-wrap .col .guide-txt{margin:10px 0 0; font-size:16px; color:#0372e8;}
.profile-wrap input[type="text"]{font-weight:400;}
.profile-wrap input[type="text"]:disabled{border-color:transparent; background:#eee;}
.profile-wrap .flex{display:flex; gap:30px;}
.profile-wrap .flex.email-wrap{gap:0;}
.profile-wrap .flex select,
.profile-wrap .flex input[type="text"]{flex:1;}
.profile-wrap .flex span{width:30px; text-align:center; line-height:50px;}
.profile-wrap .textarea{position:relative;}
.profile-wrap .textarea span{position:absolute; bottom:14px; right:20px; font-size:16px;}
.profile-wrap textarea{height:160px;}
.profile-wrap .interesting span{}
.profile-modal .inner{width:480px;}
.profile-modal .file-sign{position:relative; width:111px; height:111px; margin:30px auto 40px; padding:0; background:url(../images/ico_file.png) no-repeat center;}
.profile-modal .file-sign input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.profile-modal .file-sign .img{display:none; overflow:hidden; border-radius:50%; text-align:center; background:#eee;}
.profile-modal .file-sign .img > div{width:111px; height:111px;}
.profile-modal .file-sign .img img{max-width:100%;}
.profile-modal .txt{font-size:16px; color:#0372e8; text-align:center;}
.profile-modal .btn-regi{display:block; width:112px; height:48px; margin:40px auto 0; color:#fff; border-radius:24px; background:#111;}

.mypage-wrap{margin:0 0 40px; padding:50px 80px; border:1px solid #ddd; border-radius:20px;}
.mypage-wrap .checkbox{margin:20px 0 40px;}
.mypage-wrap .btn-guide{width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_question.png) no-repeat center;}
.mypage-wrap .auth{padding:50px 60px; border-radius:10px; background:#f9f9f9;}
.mypage-wrap + .btn-primary{width:240px;}
.mypage-wrap dl + dl{margin:40px 0 0;}
.mypage-wrap dt{margin:0 0 10px; font-weight:700;}
.mypage-wrap .tbl-header{margin:20px 0 0;}
.mypage-wrap .tbl-header th{padding:10px 0; font-weight:700; background:#ddd;}
.mypage-wrap .tbl-header td{padding:12px 0; text-align:center; border-bottom:1px solid #ddd;}
.mypage-wrap .form-wrap{width:600px; margin:0 auto;}
.mypage-wrap .form-wrap.middle{width:990px;}
.mypage-wrap .form-wrap label,
.mypage-wrap .form-wrap .label{width:180px;}
.mypage-wrap .form-wrap .checkbox label{width:100%;}
.mypage-wrap .form-wrap .value{font-weight:600; letter-spacing:-0.02em;}
.mypage-wrap .form-wrap .ing{font-size:22px; text-align:center; line-height:42px;}
.mypage-wrap .form-wrap .ing strong{color:#e26141;}
.mypage-wrap .form-wrap .col select{width:100%;}
.mypage-wrap .form-wrap.middle .row:has(.value){padding-bottom:20px; border-bottom:1px solid #eee;}
.mypage-wrap .form-wrap.middle .row:has(.value) .label{width:120px;}
.mypage-disc{margin:-20px 0 40px;}
.account-guide{margin:0 0 20px; padding:27px 32px; font-size:17px; line-height:25px; border-radius:10px; background:#f9f9f9;}
.sub-mypage .commu-faq-tab a{flex:unset; padding:20px 40px;}
.sub-mypage .sign-wrap{display:flex; gap:38px;}
.sub-mypage .sign-wrap > div{flex:1;}
.sub-mypage .sign-wrap + .btn-regi{width:280px; margin:40px auto 0;}
.sign-wrap .sign-box{position:relative; display:flex; justify-content:center; align-items:center; height:500px; margin:8px 0 0; border:1px solid #ccc; border-radius:10px;}
.sign-wrap .sign-box input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.sign-wrap .certificate .sign-box{flex-direction:column;}
.sign-wrap .certificate .docu{display:flex; justify-content:space-between; align-items:center; width:75%; height:50px; box-sizing:border-box; margin:0 0 20px; padding:0 20px; border:1px solid #ddd; border-radius:10px; background:#eee;}
.sign-wrap .certificate .docu .btn-del{width:64px; height:28px; padding:0 0 0 20px; font-size:14px; border:1px solid #ddd; border-radius:6px; background:#f5f5f5 url(../images/ico_del.png) no-repeat 8px center;}
.sign-wrap .file-sign .txt{padding:147px 0 0; text-align:center; background:url(../images/ico_file.png) no-repeat center 0;}
.sign-wrap .file-sign .img{display:none; text-align:center;}
.sign-wrap .file-sign .img .inner{display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 0 30px; width:360px; height:281px; text-align:center; border:1px solid #999; border-radius:10px;}
.sign-wrap .file-sign .img img{max-width:100%; margin:0 0 37px;}
.sign-wrap .file-sign strong{display:block; margin:0 0 14px; font-size:22px; font-weight:700;}
.sign-wrap .file-sign .btn{position:absolute; bottom:10px; right:10px;}
.sign-wrap .file-sign .btn button{width:64px; height:28px; padding:0 0 0 20px; font-size:14px; border:1px solid #ddd; border-radius:6px;}
.sign-wrap .file{width:75%;}
.sign-wrap .file-sign .btn-modi{background:#f5f5f5 url(../images/ico_modi.png) no-repeat 8px center;}
.sign-wrap .file-sign .btn-del{background:#f5f5f5 url(../images/ico_del.png) no-repeat 8px center;}
.sign-wrap .file .guide{margin:10px 0 0; font-size:16px; color:#0372e8;}
.sign-wrap .file .btn{position:relative; width:126px; overflow:hidden; margin:20px auto 0;}
.sign-wrap .file input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.sign-wrap .file .btn-file{width:100%; height:50px; color:#fff; border-radius:10px; background:#111;}
.sign-wrap .guide-sample{display:flex; gap:35px;}
.sign-wrap .guide-sample > div{display:flex; flex:1; gap:35px;}
.sign-wrap .guide-sample strong{display:flex; justify-content:space-between; margin:0 0 14px;}
.sign-wrap .guide-sample .do{color:var(--primary-color);}
.sign-wrap .guide-sample .dont{color:#e26141;}
.sign-wrap .guide-sample img{width:100%;}
.sign-tab{display:none;}

.dashboard-wrap{width:100%; background:linear-gradient(to bottom, #f3f5f7 0, #fff 340px);}
.dashboard-wrap .section{display:flex; gap:60px;}
.dashboard-wrap .section-left{flex:1;}
.dashboard-wrap .top-area{margin:0 0 66px;}
.dashboard-wrap .top-area .left{display:flex; gap:60px;}
.dashboard-wrap .top-area .left > div{flex:1;}
.dashboard-wrap .title-area{display:flex; align-items:center; justify-content:space-between; margin:0 0 20px;}
.dashboard-wrap .title-area h3{font-size:22px; font-weight:700;}
.dashboard-wrap .title-area .btn-more{font-size:16px;}
.dashboard-wrap .card{border-radius:10px; background:#fff; box-shadow:10px 10px 15px rgba(0, 0, 0, .05);}
.dashboard-wrap .my-info .card{padding:17px 20px 30px;}
.dashboard-wrap .my-info .txt{margin:0 0 10px 10px; font-size:16px; line-height:28px;}
.dashboard-wrap .my-info b{font-weight:400; color:#03bfa1;}
.dashboard-wrap .porfile{display:flex; gap:20px; padding:17px 30px; border-radius:10px; background:#f7f8fc;}
.dashboard-wrap .porfile .img{width:60px; height:60px;}
.dashboard-wrap .porfile .img img{width:100%;}
.dashboard-wrap .porfile .info strong{font-size:22px; font-weight:700;}
.dashboard-wrap .porfile ul{margin:0 0 0;}
.dashboard-wrap .porfile li{margin:5px 0 0; padding:2px 0 2px 24px; font-size:16px;}
.dashboard-wrap .porfile .type{background:url(../images/ico_info01.svg) no-repeat 0 center;}
.dashboard-wrap .porfile .address{background:url(../images/ico_info02.svg) no-repeat 0 center;}
.dashboard-wrap .porfile .cate{background:url(../images/ico_info03.svg) no-repeat 0 center;}
.dashboard-wrap .porfile .point{background:url(../images/ico_info04.svg) no-repeat 0 center;}
.dashboard-wrap .porfile .star-wrap{align-items:center; margin:10px 0 0;}
.dashboard-wrap .my-info .auth{display:flex; justify-content:space-between; margin:20px 0 0; padding:0 40px;}
.dashboard-wrap .my-info .auth li{width:56px; padding:41px 0 0; font-size:16px; font-weight:600; text-align:center;}
.dashboard-wrap .my-info .auth .identity{background:url(../images/ico_auth01.svg) no-repeat center top;}
.dashboard-wrap .my-info .auth .account{background:url(../images/ico_auth02.svg) no-repeat center top;}
.dashboard-wrap .my-info .auth .sign{background:url(../images/ico_auth03.svg) no-repeat center top;}
.dashboard-wrap .my-info .auth span{display:block; margin:6px 0 0; font-weight:400;}
.dashboard-wrap .my-info .auth span.incomplete{color:#e26141;}
.dashboard-wrap .greeting{margin-top:45px;}
.dashboard-wrap .greeting .card{height:100%; box-sizing:border-box; font-size:16px; padding:15px 30px 30px;}
.dashboard-wrap .greeting p{line-height:28px;}
.dashboard-wrap .greeting .benefit{position:relative; margin:28px 0 9px; padding:0 0 55px; background:url(../images/img_benefit.png) no-repeat right 10px bottom; background-size:153px auto;}
.dashboard-wrap .greeting .benefit span{display:inline-block; padding:10px 15px; font-size:14px; font-weight:600; border:1px solid rgba(226, 97, 65, .3); border-radius:10px; background:rgba(255, 255, 255, .5);}
.dashboard-wrap .greeting .benefit span:last-child{margin:10px 0 0 30px;}
.dashboard-wrap .greeting .benefit i{font-weight:600; font-style:normal; color:#e26141;}
.dashboard-wrap .greeting a{display:block; width:100%; height:48px; box-sizing:border-box; font-size:18px; line-height:48px;}
.dashboard-wrap .greeting .btn-primary-border{margin-top:10px;}
.dashboard-wrap .bidding-status{display:flex; flex-direction:column;}
.dashboard-wrap .bidding-status .card{position:relative; display:grid; grid-template-columns:repeat(2, 1fr); margin:0 0 20px;}
.dashboard-wrap .bidding-status .card:before{position:absolute; top:0; left:50%; height:100%; content:''; border-left:1px dashed rgba(112, 112, 112, .3);}
.dashboard-wrap .bidding-status .card:after{position:absolute; top:50%; left:0; width:100%; content:''; border-top:1px dashed rgba(112, 112, 112, .3);}
.dashboard-wrap .bidding-status dl{padding:24px 20px 22px 30px; text-align:right;}
.dashboard-wrap .bidding-status .all{background:url(../images/ico_status01.svg) no-repeat 30px 24px;}
.dashboard-wrap .bidding-status .reject{background:url(../images/ico_status02.svg) no-repeat 30px 24px;}
.dashboard-wrap .bidding-status .ing{background:url(../images/ico_status03.svg) no-repeat 30px 24px;}
.dashboard-wrap .bidding-status .complete{background:url(../images/ico_status04.svg) no-repeat 30px 24px;}
.dashboard-wrap .bidding-status dt{margin:0 0 8px; font-size:16px;}
.dashboard-wrap .bidding-status dd{font-size:28px; font-weight:600;}
.dashboard-wrap .bidding-status .start{flex:1; padding:30px 0 40px 35px; border-radius:10px; background:#f3f5f7 url(../images/img_start.png) no-repeat right 30px bottom 21px; background-size:100px auto;}
.dashboard-wrap .bidding-status .start strong{font-size:22px; font-weight:600;}
.dashboard-wrap .bidding-status .start p{margin:15px 0 0; line-height:24px;}
.dashboard-wrap .tab-nav{display:flex; margin:40px 0 0;}
.dashboard-wrap .tab-nav a{position:relative; flex:1; padding:0 0 20px; font-size:20px; color:#999; text-align:center; border-bottom:2px solid #ccc;}
.dashboard-wrap .tab-nav a.active{font-weight:700; color:var(--primary-color); border-color:var(--primary-color);}
.dashboard-wrap .tab-contents{margin:0 0 60px; padding:30px 30px 35px; border:1px solid #ddd; border-top:0; border-radius:0 0 20px 20px;}
.dashboard-wrap .tab-contents .process{display:none;}
.dashboard-wrap .tab-contents .process.active{display:flex; gap:35px;}
.dashboard-wrap .process .img{width:260px;}
.dashboard-wrap .process .img img{width:100%;}
.dashboard-wrap .process .txt{flex:1; padding:10px 0 0;}
.dashboard-wrap .process h4{display:flex; align-items:center; margin:0 0 20px; font-size:18px; font-weight:600;}
.dashboard-wrap .process h4 .num{width:28px; height:28px; margin:0 8px 0 0; font-size:16px; text-align:center; color:#fff; line-height:28px; border-radius:50%; background:#111;}
.dashboard-wrap .process p{line-height:24px;}
.process-qna .list-wrap{padding:0 30px; border:1px solid #ddd; border-radius:20px;}
.process-qna .list-wrap button{position:relative; display:flex; align-items:center; width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5; background:none;}
.process-qna .list-wrap .list-item:last-child button{border-bottom:0;}
.process-qna .list-wrap button:before{position:absolute; top:50%; right:11px; width:2px; height:12px; content:''; background:#111; transform:translateY(-50%);}
.process-qna .list-wrap button:after{position:absolute; top:50%; right:6px; width:12px; height:2px; content:''; background:#111; transform:translateY(-50%);}
.process-qna .list-wrap button span{margin:0 9px 0 0; font-size:20px; font-weight:700;}
.dashboard-wrap .aside{width:354px;}
.dashboard-wrap .user-guide{margin:0 0 30px;}
.dashboard-wrap .user-guide > a{display:block; margin:10px 0 0; padding:15px 0 15px 65px; font-size:16px; border:1px solid #ccc; border-radius:10px;}
.dashboard-wrap .user-guide strong{display:block; margin:0 0 4px; font-weight:700;}
.dashboard-wrap .user-guide .guide{background:#fff url(../images/ico_paper.svg) no-repeat 21px center;}
.dashboard-wrap .user-guide .faq{background:#fff url(../images/ico_faq.svg) no-repeat 21px center;}
.dashboard-wrap .user-guide .customer{background:#fff url(../images/ico_customer.svg) no-repeat 21px center;}
.dashboard-wrap .notice ul{border-top:1px solid #111;}
.dashboard-wrap .notice li{border-bottom:1px solid #e5e5e5;}
.dashboard-wrap .notice a{display:block; overflow:hidden; padding:20px 0 20px 65px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; background:url(../images/ico_notice.svg) no-repeat 15px center;}



.partners-wrap{width:100%; padding-bottom:120px; background:linear-gradient(to bottom, #f3f5f7 0, #fff 340px);}
.partners-wrap > .inner{width:1600px; margin:0 auto; padding:60px 0 0;}
.partners-details .content-wrap + .content-wrap{margin:100px 0 0;}
.partners-details .content-title{display:flex; justify-content:space-between; align-items:center; margin:0 0 20px;}
.partners-details .content-title h3{margin:0; font-size:22px;}
.partners-details .content-title .num{position:relative; margin:0 20px 0 0; font-weight:600; color:#03bfa1;}
.partners-details .content-title .num:after{position:absolute; top:4px; right:-11px; width:1px; height:19px; content:''; background:#ccc;}
.partners-details .content-title .btn-more{font-size:15px;}

.partners-details .summary{display:flex; justify-content:space-between; align-items:center; margin:0 0 60px; padding:30px 0; border-radius:20px; background:#f9f9f9;}
.partners-details .summary .txt{padding:0 130px; font-size:22px; font-weight:600; line-height:28px;}
.partners-details .summary .detail{flex:1; padding:0 80px 0 0;}
.partners-details .summary .detail strong{font-size:18px; font-weight:600;}
.partners-details .summary .detail .bar{display:flex; height:22px; overflow:hidden; margin:10px 0 20px; border-radius:8px;}
.partners-details .detail .bar div{position:relative;}
.partners-details .detail .bar div:after{position:absolute; top:0; right:-8px; width:10px; height:100%; content:''; border-radius:0 8px 8px 0;}
.partners-details .detail .bar div:nth-child(1):after{z-index:4;}
.partners-details .detail .bar div:nth-child(2):after{z-index:3;}
.partners-details .detail .bar div:nth-child(3):after{z-index:2;}
.partners-details .detail .bar div:nth-child(4):after{z-index:1;}
.partners-details .detail .bar .digital,
.partners-details .detail .bar .digital:after{background:#5dd2bf;}
.partners-details .detail .bar .biz,
.partners-details .detail .bar .biz:after{background:#0ead92;}
.partners-details .detail .bar .industrial,
.partners-details .detail .bar .industrial:after{background:#0a7b68;}
.partners-details .detail .bar .leaflet,
.partners-details .detail .bar .leaflet:after{background:#005c66;}
.partners-details .cases li{position:relative; display:flex; justify-content:space-between; align-items:center; padding:0 0 0 16px;}
.partners-details .cases li + li{margin:10px 0 0;}
.partners-details .cases li:before{position:absolute; top:5px; left:0; width:12px; height:12px; content:''; border-radius:50%;}
.partners-details .cases li:after{position:absolute; top:50%; right:0; width:calc(100% - 20px); content:''; border-bottom:1px dashed #999;}
.partners-details .cases .digital:before{background:#5dd2bf;}
.partners-details .cases .biz:before{background:#0ead92;}
.partners-details .cases .industrial:before{background:#0a7b68;}
.partners-details .cases .leaflet:before{background:#005c66;}
.partners-details .cases li span{position:relative; z-index:2;}
.partners-details .cases li .sbj{padding:0 10px 0 0; font-weight:600; background:#f9f9f9;}
.partners-details .cases li .ratio{padding:0 0 0 10px; font-weight:700; background:#f9f9f9;}
.partners-details .content-wrap .appraise-detail + .appraise-detail{margin:60px 0 0;}
.partners-info{position:relative; display:flex; align-items:center; margin:0 0 60px; padding:30px 50px; border-radius:20px; background:#fff; box-shadow:10px 10px 15px rgba(0, 0, 0, .05);}
.partners-info .img{width:80px; height:80px; overflow:hidden; margin:0 21px 0 0; border-radius:50%;}
.partners-info .img img{width:100%;}
.partners-info .detail{display:flex; margin:15px 0 0;}
.partners-info .detail > span{margin:0 20px 0 0; padding:0 0 0 24px; font-size:16px;}
.partners-info .detail .type{background:url(../images/ico_partners01.png) no-repeat 0 center;}
.partners-info .detail .address{background:url(../images/ico_partners02.png) no-repeat 0 center;}
.partners-info .detail .cate{background:url(../images/ico_partners03.png) no-repeat 0 center;}
.partners-info .appraise{position:relative; display:flex; padding:0 0 0 20px;}
.partners-info .appraise:before{position:absolute; top:2px; left:0; width:1px; height:16px; content:''; background:#ccc;}
.partners-info .btn-request{position:absolute; top:50%; right:46px; width:235px; height:48px; font-weight:700; color:#fff; border-radius:10px; background:#111; transform:translateY(-50%);}
.partners-contents{display:flex; gap:78px;}
.partners-details{flex:1; width:calc(100% - 318px); padding:0 0 80px;}
/* .partners-details{flex:1;} */
.partners-details h2, .partners-details h3{margin:0 0 40px; font-size:40px; font-weight:700;}
.partners-details .sorting{margin:0 0 40px;}
.partners-details .sorting select{width:250px; height:50px; padding:0 20px; border:1px solid #ddd; border-radius:10px;}
.partners-details .sorting .short{float:right; width:160px;}
.partners-details .greeting strong{display:block; margin:0 0 30px; font-size:30px; font-weight:700;}
.partners-details .greeting p{margin:0 0 30px; line-height:26px;}
.partners-details .history li{display:flex;}
.partners-details .history li:not(:first-child){margin:20px 0 0;}
.partners-details .history li ol{position:relative; margin:10px 0 0; padding:0 0 30px;}
.partners-details .history li ol:before{position:absolute; top:7px; left:-50px; width:13px; height:13px; box-sizing:border-box; content:''; border:4px solid var(--primary-color); border-radius:50%;}
.partners-details .history li ol:after{position:absolute; left:-44px; bottom:0; width:1px; height:calc(100% - 30px); content:''; border-left:1px dashed var(--primary-color);}
.partners-details .history li li{display:flex; align-items:center;}
.partners-details .history li:last-child ol:after{display:none;}
.partners-details .history .year{width:315px; font-size:40px; font-weight:700;}
.partners-details .history .month{margin:0 10px 0 0; font-size:22px; font-weight:700;}
.partners-details .history .detail{color:#666;}
.partners-details .client-list .client{display:flex; align-items:center; gap:40px; padding:20px; border:1px solid #ccc; border-radius:10px; background:#fff;}
.partners-details .client-list .client + .client{margin:20px 0 0;}
.partners-details .client-list .img{width:260px; height:120px; overflow:hidden; border-radius:10px;}
.partners-details .client-list .img img{width:100%;}
.awards-list{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
.awards-list .img{height:266px; overflow:hidden; border-radius:20px;}
.awards-list .img img{width:100%; height:100%; object-fit:cover;}
.awards-list .sbj{margin:20px 0 0; font-size:22px; font-weight:600; text-align:center;}
.awards-list .btn-add{display:flex; justify-content:center; align-items:center; height:266px; box-sizing:border-box; border:1px solid #ddd; border-radius:20px;}
.awards-list .btn-add:before{display:inline-block; width:36px; height:36px; margin:0 10px 0 0; vertical-align:middle; content:''; border-radius:50%; background:#ccc url(../images/ico_plus.png) no-repeat center;}
.portfolio-list{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; margin:0 0 40px;}
.portfolio-list .item{display:block; box-sizing:border-box; padding:30px; border:1px solid #ddd; border-radius:20px;}
.portfolio-list .item strong{font-size:22px; font-weight:600;}
.portfolio-list .item .reduce{display:inline-block; height:24px; padding:0 10px; font-size:14px; text-align:center; color:#fff; line-height:24px; border-radius:4px; background:var(--primary-color);}
.portfolio-list .category{display:flex; gap:10px; margin:14px 0 30px;}
.portfolio-list .category span{height:28px; padding:0 12px; font-size:14px; line-height:28px; border-radius:14px; background:#f0f0f0;}
.portfolio-list .date .sbj{margin:0 6px 0 0; color:#999;}
.portfolio-swiper{position:relative; display:block; overflow:hidden; margin:-50px 0 40px; padding:50px 0 0;}
.portfolio-swiper .item{display:inline-block;}
.portfolio-swiper .controls{position:absolute; top:0; right:0; z-index:2; display:flex; align-items:center;}
.portfolio-swiper .controls button{min-width:20px; height:15px; overflow:hidden; text-indent:-9999px;}
.portfolio-swiper .controls .btn-prev{background:url(../images/btn_prev_portfolio.svg) no-repeat center;}
.portfolio-swiper .controls .btn-next{background:url(../images/btn_next_portfolio.svg) no-repeat center;}
.portfolio-swiper .controls .pagination{font-size:16px; text-align:center; color:#999;}
.portfolio-swiper .controls .pagination .swiper-pagination-current{color:#111;}
.portfolio-info{margin:0 0 60px;}
.portfolio-info .default-info{padding:30px 40px; border-radius:6px; background:#f7f8fc;}
.portfolio-info .default-info strong{font-size:22px; font-weight:600;}
.portfolio-info .default-info .cate{margin:10px 0 0;}
.portfolio-info .default-info .date{margin:-20px 0 0; text-align:right;}
.portfolio-info .detail{margin:0 0 40px; padding:30px 44px 100px; border-bottom:1px solid #ccc;}
.portfolio-info .detail strong{display:block; margin:0 0 40px; font-weight:700;}
.portfolio-info .btn-primary{width:112px; height:48px; font-size:18px; line-height:48px;}
.partners-details .article + .article{margin:60px 0 0;}
.partners-details .article-title{margin:0 0 30px; font-size:30px; font-weight:600;}
.partners-details .article > ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:40px;}
.partners-details .article .img{width:100%; height:290px; overflow:hidden; margin:0 0 20px;  border-radius:20px;}
.partners-details .article .img img{width:100%;}
.partners-details .article strong{font-weight:600;}
.partners-details .article .txt li{position:relative; margin:10px 0; padding:0 0 0 13px; font-size:16px;}
.partners-details .article .txt li:before{position:absolute; top:7px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111;}
.partners-details .article .date{color:#999;}
.partners-details .article.all{margin:0 0 60px; padding:0 0 60px; border-bottom:1px solid #ddd;}

.client-appraisal{display:flex; gap:120px; margin:0 0 40px; padding:40px 80px; border-radius:20px; background:#f9f9f9;}
.client-appraisal h4{margin:0 0 20px; font-weight:600; text-align:center;}
.client-appraisal .star-wrap{margin:0 0 20px;}
.client-appraisal .star-wrap .star{width:15px; height:30px; background:url(../images/ico_star_big.png) no-repeat;}
.client-appraisal .star-wrap .star.active{background:url(../images/ico_star_big_active.png) no-repeat;}
.client-appraisal .star-wrap .star:nth-child(odd){background-position:left center;}
.client-appraisal .star-wrap .star:nth-child(even){margin:0 4px 0 0; background-position:right center;}
.client-appraisal .total-star .number{font-size:40px; text-align:center; color:#ccc;}
.client-appraisal .total-star .number strong{font-weight:700; color:#222;}
.client-appraisal .all{text-align:center;}
.client-appraisal .all div{padding:50px 0 0; font-size:40px; font-weight:700; background:url(../images/ico_chat.png) no-repeat center 0;}
.client-appraisal .grade{padding:20px 0;}
.client-appraisal .grade li{display:flex; align-items:center;}
.client-appraisal .grade li + li{margin:20px 0 0;}
.client-appraisal .grade .sbj{width:105px; font-size:16px; font-weight:600;}
.client-appraisal .grade .graph{width:480px; height:10px; overflow:hidden; margin:0 20px 0 0; border-radius:5px; background:#ddd;}
.client-appraisal .grade .graph div{height:10px; border-radius:5px; background:#111;}
.client-appraisal .grade .number{font-weight:700;}
.appraise-detail .user-info{margin:0 0 20px;}
.appraise-detail .user-info .img{margin:0 10px 0 0;}
.appraise-detail .user-info .id{display:block; margin:0 0 10px;}
.appraise-detail .user-info .appraise{display:flex; align-items:center;}
.appraise-detail .info-detail .txt{margin:30px 0 0;}
.appraise-detail .info-detail .tag{display:inline-block; margin:0 0 20px; padding:4px 10px; font-size:14px; border-radius:4px; background:#eee;}
.appraise-detail .info-detail .btn-area{position:relative; margin:-94px 0 0; padding:130px 0 0; text-align:center; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);}
.appraise-detail .info-detail .btn-more{display:block; width:390px; height:54px; margin:0 auto; line-height:54px; border:1px solid #111; border-radius:27px; background:#fff;}
.appraise-detail .info-detail .btn-more:after{margin:0 0 0 14px; font-size:25px; content:'+';}
.deal-history .deal-wrap{margin:0 0 40px;}
.deal-history .deal-item{border:1px solid #ddd; border-radius:20px;}
.deal-history .deal-item + .deal-item{margin:20px 0 0;}
.deal-history .deal-item .prod-info{padding:0 0 0 40px;}

.bidding-wrap .bidding-cate{display:flex; gap:20px; margin:0 0 60px;}
.bidding-wrap .bidding-cate.mo{display:none;}
.bidding-wrap .bidding-cate a{flex:1; padding:20px; border:1px solid #ddd; border-radius:10px;}
.bidding-wrap .bidding-cate a span{display:block;}
.bidding-wrap .bidding-cate .txt{text-align:left;}
.bidding-wrap .bidding-cate .all .txt{background:url(../images/ico_bidding_all.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .temp .txt{background:url(../images/ico_bidding_temp.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .check .txt{background:url(../images/ico_bidding_check.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .ing .txt{background:url(../images/ico_bidding_ing.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .end .txt{background:url(../images/ico_bidding_end.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .txt{padding:3px 0 2px 31px; font-size:16px;}
.bidding-wrap .bidding-cate .num{margin:10px 0 0; font-size:22px; font-weight:600; text-align:right;}
.bidding-wrap .bidding-cate .txt{padding:3px 0 2px 31px; font-size:16px;}
.bidding-wrap .bidding-cate .num{display:flex; justify-content:flex-end; margin:10px 0 0; font-size:22px; font-weight:600; text-align:right;}
.bidding-wrap .bidding-cate .num span:not(:first-child){position:relative; margin:0 0 0 6px;}
.bidding-wrap .bidding-cate .num span:not(:first-child):before{content:'ㅣ'; margin:0 2px 0 0;}
.bidding-wrap .bidding-cate a.active{border-color:var(--primary-color); box-shadow:10px 10px 15px rgba(0, 0, 0, .05);}
.bidding-wrap .bidding-cate a.active .txt,
.bidding-wrap .bidding-cate a.active .num{color:var(--primary-color);}
.bidding-wrap .bidding-cate .all.active .txt{background:url(../images/ico_bidding_all_active.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .temp.active .txt{background:url(../images/ico_bidding_temp_active.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .check.active .txt{background:url(../images/ico_bidding_check_active.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .ing.active .txt{background:url(../images/ico_bidding_ing_active.png) no-repeat 0 center;}
.bidding-wrap .bidding-cate .end.active .txt{background:url(../images/ico_bidding_end_active.png) no-repeat 0 center;}
.bidding-search{display:flex; justify-content:flex-end; text-align:right;}
.bidding-search .inner{display:flex; justify-content:flex-end; text-align:right;}
.bidding-search .inner > div{position:relative; width:373px; height:60px; margin:0 0 0 10px; border-radius:30px; background:#f5f5f5;}
.bidding-search select{width:160px; height:60px; box-sizing:border-box; padding:0 24px; border:1px solid #999; border-radius:30px;}
.bidding-search > div{position:relative; width:373px; height:60px; margin:0 0 0 10px; border-radius:30px; background:#f5f5f5;}
.bidding-search input[type="text"]{height:60px; border:0; background:none;}
.bidding-search .btn-search{position:absolute; top:0; right:0; width:60px; height:60px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_search.png) no-repeat center;}
.bidding-wrap .tbl-wrap{margin:-20px 0 0;} 
/* .bidding-wrap .bidding-search  + .tbl-wrap{margin:-20px 0 0;} */
.bidding-wrap .tbl-wrap .total{margin:0 0 20px; font-size:16px;}
.bidding-wrap .tbl-wrap h3{margin:0 0 20px; font-size:22px; font-weight:700;}
.tbl-bidding{margin:0 0 40px; font-size:16px;}
.tbl-bidding th{padding:20px 0; font-weight:600; background:#f3f5f7;}
.tbl-bidding th:first-child{border-radius:6px 0 0 6px;}
.tbl-bidding th:last-child{border-radius:0 6px 6px 0;}
.tbl-bidding td{padding:24px 10px; text-align:center; border-bottom:1px solid #ddd;}
.tbl-bidding .align-left{padding-left:40px; text-align:left;}
.tbl-bidding .tag{display:inline-block; min-width:68px; box-sizing:border-box; padding:4px 8px; font-size:14px; border-radius:4px;}
.tbl-bidding .tag.fail{color:#e26141; background:#f9e5e5;}
.tbl-bidding .tag.ing{color:#0372e8; background:#e6effa;}
.tbl-bidding .tag.end{background:#eee;}
.tbl-bidding .tag.reserve{color:#099f86; background:#e6faef;}
.tbl-bidding .border-tag{display:inline-block; min-width:96px; box-sizing:border-box; padding:4px 8px; font-size:14px; border:1px solid #ddd; border-radius:4px;}
.tbl-bidding .border-tag.ready{color:#666;}
.tbl-bidding .border-tag.sign{color:#e26141;}
.tbl-bidding .border-tag.complete{color:#0372e8;}
.tbl-bidding .border-tag.deposit{color:#03bfa1;}
.tbl-bidding .btn-detail{display:inline-block; padding:10px 20px; border:1px solid #111; border-radius:10px;}
.tbl-bidding .btn-border{display:inline-block; padding:10px 20px; color:#0372e8; border:1px solid #0372e8; border-radius:10px;}
.bidding-list-mo,
.biz-list-mo,
.card-list-mo{display:none;}


.bidding-wrap .writer{margin:0 0 10px; padding:3px 0 3px 27px; background:url(../images/ico_writer.png) no-repeat 0 center;}
.bidding-wrap .guide-content{margin:0 0 20px; padding:30px; border:1px solid #ccc; border-radius:10px; background:#fff;}
.bidding-wrap .txt{margin:0 0 30px; text-align:center; line-height:28px;}
.bidding-wrap .btn-bk{display:block; width:214px; height:53px; margin:0 auto; font-weight:500; color:#fff; line-height:53px; text-align:center; border-radius:27px; background:#111;}
.bidding-view .btn-primary,
.bidding-view .btn-primary-border{width:240px; margin:40px auto 0;}

.bidding-wrap .bidding-step{display:flex; gap:38px; margin:0 0 40px;}
.bidding-wrap .bidding-step.mo{display:none;}
.bidding-wrap .bidding-step li{position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100px; font-size:22px; text-align:center; border:2px solid #ddd; border-radius:50px;}
.bidding-wrap .bidding-step li:not(:first-child):before{position:absolute; top:50%; left:-40px; width:38px; height:1px; content:''; background:#ddd;}
.bidding-wrap .bidding-step b{font-weight:400;}
.bidding-wrap .bidding-step .num{margin:0 0 5px; font-size:16px;}
.bidding-wrap .bidding-step .sm{font-size:18px;}
.bidding-wrap .bidding-step li.active{color:#fff; border-color:#111; background:#111;}
.bidding-wrap .bidding-step li.active b{font-weight:700;}
.bidding-wrap .help{text-align:center;}
.bidding-wrap .btn-area{display:flex; justify-content:center; gap:10px; margin:30px 0 0;}
.bidding-wrap .btn-area a{height:66px; font-size:22px; line-height:66px; border-radius:33px;}
.bidding-wrap .btn-area .btn-download{padding:0 60px 0 90px; color:#fff; background:var(--primary-color) url(../images/ico_download.png) no-repeat 60px center;}
.bidding-wrap .btn-area .btn-border{padding:0 82px; color:var(--primary-color); border:1px solid var(--primary-color);}
.bidding-wrap .tbl-biz td{padding:15px 0;}
.bidding-wrap .tbl-biz .close{color:#0372e8;}
.bidding-wrap .tbl-biz .btn-biz{display:inline-block; padding:10px 20px; color:var(--primary-color); border:1px solid var(--primary-color); border-radius:10px;}
.bidding-wrap .tbl-biz .btn-estimate{display:inline-block; padding:10px 20px; border:1px solid #111; border-radius:10px;}
.bidding-wrap .tbl-biz .btn-border{display:inline-block; padding:10px 20px; color:var(--primary-color); border:1px solid var(--primary-color); border-radius:10px; background:#fff;}
.bidding-wrap .tbl-biz .btn-file{display:inline-block; width:25px; height:25px; overflow:hidden; text-indent:-9999px; background:url(../images/search.png) no-repeat center;}
.biz-selected{display:none;}

.sign-area{position:sticky; left:0; bottom:0; display:flex; justify-content:space-between; align-items:center; padding:28px 30px 24px; border-top:1px solid #ccc; background:#f5f5f5; box-shadow:0 -5px 5px rgba(0, 0, 0, .1);}
.sign-area p{font-size:16px;}
.sign-area p b{font-weight:400; color:var(--primary-color);}
.sign-area .btn-area a{display:inline-block; width:180px; height:54px; font-size:18px; text-align:center; line-height:54px; border-radius:10px;}
.sign-area .btn-cancel{border:1px solid #111; background:#fff;}

.estimate-view{overflow:hidden; border:1px solid #ccc; border-radius:20px;}
.estimate-view .base-info{display:flex; justify-content:space-between; padding:40px; border-bottom:1px solid #ccc;}
.estimate-view .item strong{display:block; margin:0 0 16px; font-size:22px; font-weight:600;}
.estimate-view .item .date{font-size:16px; color:#999;}
.estimate-view .info li{position:relative; padding:0 0 0 12px; font-size:16px;}
.estimate-view .info li:before{position:absolute; top:8px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111;}
.estimate-view .info li + li{margin:6px 0 0;}
.estimate-view .sbj{display:inline-block; width:150px;}
.estimate-view .view-area{display:flex;}
.estimate-view .thumb{width:140px; padding:30px 0; background:#f3f5f7;}
.estimate-view .thumb a{display:block; text-align:center;}
.estimate-view .thumb a + a{margin:14px 0 0;}
.estimate-view .thumb img{border:1px solid #111;}
.estimate-view .thumb span{display:block; margin:4px 0 0;}
.estimate-view .thumb a.active img{border:2px solid var(--primary-color);}
.estimate-view .thumb a.active span{color:var(--primary-color); font-weight:700;}
.estimate-view .detail{position:relative; flex:1; padding:30px;}
.estimate-view .detail .btn-download{position:absolute; top:30px; right:42px; padding:12px 50px 12px 20px; font-size:16px; border:1px solid #111; border-radius:10px; background:url(../images/ico_download_bk.png) no-repeat right 20px center;}
.estimate-view .detail .img{text-align:center;}
.estimate-view .status-view{padding:40px 40px 60px;}
.status-view .title-area{display:flex; justify-content:space-between; align-items:center; margin:0 0 20px;}
.status-view h3{margin:0 0 20px; font-size:22px; font-weight:600;}
.status-view .title-area .btn-info{margin:-6px 0; padding:8px 20px; font-size:16px; color:#0372e8; border:1px solid #9ec7f3; border-radius:20px; background:#fff;}
.status-view .step{display:flex; gap:80px; margin:0 0 60px; padding:0 40px;}
.status-view .step li{position:relative; flex:1; padding:24px 0 129px; font-size:17px; font-weight:600; text-align:center; border:1px solid #eee; border-radius:10px; box-shadow:10px 10px 15px rgba(0, 0, 0, .05);}
.status-view .step li:nth-child(1){background:url(../images/img_step_01.png) no-repeat center 55px;}
.status-view .step li:nth-child(2){background:url(../images/img_step_02.png) no-repeat center 55px;}
.status-view .step li:nth-child(3){background:url(../images/img_step_03.png) no-repeat center 55px;}
.status-view .step li:nth-child(4){background:url(../images/img_step_04.png) no-repeat center 55px;}
.status-view .step li:nth-child(5){background:url(../images/img_step_05.png) no-repeat center 55px;}
.status-view .step li.active{color:#0372e8; border-color:#0372e8;}
.status-view .step li:not(:first-child):before{position:absolute; top:50%; left:-45px; width:13px; height:23px; content:''; background:url(../images/ico_step_arrow.png) no-repeat center; transform:translateY(-50%);}
.status-view .tbl-bidding{margin:0;}
.status-view .tbl-bidding .btn-primary-border{height:auto;}
.status-view .tbl-bidding .none{padding:28px 0;}
.status-view .delivery-info + .delivery-info{margin:60px 0 0;}
.status-view .delivery-info .guide{margin:14px 0 0; font-size:16px;}
.status-view .delivery-info .guide b{color:#0372e8;}

.alert-wrap .capsule-tab{margin:0 0 30px;}
.alert-list .alert-item{overflow:hidden; border:1px solid #ddd; border-radius:20px;}
.alert-list .alert-item + .alert-item{margin:30px 0 0;}
.alert-list .date{padding:17px 40px; font-size:22px; font-weight:600; border-bottom:1px solid #ddd; background:#f9f9f9;}
.alert-list .detail{padding:0 40px;}
.alert-list .detail > div{position:relative; padding:30px 0;}
.alert-list .detail > div + div{border-top:1px solid #ddd;}
.alert-list .detail strong{display:block; margin:0 0 8px; color:#0372e8;}
.alert-list .detail p{margin:0 0 8px;}
.alert-list .detail p em{font-style:normal; color:#0372e8;}
.alert-list .detail span{font-size:16px; color:#999;}
.alert-list .btn-regi{position:absolute; top:50%; right:0; height:53px; padding:0 33px; color:#fff; font-weight:500; line-height:53px; border-radius:27px; background:#111; transform:translateY(-50%);}

.setting-wrap .setting-item{padding:20px 40px; border:1px solid #ddd; border-radius:20px;}
.setting-wrap .setting-item + .setting-item{margin:30px 0 0;}
.setting-wrap strong{display:block; margin:0 0 20px; font-weight:600;}
.setting-wrap .checkbox + .checkbox{margin:10px 0 0;}
.setting-wrap .btn-primary{width:240px; margin:40px auto 0;}

.profile-wrap .interesting{display:flex; flex-wrap:wrap; gap:10px;}
.profile-wrap .interesting div{height:32px; box-sizing:border-box; padding:0 12px; font-size:14px; line-height:30px; border-radius:6px; background:rgba(17, 17, 17, .05);}
.profile-wrap .interesting .btn-del{position:relative; width:20px; height:20px; overflow:hidden; margin:0 0 0 10px; text-indent:-9999px; background:none;}
.profile-wrap .interesting .btn-del:before{position:absolute; top:5px; left:9px; width:2px; height:11px; content:''; background:#111; transform:rotate(45deg);}
.profile-wrap .interesting .btn-del:after{position:absolute; top:5px; left:9px; width:2px; height:11px; content:''; background:#111; transform:rotate(-45deg);}
.partners-btn-area{margin:30px 0 0; padding:30px 0 0; border-top:1px solid #ddd;}
.partners-btn-area:after{clear:both; display:block; content:'';}
.partners-btn-area .left-btn{float:left;}
.partners-btn-area .right-btn{float:right;}
.partners-btn-area .btn-partners{display:inline-block; min-width:150px; width:auto; height:48px; box-sizing:border-box; margin:0; padding:0 60px; font-size:18px; line-height:48px; vertical-align:top;}
.partners-btn-area .btn-border{display:inline-block; min-width:150px; width:auto; height:48px; box-sizing:border-box; padding:0 60px; font-size:18px; line-height:48px; border:1px solid #111; border-radius:24px;}
.partners-btn-area .btn-primary-border{display:inline-block; min-width:150px; width:auto; height:48px; box-sizing:border-box; padding:0 60px; font-size:18px; line-height:48px;}
.btn-partners-add{display:block; height:36px; font-weight:700; text-align:center;}
.btn-partners-add:before{display:inline-block; width:36px; height:36px; margin:0 10px 0 0; vertical-align:middle; content:''; border-radius:50%; background:#ccc url(../images/ico_plus.png) no-repeat center;}
.profile-wrap:has(.greeting){padding:17px 20px;}
.profile-wrap .greeting{width:100%; height:400px; border:0;}
.interest-modal .inner{width:1200px;}
.interest-modal .modal-header{margin:0; border:0;}
.interest-modal .interest-select{width:100%;}
.interest-modal .interest-select .item-list{max-height:calc(100vh - 400px);}
.interest-modal .selected-item .item-wrap{padding-right:300px;}
.interest-modal .selected-item .btn-area{padding:0;}
.interest-modal .selected-item .btn-area button{width:140px;}
.interest-modal .selected-item .btn-area .btn-clear{padding:0 0 0 20px; background-position:23px center;}
.interest-modal .selected-item .btn-area .btn-complete{color:#fff; background:#03bfa1;}
.tbl-bidding .btn-modi{margin:0 0 5px 5px; padding:12px 10px 12px 25px; font-size:14px; border:1px solid #ddd;  border-radius:6px; background:#f5f5f5 url(../images/ico_pencel.png) no-repeat 10px center;}
.tbl-bidding .btn-del{margin:0 0 0 5px; padding:12px 10px 12px 25px; font-size:14px; border:1px solid #ddd;  border-radius:6px; background:#f5f5f5 url(../images/btn_del.png) no-repeat 10px center;}
.awards-list + .paging{margin-top:30px;}

.sub-mypage .portfolio-list{display:block;}
.portfolio-list .item-wrap{display:flex; align-items:center; padding:5px; border:1px solid #ddd; border-radius:20px;}
.portfolio-list .item-wrap + .item-wrap{margin:30px 0 0;}
.portfolio-list .item-wrap .checkbox.no-label{padding:0 25px;}
.portfolio-list .item-wrap .item{flex:1; padding:25px 5px; border:0;}
.portfolio-list .item-wrap .order{display:flex; align-items:center; height:172px; margin:0 0 0 40px; padding:0 20px; border-radius:16px; background:#f7f8fc;}
.portfolio-list .item-wrap .order span{position:relative;}
.portfolio-list .item-wrap .order span:before{display:block; height:17px; margin:0 0 12px; content:''; border-top:2px solid #999; border-bottom:2px solid #999;}
.portfolio-list .item-wrap .order span:after{position:absolute; top:10px; left:0; width:100%; height:2px; content:''; background:#999;}
.portfolio-default-info{display:flex; justify-content:space-between; align-items:center; margin:0 0 30px; padding:30px 40px; border-radius:6px; background:#f7f8fc;}
.portfolio-default-info strong{font-size:22px; font-weight:700;}
.portfolio-default-info span{display:block;}
.portfolio-default-info .cate{margin:10px 0;}
.portfolio-default-info .file{color:#0372e8;}
.portfolio-detail{width:100%; height:400px; box-sizing:border-box; padding:30px; border:1px solid #111; border-radius:10px;}
.portfolio-form .radio-wrap{gap:20px 40px;}
.portfolio-form .category .radio{flex:1; width:auto; height:auto; text-align:center; border:0;}
.portfolio-form .category label{padding:62px 0 126px; border:1px solid #ddd; border-radius:10px;}
.portfolio-form .category label:before{top:22px; left:50%; transform:translateX(-50%);}
.portfolio-form .category label:after{top:29px; left:50%; transform:translateX(-50%);}
.portfolio-form .category input[type="radio"]:checked + label{border-color:#111;}
.portfolio-form .category .radio:nth-child(1) label{background:url(../images/ico_cate01.png) no-repeat center bottom 13px;}
.portfolio-form .category .radio:nth-child(2) label{background:url(../images/ico_cate02.png) no-repeat center bottom 13px;}
.portfolio-form .category .radio:nth-child(3) label{background:url(../images/ico_cate03.png) no-repeat center bottom 13px;}
.portfolio-form .category .radio:nth-child(4) label{background:url(../images/ico_cate04.png) no-repeat center bottom 13px;}
.portfolio-form .detail-item{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px 40px;}
.portfolio-form .detail-item .radio{height:70px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; transition:all .2s;}
.portfolio-form .detail-item .radio label{margin:0; padding:22px 0 22px 54px;}
.portfolio-form .detail-item .radio label:before{top:21px; left:20px;}
.portfolio-form .detail-item .radio label:after{top:28px; left:27px;}
.portfolio-form .detail-item .radio:has(input[type="radio"]:checked){border-color:#111;}
.portfolio-form .term{display:flex; align-items:center; gap:10px;}
.portfolio-form .term input[type="date"]{width:240px; padding:0 20px;}
.portfolio-form .bidding-check{display:flex; gap:6px;}
.portfolio-form .bidding-check select{width:200px;}
.portfolio-form .bidding-check input[type="text"]{flex:1; max-width:600px;}
.portfolio-form .bidding-check .btn-select{width:122px; height:50px; color:#fff; border-radius:10px; background:#111;}
.portfolio-form .file-wrap .file + .file{margin:10px 0 0;}
.portfolio-form .file .file-name{max-width:600px; padding:0 0 0 50px; background:url(../images/ico_folder.png) no-repeat 20px center;}
.portfolio-form .file .btn-border{width:92px; border:1px solid #111; border-radius:10px; background:#fff;}
.portfolio-form textarea{height:400px;}

.sub-mypage .bidding-list-wrap{margin-top:-20px;}

.intro-wrap{background:#000;}
.intro-wrap .inner{width:1600px; box-sizing:border-box; margin:0 auto; padding:0 100px; color:#fff;}
.intro-wrap .section-first{padding:625px 0 0;}
.intro-wrap .section-first h1{font-size:95px; font-weight:700; line-height:115px;}
.intro-wrap .main-txt{position:relative; margin:460px 0 643px; font-size:64px; line-height:89px; text-align:right;}
.intro-wrap .main-txt:after{position:absolute; bottom:-460px; left:50%; width:1px; height:308px; content:''; background:#fff; transform:translateX(-50%);}
.intro-wrap .section-title{margin:0 0 51px; font-size:64px; line-height:96px;}
.intro-wrap .section-title span{font-weight:700; background:#08be9b;}
.intro-wrap .normal-txt{font-size:48px; line-height:70px;}
.intro-wrap .normal-txt + .normal-txt{margin-top:40px;}
.intro-wrap .sub-title{margin:0 0 44px; font-size:50px; font-weight:700;}
.intro-wrap .sub-title span{display:block; font-size:25px; color:#08be9b;}
.intro-wrap .small-txt{font-size:35px; line-height:55px;}
.intro-wrap .small-txt .info{display:block; margin:33px 0 56px; font-size:25px; color:#b2b2b2;}
.intro-wrap .system-wrap{position:relative;}
.intro-wrap .system-wrap:after{position:absolute; bottom:-308px; left:50%; width:1px; height:308px; content:''; background:#fff; transform:translateX(-50%);}
.intro-wrap .system-wrap .section-title-area{margin:0 0 362px;}
.intro-wrap .reward-system{display:flex; justify-content:space-between; margin:0 0 234px; padding:23px 45px; border:1px solid #fff; border-radius:13px;}
.intro-wrap .reward-system dl + dl{margin:33px 0 0;}
.intro-wrap .reward-system dt{position:relative; margin:0 0 15px; padding:0 0 0 25px; font-size:24px; font-weight:700;}
.intro-wrap .reward-system dt:before{position:absolute; top:6px; left:0; width:14px; height:14px; content:''; border:1px solid #636363; border-radius:2px;}
.intro-wrap .reward-system dd{margin:0 0 0 13px; font-size:19px; line-height:28px;}
.intro-wrap .ex .sbj{font-size:18px;}
.intro-wrap .ex .img{width:127px; margin:18px 0 25px 145px;}
.intro-wrap .ex .img img{width:100%;}
.intro-wrap .ex .compared{display:flex; justify-content:space-between; align-items:center; margin:0 30px 0 48px;}
.intro-wrap .ex .compared span{display:block;}
.intro-wrap .ex .compared .sbj{margin:0 0 11px; text-align:center;}
.intro-wrap .ex .compared .price{font-size:24px; font-weight:600;}
.intro-wrap .ex .compared .vs{display:block; margin:0 28px; font-size:20px; font-weight:600; color:#1ed0ae;}
.intro-wrap .reward{position:relative; margin:0 0 0 73px; font-size:21px; font-weight:700;}
.intro-wrap .reward:before{position:absolute; top:50%; left:-35px; font-weight:600; content:'='; transform:translateY(-50%);}
.intro-wrap .service-wrap{position:relative;}
.intro-wrap .service-wrap:before{position:absolute; top:73px; left:0; width:100%; height:3px; content:''; border-radius:2px; background:#fff;}
.intro-wrap .service{position:relative; display:flex; justify-content:space-between; gap:214px; margin:94px 0 311px; padding:0 126px;}
.intro-wrap .service li{position:relative; width:240px;}
.intro-wrap .service li:before{position:absolute; top:53px; left:50%; width:43px; height:43px; content:''; background:url(../images/ico_circle.png) no-repeat center; transform:translateX(-50%); background-size:100% auto;}
.intro-wrap .service span{display:block; margin:0 0 53px; padding:11px 0 10px; font-size:23px; font-weight:600; text-align:center; border-radius:9px; background:rgba(255, 255, 255, .25);}
.intro-wrap .service div{height:143px; box-sizing:border-box; padding:30px 0 0; font-size:21px; font-weight:600; text-align:center; border-radius:9px; background:linear-gradient(to bottom, rgba(255, 255, 255, .27), #000);}
.intro-wrap .safe{position:relative; margin:0 0 493px; padding:0 0 221px; background:url(../images/ico_key.svg) no-repeat right top 80px;}
.intro-wrap .structure{margin:0 0 278px;}
.intro-wrap .structure .section-title-area{margin:0 0 265px; text-align:right;}
.intro-wrap .structure .sub-title{font-size:45px;}
.intro-wrap .structure .process{display:flex; gap:54px; margin:105px 0 311px;}
.intro-wrap .structure .process li{position:relative; width:236px; height:74px; font-size:30px; text-align:center; line-height:74px; border-radius:10px; background:rgba(255, 255, 255, .33);}
.intro-wrap .structure .process li:not(:last-child):after{position:absolute; top:50%; right:-40px; width:21px; height:24px; content:''; background:url(../images/ico_arrow_process.svg) no-repeat center; transform:translateY(-50%);}
.intro-wrap .structure .feedback .img{margin:65px 0 0;}
.intro-wrap .structure .feedback .img img{width:100%;}
.intro-wrap .slogan{padding:0 0 156px; text-align:center;}
.intro-wrap .slogan strong{font-size:50px; font-weight:300;}
.intro-wrap .slogan p{margin:44px 0 100px; font-size:64px; font-weight:600; line-height:84px;}
.intro-wrap .slogan .btn{display:block; width:439px; height:93px; box-sizing:border-box; margin:0 auto; font-size:37px; font-weight:500; text-align:center; line-height:85px; color:#1ed0ae; border:4px solid #1ed0ae; border-radius:10px;}



.no-list, .no-data {
    padding:1rem;
    width:100%;
    background:#fff;
    margin:-0.5rem;
    text-align: center;
}