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

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



/* 1) root 설정  */
:root{
	--color-base:#333;
	--color-point:#005bac;
	--color-green: #00a161;
    --color-light-green: #49bb48;
	--color-white:#fff;
	--color-black:#000;
	--color-black1: #111;	
	--color-gray1:#f8f8f8;
	--color-gray2:#dfdfdf;
	--color-gray4: #444;
    --color-gray5: #555;
    --color-gray6: #666;
	--color-gray8: #888;
    --color-gray9: #999;
	--color-grayC5: #c5c5c5;
	--color-boxGray: #f8f9fa;
    --color-btnGray: #edeef1;
	--color-grayE6: #e6e6e6;
    --color-grayLight: #f4f6f8;
    --color-grayB5: #b5b5b5;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-TheJamsil:'TheJamsil', 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}
.color_point			{ color:var(--color-point); }
.fc_point  				{ 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%; }
}



.swiper_control .control{flex:none; display:flex; justify-content:center; align-items:center; margin-left:auto; }
.swiper_control .control button{flex:none; position:relative; width:30px; height:30px; padding:0px; margin:0 2.5px;}
.swiper_control .control button:before{content:''; opacity:0.3; display:block; position:absolute; top:50%; left:50%; width:14px; height:12px; margin:-6px 0 0 -6.5px; background-repeat:no-repeat; background-position:50% 50%; transition:var(--trans-ani); }
.swiper_control .swiper_prev:before{background-image:url(/images/safe/common/btn_slide_arrow02.svg); transform:rotate(-180deg);}
.swiper_control .swiper_next:before{background-image:url(/images/safe/common/btn_slide_arrow02.svg);}
.swiper_control .swiper_auto:before{background-image:url(/images/safe/common/btn_slide_stop.svg);}
.swiper_control .swiper_auto.paused:before{background-image:url(/images/safe/common/btn_slide_play.svg);}
.swiper_control.swiper-button-lock ~ .swiper_auto{display:none;}
.swiper_page{display:inline-flex; align-items:center;padding:0;margin:0;font-weight:700; line-height:1.2em;font-size:1.125em;}
.swiper_page i{display:inline-block; margin:0 5px; color:var(--color-grayC5);}
.swiper_page .swiper-pagination-current{padding-right:0;}
.swiper_page .swiper-pagination-total{color:var(--color-gray9);}
.swiper_control .control button:hover:before,
.swiper_control .control button:focus:before{opacity:1;}



@media all and (max-width:768px){
	.swiper_bottom .control{padding-right:10px;}
	.swiper_page{margin-right:10px;}
}

@media all and (max-width:560px){
	.swiper_bottom .control{margin-left:0px; padding-left:20px;}
}

@media all and (max-width:360px){
	.swiper_bottom .control{padding-left:10px;}
	.swiper_page{margin-right:0px;}
}



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

							 상단
 
************************************************************/
.header																{ position:relative; width:100%; --sizeHig:100px; padding:0; z-index:10; background:var(--color-white); transition: var(--trans-ani);border-bottom:1px solid #e5e5e5;}
.header.active														{position:fixed;width:100%; left:0; top:0; transition: var(--trans-ani);}

/* 로고 */
.header .h_logo a													{ display:flex; width:254px; height:41px; background:url(/images/safe/common/logo.svg) no-repeat 50% 50% / contain;  }


/* 상단 유틸 */
.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:flex; gap:0 15px; position:relative; align-items:center; }
.header .h_icon [data-util]>a::before								{ display:inline-block; vertical-align:middle; width:25px; height:25px; left:0; top:0; content:''; background-position:center; background-repeat:no-repeat; }
.header .h_icon .sitemap_open										{ position:relative; display:block; width:25px; height:25px; background:url(/images/safe/common/icon_sitemap.svg) no-repeat 100% 50% / 16px 12px; }


/* gnb */ 
.header_wrap											{ display:flex; width:94%; max-width:1600px; height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between; 
															align-items:center; transition:var(--trans-ani);  }
.header_wrap nav										{ display:flex; align-items:center; gap:0 1.625em }
.gnb													{ display:flex; align-items:center;}
.gnb>li													{ height:100%; }
.gnb>li>a												{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:var(--sizeHig); padding:0 35px; font-size:20px; color:var(--color-black1); 
															font-weight:600; 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:-40px; 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:#fff; padding: 30px; box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1);margin-top:1px;}
.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 0; justify-content:flex-start; max-width:1600px; margin:0 auto; }
.gnb .dep2>li											{ flex:0 1 calc(100% / 4);padding: 0 30px; border-left: 1px solid #e5e5e5;box-sizing:border-box;}
.gnb > li[data-gnbSize="3"] .dep2 > li					{ flex:0 1 calc(100% / 3);}
.gnb > li[data-gnbSize="2"] .dep2 > li					{ flex:0 1 calc(100%/ 2);}
.gnb .dep2>li>a											{ display:block; position:relative; font-size:1.125rem; font-weight:600; color:var(--color-black1); padding:15px 0;line-height: 1.2;transition:var(--trans-ani); word-break:normal;}
.gnb .dep3>li>a											{ position:relative; display:block; padding:5px 5px 5px 12px; font-size:1rem; line-height:1.2; color:var(--color-gray5); transition:var(--trans-ani);}

.gnb .dep3>li>a::before									{ position:absolute; width:4px; height:4px; background:rgba(0,0,0,.2); left:0; top:.75rem; 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); }

.gnb .dep2>li>a[target='_blank']::after,
.gnb .dep3>li>a[target='_blank']::after				{ content:""; display:inline-block; opacity:.5; transition:all .4s; margin-left:5px; vertical-align:middle; width:16px; height:16px; 
															background:url(/images/safe/common/ico_newtab.svg) no-repeat 50% 50%;margin-top:-3px;}


/* 사이트맵 */
.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;  justify-content:center; 
																		overflow-y:auto; 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:var(--color-point); border-radius:5px; border:1px solid var(--color-point); } 
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar-track 		{ border-radius:5px; background-color:#b6cadd; }
															
.sitemap_wrap .sitemap_box .gnb_list>li								{width: calc(100% / 6);position:relative;transform:scaleX(1);transform-origin:right top;transition-property:transform;padding:.75rem 1rem 0 1rem}
.sitemap_wrap .sitemap_box .gnb_list>li>a							{position:relative;font-size: 1.5rem;font-weight: 500;font-family: var(--font-TheJamsil);display: block;border-radius: 10px;width: 100%;box-sizing: border-box;color: var(--color-black1);transition: var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li:hover > a,
.sitemap_wrap .sitemap_box .gnb_list>li:focus > a{ color:var(--color-point);}
.sitemap_wrap .sitemap_box .gnb_list>li>a::after{content:'';display:none;background: var(--color-light-green);border-radius:100%;width: 6px;height: 6px;position:absolute;left: 2px;top: -8px;transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li:hover > a::after,
.sitemap_wrap .sitemap_box .gnb_list>li:focus > a::after,
.sitemap_wrap .sitemap_box .gnb_list>li.active>a::after{display:block;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{margin-top: 1em;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{position:relative;display:block;font-size: 1.125rem;color: var(--color-gray4);padding:3px 0;line-height:1.2;font-weight: 500;transition: var(--trans-ani);padding-bottom:2px;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ color:var(--color-black1);font-weight:600;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{margin-top: .75em;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{padding: .5rem 0;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a					{position:relative;display:block;font-size: 1rem;font-weight: 400;color: var(--color-gray5);padding:3px 3px 3px 10px;line-height:1.2;transition: var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before			{position:absolute;width:3px;height:3px;background: rgba(0,0,0,.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;color:var(--color-point);}
.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-point); }
.sitemap_wrap.open													{opacity:1.0;visibility:visible;z-index:99999;background-color: rgba(255, 255, 255, .8);backdrop-filter:blur(10px);transition:all 0.4s 0s;}
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }

.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a[target='_blank']::after	{ content:""; display:inline-block; opacity:.5; transition:all .4s; margin-left:5px; vertical-align:middle; width:16px; height:16px; 
															background:url(/images/safe/common/ico_newtab.svg) no-repeat 50% 50%;margin-top:-3px;}


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

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

							 하단
 
************************************************************/
#footer{border-top:1px solid #e7e7e7;}
#footer .inr{width:auto;max-width:1600px; box-sizing:initial; margin:0 auto; padding:0 20px;}
#footer .flex_box{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; --sizeSide:292px;}
#footer .flex_box .group{width:calc(100% - var(--sizeSide)); box-sizing:border-box; padding-top:40px; padding-right:25px; border-right:1px solid #d9d9dc;}
#footer .area_link{ padding:20px 0; position:relative; background:var(--color-btnGray);  }
#footer .area_link .list_relate{display:flex; justify-content:flex-start; align-items:center; --sizeMargin:20px; margin:0 auto;gap:0 20px}
#footer .area_link .list_relate > li{position:relative; width:calc(100% / 3 - var(--sizeMargin)); }
#footer .area_link .list_relate > li button,
#footer .area_link .list_relate > li [data-linkbtn="link"]{display:inline-flex; justify-content:space-between; align-items:center; position:relative; z-index:2; width:100%; height:50px; box-sizing:border-box; padding:0 30px; background-color:var(--color-white); border:1px solid #e7e7e7; border-radius:5px; color:var(--color-black1);}
#footer .area_link .list_relate > li button:after,
#footer .area_link .list_relate > li [data-linkbtn="link"]:after{content:''; opacity:0.3; display:inline-block; width:14px; height:14px; background:url(/images/safe/common/ico_btn_plus.svg) no-repeat 50% 50%; background-size:100%; transition:oapcity var(--trans-ani);}
#footer .area_link .list_relate > li button:hover:after,
#footer .area_link .list_relate > li [data-linkbtn="link"]:hover:after{opacity:0.7;}
#footer .area_link .list_relate > li [data-linkbtn="none"]:after		{ display:none; }
#footer .area_link .list_relate > li .box{display:none; position:absolute; bottom:50px; z-index:10; overflow-y:auto; width:100%; max-height:450px; box-sizing:border-box; padding:20px 20px 30px; background:var(--color-white); border:1px solid #e7e7e7; border-radius:5px 5px 0 0;}
#footer .area_link .list_relate [data-linkbtn="close"]{display:none; position:absolute; left:0px; bottom:0px;}
#footer .area_link .list_relate [data-linkbtn="close"]:after{transform:rotate(45deg);}
#footer .area_link .list_relate em{display:block; margin:10px 0 5px; padding:4px 5px 3px; background:#f5f5f5; font-size:15px; font-weight:500;}
#footer .area_link .list_relate > li .box em:nth-of-type(1){margin-top:0px;}
#footer .area_link .list{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
#footer .area_link .list > li{flex:0 1 50%; box-sizing:border-box; padding:3px 0px;}
#footer .area_link .list > li > a{display:block; position:relative; padding:2px 5px 2px 10px; line-height:1.3em; font-size:15px; color:#666;}
#footer .area_link .list > li > a:hover{text-decoration:underline;}
#footer .area_banner{border-bottom:1px solid #e7e7e7;}
#footer .area_banner .inr{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; padding:15px 20px;}
#footer .area_banner em{flex:none; display:flex; justify-content:flex-start; align-items:center; padding-right:20px; font-size:18px; font-weight:700; color:var(--color-point);}
#footer .area_banner em:before{content:''; display:inline-block; width:20px; height:21px; margin-right:10px; background:url(/images/safe/common/ico_banner_title.svg) no-repeat 50% 50%; background-size:100%;}

/* banner slide */
.slide_banner .swiper-slide{width:auto; padding:0 25px;}
.slide_banner .control{display:flex; justify-content:flex-end; align-items:center; position:relative;}
.slide_banner .control:before{content:''; display:block; position:absolute; left:-40px; top:0px; z-index:2; width:40px; height:100%; background-image:linear-gradient(270deg, var(--color-white) 50%, rgba(255,255,255,0));}
.slide_banner .control button{position:relative; width:30px; height:30px;}
.slide_banner .control button:before{content:''; opacity:0.3; display:block; position:absolute; top:50%; left:50%; width:13px; height:13px; margin:-6px 0 0 -6px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; transition:opacity var(--trans-ani);}
.slide_banner .control button span{display:block; overflow:hidden; text-indent:100%; white-space:nowrap;}
.slide_banner .control button.swiper_prev:before,
.slide_banner .control button.swiper_next:before{background-image:url(/images/safe/common/btn_slide_arrow02.svg);}
.slide_banner .control button.swiper_prev:before{transform:rotate(-180deg);}
.slide_banner .control button.swiper_auto:before{background-image:url(/images/safe/common/btn_slide_stop.svg);}
.slide_banner .control button.swiper_auto.paused:before{background-image:url(/images/safe/common/btn_slide_play.svg);}
.slide_banner .control button:hover:before{opacity:0.8;}

/* 하단정보 */
#footer{position:relative;}
#footer .area_footer_info{display:flex; justify-content:flex-start; align-items:flex-start; position:relative; padding:45px 0; color:var(--color-black1); font-size:15px;}
#footer .area_footer_info .list{margin-bottom:25px;}
#footer .area_footer_info .list > li{display:inline-block; margin-right:45px;position:relative}
#footer .area_footer_info .list > li em{margin-right:5px; font-weight:600;}
#footer .area_footer_info .list > li span.tinfo{position:absolute;top:22px;left:0;width:270px;font-size:14px}
#footer .area_footer_info p.copyright{color:#777; font-weight:300;}
#footer .area_footer_info .link{display:flex; flex-flow:row wrap; align-items:center; margin-bottom:20px;}
#footer .area_footer_info .link > li{padding-right:40px;}
#footer .area_footer_info .link > li:last-child{padding-right:0px;}
#footer .area_footer_info .link > li a{display:inline-block; font-size:15px;}
#footer .area_footer_info .link > li a strong{color:var(--color-point);}
#footer .footer_bottom{padding:10px 0px; border-top:1px solid #e7e7e7; color:#777;}
#footer .footer_bottom .inr{display:flex; align-items:center; min-height:50px; font-size:14px;}

/* 맨위로 */
#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:30; width:70px; height:70px; background-color:#1f76c3; border-radius:100%; box-shadow:0px 15px 20px rgba(0,0,0,0.1); font-size:13px; color:var(--color-white); font-weight:700; transition:var(--trans-ani);}
#btn_top:before{content:''; opacity:0.6; display:block; width:14px; height:12px; margin-bottom:5px; background:url(/images/safe/common/ico_top_arrow.svg) no-repeat 50% 50%; background-size:100%; transform:translateY(0px); transition:var(--trans-ani);}
#btn_top span{display:block; width:100%; text-align:center; line-height:1em;}
#btn_top:hover:before{opacity:1; transform:translateY(-5px);}
#btn_top.active{opacity:1;}

@media screen and (max-width:1800px){
	#btn_top{right:20px;}	
}


@media all and (max-width:1768px){
	/* 상단 */
	.gnb>li>a													{ font-size:19px; padding:0 20px; }
}
@media all and (max-width:1568px){
	/* 상단 */
	.header														{ --sizeHig:96px; }
	.gnb>li>a													{ font-size:18px; padding:0 35px; }
	.gnb .dep2>li>a											{font-size:1.063rem;padding:12px 0;}
}

@media all and (max-width:1500px){
	/* 하단 */
	#footer .flex_box{flex-direction:column; --sizeSide:0px;}
	#footer .flex_box .group{order:2; padding-top:20px; padding-right:0px; border-right-width:0px;}
	#footer .fnb{order:1; padding:20px 0 0 0px;}
	#footer .fnb ul li{display:inline-block; margin-right:20px;}
}
@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.25rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.06rem; }
}
@media all and (max-width:1368px){
	/* 상단 */
	.gnb>li>a,
	.gnb .dep2>li													{ padding:0 25px; }
}

@media all and (max-width:1300px){
	/* 하단 */
	#footer .area_footer_info .list{ max-width:calc(100% - 168px); }
}

@media all and (max-width:1200px){	
	/* 하단 */
	#footer .area_link .list_relate{flex-wrap:wrap;}
	#footer .area_link .list_relate > li{width:calc(100% / 2 - var(--sizeMargin)); margin-top:3px; margin-bottom:5px;}
	#footer .area_link .list_relate > li .box{z-index:11;}
}
@media all and (max-width:1268px){	
	/* 상단 */
	.header																			{ --sizeHig:80px; }
	.header .h_logo a																{ width:238px; height:38px; }
	.gnb																			{ display:none; }
	.gnb .dep3																		{ display:flex; flex-flow:column;  margin-top:.75em; padding:0 1em }

	
	/* 모바일 메뉴 */
	.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; display:block;  border-top: 1px solid rgba(0, 0, 0, 0.1); }
	.sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li::before								{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li										{ border-left:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li											{ width:100%; padding:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li											{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); }
	.sitemap_wrap .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;text-align:left;border:none;border-radius:0;font-family:var(--font-pretendard);}
	.sitemap_wrap .sitemap_box .gnb_list>li > a::after								{display:none !important;}
	.sitemap_wrap .sitemap_box .gnb_list>li:hover > a,
	.sitemap_wrap .sitemap_box .gnb_list>li:focus > a,
	.sitemap_wrap .sitemap_box .gnb_list>li.active > a								{background:#fff;color:var(--color-point);}
	.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; }
	.sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:7px 0; background-color:var(--color-point); margin-top: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: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,.15); 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; background:#fff;}
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after												{ height:30px;background:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a[target='_blank']::after{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:14px; height:14px; 
																						background:url(/images/safe/common/ico_newtab.svg) no-repeat 50% 50% / auto 14px; margin-top:-3px; filter:invert(1);position:initial;transform: none;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus						{color:#fff;}
}

/* pc (해상도 1024px ~ ) */

@media all and (max-width:1024px) {
	/* 하단 */
	#footer .area_banner .inr{padding:15px 20px;}
	.slide_banner .swiper-slide{padding:0 20px;}
	.slide_banner .control{margin-right:-10px;}
	#footer .area_link .list_relate > li button,
	#footer .area_link .list_relate > li [data-linkbtn="link"]{height:50px; padding:0 20px;}
	#footer .area_link .list_relate > li .box{bottom:45px;}
	#footer .area_link .list > li > a{font-size:14px;}
	#footer .area_footer_info{flex-wrap:wrap; padding-top:25px;}
	#footer .area_footer_info .logo{display:none;}
	#footer .area_footer_info{font-size:14px;}
	#btn_top{width:60px; height:60px;}
	#footer .area_footer_info .list{ max-width:inherit }
	#footer .area_footer_info .list > li span.tinfo{position:relative;top:auto;left:0;padding-left:7px}
}

@media all and (max-width:868px) {
	/* 상단 */
	.header														{ --sizeHig:80px; }
	.header .h_logo a											{ width:200px; height:32px; }
	.header .h_icon												{ gap:0 5px; }
	.header_wrap												{ height:calc(var(--sizeHig) - 0px) }
	.top_util													{ position:absolute; width:auto; right:60px; top:50%; border-bottom:none; z-index:3; transform:translateY(-50%); }
	.top_util .con_inner										{ width:inherit; }			
	.top_util .btn_family										{ position:relative; display:flex; align-items:center; height:32px; padding:0 15px; background:var(--color-point); color:var(--color-white); border-radius:20px; }
	.top_util .btn_family::before								{ display:inline-block; width:15px; height:15px; background:url(/images/safe/common/icon_family.svg) no-repeat 50% 50% / 100% auto; content:''; margin-right:5px; }
	.top_util .btn_family::after								{ display:inline-block; vertical-align:middle; width:5px; height:5px; margin-left:15px; margin-top:-3px; border-style:solid; border-width:0 1px 1px 0; border-color:#fff; transform:rotate(45deg); 
																		transition:var(--trans-ani); content:'';}
	.top_util .family_box										{ position:absolute; width:100%; min-width:120px; left:50%; display:none; top:40px; padding:1em 1.5em; border:1px solid var(--color-point); border-radius:10px;
																	 background:var(--color-white); transform:translateX(-50%); }
	.top_util .family_box::before								{ content:""; display:block; width:0; height:0; background-color:inherit;position:absolute; top:-7px; left:50%; transform:translateX(-50%);
																	border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:7px solid var(--color-point); }
	.top_util .family_box .list									{ flex-flow:column; height:inherit; align-items:flex-start; }
	.top_util .family_box .list>li								{ font-size:.85rem; }
	.top_util .family_box .list>li+li							{ padding-left:0; margin-left:0; }
	.top_util .family_box .list>li+li::before					{ display:none; }
	.top_util .family_box .list>li a.sns_blog,
    .top_util .family_box .list>li a.sns_youtube  				{ margin:0.2em 0; }
	
	.header.active												{ margin-top:0; --sizeHig:70px; }

	.top_util .list>li.sns_blog a,
    .top_util .list>li.sns_youtube a 							{ width: auto; height: auto; background: none; text-indent: 0; overflow: visible; white-space: normal; font-size: .85rem; padding-left: 0;}

    .top_util .list>li.sns_blog a .text,
    .top_util .list>li.sns_youtube a .text 						{ display: inline;}

}

/* 모바일 (해상도 ~ 767px)*/ 
@media all and (max-width:768px) {
	/* 하단 */
	#footer .area_banner em{font-size:16px;}
	#footer .area_banner em:before{display:none;}
	.slide_banner .swiper-slide{padding:0 20px 0 0;}
	.slide_banner .control button{padding:0px;}
	.slide_banner .control:before{left:-20px;}
	.slide_banner .control button{z-index:2;}
	#footer .fnb ul > li{padding:4px 0px;}
	#footer .area_link .list_relate{flex-wrap:wrap; margin-left:0px;}
	#footer .area_link .list_relate > li{width:100%; margin:2px 0;}

}
@media all and (max-width:668px) {
	/* 상단 */
	.top_util													{ right:55px; }
}
@media all and (max-width:468px) {
	/* 상단 */
	.header														{ --sizeHig:70px; }
	.header .h_logo a											{ width:174px; height:28px; }
	.top_util													{ right:50px; }
	.top_util .btn_family										{ padding:0; width:23px; height:23px; justify-content:center; }
	.top_util .btn_family>span									{ display:none; }
	.top_util .btn_family::before								{ margin-right:0; width:14px; height:14px; margin-top:-1px; }
	.top_util .btn_family::after								{ display:none; }
	.header.active												{ --sizeHig:60px; }
	
	/* 하단 */
	.footer .slide_banner .inr em							{ display:none }
	.footer .slide_banner .mySwiper								{ width:100%; }
	.footer .slide_banner .swiper-slide							{ font-size:.85rem; }
	.footer .family_list										{ gap:5px; }
	.footer .family_list>li										{ flex:100%; }
	.footer .family_list>li .family_btn							{ padding:0 15px; font-size:.85rem }
	.footer .family_list>li .family_box							{ bottom:50px; }
	.footer .copyright .link									{ gap:0 20px; }
	.footer .copyright .link a,
	.footer .copyright .list									{ font-size:.85rem; }
	.footer .copyright .copy									{ font-size:.8rem; }
}
@media all and (max-width:420px) {
	/* 하단 */
	#footer .area_banner em{display:none;}
	#btn_top{width:50px; height:50px; font-size:12px;}
	#footer .area_footer_info .list > li{display:block; margin-right:0px;}
	#footer .area_footer_info .link > li a{font-size:14px;}
	#footer .area_link .list_relate > li .box{padding-bottom:20px;}
}
@media all and (max-width:360px) {
	/* 하단 */
	#footer .area_link .list_relate > li .box{padding-left:10px; padding-right:10px;}
}


@media screen and (max-width:320px){
	.header .h_logo a											{ width:168px; height:26px; }
	/* 하단 */
	#footer .area_link .list_relate > li button,
	#footer .area_link .list_relate > li [data-linkbtn="link"]{padding:0 10px;}
}