/*─────────────────────────────────────────────────────────
    게시판
─────────────────────────────────────────────────────────*/
    /*paging*/
		#wrap .paging {display: flex; justify-content: center; align-items: center; width: max-content; text-align:center;width:100%;margin-top:var(--row-gap60);}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-20);font-weight: 500;color:var(--black-color06);padding:0;border:0;box-sizing:border-box;width:clamp(30px, 4vw, 40px);height:clamp(30px, 4vw, 40px);line-height:1;min-width:auto;text-align:center;vertical-align:top;margin:0 5px;font-family:var(--font-type02);}
		#wrap .paging :is(.on a, a.on){background:var(--black-color01);color:var(--point-white);font-weight:600;}
		#wrap .paging .arrow a {font-size:0;width:clamp(20px, 3vw, 30px); background:no-repeat center; }
		#wrap .paging .arrow.first a {background-image:url("/images/paging_first.svg");}
		#wrap .paging .arrow.prev a {background-image:url("/images/paging_prev.svg"); margin-right: 10px;}
		#wrap .paging .arrow.next a {background-image:url("/images/paging_prev.svg"); margin-left: 10px;scale:-1 -1;}
		#wrap .paging .arrow.last a {background-image:url("/images/paging_first.svg");scale:-1 -1;}

		@media (max-width:860px) {
			#wrap .paging {position: relative; left: inherit; top: inherit; translate: 0; width: 100%;}
			#wrap .paging + .btn_wrap {margin-top: var(--row-gap40);}
		}

    /*news*/
        .news_list{margin-top:var(--row-gap30);border-top:1px solid var(--black-color00);}
        .news_list li{border-bottom:1px solid var(--border-color01);}
        .news_list li a{display: flex;align-items:stretch;flex-direction: row-reverse;padding:var(--row-gap30);gap:var(--row-gap60)}
        .news_list li .thumb{width:34.33%;aspect-ratio:auto 1.644;flex-shrink:0;align-self: center;}
        .news_list .info{display: flex;flex-direction: column;flex-grow: 1;justify-content: space-between;padding-block:clamp(20px, 3vw, 48px);gap:var(--row-gap20)}
        .news_list .info .txt{display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap10);}
        .notice{display: inline-flex;border-radius:30px;font-size:var(--text-16);color:var(--point-color01);font-weight:400;border:1px solid var(--point-color01);padding:2px 8px;}
        .news_list .info .tit{font-size:var(--text-20);color:var(--black-color03);font-weight:500;line-height:1.6;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
        .news_list .info .cont{font-size:var(--text-26);color:var(--black-color01);font-weight:500;line-height:1.6;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
        .news_list .info .date{font-size:var(--text-16);color:var(--black-color08);font-weight:400;line-height:1.4;}

        @media (max-width:479px) {
            .news_list li a{flex-direction: column;gap:var(--row-gap40)}
            .news_list li .thumb{width:100%;}
            .news_list .info{padding:0;}

        }

    /*review*/
        .review-list{display: grid;gap:var(--col-gap40);grid-template-columns:repeat(3, 1fr);}

        
        .gall-controller{position: relative;display: flex;flex-wrap: wrap;gap: clamp(10px, 2.5vw, 25px);}
        .gall-controller .swiper-arw{position: relative;inset: auto;width: clamp(36px, 5.2vw, 50px);height: auto;aspect-ratio: auto 1;border: 1px solid var(--black-color10);border-radius: var(--radius-10);margin: 0;transition: all 0.4s;}
        .reviewSwiper .swiper-slide:last-child{margin-right: 0;}
        .gall-controller .swiper-arw.next{scale: -1 -1;}
        .gall-controller .swiper-arw::before{position: absolute;content:'';border: 2px solid var(--point-color06);clip-path: var(--clip-poly02);top: 50%;left: 58%;translate: -50% -50%;rotate: 135deg;width: 33%;aspect-ratio: auto 1;border-radius: 2px; transition: all 0.4s;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .gall-controller .swiper-arw:hover{border-color: var(--point-color02); background: var(--point-color02);}
                .gall-controller .swiper-arw:hover::before{border-color: var(--point-white);}
            }

        @media (max-width:479px) {
            .gallery-list .exp-desc dd{width: 100%;}
        }

    /*view*/
		#wrap .bbs_view .view_tit{display: flex;flex-direction: column;gap:var(--row-gap30);box-sizing:border-box;padding-bottom:var(--row-gap40);border-bottom:1px solid var(--border-color01);align-items:center;}
		#wrap .bbs_view .view_tit h4{display: flex;align-items:center;flex-direction:column;gap:var(--row-gap20);text-align: center;}
		#wrap .bbs_view .view_tit h4 .tag{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--text-16);color:var(--point-white);font-weight:600;background:var(--point-color01);padding:clamp(6px, 1vw, 10px) clamp(10px, 2vw, 20px) clamp(5px, 0.5vw, 9px);border-radius:6px;line-height:1;}
		#wrap .bbs_view .view_tit h4 strong{color:var(--black-color03);font-weight:600;line-height:1.4;font-size:var(--text-34);}
		#wrap .bbs_view .view_tit .name_box{display: flex;align-items: center;gap:var(--row-gap40);}
		#wrap .bbs_view .view_tit .name_box dl{display: flex;align-items: center;gap:clamp(10px, 1.2vw, 16px);position: relative;}
		#wrap .bbs_view .view_tit .name_box dl + dl:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);display: inline-block;position: absolute;left:calc(var(--row-gap40) / 2 * -1);top:50%;translate:0 -50%;}
		#wrap .bbs_view .view_tit .name_box :where(dt, dd) {font-size:var(--text-18);font-weight:500;}
		#wrap .bbs_view .view_tit .name_box dt{color:var(--black-color06);}
		#wrap .bbs_view .view_tit .name_box dd{color:var(--black-color08);}
		#wrap .bbs_view .view_cont{border-bottom:1px solid var(--border-color01);padding:clamp(25px, 4vw, 40px) 0;}
		#wrap .bbs_view .extra_editor_wrap{display: flex;box-sizing:border-box;border-radius:var(--radius-10);background:var(--gray-bg01);align-items: center;padding:clamp(12px, 2.2vw, 27px) 0;border:none;margin-top:40px;}
		#wrap .bbs_view .extra_editor_wrap h5 {text-align: center;font-size:var(--text-18);color:var(--black-color03);font-weight:500;width:clamp(100px, 15vw, 180px);flex-shrink:0;background:none;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont{box-sizing:border-box;padding-inline:var(--row-gap60) clamp(12px, 3vw, 30px);position: relative;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);display: inline-block;position: absolute;left:0;top:50%;translate:0 -50%;}
        #wrap .bbs_view .extra_editor_wrap > div.extra_cont a{font-size:var(--text-18);color:var(--black-color06) !important;font-weight:400;}


    /* input */
        #wrap .bbs_write :where(select, [type="text"], [type="password"], [type="number"], [type="tel"], [type="email"], textarea){width:100%;height: clamp(40px, 7vw, 60px);padding-inline: clamp(15px, 2vw, 20px);font-size: var(--text-18);color: var(--black-color00); border: 1px solid var(--border-color01); border-radius: var(--radius-06);} 
        #wrap .bbs_write :where(select, [type="text"], [type="password"], [type="number"], [type="tel"], [type="email"], textarea)::placeholder{color:rgba(136, 136, 136, 0.88);}
        #wrap .bbs_write select{background: var(--point-white) url('/images/sel_arw.svg') no-repeat calc(100% - clamp(15px, 2vw, 20px)) 50% / clamp(9px, 1.3vw, 11px) auto;width: clamp(90px, 16vw, 160px);border: 1px solid var(--border-color01);padding-right: clamp(35px, 5vw, 50px);}

    /* 라디오 & 체크박스 */
        .radio-list{display: flex; flex-wrap: wrap; gap: 15px clamp(25px, 4vw, 40px);}
        label:has([type="radio"]){display: flex;align-items: flex-start;gap: 10px;font-size: var(--text-18);color: var(--black-color03);line-height: clamp(16px, 2.2vw, 20px);cursor: pointer;}
        [type="radio"]{position: relative;display: inline-flex;align-items: center;justify-content: center;width: clamp(16px, 2.2vw, 20px);height: clamp(16px, 2.2vw, 20px);box-shadow: inset 0 0 0 1px var(--border-color01);appearance: none;border-radius: 100%;flex-shrink: 0;cursor: pointer;transition: all 0.4s;}
            [type="radio"]::before{display: inline-flex;content:'';width: 50%;aspect-ratio: auto 1;border-radius: inherit;background: var(--border-color01);transition: inherit;}
            [type="radio"]:checked{box-shadow: inset 0 0 0 1px var(--point-color01);}
            [type="radio"]:checked::before{background:var(--point-color01);}

        .policy_wrap label:has([type="checkbox"]){display: inline-flex;gap:var(--row-gap10);font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: clamp(20px, 2.7vw, 26px);cursor: pointer;}
        .policy_wrap label:has([type="checkbox"]) em{color: var(--point-color01); display: contents;}
        .policy_wrap [type="checkbox"]{position: relative;display: inline-flex;align-items: center;justify-content: center;width: clamp(20px, 2.7vw, 26px);height: clamp(20px, 2.7vw, 26px);box-shadow: inset 0 0 0 1px var(--border-color01);flex-shrink: 0;appearance: none;background: var(--point-white);cursor: pointer;transition: all 0.4s;}
            .policy_wrap [type="checkbox"]::before{display: inline-flex;content:'';width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1.33;background: url('/images/chk_box.svg') no-repeat center / 100% auto;transition: inherit;}
            .policy_wrap [type="checkbox"]:checked{background:var(--point-color01);box-shadow: inset 0 0 0 1px var(--point-color01);}
            .policy_wrap [type="checkbox"]:checked::before{filter:var(--filter-white);}
    
    /*btn*/
        .btn_box{margin-top:var(--row-gap60);display: flex;justify-content: center;gap:var(--row-gap20);}
        .btn_box .btn{width:clamp(100px, 16vw, 160px);height:clamp(42px, 5.2vw, 56px);display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size:var(--text-20);color:var(--black-color01);font-weight:500;border:1px solid var(--black-color01);border-radius:60px;}
        .btn_box .btn_list{background:var(--black-color01);color:var(--point-white);}
        .btn_box .write_btn{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);width:clamp(120px, 18vw, 180px);height:clamp(50px, 6vw, 60px);}

    /*write*/

        #wrap .bbs_write textarea{width: 100%;height: clamp(120px, 18vw, 180px);resize: none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: clamp(15px, 2vw, 20px);}
        #wrap .contact_txt{font-size:var(--text-24);color:var(--black-color02);font-weight:400;line-height:1.4;margin-bottom:var(--row-gap60);}
		#wrap .bbs_write { box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap; gap: var(--row-gap40);}
		#wrap .bbs_write .line2 { gap: var(--row-gap40); }
		#wrap .bbs_write dl { display: flex; flex-direction:column;width:100%;align-items:flex-start;gap:var(--row-gap20);}
		#wrap .bbs_write dl dt {color: var(--black-color03); font-weight: 500; font-size: var(--text-20);}
		#wrap .bbs_write dl dd { width:100%; display: flex; align-items: center; gap: 10px; }
		#wrap .req .require_dot { color: var(--point-color02); }
		#wrap dl dt:not(.req) .require_dot{display: none;}
        #wrap .bbs_write .inq_type{display: flex;flex-wrap:wrap;gap:var(--row-gap10);width:100%;}
        #wrap .bbs_write .inq_type select{width:clamp(200px, 30vw, 300px);}
		#wrap .bbs_write .bbs_file dd{flex-direction: column;align-items: flex-start;}
		#wrap .bbs_file input[type="file"]{display: none;}
		#wrap .bbs_file .file_box{display: flex;align-items: center;gap:var(--row-gap10);}
		#wrap .bbs_file .file_btn{display: inline-flex;align-items: center;justify-content: center;height:clamp(48px, 6vw, 60px);border:1px solid var(--border-color01);font-size:var(--text-18);color:var(--black-color03);font-weight:500;cursor:pointer;width:clamp(100px, 13vw, 130px);}
        .bbs_write .radio_list{display: flex;flex-wrap:wrap;gap:var(--row-gap10) var(--row-gap20);}
		#wrap .captcha dd {flex-wrap: wrap;}
		#wrap .captcha input[type="text"] {width: 100%;}
		#wrap .policy_wrap {padding-block: var(--row-gap60) 0;margin:0;display: flex;justify-content: center;}
        #wrap .policy_wrap p{font-size:var(--text-18);color:var(--black-color03);font-weight:500;line-height:1.4;}
        #wrap .policy_wrap p strong{color:var(--point-red);font-weight:inherit;}
		#wrap .policy_wrap button {font-size:var(--text-17);color:var(--point-color01);font-weight:400;line-height:1.4;display: flex;align-items: center;gap:clamp(5px, 0.8vw, 8px);position: relative;}
        #wrap .policy_wrap button:before{width:100%;height:1px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:0;}
        #wrap .policy_wrap button:after{width:clamp(5px, 0.6vw, 8px);aspect-ratio:auto 1;content:"";border:1px solid var(--point-color01);border-width:1px 1px 0 0;rotate:45deg;translate:-2px -1px;}
		
		@media (max-width:1023px) {
			#wrap .captcha dd {flex-wrap: wrap;}
			#wrap .captcha input[type="text"] {width: 100%;}
		}
		@media (max-width:860px) {
			#wrap .bbs_write .line2 {gap: var(--row-gap30); grid-template-columns: var(--grid-array01);}
		}
        @media (max-width:640px) {
            #wrap .bbs_write .inq_type select{width:100%;}
        }
		@media (max-width:479px) {
			#wrap .bbs_write {gap: var(--row-gap35);}
			#wrap .bbs_write dl {align-items: flex-start; flex-direction: column; gap: 10px;}
			#wrap .bbs_write dl dt, #wrap .bbs_write dl dd {width: 100%;}
		}
	
	/* complete */
		#wrap .complete_box {width:100%;box-sizing:border-box;border:1px solid var(--border-color01);text-align: center;padding:var(--row-gap60);border-radius:var(--radius-15);}
		#wrap .complete_box .chk_ico{width: var(--row-gap70); height: var(--row-gap70); margin: 0 auto; background-color: var(--gray-bg01);}
		#wrap .complete_box .chk_ico .text-green-600 {color: var(--point-color01);}
		#wrap .complete_box h4 {font-size:var(--text-28);color:var(--black-color03);font-weight:600;margin-top: var(--row-gap30);}
		#wrap .complete_box p {font-size:var(--text-20);color:var(--black-color05);margin-top: var(--row-gap20);}
		#wrap .complete_box .view_btn {margin-top: var(--row-gap50);}
		
		@media (max-width:1023px) {
			#wrap .complete_box .chk_ico {width: var(--row-gap95); height: var(--row-gap95);}
		}