/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; color: #222; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }
.inner2{ max-width: 1800px; margin: 0 auto; }

.paging_box{ padding:40px 0 10px 0; display:flex; align-items: center; justify-content: center; font-size: 14 !important; }
.paging_box .pg_current{ background-color: #003839; border-color: #003839; }
.paging_box .pg_page{ background-color: #fff; }

.empty_list{ font-size: 14px; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

.chk_box input[type="checkbox"] + label{ font-size: 14px; display: flex; align-items: center; margin-top: 20px; }
.chk_box input[type="checkbox"] + label:hover{ color: #676e70 !important;  }
.all_chk.chk_box input[type="checkbox"] + label span{ top: unset !important; }
.subPad{ padding:100px 0; }

/* sec_top : 헤더 상단 여백 */
.sec_top{ padding-top: 163px; }
@media screen and (max-width: 900px) { 
	.sec_top{ padding-top: 213.88px; }
}
@media screen and (max-width: 650px) { 
	.sec_top{ padding-top: 173px; }
    .subPad{ padding:50px 0; }
}


/* 개인정보처리방침 , 이용약관 팝업 */
.privacyPopup{ 
	position: fixed; background-color: rgba(0, 0, 0, 0.60); width: 100%; height: 100%; z-index: 99999; left: 0; top: 0; 
	display: flex; align-items: center; justify-content: center; 
	opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;
}
.privacyPopup.active{ opacity : 1; visibility: visible; }
.privacyPopup .inner{ max-width: 600px; }
.privacyPopup .contentWrap{ background-color: #fff; padding: 40px 30px; }
.privacyPopup .contentWrap .titleBox{ display: flex; justify-content: space-between; align-items: center; }
.privacyPopup .contentWrap .titleBox span{ font-weight: 600; font-size: 24px;  }
.privacyPopup .contentWrap .titleBox .closeBtn{ cursor: pointer;  }

.privacyPopup .contentWrap .contentBox{ margin-top: 30px; background-color: #F7F7F7; padding: 30px; max-height: 60vh; overflow-y: scroll; }

@media screen and (max-width: 650px) {
	.privacyPopup .contentWrap{ padding: 30px 20px; }
	.privacyPopup .contentWrap .titleBox span{ font-size: 18px; }
	.privacyPopup .contentWrap .contentBox{ padding: 15px; margin-top: 20px; font-size: 14px; }
}


/* footer [푸터] */
footer{ padding: 40px 0; border-top: 1px solid #E0E0E0; }
footer .inner{ display: flex; align-items: center; gap: 62px; }
footer .logoBox .logo{ width: 118px; }
footer .infoBox .popupList{ display: flex; gap: 21px; }
footer .infoBox .popupList button{ background-color: transparent; border: none; }
footer .infoBox .infoList{ margin-top: 7.6px; color: #7F7F7F; }
footer .infoBox .infoList .barList{ display: flex; gap: 20px; flex-wrap: wrap; }
footer .infoBox .infoList .barList > li{ position: relative; }
footer .infoBox .infoList .barList > li::after{ content:'ㅣ'; position: absolute; right: -15px; top: 0; }
footer .infoBox .infoList .barList > li:last-child:after{ display: none; }
footer .infoBox .copyRight{ margin-top: 10px; font-size: 12px; color: #7F7F7F; }
@media screen and (max-width: 900px) {
	footer .inner{ flex-wrap: wrap; gap: 20px; }
	footer .infoBox .popupList{ gap: 5px; flex-wrap: wrap; }
	footer .infoBox .infoList .barList{ gap: 5px; }
	footer .infoBox .infoList .barList > li::after{ display: none; }
}
@media screen and (max-width: 650px) {
	footer .logoBox .logo{ width: 90px; }
	footer{ font-size: 14px; }
}

/* header - [공지 , 상단 슬라이드] */
header{ position: fixed; width: 100%; z-index: 999; background-color: #fff; }
header .noticeSec{ background-color: #003839; padding: 6px 0; color: #DCBA96; text-align: center; height: 32px; font-size: 14px; overflow: hidden; position: relative; }
header .noticeSec .noticeSlide{ height: 32px; }
header .noticeSec .swiper-slide{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

/* header - [로고, 검색창, 연락처]*/
header .topBox{ padding: 18px 0; }
header .topBox .inner{ display: flex; align-items: center; justify-content: space-between; gap: 40px; }
header .topBox .logoBox img{ width: 118px; }
header .topBox .searchBox{ flex-grow: 1; }
header .topBox .searchBox .searchWrap{ border: 2px solid #003839; display: flex; align-items: center; position: relative; border-radius: 4px; overflow: hidden;  }
header .topBox .searchBox .searchWrap .select{ border: none; position:relative; padding: 10px; flex-shrink: 0; }
header .topBox .searchBox .searchWrap .select:focus{box-shadow: unset !important; border: unset !important;}
header .topBox .searchBox .searchWrap .select:focus-visible{ border: unset !important; outline:unset !important; }
header .topBox .searchBox .searchWrap .bar{ width: 2px; height: 20px; background-color:#003839; margin: 0 25px; flex-shrink: 0; }
header .topBox .searchBox .searchWrap .searchIpt{ flex-grow: 1; border: none; padding: 10px 50px 10px 10px; }
header .topBox .searchBox .searchWrap .searchIpt:focus{box-shadow: unset !important; border: unset !important;}
header .topBox .searchBox .searchWrap .searchBtn{ position: absolute; height: 100%; right: 0; padding: 10px; background-color: transparent; border: none; }
header .topBox .telBox .tel{ 
	display: flex; gap: 10px; background-color: #003839; color: #DCBA96; align-items: center; font-size: 18px; 
	padding: 10px 30px; border-radius: 40px;
}
header .topBox .telBox .tel .txt{ display: flex; align-items: center; gap: 5px; }
header .topBox .telBox .tel b{ font-weight: 700; font-size:1.25em; }
@media screen and (max-width: 1250px) { 
	header .topBox .telBox .tel{ padding: 10px; font-size: 16px; }
}
@media screen and (max-width: 900px) { 
	header .topBox .inner{ flex-wrap: wrap; gap: 10px; }
	header .topBox .searchBox{ order: 1; width: 100%; }
	header .topBox .telBox .tel{ width: 38px; height: 38px; border-radius: 50%; }
	header .topBox .telBox .tel .txt{ display: none; }
}
@media screen and (max-width: 650px) {
	header .topBox{ padding: 10px 0; }
	header .topBox .logoBox img{ width: 90px; }
	header .topBox .searchBox{ font-size: 14px; }
	header .topBox .searchBox .searchWrap .select{ padding: 5px; }
	header .topBox .searchBox .searchWrap .searchIpt{ padding: 5px 30px 5px 5px; }
	header .topBox .searchBox .searchWrap .searchBtn{ padding: 0 5px; }
	header .topBox .searchBox .searchWrap .searchBtn img{ width: 20px;  }
}
/* header - [네비게이션] */
header .navigation{  border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
header .navigation .inner{ display: flex; gap: 60px; align-items: center; overflow: hidden; }
header .menuBtn{background-color: #003839; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; border: none;  }
header .menuBtn.mobile{ display: none; }
header .navigation .menuSlide{ overflow: hidden; }
header .navigation .menuSlide .swiper-slide{ width: auto !important; }
header .navigation .menuSlide .item{ display: flex; align-items: center; gap: 5px; padding: 10px 0; }
header .navigation .menuSlide .bold{ font-weight: 700; }
header .navigation .menuSlide .green{ color: #003839; }

@media screen and (max-width: 900px) { 
	header .navigation .inner{ padding: 0; padding-left: 10px; }
	header .menuBtn.mobile{ display: flex; width: 38px; height: 38px; }
}
@media screen and (max-width: 650px) { 
	header .navigation{ font-size: 14px; }
}


/* 모바일 슬라이드 메뉴 */
.mobileMenuSec{ background-color: #efefef; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; }
.mobileMenuSec .menuArti{ position: relative; }
.mobileMenuSec .menuArti .logoBox{ background-color: #003839; display: flex; align-items: center; justify-content: center; padding: 10px 0; }
.mobileMenuSec .menuArti .logoBox .logo{ width: 80px; }
.mobileMenuSec .menuArti .closeBtn{ position: absolute; right: 0; top: 0; padding: 10px; background-color: transparent; border: none;  }
.mobileMenuSec .menuArti .closeBtn img{ width: 20px; }
.mobileMenuSec .menuArti .menuList{background-color: #fff; position: relative; }
.mobileMenuSec .menuArti .menuList > li{ border-bottom: 1px solid #E0E0E0; }
.mobileMenuSec .menuArti .menuList > li .item{ display: block;  padding: 15px; display: flex; align-items: center; gap: 5px;  }
.mobileMenuSec .menuArti .menuList > li .bold{ font-weight: 600; }
.mobileMenuSec .menuArti .menuList > li .green{ color: #003839; }

.mobileMenuSec .menuArti .telBox{ padding: 20px 0; color: #DCBA96; background-color: #003839; display: flex; align-items: center; justify-content: center; gap: 10px; }
.mobileMenuSec .menuArti .telBox .circleBox{ display: flex; align-items: center; gap: 5px; border: 1px solid #DCBA96; padding: 10px 20px; border-radius: 50px; font-weight: 600; font-size: 1.2em; }

.mobileMenuSec .menuArti .copyRight{ text-align: center; padding: 20px 0; font-size: 12px; color: #7F7F7F; }

@media screen and (max-width: 900px) { 
	.mobileMenuSec.show{ opacity: 1; visibility: visible; }
	.mobileMenuSec .menuArti .telBox .circleBox{ padding: 5px 20px; }
}


/* [메인] */
/* [메인] : 메인 배너 */
.main .bannerApply{ background-color: #688; padding: 30px 0; }
.main .bannerApply .halfBox{ display: flex; align-items: center; background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 13px 16px 25px 0px rgba(0, 56, 57, 0.15); }
.main .bannerApply .halfBox .slideBox{ position: relative; width: 800px; height: 415px; background-color: #000; flex-shrink: 0; overflow: hidden; }
.main .bannerApply .halfBox .slideBox .bannerSlide{ height: 100%; }
.main .bannerApply .halfBox .slideBox .bannerSlide .imgBox{ height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .bannerApply .halfBox .slideBox .bannerSlide .imgBox.mobile{ display: none; }
.main .bannerApply .halfBox .applyBox{ flex-grow: 1; padding: 17px; }
.main .bannerApply .halfBox .applyBox .title{ text-align: center; }
.main .bannerApply .halfBox .applyBox .title .t1{ color: #003839;  }
.main .bannerApply .halfBox .applyBox .title .t2{ font-weight: 600; font-size: 22px; }
.main .bannerApply .halfBox .applyBox .applyList{ margin-top: 24px; width: 100%; }
.main .bannerApply .halfBox .applyBox .applyList > li + li{ margin-top: 5px; }
.main .bannerApply .halfBox .applyBox .applyList .ipt{ width: 100%; padding: 10px; border: 1px solid #D9D9D9; border-radius: 4px;  }
.main .bannerApply .halfBox .applyBox .agreeBox{ margin-top: 5px; color: #777; }
.main .bannerApply .halfBox .applyBox .agreeBox input[type="checkbox"]{ display: none; }
.main .bannerApply .halfBox .applyBox .agreeBox input[type="checkbox"] + .txt{ position: relative; padding-left: 25px; }
.main .bannerApply .halfBox .applyBox .agreeBox input[type="checkbox"] + .txt::before{ content:''; display: block; width: 18px; height: 18px; border-radius: 2px; background-color: #fff; border: 1px solid #003839; position: absolute; left: 0; top: 4px; }
.main .bannerApply .halfBox .applyBox .agreeBox input[type="checkbox"]:checked + .txt::before{ background-color: #003839; background-image: url('../img/common/checkIconWhite.png'); background-size: 80%; background-repeat: no-repeat; background-position: center; }
.main .bannerApply .halfBox .submitBtn{ width: 100%; margin-top: 30px; background-color: #003839; text-align: center; color: #DCBA96; padding: 10px; border-radius: 4px; border: none;  }

.main .bannerApply .playBox{ position:absolute; left: 40px; bottom: 40px; z-index: 2; display: flex; gap: 3px; }
.main .bannerApply .playBox .item{ background-color: #003839; border: 1px solid #003839; width: 38px; height: 38px; border-radius: 2px; display: flex; align-items: center; justify-content: center;  } 
.main .bannerApply .playBox .item img{ width: 8px; }

.main .bannerApply .playBox .item .play{ display: block; }
.main .bannerApply .playBox .item .stop{ display: none; }
.main .bannerApply .playBox .item.play .play{ display: none; }
.main .bannerApply .playBox .item.play .stop{ display: block; }

@media screen and (max-width: 1250px) { 
	.main .bannerApply .halfBox{ align-items: unset; border-radius: 1.5vw; }
	.main .bannerApply .halfBox .slideBox{ width: 64vw; }
	.main .bannerApply .halfBox .applyBox{ display: flex; flex-direction: column; justify-content: center; }
	.main .bannerApply .halfBox .applyBox .title .t1{ font-size: 16px; }
	.main .bannerApply .halfBox .applyBox .title .t2{ font-size: 18px; }
}
@media screen and (max-width: 900px) { 
	.main .bannerApply .halfBox{ flex-wrap: wrap; }
	.main .bannerApply .halfBox .slideBox{ width: 100%; height: 50vw; }

	.main .bannerApply .playBox{ left: 10px; bottom: 10px; }
	.main .bannerApply .halfBox .applyBox .applyList{ display: flex; gap: 5px; align-items: center; }
	.main .bannerApply .halfBox .applyBox .applyList > li{ flex-grow: 1; }
	.main .bannerApply .halfBox .applyBox .applyList > li + li{ margin-top: unset; }
	.main .bannerApply .halfBox .applyBox .agreeBox input[type="checkbox"] + .txt{ font-size: 14px; padding-left: 19px; }
	.main .bannerApply .halfBox .applyBox .agreeBox input[type="checkbox"] + .txt::before{ width: 14px; height: 14px; }
}
@media screen and (max-width: 650px) { 
	.main .bannerApply .halfBox .applyBox .applyList{ margin-top: 20px; }
	.main .bannerApply .halfBox .applyBox .applyList .ipt{ padding: 5px; font-size: 14px; border-radius: 2px; }
    .main .bannerApply .halfBox .slideBox{ height: 80vw; }
    .main .bannerApply .halfBox .slideBox .bannerSlide .imgBox.mobile{ display: block; }
    .main .bannerApply .halfBox .slideBox .bannerSlide .imgBox.pc{ display: none; }
}
@media screen and (max-width: 420px) { 
	.main .bannerApply .halfBox .slideBox{ height: 80vw; }
}
@media screen and (max-width: 350px) { 
	.main .bannerApply .halfBox .applyBox .applyList{ flex-direction: column; }
	.main .bannerApply .halfBox .applyBox .applyList > li{ width: 100%; }
}

/* [메인] : 타이틀 (공통) */
.main .titleBox{ text-align: center; }
.main .titleBox .t1{ font-size: 24px; word-break: keep-all; }
.main .titleBox b{ font-weight: 600; }
.main .titleBox .green{ color: #003839; }
.main .titleBox .t2{ margin-top: 8px; word-break: keep-all }

@media screen and (max-width: 1250px) { 
	.main .titleBox .t1{ font-size: 20px; }
}
@media screen and (max-width: 650px) { 
	.main .titleBox .t1{ font-size: 18px; }
	.main .titleBox .t2{ font-size: 14px; }
}

/* [메인] : BEST 즉시출고 특가차량 */
.main .bestArti{ overflow: hidden; background-color: #EBEFEF; padding: 60px 0;  }
.main .bestArti .whiteBox{ background-color: #fff; padding: 40px 30px; border-radius: 20px; overflow: hidden; }
.main .bestArti .slideWrap{ position: relative; overflow: hidden; }
.main .bestArti .slideWrap .slideBtn{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.main .bestArti .slideWrap .slideBtn button{ background-color: transparent; border: none; position: relative; z-index: 9;  }
.main .bestArti .slideWrap .bestSlide{ margin-top: 20px;  }
.main .bestArti .slideWrap .bestSlide .item{ 
	background-color: rgba(102, 136, 136, 0.2); border-radius: 20px; max-width:954px; margin: 0 auto; 
	display: flex; gap: 40px; align-items: center; overflow: hidden;
}
.main .bestArti .slideWrap .bestSlide .item .imgBox{ flex-shrink: 0; width: 492px; height: 230px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .bestArti .slideWrap .bestSlide .item .contentBox .modal{ 
    font-size: 20px; font-weight: 600; padding-left: 20px; position: relative; 
    display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    word-break: keep-all;
    text-overflow:ellipsis;
    padding-right: 20px;
}
.main .bestArti .slideWrap .bestSlide .item .contentBox .modal::before{ content:''; display: block; width: 4px; height: 60%; position: absolute; left: 0; top: 25%; background-color: #003839; }
.main .bestArti .slideWrap .bestSlide .item .contentBox .price{ font-size: 24px; padding-left: 20px; position: relative; }
.main .bestArti .slideWrap .bestSlide .item .contentBox .price::before{ content:''; display: block; width: 4px; height: 60%; position: absolute; left: 0; top: 25%; background-color: #003839; }
.main .bestArti .slideWrap .bestSlide .item .contentBox .price b{ font-weight: 700; color: #003839; font-size: 1.4em; }
.main .bestArti .slideWrap .bestSlide .item .contentBox .txt{ padding-left: 20px; color: #003839; }
.main .bestArti .slideWrap .bestSlide .item .moreCarBtn{ background-color: #003839; display: block; margin-top: 16px; max-width: 254px; text-align: center; color: #DCBA96; font-size: 18px; padding: 15px 10px; border-radius: 4px; }

@media screen and (max-width: 1250px) { 
	.main .bestArti .slideWrap .bestSlide .item .imgBox{ width: 50vw; height: 25vw; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .modal{ font-size: 18px; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .price{ font-size: 18px; }
	.main .bestArti .slideWrap .bestSlide .item .moreCarBtn{ padding: 12px 10px; }
}
@media screen and (max-width: 900px) { 
	.main .bestArti .slideWrap .bestSlide .item{ flex-wrap: wrap; justify-content: center; text-align: center; gap: 0; }
	.main .bestArti .slideWrap .bestSlide .item .imgBox{ width: 100%; height: 50vw; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox{ padding: 20px; width: 100%; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .modal{ padding-left: 0; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .modal::before{ display: none; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .price{ padding-left: 0; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .price::before{ display: none; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .txt{ padding-left: 0; }
	.main .bestArti .slideWrap .bestSlide .item .moreCarBtn{ font-size: 16px; margin: 20px auto 0 auto; }
}
@media screen and (max-width: 650px) { 
	.main .bestArti .slideWrap .slideBtn button{ margin-bottom: 40vw; padding: 2vw; }
	.main .bestArti .slideWrap .slideBtn button img{ width: 4vw; }
	.main .bestArti .whiteBox{ border-radius: 10px; padding: 15px; }
	.main .bestArti .slideWrap .bestSlide .item{ border-radius: 10px; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .modal{ font-size: 16px; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .price{ font-size: 16px; }
	.main .bestArti .slideWrap .bestSlide .item .contentBox .txt{ font-size: 14px; }
	.main .bestArti .slideWrap .bestSlide .item .moreCarBtn{ max-width: unset; width: 80%; font-size: 14px; padding: 10px 10px; }
}


/* 메인 - 국산차 특가 리스트 */
.main .carArti{ padding: 92px 0; }
.main .titleBar{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: flex-end; padding-bottom: 22px; border-bottom: 1px solid #E0E0E0; }
.main .titleBar .titleBox{ display: flex; align-items: flex-end; gap: 18px; }
.main .titleBar .titleBox .t2{ color: #7F7F7F; }
.main .titleBar .slideBtnBox{ display: flex; gap: 8px; }
.main .titleBar .slideBtnBox .Btn{ width: 40px; height: 40px; border: 1px solid #003839; background: #fff; display: flex; align-items: center; justify-content: center; }
.main .titleBar .slideBtnBox .Btn img{ width: 20%; }

@media screen and (max-width: 900px) { 
	.main .titleBar .titleBox{ gap: 10px; }
}
@media screen and (max-width: 650px) { 
	.main .carArti{ padding: 50px 0; }
	.main .titleBar .slideBtnBox .Btn{ width: 30px; height: 30px; }
	.main .titleBar .slideBtnBox .Btn img{ width: 30%; }
	.main .titleBar .titleBox{ flex-wrap: wrap; }
	.main .titleBar .titleBox .t2{ margin-top: 0; }
}
@media screen and (max-width: 455px) {
	/* 
	.main .titleBar .titleBox{ width: 100%; }
	.main .titleBar .slideBtnBox{ width: 100%; justify-content: flex-end; } 
	*/
	.main .titleBar .slideBtnBox{ display: none; }
}
@media screen and (max-width: 300px) {
	.main .titleBar .titleBox{ gap: 5px; }
}

/* 메인 특가 리스트 슬라이드 */
.main .carArti .inner{ overflow: hidden; }
.main .carArti .slideWrap{ overflow: hidden; width: calc(100% + 58px); margin-left: -29px; }
.main .carArti .slideWrap .swiper-slide{ padding: 29px; }
.main .carArti.slide02{ padding-top: 0; }

@media screen and (max-width: 1250px) { 
	.main .carArti .slideWrap{ overflow: hidden; width: calc(100% + 20px); margin-left: -10px; margin-top: 26px; }
	.main .carArti .slideWrap .swiper-slide{ padding: 10px; }
}
@media screen and (max-width: 650px) { 
	.main .carArti .slideWrap{ margin-top: 10px; }
}

/* 자동차 아이템 */
.carItem .imgBox{ background-color: #ECF1FE; border-radius: 10px; height: 168px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.tagList{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 14px; font-size: 12px; color: #fff; }
.tagList .item{ background-color: #003839; padding: 4px 10px; border-radius: 2px; }
.tagList .item.red{ background-color: #E06969; }
.tagList .item.blue{ background-color: #0072FF; }
.carItem .name{ margin-top: 14px; font-size: 20px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.carItem .sub{ color: #7F7F7F; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  }
.carItem .halfBox{ margin-top: 13px; display: flex; justify-content: space-between; font-size: 14px; color: #7F7F7F; }
.carItem .halfBox + .halfBox{ margin-top: 8px; }
.carItem .halfBox .label{ flex-shrink: 0; }
.carItem .halfBox .content{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.05em; }
.carItem .halfBox .content b{ font-weight: 600;  }
.carItem .halfBox .content .green{ color: #003839; }
.carItem .halfBox .content .del{ text-decoration:line-through; }
.carItem .moreBtn{ display: block; background-color: #003839; color: #fff; text-align: center; border-radius: 4px; padding: 10px; margin-top: 27px; color: #DCBA96; font-weight: 600; }

@media screen and (max-width: 1250px) { 
	.carItem .name{ font-size: 18px; }
	.carItem .sub{ font-size: 14px; }
}
@media screen and (max-width: 500px) { 
	.carItem .imgBox{ height: 32vw; }
	.carItem .name{ margin-top: 2vw; font-size: 3.6vw; }
	.carItem .sub{ font-size: 3vw; margin-top: .5vw; }
	.carItem .halfBox{ margin-top: 2vw; font-size: 2.8vw; }
	.carItem .halfBox + .halfBox{ margin-top:1vw; }
	.carItem .moreBtn{ font-size: 3.2vw; }
}
@media screen and (max-width: 430px) { 
	.carItem .imgBox{ height: 48vw; }
	.carItem .name{ margin-top: 3vw; font-size: 4.5vw; }
	.carItem .sub{ font-size: 3.4vw; }
	.carItem .halfBox{ font-size: 3.4vw; }
	.carItem .moreBtn{ font-size: 3.4vw; }
}
@media screen and (max-width: 300px) { 
	.carItem .name{ font-size: 5.5vw; }
	.carItem .sub{ font-size: 4.4vw; }
	.carItem .halfBox{ font-size: 4.4vw; }
	.carItem .moreBtn{ font-size: 4.4vw; }
}

/* 메인 - 고객만족도 베스트 파트너 */
.main .partnerArti{ background-color: #F4FCFC; padding: 72px 0; }
.main .partnerArti .titleWrap{ display: flex; align-items: center; justify-content: space-between; gap: 10px;  border-bottom: 1px solid #7F7F7F; }
.main .partnerArti .titleBox{ text-align: left; padding-bottom: 25px; }
.main .partnerArti .partnerBtn{ background-color: #003839; padding: 14px 10px; text-align: center; color: #fff; font-weight: 600; width: 278px; border-radius: 50px; }
@media screen and (max-width: 1250px) { 
	.main .partnerArti .partnerBtn{ padding: 10px 20px; width: unset; }
}
@media screen and (max-width: 900px) { 
	.main .partnerArti .titleWrap{ flex-wrap: wrap; padding-bottom: 20px; }
	.main .partnerArti .titleBox{ width: 100%; padding-bottom: 0; }
	.main .partnerArti .partnerBtn{ font-size: 14px; border-radius: 4px; }
}
@media screen and (max-width: 650px) { 
	.main .partnerArti{ padding: 50px 0; }
	.main .partnerArti .titleWrap{ padding-bottom: 10px; }
	.main .partnerArti .partnerBtn{ padding: 5px 15px; }
}

.partnerList{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px;  }
.partnerList > li{ padding: 15px; width: calc(100% / 2); }
.partnerList .item{ background-color: #fff; border-radius: 20px; overflow: hidden; padding: 30px; display: flex; gap: 20px; }
.partnerList .item .profileImg{ width: 175px; height: 175px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; background-position: center; }
.partnerList .item .contentWrap{ margin-top: 40px; width: 100%; display: flex; flex-direction: column; }
.partnerList .item .contentWrap .title{ background-color: #003839; color: #fff; padding: 7px 17px; }
.partnerList .item .contentWrap .title .name{ font-size: 1.25em; }
.partnerList .item .contentWrap .contentBox{ margin-top: 10px; color: #7F7F7F;  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
@media screen and (max-width: 1250px) { 
	.partnerList{ width: calc(100% + 10px); margin-left: -5px; margin-top: 20px; }
	.partnerList > li{ padding: 5px; }
	.partnerList .item{ padding: 10px 20px; }
	.partnerList .item .profileImg{ width: 13vw; }
	.partnerList .item .contentWrap{ margin-top: 4vw; }
	.partnerList .item .contentWrap .title{ padding: 5px 10px; font-size: 14px; }
	.partnerList .item .contentWrap .contentBox{ font-size: 14px; }
}
@media screen and (max-width: 900px) { 
	.partnerList .item .profileImg{ width: 17vw; }
}
@media screen and (max-width: 800px) { 
	.partnerList .item{ flex-wrap: wrap; justify-content: center; }
	.partnerList .item .profileImg{ width: 140px; height: 140px; }
	.partnerList .item .contentWrap{ margin-top: 0; }
}
@media screen and (max-width:650px) { 
	.partnerList .item{ padding: 10px; }
	.partnerList .item .profileImg{ width: 30vw; height: 30vw; }
	.partnerList .item .contentWrap .title{ font-size: 13px; }
}
@media screen and (max-width:300px) { 
	.partnerList > li{ width: 100%; }
	.partnerList .item .profileImg{ width: 140px; height: 140px; }
}

/* 메인 - 광고 슬라이드, 대기 필요없는 빠른 출고 차량을 만나보세요. */
.main .addArti{ padding-top: 40px; overflow: hidden; }
.main .addArti .inner{ overflow: hidden; }
.main .addArti .slideWrap{ position: relative; }
.main .addArti .slideWrap .slideBtnList{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px; }
.main .addArti .slideWrap .slideBtnList .Button{ position: relative; z-index: 9; background-color: transparent; border: none; }
.main .addArti .slideWrap .addSlide img{ width: 100%; }

@media screen and (max-width:650px) { 
	.main .addArti .slideWrap .slideBtnList{ padding: 10px; }
	.main .addArti .slideWrap .slideBtnList .Button img{ width: 2vw; }  
}

/* 메인 - 베스트 리뷰 */
.main .reviewArti{ padding: 50px 0; overflow: hidden; }

/* 리뷰 리스트 - 공통 */
.reviewList{ display: flex; flex-wrap: wrap; width: calc(100% + 28px); margin-left: -14px; margin-top: 10px; }
.reviewList > li{ padding: 14px; width: calc(100% / 4); display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.reviewList > li .item{ border: 2px solid #003839; border-radius:10px; overflow: hidden; flex-grow: 1; }
.reviewList > li .item .imgBox{ height: 220px; background-color: #F0F0F0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.reviewList > li .item .profileBox{ padding: 20px; display: flex; gap: 10px; align-items: center;  overflow: hidden; }
.reviewList > li .profileBox .profileImg{ background-size: cover; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; flex-shrink: 0; }
.reviewList > li .item .profileBox .profileImg{ background-image: url('../img/common/defaultProfile.png'); }
.reviewList > li .item2 .profileBox .profileImg{ background-color: #CCD7D7; border-radius: 50%; overflow: hidden; }
.reviewList > li .profileBox .profileTxt{ overflow: hidden; }
.reviewList > li .name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.reviewList > li .star{ font-size: 14px; display: flex; gap: 2px; align-items: center; }
.reviewList > li .item .contentBox{ padding: 0 20px; margin-bottom: 20px; padding-top: 0; color: #7F7F7F; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 5; overflow: hidden; height: 120px;  }
.reviewList > li .item2{ margin-top: 10px; background-color: #003839; border-radius: 10px; color: #fff; padding: 15px; }
.reviewList > li .item2 .profileBox{ display: flex; gap: 10px; align-items: center; }
.reviewList > li .item2 .txtBox{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; overflow: hidden; margin-top: 5px; }

@media screen and (max-width: 1250px) { 
	.reviewList{ width: calc(100% + 20px); margin-left: -10px; }
	.reviewList > li{ padding: 10px; }
	.reviewList > li .item .imgBox{ height: 20vw; }
	.reviewList > li .item .profileBox{ padding: 10px; }
	.reviewList > li .item .contentBox{ padding: 0 10px; margin-bottom: 10px; height: auto; overflow: hidden; }
	.reviewList > li .item2{ padding: 10px; }
}
@media screen and (max-width: 900px) { 
	.reviewList > li{ width: calc(100% / 2); }
	.reviewList > li .item .imgBox{ height: 32vw; }
}
@media screen and (max-width: 650px) { 
	.reviewList{ width: calc(100% + 10px); margin-left: -5px; }
	.reviewList > li{ padding: 5px; } 
	.reviewList > li .name{ font-size: 14px; }
	.reviewList > li .star{ width: 5px; }
	.reviewList > li .item .contentBox{ font-size: 14px; }   
	.reviewList > li .item2{ font-size: 14px; }
	.reviewList > li .profileBox .profileImg{ width: 30px; height: 30px; }
}
@media screen and (max-width: 300px) { 
	.reviewList > li{ width: 100%; }
	.reviewList > li .item .imgBox{ height: 67vw; } 
	.reviewList > li .item .contentBox{ height: auto; }
}

/* 메인 - JH Auto Solution 유튜브 */
.main .youtubeArti{ padding: 120px 0; background-image: url('../img/main/youtubeArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .youtubeArti .titleBar{ border-color: #7F7F7F; }
.main .youtubeArti .yotubeWrap{ margin-top: 35px; display: flex; gap: 14px;  }
.main .youtubeArti .yotubeWrap .videoBox{ width: 800px; flex-shrink: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #fff; }
.main .youtubeArti .yotubeWrap .youtubeList{ overflow-y: scroll; height: 460px; background-color: #fff; border-top: 4px solid #326EDC; border-bottom: 4px solid #326EDC; padding: 0 20px; }
.main .youtubeArti .yotubeWrap .youtubeList > li + li{ border-top: 1px solid #E0E0E0; }
.main .youtubeArti .yotubeWrap .youtubeList .item{ padding: 20px 0; display: flex; gap: 20px; align-items: center; cursor: pointer; }
.main .youtubeArti .yotubeWrap .youtubeList .item .thumbnailBox{ background-color: #dfdfdf; background-size: cover; width: 160px; height: 120px; flex-shrink: 0; }
.main .youtubeArti .yotubeWrap .youtubeList .item .textBox{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; overflow: hidden; }
@media screen and (max-width: 1250px) { 
	.main .youtubeArti .yotubeWrap .videoBox{ width: 65vw;   }
	.main .youtubeArti .yotubeWrap .youtubeList{ height: 36vw; padding: 0 10px; }
	.main .youtubeArti .yotubeWrap .youtubeList .item{ padding: 10px 0; }
	.main .youtubeArti .yotubeWrap .youtubeList .item .thumbnailBox{ width: 120px; height: 80px; }
	.main .youtubeArti .yotubeWrap .youtubeList .item .textBox{ font-size: 14px; }
}
@media screen and (max-width: 900px) { 
	.main .youtubeArti .yotubeWrap{ flex-wrap: wrap; }
	.main .youtubeArti .yotubeWrap .videoBox{ width: 100%; height: 54vw; }
	.main .youtubeArti .yotubeWrap .youtubeList{ height: 300px; } 
}
@media screen and (max-width:650px) { 
	.main .youtubeArti{ padding: 50px 0; }
	.main .youtubeArti .yotubeWrap .youtubeList{ height: 240px; }
	.main .youtubeArti .yotubeWrap .youtubeList .item .thumbnailBox{ width: 80px; height: 60px; }
}

/* 메인  - 제휴사, 렌트사 */
.main .logoArti{ padding: 100px 0; }
.main .logoArti .halfBox{ justify-content:center; display: flex; width: calc(100% + 40px); margin-left: -20px; }
.main .logoArti .halfBox > li{ padding: 20px; width: calc(100% / 2); display: flex; flex-direction: column; }
.main .logoArti .halfBox > li .title{ text-align: center; font-size: 24px;  }
.main .logoArti .halfBox > li .title b{ font-weight: 500; color: #003839; }
.main .logoArti .halfBox > li .itemList{ flex-grow: 1; display: flex; justify-content: center; flex-wrap: wrap; background-color: #F4FCFC; margin-top: 20px; border: 2px solid #003839; border-radius: 10px; padding: 20px; }
.main .logoArti .halfBox > li .itemList > li{ padding: 10px; width: calc(100% / 4); }
.main .logoArti .halfBox > li .itemList > li .logoBox{ height: 39px; background-size: contain; background-repeat: no-repeat; background-position: center; }
@media screen and (max-width: 1250px) { 
	.main .logoArti .halfBox{ width: calc(100% + 20px); margin-left: -10px; }
	.main .logoArti .halfBox > li{ padding: 10px; }
	.main .logoArti .halfBox > li .title{ font-size: 20px; }
	.main .logoArti .halfBox > li .itemList > li{ width: calc(100% / 3); }
}
@media screen and (max-width: 900px) { 
	.main .logoArti .halfBox{ flex-wrap: wrap; }
	.main .logoArti .halfBox > li{ width: 100%; }
	.main .logoArti .halfBox > li .itemList{ padding: 10px; }
	.main .logoArti .halfBox > li .itemList > li{ width: calc(100% / 5); }
}
@media screen and (max-width: 650px) { 
	.main .logoArti{ padding: 50px 0; }
	.main .logoArti .halfBox > li .title{ font-size: 18px; }
	.main .logoArti .halfBox > li .itemList > li{ width: calc(100% / 4); }
	.main .logoArti .halfBox > li .itemList > li .logoBox{ height: 6vw; }
}
@media screen and (max-width: 300px) { 
	.main .logoArti .halfBox > li .itemList > li{ width: calc(100% / 3); padding: 5px; }
	.main .logoArti .halfBox > li .itemList > li .logoBox{ height: 6vw; }
}

/* 메인 - 고객 곁에서 늘 함께하는 JH Auto Solution */
.main .companyArti{ padding: 50px 0; background-image: url('../img/main/companyArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; }
.main .companyArti .halfBox{ display: flex; width: calc(100% + 40px); margin-left: -20px; color: #fff; }
.main .companyArti .halfBox > li{ padding: 0 20px; width: calc(100% / 2); }
.main .companyArti .halfBox .t1{ margin-top: 45px; font-size: 24px; padding-bottom: 15px; border-bottom: 1px solid #fff; }  
.main .companyArti .halfBox .t2{ margin-top: 33px; font-size: 24px; }
.main .companyArti .halfBox .t2 .small{ font-size: 0.65em; }
.main .companyArti .halfBox .telBox{ display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 70px; font-weight: 500; }

.main .companyArti .halfBox .callList { display: flex; flex-direction: column; gap: 18px; height: 100%; }
.main .companyArti .halfBox .callList > li{ flex-grow: 1;  }
.main .companyArti .halfBox .callList .item{ height: 100%; background-color: #fff; border-radius: 10px; padding: 30px 56px; background-repeat: no-repeat; background-size: auto 90%; background-position: right 15% bottom; }
.main .companyArti .halfBox .callList .item.type1{ color: #003839; background-image: url('../img/main/companyArti/background1.png'); }
.main .companyArti .halfBox .callList .item.type2{ background-color: #003839; background-image: url('../img/main/companyArti/background2.png'); }
.main .companyArti .halfBox .callList .item .icon{ background-size: cover; background-repeat: no-repeat; background-position: center; width: 44px; height: 44px; }
.main .companyArti .halfBox .callList .item .title{ margin-top: 19px; font-size: 24px; }
.main .companyArti .halfBox .callList .item .title b{ font-weight: 600; }
.main .companyArti .halfBox .callList .item .txt{ margin-top: 7px; }
.main .companyArti .halfBox .callList .item.type1 .icon{ background-image: url('../img/main/companyArti/icon1.png'); }
.main .companyArti .halfBox .callList .item.type2 .icon{ background-image: url('../img/main/companyArti/icon2.png'); }

@media screen and (max-width: 1250px) { 
	.main .companyArti .halfBox .t1{ margin-top: 40px; font-size: 18px; padding-bottom: 56px; }
	.main .companyArti .halfBox .t2{ margin-top: 10px; font-size: 18px; }
	.main .companyArti .halfBox .t2 .small{ font-size: 16px; }
	.main .companyArti .halfBox .t3{ font-size: 16px; }
	.main .companyArti .halfBox .telBox{ font-size: 50px; }
	.main .companyArti .halfBox .telBox img{ width: 40px; }
	.main .companyArti .halfBox .callList .item{ padding: 20px; }

	.main .companyArti .halfBox .callList .item .title{ font-size: 18px; }

}
@media screen and (max-width: 900px) { 
	.main .companyArti .halfBox{  flex-wrap: wrap; gap: 20px; }
	.main .companyArti .halfBox > li{ width: 100%; }
	.main .companyArti .halfBox .t1{ margin-top: 10px; padding-bottom: 10px; }
	.main .companyArti .halfBox .callList{ flex-direction: row; }
	.main .companyArti .halfBox .callList > li{ width: calc(100% / 2); }
	.main .companyArti .halfBox .callList .item{ background-position: right 5% bottom; }
}
@media screen and (max-width: 650px) { 
	.main .companyArti .halfBox .callList{ flex-direction: column; }
	.main .companyArti .halfBox .callList > li{ width: 100%; }

	.main .companyArti .halfBox .t1{ font-size: 16px; }
	.main .companyArti .halfBox .t2{ font-size: 16px; }

	.main .companyArti .halfBox .telBox{ font-size: 10vw; gap: 2vw; }
	.main .companyArti .halfBox .telBox img{ width: 5vw; }
}
@media screen and (max-width: 500px) { 
	.main .companyArti .halfBox .callList .item .title{ font-size: 4vw; }
	.main .companyArti .halfBox .callList .item .txt{ font-size: 3vw; margin-top: 1vw; }
}

/* 플로팅 메뉴 */
.floatingSec .showBtn{ position: fixed; right: 0; top: 200px; z-index: 10; display: none; }
.floatingSec .floatingMenu{ position: fixed; right: 10px; top: 200px; width: 242px; z-index: 9; }
.floatingSec .floatingMenu .item{ background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 13px 16px 25px 0px rgba(0, 56, 57, 0.15); }
.floatingSec .floatingMenu .item .titleBox{ background-color: #003839; color: #DCBA96; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 10px; }
.floatingSec .floatingMenu .item .formWrap{ padding: 20px 10px; }
.floatingSec .floatingMenu .item .formWrap .iptList > li + li{ margin-top: 8px; }
.floatingSec .floatingMenu .item .formWrap .iptList .ipt{ padding: 10px; border: 1px solid #D9D9D9; width: 100%; }
.floatingSec .floatingMenu .item .formWrap label{ display: block; margin-top: 9px; }
.floatingSec .floatingMenu .item .formWrap label input[type="checkbox"]{ display: none; }
.floatingSec .floatingMenu .item .formWrap label input[type="checkbox"] + .txt{ position: relative; padding-left: 23px; display: flex; align-items: center; cursor: pointer; color: #777; }
.floatingSec .floatingMenu .item .formWrap label input[type="checkbox"] + .txt::before{ content:''; display: block; width: 18px; height: 18px; background-color: #fff; border: 1px solid #003839; position: absolute; left: 0; }
.floatingSec .floatingMenu .item .formWrap label input[type="checkbox"]:checked + .txt::before{ background-image: url('../img/common/checkIconWhite.png'); background-color: #003839; background-repeat: no-repeat; background-position: center; background-size: 70%; }
.floatingSec .floatingMenu .item .formWrap .submitBtn{ background-color: #003839; color: #DCBA96; padding: 10px; border-radius: 4px; margin-top: 8px; width: 100%; border:1px solid #003839; }
.floatingSec .floatingMenu .callList{ margin-top: 7px; }
.floatingSec .floatingMenu .callList > li + li{ margin-top: 4px; }
.floatingSec .floatingMenu .callList .telBox{ background-color: #003839; color: #DCBA96; padding: 15px 10px; border-radius: 20px 20px 0 20px; box-shadow: 13px 16px 25px 0px rgba(0, 56, 57, 0.15); display: flex; align-items: center; justify-content: center; gap:5px; }
.floatingSec .mobileMenuList{ display: none; }
@media screen and (max-width: 1738px) { 
	.floatingSec .floatingMenu{ width: 200px; }
}
@media screen and (max-width: 1650px) { 
	.floatingSec .showBtn{ 
		display: block; width: 30px; height: 40px; background-color: #003839; 
		display: flex; align-items: center; justify-content: center; border: 1px solid #003839;
	}
	.floatingSec .showBtn.show img{ display: block; transform: rotate(-180deg); }
	.floatingSec .floatingMenu{  transition: right 0.5s; right: -200px; }
	.floatingSec .floatingMenu.show{ right: 0; }
	.floatingSec .floatingMenu .callList .telBox{ padding: 5px 10px; border-radius: 10px 10px 0 10px; }
}
@media screen and (max-width: 900px) { 
	/* .floatingSec .showBtn{ top: 300px; }
	.floatingSec .floatingMenu{ top: 300px; } */
	.floatingSec .showBtn{ display: none; }
	.floatingSec .floatingMenu{ display: none; }

	.floatingSec .mobileMenuList{ box-shadow: rgba(0, 56, 57, 0.15) 8px -2px 12px 0px; position: fixed; left: 0; bottom: 0; z-index: 99; background: #fff; width: 100%; display: flex; transition: bottom 0.5s; }
	.floatingSec .mobileMenuList > li{ padding: 10px 5px; width: calc(100% / 4); text-align: center; font-size: 12px; color: #7F7F7F; }
	.floatingSec .mobileMenuList > li + li{ border-left: 1px solid #E0E0E0; }
	.floatingSec .mobileMenuList .item{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
	.floatingSec .mobileMenuList .item .icon{ width: 20px; height:20px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 5px; }
	.floatingSec .mobileMenuList .item .icon.kakao{ background-image: url('../img/main/companyArti/icon2.png'); }
	.floatingSec .mobileMenuList .item .icon.apply{ background-image: url('../img/floatingMenu/applyIcon.png'); }
	.floatingSec .mobileMenuList .item .icon.event{ background-image: url('../img/floatingMenu/eventIcon.png'); }
	.floatingSec .mobileMenuList .item .icon.car{ background-image: url('../img/floatingMenu/carIcon.png'); }
	.floatingSec .mobileMenuList.hide{ bottom: -62px; }
}

@media screen and (max-width: 490px) { 
	.floatingSec .mobileMenuList .item .txt{ font-size: 2.8vw; }
}

/* 빠른 견적 문의 팝업 */
.fastApplySec{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.60); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.fastApplySec.show{ opacity: 1; visibility: visible; }
.fastApplySec .inner{ height: 100%; display: flex; align-items: center; justify-content: center; }
.fastApplySec .popupContent{ width: 100%; max-width: 400px; background-color: #fff; border-radius: 10px; overflow: hidden; }
.fastApplySec .popupContent .titleBox{ display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background-color: #003839; color: #fff; }
.fastApplySec .popupContent .titleBox button{ background-color: transparent; border: none; }
.fastApplySec .popupContent .titleBox button img{ width: 20px; }
.fastApplySec .popupContent .contentBox{ padding: 20px 15px; }
.fastApplySec .popupContent .contentBox .iptList > li + li { margin-top: 8px; }
.fastApplySec .popupContent .contentBox .iptList .ipt{ padding: 10px; border: 1px solid #CCD7D7; width: 100%; font-size: 14px; }
.fastApplySec .popupContent label{ margin-top: 8px; display: block; cursor: pointer; }
.fastApplySec .popupContent label input[type="checkbox"]{ display: none; }
.fastApplySec .popupContent label input[type="checkbox"] + .txt{ position: relative; display: flex; align-items: center; padding-left: 20px; color: #7F7F7F; font-size: 14px; }
.fastApplySec .popupContent label input[type="checkbox"] + .txt::before{ content:''; display: block; width: 15px; height: 15px; border: 1px solid #003839; position: absolute; left: 0; }
.fastApplySec .popupContent label input[type="checkbox"]:checked + .txt::before{ background-color: #003839; background-image: url('../img/common/checkIconWhite.png'); background-size: 80%; background-repeat: no-repeat; background-position: center; }
.fastApplySec .popupContent .submitBtn{ background-color: #003839; text-align: center; color: #DCBA96; padding: 5px 10px; border-radius: 4px; width: 100%; border: 1px solid #003839; margin-top: 20px; }

/* 상담 신청하기 팝업 */
.applyPopup{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.60); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.applyPopup.show{ opacity: 1; visibility: visible; }
.applyPopup .inner{ height: 100%; display: flex; align-items: center; justify-content: center; }
.applyPopup .popupContent{ width: 100%; max-width: 400px; background-color: #fff; border-radius: 10px; overflow: hidden; }
.applyPopup .popupContent .titleBox{ display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background-color: #003839; color: #fff; }
.applyPopup .popupContent .titleBox button{ background-color: transparent; border: none; }
.applyPopup .popupContent .titleBox button img{ width: 20px; }
.applyPopup .popupContent .contentBox{ padding: 20px 15px; }
.applyPopup .popupContent .contentBox .iptList > li + li { margin-top: 8px; }
.applyPopup .popupContent .contentBox .iptList .ipt{ padding: 10px; border: 1px solid #CCD7D7; width: 100%; font-size: 14px; }
.applyPopup .popupContent .agreeBox{ margin-top: 8px; display: block; cursor: pointer; }
.applyPopup .popupContent .agreeBox input[type="checkbox"]{ display: none; }
.applyPopup .popupContent .agreeBox input[type="checkbox"] + .txt{ position: relative; display: flex; align-items: center; padding-left: 20px; color: #7F7F7F; font-size: 14px; }
.applyPopup .popupContent .agreeBox input[type="checkbox"] + .txt::before{ content:''; display: block; width: 15px; height: 15px; border: 1px solid #003839; position: absolute; left: 0; }
.applyPopup .popupContent .agreeBox input[type="checkbox"]:checked + .txt::before{ background-color: #003839; background-image: url('../img/common/checkIconWhite.png'); background-size: 80%; background-repeat: no-repeat; background-position: center; }
.applyPopup .popupContent .submitBtn{ background-color: #003839; text-align: center; color: #DCBA96; padding: 5px 10px; border-radius: 4px; width: 100%; border: 1px solid #003839; margin-top: 20px; }
.applyPopup .popupContent .radioWrap{ font-size: 14px; display: flex; gap: 5px; flex-wrap: wrap; color: #777; }
.applyPopup .popupContent .radioWrap .radioBox{ margin-top: 8px; }
.applyPopup .popupContent .radioWrap .radioBox input[type="radio"]{ display: none; }
.applyPopup .popupContent .radioWrap .radioBox input[type="radio"] + .txt{ display: flex; padding-left: 23px; display: flex; align-items: center; position: relative; cursor: pointer; }
.applyPopup .popupContent .radioWrap .radioBox input[type="radio"] + .txt::before{ content:''; display: block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #D9D9D9; position: absolute; left: 0; }
.applyPopup .popupContent .radioWrap .radioBox input[type="radio"]:checked + .txt::before{ background-image: url('../img/common/radioIcon.png'); background-size: 50%; background-repeat: no-repeat; background-position: center; }



/* 검색 결과 - search.html */
.sub.search .searchArti{ padding: 100px 0; }
.sub .searchResult{ padding-bottom: 18px; border-bottom: 1px solid #003839; font-size: 20px; }
.sub .searchResult b{ color: #003839; font-weight: 600; }
.sub.search .searchArti .resultArti{ margin-top: 47px; }
.sub.search .searchArti .resultArti .titleBox{ display: flex; align-items: flex-end; gap: 10px; }
.sub.search .searchArti .resultArti .titleBox .title{ background-color: #003839; color: #fff; padding: 10px 20px; font-weight: 500; }
.sub.search .searchArti .resultArti .titleBox .content{ font-size: 20px; font-weight: 500; }
.sub.search .searchArti .resultArti .titleBox .content b{ color: #003839; }
.sub .carItemList{ display: flex; flex-wrap: wrap; width: calc(100% + 28px); margin-left: -14px; margin-top: 39px; }
.sub .carItemList > li{ width: calc(100% / 4); padding: 10px 14px; }

@media screen and (max-width: 1250px) { 
	.sub .searchResult{ font-size: 16px; padding-bottom: 10px; }
	.sub.search .searchArti .resultArti .titleBox .title{ font-size: 16px; }
	.sub.search .searchArti .resultArti .titleBox .content{ font-size: 16px; }
	.sub .carItemList{ width: calc(100% + 20px); margin-left: -10px; }
	.sub .carItemList > li{ padding: 10px; }
}
@media screen and (max-width: 900px) { 
	.sub .carItemList > li{ width: calc(100% / 3); }
}
@media screen and (max-width: 780px) { 
	.sub .carItemList > li{ width: calc(100% / 2); }
}
@media screen and (max-width: 650px) { 
	.sub.search .searchArti{ padding: 50px 0; }
	.sub.search .searchArti .resultArti{ margin-top: 20px; }
	.sub.search .searchArti .resultArti .titleBox{ flex-wrap: wrap; gap: 5px; }
	.sub.search .searchArti .resultArti .titleBox .title{ font-size: 14px; padding: 5px 10px; }
	.sub.search .searchArti .resultArti .titleBox .content{ font-size: 14px; width: 100%; }
	.sub .carItemList{ width: calc(100% + 10px); margin-left: -5px; margin-top: 10px; }
	.sub .carItemList > li{ padding: 5px; }
}
@media screen and (max-width: 490px) { 
	.sub .carItemList .tagList .item{ padding: 1vw 2vw; font-size: 3vw; }
	.sub .carItemList .carItem .name{ margin-top: 2vw; font-size: 4.2vw; }
	.sub .carItemList .carItem .sub{ font-size: 3.2vw; }
	.sub .carItemList .carItem .halfBox{ font-size: 3.2vw; }
	.sub .carItemList .carItem .moreBtn{ font-size: 3vw; }
}
@media screen and (max-width: 300px) { 
	.sub .carItemList > li{ width: 100%; }
	.sub .carItemList .carItem .name{ font-size: 16px; }
	.sub .carItemList .carItem .sub{ font-size: 12px; }
	.sub .carItemList .carItem .halfBox{ font-size: 12px; }
	.sub .carItemList .carItem .moreBtn{ font-size: 14px; }
}

.sub.search .searchTab{ margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sub.search .searchTab .item{ background-color: #fff; border: 1px solid #003839; color: #003839; padding: 8px 20px; border-radius: 100px; display: flex; align-items: center; justify-content: center; }
.sub.search .searchTab .item.active{ color: #fff; background-color: #003839; }
@media screen and (max-width: 1250px) { 
    .sub.search .searchTab .item{ padding: 4px 10px; }
}
@media screen and (max-width: 650px) { 
    .sub.search .searchTab{ gap: 5px; }
    .sub.search .searchTab .item{ font-size: 14px; }
}


/* 즉시출고 특가차량 - sub01_1.html */
.sub .bannerArti.type01{ background-color: #CCD7D7; padding-top: 85px; }
.sub .bannerArti.type01 .backgroundBox{ background-color: #003839; padding: 40px 10px; border-radius: 20px 20px 0 0; color: #fff; text-align: center; }
.sub .bannerArti.type01 .backgroundBox .title{ 
	padding: 5px 10px; border: 1px solid #DCBA96; width: 100%; max-width: 327px; border-radius: 80px; 
	display: flex; gap: 5px; align-items: center; justify-content: center; font-size: 24px; color: #DCBA96; margin: 0 auto;
}
.sub .bannerArti.type01 .backgroundBox .title .small{ font-size: 0.75em; }
.sub .bannerArti.type01 .backgroundBox .text{ margin-top: 19px; word-break: keep-all; }
.sub .bannerArti.type01 .backgroundBox .text .gold{ color: #DCBA96;} 

@media screen and (max-width: 1250px) { 
	.sub .bannerArti.type01 .backgroundBox .title{ font-size: 18px; }
	.sub .bannerArti.type01 .backgroundBox .title .icon{ width: 15px; }
}
@media screen and (max-width: 650px) { 
	.sub .bannerArti.type01{ padding-top: 50px; }
	.sub .bannerArti.type01 .backgroundBox .text{ font-size: 14px; }
}
@media screen and (max-width: 500px) { 
	.sub .bannerArti.type01 .backgroundBox .title{ max-width: 250px; } 
}
@media screen and (max-width: 350px) { 
	.sub .bannerArti.type01 .backgroundBox .title{ max-width: 75vw; }
	.sub .bannerArti.type01 .backgroundBox .title .icon{ font-size: 2vw; }
	.sub .bannerArti.type01 .backgroundBox .title{ font-size: 5vw; }
	.sub .bannerArti.type01 .backgroundBox .text{ font-size: 3.8vw; }
}

/* 서브 공통 */
.sub .subArti{ padding: 50px 0; } 
.sub .searchResult.menuBar{ display: flex; justify-content: space-between; }
.sub .searchResult.menuBar .menuList{ display: flex; gap: 4px; }
.sub .searchResult.menuBar .menuList .item{ padding: 5px 10px; text-align: center; border: 1px solid #E4E4E4; background-color: #fff; color: #7F7F7F; font-size: 16px; min-width: 100px; }
.sub .searchResult.menuBar .menuList .item.active{ color: #003839; border-color: #003839; }
@media screen and (max-width: 1250px) {
	.sub .searchResult.menuBar .menuList .item{ font-size: 14px; min-width: 60px; }
}
@media screen and (max-width: 900px) {
	.sub .searchResult.menuBar{ flex-wrap: wrap; }
	.sub .searchResult.menuBar .menuList{ width: 100%; justify-content: flex-end; flex-wrap: wrap; margin-top: 10px; }
}
@media screen and (max-width: 650px) {
	.sub .searchResult.menuBar .menuList .item{ font-size: 13px; min-width: 40px; }
}
@media screen and (max-width: 500px) {
	.sub .searchResult.menuBar .menuList .item{ min-width: unset; padding: 3px 7px; }
}

/* 국산차 - sub02_1.html */
.sub.sub02 .bannerArti.type01{ background-image: url('../img/sub/subBanner/sub02BannerBackground.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }


/* 수입차 - sub03_1.html */
.sub.sub03 .bannerArti.type01{ background-image: url('../img/sub/subBanner/sub03BannerBackground.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }


/* 이벤트/프로모션 - sub04_1.html */
.sub.sub04 .bannerArti.type01{ padding: 100px 0; background-image: url('../img/sub/subBanner/sub04BannerBackground.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.sub04 .bannerArti.type01 .backgroundBox{ background-color: transparent; }
.sub.sub04 .bannerArti.type01 .backgroundBox .title{ border: none; }
@media screen and (max-width: 1250px) {
	.sub.sub04 .bannerArti.type01 .backgroundBox .icon{ width: 300px; }
}
@media screen and (max-width: 660px) {
	.sub.sub04 .bannerArti.type01{ padding: 50px 0; }
}
@media screen and (max-width: 500px) {
	.sub.sub04 .bannerArti.type01 .backgroundBox .icon{ width: 60vw; }
}
.sub{ overflow: hidden; }
.sub .eventList{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; }
.sub .eventList > li{ padding: 15px; width: calc(100% / 2); }
.sub .eventList .item .imgBox{ background-color: #dfdfdf; background-size: cover; background-repeat: no-repeat; background-position: center; height: 252px; border-radius: 20px; }
.sub .eventList .item .titleBox{ margin-top: 13px; font-size: 18px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub .eventList .item .date{ display: flex; align-items: center; gap: 9px; margin-top: 9px; color: #7F7F7F; }
@media screen and (max-width: 1250px) {
	.sub .eventList{ width: calc(100% + 20px); margin-left: -10px; }
	.sub .eventList > li{ padding: 10px; }
	.sub .eventList .item .imgBox{ height: 23vw; border-radius: 1.5vw; }
	.sub .eventList .item .titleBox{ font-size: 16px; }
	.sub .eventList .item .date{ margin-top: 4px; font-size: 14px; gap: 4px; }
	.sub .eventList .item .icon{ width: 15px; }
}
@media screen and (max-width: 650px) {
	.sub .eventList .item .titleBox{ font-size: 14px; margin-top: 5px; }
	.sub .eventList .item .icon{ width: 12px; }
	.sub .eventList .item .date{ font-size: 13px; }
}
@media screen and (max-width: 550px) {
	.sub .eventList > li{ width: 100%; }
	.sub .eventList .item .imgBox{ height: 46vw; } 
}

/* 이달의 우수사원 - sub05_1.html */
.sub .bannerArti.type02{ padding: 180px 0 50px 0;  color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; }
.sub.sub05 .bannerArti.type02{ background-image: url('../img/sub/subBanner/sub05BannerBackground.png'); }
.sub .bannerArti.type02 .inner{ display: flex; align-items: flex-end; justify-content: flex-start; }
.sub .bannerArti.type02 .underbarWrap{   display: flex; flex-direction: column; align-items: flex-start; }
.sub .bannerArti.type02 .underbarWrap .t1{ font-size: 32px; font-weight: 500; }
.sub .bannerArti.type02 .underbarWrap .t2{ border-bottom: 2px solid #E4E4E4; padding-bottom: 10px; }
@media screen and (max-width: 1250px) {
	.sub .bannerArti.type02 .underbarWrap .t1{ font-size: 22px; }
}
@media screen and (max-width: 650px) {
	.sub .bannerArti.type02 .underbarWrap .t2{ font-size: 14px; border-bottom: 1px solid #E4E4E4; }
	.sub .bannerArti.type02 .underbarWrap{  padding-bottom: 5px; } 
}
@media screen and (max-width: 500px) {
	.sub .bannerArti.type02 .underbarWrap .t1{ font-size: 4vw; }
}
@media screen and (max-width: 350px) {
	.sub .bannerArti.type02 .underbarWrap .t2{ font-size: 3.8vw; }
}

/* 이달의 우수사원 - sub05_1.html */
.sub .partnerList{ margin-top: 0; }
.sub .partnerList .item{ box-shadow: 8px 10px 18px 0px rgba(0, 0, 0, 0.10); }
.sub .partnerList .item .contentWrap{ margin-top: 0; }
.sub .partnerList .item .contentWrap .modifyBtn{ display: inline-block; font-size: 14px; color: #7F7F7F; border-radius: 2px; border: 1px solid #dfdfdf; padding: 2px 5px; max-width: 40px; text-align: center; }
.sub .partnerList .item .contentWrap .title{ display: flex; align-items: center; justify-content: flex-start; background-color: transparent; color: #003839; padding: 0; margin-top: 0; }
.sub .partnerList .item .contentWrap .contentBox{ -webkit-line-clamp: 3; flex-grow: 1; }
.sub .partnerList .item .contentWrap .title .borderBox{ padding-bottom: 2px; border-bottom: 4px solid #003839; }
.sub .partnerList .item .contentWrap .applyBtn{ margin-top: 25px; color: #DCBA96; background-color: #003839; text-align: center; padding: 7px 10px; display: block; }
@media screen and (max-width: 1250px) {
	.sub .partnerList .item .contentWrap .applyBtn{ font-size: 14px; margin-top: 20px; }
}
@media screen and (max-width: 500px) {
	.sub .partnerList .item .contentWrap .applyBtn{ font-size: 14px; }
}

/* 이용후기 - sub06_1.html */
.sub.sub06 .bannerArti.type02{ background-image: url('../img/sub/subBanner/sub06BannerBackground.png'); }
.sub.sub06_1 .reviewArti{ margin-top: 50px; }

/* 장기렌트/리스란? - sub07_1.html */
.sub.sub07 .bannerArti.type02{ background-image: url('../img/sub/subBanner/sub06BannerBackground.png'); }

/* 글 상세페이지 */
.sub .subViewTitle{ padding: 50px 0; text-align: center; }
.sub .subViewTitle .t1{ font-size: 24px; font-weight: 600; }
.sub .subViewTitle .t2{ margin-top: 8px; color: #7F7F7F;  }
@media screen and (max-width: 1250px) {
	.sub .subViewTitle .t1{  font-size: 20px; }
}
@media screen and (max-width: 650px) {
	.sub .subViewTitle{ padding: 0 0 40px 0; }
	.sub .subViewTitle .t1{  font-size: 18px; }
	.sub .subViewTitle .t2{ font-size: 14px; word-break: keep-all; }
}
@media screen and (max-width: 350px) {
	.sub .subViewTitle .t2{ font-size: 3.8vw; }
}


/*-------------- view page -------------*/
.view_page .titleBox li{ display:flex; border-bottom:1px solid #dfdfdf; }
.view_page .titleBox li{border-top:1px solid #dfdfdf; }
.view_page .titleBox .label{background:#f7f7f7; display:block; padding:16px 10px; width:120px; font-size:14px; display:flex; align-items: center;  }
.view_page .titleBox .label_content{padding:16px 10px; font-size:14px; width:calc(100% - 120px); display:flex; align-items: center;}
.view_page .titleBox + .titleBox li{ border-top: unset; }
.view_page .full_title .label_content{display:block; width:calc(100% - 120px);  }
.view_page .three_title{display:flex; flex-wrap: wrap;}
.view_page .three_title li{width:calc(100% / 3); }
.view_page .three_title li.grow2{width: calc( (100% / 3) * 2 );}

.view_page .share_title{display:flex; border-bottom:1px solid #dfdfdf; }
.view_page .share_title .adminBox{ padding:10px 0; }
.view_page .share_title>li:first-child{width:50%; display:flex; align-items: center;  }
.view_page .share_title>li:last-child{ width:50%; display:flex; justify-content: flex-end;}
.view_page .share_title .share_label{background:#F2F2F2; padding:5px; color:#4d4d4d; border-radius:4px; font-size:12px; margin-right:5px;   }
.view_page .share_title .share_label > img{margin-right:5px; }
.view_page .share_title .share_icon{margin-right:5px; }

.view_page .view_content{ padding:20px 0; color:#333; }
.view_page .view_content img{max-width:100%; margin-bottom:10px; display:inline-block;  }

.view_page .add_box{margin-top:20px; }
.view_page .add_box a.add_item{
    display:block; border:1px solid #e6e6e6; padding:19px 20px 19px 60px; border-radius:8px; 
    background-repeat: no-repeat; background-position: left 20px center; 
}
.view_page .add_box a.add_item + a.add_item{margin-top:10px; }
.view_page .add_box a.add_item span{display:block; }
.view_page .add_box a.add_item span.add_title{font-size:15px; }
.view_page .add_box a.add_item span.add_content{font-size:13px; color:#999999; }
.view_page .add_box a.file{background-image: url('../img/board_img/file_icon.png');}
.view_page .add_box a.link{background-image: url('../img/board_img/link_icon.png');}

.view_page .p_n_box{margin-top:20px; }
.view_page .p_n_box .p_n_item {border-top:1px solid #dfdfdf; display:flex;  }
.view_page .p_n_box .p_n_item:last-child{border-bottom:1px solid #dfdfdf; }
.view_page .p_n_box .p_n_item span.label{
    display:block; width:120px; padding:13px 10px 13px 50px; background:#F7F7F7; font-size:14px; 
    background-repeat: no-repeat; background-position: left 20px center;
}
.view_page .p_n_box .p_n_item.prev_box span.label{background-image: url('../img/board_img/prev_icon.png');}
.view_page .p_n_box .p_n_item.next_box span.label{background-image: url('../img/board_img/next_icon.png');}
.view_page .p_n_box .p_n_item span.p_n_title{
    display:block; padding:13px 20px; font-size:14px; width:calc(100% - 120px); overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;  
} 
.view_page .go_list_box{margin-top:40px; display:flex; align-items: center; justify-content: center; }
.view_page .go_list_box .go_list_btn{ padding:15px 10px; text-align: center; background:#003839; color: #DCBA96; width:240px; font-size:16px; }


.view_page .comment_page{ margin-top:40px; }
.view_page .comment_page .comment_title_box{ padding:21px 0; border-bottom:1px solid #e6e6e6; cursor: pointer; display:flex; justify-content: space-between;}
.view_page .comment_page h1.title{ font-weight: 400;  }
.view_page .comment_page h1.title span.blue{ color:#425999; }
.view_page .comment_page .comment_title_box .arrow_box{ display:flex; align-items: center;  }
.view_page .comment_page .comment_title_box .arrow_box .arrow_icon{ 
    display:block; width:15px; height:15px; margin-left:10px; 
    background-image:url('../img/board_img/comment_arrow.png'); background-repeat: no-repeat; background-position: center;
}
.view_page .comment_page .comment_list .comment_item .comment_title{padding:15px 10px; background:#F7F7F7; display:flex; justify-content: space-between; position:relative;  }
.view_page .comment_page .comment_list .comment_item .comment_title .nick_name{font-size:15px; }
.view_page .comment_page .comment_list .comment_item .comment_title .date{font-size:13px; margin-left:10px; color:#999;  }

.view_page .comment_page .comment_list .comment_item .comment_title .menu_box{ 
    width:10px; height:30px; margin-right:10px; cursor: pointer; background-image: url('../img/board_img/comment_menu.png'); 
    background-repeat: no-repeat; background-position: center; background-size:cover; 
}

.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu{ position:absolute; right:10px; top:40px; display:none;  }
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu.on{display:block; }
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a{
    display:block; background:#fff; padding:12px 21px;  
    box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05); border:1px solid #e6e6e6; color:#666; 
    font-size:14px; 
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu::before{
    content: ""; position: absolute; top: -8px;
    right: 15px; width: 0; height: 0; border-style: solid;
    border-width: 0 6px 8px 6px; border-color: transparent transparent #e6e6e6 transparent;
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu::after{
    content: ""; position: absolute; top: -6px;
    right: 15px; width: 0; height: 0;
    border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a:last-child{ border-top:none; }
.view_page .comment_page .comment_list .comment_item .comment_content{padding:20px 15px; font-size:15px; }
.view_page .comment_page .comment_list .comment_item .comment_content .screet_box{text-decoration: underline; color:#EB5757; }
.view_page .comment_page .comment_list .comment_item.reply .comment_title{ padding-left:50px; background-image: url('../img/board_img/comment_reple_icon.png'); background-repeat: no-repeat; background-position: left 20px center; ;}
.view_page .comment_page .comment_list .comment_item.reply .comment_title .left_box{display:flex; align-items: center;}
.view_page .comment_page .comment_list .comment_item.reply .comment_content{padding-left:50px;  }

.view_page .comment_page .comment_write_page{ margin:20px 0; }
.view_page .comment_page .comment_write_page textarea{width:100%; height:200px; border-radius:4px; border:1px solid #e6e6e6; padding:12px 16px; font-size:14px; margin-bottom:10px; }
.view_page .comment_page .comment_write_page .humman_box input{border:1px solid #e6e6e6; padding:8px 10px; border-radius:4px; font-size:14px; margin-bottom:10px; }
.view_page .comment_page .comment_write_page .humman_box input:first-child{margin-right:10px; }
.view_page .comment_page .comment_write_page .scecret_label{font-size:14px; }
.view_page .comment_page .comment_write_page .buttonWrap{ margin-top:10px; display:flex; justify-content: space-between; }
.view_page .comment_page .comment_write_page .buttonWrap .ok_btn{padding:16px 24px; background:#40647D; color:#fff; border:none; font-size:14px; border-radius:4px;  }

.view_page .comment_page .comment_content_box{display:none; }
.view_page .comment_page.on .comment_content_box{display:block; }
.view_page .comment_page.on .comment_title_box .arrow_box .arrow_icon{transform: rotate( 180deg );}

@media screen and (max-width: 1250px) { 
    .view_page .three_title{display:block; }
    .view_page .three_title li{width:100%; }
    .view_page .three_title li.grow2{ width: 100%; }
    .view_page .titleBox li + li{ border-top: unset; }
    .view_page .share_title>li:first-child{ border:unset; }
} 

@media screen and (max-width: 700px) {
    .view_page .titleBox .label{width:60px; font-size:13px; }
    .view_page .titleBox .label_content{ width: calc(100% - 60px); font-size:14px; }
    .view_page .share_title{flex-wrap: wrap;}
    .view_page .share_title>li:first-child{width:100%; }
    .view_page .share_title>li:last-child{width:100%; }
    .view_page .p_n_box .p_n_item span.label{width:100px; }
    .view_page .p_n_box .p_n_item span.p_n_title{width:calc(100% - 100px); }
    .view_page .share_title .share_label{padding:16px 10px; width:60px; font-size:14px; color:#333;  }
    .view_page .share_title .share_label img{display:none; }

    .view_page .go_list_box .go_list_btn{padding:10px 0; width:200px; }

    .view_page .comment_page .comment_list .comment_item .comment_title{ padding:10px; }
    .view_page .comment_page .comment_list .comment_item .comment_title .nick_name{font-size:12px; }
    .view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a{font-size:12px;}
    .view_page .comment_page .comment_list .comment_item .comment_content{ font-size:12px; }
    .view_page .comment_page .comment_list .comment_item.reply .comment_content{ padding-left:40px; }

    .view_page .comment_page .comment_write_page textarea{ font-size:12px; }
    .view_page .comment_page .comment_write_page .humman_box input{ font-size:12px; }
    .view_page .comment_page .comment_write_page .scecret_label{ font-size:12px; }
    .view_page .comment_page .comment_write_page .buttonWrap .ok_btn{font-size:12px; padding:10px 20px;}

    .view_page .go_list_box .go_list_btn{ font-size:14px; }

    .view_page .p_n_box .p_n_item span.label{font-size:12px; }
    .view_page .add_box a.add_item span.add_title{font-size:12px; }
} 
/*-------------- view page end-------------*/


/*---------------- admin ---------------*/
.adminBox{display:flex; justify-content: flex-end; padding:20px 0;}
.adminBox .admin_list{display:flex; }

.adminBox .admin_list>.item{
    font-size:14px;
    margin-right:5px; padding:5px 5px 5px 29px; display:flex; align-items: center; border-radius: 4px; font-size:14px;  
    background-repeat: no-repeat; background-position: left 5px center; cursor: pointer; background-color:#fff; 
}
.adminBox .admin_list>.item a{ font-size: inherit; }
.adminBox .admin_list .item:nth-child(2n){
    background-color:#f2f2f2; background-repeat: no-repeat; background-position: left 5px center; 
}
.adminBox .admin_list .item.bg{  background-color:#f2f2f2; }
.adminBox .admin_list a.admin_icon{background-image: url('../img/board_img/admin_icon.png');}
.adminBox .admin_list .item.write_icon{background-image: url('../img/board_img/write_icon.png');  }
.adminBox .admin_list .more_icon{background-image: url('../img/board_img/comment_menu.png'); position:relative;}
.adminBox .admin_list .reple_icon{background-image: url('../img/board_img/view_reple_icon.png'); position:relative; background-color:#fff; }
.adminBox .admin_list .list_icon{background-image: url('../img/board_img/list_icon.png'); position:relative;}

.adminBox .admin_list li .more_box{
    position:absolute; background:#fff; padding:10px; border: 1px solid #E6E6E6; box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05);
    z-index: 5; top:40px; right:0; display:none; 
}
.adminBox .admin_list li .more_box.on{display:block; }
.adminBox .admin_list li .more_box:before{
    content: "";
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #E6E6E6 transparent;
}
.adminBox .admin_list li .more_box:after{
    content: "";
    position: absolute;
    top: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
}

.adminBox .admin_list li.more_icon .more_box{width:90px; font-size:14px; padding:0; }
.adminBox .admin_list li.more_icon .more_box button{background:none; border:none; text-align: center; width:100%; padding:10px; border-bottom:1px solid #e6e6e6; font-size:12px; }
.adminBox .admin_list li.more_icon .more_box .button{ display:block; background:none; border:none; text-align: center; width:100%; padding:10px; border-bottom:1px solid #e6e6e6; font-size:12px; }
.adminBox .admin_list li.more_icon .more_box button:last-child{border-bottom:none; }
.adminBox .admin_list li.more_icon .more_box button > a{ font-size: inherit; }
/*---------------- admin end ---------------*/


/*---------------- write ---------------*/
.write_page .title_box{display:flex; }
.write_page .title_box:first-child{ border-top: 1px solid #e5e5e5; }
.write_page .title_box li{display:flex; border-bottom:1px solid #e5e5e5;  }
.write_page .title_box li .label_content input[type=text]{padding:12px; font-size:14px; border: 1px solid #E6E6E6; border-radius: 4px; width:100%;  }
.write_page .title_box li .label_content input[type=password]{padding:12px; font-size:14px; border: 1px solid #E6E6E6; border-radius: 4px; width:100%;  }
.write_page .title_box li .label_content input[type=email]{padding:12px; font-size:14px; border: 1px solid #E6E6E6; border-radius: 4px; width:100%;  }

.write_page .title_box .label{width:120px; background:#F7F7F7; padding:20px 16px; font-size:14px; display:flex; align-items: center; }
.write_page .title_box .label b{ color: #EB5757; margin-left: 2px; }
.write_page .title_box .label_content{padding:8px 16px;}
.write_page .title_box.full_box li{width:100%; }
.write_page .title_box.full_box li .label_content{width:calc(100% - 120px); font-size:14px; display:flex; align-items: center; flex-wrap: wrap; }
.write_page .title_box.full_box li .label_content textarea{ padding: 10px; border: 1px solid #E6E6E6; border-radius: 4px; } 
.write_page .title_box.half_box li{width:50%; }
.write_page .title_box.half_box li .label_content{width:calc(100% - 120px); font-size:14px;  }
.write_page .title_box li .label_content select{ padding:12px; width:100%; max-width:300px; border: 1px solid #E6E6E6; border-radius: 4px;}
.write_page .title_box li .label_content label{ margin-right:5px; }
.write_page .title_box li .label_content label input[type=checkbox]{ margin-right:2px; }

.write_page .dhtml_box { margin-top:40px; }
.write_page .dhtml_box .sub_title{display:block; font-size:14px; margin-top:10px;  }
.write_page .dhtml_box textarea{ width:100%; border-radius: 4px; height:130px; border: 1px solid #E6E6E6; padding:15px 10px; font-size:14px; margin-top:5px;  }

.write_page .add_form{ margin-top:20px; }
.write_page .add_form .add_box input{background-repeat: no-repeat; background-position: left 20px center; }
.write_page .add_form .add_box input[type="text"]{ border:1px solid #e6e6e6; margin-bottom:10px; padding:20px 20px 20px 56px; width:100%; border-radius:8px; background-image: url('../img/board_img/write_link_icon.png');  }
.write_page .add_form .add_box input[type="file"]{ border:1px solid #e6e6e6; margin-bottom:10px; padding:20px 20px 20px 56px; width:100%; border-radius:8px; background-image: url('../img/board_img/write_file_icon.png');  }
.write_page .add_form .file_del_box{display:flex; justify-content: flex-end; margin-bottom:5px; font-size:14px;  } 
.write_page .add_form .file_del_box label{color:#999;} 
.write_page .add_form .file_del_box input[type=checkbox]{margin-right:3px; }

.write_page .write_btn_box{display:flex; justify-content: flex-end; margin-top:20px; }
.write_page .write_btn_box .cancelBtn{display:block; padding:16px 20px; border: 1px solid #CCCCCC; border-radius: 4px; margin-right:10px;  }
.write_page .write_btn_box .submitBtn{padding:16px 20px; border-radius:4px; border:none; background: #003839 ; color:#DCBA96; }

@media screen and (max-width: 1250px) { 
    .write_page .title_box{flex-wrap: wrap;}
    .write_page .title_box.half_box li{width:100%; }
} 

@media screen and (max-width: 700px) {
    .write_page{ font-size: 14px; }
    .write_page .title_box .label{ width:100px; font-size:12px; }
    .write_page .title_box li .label_content select{ font-size:12px;}
    .write_page .title_box li .label_content label{ font-size:12px; }
    .write_page .title_box li .label_content input[type=text]{ font-size:12px; }
    .write_page .title_box li .label_content input[type=password]{ font-size:12px; }
    .write_page .title_box li .label_content input[type=email]{ font-size:12px; }
    .write_page .add_form .file_del_box label{ font-size:12px; }

    .write_page .title_box.half_box li .label_content{width:calc(100% - 100px); }
    .write_page .title_box.full_box li .label_content{ width:calc(100% - 100px) }

    .write_page .add_form .add_box input[type="text"]{ font-size: 14px; }
    .write_page .add_form .add_box input[type="file"]{ font-size: 14px; }

    .write_page .write_btn_box{ font-size: 14px; }
    .write_page .title_box .label_content{ padding: 8px 5px; }
} 

/*------------------ write end ------------------*/



/*===================== 관리자 페이지 ===================*/
.memberSec{ padding: 86px 0; }
@media screen and (max-width: 1250px) { 
	.memberSec{ padding: 0; }
	.memberContentSec{ padding-top: 175px; }
    .memberContentSec.on{ padding-top: 75px; }
}
@media screen and (max-width: 900px) { 
	.memberContentSec{ padding-top: 198px; }
    .memberContentSec.on{ padding-top: 120px; }
}
@media screen and (max-width: 650px) { 
	.memberContentSec{ padding-top: 170px; font-size: 14px; }
    .memberContentSec.on{ padding-top: 111px; }
}

/* 공통 타이틀*/
.memberSec .commonTitle{ font-size: 18px; font-weight: 500; }
@media screen and (max-width: 650px) { 
	.memberSec .commonTitle{ font-size: 16px; }
}

/* 관리자 페이지 헤더 */
.memberSec .memberHeader{ max-width: 1200px; margin: 0 auto; background-color: #003839; color: #fff; padding: 20px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; z-index:999; }
.memberSec .memberHeader .title{ font-size: 24px; font-weight: 500; }
.memberSec .memberHeader .title .small{ font-size: 0.6em; }
.memberSec .memberHeader .menuList{ display: flex; font-size: 14px; color: #C5A998; }
.memberSec .memberHeader .menuList > li{ position: relative; display: flex; align-items: center; padding-right: 40px; }
.memberSec .memberHeader .menuList > li:last-child{ padding-right: 0; }
.memberSec .memberHeader .menuList > li::after{ content:''; display: block; width: 2px; height: 10px; background-color: #fff; position: absolute; right: 20px; color: #fff; }
.memberSec .memberHeader .menuList > li:last-child:after{ display: none; }
.memberSec .memberHeader .menuList > li.active{ color: #fff; }

@media screen and (max-width: 1250px) { 
	.memberSec .memberHeader{position: fixed; left: 0; top: 0; width: 100%; }
}
@media screen and (max-width: 1200px) { 
	.memberSec .memberHeader{ padding: 20px 0; gap: 10px; padding-bottom: 0; }
	.memberSec .memberHeader .title{ width: 100%; text-align: center; }
	.memberSec .memberHeader .menuList{ justify-content: center; width: 100%; overflow-x: scroll; padding: 10px 10px; }
	.memberSec .memberHeader .menuList > li{ flex-shrink: 0; }
}
@media screen and (max-width: 650px) { 
	.memberSec .memberHeader .title{ font-size: 18px; }
	.memberSec .memberHeader .title .small{ font-size: 16px; }
}
@media screen and (max-width: 600px) { 
	.memberSec .memberHeader .menuList{ justify-content: flex-start; }
}


/* 임의 견적 생성하기 */
.memberSec .createArti{ max-width: 1200px; margin: 0 auto; padding: 33px 0; border-bottom: 1px solid #E0E0E0; }
.memberSec .createArti .searchBox{ margin-top: 14px; display: flex; width: calc(100% + 10px); margin-left: -5px; }
.memberSec .createArti .searchBox > li{ padding: 5px; flex-grow: 1; }
.memberSec .createArti .searchBox > li.btnList{ flex-shrink: 0; width: 120px; }
.memberSec .ipt{ position: relative; padding: 5px; color: #7F7F7F; width: 100%; border-radius: 0; border: 1px solid #E4E4E4; }
.memberSec .ipt2{ text-align: center; position: relative; padding: 5px; color: black; width: 100%; border-radius: 0; border: 1px solid #fff; }
.memberSec .ipt.date{ margin-right: 5px; }
.memberSec .createArti .searchBox .searchBtn{ background-color: #003839; color: #fff; width: 100%; height: 100%; border: 1px solid #003839; padding: 0 10px; } 
@media screen and (max-width: 900px) {
	.memberSec .createArti .searchBox{ flex-wrap: wrap; }
	.memberSec .createArti .searchBox > li.btnList{ width: 100%; }
	.memberSec .createArti .searchBox .searchBtn{ padding: 10px; }
}
@media screen and (max-width: 650px) {
	.memberSec .createArti{ padding: 20px 0; }
	.memberSec .createArti .searchBox > li{ width: 50%; }
	.memberSec .createArti .searchBox > li.btnList{ width: 50%; }
}

/* 문의 검색 폼 */
.memberSec .applySearchArti{ padding: 25px 0; display: flex; justify-content: flex-end; }
.memberSec .applySearchArti .iptWrap{ display: flex; gap: 5px; max-width: 400px; }
.memberSec .applySearchArti .iptWrap > li{ flex-grow: 1; position: relative; }
.memberSec .applySearchArti .iptWrap .searchBtn{ position: absolute; right: 0; top: 0; height: 100%; padding: 5px; display: flex; align-items: center; justify-content: center; background-color: transparent; border: none; }
.memberSec .applySearchArti .iptWrap .searchIpt{ padding-right: 30px; }

/* 메모 검색하기 */
.memberSec .bgBox{ padding: 24px 31px; background-color: #F7F8FA; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.memberSec .memoArti .label{ font-size: 1.05em; width: 120px; flex-shrink: 0; }
.memberSec .memoArti form{ flex-grow: 1; }
.memberSec .memoArti .searchBox{ width: 100%; max-width: 600px; display: flex; gap: 10px; }
.memberSec .searchBtn{ flex-shrink: 0; background-color: #003839; color: #fff; padding: 5px 20px; border: 1px solid #003839; }
.memberSec .grayBtn{ flex-shrink: 0; background-color: gray; color: #fff; padding: 5px 20px; border: 1px solid #003839; }
@media screen and (max-width: 650px) {
	.memberSec .bgBox{ padding: 10px; }
	.memberSec .memoArti .label{ width: auto; }
}

/* 담당자별 리스트 검색하기 */
.memberSec .partnerSearchList{ margin-top: 28px; }
.memberSec .partnerSearchList form{ width: 100%; }
.memberSec .partnerSearchList .halfBox{ width: 100%; display: flex; gap: 50px; flex-wrap: wrap; }
.memberSec .partnerSearchList .halfBox > li{ display: flex; gap: 10px; align-items: center; }
.memberSec .partnerSearchList .halfBox .label{ flex-shrink: 0; font-size: 1.05em; padding:0 20px 0 0; flex-shrink: 0; }
.memberSec .partnerSearchList .halfBox .ipt{ width: 200px; max-width: 100%; }
@media screen and (max-width: 1250px) {
	.memberSec .partnerSearchList .halfBox{ flex-wrap: wrap; gap: 10px; }

}
@media screen and (max-width: 650px) {
	.memberSec .partnerSearchList .halfBox .label{ padding-right: 0; }
	.memberSec .partnerSearchList .halfBox .ipt{ width: auto; }
	.memberSec .partnerSearchList .halfBox > li{ flex-wrap: wrap; }
	.memberSec .partnerSearchList .halfBox > li .ipt{ flex-grow: 1; }
}
@media screen and (max-width: 500px) {
	.memberSec .partnerSearchList .halfBox > li .moFull{ width: 100%; }
	.memberSec .partnerSearchList .searchBtn{ width: 100%; }
}

/* 전체 견적 리스트 */
.memberSec .allApplyList{ padding: 40px 0; } 
.memberSec .applyTitleWrap{ display: flex; gap: 5px; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.memberSec .applyTitleWrap .title{ display: flex; align-items: center; gap: 10px; }
.memberSec .applyTitleWrap .title .allCount{ font-size: 0.9em; color: #7F7F7F; }
.memberSec .applyTitleWrap .title .allCount.black{ color: #222; }
.memberSec .applyTitleWrap .adminBox{ padding: 0; }
.memberSec .applyTitleWrap .menuBox{ display: flex; gap: 10px; color: #7F7F7F; }
.memberSec .applyTitleWrap .menuBox .sortList{ display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.memberSec .applyTitleWrap .menuBox .sortList .active{ color: #222; }

@media screen and (max-width: 650px) {
	.memberSec .applyTitleWrap .menuBox{ width: 100%; justify-content: flex-end; }
}

.memberSec .indexList{ margin-top: 19px; border-top: 1px solid #E0E0E0; font-size: 14px; }
.memberSec .indexList > li{ display: flex; text-align: center; position: relative; }
.memberSec .indexList > .active{ display: flex; text-align: center; position: relative; background-color: rgba(255, 0, 0, 0.1);}
.memberSec .indexList > .active2{ display: flex; text-align: center; position: relative; background-color: rgba(43, 62, 166, 0.1);}
.memberSec .indexList > .active3{ display: flex; text-align: center; position: relative; background-color: rgba(31, 153, 91,0.6);}
.memberSec .indexList > li > div{ 
	flex-grow: 1; padding: 20px 5px; position: relative; border-bottom: 1px solid #E0E0E0; 
	display: flex; align-items: center; justify-content: center; flex-direction: column;
 }
.memberSec .indexList > li > div::after{ content:''; display: block; width: 1px; height: 10px; background-color: #D9D9D9; position: absolute; right: 0; top: calc(50% - 5px); }
.memberSec .indexList > li > div:last-child:after{ display: none; }
.memberSec .indexList > li > .width1{ width: 140px; flex-direction: row; }
.memberSec .indexList > li.title > div{ background-color: #F7F8FA; font-size: 1.1em; }
.memberSec .indexList .blue .black{ color: black; }
.memberSec .indexList .red{ color: #F55959; }
.memberSec .indexList .rightMenu{ border: 1px solid transparent; background-color: transparent; }
.memberSec .indexList > li > div .small{ font-size: 0.8em; } 

@media screen and (max-width: 1250px) {
	.memberSec .indexList{ overflow-x: scroll; font-size: 13px;  }
	.memberSec .indexList > li{ width: 100%; }
	.memberSec .indexList > li > div{ padding: 10px 5px; flex-shrink: 0; }
	.memberSec .indexList > li > .width1{ width: 100px; }
    .memberSec .indexList > li > .dist{ width: 140px; }
}
/* 세로 형식이 싫으면 아래 주석 */
@media screen and (max-width: 500px) {
	.memberSec .indexList{ overflow: hidden; width: 100%; }
	.memberSec .indexList > li{ flex-direction: column; border-bottom: 1px solid #E0E0E0; padding: 10px 5px; }
	.memberSec .indexList > li.title{ display: none; }
	.memberSec .indexList > li > div{ width: 100%; border-bottom: unset; justify-content: flex-start; padding: 2px 0; gap: 5px; }
	.memberSec .indexList > li > div::after{ display: none; }
	.memberSec .indexList > li > .width1{ width: 100%; }
	.memberSec .indexList > li > .date::before{ content:'- 등록일 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .media::before{ content:'- 매체 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .cate::before{ content:'- 종류 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .car::before{ content:'- 차 종류 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .tel::before{ content:'- 연락처 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .name::before{ content:'- 이름 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .status::before{ content:'- 상태 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .dist::before{ content:'- 분배 : '; color: #7F7F7F; flex-shrink: 0; }
}

/* 관리자 페이지 우측 팝업 */
.memberPC{ 
	position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); 
	cursor: pointer; opacity: 0; visibility: hidden; transition : opacity 0.8s, visibility 0.8s;
}
.memberPC.show{ opacity: 1; visibility: visible;  }
.memberPC.show .contentArti{ right: 0; }
.memberPC .blue{ color: #5C80DE; }
.memberPC .contentArti{ cursor: auto; background-color: #fff; position: fixed; right: -660px; top: 40px; height: calc(100% - 40px); width: 660px; max-width: 90%; padding: 15px 20px 50px 20px; overflow-y: scroll; transition:right 0.8s; }
.memberPC .contentArti > .btnWrap{ position: fixed; background-color: #fff; width: 100%; top: 0; right: -660px; height: 40px; width: 660px; max-width: 90%; padding: 0 20px; transition: right 0.8s; }
.memberPC.show .contentArti > .btnWrap{ right: 0; }
.memberPC .contentArti > .btnWrap .closeBtn{ background-color: transparent; border: none; padding: 5px; }
.memberPC .commonTitle{ font-size: 1.25em; font-weight: 600; }
.memberPC .contentArti .customerArti{ margin: 10px 0; }
.memberPC .contentArti .infoBox{ padding: 20px; border: 1px solid #9C9C9C; border-radius: 4px; margin-top: 10px; }
.memberPC .contentArti .infoBox > li{ display: flex; gap: 10px; }
.memberPC .contentArti .infoBox > li + li{ margin-top: 5px; }
.memberPC .contentArti .infoBox > li .label{ width: 100px; color: #7F7F7F; flex-shrink: 0; }
.memberPC .contentArti .infoBox > li .txt{ font-weight: 700; }
.memberPC .contentArti .ipt{ width: 100%; border-radius: 0; border-radius: 4px; }
.memberPC .contentArti textarea.ipt{ resize: none; height: 100px; }
.memberPC .contentArti .managerArti{ margin-top: 20px; }

.memberPC .contentArti .iptBox{ display: flex; gap: 10px; margin-top: 10px; }
.memberPC .contentArti .memoBar{ width: 100%; height: 1px; margin: 10px 0; border-top:1px dashed #9C9C9C; }
.memberPC .contentArti .label{ line-height: 1em;  flex-shrink: 0; width: 100px; flex-shrink: 0; padding-top: 5px;  }
.memberPC .contentArti .label .small{ font-size: 0.8em; color: #7F7F7F; }
.memberPC .contentArti .iptWrap{ flex-grow: 1; }
.memberPC .contentArti .iptWrap.leftCheck{ display: flex; gap:5px; align-items: center; }
.memberPC .contentArti .iptWrap.leftCheck label > input[type="checkbox"]{ display: none; }
.memberPC .contentArti .iptWrap.leftCheck label > input[type="checkbox"] + .fakeBox{ width: 24px; height: 24px; background-color: #003839; border-radius: 4px; cursor: pointer; }
.memberPC .contentArti .iptWrap.leftCheck label > input[type="checkbox"]:checked + .fakeBox{ background-image: url('../img/common/bold_checkbox.png'); background-size: 60%; background-repeat: no-repeat; background-position: center; }

.memberPC .contentArti .iptWrap.half{ display: flex; gap: 10px; }
.memberPC .contentArti .iptWrap .radioWrap{ display: flex; gap: 10px;}
.memberPC .contentArti .iptWrap .radioWrap label input[type="radio"]{ display: none; }
.memberPC .contentArti .iptWrap .radioWrap label input[type="radio"] + .txt{ padding-left: 25px; display: flex; align-items: center; position: relative; cursor: pointer; }
.memberPC .contentArti .iptWrap .radioWrap label input[type="radio"] + .txt::before{ content:''; display: block; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #9C9C9C; position: absolute; left: 0; }
.memberPC .contentArti .iptWrap .radioWrap label input[type="radio"]:checked + .txt::before{ background-image: url('../img/common/bold_checkbox.png'); background-repeat: no-repeat; background-position: center; background-size: 80%; background-color: #003839; border-color: #003839; }

.memberPC .contentArti .txt{ padding: 5px; }
.memberPC .contentArti .memoList{ margin-top: 10px; }
.memberPC .contentArti .memoList > li + li{ margin-top: 10px; }
.memberPC .contentArti .memoList .item{ padding: 0 20px 20px 20px; border-radius: 4px; border: 1px solid #9C9C9C;}
.memberPC .contentArti .memoList .item .btnWrap{ display: flex; gap: 5px; font-size: 14px; }
.memberPC .contentArti .memoList .item .btnWrap .subBtn{ padding: 2px 10px; background-color: #222; color: #fff; border-radius: 4px; border: none; }
.memberPC .contentArti .memoList .item .btnWrap .modify{ background-color: #003839; }

.memberPC .contentArti .fullBtn{ padding: 10px; border-radius: 4px; color: #fff; text-align: center; background-color: #003839; width: 100%; margin-top: 40px; border: none; }
.btnWrapHalf{display:flex;align-items: center;  justify-content :space-around; width:100%; }
.memberPC .contentArti .halfBtn{ padding: 10px; border-radius: 4px; color: #fff; text-align: center; background-color: #003839; width: 40%; margin-top: 40px; border: none; }
#backContractWrap{display: flex;
    flex-direction: row;}
@media screen and (max-width: 1250px) {
	.memberPC{ font-size: 14px; }
}
@media screen and (max-width: 500px) {
	.memberPC{ font-size: 13px; }
	.memberPC .contentArti .infoBox > li .label{ width: 50px; }
	.memberPC .contentArti .label{ width: 80px; }
	.memberPC .contentArti .infoBox{ padding: 10px; }
	.memberPC .contentArti .memoList .item{ padding: 10px; padding-top: 0; }
	.memberPC .contentArti .iptBox{ gap: 5px; }
	.memberPC .contentArti .ipt{ border-radius: 0; } 
	.memberPC .contentArti .memoList .item .btnWrap{ font-size: 13px; }

	.memberPC .contentArti .iptWrap.leftCheck label > input[type="checkbox"] + .fakeBox{ width: 18px; height: 18px; }
	.memberPC .contentArti .iptWrap.leftCheck label > input[type="checkbox"]:checked + .fakeBox{ background-size: 70%; }
	.memberPC .contentArti .iptWrap.half{ flex-wrap: wrap; }
}

/* 메모 작성하기 , 수정하기 */
.memberPC .memoCloseBg.show{ position: fixed; background-color: rgba(0,0,0,0); width: 100%; height: 100%; left: 0; top: 0; z-index: 9; }
.memberPC .memoWrite{ 
	position: fixed; right: 0; padding: 20px; background-color: #fff; z-index: 999; width: 660px; 
	max-width: 90%; border-top:1px solid #D9D9D9; box-shadow: -3px -15px 29px 0px rgba(0, 0, 0, 0.10); 
	bottom: -300px; transition: bottom 0.8s;
}
.memberPC .memoWrite.show{  bottom: 0; }
.memberPC .memoWrite .textArea{ margin-top: 10px; padding: 10px; border-radius: 4px; height: 130px; resize: none; width: 100%;  }
.memberPC .memoWrite .btnWrap{ display: flex; gap: 5px; font-size: 14px; margin-top: 10px; }
.memberPC .memoWrite .btnWrap > li:nth-child(1){ flex-grow: 2; }
.memberPC .memoWrite .btnWrap > li:nth-child(2){ flex-grow: 3; }
.memberPC .memoWrite .btnWrap > li:nth-child(3){ flex-grow: 1; }
.memberPC .memoWrite .btnWrap .subBtn{ padding: 15px 10px; background-color: #222; color: #fff; border-radius: 4px; border: none; width: 100%; }
.memberPC .memoWrite .btnWrap .submitBtn{ background-color: #003839; }

@media screen and (max-width: 500px) {
	.memberPC .memoWrite .btnWrap .subBtn{ padding: 10px 10px; }
}

/* 계약 리스트 */ 
.memberSec .blue{ color: #5C80DE; }
.memberSec .contractTopArti{ margin-top: 39px; }
.memberSec .SubHalfBox{ display: flex; gap: 10px; align-items: center; }
.memberSec .SubHalfBox + .SubHalfBox{ margin-top: 30px; }
.memberSec .SubHalfBox .txtBox{ flex-shrink: 0; width: 300px; font-size: 20px; flex-shrink: 0; } 
.memberSec .SubHalfBox .labelBox{ display: flex; align-items: center; gap: 10px; }
.memberSec .SubHalfBox .labelBox .txt{ font-size: 16px; }
@media screen and (max-width: 1250px) {
	.memberSec .SubHalfBox .txtBox{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
	.memberSec .SubHalfBox{ flex-wrap: wrap; }
	.memberSec .SubHalfBox .txtBox{ font-size: 16px; width: 100%; }
	.memberSec .SubHalfBox .labelBox{ font-size: 14px; }
	.memberSec .SubHalfBox .labelBox .txt{ font-size: 14px; }
}


.memberSec .contractListArti{ margin-top: 20px; padding-bottom: 50px; }
.memberSec .contractListArti .applyTitleWrap{ justify-content: flex-end; }
.memberSec .contractListArti .indexList{ font-size: 14px; padding: 0 10px; display: flex; flex-direction: column; }
.memberSec .contractListArti .indexList .greenBg{ background-color: #003839; color: #fff; }
.memberSec .contractListArti .indexList .nonBorder::after{ display: none; }
.memberSec .contractListArti .indexList .grayBg{ background-color: #E6ECEC !important; }
.memberSec .contractListArti .indexList .blueBg .grayBg{ background-color: #E6ECEC; }
.memberSec .contractListArti .indexList > li > div{ width: 80px; }
.memberSec .contractListArti .indexList > li > div.width2{ width: 140px; flex-shrink: 0;}
.memberSec .contractListArti .indexList > li.blueBg > div{ background-color: rgba(92, 128, 222, 0.1); }
.memberSec .contractListArti .indexList > li .week{ background-color: #003839; color: #C5A998; padding: 2px 5px; border-radius: 4px; font-size: 0.8em; display: inline-block; }
.memberSec .contractListArti .indexList > li .boxWrap{ display: flex; flex-wrap: wrap; gap: 5px; align-items: center; justify-content: center; }
/* 추가 */
.memberSec .contractListArti .indexList > li.firstBg > div{ background-color: rgba(255, 0, 0, 0.1); }
.memberSec .contractListArti .indexList > li.secondBg > div{ background-color:rgba(227, 179, 90, 0.1); }
.memberSec .contractListArti .indexList > li.thirdBg > div{ background-color:rgba(255, 255, 0, 0.1);}
.memberSec .contractListArti .indexList > li.fourthBg > div{ background-color:rgba(0, 128, 0, 0.1);}
.memberSec .contractListArti .indexList > li.fifthBg > div{ background-color: rgba(92, 128, 222, 0.1); }
.memberSec .contractListArti .indexList > li.sixthBg > div{ background-color: rgba(128, 0, 128, 0.1);}
.memberSec .contractListArti .indexList > li.finalBg > div{ background-color:rgba(0, 128, 90, 0.3); color: black; font-size: 19px;  text-align:center; justify-content: center; min-width: 1580px; }
.memberSec .contractListArti .indexList > li.finalBg > div > b{font-weight: 600; }
.memberSec .contractListArti .indexList > li.finalBg > div::before{ display: none; }
.memberSec .contractListArti .indexList > li.searchBg > div{ background-color:rgba(43, 0, 128, 0.3); color: black; font-size: 19px;  text-align:center; justify-content: center; min-width: 1580px; }
.memberSec .contractListArti .indexList > li.searchBg > div > b{font-weight: 600; }
.memberSec .contractListArti .indexList > li.searchBg > div::before{ display: none; }
/* .memberSec .contractListArti .indexList > li.finalBg > div{ background-color: #003839; color: #C5A998; font-size: 30px;} */
/* 추가끝 */
@media screen and (max-width: 1711px) {
	.memberSec .contractListArti .indexList{ width: auto; overflow-x: scroll; }
	.memberSec .contractListArti .indexList > li.title > div{ font-size: 14px; }
	.memberSec .contractListArti .indexList > li > div{ flex-shrink: 0; }
	.memberSec .contractListArti .indexList > li > div.width1{ width: 90px; }
	.memberSec .contractListArti .indexList > li > div.width2{ width: 140px; }
    .memberSec .contractListArti .indexList > li.finalBg > div{ font-size: 19px; }
    .memberSec .contractListArti .indexList > li.searchBg > div{ font-size: 19px; }
}
@media screen and (max-width: 500px) {
	/* 가로 슬라이드를 원하면 아래 코드를 사용해주세요 */
	/* .memberSec .contractListArti .indexList > li{ padding: 0; display: flex; flex-direction: row; border-bottom:unset; }
	.memberSec .contractListArti .indexList > li{ display: flex; }
	.memberSec .contractListArti .indexList > li > div{ width: 100px; justify-content: center; padding: 5px 5px; border-bottom: 1px solid #E0E0E0; }
	.memberSec .contractListArti .indexList > li > div::after{ content: ''; display: block; width: 1px; height: 10px; background-color: #D9D9D9; position: absolute; right: 0; top: calc(50% - 5px); }
	.memberSec .contractListArti .indexList > li > div:last-child:after{ display: none; }
	.memberSec .contractListArti .indexList > li > div.chkWrap{ width: auto; } */
	
	/* 세로형을 원하신다면 아래 코드를 사용해주세요. */
	.memberSec .contractListArti .indexList > li > div{ width: 100% !important; }
	.memberSec .contractListArti .indexList > li > div{ align-items: flex-start; text-align: left; }
	.memberSec .indexList > li > .create::before{ content:'- 생성일 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .rentLess::before{ content:'- 렌트/리스 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .company::before{ content:'- 업체명 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .date1::before{ content:'- 계약날짜 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .date2::before{ content:'- 인도날짜 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .company2::before{ content:'- 법인/개사 업체명 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .name2::before{ content:'- 고객명 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .car2::before{ content:'- 차종(모델 및 트림) : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .carPrice::before{ content:'- 차량가격 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .rentPrice::before{ content:'- 렌트사 수수료 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .price2::before{ content:'- 대리점 수수료 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .price3::before{ content:'- 지원금액 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .allPrice::before{ content:'- 총 수수료 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .content::before{ content:'- 지원내용 : '; color: #7F7F7F; flex-shrink: 0; }
	.memberSec .indexList > li > .import{ flex-direction: row; }
	.memberSec .indexList > li > .import::before{ content:'- 특이사항 : '; color: #7F7F7F; flex-shrink: 0; }

	.memberSec .contractListArti .indexList > li .boxWrap{ justify-content: flex-start; }
    .memberSec .contractListArti .indexList > li.finalBg > div{ font-size: 18px; min-width: unset; }
    .memberSec .contractListArti .indexList > li.searchBg > div{ font-size: 18px; min-width: unset; }
}

/* 프로모션 */
.memberSec .contractTopArti.promotion .SubHalfBox{ max-width: 1200px; margin: 0 auto; margin-top: 10px; }
.memberSec .allMoonthArti{ background-color: #003839; padding: 20px; color: #fff; margin-top: 20px; }
.memberSec .allMoonthArti .title{ display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.memberSec .allMoonthArti .title .big{ font-weight: 600; font-size: 1.2em; }
.memberSec .allMoonthArti .halfBox{ display: flex; gap: 10px; margin-top: 20px; align-items: center; justify-content: space-between; max-width: 400px; }
.memberSec .allMoonthArti .halfBox > li{ display: flex; gap: 20px; ; }
.memberSec .allMoonthArti .halfBox > li.bar{ display: block; width: 2px; height: 10px; background-color: #fff; }
@media screen and (max-width: 650px) {
	.memberSec .allMoonthArti{ padding: 10px; }
	.memberSec .allMoonthArti .halfBox{ flex-wrap: wrap; margin-top: 10px; }
	.memberSec .allMoonthArti .halfBox > li.bar{ display: none; }
	.memberSec .allMoonthArti .halfBox > li{ width: 100%; gap: 10px; }
}

.memberSec .rankArti{ margin-top: 30px; }

.memberSec .weekRankArti{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #9C9C9C; }
.memberSec .rankList{ text-align: center; }
.memberSec .rankList > li + li{ margin-top: 10px; }
.memberSec .rankList > li .item{ padding: 25px; border: 1px solid #9C9C9C; display: flex; gap: 20px; align-items: center; }
.memberSec .rankList > li .item .titleBox{ background-color: #003839; color: #fff; padding: 10px; border-radius: 10px; flex-shrink: 0;  }
.memberSec .rankList > li .item .halfBox{ display: flex; gap: 50px; align-items: center;  width: 100%;  }
.memberSec .rankList > li .item .halfBox > li{ display: flex; gap:10px; align-items: center; flex-grow:1; justify-content: space-between; }
.memberSec .rankList > li .item .nameBox{ padding-top: 30px; text-align: center; background-image: url('../img/admin/crown.png'); background-repeat: no-repeat; background-position: top center; width: 50px; }
.memberSec .rankList > li.gold .item .nameBox{ background-image: url('../img/admin/goldCrown.png'); }
.memberSec .rankList > li .item .wrap{ display: flex; gap: 10px; align-items: center; }
.memberSec .rankList > li .item .wrap::before{ content:''; display: inline-block; width: 16px; height: 30px; background-image: url('../img/admin/leftWrap.png'); background-size: contain; background-repeat: no-repeat; background-position: center;  }
.memberSec .rankList > li .item .wrap::after{  content:''; display: inline-block; width: 16px; height: 30px; background-image: url('../img/admin/rightWrap.png'); background-size: contain; background-repeat: no-repeat; background-position: center;  }
.memberSec .rankList > li.gold .item .wrap::before{ background-image: url('../img/admin/goldLeftWrap.png'); }
.memberSec .rankList > li.gold .item .wrap::after{ background-image: url('../img/admin/goldRightWrap.png'); }

@media screen and (max-width: 1250px) {
	.memberSec .rankList > li .item .halfBox{ flex-wrap: wrap; gap: 20px; }
	.memberSec .rankList > li .item .halfBox > li{ width: 100%; justify-content: flex-start; gap: 50px; }

}
@media screen and (max-width: 750px) {
	.memberSec .rankList > li .item{ padding: 20px 10px; flex-direction: column; }
	.memberSec .rankList > li .item .titleBox{ padding: 2px 10px; font-size: 16px; border-radius: 2px; }
	.memberSec .rankList > li .item .halfBox > li{ flex-direction: column; gap: 10px; }
	.memberSec .rankList > li .item .halfBox > li + li{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #CCCCCC; }
}
@media screen and (max-width: 650px) {
	/* .memberSec .rankList{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
	.memberSec .rankList > li{ width: calc(100% / 2); padding: 5px; }
	.memberSec .rankList > li + li{ margin-top: 0; }
	.memberSec .rankList > li .item{ font-size: 14px; } */
	.memberSec .rankList > li .item{ gap: 10px; }  
	.memberSec .rankList > li .item .halfBox > li + li{ margin-top: 2px; }
}

/* 팀별 현황 확인하기 */
.memberSec .teamArti{ margin: 50px 0; }
.memberSec .teamArti .tabList{ margin-top: 10px; display: flex; flex-wrap: wrap; width: calc(100% + 5px); margin-left: -2.5px; }
.memberSec .teamArti .tabList > li{ width: calc(100% / 5); padding: 2.5px; }
.memberSec .teamArti .tabList > li .item{ padding: 10px; width: 100%; background-color: #fff; border: 1px solid #003839; border-radius: 4px; color: #003839; }
.memberSec .teamArti .tabList > li .item.active{ background-color: #003839; color: #fff; }
@media screen and (max-width: 650px) {
	.memberSec .teamArti .tabList > li .item{ padding: 5px; }
}


.memberSec .teamArti .tabContentArti .starBox{ margin-top: 10px; padding: 10px; background-color: #F7F8FA; border-top: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; display: flex; gap: 10px; align-items: center; }
.memberSec .teamArti .tabContentArti .starBox .small{ font-size: 0.9em; margin-left: 10px; }
.memberSec .teamArti .tabContetWrap .halfBox{ display: flex; flex-wrap: wrap; width: calc(100% + 5px); margin-left: -2.5px; margin-top: 5px; }
.memberSec .teamArti .tabContetWrap .halfBox > li{ padding: 5px; width: calc(100% / 2); }
.memberSec .teamArti .tabContetWrap .itemBox{ padding: 20px; background-color: #F7F8FA; border: 1px solid #9C9C9C; height: 100%; display: flex; gap: 10px; flex-wrap: wrap; }
.memberSec .teamArti .tabContetWrap .itemBox .title{ width: 100%; }
.memberSec .teamArti .tabContetWrap .itemBox .box1{ width: calc((100% / 2) - 5px); display: flex; gap: 10px; align-items: center; }
.memberSec .teamArti .tabContetWrap .itemBox .box1 .label{ flex-shrink: 0; }
.memberSec .teamArti .tabContetWrap .itemBox .box1 .iptBox{ display: flex; gap: 5px; flex-grow: 1; }
.memberSec .teamArti .tabContetWrap .itemBox .box1 .iptBox .saveBtn{ background-color: #003839; color: #fff; padding: 5px 10px; flex-shrink: 0; border: 1px solid #003839; }

@media screen and (max-width: 1100px) {
	.memberSec .teamArti .tabContetWrap .halfBox{ flex-wrap: wrap; }
	.memberSec .teamArti .tabContetWrap .halfBox > li{ width: 100%; }
	.memberSec .teamArti .tabContetWrap .halfBox .ipt{ width: 100%; }
}
@media screen and (max-width: 750px) {
	.memberSec .teamArti .tabContetWrap .itemBox{ padding: 10px; }
}
@media screen and (max-width: 650px) {
	.memberSec .teamArti .tabContentArti .starBox .icon{ width: 20px; }
	.memberSec .teamArti .tabContetWrap .itemBox .box1{ width: 100%; }
}

.memberSec .teamArti .tabContetWrap .memberPrice { margin-top: 20px; padding-bottom: 4px; }
.memberSec .teamArti .tabContetWrap .memberPrice .applyTitleWrap{ border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; padding-bottom: 10px;  }
.memberSec .teamArti .tabContetWrap .memberPrice .commonTitle{ display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.memberSec .teamArti .tabContetWrap .memberPrice .commonTitle .icon{ width: 20px; }
.memberSec .teamArti .tabContetWrap .memberPrice .itemBox .green{ color: #003839; }
.memberSec .teamArti .tabContetWrap .memberPrice .halfBox{ margin-top: 0; }
.memberSec .teamArti .tabContetWrap .memberPrice .halfBox > li{ display: flex; flex-wrap: wrap; gap: 20px; }
.memberSec .teamArti .tabContetWrap .memberPrice .halfBox > li{ padding: 20px; }
.memberSec .teamArti .tabContetWrap .memberPrice .itemBox{ background-color: unset; border: unset; width: 100%; padding: 0;  }
.memberSec .teamArti .tabContetWrap .memberPrice .itemWrap{ border: 1px solid #9C9C9C; }
.memberSec .teamArti .tabContetWrap .memberPrice .itemWrap + .itemWrap{ margin-top: 12px; }
.memberSec .teamArti .tabContetWrap .memberPrice .fullBox{ padding: 20px; padding-top: 0; }
.memberSec .teamArti .tabContetWrap .memberPrice .weekList{ display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px; gap: 10px; }
.memberSec .teamArti .tabContetWrap .memberPrice .weekList > li{  position: relative;  display: flex; justify-content: center; align-items: center; flex-grow: 1; align-items: center; gap: 10px; }
.memberSec .teamArti .tabContetWrap .memberPrice .weekList > li.bar { width: 2px; height: 10px; background: #D9D9D9; flex-grow: unset; } 
.memberSec .teamArti .tabContetWrap .memberPrice .weekList > li .icon{ width: 14px; }

.memberSec .teamArti .tabContetWrap .memberPrice .memberWrap + .memberWrap{ margin-top: 20px; }

@media screen and (max-width: 1100px) {
	.memberSec .teamArti .tabContetWrap .memberPrice .halfBox > li{ padding-bottom: 10px; }
	.memberSec .teamArti .tabContetWrap .memberPrice .halfBox > li + li{ padding-top: 0; }
}
@media screen and (max-width: 750px) {
	.memberSec .teamArti .tabContetWrap .memberPrice .itemWrap{ padding: 10px 0; }
	.memberSec .teamArti .tabContetWrap .memberPrice .halfBox > li{ padding: 10px; }
	.memberSec .teamArti .tabContetWrap .memberPrice .halfBox > li{ padding-top: 0; }
	.memberSec .teamArti .tabContetWrap .memberPrice .fullBox{ padding: 10px; padding-top: 0; }

	.memberSec .teamArti .tabContetWrap .memberPrice .weekList{ justify-content: flex-start; }
	.memberSec .teamArti .tabContetWrap .memberPrice .weekList > li{ flex-grow: unset; }
}

.memberSec .teamArti .tabContetWrap > li{ display: none; }
.memberSec .teamArti .tabContetWrap > li.show{ display: block; }


/* sub07, 장기렌트.리스란? */
.sub.sub07_1 .goodDiv .goodList{ margin-top: 24px; display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; justify-content: center; }
.sub.sub07_1 .goodDiv .goodList > li{ width: calc(100% / 4); padding: 5px;  }
.sub.sub07_1 .goodDiv .goodList > li .item{ 
	background-color: #fff; border-radius: 20px; border: 2px solid #003839; padding: 20px 10px; height: 100%; 
	text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.sub.sub07_1 .goodDiv .goodList > li .item .icon{ width: 60px; height: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub.sub07_1 .goodDiv .goodList > li .item .t1{ margin-top: 16px; text-align: center; font-size: 22px; font-weight: 700;  }
.sub.sub07_1 .goodDiv .goodList > li .item .t2{ margin-top: 10px; color: #7F7F7F; flex-grow: 1; letter-spacing: -0.09em; }

@media screen and (max-width: 1250px) {
	.sub.sub07_1 .goodDiv .goodList > li{ width: calc(100% / 3); }

}
@media screen and (max-width: 900px) {
	.sub.sub07_1 .goodDiv .goodList > li .item .t1{ font-size: 18px; }
	.sub.sub07_1 .goodDiv .goodList > li .item .t2{ font-size: 14px; }
}
@media screen and (max-width: 780px) {
	.sub.sub07_1 .goodDiv .goodList > li{ width: calc(100% / 2); }
}
@media screen and (max-width: 650px) {
	.sub.sub07_1 .goodDiv .goodList > li .item .t2{ word-break: keep-all; }
	.sub.sub07_1 .goodDiv .goodList > li .item .t2 br{ display: none; }

}
@media screen and (max-width: 500px) {
	.sub.sub07_1 .goodDiv .goodList > li .item{ border-radius: 2vw; padding: 4vw 2vw; }
	.sub.sub07_1 .goodDiv .goodList > li .item .icon{ width: 10vw; height: 10vw; margin-top: 1vw; }
	.sub.sub07_1 .goodDiv .goodList > li .item .t1{ font-size: 3.2vw; }
	.sub.sub07_1 .goodDiv .goodList > li .item .t2{ margin-top: 1vw; font-size: 3vw; }
}

.sub.sub07_1 .toonDiv{ margin-top: 100px; }
.sub.sub07_1 .toonDiv .toonList{ margin: 0 auto; margin-top: 20px; max-width: 900px; display: flex; flex-wrap: wrap; }
.sub.sub07_1 .toonDiv .toonList > li{ padding:5px; width:calc(100% / 2) }
.sub.sub07_1 .toonDiv .toonList img{ width: 100%; }
@media screen and (max-width: 500px) {
	.sub.sub07_1 .toonDiv .toonList{ max-width: 350px; }
	.sub.sub07_1 .toonDiv .toonList > li{ width: 100%; }
}

/* 추가 */
.memberPC .contentArti .fullBtn.addMemo{ margin-top:40px;}
.memberPC .contentArti .fullBtn.contractIng{ background-color: #222;}


/* 추가 2 */
.PCloginMenu .floatingMenu{ right: -100%; transition: right .5s; position: fixed; right: 10px; top: 134px; border-radius: 20px; box-shadow: 13px 16px 25px 0px rgba(0, 56, 57, 0.15); background-color: #fff; width: 242px; border-radius: 20px; overflow: hidden; z-index: 999;  }
.PCloginMenu .floatingMenu.show{ right: -260px; }
.PCloginMenu .floatingMenu .title{ background-color: #003839; color: #DCBA96; display: flex; align-items: center; justify-content: center; padding: 15px 10px;   }
.PCloginMenu .floatingMenu .title .RefreshBtn{ display: flex; justify-content: center; gap: 10px; flex-grow: 1; background-color: transparent; border: none; }
.PCloginMenu .floatingMenu .memberList{ max-height: 70vh; overflow-y: scroll; }
.PCloginMenu .floatingMenu .memberList > li{ display: flex; border-bottom: 1px solid #D9D9D9; }
.PCloginMenu .floatingMenu .memberList > li > div { width:calc(100% / 3); flex-shrink: 0; padding: 10px 5px; font-size: 14px; }
.PCloginMenu .floatingMenu .memberList > li > div:nth-child(1){ width: 67px; border-right: 1px solid #D9D9D9; }
.PCloginMenu .floatingMenu .memberList > li > div:nth-child(2){ display: flex; align-items: center; justify-content: center; gap: 5px; width: 46px; border-right: 1px solid #D9D9D9; }
.PCloginMenu .floatingMenu .memberList > li > div:nth-child(3){ flex-grow: 1; }
.PCloginMenu .floatingMenu .memberList > li > div.gray{ background-color: #F7F8FA; }
.PCloginMenu .floatingMenu .memberList > li > div.center{ text-align: center; }
.PCloginMenu .floatingMenu .memberList > li > div .circle{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #003839; }
.PCloginMenu .floatingMenu .memberList > li > div input[type="time"]{  width: 100%; }

#overTimeUpdateBtn{ width: 100%; padding: 5px 10px; color: #fff; background-color: #003839; border: none; }

@media screen and (max-width: 1725px) {
  .PCloginMenu .floatingMenu{ right: -260px; }
  .PCloginMenu .floatingMenu.show{ right: 0; }
  .PCloginMenu .floatingMenu{ width: 200px; font-size: 14px; display: block !important; }
  .memberSec .memberListArti .toggleBtn{ display: none; }
}
@media screen and (max-width: 1638px) {
    .PCloginMenu .floatingMenu{ display: none; }
}
@media screen and (max-width: 950px) {
  .PCloginMenu .floatingMenu{ top: 170px; }
  .PCloginMenu .floatingMenu .memberList{ height:calc(70vh - 50px) }
}

.memberSec .memberListArti{   position: relative; display: flex; align-items: center; }
.memberSec .memberListArti.hide{ border-bottom:none; background-color: transparent; }
.memberSec .memberListArti .toggleBtn{  background-color: #003839; width: 65px; height: 61px; border-radius: 10px; display: none; align-items: center; justify-content: center; border: none; position: absolute; left:20px; }
.memberSec .memberListArti .toggleBtn.on img{ display: inline-block; transform: rotate(180deg); }
.memberSec .memberListArti .memberDiv{ padding: 18px 0; padding-left: 99px; background-color: #fff; border-bottom: 1px solid #E0E0E0; display: none; align-items: center; gap: 16px; overflow: hidden; flex-grow: 1; }
.memberSec .memberListArti .memberDiv.hide{ opacity: 0; visibility: hidden; }
.memberSec .memberListArti .memberDiv .refrashBtn{position: fixed; background-color: #003839; display: flex; align-items: center; padding: 18px 24px; border-radius: 10px; color: #DCBA96; border: none; gap: 10px; font-size: 20px; flex-shrink: 0; }
.memberSec .memberListArti .memberDiv .memberListBox{margin-left:150px; flex-grow: 1; overflow-y: scroll; width: 200px; height: 200px; }
.memberSec .memberListArti .memberDiv .memberList{ display: flex; flex-wrap: wrap; gap: 10px; color: #7F7F7F; padding-right: 20px; }
.memberSec .memberListArti .memberDiv .memberList > li{ flex-shrink: 0; position: relative; padding-top: 10px; padding-right: 10px; }
.memberSec .memberListArti .memberDiv .memberList > li::after{ content:'|'; position: absolute; right: 0;  }
.memberSec .memberListArti .memberDiv .memberList > li:last-child{ padding-right: 0; }
.memberSec .memberListArti .memberDiv .memberList > li:last-child::after{ display: none; }

.memberSec .memberListArti .memberDiv .memberListBox .date-wrap{ display: flex; gap: 5px; }

@media screen and (max-width: 1638px) {
    .memberSec .memberListArti{ width: 100%; background-color: #fff; z-index: 999; }
    .memberSec .memberListArti .memberDiv{ display: flex; position: fixed; top: 0; width: 100%; left: 0; z-index: 999; }
    .memberSec .memberListArti .memberDiv .memberListBox{ height: 200; }
    .memberSec .memberListArti .toggleBtn{ display: none; position: fixed; top: 95px; z-index: 9999; }
    .memberSec .memberListArti .memberDiv .refrashBtn{ top: 95px; }
    .memberSec .memberListArti .memberDiv .memberList{ gap: unset; }
    .memberSec .memberListArti .memberDiv .memberList > li{ flex-grow: 1; }
    .memberSec .memberListArti .memberDiv .memberList > li::after{ display: none; }
    .memberSec .memberListArti .memberDiv .memberList > li .count::before{ content:' - 분배 : '; color:#7f7f7f;  }
}
@media screen and (max-width: 970px) {
    .memberSec .memberListArti{ top: 95px; }
    .memberSec .memberListArti .memberDiv{ top: 0; }
    .memberSec .memberListArti .memberDiv .memberListBox{margin-left:153px;}

    .memberSec .memberListArti .toggleBtn{ top: 0; }
    .memberSec .memberListArti .memberDiv .refrashBtn{ top: 110px; }
}
@media screen and (max-width: 953px) {
    .memberSec .memberListArti{ top: 95px; }
    .memberSec .memberListArti .toggleBtn{ top: 108px; }
    .memberSec .memberListArti .memberDiv .refrashBtn{ top: 108px; }
}
@media screen and (max-width: 900px) {
    .memberSec .memberListArti .toggleBtn{ top: 132px;  }
    .memberSec .memberListArti .memberDiv{ top: 0; padding: 0; padding-left: 50px; padding-right: 10px;}
    .memberSec .memberListArti .memberDiv .memberList{ font-size: 15px; }
    .memberSec .memberListArti .memberDiv .memberListBox{ margin: 10px 0; margin-left: 130px; }
    .memberSec .memberListArti .memberDiv .check-wrap{ margin-top: 5px; display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
    .memberSec .memberListArti .memberDiv .check-wrap input[type="checkbox"]{ width: 20px; }
    .memberSec .memberListArti .memberDiv .check-wrap .ipt{ width: calc(100% - 25px);} 
    .memberSec .memberListArti .toggleBtn{ top: 114px; width: 30px; left: 10px; height: 53px; border-radius: 5px; }
    .memberSec .memberListArti .toggleBtn img{ width: 20px; }
    .memberSec .memberListArti .memberDiv .refrashBtn{ top: 114px; border-radius: 5px; font-size: 14px; }
}
@media screen and (max-width: 650px) {
    .memberSec .memberListArti .memberDiv{ top: 0; }
    .memberSec .memberListArti .memberDiv .memberListBox{margin-left:134px; height: 200px;}
    .memberSec .memberListArti .toggleBtn{ top: 120px;  }
    .memberSec .memberListArti .memberDiv .refrashBtn{ top: 120px;}

    .memberSec .memberListArti .memberDiv .memberList{ gap: 2px; padding-right: 0; }
    .memberSec .memberListArti .memberDiv .memberList > li::after{ right: 5px; }
    .memberSec .memberListArti .memberDiv .memberList > li{ max-width: calc(100% / 2.02); padding-right: 10px; }


}
@media screen and (max-width: 500px) {
    .memberSec .memberListArti .memberDiv{ padding-bottom: 40px; top: 0; }
    .memberSec .memberListArti .memberDiv .memberListBox{margin-left:0; overflow-y: unset; }
    .memberSec .memberListArti .memberDiv .memberList{ font-size: 14px; height: 156px; overflow-y: scroll; }
    .memberSec .memberListArti .toggleBtn.on{ top: 117px; }
    .memberSec .memberListArti .toggleBtn{ top: 108px; }
    .memberSec .memberListArti .toggleBtn{ top: 117px; height: 31px; }
    .memberSec .memberListArti .memberDiv .refrashBtn{ top: 220px; padding: 7px 10px; gap: 5px; }
}

.memberSec .todayCheckArti{ vertical-align: middle; margin-bottom: 30px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; text-align: center; line-height: center;}
.memberSec .todayCheckArti .todayCheckBtn{ background-color: #003839; color: #C5A998; display: flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 100px; border: none; font-weight: 700; }
.memberSec .todayCheckArti .time{ color: #7F7F7F; }
.memberSec .todayCheckArti .time span{ display:inline-block; height:100%; content:""; vertical-align:middle;}
.memberSec .todayCheckArti .time span img{ width:15px; }
@media screen and (max-width: 650px) {
    .memberSec .todayCheckArti .todayCheckBtn{ gap: 5px; }
}

/* 추가 */
/* 개인정보처리방침 및 면책공고 팝업 */
.privacyPopupSec{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 999; display: flex; align-items: center; justify-content: center;  opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.privacyPopupSec .inner{ max-width: 500px; }
.privacyPopupSec.show{ opacity: 1; visibility: visible; }
.privacyPopupSec .popupContentArti{ background-color: #fff; border-radius: 20px; overflow: hidden; }
.privacyPopupSec#termsPopup .popupContentArti{ max-width: 1150px; margin: 0 auto; }
.privacyPopupSec .popupContentArti .titleBox{ display: flex; justify-content: center; padding: 25px 50px; background-color: #003839; color: #fff;  text-align: center; }
.privacyPopupSec .popupContentArti .titleBox .txt{ font-size: 18px; font-weight: 700;  }
.privacyPopupSec .popupContentArti .titleBox .closeBtn{ background-color: transparent; border: none; }
.privacyPopupSec .popupContentArti .contentBox{ padding: 25px 40px; max-height: 60vh;  font-size: 18px; display: flex; align-items: center; justify-content: center; gap: 10px;  }
.privacyPopupSec .popupContentArti .contentBox .todayCheckBtn{background-color: #003839; color:white; display: flex; align-items: center; padding: 8px 16px; border-radius: 100px; border: none; font-weight: 700; }
.privacyPopupSec .popupContentArti .contentBox b{ font-weight: 600; }

@media screen and (max-width: 1000px) { 
    .privacyPopupSec .popupContentArti{ border-radius: 10px; }
    .privacyPopupSec .popupContentArti .titleBox{ padding: 20px; }
    .privacyPopupSec .popupContentArti .titleBox p{ background-color: #003839; }
    .privacyPopupSec .popupContentArti .titleBox .txt{ font-size: 16px;  }
    .privacyPopupSec .popupContentArti .titleBox .closeBtn .icon{ width: 16px; }
}

/* 추가끝 */

/* 2024-07-18 */
.memberSec .indexList > li.memo{ flex-direction: column; display: none; }
.memberSec .indexList > li.memo .memoDiv{ background-color: #F7F8FA; text-align: left; display: block; padding: 10px; }

.memberSec .indexList > li.memo .memoDiv .writer{ color: #7F7F7F; font-size: 13px; }
.memberSec .indexList > li.memo .memoDiv .content{ margin: 10px 0; }  
.memberSec .indexList > li.memo .memoDiv .memoInfo{ color: #7F7F7F; font-size: 13px; display: flex; justify-content: space-between; }

.memberSec .indexList .toggleIcon{ margin-left: 5px; background-color: transparent; border: none; }
.memberSec .indexList .toggleIcon .icon{ width: 16px; }
.memberSec .indexList .toggleIcon.reverse .icon{ transform: rotate(180deg); }
@media screen and (max-width: 500px) { 
    .memberSec .indexList > li.memo .memoDiv + .memoDiv{ border-top: 1px solid #dfdfdf; }
}


.disturbArti{ display: flex; margin: 20px 0; }
.disturbArti .iptWrap .btnList{ display: flex; }

/* 2025년 4월 24일  [로딩화면] 추가 */
main.loading{ opacity: 0; visibility: hidden; flex-direction: column; gap:10px; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 999999; background-color: rgba(0,0,0,0.8); width: 100%; height: 100%; }
main.loading.show{ opacity: 1; visibility: visible; }
main.loading::after{ content:'저장중입니다.'; color: #fff; font-weight: 200; margin-top: 10px;  }
main.loading .icon{ width: 30px; animation: rotate 2s ease-in-out infinite; }
@keyframes rotate {
    0% { transform: rotate(0); } 
    100% { transform: rotate(360deg); } 
}


#contractData li{
    width: calc(100%/3); 
}
#contractData .box1{ width:100%; display: flex; gap: 0px; align-items: center; }
#contractData .itemBox{  align-items: flex-start; flex-direction: column; }


/* 20250528 추가 */
.bellArti{ display: flex; align-items: center; justify-content: flex-end; margin: 10px 0; }
.bellArti .bellBtn{ font-size: 14px; display: flex; align-items: center; min-width: 150px; padding: 2px; border: none; background-color: rgba(217, 217, 217, .4); }
.bellArti .bellBtn .label{ background-color: #003839; color: #C5A998; padding: 10px 13px; border-radius: 4px; }
.bellArti .bellBtn .text{ padding:  0 10px; flex-grow: 1; text-align: center; }

.bellPopup{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; padding: 10px; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 99999; }
.bellPopup.on{ opacity: 1; visibility: visible; }
.bellPopup .popupArti{ max-width: 1000px; width: 100%;  }
.bellPopup .popupArti .titleBox{ background-color: #003839; color: #fff; font-weight: 600; display: flex; align-items: center;  justify-content: space-between; gap: 10px; font-size: 18px; border-radius: 10px 10px 0 0; padding: 20px; }
.bellPopup .popupArti .titleBox button{ background: transparent; border: none; }
.bellPopup .popupArti .contentBox{ font-size: 14px; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 30px; max-height: 70vh; overflow-y: scroll; }
.bellPopup .popupArti .contentBox .itemList > li{  padding: 20px 50px; border-bottom: 1px solid #E2E2E2; }
.bellPopup .popupArti .contentBox .itemList .item{ display: flex; justify-content: space-between; gap: 10px; }
.bellPopup .popupArti .contentBox .itemList .box1{ width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.bellPopup .popupArti .contentBox .itemList .box2{ flex-shrink: 0; color: #7F7F7F; width: 90px; flex-shrink: 0; }

@media screen and (max-width: 950px) { 
    .bellPopup .popupArti .contentBox .itemList > li{ padding: 10px; }
    .bellPopup .popupArti .titleBox{ padding: 10px; }
}


.bellPopup2{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; padding: 10px; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 99999; }
.bellPopup2.on{ opacity: 1; visibility: visible; }
.bellPopup2 .popupArti{ max-width: 1000px; width: 100%;  }
.bellPopup2 .popupArti .titleBox{ background-color: #003839; color: #fff; font-weight: 600; display: flex; align-items: center;  justify-content: space-between; gap: 10px; font-size: 18px; border-radius: 10px 10px 0 0; padding: 20px; }
.bellPopup2 .popupArti .titleBox button{ background: transparent; border: none; }
.bellPopup2 .popupArti .contentBox{ font-size: 14px; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 30px; max-height: 70vh; overflow-y: scroll; }
.bellPopup2 .popupArti .contentBox .itemList > li{  padding: 20px 50px; border-bottom: 1px solid #E2E2E2; }
.bellPopup2 .popupArti .contentBox .itemList .item{ display: flex; justify-content: space-between; gap: 10px; }
.bellPopup2 .popupArti .contentBox .itemList .box1{ width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.bellPopup2 .popupArti .contentBox .itemList .box2{ color: #7F7F7F; width: 90px; flex-shrink: 0; }

@media screen and (max-width: 950px) { 
    .bellPopup2 .popupArti .contentBox .itemList > li{ padding: 10px; }
    .bellPopup2 .popupArti .titleBox{ padding: 10px; }
}
.commutePopup{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; padding: 10px; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 999999; }
.commutePopup.on{ opacity: 1; visibility: visible; }
.commutePopup .popupArti{ max-width: 1000px; width: 100%;  }
.commutePopup .popupArti .titleBox{ background-color: #003839; color: #fff; font-weight: 600; display: flex; align-items: center;  justify-content: space-between; gap: 10px; font-size: 18px; border-radius: 10px 10px 0 0; padding: 20px; }
.commutePopup .popupArti .titleBox button{ background: transparent; border: none; }
.commutePopup .popupArti .contentBox{ font-size: 14px; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 30px; max-height: 70vh; overflow-y: scroll; }
.commutePopup .popupArti .contentBox .itemList > li{  padding: 20px 50px; border-bottom: 1px solid #E2E2E2; }
.commutePopup .popupArti .contentBox .itemList .item{ display: flex; justify-content: space-between; gap: 10px; }
.commutePopup .popupArti .contentBox .itemList .box1{ width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.commutePopup .popupArti .contentBox .itemList .box2{ color: #7F7F7F; width: 90px; flex-shrink: 0; }

@media screen and (max-width: 950px) { 
    .commutePopup .popupArti .contentBox .itemList > li{ padding: 10px; }
    .commutePopup .popupArti .titleBox{ padding: 10px; }
}

.calendarPopup{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; padding: 10px; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 99999; }
.calendarPopup.on{ opacity: 1; visibility: visible; }
.calendarPopup .popupArti{ max-width: 1000px; width: 100%;  }
.calendarPopup .popupArti .titleBox{ background-color: #003839; color: #fff; font-weight: 600; display: flex; align-items: center;  justify-content: space-between; gap: 10px; font-size: 18px; border-radius: 10px 10px 0 0; padding: 20px; }
.calendarPopup .popupArti .titleBox button{ background: transparent; border: none; }
.calendarPopup .popupArti .contentBox{ font-size: 14px; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 30px; max-height: 70vh; overflow-y: scroll; }
.calendarPopup .popupArti .contentBox .itemList > li{  padding: 20px 50px; border-bottom: 1px solid #E2E2E2; }
.calendarPopup .popupArti .contentBox .itemList .item{ display: flex; justify-content: space-between; gap: 10px; }
.calendarPopup .popupArti .contentBox .itemList .box1{ width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.calendarPopup .popupArti .contentBox .itemList .box2{ color: #7F7F7F; width: 90px; flex-shrink: 0; }

@media screen and (max-width: 950px) { 
    .calendarPopup .popupArti .contentBox .itemList > li{ padding: 10px; }
    .calendarPopup .popupArti .titleBox{ padding: 10px; }
}



.bellPopup .popupArti .contentBox .itemList#bellList{ border-top: 1px solid #efefef; }
.bellPopup .popupArti .contentBox .itemList#bellList .item{ align-items: center; }
.bellPopup .popupArti .contentBox .itemList#bellList .box1{ cursor: pointer; }
.bellPopup .popupArti .contentBox .itemList#bellList .box2{ width: 130px; flex-shrink: 0; }
.bellPopup .popupArti .contentBox .itemList#bellList .box2:last-child{ width: auto !important; }


.bellPopup2 .popupArti .contentBox .itemList#bellList2{ border-top: 1px solid #efefef; }
.bellPopup2 .popupArti .contentBox .itemList#bellList2 .item{ align-items: center; }
.bellPopup2 .popupArti .contentBox .itemList#bellList2 .box2{ width: 130px; flex-shrink: 0; }
.bellPopup2 .popupArti .contentBox .itemList#bellList2 .box2:last-child{ width: auto !important; }

.commutePopup .popupArti .contentBox .itemList#bellList2{ border-top: 1px solid #efefef; }
.commutePopup .popupArti .contentBox .itemList#bellList2 .item{ align-items: center; }
.commutePopup .popupArti .contentBox .itemList#bellList2 .box2{ width: 130px; flex-shrink: 0; }
.commutePopup .popupArti .contentBox .itemList#bellList2 .box2:last-child{ width: auto !important; }

.calendarPopup .popupArti .contentBox .itemList#bellList2{ border-top: 1px solid #efefef; }
.calendarPopup .popupArti .contentBox .itemList#bellList2 .item{ align-items: center; }
.calendarPopup .popupArti .contentBox .itemList#bellList2 .box2{ width: 130px; flex-shrink: 0; }
.calendarPopup .popupArti .contentBox .itemList#bellList2 .box2:last-child{ width: auto !important; }


#memberPC1{ z-index: 9999999; }


/* overFlowSelectDiv */
.overFlowSelectDiv{ margin-top: 20px; gap: 10px; position: relative; overflow: hidden; display: flex; }
.overFlowSelectDiv select{ border-radius: 0; }
/* .overFlowSelectDiv .searchBtn{ border-radius: 0 4px 4px 0; height: 100%; font-size: 14px; padding: 5px; }  */
.overFlowSelectDiv .select2-selection{ border: 1px solid #e4e4e4 !important; color: #7f7f7f; padding: 10px 20px; border-radius: 0 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ display: flex; align-items: center; margin: 0 !important; background-color: #fff !important;  border-radius: 0 !important; }
.select2-container--default .select2-search--inline .select2-search__field{ margin: 0 !important; }
.select2-container .select2-selection--multiple .select2-selection__rendered{ display: flex !important; gap:5px; flex-wrap: wrap;  }
.select2-container--default.select2-container--focus .select2-selection--multiple{ display: flex; flex-wrap: wrap; gap: 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ font-size: 1.5em !important; }


label.checkedLabel{ display: flex; align-items: center; }
label.checkedLabel .textBox{ background: #fff; font-size: 14px; padding: 5px; border: 1px solid #e4e4e4; color: #7f7f7f; cursor: pointer; }
label.checkedLabel input[type="checkbox"]{ display: none; }

.moreViewBtn{ margin-top: 10px; padding: 5px 10px; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 4px; color: #7f7f7f; font-size:14px; } 




.specification{ margin-top: 50px; }
.specification .table-title{ padding: 10px 0; text-align: center; font-weight: 600; font-size: 20px; border-top: 2px solid #222; border-bottom: 2px solid #222; }
.specification .profileBox{ border: .5px solid #000; margin-top: 10px; display: flex; }
.specification .profileBox .left{ width: 50%; }
.specification .profileBox .right{ width: 50%; }
.specification .ulTable{ border: .5px solid #000; }
.specification .ulTable > li{ display: flex; }
.specification .ulTable > li + li{ border-top: 2px solid #222; }
.specification .ulTable .th{ flex-shrink: 0; padding: 5px; text-align: center; width: 200px; border-right: 2px solid #222; }
.specification .ulTable .td{ padding:10px 5px; flex-grow: 1; }
.specification .ulTable .bg{ background-color: #dfdfdf; }
.specification .ulTable .center{ text-align: center; }

.specification .profileBox .left{ display: flex; flex-direction: column; }
.specification .profileBox .left > li:nth-child(2){ flex-grow: 1; }
.specification .alignCenter{ display: flex; align-items: center; justify-content: center; }
.specification .halfBox{ display: flex; align-items: center; gap: 10px; }
.specification .halfBox .box{ width: 50%; }
.specification .iptBox{ margin-top: 5px; }

/* @media screen and (max-width: 1430px) { 
  .specification .profileBox{ flex-direction: column; }
  .specification .profileBox .left{ width: 100%; }
  .specification .profileBox .right{ width: 100%; }
  .specification .halfBox .box{ width: 50%; }
  .specification .ulTable .th{ width: 100px; }
}
 */
@media screen and (max-width: 650px) { 
  .specification .halfBox{ flex-direction: column; }
  .specification .halfBox .box{ width: 100%; }
}
.specification .settlement{ margin: 50px 0 0 0; display: flex; border: 2px solid #000;  }
.specification .settlement + .settlement{ border-top: unset; margin-top: 0;}
.specification .settlement .left{ flex-shrink: 0; border-right: 2px solid #222; padding: 10px; text-align: center; background-color: #dfdfdf; width: 100px;  }
.specification .settlement .ulTable{ border: .5px solid #000; border: none; }
.specification .settlement .right{ flex-grow: 1; }
.specification .settlement .right > li .th{ width: calc(100% / 11); min-width: calc(100% / 11); max-width: calc(100% / 11); border-right: 2px solid #000;}
.specification .settlement .right > li .th:last-child{ flex-grow: 1; min-width: calc(100% / 11);  width: auto; border-right: none; }
.specification .settlement .right > li .td{ width: calc(100% / 11); min-width: calc(100% / 11); max-width: calc(100% / 11); border-right: 2px solid #000; }
.specification .settlement .right > li .td:last-child{ flex-grow: 1; width: auto; border-right: none; }

.specification .settlement .right.admin > li .th{ width: calc(100% / 12); min-width: calc(100% / 12); max-width: calc(100% / 12); border-right: 2px solid #000;}
.specification .settlement .right.admin > li .th:last-child{ flex-grow: 1; min-width: calc(100% / 12);  width: auto; border-right: none; }
.specification .settlement .right.admin > li .td{ width: calc(100% / 12);  min-width: calc(100% / 12); max-width: calc(100% / 12); border-right: 2px solid #000; }
.specification .settlement .right.admin > li .td:last-child{ flex-grow: 1; width: auto; border-right: none; }

.specification .settlement .right > li .grow{ flex-grow: 1; min-width: unset; max-width: unset; }
.specification .settlement .right.admin > li .grow{ flex-grow: 1; min-width: unset; max-width: unset; }
.specification .textRight{ text-align: right; justify-content: flex-end; }
.specification .textRight.notRight{ justify-content: center; text-align: center;  }
.specification .textRight2{ text-align: right; justify-content: flex-end; }
.specification .textRight2.notRight{ justify-content: center; text-align: center;  }
.specification .td.bg2{ background-color: #f0e2d0; }

/* @media screen and (max-width: 1430px) {
  .specification .settlement{ flex-direction: column; }
  .specification .settlement .left{ width: 100%; border-bottom: 2px solid #000; border-right: none; }
  .specification .settlement .right > li{ flex-wrap: wrap; }
  .specification .settlement .right > li:nth-child(1){ display: none; }
  .specification .settlement .right > li:nth-child(2){ border-top: none; }
  .specification .settlement .right > li .td{ border-right: none; }
  .specification .settlement .right > li > div{ text-align: left; justify-content: flex-start; width: calc(100% / 2) !important; }
  .specification .settlement .right > li > div:nth-child(11){ flex-grow: unset; }
  .specification .settlement .right > li > div:nth-child(1)::before{ content:'업체명 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(2)::before{ content:'법인명 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(3)::before{ content:'고객명 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(4)::before{ content:'캐피탈 수수료 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(5)::before{ content:'대리점 수수료 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(6)::before{ content:'지원금액 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(7)::before{ content:'공급가액 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(8)::before{ content:'인센구간 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(9)::before{ content:'직급수당 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(10)::before{ content:'팀케어 수당 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div:nth-child(11)::before{ content:'인센티브 : '; margin-right: 5px; flex-shrink:0; }
  .specification .settlement .right > li > div.title1::before{ content:'지인소개 : '; }
  .specification .settlement .right > li > div.title2::before{ content:''; display: none; }
  .specification .settlement .right > li > div.title3::before{ content:'전월 총금액 : '; }
  .specification .settlement .right > li > div.title4::before{ content:'공급가액 * 0.02 : '; }
  .specification .settlement .right > li > div.emptyTitle{ display: none; }
}
@media screen and (max-width: 950px) {
  .specification .settlement .right > li > div{ width: 100% !important; }
}
@media screen and (max-width: 650px) {
  .specification .settlement{ margin-top: 20px; }
} */


.memberSec .ipt:hover{ text-decoration: unset; }

@media screen and (max-width: 1820px) {
  .specification .settlement .right > li > div:nth-child(11){ flex-grow: 1; border-right: none !important; }
  .specification .settlement .right.admin > li > div:nth-child(11){ flex-grow: 1; border-right: 2px solid #000 !important; }
}

#calendarBtn{ padding: 10px; border-radius: 0; border: 1px solid #7f7f7f; background-color: #fff; position: fixed; right: 0; top: 39px; z-index: 999; }
#calendarBtn.noAdmin{ display: none; }
#calendarBtn .icon{ width: 20px; }
.calendarPopup .popupArti{ max-height: 70vh; overflow-y: scroll; }
.fc .fc-toolbar-title{ font-size: 20px; padding: 0 10px; }

#attendanceBtn{ padding: 10px; border-radius: 0; border: 1px solid #7f7f7f; background-color: #fff; position: fixed; right: 0; top: 88px; z-index: 999; }
#attendanceBtn .icon{ width: 20px; }
@media screen and (max-width: 1890px) {
  #attendanceBtn{ top: 88px; }
  #calendarBtn.noAdmin{ display: block; }
}
@media screen and (max-width: 1200px) {
  #calendarBtn{ top: 118px; width: 42px; height: 42px; }
  #attendanceBtn{ top: 118px; right: 50px; width: 42px; height: 42px; }
}
@media screen and (max-width: 950px) {
  .calendarPopup .fc .fc-toolbar-title{ font-size: 18px; }
  .calendarPopup .fc-direction-ltr .fc-toolbar > * > :not(:first-child){ font-size: 11px; }
}


#calendar{ width: calc((100% - 1200px) / 2); font-size: 14px; z-index: 999; position: fixed; background: #fff; left: 0; top: 86px; background-color: #fff; }
#calendar.hide{ display: none; }
#calendar .fc-view-harness{ height: 500px !important; }
#calendar .close_btn{ padding: 5px 10px; background-color: #efefef; border:1px solid #ddd; border-top: none; }
#calendar .close_btn.btn2{ display: none; }
@media screen and (min-width: 1891px) {
  #calendar.big{ padding: 40px; left: 0; top: 0; background-color: rgba(0,0,0,0.2); position: fixed; z-index: 999; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
  #calendar.big .fc .fc-daygrid-body{ max-width: 100% !important; width: 1200px !important; }
  #calendar.big .fc-view-harness{ width: 1200px; max-width: 100%; }
  #calendar.big .fc .fc-scroller-liquid-absolute{ background-color: #fff; } 
  #calendar.big .fc .fc-daygrid-body{ width: 100%; }
  #calendar.big .fc-scrollgrid-sync-table{ background: #fff; width: 100% !important; height: 100% !important; }
  #calendar.big .fc .fc-scrollgrid table{ width: 100% !important; background: #fff; }
  #calendar.big .fc-col-header-cell{ background: #fff !important; }
  #calendar.big .fc-view-harness{ height: auto !important; }
  #calendar.big.fc .fc-daygrid-body{ height: 100% !important; }
  #calendar.big.fc .fc-toolbar.fc-header-toolbar{ margin-bottom: 0; padding-bottom: 20px; width: 100% !important; max-width: 1200px; background-color: #fff; }
  #calendar.big .close_btn{ width: 100%; max-width: 1200px; }
  #calendar.big.fc .fc-view-harness-active > .fc-view{ background-color: #fff; }
  #calendar.big .close_btn.btn1{ display: none; }
  #calendar.big .close_btn.btn2{ display: block; }
  #calendar .close_btn.notAdmin{ display: none; }
}

@media screen and (max-width: 1890px) {

  #calendar{ padding: 40px; left: 0; top: 0; background-color: rgba(0,0,0,0.2); position: fixed; z-index: 999; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
  #calendar .fc .fc-daygrid-body{ max-width: 100% !important; width: 1200px !important; }
  #calendar .fc-view-harness{ width: 1200px; max-width: 100%; }
  #calendar .fc .fc-scroller-liquid-absolute{ background-color: #fff; } 
  #calendar .fc .fc-daygrid-body{ width: 100%; }
  #calendar .fc-scrollgrid-sync-table{ background: #fff; width: 100% !important; height: 100% !important; }
  #calendar .fc .fc-scrollgrid table{ width: 100% !important; background: #fff; }
  #calendar .fc-col-header-cell{ background: #fff !important; }
  #calendar .fc-view-harness{ height: auto !important; }
  #calendar.fc .fc-daygrid-body{ height: 100% !important; }
  #calendar.fc .fc-toolbar.fc-header-toolbar{ margin-bottom: 0; padding-bottom: 20px; width: 100% !important; max-width: 1200px; background-color: #fff; }
  #calendar .close_btn{ width: 100%; max-width: 1200px; }
  #calendar.fc .fc-view-harness-active > .fc-view{ background-color: #fff; }
  #calendar .close_btn.btn1{ display: block !important; }
  #calendar .close_btn.btn2{ display: none !important; }
  #calendar.moHidden{ display: none; }
}
@media screen and (max-width: 900px) {
  #calendar{ padding: 50px 20px; }
  #calendar .fc-h-event .fc-event-main span:nth-child(2){ display: none; }
}

.specification .settlement .right{ height: 100%; }
.specification .settlement .right > li{ height: 100%; }
.specification .settlement.total_table .right .bg3{ background-color: #ffc9c9; color: #F55959; font-weight: 700; }
.specification .settlement .bg4{ background-color: #c3fcdf !important; }
.specification .settlement .bg5{ background-color: #ffe3c1 !important; }
.specification .settlement .bg6{ background-color: #a2b0dd !important; }
.memberSec .specification .grayBtn{ border-radius: 4px; color: #7f7f7f; background-color: #fff; border:1px solid #afafaf; }
.memberSec .specification .grayBtn:hover{ background-color: #efefef; }

@media screen and (max-width: 1420px) {
  .specification{ margin: 50px 10px; font-size: 1.2vw; }
  .specification .settlement .right > li .th{ padding: 1vw; }
  .specification .ulTable .th{ width: 14vw; }

  .memberSec .specification .grayBtn{ padding: .5vw; }
}

@media screen and (max-width: 600px) {
  .specification .settlement .right.admin > li:nth-child(1) > div:nth-child(11){  border-right: none; border-right: 2px solid #222; }
}

/* 설치 */
#sms5_install {padding:20px 20px 0}
#sms5_install h2 {margin:0;padding:0 0 20px}
#sms5_install ol {margin:0 0 20px;padding:0 0 0 20px}
#sms5_install li {margin:0 0 10px}

/* 공통 */
.sms5_txt_success {color:blue}
.sms5_txt_fail {color:red}

/* 회원정보업데이트 */
#sms5_mbup dl {zoom:1}
#sms5_mbup dl:after {display:block;visibility:hidden;clear:both;content:''}
#sms5_mbup dt {clear:both;float:left;margin:0 0 5px;width:100px}
#sms5_mbup dd {float:left;margin:0 0 5px}
#sms5_mbup p {clear:both}


/* SMS BOX */
.sms5_box {position:relative;padding:10px;border-radius:5px;background:#fbec99}
.sms5_box .box_ico {position:absolute;top:20px;left:-7px;width:7px;height:13px;background:url('../img/box_ico.gif') no-repeat}
.sms5_box .box_txt {border:0;background:transparent;word-break:break-all;resize:none;overflow:hidden}
.sms5_box textarea.box_txt.is_overview{overflow:visible;min-height:130px}
.sms5_box .box_square { border: 1px solid #dfd284; width:calc(100% - 38px);height:90px}
.sms5_box .box_square:focus{ border: 1px solid #dfd284 !important; box-shadow: none !important; }

#write_wrap {z-index:9}
#wr_message_lbl {position:absolute;top:13px;left:17px;color:#999;font-size:0.95em;letter-spacing:-0.1em}
.write_scemo_btn {position:absolute; right:6px;margin:0;padding:0;width:28px;height:28px;border:0;background:transparent;color:#999;font-size:0.95em}
#write_sc_btn { border: 1px solid #dfd284; border-radius: 2px; width: 40px; height: 47px; top:10px}
#write_emo_btn {border: 1px solid #dfd284; border-radius: 2px; width: 40px; height: 40px; top:60px}
.write_scemo {display:none;z-index:10;position:absolute;left:150px;border:1px solid #e9e9e9;background:#f7f7f7}
.scemo_ico {position:absolute;top:10px;left:-7px;width:7px;height:13px;background:url('../img/scemo_ico.gif') no-repeat}
.write_scemo .scemo_list {z-index:11;margin:0;padding:0;width:190px;height:150px;background:#fff;overflow-y:scroll}
.write_scemo .scemo_add {margin:0;padding:0;height:25px;border:0;background:transparent}
#write_sc {top:10px}
#write_sc .scemo_add {width:25px}
#write_emo {top:45px}
#write_emo .scemo_add {width:50px}
#write_emo .emo_long {width:80px}
.write_scemo .scemo_cls {text-align:right}
.write_scemo .scemo_cls button {margin:5px;padding:0;border:0;background:transparent;color:#666;font-size:0.95em}

/* 문자보내기 */
#sms5_send {position:relative;margin:30px 0 0 0; height:600px}
#sms5_send h2 {font-size:1em}
#sms5_send ul {margin:0;padding:0;list-style:none;zoom:1}
#sms5_send ul:after {display:block;visibility:hidden;clear:both;content:''}
#sms5_send #send_emo { padding: 0 20px 0; display: flex; align-items: center; justify-content: space-between; width:280px}
#sms5_send #send_emo h2 {padding:0 0 10px}
#sms5_send #send_write{ padding:0 20px 0 !important;padding:20px 0 0 20px;width:100%;height:600px; }
#sms5_send #send_write h2 {padding:0 0 10px}
#sms5_send #send_book {position:relative;margin:0 0 0 -1px;padding:10px 0 20px 20px;width:100%;height:600px;border-left:1px solid #efefef}
#sms5_send #send_book h2 {padding-bottom:10px}

#sms5_send .tmp_loading {display:block;padding:180px 0 0;text-align:center}
#sms5_send #send_emo #emo_sel { border: 1px solid #efefef; padding: 10px; margin:0}
#sms5_send #send_emo li {float:left;margin:0 10px 10px 0 !important;margin:0 5px 10px 0;width:110px}
#sms5_send #send_emo .sms5_box {background:#f7f7f7}
#sms5_send #send_emo .box_ico {display:none}
#sms5_send #send_emo .box_txt {cursor:pointer}
#sms5_send #send_emo .emo_tit {display:block;height:20px;line-height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sms5_send #send_emo .btn_submit { display: inline-block; padding:10 25px;height:24px;border:1px solid #ccc;background:#fafafa;color:#000;font-size:0.95em;vertical-align:middle;cursor:pointer !important}
#sms5_send .btn_submit{ padding: 10px 15px !important; }
#sms5_send #send_write {z-index:3}
#sms5_send .write_inner {position:relative;padding:15px 20px;width:100%;border-top:1px solid #efefef}
#sms5_send .write_inner h2 {margin:0;padding:0 0 10px !important}
#sms5_send .write_floater {position:absolute;top:15px;right:20px;text-align:right}
#sms5_send .write_floater_btn {margin:0;padding:0;border:0;background:transparent;color:#999;font-size:0.95em;letter-spacing:-0.1em}
#sms5_send .write_inner label, #sms5_send .write_inner input {margin:0 0 3px;height:25px}
#sms5_send .write_inner label {display:inline-block}
#sms5_send #send_write .sms5_box {  margin:0 0 5px}
#sms5_send #sms_byte {position:absolute;top:-37px;right:0;color:#999}
#sms5_send #write_preset {margin:10px 0;color:#999;font-size:0.95em;letter-spacing:-0.1em}
#sms5_send #write_reply { display: flex; margin:0 0 15px; align-items: center; gap: 10px;}
#sms5_send #hp_list { border: 1px solid #efefef; padding:10px; resize: none; width:100%;margin:0 0 5px;height:250px}
#sms5_send #recv_add {position:relative}
#sms5_send #recv_add button {position:absolute;top:0;right:0 !important;right:20px;margin:0;padding:0;width:45px;height:53px;border:1px solid #ccc;background:#fafafa}
#sms5_send #recv_add .frm_input{width:110px}
#sms5_send #write_rsv {line-height:1.8em}
#sms5_send #write_rsv  select{height:25px;}

#sms5_send #send_book {z-index:2}
#sms5_send #num_book {margin:0 0 10px;width:auto !important;width:95%;height:500px;overflow-y:auto !important;overflow-y:scroll}
#sms5_send #book_tab {margin:0 0 10px;text-align:right}
#sms5_send #book_tab a {display:inline-block;text-align:center}
#sms5_send #sms_person_form {margin:0 20px}
#sms5_send #send_book .btn_submit {padding:0 5px;height:24px}
#sms5_send #book_desc {margin:0 20px;color:#999;font-size:0.95em;letter-spacing:-0.1em  !important}
#sms5_send .td_mngsmall button.btn_frmline,#sms5_send .td_mng button.btn_frmline {padding: 0 7px;background: #3f51b5;height:25px;}

/* 문자전송상세내역 */
#sms5_sent {}
#sms5_sent #sent_overlap {margin:0 20px 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#sms5_sent #sent_overlap li {padding:10px 0;border-bottom:1px solid #e9e9e9}
#sms5_sent #con_sms {margin:0 20px 20px}

/* 이모티콘 관리 */
.sms_preset_sch form {display:inline-block}
#sms5_preset_sel {float:left;padding:8px 0 }
.btn_add {float:right}
#sms5_preset {clear:both;margin:0 0 10px;padding:30px 20px 20px 40px;background:#363a3d;list-style:none;zoom:1}
#sms5_preset:after {display:block;visibility:hidden;clear:both;content:''}
#sms5_preset li {float:left;margin:0 20px 20px 0;width:270px;height:125px;background:#fbec99;zoom:1}
#sms5_preset li:after {display:block;visibility:hidden;clear:both;content:''}
#sms5_preset .li_chk {position:absolute;bottom:10px;left:10px;}
#sms5_preset .li_preview {float:left;width:100px}
#sms5_preset .box_square {padding-right:7px;border-right:1px solid #e2d693}
#sms5_preset .li_info {float:left;margin:0 0 0 10px;width:140px;line-height:1.5em}
#sms5_preset .li_date {position:absolute;bottom:10px;left:30px;color:#86857d}
#sms5_preset .li_cmd {position:absolute;bottom:10px;right:10px}
#sms5_preset .li_cmd a {color:#86857d;font-size:0.95em;letter-spacing:-0.1em}

#sms5_emo_add {position:relative}
#sms5_emo_add .sms5_box {padding:10px !important;padding:10px 5px;width:160px}
#sms5_emo_add .box_txt {margin:0 0 5px}
#sms5_emo_add .write_scemo_btn {right:6px}
#sms5_emo_add .write_scemo {left:170px}

/* 휴대폰번호 관리 */
#hp_check_el {width:148px}
#hp_check_el ul {margin:5px 0 0;padding:0;border:1px solid #f7c3cf;background:#f8e8eb;list-style:none}
#hp_check_el li {position:relative;padding:5px;border-bottom:1px solid #f6dae1}
#hp_check_el strong {position:absolute;top:6px;right:5px;color:#ff3061;font-size:0.95em;font-weight:normal;letter-spacing:-0.1em}

/* 휴대폰번호 파일 */
#sms5_fileup_frm {margin:0 0 10px;padding:0 0;border-bottom:1px solid #e9e9e9}
#sms5_fileup_frm div {padding:5px 0;border-bottom:1px solid #f4f4f4}
#sms5_fileup_frm div.sch_last {margin:0;border:0}
#sms5_fileup_frm strong {display:inline-block;width:80px}
#sms5_fileup_frm strong.sch_long {width:160px}
#sms5_fileup_frm label {display:inline-block;margin:0 5px 0 0}

#sms5_fileup_frm #sms5_fileup {border:0}
#sms5_fileup_frm #upload_info {margin:20px 0}
#sms5_fileup_frm #upload_result {margin:0;padding:10px 0;border-top:3px solid #383838;border-bottom:3px solid #383838;list-style:none}
#sms5_fileup_frm #upload_result li {margin:0 0 5px}
#sms5_fileup_frm #upload_result .local_desc01 {margin:5px 0;padding:10px}
#sms5_fileup_frm #btn_fileup {margin:5px 0 0}

#sms5_fileup_frm .sms_fileup_hide {display:none;border:0}

.sms5_bkfile_p{margin:10px 0}


#sms5Div{
	z-index:999999999;
}


.specification .settlement .right.admin > li #adjustment3_prev{ border-right: none; max-width: calc((100% / 12) * 5); width: calc((100% / 12) * 6); text-align: right; justify-content: flex-end; font-weight: 600; }
.specification .settlement .right.admin > li #adjustment2_prev{ border-right: none; max-width: calc((100% / 12) * 6); width: calc((100% / 12) * 6); text-align: right; justify-content: flex-end; font-weight: 600; }
.specification .settlement .right.admin > li #adjustment2{ font-weight: 700; }
.specification .settlement .right.admin > li #adjustmentIncentive_prev{ border-right: none; max-width: calc((100% / 12) * 3); width: calc((100% / 12) * 3); text-align: right; justify-content: flex-end; font-weight: 600; }
.specification .settlement .right.admin > li #adjustmentIncentive{ border-right: 2px solid #222; }

@media screen and (max-width: 1800px) {
  .specification .settlement .right.admin > li #adjustmentIncentive{ border-right: 1px solid #222; }

}

.specification .settlement .right > li .td#adjustment3_prev{ font-weight: 700; border-right: none; max-width: calc((100% / 11) * 6); width: calc((100% / 11) * 6); text-align: right; justify-content: flex-end; font-weight: 600; } 
.specification .settlement .right > li .td#adjustment2_prev{ font-weight: 700; border-right: none; max-width: calc((100% / 11) * 6); width: calc((100% / 11) * 6); text-align: right; justify-content: flex-end; font-weight: 600; } 
.specification .settlement .right > li .td#adjustmentIncentive_prev{font-weight: 700;  border-right: none; max-width: calc((100% / 11) * 3); width: calc((100% / 11) * 3 );  }
.specification .settlement .right > li .td#adjustmentIncentive{ font-weight: 700;text-align: right; justify-content: center; font-weight: 600; border-right: none; }
.specification .settlement .right > li .td#adjustment2{ font-weight: 700; }
.specification.type2 .settlement .right > li .td#adjustment3_prev{ font-weight: 700;border-right: none; max-width: calc((100% / 12) * 6); width: calc((100% / 12) * 6); text-align: right; justify-content: flex-end; font-weight: 600; } 
.specification.type2 .settlement .right > li .td#adjustment2_prev{ font-weight: 700;border-right: none; max-width: calc((100% / 12) * 6); width: calc((100% / 12) * 6); text-align: right; justify-content: flex-end; font-weight: 600; } 
.specification.type2 .settlement .right > li .td#adjustmentIncentive_prev{font-weight: 700;  border-right: none; max-width: calc((100% / 12) * 3); width: calc((100% / 12) * 3 );  }
.specification.type2 .settlement .right > li .td#adjustmentIncentive{ font-weight: 700; text-align: right; justify-content: center; border-right: 2px solid #222; }