@import url('/common/css/variable_group.css');

/* 인플루언서 회원가입 */
.form-item-box { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }
.agree-item-box { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }
.profile-area > p { font-size:14px; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); font-weight:600; }

/* 광고주 회원가입 */
.form-item-subject { font-size:18px; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); font-weight:600; margin-bottom:20px; }
.form-corp-info,
.form-agent-info { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }

/* 로그인 */
.login-container { max-width: 400px !important; }
.login-box { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }
.signup-box { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }

/* 광고주 마이페이지 */
.nav-var > ul > li > a { font-size:16px; color:#B3B3B3; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); font-weight:600; }
.nav-var > ul > li > a.active { color:var(--main-font-color); border-bottom:1px solid #E44444; }
.nav-var > ul > li > a:hover { color:var(--main-font-color); border-bottom:1px solid #E44444; }
.dash-board { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }
.campaign-list-box { background:#fff; border:1px solid var(--base-stroke-color); padding:10px; border-radius:5px; }
.dash-board .item-label { font-size:14px; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); font-weight:500; text-align:center; }
.dash-board .item-count { font-size:14px; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); font-weight:600; text-align:center; background:#F4F4F4; border-radius:5px; padding:10px 0; }
.campaign-title { font-size:16px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }

/* 캠페인 등록 */
.campaign-title-box { margin-bottom: 10px;}
.campaign-title-main { font-size:18px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); display:flex; align-items:center; gap:10px; }
.reqd-mark { font-size:12px; font-weight:500; color:#B15B00; background:#FFEAD4; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); padding:5px 15px; border-radius:5px; }
.form-campaign-item, .campaign-add-info { background:#fff; border:1px solid var(--base-stroke-color); padding:20px; border-radius:5px; }
.form-campaign-item > div > p { font-size:16px; font-weight:500; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.my-point-label { font-size:12px; font-weight:500; color:#898989; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.my-point { font-size:14px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.payment-row-label { font-size:12px; font-weight:500; color:#898989; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.payment-row-place { font-size:14px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }

/* 광고주 지원자 확인 */
.nav-item > button.nav-link { border:1px solid var(--base-stroke-color); }

/* 광고주 포인트 페이지 */
.form-campaign-item table { table-layout: fixed; }
.form-campaign-item thead { font-size:12px; font-weight:500; color:#717171; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); border-bottom:1px solid var(--base-stroke-color); }
.form-campaign-item tbody tr { background:#F7F7F7; border-radius:5px; padding: 5px 0; }
.form-campaign-item tbody tr td { font-size:14px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); background-color:rgba(255,255,255,0); width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 광고주 고객센터 페이지 */
.customer-list-item { border:1px solid var(--base-stroke-color); padding:10px; background:#F4F4F4; border-radius:5px; }
.customer-list-title { font-size:14px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.write-date p { font-size:14px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.write-date p.write-date-label { font-size:12px; font-weight:500; color:#696969; }
.customer-content { font-size:14px; font-weight:500; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); text-overflow: ellipsis; overflow:hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;   }

/* 광고주 1:1 문의 */
.faq-box { background:#F4F4F4; }
.faq-box:not(.collapsed) { background:#F4F4F4; }
.faq-box::after { display:flex; align-items:center; justify-content:center; content:"내용확인" !important; width:auto !important; height:auto !important; background-color:#616161; color:#fff !important; background-image:none; padding:10px !important; font-size:12px; font-weight:500; color:var(--main-font-color); line-height:var(--common-line-height); letter-spacing:var(--common-letter-spacing); border-radius:5px;  }
.faq-box:not(.collapsed)::after { transform:none; content:"내용접기" !important; background-image:none; }


/* 협찬제안 */ 
/* .sponlist-box > div:last-child { max-width:484px; } */

/* 캠페인 상세 페이지 */
.tooltip-txt { display:none; width:max-content; bottom:-30px; left:0; z-index:1; background:#fff; padding:5px; border:1px solid var(--base-stroke-color); }

.provision-box { background:#fff; border:1px solid var(--base-stroke-color); border-radius:10px; padding: 20px 25px;  }
.provision-box-title { font-size:16px; font-weight:600; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); }
.provision-box-content { font-size:14px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); margin-top:10px;  }

.product-content-title { font-size:20px; font-weight:600; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); margin-bottom:5px; }

.map-content-title { font-size:16px; font-weight:600; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); }
.map-content-box { border:1px solid var(--base-stroke-color); border-radius:10px; overflow:hidden; margin:10px auto; }
.map-box { background:#ededed; width:100%; height:400px; text-align:center; line-height:400px; }
.map-txt-box textarea { border:none; resize:none; width:100%; height:150px; padding:20px; }

.mission-total-box .accordion-button { background:#fff; font-size:16px; font-weight:600;  letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color);  }
.mission-total-box .accordion-button:not(.collapsed) { border-bottom:none; box-shadow:none; }
.mission-total-content-box { background:#EDEDED; border-radius:5px; padding:10px; margin-top: 10px; }
.mission-total-icon:hover .tooltip-txt { display:block;}

.mission-box { padding:15px; background:#fff; border:1px solid var(--base-stroke-color); border-radius:10px; margin-top:10px;  }
.mission-title { font-size:18px; font-weight:600; color:var(--main-font-color); letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.capy-btn { font-size:15px; color:#208BEB; text-decoration:underline; border:0; background:rgba(255,255,255,0); }
.mission-box-content { background:#EDEDED; border-radius:5px; padding:10px; margin-top: 10px; white-space:pre-wrap; margin-bottom:5px; }

.precautions-info { display:inline-flex; border:1px solid #BBC5D9; border-radius:10px; padding:5px; align-items:center; justify-content:center; gap:10px; margin-top:10px; width:100%; }
.precautions-info span { font-size:16px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#2351A6; }

/* main index style */
.object-title { font-size:16px; font-weight:600; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); }
.object-subject { font-size:14px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); }
.object-btn { font-size:13px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#fff; border:0; }
.signup-object-box > div { flex-grow:1; padding:15px; border-radius:10px; padding:20px; }
.signup-object-box > div > img { width:190px; }
.influ-object-box { background:#FFC18B; }
.adv-object-box { background:#B1D1FA; }



.search-box-title { font-size:20px; font-weight:600; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:var(--main-font-color); }
.search-box-subject { font-size:16px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#7B7B7B; }
.main-search-box > .form-textbox { max-width:500px;}
.main-search-box { background:url('/images/main-search-bg.png') no-repeat center center; background-size:cover; padding:50px 10px; }

.user-name-title { font-size:20px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#565656; }
.user-name-title .user-name { font-weight:600; color:var(--main-font-color); }

.interested-campaign-title-box { font-size:20px; font-weight:400; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#565656; }
.interested-campaign-title-box .title-main { font-weight:600; }
/* .interested-campaign-box { background:rgba(56, 104, 166, 0.05); padding:30px 20px; border-radius:5px; } */

.verylittle-campaign-title-box { font-size:20px; font-weight:500; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#565656; }

.recentlyreg-campaign-title-box { font-size:20px; font-weight:400; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); color:#565656; }
.recentlyreg-campaign-title-box .title-main { font-size:20px; font-weight:600; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }
.recentlyreg-campaign-title-box .title-subject { font-size:16px; font-weight:400; letter-spacing:var(--common-letter-spacing); line-height:var(--common-line-height); }

/* slick slider 추가 css */
.slider-ui .card-style-04 { margin-right:10px;}
.slider-ui01 .card-style-02 { margin-right:10px;}
.slider-ui .slick-dots li button:before { font-size:30px;}


/* 2025-08-16 add CSS */

.card-grid-wrap { display:grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px; }

/* 반응형 style */

@media (max-width: 768px)
{
	.signup-object-box > div > img { display:none; }
	/* 로그인 전 nav menu */
	.sign-item .sign-link { display:inline-flex; flex-direction:column; align-items:center; font-size:12px; }
	
	/* 2025-08-15 */
	.slider-ui .slick-track { display:flex !important; gap:10px !important; }
	.card-a-wrap { flex-grow: 1 !important; display:flex !important; } 
	.card-style-03 { flex-grow:1 !important; }	
	.card-style-04 { flex-grow:1 !important; margin-right:0 !important; width:180px;}
	.card-grid-wrap { display:grid; grid-template-columns: repeat(2, 1fr); }
	
	
	/* 2025-08-18 */
	.card-grid-05-wrap { grid-template-columns: repeat(2, 1fr) !important; }
	.card-grid-03-wrap { grid-template-columns: repeat(1, 1fr) !important; }
}

/* 2025-08-18 add CSS */
.card-grid-05-wrap { display:grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px; }
.card-grid-03-wrap { display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
.card-grid-02-wrap { display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }


/* 2025-08-21 add css */
.detail-img-view { height:500px !important; overflow:auto; }