@charset "utf-8";
body					{ font-family:'A2Z' ,'Pretendard', 'Noto Sans SC',"맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:var(--color-base); word-break:keep-all;letter-spacing:-.015em; font-weight:400 }
*:focus 				{outline:2px dotted var(--color-point);}
#wrap::before			{content:'';display:block;width:562px;height:251px;background:url(/resource/images/common/bg_line.svg) no-repeat center / 100%;position:absolute;left:-27px;top:-45px;transform:rotate(-5.18deg);z-index:-1;}
#wrap::after			{content:'';display:block;width:560px;height:318px;background:url(/resource/images/common/bg_yellow.svg) no-repeat center / 100%;position:absolute;right:0;top:0;z-index:-1;}

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

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

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


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



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


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


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


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


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

@font-face {
	font-family:'A2Z';    
	font-style: normal;    
	font-weight:900;
	src: local('A2Z-9Black'),
	url('/resource/fonts/A2Z-9Black.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/fonts/A2Z-9Black.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/fonts/Pretendard-Thin.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/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/fonts/Pretendard-Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/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/fonts/Pretendard-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/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/fonts/Pretendard-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/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/fonts/Pretendard-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/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/fonts/Pretendard-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/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/fonts/Pretendard-Black.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/fonts/Pretendard-Black.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@media all and (max-width:1568px){
	#wrap::before		 {width:532px;height:238px;}
	#wrap::after 		 {width:530px;height:300px;}
}

@media all and (max-width:1468px){
	#wrap::before 		{width:502px;height:224px;}
	#wrap::after  		{width:500px;height:284px;}
}

@media all and (max-width:1368px){
	#wrap::before 		{width:462px;height:207px;}
	#wrap::after 		 {width:460px;height:260px;}
}

@media all and (max-width:1268px){
	#wrap::before 		{width:402px;height:180px;top: -1%;left: -2%;}
	#wrap::after  		{width:400px;height:227px;}
}

@media all and (max-width:968px){
	#wrap::before 		{width:342px;height:153px;}
	#wrap::after  		{width:340px;height:193px;}
}

@media all and (max-width:768px){
	#wrap::before 		{width:282px;height:126px;}
	#wrap::after  		{width:280px;height:160px;}
}

@media all and (max-width:668px){
	#wrap::before 		{width:242px;height:102px;}
	#wrap::after  		{width:240px;height:136px;}
}


@media all and (max-width:568px){
	#wrap::before 		{width:212px;height:90px;}
	#wrap::after  		{width:200px;height:113px;}
}

@media all and (max-width:468px){
	#wrap::before,
	#wrap::after  			{display:none;}
}


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

	
/* 1) root 설정  */
:root{
	--color-base:#222;
	--color-base1:#333;
	--color-base2:#444;
	--color-gray:#f2f2f2;
	--color-point:#087a10;
	--color-point-bg:#edf9ed;
	--color-yellow:	#f0c602;
	--color-purple:	#ab50bc;
	--color-green:#008a07;
	--color-blue:#2478cd;
	--color-orange:	#C74F04;
	--color-red:	#dc2c44;
	--color-white:#fff;
	--font-A2Z:'A2Z', Sans-serif;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-JALNAN:'JALNANGOTHIC', Sans-serif;
	--trans-ani:0.3s ease 0s;
}



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


@media all and (max-width:1168px){
	.mt20					{ margin-top:1em; }
	.mt50					{ margin-top:2em; }
}
@media all and (max-width:568px){
	.small_text				{ font-size:.85em; }
	.mt50					{ margin-top:1.5em; }	
}


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


@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}


.swiper_control									{ display:flex; align-items:center; justify-content:center; }
.swiper_prev									{ width:24px; height:24px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:24px; height:24px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:24px; height:24px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; }
.swiper_page									{ width:auto !important; display:flex; font-weight:700; align-items:center; justify-content:center; gap:0 12px; line-height:1; margin-right:12px;color:var(--color-base);}
.swiper_page .swiper-pagination-current			{opacity:1;}
.swiper_page .swiper-pagination-total			{opacity:.7; }
.swiper_page i									{ position:relative; display:inline-block }
.swiper_page i::after							{ display:inline-block; vertical-align:middle; width:4px; height:4px; background:rgba(0,0,0,.4); content:''; margin-top:-2px;border-radius:100%; } 
.swiper_control:has(.swiper-button-lock)		{ display:none !important; }
.swiper_prev::before							{ display:inline-block; width:9px; height:14px; background:url(/resource/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_next::before							{ display:inline-block; width:9px; height:14px; background:url(/resource/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/images/common/icon_play.svg); background-size:10px 14px; }		
.swiper_auto::before							{ background-image:url(/resource/images/common/icon_stop.svg); background-size:11px 12px; }	

@media all and (max-width:668px){
	.swiper_page									{gap:0 8px;margin-right:12px;}
}

@media all and (max-width:468px){
	.swiper_page									{gap:0 6px;margin-right:10px;}
}

@media all and (max-width:368px){
  	.swiper_page									{font-size:14px;margin-right:5px;}
}
/************************************************************

							 상단
 
************************************************************/
.header																{ position:sticky; top:0; left:0; right:0; width:100%; --sizeHig:110px; padding:0; z-index:10; transition:ease 0.2s; background:transparent; }


/* 상단 */
.header .h_logo a 													{ display: block;width:284px; height:46px; background:url(/resource/images/common/img_logo.png) no-repeat 50% 50% / contain;  }
.header_wrap nav													{ display:flex; align-items:center; gap:0 3em; }

.header .h_icon														{ display:flex; align-items:center; gap:0 20px; --sizeBtn:21px;z-index:90; }
.header .h_icon>li													{ position:relative; }
.header .h_icon [data-util]>a,
.header .h_icon [data-util]>button							{ position:relative; display:flex; flex-flow:column; gap:5px; align-items:center; font-size:15px; color:#282828; transition:var(--trans-ani);line-height: inherit; }
.header .h_icon [data-util]>a::before,
.header .h_icon [data-util]>button::before					{ display:inline-block; vertical-align:middle; width:var(--sizeBtn); height:var(--sizeBtn); content:''; background-position:center; background-repeat:no-repeat; }			

/* 로그인 */
.header .h_icon [data-util="login"]>a::before				{ background-image:url(/resource/images/common/icon_login.svg); background-size:auto 21px }
.header .h_icon [data-util="logout"]>a::before				{ background-image:url(/resource/images/common/icon_logout.svg); background-size:auto 21px }

/* 사이트맵 */
.header .h_icon .sitemap_open::before						{ background-image:url(/resource/images/common/icon_allmenu.svg) ; background-size:auto 20px; }


/* gnb */
.header_wrap													{ display:flex; width:94%; max-width:1600px; height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between; align-items:center; transition:var(--trans-ani);  }
.header_wrap nav												{ display:flex; align-items:center; gap:0 2em }
.gnb																{ display:flex; align-items:center;}
.gnb>li																{ height:100%; position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:var(--sizeHig); padding:0 45px; font-size:20px; color:#181818; 
																		font-weight:500; line-height:1; transition:var(--trans-ani); }
.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li:hover>a>span,
.gnb>li:focus>a>span												{ color:var(--color-point); }

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

.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ opacity:1;outline-color:#fff;}
.gnb .dep2>li>a[target='_blank']::after							{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:13px; height:13px; 
																			background:url(/resource/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-3px; filter:invert(1);}

/* 고정 */	
.header.active															{ left:0; top:0; background:var(--color-white);border-bottom:1px solid #e7e7e7; transition:var(--trans-ani); }


/* 사이트맵 */
.sitemap_wrap															{ position:fixed; width:100%; height:100vh; right:0; top:0; opacity:0; visibility:hidden; z-index:-1; 
																				transition:all 0.3s  0.3s; overflow:hidden;}
.sitemap_wrap .sitemap_box .gnb_list								{ position:absolute; top:50%; left:50%; width:90%; height:auto; max-height:90vh; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; gap:0 2em; justify-content:center }
.sitemap_wrap .sitemap_box .gnb_list>li								{ width:calc((100% - 8em) / 5); position:relative; transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:0 2rem }
.sitemap_wrap .sitemap_box .gnb_list>li+li							{ border-left:1px solid rgba(0,0,0,.1); }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.75rem; font-weight:700; color:var(--color-base); transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list>li>a:focus,
.sitemap_wrap .sitemap_box .gnb_list>li>a:hover						{color:var(--color-point);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{ margin-top:1.5em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.25rem; color:#444; padding:5px 0;transition:var(--trans-ani); line-height:1.2;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ color:var(--color-point);font-weight:500;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:.5em; }
.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999; background-color:rgba(255,255,255,.9);  backdrop-filter:blur(10px); 
																		 transition:all 0.4s 0s; }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }
.sitemap_wrap .sitemap_box .gnb_list>li	 a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:22px; height:22px; 
																					background:url(/resource/images/common/icon_blank.svg) no-repeat 50% 50% / auto 22px; margin-top:-4px;transition:var(--trans-ani);}
																					
.sitemap_wrap .sitemap_box .gnb_list>li	 a[target='_blank']:hover::after,
.sitemap_wrap .sitemap_box .gnb_list>li	 a[target='_blank']:focus::after{opacity:1;filter:invert(28%) sepia(91%) saturate(763%) hue-rotate(83deg) brightness(101%) contrast(99%);}															
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after{width:16px;height:16px;background-size:auto 16px;}


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

@media all and (max-width:1768px){
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.3rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2				{margin-top:1.25em;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a		{font-size:1.063rem;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a		{font-size:.94rem;}
	.sitemap_wrap .sitemap_box .gnb_list>li	 a[target='_blank']::after{width: 14px;height: 14px;background-size: auto 14px;}
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after{ width: 16px;height: 16px;background-size: auto 16px;}
}

@media all and (max-width:1568px){
	.gnb>li>a													{ font-size:19px; padding:0 40px; }
	.gnb .dep2_wrap												{ width:100%; }
	.gnb .dep2>li>a												{ font-size:1rem; }
}

@media all and (max-width:1468px){
	.sitemap_wrap .sitemap_box .gnb_list						{ width:96%; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.2rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.06rem; }
}


@media all and (max-width:1368px){
	.gnb>li>a																	{ font-size:18px; }
	.gnb .dep2>li>a															{font-size:.98rem;}
}

@media all and (max-width:1268px){	
	.header																			{ --sizeHig:90px; }
	.header .h_logo a															{ width:259px; height:42px;  }
	.gnb																			{ display:none; }
	.header .h_icon																	{ --sizeBtn:25px;gap:0 12px; }
	.header .h_icon [data-util="login"]>a::before,
	.header .h_icon [data-util="logout"]>a::before							{background-size:auto 24px;}
	.header .h_icon .sitemap_open::before									{background-size:auto 22px;}
	.header .h_icon	.txt															{display:none;}
	
	/* 모바일 메뉴 */
	.sitemap_wrap																	{ right:-100%; transition:all 0.5s}
	.sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8); }
	.sitemap_wrap .sitemap_box														{ position:absolute; width:100%;max-width:280px; height:100%; right:0; top:0; overflow-y:auto; background:#fff; }	
	.sitemap_wrap .sitemap_box .gnb_list											{ position:relative; width:100%; max-height:inherit; top:inherit; left:inherit; transform:initial; height:auto; overflow:hidden; margin-top:50px; border-top: 1px solid rgba(0, 0, 0, .1);display:block }
	.sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li::before								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li										{ border-left:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li											{ width:100%; padding:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li											{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); }
	.sitemap_wrap.open  .sitemap_box .gnb_list>li									{ animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
	.sitemap_wrap .sitemap_box .gnb_list>li > a										{ position:relative; display:block;  height:48px; line-height:48px; padding:0 5%; color:var(--color-base); font-size:1.1rem; letter-spacing:-0.25px;font-weight:500;}
	.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 								{font-weight:600;color:var(--color-point);}
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a::before						{ transform:translateY(-35%) rotate(-135deg);border-color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{ display:none; padding:0 5%; margin-bottom:10px;}
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:10px 0; background-color:var(--color-point); margin-top:0; border-radius:10px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li								{ margin-top:0; }				
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{ display:block; color:rgba(255,255,255,0.9); font-size:.95rem; padding:8px 7%; position:relative}			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ color:rgba(255,255,255,1)}

	.sitemap_wrap .sitemap_close													{ right:0; top:0; border-radius:0; }
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{ height:30px; background:var(--color-white);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px; 
																							background:url(/resource/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; margin-top:-4px; filter:invert(1);position:initial;transform:none;} 
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']:hover::after,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']:focus::after{opacity:1;}
	}

@media all and (max-width:868px) {
	.header														{ --sizeHig:80px; }
	.header .h_icon												{ gap:0 10px; }
	.header_wrap												{ height:calc(var(--sizeHig) - 0px) }
}

@media all and (max-width:568px) {
	.header														{ --sizeHig:70px; }
	.header .h_logo a										{ width:228px; height:37px;  }
	.header .h_icon												{ --sizeWhite:200px;gap:0 6px; }
	.header .h_icon [data-util="login"]>a::before,
	.header .h_icon [data-util="logout"]>a::before			{background-size:auto 22px;}
	.header .h_icon .sitemap_open::before					{background-size:auto 20px;}
}


@media all and (max-width:368px) {
	.header .h_logo a											{ width:210px; height:34px;  }
}

@media all and (max-width:300px) {
	.header .h_logo a											{ width:185px; height:30px;  }
}


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

							 하단
 
************************************************************/
.footer																		{ position:relative; background:#fff;border-top:1px solid #e5e5e5;}

/* 맨위로 */
#btn_top																	{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; left:50%;transform:translateX(-50%);top:calc(var(--sizeBtn) / 2 * -1);--sizeBtn: 80px;z-index:1;
																				 width:var(--sizeBtn); height:var(--sizeBtn); background-color:#fff; border:1px solid #e5e5e5;border-radius:100%; transition:var(--trans-ani); }
#btn_top:hover,
#btn_top:focus																{ background:var(--color-point);}
#btn_top:before																{ content:''; display:block; width:14px; height:18px; background:url(/resource/images/common/icon_top.svg) no-repeat 50% 50%; background-size:auto; transition:all 0.3s;  }
#btn_top:hover:before,
#btn_top:focus:before														{ filter:invert(1);}


/* 카피라이터 */
.footer .copyright															{ display:flex; position:relative; padding:3.125em 0;justify-content: space-between;flex-wrap:wrap;}
.footer	.copyright .info .f_logo  										{ display: block;width:284px; height:46px; background:url(/resource/images/common/img_logo.png) no-repeat 50% 50% / contain; }
.footer	.copyright .info .list												{display:flex;align-items:center;gap:5px 2.5em;flex-wrap:wrap;}
.footer	.copyright .info .list li											{display:flex;align-items:center;gap:1em;font-size:1.063em;}
.footer	.copyright .info .list li strong								{font-weight:700;}
.footer	.copyright .info .list li span									{color:var(--color-base2);word-break: break-all;}
.footer	.copyright .link													{ display:flex; gap:0 40px; flex-wrap:wrap;  }
.footer	.copyright .link a													{ display:block; font-size:.94rem; opacity:.9;}
.footer	.copyright .link strong											{ font-weight:bold;  color:#ffb121;}
.footer	.copyright .list													{ display:flex; gap:0 35px; flex-wrap:wrap; margin-top:1.88em; font-size:.94rem}
.footer	.copyright .list>li													{ display:flex; gap:0 5px; flex-wrap:wrap; }
.footer	.copyright .list>li strong										{ font-weight:bold; }

/* 패밀리사이트 */
.footer .family_site														{ position: relative; align-self: flex-start;}
.footer .family_site .family_btn										{ position:relative; display:flex; width:240px; height:54px; align-items:center; padding:0 25px;  border-radius:8px; font-size:1em; font-weight:400; z-index:5;
																			background:#f2f2f2; color:var(--color-base2); }
.footer .family_site .family_btn span								{ position:relative; width:100%; display:flex; align-items:center; }
.footer .family_site .family_btn span::before						{ position:absolute; width:12px; height:12px; background:url(/resource/images/common/icon_plus.svg) no-repeat 50% 50% / auto; content:''; right:0; top:50%; transform:translateY(-50%); 
																			transition:var(--trans-ani);opacity:.74; }
.footer .family_site .family_box										{ position:absolute; display:none; width:100%; left:0; bottom:55px; padding:25px; border:1px solid #e5e5e5; border-radius:8px; background:var(--color-white); z-index:2;
																			max-height:17em; overflow-y:auto }
.footer .family_site .family_btn.active span::before				{ transform:translateY(-50%) rotate(45deg); }
.footer .family_site .family_box ul										{ display:flex; gap:5px 20px; flex-flow:column; }
.footer .family_site .family_box ul>li                       			{ flex:1 1 50%; }
.footer .family_site .family_box ul>li a								{ position:relative; display:flex; padding-left:12px; font-size:.9rem; opacity:.84; align-items:center; color:var(--color-base); transition:var(--trans-ani); word-break:break-all;}
.footer .family_site .family_box ul>li a::before						{ position:absolute; left:0; top:.6rem; width:4px; height:4px; background:rgba(0,0,0,.4); border-radius:100%; content:''; transition:var(--trans-ani); }
.footer .family_site .family_box ul>li a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; min-width:12px; height:12px; 
																				background:url(/resource/images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px; }
.footer .family_site .family_box ul>li a:hover,
.footer .family_site .family_box ul>li a:focus						{ opacity:1; }
.footer .family_site .family_box ul>li a:hover::before,
.footer .family_site .family_box ul>li a:focus::before			{ background-color:var(--color-point); }
.footer .family_site .family_box ul>li a[target='_blank']:hover::after,
.footer .family_site .family_box ul>li a[target='_blank']:focus::after	{ opacity:1; }


/*.f_bottom */
.footer .f_bottom														{margin: 0 auto;background: #116717; max-width: 1720px;width: 98%;border-top-right-radius: 30px;border-top-left-radius: 30px;}
.footer .f_bottom .con_inner										{display:flex;flex-wrap: wrap;justify-content: space-between;align-items:center;color:var(--color-white);padding:1.875em 0;font-size:.88rem;gap: 10px 2.5em;}
.footer .f_bottom .con_inner .copy									{color:rgba(255,255,255,.8);}
.footer .f_bottom .con_inner .link									{display:flex;gap:5px 25px;flex-wrap:wrap;}
.footer .f_bottom .con_inner .link li > a							{color:rgba(255,255,255,.8);transition:var(--trans-ani);}
.footer .f_bottom .con_inner .link li > a:hover,
.footer .f_bottom .con_inner .link li > a:focus						{color:var(--color-white);outline-color:#fff;}
.footer .f_bottom .con_inner .link strong							{color:var(--color-white);font-weight:500;}

@media all and (max-width:1568px){
	/* 맨위로 */
	#btn_top															{--sizeBtn:70px;}
}

@media all and (max-width:1368px){
	/* 맨위로 */
	#btn_top																{--sizeBtn:60px;}
	#btn_top:before														 {width: 12px;height: 16px;}

	/* 카피라이터 */
	.footer .copyright														{ padding:3.5em 0 3em; }
	.footer	.copyright .info .list											{gap:5px 2em;}
	.footer .copyright .link												{ gap:0 20px;  }
	.footer .copyright .link a												{ font-size:.9rem; }
	.footer .copyright .list												{ gap:0 30px; margin-top:1.75em; font-size:.9rem }
	.footer .copyright .copy												{ margin-top:1.75em; }
}

@media all and (max-width:1268px) {
	/* 카피라이터 */
	.footer .copyright .info .f_logo										{width:259px;height:42px;}
	
	/* 패밀리사이트 */
	.footer .family_site .family_btn										{height:52px;}
	.footer .family_site .family_box										{bottom:53px;}

	/*.f_bottom */
	.footer .f_bottom														{border-top-left-radius: 16px;border-top-right-radius: 16px;}
	.footer .f_bottom .con_inner										{padding: 1.75em 0;}
}

@media all and (max-width:1024px) {
	/* 패밀리사이트 */
	.footer .family_site												{width:100%;margin-top:1.5em;}
	.footer .family_site .family_btn									{width:100%;font-size: .9rem;padding:0 20px;}
	.footer .family_site .family_box									{padding:20px;}
}

@media all and (max-width:968px) {
	/* 카피라이터 */
	.footer .copyright														{ padding:3em 0 2em; }
	.footer .copyright .copy												{margin-top:1.25em; }

	/*.f_bottom */
	.footer .f_bottom														{width:94%;border-top-left-radius: 12px;border-top-right-radius: 12px;}
	.footer .f_bottom .con_inner .link										{gap:0 20px;}
}

@media all and (max-width:868px) {
	/* 맨위로 */
	#btn_top																{--sizeBtn:50px;}
	#btn_top:before															{width: 10px;height: 14px;}
	
	/* 카피라이터 */
	.footer .copyright .info .f_logo										{width:235px;height:38px;}
	.footer .copyright .info .list li										{font-size:1em;}
	
	/*.f_bottom */
	.footer .f_bottom .con_inner										{width:100%;padding: 1.625em;}
}

@media all and (max-width:568px) {
	/* 카피라이터 */
	.footer .copyright .info .f_logo									{width:228px;height:37px;}
  	/*.f_bottom */
  	.footer .f_bottom .con_inner										{padding:1.5em;}
}


@media all and (max-width:468px) {
	/* 맨위로 */
	#btn_top																{--sizeBtn:40px;}
	#btn_top:before															{width:9px;height: 13px;}
  
	/* 카피라이터 */
	.footer .copyright													{padding:2.5em 0 1.5em;}
	.footer .copyright .info .list li										{font-size:.94em;}

	/* 패밀리사이트 */
	.footer .family_site .family_btn									{font-size: .85rem;padding:0 16px;height:48px;}
	.footer .family_site .family_box									{padding:16px;bottom:49px;}
	.footer .family_site .family_box ul>li a							{font-size: .85rem;}
	.footer .family_site .family_box ul>li a::before					{top:.5rem;}

	/*.f_bottom */
	.footer .f_bottom .con_inner										{ font-size:.85rem; padding: 1.375em;}
	.footer .f_bottom .con_inner .copy									{ font-size:.8rem; }
	.footer .f_bottom .con_inner .link									{gap:0 16px;}
}

@media all and (max-width:368px) {
	/* 카피라이터 */
	.footer .copyright .info .f_logo										{width:210px;height:34px;}
}