@charset "utf-8";
/*
 * common.css
 * layout등 공통영역
 */
 
body										{ color:var(--color-base); word-wrap:break-word; word-break:keep-all; letter-spacing:-.025em; font-weight:400; color:var(--color-base); box-sizing:border-box; }
*:focus										{ outline:2px dotted var(--color-point) !important}
.con_inner									{ max-width:1920px; width:94%; margin-left:auto; margin-right:auto; }
body *										{ box-sizing:border-box; }
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:100;
	src: url('/resource/common/fonts/PAPERLOGY-1THIN.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-1THIN.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:200;
	src: url('/resource/common/fonts/PAPERLOGY-2EXTRALIGHT.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-2EXTRALIGHT.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:300;
	src: url('/resource/common/fonts/PAPERLOGY-3LIGHT.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-3LIGHT.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:400;
	src: url('/resource/common/fonts/PAPERLOGY-4REGULAR.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-4REGULAR.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:500;
	src: url('/resource/common/fonts/PAPERLOGY-5MEDIUM.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-5MEDIUM.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:600;
	src: url('/resource/common/fonts/PAPERLOGY-6SEMIBOLD.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-6SEMIBOLD.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:700;
	src: url('/resource/common/fonts/PAPERLOGY-7BOLD.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-7BOLD.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:800;
	src: url('/resource/common/fonts/PAPERLOGY-8EXTRABOLD.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-8EXTRABOLD.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family:'paperlogy';  
	font-style: normal;  
	font-weight:900;
	src: url('/resource/common/fonts/PAPERLOGY-9BLACK.woff2') format('woff2'),
     url('/resource/common/fonts/PAPERLOGY-9BLACK.woff') format('woff');
	font-display: swap;
}


/* root 설정 */
:root{
	--color-base:#222;
	--color-base1:#333;
	--color-base2:#515151;
  	--color-base3:#444;
  	--color-ddd:#ddd;
	--color-point:#0e7ca1;
	--color-deep-point:#0f5e83;
	--color-deep-point1:#21536e;
	--color-deep-point2:#034467;
	--color-deep-point3:#0d5378;
    --color-deep-point4:#046e97;
	--color-light-point:#e2eef3/*#d8edf5#e6f3f8*/;
	--color-light-point1:#f0f4fb/*#f4f6fa*/;
	--color-nav-bg:#f0f4f7;
	--color-nav-deep-bg:#a2d5e6;
	--color-tab-bg:#e8f2f5;
	--color-point-line:#cbe6f0;
	--color-green:#4c973d;
	--color-deep-green:#0d7b31;
	--color-light-green:#d9ebd5/*#e9f2e7*/;
	--color-white:#fff;
	--color-gray:#f2f2f2;
	--color-gray1:#eeeeee;
	--color-gray2:#e5e5e5;
	--color-gray3:#dadada;
	--color-light-gray:#f0f0f0;
	--color-red:#cb171e;
	--color-red1:#ed2024;
	--color-light-red:#f9d5d7/*#ffebec*/;
 	--color-line:#dedede;
 	--color-black:#000;
	--color-blue:#1c8bf3;
	--color-orange:#f36919;
 	--color-scarlet:#f34545;
    --color-scarlet1:#ff5e4d;
    --color-org-blue1:linear-gradient(to top, #004669, #1eb9d3);
    --color-org-blue2:#045476;
    --color-org-blue3:#15a1bb;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-paper:'paperlogy', Sans-serif;
	--trans-ani:0.3s ease 0s;
}

/* 색상 */
.color_red											{ color:var(--color-red) !important; }
.color_point										{ color:var(--color-point) !important; }
.color_green										{ color:var(--color-green)!important; }

/* 이미지 + 데이터 없을때 */
img													{ vertical-align:top; max-width:100%; }
.none_list											{ width:100%; text-align:center; padding:1em 0; font-size:1.033em; }
.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}


/* 모션 */
@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%; }
}
@keyframes slide{
  0%{opacity:1; left:-100%}
  50%{opacity:1; left:0}
  100%{opacity:1; left:100%}
}


/* 음석인식 */	
.voice_wrap	 .voice_btn										{ position:relative; --sizeBtn:60px; width:var(--sizeBtn); height:var(--sizeBtn); z-index:2; display:flex; margin:3em auto 0 auto}
.voice_wrap	 .voice_btn:before								{ content:''; display:block; width:20px; height:30px; margin:0 auto; background:url(/resource/www/images/common/icon_voice.svg) no-repeat 50% 50%;
  																 background-size:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; filter:brightness(100)}
.voice_wrap	 .voice_btn .ani								{ display:block; position:absolute; top:0px; left:0px; display:block; width:var(--sizeBtn); height:var(--sizeBtn);}
.voice_wrap	 .voice_btn .ani:before							{ content:''; opacity:0.1; display:block; position:absolute; z-index:-1; width:100%; height:100%; background:var(--color-point); border-radius:100%;}
.voice_wrap	 .voice_btn .ani:after							{ content:''; opacity:1; display:block; position:absolute;  width:80%; height:80%; background:var(--color-point); border-radius:100%; left:10%; top:10%; }
.voice_wrap	 .voice_btn .ani:before							{ animation:voiceAni 2.5s linear 0s infinite;}
.voice_wrap	 .voice_btn .ani:after							{ animation:voiceAni1 2.5s linear 0s infinite;}
.voice_wrap													{ opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.5);
  																transition:0.5s easae 0s; transition-property:opacity, visibility;}
.voice_wrap.active											{ opacity:1; visibility:visible;}
.voice_wrap .cont											{ position:absolute; top:50%; left:50%; width:94%; max-width:600px; box-sizing:border-box; padding:30px 50px 50px; background-color:var(--color-white); --size:initial !important;
  																		 border:4px solid var(--color-point); border-radius:20px; box-shadow:0 20px 50px rgba(0,0,0,0.3); transform:translate(-50%, calc(-50% - 0.5px)); text-align:center}
.voice_wrap .cont>strong									{ display:block; font-size:1.5em; font-weight:600 }
.voice_wrap .cont .text										{ margin-top:1em; line-height:1.4; font-size:1.067em;}
.voice_wrap .cont .text>em									{ font-weight:500; color:var(--color-point); }
.voice_wrap .btn_voice_search								{ position:relative; right:inherit; top:inherit; margin:3em auto; background:var(--color-point); border-radius:100%; --sizeBtn:85px; transform:initial; }
.voice_wrap .btn_voice_search:after							{ display:none; }
.voice_wrap .btn_voice_search .ani:before,
.voice_wrap .btn_voice_search .ani:after					{ background:var(--color-point); }
.voice_wrap .spinner										{ position:relative; display:flex; justify-content:center; align-items:center; margin:3em auto; background:var(--color-point); width:85px; height:85px; border-radius:100%; }
.voice_wrap .spinner:before									{ content:''; opacity:0.2; display:block; position:absolute; z-index:-1; width:120%; height:120%; left:-10%; top:-10%; background:var(--color-point); border-radius:100%; }
.voice_wrap .spinner:after									{ content:''; opacity:0.1; display:block; position:absolute; z-index:-1; width:140%; height:140%; left:-20%; top:-20%; background:var(--color-point); border-radius:100%; }
.voice_wrap .spinner > span									{ display:inline-block; margin:0 4px; border-radius:50%; background:#fff; padding:6px; animation:sk-bouncedelay 1.5s infinite ease-in-out both;}
.voice_wrap .spinner .bounce1								{ animation-delay:-0.2s; }
.voice_wrap .spinner .bounce2								{ animation-delay:-0.1s; }

@keyframes sk-bouncedelay{
  0%,80%,100%{-webkit-transform:scale(0);transform:scale(0);}
  40%{-webkit-transform:scale(1.0);transform:scale(1.0);}
}
@keyframes voiceAni{
  0%{opacity:0.2; transform:scale(1, 1);}
  50%{opacity:0.2;}
  100%{opacity:0; transform:scale(2, 2);}
}
@keyframes voiceAni1{
  0%{opacity:1; transform:scale(1, 1);}
  50%{opacity:1;}
  100%{opacity:0; transform:scale(2, 2);}
}



/* 2026-03-14 화면확대 추가 */
/* 조금크게 */
.body_lg .header nav .gnb > li .cont										{ --sizeWidth:300px; }
.body_lg .header nav .gnb_2dep												{ width:calc(100% -  var(--sizeWidth) - 40px); }
.body_lg .header nav .gnb > li > a											{ font-size:21px; padding:0 35px; }
.body_lg .header.active nav .gnb > li > a									{ padding:0 30px; }
.body_lg .header nav .gnb > li .gnb_title h2								{ font-size:29px; }
.body_lg .header nav .gnb_2dep > li > a										{ font-size:16px; }

/* 크게 */
.body_xlg .top_util .login [data-util="family_site"] .link					{ display:none; }
.body_xlg .top_util .login .btn_family										{ display:flex; }
.body_xlg .header nav .gnb > li .box::after									{ width:8%; }
.body_xlg .header nav .gnb > li .cont										{ --sizeWidth:260px; min-height:25.5em }
.body_xlg .header nav .gnb_2dep												{ width:calc(100% -  var(--sizeWidth) - 30px); min-height:25.5em; }
.body_xlg .header nav .gnb > li > a											{ font-size:20px; padding:0 30px; }
.body_xlg .header.active nav .gnb > li > a									{ font-size:18.5px; padding:0 25px; }
.body_xlg .header nav .gnb > li .gnb_title h2								{ font-size:28px; }
.body_xlg .header nav .gnb_2dep > li > a									{ font-size:15.5px; padding:10px 20px; min-height:44px; }
.body_xlg .header nav .gnb_2dep > li > ul									{ padding:0 20px; }
.body_xlg .header nav .gnb_2dep > li > ul > li > a							{ font-size:.95em; }
.body_xlg .header nav .gnb_2dep > li > ul > li > a:before					{ top:9px; }
.body_xlg .sitemap_wrap .sitemap_box h2										{ font-size:2.6rem; }
.body_xlg .sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.38rem; }
.body_xlg .sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li>a				{ font-size:1.167rem; }
.body_xlg .sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li>a				{ font-size:1.03rem; }

/* 가장크게 */
.body_xxlg .top_util .login [data-util="family_site"] .link						{ display:none; }
.body_xxlg .top_util .login .btn_family											{ display:flex; }
.body_xxlg .header .inr															{ --size:80px; }
.body_xxlg .header.active .inr													{ --size:75px; }
.body_xxlg .header nav .gnb > li .box::after									{ width:5%; }
.body_xxlg .header nav .gnb > li .cont											{ --sizeWidth:230px; min-height:27em; padding:25px 0 }
.body_xxlg .header nav .gnb_2dep												{ width:calc(100% -  var(--sizeWidth) - 25px); gap:30px 10px; min-height:27em; }
.body_xxlg .header nav .gnb > li > a											{ font-size:19px; padding:0 25px; min-height:42px;  }
.body_xxlg .header.active nav .gnb > li > a										{ font-size:18px; padding:0 20px; }
.body_xxlg .header nav .gnb > li .gnb_title										{ padding:30px 40px 0 0; }
.body_xxlg .header nav .gnb > li .gnb_title h2									{ font-size:27px; }
.body_xxlg .header nav .gnb_2dep > li											{ width:calc((100% - 40px) / 5); }
.body_xxlg .header nav .gnb > [data-gnbsize="3"] .cont > .gnb_2dep > li			{ width:calc((100% - 30px) / 4); }
.body_xxlg .header nav .gnb > li.gnb5 .gnb_2dep									{ gap:0 1em; }
.body_xxlg .header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::before,
.body_xxlg .header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::after				{ height:100px; }
.body_xxlg .header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::before				{ width:100px; }
.body_xxlg .header nav .gnb > li.gnb5 .gnb_2dep									{ min-height:20em;  }
.body_xxlg .header .area_util													{ gap:0 25px; }
.body_xxlg .header .area_util [data-util]>a, 
.body_xxlg .header .area_util [data-util]>button								{ font-size:13.5px; }
.body_xxlg .header h1 .logo														{ width:124px; height:40px; }
.body_xxlg .header h1 .slogan													{ width:62px; height:28px; margin-top:6px; }
.body_xxlg .header.active h1 .logo												{ width:108px; height:35px; }
.body_xxlg .header.active h1 .slogan											{ width:56px; height:25px; }
.body_xxlg .header nav .gnb > li.gnb6 .gnb_2dep>li:nth-child(4) 				{ width: calc(((100% - 40px) / 5) * 2 + 10px); }
.body_xxlg .sitemap_wrap .sitemap_box h2										{ font-size:2.5rem; }
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.33rem; }
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li>a					{ font-size:1.13rem; }
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li>a					{ font-size:1rem; }
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li					{ width:calc((100% - 6rem) / 4); }
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(4),
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(8)		{ border-right-width:0; }
.body_xxlg .sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(6)		{ border-right-width:1px; }

/************************************************************************
	
								상단

************************************************************************/
/* 커튼배너 */
.top_banner_wrap *:focus												{ outline:1px dotted var(--color-white) !important}
.top_banner_wrap .label .check_input:focus + .check_label::before		{ opacity:1; }
.top_banner_wrap .label:has(:focus)	.check_label						{ opacity:1; outline:1px dotted var(--color-white) }						
.top_banner_wrap .label .top_banner_close:has(:focus) .check_label		{ opacity:.74; outline:none !important; }
.top_banner_wrap .swiper-slide>a:focus::after							{ position:absolute; width:calc(100% - 1%); height:calc(100% - 6%); left:50%; top:50%; border:2px dotted var(--color-point); transform:translate(-50%,-50%); content:''; z-index:2 }	
.top_banner_wrap .swiper-slide>a:focus,
.top_banner_wrap .control *:focus										{ outline:none !important; }	
.top_banner_wrap .control *:focus::after								{ position:absolute; width:calc(100% + 6%); height:calc(100% + 6%); left:-3%; top:-3%; border:2px dotted var(--color-white); content:''; z-index:2 }	


/* 전자정부 */
.top_util>.con_inner														{ justify-content:space-between; }
.top_util .util																{ display:flex; gap:0 10px; align-items:center; }
.top_util .util [data-util="korea"] a										{ display:block; width:30px; height:21px; background:url(/resource/www/images/common/icon_korea.svg) no-repeat 50% 50% /cover; border:1px solid #e5e5e5 }
.top_util .util [data-util="gov"]											{ display:flex; align-items:center; padding-left:50px; background:url(/resource/www/images/common/img_gov.png) no-repeat left 50% / auto 16px }
.top_util .util [data-util="gov"]>.text										{ font-size:.94rem; }

/* 다크모드 */
.top_util .login [data-util="dark"]											{ position:relative; width:60px; }
.top_util .login [data-util="dark"]::before									{ position:absolute; width:100%; height:20px; background:var(--color-red); opacity:.15; content:''; top:50%; transform:translateY(-50%); border-radius:20px;}
.top_util .login [data-util="dark"] button									{ position:absolute; left:0; top:50%; width:28px; height:28px; background:var(--color-red); border-radius:3em; transform:translateY(-50%); transition:var(--trans-ani);}
.top_util .login [data-util="dark"] button::before							{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:14px; }
.top_util .login [data-util="dark"] button::before							{ background-image:url(/resource/www/images/common/icon_light.svg);}
.top_util .login [data-util="dark"] button.active::before					{ background-image:url(/resource/www/images/common/icon_dark.svg); }
.top_util .login [data-util="dark"] button.active							{ left:32px; background:var(--color-dark) }
.top_util .login [data-util="dark"]:has(button.active)::before				{ opacity:.3 }


/* 글자설정 */
.top_util .login [data-util="display_size"]														{ position:relative; }
.top_util .login [data-util="display_size"] .btn_size_text										{ display:flex; align-items:center; gap:0 10px; height:var(--size); line-height:1 }
.top_util .login [data-util="display_size"] .btn_size_text .icon								{ position:relative; display:flex; width:16px; height:13px; margin-top:-1px; }
.top_util .login [data-util="display_size"] .btn_size_text .icon::before						{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/common/icon_type.svg) no-repeat 50% 50% / contain; }
.top_util .login [data-util="display_size"] .btn_size_text:hover,
.top_util .login [data-util="display_size"] .btn_size_text:focus								{ outline-offset:-2px; }
.top_util .login [data-util="display_size"] .display_size_box									{ position:absolute; display:none; top:calc(var(--size) + 7px); left:50%; width:140px; transform:translateX(-50%); z-index:91; }																			
.top_util .login [data-util="display_size"] .display_size_box>ul								{ position:relative; z-index:2; padding:10px; border:1px solid rgba(0,0,0,.1); border-radius:10px; background:var(--color-white); display:flex; flex-flow:column;}
.top_util .login [data-util="display_size"] .display_size_box>ul>li								{ padding:5px; }
.top_util .login [data-util="display_size"] .display_size_box>ul>li.active						{ background:var(--color-light-blue); border-radius:8px; }
.top_util .login [data-util="display_size"] .btn_size											{ position:relative; display:flex; width:100%; align-items:center; gap:5px; font-size:.85rem }
.top_util .login [data-util="display_size"] .btn_size:before 									{ content:"가"; display:inline-flex; justify-content:center; align-items:center; width:26px; height:26px; color:var(--color-base); 
																									border:0.1rem solid rgba(0,0,0,.1); border-radius:.3rem; font-size:.85rem; background-color:var(--color-white)}
.top_util .login [data-util="display_size"] .btn_size span										{ font-size:.95rem; }
.top_util .login [data-util="display_size"] .btn_size.md:before		 							{ font-size:.95rem; }
.top_util .login [data-util="display_size"] .btn_size.lg:before									{ font-size:1.03rem; }
.top_util .login [data-util="display_size"] .btn_size.xlg:before 								{ width:32px; height:32px; font-size:1.267rem; }
.top_util .login [data-util="display_size"] .btn_size.xxlg:before 								{ width:32px; height:32px; font-size:1.4rem; } 
.top_util .login [data-util="display_size"] .display_size_box>ul>li.active .btn_size			{ color:var(--color-point); }
.top_util .login [data-util="display_size"] .display_size_box>ul>li.active .btn_size:before 	{ background:var(--color-point); color:var(--color-white); border-color:var(--color-point); }
.top_util .login [data-util="display_size"] .display_size_box>ul>li:last-child					{ margin-top:10px; padding-top:10px; border-top:1px solid rgba(0,0,0,.1); }
.top_util .login [data-util="display_size"] .btn_size_reset										{ display:flex; align-items:center; justify-content:center; gap:7px; width:100%; border-radius:25px; background:var(--color-point); line-height:1; 
																									padding:0 15px; color:var(--color-white); font-size:.9rem; height:35px; }
.top_util .login [data-util="display_size"] .btn_size_reset::before								{ display:inline-flex; justify-content:center; align-items:center; width:13px; height:13px;
																									 background:url(/resource/www/images/common/icon_reset.svg) no-repeat 50% 50% / contain; content:''; }


/* 상단 */
.header															{ position:relative; z-index:50; background:var(--color-white); transition:var(--trans-ani); }
.header.active													{ z-index:90; }
.header	.nav_wrap												{ position:relative; border-bottom:1px solid var(--color-line); }
.header .inr													{ display:flex; align-items:center; width:94%; max-width:1920px; box-sizing:initial; margin:0 auto; --size:85px; height:var(--size); }
.header h1														{ position:relative; }
.header h1 a													{ display:flex; gap:10px; align-items:center; }
.header h1 .logo												{ display:flex; width:141px; height:45px;background:url(/resource/www/images/common/img_logo.svg) no-repeat 50% 50% / contain }
.header h1 .slogan												{ display:flex; width:70px; height:33px;background:url(/resource/www/images/common/img_slogan.svg) no-repeat 50% 50% / contain; margin-top:9px; }

/* 유틸 */
.header .area_util														{ display:flex; align-items:center; gap:0 30px; }
.header .area_util [data-util]>a,
.header .area_util [data-util]>button									{ position:relative; display:flex; flex-flow:column; gap:8px; align-items:center; font-size:14px; line-height:1; font-weight:600; color:var(--color-base); 
																			transition:var(--trans-ani); opacity:.9 }
.header .area_util [data-util="search"] .icon,
.header .area_util [data-util="login"] .icon,
.header .area_util [data-util="logout"] .icon,
.header .area_util .sitemap_open .icon									{ position:relative; display:flex; width:22px; height:21px; }
.header .area_util [data-util] .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; transition:var(--trans-ani)}
.header .area_util [data-util="search"] .icon::before					{ background-image:url(/resource/www/images/common/icon_allsearch.svg); background-size:22px 20px; }
.header .area_util [data-util="login"] .icon::before					{ background-image:url(/resource/www/images/common/icon_login.svg); background-size:18px 21px; }
.header .area_util [data-util="logout"] .icon::before					{ background-image:url(/resource/www/images/common/icon_logout.svg); background-size:18px 21px; }
.header .area_util .sitemap_open .icon::before							{ background-image:url(/resource/www/images/common/icon_sitemap.svg); background-size:18px 19px; }
.header .area_util [data-util]>a:hover,
.header .area_util [data-util]>button:hover,
.header .area_util [data-util]>a:focus,
.header .area_util [data-util]>button:focus								{ color:var(--color-point); }
.header .area_util [data-util]>a:hover .icon::before,
.header .area_util [data-util]> button:hover .icon::before,
.header .area_util [data-util]>a:focus .icon::before,
.header .area_util [data-util]> button:focus .icon::before				{ filter:invert(38%) sepia(88%) saturate(464%) hue-rotate(149deg) brightness(88%) contrast(98%); }

.header .area_util .search_wrap											{ position:fixed; display:none; top:0; width:100%; left:0; transition:all ease 0.1s; z-index:20}
.header .area_util .search_wrap.active									{ display:block; }
.header .area_util .search_wrap::before									{ position:absolute; width:100%; height:100vh; background:rgba(0,0,0,.7); backdrop-filter:blur(10px); left:0; top:0; content:''; z-index:-1; transition:all ease 0.1s; }
.header .area_util .search_wrap .box									{ width:100%; background:var(--color-white); padding:clamp(3em, 1vw + 3.5em, 7em) clamp(1.5em, 1vw + 1.5em, 3em); display:flex; flex-flow:column;}
.header .area_util .search_wrap strong									{ display:flex; justify-content:center; color:var(--color-base); font-size:clamp(2.5em, 1vw + 3em, 6em); font-family:var(--font-gmarket); font-weight:700;  } 
.header .area_util .search_wrap .searchForm								{ display:flex; margin:2rem auto; width:100%; align-items:center; justify-content:center; gap:10px; max-width:700px; border-bottom:2px solid var(--color-base) }
.header .area_util .search_wrap .searchForm input						{ width:calc(100% - 45px); min-height:50px;  border:none; background:none; color:var(--color-base); font-size:1.2em}
.header .area_util .search_wrap .searchForm .search_btn					{ position:relative; width:50px; height:50px; }
.header .area_util .search_wrap .searchForm .search_btn::before			{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/www/images/common/icon_search.svg) no-repeat 50% 50% / 20px; content:''; filter:brightness(.1); }
.header .area_util .search_wrap  .text									{ display:flex; justify-content:center; color:var(--color-base); font-size:clamp(1.25em, 1vw + 1.25em, 2em); font-family:var(--font-gmarket); font-weight:300; text-align:center; 
																		line-height:1.3}
.header .area_util .search_wrap .keyword								{ display:flex; flex-wrap:wrap; gap:10px 5px; line-height:1; margin:0 auto}	
.header .area_util .search_wrap .keyword dt								{ position:relative; font-size:14px; font-weight:700; color:var(--color-base); padding-right:85px; height:26px; display:flex; align-items:center; }
.header .area_util .search_wrap .keyword dt::before						{ position:absolute; width:75px; height:1px; background:var(--color-line); right:-5px; top:calc(50% - .5px); content:''; } 	
.header .area_util .search_wrap .keyword dd>a							{ display:flex; align-items:center; padding:0 12px; border-radius:5px; height:26px; font-size:13.5px; font-weight:500; opacity:.9; background:var(--color-gray1) }													
.header .area_util ::placeholder										{ color:#222 !important; }
.header .area_util .search_wrap .search_close							{ position:absolute; left:50%; 	bottom:-25px; width:50px; height:50px;  transition:all ease 0.2s; background:var(--color-point); border-radius:100%; transform:translateX(-50%); }
.header .area_util .search_wrap .search_close::before					{ position:absolute; width:2px; height:20px; content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); background:var(--color-white) }
.header .area_util .search_wrap .search_close::after					{ position:absolute; width:2px; height:20px; content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); background:var(--color-white) }
.header .area_util .search_wrap .search_close:hover,
.header .area_util .search_wrap .search_close:focus						{ transform:translateX(-50%) rotate(180deg);}


/* gnb */
.header nav																{ margin-left:auto; margin-right:auto; }
.header nav .gnb														{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.header nav .gnb a														{ display:inline-flex; justify-content:flex-start; align-items:center; line-height:1.15em; word-break:keep-all; }
.header nav .gnb a[target="_blank"]::after								{ content:''; opacity:0.8; display:inline-block; width:13px; height:12px; margin-left:3px; background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%;
  																			background-size:100%; vertical-align:middle; margin-top:-2px}
.header nav .gnb > li > a												{ padding:0 37.5px; font-size:22px; font-weight:600; transition:var(--trans-ani); color:var(--color-base); display:flex; height:var(--size); align-items:center; padding-bottom:2px;
																			 margin-bottom:-2px;  }
.header nav .gnb > li > a>span											{ display:flex; position:relative; }
.header nav .gnb > li > a span:after									{ content:''; display:block; position:absolute; top:-10px; left:0; width:23px; height:7px; opacity:0; transition:var(--trans-ani); z-index:1; 
																			background:url(/resource/www/images/common/icon_logo_dt.svg) no-repeat 50% 50% / contain; }
.header nav .gnb > li.active > a span:after,
.header nav .gnb > li > a:hover span:after,
.header nav .gnb > li > a:focus span:after								{ opacity:1 }
.header nav .gnb > li.active > a,
.header nav .gnb > li > a:hover,
.header nav .gnb > li > a:focus											{ color:var(--color-point); }
.header nav .gnb > li .box												{ opacity:0; visibility:hidden; position:absolute; width:100%; left:50%; transition:opacity 0.1s ease-in-out 0s, visibility 0.1s linear 0s; box-sizing:border-box; 
																			transform:translateX(-50%); top:calc(var(--size) + 1px) }
.header nav .gnb > li .box::before										{ position:absolute; width:50%; height:100%; right:0; top:0; content:''; background:var(--color-white); }
.header nav .gnb > li .box::after										{ position:absolute; width:25%; height:100%; left:0; top:0; content:''; background:linear-gradient(180deg, #128fae 1%, #046383 100%); }
.header nav .gnb > li .cont												{ display:flex; justify-content:end; align-items:flex-start; position:relative; width:94%; --sizeWidth:350px; min-height:26.5em; box-sizing:border-box; max-width:1920px; 
																			margin:0 auto; padding:30px 0; }
.header nav .gnb > li .cont::before										{ position:absolute; right:0; width:calc(100% - var(--sizeWidth) + 100px); height:100%; top:0; background:var(--color-white); border-radius:0 0 0 150px; content:''; }
.header nav .gnb > li .gnb_title										{ position:absolute; width:var(--sizeWidth); height:100%; left:0; top:0; flex:none; display:flex; flex-flow:column nowrap; justify-content:flex-start; overflow:hidden;
																			align-items:flex-start; box-sizing:border-box; padding:40px 50px 0 0; background:linear-gradient(180deg, #128fae 1%, #046383 100%); border-radius:0 0 150px 0; z-index:2; }
.header nav .gnb > li .gnb_title::before								{ position:absolute; left:0; width:100%; height:224px; bottom:-10px; content:''; background-size:auto 224px; 
																			background-position:0 100%; background-repeat:no-repeat; }																		
.header nav .gnb > li .gnb_title::after									{ position:absolute; left:0; width:100%; height:100%; content:''; background:url(/resource/www/images/common/bg_nav.svg) no-repeat right 60% / auto 221px; content:''; opacity:.1 }
.header nav .gnb > li.gnb1 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav1.svg); }																		
.header nav .gnb > li.gnb2 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav2.svg); }	
.header nav .gnb > li.gnb3 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav3.svg); }	
.header nav .gnb > li.gnb4 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav4.svg); }	
.header nav .gnb > li.gnb5 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav5.svg); }	
.header nav .gnb > li.gnb6 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav6.svg); }	
.header nav .gnb > li.gnb7 .gnb_title::before							{ background-image:url(/resource/www/images/common/bg_nav7.svg); }	
.header nav .gnb > li .gnb_title h2										{ position:relative; font-size:30px; color:var(--color-white); font-weight:700; padding-top:20px; font-family:var(--font-paper); line-height:1 }
.header nav .gnb > li .gnb_title h2:before								{ position:absolute; top:0; left:0; content:''; display:block; width:32px; height:10px; background:url(/resource/www/images/common/icon_logo_dt.svg) no-repeat 50% 50% / contain}
.header nav .gnb > li .gnb_title p										{ margin-top:20px; font-size:15px; color:var(--color-white); word-break:keep-all; line-height:1;}
.header nav .gnb_2dep													{ position:relative; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; max-height:26.5em; overflow-y:auto; overflow-x:hidden; gap:30px 12px; 
																			 width:calc(100% -  var(--sizeWidth) - 50px);}
.header nav .gnb_2dep::-webkit-scrollbar 								{ -webkit-appearance:none; width:4px; } 
.header nav .gnb_2dep::-webkit-scrollbar-thumb 							{ background-color:var(--color-point); border-radius:5px; } 
.header nav .gnb_2dep::-webkit-scrollbar-track 							{ border-radius:5px; background-color:rgba(0,0,0,.2); }
.header nav .gnb_2dep > li												{ width:calc((100% - 60px) / 6); display:flex; flex-flow:column; box-sizing:border-box; }
.header nav .gnb > [data-gnbsize="3"] .cont > .gnb_2dep > li			{ width:calc((100% - 48px) / 5); }
.header nav .gnb_2dep > li > a											{ position:relative; display:flex; align-items:center; width:100%; min-height:46px; padding:10px 25px; font-size:16.5px; font-weight:600; transition:color var(--trans-ani);
  																			background:var(--color-nav-bg); border-radius:1.5rem; transition:var(--trans-ani); color:var(--color-base); justify-content:center; }
.header nav .gnb_2dep > li:hover > a,
.header nav .gnb_2dep > li:focus > a,
.header nav .gnb_2dep > li > a:hover,
.header nav .gnb_2dep > li > a:focus 									{ color:var(--color-white); background:var(--color-point); }
.header nav .gnb_2dep > li > a[target="_blank"]::after					{ width:10px; height:10px; min-width:10px; }
.header nav .gnb_2dep > li > a[target="_blank"]:hover::after,
.header nav .gnb_2dep > li > a[target="_blank"]:focus::after			{ filter:invert(1); opacity:1 }
.header nav .gnb_2dep > li > a::before									{ content:''; position:absolute; right:25px; top:50%; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-base); 
																			transform:translateY(-65%) rotate(45deg);  }
.header nav .gnb_2dep > li.only > a::before								{ display:none; }
.header nav .gnb_2dep > li:hover > a::before,
.header nav .gnb_2dep > li:focus > a::before,
.header nav .gnb_2dep > li > a:hover::before,
.header nav .gnb_2dep > li > a:focus::before							{ opacity:1; border-color:var(--color-white); transition:var(--trans-ani); }
.header nav .gnb_2dep > li > ul											{ display:flex; flex:100%; flex-flow:column; margin-top:.7em; padding:0 25px; }
.header nav .gnb_2dep > li > ul > li > a								{ position:relative; display:block; padding:4px 0px 4px 12px; color:#444; font-size:.98em; transition:color var(--trans-ani); font-weight:500 }
.header nav .gnb_2dep > li > ul > li > a:before							{ content:''; opacity:0.2; display:block; position:absolute; left:0px; top:10px; width:4px; height:4px; background-color:var(--color-base); border-radius:100%;
  																			transition:var(--trans-ani);}
.header nav .gnb_2dep > li > ul > li > a:hover,
.header nav .gnb_2dep > li > ul > li > a:focus							{ color:var(--color-point); font-weight:700;}
.header nav .gnb_2dep > li > ul > li > a:hover:before,
.header nav .gnb_2dep > li > ul > li > a:focus:before					{ opacity:1; background-color:var(--color-point);}
.header nav .gnb_2dep > li > ul a[target="_blank"]:hover::after,
.header nav .gnb_2dep > li > ul a[target="_blank"]:focus::after			{ filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); opacity:1 }
.header nav .gnb_2dep > li > ul > li > ul								{ display:none;}
.header nav .gnb > li.active .box										{ opacity:1; visibility:visible; transition-delay:0.1s, 0.1s;}


/* 분야별 메뉴 */
.header nav .gnb > li.gnb5 .gnb_2dep									{ gap:2.5em 1em; }
.header nav .gnb > li.gnb5 .gnb_2dep>li									{ width:calc((100% - 3em) / 4); }
.header nav .gnb > li.gnb5 .gnb_2dep>li>ul								{ display:none; }
.header nav .gnb > li.gnb5 .gnb_2dep>li									{ padding:4px 0; }
.header nav .gnb > li.gnb5 .gnb_2dep>li>a								{ padding:0; border:none; border-radius:0; justify-content:center; background:none }
.header nav .gnb > li.gnb5 .gnb_2dep>li>a>span							{ display:flex; flex-flow:column; justify-content:center; gap:10px; align-items:center}
.header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::before					{ position:relative; display:flex; width:110px; height:110px; border-radius:100%; content:''; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; 
																			content:'';  z-index:2}
.header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::after					{ position:absolute; width:100%; height:110px; border-radius:15px; top:0; left:50%; content:''; content:''; background:var(--color-nav-bg); transform:translateX(-50%); }																										
.header nav .gnb > li.gnb5 .gnb_2dep>li>a::before						{ display:none; }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(1)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector01.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(2)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector02.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(3)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector03.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(4)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector04.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(5)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector05.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(6)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector06.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(7)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector07.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(8)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector08.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(9)>a>span::before		{ background-image:url(/resource/www/images/main/icon_sector09.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(10)>a>span::before	{ background-image:url(/resource/www/images/main/icon_sector10.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(11)>a>span::before	{ background-image:url(/resource/www/images/main/icon_sector11.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li:nth-child(12)>a>span::before	{ background-image:url(/resource/www/images/main/icon_sector12.svg); }
.header nav .gnb > li.gnb5 .gnb_2dep>li>a:hover,
.header nav .gnb > li.gnb5 .gnb_2dep>li>a:focus 						{ background:none; color:var(--color-point)}
.header nav .gnb > li.gnb5 .gnb_2dep>li>a:hover>span::before,
.header nav .gnb > li.gnb5 .gnb_2dep>li>a:focus>span::before			{ animation:iconShow 0.7s ease-in-out 1 forwards; } 
.header nav .gnb > li.gnb5 .gnb_2dep>li>a:hover>span::after				{ background:var(--color-point); opacity:.1 }
.header nav .gnb > li.gnb5 .gnb_2dep>li>a[target="_blank"]::after		{ display:none; }



.header nav .gnb > li.gnb6 .gnb_2dep>li:nth-child(4)					{ width:calc(((100% - 60px) / 6) * 2 + 10px); }
.header nav .gnb > li.gnb6 .gnb_2dep>li:nth-child(4)>ul					{ display:flex; flex-flow:row wrap; gap:0 10px; }
.header nav .gnb > li.gnb6 .gnb_2dep>li:nth-child(4)>ul>li				{ width:calc((100% - 10px) / 2); }

/* 메뉴 배경 */
.gnb_bg																	{ position:absolute; top:var(--size); left:0; width:100%; background:rgba(0,0,0,.5); z-index:-1; backdrop-filter:blur(10px); }
.gnb_bg.active															{ height:100vw !important; }

/* 상단 고정시 */
.header.active														{ position:fixed; width:100%; top:0; left:0; }
.header.active .inr													{ width:94%; max-width:inherit; transition:var(--trans-ani); --size:80px; }
.header.active h1 .logo												{ width:124px; height:40px; }
.header.active h1 .slogan											{ width:62px; height:28px; }
.header.active nav .gnb > li > a									{ font-size:19px; transition:var(--trans-ani); }
.header.active nav .gnb > li > a span:after							{ transition:var(--trans-ani); }
.header.active .area_util [data-util]								{ transition:var(--trans-ani); }



/* 사이트맵 */
.sitemap_wrap															{ position:fixed; width:100%; height:100%; right:0; top:0; opacity:0; visibility:hidden; z-index:-1; transition:all 0.3s 0.3s; overflow:hidden; }
.sitemap_wrap::before													{ position:absolute; width:100%; height:100%; right:0; top:0; background-color:var(--color-base); backdrop-filter:blur(10px); transition:all 0.4s 0s; opacity:.5; content:''; }
.sitemap_wrap .sitemap_box												{ position:absolute; top:0px; right:0; width:95%; max-height:100%; display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center; background:var(--color-white); overflow-y:auto;
  																		padding:3rem; }
.sitemap_wrap .sitemap_box::-webkit-scrollbar 							{ display:none; }
.sitemap_wrap .sitemap_box h2											{ display:flex; justify-content:center; align-items:center; line-height:1; font-size:clamp(2rem, 2.91666vw, 3rem); }
.sitemap_wrap .sitemap_box .gnb_title									{ display:none; }
.sitemap_wrap .sitemap_box .gnb_list									{ display:flex; width:100%; flex-flow:column; gap:2rem; justify-content:center; margin-bottom:2rem; word-break: break-all; }
.sitemap_wrap .sitemap_box .gnb_list>li>a								{ display:flex; font-size:1.4rem; font-weight:bold; transition:var(--trans-ani); padding:1.25rem 1.5rem; background-color:var(--color-gray); border-radius:0.6rem; 
																			box-sizing:border-box; line-height:1}
.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep							{ display:flex; flex-wrap:wrap; margin-top:1rem; gap:1.5rem 2rem; padding:0 1.5rem; box-sizing:border-box;}
.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li						{ width:calc((100% - 10rem) / 6); }
.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:not(:last-of-type)	{ border-right:1px solid var(--color-gray2); }
.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(6)			{ border-right-width:0; }
.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li>a						{ position:relative; display:block; font-size:1.2rem; font-weight:600; transition:var(--trans-ani); padding-right:1.5rem; line-height:1.2 }
.sitemap_wrap .sitemap_box .gnb_list .gnb_3dep							{ display:flex; flex-flow:column; margin-top:.5rem; padding-right:1.5rem; gap:7px; }
.sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li						{ width:100%; }
.sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li>a						{ display:block; font-size:1.067rem; font-weight:300; transition:var(--trans-ani); opacity:.84; line-height:1.2 }
.sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li.active>a				{ color:var(--color-point); }
.sitemap_wrap .sitemap_box .gnb_list .gnb_4dep							{ display:none; flex-wrap:wrap; margin-top:.5rem; gap:7px;}
.sitemap_wrap .sitemap_box .gnb_list a:hover,
.sitemap_wrap .sitemap_box .gnb_list a:focus							{ color:var(--color-point); font-weight:700!important; transition:var(--trans-ani); }
.sitemap_wrap.open														{ opacity:1; visibility:visible; z-index:99999; }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 						{ width:0; }
.sitemap_wrap .sitemap_close											{ position:absolute; width:60px; height:60px; background:#222; right:0; top:0; opacity:0; transition:var(--trans-ani) }
.sitemap_wrap .sitemap_close::before									{ position:absolute; width:2px; height:30px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:#fff; }
.sitemap_wrap .sitemap_close::after										{ position:absolute; width:2px; height:30px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:#fff;}
.sitemap_wrap.open .sitemap_close										{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap .sitemap_close:hover,
.sitemap_wrap .sitemap_close:focus										{ outline-offset:-6px; outline:2px dotted var(--color-white) !important }
.sitemap_wrap .mob_top_util_control										{ display:none; position:absolute; width:95%; max-width:450px; top:0; right:0; background:var(--color-point); z-index:2; height:50px; align-items:center; gap:0 40px; padding:10px 20px;
																			box-sizing: border-box; }
.sitemap_wrap .mob_top_util_control>li									{ position:relative;  }
.sitemap_wrap .mob_top_util_control>li+li::before						{ position:absolute; left:-20px; top:50%; width:1px; height:14px; background:var(--color-white); opacity:.3; content:''; transform:translateY(-50%);  }
.header .area_util .sitemap_wrap .mob_top_util_control>[data-util]>a, 
.header .area_util .sitemap_wrap .mob_top_util_control>[data-util]>button { flex-flow:row; border-radius:20px; height:32px;  color:var(--color-white); font-weight:400; font-size:.9rem; }
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after			{ content:''; opacity:0.8; display:inline-block; width:13px; height:12px; margin-left:4px; background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%;
  																			background-size:100%; vertical-align:middle; margin-top:-2px}
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:hover::after,
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:focus::after	{ filter:invert(28%) sepia(36%) saturate(6859%) hue-rotate(177deg) brightness(92%) contrast(89%); }


/* 주요누리집 */
.mob_top_util_control .btn_family										{ position:relative; align-items:center; gap:0 7px; line-height:1; }
.mob_top_util_control .btn_family .icon									{ position:relative; width:14px; height:15px; }
.mob_top_util_control .btn_family .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_btn_family.svg) no-repeat 50% 50% / contain; filter:invert(1); }
.mob_top_util_control .btn_family::after								{ display:inline-block; vertical-align:middle; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white); 
																			transform:translateY(-40%) rotate(45deg); content:''; transition:all ease 0.2s; margin-left:3px; }
.mob_top_util_control .btn_family.active::after							{ transform:translateY(20%) rotate(225deg); }
.mob_top_util_control .family_box ul									{ display:flex; flex-flow:column; gap:3px; }
.mob_top_util_control .family_box ul>li.none							{ display:none; }
.mob_top_util_control .family_box 										{ display:none; position:absolute; min-width:120px; left:50%; transform:translatex(-50%); border:1px solid #e5e5e5; border-radius:10px; top:35px; 
																			background:var(--color-white); padding:1em; z-index:91; }
.mob_top_util_control .family_box ul>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:12px; height:11px; transition:var(--trans-ani);
																			background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50% / auto 11px; margin-top:-2px; transition:var(--trans-ani); }
.mob_top_util_control .family_box ul>li>a[target='_blank']:hover,
.mob_top_util_control .family_box ul>li>a[target='_blank']:focus		{ color:var(--color-point); transition:var(--trans-ani); font-weight:700; }
.mob_top_util_control .family_box ul>li>a[target='_blank']:hover::after,
.mob_top_util_control .family_box ul>li>a[target='_blank']:focus::after	{ filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); }
.header .area_util .sitemap_wrap .mob_top_util_control>[data-util]> button:hover .icon::before	{ filter:invert(1); }

/* 언어선택 */
.mob_top_util_control [data-util="lang"]								{ position:relative; }
.mob_top_util_control .btn_lang											{ display:flex; align-items:center; gap:0 7px; line-height:1; }
.mob_top_util_control .btn_lang:hover,
.mob_top_util_control .btn_lang:focus									{ outline-offset:-2px; }
.mob_top_util_control .btn_lang::after									{ display:inline-block; vertical-align:middle; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white); 
																			transform:translateY(-40%) rotate(45deg); content:''; transition:all ease 0.2s; margin-left:3px; }
.mob_top_util_control .btn_lang.active::after							{ transform:translateY(20%) rotate(225deg); }
.mob_top_util_control .btn_lang .icon									{ position:relative; width:14px; height:14px; font-size:0; text-indent:-9999em; }
.mob_top_util_control .btn_lang .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_language.svg) no-repeat 50% 50% / contain; filter:invert(1);  }
.mob_top_util_control .btn_lang .txt									{ padding-top:1px; font-size:.92rem }
.mob_top_util_control .lang_box											{ position:absolute; display:none; width:100%; min-width:100px; left:50%; transform:translatex(-50%); border:1px solid #e5e5e5; border-radius:10px; top:35px; 
																			padding:10px; z-index:91; background:#fff; }
.mob_top_util_control .lang_box>ul										{ display:flex; flex-flow:column; align-items:center; }
.mob_top_util_control .lang_box>ul>li>a									{ display:inline-block; text-align:center; position:relative; padding:5px 10px; transition:all ease 0.2s }
.mob_top_util_control .lang_box>ul>li>a::before							{ position:absolute; width:0; height:2px; background:var(--color-point); left:50%; bottom:0; content:''; transform:translateX(-50%); transition:all ease 0.2s}
.mob_top_util_control .lang_box>ul>li>a:hover,
.mob_top_util_control .lang_box>ul>li>a:focus							{ color:var(--color-point); font-weight:700; }
.mob_top_util_control .lang_box>ul>li>a:hover::before,
.mob_top_util_control .lang_box>ul>li>a:focus::before					{ width:100%; }



@media all and (max-width:3068px){
	/* 상단 */
	.header nav .gnb > li .box::after									{ width:20%; }
}
@media all and (max-width:2568px){
	/* 상단 */
	.header nav .gnb > li .box::after									{ width:13%; }
}
@media all and (max-width:1768px){
	/* 상단 */
	.header nav .gnb > li .cont											{ --sizeWidth:300px; }
	.header nav .gnb_2dep												{ width:calc(100% -  var(--sizeWidth) - 40px); }
	.header nav .gnb > li > a											{ font-size:21px; padding:0 35px; }
	.header.active nav .gnb > li > a									{ padding:0 30px; }
	.header nav .gnb > li .gnb_title h2									{ font-size:29px; }
	.header nav .gnb_2dep > li > a										{ font-size:16px; }
}
@media all and (max-width:1668px){
  	.top_util .login [data-util="family_site"] .link			{ display:none; }
	.top_util .login .btn_family								{ display:flex; }
  
  
	/* 상단 */
	.header nav .gnb > li .box::after									{ width:8%; }
	.header nav .gnb > li .cont											{ --sizeWidth:260px; min-height:25.5em }
	.header nav .gnb_2dep												{ width:calc(100% -  var(--sizeWidth) - 30px); min-height:25.5em; }
	.header nav .gnb > li > a											{ font-size:20px; padding:0 30px; }
	.header.active nav .gnb > li > a									{ font-size:18.5px; padding:0 25px; }
	.header nav .gnb > li .gnb_title h2									{ font-size:28px; }
	.header nav .gnb_2dep > li > a										{ font-size:15.5px; padding:10px 20px; min-height:44px; }
	.header nav .gnb_2dep > li > ul										{ padding:0 20px; }
	.header nav .gnb_2dep > li > ul > li > a							{ font-size:.95em; }
	.header nav .gnb_2dep > li > ul > li > a:before						{ top:9px; }
	
	/* 전체메뉴 */
	.sitemap_wrap .sitemap_box h2										{ font-size:2.6rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.38rem; }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li>a					{ font-size:1.167rem; }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li>a					{ font-size:1.03rem; }
	
}
@media all and (max-width:1568px){
	/* 상단 */
	.header .inr														{ --size:80px; }
	.header.active .inr													{ --size:75px; }
	.header nav .gnb > li .box::after									{ width:5%; }
	.header nav .gnb > li .cont											{ --sizeWidth:230px; min-height:27em; padding:25px 0 }
	.header nav .gnb_2dep												{ width:calc(100% -  var(--sizeWidth) - 25px); gap:30px 10px; min-height:27em; }
	.header nav .gnb > li > a											{ font-size:19px; padding:0 25px; min-height:42px;  }
	.header.active nav .gnb > li > a									{ font-size:18px; padding:0 20px; }
	.header nav .gnb > li .gnb_title									{ padding:30px 40px 0 0; }
	.header nav .gnb > li .gnb_title h2									{ font-size:27px; }
	.header nav .gnb_2dep > li											{ width:calc((100% - 40px) / 5); }
	.header nav .gnb > [data-gnbsize="3"] .cont > .gnb_2dep > li		{ width:calc((100% - 30px) / 4); }
	.header nav .gnb > li.gnb5 .gnb_2dep								{ gap:0 1em; }
	.header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::before,
	.header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::after				{ height:100px; }
	.header nav .gnb > li.gnb5 .gnb_2dep>li>a>span::before				{ width:100px; }
	.header nav .gnb > li.gnb5 .gnb_2dep								{ min-height:20em;  }
	
	.header .area_util													{ gap:0 25px; }
	.header .area_util [data-util]>a, 
	.header .area_util [data-util]>button								{ font-size:13.5px; }
	.header h1 .logo													{ width:124px; height:40px; }
	.header h1 .slogan													{ width:62px; height:28px; margin-top:6px; }
	.header.active h1 .logo												{ width:108px; height:35px; }
	.header.active h1 .slogan											{ width:56px; height:25px; }
	.header nav .gnb > li.gnb6 .gnb_2dep>li:nth-child(4) 				{ width: calc(((100% - 40px) / 5) * 2 + 10px); }
	
	/* 전체메뉴 */
	.sitemap_wrap .sitemap_box h2										{ font-size:2.5rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.33rem; }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li>a					{ font-size:1.13rem; }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_3dep>li>a					{ font-size:1rem; }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li					{ width:calc((100% - 6rem) / 4); }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(4),
	.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(8)		{ border-right-width:0; }
	.sitemap_wrap .sitemap_box .gnb_list .gnb_2dep>li:nth-child(6)		{ border-right-width:1px; }
}
@media all and (max-width:1468px){
	/* 상단 */
	.header nav .gnb > li > a											{ font-size:18.5px; padding:0 20px; min-height:40px;  }
	.header.active nav .gnb > li > a									{ font-size:17.5px; padding:0 17px; }
	.header nav .gnb > li .gnb_title									{ padding:30px 40px 0 0; }
	.header nav .gnb > li .gnb_title h2									{ font-size:26px; }
}
@media screen and (max-width:1368px){
	/* 상단 */
	.top_util .util [data-util="gov"]>.text								{ font-size:.9rem; }
	.top_util .util [data-util="gov"]									{ padding-left:0; background:none; }
	.top_util .login [data-util="display_size"] .btn_size_text			{ gap:0 7px; }
	.top_util .login [data-util="display_size"] .btn_size_text .icon	{ width:15px; height:12px; }
}
@media screen and (max-width:1268px){
	/* 상단 */
	.header nav .gnb																	{ display:none; }
	
	
	/* 모바일 메뉴 */
    .sitemap_wrap																		{ right:-100%; transition:all 0.5s}
    .sitemap_wrap.open																	{ right:0; background:var(--color-black-opacity8); }
    .sitemap_wrap .sitemap_box															{ position:absolute; width:95%; max-width:450px; height:100%; right:0; top:0; overflow-y:auto; background:var(--color-white); padding:0;}
    .sitemap_wrap .sitemap_box h2														{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list												{ position:relative; flex-direction:column; gap:0; height:auto; overflow:hidden; margin-top:50px; border-top:1px solid var(--color-black-opacity1);
        																					justify-content:initial; padding-top:10px; margin-bottom:1rem  }
    .sitemap_wrap .sitemap_box .gnb_list>li>a											{ display:flex; align-items: center; width:8rem; min-height:3.5rem; padding:.5rem 1rem; border-radius:0 10px 10px 0; font-weight:700;
        																				line-height:1.5; letter-spacing:0; font-size:1.067rem; background:none }
    .sitemap_wrap .sitemap_box .gnb_list>li.active>a									{ background:var(--color-point); color:var(--color-white) }
    .sitemap_wrap .sitemap_box .gnb_list>li .box										{ display:none; position:absolute; width:calc(100% - 8rem); height:100%; right:0; top:10px; padding:0 .8rem; z-index:1; overflow-y:auto;  }
    .sitemap_wrap .sitemap_box .gnb_list>li.active .box									{ display:block; }
    .sitemap_wrap .sitemap_box .gnb_list>li .box .cont									{ padding-bottom:1rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li	.gnb_2dep									{ width:100%; padding:0; margin:0; flex-flow:column; gap:5px; }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li:not(:last-of-type)				{ border-right:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li								{ flex:initial; min-width:inherit; width:100%; }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li>a								{ position:relative; display:flex; width:100%; color:var(--color-base); min-height:3.5rem; align-items:center; justify-content: space-between; font-size:1rem; 
																							padding:.5rem 1rem; border-radius:10px; background:var(--color-gray); transition:var(--trans-ani); line-height:1.2 }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li.active>a						{ background:var(--color-light-blue); }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li>a>span							{ display:flex; width:100%; align-items:center; justify-content:space-between; line-height:1.2 }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li>a>span::after					{ display:flex; min-width:7px; width:7px; height:7px; border-style:solid; border-color:var(--color-base); border-width:0 1px 1px 0; 
																							transform:translateY(-40%) rotate(45deg); transition:var(--trans-ani); content:''; opacity:.74 }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li.active>a>span::after			{ transform:translateY(15%) rotate(225deg);}
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li:not(:has(ul))>a>span::after	{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep									{ display:none; margin-top:0; padding:.75rem 0 }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li>a								{ position:relative; display:flex; width:100%; font-size:.98rem; padding:5px 1rem; line-height:1.2; font-weight:500 }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li>a>span::after					{ display:flex; position:absolute; right:1rem; top:50%; min-width:9px; width:9px; height:1px; background:var(--color-base); transform:translateY(-50%); 
																							transition:var(--trans-ani); content:''; opacity:.74 }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li>a>span::before					{ display:flex; position:absolute; right:calc(1rem + 4.5px); top:50%; min-width:1px; width:1px; height:9px; background:var(--color-base); transform:translateY(-50%); 
																							transition:var(--trans-ani); content:''; opacity:.74 }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li:not(:has(ul))>a>span::after,
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li:not(:has(ul))>a>span::before	{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li.active>a>span::before			{ opacity:0 }
    .sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep									{ padding:.7rem; background:var(--color-gray); border-radius:8px; width:calc(100% - 2rem); margin:5px auto }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep>li								{ width:100%; }								
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep>li>a								{ position:relative; display:flex; width:100%; font-size:.92rem; padding:3px .75rem; line-height:1.2; font-weight:500 }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep>li>a::before						{ position:absolute; width:4px; height:4px; border-radius:100%; left:0; top:8.5px; background:var(--color-base); opacity:.34; content:''; } 
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep>li.active>a						{ color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep>li.active>a::before				{ background:var(--color-point); opacity:1; }
	.sitemap_wrap .sitemap_close														{ width:50px; height:50px; background:var(--color-point); z-index:3 }
    .sitemap_wrap .sitemap_close::before,
    .sitemap_wrap .sitemap_close::after													{ height:20px; }
	.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after						{ margin-top:2px; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after					{ margin-top:-2px; }
	.sitemap_wrap .sitemap_box .gnb_list>li.active>a[target='_blank']::after,
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']:focus::after				{ filter:invert(100); }

	.sitemap_wrap .mob_top_util_control													{ display:flex; }
	.sitemap_wrap .mob_top_util_control>li												{ display:none; }
}
@media screen and (max-width:1024px){
	/* 상단 */
	.header .inr																{ --size:65px; }
	.header.active .inr															{ --size:60px; }
	.top_util .login [data-util="display_size"]									{ display:none; }
	.header .area_util															{ gap:0 20px; }
	.header .area_util [data-util="login"] .txt,
	.header .area_util [data-util="logout"] .txt,
	.header .area_util [data-util="search"] .txt,
	.header .area_util .sitemap_open .txt										{ display:none; }
	.header .area_util [data-util="login"],
	.header .area_util [data-util="logout"]										{ margin-right:-3px; }
	.header h1 .logo															{ width:108px; height:35px; }
	.header h1 .slogan															{ width:56px; height:25px; }
	.header.active h1 .logo														{ width:99px; height:32px; }
	.header.active h1 .slogan													{ width:49px; height:22px; }
}
@media all and (max-width:868px) {
	/* 음성인식 */
	.header .area_util .search_wrap .box										{ padding:2rem 2rem 3rem 2rem; }
	.header .area_util .search_wrap strong										{ font-size:2.5rem; }
	.voice_btn																	{ position:relative; display:flex; position:relative; min-width:36px; min-height:36px; border-radius:100%; background:var(--color-point) }
	.voice_btn::before															{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/common/icon_voice.svg) no-repeat 50% 50% / auto 22px; 
																					filter:invert(1) brightness(100); }
	.voice_wrap .cont>strong													{ font-size:1.3em; }
	.header .area_util .search_wrap .keyword									{ justify-content:center }
	.header .area_util .search_wrap .keyword dt									{ width:100%; padding-right:0; height:inherit; justify-content:center }
	.header .area_util .search_wrap .keyword dt::before							{ display:none; }

	/* 상단 */
	.top_util .util																{ max-width:calc(100% - 13.5em); }
	.top_util .util [data-util="gov"]											{ width:calc(100% - 30px); }
	.top_util .util [data-util="gov"]>.text										{ display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
	.top_util .login															{ gap:0 10px; }
	.top_util .login [data-util="family_site"]									{ display:none; }
	.top_util .login [data-util="lang"]											{ display:none; }
	.sitemap_wrap .mob_top_util_control>li										{ display:flex; }
}
@media screen and (max-width:568px){
	/* 음성인식 */
	.voice_wrap .cont															{ padding:20px 20px 40px 20px; }
}
@media all and (max-width:468px) {
	/* 상단 */
	.header .inr																{ --size:60px; }
	.header.active .inr															{ --size:55px; }
	.header h1 .logo															{ width:99px; height:32px; }
	.header h1 .slogan															{ width:49px; height:22px; margin-top:4px; }
	.header.active h1 .logo														{ width:92px; height:30px; }
	.header.active h1 .slogan													{ width:44px; height:20px; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a									{ font-size:.98rem; width:7rem; padding:.5rem .75rem; min-height:3.2rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .box								{ width:calc(100% - 7rem); padding:0 .5rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li>a						{ font-size:.92rem; min-height:3.2rem; padding:.5rem .75em; border-radius:8px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep							{ padding:.7rem 0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li>a>span					{ gap:0 10px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_3dep>li>a						{ font-size:.9rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .gnb_4dep>li>a						{ font-size:.88rem; }
	
	/* 음성인식 */
	.header .area_util .search_wrap .searchForm									{ gap:5px; margin:1.5rem auto }
	.header .area_util .search_wrap strong										{ font-size:2.2rem; }
	.header .area_util .search_wrap .box										{ padding:2rem 1rem 3rem 1rem; }
	.voice_wrap .cont															{ padding:20px 20px 30px 20px; }
	.header .area_util .search_wrap .searchForm input							{ min-height:45px; padding:5px; font-size:1rem; }
	.header .area_util .search_wrap .searchForm .search_btn						{ width:40px; height:40px; min-width:40px; }
	.header .area_util .search_wrap .searchForm .search_btn::before				{ background-size:auto 18px; }
	.voice_btn																	{ min-width:32px; min-height:32px; }
	.voice_btn::before															{ background-size:auto 20px; }
	.header .area_util .search_wrap .search_close								{ width:45px; height:45px; }
	.header .area_util .search_wrap .search_close::before,
	.header .area_util .search_wrap .search_close::after						{ height:16px; }
}
@media screen and (max-width:368px){
	div, ul, li, ol, dl, dd, dt, p												{ font-size:14px; }
	
	/* 상단 */
	.header h1 .logo															{ width:87px; height:28px; }
	.header h1 .slogan															{ display:none }
	.header.active h1 .logo														{ width:81px; height:26px; }
	.header .area_util															{ gap:0 15px; }
	.header .area_util [data-util="search"] .icon, 
	.header .area_util [data-util="login"] .icon, 
	.header .area_util [data-util="logout"] .icon, 
	.header .area_util .sitemap_open .icon										{ width:19px; height:18px; }
	.header .area_util [data-util="login"] .icon::before						{ background-size:auto 18px; }
	.header .area_util [data-util="logout"] .icon::before						{ background-size:auto 18px; }
	.header .area_util [data-util="search"] .icon::before						{ background-size:auto 17px; }
	.header .area_util .sitemap_open .icon::before								{ background-size:auto 17px; }
	.sitemap_wrap .mob_top_util_control											{ padding:10px; gap:0 30px;}
	.sitemap_wrap .mob_top_util_control>li+li::before							{ left:-15px; }
	.header .area_util .sitemap_wrap .mob_top_util_control>[data-util]>a, 
	.header .area_util .sitemap_wrap .mob_top_util_control>[data-util]>button	{ gap:0 5px; font-size:.85rem; }
	.mob_top_util_control .btn_lang .txt										{ font-size:.87rem; }
}

.footer .slide_banner .con_inner::before										{ width:135px; }
@media all and (max-width:1368px){
	.footer .slide_banner .con_inner::before									{ width:115px; }
}