/* media query 및 이와 연동되는 css */


@media screen and (max-width:1720px){
  .review-wrap{padding:0 30px;}
  .main-review .slide-controls .btn-prev{left:0;}
  .main-review .slide-controls .btn-next{right:0;}
}
@media screen and (max-width:1600px){
  body{font-size:16px;}
  header .inner{max-width:100%;}
  header h1{width:180px;}
  nav ul{gap:40px;}
  nav a{font-size:18px;}
  footer .inner{width:100%; box-sizing:border-box; padding:60px 20px 70px;}

  .main-contents .inner{width:100%; box-sizing:border-box; padding:0 20px;}
  .main-contents .title-area h2{font-size:35px;}
  .main-contents .title-area h2 + .disc{font-size:20px;}
  .visual-wrap{width:100%; box-sizing:border-box; gap:30px; padding:0 20px;}
  .key-visual .img{overflow:hidden;}
  .key-visual .img img{position:relative; left:50%; transform:translateX(-50%);}
  .key-visual .slide-item .txt{top:50px; left:60px;}
  .key-visual .txt h2{font-size:40px; line-height:50px;}
  .use-guide h3{font-size:20px;}
  .use-guide .btn{font-size:14px;}
  .use-guide .guide{background-size:70px auto;}
  .use-guide .promise{background-size:60px auto;}
  .main-intro .detail .swiper-wrapper{gap:30px;}
  .main-intro .detail dt{font-size:22px;}
  .deals-wrap{width:90%;}
  .main-quick .inner{gap:20px;}
  .main-quick .free:after{bottom:-115px; width:250px; background-size:100% auto;}
  .main-quick .grade:after{bottom:-165px; width:250px; background-size:100% auto;}
  
  .sub-contents{width:100%; box-sizing:border-box; padding:0 20px;}
  .page-contents{width:100%;}
  .cate-title{height:140px;}
  .cate-title h2{font-size:35px;}
  .section-title{font-size:25px;}
  .sub-bidding .step ol{gap:3.75%;}
  .sub-bidding .step li{width:17%; height:180px;}
  .sub-bidding .step li:not(:last-child):after{right:-16.5%;}
  .sub-bidding .step li:nth-child(1),
  .sub-bidding .step li:nth-child(2),
  .sub-bidding .step li:nth-child(3),
  .sub-bidding .step li:nth-child(4),
  .sub-bidding .step li:nth-child(5){background-position:right 10px bottom 10px; background-size:70px auto;}
  .sub-bidding .require-caution dt{font-size:20px;}
  .sub-bidding .category,
  .sub-bidding .detail-item{gap:20px;}

  .partners-wrap > .inner{width:100%;}
  .partners-info{padding:20px 30px;}
  .awards-list{gap:20px;}
  .awards-list .img{height:auto;}  

  .sub-mypage .awards-list .img,
  .sub-mypage .awards-list .btn-add{height:220px;}

  .bidding-wrap .bidding-cate .check .num{flex-direction:column;}
  .bidding-wrap .bidding-cate .end .num{flex-direction:column;}
  .sub-mypage{gap:40px;}
  .dashboard-wrap .top-area .left{gap:20px;}
  .dashboard-wrap .tab-nav a{font-size:16px; letter-spacing:-1px;}
  .dashboard-wrap .aside{width:300px;}
}
@media screen and (max-width:1300px){
  header{height:70px;}
  header h1{width:104px;}
  nav ul{gap:30px;}
  nav a{font-size:16px;}
  nav li .tag{top:35px;}
  nav li .tag:after{top:-10px; bottom:unset; border-top:0; border-bottom:10px solid #000;}

  .main-quick .free:after{bottom:-115px; width:200px; background-size:100% auto;}
  .main-quick .grade:after{bottom:-165px; width:200px; background-size:100% auto;}

  .use-guide{width:350px;}
  .use-guide > div{padding:25px 25px 0;}
  .use-guide .guide{background-size:60px auto;}
  .use-guide .promise{background-size:45px auto;}

  .sub-contents.medium{width:100%;}
  .bidding-view .info dt{font-size:14px;}
  .bidding-view .info dd{font-size:18px;}
  .cate-nav{font-size:14px;}
  .commu-wrap{width:100%; box-sizing:border-box; padding:80px 20px 120px;}
  .bidding-complete .step-guide{padding-right:250px;}
  .sub-find{gap:20px;}
  .search-full .inner{width:100%;}
  .bidding-view-wrap{gap:20px;}
  .find-aside{width:280px;}
  .find-aside .regi li{letter-spacing:-0.05em;}

  .partners-info .btn-request{width:150px;}
  .awards-list .sbj{font-size:18px;}

  .commu-wrap .faq-list{grid-template-columns:repeat(3, 1fr);}

  .sign-wrap .sign-box .file-sign{width:90%;}
  .sign-wrap .file-sign .img .inner{width:100%;}

  .partners-details .summary .txt{padding:0 50px;}

  .bidding-wrap .bidding-cate a{padding:10px;}
  .bidding-wrap .bidding-cate .check .num{font-size:18px; letter-spacing:-1px;}

  .dashboard-wrap .section{flex-wrap:wrap;}
  .dashboard-wrap .aside{width:100%;}

  .intro-wrap .reward-system{display:block;}
  .intro-wrap .service{padding:0 50px;}
  .intro-wrap .structure .process li{font-size:20px;}

  .suggestion .step{margin:0 0 40px;}
}

@media screen and (max-width:1024px){
  .mo{display:block;}
  body{font-size:16px;}
  header{height:60px;}
  header nav,
  header .util{display:none;}
  header.opened nav{display:block;}
  header.opened .util{display:flex;}
  header nav{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff;}
  nav > ul{display:block; height:100%; box-sizing:border-box; overflow:auto; padding:105px 30px 0;}
  nav li{position:relative;}
  nav a{display:block; padding:15px 0; font-size:20px;}
  nav .border{margin:70px 0 0;}
  nav .border:before{position:absolute; top:-30px; left:0; width:100%; height:1px; content:''; background:#ddd;}
  nav .sub{display:none; padding:0 0 5px;}
  nav .sub.opened{display:block;}
  nav .sub a{padding:10px 0; font-size:16px; font-weight:400;}
  nav .logout{display:block;}
  nav .btn-logout{font-size:16px; font-weight:400; color:#999;}
  nav li:has(.sub) > a:before{position:absolute; top:26px; right:8px; width:16px; height:2px; content:''; background:#111;}
  nav li:has(.sub) > a:after{position:absolute; top:19px; right:15px; width:2px; height:16px; content:''; background:#111;}
  nav li:has(.sub.opened) > a:after{display:none;}
  header .util{position:absolute; top:0; left:0; align-items:center; width:100%; height:80px; box-sizing:border-box; padding:0 30px; background:#f9f9f9;}
  header .util .btn-join,
  header .util .tag{display:none;}
  header .util .btn-login{margin:0; padding:0 18px 0 0; font-size:20px; font-weight:700; border:0; border-radius:0; background:url(../images/btn_arrow_login.svg) no-repeat right center;}
  header .btn-nav-close{position:absolute; top:50%; right:20px; display:block; width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_nav_close.svg) no-repeat center; transform:translateY(-50%);}
  header .user{order:1; margin:0;}
  header .user .btn-user{margin:0 10px 0 0; padding:0; font-size:20px; font-weight:700; color:#03bfa1;}
  header .user .btn-user:after{display:none;}
  /* .user-info{display:none;} */
  .btn-noti{order:2;}
  .btn-nav{position:relative; display:block; width:20px; height:20px; overflow:hidden; text-indent:-9999px; background:none;}
  .btn-nav:before{position:absolute; top:1px; left:0; width:100%; height:3px; content:''; background:#111;}
  .btn-nav:after{position:absolute; bottom:1px; left:0; width:100%; height:3px; content:''; background:#111;}
  .btn-nav i{position:absolute; top:50%; left:0; width:100%; height:3px; content:''; background:#111; transform:translateY(-50%);}

  footer .inner{position:relative; padding:14px 20px 30px;}
  .guide-link{margin:0 0 20px; color:#666;}
  .guide-link .customer{margin:0;}
  .guide-link .customer dt{margin:0 0 5px; padding:2px 0 2px 24px; font-size:14px; background:url(../images/customer.png) no-repeat 0 center; background-size:20px auto;}
  .guide-link .customer dd{margin:0; font-size:22px;}
  .guide-link .customer .tel a{font-weight:700;}
  .guide-link .customer .mail{display:block;}
  .guide-link .customer .mail a{font-size:20px; font-weight:400;}
  .guide-link .customer p{font-size:13px; line-height:1.2;}
  .guide-link .customer p br{display:none;}
  .guide-link .customer .guide-txt{display:block; margin:5px 0 0;}
  .guide-link .link{display:none;}
  .site-info{display:block;}
  .site-info .logo{position:absolute; top:20px; right:20px; width:104px; margin:0;}
  .site-info .info{font-size:13px; color:#666;}
  .site-info .link-privacy:before{height:11px; background:#666;}
  .site-info .bar{display:none;}
  .site-info address{margin:4px 0; line-height:1.6;}
  .site-info .copyright{margin:5px 0 0;}
  .site-info .sns{padding:20px 0 0;}
  .site-info .sns a{display:inline-block; width:30px; height:30px; margin:0 6px 0 0;}
  .site-info .sns a img{width:100%;}

  .main-contents{position:relative; padding:20px 0 0;}
  .main-contents .title-area h2{font-size:34px; line-height:40px;}
  .main-contents .title-area h2 + .disc{font-size:16px; line-height:24px;}

  .visual-wrap{margin:0 0 30px;}
  .key-visual{flex:1; width:auto; height:480px; border-radius:16px;}
  .key-visual .slide-item .txt{top:30px; left:8%;}
  .key-visual .img{height:480px;}
  .key-visual .img img{height:100%;}
  .key-visual .txt h2{font-size:30px; line-height:38px;}
  .key-visual .txt p{margin:10px 0 18px; font-size:16px; line-height:24px;}
  .key-visual .txt a{width:146px; height:50px; font-size:16px; line-height:50px;}
  .key-visual .visual-controls{left:30px; bottom:30px;}

  .use-guide{display:none;}
  .main-intro .title-area{display:none;}

  .contents{padding:0 20px;}
  /* .btn-primary-border,  */
  /* .btn-primary-border:hover{height:53px;  */
    /* margin:0 auto;  */
    /* font-size:18px; line-height:53px;} */
  /* .btn-primary, */
  /* .btn-primary:hover{width:180px; height:53px;  */
    /* margin:0 auto;  */
    /* font-size:18px; line-height:53px;} */

  .input-wrap{width:100%; padding:60px 0;}
  .input-wrap h2{margin:0 0 45px; font-size:32px;}
  .input-wrap .label{top:18px; font-size:18px;}
  .input-wrap .row:has(input[type="password"]:focus) .label{top:-10px; font-size:16px;}
  .input-wrap .btn-del{top:27px;}
  
  .login-wrap .row input[type="text"], 
  .login-wrap .row input[type="password"]{height:56px; font-size:18px;}
  .login-wrap .checkbox-wrap .checkbox{margin:0;}
  .login-wrap .checkbox-wrap .checkbox:not(:first-child){margin-left:15px;}


  .find-wrap .radio-wrap .radio{margin:0;}
  .find-wrap .radio-wrap .radio:not(:first-child){margin:0 0 0 15px;}
  .find-wrap .row, 
  .find-wrap .row + .row{margin:0 0 30px;}
  .find-wrap input[type="text"] + button, 
  .find-wrap input[type="password"] + button{min-width:85px;}
  .find-wrap .time{right:105px;}
  .find-result{padding:40px 0 60px; font-size:20px;}
  
  .commu-faq-tab a{font-size:16px;}

  .main-intro{overflow:hidden; padding:0 0 30px;}
  .main-intro .detail{position:relative;}
  .main-intro .detail .swiper-wrapper{gap:0;}
  .main-intro .detail dl{flex:none; width:100%; height:auto; padding:20px 40px 20px 130px; text-align:left;}
  .main-intro .detail dl:nth-child(1){background:#f7f8fc url(../images/ico_intro01.svg) no-repeat 25px center; background-size:90px auto;}
  .main-intro .detail dl:nth-child(2){background:#f7f8fc url(../images/ico_intro02.svg) no-repeat 25px center; background-size:90px auto;}
  .main-intro .detail dl:nth-child(3){background:#f7f8fc url(../images/ico_intro03.svg) no-repeat 25px center; background-size:90px auto;}
  .main-intro .detail dl:nth-child(4){background:#f7f8fc url(../images/ico_intro04.svg) no-repeat 25px center; background-size:90px auto;}
  .main-intro .detail dt{margin:0 0 7px; padding:0; font-size:20px; background:none !important;}
  .main-intro .detail dd{font-size:16px; line-height:24px;}
  .main-intro .detail dd br{display:none;}
  .main-intro .intro-controls{display:block;}
  .main-intro .intro-controls button{position:absolute; top:50%; z-index:2; width:20px; height:25px; overflow:hidden; text-indent:-9999px; transform:translateY(-50%);}
  .main-intro .intro-controls .btn-prev{left:0; background:url(../images/btn_prev_intro.svg) no-repeat 0 center;}
  .main-intro .intro-controls .btn-next{right:0; background:url(../images/btn_next_intro.svg) no-repeat 0 center;}

  .main-realtime{padding:60px 0 77px;}
  .main-realtime .btn-primary{display:block; width:180px;}
  .deals-wrap{width:100%; box-sizing:border-box; margin:35px 0; padding:0 20px;}
  .deals-wrap .tab-nav{position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:9px;width:100%; overflow:hidden; box-sizing:border-box; margin:0 0 46px; padding:4px; border:1px solid #111; border-radius:10px;}
  .deals-wrap .tab-nav:before{position:absolute; top:50%; left:50%; width:1px; height:calc(100% - 8px); content:''; background:#ccc; transform:translate(-50%, -50%);}
  .deals-wrap .tab-nav:after{position:absolute; top:50%; left:50%; width:calc(100% - 8px); height:1px; content:''; background:#ccc; transform:translate(-50%, -50%);}
  .deals-wrap .tab-nav a{width:100%; height:auto; box-sizing:border-box; padding:13px 0; font-size:14px; line-height:16px; text-align:center; border-radius:6px;}
  .deals-wrap .tab-nav a.active{font-weight:400; border-radius:6px;}
  .deals-wrap .tab-nav a:first-child:after{position:absolute; top:50%; left:50%; z-index:2; width:9px; height:9px; content:''; border-radius:50%; background:#e8f1f2; transform:translate(-50%, -50%);}
  .deal-item{display:block; padding:20px;}
  .deal-item + .deal-item{margin:25px 0 0;}
  .deal-item .ad{height:24px; font-size:10px; line-height:24px;}
  .deal-item .user{display:flex; justify-content:space-between; align-items:center; margin:0 0 30px;}
  .deal-item .user .grade{height:22px; font-size:12px; line-height:22px;}
  .deal-item .user .info{margin:0;}
  .deal-item .prod-info{display:block; padding:0;}
  .deal-item .prod-info .item-name{font-size:18px;}
  .deal-item .prod-info .tag-wrap span{font-size:12px;}
  .deal-item .prod-info .info{margin:20px 0; text-align:left;}
  .deal-item .prod-info .info div + div{margin:10px 0 0;}
  .deal-item .bids{display:flex; justify-content:space-between; margin:0 -20px; padding:15px 20px 0; border-left:0; border-top:1px solid #e5e5e5;}
  .deal-item .bids .person{margin:0; padding-top:6px;}
  /* .deals-wrap{width:100%; box-sizing:border-box; margin:35px 0; padding:0 20px;}
  .deals-wrap .tab-nav{position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;width:100%; overflow:hidden; box-sizing:border-box; margin:0 0 46px; padding:5px; border:1px solid #111; border-radius:10px;}
  .deals-wrap .tab-nav:before{position:absolute; top:50%; left:50%; width:1px; height:100%; content:''; background:#111; transform:translate(-50%, -50%);}
  .deals-wrap .tab-nav:after{position:absolute; top:50%; left:50%; width:100%; height:1px; content:''; background:#111; transform:translate(-50%, -50%);}
  .deals-wrap .tab-nav a{width:100%; height:auto; box-sizing:border-box; padding:13px 0; font-size:14px; line-height:16px; text-align:center; border-radius:21px;}
  .deals-wrap .tab-nav a.active{font-weight:400; border-radius:6px;}
    .deals-wrap .tab-nav a:first-child:after{position:absolute; top:50%; left:50%; z-index:2; width:9px; height:9px; content:''; border-radius:50%; background:#e8f1f2; transform:translate(-50%, -50%);}
  .deal-item{display:block; padding:20px;}
  .deal-item + .deal-item{margin:25px 0 0;}
  .deal-item .ad{height:24px; font-size:10px; line-height:24px;}
  .deal-item .user{display:flex; justify-content:space-between; align-items:center; margin:0 0 30px;}
  .deal-item .user .grade{height:22px; font-size:12px; line-height:22px;}
  .deal-item .user .info{margin:0;}
  .deal-item .prod-info{display:block; padding:0;}
  .deal-item .prod-info .item-name{font-size:18px;}
  .deal-item .prod-info .tag-wrap span{font-size:12px;}
  .deal-item .prod-info .info{margin:20px 0; text-align:left;}
  .deal-item .prod-info .info div + div{margin:10px 0 0;}
  .deal-item .bids{display:flex; justify-content:space-between; margin:0 -20px; padding:15px 20px 0; border-left:0; border-top:1px solid #e5e5e5;}
  .deal-item .bids .person{margin:0; padding-top:6px;} */

  .main-quick{overflow:hidden; padding:60px 20px 92px; background:#fff;}
  .main-quick .quick-slide{position:relative;}
  .main-quick .inner{gap:0; padding:0;}
  .main-quick .inner > div{flex:none; width:100%; height:140px; box-sizing:border-box; padding:24px 30px;}
  .main-quick h3{font-size:16px;}
  .main-quick p{margin:10px 0; font-size:14px; line-height:18px;}
  .main-quick a{padding:0 20px 0 0; font-size:14px; background-size:11px auto;}
  .main-quick .free:after{bottom:-32px; width:145px; height:110px; background-size:100% auto;}
  .main-quick .grade:after{bottom:-32px; width:145px; height:110px; background-size:100% auto;}
  .main-quick .swiper-slide-next.swiper-slide-prev {right:20px;}
  .main-quick .swiper-slide-active ~ .swiper-slide-next{left:20px;}

  .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-quick .quick-controls .btn-prev{left:-10px; background:url(../images/btn_prev_quick.svg) no-repeat center;}
  .main-quick .quick-controls .btn-next{right:-10px; background:url(../images/btn_next_quick.svg) no-repeat center;}

  .main-review{background:#fff;}
  .main-review .inner{padding:0 20px 60px;}
  .main-review .suppliers{gap:3px; overflow-y:scroll; margin:40px 0; padding:10px 0; -ms-overflow-style:none; scrollbar-width:none;}
  .main-review .suppliers img{height:48px;}
  .main-review .review-wrap{padding:0 30px;}
  .main-review .review-list{margin:0 0 40px;}
  .main-review .slide-controls .btn-prev{left:0;}
  .main-review .slide-controls .btn-next{right:0;}

  .join-wrap{width:100%;padding:94px 0 60px;}
  .join-wrap h2{margin:0 0 30px; font-size:28px;}
  .join-wrap .form-wrap .select-type br{display:none;}

  .join-complete h2{font-size:28px;}
  .join-complete .disc{margin:60px 0; line-height:28px;}
  
  .form-wrap .select-type h3{font-size:20px;}
  .form-wrap .select-type ul{display:block;}
  .form-wrap .select-type li:not(:first-child){margin-top:20px;}
  .form-wrap .select-type li strong{font-size:20px;}
  .form-wrap .select-type a{width:100%; height:auto; padding:35px 0;}
  .form-wrap .btn-bk{min-width:86px;}
  .form-wrap .btn-primary.double{height:63px; padding:12px 0 0;}
  .form-wrap .btn-primary.double span{font-size:14px;}
  .form-wrap .radio-wrap{display:block;}
  .form-wrap .radio{width:100%; height:auto;}
  .form-wrap .radio + .radio{margin:10px 0 0;}
  .form-wrap .radio label{padding:18px 0 18px 50px;}
  .form-wrap .radio label:before{top:18px;}
  .form-wrap .radio label:after{top:25px;}
  .form-wrap .file .btn{width:86px;}
  .type-radio{width:100%;}
  .type-radio .radio{width:50%; margin:0 !important;}
  .type-radio .radio label{padding:0; font-size:15px;}
  
  .checkbox-wrap{flex-wrap:wrap; gap:0;}
  .checkbox-wrap .checkbox{width:35%;}
  .checkbox-wrap.full .checkbox{width:max-content;}
  .checkbox label{height:28px; padding-left:35px; line-height:28px;}
  .checkbox label:before{width:28px; height:28px;}
  .checkbox label:after{width:28px; height:28px;}
  .row input[type="text"].middle, .row input[type="date"].middle{width:100%;}

  .sub-nav{position:fixed; display:flex; left:0; z-index:5; width:100%; height:54px; border-top:2px solid #eee; border-bottom:2px solid #eee; background:#f9f9f9;}
  .sub-nav .btn-home{position:relative; width:48px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_home.svg) no-repeat center;}
  .sub-nav .btn-home:after{position:absolute; top:50%; right:0; width:2px; height:30px; content:''; background:#eee; transform:translateY(-50%);}
  .sub-nav .btn-expand{position:relative; width:100%; height:100%; padding:0 0 0 14px; text-align:left; background:none;}
  .sub-nav .btn-expand:after{position:absolute; top:15px; right:10px; width:24px; height:24px; content:''; background:url(../images/ico_expand_arrow.svg) no-repeat center;}
  .sub-nav .cate{position:relative; flex:1; background:#f9f9f9;}
  .sub-nav .page{position:relative; flex:1; border-left:2px solid #eee;}
  .sub-nav ul{position:absolute; top:54px; left:-1px; z-index:2; display:none; width:calc(100% + 1px); box-sizing:border-box; border:1px solid #111; background:#fff;}
  .sub-nav ul.active{display:block;}
  .sub-nav ul a{display:block; width:100%; height:56px; box-sizing:border-box; padding:0 0 0 14px; line-height:56px; text-align:left; background:#fff;}
  .sub-nav ul a:active{background:#f5f5f5;}

  .modal-header h1{font-size:20px;}
  .modal-body{padding:20px;}

  .interest-select{width:100%;}
  .interest-tab{position:relative; flex-wrap:wrap; gap:0; overflow:hidden; margin:0 0 30px; border:1px solid #ccc; border-radius:10px;}
  .interest-tab:before{position:absolute; top:50%; left:50%; width:1px; height:100%; content:''; background:#ccc; transform:translate(-50%, -50%);}
  .interest-tab:after{position:absolute; top:50%; left:50%; width:100%; height:1px; content:''; background:#ccc; transform:translate(-50%, -50%);}
  .interest-tab a{flex:unset; width:50%; box-sizing:border-box; border:0; border-radius:0;}
  .interest-wrap{border:0;}
  .interest-select .item-list{padding:0;}
  .interest-select .item:not(:first-child){margin:30px 0 0;}
  .interest-select .item h3{margin:0 0 12px; font-size:16px;}
  .interest-select .item-checkbox label{height:35px; font-size:13px; line-height:35px;}
  .selected-item{margin:0 -20px; padding:13px 20px;}
  .selected-item .sbj{display:none;}
  .selected-item .item-wrap{display:none;}
  .selected-item .btn-area{position:static; display:flex; gap:7px; transform:translate(0)}
  .selected-item .btn-area button{flex:1; height:44px; font-size:16px; line-height:44px;}
  .selected-item .btn-area .btn-clear{padding:0; background:#fff;}
  .selected-item .btn-area .btn-clear:before{display:inline-block; width:17px; height:17px; margin:0 7px 0 0; vertical-align:middle; content:''; background:#fff url(../images/ico_clear.png) no-repeat center; background-size:100% auto;}

  .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;}
  .cate-nav{display:none;}

  .sub-bidding{padding:94px 0 60px;}
    .sub-bidding .article + .article{margin:20px 0 0;}
    .sub-bidding .bidding-step{display:none;}
    .sub-bidding .article-title{font-size:20px;}
    .sub-bidding .article .step{display:none;}
    .sub-bidding .article .step-mo{display:block; max-width:335px; width:100%; margin:0 auto 40px;}
    .sub-bidding .article .step-mo img{width:100%;}
    /* .sub-bidding .article .step{position:relative; display:block; width:335px; height:368px; margin:0 auto 40px; padding:30px 13px; border-radius:20px; background:#f7f8fc url(/images/bg_circle.svg) no-repeat center;}
    .sub-bidding .article .step:before{position:absolute; top:50%; left:50%; width:200px; height:200px; content:''; border-radius:50%; background:#9ec7f3; opacity:.2; transform:translate(-50%, -50%);}
    .sub-bidding .article .step li{position:absolute; display:flex; flex-direction:column; justify-content:center; width:100px; height:100px; padding:0; text-align:center; border:0; border-radius:50%; background:#fff !important;}
    .sub-bidding .article .step li:after{position:absolute; width:0 !important; height:0 !important; content:''; border:7px solid transparent; border-right:12px solid #7bade3; background:none !important;}
    .sub-bidding .article .step li:nth-child(1){left:50%; transform:translateX(-50%);}
    .sub-bidding .article .step li:nth-child(2){top:90px; right:0;}
    .sub-bidding .article .step li:nth-child(3){bottom:41px; right:36px;}
    .sub-bidding .article .step li:nth-child(4){bottom:41px; left:36px;}
    .sub-bidding .article .step li:nth-child(5){top:90px; left:0;}
    .sub-bidding .article .step li:nth-child(1):after{top:77px; right:-30px; transform:rotate(-23deg);}
    .sub-bidding .article .step li:nth-child(2):after{top:114px; left:42px; transform:rotate(51deg);}
    .sub-bidding .article .step li:nth-child(3):after{top:77px; left:-46px; transform:rotate(0deg);}
    .sub-bidding .article .step li:nth-child(4):after{top:-23px; left:-2px; transform:rotate(71deg);}
    .sub-bidding .article .step li:nth-child(5):after{display:none;}
    .sub-bidding .article .step span:first-child{margin:0 0 6px; font-size:12px; color:#0372e8;}
    .sub-bidding .article .step span:last-child{margin:0; font-size:16px;} */
    .sub-bidding .caution-agree{margin:0; padding:0 20px 20px; font-size:14px;}
    .sub-bidding .caution-agree p{margin:0 0 14px; padding:20px 0;}
    .sub-bidding .btn-area{margin:30px 0 0;}
    .sub-bidding .btn-area.center{display:block;}
    .sub-bidding .btn-primary{width:100%;}
    .sub-bidding .radio-wrap{grid-template-columns:repeat(2, 1fr); gap:10px;}
    .sub-bidding .category label{display:flex; align-items:center; height:60px; margin:0; padding:0 20px 0 56px; text-align:left; background:none !important;}
    .sub-bidding .category label:before{top:50%; left:20px; width:28px; height:28px; transform:translateY(-50%);}
    .sub-bidding .category label:after{top:50%; left:28px; width:12px; height:12px; transform:translateY(-50%);}
    .sub-bidding .row + .row{margin-top:30px;}
    .sub-bidding .btn-area.right > div{flex:1;}
    .sub-bidding .row .guide{text-align:left;}
    .sub-bidding .btn-area.between{gap:6px;}
    .sub-bidding .btn-area.between > div{flex:1;}
    .sub-bidding .btn-area.between .btn-default, 
    .sub-bidding .btn-area.between .btn-primary-border{width:100%;}
    .sub-bidding .btn-area.between .btn-primary{width:calc(200% + 10px); margin:10px 0 0 calc(-100% - 10px);}
    .sub-bidding .btn-area.between .btn-primary-border.btn-preview{display:none;}
    .sub-bidding .btn-area.center > div{display:flex; gap:7px;}
    .sub-bidding .middle{min-width:auto;}
    .sub-bidding .btn-area.center .btn-primary-border.middle,
    .sub-bidding .btn-area.center .btn-primary{flex:1; min-width:auto; padding:0;}
    .sub-bidding .label .info, 
    .sub-bidding label .info{display:block; margin:5px 0 0;}
    .sub-bidding .label .info:before, 
    .sub-bidding label .info:before{display:none;}
  /* .sub-bidding{padding:94px 0 60px;}
  .sub-bidding .article + .article{margin:20px 0 0;}
  .sub-bidding .bidding-step{display:none;}
  .sub-bidding .article-title{font-size:20px;}
  .sub-bidding .article .step{position:relative; display:block; width:335px; height:368px; margin:0 auto; background:url(/images/bg_circle.svg) no-repeat center;}
  .sub-bidding .article .step li{position:absolute; display:flex; flex-direction:column; justify-content:center; width:100px; height:100px; padding:0; text-align:center; border:0; border-radius:50%; background:#fff !important;}
  .sub-bidding .article .step li:after{position:absolute; width:0 !important; height:0 !important; content:''; border:7px solid transparent; border-right:12px solid #7bade3; background:none !important;}
  .sub-bidding .article .step li:nth-child(1){left:50%; transform:translateX(-50%);}
  .sub-bidding .article .step li:nth-child(2){top:90px; right:0;}
  .sub-bidding .article .step li:nth-child(3){bottom:41px; right:36px;}
  .sub-bidding .article .step li:nth-child(4){bottom:41px; left:36px;}
  .sub-bidding .article .step li:nth-child(5){top:90px; left:0;}
  .sub-bidding .article .step li:nth-child(1):after{top:77px; right:-30px; transform:rotate(-23deg);}
  .sub-bidding .article .step li:nth-child(2):after{top:114px; left:42px; transform:rotate(51deg);}
  .sub-bidding .article .step li:nth-child(3):after{top:77px; left:-46px; transform:rotate(0deg);}
  .sub-bidding .article .step li:nth-child(4):after{top:-23px; left:-2px; transform:rotate(71deg);}
  .sub-bidding .article .step li:nth-child(5):after{top:-23px; right:-2px; transform:rotate(28deg);}
  .sub-bidding .article .step span:first-child{margin:0 0 6px; font-size:12px; color:#0372e8;}
  .sub-bidding .article .step span:last-child{margin:0; font-size:16px;}
  .sub-bidding .caution-agree{margin:0; padding:0 20px 20px; font-size:14px;}
  .sub-bidding .caution-agree p{margin:0 0 14px; padding:20px 0;}
  .sub-bidding .btn-area{margin:30px 0 0;}
  .sub-bidding .btn-area.center{display:block;}
  .sub-bidding .btn-primary{width:100%;}
  .sub-bidding .radio-wrap{grid-template-columns:repeat(2, 1fr); gap:10px;}
  .sub-bidding .category label{display:flex; align-items:center; height:60px; margin:0; padding:0 20px 0 56px; text-align:left; background:none !important;}
  .sub-bidding .category label:before{top:50%; left:20px; width:28px; height:28px; transform:translateY(-50%);}
  .sub-bidding .category label:after{top:50%; left:28px; width:12px; height:12px; transform:translateY(-50%);}
  .sub-bidding .row + .row{margin-top:30px;}
  .sub-bidding .btn-area.right > div{flex:1;}
  .sub-bidding .row .guide{text-align:left;}
  .sub-bidding .btn-area.between{gap:6px;}
  .sub-bidding .btn-area.between > div{flex:1;}
  .sub-bidding .btn-area.between .btn-default, 
  .sub-bidding .btn-area.between .btn-primary-border{width:100%;}
  .sub-bidding .btn-area.between .btn-primary{width:calc(200% + 10px); margin:10px 0 0 calc(-100% - 10px);}
  .sub-bidding .btn-area.between .btn-primary-border.btn-preview{display:none;}
  .sub-bidding .btn-area.center > div{display:flex; gap:7px;}
  .sub-bidding .middle{min-width:auto;}
  .sub-bidding .btn-area.center .btn-primary-border.middle,
  .sub-bidding .btn-area.center .btn-primary{flex:1; min-width:auto;}
  .sub-bidding .label .info, 
  .sub-bidding label .info{display:block; margin:5px 0 0;}
  .sub-bidding .label .info:before, 
  .sub-bidding label .info:before{display:none;} */
  
  .bidding-detail{padding:0 0 30px;}
  .bidding-detail .select-wrap{display:block;}
  .bidding-detail select{min-width:100%; margin:0 0 10px;}
  .bidding-detail .checkbox-wrap{flex-direction:column;}
  .bidding-detail .checkbox-wrap .checkbox{width:100%;}

  .bidding-complete .complete{font-size:14px; font-weight:400;}
  .bidding-complete .complete strong{display:block; margin:0 0 5px; font-size:16px;}
  .bidding-complete .complete strong:after{display:none;}
  .bidding-complete .step-guide{margin:10px 0 30px;}
  .bidding-complete .step-guide{padding:134px 20px 20px; background-position:20px 20px; background-size:100px auto;}

  .regi-caution{padding:20px;}
  .regi-caution strong{background-size:20px auto;}
  .regi-caution li{font-size:14px;}
  .agree-checkbox{margin:0 0 40px; padding:20px; border-radius:10px; background:rgba(3, 191, 161, .05);}
  .agree-checkbox .checkbox label{height:auto;}

  .sub-find{padding:94px 0 40px;}
  .sub-find .sorting-mo{display:flex; justify-content:space-between; margin:-10ㅇpx -20px 0; padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
  .sub-find .sorting-mo button{height:35px; padding:0 14px 0 32px; font-size:13px; border:1px solid #ddd; border-radius:18px; background:#fff;}
  .sub-find .sorting-mo .btn-filter{background:url(../images/btn_filter.svg) no-repeat 14px center;}
  .sub-find .sorting-mo .btn-reset{background:url(../images/btn_reset.svg) no-repeat 14px center;}
  .sub-find .list-align{display:flex; justify-content:flex-end; margin:10px 0 20px;}
  .sub-find .list-align .btn-align{height:24px; padding:0 34px 0 0; background:url(../images/btn_select_arrow.svg) no-repeat right center;}
  .search-full{margin:0 -20px; padding:20px; border-radius:0; background:#f7f8fc;}
  .search-full select{min-width:120px; padding:0 0 0 20px;}
  .bidding-list-wrap{margin:0 -20px; padding:0 0 8px; background:#eee;}
  .bidding-list-wrap .list{margin:0;}
  .bidding-list-wrap .paging{display:none;}
  .bidding-list-wrap .sorting{display:none;}
  .bidding-item{position:relative; padding:20px; border:0; border-radius:0; background:#fff;}
  .bidding-item + .bidding-item{margin:8px 0 0;}
  .bidding-item .bidding-info{padding:0; border:0;}
  .bidding-item .bidding-info strong{font-size:20px;}
  .bidding-item .date-info{margin:8px 0 0;}
  .bidding-item .status{position:static; margin:20px 0 0; padding:0 0 0 20px; font-size:13px; background-size:13px auto;}
  .bidding-item .btn-expand{position:absolute; bottom:0; right:0; display:block; height:24px; padding:0 26px 0 0; font-size:14px; background:none;}
  .bidding-item .btn-expand:after{position:absolute; top:0; right:0; width:24px; height:24px; content:''; background:url(../images/btn_select_arrow.svg) no-repeat center;}
  .bidding-item .btn-expand.expanded:after{transform:rotate(180deg);}
  .bidding-item .top-area .btn-area{position:absolute; bottom:20px; left:20px; display:none;}
  .bidding-item .top-area .btn-area.show{display:block;}
  .bidding-item .btn-like{height:34px; font-size:14px;}
  .bidding-item .btn-apply{height:34px; font-size:14px;}
  .bidding-item .etc{display:none; margin:20px 0 0; padding-bottom:54px; border-top:1px solid #ddd;}
  .bidding-item .etc.opened{display:block;}
  .bidding-item .etc dl:not(:first-child){padding:0; border:0;}
  .bidding-item .etc dl:nth-child(2n),
  .bidding-item .etc dl:nth-child(4n){display:none;}
  .bidding-item .etc dl{display:flex; justify-content:space-between;}
  .bidding-item .etc dt{font-size:16px;}
  .bidding-item:has(.no-login) .btn-area{display:none !important;}
  .bidding-item:has(.no-login) .etc{padding-bottom:0;}
  .bidding-item .etc .no-login{height:auto; padding:30px 0; background-size:auto 100%}
  .bidding-item .etc .no-login span{display:flex; justify-content:center; align-items:center; padding:0; background:none;}
  .bidding-item .etc .no-login span:before{display:inline-block; width:12px; height:14px; margin:0 6px 0 0;  content:''; background:url(../images/ico_lock.png) no-repeat center; background-size:100% auto;}
  .user-info .img,
  .user-info .id{display:none;}
  .user-info .grade{height:20px; font-size:10px; line-height:20px;}

  .bidding-view-wrap{display:block;}
  .bidding-view .view-inner{overflow:visible; border:0; border-radius:0;}
  .bidding-view .top-area{padding:0;}
  .bidding-view .bidding-sbj .tag span{height:20px; font-size:10px; line-height:20px;}
  .bidding-view .bidding-sbj .cate > span:after{display:none;}
  .bidding-view .bidding-sbj strong{font-size:20px;}
  .bidding-view .bidding-sbj .share{display:block; margin:10px 0 0; text-align:right;}
  .bidding-view .login{margin:20px -20px 40px; padding:30px 0;}
  .bidding-view .login p{margin:0 0 20px; line-height:24px;}
  .bidding-view .login .btn-area a{width:auto; height:38px; padding:0 30px; font-size:16px; line-height:38px;}
  .bidding-view .info{display:block;}
  .bidding-view .info dl{flex-direction:row; align-items:center; margin:0 0 10px;}
  .bidding-view .info dt{margin:0;}
  .bidding-view .view-inner .etc{margin-bottom:24px;}
  .bidding-view .bottom-area{margin:0 0px; padding:25px 20px; border-top:0;}
  .bidding-view .bottom-area h3{font-size:20px;}
  .bidding-view .bidding-content li{display:block; font-size:16px;}
  .bidding-view .bidding-content .sbj{display:block; margin:0;}
  .bidding-view .bidding-content span{display:block; margin:0 0 0 12px; line-height:24px;}
  .bidding-view .inquiry{margin:20px 0 0; padding:20px 0 0;}
  .bidding-view .inquiry h3{font-size:16px;}
  .bidding-view .inquiry .item.question{padding:14px 0 56px 52px;}
  .bidding-view .inquiry .btn-reply{top:unset; bottom:15px; left:50px;}
  .bidding-view .write-wrap .textarea{padding:8px 80px 8px 8px;}
  .bidding-view .write-wrap textarea{height:32px; padding:0;}
  .bidding-view .write-wrap .textarea button{top:8px; right:8px; width:64px; height:calc(100% - 16px); border:1px solid #ccc; border-radius:6px;}
  .other-bidding h4{margin:0 -20px; padding:0 20px 20px; border-bottom:1px solid #ddd;}
  .other-bidding .bidding-item{padding:20px 0;}
  .other-bidding .bidding-item .top-area .btn-area.show{left:0;}
  .find-aside{width:100%;}
  .find-aside .btn-area{display:none;}
  .find-aside .user-info .img, 
  .find-aside .user-info .id{display:block;}
  .find-aside .bottom-etc{display:flex; gap:14px; overflow-y:scroll; margin:0 -20px; padding:0 20px 40px;}
  .find-aside .bottom-etc::-webkit-scrollbar{display:none;}
  .find-aside .bottom-etc > div{min-width:75%;}
  .find-aside .regi{padding:20px;}
  .find-aside .consulting p{padding:14px 0 14px 85px; text-align:left; background-position:0 center;  background-size:62px auto;}
  .find-aside .apply{padding:24px 20px 20px; text-align:left; line-height:24px; background-position:20px 35px; background-size:62px auto;}
  .find-aside .apply strong{margin:0 0 0 75px;}
  .find-aside .apply p{margin:0 0 22px 75px;}

  .suggestion{border:0; padding:0;}
  .suggestion .article-title{position:relative;}
  .suggestion .article-title:before{position:relative; margin:0 21px 0 0; content:'01'; font-weight:600; color:#03bfa1;}
  .suggestion .article-title:after{position:absolute; top:3px; left:33px; width:1px; height:19px; content:''; background:#ccc;}
  .suggestion .step{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px 36px; padding:0 20px 0 0;}
  .suggestion .step li{width:auto; height:auto; padding:20px; background:none !important;}
  .suggestion .step li:not(:last-child):after{right:-24px; width:7px; height:15px; background-size:100% auto;}
  .suggestion .step span:last-child{margin:0;}
  /* .suggestion .step{display:block; margin:0 0 40px; padding:0;}
  .suggestion .step li:not(:first-child){margin-top:10px;}
  .suggestion .step li:nth-child(1){background:url(/images/ico_step01.png) no-repeat right 20px center; background-size:68px auto;}
  .suggestion .step li:nth-child(2){background:url(/images/ico_step02.png) no-repeat right 20px center; background-size:68px auto;}
  .suggestion .step li:nth-child(3){background:url(/images/ico_step03.png) no-repeat right 20px center; background-size:68px auto;}
  .suggestion .step li:nth-child(4){background:url(/images/ico_step05.png) no-repeat right 20px center; background-size:68px auto;}
  .suggestion .step li:after{display:none;} */

  .sub-bidding:has(.suggestion-wrap){display:block;}
  .suggestion-wrap{flex-direction:column; gap:0;}
  .suggestion-wrap .estimate .article-title,
  .suggestion-wrap .tbl-default,
  .suggestion-wrap .tbl-default + .total-title,
  .suggestion-wrap .tbl-total,
  .suggestion-wrap .tbl-total + .total{display:none;}
  .suggestion-wrap .title-mo{display:block; margin:0 0 14px; font-size:20px; font-weight:600;}
  .suggestion-wrap .title-mo .num{position:relative; margin:0 21px 0 0; color:#03bfa1;}
  .suggestion-wrap .title-mo .num:after{position:absolute; top:3px; right:-11px; width:1px; height:19px; content:''; background:#ccc;}
  .suggestion-wrap .btn-minimum{display:block; width:100%; margin:0 0 40px; padding:20px; font-size:16px; text-align:left; border:1px solid #03bfa1; border-radius:10px; background:#f2fcfa url(../images/btn_select_arrow.svg) no-repeat right 20px center;}
  .suggestion-wrap .btn-minimum strong{font-weight:600; color:#03bfa1;}
  .suggestion-wrap .btn-minimum.hide{display:none;}
  .suggestion-default-info{display:none;}
  .suggestion-default-info.show{display:block;}
  .suggestion-default-info .modal-guide{width:100%; left:50%; transform:translateX(-50%);}
  .suggestion-write{order:2; width:100%; padding:0; border:0;}
  .suggestion-write .border-box{overflow:hidden; margin:0 0 10px; border:1px solid #eee; border-radius:10px; box-shadow:6px 6px 10px rgba(0, 0, 0, .05);}  
  .suggestion-write .border-box .btn-expand{display:block; width:100%; padding:35px 20px; text-align:left; background:#fff url(../images/ico_x.svg) no-repeat right 22px center;}
  .suggestion-write .border-box.opened .btn-expand{background:#fff url(../images/ico_check.svg) no-repeat right 22px center;}
  .suggestion-write .border-box .btn-expand span{position:relative; padding:0 25px 0 0; font-weight:600;}
  .suggestion-write .border-box .btn-expand span:after{position:absolute; top:50%; right:0; width:24px; height:24px; content:''; background:url(../images/btn_select_arrow.svg) no-repeat center; transform:translateY(-50%);}
  .suggestion-write .border-box .info-detail{display:none; padding:20px; border-top:1px solid #ddd;}
  .suggestion-mo{display:block;}
  .suggestion-write .border-box.opened .btn-expand span:after{transform:translateY(-50%) rotate(180deg);}
  .suggestion-write .border-box.opened .info-detail{display:block;}
  .suggestion-write .date-input.opened{border-color:#e26141;}
  .suggestion-write .file-add.opened{border-color:#03bfa1;}
  /* .suggestion-mo .info-mo .btn-expand{background:#fff url(../images/ico_suggestion_write01.png) no-repeat right 20px center; background-size:68px auto;}
  .suggestion-mo .price-mo .btn-expand{background:#fff url(../images/ico_suggestion_write02.png) no-repeat right 20px center; background-size:68px auto;}
  .due-date .date-input .btn-expand{background:#fff url(../images/ico_suggestion_write03.png) no-repeat right 20px center; background-size:68px auto;}
  .due-date .file-add .btn-expand{background:#fff url(../images/ico_suggestion_write04.png) no-repeat right 20px center; background-size:68px auto;} */
  .suggestion-write .border-box .item-title{display:block; margin:0 0 20PX;}
  .suggestion-write .border-box .item-title .num{display:inline-block; width:20px; height:20px; margin:0 6px 0 0; font-size:12px; text-align:center; line-height:20px; color:#fff; border-radius:50%; background:#111;}
  .suggestion-write .due-date{margin:0;}
  .suggestion-mo .info-detail .row{margin:0;}
  .suggestion-mo .info-detail .row + .row{margin:14px 0 0;}
  .suggestion-mo .row .label, 
  .suggestion-mo .row label{margin:0 0 5px;}
  .suggestion-mo .info-detail .label{min-width:120px; margin:0;}
  .suggestion-mo .info-detail select{width:100%;}
  .suggestion-mo .btn-calc{display:block; width:180px; margin:10px auto 30px; padding:8px 0; font-size:14px; color:#0372e8; border:1px solid #9ec7f3; border-radius:16px; background:#fff;}
  .suggestion-mo .total{padding:0; border:0;}
  .suggestion-mo .total li{display:flex; justify-content:space-between; align-items:center; font-size:16px;}
  .suggestion-mo .total .price{width:auto; font-size:20px;}
  .suggestion-write .due-date .row{display:block; margin:0;}
  .suggestion-write .due-date .row .col{width:100%; margin:0 0 10px;}
  .form-wrap .guide{margin:0; font-size:12px;}
  .suggestion-write .btn-primary{margin:0;}

  .suggestion-write .due-date input[type="date"]{width:100%;}
  .suggestion-aside{position:static; order:1; width:100%;}
  .suggestion-aside > div{margin:0 0 40px; padding:20px;}
  .suggestion-aside .slide{display:none;}

  .calc-modal .inner{width:90%;}
  .calc-modal .modal-body{max-height:50vh; overflow:auto;}
  .calc-modal .btn-area .btn-bk{width:100%;}
  .calc-modal .modal-body{padding:0 20px;}
  .calc-content{display:block; margin:0; border-bottom:0;}
  .calc-content label{font-size:16px;}
  .calc-content .value-input{width:100%; box-sizing:border-box; padding:30px 0; border-right:0; border-bottom: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 .result{display:block; padding:30px 0 10px;}
  .calc-content .result li + li{margin:10px 0 0;}
  .calc-content .result .price{font-weight:600;}
  .calc-content .final-price{height:62px; margin:30px -20px 0; padding:0 20px; border-radius:0; background:#f3f5f7;}
  .calc-content .final-price .price{font-size:16px;}
  .calc-modal .btn-area{position:sticky; bottom:0; padding:13px 20px; box-shadow:0 -5px 5px rgba(0, 0, 0, .1);}


  .cate-title{display:none;}

  .partners-wrap > .inner{width:100%; padding:94px 0 80px;}
  .partners-wrap .title-area{position:relative;}
  .partners-wrap .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;}
  .partners-wrap .btn-back + .section-title{margin-left:20px;}
  .partners-wrap .section-title{font-size:28px;}
  .partners-info{display:block; margin:0 0 20px; padding:20px;}
  .partners-info .img{position:absolute; top:20px; right:20px; width:60px; height:60px;}
  .partners-info .user-info{margin:0 0 24px;}
  .partners-info .user-info .id{display:block; margin:0 10px 0 0; font-size:18px;}
  .partners-info .detail{display:block;}
  .partners-info .detail span{display:block; margin:0 0 10px; font-size:14px;}
  .partners-info .detail .type{background-size:15px auto;}
  .partners-info .detail .address{background-size:16px auto;}
  .partners-info .detail .cate{background-size:16px auto;}
  .partners-info .appraise{padding:0;}
  .partners-info .appraise:before{display:none;}
  .partners-info .btn-request{position:static; width:100%; margin:20px 0 0; transform:none;}
  .partners-contents{display:block;}
  .snb{width:auto; overflow:auto; margin:0 -20px; -ms-overflow-style:none; scrollbar-width:none;}
  .snb h2{display:none;}
  .snb ul{display:flex; white-space:nowrap; border-top:0;}
  .snb a{padding:20px; color:#999; border-bottom:0;}
  .snb a:after{position:absolute; top:auto; bottom:0; right:0; width:100%; height:2px; content:''; border:0; background:#ccc;}
  .snb a.active:after{top:auto; bottom:0; right:0; width:100%; height:2px; border:0; background:#03bfa1; transform:none;}
  .partners-details{width:100%; padding:30px 0 0;}
  .partners-details h3{margin:0 0 30px; font-size:20px;}
  .partners-details .greeting strong{font-size:16px;}
  .partners-details .history .year{width:48px; font-size:19px; font-weight:600;}
  .partners-details .history li:not(:first-child){margin:10px 0 0;}
  .partners-details .history li ol{flex:1; margin:-2px 0 0 48px;}
  .partners-details .history li ol:before{top:5px; left:-27px;}
  .partners-details .history li ol:after{left:-22px;}
  .partners-details .history li:last-child ol:after{display:block;}
  .partners-details .history li li{align-items:flex-start; line-height:26px;}
  .partners-details .history .month{font-size:16px;}
  .partners-details .history .detail{flex:1;}
  .partners-details .client-list .client{display:block;}
  .partners-details .client-list .img{width:100%; height:auto;}
  .partners-details .client-list .client div:last-child{display:none;}
  .partners-details .sorting{margin:0 0 20px;}
  .partners-details .sorting select{width:100%; margin:0 0 10px;}
  .awards-list{display:block;}
  .awards-list .award + .award{margin-top:30px;}
  .awards-list .img{height:auto; border-radius:10px;}
  .awards-list .sbj{margin:10px 0 0; font-size:16px;}
  .portfolio-list{display:block; margin:0 0 30px;}
  .portfolio-list .item{padding:20px; border-radius:10px;}
  .portfolio-list .item + .item{margin:20px 0 0;}
  .portfolio-list .item strong{font-size:20px;}
  .portfolio-list .item .reduce{height:20px; font-size:10px; line-height:20px;}
  .portfolio-list .item .date{font-size:14px;text-align:right;}
  .portfolio-list .category{margin:10px 0 20px;}
  .portfolio-list .category span{font-size:12px;}

  .partners-details h2{display:none;}
  .partners-details .content-title h3{font-size:20px;}
  .partners-details .content-wrap + .content-wrap{margin:60px 0 0;}
  .partners-details .client-appraisal{margin:0 0 30px;}
  .partners-details .summary{display:block; margin:0 0 30px; padding:20px;}
  .partners-details .summary .txt{margin:0 0 20px; padding:0; font-size:16px;}
  .partners-details .summary .detail{padding:0;}
  .partners-details .summary .detail strong{font-size:14px;}
  .partners-details .cases li{font-size:14px;}
  .partners-details .cases li:before{top:2px;}

  .portfolio-info .default-info{padding:20px; font-size:14px;}
  .portfolio-info .default-info strong{margin:0 0 10px; font-size:16px;}
  .portfolio-info .default-info .date{margin:10px 0 0; text-align:left;}
  .portfolio-info .detail{margin:0 0 30px; padding:20px 0 50px; line-height:28px;}
  .portfolio-info .detail strong{margin:0; font-size:18px;}
  .portfolio-info .btn-primary{width:100%;}
  .partners-details .article-title{margin:0; font-size:20px;}
  .partners-details .article.all{margin:0 0 60px; padding:0; border-bottom:0;}
  .portfolio-swiper{margin:-20px -10px 0; padding:40px 10px 0;}
  .portfolio-swiper .item + .item{margin:0;}
  .portfolio-swiper .controls{position:static;}
  .portfolio-swiper .controls .pagination{position:absolute; top:0; left:auto; right:0; bottom:auto; width:auto;}
  .portfolio-swiper .controls button{position:absolute; top:50px; z-index:2; width:36px; height:36px; border-radius:50%; background:rgba(255, 255, 255, .6); box-shadow:0 3px 6px rgba(0, 0, 0, .16);}
  .portfolio-swiper .controls .btn-prev{left:0;}
  .portfolio-swiper .controls .btn-next{right:0;}
  .partners-details .sorting .short{appearance:none; width:100px; height:24px; margin:10px 0; border:0; background:url(../images/btn_select_arrow.svg) no-repeat right center;}
  .client-appraisal{clear:both; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:25px 20px;}
  .client-appraisal h4{margin:0 0 16px; font-size:14px;}
  .client-appraisal .total-star{padding:0 15px;}
  .client-appraisal .star-wrap{margin:0 0 14px;}
  .client-appraisal .star-wrap .star,
  .client-appraisal .star-wrap .star.active{width:9px; height:18px; background-size:auto 100%;}
  .client-appraisal .total-star .number{font-size:30px;}
  .client-appraisal .all{padding-right:40px}
  .client-appraisal .all div{padding:30px 0 0; font-size:30px; background-size:28px auto;}
  .client-appraisal .grade{width:100%; padding:0;}
  .client-appraisal .grade .sbj{min-width:72px;}
  .client-appraisal .grade .graph{flex:1;}
  .appraise-detail .user-info .img{display:block;}
  .appraise-detail .info-detail .txt{margin:20px 0 0;}
  .appraise-detail .info-detail .btn-more{width:100%; font-size:18px;}
  .deal-history .deal-wrap{clear:both;}
  .deal-history .deal-item{border-radius:10px;}
  .deal-history .deal-item .prod-info{padding:0;}
  .deal-history .deal-item .user{position:absolute; top:52px; left:20px; font-size:14px; border:0;}
  .deal-history .deal-item .user .name{display:none;}
  .deal-history .deal-item .prod-info .item-name{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 36px; font-size:20px;}
  .deal-history .deal-item .prod-info .item-name .grade{display:inline-block; height:20px; padding:0 10px; font-size:10px; color:#fff; line-height:20px; border-radius:4px; background:linear-gradient(110deg, #4ce2d3, #00a9e8);}
  .deal-history .deal-item .prod-info .info{margin:10px 0 0; font-size:14px; text-align:right;}
  .deal-history .deal-item .prod-info .info div + div{margin:5px 0 0;}

  .commu-wrap{padding:94px 0 80px;}
  .commu-wrap .title-area{position:relative; margin:0 0 40px;}
  .commu-wrap .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;}
  .commu-wrap h2{margin:0 0 8px 20px; font-size:28px; text-align:left;}
  .commu-wrap h2 + .disc{text-align:left;}
  .commu-search{width:unset; height:unset; margin:0 -20px 24px; padding:20px; border:0; border-radius:0; background:#f7f8fc;}
  .commu-search .search-inner{height:54px; box-sizing:border-box; overflow:hidden; padding:0 54px 0 0; border:1px solid #222; border-radius:27px; background:#fff;}
  .commu-search input[type="text"]{height:52px; padding:0 0 0 20px;}
  .commu-search .btn-search{top:20px; right:20px; width:54px; height:54px;}
  .commu-tab{margin:0 0 30px;}
  .commu-tab a{height:50px; font-size:16px; line-height:50px;}
  .board-content{display:block;}
  .board-content h3{font-size:20px;}
  .board-content .board.top10{margin:0 0 26px;}
  .board-content .board.top10 h3{margin:0 0 20px; padding:0; font-size:20px; background:none;}
  .board-content .board-list a{display:flex;}
  .board-content .board-list a .num{width:60px; margin:0; text-align:center;}
  .board-content .board-list a .txt{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .board-content .board.notice{margin:0 0 60px;}
  .board-content .board.notice .title-area{margin:0 0 14px;}
  .board-content .board-list a .noti{width:20px; height:20px; overflow:hidden; margin:0 28px 0 9px; text-indent:-9999px; border:0; background:url(../images/ico_notice.svg) no-repeat center;}
  .quick-link{position:relative; gap:10px; width:100%;}
  .quick-link > div{flex-direction:row; gap:10px; overflow:auto; margin:0 -20px; padding:0 20px; -ms-overflow-style:none; scrollbar-width:none;}
  .quick-link a{flex:none; width:280px; height:100px; box-sizing:border-box; padding:20px 95px 20px 15px; text-align:left;}
  .quick-link a br{display:none;}
  .quick-link a strong{font-size:14px;}
  .quick-link a p{font-size:14px; line-height:17px;}
  .quick-link .client{background:#efebf9 url(../images/ico_book.png) no-repeat right 25px top 30px; background-size:54px auto;}
  .quick-link .intro{background:#f2faee url(../images/ico_laptop.png) no-repeat right 25px top 32px; background-size:65px auto;}
  .quick-link .question{width:100%; padding:20px; background:#f1f8ff url(../images/ico_headphone.png) no-repeat right 17px top 23px; background-size:60px auto;}
  .quick-link .question br{display:block;}
  .commu-wrap .faq-wrap{margin:40px 0 0;}
  .commu-faq-tab{overflow:auto; margin:0 -20px 20px; -ms-overflow-style:none; scrollbar-width:none;}
  .commu-faq-tab a{flex:none; padding:20px;}
  .commu-wrap .faq-list{grid-template-columns:repeat(2, 1fr); gap:10px;}
  .find-wrap .commu-faq-tab{margin:0 0 30px;}
  .commu-faq-tab a{flex:1;}

  .sub-commu{padding:94px 0 80px;}
  .board-wrap .total{display:none;}
  .sub-commu .search{float:none; width:unset; height:unset; margin:0 -20px 24px; padding:20px; border:0; border-radius:0; background:#f7f8fc;}
  .sub-commu .search .search-inner{position:relative; height:54px; box-sizing:border-box; overflow:hidden; padding:0 54px 0 0; border:1px solid #222; border-radius:27px; background:#fff;}
  .sub-commu .search input[type="text"]{height:52px; padding:0 0 0 20px;}
  .sub-commu .search .btn-search{top:-1px; right:-1px; width:54px; height:54px; background:#fff url(../images/btn_search.png) no-repeat center;}
  .board-wrap .board-list a{position:relative; display:block; padding:20px 0 20px 60px;}
  .board-wrap .board-list .num{position:absolute; top:50%; left:0; width:60px; font-size:18px; transform:translateY(-50%);}
  .board-wrap .board-list .date{width:100%; padding:0; font-size:14px;}
  .board-wrap .board-list div{min-height:unset; flex-direction:row; justify-content:flex-start; margin:0 0 9px;}
  .noti-tag{width:20px; height:20px; overflow:hidden; margin:0 6px 0 0; padding:0; text-indent:-9999px; border:0; background:url(../images/ico_notice.svg) no-repeat center;}
  .board-view .title-area{position:relative; padding:20px 10px;}
  .board-view .title-area .sbj{margin:0 0 14px; font-size:16px;}
  .board-view .title-area .sbj + span{font-size:14px;}
  .board-view .title-area .btn-share{position:absolute; bottom:20px; right:10px; padding-left:22px; font-size:14px; background-size:16px auto;}
  .board-txt{margin:0 0 24px; padding:20px 0;}
  .board-view .btn-primary{width:100%; margin:0 0 30px;}
  .board-view .btn-area a{height:40px; line-height:40px;}
  .board-view .btn-area a:before{width:40px; height:40px; line-height:40px;}
  .board-view .btn-area .btn-prev{padding:0 0 0 50px;}
  .board-view .btn-area .btn-next{padding:0 50px 0 0;}
  .sub-commu .search-full{margin-bottom:24px;}
  .faq-util{display:block;}
  .faq-util .sorting{text-align:right;}
  .faq-util .total{display:none;}
  .capsule-tab{gap:6px; overflow:auto; margin:0 -20px 40px; padding:0 20px; -ms-overflow-style:none; scrollbar-width:none;}
  .capsule-tab a{flex:none; height:43px; line-height:43px;}
  .faq-list .item + .item{margin:10px 0 0;}
  .faq-list .item:before{top:19px; right:33px;}
  .faq-list .item:after{top:26px; right:26px;}
  .faq-list .btn-q{padding:18px 20px 14px;}
  .faq-list .btn-q:before{position:static; display:block; margin:0 0 10px; font-size:20px; line-height:28px; transform:none;}
  .faq-list .answer{padding:20px 20px 40px;}
  .faq-list .answer:before{position:static; display:block; margin:0 0 10px; font-size:20px;}
  .board-write .tbl-write,
  .board-write .tbl-write tbody,
  .board-write .tbl-write tr,
  .board-write .tbl-write th,
  .board-write .tbl-write td{display:block; width:100%;}
  .board-write .tbl-write colgroup{display:none;}
  .board-write .tbl-write{padding:0 0 30px; border-top:0; border-bottom-color:#ddd;}
  .board-write .tbl-write tr + tr{margin:30px 0 0;}
  .board-write .tbl-write th,
  .board-write .tbl-write tr:first-child th{margin:0 0 10px; padding:0;}
  .board-write .tbl-write td,
  .board-write .tbl-write tr:first-child td,
  .board-write .tbl-write tr:last-child th, 
  .board-write .tbl-write tr:last-child td{padding:0;}
  .board-write .tbl-write .email{display:block;}
  .board-write .tbl-write .type,
  .board-write .tbl-write .email input[type="text"]{width:100%;}
  .board-write .tbl-write .checkbox{margin:10px 0 0;}
  .board-write .tbl-write textarea{height:160px;}
  .board-write .btn-area{gap:6px;}
  .board-write .btn-area *{flex:1;}

  .sub-mypage{display:block; padding:94px 0 80px;}
  .sub-mypage .snb{display:none;}
  .sub-mypage .btn-primary{width:100%;}
  .profile-wrap{display:block; padding:0; border:0;}
  .profile-wrap .profile{margin:0 0 40px;}
  .profile-wrap .pic{margin:0 0 10px;}
  .profile-wrap .btn-area .mo{display:inline-block;}
  .profile-wrap .row{display:block;}
  .profile-wrap .col{width:100%;}
  .profile-wrap .col + .col{margin:30px 0 0;}
  .profile-wrap .flex{display:block;}
  .profile-wrap select{width:100%;}
  .profile-wrap select + select{margin:10px 0 0;}
  .profile-wrap .col .guide-txt{font-size:14px;}
  .profile-wrap .flex.email-wrap{position:relative;}
  .profile-wrap .flex.email-wrap input[type="text"]:first-child{width:calc(100% - 24px); margin:0 0 10px;}
  .profile-modal .inner{width:90%;}
  .profile-modal .txt{font-size:14px;}
  .profile-modal .file-sign{width:80px; height:80px; margin:20px auto 30px; background-size:100% auto;}
  .profile-modal .file-sign .img > div{width:80px; height:80px;}
  .profile-modal .btn-regi{margin-top:30px;}

  .mypage-wrap{padding:0; border:0;}
  .mypage-wrap + .btn-primary{width:100%;}
  .mypage-wrap .checkbox{margin:20px 0 27px;}
  .mypage-wrap .auth{margin:0 -20px; padding:30px 20px; border-radius:0;}
  .mypage-wrap .form-wrap{width:100%;}
  .mypage-wrap .form-wrap .type-radio label{width:100%; box-sizing:border-box;}
  /* .mypage-wrap .form-wrap .email{display:block;} */
  .mypage-wrap .form-wrap .email input[type="text"]{width:calc(100% - 24px);}
  /* .mypage-wrap .form-wrap .email select{width:100%; margin:10px 0 0;} */
  .mypage-wrap .form-wrap .guide{margin:10px 0 0; font-size:14px;}
  .mypage-wrap .form-wrap .flex{display:block;}
  .mypage-wrap .form-wrap .address{display:flex; gap:8px;}
  .mypage-wrap .form-wrap .value{display:block; min-height:50px; box-sizing:border-box; padding:14px 20px; font-weight:400; border:1px solid #ddd; border-radius:10px; background:#eee;}
  .mypage-wrap .form-wrap .ing{padding:30px 20px; font-size:16px; line-height:24px; border:1px solid #ddd; border-radius:20px;}
  .account-guide{padding:20px; font-size:16px;}
  .mypage-disc{margin-bottom:20px;}
  .mypage-wrap .form-wrap.middle{width:100%;}
  .mypage-wrap .row .col{width:100%;}
  .mypage-wrap .col + .col{margin:30px 0 0;}
  .sub-mypage .commu-faq-tab{margin:0;}
  .sub-mypage .commu-faq-tab a{width:50%;}
  .sub-mypage .sign-wrap{display:block; padding:30px 0 0;}
  .sub-mypage .sign-wrap > div + div{margin:30px 0 0;}
  .sub-mypage .sign-wrap .sign-box{display:block; height:auto; border:0;}
  .sub-mypage .sign-wrap .sign-box .file-sign{width:100%;}
  .sub-mypage .sign-wrap .file-sign .txt{height:257px; box-sizing:border-box; padding:150px 0 0; font-size:14px; line-height:22px; border:1px solid #ccc; border-radius:10px; background-size:80px auto; background-position:center 50px;}
  .sub-mypage .sign-wrap .file-sign strong{margin:0 0 5px; font-size:16px;}
  .sub-mypage .sign-wrap .file-sign .img .inner{height:257px; margin:0 0 20px; border:1px solid #ccc;}
  .sub-mypage .sign-wrap .file-sign .img img{width:120px; height:120px;}
  .sub-mypage .sign-wrap .file-sign .btn{position:static; transform:translateX(0);}
  .sub-mypage .sign-wrap .certificate .sign-box{display:block; height:auto; border:0;}
  .sub-mypage .sign-wrap .certificate .docu{width:100%; margin:0 0 10px;}
  .sub-mypage .sign-wrap .certificate .file{position:relative; width:100%; box-sizing:border-box; padding-right:92px;}
  .sub-mypage .sign-wrap .certificate .file .btn{position:absolute; top:0; right:0; width:auto; margin:0;}
  .sub-mypage .sign-wrap .certificate .file .btn-file{width:86px;}
  .sub-mypage .sign-wrap + .btn-regi{width:100%;}
  .sign-modal .inner{width:90%;}
  .sign-modal .file .btn{width:86px;}

  .sign-tab{display:flex; gap:10px;}
  .sign-tab button{height:46px; padding:0 20px; font-weight:500; color:#666; line-height:46px; border:1px solid #ddd; border-radius:23px; background:#fff;}
  .sign-tab button.active{color:#fff; border-color:#03bfa1; background:#03bfa1;}
  .sign-wrap .guide-sample strong{font-size:18px;}
  .sub-mypage .guide-sample > div{display:none;}
  .sub-mypage .guide-sample > div.active{display:block;}
  .sub-mypage .guide-sample > div > div{margin:0 0 30px;}
  
  .bidding-wrap .bidding-cate{display:none;}
  .bidding-wrap .bidding-cate.mo{display:flex; gap:8px; margin:0 0 30px;}
  .bidding-wrap .bidding-cate a{padding:14px;}
  .bidding-wrap .bidding-cate .txt{margin:0 0 10px; padding:0; font-size:14px; line-height:1.2; text-align:center; background:none !important;}
  .bidding-wrap .bidding-cate .num{display:block; margin:0; font-size:18px; text-align:center;}
  .bidding-search{position:relative; margin:0 -20px; padding:20px; background:#f7f8fc; justify-content: center;}
  .bidding-search .inner{height:54px; box-sizing:border-box; overflow:hidden; border:1px solid #111; border-radius:27px; background:#fff;}
  .bidding-search select{width:125px; height:52px; border:0;}
  .bidding-search .inner > div{height:52px; background:#fff;}
  .bidding-search input[type="text"]{height:52px;}
  .bidding-search .btn-search{width:54px; height:52px;}
  .bidding-wrap .bidding-search + .tbl-wrap{margin:24px 0 0;}
  .bidding-wrap .tbl-wrap .total{margin:0 0 10px;}
  /* .tbl-bidding.mo{display:block;} */
  .profile-menu .tbl-bidding{display:table;}
  .tbl-bidding{display:none;}  
  .bidding-list-mo{display:block; margin:0 -20px 40px; padding:0 0 10px; border-top:1px solid #ddd; background:#eee;}
  .bidding-list-mo .list-item{padding:30px 20px 24px; background:#fff;}
  .bidding-list-mo .list-item + .list-item{margin:8px 0 0;}
  .bidding-list-mo .tag-area{display:flex; gap:6px; margin:0 0 20px;}
  .bidding-list-mo .tag-area span{height:22px; box-sizing:border-box; padding:0 10px; font-size:12px; line-height:22px; border-radius:4px;}
  .bidding-list-mo .tag-area .new{font-weight:600; color:#fff; background:linear-gradient(to right, #e26141, #f3b64f);}
  .bidding-list-mo .tag-area .ing{color:#099f86; background:#e6faef;}
  .bidding-list-mo .tag-area .fail{color: #e26141;background: #f9e5e5;}    
  .bidding-list-mo .tag-area .end{background:#eee;}
  .bidding-list-mo .tag-area .reject{color:#e26141; background:#f9e5e5;}
  .bidding-list-mo .tag-area .recruit{color:#fff; background:#111;}
  .bidding-list-mo .tag-area .ready{color:#111; line-height:20px; border:1px solid #ddd; background:#fff;}
  .bidding-list-mo .tag-area .purchase{color:#03bfa1; line-height:20px; border:1px solid #ddd; background:#fff;}
  .bidding-list-mo .tag-area .complete{color:#0372e8; line-height:20px; border:1px solid #ddd; background:#fff;}
  .bidding-list-mo .tag-area .waiting{color:#e26141; line-height:20px; border:1px solid #ddd; background:#fff;}
  .bidding-list-mo .info-area{display:flex; gap:20px; margin:0 0 10px;}
  .bidding-list-mo .info-area .num{position:relative;}
  .bidding-list-mo .info-area .num:after{position:absolute; top:1px; right:-12px; width:1px; height:16px; content:''; background:#ccc;}
  .bidding-list-mo .info-area .num span:first-child{margin:0 5px 0 0; color:#999;}
  .bidding-list-mo .info-area .num span:last-child{font-weight:700;}
  .bidding-list-mo .title{font-size:20px; font-weight:600;}
  .bidding-list-mo .etc{margin:20px 0 24px; padding:14px 20px; border-radius:10px; background:#f5f5f5;}
  .bidding-list-mo .etc li{position:relative; display:flex; justify-content:space-between; padding:0 0 0 12px;}
  .bidding-list-mo .etc li:before{position:absolute; top:8px; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111;}
  .bidding-list-mo .etc li:not(:first-child){margin:7px 0 0;}
  .bidding-list-mo .etc .sbj{font-weight:700;}
  .bidding-list-mo .btn-detail{display:block; width:100%; height:44px; box-sizing:border-box; font-weight:600; text-align:center; line-height:42px; border:1px solid #111; border-radius:10px;}
  .bidding-view .bidding-sbj .status{display:none;}
  .bidding-view .bidding-sbj .cate{margin:10px 0 20px; text-align:right;}
  .bidding-view .bidding-sbj .cate > *:first-child{display:block; width:100%; margin:0 0 20px; text-align:left;}
  .bidding-wrap .btn-bk{width:100%; border-radius:10px;}
  .bidding-modal .inner{width:90%;}
  .bidding-wrap .bidding-step{display:none;}
  .bidding-wrap .bidding-step.mo{display:flex; gap:7px; margin:0 0 30px;}
  .bidding-wrap .bidding-step li{height:76px; font-size:16px; border-radius:8px;}
  .bidding-wrap .bidding-step li:not(:first-child):before{display:none;}
  .bidding-wrap .bidding-step .num{font-size:14px;}
  .bidding-wrap .suggestion-default-info{display:block; margin:0 0 60px;}
  .bidding-wrap .suggestion-default-info:after{position:absolute; bottom:-30px; left:-20px; content:''; width:calc(100% + 40px); height:1px; background:#ddd;}
  .bidding-wrap .suggestion-default-info p span{margin:5px 0; line-height:28px;}
  .bidding-view .btn-primary-border{width:100%;}

  .bidding-wrap .help + .btn-area{display:block;}
  .bidding-wrap .help + .btn-area a{display:block; width:100%; height:53px; padding:0; font-size:16px; text-align:center; line-height:53px;}
  .bidding-wrap .btn-area .btn-download{display:flex !important; justify-content:center; align-items:center; margin:0 0 20px; background:var(--primary-color);}
  .bidding-wrap .btn-area .btn-download:before{width:24px; height:24px; margin:0 6px 0 0; content:''; background:url(../images/ico_download.png) no-repeat center;}
  .bidding-wrap .tbl-wrap h3{display:none;}
  .biz-list-mo{display:block;}
  .biz-list-mo .guide{margin:0 0 10px; color:#0372e8;}
  .biz-list-mo .list-item{position:relative; margin:0 0 10px; padding:20px; border:1px solid #ddd; border-radius:10px;}
  .biz-list-mo .list-item.active{border-color:#03bfa1;}
  .biz-list-mo .list-item.active:before{position:absolute; top:20px; right:20px; width:28px; height:28px; content:''; border-radius:50%; background:#111;}
  .biz-list-mo .list-item.active:after{position:absolute; top:20px; right:20px; width:28px; height:28px; content:''; border-radius:50%; background:url(../images/checkbox_checked.png) no-repeat center;}
  .biz-list-mo .list-item .info{display:flex; gap:20px; font-size:14px;}
  .biz-list-mo .list-item .info div{position:relative;}
  .biz-list-mo .list-item .info div:first-child:after{position:absolute; top:0; right:-10px; width:1px; height:16px; content:''; background:#ccc;}
  .biz-list-mo .list-item .info span{font-weight:700;}
  .biz-list-mo .list-item .info .sbj{margin:0 5px 0 0; font-weight:400; color:#999;}
  .biz-list-mo .list-item .price{margin:10px 0 20px;}
  .biz-list-mo .list-item .price span{font-weight:700;}
  .biz-list-mo .list-item .price .sbj{padding:0 10px 0 26px; font-weight:400; background:url(../images/ico_coin.svg) no-repeat 0 center;}
  .biz-list-mo .list-item a{display:flex; align-items:center; width:100%; height:54px; box-sizing:border-box; padding:0 0 0 10px; line-height:54px; border-radius:10px;}
  .biz-list-mo .list-item .btn-estimate{margin:0 0 10px; background:#f9f9f9 url(../images/ico_download_bk.png) no-repeat right 20px center;}
  .biz-list-mo .list-item .btn-estimate:before{width:40px; height:40px; margin:0 10px 0 0; content:''; background:url(../images/ico_estimate.svg) no-repeat center;}
  .biz-list-mo .list-item .btn-portfolio{background:#f9f9f9 url(../images/ico_search.svg) no-repeat right 20px center;}
  .biz-list-mo .list-item .btn-portfolio:before{width:40px; height:40px; margin:0 10px 0 0; content:''; background:url(../images/ico_portfolio.svg) no-repeat center;}
  .biz-selected{position:sticky; bottom:0; display:block; margin:0 -20px; padding:20px; text-align:center; border-top:1px solid #ccc; background:#f5f5f5; box-shadow:0 -5px 5px rgba(0, 0, 0, .1);}
  .biz-selected p{margin:0 0 20px; color:#333; line-height:24px;}
  .biz-selected p b{font-weight:600; color:#03bfa1;}
  .biz-selected .close{color:#0372e8;}
  .biz-selected .btn-primary-border{font-size:16px; border-radius:10px;}
  .estimate-view{margin:0 -20px; border:0; border-top:1px solid #ddd; border-radius:0;}
  .estimate-view .base-info{display:block; padding:30px 20px 20px; border:0;}
  .estimate-view .item{margin:0 0 20px;}
  .estimate-view .item strong{margin:0 0 8px; font-size:20px;}
  .estimate-view .item .date{font-size:13px;}
  .estimate-view .info li{display:flex; justify-content:space-between; font-size:14px;}
  .estimate-view .view-area{display:block;}
  .estimate-view .thumb{display:flex; gap:20px; width:100%; box-sizing:border-box; overflow:auto; padding:20px; -ms-overflow-style:none; scrollbar-width:none;}
  .estimate-view .thumb a + a{margin:0;}
  .estimate-view .detail{padding:0 20px 90px; background:#f3f5f7;}
  .estimate-view .detail img{max-width:100%;}
  .estimate-view .detail .btn-download{top:auto; bottom:20px; left:20px; width:calc(100% - 40px); box-sizing:border-box; background:#fff url(../images/ico_download_bk.png) no-repeat right 20px center;}
  .sign-area{display:block; margin:0 -20px; text-align:center;}
  .sign-area p{margin:0 0 20px; line-height:24px;}
  .sign-area .btn-area{display:flex; gap:7px;}
  .sign-area .btn-area a{flex:1; width:auto; height:44px; font-size:16px; line-height:44px;}
  
  .sub-mypage:has(.status-view){padding-bottom:0;}
  .estimate-view .status-view{padding:27px 20px 20px; background:#f9f9f9;}
  .estimate-view .sbj{font-weight:600;}
  .status-view h3{margin:0 0 14px; font-size:20px;}
  .status-view .delivery-info + .delivery-info{margin:30px 0 0;}
  .status-view .delivery-info > .guide{display:none;}
  .status-view .delivery-info .title-area{margin:0;}
  .status-view .delivery-info .card-list-mo{padding:0;}
  .card-list-mo{display:block; padding:0 0 60px;}
  .card-list-mo .list-item{padding:20px; border:1px solid #ddd; border-radius:10px; background:#fff;}
  .card-list-mo .list-item + .list-item{margin:20px 0 0;}
  .card-list-mo .list-item strong{display:block; margin:0 0 10px; font-size:16px; font-weight:600;}
  .card-list-mo .list-item .info{margin:0 0 20px;}
  .card-list-mo .btn-purchase{display:block; width:100%; height:44px; font-weight:600; text-align:center; color:#fff; line-height:44px; border-radius:10px; background:#111;}
  .card-list-mo .guide{text-align:center; line-height:24px;}
  .delivery-info .card-list-mo .btn-border{display:block; width:100%; height:44px; margin:20px 0 0; font-weight:600; text-align:center; line-height:44px; border:1px solid #111; border-radius:10px; background:#fff;}
  .delivery-info .card-list-mo .btn-border + .btn-flex{margin:10px 0 0;}
  .delivery-info .card-list-mo .btn-flex{display:flex; gap:10px;}
  .delivery-info .card-list-mo .btn-flex button{flex:1; height:44px; font-weight:600; text-align:center; line-height:44px; border-radius:10px; background:#fff;}
  .delivery-info .card-list-mo .btn-reject{color:#e26141; border:1px solid #e26141;}
  .delivery-info .card-list-mo .btn-approval{color:#03bfa1; border:1px solid #03bfa1;}
  .delivery-info .card-list-mo .btn-paper{display:flex; align-items:center; width:100%; height:54px; box-sizing:border-box; padding:0 0 0 10px; line-height:54px; border-radius:10px; background:#f9f9f9 url(../images/ico_download_bk.png) no-repeat right 20px center;}
  .delivery-info .card-list-mo .btn-paper:before{width:40px; height:40px; margin:0 10px 0 0; content:''; background:url(../images/ico_estimate.svg) no-repeat center;}
  .delivery-info .card-list-mo .btn-complete{width:100%; height:40px; margin:10px 0 0; font-weight:600; border-radius:10px;}
  .delivery-info .card-list-mo .btn-complete:disabled{background:#eee;}
  .status-view .title-area .btn-info{margin-top:-20px;}
  .apply-modal .inner, 
  .rejection-modal .inner{width:90%;}
  .info-modal .inner{width:90%;}
  .info-modal .modal-body{max-height:50vh;}
  .modal-img-regi .img-area > div{width:80px; height:80px;}
  
  .partners-item{flex-direction:column; padding:0 20px; border:0; border-radius:0; background:#fff;}
  .partners-item + .partners-item{margin:8px 0 0;}
  .partners-item .left-area{display:none; order:2; padding:30px 0; border-top:1px solid #ddd;}
  .partners-item .txt{margin-top:0;}
  .partners-item .right-area{position:relative; order:1; width:100%; padding:30px 0; border-left:0; }
  .partners-item .sbj{padding-left:0;}
  .partners-item .sbj:before{display:none;}
  .partners-item .number:before{width:1000%;}
  .partners-item .btn-bk{width:calc(100% - 70px); height:44px; font-size:16px; line-height:44px;}
  .partners-item .btn-expand{position:absolute; bottom:40px; right:0; display:block; height:24px; padding:0 26px 0 0; font-size:14px; background:none;}
  .partners-item .btn-expand:after{position:absolute; top:0; right:0; width:24px; height:24px; content:''; background:url(../images/btn_select_arrow.svg) no-repeat center;}
  .partners-item .btn-expand.expanded:after{transform:rotate(180deg);}
  .partners-item:has(.btn-expand.expanded) .left-area{display:block;}

  .section-title + .page-disc{margin:0 0 20px;}
  .alert-wrap .capsule-tab{margin:0 -20px 20px;}
  .alert-list .alert-item{border-radius:10px;}
  .alert-list .alert-item + .alert-item{margin:20px 0 0;}
  .alert-list .date{padding:15px 20px; font-size:16px;}
  .alert-list .date span{font-weight:600;}
  .alert-list .detail{padding:0 20px;}
  .alert-list .detail > div{padding:20px 0;}
  .alert-list .btn-regi{position:static; display:block; height:44px; margin:15px 0 0; padding:0; text-align:center; line-height:44px; border-radius:10px; transform:translateY(0);}
  .setting-wrap .setting-item{overflow:hidden; padding:0; border-radius:10px;}
  .setting-wrap .setting-item + .setting-item{margin:20px 0 0;}
  .setting-wrap .setting-item strong{display:block; margin:0; padding:15px 20px; background:#f9f9f9;}
  .setting-wrap .setting-item > div{padding:20px;}
  .setting-wrap .btn-primary{margin:20px 0 0;}

  .partners-pic{display:none;}
  .partners-btn-area{display:flex; gap:6px; padding:0; border:0;}
  .partners-btn-area > div{flex:1; float:none !important;}
  .partners-btn-area .btn-border,
  .partners-btn-area .btn-primary{width:100%; padding:0; text-align:center;}
  .section-title + .sub-title{display:none;}
  .profile-wrap:has(.greeting){padding:0;}
  .profile-wrap .greeting{height:200px; box-sizing:border-box; padding:14px 20px; border:1px solid #ccc; border-radius:10px;}

  .section:has(.btn-partners-add) .tbl-bidding{display:table; margin:0;}
  .section:has(.btn-partners-add) .tbl-bidding td{padding:11px 5px;}
  .section:has(.btn-partners-add) .tbl-bidding col:last-child{width:100px !important;}
  .section:has(.btn-partners-add) .tbl-bidding .btn-modi,
  .section:has(.btn-partners-add) .tbl-bidding .btn-del{padding:6px 10px 6px 25px}
  .section:has(.btn-partners-add) .tbl-bidding .btn-del{margin-top:14px;}
  .tbl-bidding .input{display:none;}
  .history-input{margin:0 0 30px; padding:18px 0 30px; border-bottom:1px solid #ddd;}
  .history-input input[type="text"] + input[type="text"]{margin:10px 0 0;}
  .history-input .guide{margin:10px 0 16px; font-size:14px; color:#e26141;}
  .history-input .btn-save{display:block; width:112px; height:48px; margin:0 auto; font-size:18px; border:1px solid #111; border-radius:24px; background:#fff;}
  .btn-partners-add + .partners-btn-area{display:none;}
  .btn-partners-add:before{width:28px; height:28px; background-size:16px auto;}

  .dashboard-wrap .section{display:block;}
  .dashboard-wrap .title-area h3{font-size:20px;}
  .dashboard-wrap .top-area{margin:0 0 60px;}
  .dashboard-wrap .top-area .left{display:block;}
  .dashboard-wrap .my-info{margin:0 0 60px;}
  .dashboard-wrap .my-info .title-area{display:none;}
  .dashboard-wrap .my-info .txt{margin:0 0 15px;}
  .dashboard-wrap .porfile{position:relative; padding:0; background:none;}
  .dashboard-wrap .porfile .img{position:absolute; top:0; right:0;}
  .dashboard-wrap .my-info .auth li{padding:35px 0 0; background-size:28px auto !important;}
  .dashboard-wrap .bidding-status .card{display:flex; justify-content:space-between; padding:20px;border:1px solid #ddd;}
  .dashboard-wrap .bidding-status .card:before,
  .dashboard-wrap .bidding-status .card:after{display:none;}
  .dashboard-wrap .bidding-status dl{padding:52px 0 0; text-align:center; background-position:center 0 !important;}
  .dashboard-wrap .bidding-status .start{padding:20px; font-size:14px; background:#f5f5f5 url(../images/ico_book.png) no-repeat right 25px bottom 17px; background-size:54px auto;}
  .dashboard-wrap .bidding-status .start strong{font-size:16px;}
  .dashboard-wrap .bidding-status .start p{margin:9px 0 0; line-height:17px;}
  .dashboard-wrap .bidding-status .start p br:last-child{display:none;}
  .dashboard-wrap .user-guide{margin:60px 0;}
  .dashboard-wrap .tab-nav{overflow:auto; margin:30px -20px 0; -ms-overflow-style:none; scrollbar-width:none;}
  .dashboard-wrap .tab-nav a{flex:none; padding:0 28px 20px; letter-spacing:0;}
  .dashboard-wrap .tab-contents{padding:0; border:0;}
  .dashboard-wrap .tab-contents .process{padding:30px 0 0;}
  .dashboard-wrap .tab-contents .process.active{display:block;}
  .dashboard-wrap .process .img{max-width:260px; margin:0 0 30px;}
  .dashboard-wrap .process p br{display:none;}
  .process-qna .list-wrap{margin:0 -20px; padding:0; border:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-radius:0;}
  .process-qna .list-wrap button{padding:20px;}
  .process-qna .list-wrap button:before{right:31px;}
  .process-qna .list-wrap button:after{right:26px;}

  .sub-mypage .awards-list{display:grid; grid-template-columns:repeat(2, 1fr); gap:30px 8px;}
  .sub-mypage .awards-list .award + .award{margin:0;}

  .sub-mypage .portfolio-list .item-wrap{display:block; padding:20px;}
  .sub-mypage .portfolio-list .item-wrap + .item-wrap{margin:20px 0 0;}
  .sub-mypage .portfolio-list .item-wrap .checkbox.no-label,
  .sub-mypage .portfolio-list .item-wrap .order{display:none;}
  .sub-mypage .portfolio-list .item-wrap .item{padding:0;}
  .sub-mypage .portfolio-list .item .date{text-align:left;}
  .sub-mypage .portfolio-list .checkbox{margin:14px 0 0;}
  .portfolio-default-info{position:relative; display:block; margin:0 0 20px; padding:20px 20px 55px; font-size:14px;}
  .portfolio-default-info strong{font-size:16px;}
  .portfolio-default-info .file{position:absolute; bottom:20px; left:20px;}
  .portfolio-detail{height:235px; padding:20px; border-color:#ccc;}
  .portfolio-detail + .partners-btn-area .btn-list{display:none;}
  .radio-wrap.category{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
  .radio-wrap.category .radio + .radio{margin:0;}
  .portfolio-form .category label:before{top:18px; left:20px; transform:none;}
  .portfolio-form .category label:after{top:50%; left:27px; transform:translateY(-50%);}
  .portfolio-form .category .digital label,
  .portfolio-form .category .biz label,
  .portfolio-form .category .leaflet label,
  .portfolio-form .category .industrial label{display:flex; align-items:center; height:60px; padding:0 20px 0 50px; text-align:left; background:#fff;}
  .portfolio-form .detail-item{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
  .portfolio-form .detail-item .radio + .radio{margin:0;}
  .portfolio-form .detail-item .radio{height:60px; overflow:hidden;}
  .portfolio-form .detail-item .radio label{position:relative; display:flex; align-items:center; height:58px; padding:0 20px 0 50px; text-align:left;}
  .portfolio-form .detail-item .radio label:before{top:18px;}
  .portfolio-form .detail-item .radio label:after{top:50%; left:27px; transform:translateY(calc(-50% + 1px));}
  .portfolio-form .term{display:block;}
  .portfolio-form .term input[type="date"]{width:100%;}
  .portfolio-form .term input[type="date"]:last-child{margin:10px 0 0;}
  .portfolio-form .term span{display:none;}

  .sub-mypage .awards-list .img, 
  .sub-mypage .awards-list .btn-add{height:110px;}
  .sub-mypage .awards-list .btn-add{background:#f9f9f9;}
  .sub-mypage .awards-list .btn-add:before{width:28px; height:28px; background-size:12px auto;}
  .sub-mypage .portfolio-form .bidding-check{flex-wrap:wrap;}
  .sub-mypage .portfolio-form .bidding-check select{width:100%;}
  .sub-mypage .portfolio-form .bidding-check .btn-select{width:86px;}
  .sub-mypage .portfolio-form .guide{margin-top:10px;}
  .sub-mypage .portfolio-form textarea{height:234px;}

  .sub-mypage .bidding-list-wrap{margin:0; background:#fff;}
  .bidding-list-wrap .checkbox{margin:24px 0;}
  .request-item{position:relative; padding:20px 20px 80px; border:1px solid #ddd; border-radius:10px; box-shadow:6px 6px 8px rgba(0, 0, 0, .1);}
  .request-item .request-date{margin:0 0 20px; padding:12px; font-weight:400; color:#0372e8; text-align:center; border:1px solid rgba(70, 118, 244, .3); border-radius:6px; background:rgba(158, 199, 243, .3);}
  .request-item .top-area{display:block;}
  .request-item .top-area .btn-area{display:flex; gap:6px; width:calc(100% - 40px);}
  .request-item .top-area .btn-area button{margin:0;}
  .request-item .btn-like{flex:0.6; height:40px; font-size:16px;}
  .request-item .btn-apply{flex:1; height:40px; font-size:16px;}
  .request-item .btn-cancel{flex:1;}
  .request-item .user-info{position:relative; display:block;}
  .request-item .user-info .id{display:inline-block; margin-left:0;}
  .request-item .user-info .img{position:absolute; top:0; right:0; display:block;}
  .request-item .user-info .address{display:block; margin:12px 0 0; padding:0 0 0 20px; font-size:14px; background:url(../images/ico_home.svg) no-repeat 0 center;}
  .request-item .etc{display:block; padding:14px 20px; border:0; border-radius:10px; background:#f5f5f5;}
  .request-item .etc dl{display:flex !important;}
  .request-item .etc dt{position:relative; padding:0 0 0 10px; font-weight:600; color:#111;}
  .request-item .etc dt:before{position:absolute; top:50%; left:0; width:3px; height:3px; content:''; border-radius:1px; background:#111; transform:translateY(-50%);}
  .account-guide + .tbl-bidding{display:table;}
  .tbl-bidding col:last-child{width:40% !important;}
  .tbl-bidding td{padding:20px 0 !important; text-align:center !important;}
  .tbl-bidding .toggle label{margin-left:-20px;}
  .tbl-bidding .toggle label:before{left:-20px;}
  .tbl-bidding .toggle label:after{right:-11px;}
  .tbl-bidding .toggle input[type="checkbox"]:checked + label:before{left:-4px;}
  .toggle input[type="checkbox"]:checked + label:after{right:-5px;}

  .review-modal .inner{width:90%;}
  .review-modal .modal-body{height:50vh; overflow:auto;}

  
  .intro-wrap .inner{width:auto; padding:0 30px;}
  .intro-wrap .system-wrap .section-title-area{margin:0 0 120px;}
  .intro-wrap .section-first{padding:120px 0 0;}
  .intro-wrap .section-first h1{font-size:30px; line-height:38px;}
  .intro-wrap .main-txt{margin:80px 0 353px; font-size:20px; line-height:30px;}
  .intro-wrap .main-txt:after{bottom:-233px; height:120px;}
  .intro-wrap .section-title{margin:0 0 30px; font-size:30px; line-height:40px;}
  .intro-wrap .normal-txt{font-size:20px; line-height:30px;}
  .intro-wrap .normal-txt + .normal-txt{margin-top:30px;}
  .intro-wrap .sub-title{margin:0 0 20px; font-size:30px;}
  .intro-wrap .sub-title span{font-size:16px;}
  .intro-wrap .small-txt{font-size:16px; line-height:26px;}
  .intro-wrap .small-txt .info{margin:14px 0 40px; font-size:16px;}
  .intro-wrap .reward-system{margin:0 -10px 120px; padding:20px 20px 40px;}
  .intro-wrap .reward-system dl + dl{margin:20px 0 0;}
  .intro-wrap .reward-system dt{padding:0 0 0 18px; font-size:16px;}
  .intro-wrap .reward-system dt:before{top:5px; width:8px; height:8px;}
  .intro-wrap .reward-system dd{font-size:16px; line-height:26px;}
  .intro-wrap .ex{margin:52px 0 0;}
  .intro-wrap .ex .sbj{margin:0 0 6px; font-size:16px;}
  .intro-wrap .ex .compared .price{font-size:20px;}
  .intro-wrap .ex .img{margin:17px auto 27px;}
  .intro-wrap .ex .compared{flex-wrap:wrap; margin:0;}
  .intro-wrap .reward{width:100%; margin:72px 0 0; font-size:20px; text-align:center;}
  .intro-wrap .reward:before{top:-50px; left:50%; font-size:25px; font-weight:400; transform:translateX(-50%) rotate(90deg);}
  .intro-wrap .system-wrap:after{bottom:-120px; height:120px;}
  .intro-wrap .service-wrap{margin:40px -30px 120px;}
  .intro-wrap .service{gap:100px; overflow:auto; margin:0; padding:0 30px; -ms-overflow-style:none; scrollbar-width:none;}
  .intro-wrap .service li{width:200px; min-width:200px;}
  .intro-wrap .service span{font-size:16px;}
  .intro-wrap .service div{height:120px; padding:25px 0 0; font-size:16px; line-height:25px;}
  .intro-wrap .safe{margin:0 0 240px; padding:0 0 80px; background-position:center top 85px; background-size:80px auto;}
  .intro-wrap .safe .sub-title{margin-bottom:154px;}
  .intro-wrap .structure{margin:0 0 120px;}
  .intro-wrap .structure .section-title-area{margin:0 0 120px;}
  .intro-wrap .structure .sub-title{font-size:30px;}
  .intro-wrap .structure .process{flex-wrap:wrap; gap:20px 48px; margin:41px 0 120px; padding:0 32px;}
  .intro-wrap .structure .process li{width:calc(50% - 24px); height:80px; font-size:16px; line-height:80px;}
  .intro-wrap .structure .process li:nth-child(1){margin-left:-32px;}
  .intro-wrap .structure .process li:not(:last-child):after{right:-33px; width:18px; height:20px; background-size:100% auto;}
  .intro-wrap .structure .feedback .img{margin:45px 0 0;}
  .intro-wrap .slogan strong{font-size:24px;}
  .intro-wrap .slogan p{margin:33px 0 39px; font-size:24px; line-height:34px;}
  .intro-wrap .slogan .btn{width:100%; height:54px; font-size:20px; line-height:52px; border-width:1px;}

}