@charset "utf-8";

body::-webkit-scrollbar{display: none;}
/*───────────────────────────────────────────────────────────
    공통요소
───────────────────────────────────────────────────────────*/
	#wrap{position: relative; overflow: clip; }
	.w_custom { position: relative; width: calc(100% - 60px); max-width: 1440px; margin-inline: auto; }
	#container { position: relative; padding-bottom: calc(140rem / 16); }
	#container:has(.full_sec) { width: 100%; max-width: 100%; }
	#container:has(.pdZero) { padding-bottom: 0; }
	#wrap [class*="swiper-button"]:after { display: none; }
	#container { padding-top: var(--row-gap-lg); }

	.gapBox { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--row-gap-max); }
	.gapBox.gap_max { gap: var(--row-gap-max); } 
	.gapBox.gap_xl { gap: var(--row-gap-xl); }   
	.gapBox.gap_lg { gap: var(--row-gap-lg); }   
	.gapBox.gap_md { gap: var(--row-gap-md); }   
	.gapBox.gap_sm { gap: var(--row-gap-sm); } 
	
	.dragscroll{ scrollbar-gutter: stable;}
	.dragscroll::-webkit-scrollbar {width: 3px;}
	.dragscroll::-webkit-scrollbar-track {background: var(--gray-0);border-radius:20px;;}
	.dragscroll::-webkit-scrollbar-thumb {background:var(--gray-60);border-radius:20px;}

    .quick_layer{position: fixed; bottom: 0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.5); display:none; align-items: flex-end;opacity: 0; pointer-events: none; z-index: 9999;transition: opacity 0.3s ease, visibility 0.3s ease;will-change: opacity;visibility: hidden;}
    .quick_layer.on { opacity: 1; pointer-events: initial; visibility: visible;display: flex;}
    body:has(.quick_layer.on) { overflow: hidden; }
    .quick_layer .quick_cont {	width: 100%; background: var(--gray-0); border-radius: var(--radius-24) var(--radius-24) 0 0;overflow: hidden; padding-bottom: calc(30rem / 16);}
    .quick_layer .btn_close { width: 100%; min-height:2.75rem; position: relative; }
    .quick_layer .btn_close:before {width: clamp(2.5rem, 4vw, 2.875rem); height: clamp(0.375rem, 0.6vw, 0.5rem);content: ""; border-radius: calc(10rem / 16); background: var(--border-color01);position: absolute; top: calc(16rem / 16); left: 50%; translate: -50%;}
    .quick_layer .quick_scroll { max-height:70vh; overflow-y: auto; padding-inline: calc(16rem / 16); }
    #wrap .quick_layer ul { gap: calc(10rem / 16);display: grid;}
    #wrap .quick_layer ul li { border: none; }
    #wrap .quick_layer ul li a {min-height:2.75rem;padding:clamp(0.5rem, 1vw, 0.75rem) calc(16rem / 16); display: flex; align-items: center; justify-content: space-between;gap:0.75rem;font-size: var(--text-17); color: var(--gray-90); font-weight: 400;border: 1px solid var(--alpha-g40); background: var(--gray-5);border-radius: var(--radius-06);position: relative;line-height:1.35;}
    #wrap .quick_layer ul li.on a,
    #wrap .quick_layer ul li a:focus,
    #wrap .quick_layer ul li a:focus-visible {border-color: var(--primary-60); background: var(--primary-5); color: var(--primary-60); font-weight: 700;	outline: none;}
    #wrap .quick_layer ul li.on a:after,
    #wrap .quick_layer ul li a:focus:after,
    #wrap .quick_layer ul li a:focus-visible:after {width: clamp(0.9375rem, 2vw, 1.5rem); aspect-ratio: 1.5; content: "";background: url('../images/skin/ico_chk.svg') no-repeat center / auto 100%;position: absolute; right: calc(16rem / 16); top: 50%; translate: 0 -50%;}

	@media (max-width:1400px) {
		.for_pc { display: none; }
	}

	@media (max-width:1023px) {
		#container { padding-bottom: clamp(6.25rem, 14vw, 8.75rem); }
		
	}
	@media (max-width:860px) {
		.w_custom { width: calc(100% - 30px); }
	}
	@media (max-width:640px) {
		.quick_layer .quick_scroll { max-height: 70vh; }
	}
	@media (max-width:479px) {
		.quick_layer .quick_scroll { max-height: 70vh; }
	}
	@media (max-width:320px) {
		.w_custom { width: calc(100% - 20px); }
	}

    /*pc 드롭다운 레이어*/
        .btn_drop_pop{position: relative;}
        .btn_drop_pop > button{min-width:clamp(6.25rem, 13vw, 8.5rem);min-height:2.75rem;display: flex;align-items: center;justify-content: space-between;padding:0.25rem 0.5rem;line-height:1.35;}
        .btn_drop_pop > button span{font-size:var(--text-17);color:var(--gray-80);font-weight:400;}
        .btn_drop_pop > button:after{width: 8px;aspect-ratio:auto 1;content: "";border: 2px solid var(--gray-80); border-width: 1px 1px 0 0;rotate: 135deg; display: inline-block; margin-left: clamp(0.125rem, 0.2vw, 0.3125rem); translate: 0 calc(-2rem / 16);}
        .btn_drop_pop > button.on span{color:var(--gray-60);}
        .btn_drop_pop > button.on:after{scale:-1 -1;translate:0 4px;}

        .drop_pop{position: absolute;top:calc(100% + 0.25rem);left:0;width:100%;border-radius:var(--radius-08);border:1px solid var(--alpha-g40);background:var(--gray-0);padding:0.25rem 0.25rem 0.25rem clamp(0.375rem, 1vw, 0.75rem);z-index:100;opacity:0;pointer-events:none;transition:all 0.3s;}
        .drop_pop[hidden]{display:none;}
        .btn_drop_pop > button.on + .drop_pop{opacity:1;pointer-events:initial;}
        .drop_pop ul{display: flex;flex-direction:column;gap:4px;max-height:min(18.75rem, 70vh);overflow-y:auto;}
        .drop_pop li :is(a, button){display: block;width:100%;min-height:2.75rem;text-align:left;padding:0.5rem 0.75rem;font-size:var(--text-17);color:var(--gray-70);font-weight:400;line-height:1.4;}
        .drop_pop li.on :is(a, button){color:var(--gray-80);font-weight:700;background:var(--primary-5);border-radius:var(--radius-04);}
        .drop_pop .reset{border-top:1px solid var(--alpha-g40);display: flex;align-items: center;justify-content: center;gap:0.25rem;min-height:2.75rem;padding:0.5rem var(--row-gap-tiny);font-size:var(--text-17);color:var(--gray-80);font-weight:400;width:100%;line-height:1.35;}
        .drop_pop .reset:before{width:clamp(15px, 2vw, 20px);aspect-ratio:auto 1;content:"";background:url('../images/skin/ico_reset.svg')no-repeat center / auto 100%;display: inline-block;}

    /*button*/
        .btn_box{display: flex;justify-content: center;flex-wrap:wrap;gap:clamp(8px, 1vw, 12px);}
        .btn_box .btn{display: inline-flex;border-radius:var(--radius-08);border: 1px solid var(--gray-60);background:var(--gray-0);text-align: center;font-size:var(--text-17);color:var(--gray-80);font-weight:400;padding:clamp(5px, 1vw, 10px) clamp(20px, 3.2vw, 37px);}
        .btn_box .btn_point{border-color:var(--primary-50);background:var(--primary-50);color:var(--gray-0);}

    /*popup*/
        .ly_pop{width:100%;height:100%;display: flex;align-items: center;justify-content: center;background:rgba(0,0,0,0.5);position: fixed;top:0;left:0;z-index:9999;padding:clamp(0.9375rem, 3vw, 2rem);}
        .ly_pop[hidden]{display:none;}
        body:has(.ly_pop:not([hidden])){overflow:hidden;}
        .pop_layer{border-radius:var(--radius-24);background: var(--gray-0);box-shadow:var(--shadow-06);overflow:hidden;max-height:min(90vh, 45rem);display:flex;flex-direction:column;}
            .pop_layer.w_520{max-width:520px;}
            .pop_layer.w_800{max-width:800px;}
            .pop_layer.w_1280{max-width:1280px;}
        .pop_layer.w_custom{width:min(100%, 1440px);}
        .pop_layer .pop_title{background:var(--primary-60);display: flex;align-items: center;justify-content: space-between;gap:clamp(0.5rem, 1.2vw, 1rem);padding:clamp(6px, 1vw, 13px) clamp(16px, 3vw, 32px);}
        .pop_layer .pop_title h3{font-size:var(--text-22);color:var(--gray-0);font-weight:700;}
        .pop_layer .pop_title .btn_close{flex-shrink:0;min-width:2.75rem;min-height:2.75rem;aspect-ratio:auto 1;position: relative;}
            .pop_layer .pop_title .btn_close{&::before, &::after{display: inline-block;width:1.5rem;height:2px;content:"";background:var(--gray-0);position: absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg;}}
            .pop_layer .pop_title .btn_close:after{rotate:-45deg;}
        .pop_layer .pop_content_box{padding:clamp(12px, 2vw, 24px) clamp(20px, 3vw, 32px);overflow-y:auto;}
        .pop_layer .pop_cont{overflow-y:auto;background:var(--gray-5);padding:clamp(12px, 2.2vw, 24px);border-radius:var(--radius-08);max-height:60vh;}
        .pop_layer .btn_box{margin-top:var(--row-gap-sl);}

    /*input*/
    :is(select, [type="text"], [type="password"], [type="number"], [type="tel"], [type="email"], textarea){width:100%;height: clamp(40px, 4.5vw, 48px);padding-inline: clamp(10px, 1.3vw, 16px);background: var(--gray-0);border: 1px solid var(--gray-60);font-size: var(--text-17);font-weight:400;color: var(--gray-90);overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
    :is(select, [type="text"], [type="password"], [type="number"], [type="tel"], [type="email"], textarea)::placeholder{color:var(--gray-60);}
    :is(select, [type="text"], [type="password"], [type="number"], [type="tel"], [type="email"], textarea)::focus{border-color:var(--primary-50);}
    #wrap select{background:var(--gray-0) url('../images/skin/sel_arw.svg') no-repeat calc(100% - clamp(10px, 1vw, 13px)) 50% / clamp(9px, 1.3vw, 11px) auto;width: clamp(90px, 16vw, 160px);border: 1px solid var(--gray-60);appearance: none;padding-right: clamp(15px, 3vw, 30px);border-radius:var(--radius-08);}


/*───────────────────────────────────────────────────────────
    Header   
───────────────────────────────────────────────────────────*/
	#header { position: sticky; top: 0; left: 0; width: 100%; border-bottom: 1px solid var(--alpha-g15); background: var(--gray-0); z-index: 10; }
	#header .hd_top { background: var(--secondary-5); padding:0.2rem 0; }
	#header .hd_top .intro { font-size: var(--text-17); color: var(--gray-90); font-weight: 400; display: flex; align-items: center; gap: clamp(0.3125rem, 0.5vw, 0.5rem); line-height:1.5; }
		#header .hd_top .intro:before { width: clamp(18px, 2vw, 24px); height: calc(clamp(18px, 2vw, 24px) / 1.5); content: ""; background: url('../images/skin/flag.svg') no-repeat center / auto 100%; }
	#header .hd_gnb { display: flex; align-items: center; justify-content: flex-end; gap: var(--row-gap-sl); padding-top: 0.2rem; }
		#header .hd_gnb > p { font-size: var(--text-17); color: var(--gray-60); font-weight: 500; }
		#header .hd_gnb > p strong { color: var(--gray-80); font-weight: 500; text-decoration: underline; text-underline-offset: calc(5rem / 16); }
	#header .hd_gnb > ul { display: flex; align-items: center;gap:var(--row-gap-sl);}
	#header .hd_gnb > ul > li { display: flex; align-items: center; position: relative;}
		#header .hd_gnb > ul > li + li:before { width: 1px; height: clamp(10px, 1.4vw, 16px); content: ""; background: var(--gray-30);position: absolute;top:50%;left:calc(var(--row-gap-sl) / 2 * -1);translate:0 -50%;}
	#header .hd_gnb > ul > li > a { display: flex; align-items: center; gap: clamp(0.25rem, 0.5vw, 0.5rem); min-height:2.75rem; padding-block:0.25rem; font-size: var(--text-17); color: var(--gray-80); font-weight: 500; }
	#header .hd_gnb :is(a, button):focus-visible { outline: 2px solid var(--primary-60); outline-offset: 2px; border-radius: var(--radius-04); }
		
	.zoom_control_box dd { display: flex; align-items: center; gap: clamp(0.375rem, 1vw, 0.75rem); }
	.zoom_control_box button {display: flex; align-items: center; justify-content: center;min-width:2.75rem;min-height:2.75rem; cursor: pointer; padding: 0.25rem;border-radius: var(--radius-04); border: 1px solid var(--gray-20); background: var(--gray-10);}
		.zoom_control_box button:focus-visible { outline: 2px solid var(--primary-60); outline-offset: 2px; }
	.zoom_control_box .zoom_status { font-size: var(--text-17); font-weight: 400; color: var(--gray-80); }
	
	#header .hd_cont { display: flex; align-items: center; justify-content: space-between; padding-block: clamp(0.625rem, 2.2vw, 1rem) clamp(0.3125rem, 0.5vw, 0.5625rem); }
	#header .logo { width: clamp(150px, 20vw, 204px); }
	#header .utility { display: flex; align-items: center; gap: clamp(0.625rem, 2vw, 1.5rem); }
	#header .lnb ul { display: flex; align-items: center; gap: clamp(0.625rem, 1.5vw, 1rem); }
	#header .lnb li a {display: flex; align-items: center; gap: clamp(0.3125rem, 0.5vw, 0.5rem);	min-height:2.75rem;font-size: var(--text-22); color: var(--gray-90); font-weight: 600;padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.625rem, 1.5vw, 1rem);border-radius: var(--radius-08) var(--radius-08) 0 0;line-height:1.35;}
	#header .lnb li a span { width: clamp(16px, 2vw, 20px); height: calc(clamp(16px, 2vw, 20px) / 1); display: flex; align-items: center; justify-content: center; }
		#header .lnb li a span:before {width: 8px; height: 8px; content: "";border: 2px solid var(--gray-80); border-width: 1px 1px 0 0;rotate: 135deg; display: inline-block; margin-left: clamp(0.125rem, 0.2vw, 0.3125rem); translate: 0 -2px;}
	#header .lnb li.on > a,
	#header .lnb li > a:focus-visible { color: var(--primary-60); outline: 2px solid var(--primary-60); outline-offset: calc(4rem / 16); }
	#header .utility > :is(a, button) { display: flex; flex-direction: column; gap: calc(5rem / 16); text-align: center; align-items: center; justify-content: center;min-width:3rem;min-height:3rem;padding:0.25rem;border-radius:var(--radius-06);line-height:1.3;}
    #header .utility > :is(a, button).on{background:var(--primary-50);}
    #header .utility > :is(a, button).on img{filter:var(--filter-white);}
    #header .utility > :is(a, button).on span{color:var(--gray-0);}
	#header .utility > :is(a, button) > span { display: none; }
	#header .utility .btn_lang { display: none; }
	#header .utility .ico { display: flex; align-items: center; justify-content: center; }
		#header .utility .ico_search .ico { width: clamp(26px, 3vw, 32px); height: calc(clamp(26px, 3vw, 32px) / 1); }
	#header .allCate .ico {flex-direction: column; justify-content: space-between; 	width: clamp(30px, 4.2vw, 48px); height: clamp(30px, 4.2vw, 48px); border-radius: var(--radius-06);padding: clamp(0.375rem, 1.2vw, 0.9375rem) clamp(0.3125rem, 1vw, 0.6875rem);position: relative;}
	#header .allCate .ico span { width: 100%; height: 2px; background: var(--gray-90); }
    #header .allCate.on .ico span { background: var(--gray-0);position: absolute;top:50%;left:50%;width:50%;translate:-50%;}
    #header .allCate.on .ico span:nth-child(1){rotate:45deg;}
    #header .allCate.on .ico span:nth-child(2){display: none;}
    #header .allCate.on .ico span:nth-child(3){rotate:-45deg;}
	
    /*2차메뉴*/
        #header .all_cate[hidden] { display: none; }
        #header .all_cate { position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background: var(--gray-0); border-bottom: 1px solid var(--alpha-g15); max-height:min(42.5rem, 80vh); overflow-y: auto; }
        #header .all_cate .dep02_box { display: none; padding-block: clamp(1.25rem, 3vw, 1.875rem) clamp(1.875rem, 5vw, 3.125rem); flex-direction: column; gap: var(--radius-24); }
        #header .all_cate .dep02_box.on { display: flex; }
        #header .all_cate .dep02_box dt { display: flex; align-items: center; gap: clamp(0.3125rem, 1vw, 0.625rem) clamp(0.625rem, 2vw, 1.5rem); flex-wrap: wrap; font-size: var(--text-17); color: var(--gray-80); font-weight: 400; padding-bottom: var(--row-gap30); border-bottom: 1px solid var(--alpha-g20); }
            #header .all_cate .dep02_box dt strong { font-size: var(--text-32); color: var(--gray-90); font-weight: 700; }
        #header .all_cate .dep02 { display: grid; gap: var(--row-gap-ms) clamp(1.5rem, 4.2vw, 3rem); grid-template-columns: repeat(3, 1fr); }
        #header .all_cate .dep02 > li > a { display: flex; flex-direction: column; }
            #header .all_cate .dep02 > li > a > strong { display: block; padding-block: var(--row-gap-tiny); font-size: var(--text-25); color: var(--gray-90); font-weight: 600; }
            #header .all_cate .dep02 > li > a > p { font-size: var(--text-17); color: var(--gray-80); font-weight: 400; }
        #header .all_cate .dep03 { display: flex; flex-wrap: wrap; margin-top: clamp(0.9375rem, 2vw, 1.5625rem); gap: clamp(0.375rem, 1vw, 0.75rem) clamp(0.25rem, 0.5vw, 0.5rem); }
        #header .all_cate .dep03 li a {display: inline-flex; min-height:2.75rem; align-items: center; justify-content: center;	border-radius: calc(48rem / 16); border: 1px solid var(--secondary-20); background: var(--gray-5);font-size: var(--text-17); color: var(--secondary-70); font-weight: 400; padding:0.5rem clamp(0.5rem, 1vw, 0.875rem);line-height:1.35;}

    /*통합검색*/
        .all_search_box[hidden]{display:none;}
        .all_search_box{ position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background: var(--gray-0); border-bottom: 1px solid var(--alpha-g15);opacity:0;pointer-events:none;transition:all 0.3s;}
        .all_search_box.on{opacity:1;pointer-events:initial;}
        .all_search_box .main_search{display: flex;flex-direction: column;gap:clamp(0.75rem, 2vw, 1.5rem);align-items: center;padding-block:clamp(1.875rem, 4.3vw, 3rem);}
        .all_search_box h3{font-size:var(--text-40);color:var(--gray-90);font-weight:700;}
        .all_search_box .main_search fieldset{align-items: center;}
        .all_search_box .main_search .search_box{width:calc(100% - 3.75rem);max-width:clamp(31.25rem, 65vw, 45rem);margin:0 auto;}
        .all_search_box .main_search .pop_keyword{width:100%;padding:clamp(0.9375rem, 2vw, 1.25rem);}
        .all_search_box .main_search .pop_keyword .rank_box{height:auto;overflow:visible;}
        .all_search_box .main_search .pop_keyword .title{display: none;}
        .all_search_box .main_search .pop_keyword ol{padding:0;}

        .all_search_box .main_search .keyword_box,
        .all_search_box .main_search .pop_keyword{display: none;}

        .all_search_box .btn_close{position: absolute;bottom:clamp(1.875rem, 4.3vw, 3rem);right:0;display: flex;align-items: center;gap:0.5rem;min-height:2.75rem;padding:0.375rem 0.5rem;font-size:var(--text-22);color:var(--gray-80);font-weight:400;line-height:1.35;}
        .all_search_box .btn_close .ico{display: inline-block;width:20px;aspect-ratio:auto 1;position: relative;}
        .all_search_box .btn_close .ico{&::before, &::after{width:100%;height:2px;content:"";background:var(--gray-90);position: absolute;top:50%;left:0;rotate:45deg;}}
        .all_search_box .btn_close .ico:after{rotate:-45deg;}

    /*언어선택*/
        #wrap #hdLang ul li.on a .en,
        #wrap #hdLang ul li a:focus .en, 
        #wrap #hdLang ul li a:focus-visible .en{display: none;}
        #wrap #hdLang .quick_scroll{max-height:min(18.75rem, 70vh)}
        #wrap #hdLang ul li a .en{font-size:var(--text-15);color:var(--gray-70);}

    @media (hover:hover) and (pointer:fine) {
		#header .lnb li:hover > a { background: var(--primary-10); }
	}

	@media (max-width:1250px) {
		#header .hd_gnb,
		#header .utility .lnb { display: none; }
        #wrap #header .utility .ico { width: clamp(1.25rem, 3vw, 1.875rem); height: clamp(1.25rem, 3vw, 1.875rem); padding: 0; }
		#header .utility .btn_lang { display: flex; }
		#header .utility > :is(a, button) > span { font-size: var(--text-13); color: var(--gray-90); font-weight: 400; display: block; }
		#wrap #header .allCate .ico { padding: clamp(0.1875rem, 0.4vw, 0.375rem) 0; }
        #header .allCate.on .ico span{width:70%;}
        #header .hd_cont{padding:0.625rem 0;}

        #header .utility > :is(a, button){width:auto;min-width:2.75rem;min-height:2.75rem;aspect-ratio:auto;padding:0.25rem clamp(0.25rem, 0.6vw, 0.5rem);}
	}
    @media (max-width:860px) {
        .all_search_box h3{display: none;}
        .all_search_box .main_search fieldset{align-items: flex-start;}
        .all_search_box .main_search .search_box{max-width:100%;width:calc(100% - clamp(1.25rem, 4vw, 2.5rem) - 0.625rem);margin:0;}
        .all_search_box .main_search .keyword_box{display: flex;}
        .all_search_box .main_search .pop_keyword{display: block;}
        .all_search_box .btn_close{top:calc(clamp(1.875rem, 4.3vw, 3rem) + 1.5rem);bottom:auto;translate:0 -50%;}
        .all_search_box .btn_close span{display: none;}
        .all_search_box .btn_close .ico{width:clamp(20px, 4vw, 40px);}
    }
    @media (max-width:640px) {
        #wrap #hdLang .quick_scroll{max-height:70vh;}
    }
    @media (max-width:479px) {
        #header .hd_top .intro{font-size:var(--text-15);}
        #wrap #hdLang .quick_scroll{max-height:70vh;}
    }
	

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

    Aside   

───────────────────────────────────────────────────────────*/
    #aside[hidden]{display:none;}
    #aside{position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background: var(--gray-0); border-bottom: 1px solid var(--alpha-g15);opacity:0;pointer-events:none;transition:all 0.3s;}
    #aside.on{opacity:1;pointer-events:initial;}
    #aside > .w_custom{display: flex;flex-direction: column;gap:var(--row-gap-xs);padding-block:var(--row-gap-sl);}
    #aside .id_box{padding:clamp(0.5rem, 1vw, 0.75rem) var(--row-gap-ms);background:var(--bg-p10-50);display: none;}
        #aside .id_box p{display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap:wrap;gap:clamp(4px, 0.6vw, 8px);font-size:var(--text-17);color:var(--alpha-g90);font-weight:400;}
        #aside .id_box strong{font-weight:700;}
    #aside .aside_cate > li{padding:clamp(0.75rem, 2vw, 1.5rem);border-bottom:1px solid var(--gray-30);display: flex;align-items: flex-start;gap:clamp(0.75rem, 2vw, 1.5rem);}
        #aside .aside_cate > li > a{display: inline-flex;align-items:center;min-height:2.75rem;width:clamp(12.5rem, 20vw, 21rem);flex-shrink:0;font-size:var(--text-24);color:var(--gray-80);font-weight:700;line-height:1.35;}
    #aside .aside_cate > li .dep02{display: grid;gap:var(--row-gap-xs) clamp(0.75rem, 2vw, 1.5rem);grid-template-columns:repeat(8, 1fr);width:100%;}
        #aside .aside_cate > li .dep02 li a{font-size:var(--text-15);color:var(--gray-80);font-weight:400;display:flex;align-items:center;min-height:2.75rem;padding-block:0.375rem;width:100%;line-height:1.35;}
    #aside .aside_btm{width:100%;position:fixed;bottom:0;left:0;padding:clamp(0.75rem, 2vw, 1.5rem);padding-bottom:var(--row-gap-sl);display: flex;flex-direction:column;gap:clamp(0.75rem, 2vw, 1.5rem);align-items: center;background:var(--gray-0);display: none;}
    #aside .aside_btm :is(a, button){width:100%;min-height:2.75rem;display: flex;align-items: center;justify-content: center;border-radius:var(--radius-08);font-size:var(--text-17);color:var(--gray-80);font-weight:400;gap:0.25rem;padding:0.5rem var(--row-gap-tiny);line-height:1.35;}
    #aside .aside_btm a{border:1px solid var(--gray-60);}
    #aside .aside_btm .ico{width:16px;aspect-ratio:auto 1;border-radius:100%;border:2px solid var(--gray-90);display: flex;align-items: center;justify-content: center;}
        #aside .aside_btm .ico:before{width:4px;aspect-ratio:auto 1;content:"";border:2px solid var(--gray-90);border-width:1px 1px 0 0;rotate:-45deg;translate:0 1px;}

    @media (max-width:1023px) {
        #aside .aside_cate > li .dep02{grid-template-columns:repeat(4, 1fr);}
    }
    @media (max-width:640px) {
        #aside > .w_custom{width:100%;overflow-y:auto;max-height:100vh;padding-bottom:15.625rem;}
        #aside .id_box{display: block;width:calc(100% - 1.875rem);margin:0 auto;}
        #aside .aside_cate > li{flex-direction:column;padding-inline:0.9375rem;}
        #aside .aside_cate > li .dep02{grid-template-columns:repeat(1, 1fr);gap:0 clamp(0.75rem, 2vw, 1.5rem);}
        #aside .aside_cate > li .dep02 > li{display: flex;align-items: flex-start;gap:0.5rem;}
        #aside .aside_cate > li .dep02 > li:before{width:0.25rem;aspect-ratio:auto 1;content:"";border-radius:100%;background:var(--gray-90);display: inline-block;flex-shrink:0;translate:0 1.25rem;}
        #aside .aside_btm{display: flex;}
    }




/*───────────────────────────────────────────────────────────
    Main
───────────────────────────────────────────────────────────*/
	#container:has(.main_content) { padding-top: clamp(1.25rem, 5vw, 3.4rem); padding-bottom: 0; background: var(--gray-5); }
    .main_content{position: relative;display: grid;gap:clamp(40px, 6vw, 64px);}
    .main_content > *{min-width:0;}
    .main_content:before{width:100%;height:clamp(300px, 80vw, 905px);content:"";background:url('../images/skin/main_pattern.png')no-repeat center / auto 100%;position: absolute;left:50%;translate:-50%;top:-9.5%;}
		
	/* search */
		.main_search { display: flex; gap: var(--row-gap-lg); position: relative; z-index: 3; }
		.main_search form { width: 100%; }
		.main_search fieldset { display: flex; flex-direction: column; gap:clamp(12px, 2vw, 24px); align-items: flex-start; }
		.main_search .search_box {width: 100%; border: clamp(3px, 0.3vw, 5px) solid var(--primary-50); background: var(--gray-0);border-radius: clamp(0.375rem, 1vw, 0.75rem); min-height:4rem; position: relative;padding:0.45rem clamp(1rem, 2.2vw, 1.2rem) 0.45rem clamp(0.625rem, 2vw, 1.25rem); display: flex; align-items: center; gap: clamp(0.75rem, 2.2vw, 1.5rem);}
		.main_search .search_box input[type="text"] { width: 100%; min-height:2.75rem; border: none; font-size: var(--text-24); color: var(--gray-90); font-weight: 500; line-height:1.35; }
			.main_search .search_box input[type="text"]::placeholder { color: var(--gray-40); }
		.main_search .search_box .btn_search { display: inline-flex; flex-shrink: 0; align-items: center; gap: clamp(0.375rem, 1vw, 0.8rem); min-height:2.75rem; padding-block:0.25rem; font-size: var(--text-24); color: var(--primary-60); font-weight: 700; line-height:1.35; }
			.main_search .search_box .btn_search:after { width: clamp(20px, 3vw, 30px); height: calc(clamp(20px, 3vw, 30px) / 1); content: ""; background: url('../images/skin/main_search.svg') no-repeat center / auto 100%; }
		.main_search .keyword_box { display: flex; gap: clamp(0.625rem, 1.5vw, 1rem); align-items: flex-start; }
		.main_search .keyword_box dt {font-size: var(--text-15); color: var(--primary-70); font-weight: 700; background: var(--secondary-10);border-radius: calc(100rem / 16); padding: clamp(0.3125rem, 0.6vw, 0.4375rem) clamp(0.625rem, 1.5vw, 0.75rem); flex-shrink: 0;}
		.main_search .keyword_box dd ul { display: flex; flex-wrap: wrap; gap: var(--row-gap-tiny) clamp(0.625rem, 1.5vw, 1rem); margin-top: clamp(0.125rem, 0.3vw, 0.375rem); }
			.main_search .keyword_box dd ul li .keyword_input {font-size: var(--text-17); color: var(--secondary-70); font-weight: 400;line-height:1.35; }
		.main_search .pop_keyword {	width: clamp(400px, 42vw, 464px); flex-shrink: 0;background: var(--gray-0);backdrop-filter: blur(12px); border-radius: var(--radius-16); padding-bottom: clamp(0.7rem, 1.2vw, 1rem);box-shadow: var(--shadow-03);}
		.main_search .pop_keyword .title { display: flex; align-items: center; justify-content: space-between; gap:0.75rem; padding:clamp(10px, 1.5vw, 19px) clamp(15px, 2.3vw, 27px) 0; flex-wrap:wrap; }
			.main_search .pop_keyword .title strong { display: inline-flex; align-items: center; gap: calc(6rem / 16); font-size: var(--text-22); color: var(--primary-90); font-weight: 700; }
			.main_search .pop_keyword .title strong:before { width: clamp(20px, 2.5vw, 28px); height: calc(clamp(20px, 2.5vw, 28px) / 1); content: ""; background: url('../images/skin/ico_popular.svg') no-repeat center / auto 100%; }
		.main_search .pop_keyword .title .btn_toggle_pop { min-height:2.75rem; padding-block:0.25rem; font-size: var(--text-15); color: var(--gray-80); font-weight: 500; display: inline-flex; align-items: center; gap: calc(4rem / 16); }
		.main_search .pop_keyword .title .btn_toggle_pop .ico { width: clamp(12px, 1.5vw, 16px); height: calc(clamp(12px, 1.5vw, 16px) / 1); position: relative; display: inline-block; }
		.main_search .pop_keyword .title .btn_toggle_pop .ico {&::before, &::after { content: ""; background: var(--gray-90); position: absolute; top: 50%; left: 50%; translate: -50% -50%; }}
			.main_search .pop_keyword .title .btn_toggle_pop .ico:before { width: calc(100% - 5px); height: 1px; }
			.main_search .pop_keyword .title .btn_toggle_pop .ico:after { width: 1px; height: calc(100% - 5px); }
		.main_search .pop_keyword .rank_box { position: relative; margin-top:0.625rem;max-height:calc(3rem * 3 - 1px); overflow: hidden; }
		.main_search .pop_keyword ol { padding-inline:clamp(0.625rem, 1.2vw, 1rem); border-radius: 0 0 var(--radius-16) var(--radius-16); }
		.main_search .pop_keyword ol li a {	display: flex; align-items:center; justify-content: space-between; gap:0.75rem; padding:0.5rem clamp(0.625rem, 1.5vw, 1rem); min-height:3rem;border-bottom: 1px solid var(--alpha-g10); border-radius: var(--radius-04);}
		.main_search .pop_keyword ol li p { display: flex; align-items: flex-start; gap: clamp(4px, 0.4vw, 6px); min-width:0; font-size: var(--text-17); color: var(--alpha-g90); font-weight: 400; line-height:1.35; }
		.main_search .pop_keyword ol li .txt { display: block; overflow-wrap:anywhere; word-break:keep-all; }
		.main_search .pop_keyword ol li .num { font-size: var(--text-17); color: var(--primary-50); font-weight: 600; flex-shrink: 0; width:26px; }
		.main_search .pop_keyword ol li .cnt { display: flex; align-items: center; gap: clamp(0.375rem, 0.6vw, 0.5625rem); justify-content: space-between; flex-shrink: 0; }
		.main_search .pop_keyword ol li .cnt .rf { width: clamp(10px, 1vw, 12px); height: calc(clamp(10px, 1vw, 12px) / 1); display: flex; align-items: center; justify-content: center; position: relative; }
			.main_search .pop_keyword ol li .cnt .rf:before { width: calc(100% - 2px); height: 1px; content: ""; background: var(--alpha-g80); }
			.main_search .pop_keyword ol li .cnt .rf.arw:before { height: auto; aspect-ratio: 1.4; clip-path: var(--clip-poly01); background: var(--primary-40); }
			.main_search .pop_keyword ol li .cnt .rf.up:before { scale: -1 -1; background: var(--accent-40); }
		.main_search .pop_keyword ol li .cnt span { text-align: right; font-size: var(--text-15); color: var(--alpha-g50); font-weight: 400; display: inline-block; width: 47px; }
		
			/*on*/
				.main_search .pop_keyword.on .title .btn_toggle_pop .ico { &::before, &::after { rotate: 45deg; } }
				.main_search .pop_keyword.on .rank_box { overflow: visible; }
				.pop_keyword.on .rank_box ol { background: var(--point-white); box-shadow:0 9px 14px -3px rgba(64, 108, 166, 0.25);padding-bottom: var(--row-gap-xs); }

			/*over*/
			@media (hover:hover) and (pointer:fine) {
				.main_search .pop_keyword ol li:hover > a { background: var(--primary-10); } 
			}

		@media (max-width:1023px) {
			.main_search { flex-direction: column; }
			.main_search .pop_keyword { width: 100%; }
		}
		
	/* 공통 */
		.main_title { text-align: left; margin-bottom:clamp(0.7rem, 1.2vw, 1rem);; }
		.main_title h2 { font-size: var(--text-28); color: var(--gray-90); font-weight: 700; }

		/* control */
			.main_controller { display: flex; align-items: center; justify-content: center; gap: calc(8rem / 16); }
			#wrap .main_controller .pagination {display: flex; align-items: center; gap: calc(8rem / 16);	padding: clamp(0.5rem, 1vw, 0.75rem); background: var(--gray-0); width: auto;border-radius: calc(40rem / 16);}
			#wrap .main_controller .swiper-pagination-bullet { width: clamp(6px, 0.6vw, 8px); height: clamp(6px, 0.6vw, 8px); border-radius: 56px; background: var(--gray-50); opacity: 1; margin: 0; transition: width 0.3s; }
				#wrap .main_controller .swiper-pagination-bullet-active { background: var(--primary-50); width: clamp(14px, 2vw, 20px); }
			:is(.swipe_btn, .swipe_arw) { width: clamp(26px, 3vw, 30px); height: calc(clamp(26px, 3vw, 30px) / 1); border-radius: 100%; background: var(--gray-0); border: 1px solid var(--alpha-g20); display: flex; align-items: center; justify-content: center; position: relative; }
			.swipe_btn {&::before, &::after { width: 2px; height: 9px; content: ""; background: var(--gray-90); position: absolute; top: 50%; left: 50%; }}
				.swipe_btn:before { translate: -4px -50%; }
				.swipe_btn:after { translate: 2px -50%; }
			.swipe_btn.play {&::before, &::after { width: 0; height: 0; background: none; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid var(--gray-90); translate: -35% -50%; }}
				.swipe_btn.play:after { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid var(--gray-0); }
			.swipe_arw.next { scale: -1 -1; }
				.swipe_arw:before { width: 8px; height: 8px; content: ""; border: 2px solid var(--gray-90); border-width: 1px 1px 0 0; rotate: -135deg; translate: 1px; }

			@media (min-width: 1024px) {
				#wrap .main_controller.wh .pagination { background: none; }
				#wrap .main_controller.wh .swiper-pagination-bullet { background: var(--gray-0); }
				#wrap .main_controller.wh .swiper-pagination-bullet-active { background: var(--primary-70); }
			}

			@media (max-width: 1023px) {
				#wrap .main_controller .pagination { 
					font-size: var(--text-17); color: var(--gray-90); font-weight: 700; 
					gap: calc(4rem / 16); padding: calc(4rem / 16) calc(12rem / 16);
				}
				#wrap .main_controller .pagination .swiper-pagination-current { color: var(--secondary-50); }
			}
		
		/*more*/
			.main_more { display: flex; align-items: center; gap: clamp(0.5rem, 1vw, 0.75rem); font-size: var(--text-17); color: var(--alpha-g80); font-weight: 500; }
			.main_more:after { width: 6px; height: 6px; content: ""; border: 2px solid var(--alpha-g80); border-width: 1px 1px 0 0; rotate: 45deg; }

			@media (max-width: 860px) {
				.main_more:after { translate: 0 calc(-1rem / 16); }
			}
	
	/*law*/
		.main_law { min-width: 0; }
		.main_law .law_box { min-width: 0;border-radius: var(--radius-24); background: var(--bg-p50-50); padding: calc(6rem / 16) clamp(0.625rem, 1.5vw, 1rem); }
		.main_law .law_swipe_box { position: relative; max-width: 100%; min-width: 0; overflow: hidden; padding-inline:clamp(30px, 4vw, 46px); }
		.main_law .law_swiper {width: 100%; max-width: 100%; min-width: 0; overflow: hidden; padding-block: var(--row-gap-tiny); margin-left: calc(-38rem / 16); padding-left: calc(38rem / 16); display: block;}
		.main_law .law_swiper .swiper-slide {width: clamp(105px, 12vw, 128px); border-radius: var(--radius-16);padding: clamp(0.5rem, 1.5vw, 1rem) clamp(0.25rem, 0.6vw, 0.5rem) var(--radius-24);}
		.main_law .law_swiper .swiper-slide a { display: flex; flex-direction: column; align-items: center; gap:6px;text-align: center; }
			.main_law .law_swiper .swiper-slide a > span { font-size: var(--text-17); color: var(--alpha-g90); font-weight: 400; line-height: 1.3; }
		.main_law .law_swiper .swiper-slide .rec {font-size: var(--text-13); color: var(--gray-0); font-weight: 600; line-height: 1.4;position: absolute; top: -8px; left: 0; background: var(--primary-60);border-radius: calc(100rem / 16); padding: calc(5rem / 16) calc(8rem / 16);}
		.main_law .law_dep02_box { margin-top: calc(16rem / 16); }
		.main_law .law_dep02_box ul { display: none; grid-template-columns: repeat(8, 1fr); }
			.main_law .law_dep02_box ul.on { display: grid; }
		.main_law .law_dep02_box ul li { background: var(--point-white); }
		.main_law .law_dep02_box ul li[hidden] { display: none; }
			.main_law .law_dep02_box ul li:nth-child(1) { border-radius: clamp(0.4375rem, 1.4vw, 0.875rem) 0 0 0; }
			.main_law .law_dep02_box ul li:nth-child(8) { border-radius: 0 clamp(0.4375rem, 1.4vw, 0.875rem) 0 0; }
			.main_law .law_dep02_box ul li:nth-child(9) { border-radius: 0 0 0 clamp(0.4375rem, 1.4vw, 0.875rem); }
			.main_law .law_dep02_box ul li:last-child { border-radius: 0 0 clamp(0.4375rem, 1.4vw, 0.875rem) 0; }
			.main_law .law_dep02_box ul li:nth-child(n+9) { border-top: 1px solid var(--alpha-g20); }
			.main_law .law_dep02_box ul li:nth-child(8n+1) { border-left: none; }
		.main_law .law_dep02_box ul li + li { border-left: 1px solid var(--alpha-g20); }
		.main_law .law_dep02_box ul li a { display: flex; height: 48px; align-items: center; justify-content: center; font-size: var(--text-17); color: var(--alpha-g90); font-weight: 400; text-align: center; position: relative; padding: 0 calc(10rem / 16); }
			.main_law .law_dep02_box ul li a span { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
		.main_law .law_dep02_box ul li.more { background: var(--primary-10); }
			.main_law .law_dep02_box ul li.more a { color: var(--secondary-50); font-weight: 700; }
			.main_law .law_dep02_box ul li.more a, .main_law .law_dep02_box ul li.more button { cursor: pointer; }
		.main_law .law_dep02_box ul li.more .tooltip {box-shadow: var(--shadow-04); font-size: var(--text-15); color: var(--gray-0); font-weight: 700; background: var(--alpha-g90);position: absolute; left: 50%; translate: -50% -50%; display: inline-flex; align-items: center; justify-content: center; text-align: center;	width: 150px; bottom: -52px;padding: calc(9rem / 16) 0; border-radius: calc(100rem / 16);	}
		.main_law .law_dep02_box ul li.more .tooltip:before { width: 0; height: 0; content: ""; border-bottom: 6px solid var(--alpha-g90); border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; left: 50%; top: -6px; translate: -50%; }
				
		.main_law .law_swiper .swiper-slide .rec { line-height: 1.4; }
		.main_law .law_dep02_box ul li a, .main_law .law_dep02_box ul li button { width: 100%; min-height: 48px; height: auto; padding: calc(8rem / 16) calc(10rem / 16); line-height: 1.35; }
		.main_law .law_dep02_box ul li button { display: flex; align-items: center; justify-content: center; font-size: var(--text-17); color: var(--alpha-g90); font-weight: 400; text-align: center; position: relative; }
		.main_law .law_dep02_box ul li button span { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
		.main_law .law_dep02_box ul li.more button { color: var(--secondary-50); font-weight: 700; }
		.main_law .btn_law_expand {display: inline-flex;position: absolute;bottom:-32px;left:50%;translate:-50%;background:var(--bg-p50-50);border-radius:0 0 12px 12px;align-items: center;justify-content: center;font-size:var(--text-17);color:var(--secondary-90);font-weight:400;width:94px;height:32px;gap:7px;}
        .main_law .btn_law_expand:after{width: 8px;aspect-ratio:auto 1;content: "";border: 2px solid var(--secondary-90); border-width: 1px 1px 0 0;rotate: 135deg; display: inline-block; margin-left: clamp(0.125rem, 0.2vw, 0.3125rem); translate: 0 calc(-2rem / 16);}
		.main_law .btn_law_expand[hidden] { display: none; }

			/* on */
			.main_law .law_swiper .swiper-slide.on { background: var(--gray-0); box-shadow: var(--shadow-03); }
			.main_law .law_swiper .swiper-slide.on a > span { color: var(--gray-90); font-weight: 600; }
				
		@media (max-width: 1023px) {
            .main_law{margin-top:var(--row-gap-sm);}
			.main_law .law_box { padding: calc(6rem / 16) clamp(0.625rem, 1.5vw, 1rem) clamp(0.625rem, 1.5vw, 1rem); }
			.main_law .law_swipe_box { padding-inline: 0; }
			.main_law .law_swiper { margin-left: 0; padding-left: 0; }
            .main_law .law_dep02_box{display: none;}
			#wrap .main_law .quick_layer ul { grid-template-columns: repeat(1, 1fr);display: none;}
            #wrap .main_law .quick_layer ul.on{display: grid;}
			.main_law .quick_layer ul li.more .tooltip { display: none; }
			.main_law .law_swiper .swiper-slide a > span { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
            .main_law .btn_law_expand{display: none;}
		}
		@media (max-width: 640px) {
			.main_law .law_box { width: 100%; margin-left: 0; border-radius: 0; }
			.main_law .law_swiper { margin-left: 0; padding-left: 0; height:270px; }
			.main_law .law_swiper .swiper-wrapper { height: 100%; }
			.main_law .law_swiper .swiper-slide { height: calc((100% - 24px) / 2) !important; margin-top: 0 !important; margin-bottom: 12px !important; }
		}
		@media (max-width: 479px) {
			.main_law .law_swipe_box { padding: 0; }
			.main_law .law_swiper .swiper-slide { padding-top: calc(14rem / 16); }
			.main_law .law_swiper .swiper-slide a { gap: calc(3rem / 16); }
			.main_law .law_swiper .swiper-slide .ico { height: 40px; }
		}
		@media (max-width: 320px) {
			.main_law .law_box { width: 100%; margin-left: 0; }
		}
		
	/*card*/
		.main_card { display: flex;flex-wrap:wrap;gap: var(--row-gap-sl); align-items: flex-start;margin-top:var(--row-gap-sl);}
		.main_card .card_box { position: relative; width: calc(100% - 449px - var(--row-gap-sl)); }
		.main_card .card_box .card_swiper { border-radius: var(--radius-24); border: 1px solid var(--alpha-g15); background: var(--primary-10); }
		.main_card .swiper-slide a { padding: var(--row-gap-ms); display: flex; gap: var(--row-gap-sl); }
		.main_card .card_box .img { width: clamp(140px, 17vw, 176px); aspect-ratio: 1; border-radius: var(--radius-04); overflow: hidden; flex-shrink: 0; }
			.main_card .card_box .img img { width: 100%; height: 100%; object-fit: cover; }
		.main_card .card_box .txt { position: relative; width: 100%; }
		.main_card .card_box dl { display: flex; flex-direction: column; align-items: flex-start; gap:8px; font-size: var(--text-20); color: var(--gray-80); font-weight: 400; }
		.main_card .card_box dl dt { font-size: var(--text-24); font-weight: 700; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
		.main_card .card_box dl dd { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
		.main_card .card_box .main_more { position: absolute; bottom: 0; left: 0; }
		.main_card .main_controller { position: absolute; bottom: var(--row-gap-ms); right: var(--row-gap-ms); z-index: 5; }
		.main_card .daily_law { width: 449px; flex-shrink: 0; border-radius: var(--radius-24); background: var(--bn-blue); overflow: hidden; }
			.main_card .daily_law a { position: relative; padding: clamp(1.25rem, 3.2vw, 2.25rem) clamp(0.9375rem, 2.7vw, 2rem) clamp(0.625rem, 2vw, 1.25rem); display: block; }
		.main_card .daily_law .char { width: 160px; position: absolute; bottom: -25%; right: 10px; } /* 수치 유지 */
		.main_card .daily_law .main_title { display: flex; flex-direction: column; align-items: flex-start; gap: var(--row-gap-tiny); margin-bottom: clamp(0.9375rem, 2vw, 1.4375rem); }
			.main_card .daily_law .main_title .title_h2 { font-size: var(--text-24); color: var(--gray-90); font-weight: 700; }
		.main_card .daily_law .main_title p { font-size: var(--text-17); color: var(--alpha-g70); font-weight: 600; gap: var(--row-gap-tiny); display: flex; align-items: center; }
			.main_card .daily_law .main_title p:after { width: clamp(13px, 1.7vw, 17px); height: clamp(10px, 1.5vw, 15px); content: ""; background: url('../images/skin/main_more.svg') no-repeat center / auto 100%; display: inline-block; }
		.main_card .daily_law .tag { width: 232px; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(0.3125rem, 0.5vw, 0.5rem); }
		.main_card .daily_law .tag li { border-radius: calc(100rem / 16); height: 40px; border: 1px solid var(--secondary-20); background: var(--gray-5); font-size: var(--text-17); color: var(--secondary-70); font-weight: 400; display: inline-flex; align-items: center; justify-content: center; }
				
		@media (max-width: 1200px) {
			.main_card { flex-direction: column; }
			.main_card .card_box, .main_card .daily_law { width: 100%; }
			.main_card .card_box .main_more { bottom: auto; left: auto; top: clamp(0.3125rem, 0.8vw, 0.75rem); right: 0; }
			.main_card .card_box dl dt { max-width: 85%; }
			.main_card .daily_law a { display: flex; align-items: center; gap: var(--row-gap-sl); padding-right: calc(clamp(0.9375rem, 2.7vw, 2rem) + 130px); }
			.main_card .daily_law .main_title { flex-shrink: 0; }
			.main_card .daily_law .tag { grid-template-columns: repeat(6, 1fr); width: 100%; }
			.main_card .daily_law .char { width: 130px; bottom: -34%; }
		}
		@media (max-width: 1023px) {
			.main_card .daily_law .tag { grid-template-columns: repeat(3, 1fr); }
			.main_card .daily_law .char { bottom: -50%; }
		}
		@media (max-width: 640px) {
			.main_card .card_box dl dt { max-width: 70%; }
			.main_card .daily_law a { flex-direction: column; align-items: flex-start; gap: 0; }
			.main_card .daily_law .tag { grid-template-columns: repeat(2, 1fr); width: 80%; }
			.main_card .daily_law .char { bottom: 15px; }
		}
		@media (max-width: 479px) {
			.main_card .card_box .card_swiper { padding-bottom: calc(55rem / 16); }
			.main_card .main_controller { right: 50%; translate: 50% 0; }
			.main_card .card_box .img { display: none; }
			.main_card .daily_law a { padding-right: clamp(0.9375rem, 2.7vw, 2rem); padding: calc(30rem / 16) calc(20rem / 16); }
			.main_card .daily_law .tag { width: 149px; }
			.main_card .daily_law .char { width: 36%; }
		}
		
	/*생활조례*/
		.main_ordinance .main_title { margin-bottom: 0; }
		.main_ordinance .ord_swiper { padding-block: clamp(0.875rem, 2vw, 1.5rem); }
		.main_ordinance .swiper-slide {width: calc(25% - 18px); border-radius: var(--radius-24); height: auto;border: 1px solid var(--alpha-g15); box-shadow: var(--shadow-05);}
			.main_ordinance .swiper-slide.slide01 { background: var(--bn-yellow); }
			.main_ordinance .swiper-slide.slide02 { background: var(--bn-red); }
			.main_ordinance .swiper-slide.slide03 { background: var(--bn-green); }
			.main_ordinance .swiper-slide.slide04 { background: var(--bn-mint); }
		.main_ordinance .swiper-slide a {height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: var(--row-gap-tiny);padding: clamp(1.25rem, 3vw, 2.125rem) var(--row-gap-ms);}
		.main_ordinance .swiper-slide .ord_txt_box { display: flex; flex-direction: column; gap: clamp(0.625rem, 1.5vw, 1.125rem); font-size: var(--text-20); color: var(--alpha-g80); font-weight: 400; }
			.main_ordinance .swiper-slide .ord_txt_box h3 { color: var(--gray-90); font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
			.main_ordinance .swiper-slide .ord_txt_box p { font-size: var(--text-17);text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
		@media (max-width: 1023px) {
			.main_ordinance .ord_swiper { overflow: visible; }
			.main_ordinance .swiper-slide { width: 29%; }
		}
		@media (max-width: 640px) {
			.main_ordinance .swiper-slide { width: 40%; }
		}
		@media (max-width: 479px) {
			.main_ordinance .swiper-slide { width: 86%; }
		}

        /*팝업*/
            .ordinance_map{display: flex;}
            .ordinance_map .map_box{width:340px;flex-shrink:0;}
            .ordinance_map .map_input_box{padding:clamp(12px, 2.2vw, 24px);width:100%;display: flex;flex-direction:column;align-items: flex-start;gap:var(--row-gap-sl);}
            .ordinance_map .map_input_box h4{font-size:var(--text-22);color:var(--gray-90);font-weight:700;}
            .ordinance_map .map_input_box .input{display: flex;flex-direction: column;gap:clamp(8px, 1.2vw, 16px);width:100%;}
            .ordinance_map .map_input_box dl{display: flex;flex-direction:column;gap:0.5rem;width:100%;}
            .ordinance_map .map_input_box dl dt{font-size:var(--text-17);color:var(--gray-90);font-weight:400;}
                .ordinance_map .map_input_box dl dt em{color:var(--primary-50)}
            .ordinance_map .map_input_box dl dd{width:100%;}
                #wrap .ordinance_map .map_input_box dl dd select{width:100%;}

            @media (max-width: 860px) {
                .ordinance_map{flex-direction:column;}
                .ordinance_map .map_box{width:100%;}
            }

		
	/*board*/
		.main_board_box { background: var(--gray-10); padding-block: var(--row-gap-lg) var(--row-gap-xl); }
		.main_gallery { display: flex; gap: var(--row-gap-sl); min-width: 0; }
		.main_gallery > section { width: calc(50% - var(--row-gap-sl) / 2); min-width: 0; }
		.main_gallery .main_title { display: flex; align-items: center; justify-content: space-between; gap: var(--row-gap-tiny); }
		.main_gallery .board_cont { background: var(--gray-0); border-radius: var(--radius-24); box-shadow: var(--shadow-05); padding: var(--row-gap-ms); }
		.main_gallery .webtoon_box { display: flex; gap: var(--row-gap-ms); min-width: 0; }
		.main_gallery .webtoon_box li { width: calc(50% - var(--row-gap-ms) / 2); min-width: 0; }
		.main_gallery .webtoon_box li a { display: flex; flex-direction: column; gap: var(--row-gap-xs); min-height: 2.75rem; line-height: 1.35; }
		.main_gallery .webtoon_box li .thumb { border-radius: var(--radius-04); border: 1px solid var(--alpha-g20); overflow: hidden; aspect-ratio: auto 2.37; }
			.main_gallery .webtoon_box li .thumb img { width: 100%; height: 100%; object-fit: cover; }
		.main_gallery .webtoon_box .info { display: flex; flex-direction: column; min-width: 0; font-size: var(--text-17); color: var(--gray-80); font-weight: 700; line-height: 1.35; }
			.main_gallery .webtoon_box .info h3 {color: var(--gray-90); font-weight: 400; line-height: 1.35; }
		.main_gallery .judge_box { display: flex; gap: var(--row-gap-ms);align-items: flex-start; min-width: 0;}
		.main_gallery .judge_box .thumb { flex-shrink: 0; width: 54.3%;border-radius: var(--radius-04); border: 1px solid var(--alpha-g20); overflow: hidden; aspect-ratio: auto 1.73;}
			.main_gallery .judge_box .thumb img { width: 100%; height: 100%; object-fit: cover; }
		.main_gallery .judge_box .txt { display: flex; flex-direction: column; gap: clamp(10px, 1.3vw, 16px); min-width: 0; }
		.main_gallery .judge_box .date { display: flex; align-items: flex-start; gap: calc(4rem / 16); font-size: var(--text-17); color: var(--gray-80); font-weight: 400; line-height: 1.35; }
			.main_gallery .judge_box .date:before { width: clamp(16px, 2vw, 20px);aspect-ratio:auto 1; content: ""; background: url('../images/skin/ico_time.svg') no-repeat center / auto 100%; translate: 0 2px; }
		.main_gallery .judge_box .date p strong {color: var(--accent-60); font-weight: 700; }
		.main_gallery .judge_box h3 { font-size: var(--text-17); font-weight:400; word-break: break-all; line-height: 1.45; }
		.main_gallery .judge_box .btn_vote { display: flex; width: 100%; min-height: clamp(46px, 5.2vw, 56px); border-radius: var(--radius-08); align-items: center; justify-content: center; text-align: center; background: var(--alpha-g80); font-size: var(--text-22); color: var(--gray-0); font-weight: 700;margin-top:clamp(4px, 0.6vw, 8px); padding: 0.5rem 1rem; line-height: 1.35;}
				
		@media (max-width: 1300px) {
			.main_gallery .judge_box { flex-direction: column; }
		}
		@media (max-width: 1023px) {
			.main_gallery { flex-direction: column; gap: clamp(2.5rem, 6vw, 4rem); }
			.main_gallery > section { width: 100%; }
			.main_gallery .judge_box { flex-direction: row; }
			.main_gallery .judge_box .thumb { width: min(346px, 45%); }
		}
        @media (max-width: 860px) {
            .main_gallery .judge_box .date:before{translate:0 5px;}
        }
		@media (max-width: 640px) {
			.main_gallery .judge_box { flex-direction: column; }
			.main_gallery .judge_box .thumb { width: 100%; }
			.main_gallery .judge_box .btn_vote { width: 100%; }
		}
		@media (max-width: 479px) {
			.main_gallery .webtoon_box { flex-direction: column; }
			.main_gallery .webtoon_box li { width: 100%; }
			.main_gallery .webtoon_box li .thumb { aspect-ratio: auto 2.57; }
			.main_gallery .webtoon_box .info { align-items: center; flex-direction: row; flex-wrap: wrap; }
		}
		
	/*lang*/
		.main_lang { margin-top: var(--row-gap-lg); }
		.main_lang ul {border-radius: clamp(0.5rem, 1.6vw, 1rem); border: 1px solid var(--gray-20); background: var(--gray-5);display: flex; justify-content: center;gap:10px; padding: calc(13rem / 16) 0.5rem;}
		.main_lang ul li { min-width: 88px; padding: 0 calc(3rem / 16);position: relative;}
		.main_lang ul li a { display: flex; flex-direction: column; align-items: center; gap:0.5rem; text-align: center; font-size: var(--text-17); color: var(--gray-70); font-weight: 400; }
		.main_lang ul li p {font-weight: 700;line-height:1.35;}
        .main_lang ul li.now p{color:var(--primary-90)}
		.main_lang ul li span {display: inline-flex; align-items: center; justify-content: center; text-align: center;height: 24px;padding: 0 calc(8rem / 16);	}
		.main_lang ul li .now { background: var(--secondary-60); border-radius: calc(100rem / 16); color: var(--gray-0);font-size:var(--text-13);}
        .main_lang ul li:before{content:"Change";display:none;border-radius: calc(100rem / 16);background:var(--gray-90);color: var(--gray-0);font-size:var(--text-13);font-weight:400;width:100%;text-align: center;position: absolute;bottom:0;left:50%;padding-inline:10px;translate:-50%;pointer-events:none;}

            /*over*/
			@media (hover:hover) and (pointer:fine) {
                .main_lang ul li:not(.now):hover:before{display:inline-block;}
                /* .main_lang ul li:not(.now):hover .en{font-size:0;} */
            }
				
		@media (max-width: 1550px) {
			.main_lang ul li { min-width: initial; }
		}
		@media (max-width: 1300px) {
			.main_lang ul { flex-wrap: wrap; }
			.main_lang ul li { width: calc(100% / 7 - 13px); }
		}
		@media (max-width: 1023px) {
			.main_lang { display: none; }
		}
		
	/*partner*/
		.main_partner { margin-top: calc(8rem / 16); }
		.main_partner .partner_box {display: flex; align-items: center;	padding: calc(16rem / 16) 0; gap: calc(40rem / 16);}
		.main_partner .swipe_arw { width: clamp(30px, 4vw, 40px); height: calc(clamp(30px, 4vw, 40px) / 1); flex-shrink: 0; }
		.main_partner .swipe_arw:before { width: 10px; height: 10px; border-width: 2px 2px 0 0; }
		.main_partner .partner_swiper { overflow: hidden; }
		.main_partner .partner_swiper .swiper-slide { width: auto; }

		@media (max-width: 1023px) {
			.main_partner { display: none; }
		}
		
/*───────────────────────────────────────────────────────────

    Footer

───────────────────────────────────────────────────────────*/
	#footer { background: var(--gray-30); }
	#footer .ft_top_info { display: flex; justify-content: space-between; gap: var(--row-gap-xs); padding-block: var(--row-gap-sl) clamp(20px, 3.5vw, 38px); border-bottom: 1px solid var(--alpha-g20);align-items: flex-end;}
	#footer .ft_left_content { display: flex; flex-direction: column; gap:clamp(20px, 3vw, 33px); }
	#footer .ft_left_content .logo { display: flex; align-items: flex-end; gap: clamp(8px, 1.2vw, 14px); }
		#footer .ft_left_content .logo img { width: clamp(100px, 12vw, 128px); }
		#footer .ft_left_content .logo span { font-size: var(--text-15); color: var(--gray-60); font-weight: 500; padding-bottom: calc(7rem / 16); }
	#footer .ft_left_content .info { display: flex; flex-direction: column; gap: clamp(0.875rem, 2vw, 1.5rem); }
	#footer .ft_left_content .info .addr { font-size: var(--text-15); color: var(--gray-70); font-weight:400; }
    #footer .ft_left_content .cs_info{display: flex;flex-direction: column;gap:clamp(5px, 0.8vw, 9px);}
    #footer .ft_left_content .cs_info > strong{font-size:var(--text-17);color:var(--gray-80);font-weight:700;}
    #footer .ft_left_content .cs_info .info_box{display: flex;align-items: center;gap:clamp(25px, 5vw, 50px);}
    #footer .ft_left_content .cs_info .info_box dl{position: relative;display: flex;align-items: center;gap:0.5rem;color:var(--gray-70);font-weight:500;}
    #footer .ft_left_content .cs_info .info_box dl + dl:before{width:1px;height:clamp(0.5rem, 1.3vw, 1rem);content:"";background:var(--alpha-g20);position: absolute;left:calc(clamp(25px, 5vw, 50px) / 2 * -1);top:50%;translate:0 -50%;}
    #footer .ft_left_content .cs_info .info_box dl dt{font-size:var(--text-14);font-weight:700;flex-shrink:0;}
    #footer .ft_left_content .cs_info .info_box dl.mail dd{text-decoration: underline;}
	
	#footer .ft_right_content { display: flex; flex-direction: column; gap: var(--row-gap-sl); }
	#footer .family_sns_wrap { display: flex; align-items: center; gap: clamp(0.875rem, 2vw, 1.5rem); }
	#footer .family_site { position: relative; }
	#footer .family_site dt button {width: clamp(240px, 28vw, 280px); height: clamp(42px, 5vw, 52px);border-radius: var(--radius-08); background: var(--gray-0); border: 1px solid var(--gray-50);padding-inline: clamp(0.625rem, 1.6vw, 1rem) clamp(0.75rem, 2vw, 1.25rem);display: flex; align-items: center; justify-content: space-between; font-size: var(--text-18); color: var(--gray-70); font-weight: 500;}
		#footer .family_site dt button:after {width: 10px; height: 10px; content: ""; border: 2px solid var(--gray-80); border-width: 2px 2px 0 0;rotate: 135deg; display: inline-block;translate: calc(-2rem / 16) calc(-3rem / 16);}
		#footer .family_site dt.on button:after { scale: -1 -1; translate: calc(-2rem / 16) calc(4rem / 16); }
	#footer .family_site dd { position: absolute; top: calc(100% + 4px); left: 0; width: 100%; opacity: 0; pointer-events: none; transition: all 0.3s; }
		#footer .family_site dt.on + dd { opacity: 1; pointer-events: initial; }
	#footer .family_site dd ul {border-radius: var(--radius-08); background: var(--gray-0); border: 1px solid var(--gray-50);max-height: 190px; overflow-y: auto;padding: clamp(0.875rem, 2vw, 1.25rem) clamp(0.5rem, 1.4vw, 0.9375rem);display: flex; flex-direction: column; gap: var(--row-gap-tiny);}
	#footer .family_site dd ul li a { display: block; font-size: var(--text-17); color: var(--gray-80); font-weight: 500; }
	.family_sns_wrap .kakao { width: 38px; height: 38px; aspect-ratio: 1; border-radius: calc(100rem / 16); background: var(--gray-0); display: flex; align-items: center; justify-content: center; }
	.ft_right_content .ft_marks { display: flex; justify-content: flex-end; align-items: center; gap:1rem; }
	#footer .ft_copy { display: flex; align-items: center; justify-content: space-between; padding-block:clamp(15px, 2.6vw, 29px) clamp(30px, 4vw, 44px);}
	#footer .ft_menu { display: flex; align-items: center; flex-wrap: wrap; gap: clamp(0.875rem, 2vw, 1.5rem); }
	#footer .ft_menu li a { font-size: var(--text-17); color: var(--gray-60); font-weight: 700;padding:0 4px;}
		#footer .ft_menu li a strong { color: var(--primary-80); }
	#footer .ft_copy .copy { font-size: var(--text-17); color: var(--gray-60); font-weight: 400; }
	
	@media (max-width: 1450px) {
		#footer .ft_copy { flex-direction: column; align-items: flex-start; gap: var(--row-gap-tiny); }
	}
	@media (max-width: 640px) {
		#footer .ft_left_content .logo{ flex-direction: column; align-items: flex-start; }
        #footer .ft_left_content .cs_info .info_box{flex-direction:column;align-items: flex-start;gap:10px;}
        #footer .ft_left_content .cs_info .info_box dl + dl:before{display: none;}
		.ft_right_content .ft_marks { flex-direction: column; align-items: flex-end; }
	}
	@media (max-width: 479px) {
		#footer .ft_top_info { flex-direction: column; align-items: flex-start; gap: var(--row-gap-sm); }
		.ft_right_content .ft_marks { align-items: center; flex-direction: row; justify-content: flex-start;}
	}
	
	.ft_quick {position: sticky; bottom: 0; right: 100px; z-index: 6; text-align: center;display: flex; flex-direction: column; width: fit-content; margin-left: auto;height: 100vh; margin-top: -100vh; justify-content: flex-end; align-items: center; box-sizing: border-box;gap: var(--row-gap-xs); padding-bottom: var(--row-gap-ms);}
	.ft_quick > ul { display: flex; flex-direction: column; align-items: center; border-radius: var(--radius-10); border: 1px solid var(--alpha-g40); background: var(--gray-0); padding-inline: clamp(0.625rem, 1.2vw, 0.875rem); }
	.ft_quick > ul > li { display: flex; flex-direction: column; align-items: center; position: relative; }
		.ft_quick > ul > li + li:before { width: calc(100% - 4px); height: 1px; content: ""; background: var(--gray-20); display: inline-block; margin: clamp(0.25rem, 0.6vw, 0.5rem) 0; }
	.ft_quick > ul > li > :is(a, button) { display: flex; width: 52px; align-items: center; justify-content: center; text-align: center; font-size: var(--text-13); color: var(--gray-80); font-weight: 600; padding-block: clamp(0.25rem, 0.6vw, 0.5rem); line-height: 1.5; }
	.ft_quick > ul > li a strong { color: var(--primary-60); }
	.ft_quick ul li.qr a { width: 60px; flex-direction: column; height: auto; gap: clamp(0.25rem, 0.6vw, 0.5rem); }
		.ft_quick ul li.qr a .img { width: 100%; aspect-ratio: 1; padding: clamp(0.1875rem, 0.3vw, 0.375rem); }
	.ft_quick .scr_top {width: clamp(44px, 5.2vw, 56px); height: calc(clamp(44px, 5.2vw, 56px) / 1); aspect-ratio: 1;margin-inline: auto; border: 1px solid var(--gray-90); background: var(--alpha-g80);display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(4rem / 16);font-size: var(--text-13); color: var(--gray-0); font-weight: 600;border-radius:100%;}
		.ft_quick .scr_top:before { width: 8px; height: 8px; aspect-ratio: 1; content: ""; border: 2px solid var(--gray-0); border-width: 2px 2px 0 0; rotate: -45deg; }
			
	/* ───────────────────────────────────────────────────────────
		최근 본 생활법령 레이어
	───────────────────────────────────────────────────────────*/
	.ft_quick .recent_layer {position: absolute; left: -420px; bottom: 0; width: 360px;border: 2px solid var(--primary-50); box-shadow: var(--shadow-04); background: var(--gray-0);border-radius: var(--radius-24) var(--radius-24) 0 var(--radius-24); overflow: hidden;opacity: 0; pointer-events: none; transition: all 0.3s;	}
	.ft_quick .recent_layer.on { opacity: 1; pointer-events: initial; }
	.ft_quick .recent_layer .title { padding-inline: clamp(0.5rem, 1.5vw, 1rem); height: 56px; display: flex; align-items: center; justify-content: space-between; background: var(--primary-50); }
	.ft_quick .recent_layer .title strong { font-size: var(--text-20); color: var(--gray-0); font-weight: 700; display: flex; align-items: center; gap: clamp(0.25rem, 0.6vw, 0.5rem); }
		.ft_quick .recent_layer .title strong:before { width: 24px; height: 24px; aspect-ratio: 1; content: ""; background: url('../images/skin/ico_recent.svg') no-repeat center / auto 100%; display: inline-block; }
	.ft_quick .recent_layer .title .btn_close { display: flex; align-items: center; gap: calc(5rem / 16); font-size: var(--text-15); color: var(--gray-0); font-weight: 400; }
	.ft_quick .recent_layer .title .btn_close .ico { width: 13px; height: 13px; aspect-ratio: 1; position: relative; }
		.ft_quick .recent_layer .title .btn_close .ico{&::before, &::after{width: 100%; height: 2px; content: ""; background: var(--gray-0); position: absolute; top: 50%; left: 0; rotate: 45deg;}}
		.ft_quick .recent_layer .title .btn_close .ico:after { rotate: -45deg; }
	.ft_quick .recent_layer .recent_cont { padding: calc(4rem / 16) calc(16rem / 16); }
	.ft_quick .recent_layer .recent_cont > ul { max-height: 292px; overflow-y: auto; padding-right: calc(10rem / 16); display: flex; flex-direction: column; }
	.ft_quick .recent_layer .recent_cont > ul > li { padding: calc(10rem / 16) calc(8rem / 16) calc(10rem / 16) calc(4rem / 16); border-bottom: 1px solid var(--alpha-g15); }
	.ft_quick .recent_layer .recent_cont > ul > li.no_data { border-bottom: none; }
	.ft_quick .recent_layer .recent_cont > ul > li .txt_item { display: flex; align-items: center; gap: clamp(0.625rem, 1.6vw, 1rem); position: relative; padding-left: calc(12rem / 16); }
	.ft_quick .recent_layer .recent_cont ul > li .txt_item:before { width: 5px; height: 5px; aspect-ratio: 1; content: ""; background: var(--gray-70); border-radius: calc(100rem / 16); flex-shrink: 0; position: absolute; left: 0; top: calc(10px / 16); }
	.ft_quick .recent_layer .recent_cont ul > li .txt { display: flex; flex-direction: column; align-items: flex-start; gap: calc(4rem / 16); width: calc(100% - 40px); }
	.ft_quick .recent_layer .recent_cont ul li .txt p { font-size: var(--text-17); color: var(--gray-90); font-weight: 400; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.ft_quick .recent_layer .recent_cont .cate { font-size: var(--text-15); color: var(--secondary-60); font-weight: 400; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: left; white-space: nowrap; width: 100%;}
	.ft_quick .recent_layer .recent_cont .cate li { display: inline; }
		.ft_quick .recent_layer .recent_cont .cate li + li:before {width: 7px; height: 7px; aspect-ratio: 1; content: ""; border: 1px solid var(--alpha-g60); border-width: 1px 1px 0 0; rotate: 45deg;display: inline-block; margin-inline: calc(3rem / 16) var(--row-gap-tiny); vertical-align: middle;}
	.ft_quick .recent_layer .recent_cont .recent_close { width: 24px; height: 24px; aspect-ratio: 1; border-radius: var(--radius-04); background: var(--gray-10); flex-shrink: 0; position: relative; }
	.ft_quick .recent_layer .recent_cont .recent_close{&::before, &::after{width: 60%; height: 1px; content: ""; background: var(--gray-90); position: absolute; top: 50%; left: 50%; translate: -50% -50%; rotate: 45deg;}}
	.ft_quick .recent_layer .recent_cont .recent_close:after { rotate: -45deg; }
		
	@media (max-width: 1850px) {
		.ft_quick { right: 30px; }
	}
	@media (max-width: 1023px) {
		.ft_quick { display: none; }
	}