@charset "utf-8";
/*
 * common.css
 * layout등 공통영역
 */
 
body										{ font-family:'Pretendard',"NotoSansTC", "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:var(--color-base); word-wrap:break-word; word-break:keep-all; letter-spacing:-.025em; font-weight:400 }

.con_inner				{ width:94%; max-width:1600px; margin-left:auto; margin-right:auto; }
.mt50					{ margin-top:2.78em; }
.mb50 {margin-bottom:50px;}
.mb30 {margin-bottom:30px;}




@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:100;
	src: local('PAPERLOGY-1THIN'),
	url('/resource/dauri/fonts/PAPERLOGY-1THIN.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-2EXTRALIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-3LIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-4REGULAR.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-5MEDIUM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-6SEMIBOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-7BOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-8EXTRABOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/PAPERLOGY-9BLACK.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/fonts/PAPERLOGY-9BLACK.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

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

@font-face {
	font-family:'TTT';    
	font-style: normal;    
	font-weight:500;
	src: local('TTTtangsbudaejjigaeM'),
	url('/resource/dauri/fonts/TTTtangsbudaejjigaeM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/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/dauri/fonts/TTTtangsbudaejjigaeB.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/dauri/fonts/TTTtangsbudaejjigaeB.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* root 설정  */
:root{
	--color-black:#000;
	--color-base:#222;
	--color-base1:#333;
	--color-base2:#555;
	--color-point:#027ff4;
	--color-point2:#303d9e;
	--color-white:#fff;
	--color-yellow:#fdd000;
	--color-gray:#e5e5e5;
	--color-green:#4db848;
  	--color-red:#c7000c;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-paperlogy:'PAPERLOGY', Sans-serif;
	--font-ttt:'TTT', Sans-serif;
  	--font-dobong:'dobong', Sans-serif;
	--trans-ani:0.3s ease 0s;
}


img						{ vertical-align:top; max-width:100%; }
.none_list				{ width:100%; text-align:center; padding:1em 0; font-size:1.033em; }
.none_data				{ width:100% !important; text-align:center; padding:5em; border-radius:20px;   }
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center}
.color_point			{ color:var(--color-point); }
.color_point2  			{ color:var(--color-point2) !important; }
.color_green			{ color:var(--color-green) !important; }
.color_red				{ color:var(--color-red) !important; }
.fc_red { color:#f15946}



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

@keyframes slide{
    0%{opacity:1; left:-100%}
    50%{opacity:1; left:0}
    100%{opacity:1; left:100%}
}


.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;} 
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/dauri/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/dauri/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/dauri/images/common/icon_play.svg); background-size:8px 10px; }		
.swiper_auto::before							{ background-image:url(/resource/dauri/images/common/icon_stop.svg); background-size:8px 10px; }	
@media all and (max-width:1568px){
	.swiper_page									{ font-size:.9rem; }	
	.swiper_prev::before							{ height:12px; background-size:auto 12px; }	
	.swiper_next::before							{ height:12px; background-size:auto 12px; }	
}
@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; }	
	.swiper_page									{ margin-right:.5em; }
}
/************************************************************

							 상단
 
************************************************************/
[data-util="display_size"],
[data-util="gov"]													{ display:none; }


/* 상단 */
.header															{ position:relative; background:var(--color-white); transition:var(--trans-ani);  --sizeHig:148px; z-index:10}
.header::before													{ position:absolute; width:100%; height:calc(100% - 51px); background:rgba(0,102,179,.9); left:0; backdrop-filter:blur(10px); top:-100%; content:''; z-index:1; opacity:0; transition:opacity 0.2s ease;}
.top_util .login [data-util="lang"]								{ display:none;}


.header	.nav_wrap												{ position:relative; border-bottom:1px solid transparent }

.header h1														{ position:relative; }
.header h1 a													{ display:block; width:215px; height:50px; background:url(/resource/dauri/images/common/img_logo.png) no-repeat 50% 50% / contain}

.header .area_util												{ display:flex; align-items:center; gap:0 15px; }
.header .area_util [data-util]>a								{ position:relative; width:25px; height:25px; display:block; position:relative; }
.header .area_util [data-util]>a::before						{ position:absolute; left:50%; top:50%; content:''; background-position:center; background-repeat:no-repeat; background-size:contain; transform:translate(-50%, -50%); }
.header .area_util [data-util="login"]>a::before				{ width:20px; height:20px;  background-image:url(/resource/dauri/images/common/icon_login.svg);  }
.header .area_util [data-util="logout"]>a::before				{ width:20px; height:20px;  background-image:url(/resource/dauri/images/common/icon_logout.svg);  }
.header .area_util [data-util="sitemap"]>a::before				{ width:18px; height:18px;  background-image:url(/resource/dauri/images/common/icon_sitemap.svg); background-position:right center  }

/* 상단 */
.header_wrap													{ display:flex; width:94%; max-width:1600px; height:calc(var(--sizeHig) - 51px); 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 1.5em }


/* 고정 */	
.header.active													{ border-bottom:1px solid #e7e7e7 }

/* 상단 고정시 */
.header.active													{ position:fixed; width:100%; top:0; left:0; border-bottom:1px solid #e7e7e7 }
.header.active .inr												{ width:94%; max-width:inherit; transition:var(--trans-ani); --size:90px; }
.header.active  h1 a											{ width:172px; height:40px; transition:var(--trans-ani); }

.header.active nav .gnb > li > a								{ font-size:19px; transition: var(--trans-ani); }
.header.active nav .gnb > li > a span:after						{ transition:var(--trans-ani); }
.header.active .area_util [data-util]							{ transition:var(--trans-ani); }


/* 상단 유틸 */
.header .h_icon														{ display:flex; justify-content:end; align-items:center; gap:0 20px; z-index:20; --sizeBtn:25px; --sizeWhite:320px }
.header .h_icon>li													{ position:relative;  display:flex; align-items:center; }
.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						{ background-image:url(/resource/dauri/images/common/icon_login.svg); background-size:auto 20px }
.header .h_icon [data-util="logout"]>a::before						{ background-image:url(/resource/dauri/images/common/icon_logout.svg); background-size:auto 20px }
.header .h_icon .sitemap_open										{ position:relative; display:block; width:var(--sizeBtn); height:var(--sizeBtn); background:url(/resource/dauri/images/common/icon_sitemap.svg) no-repeat 100% 50% / 18px 19px; }
.header .h_icon .icon_search										{ width:var(--sizeBtn); height:var(--sizeBtn); }
.header .h_icon .icon_search::before								{ display:block; width:100%; height:100%; content:''; background:url(/resource/dauri/images/common/icon_search.svg) no-repeat 50% 50% / 21px; }
.header .h_icon .btn_quick											{ display:flex; align-items:center; gap:5px; padding:0 30px; height:40px; background:var(--color-point); color:var(--color-white); font-size:.88em; font-weight:600; border-radius:20px;
																		margin-right:5px;  }
.header .h_icon .btn_quick::before									{ display:inline-block; width:15px; height:15px; content:''; background:url(/resource/dauri/images/common/icon_quick.svg) no-repeat 50% 50% / auto; }

.header .h_icon .quick_con											{ position:absolute; display:none; left:50%; top:50px; width:var(--sizeWhite); border-radius:15px; border:3px solid var(--color-point); transition:all ease 0.2s; padding:5px; 
																		transform:translateX(-50%); background:var(--color-white); z-index:2}	
.header .h_icon .quick_con::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:'';}
.header .h_icon .quick_con .list									{ display:flex; flex-wrap:wrap; background:#fff; padding:10px; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 350px);}
.header .h_icon .quick_con .list>li									{ width:33.333%; margin-bottom:3px; }		
.header .h_icon .quick_con .list>li a								{ display:flex; align-items:center; position:relative; padding-left:.83em; opacity:.8 }
.header .h_icon .quick_con .list>li a span							{ position:relative; display:flex; align-items:center; width:100%; line-height:1.2; height:2.27em; font-size:.83rem; font-weight:500;  }
.header .h_icon .quick_con .list>li.active a						{ background:var(--color-point); border-radius:20px; color:var(--color-white); opacity:1 }					
.header .h_icon .quick_con .list>li.active a span::after			{ position:absolute; right:5px; top:50%; content:'';  width:23px; height:23px; border-radius:100%; transform:translateY(-50%); 
																		background:#fff url(/resource/dauri/images/common/icon_check.svg) no-repeat 50% 50% / 8px auto; }
.header .h_icon .search_wrap										{ position:fixed; display:none;  top:149px; width:100%; padding:3em; left:0; background:rgba(0,148,218,.9); backdrop-filter:blur(10px); transition:top ease 0.2s;}
.header .h_icon .search_wrap .searchForm							{ display:flex; margin:0 auto; align-items:center; justify-content:center; gap:10px; max-width:868px; border-bottom:2px solid var(--color-white) }
.header .h_icon .search_wrap .searchForm input						{ width:calc(100% - 45px);  border:none; background:none; color:var(--color-white)}
.header .h_icon .search_wrap .searchForm .icon_search				{ width:40px; height:40px; }
.header .h_icon .search_wrap .searchForm .icon_search::before		{ filter:invert(1);  } 
.header .h_icon .icon_search.active::before							{ background-image:url(/resource/dauri/images/common/icon_close.svg);}
.header .h_icon ::placeholder										{ color:#fff !important; }


/* gnb */
.gnb													{ display:flex; align-items:center;}
.gnb>li													{ height:100%; }
.gnb>li>a												{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:calc(var(--sizeHig) - 51px); padding:0 60px; font-size:20px; color:var(--color-base); 
															font-weight:600; line-height:1; transition:var(--trans-ani); letter-spacing:-.065em }
.gnb>li>a>span											{ display:inline-block; position:relative; }
.gnb>li>a>span::after									{ position:absolute; left:50%; bottom:-39px; width:0%; height:4px; background:var(--color-point); transition:var(--trans-ani); content:''; transform:translateX(-50%); }
.gnb>li.active>a>span::after,											
.gnb>li:hover>a>span::after,
.gnb>li:focus>a>span::after								{ width:calc(100% + 35px); }
.gnb>li.active>a>span,
.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:auto; width:100%; overflow:hidden; opacity:0; visibility:hidden; transition:all .3s cubic-bezier(.59,.01,.43,1); z-index:40; 
															background:#f1f6f9; padding:1em 0 3em 0; }
.gnb .dep2_wrap.active									{ opacity:1; visibility:visible; z-index:90 }
.gnb .dep2												{ display:flex; width:94%; flex-flow:row wrap; align-items:stretch; gap:20px 10px; justify-content:flex-start; padding:15px 0; max-width:1600px; margin:0 auto }
.gnb .dep2>li											{ flex:0 1 calc((100% - 40px) / 5); }
.gnb > li[data-gnbSize="4"] .dep2 > li					{ flex:0 1 calc((100% - 30px) / 4);}
.gnb > li[data-gnbSize="3"] .dep2 > li					{ flex:0 1 calc((100% - 20px) / 3);}
.gnb > li[data-gnbSize="2"] .dep2 > li					{ flex:0 1 calc((100% - 10px) / 2);}
.gnb .dep2>li>a											{ display:block; position:relative; padding:15px; text-align:center;  font-size:1.03rem; font-weight:500; color:rgba(0,0,0,.84); letter-spacing:-.02em; line-height:1.2; 
															border:1px solid #e5e5e5; border-radius:12px; transition:var(--trans-ani); word-break:normal; background:var(--color-white) }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus,
.gnb .dep2>li>a.active,
.gnb .dep2>li:hover>a,
.gnb .dep2>li:focus>a									{ color:var(--color-white); border-color:var(--color-point); background:var(--color-point) }
.gnb .dep3												{ display:none;}
.gnb .dep3>li>a											{ position:relative; display:block; padding:5px 5px 5px 12px; font-size:.98rem; line-height:1.2; color:rgba(0,0,0,.84); transition:var(--trans-ani);}
.gnb .dep3>li>a::before									{ position:absolute; width:4px; height:4px; background:rgba(0,0,0,.2); left:0; top:.7rem; border-radius:100%; content:''; }
.gnb .dep3>li>a:hover::before,
.gnb .dep3>li>a:focus::before							{ background:var(--color-point); }
.gnb .dep3>li>a:hover,
.gnb .dep3>li>a:focus									{ color:var(--color-point); text-decoration:underline; }
.gnb .dep4												{ display:none; }



/* 사이트맵 */
.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:94%; height:auto; max-height:80vh; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; gap:0 1em; justify-content:center; 
																		overflow-y:scroll; overflow-x:hidden }		
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar 			{ -webkit-appearance:none; width:6px;} 
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar-thumb 		{ background-color:rgba(255, 255, 255, .8); border-radius:5px; border:2px solid #000; } 
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar-track 		{ border-radius:5px; background-color:#000; }
															
.sitemap_wrap .sitemap_box .gnb_list>li								{ width:calc((100% - 6em) / 4); position:relative; transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:.75rem 1rem 0 1rem }
.sitemap_wrap .sitemap_box .gnb_list>li::before						{ position:absolute; top:-1rem; left:1rem; content:''; width:.5rem; height:.5rem; background-color:#9cd875; border-radius:100%; opacity:0;
																		transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li:hover:before				{ opacity:1; top:0}

.sitemap_wrap .sitemap_box .gnb_list>li+li							{ border-left:1px solid rgba(255,255,255,.2); }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.3rem; font-weight:600; color:var(--color-white);  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{ margin-top:.75em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.03rem; color:var(--color-white); padding:3px 0; line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ opacity:1 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:.5em; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{ margin-top:.2em; padding:.75rem; background:rgba(255,255,255,.1); border-radius:.75rem; }
.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:3px 3px 3px 10px; line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before			{ position:absolute; width:3px; height:3px; background:rgba(255,255,255,.3); content:''; border-radius:100%; left:0; top:.6rem; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus			{ opacity:1 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus::before	{ background:var(--color-white); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep4						{ display:none }
.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999; background-color:rgba(0,0,0,.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-white); 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-base); }
.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-base);}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap .mob_gnb_control										{ display:none; }



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

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


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

							 하단
 
************************************************************/
.footer	.copyright .list										{ display:flex; gap:0 35px; flex-wrap:wrap; font-size:.94rem; margin-top:0.313rem}
.footer	.copyright .list>li										{ display:flex; gap:0 5px; flex-wrap:wrap; }
.footer	.copyright .list>li strong								{ font-weight:bold; }

/* 맨위로 */
#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/dauri/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){
	/* 상단 */
	.gnb>li>a													{ font-size:19px; padding:0 20px; }

	
	/* 하단 */
	.footer .slide_banner										{ --sizeHig:75px; }
	.footer .slide_banner .con_inner em							{ font-size:1.067em; }
	.footer .slide_banner .swiper-slide							{ font-size:.98rem; }
	.footer .family_list>li .family_btn							{ height:55px; padding:0 25px; }
	#btn_top													{ width:55px; height:55px; right:1%; }
	
}
@media all and (max-width:1568px){
	/* 상단 */
	.header														{ --sizeHig:138px; }
	.header h1 a												{ width:172px; height:40px;  }
	.gnb>li>a													{ font-size:18px; padding:0 35px; }
	.header .h_icon .search_wrap								{ font-size:17px; top:139px; padding:0 25px; }
	.header.active .h_icon .search_wrap							{ top:calc(139px - 51px); }
	.header .h_icon .search_wrap								{ padding:2em 2em 3em 2em; }
	
	/* 고정 */	
	.header.menu_open::before									{ opacity:1; top:138px; } 	
	.gnb>li>a>span::after										{ bottom:-35px; }
	
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.25rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a			{ font-size:.9rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before	{ top:.65rem; }

}
@media all and (max-width:1468px){
	.gnb>li>a													{ padding:0 25px  }

	.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													{ padding:0 20px  }
	
	
}
@media all and (max-width:1268px){	
	.gnb																			{ display:none; }
	/* 모바일 메뉴 */
	.sitemap_wrap																	{ right:0; 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; 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::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 .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-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: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_close													{ right:0; top:0; border-radius:0; }
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{ height:30px; }
	.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/dadaikmung/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; margin-top:-4px; filter:invert(1);}
}


@media all and (max-width:1024px) {
	.top_util														{ border-bottom:none !important; z-index:12; height:inherit !important }
	.top_util .login .btn_family									{ position:absolute; right:60px; top:28px; font-size:0.1px; text-indent:-9999em; gap:0; transition:var(--trans-ani); padding:0; }
	.top_util .login .btn_family .icon								{ min-width:26px; min-height:26px; border-radius:100%; background:var(--color-point); }
	.top_util .login .btn_family .icon::before						{ filter:invert(1); opacity:1; background-size:14px;}
	.top_util .login [data-util="family_site"] .btn_family::after	{ display:none; }
	.top_util.active .login .btn_family								{ position:fixed; transition:var(--trans-ani); right:60px; top:35px;}
	.header .h_icon													{ gap:0 5px; }
	.header .h_icon [data-util]>a::before,
	.top_util .login .btn_family,
	.header .h_icon .sitemap_open									{ width:28px !important; height:28px !important; }
	.header .h_icon [data-util="login"]>a::before					{ background-size:auto 24px }
	.header .h_icon [data-util="logout"]>a::before					{ background-size:auto 24px }
	.header .h_icon .sitemap_open									{ background-size:21px 22px; }
	.sitemap_wrap .mob_gnb_control									{ display:block;}
	
	.sitemap_wrap .mob_gnb_control									{ display:flex; position:absolute; width:calc(98% - 50px); height:50px; max-width:calc(500px - 50px); right:50px; top:0; z-index:2; align-items:center; color:var(--color-white);
        																padding-left:20px; }
    .header .h_icon>[data-util="hours"]								{ display:none; }
    .sitemap_wrap .mob_gnb_control dl>dt							{ font-size:.9rem !important; }
    .sitemap_wrap .mob_gnb_control dl>dd							{ font-size:.9rem !important; }
}
@media all and (max-width:868px) {
    /* 상단 */
    .header														{ --sizeHig:88px; }
    .header .h_icon												{ gap:0 5px; }
    .header_wrap												{ height:calc(var(--sizeHig) - 0px) }
    .header.active												{ margin-top:0; --sizeHig:70px; }
    
	
	.top_util .login .btn_family								{ top:29px; right:55px; }
	.top_util.active .login .btn_family							{ right:55px; top:20.5px; }	
}
/* 모바일 (해상도 ~ 767px)*/
@media all and (max-width:668px) {
    /* 상단 */
    .top_util .login .btn_family								{ right:55px; }
	.top_util.active .login .btn_family							{ right:55px; }

    /* 하단 */
    .footer														{ margin-top:3em; }
}
@media all and (max-width:468px) {
    /* 상단 */
    .header														{ --sizeHig:80px; }
    .header .h_logo a											{ width:112px; height:26px; margin-left:10px; }
    .header.active												{ --sizeHig:60px; }
    .header .h_icon [data-util="hours"] dl						{ gap:5px; }
    
	.top_util .login .btn_family								{ top:25px; right:45px; }
	.top_util.active .login .btn_family							{ right:45px; top:16px; }
	
    .sitemap_wrap .mob_gnb_control dl>dt						{ font-size:.7rem !important; }
    .sitemap_wrap .mob_gnb_control dl>dd						{ font-size:.75rem !important; }
    .sitemap_wrap .mob_gnb_control								{ padding-left:10px; height:40px; }
    .sitemap_wrap.open .sitemap_close							{ width:40px; height:40px; }
    .sitemap_wrap .sitemap_box::after							{ height:40px; }
    .sitemap_wrap .sitemap_box::before							{ top:40px; }
    .sitemap_wrap .sitemap_box::after							{ height:40px; }

    .sitemap_wrap .sitemap_close::before,
    .sitemap_wrap .sitemap_close::after							{ height:20px; }
    .sitemap_wrap .sitemap_box .gnb_list						{ margin-top:50px; }
    .sitemap_wrap .sitemap_box .gnb_list>li						{ --sizeGnb:130px; }
    .sitemap_wrap .sitemap_box::before							{ width:130px; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ padding:0 10px; }
    .sitemap_wrap .sitemap_box .gnb_list>li.active>a::before	{ transform: translateY(-60%) rotate(45deg); right:10px; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ padding:12px 25px 12px 12px; }
  .header.active h1 a { width:112px; height:26px;}

}