@charset "utf-8";
body{font-family:'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; background:#fff;color:#111; word-wrap:break-word; word-break:keep-all; letter-spacing:-.04em}
@font-face {
	font-family:'TTT';    
	font-style: normal;    
	font-weight:500;
	src: local('TTTtangsbudaejjigaeM'),
	url('/resource/gukhwa/fonts/TTTtangsbudaejjigaeM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/gukhwa/fonts/TTTtangsbudaejjigaeM.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family:'TTT';    
	font-style: normal;    
	font-weight:700;
	src: local('TTTtangsbudaejjigaeB'),
	url('/resource/gukhwa/fonts/TTTtangsbudaejjigaeB.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/gukhwa/fonts/TTTtangsbudaejjigaeB.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* common */
.con_inner				{ width:94%; max-width:1600px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:#767676 !important; }

/* 1) root 설정  */
:root{
	--color-base:#111;
	--color-base1:#555;
	--color-white:#fff;
	--color-point:#d7004e;
	--color-point2:#05903d;
  	--color-black:#000;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-TTT:'TTT', 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; }
.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); }


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




.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; gap:0 2px;}
.swiper_prev									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:25px; height:25px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:100%; background-size:10px 13px; }
.swiper_page									{ width:auto ; display:flex; font-size:1em; font-weight:300; align-items:center; justify-content:center; gap:0 10px; line-height:1  }
.swiper_page .swiper-pagination-current			{ font-weight:bold; }
.swiper_page .swiper-pagination-total			{ opacity:.6; }
.swiper_page i									{ position:relative; display:inline-block; }
.swiper_page i::after							{ content:'';display:inline-block; vertical-align:middle; width:12px;height:1px;background:#999; } 
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/gukhwa/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_next::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/gukhwa/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/gukhwa/images/common/icon_play.svg); background-size:8px 11px; }		
.swiper_auto::before							{ background-image:url(/resource/gukhwa/images/common/icon_stop.svg); background-size:8px 11px; }	

@media all and (max-width:968px){
	.swiper_auto::before							{ background-size:auto 9px; }
	.swiper_prev::before							{ height:11px; background-size:auto 11px; }	
	.swiper_next::before							{ height:11px; background-size:auto 11px; }	
	.swiper_auto.paused::before						{ background-size:8px 9px; }		
	.swiper_auto::before							{ background-size:8px 9px; }	
}
/* 슬라이드 */
.layer_popup_wrap																{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; color:#fff}
.layer_popup_cont 																{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; max-height:calc(100svh - 5em); overflow:hidden }
.layer_popup_cont .tit 															{ font-size:1.563rem; font-weight:700; position:relative; display:inline-flex; padding-top:15px; line-height:1 }
.layer_popup_cont .tit:before 													{ content:''; position:absolute; top:8px; right:-10px; width:8px; height:8px; border-radius:100%; background-color:var(--color-point); }
.layer_popup_cont .layerPopSwiper												{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; margin-top:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide									{ width:33.333%; }
.layer_popup_cont .layerPopSwiper .swiper-slide>a								{ display:flex; width:calc(100% - 30px); margin-left:15px; margin-right:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:100%; overflow-y:auto; overflow-x:hidden }
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar 		{ -webkit-appearance:none; width:4px;} 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-thumb 	{ background-color:var(--color-white); border-radius:5px; } 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-track 	{ border-radius:5px; background-color:rgba(255,255,255,.5); }
.layer_popup_cont .layerPopSwiper .swiper-slide .img img						{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
   																	 				-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover;}
.layer_popup_cont .swiper_bottom												{ position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; gap:20px; }
.layer_popup_cont .swiper_bottom .control button								{ position:relative; width:30px; height:30px; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .swiper_bottom .control										{ display:flex; justify-content:center; align-items:center; height:40px; background:var(--color-point); border-radius:40px; padding:0 10px 0 20px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before,
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:''; }
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ margin-left:-4px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before							{ border-width:0 0 2px 2px; margin-right:-2px }
.layer_popup_cont .swiper_bottom .swiper_page									{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.9rem; margin:0; line-height:1; color:#fff; gap:7px; margin-right:10px;}
.layer_popup_cont .swiper_bottom .swiper-pagination-current						{ font-weight:bold; color:var(--color-white) }
.layer_popup_cont .swiper_bottom .swiper-pagination-total						{ font-weight:300; opacity:.9 }
.layer_popup_cont .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%;  }
.layer_popup_cont .swiper_bottom .swiper_page i::after							{ display:none; }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 10px; filter:invert(1); }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ background-image:url(/resource/common/images/bbs/icon_stop.svg); }
.layer_popup_cont .swiper_bottom .swiper_auto.paused::before					{ background-image:url(/resource/common/images/bbs/icon_play.svg); }
.layer_popup_cont .layer_popup_btn												{ display:flex; justify-content:center; align-items:center; gap:10px;}
.layer_popup_cont .layer_popup_btn>li											{ position:relative; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .layer_popup_btn>li input[type="checkbox"]					{ position:absolute; width:100%; height:100%; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label										{ position:relative; padding-left:35px; cursor:pointer; font-size:.95rem; }
.layer_popup_cont .layer_popup_btn>li input 									{ position:absolute; width:1px; height:1px; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label::after								{ position:absolute; width:22px; height:22px; border:1px solid var(--color-white); border-radius:100%; content:''; left:0; top:0; }
.layer_popup_cont .layer_popup_btn>li label::before 							{ content: ""; position:absolute; top:4px; left:8px; width:6px; height:10px; overflow:hidden; border-style:solid; border-width:0 2px 2px 0;
																					 border-color:var(--color-white); opacity:0; transform:rotate(45deg);}
.layer_popup_cont .layer_popup_btn>li input:checked + label::before 			{ opacity:1; }
.layer_popup_cont .layer_popup_btn .popup_close_button 							{ display:flex; position: relative; width:46px; height:46px; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:var(--color-point); opacity:.5; border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button::after					{ position:absolute; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; content:''; background:var(--color-point); border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button>em						{ position:relative; width:100%; height:100%; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button>em::before				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button>em::after				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(-45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button:hover					{ transform:rotate(180deg); }	
.layer_popup_bg 																{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.9); }
@media all and (max-width:1368px){
	.layer_popup_cont .layerPopSwiper											{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;  }
	.layer_popup_cont .layerPopSwiper .swiper-slide>a							{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
}
@media all and (max-width:1024px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:50%;  }
	.layer_popup_cont .swiper_bottom .control									{ height:36px; }
	.layer_popup_cont .layer_popup_btn .popup_close_button 						{ width:42px; height:42px; }
	.layer_popup_cont .layer_popup_btn>li label									{ padding-left:30px; font-size:.9rem; }
	.layer_popup_cont .tit														{ padding-top:10px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:4px; }
}
@media all and (max-width:768px){
	.layer_popup_cont															{ padding-bottom:52px; }
	.layer_popup_cont .swiper_bottom											{ position:initial; }
	.layer_popup_cont .swiper_bottom .control									{ position:absolute; right:0; top:2px; }
	.layer_popup_cont .layer_popup_btn											{ position:absolute; width:max-content; left:50%; bottom:0; transform:translateX(-50%); }
	.layer_popup_cont .tit														{ padding-top:8px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:0; }
}
@media all and (max-width:568px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:100%;  }
}
@media all and (max-width:468px){
	.layer_popup_cont .tit 														{ font-size:1.363rem; }
	.layer_popup_cont .swiper_bottom .control									{ height:32px; padding:0 5px 0 15px }
	.layer_popup_cont .swiper_bottom .swiper_page								{ font-size:.85rem; margin-right:5px; }
	.layer_popup_cont .swiper_bottom .control button							{ width:25px; height:25px; }
	.layer_popup_cont .layerPopSwiper											{ margin-top:15px; }
} 
@media all and (max-width:320px){
	.layer_popup_cont .tit>span													{ display:none; }

}  
/************************************************************

							 상단
 
************************************************************/
.header																{ position:fixed; top:0; left:0; right:0; width:100%; --sizeHig:110px; padding:0; z-index:10; transition:ease 0.2s; background:rgba(0,0,0,.5);  }
.header.active                                                      {background:rgba(0,0,0,.7);}

.header_wrap														{ position:relative; display:flex; width:94%; max-width:1600px; height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between; 
																		align-items:center; transition:var(--trans-ani); }
.header .h_logo a													{ display:flex; width:250px; height:43px; background:url(/resource/gukhwa/images/common/img_logo.png) no-repeat 50% 50% / contain;  }
.header_wrap nav													{ display:flex; align-items:center; }

.header .h_icon														{ display:flex; align-items:center; gap:0 10px; z-index:20; }
.header .h_icon>li													{ position:relative; }
.header .h_icon .sitemap_open										{ position:relative; display:block; width:54px; height:54px; background:url(/resource/gukhwa/images/common/icon_sitemap.svg) no-repeat center center; background-size:100%; }

.header .h_icon [data-util]>a										{ display:flex; gap:0 15px; position:relative; align-items:center; }
.header .h_icon [data-util]>a::before								{ display:inline-block; vertical-align:middle; width:var(--sizeBtn); height:var(--sizeBtn); left:0; top:0; content:''; background-position:center; background-repeat:no-repeat; }

.header .h_icon [data-util="login"]>a::before						{ position:relative; display:block; width:54px; height:54px; background:url(/resource/gukhwa/images/common/icon_login.svg?ver=251202) no-repeat center center; background-size:100%; }
.header .h_icon [data-util="logout"]>a::before						{ position:relative; display:block; width:54px; height:54px; background:url(/resource/gukhwa/images/common/icon_logout.svg?ver=251202) no-repeat center center; background-size:100%; }

/* gnb */
.header .nav_wrap													{ display:flex; }
.gnb																{ display:flex; align-items:center;}
.gnb>li																{ height:100%; position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:var(--sizeHig); padding:0 40px; font-size:1.25em; color:var(--color-white); 
																		font-weight:700; line-height:1; transition:var(--trans-ani); }

.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li>a>span::after												{ position:absolute; right:-12px; top:-12px; width:4px; height:4px;border-radius:100%;opacity:0; visibility:hidden; background:var(--color-white); transition:var(--trans-ani); content:'';  }
.gnb>li.on>a>span::after,											
.gnb>li:hover>a>span::after,
.gnb>li:focus>a>span::after											{opacity:1;visibility:visible; }
.gnb>li>a[target='_blank']::after								{ content:""; display:inline-block; transition:all .4s; margin-left:6px; vertical-align:middle; width:13px; height:13px; 
																						background:url(/resource/gukhwa/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; filter:invert(1);}
.gnb .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top:var(--sizeHig); width:180px; overflow:hidden; opacity:0; visibility:hidden;background:rgba(0,0,0,.7); transition:all .3s cubic-bezier(.59,.01,.43,1); z-index:40; border-radius:0 0 20px 20px; }
.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:inline-block; 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::before                                               {content:'';position:absolute;bottom:.5em;left:0;width:0;height:1px;background:var(--color-white);opacity:0;visibility:hidden;transition:var(--trans-ani);}
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ opacity:1; }
.gnb .dep2>li>a:hover::before,
.gnb .dep2>li>a:focus::before                                         {width:100%;opacity:1;visibility:visible;}	
.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/gukhwa/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-3px; filter:invert(1);}


/* 사이트맵 */
.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 1.5em; 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 1.5rem }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.875rem; 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.2rem; color:var(--color-base); padding:5px 0;padding-left:15px; transition:var(--trans-ani); line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before			{ position:absolute; width:4px; height:4px; background:rgba(0,0,0,.7); left:0; top:50%; transform:translateY(-50%);content:''; transition:var(--trans-ani);border-radius:100%;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{opacity:1;color:var(--color-point);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before	{ background:var(--color-point);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:.5em; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{ display:none; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a					{ position:relative; display:block; font-size:.95rem; font-weight:300; color:var(--color-base); padding:5px 0 5px 25px; transition:var(--trans-ani); line-height:1.2 }
.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999;   background-color: rgba(253, 245, 248, .8);  backdrop-filter:blur(15px); 
																		 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:5px; vertical-align:middle; width:17px; height:15px;margin-top:-3px; 
       																	 background:url(/resource/gukhwa/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; }
/*.sitemap_wrap .sitemap_box .gnb_list>li> a[target='_blank']::after	{display:none;}*/

.sitemap_wrap .sitemap_close										{ position:absolute; width:54px; height:54px; background:url(/resource/gukhwa/images/common/icon_sitemap_bg.svg); 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); }


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

							 하단
 
************************************************************/

/* 카피라이터 */
.footer																{ background:#333;padding:3.125em 0; }
.footer	.con_inner                                             {position:relative;}
.footer	.share                                                   {position:absolute;top:0;right:0;z-index:5;} 
.footer	.share ul                                                {display:inline-flex;gap:0 10px;}
.footer	.share ul li a                                           {display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:100%;width:34px;height:34px;transition:var(--trans-ani);}
.footer	.share ul li a:focus,
.footer	.share ul li a:hover                                   {background:rgba(255,255,255,.4);}
.footer	.share ul li a::before                                 {content:'';display:block;width:100%;height:100%;}
.footer	.share ul li[data-share="facebook"] a::before  {background:url(/resource/gukhwa/images/common/icon_facebook.svg) no-repeat center center / 100%;}
.footer	.share ul li[data-share="twitter"] a::before  {background:url(/resource/gukhwa/images/common/icon_twitter.svg) no-repeat center center / 100%;}

.footer .copyright .info h1                                   {font-weight:800;font-size:1.25em;color:var(--color-white);text-align:center;}
.footer	.copyright .list										{ display:flex; gap:0 30px; flex-wrap:wrap; margin-top:1.875em;font-size:1em;color:var(--color-white);justify-content: center;}
.footer	.copyright .list+.list                                  {margin-top:1em; }
.footer	.copyright .list>li										{ display:flex; gap:0 12px; flex-wrap:wrap; justify-content: center;text-align:center;}
.footer	.copyright .list>li strong								{ font-weight:700; }
.footer	.copyright .list>li span                                {opacity:.8;}
.footer	.copyright .copy										{ margin-top:1.875em; letter-spacing:-0.015em; opacity:.4; color:var(--color-white);font-size:.88rem;text-align:center;font-weight:300;}

.footer	.family                                                    {text-align:center;margin-top:3.75em;}
.footer	.family  .family_list                                   {display:inline-flex;align-items:center;justify-content: center;gap:0 60px;}
.footer	.family  .family_list li a                               {display:block;}
.footer	.family  .family_list li a img                           {height:39px;}


/* 맨위로 */
#btn_top														{ opacity:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:fixed; right:60px; bottom:40px; z-index:5;
																	 width:60px; height:60px; background-color:var(--color-point); border-radius:100%; font-size:13px; font-weight:300; color:#fff; transition:var(--trans-ani); }
#btn_top:before													{ content:''; display:block; width:11px; height:7px; margin-bottom:5px; background:url(/resource/gukhwa/images/common/icon_top.svg) no-repeat 50% 50%; background-size:auto; 
																	transform:translateY(0px) rotate(0deg); transition:all 0.3s;  }
#btn_top span													{ display:block; width:100%; text-align:center; line-height:1em;}
#btn_top:hover:before											{ opacity:1; transform:translateY(-5px) rotate(0deg);}
#btn_top.active													{ opacity:1;}


@media all and (max-width:1768px){
	/* 상단 */
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.3rem; }
	
	/* 하단 */
	#btn_top													{ width:55px; height:55px; right:1%; }
	
}
@media all and (max-width:1568px){
	/* 상단 */
	.header														{ --sizeHig:100px; }
	.gnb>li>a>span::after                                   {bottom:-35px;}
	
}
@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; }

	/* 하단 */
	.footer                                                         {padding:2.875em 0;}
	.footer .copyright                                           {flex-wrap:wrap;}
	.footer .copyright .list									{ margin-top:1.75em; }
	.footer .family                                               {margin-top:3em;}

}
@media all and (max-width:1368px){
	/* 상단 */
	.gnb>li>a													{ font-size:1.063em; padding:0 35px; }
	.gnb .dep2_wrap                                          {width:170px;}
	.gnb .dep2>li>a	                                          {font-size:1em;}
	
	/* 하단 */
	.footer														 {padding:2.5em 0;}                                    
	.footer .copyright .list									{ gap:0 28px; font-size:.9rem;margin-top:1.5em; }
	.footer .copyright .info h1                               {font-size:1.125em;}
	.footer .copyright .copy									{ margin-top:1.5em; }
	.footer .family .family_list                                {gap:0 50px;}
	.footer .family .family_list li a img                       {height:36px;}
	
}
@media all and (max-width:1268px){	
	/* 상단 */
	.header																			{ --sizeHig:90px; }
	.header .h_logo a																{width:221px; height:38px; }
	.gnb																			{ display:none; }
  	.header .h_icon [data-util="logout"]>a::before,
	.header .h_icon .sitemap_open                                            {width:48px;height:48px;}
	
	
	/* 모바일 메뉴 */
	.sitemap_wrap																	{ right:-100%; transition:all 0.5s}
	.sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8); }
	.sitemap_wrap .sitemap_box														{ position:absolute; width:280px; height:100%; right:0; top:0; overflow-y:auto; background:#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 dashed 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;}
	.sitemap_wrap .sitemap_box .gnb_list>li>a:focus,
	.sitemap_wrap .sitemap_box .gnb_list>li>a:hover                                {color:var(--color-point2);}
	.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 > a[target="_blank"]:not(.dep2)::before	{display:none;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{ display:none; padding:0 5%; margin-bottom:7px;}
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:7px 0; background-color:var(--color-point2); 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:10px 7%; position:relative}			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ color:rgba(255,255,255,1)}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::after						{ position:absolute; width:11px; height:1.5px; background:#fff; right:7%; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{ position:absolute; width:1.5px; height:11px; background:#fff; right:calc(7% + 5px); top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); 
																						left:inherit; border-radius:0;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before, 
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before				{ width:1.5px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover, 
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus						{ padding-left:7%; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before				{ opacity:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::after			{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::before 		{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul								{ display:none; padding:13px 7%; margin:0 7%; background:rgba(255,255,255,.2); border-radius:8px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a						{ padding:5px 0; font-size:.9rem; color:rgba(255,255,255,.8) }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a::before				{ display:none; }
  	.sitemap_wrap .sitemap_box .gnb_list>li> a[target='_blank']::after				{display:inline-block;}
	.sitemap_wrap .sitemap_box .gnb_list .dep2>li>a[target='_blank']::after			{ position:initial; transform:initial; display:inline-block;  margin-left:4px;width:15px; height:13px;background:url(/resource/gukhwa/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-2px; filter:invert(1);}
  
	.sitemap_wrap .sitemap_close													{ width:50px;height:50px;right:0; top:0; border-radius:0;background:var(--color-white); }
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{ height:30px; background:var(--color-base);}
}
/* pc (해상도 1024px ~ ) */
@media all and (max-width:968px) {
	/* 하단 */
	.footer														{ padding:2.375em 0; }
	.footer .share                                             {position: relative;top: initial;text-align: center;right: initial;}
	.footer .copyright                                        {padding-top:1.5em;} 
	.footer .copyright .copy							    { margin-top:1.25em; }
	.footer .family                                            {margin-top:2.75em;}
	.footer .family .family_list                              {gap:10px;flex-wrap:wrap;}
	.footer .family .family_list li                            {flex: 0 1 30%;}
}
@media all and (max-width:868px) {
	/* 상단 */
	.header														{ --sizeHig:85px; }
	.header .h_logo a											{ width:198px; height:34px; }
	.header .h_icon												{ gap:0 5px; }
	.header_wrap												{ height:calc(var(--sizeHig) - 0px) }
	
}


@media all and (max-width:768px) {
	/* 하단 */
	.footer .copyright											{padding-top:1.375em;}
	.footer .copyright .list									{margin-top:1.375em;}
	.footer .family												{margin-top:2.5em;}
	.footer .family .family_list								 {gap:8px;}
}
@media all and (max-width:468px) {
	/* 상단 */
	.header														{ --sizeHig:80px; }
	.header .h_logo a											{ width:163px; height:28px; }
	.header .h_icon .sitemap_open                          {width:40px;height:40px;}
	.header .h_icon [data-util="login"]>a::before,
	.header .h_icon [data-util="logout"]>a::before{width:40px;height:40px;}
	/* 하단 */
	.footer .copyright .list									{ gap:0 20px;font-size:.85rem; }
	.footer .copyright .copy								{ font-size:.8rem; }

}

@media all and (max-width:368px) {
	.footer .share ul											{gap:0 8px;} 
	.footer .share ul li a										{width:30px;height:30px;}
	.footer .family .family_list li								{flex:0 1 40%;}
	.footer .family .family_list li a img						{height:32px;}
}

@media all and (max-width:268px) {
	.footer .family .family_list li a img						{height:28px;}
}