@charset "utf-8";
body					{ font-family:'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:var(--color-base); word-wrap:break-word; word-break:keep-all; letter-spacing:-.025em; font-weight:400 }

/* common */
.con_inner				{ width:94%; max-width:1600px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:#767676 !important; }



@font-face {
    font-family:'dobong';
    font-style: normal;
    font-weight:300;
    src: local('dobong-Medium'),
    url('/resource/town/fonts/dobong-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/dobong-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family:'S-CoreDream';
    font-style: normal;
    font-weight:300;
    src: local('SCDream3'),
    url('/resource/town/fonts/SCDream3.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/SCDream3.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family:'S-CoreDream';
    font-style: normal;
    font-weight:400;
    src: local('SCDream4'),
    url('/resource/town/fonts/SCDream4.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/SCDream4.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family:'S-CoreDream';
    font-style: normal;
    font-weight:500;
    src: local('SCDream5'),
    url('/resource/town/fonts/SCDream5.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/SCDream5.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family:'S-CoreDream';
    font-style: normal;
    font-weight:600;
    src: local('SCDream6'),
    url('/resource/town/fonts/SCDream6.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/SCDream6.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family:'S-CoreDream';
    font-style: normal;
    font-weight:800;
    src: local('SCDream8'),
    url('/resource/town/fonts/SCDream8.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/SCDream8.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family:'S-CoreDream';
    font-style:normal;
    font-weight:900;
    src: local('SCDream9'),
    url('/resource/town/fonts/SCDream9.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/resource/town/fonts/SCDream9.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* 1) root 설정  */
:root{
    --color-base:#222;
    --color-base1:#333;
    --color-base2:#555;
    --color-point:#0066b3;
    --color-green:#4db848;
    --color-white:#fff;
    --font-pretendard:'Pretendard', Sans-serif;
    --font-score:'S-CoreDream', Sans-serif;
    --font-dobong:'dobong', Sans-serif;
    --trans-ani:0.3s ease 0s;
}



img						{ vertical-align:top; max-width:100%; }
.tac					{ text-align:center; }
.tar					{ text-align:right; }
.tal					{ text-align:left; }
.none_list				{ width:100%; text-align:center; padding:1em 0; font-size:1.033em; }
.block					{ display:block; }
.jcc					{ justify-content:center }
.color_red				{ color:#dc2c44; }
.color_green			{ color:var(--color-green); }
.color_point			{ color:var(--color-point); }
.none_data				{ width:100% !important; text-align:center; padding:5em; border-radius:20px;   }
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center}
.point_color			{ color:var(--color-point); }
.small_text				{ font-size:.88em; opacity:.74; }
.mt20					{ margin-top:1.33em; }
.mt50					{ margin-top:2.78em; }
@media all and (max-width:1168px){
    .mt20					{ margin-top:1em; }
    .mt50					{ margin-top:2em; }
}
@media all and (max-width:568px){
    .small_text				{ font-size:.85em; }
    .mt50					{ margin-top:1.5em; }
}



@keyframes iconShow{
    0%{transform:translateY(0);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0);}
    75%{transform:translateY(-5px);}
    100%{transform:translateY(0);}
}
@keyframes updown {
    0% { transform:translateY(0%) }
    50% { transform:translateY(3%) }
    100% { transform:translateY(0%) }
}
@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}


.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; }
.swiper_prev									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:25px; height:25px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:8px 11px; }
.swiper_page									{ width:auto !important; display:flex; font-size:1em; font-weight:300; align-items:center; justify-content:center; gap:0 10px; line-height:1  }
.swiper_page .swiper-pagination-current			{ font-weight:bold; }
.swiper_page .swiper-pagination-total			{ opacity:.6; }
.swiper_page i									{ position:relative; display:inline-block }
.swiper_page i::after							{ display:inline-block; vertical-align:middle; width:1px; height:10px; background:rgba(0,0,0,.3); content:''; margin-top:-3px; }
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/town/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px; content:''; }
.swiper_next::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/town/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }
.swiper_auto.paused::before						{ background-image:url(/resource/town/images/common/icon_play.svg); background-size:8px 11px; }
.swiper_auto::before							{ background-image:url(/resource/town/images/common/icon_stop.svg); background-size:8px 11px; }
@media all and (max-width:968px){
    .swiper_auto::before							{ background-size:auto 9px; }
    .swiper_prev::before							{ height:11px; background-size:auto 11px; }
    .swiper_next::before							{ height:11px; background-size:auto 11px; }
    .swiper_auto.paused::before						{ background-size:8px 9px; }
    .swiper_auto::before							{ background-size:8px 9px; }
}
/************************************************************

							 상단
 
************************************************************/
.header																{ position:relative; width:100%; --sizeHig:100px; padding:0; z-index:10; transition:ease 0.2s; background:var(--color-white); border-bottom:1px solid transparent }
.header::before														{ position:absolute; width:100%; height:100%; background:rgba(0,102,179,.9); left:0; backdrop-filter:blur(10px); top:-100vh; content:''; z-index:1; opacity:0; transition:opacity 0.2s ease; }



/* 상단 */
.header_wrap														{ display:flex; width:94%; max-width:1600px; height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between; align-items:center; transition:var(--trans-ani);  }
.header .h_logo a													{ display:flex; gap:5px; align-items:center;}
.header .h_logo .ci													{ width:131px; height:40px; background:url(/resource/town/images/common/img_logo.png) no-repeat 50% 50% / contain; font-size:0px; text-indent:-9999em; }
.header .h_logo .txt												{ font-size:1.56rem; font-weight:bold; color:var(--color-point); letter-spacing:-.045em; margin-top:1px; }
.header_wrap nav													{ display:flex; align-items:center; gap:0 3em; }



.header .h_icon														{ display:flex; justify-content:end; align-items:center; gap:0 10px; z-index:20; --sizeBtn:25px; --sizeWhite:320px }
.header .h_icon>li													{ display:flex; align-items:center; }
.header .h_icon>li:nth-child(1)										{ position:relative; }
.header .h_icon [data-util]>a										{ display:flex; gap:0 15px; position:relative; align-items:center; }
.header .h_icon [data-util]>a::before								{ display:inline-block; vertical-align:middle; width:var(--sizeBtn); height:var(--sizeBtn); left:0; top:0; content:''; background-position:center; background-repeat:no-repeat; }
.header .h_icon [data-util="login"]>a::before						{ background-image:url(/resource/town/images/common/icon_login.svg); background-size:auto 20px }
.header .h_icon [data-util="logout"]>a::before						{ background-image:url(/resource/town/images/common/icon_logout.svg); background-size:auto 20px }
.header .h_icon .sitemap_open										{ position:relative; display:block; width:var(--sizeBtn); height:var(--sizeBtn); background:url(/resource/town/images/common/icon_sitemap.svg) no-repeat 100% 50% / 18px 19px; }
.header .h_icon .icon_search										{ width:var(--sizeBtn); height:var(--sizeBtn); }
.header .h_icon .icon_search::before								{ display:block; width:100%; height:100%; content:''; background:url(/resource/town/images/common/icon_search.svg) no-repeat 50% 50% / 21px; }
.header .h_icon .btn_quick											{ display:flex; align-items:center; gap:5px; padding:0 30px; height:40px; background:var(--color-point); color:var(--color-white); font-size:.88em; font-weight:600; border-radius:20px;
    margin-right:5px;  }
.header .h_icon .btn_quick::before									{ display:inline-block; width:15px; height:15px; content:''; background:url(/resource/town/images/common/icon_quick.svg) no-repeat 50% 50% / auto; }

.header .h_icon .quick_con											{ position:absolute; display:none; left:50%; top:50px; width:var(--sizeWhite); border-radius:15px; border:3px solid var(--color-point); transition:all ease 0.2s; padding:5px;
    transform:translateX(-50%); background:var(--color-white); z-index:2}
.header .h_icon .quick_con::before									{ position:absolute; left:50%; top:-10px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent;
    transform:translateX(-50%); border-bottom:10px solid var(--color-point); content:'';}
.header .h_icon .quick_con .list									{ display:flex; flex-wrap:wrap; background:#fff; padding:10px; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 350px);}
.header .h_icon .quick_con .list>li									{ width:33.333%; margin-bottom:3px; }
.header .h_icon .quick_con .list>li a								{ display:flex; align-items:center; position:relative; padding-left:.83em; opacity:.8 }
.header .h_icon .quick_con .list>li a span							{ position:relative; display:flex; align-items:center; width:100%; line-height:1.2; height:2.27em; font-size:.83rem; font-weight:500;  }
.header .h_icon .quick_con .list>li.active a						{ background:var(--color-point); border-radius:20px; color:var(--color-white); opacity:1 }
.header .h_icon .quick_con .list>li.active a span::after			{ position:absolute; right:5px; top:50%; content:'';  width:23px; height:23px; border-radius:100%; transform:translateY(-50%);
    background:#fff url(/resource/town/images/common/icon_check.svg) no-repeat 50% 50% / 8px auto; }
.header .h_icon .search_wrap										{ position:absolute; display:none;  top:var(--sizeHig); width:100%; padding:3em; left:50%;transform:translateX(-50%); background:rgba(0,102,179,.9); backdrop-filter:blur(10px); 
																		transition:top ease 0.2s;}
.header .h_icon .search_wrap .searchForm							{ display:flex; margin:0 auto; align-items:center; justify-content:center; gap:10px; max-width:868px; border-bottom:2px solid var(--color-white) }
.header .h_icon .search_wrap .searchForm input						{ width:calc(100% - 45px);  border:none; background:none; color:var(--color-white)}
.header .h_icon .search_wrap .searchForm .icon_search				{ width:40px; height:40px; }
.header .h_icon .search_wrap .searchForm .icon_search::before		{ filter:invert(1);  }
.header .h_icon .icon_search.active::before							{ background-image:url(/resource/town/images/common/icon_close.svg);}
.header .h_icon ::placeholder										{ color:#fff !important; }


/* gnb */
.header .nav_wrap													{ display:flex; }
.gnb																{ display:flex; align-items:center;}
.gnb>li																{ height:100%; position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:var(--sizeHig); padding:0 45px; font-size:19px; color:var(--color-base);
    font-weight:500; line-height:1; transition:var(--trans-ani); }
.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li>a>span::after												{ position:absolute; left:50%; bottom:-41px; width:0%; height:4px; background:var(--color-point); transition:var(--trans-ani); content:''; transform:translateX(-50%); }
.gnb>li.on>a>span::after,
.gnb>li:hover>a>span::after,
.gnb>li:focus>a>span::after											{ width:calc(100% + 35px); }
.gnb>li:hover>a>span,
.gnb>li:focus>a>span												{ color:var(--color-base); }
.gnb .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top:var(--sizeHig); width:210px; overflow:hidden; opacity:0; visibility:hidden;
    transition:var(--trans-ani) cubic-bezier(.59,.01,.43,1); z-index:40; }
.gnb .dep2															{ padding:15px; text-align:center }
.gnb .dep2>li														{ float:none; }
.gnb .dep2>li>a														{ display:inline-block; position:relative; padding:10px 15px; font-size:16px; color:rgba(255,255,255,.84); letter-spacing:-.02em; line-height:1.2;
    transition:var(--trans-ani); word-break:normal; }
.gnb .dep2>li>a[target='_blank'] i									{ display:none }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ color:var(--color-white); }
.gnb .dep2>li>a[target='_blank']::after								{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px;  
																		background:url(/resource/town/images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px; margin-top:-4px; filter:invert(1);}
.gnb .dep3															{ display:none; }

.header.menu_open .dep2_wrap										{ opacity:1; visibility:visible;}

/* 고정 */
.header.menu_open::before											{ opacity:1; top:var(--sizeHig); height:280px; }
.header.menu_open::after											{ opacity:1 }
.header.active														{ position:fixed;  top:0; left:0; border-bottom:1px solid #e7e7e7 }



/* 사이트맵 */
.sitemap_wrap														{ position:fixed; width:100%; height:100vh; right:0; top:0; opacity:0; visibility:hidden; z-index:-1;
    transition:all 0.3s  0.3s; overflow:hidden;}
.sitemap_wrap .sitemap_box .gnb_list								{ position:absolute; top:50%; left:50%; width:90%; height:auto; max-height:90vh; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; gap:0 2em; justify-content:center }
.sitemap_wrap .sitemap_box .gnb_list>li								{ width:calc((100% - 8em) / 5); position:relative; transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:0 2rem }
.sitemap_wrap .sitemap_box .gnb_list>li+li							{ border-left:1px solid rgba(255,255,255,.2); }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.5rem; font-weight:600; color:var(--color-white); transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{ margin-top:2em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.1rem; color:var(--color-white); padding:5px 0; transition:var(--trans-ani); line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before			{ position:absolute; width:0; height:1px; background:var(--color-white); left:0; top:50%; content:''; transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ padding-left:15px; opacity:1}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before	{ width:7px; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:.5em; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{ display:none; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a					{ position:relative; display:block; font-size:.95rem; font-weight:300; color:var(--color-white); padding:5px 0 5px 25px; transition:var(--trans-ani); line-height:1.2 }
.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999; background-color:rgba(0,102,179,.9);  backdrop-filter:blur(10px);
    transition:all 0.4s 0s; }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px;  
																				background:url(/resource/town/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-3px; filter:invert(1);}

.sitemap_wrap .sitemap_close										{ position:absolute; width:50px; height:50px; background:var(--color-white); right:1em; top:1em; opacity:0; transition:var(--trans-ani); border-radius:100%; }
.sitemap_wrap .sitemap_close::before								{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.sitemap_wrap .sitemap_close::after									{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }




[data-util="display_size"],
[data-util="gov"]													{ display:none; }
/************************************************************

							 하단
 
************************************************************/
.footer															{ border-top:1px solid #e5e5e5 }





@media all and (max-width:1768px){
    /* 상단 */
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.3rem; }

}
@media all and (max-width:1568px){
    /* 상단 */
    .gnb>li>a													{ font-size:18px; padding:0 35px; }
    .header.active .h_icon .search_wrap							{ top:var(--sizeHig); }
    .header .h_icon .search_wrap								{ padding:2em 2em 3em 2em; }

    /* 고정 */
    .header.menu_open::before									{ opacity:1; }
}
@media all and (max-width:1468px){
    /* 상단 */
    .sitemap_wrap .sitemap_box .gnb_list						{ width:96%; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.2rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.06rem; }
}
@media all and (max-width:1368px){
    /* 상단 */
    .gnb>li>a													{ font-size:17px; padding:0 25px; }

}
@media all and (max-width:1268px){
    /* 상단 */
    .header .h_logo .ci																{ width:118px; height:36px;  }
    .header .h_logo .txt															{ font-size:1.36rem; margin-top:2px; }
    .gnb																			{ display:none; }
    .header .h_icon																	{ --sizeWhite:250px; }
    .header .h_icon .quick_con .list>li												{ width:50%; }

    /* 모바일 메뉴 */
    .sitemap_wrap																	{ right:-100%; transition:all 0.5s}
    .sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8); }
    .sitemap_wrap .sitemap_box														{ position:absolute; width:280px; height:100%; right:0; top:0; overflow-y:auto; background:var(--color-point); }
    .sitemap_wrap .sitemap_box .gnb_list											{ position:relative; width:100%; max-height:inherit; top:inherit; left:inherit; transform:initial; height:auto; overflow:hidden; margin-top:50px; display:block;
        border-top:1px solid rgba(255,255,255,.1) }
    .sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li+li::before								{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li+li										{ border-left:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li											{ width:100%; padding:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li											{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,.1); }
    .sitemap_wrap.open  .sitemap_box .gnb_list>li									{ animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
    .sitemap_wrap .sitemap_box .gnb_list>li > a										{ position:relative; display:block;  height:48px; line-height:48px; padding:0 5%; color:var(--color-white); font-size:1.1rem; letter-spacing:-0.25px;}
    .sitemap_wrap .sitemap_box .gnb_list>li > a::before								{ position:absolute; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(255,255,255.1); right:5%; top:50%; transform:translateY(-75%) rotate(45deg);
        transition:var(--trans-ani); content:''; }
    .sitemap_wrap .sitemap_box .gnb_list>li.active > a::before						{ transform:translateY(-35%) rotate(-135deg); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:7px 0; background-color:#004480; margin-top:0;  }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li								{ margin-top:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{ display:block; color:rgba(255,255,255,0.9); font-size:.95rem; padding:10px 7%; position:relative}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ color:rgba(255,255,255,1)}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::after						{ position:absolute; width:11px; height:1.5px; background:#fff; right:7%; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{ position:absolute; width:1.5px; height:11px; background:#fff; right:calc(7% + 5px); top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%);
        left:inherit; border-radius:0;}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before				{ width:1.5px; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus						{ padding-left:7%; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before				{ opacity:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::after			{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::before 		{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul								{ display:none; padding:13px 7%; margin:0; background:rgba(255,255,255,.2); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a						{ padding:5px 0; font-size:.9rem; color:rgba(255,255,255,.8) }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a::before				{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li.active>a					{ color:var(--color-white); }
    .sitemap_wrap .sitemap_close													{ right:0; top:0; border-radius:0; background:var(--color-point) }
    .sitemap_wrap .sitemap_close::before,
    .sitemap_wrap .sitemap_close::after												{ height:30px; background:var(--color-white) }
    .sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after					{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px;
       																					 background:url(/resource/town/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-3px; filter:invert(1);}
}
@media all and (max-width:868px) {
    /* 상단 */
    .header														{ --sizeHig:88px; }
    .header .h_logo .ci											{ width:95px; height:32px;  }
    .header .h_logo .txt										{ font-size:1.2rem; margin-top:2px; }
    .header .h_icon												{ gap:0 5px; --sizeWhite:220px; }
    .header_wrap												{ height:calc(var(--sizeHig) - 0px) }
    .header .h_icon .btn_quick									{ height:32px; padding:0 20px; }
    .header .h_icon .btn_quick span:nth-child(2)				{ display:none; }
    .header .h_icon .quick_con									{ left:inherit; right:0; transform:inherit;}
    .header .h_icon .quick_con::before							{ left:inherit; transform:inherit; right:3em; }
	.header .h_icon .quick_con .list							{ height:45vh; }
    .header.active												{ margin-top:0; --sizeHig:70px; }
    .header.active .h_icon .search_wrap							{ top:calc(88px - 20px); }

    /* 음성인식 */
    .header .h_icon .search_wrap .searchForm .search_btn		{ display:flex; }
    .btn_voice_search											{ display:none !important; position:relative;}
}

@media all and (max-width:568px) {
    /* 상단 */
    .header														{ --sizeHig:70px; }
    .header .h_logo .ci											{ width:83px; height:28px;  }
    .header .h_logo .txt										{ font-size:1.13rem; margin-top:1.5px; }
    .header .h_icon												{ --sizeWhite:200px; }
    .header .h_icon .btn_quick									{ padding:0; width:30px; height:30px; justify-content:center }
    .header .h_icon .btn_quick span:nth-child(1)				{ display:none; }
    .header .h_icon .btn_quick::before							{ width:14px; height:14px; }
    .header.active												{ --sizeHig:70px; }
    .header.active .h_icon .search_wrap							{ top:var(--sizeHig); }
    .header .h_icon .search_wrap								{ padding:2em 1em; }
    .header .h_icon .search_wrap .searchForm input				{ width:calc(100% - 35px); min-height:35px; height:35px; }
    .header .h_icon .quick_con									{ top:45px; }
    .header .h_icon .quick_con::before							{ right:.5em; }
    .header .h_icon .quick_con .list							{ padding:5px; }


    /* 음성인식 */
    .btn_voice_search											{ --sizeBtn:35px; }
    .btn_voice_area .cont										{ padding:20px 30px 30px; }
}
@media all and (max-width:368px) {
    .header .h_logo .ci											{ width:77px; height:26px;  }
    .header .h_logo .txt										{ font-size:1.067rem; margin-top:1.5px; letter-spacing:-.065em }
    .header .h_icon												{ gap:0; }
}
