@charset "utf-8";
body{font-family:'PAPERLOGY', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; background:#fff;color:#000; word-wrap:break-word; word-break:keep-all; letter-spacing:-.025em; }

/* common */
.con_inner				{ width:94%; max-width:1500px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:#767676 !important; }
a[target='_blank']::after						{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:14px; height:13px; 
													background:url(/resource/gangcheonsan/images/common/icon_blank.svg) no-repeat 50% 50% / contain; filter:invert(10);}
.sitemap_wrap a[target='_blank']::after { filter:inherit; margin-top:-4.5px}
.sitemap_wrap a:hover[target='_blank']::after,
.sitemap_wrap a:focus[target='_blank']::after	{ filter: invert(37%) sepia(10%) saturate(2282%) hue-rotate(113deg) brightness(108%) contrast(86%); }
/* 1) root 설정  */
:root{
	--color-base:#000;
	--color-base1:#222;
	--color-base2:#666;
	--color-white:#fff;
  	--color-gray:#f2f2f2;
	--color-point:#2c7f68;
	--color-point2:#035a57;
	--color-black:#000;
	--color-line:#dfdfdf;
	--color-red:#d30000;
	--trans-ani:0.3s ease 0s;
	--font-pretendard:'PAPERLOGY', Sans-serif;
	--font-dobong:'dobong', Sans-serif;
	--font-binggrae:'BinggraeII-Bold', Sans-serif;
	
}
@font-face {
	font-family:'dobong';    
	font-style: normal;    
	font-weight:300;
	src: local('dobong-Medium'),
	url('/resource/common/fonts/dobong-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/dobong-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'BinggraeII-Bold';    
	font-style: normal;    
	font-weight:600;
	src: local('BinggraeII-Bold'),
	url('/resource/common/fonts/BinggraeII-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/BinggraeII-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:100;
	src: local('PAPERLOGY-1THIN'),
	url('/resource/common/fonts/PAPERLOGY-1THIN.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-2EXTRALIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-3LIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-4REGULAR.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-5MEDIUM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-6SEMIBOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-7BOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-8EXTRABOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/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/common/fonts/PAPERLOGY-9BLACK.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-9BLACK.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

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); }

/* 여백 */
.mt0						{ margin-top:0px !important;}
.mt10						{ margin-top:10px !important;}
.mt20						{ margin-top:20px !important;}
.mt30						{ margin-top:30px !important;}
.mt40						{ margin-top:40px !important;}
.ml25						{ margin-left:25px !important; }
.ml20						{ margin-left:20px !important; }
.ml10						{ margin-left:10px !important; }
.ml0						{ margin-left:0 !important; }
.mb0						{ margin-bottom:0 !important; }
.mb10						{ margin-bottom:10px !important; }
.mb20						{ margin-bottom:20px !important; }
.mb40						{ margin-bottom:40px !important; }
.pl20						{ padding-left:20px; }
.pb10						{ padding-bottom:10px; }
@media all and (max-width:668px){
	.mt20					{ margin-top:15px !important;}
	.mt30					{ margin-top:20px !important;}
	.mt40					{ margin-top:30px !important;}
    .mb40					{ margin-bottom:30px !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 img_box {
    0% { left:0; }
    100% { left:100%; }
}
@keyframes sparkleScale {
    0% { transform: translateY(-50%) scale(1); }
    50% { transform: translateY(-50%) scale(1.08); }
    100% { transform: translateY(-50%) scale(1); }
}
@keyframes cloudMove {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(20px); }
    100% { transform: translateX(0); }
}


.swiper_control									{ display:flex;  align-items:center; justify-content:center; gap:0 1em;}
.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 !important; display:flex; font-size:1em; font-weight:300; align-items:center; justify-content:center; gap:0 15px; line-height:1  }
.swiper_page .swiper-pagination-current			{ font-weight:bold; }
.swiper_page .swiper-pagination-total			{ opacity:.6; }
.swiper_page i									{ position:relative; display: flex;align-items: center; }
.swiper_page i::after							{ content:'';display:inline-block; vertical-align:middle; width:50px;height:1px;background:rgba(0,0,0,.3); } 
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/gangcheonsan/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/gangcheonsan/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/gangcheonsan/images/common/icon_play.svg); background-size:9px 12px; }		
.swiper_auto::before							{ background-image:url(/resource/gangcheonsan/images/common/icon_stop.svg); background-size:10px 12px; }	

@media all and (max-width:868px){
	.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:7px 9px; }		
	.swiper_auto::before							{ background-size:7.5px 9px; }	
}

@media all and (max-width:768px){
	.swiper_page i::after								{width:22px;}
}



/************************************************************
							 상단
************************************************************/
.header																{ position:fixed; top:0; left:0; right:0; width:100%; padding:0; z-index:20; -webkit-transition:var(--trans-ani); transition:var(--trans-ani); }
.header::before														{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; backdrop-filter:blur(10px); top:0; content:''; z-index:1; opacity:0; transition:opacity 0.2s ease; }
.header_wrap														{ position:relative; display:flex; width:94%; max-width:1720px; --sizeHig:100px; height:var(--sizeHig); margin-left:auto; margin-right:auto;  justify-content:space-between;
    																align-items:center; transition:var(--trans-ani); z-index:2;  }
.header .h_logo														{ width:220px; height:42px; line-height:1; transition:all .1s;  }
.header .h_logo a													{ display:flex; width:100%; height:100%; background:url(/resource/gangcheonsan/images/common/logo.png) no-repeat 50% 50% / contain;  }

.header.active::before,
.header.menu_open::before											{ opacity:1 } 	
.header.menu_open													{ height:320px; }

/* 상단 */
.header_wrap nav													{ display:flex; align-items:center; }
.header .h_icon														{ display:flex; align-items:center; gap:0 20px; z-index:20; }
.header .h_icon>li													{ position:relative; }
.header .h_icon [data-util]>a										{display:block;}
.header .h_icon [data-util]>a::before								{display:block; width:23px; height:23px; content:''; background-position:center; background-repeat:no-repeat; }
.header .h_icon [data-util="login"] a:before						{background: url(/resource/gangcheonsan/images/common/icon_login.svg) no-repeat 50% 50% / auto 23px;}
.header .h_icon [data-util="logout"] a:before						{background:url(/resource/gangcheonsan/images/common/icon_logout.svg) no-repeat 50% 50% / auto 23px;}
.header .h_icon .sitemap_open										{ position:relative; display:flex; width:20px; height:20px; background:url(/resource/gangcheonsan/images/common/icon_sitemap.svg) no-repeat center top / 20px 20px; justify-content:center;}
.header .h_icon button i  											{ font-size: 0.875em; position: absolute; bottom:0;}


/* gnb */
.header .nav_wrap													{ display:flex; }
.gnb																{ display:flex; align-items:center; margin-top:4px;}
.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-white); font-weight:500; line-height:1;
    transition:var(--trans-ani); }
.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li>a>span::after												{ position:absolute; left:50%; bottom:-39px; width:0%; height:2px; background:#fff; 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:200px; overflow:hidden; opacity:0; visibility:hidden;
    transition:var(--trans-ani) cubic-bezier(.59,.01,.43,1); z-index:40; }
.gnb .dep2															{ padding:15px; }
.gnb .dep2>li														{ float:none; }
.gnb .dep2>li>a														{ display:block; position:relative; padding:8px 15px; font-size:16px; font-weight:400; color:rgba(255,255,255,.7); letter-spacing:-.02em; line-height:1.2; transition:var(--trans-ani);
    text-align:center}

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

/* 고정 */
.header.active.menu_open											{ height:300px; }
.header.active .header_wrap 										{ --sizeHig:80px; }
.header.active .gnb .dep2_wrap										{ top:calc(var(--sizeHig) - 8px); }
.header.active .gnb>li>a>span::after								{ bottom:-25px; }



/* 사이트맵 */
.sitemap_wrap														{ position:fixed; width:100%; height:100svh; 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% - 4em) / 8); position:relative; transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:0 1rem;}
.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.5rem; 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:2em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.1rem; color:#444; padding:5px 0; transition:var(--trans-ani); line-height:1.2;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before			{ position:absolute; width:0; height:1px; background:var(--color-point); left:0; top:50%; content:''; transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ padding-left:15px; color:var(--color-point);font-weight:500;}
.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:7px; }
.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-white); 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(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_close										{ position:absolute; width:50px; height:50px; background:var(--color-point); right:1em; top:1em; opacity:0; transition:var(--trans-ani); border-radius:5px; }
.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															{ position:relative; background:#1f2030; padding:3.75em 0; color:var(--color-white);}

.footer .copyright												{ display:flex; flex-flow:column; letter-spacing:0; color:var(--color-white); position:relative; }
.footer	.copyright .link										{ display:flex; gap:0 30px; flex-wrap:wrap; }
.footer	.copyright .link li                                     { position:relative; }
.footer	.copyright .link li+li:before  							{ content:''; position:absolute; top:50%; left:-15px; width:4px; height:4px; opacity:.5; background:var(--color-white); border-radius:100%; transform: translateY(-50%);}
.footer	.copyright .link a										{ display:block; font-size:.94rem; opacity: .9}
.footer	.copyright .link a:hover,
.footer	.copyright .link a:focus  								{ opacity:1 }
.footer	.copyright .link a strong								{ font-weight:bold; color:#ffb121;}
.footer	.copyright .list										{ display:flex; gap:0 4.67em; flex-wrap:wrap; margin:1.5em 0; opacity:.9;}
.footer	.copyright .list>li										{ display:flex; gap:.67em; line-height:1.2 }
.footer	.copyright .list>li strong								{ font-weight:bold; }
.footer	.copyright .copy										{ letter-spacing:.025em;  opacity:.6; font-size:.88rem; font-weight:300; line-height:1 }
.footer	.copyright .world										{ margin-top:2.5em; display:flex; align-items:center; gap:0 1.25em; }
.footer	.copyright .world>dt									{ width:76px; height:29px; background:url(/resource/gangcheonsan/images/common/img_world.png) no-repeat 50% 50% / contain; }
.footer	.copyright .world>dd									{ display:flex; flex-flow:column; line-height:1; font-size:.88rem; font-weight:500; letter-spacing:.025em; gap:3px; }
.footer	.copyright .world>dd .small								{ font-size:.63rem; font-weight:300; opacity:.8;}

.footer .copyright .logo 										{ position:absolute;top:50%;right:0;  width:80px; height:80px; line-height:1; transition:all .1s; transform:translateY(-50%); }
.footer .copyright .logo a										{ display:flex; width:100%; height:100%; background:url(/resource/gangcheonsan/images/common/foot_logo.svg) no-repeat 50% 50% / contain;  }


@media all and (max-width:1868px){
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.4rem; }
}
@media all and (max-width:1768px){
	/* 상단 */
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.3rem; }
	.gnb>li>a													{ font-size:19.5px; }
	.header.menu_open .gnb>li>a									{ padding:0 35px; }
}
@media all and (max-width:1668px){
	/* 상단 */
	.sitemap_wrap .sitemap_box .gnb_list						{ width:100%; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.25rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2				{ margin-top:1em; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.067rem; }
	
}
@media all and (max-width:1568px){
	/* 상단 */
	.gnb>li>a,
	.header.menu_open .gnb>li>a									{ font-size:18px; padding:0 30px; }
	.gnb>li>a>span::after                                   	{ bottom:-35px;}
	.gnb .dep2>li>a	                                          	{ font-size:16px;}
	.header.active.menu_open,
	.header.menu_open		  									{ height:350px }
	.gnb>li>a[target='_blank']::after							{ width:12px; height:10px; }
}
@media all and (max-width:1468px){	
	/* 상단 */
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.13rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.03rem; }
	.gnb>li>a,
	.header.menu_open .gnb>li>a									{ font-size:17px; padding:0 20px }
}
@media all and (max-width:1368px){	
	/* 상단 */
	.header .h_logo 											{width:147px; height:28px; }
	.gnb														{ 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:280px;padding: 0;height:100%;border: none;right:0 !important;border-radius: 0;top:0;overflow-y:auto;background:var(--color-white);transform:translateY(0);align-items: flex-start;}	
	.sitemap_wrap .sitemap_box .gnb_list											{position:relative;width:100%;max-height:inherit;top:inherit;left:inherit;transform:initial;height:auto;overflow-x:hidden;overflow-y:auto;margin-top:50px;display:block;}
	.sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li										{margin-top: 2%;}
	.sitemap_wrap .sitemap_box .gnb_list>li											{width: 100%;margin: 0 auto;padding:0 4%;position:relative;gap:0;background:var(--color-white);}
	.sitemap_wrap.open  .sitemap_box .gnb_list>li									{ animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
	.sitemap_wrap .sitemap_box .gnb_list>li > a										{position:relative;display:block;border-radius: 8px;color:var(--color-base);font-size: 1rem;font-weight: 400;padding: 1em;text-align: left;background: var(--color-white);line-height: 1.2;border: 1px solid #d9d9d9;}
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a								{color: var(--color-white);border-color: var(--color-point);background:var(--color-point);}
	.sitemap_wrap .sitemap_box .gnb_list>li:has(.dep2_wrap) > a::before		{position:absolute;width:7px;height:7px;border-style:solid;border-width:0 1px 1px 0;border-color:#444;right: 1em;top:50%;transform:translateY(-75%) rotate(45deg);transition:var(--trans-ani);content:'';}
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a::before,
	.sitemap_wrap .sitemap_box .gnb_list>li:focus > a::before,
	.sitemap_wrap .sitemap_box .gnb_list>li:hover > a::before						{transform:translateY(-35%) rotate(-135deg);border-color: var(--color-white);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{display:none;width:100%;margin-top: 2%;border-radius: 8px;background: #f2f2f2;padding:0;border:none;}
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{flex-flow:column; padding: .8em 1em;margin-top:0;gap: 0;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li								{ margin-top:0; }				
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{display:block;color: var(--color-base);font-size:.95rem;padding:6px 0;opacity: .7;position:relative;line-height:1.2;}			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a						{ opacity:1; color:var(--color-point); padding-left:15px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus						{ padding-left:7%; color:var(--color-point) }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before				{ opacity:1; width: 7px; }
	.sitemap_wrap .sitemap_close													{right:0;top:0;border-radius:0;background: var(--color-white);}
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{height:30px;background: var(--color-base);}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px; 
																						background:url(/resource/gangcheonsan/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; margin-top:-4px; filter:invert(1);}
}

@media all and (max-width:1024px) {
	.header_wrap  										{ --sizeHig:98px }
	.header .h_icon										{ gap:0 5px; }
	.header .h_icon [data-util]>a::before,
	.footer .copyright .list  							{ flex-direction:column; gap:8px }
}

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

	.header.active										{ margin-top:0; --sizeHig:70px; }
	.footer  											{ padding:3em 0; }
}
@media all and (max-width:768px) {
	.footer .copyright .logo  							{ width:60px; height:60px;}
	.header.active .header_wrap							{ --sizeHig:68px; }
}


@media all and (max-width:486px) {
	/* 상단 */
	.header												{ --sizeHig:80px; }
	.header.active										{ --sizeHig:60px; }
	
	/* 하단 */
	.footer  											{ padding:2.5em 0;}
	.footer .link  										{ margin-right:70px }
	.footer .copyright .logo  							{ width:50px; height:50px; transform:inherit; top:0; }
}


/* 맨위로 */
#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:rgba(0, 0, 0, 0.8); border-radius:20px; 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/gangcheonsan/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; font-weight:600}
#btn_top:hover:before														{ opacity:1; transform:translateY(-5px) rotate(0deg);}
#btn_top.active																{ opacity:1;}

@media all and (max-width:1768px){
	/* 맨위로 */
	#btn_top																{ width:55px; height:55px; right:1%; }
}

@media all and (max-width:668px) {
	/* 맨위로 */
	#btn_top															{ width:45px; height:45px; bottom:10px; }
	#btn_top span														{ font-size:.8rem; }
	#btn_top:before														{ width:10px; height:6px; }
	#btn_top:hover:before												{ transform:translateY(-3px) rotate(0deg); }
}