a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Pretendard';
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

button {
	font-size: 14px;
	font-family: 'Pretendard';
	background-color: transparent;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

html {
	height: 100%;
	margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
	height: 100%;
	font-family: 'Pretendard';
	margin: 0;
    padding: 0;
	position: relative;
	font-size: 14px;
  
}

section {
	overflow: hidden;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 100vh;
	height: auto;
}
.popup{display: none; position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 50;}
.popup-inner{overflow-y: auto; font-size: 14px; width: calc(100% - 30px);padding: 15px;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;max-width: 700px;max-height: calc(100% - 100px);}
.popup-inner>p{font-weight: 500;margin-bottom: 10px;font-size: 18px;}
.thumbnail-img{width: 100%;aspect-ratio: 16/9;height: 100%;margin-bottom: 15px;border-radius: 5px;overflow: hidden;}

.thumbnail-img img{width: 100%;height: 100%;display: block;object-fit: cover;}



.popupBtn-wrap{display: flex;align-items: center;}
.popupBtn-wrap>button{margin-right: 15px;}
.popupBtn-wrap>button:first-of-type{color: #737373;background-color: #e0e0e0;}
.popupBtn-wrap>button:last-of-type{margin-right: 0;}


.popup-inner>h1{position: absolute;left: 0;top: 0;width: 100%;padding: 15px;color: #fff; font-weight: 500;font-size: 18px;text-align: center;background-color: #9FC93C;}
.type-wrap{padding-top: 60px;display: flex;align-items: center;justify-content: center;}
.type-wrap button{height: 170px; font-size: 20px;color: #737373;margin-top: 10px;flex-direction: column; border: 1px solid #E0E0E0;background-color: rgba(230, 230, 230, 0.05); width: 50%;margin-right: 10px;padding: 45px 0;}
.type-wrap button:last-of-type{margin-right: 0;}
.type-wrap button.on{border: 1px solid #9FC93C;background-color: rgba(159, 201, 60, 0.05);color: #9FC93C}
.type-wrap button.on img{display: none;}
.type-wrap button.on img.on{display: block;}

.type-wrap button:hover button.on{border: 1px solid #9FC93C;background-color: rgba(159, 201, 60, 0.05);color: #9FC93C}
.type-wrap button:hover button.on img{display: none;}
.type-wrap button:hover button.on img.on{display: block;}



  

.type-wrap img{width: 60px;height: 60px;display: block;object-fit: contain;}
.type-wrap img.on{display: none;}










/* 로그인 */
.login-wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;width: 100%;max-width: 480px;}
.login-wrap>h1{padding-bottom: 50px;}
.login-pick{display: flex;align-items: center;margin-bottom: 20px;}
.login-pick>button{cursor: pointer;margin-right: 10px;font-size: 16px;border-bottom: 2px solid transparent;}
.login-pick>button.on{font-weight: 600;border-bottom: 2px solid #9FC93C;}

.int-area{margin-bottom: 10px;}
.int-area>p{margin-bottom: 5px;}
.int-area label{overflow: hidden; position: relative;display: flex;align-items: center;justify-content: flex-start;height: 50px;width: 100%;border: 1px solid #E0E0E0;transition: border-color 0.3s ease;}
.int-area input{width: 100%;padding: 20px 10px 20px;padding-right: 50px; background-color: transparent;border: none;font-size: 16px;outline: none;height: 100%;}
.int-area input::placeholder{font-size: 14px;}
.int-area:focus-within>label {border-color: #9FC93C;}

.int-area .file-name{width: calc(100% - 110px); position: relative; overflow: hidden; position: relative;display: flex;align-items: center;justify-content: flex-start;height: 50px;border: 1px solid #E0E0E0;transition: border-color 0.3s ease;}


.int-area span{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);font-size: 14px;transition: top 0.5s ease;}
.int-area span>strong{color: #9FC93C;}
p.error {margin-top: 5px; color: #ff0400;display: block;font-size: 12px;text-align: left;}

/* 눈모양 아이콘 기본값 */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {display: none;}

.int-area input:focus + span,
.int-area input:valid + span {transition: 0.3s;opacity: 0;}

.icon-eye{position: absolute;right: 45px;top: 50%;transform: translateY(-50%);}
.icon-eye>button{cursor: pointer; width: 20px;height: 20px;}
.icon-eye>button>img{width: 100%;height: 100%;display: block;object-fit: contain;}
.icon-eye>button.eyeBtn{display: none;}
.loginBtn button{transition: 0.3s;font-weight: 600; width: 100%;height: 50px;color: #fff;background-color: #9FC93C;font-size: 16px;cursor: pointer;}
.loginBtn button:hover{opacity: 0.8;}
.delBtn{cursor: pointer;width: 20px;height: 20px;margin-right: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.delBtn>img{width: 100%;height: 100%;display: block;object-fit: contain;}


.chk-area{font-size: 14px; margin-bottom: 15px;margin-top: 45px; display: flex;align-items: center;justify-content: space-between;}
.login-box{display: flex;align-items: center;}
.login-box label{accent-color: #9FC93C;display: flex;align-items: center;cursor: pointer;}
.login-box label input[type=checkbox]{width: 18px;height: 18px;margin-right: 10px;cursor: pointer;}

.idpw-area{display: flex;align-items: center;}
.idpw-area>a{transition: 0.3s;display: flex;align-items: center;}
.idpw-area>span{padding: 0 5px;}
.idpw-area>a:hover{color: #9FC93C;}
.idpw-area>a>img{margin-left: 5px; width: 10px;height: 10px;object-fit: contain;display: block;}

/* 간편로그인 */
.sns-area{padding-top: 50px;}
.sns-pick{position: relative; border-top: 1px solid #E0E0E0;padding: 30px 0; display: flex;align-items: center;justify-content: center;}
.sns-pick>a{width: 50px;aspect-ratio: 1/1;border-radius: 50%;overflow: hidden;margin-right: 30px;}
.sns-pick>a:last-of-type{margin-right: 0;}
.sns-pick>a>img{background-color: #f9e000;width: 100%;height: 100%;display: block;object-fit: contain;padding: 5px;}
.sns-pick>a:last-of-type>img{padding: 15px;background-color: #3aab48;}

.sns-title{position: absolute;top: -10px;left: 50%;transform: translateX(-50%);background-color: #fff;padding: 0 20px;width: 100%;max-width: 185px;font-size: 14px;}


.email-area>a{font-size: 14px;text-decoration: underline;transition: 0.3s;}
.email-area>a:hover{color: #9FC93C;}

/* 아이디 찾기 */
header{text-align: center;position: fixed;left: 50%;top: 0;transform: translateX(-50%);z-index: 1; width: 100%;max-width: 800px; height: 60px;background-color: #9FC93C;display: flex;align-items: center;justify-content: center;}
header>p{font-size: 20px;color: #fff;}
header>a{width: 20px;height: 20px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
header>a>img{width: 100%;height: 100%;display: block;object-fit: contain;}

.search-wrap{padding: 30px;font-size: 14px;}
.search-wrap>h4{margin-bottom: 30px;font-weight: 600;}
.search-wrap>h4>p{font-weight: 500;font-size: 14px;padding-top: 5px;}
.int-area2{margin-top: 20px;}

.int-area2 .num-area{display: flex;align-items: center;}
.int-area2 label {width: calc(100% - 110px);}
.num-area .numBtn{background-color: #E0E0E0;color: #666; margin-left: 10px;width: 100px;height: 50px;}



.Btn{margin-top: 45px;}
.Btn button {transition: 0.3s;font-weight: 600; margin-top: 10px; width: 100%;height: 50px;color: #fff;background-color: #9FC93C;font-size: 16px;cursor: pointer;}
.Btn button:hover{opacity: 0.8;}
.myid-wrap{margin-top: 45px; display: flex;align-items: center;justify-content: center; flex-direction: column;}
.myid-wrap>img{width: 80px;aspect-ratio: 1/1; display: block;object-fit: contain;}
.myid-wrap>p{margin-top: 30px; width: 100%;text-align: center;line-height: 20px;font-size: 16px;}
.myid-wrap>p>span{color: #9FC93C;font-weight: 500;}



/* 회원가입 */
.head{text-align: center;position: relative;height: 50px;background-color: rgba(159, 201, 60, 0.3);display: flex;padding: 0 15px;color: #9FC93C;font-size: 14px;align-items: center;justify-content: flex-start;}
.check-wrap{padding: 10px 0; display: flex;align-items: center;justify-content: space-between;}
.check-wrap:first-of-type{border-bottom: 1px solid #e0e0e0;}
.check-wrap label{accent-color: #9FC93C;display: flex;align-items: center;cursor: pointer;width: 100%;}
.check-wrap label input[type=checkbox]{width: 20px;height: 20px;margin-right: 10px;cursor: pointer;}
.check-wrap label span{width: 100%;}
.check-wrap label span>b{font-weight: 400;color: #9FC93C;}
.check-wrap label .toggle-btn{cursor: pointer; width: 15px;height: 15px;transition: transform 0.3s ease;}
.check-wrap label .toggle-btn>img{width: 100%;height: 100%;display: block;object-fit: contain;}
.in-box{display: none;border: 1px solid #E0E0E0;padding: 5px;min-height: 150px;max-height: 150px;overflow-y: auto;line-height: 22px;}

.Btn2 button:last-of-type {margin-top: 10px;border: 1px solid #9FC93C; width: 100%;height: 50px;color: #9FC93C;background-color: #fff;font-size: 16px;cursor: pointer;}



.num-area input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
  }


/* 사이드메뉴 */
.side-wrap{overflow: hidden; display: none; position: fixed;left: 50%;z-index: 900;top: 0;transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;max-width: 800px; transition: opacity 0.3s ease-in-out;opacity: 0;}
.side-wrap.active {display: block;opacity: 1;}
.side-wrap.active .side-menu {transform: translateX(0);}
.side-menu{background-color: #fff;position: absolute;right: 0;top: 0;width: 50%;height: 100%;transform: translateX(100%); transition: transform 0.5s ease-in-out;overflow-y: auto;}


.side-top{display: flex;align-items: center;justify-content: space-between;background-color: #9FC93C;padding: 15px 20px;}
.side-top>div{display: flex;align-items: center;width: 100%;}
.side-top>div img{border: 1px solid #fff;width: 50px;aspect-ratio: 1/1;border-radius: 50%;object-fit: cover;background-color: #fff;margin-right: 15px;}
.side-top>div a{color: #fff;}
.closeBtn>img{width: 20px;height: 20px;display: block;object-fit: contain;}

.side-submenu{display: flex;flex-direction: column;}
.side-submenu a{transition: 0.3s; display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e0e0e0;height: 100%;padding: 15px;}
.side-submenu a:hover{color: #9FC93C;}
.side-submenu img{transition: 0.3s; width: 15px;height: 15px;display: block;object-fit: contain;}
.side-submenu a:hover img{transform: translateX(5px);}









/* 메인 */
.main-wrap{padding: 60px 0 360px;}
.top-menu{z-index: 30;position: fixed;top: 0;left: 50%;transform: translateX(-50%);max-width: calc(800px - 2px); width: 100%;text-align: center;height: 60px;background-color: #9FC93C;display: flex;align-items: center;justify-content: end;}
.top-menu a{cursor: pointer; width: 25px;height: 25px;display: inline-block;position: relative;margin-right: 15px;}
.top-menu a:last-of-type{width: 30px;height: 30px;}
.top-menu a>img{width: 100%;height: 100%;display: block;object-fit: contain;}

.arrow_box{z-index: 1;display: none;position: absolute;width: 100%;min-width: 60px;padding: 8px;left: 50%;transform: translateX(-50%);top: 100%;margin-top: 10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #333;color: #fff;font-size: 12px;}
  
.arrow_box:after{position: absolute;bottom: 100%;left: 50%;width: 0;height: 0;margin-left: -10px;border: solid transparent;border-bottom-color: #333;border-width: 10px;pointer-events: none;content: ' ';}
  
.top-menu a:hover p.arrow_box {display: block;}


.swiper {overflow: hidden;width: 100%;position: relative;}
.swiper-wrapper{width: 100%;display: flex;min-width: 100%;aspect-ratio: 16/9;max-height: 360px;}
.swiper-slide {width: 100% !important;min-width: 100%;text-align: center;position: relative;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}

.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.swiper-pagination{position: absolute;bottom: 30px;left: 30px;display: flex;}
.swiper-pagination-bullet { margin-right: 10px;display: flex;align-items: center; width: 20px;height: 20px;; background-color: rgba(255, 255, 255, 0.5);border-radius: 50px; }
.swiper-pagination-bullet-active { width: 60px; transition: width 0.5s; border-radius: 30px; background-color: #fff;height: 20px;}

.swiper-slide>.bg{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);top: 0;left: 0;color: #fff;}
.swiper-slide>.bg>p{position: absolute;left: 30px;top: 60px;font-family: 'GmarketSansTTFBold';text-align: left;font-size: 36px;line-height: 45px;}


.table-wrap{padding: 30px 20px;border-bottom: 1px solid #e0e0e0;}
.table-wrap ul{display: flex;width: 100%;flex-wrap: wrap;}
.table-wrap ul li{width: calc(33.333% - 10px);margin-right: 15px;margin-bottom: 15px; border: 1px solid #E0E0E0;padding: 10px;border-radius: 15px;}
.table-wrap ul li:nth-child(3n){margin-right: 0;}
.table-wrap a{width: 100%;display: block;}
.table-wrap ul li:hover{border: 1px solid #9FC93C;}

.user-wrap ul li{width: calc(50% - 10px);}
.user-wrap ul li:nth-child(2n){margin-right: 0;}

.user-wrap .list-txt>div{max-width: 100%;}
.user-wrap h3{padding: 15px 0;}

.list-img{aspect-ratio: 1/1;border-radius: 15px;overflow: hidden;}
.list-img img{width: 100%;height: 100%;display: block;object-fit: cover;}

.list-txt{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 10px;}
.list-txt>div{max-width: 150px;min-width: 60px;}
.list-txt span{font-size: 12px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;display: block;}

.list-txt p{font-size: 14px;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}


.star-icon{display: flex;}
.star-icon>img{width: 12px;height: 12px;display: block;object-fit: cover;}

.moreBtn{position: relative;}
.moreBtn::after{content: '';position: absolute;left: 0;bottom: 100%;width: 100%; height: 100px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.50), #fff);aspect-ratio: 1/1;}
.moreBtn button{transition: 0.3s;font-weight: 600; width: 100%;height: 50px;color: #9FC93C;background-color: #fff;border: 1px solid #9FC93C; font-size: 16px;cursor: pointer;}
.moreBtn button:hover{opacity: 0.8;}
.moreBtn2{margin-top: 30px;}
.moreBtn2::after{display: none;}



.notice-wrap{padding: 30px 20px;}
.notice-wrap>h1{font-family: 'GmarketSansTTFBold';text-align: center;padding-bottom: 30px;}
.notice-list{display: flex;align-items: center;padding: 15px 0;justify-content: space-between;border-bottom: 1px solid #e0e0e0;}
.notice-list:first-of-type{border-top: 1px solid #e0e0e0;}
.notice-list>span{color: #999;}



.bottom-info{color: #737373;padding: 30px 20px;background-color: #F7F7F7;display: flex;align-items: flex-start;font-size: 14px;padding-bottom: 60px; position: absolute;bottom: 60px;left: 0;width: 100%;}
.bottom-info>div{width: 50%;}
.bottom-info>div:last-of-type{text-align: right;}
.bottom-info h1{color: #9FC93C;padding-bottom: 15px;}
.bottom-info h1>span{display: block;padding-top: 5px;color: #737373;font-size: 14px;font-weight: 400;}
.bottom-info span{display: block;margin: 5px 0;}

.bottom-info p{margin-top: 15px;}
.bottom-info a:first-of-type{margin-left: 0;}
.bottom-info a{margin-left: 10px;transition: 0.3s;}
.bottom-info a:hover{color: #9FC93C;}


.bottom-menu{z-index: 30; border-top: 1px solid #E0E0E0;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%); width: 100%;max-width: calc(800px - 2px);font-size: 14px; background-color: #fff;display: flex;align-items: center;height: 60px;}
.bottom-menu>div{display: flex;align-items: center;width: 50%;height: 100%;}
.bottom-menu>div:first-of-type{margin-right: 80px;}
.bottom-menu>div:last-of-type{margin-left: 80px;}

.bottom-menu>div>a{font-size: 14px; cursor: pointer;height: 100%;width: 100%; text-align: center;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bottom-menu a.on{color: #9FC93C;}
.bottom-menu a>img{width: 30px;height: 30px;display: block;object-fit: contain;margin: 0 auto 5px ;}


.bottom-menu>a{position: absolute;top: -45px;left: 50%;transform: translateX(-50%);background-color: #9FC93C;border-radius: 50%;color: #fff;
display: flex;flex-direction: column;align-items: center;justify-content: center;width: 80px;height: auto;aspect-ratio: 1/1;
}





/* 내정보 */
.my-info{border-bottom: 1px solid #e0e0e0;padding: 15px;display: flex;align-items: center;justify-content: space-between;}
.my-profile{display: flex;align-items: center;}
.my-profile>.my-img{width: 80px;aspect-ratio: 1/1; background-color: #E0E0E0;;margin-right: 15px;border-radius: 50%;overflow: hidden;}
.my-profile>.my-img img{width: 100%;height: 100%;display: block;object-fit: cover;}
.my-profile>p{line-height: 24px;font-weight: 500;}
.my-profile>p span{display: flex;align-items: center;}
.my-profile>p span a{display: flex;align-items: center;color: #737373;font-size: 12px;font-weight: 400;}
.my-profile>p img{width: 12px;height: 12px;display: block;object-fit: contain;margin-right: 5px;}
.my-info>button{background-color: #9FC93C;color: #fff;padding: 10px 15px;}

.info-wrap{padding: 15px;display: flex;align-items: center;justify-content: center; border-bottom: 1px solid #e0e0e0;}
.info-wrap>div{text-align: center;margin-right: 40px;font-size: 14px;}
.info-wrap>div:last-of-type{margin-right: 0;}
.info-wrap>div p{margin-top: 5px;}
.info-wrap a{ width: 80px;aspect-ratio: 1/1; display: flex;align-items: center;justify-content: center;background-color: rgba(159, 201, 60, 0.3);padding: 20px;border-radius: 50%;}
.info-wrap a>img{width: 100%;height: 100%;display: block;object-fit: contain;}



.submenu-list{display: flex;flex-direction: column;}
.submenu-list a{transition: 0.3s; display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e0e0e0;height: 100%;padding: 15px;}
.submenu-list a:hover{color: #9FC93C;}
.submenu-list img{transition: 0.3s; width: 15px;height: 15px;display: block;object-fit: contain;}
.submenu-list a:hover img{transform: translateX(5px);}



/* 내정보 수정 */
.leaveBtn a{display: flex;align-items: center;width: fit-content;margin-top: 20px;transition: 0.3s;}
.leaveBtn img{width: 10px;height: 10px;display: block;object-fit: contain;transition: 0.3s;}
.leaveBtn a:hover{color: #9FC93C;}
.leaveBtn a:hover img{transform: translateX(5px);}


.add-img{display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 30px;}
.add-img>button{margin-top: 10px;}
.img-wrap{display: inline-block;width: 100px;height: 100px;position: relative;overflow: hidden;border-radius: 50%;background-color: #fff;cursor: pointer;border: 1px solid #e0e0e0;}
.img-wrap>img{display: block;width: 100%;height: 100%;object-fit: cover;padding: 25px;}
.img-wrap>label{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.img-wrap>label>input{display: none;}
.img-wrap>label img{width: 100%;height: 100%;display: block;object-fit: cover;}

.preview-img,
.icon-bg{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

.preview-img.hidden{display: none;}
.icon-bg.hidden{display: none;}


/* 회원탈퇴 */
.search-wrap>h1{margin-bottom: 20px;}
.lv-box{border: 1px solid #E0E0E0;padding: 5px;min-height: 150px;max-height: 200px;overflow-y: auto;line-height: 22px;}
.leaveBtn-wrap{display: flex;align-items: center;}
.leaveBtn-wrap>button{margin-right: 15px;}
.leaveBtn-wrap>button:first-of-type{color: #737373;background-color: #e0e0e0;}
.leaveBtn-wrap>button:last-of-type{margin-right: 0;}



/* 공지사항 */
.notice-wrap ul li{border-bottom: 1px solid #e0e0e0;margin-top: 15px;cursor: pointer;}
.notice-wrap ul li>div:first-of-type{display: flex;align-items: center;justify-content: space-between;font-size: 14px;}
.notice-wrap ul li>div:first-of-type p{width: calc(100% - 100px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;min-width: 100px;}
.notice-wrap ul li>div:first-of-type span{font-size: 12px;color: #737373;}
.noti-box{font-size: 14px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;margin-top: 15px;}
.noti-box.active{overflow-y: scroll;max-height: 500px;margin-top: 15px;}
.noti-box p{line-height: 20px;padding-bottom: 15px;}


/* 견적등록 */
.content-wrap{position: relative;}
.save-wrap{position: absolute;top: 15px;right: 15px;display: flex;align-items: center;}
.save-wrap>button{font-size: 12px; transition: 0.3s; margin-left: 10px; background-color: #000;color: #fff;border-radius: 15px;padding: 5px 15px;}
.save-wrap>button:hover{opacity: 0.8;}
.content{border-top: 1px solid #e0e0e0;padding: 15px;}
.content>p{font-size: 14px;padding-bottom: 15px;}

.tabBtn{display: flex;align-items: center;}
.tabBtn button {width: 80px;height: 60px;background-color: #fff;border: 1px solid #E0E0E0;border-radius: 5px;margin-right: 15px;font-size: 14px;cursor: pointer;}
  
.tabBtn button.on {background-color: #9FC93C;border: 1px solid #9FC93C;color: #fff;}
.tab_content {padding-top: 15px;display: none;}
.tab_content>.content{padding: 0;padding: 15px 0;}

.itemBtn{display: flex;align-items: center;overflow-x: auto;	-webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
.itemBtn button{position: relative; width: 80px;height: 60px;min-width: 80px;background-color: #fff;border: 1px solid #E0E0E0;border-radius: 5px;margin-right: 15px;font-size: 14px;cursor: pointer;}
.itemBtn button.on {background-color: #9FC93C;border: 1px solid #9FC93C;color: #fff;}


.es-list li{transition: 0.3s; cursor: pointer; margin-bottom: 10px;padding: 0 15px; height: 50px; font-size: 16px; border: 1px solid #E0E0E0;display: flex;align-items: center;justify-content: space-between;}

.es-list li i{color: #9FC93C;display: none;}
.es-list li.on{border: 1px solid #9FC93C;}
.es-list li.on i{display: block;}
.es-list li:hover{border: 1px solid #9FC93C;}
.es-list li:hover i{display: block;}
.es-list li p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.es-list span{position: unset;}


.addup-img {display: flex;flex-wrap: wrap;gap: 10px;}


.in-img{display: inline-block;width: calc(20% - 8px); aspect-ratio: 1/1;position: relative;overflow: hidden;border-radius: 10px;border: 1px solid #e0e0e0;}

.in-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.in-img>button{position: absolute;right: 5px;top: 5px;background-color: rgba(0, 0, 0, 0.6);color: #fff;width: 30px;aspect-ratio: 1/1; border-radius: 5px;padding: 8px;}
.in-img>button>img{width: 100%;height: 100%;display: block;object-fit: contain;}
.in-img>label{cursor: pointer; width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.in-img>label>input{display: none;}
.in-img>label>img{width: 100%;height: 100%;display: block;object-fit: cover;padding: 30px;}


.Btn label{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.Btn label input{display: none;}



.content>span{font-size: 12px;display: block;}
.content>span>b{color: #9FC93C;}
.pay-int{border: 1px solid #e0e0e0;display: flex;align-items: center;margin-bottom: 0;transition: 0.3s;}
.int-area.pay-int>label{border: none;width: calc(100% - 30px);}
.int-area.pay-int input{text-align: right;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}
.int-area.pay-int p{width: 30px;margin-bottom: 0;margin-right: 15px;}



.pay-int:focus-within  {border-color: #9FC93C;}





.day-int{border: 1px solid #e0e0e0;display: flex;align-items: center;margin-bottom: 0;transition: 0.3s;}


input[type='date']{position: relative;height: 50px;cursor: pointer;}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0;;top: 0;width: 100%;height: 100%;padding-left: 100%;}
input[type='date']:focus{border-color: #E72D2B;outline: none;}



.date-container>input[type='date'] {font-size: 14px;}
.date-container>input[type='date']:focus {border-color: #E72D2B;outline: none;}

.day-int:focus-within  {border-color: #9FC93C;}
.int-txt {border: 1px solid #e0e0e0;padding: 5px;width: 100%;height: 100%;min-height: 120px;resize: none;outline: none;transition: 0.3s;}
.int-txt:focus-within  {border-color: #9FC93C;}



/* 쇼핑몰 */


.shop-wrap{border-bottom: none;}
.shop-wrap>h1{font-size: 20px;line-height: 24px;margin-bottom: 15px;display: flex;justify-content: space-between;}
.shop-wrap>h1>p{font-weight: 500;font-size: 14px;color: #737373;}


.banner-img{width: 100% !important;min-width: 100%;text-align: center;position: relative;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.banner-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner-img>.bg{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);top: 0;left: 0;color: #fff;}
.banner-img>.bg>p{position: absolute;left: 30px;top: 60px;font-family: 'GmarketSansTTFBold';text-align: left;font-size: 36px;line-height: 45px;}





.select_cus {position: relative;margin-bottom: 10px;width: 100%;}
.select_cus .trigger {width: fit-content; min-width: 80px; display: flex;align-items: center;justify-content: center; position: relative;height: 40px;padding: 10px;border: 1px solid #e0e0e0;cursor: pointer;border-radius: 10px;}
.select_cus .trigger img{width: 15px;height: 15px;display: block;object-fit: contain;}
.select_cus.active .trigger {border-color: #9FC93C;transition: 0.3s;}
.select_cus .trigger_txt {overflow: hidden;font-size: 14px;color: #000;white-space: nowrap; text-overflow: ellipsis;margin-left: 10px;}
.select_cus.select .trigger_txt {color: #000;font-size: 14px;}
.select_cus ul.option { max-width: 160px; transition: 0.3s; width: fit-content;display: none;margin-top: 5px;border-radius: 10px;width: 100%; position: absolute;top: calc(100% - 1px);max-height: 250px;background: #fff;border: 1px solid #E6E6E6;z-index: 1;overflow-y: auto;}
.select_cus .option > li {transition: 0.3s;font-size: 14px;color: #000;cursor: pointer;width: 100%;margin: 0;padding: 0;border: none;padding: 10px;}
.select_cus .option > li:hover{border: none;color: #9FC93C;}
.select_cus ul.option:hover{border: 1px solid #9FC93C;}


.list-txt02>div{max-width: 100%; min-width: 60px;}



/* 쇼핑몰 상세 */
.top-menu>a.backBtn{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.thumb-img{width: 100%;height: 100%;margin-bottom: 15px;}
.thumb-img>img{width: 100%;height: 100%;display: block;object-fit: cover;}

.cartBtn{margin-right: 20px;margin-left: 20px; }
.cartBtn>button{background-color: #fff;color: #3aab48;border: 1px solid #9FC93C;}
.cartBtn>button img{margin-right: 10px;margin-bottom: 2px; width: 18px;height: 18px;display: block;object-fit: contain;}


/* 장바구니 */
.cart-wrap{padding: 30px 20px;text-align: center;position: relative;}
.cart-list>ul{display: flex;align-items: center; border-bottom: 1px solid #e0e0e0;padding: 10px;text-align: left;}
.cart-list>ul>li>div.product-wrap{margin-right: 10px; border-radius: 10px;overflow: hidden;height: 100%;max-width: 80px;min-width: 60px; aspect-ratio: 1/1;}
.cart-list>ul>li>div img{width: 100%;height: 100%;display: block;object-fit: cover;}
.cart-list>ul>li.product-txt{display: flex;justify-content: space-between;width: 100%;max-width: 100%;}
.cart-list>ul>li.product-txt>div:first-of-type{margin-right: 10px; max-width: 450px;min-width: 80px;}
.cart-list>ul>li.product-txt>div:last-of-type{text-align: right;}
.cart-list>ul>li.product-txt>div:last-of-type span{color: #737373;min-width: fit-content;}
.cart-list>ul>li.product-txt>div:last-of-type span>b{font-weight: normal;}
.cart-list>ul>li.product-txt h3{font-size: 16px;font-weight: 600;}
.cart-list>ul>li.product-txt p{font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.cart-list>ul>li.product-txt span{font-size: 12px;overflow: hidden;white-space: wrap;text-overflow: ellipsis;word-break: break-all;}

.cart-money{margin-top: 20px;}
.cart-money>div{display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 5px;}
.cart-money>div:last-of-type{font-weight: 600;}


/* 견적 주문 내역 */
.items-list{padding-bottom: 80px;}
.items-list>ul>li span{color: #737373;}
.items-list>ul>li p.p-ok{color: #0D99FF;font-weight: 600;font-size: 14px;}
.items-list>ul>li p.p-ing{color: #9FC93C;font-weight: 600;font-size: 14px;}

.items-list>ul>li a{margin-bottom: 10px;transition: 0.3s; font-size: 12px;display: flex;align-items: center;justify-content: flex-end;}
.items-list>ul>li a>img{transition: 0.3s; width: 8px;height: 8px;display: block;object-fit: contain;margin-left: 5px;}
.items-list>ul>li a:hover{color: #9FC93C;}
.items-list>ul>li a:hover img{transform: translateX(5px);}




/* 견적 주문 상세 */
.top-wrap{padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; display: flex;justify-content: space-between;align-items: center;}
.top-wrap>p{font-weight: 500;font-size: 14px;display: flex;align-items: flex-end;}
.top-wrap>p>span{color: #999999;font-size: 12px;margin-left: 5px;}
.top-wrap>button{border: 1px solid #E0E0E0;background-color: #f7f7f7;color: #737373;padding: 5px 15px;font-size: 12px;border-radius: 30px;}

.mid-wrap{text-align: left;margin-top: 20px;}
.items-wrap>div p.p-ok{color: #0D99FF;font-weight: 600;font-size: 14px;}
.items-wrap>div p.p-ing{color: #9FC93C;font-weight: 600;font-size: 14px;margin-bottom: 5px;}


.it-list{border-bottom: 1px solid #e0e0e0;padding-bottom: 20px;}
.it-list>div{display: flex;justify-content: space-between;font-size: 14px;}
.it-list>div p{font-weight: 500;max-width: 460px;margin-bottom: 5px;min-width: 140px;width: calc(100% - 140px );}
.it-list>div:last-of-type>p{font-size: 14px;font-weight: normal;}
.it-list>div:first-of-type>span{height: fit-content;margin-left: 10px;width: 140px;min-width: 140px;text-align: right;}
.it-list>div:last-of-type>span{height: fit-content; width: 140px;margin-left: 10px; display: flex;align-items: center;justify-content: flex-end;}
.it-list>div:last-of-type label{padding: 5px; margin-left: 5px; border: 1px solid #E0E0E0;display: flex;align-items: center;}
.it-list>div:last-of-type label input{text-align: center; border: none;outline: none;min-width: 40px;max-width: 40px;}
.it-list>div:last-of-type label button{color: #737373;font-size: 14px;padding: 0 5px;}

.items-info{margin-top: 60px;}
.items-info>p{display: flex;padding: 5px 0;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;font-weight: 500;font-size: 14px;}
.info-list{text-align: left; font-size: 14px;padding-top: 10px;}
.info-list li{display: flex;align-items: center;margin-bottom: 5px;}
.info-list li span{color: #737373;margin-right: 10px;width: 60px;}
.info-list2 li{justify-content: space-between;}
.total-wrap{display: flex;justify-content: space-between;border-top: 1px solid #e0e0e0;padding: 10px 0;}
.total-wrap>div{text-align: right;font-size: 14px;}
.total-wrap b{font-weight: 600;}
.total-wrap>div>b{display: block;}
.total-wrap>div>b>span{font-size: 20px;color: #9FC93C;}

/* 내 견적 확인 */
.my-quotation{padding: 30px 20px;}
.my-quotation>h1{text-align: center;}
.qu-inner{padding-top: 30px;}
.t-btn{display: flex;align-items: center;justify-content: flex-start;}
.t-btn button.on{color: #fff;background-color: #9FC93C;border: 1px solid #9FC93C;}
.t-btn button{transition: 0.3s; width: 75px; display: flex;padding: 5px;border: 1px solid #e0e0e0; border-radius: 5px;margin-right: 10px;}
.t-btn button:hover{color: #fff;background-color: #9FC93C;border: 1px solid #9FC93C;}
.t-btn button>i{margin-right: 5px;}


.qu-wrap{height: 100px; border: 1px solid #e0e0e0;display: flex;align-items: center;justify-content: space-between; padding: 10px;margin-top: 10px;border-radius: 10px;}
.qu-line{width: 100%;position: relative;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.qu-line::after{content: '';width: 100%;background: #E0E0E0;position: absolute;top: 50%;transform: translateY(-50%); left: 0;height: 1px;}
.qu-line>i{padding: 0 15px;background-color: #fff;z-index: 1;font-size: 20px;color: #9FC93C;}
.qu-list{display: flex;align-items: center;height: 100%;width: 100%;}
.qu-list>h3{color: #737373;}
.qu-list h1{font-weight: 600;}

.qu-wrap p{color: #999;font-size: 12px;}
.qu-list p>b{color: #fff;border-radius: 10px;padding: 1px 10px;font-weight: 300;}
.qu-list p>b.qu-chk{background-color: #0D99FF;}
.qu-list p>b.qu-ing{background-color: #9FC93C;}

.qu-list p>b.qu-fin{background-color: #E6E6E6;color: #737373;}
.qu-wrap2 .qu-list>div{display: flex;align-items: center;width: 100%; justify-content: space-between; margin-left: 10px;padding-left: 10px; border-left: 1px solid #e0e0e0;height: 100%;}


.qu-wrap h1{font-size: 16px;padding: 10px 0 20px;}
.qu-wrap a{font-size: 14px; margin-left: 10px; display: flex;align-items: center;justify-content: center; border: 1px solid #9FC93C;height: 50px;aspect-ratio: 2/1;max-width: 80px;background-color: rgba(159, 201, 60, 0.3);color: #9FC93C;font-weight: 600;border-radius: 10px;}
.qu-btn2{display: flex;align-items: center;justify-content: center;}
.qu-btn2>p{font-size: 14px;display: flex;align-items: center;justify-content: center; border: 1px solid #9FC93C;height: 50px;aspect-ratio: 2/1;max-width: 80px;background-color: rgba(159, 201, 60, 0.3);color: #9FC93C;font-weight: 600;border-radius: 10px;}

.qu-btn2>a.details{transition: 0.3s; background-color: rgba(230, 230, 230, 0.3);color: #737373;border: 1px solid #E6E6E6;}
.qu-btn2>a.details:hover{background-color: #e6e6e6;}


.qu-btn3>p{color: #0D99FF;background-color: rgba(13, 154, 255, 0.1);border: 1px solid #0D99FF;}

/* 구매내역 */
.buy-wrap span{font-size: 12px;color: #999;}
.buy-wrap p.p-ok{font-size: 16px;color: #9FC93C;}
.buy-wrap a{margin-bottom: 10px; transition: 0.3s; font-size: 12px;display: flex;align-items: center;justify-content: flex-end;}
.buy-wrap a:hover{color: #9FC93C;}
.buy-wrap a>img{transition: 0.3s;margin-left: 5px; width: 8px !important;height: 8px !important;display: block;object-fit: contain;}
.buy-wrap a:hover img{transform: translateX(5px);}

/* 견적 업체 상세 */
.qu-thumb-img{aspect-ratio: 16/9;}
.top-title{margin-bottom: 15px; display: flex;align-items: center;justify-content: space-between;}
.top-title>div{display: flex;align-items: center;}
.top-title>div>p{padding-right: 5px;}
.top-title>a{width: fit-content;font-size: 14px;display: flex;align-items: center;}
.top-title>a>p{padding-right: 5px;transition: 0.3s;}
.top-title>a:hover p{transform: translate(-5px);color: #9FC93C;}
.table-wrap2>h1{margin-bottom: 15px;}
.table-wrap2 .info-business{border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;padding: 15px 0;}

.info-business ul{display: block;font-size: 14px;}
.info-business ul li{margin: 0; margin-bottom: 10px;display: flex;align-items: center; border: none;width: fit-content;padding: 0;border-radius: 0;}
.info-business ul li:hover{border: none;}
.info-business ul li p{width: 60px;font-weight: 600;}

/* 견적 신청 내역-상세 */

.info-business2 ul li p{width: 80px;}
.info-business2 ul li span{width: calc(100% - 80px);}
.info-business2 ul:last-of-type{border-top: 1px solid #e0e0e0;padding-top: 10px;margin-top: 10px;}
.esBtn{max-width: 400px;margin: 45px auto;}
.esBtn>button{border-radius: 50px;}
.esBtn>button>img{margin-left: 10px; width: 16px;height: 16px;display: block;object-fit: contain;}

.es-wrap>ul>li:first-of-type{max-width: 30px;}
.es-wrap>ul>li:last-of-type{max-width: 30px;}
.es-wrap>ul>li:nth-of-type(4){max-width: 30px;}

.es-wrap>ul {font-size: 14px;display: flex;width: auto;flex-wrap: nowrap;}

.es-wrap>ul>li {display: flex;align-items: center; width: 100%;justify-content: center;margin-right: 0;margin-bottom: 0;border: none;padding: 10px 0;border-radius: 0;border-bottom: 1px solid #e0e0e0;}
.es-wrap>ul>li:hover{border: none;border-bottom: 1px solid #e0e0e0;}

.total-area{display: flex;align-items: center;justify-content: center;margin-top: 60px;margin-bottom: 10px;}
.total-area>p{font-weight: 600;font-size: 16px;}
.total-area>p>span{font-size: 24px;margin-left: 10px;color: #9FC93C;}


/* 채팅창 */
.chat-wrap{padding: 30px 20px 60px;}
.chat-wrap ul li{margin-bottom: 10px;display: block;}
.chat-txt{display: flex;align-items: start;}
.txt-in{line-height: 22px; width: fit-content;padding: 10px 15px;background-color: #E0E0E0;border-radius: 30px;font-size: 14px;}
.b-profile{width: 60px;aspect-ratio: 1/1;border-radius: 50%;overflow: hidden;}
.b-profile>img{width: 100%;height: 100%;display: block;object-fit: cover;}
.my-chat{justify-content: end;}
.my-chat .txt-in{background-color: rgba(159, 201, 60, 0.5);}

.b-chat{margin-left: 5px;width: fit-content;}
.chatBtn{display: flex;align-items: center;}
.chatBtn>button:first-of-type{background-color: #fff;color: #9FC93C;border: 1px solid #9FC93C;margin-right: 15px;}


.messge-wrap{width: 100%;display: block;}
.int-messge{margin: 0 !important;padding: 0 30px;width: 100% !important;}
.int-messge>input{width: 100%;outline: none;border: 1px solid #E0E0E0;background-color: #F7F7F7;height: 45px;padding: 0 10px;border-radius: 30px;}
.int-messge>button{transition: 0.3s;font-size: 16px; background-color: #9FC93C;height: 45px;width: 100px;min-width: 80px; border-radius: 10px;color: #fff;margin-left: 15px;}
.int-messge>button:hover{opacity: 0.8;}



/* 프로젝트 관리 */
button.mapBtn img{width: 15px;height: auto;display: block;object-fit: contain;margin-bottom: 2px;margin-right: 5px;}


/* 프로젝트 관리 지도 더보기 / 내위치 프로젝트 관리 */
.map-wrap {height: 100%;}
.map-btn {padding: 30px 0;overflow: hidden;height: 50%; z-index: 20;background-color: #fff;border-radius: 30px 30px 0 0;transition: height 0.3s ease-in-out;position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);width: 100%;}
.map-btn>button{font-size: 24px;color: #9FC93C;display: flex;align-items: center;justify-content: center;margin: auto;cursor: pointer;}
.map-btn.open{height: calc(100% - 120px);}

/* 문의하기 */
textarea.textarea{resize: none;width: 100%;outline: none;transition: 0.3s;min-height: 360px;}
textarea.textarea:focus-within{border: 1px solid #9FC93C;}


/* 리뷰목록 */
.review-wrap{padding: 30px 20px;}

.review-wrap ul li{overflow: hidden; position: relative; margin-bottom: 10px; border: 1px solid #e0e0e0;padding: 10px;border-radius: 15px;}
.rv-info span{color: #999999;font-size: 12px;}

.rv-content{margin-top: 15px;}
.review-wrap ul li.hidden .bg-hidden{color: #737373; display: flex;align-items: center;justify-content: center; position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: #F7F7F7;}

.star-icon2{display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.star-icon2>img {width: 50px;height: 50px;display: block;object-fit: cover;padding: 5px;}




/* 이용약관,개인정보처리방침 */
.lv-box2{min-height: auto;max-height: 100%;}


.question-wrap{padding: 30px 20px;}
.question-wrap>h1{font-weight: 600;text-align: center;}

.search-box{height: 50px; border-radius: 15px;margin: 30px auto;max-width: 550px; padding: 0 30px; position: relative; border: 1px solid; background-color: rgba(230, 230, 230, 0.5);border: 1px solid #E0E0E0;}
.search-box>input{background-color: transparent; height: inherit;border: none;width: 100%;padding: 0 15px;outline: none;}
.search-box>i{position: absolute;left: 15px;top: 50%;transform: translateY(-50%); color: #737373;}

.q-wrap{border-bottom: 1px solid #e0e0e0;padding: 15px 0;}


.q-wrap>button {cursor: pointer;width: 15px;height: 15px;transition: transform 0.3s ease;}
.q-wrap>button>img{width: 100%;height: 100%;display: block;object-fit: contain;}

.in-box2{border-top: none;}

.qu-bottom{background-color: rgba(159, 201, 60, 0.3);display: block;line-height: 26px;}
.qu-bottom>h3{color: #000;}
.qu-bottom>a{color: #000;transition: 0.3s;}
.qu-bottom>a:hover{color: #9FC93C;}
.qu-bottom .qu-img{position: absolute;right: 20px;bottom: 0;width: 160px;aspect-ratio: 1/1;}
.qu-bottom img{width: 100%;height: 100%;display: block;object-fit: cover;}





/*  플랜 결제*/
.membership-wrap>div>h4{font-weight: 500;line-height: 20px;margin-bottom: 15px;}
.membership-wrap>div>p{color: #737373;}
.membership-wrap>div .plan-btn{padding-top: 30px; padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; display: flex;justify-content: space-between;}
.membership-wrap>div .plan-btn>h1{font-size: 16px;}
.membership-wrap>div:first-of-type .plan-btn{padding-top: 0;}
.membership-wrap>div .plan-btn>a{transition: 0.3s;text-decoration: underline;font-size: 12px;color: #737373;}
.membership-wrap>div .plan-btn>a:hover{color: #9FC93C;}


.membership-wrap>div ul li{margin-bottom: 20px; position: relative; display: flex;align-items: center;color: #737373;}
.membership-wrap>div ul li>p{margin-right: 20px;}
.membership-wrap>div ul li>button{margin-right: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.plusBtn{color: #737373;}

.plusBtn img{margin-right: 5px; width: 15px;height: 15px;display: block;object-fit: contain;}

.membership-wrap>div ul.pay-list{width: 100%;display: flex;align-items: center;justify-content: center;}
.membership-wrap>div ul.pay-list li {margin-bottom: 10px; width: 100%;display: flex;align-items: center;justify-content: center;}
.membership-wrap>div ul.pay-list li p{margin-right: 0;}
.membership-wrap>div ul li p.on{padding: 3px 10px;color: #fff; background-color: #9FC93C;border-radius: 5px;}


.popup-inner>h3{padding-top: 15px;}
.pay-wrap{display: flex;margin-top: 20px;}
.pay-wrap>div:first-of-type{width: 100%;margin-right: 15px;}
.pay-wrap>div:last-of-type{width: 100%;max-width: 140px;}

.pay-wrap .int-area input{padding-right: 20px;}



/* 구독 취소 */
.cancel-wrap>p{display: flex;align-items: center;padding-bottom: 10px;}
.cancel-wrap>p img{margin-right: 5px; width: 15px;height: 15px;display: block;object-fit: contain;}
.cancel-wrap>p span{margin-left: 5px;}


.cancelBtn>button:last-of-type{color: #9FC93C; background-color: #fff;border: 1px solid #9FC93C;}


.cancel-inner{text-align: center;}
.cancel-inner>h3{font-size: 18px;}

.cancel-inner>p{padding-top: 15px;font-weight: 400;font-size: 16px;}


/*  */
.date-wrap{padding-bottom: 100px;}
.date-content{position: relative;display: flex;align-items: center; justify-content: center;}
.date-content>button{width: 12px;height: 12px;margin: 0 15px;}
.date-content>button img{width: 100%;height: 100%;display: block;object-fit: contain;}

.calendar-content{background-color: #fff;padding: 0;height: 100%;border: 1px solid;}
.calendar-content>.Calendar {display: flex;flex-direction: column;width: 100%;height: 100%;position: relative;}
.calendar-content>.Calendar>.cal-sub-title{border-bottom: 1px solid #e6e6e6;}
.calendar-content>.Calendar>.cal-sub-title, .cal-row {display: flex;height: 50px;background-color: #F7F7F7;}
.calendar-content>.Calendar>.cal-sub-title > div, .cal-cell {width: 100%;display: flex;align-items: center;justify-content: center;}
.calendar-content>.Calendar>.cal-body{height: 100%;overflow: auto;}
.calendar-content>.Calendar>.cal-body>.cal-row {background-color: #fff;border-bottom: 1px solid #e0e0e0;display: flex;max-height: 20%;height: 100%;}
.calendar-content>.Calendar>.cal-body>.cal-row>div{border-right: 1px solid #e0e0e0;}
.calendar-content>.Calendar>.cal-body>.cal-row>div:last-of-type{border-right: none}
.calendar-content>.Calendar>.cal-body>.cal-row>.cal-cell {width: 100%;display: flex;align-items: start;justify-content: space-between;flex-direction: column;}
.calendar-content>.Calendar>.cal-body>.cal-row>.cal-cell>p{width: 100%;font-size: 12px;}
.calendar-content>.Calendar>.cal-body>.cal-row>.cal-cell>div.event{font-size: 12px;color: #666;}
.calendar-content>.Calendar>.cal-body>.cal-row>.cal-cell>div.event>p{background: #0D99FF;color: #fff;font-size: 14px;}
.calendar-content>.Calendar>.cal-body>.cal-row>.cal-cell.empty {background-color: #f7f7f7;}



/* 멤버십 */
.ms-wrap{background-color: #333;padding: 30px 20px;}
.ms-wrap>h1{color: #9FC93C;}
.benefit-wrap{display: flex;align-items: center;justify-content: center;}
.benefit-wrap>div{margin-top: 30px; margin-right: 10px; position: relative; width: 50%;border: 1px solid #9FC93C;border-radius: 15px;background-color: #fff;padding: 20px 15px;}
.benefit-wrap>div:last-of-type{margin-right: 0;}
.benefit-wrap>div>img{position: absolute;top: 10px;right: 15px; width: 40px;height: 40px;display: block;object-fit: contain;}
.benefit-wrap>div>h3{color: #9FC93C;font-weight: 500;}
.benefit-wrap>div>h3>span{color: #000;font-weight: 500;}

.benefit-wrap>div>p{font-size: 18px;font-weight: 500; display: flex;align-items: end;justify-content: center;margin-top: 20px;}
.benefit-wrap>div>p>span{padding-left: 5px;font-weight: 600;font-size: 30px;}
.ms-wrap2{overflow: hidden; position: relative; background-color: rgba(159, 201, 60, 0.15);padding: 30px 20px;}
.ms-wrap2>h3{padding: 30px 20px;}
.ms-wrap3{background-color: #fff;}
.ms-wrap3>h3{padding: 30px 20px;}

.ms-wrap2 img.bgimg{width: 250px;aspect-ratio: 1/1; position: absolute;bottom: -60px;right: -40px;display: block;object-fit: contain;}


.benefit-wrap2{padding-top: 45px;padding-bottom: 30px;}
.benefit-wrap2>div>h3{line-height: 0.8; width: 230px; color: #9FC93C;font-weight: 600;font-size: 40px;}
.benefit-wrap2>div>h3>span{color: #000;font-weight: 600;font-size: 24px;}

.benefit-wrap3 img{width: 100%;aspect-ratio: 16/9;}


/* 프로젝트 관리 */
.pj-title{display: flex;justify-content: center;}
.pj-title>input{outline: none; border: none;font-size: 24px;}
.item-search{display: flex;justify-content: space-between;align-items: center;}
.item-box{display: flex;}
.item-box>label{accent-color: #9FC93C;display: flex;align-items: center;font-size: 14px;}
.item-box>label>input{margin-right: 5px; width: 20px;height: 20px;}

.search-box {background: #fff;}
.search-box>i{color: #000;}
.project-wrap{display: flex;flex-wrap: wrap;}
.project-wrap>a{transition: 0.3s; text-align: center; margin-bottom: 10px; overflow: hidden;border-radius: 10px; margin-right: 10px;;position: relative;background-color: rgba(159, 201, 60, 0.3);width: calc(50% - 5px);aspect-ratio: 16/4;height: auto;display: flex;align-items: center;justify-content: center;}
.project-wrap>a:nth-of-type(2n) {margin-right: 0;}
.project-wrap>a:hover{scale: 1.01;background-color: rgba(159, 201, 60, 0.6);}
.project-wrap>a>img{opacity: 0.5; position: absolute;top: -5px;right: -10px;display: block;object-fit: contain;width: 80px;height: 80px;}
.project-wrap>a>p{display: flex;align-items: center;justify-content: center;z-index: 1;font-weight: 600;}


.preview-wrap{font-size: 14px; border: 1px solid #e0e0e0;padding: 10px;border-radius: 10px;}
.preview-wrap>h3{padding-bottom: 10px;}
.preview-wrap ul{border-radius: 5px; background-color: rgba(230, 230, 230, 0.3); border: 1px solid #e0e0e0;margin-bottom: 5px;}
.preview-wrap ul>li{padding: 0;min-height: 30px;}

.preview-wrap2{border: none;padding: 0;margin-bottom: 30px;border-bottom: 1px solid #e0e0e0;border-radius: 0;padding-bottom: 30px;}
.preview-wrap2 ul{border-radius: 5px;background-color: #fff; border: 1px solid #e0e0e0;margin-bottom: 5px;}
.preview-wrap ul>li{padding: 0;min-height: 30px;}




.pl-wrap>div>span{color: #737373;font-size: 12px;}
.pl-wrap>div>span>i{color: #9FC93C;margin-right: 5px;}

.pl-view{border-radius: 10px; margin-top: 30px;padding: 10px;border: 1px solid #e0e0e0;display: flex;justify-content: space-between;align-items: center;font-weight: 600;}
.pl-total{margin-top: 10px;font-size: 14px;line-height: 1.5;}
.kakaoBtn{margin-top: 60px; display: flex;justify-content: center;height: 50px;}
.kakaoBtn>button{transition: 0.3s; padding: 0 30px; display: flex;align-items: center;justify-content: center;background-color: #FEE500;color: #3C1E1E;font-weight: 600;font-size: 14px;}
.kakaoBtn>button>img{width: auto;height: 35px;aspect-ratio: 1/1;margin-right: 10px;}

.kakaoBtn>button:hover{scale: 1.03;}


.quote-wrap{margin-top: 30px; font-size: 14px; display: flex;justify-content: space-between;}
.quote-wrap>div:last-of-type{text-align: right;line-height: 1.5;}



.int-quote{min-width: fit-content;}
.int-quote>div{display: flex;align-items: center;font-weight: 600;}
.int-quote>input{height: 30px;border: none;}
.int-quote>div>p{margin-right: 10px;text-decoration: underline;}
.int-quote>div>.int-add{width: 100px; margin-top: 10px;}
.int-quote>div>.int-add>input{width: 100%; padding: 5px; outline: none; display: block;border: none;border-bottom: 1px solid;}
.int-quote>div>span{margin-left: 10px;font-size: 14px;}

.vat-wrap{margin: 30px 0; display: flex;justify-content: space-between;font-weight: 600;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: 10px 0;}
.saveBtn{background-color: #9FC93C;border-radius: 5px;color: #fff;}



.content-sub{display: flex;align-items: center;justify-content: space-between;}
.content-sub>button.p-Btn{background-color: rgba(159, 201, 60, 0.3);color: #9FC93C;width: auto;height: 40px;aspect-ratio: 1 / 1;border-radius: 50px;margin-left: 30px;}
.content-sub>button.p-Btn>img{width: 16px;height: 16px;display: block;object-fit: contain;}

.content-sub>button.d-Btn{background-color: #E0E0E0;color: #9FC93C;width: auto;height: 40px;aspect-ratio: 1 / 1;border-radius: 50px;margin-left: 30px;}
.content-sub>button.d-Btn>img{width: 16px;height: 16px;display: block;object-fit: contain;}

.content-sub>div>button>a{position: absolute;top: 0;right: 0;background-color: #e0e0e0;width: 20px;height: 20px;padding: 5px;}
.content-sub>div>button>a>img{width: 100%;height: 100%;display: block;object-fit: contain;}

.int-areaSub{margin-bottom: 0;margin-right: 15px;min-width: 150px;}
.int-areaSub:nth-of-type(2){max-width: 150px;}
.int-areaSub:nth-of-type(3){max-width: 150px;}
.int-areaSub:last-of-type{margin-right: 0;}

.int-areaSub>label{border-radius: 5px;}


/* 0626 */
.address-wrap{display: flex;align-items: flex-end;}
.postcode>label{width: 100%;margin-right: 10px;max-width: 150px;}
.top-menu a.logo-img{width: 45px;height: 45px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}


@media screen and (max-width: 620px){
	.main-wrap {padding: 60px 0 380px;}
	.bottom-menu>div:first-of-type {margin-right: 60px;}
	.bottom-menu>div:last-of-type {margin-left: 60px;}

    .table-wrap ul li {width: calc(50% - 7.5px);}
	.table-wrap ul li:nth-child(3n){margin-right: 15px;}

	.table-wrap ul li:nth-child(2n){margin-right: 0;}
	.in-img{width: calc(25% - 8px);;}


	.bottom-info{flex-direction: column-reverse;align-items: center;text-align: center;}
	.bottom-info>div{width: 100%;}
	.bottom-info>div:last-of-type{padding-bottom: 20px;text-align: center;}

	.es-wrap>ul>li:nth-child(3n) {margin-right: 0;}
	.info-business ul li{width: 100%;}
	.side-menu{width: 70%;}

	.project-wrap>a{aspect-ratio: 16/6;}

}
@media screen and (max-width: 580px){
	.item-search{display: block;}
	.item-checkbox{margin-top: 10px;display: flex;justify-content: end;}
}

@media screen and (max-width: 450px){
	.benefit-wrap {display: block;}
	.benefit-wrap>div{width: 100%;margin-right: 0;}
	.bottom-menu>a{font-size: 12px;}
	.bottom-menu>div>a{font-size: 12px;}

}

@media screen and (max-width: 410px){
	.qu-btn2>p{max-width: 100%;width: 100%;margin-right: 5px;}
	.qu-wrap a{max-width: 100%;width: 100%;}
	.qu-wrap2 .qu-list>div{display: block;}
	.qu-wrap{height: auto;display: block;}
	.qu-btn2 {margin-top: 15px;}
	.qu-btn2>a.details:first-of-type{margin-left: 0;}

	.membership-wrap>div ul li>p{font-size: 12px;}
	.es-wrap>ul {font-size: 12px;}

	.project-wrap>a{aspect-ratio: 16/9;}

	
.bottom-menu>a{width: 75px;top: -35px;}

	

}


@media screen and (max-width: 390px){
	.search-wrap{padding: 15px;}
	.int-area input{font-size: 14px;}
	.swiper-slide>.bg>p{font-size: 28px;line-height: 36px;top: 45px;}
	.bottom-menu>div:first-of-type {margin-right: 35px;}
	.bottom-menu>div:last-of-type {margin-left: 35px;}



    .table-wrap ul li {width: 100%;margin-right: 0;}
	.table-wrap ul li:nth-child(3n){margin-right: 0;}

	.table-wrap ul li:nth-child(2n){margin-right: 0;}

	.table-wrap a{display: flex;}
	.list-img{width: 75px;}
	.list-txt {display: flex;align-items: flex-start;justify-content: space-between;width: calc(100% - 85px);margin-left: 10px;margin-top: 0;}
	.star-icon {display: flex	;align-items: flex-end;justify-content: flex-end;height: 100%;}
	.moreBtn::after {display: none;}
	.in-img{width: calc(33.333% - 8px);;}

	/* 0626 */
	.address-wrap{display: block;}
	.postcode>label{width: 100%;margin-right: 0;max-width: 100%;}
	.address-wrap>div:last-of-type{margin-top: 10px;}

}

@media screen and (max-width: 375px){
	.side-menu{width: 85%;}
	.bottom-menu>a{width: 70px;}
	.bottom-menu a>img{width: 25px;height: 25px;}
}

@media screen and (max-width: 345px){
	.swiper-slide>.bg>p{font-size: 24px;top: 30px;}
}

@media screen and (max-width: 330px){
	.bottom-menu>a{font-size: 10px;width: 65px;top: -30px;}
	.bottom-menu>div>a{font-size: 10px;}
}