@charset "utf-8";

/********************
** header 
********************/
header{top:0;}
.headerModal_inner{width:80dvw; margin:0 auto;}
.header_modal_overlay {    position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    background: rgba(217, 218, 222, 0.8);    backdrop-filter: blur(52px);    display: none;    z-index: 9999;    overflow: auto;  }
.header_allMenuModal_List{display:grid;  grid-template-columns: repeat(7, 1fr);}
.header_shadowBox{box-shadow:0 0 8px rgba(238, 238, 240, 1);}
.headerModal_tit{border-bottom:1px solid #EEEEF0;}
.is-loading { pointer-events:none; opacity:0.6; }

/********************
** 성공페이지 
********************/
.success{  position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    background: rgba(217, 218, 222, 0.8);    backdrop-filter: blur(52px);  align-items: center;    justify-content: center;   z-index: 9999; }

/********************
** index.php 
********************/
/** 무료현수막 **/
#todayBanner{overflow:hidden}
.modal_overlay {position: fixed;top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(217, 218, 222, 0.8); backdrop-filter: blur(52px); display: none; justify-content: center;    align-items: center;    z-index: 9999;  }
.modal-box {background: #fff;border-radius: 16px;width:1100px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;}
.modal_inner{overflow-y:auto;}
.freebannerLine {border-bottom:1px solid #91949F;}
.freeBannerImg{object-fit: cover; object-position: center;}



.maincardImg {background-image:url('/img/placepromoteImg.svg'); background-position:center center; background-size:cover;}
.maincardBg {background-image: linear-gradient(90deg, #19B2C0 0%, #5963E9 100%);}
.maincardBg2 {background-image: linear-gradient(90deg, #FFFFFF 0%, #EFF5FF 100%);}
.maincard{width: calc(50% - 8px);}
.shadowBox{box-shadow:0 0 8px rgba(238, 238, 240, 1);}
.companyCrad{width:calc(65% - 8px); align-self: stretch;}
.pointCard{width:calc(35% - 8px); overflow:hidden;}
.loginAddress{border-left:1px solid #727272;}
.logoinCard{border-bottom:1px solid #EEEEF0;}
.companyAbout {  display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.pointCard_Top{background: linear-gradient(to bottom right, #2753E9, #2034AD);}
.moreBtn{border:1px solid #91949F;}
.serviceList .mainServiceCnt{width:calc(14.2% - 16px);border:1px solid transparent; transition: 0.3s; align-self: stretch;}
.serviceList .mainServiceCnt:hover{border:1px solid #326AF3; background:#EFF5FF;}

.mainreveiwBox {box-shadow:0 0 8px #D9DADE;}
.mainreveiwCnt1 {border-radius:16px 16px 0 0; left:0;}
.mainreveiwCnt2 {border-radius:0px 16px 0 30px; right:0;}
.mainreveiwCnt3 {border-radius:0px 16px 0 30px; right:0;}
.mainreveiwbottomLine {border-bottom:1px solid #EEEEF0;}
.mainreveiwTopLine {border-top:1px solid #D9DADE;}
.mainreveiwTxt2Line {text-overflow: ellipsis; overflow: hidden; word-break: break-word;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.mainreveiwTxt5Line {text-overflow: ellipsis; overflow: hidden; word-break: break-word;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical}

.mainreveiwVideoBg {background-image: linear-gradient(90deg, #F7F8F8 0%, #D9DADE 100%);}
.mainreveiwVideoLine {border:1px solid #D9DADE;}
.mainreveiwVideoshadow {box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.1);}
.btnBgNo {background:none;}
.btnSadow {filter: drop-shadow(2px 2px 4px rgba(0,0,0,.25));}
.ytWrap {position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden;}
.ytWrap > .ytPlayer {position: absolute; inset: 0; width: 100%; height: 100%;}

/* 슬라이드 전환용 페이드 */
.fadeRoot { opacity:1; transition:opacity .28s ease; }
.fadeRoot.is-fading { opacity:0; pointer-events:none; }


/** 전체서비스 모달 **/
.all_ServiceModal_List{display:grid;  grid-template-columns: repeat(6, 1fr);}
.all_ServiceModal_List a{border:1px solid transparent; transition: 0.3s;}
.all_ServiceModal_List a:hover{border:1px solid #326AF3; background:#EFF5FF;}

/********************
** 비즈코인 충천 
********************/
/* 결제 수단 */
.bizcoin_payment_method a {transition: all 0.2s ease-in-out;border:1px solid #D9DADE;}
.bizcoin_payment_method a.active {background-color: #3645AB;color: white;border-color: #3645AB;}
/* 입금 계좌 정보 */
.bizcoin_bank_info {display: none; }
#bizcoin_amount_input{border:1px solid #D9DADE;}
.bizcoin_quick_add_buttons {display: grid;grid-template-columns: repeat(4, 1fr);}
.bizcoin_quick_add_buttons button{border:1px solid #D9D9D9;}


/********************
** 비즈코인 내역 
********************/
.bizcoin_table{border-collapse:collapse;table-layout: fixed; overflow:auto; min-width:860px;}
.bizcoin_table th,
.bizcoin_table td{ border:1px solid #D9DADE;}
/* 페이징 */
.pagination .page,
.pagination .arrow {background: none;border: none;transition: background 0.2s, color 0.2s;}
.pagination .page:hover,
.pagination .arrow:hover:not(:disabled) {    background-color: #e5e7eb;  }
.pagination .page.active {    background-color: #e0edff;    color: #111827;  font-weight: 600; border-radius: 4px; }
.pagination .arrow:disabled {    color: #d1d5db;    cursor: default;  }

/********************
** 무료현수막신청. 
********************/
.freeInput input, .freeInput textarea{border:1px solid #D9DADE;}
#bizcoin_filename{border:1px solid #D9DADE;}

/********************
** ceo프로그램 리스트
********************/
.ceoprogramListBox{display:grid; grid-template-columns: repeat(4, 1fr); column-gap: 24px; row-gap: 40px;}

/********************
** ceo프로그램 뷰
********************/
.ceoprogramViewTit{width: calc(100% - 520px);}
.del_Btn{border:1px solid #EEEEF0;}
.fix_Btn{border:1px solid #1F3FD6;}
.list_Btn{border:1px solid #1F3FD6;}

/********************
** ceo프로그램 글쓰기
********************/
#editor-container{height:300px; background:#fff;}

/********************
** 사장님의 수다 뷰/글쓰기
********************/
.communityListBox{border-bottom:1px solid #EEEEF0}
.communityTxt{display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.communityWriteBox{border:1px solid #D9DADE;}
.community_modal {    position: fixed;    top: 0; left: 0;    width: 100vw;    height: 100vh;    background: rgba(217, 218, 222, 0.8);    backdrop-filter: blur(52px);   display: none;    justify-content: center;    align-items: center;    z-index: 9999;  }
.community_modalbox {background: #fff;border-radius: 16px;width:1100px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;}


/* 모달 오버레이 */
.declare_modal_overlay {    position: fixed;    top: 0; left: 0;   padding-bottom: env(safe-area-inset-bottom); /* iOS / 일부 안드로이드 */  width: 100vw;    height: 100vh;    background: rgba(217, 218, 222, 0.8);    backdrop-filter: blur(52px);   display: none;    justify-content: center;    align-items: center;    z-index: 9999;   }
.declare_modal_box {  background: #fff;border-radius: 16px;width:1100px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;  }
@keyframes declare_fadeInUp {
from {opacity:0; transform: translateY(20px);}
to {opacity:1; transform: translateY(0);}
}

.declare_modal_actions {    display: flex;    justify-content: flex-end;    gap: 10px;  }


/********************
** 사장님의 수다 뷰/글쓰기
********************/
.communityViewInput{width:calc(100% - 121px); border:1px solid #D9DADE;}

/********************
** 사업꿀팁 뷰
********************/
.businessTip_inner{width:1152px; margin: 0 auto;}
.businessTip_inner img{max-width:100%; display:block}
.businessCnt{color:initial; font-size: initial; font-weight: initial;}
.businessCnt b{color:inherit}
/********************
** 사업꿀팁 뷰
********************/
.mypageTxt{display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}

/********************
** 마이페이지
********************/
#myfollow {    position: relative;    z-index: 1;     }  
#myfollow::before {    content: "";    position: absolute;    top: 0; left: 0; right: 0; bottom: 0;    z-index: -1;    border-radius: 12px;    background: linear-gradient(to right, #94BCFC, #2753E9);    padding: 2px;    -webkit-mask:      linear-gradient(#fff 0 0) content-box,      linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;  }
.mypage_listBox{border-bottom:1px solid #EEEEF0}
.mypage_addFollow{border:1px solid #EEEEF0;}
.mypage_addFollowBox{border-bottom:1px solid #EEEEF0;}
.mypage_addFollowBox:last-child{border-bottom:none; padding-bottom:0;}
.mypage_modalBox{ position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    background: rgba(217, 218, 222, 0.8);    backdrop-filter: blur(52px); display:none; align-items: center;    justify-content: center;   z-index: 9999;}
#follow_mobleBtn{bottom:20px; right:20px;}
.mypageTxt{display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.myfollow_modal_inner{width:1152px;}

/********************
** 정보수정
********************/
.profileImgBtn{bottom:-5px; right:-10px;}

  /* 업로드 버튼 */

/* 비활성 상태: 회색 */
.upload-btn {    cursor: not-allowed;    transition: background-color 0.3s, color 0.3s;  }

/* 활성 상태: 파란 배경, 흰 글자 */
.upload-btn.active {    background: #1F3FD6;    color: #fff;    cursor: pointer;  }
  
  /* 이미지 선택 후 스타일 */
  #modalBody{width:100%; display:flex; align-items: center; justify-content: center;}
  #modalBody img.preview {    width: 250px;    height: 250px;    object-fit: cover;    border-radius: 8px;    margin: auto;  }

/********************
** 든든점수
********************/
.dendenpoint .inner{width:calc(100dvw - 192px);overflow:hidden}
.dundunInput{left:-999999px}
.dundunInput + label{background:#91949f; color:#37383E; transition: ease-in-out 0.3s;}
.dundunInput[type="radio"]:checked + label, .dundunInput[type="checkbox"]:checked + label{background:linear-gradient(to right, #BC1919, #F24444); color:#fff;}
.dundunRadio:hover {box-shadow: 0 0 8px #F24444, 0 0 16px #BC1919; color:#fff;}
.stepBtnBox{bottom:40px}
.dundunTextBox{width:calc(100% - 45px); }
.inputBox{border:1px solid #37383E;}
#amountGroups{max-height:45dvh; overflow-y:auto}
.dundunT_modalBox{ position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    background: rgba(0, 0, 0, 0.8);    backdrop-filter: blur(52px); display:none; align-items: center;    justify-content: center;   z-index: 9999;}
#businessType{background:url('https://stunningw.com/img/arrow.svg') no-repeat #37383e !important;background-position: calc(100% - 16px) center !important;background-size: 12px 12px !important;}
.category-section{background:#252525}
/********************
** 든든점수 마무리
********************/
.dundunService{display:grid; grid-template-columns: repeat(4, 1fr);}
.dundunService a{border:1px solid transparent; transition: 0.3s;}
.dundunService a:hover{border:1px solid #326AF3; background:#EFF5FF;}
.consultBtn{box-shadow: 0 0 8px rgb(234 55 55 / 70%);  margin-bottom:40px;}
.gauge_wrapper {  max-width: 760px;   margin-left: auto;  margin-right: auto;}
.gauge_bar_bg {  width: 100%;  height: 56px;  overflow: hidden;  position: relative;}
.gauge_bar {  width: 0%;   transition: width 0.8s ease-out 0.2s;}
.gauge_bar span {  position: relative;  z-index: 2;  opacity: 0;  transition: opacity 0.3s ease-out 0.5s;}
.gauge_bar.current {  background-color: #737784; }
.progress-bar-fill.reduced {  background:linear-gradient(to right, #FA6F6F, #F24444); }
.progress-bar-fill{animation:fillBar 1.5s ease-out; transition: ease-in-out 0.3s;}
.progress-bar-fill {  width: 0;  transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);}
.progress-bar-fill span {  opacity: 0;  transition: opacity 0.3s ease-out 0.5s;}
.progress-bar-fill.active span {  opacity: 1;}
.progress-bar-fill.active span {  opacity: 1;}
/********************
** 솔직 후기 리뷰
********************/
.reveiwLine {border-bottom:1px solid #EEEEF0;}
.reveiwWriteBoxLine {border:1px solid #D9DADE;}
#modalContent{max-height:300px; overflow-y:auto}

/********************
** 공지사랑 리스트 
********************/
.noticeTableBox{overflow: auto;}
.notice_table{min-width: 700px; border-top:2px solid #D9DADE; border-bottom:2px solid #D9DADE;}
tbody tr:hover {  background-color: #f5f8fc;}
.badge_notice {  background-color: #FFF2F2;  color:#F21010;}
table th:first-child,
table td:first-child {  border-left: none;}
table th:last-child,
table td:last-child {  border-right: none;}
/* 기본적으로는 양쪽 border 존재하도록 */
table th,
table td {  border-left: 1px solid #D9DADE;  border-right: 1px solid #D9DADE;}
table tr{border-bottom:1px solid #D9DADE;}

/********************
** 제휴사
********************/
#online input[type="checkbox"]{left:-9999px}
#online input[type="checkbox"] + label{cursor: pointer;}
#online input[type="checkbox"] + label:before,  input[type="checkbox"] + label:after{content:''; display:block; position:absolute;}
#online input[type="checkbox"] + label:before{width:20px; height:20px; border-radius:2px; border:1px solid #91949f; background:#f7f8f8; left:0;transition: ease-in-out 0.2s;}
#online input[type="checkbox"] + label:after{width:6px; height:10px; left:7px; top:40%; transform:translateY(-50%) rotate(45deg); border:1px solid #f7f8f8;border-width:0 2px 2px 0; }
#online input[type="checkbox"]:checked + label:before{background:#6b5dd5; border:1px solid #6b5dd5}



/********************
** 플레너 모집
********************/
 .swiperBtn{width:100%; height:100%;}
.swiperPrevBtn:after{transform: translate(-50%, -50%) rotate(135deg); content:'';left:5px;top:50%; border:2px solid #fefefe; z-index:10; width:10px; height:10px; border-width:0 2px 2px 0; cursor: pointer; z-index: 4;  position:absolute}
.swiperNextBtn:after{transform: translate(-50%, -50%) rotate(315deg); content:'';right:30px;top:50%; border:2px solid #fefefe; z-index:10; width:10px; height:10px; border-width:0 2px 2px 0; cursor: pointer; z-index: 4;  position:absolute}
.swiperPrevBtn:before{content:'';display:block; width:40px; height:40px; position:absolute; left:0; top:50%; transform: translate(-50%, -50%); background:#0066FF; border-radius:200px; z-index: 3;}
.swiperNextBtn:before{content:'';display:block; width:40px; height:40px; position:absolute; right:0; top:50%; transform: translate(-50%, -50%); background:#0066FF; border-radius:200px; z-index: 3;}
.operator_input{border:1px solid #D9DADE}



/********** 경비 절감 (savecost) **********/
.savecostBtna:hover{border:1px solid #326AF3; background:#EFF5FF;}
.savecost_step{min-height:100dvh }
.savecost_step:not(#step_1) {  display: none;}
.step_3_Box{display:grid; grid-template-columns: repeat(4, 1fr);}
.savecostInput {  display: none;}
.savecostRadio {  border: 1px solid #D9DADE;  transition: all 0.2s ease;}
.savecostInput:checked + .savecostRadio {  background-color: #2034AD;  color: #fff;  border-color: #2034AD;}
.savecostRadio:hover {  background: #EFF5FF;  color: #1F3FD6;  border-color: #1F3FD6;}
.savecostButton.active{ background-color: #2034AD;  color: #fff;  border-color: #2034AD;}


/**************************
**  회원가입
**************************/
/* 커스텀 체크박스 스타일 */
.join_agree_box input[type="checkbox"] {  display: none;}
.join_agree_box input[type="checkbox"] + label {  position: relative;  padding-left: 32px;  cursor: pointer;  min-height: 20px;}
.join_agree_box input[type="checkbox"] + label::before {  content: '';  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  width: 20px;  height: 20px;  border: 1.5px solid #ced4da;  border-radius: 4px;  background-color: #fff;}
.join_agree_box input[type="checkbox"]:checked + label::before {  background-color: #343a40;  border-color: #343a40;}
.join_agree_box input[type="checkbox"] + label::after {  content: '';  position: absolute;  left: 7px;  top: 44%;  width: 5px;  height: 7px;  border: solid white;  border-width: 0 2px 2px 0;  transform: translateY(-50%) rotate(45deg);  opacity: 0;}
.join_agree_box input[type="checkbox"]:checked + label::after {  opacity: 1;}
#join_agree_all:checked + label::after {  left: 7px;  width: 5px;  height: 7px;  border-width: 0 3px 3px 0;}
.join_agree_box{border:1px solid #D9DADE;}




/*************** 영업자 신청 ***************/
#findAddressBtn{border:0; cursor: pointer;}
.levelGroup input[type="radio"]{left:-999999px;}
.levelGroup input[type="radio"] + label{background:#fefefe; border:1px solid #0066FF; cursor: pointer; transition: ease-in 0.3s;}
.levelGroup input[type="radio"]:checked + label{background:#0066FF; color:#fefefe}

.viewOnlineDetail table tr td:nth-child(1){background:#222; color:#fefefe; border-bottom:1px solid #fefefe}
.viewOnlineDetail table tr td:nth-child(2){background:#fefefe; color:#222; border-bottom:1px solid #222; border-right:1px solid #222}
.viewOnlineDetail table tr:nth-child(1) td:nth-child(2){border-top:1px solid #222}
/*************** //영업자 신청 ***************/

/*************** 해솔 혜택 ***************/
.moveLinkPop{margin:40px auto; }
.haesolBanner{background:#1A35E8; overflow:hidden}
.haesolSub p > span:nth-child(4){color:#1A35E8}
.benefit{background:#EBF4FF}
.benefitP p:nth-child(1), .benefitP p:nth-child(2) span{color:#1A35E8}
.benefitBox{box-sizing: initial; border-bottom:1px dashed #d5d5d5}
.benefit .benefitBox:nth-last-child(1){border-bottom:0}
/*************** //해솔 혜택 ***************/

/*********윤솔혜택************/
.yslaborBanner{height:130dvh; background-image: url('/img/yslabor/mainBanner.jpg'); background-size:cover; background-position: center;}
.stepBox{border-bottom:1px solid #f4f4f4;}
.ysBtn{bottom:0;}



.footLink{border-bottom:1px solid #394353;}
.footMobile{bottom:0dvh; left:0;}
.ios{padding-bottom:20px}
.seminarList tbody td{border-bottom:1px solid #999}

.mbTxt input{border:1px solid #d5d5d5}
.memberAdd{left:-9999px}
.resultBtn button{cursor: pointer;}

.seminar input, .seminar select{border:1px solid #eee}


/********** 주류 해택 **********/
.ksulsulBanner {background-image:url('/img/ksulsul/mainBannerBg.jpg'); background-size:cover; background-position: center;}
.fs_w35 {font-size:80px;}
.chat1 {background-image:url('/img/ksulsul/chat1.png'); background-size:cover; background-position: center;}
.chat2 {background-image:url('/img/ksulsul/chat2.png'); background-size:cover; background-position: center;}
.chatline {background: linear-gradient(to bottom, black, white);}
.ksulsulline {border-bottom:2px solid #eeeef0;}

.arrow {border-bottom:2px solid #222; border-left:2px solid #222; transform: rotate(-45deg);}
.custom-link .arrow {display: inline-block; transform: translateY(-5px) rotate(-45deg);}

/********** 십이오 해택 **********/
.stunningBanner {background-image:url(/img/stunning/mainBannerBg.jpg); background-size:cover; background-position: center;}
.fs_w35 {font-size:80px;}
.chat1 {background-image:url('/img/ksulsul/chat1.png'); background-size:cover; background-position: center;}
.chat2 {background-image:url('/img/ksulsul/chat2.png'); background-size:cover; background-position: center;}
.chatline {background: linear-gradient(to bottom, black, white);}
.stunningline {border-bottom:2px solid #eeeef0;}

.arrow {border-bottom:2px solid #222; border-left:2px solid #222; transform: rotate(-45deg);}
.custom-link .arrow {display: inline-block; transform: translateY(-5px) rotate(-45deg);}

/********** 고용지원금 해택 **********/
.goyongBanner{background: linear-gradient(to bottom, #DEE7FB 0%, #FFFFFF 50%);}



/********** 든든포인트 **********/
.ddpBnr{ background-image: url('/img/ddp/ddpBannerBg.png'); background-position: center; background-size:cover;}
.ddpCta{box-shadow: 0 0 8px #DF2323;}
.ddpIteamCnt{width:calc(33.333333% - 16px); align-self: stretch;}
.ddpCarrerCnt{border:1px solid #F24444}
.ddpCarrerCnt .bco_white{border:1px solid #1c1c1c}
.ddpCarrerCnt{overflow:hidden}
.ddpProcessCnt > div:nth-child(1):after{content:'';display:block; width:1px;height:20px;background:#737784; position:absolute; right:0;top:50%; transform: translateY(-50%);}

.ddpSolutionBox{box-shadow:-12px 0 40px rgba(0,0,0,0.4) ;}
.ddpSolutionCnt{align-self: stretch;}
.ddpConsultantCnt{background:url('/img/ddp/profileBanner.jpg')center center; background-size:cover}

.ddpBenefitCnt1{background:url('/img/ddp/benefit-001.jpg')center center;background-size:cover}
.ddpBenefitCnt2{background:url('/img/ddp/benefit-002.jpg')center center;background-size:cover}
.ddpBenefitCnt3{background:url('/img/ddp/benefit-003.jpg')center center;background-size:cover}
.ddpBenefitCnt4{background:url('/img/ddp/benefit-004.jpg')center center;background-size:cover}
.ddpBenefitCntLabel {display: inline-flex;flex-direction: column;align-items: baseline;line-height: 1; }
.ddpBenefitCntLabel span {display: inline-block;transform: rotate(90deg);transform-origin: center;}
.ddpBenefitCnt{align-self: stretch; transition: flex-basis .48s ease-in-out, box-shadow .3s ease-in-out; cursor: pointer; }
.ddpBenefitCnt[aria-expanded="true"] {width:100%;flex-basis: var(--card-basis-expanded, 100%);}
.ddpBenefitCnt[aria-expanded="false"] {flex-basis: var(--card-basis-collapsed, 0%);}

.ddpStepCircle .wwp32{border:1px solid #5d606c}
.ddpStepCircle .co_white{border:0; box-shadow: 0 4px 4px rgba(242,68,68,0.22);}


#amountGroups > div{background: rgba(255,255,255,0.05);    padding: 24px;    border-radius: 16px;}




/************************** 가게홍보 ********************************/
.promoteSelect{border:none; background-color:#F7F8F8 !important;}
.promoteSelect:focus {  outline: none;  box-shadow: none;}
.promoteBntLine {border:1px solid #D9DADE;}
.promoteBntLine{transition: background-color .2s ease, color .2s ease, border-color .2s ease;}
.promoteBntLine.active{color:#F7F8F8;background-color:#2034AD; border-color:#2034AD;}
.promoteBgNo {background:none;}
.promoteBntNo {border:none;}
.promoteLine {border:1px solid #D9DADE;}

.promoteSubBanner{background:url('/img/promote/promoteSubBannerBg.jpg'); background-size:cover; background-position:center;}
.benefitAarrow_l{position:absolute; top:50%; left:0; z-index:2;transform: translate(-50%, -50%)}
.benefitAarrow_r{position:absolute; top:50%; right:0; z-index:2;transform: translate(50%, -50%)}

.shopCntBox{width:calc(25% - 16px); box-shadow:0 0 8px #EEEEF0;}
.newshopCntBox{box-shadow:0 0 8px #EEEEF0;}

.category-filter-btn.active {  border-color: #007bff;    background-color: #007bff;   color: #ffffff;       font-weight: 700; }
.promotetag{top:16px;right:16px;}

.instar {background: linear-gradient(135deg, #6742DD 0%, #DB4465 50%, #EE912E 100%);}
.nplays {background: linear-gradient(135deg, #00A3B9 0%, #00A865 100%);}
.scr_y540 { max-height:540px; overflow-y:auto; }
.cols_240_240_auto { display:grid; grid-template-columns:240px 240px 1fr; gap:16px; }
.chip {width:100%; padding:8px 12px; border:1px dashed #d3c7b6; border-radius:999px; cursor:pointer; white-space:nowrap; background:#fff; }
.chip.on { background:#eadfce; border-color:#bfa98a; font-weight:600; }
.card_row { display:flex; gap:14px; padding:14px; border-bottom:1px dashed #eee3d3; align-items:center; }
.card_row:last-child { border-bottom:none; }
.thumb_84 { width:84px; aspect-ratio:1/1; border-radius:8px; object-fit:cover; background:#f3f0ea; }
.meta_txt { font-size:14px; color:#6b6b6b; line-height:1.4; }
.link_txt { font-size:14px; text-decoration:underline; }
.switch { appearance:none; width:44px; height:24px; border-radius:999px; background:#ddd; position:relative; outline:none; transition:.2s; }
.switch:checked { background:#2f5bda; }
.switch:before { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.2s; }
.switch:checked:before { left:23px; }
.more_hint { text-align:center; color:#9a8a71; padding:12px; }
#promoteSearchInput:focus {    outline: none;  }
.promoteImg{object-fit: cover;}



/* 반응형 */
@media (max-width:960px){ .cols_240_240_auto { grid-template-columns:1fr; } }

 /** db톡 **/
 .dbinner{width:80dvw; margin-left:auto; margin-right:auto;}
 .db_mainImg{bottom:80px; right:0;}
 .db_sec3{display: grid; grid-template-columns: repeat(6, 1fr);}
 .dbyoutube{  aspect-ratio: 16 / 9; overflow: hidden; position:relative;}
 .dbyoutube iframe {  position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: 0;}
 .db_sec6{display: grid; grid-template-columns: repeat(4, 1fr); gap:24px;}
 .slider-container {    position: relative;    width: 100%;    overflow: hidden;   }

.logo-slider {    width: 100%;    overflow: hidden;  }
.logo-track {    display: flex;    width: max-content;    animation: scroll 30s linear infinite;    align-items: center;  }
.logoImg {    margin: 0 20px; flex-shrink: 0;    transition: opacity 0.3s ease;  }
@keyframes scroll {
0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-50%);
}
}
.fade {    position: absolute;    top: 0;    width: 25%;    height: 100%;    pointer-events: none;    z-index: 2;  }
.fade-left {    left: 0;    background: linear-gradient(to right, #26272B, transparent);  }
.fade-right {    right: 0;    background: linear-gradient(to left, #26272B, transparent);  }


/**********************
** 가게홍보 혜택 리스트
**********************/
.benefitListBox{display: grid; grid-template-columns: repeat(4, 1fr);}
.benefitListBox a{box-shadow:0 0 8px #EEEEF0;}

/**********************
** 가게홍보 리스트페이지
**********************/
.promoteTableBox{overflow: auto;}
.promote_table{min-width: 1200px; border-top:2px solid #D9DADE; border-bottom:2px solid #D9DADE;}










.custom-checkbox{width: 20px; height: 20px; padding: 0; border: 1px solid #26272B; border-radius: 4px; background-color: #fff; margin-right: 10px; transition: background-color 0.3s, border 0.3s; position: relative;}
.checkpolicy input[type="checkbox"] {display: none;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox{background-color: #26272B; border-color: #26272B;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox::after{content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 8px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}



/**********************
** 강의페이지 
**********************/
.studyTagBox1{background:#FFE9E9;}
.studyTagBox2{background:#EFEFFF;}
.studyTagBox3{background:#E8F7FF;}
.studyTagBox4{background:#FFE9E9;}
.studyTagBox5{background:#FEFFC8;}
.studyTagBox6{background:#F0FFEF;}
.studyTagBox7{background:#DBDBDB;}
.studyTagBox8{background:#EFEFFF;}
.studyFilter a {  color: #B8BAC1;  cursor: pointer;   transition: color 0.3s; }
.studyFilter a.active {  color: #26272B;}
.writeBtn{color:#fff !important}
.studyList{display:grid; grid-template-columns: repeat( 4 , 1fr);}
.studyListCon{overflow: hidden; box-shadow: 0 0 8px #D9DADE;}
.studyListCon.hidden {  display: none;}

/**********************
** 강의페이지 디테일
**********************/
.studyListTit {  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  text-overflow: ellipsis;  word-break: keep-all; }
.studyPageRight.is-fixed {  position: fixed;  top: 100px;  z-index: 10;  right: 9.5dvw;}
.studyPageRight.is-absolute {  position: absolute;  bottom: 0;  top: auto !important;  right: 0; }
#stickyContainer {  position: relative;}
.studyTxt{white-space: pre-wrap;}
.longTxt{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;  text-overflow: ellipsis;  word-break: keep-all; }


/**********************
** 강의페이지 뷰
**********************/
.studyPlayList {  overflow-y: auto;   flex: 1;   min-height: 0;}
.studyPlayList::-webkit-scrollbar { width: 6px; }
.studyPlayList::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.studyPlayList::-webkit-scrollbar-track { background: #f1f1f1; }
.studyViewRight{border-radius:8px; overflow: hidden; box-shadow:0 0 8px #D9DADE}
@media (min-width: 1024px) {
  .studyViewBox {position: relative; }
  .studyViewRight { position: absolute; top: 0; bottom: 0; right: 0; height: auto; display: flex; flex-direction: column; width: 25%; }
}
.studyViewCon {  cursor: pointer;  transition: all 0.2s;}
.studyViewCon.active .bco_white {  background-color: #EFF5FF !important; }
.studyViewCon.active .playIconBox {background:#1F3FD6;}
.studyViewCon.active .playIconBox img {  filter: brightness(0) invert(1);}

/**********************
** 강의페이지 내 강의실
**********************/
.bar_fill {  transition: width 1.5s ease-in-out;}
.studyMyFilter{box-shadow: inset -2px 2px  2px rgba(0,0,0,0.12)}
.studyMyFilter {  cursor: pointer;  transition: all 0.3s;}
.studyMyFilter.active {  background-color: #2753E9 !important;   color: #fff !important;  font-weight: 800 !important;}
.studyListCon.hidden {  display: none !important;}

/**********************
** 타지역 서비스
**********************/
.regions_mainBanner{background:url('/img/regions/mainBnGif.gif'); background-size:cover; background-position:center;}
.regions_TitBox{ background:url('/img/regions/mainTitBox.png'); background-size:100%; background-repeat: no-repeat; background-position:top;}

.regions_pointSvg {    position: absolute;    top: 50%; left: 50%;    transform: translate(-50%, -45%);    width: 110%; height: 140%;    z-index: -1;    pointer-events: none;    overflow: visible;    opacity: 0;     transition: opacity 0.1s; }
.regions_maskPath {    fill: none;    stroke: white;     stroke-width: 55px;     stroke-linecap: round;    stroke-dasharray: 5000;    stroke-dashoffset: 5000;     transition: stroke-dashoffset 0.8s ease-out;}
.regions_pointTxtBox.visible .regions_pointSvg {    opacity: 1; }
.regions_pointTxtBox.visible .regions_maskPath {    stroke-dashoffset: 0; }
.regions_originPath {    fill: #ff3290;    stroke: none;}

.searchBar{border:3px solid #50FF00;}
.regions_line{background:linear-gradient(180deg, #000000 0%, #50FF00 100%);}

.regions_grid{display:grid; grid-template-columns: repeat(3 , 1fr);}

.manyMoneyBg{background:url('/img/regions/manyMoney.png'); background-size:cover; background-position:center;}

.case_left{border-radius:16px 0 0 16px; box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.2);}

.faq_answer {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.4s ease-in-out;opacity: 0;}
.faq_question{border-radius:8px 8px 8px 8px;}
.faq_item.active .faq_question{ border-radius: 8px 8px 0 0;  border-bottom:none;}
.faq_item.active .faq_answer {max-height: 500px;padding: 0 24px 24px 24px; opacity: 1; border-radius: 0 0 8px 8px; border:1px solid #181A47; border-top:none;}
.faq_item.active .icon_plus {transform: rotate(180deg); }
.icon_plus {transition: transform 0.3s ease-in-out;}


.online input[type="radio"]{left:-9999px}
.online input[type="radio"] + label{border:1px solid #D9DADE; background:#fefefe; cursor: pointer; transition: ease-in 0.3s;}
.online input[type="radio"]:checked + label{background:#222; border:1px solid #222; color:#fefefe}

.inputBox{ padding: 24px; border: 1px solid #b8bac1; border-radius: 8px;}
.inputBox:placeholder-shown{color: #91949f; line-height: 1em;}

.custom-checkbox{width: 20px; height: 20px; padding: 0; border: 1px solid #222; border-radius: 4px; background-color: #fff; margin-right: 10px; transition: background-color 0.3s, border 0.3s; position: relative;}
.checkpolicy input[type="checkbox"] {display: none;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox{background-color: #222; border-color: #222;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox::after{content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 8px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}

.moreBtn1{text-decoration: underline;}