@charset "utf-8";
body					{ font-family:'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:var(--color-base);  word-break:keep-all; font-weight:400;letter-spacing:-0.035em; }
body.noneSCroll			{ overflow:hidden; }
*:focus					{ outline-width:2px !important; outline-style: dotted !important;outline-color: var(--color-point); }
::placeholder			{ color:#767676 !important; }



@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:100;
	src: local('PAPERLOGY-1THIN'),
	url('/resource/new/fonts/PAPERLOGY-1THIN.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-1THIN.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:200;
	src: local('PAPERLOGY-2EXTRALIGHT'),
	url('/resource/new/fonts/PAPERLOGY-2EXTRALIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-2EXTRALIGHT.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:300;
	src: local('PAPERLOGY-3LIGHT'),
	url('/resource/new/fonts/PAPERLOGY-3LIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-3LIGHT.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:400;
	src: local('PAPERLOGY-4REGULAR'),
	url('/resource/new/fonts/PAPERLOGY-4REGULAR.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-4REGULAR.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:500;
	src: local('PAPERLOGY-5MEDIUM'),
	url('/resource/new/fonts/PAPERLOGY-5MEDIUM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-5MEDIUM.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:600;
	src: local('PAPERLOGY-6SEMIBOLD'),
	url('/resource/new/fonts/PAPERLOGY-6SEMIBOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-6SEMIBOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:700;
	src: local('PAPERLOGY-7BOLD'),
	url('/resource/new/fonts/PAPERLOGY-7BOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-7BOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:800;
	src: local('PAPERLOGY-8EXTRABOLD'),
	url('/resource/new/fonts/PAPERLOGY-8EXTRABOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-8EXTRABOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:900;
	src: local('PAPERLOGY-9BLACK'),
	url('/resource/new/fonts/PAPERLOGY-9BLACK.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/PAPERLOGY-9BLACK.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family:'YanoljaYacheR';    
	font-style: normal;    
	font-weight:400;
	src: local('YanoljaYacheR'),
	url('/resource/new/fonts/YanoljaYacheR.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/YanoljaYacheR.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Miryang';    
	font-style: normal;    
	font-weight:400;
	src: local('Miryang'),
	url('/resource/new/fonts/MYHAEMALGEUNSANGSANG.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/MYHAEMALGEUNSANGSANG.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'JalnanGothic';    
	font-style: normal;    
	font-weight:400;
	src: local('JalnanGothic'),
	url('/resource/new/fonts/JALNANGOTHIC.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/JALNANGOTHIC.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:100;
	src: local('Pretendard-Thin'),
	url('/resource/new/fonts/Pretendard-Thin.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-Thin.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:300;
	src: local('Pretendard-Light'),
	url('/resource/new/fonts/Pretendard-Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-Light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:400;
	src: local('Pretendard-Regular'),
	url('/resource/new/fonts/Pretendard-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:500;
	src: local('Pretendard-Medium'),
	url('/resource/new/fonts/Pretendard-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:600;
	src: local('Pretendard-SemiBold'),
	url('/resource/new/fonts/Pretendard-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:700;
	src: local('Pretendard-Bold'),
	url('/resource/new/fonts/Pretendard-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'Pretendard';    
	font-style: normal;    
	font-weight:900;
	src: local('Pretendard-Black'),
	url('/resource/new/fonts/Pretendard-Black.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/new/fonts/Pretendard-Black.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* common */
.con_inner				{ position:relative; width:94%; max-width:1500px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:var(--color-base2) !important; }



/* 1) root 설정  */
:root{
	--color-base:#222;
    --color-base1:#333;
    --color-base2:#6a6d72;
    --color-base3:#565656;
	
    --color-black:#000;
    --color-black-opacity1:rgba(0,0,0,.1);
    --color-black-opacity2:rgba(0,0,0,.2);
    --color-black-opacity8:rgba(0,0,0,.8);
	
	--color-white:#fff;
    --color-white-opacity1:rgba(255,255,255,.1);
    --color-white-opacity7:rgba(255,255,255,.7);
    --color-white-opacity8:rgba(255,255,255,.8);
    
    --color-point:#004098;
	--color-green:#06884b;
    
    --color-gray:#f6f6f6;
    --color-gray1:#f2f2f2;
    --color-gray2:#e9e9e9;
	--color-gray3:#f5f5f5;
	
    --color-line:#ddd;
	
    --color-yellow:#fffc00;
    --font-pretendard:'Pretendard', Sans-serif;
    --font-paper:'PAPERLOGY', Sans-serif;
	--font-JalnanGothic:'JalnanGothic', Sans-serif;
	--font-Miryang:'Miryang', Sans-serif;
	--font-Yanolja:'YanoljaYacheR', 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.033rem; }
.block					{ display:block; }
.jcc					{ justify-content:center }
.none_data				{ width:100% !important; text-align:center; padding:5em; border-radius:10px; font-size:1.067em;}
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center}
.op_none				{ opacity:1 !important; }

.color_point			{ color:var(--color-point) !important; }
.color_red				{ color:var(--color-red) !important; }

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(../images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; margin-top:-4px; }


input[type=text]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:focus::placeholder  						{ font-size:0 !important;}

@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 spin {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}



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

							 상단
 
************************************************************/
.header																{ position:fixed; top:0; left:0; right:0; width:100%; --sizeHig:100px; padding:0; z-index:10; transition:var(--trans-ani); border-bottom:1px solid rgba(0,0,0,.1); }
.header::before														{ position:absolute; width:100%; height:0; background:#fff; left:0; backdrop-filter:blur(10px); top:0; content:''; z-index:1; opacity:0; transition:opacity 0.2s ease;}
.header::after															{position:absolute;width:100%;height:1px;background:rgba(0,0,0,.1);content:'';left:0;top: var(--sizeHig);z-index:2;opacity:0}
.header.menu_open::after										{ opacity:1}
.header_wrap														{ position:relative; display:flex; width:94%; max-width:1700px;  height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between;
    																	align-items:center; transition:var(--trans-ani); z-index:2;border-bottom:1px solid transparent; }
.header .h_logo a													{ display:block; width:162px; height:38px; background:url(/resource/new/images/common/img_logo.png) no-repeat 50% 50% / cover; transition:var(--trans-ani)}	


/* gnb */
.header nav															{ display:flex; align-items:center; }
.header .nav_wrap													{ display:flex; align-items:center; gap:55px  }
.gnb																{ display:flex; align-items:center;}
.gnb>li																{ height:var(--sizeHig); position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:100%; padding:0 30px; font-size:20px; color:var(--color-base); font-weight:600; line-height:1;
    																	transition:var(--trans-ani); }
.gnb>li a:focus														{outline-color:var(--color-white);}
.gnb>li:nth-child(1)>a												{color:var(--color-point) !important;}
.gnb>li:nth-child(2)>a												{color:var(--color-green) !important;}
.gnb>li:nth-child(-n+2)>a>span::before								{content:'';display:block;position:absolute;top:-10px;right:-13px;width:10px;height:10px;background:url(/resource/new/images/common/icon_diamond.svg) center / auto 10px;}
.gnb>li:nth-child(-n+2)>a:hover>span::before,
.gnb>li:nth-child(-n+2)>a:focus>span::before				{animation:spin 2s linear infinite;}
.gnb>li:nth-child(1)>a>span::before										{filter: invert(14%) sepia(69%) saturate(3561%) hue-rotate(208deg) brightness(97%) contrast(100%);}
.gnb>li:nth-child(2)>a>span::before										{filter: invert(41%) sepia(40%) saturate(2074%) hue-rotate(120deg) brightness(90%) contrast(94%);}
.gnb>li>a[target='_blank']::after									{ display:none; }
.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 .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top:var(--sizeHig); width:250px; 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; font-weight:400; color:var(--color-base); opacity:.84; line-height:1.2;transition:var(--trans-ani); }
.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/new/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px;margin-top:-3px;}
.gnb .dep2>li>a[target='_blank']:hover::after,
.gnb .dep2>li>a[target='_blank']:focus::after{filter:invert(12%) sepia(77%) saturate(3733%) hue-rotate(208deg) brightness(100%) contrast(101%);}
.gnb .dep2>li>a[target='_blank'] i									{ display:none }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ opacity:1; color:var(--color-point);}
.gnb .dep2>li>a:hover::before,
.gnb .dep2>li>a:focus::before										{ width:calc(100% - 20px); }
.gnb .dep3															{ display:none; }

/* menu_open */
.header.menu_open													{ height:368px; }
.header.menu_open *:focus										{outline-color:var(--color-point) !important;}
.header.menu_open::before											{ opacity:1; height:100%; }
.header.menu_open .h_logo a,
.header.menu_open .h_logo a											{filter:none !important;}
.header.menu_open .top_util>li>a,
.header.menu_open .top_util>li>button							{border: 1px solid rgba(0, 0, 0, .2) !important;background: rgba(255, 255, 255, .2) !important;}
.header.menu_open .top_util>li>a::before,
.header.menu_open .top_util>li>button::before					{filter:none !important;}
.header.menu_open .top_util .sitemap_open						{background: var(--color-point) !important;border-color: var(--color-point) !important;}
.header.menu_open .top_util .sitemap_open::before				{filter: brightness(0) invert(1) !important;}
.header.menu_open .gnb>li>a											{ padding:0 40px;color:var(--color-base);}
.header.menu_open .dep2_wrap										{ opacity:1; visibility:visible;}


/* 상단 유틸 */
.header .top_util													{ display:flex; align-items:center; gap:0 8px; z-index:20;--sizeUtil:48px;}
.header .top_util>li												{ position:relative; width:var(--sizeUtil);height:var(--sizeUtil);}
.header .top_util>li>button,
.header .top_util>li>a												{width:100%;height:100%;position:relative; display:block; border-radius:100%;border:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.2);}
.header .top_util>li>button::before,
.header .top_util>li>a::before									{position:absolute; width:100%; height:100%; left:0; top:0; content:''; }
.header .top_util .btn_lang::before								{ background:url(/resource/new/images/common/icon_language.svg) no-repeat 50% 50% / auto 18px;  }
.header .top_util .lang_box											{ position:absolute; display:none; width:90px; left:50%; transform:translatex(-50%); border:1px solid #e5e5e5; border-radius:10px;top: calc(100% + 5px);z-index:60; 
																		background:#fff; }
.header .top_util .lang_box>ul										{ display:flex; flex-flow:column; align-items:center;padding:15px 0; }
.header .top_util .lang_box>ul>li>a									{ display:block; text-align:center; position:relative;  transition:all ease 0.2s; font-size:15px; font-weight:400; line-height:1; color:var(--color-base); letter-spacing:0 }
.header .top_util .lang_box>ul>li>a:hover,
.header .top_util .lang_box>ul>li>a:focus							{ color:var(--color-point); }
.header .top_util .lang_box>ul>li>a[target='_blank']::after { margin-top:-3px;}
.header .top_util .lang_box>ul>li>a[target='_blank']:hover::after,
.header .top_util .lang_box>ul>li>a[target='_blank']:hover::after{filter:invert(12%) sepia(77%) saturate(3733%) hue-rotate(208deg) brightness(100%) contrast(101%);}

.header .top_util .btn_login::before								{ background:url(/resource/new/images/common/icon_login.svg) no-repeat 50% 50% / auto 18px;  }
.header .top_util .btn_logout::before								{ background:url(/resource/new/images/common/icon_logout.svg) no-repeat 50% 50% /  auto 18px; }
.header .top_util .sitemap_open									{background:var(--color-point) !important;border-color:var(--color-point) !important; }
.header .top_util .sitemap_open::before							{content:''; background:url(/resource/new/images/common/icon_allmenu.svg) no-repeat 50% 50% / auto 16px; filter:brightness(0) invert(1);}



/* 사이트맵 */
.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 *:focus												{outline-color:var(--color-point) !important;}
.sitemap_wrap .sitemap_box											{ position:absolute; top:0px; right:0; width:100%; height:100svh;display:flex; flex-wrap:wrap; gap:3rem; 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(3.2rem, 2.91666vw, 4.6rem); text-transform:uppercase }
.sitemap_wrap .sitemap_box .gnb_list								{display:flex;width:100%;justify-content:center;flex-wrap:wrap;}
.sitemap_wrap .sitemap_box .gnb_list>li								{flex:0 1 33.3%;padding:0 1.25rem}
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ display:flex; font-size:1.5rem; font-weight:bold; transition:var(--trans-ani); padding:1rem 2rem; background-color:var(--color-gray);  border-radius:0.6rem; }
.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after	{ margin-top:10.5px; }
.sitemap_wrap .sitemap_box .gnb_list .dep2							{display:flex;flex-wrap:wrap;margin: 1rem 0;}
.sitemap_wrap .sitemap_box .gnb_list .dep2>li						{width: 100%;padding: 6px 2rem;}
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a						{ display:flex;align-items:center;gap:6px;  font-size:1.2rem; font-weight:600; transition:var(--trans-ani); line-height:1.2; }
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a::before				{content:'';display:block;width:0;height:1px;background:var(--color-point);transition:var(--trans-ani);border-radius:100%;}
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a:hover::before,	
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a:focus::before	{width:6px;}
.sitemap_wrap .sitemap_box .gnb_list .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/new/images/common/icon_blank.svg)no-repeat 50% 50% / auto 15px;}
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a[target='_blank']:hover::after,
.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a[target='_blank']:focus::after{filter:invert(12%) sepia(77%) saturate(3733%) hue-rotate(208deg) brightness(100%) contrast(101%);}
.sitemap_wrap .sitemap_box .gnb_list .dep3							{ display:none; flex-flow:column; margin-top:.75rem; gap:15px; }
.sitemap_wrap .sitemap_box .gnb_list .dep3>li						{ width:100%; }
.sitemap_wrap .sitemap_box .gnb_list .dep3>li>a						{ display:block; font-size:1.067rem; transition:var(--trans-ani); opacity:.84; line-height:1.2;}
.sitemap_wrap .sitemap_box .gnb_list .dep3>li>a:hover				{ font-weight:500; }
.sitemap_wrap .sitemap_box .gnb_list a:hover,
.sitemap_wrap .sitemap_box .gnb_list a:focus						{ color:var(--color-point); }
.sitemap_wrap.open														{ opacity:1; visibility:visible; z-index:99999;overflow: inherit; }
.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_gnb_control										{ display:none; }

@media all and (max-height: 800px) {
	.header																	{--sizeHig:90px;}
}

@media all and (max-width:1768px){
    .sitemap_wrap .sitemap_box										{ padding:3rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a						{ font-size:1.45rem; padding:1rem 1.5rem }			
    .sitemap_wrap .sitemap_box .gnb_list .dep2						{ margin-top:1.5rem; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li					{ padding:6px 1.5rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep2>li>a					{ font-size:1.15rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep3>li>a					{ font-size:1.03rem; }
}
@media all and (max-width:1668px){
    .header.menu_open .gnb>li>a										{ padding:0 40px; }
    .gnb>li>a														{ font-size:19.5px; padding:0 25px; }
	
	.sitemap_wrap .sitemap_box										{ padding:2.5rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a						{ font-size:1.4rem; padding:.78rem 1rem }			
    .sitemap_wrap .sitemap_box .gnb_list .dep2						{ margin-top:1rem; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li					{ padding:4px 1rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep2>li>a					{ font-size:1.1rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep3>li>a					{ font-size:1rem; }
}
@media all and (max-width:1568px){
	.header .h_logo a 										 		{width: 153px;height: 36px;}
    .header.menu_open .gnb>li>a										{ padding:0 30px; }
    .gnb>li>a														{ font-size:18px; padding:0 20px; }
	.gnb .dep2>li>a													{ font-size:15px; }
    .sitemap_wrap .sitemap_box										{ padding:4rem 2rem; }
	.header.menu_open												{ height:360px; }
	.sitemap_wrap .sitemap_box										{ gap:2rem; padding:2rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a						{ font-size:1.35rem; padding:.75rem 1rem }			
    .sitemap_wrap .sitemap_box .gnb_list .dep2>li>a					{ font-size:1.067rem; }
    .sitemap_wrap .sitemap_box .gnb_list .dep3>li>a					{ font-size:.95rem; }
}
@media all and (max-width:1468px){
    .header															{ --sizeHig:80px; }
	.header .h_logo a 											{width: 145px;height: 34px;}
    .header.menu_open .gnb>li>a										{ padding:0 25px; }
	.gnb>li>a>span::after											{bottom:-33px;}
	.gnb .dep2>li>a													{ font-size:14.5px; }
	.header .top_util													{--sizeUtil:46px; gap: 0 6px;}
    .sitemap_wrap .sitemap_box										{ padding:3rem 1.5rem; }
	.header.menu_open												{ height:350px; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2						{ gap:2rem 0; }
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li					{ flex:1 1 calc((100% - 4rem) / 3); }
}
@media all and (max-width:1368px){
    .header															{ --sizeHig:70px; }
	.header *:focus												{outline-color:var(--color-point) !important ;}
	.header::after													{display:none;}
	.header .nav_wrap											{gap:0;}
    .gnb															{ display:none; }
	
    /* 모바일 메뉴 */
	.sitemap_wrap																	{ right:-100%; transition:all 0.5s;height:100vh;}
	.sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8);}
	.sitemap_wrap .sitemap_box h2													{ display:none; }
	.sitemap_wrap .sitemap_box														{ position:absolute; width:98%; max-width:540px; height:100%; right:0; top:0; overflow-y:auto; background:#fff; padding:0;}	
	.sitemap_wrap .sitemap_box::before												{ position:fixed; width:98%; max-width:540px; right:-100%; height:50px; background:var(--color-point); content:''; z-index:2; transition:all .5s;  }
	.sitemap_wrap.open .sitemap_box::before											{ right:0; }
	.sitemap_wrap .sitemap_box .gnb_list											{ position:relative; width:100%; max-height:inherit; top:inherit; left:inherit; transform:initial; height:auto; margin-top:50px; display:block; 
																							border-top:1px solid rgba(0,0,0,.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											{ padding:0; position:relative; width:100%; }
	.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:flex;  height:70px; line-height:1.2; align-items:center; padding:0 1rem; color:var(--color-base); font-size:1.167rem; 
																						border-radius:0; background:none}
	.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:#444; 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.active > a								{ color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a::before						{ border-color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{ display:none;}
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:0; background-color:#f2f2f2; margin:0; gap:0; border-top:1px solid rgb(233, 233, 233);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li								{ width:100%; padding:0; border-bottom:1px solid rgb(233, 233, 233); flex: none;}
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li:not(:last-of-type)				{ border-right:none; }
	.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; font-size:.95rem; padding:17px 3rem 17px 1rem; position:relative; font-weight:400 }			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ color:var(--color-point); font-weight:700 }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::after						{ position:absolute; width:11px; height:1px; background:var(--color-base); right:1.55rem; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{ position:absolute; width:1px; height:11px; background:var(--color-base); right:calc(1.55rem + 5.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:1px; }
	.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 1rem; background:rgba(0,0,0,.05); margin-top:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a						{ padding:5px 0; font-size:.9rem; color:rgba(0,0,0,.8); font-weight:300 }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a:focus,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li.active>a					{ color:var(--color-point); font-weight:700; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a::before				{ display:none; }
	.sitemap_wrap .sitemap_close													{ position:fixed; right:0; top:0; border-radius:0; width:50px; height:50px; background:var(--color-point); z-index:3}
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{ height:25px; }
}

@media all and (max-width:1268px) {
	.header .h_logo a 																{width: 136px;height: 32px;}
	.header .top_util																	{--sizeUtil:42px;}
}

@media all and (max-width:868px) {
	.header .h_logo a 															{width: 128px; height: 30px;}
	.header .top_util																	{--sizeUtil:40px;}
}

/* 모바일 (해상도 ~ 767px)*/
@media all and (max-width:668px) {
    .header																			{ --sizeHig:65px; }
	.sitemap_wrap .sitemap_box .gnb_list>li > a								{ height:65px; }
}
@media all and (max-width:468px) {
	.header .top_util																	{--sizeUtil:36px;}
	.header .top_util .lang_box>ul>li>a											{font-size:14px;}
}
@media all and (max-width:368px) {
	.header																			{ --sizeHig:60px; }
	.header .h_logo a																{width:119px;height:28px;}
	.header .top_util																	{--sizeUtil:20px;gap: 0 12px;}
	.header .top_util>li>button, .header .top_util>li>a,						
	.header .top_util .sitemap_open													{background:transparent !important; border:none !important;border-radius:0;}
	.header .top_util .sitemap_open::before											{filter:none !important;}
	.header .top_util > li[data-util="sitemap"]											{margin-left:-8px;}
	.sitemap_wrap .sitemap_box .gnb_list>li > a										{ height:55px; padding:0 .75rem; font-size:1.067rem; }
}



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

							 하단
 
************************************************************/
.footer															{ position:relative;background:#f8f8f8; }
.footer	.con_inner												{max-width:1700px;}

/* 카피라이터 */
.footer .copyright															{ padding-top:2.8em; }
.footer .f_logo_wrap,
.footer .address															{ display:flex; flex-wrap:wrap; gap:10px 2rem; align-items:center; justify-content:space-between; }
.footer .address															{ margin-top:.75em; }
.footer .f_logo_wrap a														{ display:flex; }
.footer .f_logo_wrap a:focus												{ outline-offset:4px; outline:2px dotted var(--color-point) !important}
.footer .f_logo_wrap .f_logo,
.footer .f_logo_wrap .sns_icon												{ display:flex; flex-wrap:wrap; }	
.footer .f_logo_wrap .f_logo												{ gap:30px; --sizeHig:38px; }
.footer .f_logo_wrap .f_logo .logo											{ display:flex; width:162px; height:var( --sizeHig); font-size:0; text-indent:-9999em; background:url(/resource/new/images/common/img_logo.png) no-repeat 50% 50% / contain }
.footer .f_logo_wrap .f_logo .wa_mark										{ display:flex; width:auto; height:var( --sizeHig);  }
.footer .f_logo_wrap .f_logo a:has(.wa_mark)[target='_blank']::after{ display:none; }
.footer .f_logo_wrap .sns_icon												{ gap:5px; }
.footer .f_logo_wrap .sns_icon a:focus										{ outline-offset: 4px;outline:2px dotted var(--color-point)  !important;}
.footer .f_logo_wrap .sns_icon [data-footer-sns]							{ display:flex; width:32px; height:32px; position:relative; font-size:0; text-indent:-9999em }
.footer .f_logo_wrap .sns_icon [data-footer-sns]::before					{ position:absolute; width:100%; height:100%; content:''; background-size:cover; background-position:50%; background-repeat:no-repeat; opacity:.75; 
																				-webkit-filter:grayscale(100%) brightness(50%); filter:grayscale(100%) brightness(50%); filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); }
.footer .f_logo_wrap .sns_icon [data-footer-sns="youtube"]::before			{ background-image:url(/resource/new/images/common/icon_youtube.svg); }
.footer .f_logo_wrap .sns_icon [data-footer-sns="blog"]::before				{ background-image:url(/resource/new/images/common/icon_blog.svg); opacity:1; 
																							background-color:#797979; border-radius:100%;  }

.footer .f_logo_wrap .sns_icon [data-footer-sns="facebook"]::before			{ background-image:url(/resource/new/images/common/icon_facebook.svg); }
.footer .f_logo_wrap .sns_icon [data-footer-sns="instagram"]::before		{ background-image:url(/resource/new/images/common/icon_instagram.svg); }
.footer .f_logo_wrap .sns_icon li a:has([data-footer-sns])[target="_blank"]::after{display:none;}


.footer .address > .list														{ display:flex; gap:0 35px; flex-wrap:wrap; margin-top:1.88em; font-size:.94rem; font-weight:400; opacity:.9 }
.footer .address > .list>li													{ display:flex; gap:0 5px; flex-wrap:wrap; }
.footer .address > .list>li strong											{ font-weight:bold; }
.footer .family_wrap														{ position:relative; --sizeHig:40px;}
.footer .family_wrap .family_btn											{ position:relative; display:flex; min-width:215px; height:var( --sizeHig); align-items:center; padding:0 15px; background:#f8f8f8; border:1px solid #ddd; border-radius:4px; font-size:.94rem; z-index:1; }
.footer .family_wrap .family_btn span									{ position:relative; width:100%; display:flex; align-items:center; color:var(--color-base); opacity:.84 }
.footer .family_wrap .family_btn span::before							{ position:absolute; width:12px; height:12px;  content:''; right:0; top:50%; background:url(/resource/new/images/common/icon_plus.svg) no-repeat 50% 50% / contain;
																				 transform:translateY(-50%); transition:var(--trans-ani); opacity:.7;}
.footer .family_wrap .family_list											{ position:absolute; display:none; width:100%; left:0; bottom:calc(var( --sizeHig) + 1px); padding:1em; border:1px solid #e7e7e7; border-radius:10px; 
																				background:var(--color-white); z-index:20;}
.footer .family_wrap .family_btn.active span::before						{ transform:translateY(-50%) rotate(-135deg); }
.footer .family_wrap .family_list ul										{ display:flex; gap:5px 20px; flex-flow:column; }
.footer .family_wrap .family_list ul>li a									{ position:relative; display:flex; padding-left:10px; font-size:.9rem; opacity:.94; align-items:center; color:var(--color-base); word-break:break-all; }
.footer .family_wrap .family_list ul>li a::before							{ position:absolute; left:0; top:.6rem; width:3px; height:3px; background:rgba(0,0,0,.5); border-radius:100%; content:''; transition:var(--trans-ani);}
.footer .family_wrap .family_list ul>li a[target='_blank']::after			{ margin-top:-1px;}
.footer .family_wrap .family_list ul>li a:hover,
.footer .family_wrap .family_list ul>li a:focus							{ color:var(--color-point); opacity:1;}
.footer .family_wrap .family_list ul>li a[target='_blank']:hover::after,
.footer .family_wrap .family_list ul>li a[target='_blank']:focus::after	{ filter:invert(12%) sepia(77%) saturate(3733%) hue-rotate(208deg) brightness(100%) contrast(101%); }
.footer .family_wrap .family_list ul>li a:hover::before,
.footer .family_wrap .family_list ul>li a:focus::before					{ background:var(--color-point); }
.footer .copyright .link													{ display:flex; gap:0 40px; flex-wrap:wrap; margin-top:2.5em; border-top:1px solid #e5e5e5; --sizeHig:55px; height:var(--sizeHig) }
.footer .copyright .link a													{ display:flex; font-size:.94rem; align-items:center; justify-content:center; height:100%; opacity:.9;}
.footer .copyright .link strong												{ font-weight:bold; }
.footer .copyright .link li.last											{ display:flex; flex:auto; align-items:center; justify-content:center; justify-content:end; height:100%; opacity:.8; font-size:.88rem }

/* 퀵*/
.quick_wrap																	{position:fixed; right:1%; bottom:1%; z-index:5;opacity:0;}
.quick_wrap.active															{opacity:1;}
.quick_wrap	ul > li > a span											{display:flex;align-items:center;padding: 10px;width: 80px;text-align: center;border-radius:2.5em;font-size:15px;color:var(--color-white);font-weight:700;line-height: 1;justify-content: center;}
.quick_wrap	ul > li + li													{margin-top:5px;}

/* 1:1 문의 */
.quick_wrap	ul li .cs 														{position:relative;display: flex;padding-right: 26px;padding-top: 2px;}
.quick_wrap	ul li .cs::after												{content:'';display: block;position: absolute;right: 0px;top: -32px;width:45px;height:44px;background:url(/resource/new/images/common/icon_cs_quick.svg) no-repeat right center / 100%;}
.quick_wrap	ul li .cs:hover::after,
.quick_wrap	ul li .cs:focus::after										{ animation:updown 1s infinite;}
.quick_wrap	ul li .cs span												{background: linear-gradient(137deg, #007eff, #0051ff);}


/* 맨위로 */
#btn_top																	{ display:flex;}
#btn_top span																{display: flex;gap: 6px;text-align:center;line-height:1em;background: var(--color-point);}
#btn_top span:before														{ content:''; display:block; width:11px; height:7px; background:url(/resource/new/images/common/icon_top.svg) no-repeat 50% 50%; background-size:auto;transition:var(--trans-ani);margin-top:-1px;}
#btn_top:hover span:before,
#btn_top:focus span:before												{ transform:translateY(-3px);}


@media all and (max-width:1368px){
	.footer .copyright											{ padding-top:2em; }
	.footer .copyright .link									{ gap:0 30px; margin-top:2em; }
	.footer .address .list										{ margin-top:0; }
	.footer .f_logo_wrap .f_logo								{ gap:25px; --sizeHig:46px; }
	.footer .f_logo_wrap .f_logo .logo							{ width:158px; }
}
@media all and (max-width:968px) {
	.footer .f_logo_wrap .f_logo								{ gap:20px; --sizeHig:40px; }
	.footer .f_logo_wrap .f_logo .logo							{ width:138px; }
	.footer .address .list										{ gap:0 25px; }
	.footer .copyright .link									{ height:inherit; padding:15px 0; gap:3px 25px }
	.footer .copyright .link li.last							{ flex:100%; width:100%; justify-content:flex-start; }
	.footer .family_wrap										{  width:100%; }
	.footer .family_wrap .family_btn						{ min-width:inherit; width:100%; }
}
@media all and (max-width:668px) {	
	.quick_wrap ul > li + li									{margin-top:3px;}
	.quick_wrap ul li .cs										{padding:0 !important;}
	.quick_wrap ul li .cs::after								{display:none;}
	.quick_wrap ul > li > a span							{ font-size:.72rem;width:70px; }
	#btn_top:before												{ width:10px; height:6px; }
	#btn_top span												{gap:4px;}
	#btn_top:hover span:before								{ transform:translateY(-1px) rotate(0deg); }

	.footer .copyright												{ padding-top:1.5em; }
	.footer .f_logo_wrap .sns_icon [data-footer-sns]			{ width:28px; height:28px; }
}

@media all and (max-width:368px) {
	.footer .f_logo_wrap .f_logo								{ gap:10px; --sizeHig:30px; }
	.footer .f_logo_wrap .f_logo .logo							{ width:103px; }
}