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

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


@font-face {
	font-family:'esamanru';    
	font-style: normal;    
	font-weight:300;
	src: local('esamanru Light'),
	url('/resource/common/fonts/esamanru Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/esamanru Light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family:'esamanru';    
	font-style: normal;    
	font-weight:400;
	src: local('esamanru Medium'),
	url('/resource/common/fonts/esamanru Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/esamanru Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family:'esamanru';    
	font-style: normal;    
	font-weight:700;
	src: local('esamanru Bold'),
	url('/resource/common/fonts/esamanru Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/esamanru Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

												

/* 1) root 설정  */
:root{
	--color-base:#111;
	--color-base1:#222;
	--color-base2:#444;
	--color-base3:#555;
	--color-point:#013a91;
	--color-green:#018356;
	--color-white:#fff;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-esamanru:'esamanru', 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; }
.flex					{display:flex;flex-wrap:wrap;}

@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(6%) }
	100% { transform:translateY(0%) }
}

@keyframes degShow{
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg); 
		-webkit-transform: rotate(0deg); 
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
		-ms-transform: rotate(360deg); 
		-webkit-transform: rotate(360deg); 
		-o-transform: rotate(360deg); 
		-moz-transform: rotate(360deg);
	}
}

@keyframes move{
    0% {
	opacity:1; 
	transform:translateX(-8px);
	}
    50% {
	opacity:1; 
	transform:translateX(0px);
	}
    100% {
	opacity:1; 
	transform:translateX(-8px);
	}
}


.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; }
.swiper_prev									{ width:20px; height:20px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:20px; height:20px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:20px; height:20px;  }
.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:.97em; font-weight:600; align-items:center; justify-content:center; gap:0 6px; line-height:1; margin-right:10px;}
.swiper_page .swiper-pagination-current			{ color:var(--color-base);}
.swiper_page .swiper-pagination-total			{ opacity:.6;color:var(--color-base);}
.swiper_page i									{ position:relative; display:inline-block }
.swiper_page i::after							{ display:inline-block; vertical-align:middle; width:13px; height:1px; background:rgba(0,0,0,.5); content:''; margin-top:-3px; } 
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:12px; background:url(/resource/town/images/common/icon_prev.svg) no-repeat 50% 50% / auto 12px; content:''; }	
.swiper_next::before							{ display:inline-block; width:8px; height:12px; background:url(/resource/town/images/common/icon_next.svg) no-repeat 50% 50% / auto 12px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/town/images/common/icon_play.svg); background-size:8px 10px; }		
.swiper_auto::before							{ background-image:url(/resource/town/images/common/icon_stop.svg); background-size:8px 10px; }	

@media all and (max-width:668px){
	.swiper_page									{gap:0 3px;}
}
/************************************************************

							 상단
 
************************************************************/
.top_util															{background:var(--color-white);}
.top_util>.con_inner												{ justify-content:flex-end; }
.top_util .util,.top_util .login > li:not(li[data-util="family_site"]){display:none !important;}
.top_util .login [data-util="family_site"] .link>li:nth-child(6)	{padding-right: 0;margin-right: 0;}

.header																{ position:relative; top:0; left:0; right:0; width:100%; --sizeHig:90px; padding:0; z-index:10; transition:ease 0.2s; background:var(--color-white); border-bottom:1px solid #d9d9d9; }

/* 상단 */
.header_wrap														{ position:relative; display:flex; width:94%; max-width:1500px; 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:6px; 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.5rem; font-weight:bold; color:var(--color-point); ; }
.header_wrap nav													{ display:flex; align-items:center; gap:0 3em; }

.header .h_icon														{ display:flex; justify-content:end; align-items:center; gap:0 20px; z-index:20; --sizeBtn:25px; --sizeWhite:240px }
.header .h_icon>li													{ position:relative;  display:flex; align-items:center; }
.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 .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 16px; }
.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 20px; height:40px; background:var(--color-green); color:var(--color-white); font-size:.88em; font-weight:600; border-radius:20px;}
.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-green); 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-green); content:'';}
.header .h_icon .quick_con .list									{ display:flex; flex-wrap:wrap; background:#fff; padding:10px;gap:6px; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 350px);}
.header .h_icon .quick_con .list>li									{ width:calc((100% - 6px) / 2); }		
.header .h_icon .quick_con .list>li a								{ display:flex; align-items:center; position:relative; padding-left:.88em; border-radius:20px;background:#e1ede9;}
.header .h_icon .quick_con .list>li a span							{ position:relative; display:flex; align-items:center; width:100%; line-height:1.4; height:2.27em; font-size:.88em; font-weight:500;color:var(--color-base3);  }
.header .h_icon .quick_con .list>li.active a						{ background:var(--color-green);  }					
.header .h_icon .quick_con .list>li.active a span					{color:var(--color-white);}
.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:fixed; display:none;   top:calc(var(--sizeHig) + 40px);width:100%; padding:3em; left:0; background:rgba(1,58,145,.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);background-size: 18px;}
.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:1.25em; color:var(--color-base); 
																		font-weight:600; line-height:1; transition:var(--trans-ani); }
.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li:hover>a>span,
.gnb>li:focus>a>span												{ color:var(--color-point); }

.gnb .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top: calc(var(--sizeHig) - 13px); width:180px;  opacity:0; visibility:hidden;background:var(--color-point); transition:all .3s cubic-bezier(.59,.01,.43,1); z-index:40; border-radius:12px; }
.gnb .dep2_wrap::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:'';}
.gnb .dep2_wrap.active													{ opacity:1; visibility:visible;}
.gnb .dep2															{ padding:1em; text-align:center }
.gnb .dep2>li														{ float:none; }
.gnb .dep2>li>a														{ display:block;color:var(--color-white); position:relative; padding:.5em 0 ; font-size:1.063em; color:var(--color-white);opacity:.7; line-height:1.4;
   																			transition:var(--trans-ani); word-break:normal;}

.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ opacity:1; }
.gnb .dep2>li>a[target='_blank']::after								{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:13px; height:13px; 
																						background:url(/resource/town/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-3px; }
/*상단 고정*/
.header.active														{ position:fixed; width:100%; top:0;  }
.header.active .h_icon .search_wrap									{top:var(--sizeHig);}

/* 사이트맵 */
.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; transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box											{position:absolute;width: 40%;height: 90vh;overflow-y: auto;border-radius:30px 30px 30px 90px;right:-100%;top:50%;transform:translateY(-50%);background: #ffffff;border: 5px solid var(--color-point);transition:var(--trans-ani);padding: 3.5rem;display:flex;align-items:center;flex-wrap:wrap;}
.sitemap_wrap .sitemap_box .gnb_list								{display:flex;flex-wrap:wrap;gap: 1em;width: 100%;justify-content:center}
.sitemap_wrap .sitemap_box .gnb_list>li								{width:100%;display:flex;flex-wrap:wrap;flex-flow: column;border-radius: 14px;padding: 2rem;gap: 1.25em;justify-content:space-between;position:relative;transform:scaleX(1);transform-origin:right top;background: #f2f2f2;transition-property:transform;align-items: flex-start;}
.sitemap_wrap .sitemap_box .gnb_list>li>a							{font-size: 1.5rem;font-weight: 600;line-height: 1.3;width: 100%;border-radius: 14px;text-align: center;color: var(--color-base1);transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li> a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li> a:focus						{ color:var(--color-point);}
.sitemap_wrap .sitemap_box .gnb_list>li	.dep2_wrap					{flex:none;width: 100%;margin-left: 0;padding-top: 1.25em;border-top: 1px solid #d9d9d9;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{display:flex;flex-wrap:wrap;gap:3rem;justify-content: center;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ position:relative; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{position:relative;display:block;font-size: 1.3rem;color: var(--color-base);transition:var(--trans-ani);line-height:1;opacity:.7;padding-left:15px;padding: 5px 5px 5px 15px;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before			{position:absolute;width:5px;height:5px;left:0;top:50%;border-radius:100%;content:'';background: rgba(0,0,0,.2);transform:translateY(-50%);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			{ 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	{ background:var(--color-point); }

.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999; background-color:rgba(0,0,0,.3);  backdrop-filter:blur(10px); transition:all 0.4s 0s;  }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }
.sitemap_wrap.open .sitemap_box										{ right:2%; }

.sitemap_wrap .sitemap_close										{position:absolute;width:50px;height:50px;background: var(--color-point);right:calc(3% - 25px);top:calc(5% - 25px);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-white);}
.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-white);}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap 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 15px; margin-top:-4px;}

@media all and (max-width:1768px){
	/* 상단 */
	.sitemap_wrap .sitemap_box .gnb_list>li						{gap:1.25em;}
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.4rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2				{ gap:2rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.167rem; }
	
}
@media all and (max-width:1568px){
  	body														{font-size:16px;}
	/* 상단 */
	.gnb>li>a													{ font-size:18px; padding:0 35px; }
	.header .h_icon .search_wrap								{ padding:2em 2em 3em 2em; }

	.sitemap_wrap .sitemap_box										{padding:3rem;}
	.sitemap_wrap .sitemap_box .gnb_list>li						{gap:1.125em;padding: 1.5em;}
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.3rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2				{ gap:1.5rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.067rem; }
}

@media all and (max-width:1468px){
	/* 상단 */
	.sitemap_wrap .sitemap_box									{ width:45%; padding:2.5rem;}
	.sitemap_wrap .sitemap_box .gnb_list>li						{gap:1em;}
}
@media all and (max-width:1368px){
	/* 상단 */
	.gnb>li>a																	{ font-size:17px; padding:0 25px; }
	.sitemap_wrap .sitemap_box												{border-radius:20px 20px 20px 80px;}
}

@media all and (max-width:1268px){	
	/* 상단 */
	.header																			{ --sizeHig:80px; }
	.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; }
	
	/* 모바일 메뉴 */
	.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;padding: 0;height:100%;border: none;right:0 !important;border-radius: 0;top:0;overflow-y:auto;background:var(--color-white);transform:translateY(0);align-items: flex-start;}	
	.sitemap_wrap .sitemap_box .gnb_list											{position:relative;width:100%;max-height:inherit;top:inherit;left:inherit;transform:initial;gap: 5;height:auto;overflow:hidden;margin-top:50px;display:block;}
	.sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li										{margin-top: 2%;}
	.sitemap_wrap .sitemap_box .gnb_list>li											{width: 100%;margin: 0 auto;padding:0 4%;position:relative;gap:0;background:var(--color-white);}
	.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;border-radius: 8px;color:var(--color-base);font-size: 1rem;font-weight: 400;padding: 1em;text-align: left;background: var(--color-white);line-height: 1.2;border: 1px solid #d9d9d9;}
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a								{color: var(--color-white);border-color: var(--color-point);background:var(--color-point);}
	.sitemap_wrap .sitemap_box .gnb_list>li:has(.dep2_wrap) > a::before		{position:absolute;width:7px;height:7px;border-style:solid;border-width:0 1px 1px 0;border-color:#444;right: 1em;top:50%;transform:translateY(-75%) rotate(45deg);transition:var(--trans-ani);content:'';}
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a::before,
	.sitemap_wrap .sitemap_box .gnb_list>li:focus > a::before,
	.sitemap_wrap .sitemap_box .gnb_list>li:hover > a::before						{transform:translateY(-35%) rotate(-135deg);border-color: var(--color-white);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{display:none;width:100%;margin-top: 2%;border-radius: 8px;background: #f2f2f2;padding:0;border:none;}
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{flex-flow:column; padding: .8em 1em;margin-top:0;gap: 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: var(--color-base);font-size:.95rem;padding:6px 6%;opacity: .7;position:relative;line-height:1.2;}			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ opacity:1;}
	.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:1;background:var(--color-point);}
	.sitemap_wrap .sitemap_close													{right:0;top:0;border-radius:0;background: var(--color-white);}
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{height:30px;background: var(--color-base);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:12px; height:12px; 
																						background:url(/resource/town/images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px; margin-top:-4px;}
}

@media all and (max-width:1024px) {
  body															{font-size:15px;}
}

@media all and (max-width:868px) {
	/* 상단 */
	.header														{ --sizeHig:70px; }
	.header .h_logo .ci											{ width:95px; height:32px;  }
	.header .h_logo .txt										{ font-size:1.2rem; }
	.header .h_icon												{ gap:0 10px; --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; }
}

@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:.5px; }
	.header .h_icon												{ --sizeWhite:200px;gap:0 10px; }
	.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 .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; }
	.top_util .family_box										{ left:inherit; transform:inherit; right:-3%; }
}
@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; }
}


/************************************************************

							 하단
 
************************************************************/
.footer  																	{ border-top: 1px solid #e3e3e3;}
.footer .f_logo_wrap .f_logo li												{ display:flex; gap:6px; align-items:center;}
.footer .f_logo_wrap .f_logo li .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; }
.footer .f_logo_wrap .f_logo li .txt										{ font-size:1.5rem; font-weight:bold; color:var(--color-point); ;}

.footer .family_list>li .family_box ul>li a[target='_blank']:hover::after,
.footer .family_list>li .family_box ul>li a[target='_blank']:focus::after	{filter: invert(15%) sepia(60%) saturate(3593%) hue-rotate(209deg) brightness(91%) contrast(100%);}

/* 맨위로 */
#btn_top																	{  background:var(--color-point);  }

@media all and (max-width:1368px) {
	.footer .f_logo_wrap .f_logo li .ci										{ width:115px; height:35px; }
	.footer .f_logo_wrap .f_logo li .txt									{ font-size:1.4rem; }
	.footer .slide_banner .con_inner::before								{ width:115px }
}
@media all and (max-width:1024px) {
	.footer .f_logo_wrap .f_logo li .ci										{ width:98px; height:30px; }
	.footer .f_logo_wrap .f_logo li .txt									{ font-size:1.2rem; }
}
@media all and (max-width:668px) {
	.footer .f_logo_wrap .f_logo li .txt									{ font-size:1.15rem; }
}