@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* ==================================================
   PC 메뉴 > 드롭다운 메뉴 폰트 크기 수정
   ================================================== */
.sub_menu_box .sub_depth1 li a {
    font-size: 14px;
}

/* ==================================================
   지우면 안됨 모바일에 영향있음
   ================================================== */

/* 이미지 밑에 폰트 크기 */
.main-quick-menu .main-quick-cont ul li p {
    font-size: 15px;
}

/** 상품 검색 **/
#header .top_search .search_cont { display: none !important; }

/* ==================================================
   MO > 메인 > 상품가 > 폰트 사이즈
   ================================================== */
.item_money_box del { display: inline-block; font-size: 0.8rem; }

@media (max-width: 768px) {
	.item_choice_price {
		width: 30%;
	}
}

/* ==================================================
   마이페이지 > 멤버십 회원등급 혜택 안내 버튼 가로폭
   ================================================== */
#wrap .ly_wrap.grade_layer {
    width: 330px;
}

/* ==================================================
   마이페이지 > 멤버십 회원등급 혜택 안내 > 첫번째 열 가로폭
   ================================================== */
#wrap .ly_wrap .grade_list dt {
    width: 100px;
}

/* ==================================================
   마이페이지 > 멤버십 회원등급 혜택 안내 > 두번째 열 정렬
   ================================================== */
#wrap .ly_wrap .grade_list dd {
    float: right;
}

/* ==================================================
   마이페이지 > 멤버십 회원등급 혜택 안내 > 테이블 아래 여백 좁게
   ================================================== */
#wrap .ly_wrap .ly_cont {
    padding: 0 15px 0px 15px;
}

/* ==================================================
   상품페이지 오른쪽 상단 > 카테고리 depth > 폰트 사이즈
   ================================================== */
.location_select .location_tit a {
    font-size: 14px;
}

/* ==================================================
   상품페이지 오른쪽 상단 > 카테고리 depth > 펼쳐지는 카테고리 폰트 사이즈
   ================================================== */
.location_select ul li a {
    font-size: 14px;
}

/* ==================================================
   상세페이지 > SNS 공유버튼 > 박스 아래쪽 여백 수정 
   ================================================== */
#wrap .ly_wrap.sns_layer {
    width: 350px;
    height: 93px;
}

/* ==================================================
   메인 팝업창 관련
   ================================================== */

/* 메인 팝업 반응형 */
.main_popup_layer {
	display: flex;
	justify-content: center;
}

#popupCode_move_2 {
	width: 100% !important;
}

#popupCode_move_2_form .box .view {
	width: 100% !important;
	height: auto !important;
	border-radius: 15px;
}

#popupCode_move_2 .view img {
	display: block;
	max-width: 100%;
	height: auto;
}

.sys_pop {
    padding: 0;
    border: none;
}

.sys_pop .box {
    position: relative;
    padding: 0;
}

.sys_pop .box .view {
    border: none;
}

#popupCode_move_2_form {
	background: transparent !important;
}

.sys_pop .box .check label {
    font-size: 12px;
    font-weight: 600;
}

/* 메인 팝업 창닫기버튼X 흰색 */
.sys_pop .box .close {
    right: 6px !important;
	width: 30px !important;
    height: 30px !important;
}

/* ==================================================
   인기구성 탭 상품박스 간격
   ================================================== */
.main-goods-list .item_hl_tab_type .goods_tab_cont .goods_tab_box ul li .item_cont {
    padding: 20px 1rem 0 !important;
}

/* ==================================================
   메인 > 양쪽화살표 크기, 위치
   ================================================== */
.main-goods-list .slick-prev, .main-goods-list .slick-next {
    width: 6.5rem !important;
    height: 6.5rem !important;
}

/* ==================================================
   메인 > 메뉴 폰트 크기
   ================================================== */
#header .header-category #category .sub_menu_box > ul > li > a {
    font-size: 1.7rem !important;
}
@media screen and (max-width: 1000px) {
    #header .header-category #category .sub_menu_box > ul > li > a {
        font-size: 2.8rem !important;
        font-weight: 400;
        padding: 0;
    }
}

/* ==================================================
   메인 > 메뉴 > 전체카테고리 폰트 크기
   ================================================== */
#header .header-category #category .gnb_all .btn_all_menu_open > span {
    font-size: 1.7rem !important;
}

/* ==================================================
   인기구성 탭 버튼 커스텀
   ================================================== */
@media (hover: hover) and (pointer: fine) {
	.main-goods-list .item_hl_tab_type .goods_tab_tit ul li a {
		width: 20rem !important;
		height: 4.5rem !important;
		background-color: #333 !important;
	}
}

/* ==================================================
   상세페이지 시공도 다운 버튼
   ================================================== */
.d_icon {
	width: 30px;
}
@media (max-width: 768px) {
    .d_icon {
        width: 8% !important;
    }
}

@media (max-width: 768px) {
	.d_icon + a {
		font-size: 18px;
	}
}

/* ==================================================
   모바일 > 상품리스트 > 타이틀 위아래 여백 지우기
   ================================================== */
@media (max-width: 768px) {
    .goods_list_item_tit {
        margin: 20px 0 15px !important;
        padding: 0;
        text-align: center;
    }
}

.member_button {
	margin-top: 5px;
}

/* 사업자 등록증 보내기 */
.btn_license {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 51px;
    color: #191919;
    background-color: #fee500;
}

.btn_license:hover {
    background-color: #fada0a;
}

.code_r {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
}

/* 멤버십 회원가 안내창 */
#layer-membership {
 padding : 30px 40px !important;
}

/* ==================================================
   메인 > 판매가(취소줄있는) > 폰트 사이즈, 색상 수정
   ================================================== */
.item_money_box del {
  color: rgb(181, 181, 181) !important;
    font-size: 14px !important;
}

.form_element em {
	font-size: 15px;
	color: crimson;
	font-weight: 600;
}

.nnotice {
	font-size: 15px;
    line-height: 22px;
    color: crimson;
}

@keyframes bounce1{
    to{
        transform: translateY(-10px);
    }
}

/* ==================================================
   왼쪽 상단 > 이용안내 > 텍스트 색상 변경
   ================================================== */
#mb_notice {
	color: #0ff1ff !important;
}

/* ==================================================
   왼쪽 상단 > 이용안내 > 텍스트 뒤에 |
   ==================================================
#mb_notice::after {
    content: '|';
    color: #979797;
    margin: 0 0.8rem;
}
*/

#catalog {
	color: #0ff1ff !important;
	animation: bounce1 0.6s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;
}

#catalog::before {
	content: ''!important;
}

#catalog::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 9px;
    width: 4px;
    height: 4px;
    background-color: #ffe500;
    border-radius: 50%;
}

#header .header-banner {
	background-color: #6d63e1 !important;
}

/* ==================================================
   상세페이지 > 개수 선택 박스
   ================================================== */

/* 박스 배경색 회색으로 수정 */
.option_display_area tbody tr {
	background: #f9f9f9;
}

/* 안쪽 여백 조절*/
.item_detail_list + .item_choice_list table {
    border-spacing: 0 5px;
}

/* 왼쪽끝 선 추가 */
body #wrap .item_choice_list table tbody tr td:first-child {
    border-left: 1px solid #e5e5e5;
}

/* 위, 아래 선 굵기 얇게 수정 */
body #wrap .item_choice_list table tbody tr td {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

/* 오른쪽 선 굵기 얇게 수정 */
body #wrap .item_choice_list table tbody tr td:last-child {
    border-right: 1px solid #e5e5e5;
}

/* ==================================================
   페이지 왼쪽 위 카테고리를 메뉴가 가려서 수정
   ================================================== */
#category .cate-main > ul > li ul {
	z-index: 60;
}

/* ==================================================
   PC > 메인 > 오른쪽 상단 > 반가워요 ○○님
   ================================================== */

/* 모바일 > 위치 왼쪽으로 이동 */
@media (min-width: 768px) {
	#header .header-contents .header-right .header-member-info {
		left: 150px !important;
	}
}

/* PC > [멤버십]네모 보라색으로 색변경  */
#header .header-contents .header-right .header-member-info em.membership {
    background-color: #6d63e1 !important;
}

/* ==================================================
   모바일용 사이드메뉴 멤버십가 미리보기(현재 없는 메뉴)
   ================================================== */
.side-catalog {
	animation: bounce2 0.6s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;
}

@keyframes bounce2{
    to{
        transform: translateY(-3px);
    }
}

.side-catalog-line {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 25px;
}

@media (max-width: 768px) {
    .side-catalog {
		font-size: 14px;
        margin: 0 25px;
        padding: 20px 0;
    }
}

/* ==================================================
  모바일 > 메인 > 분류 타이틀(ex 양변기) > 폰트 크기 수정
   ================================================== */
@media screen and (max-width: 1000px) {
    .main-goods-list .goods_list_tit h3 {
        font-size: 3.5rem !important;
    }
}

/* ==================================================
  모바일 > 패키지구성, 아이콘 표시, 모델번호 표시X
   ================================================== */
@media (max-width: 768px) {
  .item_number_box {
    display: none;
  }

  .item_name p:nth-child(2) {
      font-size: 0.8em !important;
   }
}

/* ==================================================
  모바일 > 햄버거 메뉴 > 회사소개, 이용안내, 시공사례 수정
   ================================================== */
@media (max-width: 768px) {
    .side-member {
        margin: 0 25px;
        padding: 20px 0 25px;
        border-bottom: 1px solid #e7e7e7;
    }

    .side-member > ul > li > a {
        display: block;
        color: #6c6c6c;
        font-size: 14px;
        font-weight: 400;
        line-height: 2.7;
    }
}

/* 메뉴 없어짐 */
.member_a {
	color: #aa86f6 !important;
	font-weight: 500 !important;
}

/* ==================================================
  상품리스트 > 카테고리 버튼(ex 원피스, 투피스) 커스텀
   ================================================== */
.nslist > a {
	display: inline !important;
    padding: 10px 18px !important;
    background: #f8f8f8 !important;
	height: 52px !important;
	text-decoration: none;
}

.list_item_category ul > li.on > a, .list_item_category ul > li > a:hover {
 	color: #fff !important;
	background: #222 !important;
}

@media (max-width: 768px) {
    .list_item_category ul > li > a {
        line-height: 3 !important;
		margin: 0;
        padding: 0;
	}
}

/* ==================================================
  pc에서만 카테고리 간격 줄이기
   ================================================== */
@media (hover: hover) and (pointer: fine) {
	.list_item_category ul > li {
    	padding: 0 10px;
	}
}

@media (max-width: 768px) {
    .list_item_category ul > li > a {
		border: none !important;
		font-size: 14px !important;
	}
}

/* ==================================================
  PC > 메인 > 탭 배너 아래쪽 여백 줄임
   ================================================== */
.main-goods-list.tab-slider {
	margin-bottom: 6rem !important;
}

/* ==================================================
  MO > 메인 > 탭 배너 아래쪽 여백 줄임
   ================================================== */
@media (max-width: 768px) {
	.main-goods-list.tab-slider {
		margin-bottom: 1rem !important;
	}
}

/* ==================================================
  PC > 메인 > 중간배너 위쪽 여백 줄임
   ================================================== */
.m-banner {
	margin-top: 6rem !important;
}

/* ==================================================
  MO > 비밀번호 찾기 > 비밀번호 변경 > input 길이 조절
   ================================================== */
.find_password_reset_box .login_input input {
	width: 100%;
}
	
.find_password_reset_box .login_input {
	width: 100% !important;
	padding: 0px;
}

/* ==================================================
  MO > 마이페이지
   ================================================== */
@media (max-width: 430px) {
	/* 최근 주문 정보 > 테이블 가로 스크롤바 */
    .mypage_table_type { overflow-x: auto; }
    .mypage_table_type table { width: 150%; }
    
    .mypage_claim_cont .mypage_table_type table { width: 300%; }
    .mypage_claim_cont .mypage_table_type table.table_left { width: 100%; }
    .mypage_claim_cont .mypage_table_type table.table_left col:nth-child(1) { width: 25% !important; }
    .mypage_claim_cont .mypage_table_type table.table_left select,
    .mypage_claim_cont .mypage_table_type table.table_left input,
    .mypage_claim_cont .mypage_table_type table.table_left textarea { width: 100% !important; } 
    .mypage_claim_cont .mypage_table_type table { width: 150%; }
}

/* ==================================================
  MO > 주문서 작성/결제 > 세금계산서 > 사업장주소 깨지는거 수정
   ================================================== */
@media screen and (max-width: 768px) {
	#tax_info .member_address {
		display: inline-table !important;
	}
}

.r_photo .item_info_cont {
	padding: 1rem 0 2rem 0 !important;
}

@media (hover: hover) and (pointer: fine) {
	.r_photo .item_info_cont {
		text-align: center;
	}
}

.r_photo .item_link {
	display: none !important;
}

.r_photo .item_brand {
	display: none !important;
}

.r_photo .item_number_box {
	display: none !important;
}

/* 메인배너 동영상배너 사이 간격 */
.main-movie {
    margin-top: 0rem !important;
}

/* 팝업 배경색 투명 */
.sys_pop {
    background: none !important;
}

/* ==================================================
   PC > 상품상세 > 재입고 버튼 커스텀
   ================================================== */
.btn_restock_notice_v2 {
	width: 100%;
	margin-bottom: 10px;
	height: 60px;
	font-size: 20px;
}

/* ==================================================
   PC > 메뉴 > 할인특가 메뉴 색상 아쿠아색으로 변경
   ================================================== */
.tit13 > a {
	color: #0ff1ff !important;
}

/* ==================================================
   PC > 마이페이지 > 찜리스트 > 제품 구매이용 조건 안내 전체보기버튼 클릭시 엑스 블랙으로 변경
   ================================================== */
.nomal_layer .wrap .close {
    background: url('https://dasis.co.kr/data/skin/front/dasis/img/btn/layer-close-b.png') no-repeat -5px !important;
}

/* ==================================================
   260326 추가 / PC > 메인 > 인기구성 탭 중앙정렬
   ================================================== */
.main-goods-list .item_hl_tab_type .goods_tab_tit ul {
    justify-content: center;
}

/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━┓
   ┃ 📱 모바일 반응형 코드 (768px 이하)              ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━┛ */

@media (max-width: 768px) {
	/* ==================================================
	   [260311] MO > 메뉴 > 할인특가 보라색으로 변경
	   ================================================== */
	.gnb_allmenu_box > ul > li:nth-of-type(13) > .all_menu_cont > a {
		color: #aa86f6 !important;
	}

	/* ==================================================
	   [260316] MO > 회사소개 > 상단 여백 축소
	   ================================================== */
    .body-private .content_box, .body-guide .content_box, .body-agreement .content_box, .body-company .content_box {
		padding: 0px 15px !important;
	}

	/* ==================================================
	   [260316] MO > 회사소개 > 상단 여백 축소
	   ================================================== */
	.btn_member_white {
		width: 100% !important;
		padding: 10px;
	}

	/* ==================================================
	   [260316] MO > 주문서 작성/결제 > 마일리지 사용 > 전액 사용하기 줄맞추기
	   ================================================== */
	.order_money_use .form_element {
		padding: 0px;
	}

	/* ==================================================
	   [260316] MO > 주문서 작성/결제 > 세금계산서 입력 아래위 여백 줄임
	   ================================================== */
    .tax_invoice_box .order_table_type td {
        padding: 5px 0 !important;
	}

	/* ==================================================
	   [260316] MO > 주문서 작성/결제 > 세금계산서 입력 > 발행이메일 칸 조절
	   ================================================== */
	.cash_receipt_email input[type='text'] {
        width: 50% !important;
    }

	.tax_invoice_box .order_table_type .cash_receipt_email select {
		width: 48% !important;
	}

	/* ==================================================
	   [260316] MO > 내정보 > 취소/반품/교환 내역 > 버튼깨짐 수정
	   ================================================== */
	 .mypage_breakdown_tab li a {
		padding: 15px 10px 15px 10px !important;
	}

	/* ==================================================
	   [260316] MO > 마이페이지 > 내정보수정 > 계정 연결정보 중앙정렬
	   ================================================== */
	.site_sns_info .site_sns_list {
		text-align: center;
	}

	.site_sns_info .site_sns_list em {
		padding: 15px !important;
	}

	/* ==================================================
	   [260316] MO > 회원가입 > 큰 타이틀 깨짐 수정
	   ================================================== */
    body .join_base_wrap .member_cont h3 {
		display: flex;
		float: none !important;
	}

	/* ==================================================
	   [260316] MO > 제품 상세페이지 > 부속 추가(필수)열 > 넓이 조절
	   ================================================== */
	.item_detail_list dl dt {
        width: 30% !important;
	}

	/* ==================================================
	  MO > 비밀번호 찾기 > 비밀번호 변경 여백 삭제
	   ================================================== */
	 .find_password_reset_box .login_input {
		padding: 0px !important;
	 }

	/* ==================================================
	  MO > 메인 > 슬라이드 배너 버튼 위치
	   ================================================== */
	.slick-dots {
		bottom : 10px !important;
	}

	/* ==================================================
	  MO > 메인 > 패키지탭
	   ================================================== */
	/* 버튼 수정 */
   .main-goods-list .item_hl_tab_type .goods_tab_tit ul li a {
        background-color: #333 !important;
        padding: 6px 12px !important;
        border: 1px solid rgb(181, 181, 181) !important;
        border-radius: 100px !important;
        color: #fff !important;
    }

	/* 버튼 밑줄 삭제 */
	.main-goods-list .item_hl_tab_type .goods_tab_tit ul li.on a::after {
		background-color: #fff !important;
		height: 0px !important;
	}
	
	/* 버튼 간격 */
	.main-goods-list .item_hl_tab_type .goods_tab_tit ul li {
        margin: 0 1rem !important;
	}

	/* 버튼 앞쪽 여백 */
	.main-goods-list .item_hl_tab_type .goods_tab_tit ul li:first-child {
        margin-left: 0 !important;
	}
	
	/* 버튼 밑에 여백 */
	.main-goods-list .item_hl_tab_type .goods_tab_cont {
		margin-top: 3rem !important;
	}
	
	/* ==================================================
	  MO > 상세페이지 > 옵션 선택 테이블 깨짐
	   ================================================== */
	.item_choice_divide .item_choice_photo + span { width: 120px !important; }
    
	/* ==================================================
	  MO > 회원가입 > 사업자 정보 입력란 테이블 깨짐 수정 
	   ================================================== */
    .addition_info_sec table input[type="text"], .business_info_sec table input[type="text"] { width: 100% !important; }
	
	/* ==================================================
	  MO > 제품 검색 결과 리스트 > 제품리스트 양쪽 여백 수정
	   ================================================== */
    .goods_search_cont .goods_list { padding: 0 15px; }

	/* ==================================================
	  MO > 메인 > 제품리스트 > 멤버십가 > 폰트사이트 줄임
	   ================================================== */
    .item_money_box del { font-size: 12px !important; }
	
	/* ==================================================
	   [260401] MO > 마이페이지 > 회원 비밀번호 검증 디자인깨짐 수정
	   ================================================== */
	.my_page_password .id_pw_cont dl {
		padding: 5px 10px 5px 0 !important;
	}
	
	/* ==================================================
	   [260401] MO > 상품리스트 > 상단 여백 삭제
	   ==================================================
	.addition_zone {
		display: none;
	}
	 */

}


/* ==================================================
   마이페이지 > 고객센터 > 사이드 센터안내부분 수정 
   ================================================== */
/* 전체 박스 설정 */
.side_info_box {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-top: 20px; /* 위 메뉴박스와의 간격 */
}

/* 각 그룹(고객센터, 은행) 사이의 구분선 */
.side_info_box .info_group {
    margin: 0;
}
.side_info_box .info_group + .info_group {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
}

/* 제목 스타일 */
.side_info_box dt {
    font-size: 13px;
    color: #868e96;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

/* 내용 영역 스타일 */
.side_info_box dd {
    margin: 0;
    padding: 0;
}

/* 전화번호 & 계좌번호 */
.side_info_box .info_num {
    display: block;
    font-size: 18px;
    color: #212529;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 8px;
    word-break: break-all;
}

/* 이메일 링크 */
.side_info_box .info_mail {
    display: inline-block;
    font-size: 13px;
    color: #4e73df;
    text-decoration: none;
    margin-bottom: 10px;
    word-break: break-all;
}

/* 하단 상세 설명 (운영시간, 은행명 등) */
.side_info_box .info_desc {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: #495057;
}

.side_info_box .info_desc span {
    color: #adb5bd;
    font-size: 11px;
}

/* 모바일 대응 */
@media (max-width: 767px) {
    .side_info_box {
        margin: 15px 0;
        background: #fff;
    }
    .side_info_box .info_num {
        font-size: 20px;
    }
}

/* ==================================================
   이용 약관 수정
   ================================================== */
/* 약관 페이지 전체 배경색 (선택사항) */
.agreement_page {
    padding-bottom: 80px;
}

/* 제목 영역 디자인 */
.service_tit h2 {
    font-size: 32px;
    font-weight: 800;
    color: #222;
    text-align: center;
    margin: 50px 0;
    letter-spacing: -1px;
}

/* 텍스트가 뿌려지는 본문 박스 */
.custom_terms_box {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03); /* 은은한 그림자 */
}

/* 불러온 텍스트 실무 스타일링 */
.inner_content {
    font-size: 15px;
    line-height: 1.9; /* 줄간격을 넓혀야 가독성이 확 살아납니다 */
    color: #444;
    word-break: keep-all; /* 한글 단어 끊김 방지 */
    overflow-wrap: break-word;
}

/* 강조 팁: 관리자 에디터에서 '굵게' 지정한 부분 스타일 */
.inner_content b, 
.inner_content strong {
    color: #222;
    font-weight: 700;
    display: inline-block;
    margin-top: 15px; /* 조항 제목처럼 보이게 상단 여백 */
    font-size: 17px;
    border-bottom: 2px solid #e0e7ff; /* 밑줄 포인트 */
}

/* 줄바꿈(<br>)이 연속될 때 문단 간격 조절 */
.inner_content br {
    content: "";
    display: block;
    margin-top: 10px;
}

/* 모바일 대응 */
@media (max-width: 767px) {
    .custom_terms_box {
        padding: 25px;
        margin: 0 15px;
        border-radius: 0;
        box-shadow: none;
    }
    .service_tit h2 {
        font-size: 24px;
        margin: 30px 0;
    }
}

/* ==================================================
   260420 브랜드 페이지 이미지 카테고리 하단 여백
   ================================================== */
@media (hover: hover) and (pointer: fine) {
  .brand_nav_section {
    padding: 0 0 70px 0 !important;
  }
}

/* ==================================================
   260508 메인 > 탭메뉴 > 버튼모양, 간격 수정
   ================================================== */
.main-goods-list .item_hl_tab_type .goods_tab_tit ul li a {
	border-radius: 0.5em !important;
}

.goods_tab_tit > .tab-menu > li {
	width: 23% !important;
}

@media (max-width: 768px) {
	.goods_tab_tit > .tab-menu {
		text-align: center;
	}
}

.table-rows > thead:first-child > tr > th:nth-of-type(2) {
    background-color: blue !important;
	width: 130px;
}