@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/
    .sub_content{font-family: var(--font-type01);}
/*───────────────────────────────────────────────────────────
	
	상단 공통

───────────────────────────────────────────────────────────*/
    .loca_desc{position: relative;font-size: var(--title-20);display: flex;align-items: center;flex-wrap: wrap;padding-block: 80px 38px;}
    .loca_desc :where(dt, dd){display: flex; align-items: center;}
    .loca_desc :where(dt, dd):not(:last-child):after{display: inline-flex; content:''; width: 4px; aspect-ratio: auto 1; border-radius: 100%; background: var(--border-color01); margin-inline: 24px;}
    .loca_desc dt{font-size: 0;}
    .loca_desc dt a{display: flex;align-items: center;height: 18px;}
    .loca_desc dd{font-size: 85%;font-weight: 700;color: var(--black-color07);}

    .nav_wrap{position: relative; display: flex;align-items: flex-end;justify-content: space-between;gap: 30px;flex-wrap: wrap; margin-bottom: 81px;}
    .nav_wrap:before{position: absolute;content:'BIGDREAM';-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--border-color01);font-family: var(--font-type02);color: var(--point-white);font-size: clamp(105px, 16vw, 230px);font-weight: 400;line-height: 1;right: 0;bottom: 0;translate: 44% 16%;width: max-content;z-index: -1;}
    .nav_wrap .hd_title{position: relative; font-size: var(--title-20); display: flex; flex-direction: column; gap:15px; box-sizing: border-box;}
    .nav_wrap .hd_title h2{font-size: 340%;font-weight: 800;color: var(--black-color01);line-height: 1.38;letter-spacing: -0.03em;}
    .nav_wrap .link_list{position: relative;display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 15px;font-size: var(--title-20);}
        .nav_wrap .link_list:not(:has(a:nth-child(2))){display: none;}
    .nav_wrap .link_list a{display: flex;align-items: center;justify-content: center;text-align: center;font-size: 90%;font-weight: 700;color: var(--black-color03);background: var(--gray-bg03);padding: 14px 30px 13px;box-sizing: border-box;border-radius: var(--radius-10); transition: all 0.4s;}
    .nav_wrap .link_list a.on{background: var(--point-color01); color: var(--point-white);}


        @media (hover:hover) and (pointer:fine){
            .nav_wrap .link_list a:hover{background: var(--point-color01); color: var(--point-white);}
        }

    @media (max-width:1023px){
        .loca_desc{padding-block: clamp(65px, 8vw, 80px) clamp(25px, 3.8vw, 38px);}
        .loca_desc dt a{height: clamp(15px, 2.1vw, 16px);}
        .loca_desc :where(dt, dd):not(:last-child):after{margin-inline: clamp(12px, 2.9vw, 24px);}

        .nav_wrap{margin-bottom: clamp(35px, 8vw, 81px);}
        .nav_wrap .hd_title h2{font-size: 320%;}
        .nav_wrap .link_list a{padding-inline: clamp(20px, 3.5vw, 30px);}
    }
    @media (max-width:860px){
        .nav_wrap .link_list{width: 100%; justify-content: flex-start;}
        .nav_wrap:has(a[href="#"]){ box-sizing: border-box; padding-bottom: 78px;}
    }
    @media (max-width:640px){
        .loca_desc :where(dt, dd):not(:last-child):after{width: 3px;}
        .nav_wrap .hd_title h2{font-size: 300%;}
        .nav_wrap { gap: clamp(40px, 5vw, 50px); }
        .nav_wrap:has(a[href="#"]){ padding-bottom: 87px;}
    }
    @media (max-width:479px){
        .nav_wrap .hd_title h2{font-size: 280%;}
        .nav_wrap:has(a[href="#"]){ padding-bottom: 86px;}
    }

/*───────────────────────────────────────────────────────────
	
	Board

───────────────────────────────────────────────────────────*/

    /* 렌탈서비스 */
        .info_title{position: relative;font-size: var(--title-20);display: flex;flex-direction: column;gap: 21px;box-sizing: border-box;text-wrap: balance;}
        .info_title h3{font-size: 200%;font-weight: 700;color: var(--black-color01);line-height: 1.65;letter-spacing: -0.03em;}
        .info_title h3 em{font-weight: 800; color: var(--point-color01);}
        .info_title h3 strong{font-weight: 800;}

        .icon_desc{display: flex;align-items: baseline;gap: 24px;}
        .icon_desc dt{font-size: inherit;font-weight: 700;color: var(--black-color03);display: flex;align-items: baseline;gap: 14px;flex-shrink: 0;max-width: 250px;}
        .icon_desc dt i{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 7px;box-sizing: border-box;border-radius: 100%;background: var(--point-color01);flex-shrink: 0;translate: 0 3px;}
        .icon_desc dd{font-size: 85%;font-weight: 700;color: var(--black-color07);width: 100%;box-sizing: border-box;}

        .price_list{display: grid; grid-template: auto / repeat(2, 1fr); gap: clamp(15px, 1.1vw, 20px); box-sizing: border-box;}
        .price_list > li{position: relative;background: var(--point-color02);border-radius: var(--radius-24);font-size: var(--title-20);letter-spacing: -0.03em;padding: 30px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;gap: 33px;}
        .price_list .desc{display: grid;gap: 8px;}
        .price_list .desc dt{font-size: 110%;font-weight: 800;color: var(--black-color03);line-height: 1.7;}
        .price_list .desc dd{font-size: max(13px, 80%);font-weight: 700;color: var(--black-color08);}
        .price_list .month{font-size: 85%;font-weight: 700;color: var(--point-color01);text-align: right;}
        .price_list .month strong{font-size: 165%;font-weight:800;line-height: 1;}

        .rental_exp{display: flex;align-items: center;gap: 50px 0;margin-bottom: 80px;}
        .rental_exp .info_title{width: 50%; flex-shrink: 0; padding-right: 40px;}
        .rental_exp .price_list{width: 100%;}


        @media (max-width: 1023px){
            .info_title{gap: clamp(15px, 2.1vw, 21px);}
            .info_title h3{font-size: 190%;}
            
            .icon_desc{gap: clamp(20px, 2.4vw, 24px);}
            .icon_desc dt{gap: clamp(12px, 1.9vw, 14px);}
            .icon_desc dt i{width: clamp(30px, 4.1vw, 36px);height: clamp(30px, 4.1vw, 36px);}

            .price_list > li{padding: clamp(25px, 3vw, 30px);gap: clamp(28px, 3.3vw, 33px);}

            .rental_exp{flex-wrap: wrap;margin-bottom: clamp(35px, 8vw, 80px);gap: clamp(30px, 5vw, 50px);}
            .rental_exp .info_title{width: 100%; padding-right: 0;}
        }
        @media (max-width: 640px){
            .info_title h3{font-size: 180%;}
        }
        @media (max-width: 479px){
            .info_title h3{font-size: 170%;}
        }
        @media (max-width: 431px){
            .icon_desc{flex-wrap: wrap;}
            .icon_desc dt{max-width: none; flex-shrink: unset;}

            .rental_exp .price_list{grid-template: auto / repeat(1, 1fr);}
        }

    /* 작성하기 */
        #wrap .bbs_write{position: relative; display: block; width: 100%; box-sizing: border-box; border-top: 1px solid var(--black-color01); padding-top: 40px;}
        #wrap .bbs_write :where(tbody, tr, th, td){position: relative;display: block;width: 100%;box-sizing: border-box;background: none;border:0;padding:0;line-height: 1.57;}
        #wrap .bbs_write tbody{display: flex; gap: clamp(15px, 1.1vw, 20px); flex-wrap: wrap;}
        #wrap .bbs_write tr{width: calc(100% / 2 - clamp(15px, 1.1vw, 20px) / 2);display: flex;align-items: center;gap: 18px 0;padding: 19px 30px;border: 1px solid var(--border-color01);border-radius: var(--radius-10);font-size: var(--title-20);}
            #wrap .bbs_write tr:has([name="title"], [name="content"], [name="captcha"]){width: 100%;}
            #wrap .bbs_write tr:has([name="content"]){flex-wrap: wrap;padding-top: 25px;}
            #wrap .bbs_write tr:has([name="content"]) th{width: 100%; flex-shrink: unset; padding-right: 0;}
        #wrap .bbs_write th{width: clamp(140px, 10vw, 160px);flex-shrink: 0;padding-right: 15px;font-size: 95%;font-weight: 700;color: var(--black-color03);letter-spacing: -0.03em;}
        #wrap .bbs_write th em{font-weight: inherit; color: var(--point-color01);}
        #wrap .bbs_write td{width: 100%;font-size: 90%;font-weight: 400;color: var(--black-color03);letter-spacing: -0.03em;line-height: inherit;}
        #wrap .bbs_write label{font-size: inherit; font-weight: inherit; color: inherit;}
        #wrap .bbs_write :where([type="text"], [type="password"], textarea){width: 100%;height: auto;min-width: auto;border: 0;line-height: normal;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0;font-size: inherit;font-weight: inherit;color: inherit;vertical-align: middle;letter-spacing: inherit;margin: 0;}
        #wrap .bbs_write :where([type="text"], [type="password"], textarea)::placeholder{color: var(--black-color09);}
        #wrap .bbs_write textarea{height: 125px;resize: none;}
        #wrap .cap_wrap{display: flex;align-items: center;gap: 30px;}
        #wrap .cap_wrap .controller{display: flex;flex-shrink: 0;gap: 10px;}
        #wrap #captcha_box{width: 180px;aspect-ratio: auto 4.73;border: 1px solid var(--black-color00);border-radius: var(--radius-05);overflow: hidden;box-sizing: border-box;margin: 0;}
        #wrap #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;margin: -1px 0 0 -1px;}
        #wrap #refreshCode{font-size: 0;width: 40px;aspect-ratio: auto 1;background:var(--black-color06) url('../images/sub/refreshCode.svg') no-repeat center;border-radius: var(--radius-05);box-sizing: border-box;}
        #wrap .policy_cont{margin-top: 20px;padding: 30px;border: 1px solid var(--border-color01);border-radius: var(--radius-10);box-sizing: border-box;display: grid;gap: 24px;}

        #wrap .btn_wrap{position: relative;inset: auto;padding: 0;margin: 80px 0 0;display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}

        @media (max-width:1023px){
            #wrap .bbs_write tr{width: 100%;padding-inline: clamp(20px, 3vw, 30px);row-gap: clamp(12px, 2.3vw, 18px);}
            #wrap .bbs_write tr:has([name="content"]){padding-top: clamp(19px, 3vw, 25px);}
            #wrap .bbs_write textarea{height: clamp(100px, 12.5vw, 125px);}
            #wrap .cap_wrap{gap: clamp(15px, 3vw, 30px);}
            #wrap #captcha_box{width: clamp(160px, 18vw, 180px);}
            #wrap .policy_cont{padding: clamp(20px, 3vw, 30px);margin-top: clamp(15px, 2vw, 20px);gap: clamp(15px, 2.4vw, 24px);}
            #wrap .btn_wrap{margin-top:clamp(40px, 8vw, 80px);}
        }
        @media (max-width:860px){
            #wrap .cap_wrap{flex-wrap: wrap;}
        }
        @media (max-width:479px){
            #wrap .bbs_write tr{flex-wrap: wrap;}
            #wrap .bbs_write th{width: auto; flex-shrink: unset; padding-right: 0;}
        }

    /* 인풋 */
        .area_wrap{border-radius: var(--radius-05);background: var(--gray-bg03);width: 100%;height: 150px;padding-inline: 10px;box-sizing: border-box;overflow: hidden;font-size: var(--title-20);}
        .area_wrap textarea{width: 100%;height: 100%;resize: none;box-sizing: border-box;font-size: max(13px, 80%);line-height: 1.8;color: var(--black-color08);letter-spacing: -0.03em;overflow: hidden;overflow-y: auto;background: none;border:0;padding: 30px 20px;}
            .area_wrap textarea::-webkit-scrollbar { width: 4px; }
            .area_wrap textarea::-webkit-scrollbar-track { background: var(--border-color01); border-radius: 10px; margin:10px;}
            .area_wrap textarea::-webkit-scrollbar-thumb { background-color: var(--black-color01); border-radius: 10px;}

        label:has([type="checkbox"]){display: flex;align-items: flex-start;gap: 10px;font-size: var(--title-19);font-weight: 700;color: var(--black-color01);line-height: 24px;transition: all 0.4s;cursor: pointer;}
        label:has([type="checkbox"]) em{font-weight: inherit; color: var(--point-color01); display: contents;}
        label [type="checkbox"]{position: relative;display: inline-flex;width: 24px;height: 24px;border: 1px solid var(--border-color01);background: var(--point-white);border-radius: var(--radius-05);box-sizing: border-box;transition: inherit;cursor: pointer;flex-shrink: 0;}
            label [type="checkbox"]:before{position: absolute;content:'';width: 12px;aspect-ratio: auto 1.33;background: url('../images/sub/chk_icon.svg') no-repeat center / 100% auto;transition: inherit;top: 50%;left: 50%;translate: -50% -50%;}
            label [type="checkbox"]:checked{border-color: var(--black-color01); background: var(--black-color01);}
            label [type="checkbox"]:checked:before{filter: var(--filter-white);}

        @media (max-width:1023px){
            .area_wrap{height: clamp(140px, 15.5vw, 150px);}
            .area_wrap textarea{padding: clamp(15px, 3vw, 30px) clamp(10px, 2vw, 20px);}
            label:has([type="checkbox"]){line-height: clamp(22px, 2.9vw, 24px);}
            label [type="checkbox"]{width: clamp(22px, 2.9vw, 24px);height: clamp(22px, 2.9vw, 24px);}
            label [type="checkbox"]:before{width: clamp(10px, 1.7vw, 12px);}
        }
        @media (max-width:640px){
            .area_wrap textarea::-webkit-scrollbar { width: 3px; }
        }

    /* 검색 */
        #wrap .search_wrap{position: relative;padding: 35px;border-radius: var(--radius-20);background: var(--gray-bg04);box-sizing: border-box;font-size: var(--title-20);margin-bottom: 80px;}
        #wrap .search_wrap .sec_list{border: 2px solid var(--black-color01);border-radius: var(--radius-10);background: var(--point-white);display: flex;width: fit-content;box-sizing: border-box;margin-inline: auto;}
        #wrap .search_wrap .sec_list > li{position: relative; display: flex; width: 100%;}
        #wrap .search_wrap .sec_list > li:has(input[type="checkbox"]) { flex-shrink: 0; width: fit-content; }
        #wrap .search_wrap .sec_list > li:has(input[type="checkbox"]):nth-child(1) span { padding-right: 0; }
        #wrap .search_wrap .sec_list > li:has(input[type="checkbox"]):nth-child(1)::before { display: none; }
        #wrap .search_wrap .sec_list > li:has(input[type="checkbox"]) span { box-sizing: border-box; padding-inline: 22px; display: inline-flex; align-items: center; height: 56px; font-size: 90%;font-weight: 700;color: var(--black-color03);border: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;background: none;height: 56px;line-height: normal;letter-spacing: -0.03em; }
        
        #wrap .search_wrap .sec_list > li:not(:last-child):before{position: absolute; content:''; width: 1px; height: 14px; background: var(--border-color01); top:50%; right:0; translate: 0 -50%;}
        #wrap .search_wrap :where(input[type="text"], select){padding-inline: 22px;font-size: 90%;font-weight: 700;color: var(--black-color03);border: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;background: none;height: 56px;line-height: normal;letter-spacing: -0.03em;}
        #wrap .search_wrap [type="text"]::placeholder{font-weight: 400; color: var(--black-color09);}
        #wrap .search_wrap select{width: 160px;border: 0;appearance: none;padding-right: 50px;background: url('../images/sub/sel_arw.svg') no-repeat calc(100% - 26px) 50%;}
        #wrap .search_wrap [type="text"]{width: 400px;}
        #wrap .search_wrap button{width: 56px;height: 56px;background: none;padding: 15px;box-sizing: border-box;flex-shrink: 0;}

        @media (max-width:1023px){
            #wrap .search_wrap{padding: clamp(25px, 3.5vw, 35px); margin-bottom: clamp(30px, 8vw, 80px);}
            #wrap .search_wrap .sec_list{width: 100%;}
            #wrap .search_wrap .sec_list > li{width: clamp(105px, 16vw, 160px);flex-shrink: 0;}
            #wrap .search_wrap .sec_list > li:has([type="text"]){width: 100%; flex-shrink: unset;}
            #wrap .search_wrap .sec_list > li:has(button){width: auto;}
            #wrap .search_wrap .sec_list > li:not(:last-child):before{height: clamp(12px, 1.9vw, 14px);}
            #wrap .search_wrap .sec_list > li:has(input[type="checkbox"]) span { padding-inline: clamp(20px, 2.2vw, 22px); height: clamp(48px, 6.1vw, 56px); }
            #wrap .search_wrap :where(input[type="text"], select){padding-inline: clamp(20px, 2.2vw, 22px);height: clamp(48px, 6.1vw, 56px);}
            #wrap .search_wrap select{background-position: calc(100% - clamp(20px, 2.6vw, 26px));padding-right: clamp(45px, 5vw, 50px); width: 100%;}
            #wrap .search_wrap [type="text"]{width: 100%;}
            #wrap .search_wrap button{width: clamp(48px, 6.1vw, 56px);height: clamp(48px, 6.1vw, 56px);}
        }
        @media (max-width:431px){
            #wrap .search_wrap .sec_list{flex-wrap: wrap;}
            #wrap .search_wrap .sec_list > li{width: 100%; flex-shrink: unset;}
            #wrap .search_wrap .sec_list > li:not(:has([type="text"])):before{display: none;}
            #wrap .search_wrap .sec_list > li:has([type="text"]){width: calc(100% - 48px);}
            #wrap .search_wrap select{height: 48px;}
        }

    /* 갤러리 */
        .no_data{font-size: var(--title-18);font-weight: 700;text-align: center;color: var(--black-color05);padding-block: 50px;box-sizing: border-box;}

        .gell_list{display: grid;grid-template: auto / repeat(3, 1fr);gap: clamp(15px, 2.1vw, 38px);box-sizing: border-box;}
        .gell_list > li{position: relative;box-sizing: border-box;background: var(--gray-bg03);border-radius: var(--radius-24);overflow: hidden;display: flex;flex-direction: column; transition: all 0.4s;}
            .gell_list > li:before{position: absolute; content:''; inset: 0; border: 2px solid var(--point-color01); border-radius: inherit; box-sizing: border-box; opacity: 0; pointer-events: none; transition: inherit; z-index: 2;}
        .gell_list .link{position: absolute; inset: 0; z-index: 3; }
        .gell_list .thumb{display: block;width: 100%;aspect-ratio: auto 1.35;border-radius: inherit;overflow: hidden;flex-shrink: 0;}
        .gell_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .gell_list .desc{font-size: var(--title-20);padding: clamp(30px, 2.1vw, 40px);padding-top: clamp(30px, 1.9vw, 35px);display: flex;flex-direction: column;justify-content: space-between;gap: 40px;height: 100%;box-sizing: border-box;}
        .gell_list .desc dt{font-size: 120%;font-weight: 700;color: var(--black-color03);line-height: 1.58;letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
        .gell_list .desc dd{font-size: 85%; font-weight: 700; color: var(--black-color08); line-height: 1.71;}

            @media (hover:hover) and (pointer:fine){
                .gell_list > li:hover{background: var(--point-white);}
                .gell_list > li:hover:before{opacity: 1;}
                .gell_list > li:hover .thumb img{scale: 1.1;}
            }

        @media (max-width:1023px){
            .gell_list{grid-template: auto / repeat(2, 1fr);}
            .gell_list .desc{gap: clamp(25px, 4vw, 40px);}
        }
        @media (max-width:640px){
            .gell_list .desc{padding: 25px;}
            .gell_list .desc dt{font-size: 110%;}
        }
        @media (max-width:479px){
            .gell_list{grid-template: auto / repeat(1, 1fr);}
        }

    /* 페이징 */
        #wrap .paging {text-align:center;padding:0;line-height:normal;margin: 80px 0 0;box-sizing:border-box;display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;font-size: var(--title-20);}
		#wrap .paging span {display: block;}
		#wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size: max(13px, 85%);font-weight: 400;color: var(--black-color08);padding: 2px 5px 0;border:0;box-sizing:border-box;width: auto;min-width: 40px;height: 40px;line-height: 1.2;text-align:center;margin: 0;font-family: var(--font-type02);border-radius: 100%;}
		#wrap .paging :is(.page_num.on a, a.on){color: var(--point-white);background: var(--black-color01);}
		#wrap .paging .arrow a {font-size:0;background:no-repeat center;border: 1px solid var(--border-color01);}
        #wrap .paging .arrow img{display: none;}
        #wrap .paging .arrow:where(.first, .last) a{background-image:url('../images/sub/paging_first.svg');}
        #wrap .paging .arrow:where(.prev, .next) a{background-image:url('../images/sub/paging_prev.svg');}
        #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
		#wrap .paging .arrow.prev a {margin-right:10px;}
		#wrap .paging .arrow.next a {margin-left: 10px;}

        @media (max-width:1023px){
            #wrap .paging{gap: clamp(5px, 1.5vw, 10px); margin-top: clamp(35px, 8vw, 80px);}
            #wrap .paging a{min-width: clamp(32px, 4.5vw, 40px);height: clamp(32px, 4.5vw, 40px);}
            #wrap .paging .arrow.prev a {margin-right:clamp(5px, 1vw, 10px);}
            #wrap .paging .arrow.next a {margin-left: clamp(5px, 1vw, 10px);}
        }

    /* 상세 */
        #wrap .bbs_view{position: relative;font-size: var(--title-20);border-bottom: 1px solid var(--border-color01);padding-bottom: 40px;}
        #wrap .bbs_view .view_tit{padding: 0 0 60px;text-align: center;border: 0;margin: 0;width: 100%;box-sizing: border-box;font-size: var(--title-20);background: none;display: grid;gap: 31px;border-bottom: 1px solid var(--border-color01);}
            #wrap .bbs_view .view_tit:after{display: none;}
        #wrap .bbs_view .view_tit h3{font-size: 200%;font-weight: 700;color: var(--black-color01);width: 100%;text-align: inherit;line-height: 1.65;letter-spacing: -0.03em;}
        #wrap .bbs_view .view_tit p{font-size: 90%;font-weight: 700;color: var(--black-color07);width: 100%;text-align: inherit;display: block;box-sizing: border-box;line-height: 1.67; padding: 0;}
        #wrap .bbs_view .view_cont{padding:60px;padding-bottom: 160px;min-height: 300px;font-size: 95%;font-weight: 700;color: var(--black-color04);line-height: 1.95;letter-spacing: -0.03em;border-bottom: 0;box-sizing: border-box;width: 100%;margin: 0;word-break: keep-all;}
        #wrap .extra_editor_wrap{display: flex;gap: 15px clamp(40px, 3.2vw, 60px);width: 100%;border: 0;box-sizing: border-box;margin: 0;background: var(--gray-bg03);border-radius: var(--radius-10);overflow: hidden;padding: 28px 0;}
        #wrap .extra_editor_wrap h4{position: relative;font-size: 90%;font-weight: 700;color: var(--black-color03);text-align: center;width: 180px;flex-shrink: 0;padding: 0 15px;background: none;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
        #wrap .extra_editor_wrap h4:before{position: absolute; content:''; width: 1px; height: 12px; background: var(--border-color01); top:50%; right:0; translate: 0 -50%;}
        #wrap .extra_cont{display: flex;flex-direction: column;gap: 12px;padding: 0;font-size: 85%;font-weight: 700;color: var(--black-color07);width: 100%;}
        #wrap .extra_cont span{font-size: inherit;color: inherit;display: block;margin: 0;}
        #wrap .extra_cont span a{color: inherit !important;}


        @media (max-width:1023px){
            #wrap .bbs_view{padding-bottom: clamp(20px, 4vw, 40px);}
            #wrap .bbs_view .view_tit{padding-bottom: clamp(25px, 6vw, 60px);gap: clamp(15px, 3.1vw, 31px);}
            #wrap .bbs_view .view_tit h3{font-size: 180%;}
            #wrap .bbs_view .view_cont{padding: clamp(20px, 6vw, 60px);padding-bottom: clamp(50px, 16vw, 160px);}
            #wrap .extra_editor_wrap{padding-block: clamp(20px, 2.8vw, 28px);column-gap: clamp(30px, 4vw, 40px);}
            #wrap .extra_editor_wrap h4{width: clamp(110px, 18vw, 180px);}
        }
        @media (max-width:640px){
            #wrap .bbs_view .view_tit h3{font-size: 160%;}
        }
        @media (max-width:479px){
            #wrap .bbs_view .view_tit h3{font-size: 130%;}
            #wrap .bbs_view .view_cont{font-size: 90%;}
        }
        @media (max-width:360px){
            #wrap .extra_editor_wrap{flex-wrap: wrap;padding-inline: 20px;}
            #wrap .extra_editor_wrap h4{width: 100%;padding-inline: 0;text-align: left;justify-content: flex-start;}
            #wrap .extra_editor_wrap h4:before{display: none;}
        }

    /* 일반 게시글 */
        .bbs_table{position: relative; border-top: 1px solid var(--black-color01); box-sizing: border-box; font-size: var(--title-20);}
        .bbs_table tr{transition: all 0.4s;}
        .bbs_table td{font-size: 85%;font-weight: 700;color: var(--black-color08);text-align: center;padding: 25px 20px;border-bottom: 1px solid var(--border-color01);height: 90px; box-sizing: border-box;}
        .bbs_table td.left{text-align: left;}
        .bbs_table td.left a{font-size: 117%;color: var(--black-color04);white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
        .bbs_table td strong{font-weight: inherit; color: var(--black-color01);}
        .bbs_table .icon{display: flex;align-items: center;justify-content: center;text-align: center;width: fit-content;border: 2px solid var(--point-color01);font-weight: 800;color: var(--point-color01);padding: 7px 22px;border-radius: 30px;box-sizing: border-box;margin-inline: auto;}

            @media (hover:hover) and (pointer:fine){
                .bbs_table tr:hover{background: var(--gray-bg03);}
            }

        @media (max-width:1023px){
            .bbs_table{display: block;}
            .bbs_table :is(tbody, tr, td){display: block; width: 100%; box-sizing: border-box; border: 0; height: auto; text-align: left; padding:0;}
            .bbs_table tr{display: grid;gap: 15px;border-bottom: 1px solid var(--border-color01);padding-block: 25px;}
            .bbs_table .icon{margin-inline:0;padding: clamp(6px, 1.2vw, 7px) clamp(15px, 2.2vw, 22px);}
            .bbs_table td:first-child:not(:has(.icon)){display: none;}
        }

    /* FAQ */
        .faq_list{position: relative; border-top: 1px solid var(--black-color01);}
        .faq_list > li{border-bottom: 1px solid var(--border-color01); box-sizing: border-box;}
        .faq_list .desc{position: relative; font-size: var(--title-20);}
        .faq_list .desc :where(dt, dd) span{position: relative;padding: 25px 40px;padding-right: 100px;box-sizing: border-box;display: flex;align-items: baseline;gap: 30px;font-weight: 700;letter-spacing: -0.03em;}
            .faq_list .desc :where(dt, dd) span:before{display: inline-flex;content: 'Q';align-items: center;justify-content: center;text-align: center;width: 40px;height: 40px;border: 1px solid var(--point-color01);background: var(--point-white);border-radius: 100%;box-sizing: border-box;padding:5px;flex-shrink: 0;font-size: 90%;font-weight: 800;color: var(--point-color01);transition: all 0.4s;}
            .faq_list .desc dt.on span:before{background: var(--point-color01);color: var(--point-white);}
            .faq_list .desc dd span:before{content:'A';border-color: var(--point-white);color: var(--point-color01);font-weight: 800;}
        .faq_list .desc dt{font-size: inherit; color: var(--black-color01); line-height: 1.7; cursor: pointer;}
            .faq_list .desc dt span:after{position: absolute;content:'';width: 13px;aspect-ratio: auto 1;border: 2px solid var(--black-color10);clip-path: var(--clip-poly01);box-sizing: border-box;top: 45%;right: 40px;rotate: 45deg;translate: 0 -50%;border-radius: 2px;transition: all 0.4s;}
            .faq_list .desc dt.on span:after{border-color: var(--point-color01);scale: -1 -1;top: 55%;}
        .faq_list .desc dd{font-size: 90%;color: var(--black-color07);line-height: 1.8;background: var(--gray-bg03);border-top: 1px solid var(--border-color01); display: none;}

        @media (max-width:1023px){
            .faq_list .desc :where(dt, dd) span{padding: clamp(22px, 2.5vw, 25px) clamp(20px, 4vw, 40px);padding-right: clamp(55px, 10vw, 100px);gap: 12px clamp(15px, 3vw, 30px);}
            .faq_list .desc :where(dt, dd) span:before{width: clamp(30px, 4.5vw, 40px);height: clamp(30px, 4.5vw, 40px);}
            .faq_list .desc dt span:after{right: clamp(20px, 4vw, 40px);width: clamp(11px, 1.8vw, 13px);}
        }
        @media (max-width:479px){
            .faq_list .desc dt{font-size: 90%;}
            .faq_list .desc dd{font-size: 80%;}
        }
        @media (max-width:360px){
            .faq_list .desc :where(dt, dd) span{flex-direction: column;}
        }

    /* 스토어 검색 */
        #wrap .store_wrap .search_wrap select{width: 200px;}

        @media (max-width:1023px){
            #wrap .store_wrap .search_wrap select{width: 100%;}
            #wrap .store_wrap .search_wrap .sec_list > li:has(select){width: clamp(160px, 20vw, 200px);}
        }
        @media (max-width:860px){
            #wrap .search_wrap .sec_list > li:has(input[type="checkbox"])::before { display: none; }
            #wrap .store_wrap .search_wrap .sec_list{flex-wrap: wrap;}
            #wrap .store_wrap .search_wrap .sec_list > li{flex-wrap: unset;}
            #wrap .store_wrap .search_wrap .sec_list > li:has(select){width: 100%;}
            #wrap .store_wrap .search_wrap .sec_list > li:has([type="text"]){width: calc(100% - clamp(48px, 6.1vw, 56px));}
        }
        @media (max-width:479px){
            #wrap .store_wrap .search_wrap .sec_list > li:has(select){width: 100%;}
        }

    /* 스토어 컨텐츠 */
        .store_wrap .cont{display: flex;gap: clamp(15px, 2.1vw, 40px);}
        .store_wrap .map_box{width: 61%;height: 740px;overflow: hidden;flex-shrink: 0;border-radius: var(--radius-24); box-shadow: inset 0 0 0 1px var(--border-color01);}
        .store_wrap .map_box iframe{width: 100%; height: 100%;}
        .store_wrap .exp_box{width: 100%;max-height: 740px;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
            .store_wrap .exp_box::-webkit-scrollbar { width: 24px; }
            .store_wrap .exp_box::-webkit-scrollbar-track { border-right: 4px solid var(--border-color01);}
            .store_wrap .exp_box::-webkit-scrollbar-thumb { border-right: 4px solid var(--black-color01);}
        .store_wrap .item_list{display: flex;flex-direction: column;gap: clamp(15px, 1.1vw, 20px);}
        .store_wrap .item_list > li{position: relative;padding: 30px;background: var(--gray-bg03);box-sizing: border-box;border-radius: var(--radius-24);font-size: var(--title-20);letter-spacing: -0.03em;display: grid;gap: 20px; transition: all 0.4s; cursor: pointer;}
            .store_wrap .item_list > li:before{position: absolute; content:''; inset: 0; border: 2px solid var(--point-color01); border-radius: inherit; opacity: 0; transition: inherit; pointer-events: none;}
        .store_wrap .item_list .info_desc{display: grid;gap: 12px;}
        .store_wrap .item_list .info_desc dt{font-size: 120%;font-weight: 800;color: var(--black-color03);line-height: 1.59;}
        .store_wrap .item_list .info_desc dd{font-size: 90%; font-weight: 700; color: var(--black-color05); line-height: 1.67;}
        .store_wrap .item_list .exp_desc{display: flex; align-items: baseline; gap: 10px 24px;}
        .store_wrap .item_list .exp_desc dt{display: flex;align-items: baseline;gap: 14px;flex-shrink: 0;max-width: 120px;font-size: inherit;font-weight: 400;color: var(--black-color03);font-family: var(--font-type02);letter-spacing: 0;}
        .store_wrap .item_list .exp_desc dt i{display: inline-flex;translate: 0 1px;}
        .store_wrap .item_list .exp_desc dd{width: 100%; font-size: 85%; font-weight: 700; color: var(--black-color07);}
        .store_wrap .item_list .exp_desc dd a{position: relative; display: block;}
        #wrap .store_wrap .paging{margin-top: 40px;}

            /* on */
                .store_wrap .item_list > li.on{background: var(--point-white);}
                .store_wrap .item_list > li.on:before{opacity: 1;}

            @media (hover:hover) and (pointer:fine){
                .store_wrap .item_list > li:hover:before{opacity: 1;}
            }

        @media (max-width:1023px){
            .store_wrap .cont{flex-wrap: wrap;}
            .store_wrap .map_box{width: 100%;height: clamp(350px, 72vw, 720px);}
            .store_wrap .exp_box{max-height: clamp(400px, 72vw, 720px);}
            .store_wrap .item_list > li{padding: clamp(25px, 3vw, 30px);}
            .store_wrap .item_list .info_desc{gap: clamp(10px, 1.2vw, 12px);}
            .store_wrap .item_list .exp_desc{column-gap: clamp(20px, 2.4vw, 24px);}
            .store_wrap .item_list .exp_desc dt{gap: clamp(12px, 1.4vw, 14px);}
            .store_wrap .item_list .exp_desc dt i{width: clamp(12px, 2vw, 15px);}
            #wrap .store_wrap .paging{margin-top: clamp(20px, 4vw, 40px);}
        }