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;
	
  
}

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;}


/* 로그인 */
.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{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: 30px; 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 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;}


/* 사이드메뉴 */
.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: 14px;}
  
.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;}

.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{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 {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;}












.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;}
.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;}





/* 내 견적 확인 */
.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;}


.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-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;}


/* 채팅창 */
.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{border: 1px solid;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;}



/* 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;}

}

@media screen and (max-width: 450px){
	.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%;}
	.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;}

	.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;}
}