@charset "utf-8";
/* CSS Document */
/* 여백 */
.pb50															{ padding:50px; }
@media all and (max-width:1468px) {
   .pb50														{ padding:40px; } 
}
@media all and (max-width:1368px) {
   .pb50														{ padding:30px; } 
}
@media all and (max-width:668px) {
   .pb50														{ padding:20px; } 
}

/* 레이아웃 */
#container															{ position:relative; display:flex; justify-content:flex-start; align-items:flex-start; --sizeLnbW:300px; gap:80px; padding:20px 0 80px 0; }
#container.con_inner												{ max-width:1600px; }
#container::before													{ position:absolute; left:calc(var(--sizeLnbW) + 30px); width:1px; height:100%; top:0; background:var(--color-line); content:''; }
#container .section_middle											{ position:relative; z-index:2; width:calc(100% - var(--sizeLnbW) - 80px);}
body:has(.modal_pop.active) #container .section_middle				{ z-index:inherit; }
#boardWrap .calendar_wrap											{ padding:10px; border-radius:15px; background:var(--color-board-gray2); }
#boardWrap .calendar_wrap .calendar_box								{ padding:10px; border-radius:10px; background:var(--color-white); }
@media all and (max-width:668px) {
  	#boardWrap .calendar_wrap,
  	#boardWrap .calendar_wrap .calendar_box							{ padding:5px; }	
    #boardWrap .calendar_wrap ul.exmark_list						{ padding:0 10px 10px 10px; }
}






/* 서브 메뉴 */
.lnb_wrap											{ flex:none; width:var(--sizeLnbW); margin-bottom:7.5em; z-index:3 }
body:has(.modal_pop.active) .lnb_wrap 				{ z-index:inherit }
.lnb_wrap .title									{ position:relative; width:100%; border-radius:15px;  padding:0 30px; height:120px; box-sizing:border-box; background:linear-gradient(180deg, #128fae 1%, #046383 100%);  
														color:var(--color-white); display:flex; align-items:center; justify-content:center; }																
.lnb_wrap .title h2									{ position:relative; font-size:1.88em; font-family:var(--font-paper); font-weight:700; line-height:1}
.lnb_wrap nav										{ position:relative; width:100%; padding:1.25em; z-index:2 }
.lnb_wrap .lnb										{ width:100%; display:flex; flex-flow:column; word-break:break-all; }
.lnb_wrap .lnb>li									{ border-bottom:1px solid var(--color-line);  }
.lnb_wrap .lnb>li>a									{ position:relative; display:flex; align-items:center; font-size:1.19em; font-weight:700; padding:0 5px; height:60px; color:var(--color-base2); transition:var(--trans-ani); }
.lnb_wrap .lnb>li>a::before							{ position:absolute; width:11px; height:1px; background:var(--color-base2); right:10px; top:50%; transform:translateY(-50%); content:''; }
.lnb_wrap .lnb>li>a::after							{ position:absolute; width:1px; height:11px; background:var(--color-base2); right:15px; top:50%; transform:translateY(-50%); content:''; }
.lnb_wrap .lnb>li:has(ul)>a::before,
.lnb_wrap .lnb>li:has(ul)>a::after					{ opacity:1; }	
.lnb_wrap .lnb>li.active>a::after,				
.lnb_wrap .lnb>li:not(:has(ul))>a::before,
.lnb_wrap .lnb>li:not(:has(ul))>a::after			{ opacity:0; }
.lnb_wrap .lnb>li:last-child						{ border-bottom:none; }															
.lnb_wrap .lnb>li.active>a							{ border-bottom:none; color:var(--color-point) }
.lnb_wrap .lnb>li.active							{ border-bottom:1px solid transparent; }
.lnb_wrap .lnb>li:not(:has(ul)).active				{ border-bottom:1px solid var(--color-line);  }
.lnb_wrap .lnb>li.active>a::before					{ background:var(--color-point); }
.lnb_wrap .lnb>li>ul								{ display:none; border-radius:10px; background:var(--color-gray); overflow:hidden  }
.lnb_wrap .lnb>li>ul>li>a							{ position:relative; display:flex; align-items:center; min-height:55px; padding:10px 20px; font-size:1.09em; line-height:1.2; transition:var(--trans-ani); color:var(--color-base); font-weight:500; 
														border-radius:10px; letter-spacing:-.045em }
.lnb_wrap .lnb>li>ul>li>a:hover,
.lnb_wrap .lnb>li>ul>li.active>a					{ color:var(--color-white); background:linear-gradient(180deg, #128fae 1%, #046383 100%); }
.lnb_wrap .lnb>li>ul>li>a::before					{ position:absolute; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-base); opacity:.6; content:''; right:20px; top:50%;  transition:var(--trans-ani);
														transform:translateY(-70%) rotate(45deg) }
.lnb_wrap .lnb>li>ul>li>a:hover::before				{ border-color:var(--color-white); opacity:1; }
.lnb_wrap .lnb>li>ul>li.active>a::before			{ transform:translateY(-25%) rotate(-135deg); border-color:var(--color-white); opacity:1;  }
.lnb_wrap .lnb>li>ul>li:not(:has(ul))>a::before,
.lnb_wrap .lnb>li>ul>li:not(:has(ul))>a::after		{ display:none; }
.lnb_wrap .lnb>li>ul>li>ul							{ display:none; margin:20px; padding:10px 15px; background:var(--color-white); border-radius:10px; }
.lnb_wrap .lnb>li>ul>li>ul>li>a						{ position:relative; display:block; padding:5px 0 5px 10px; font-size:1em; line-height:1.2; transition:var(--trans-ani); font-weight:500; color:var(--color-base); opacity:.84 }
.lnb_wrap .lnb>li>ul>li>ul>li>a::before				{ position:absolute; width:4px; height:4px; border-radius:100%; background:var(--color-base); left:0; top:12px; content:''; opacity:.5}
.lnb_wrap .lnb>li>ul>li>ul>li>a:hover,
.lnb_wrap .lnb>li>ul>li>ul>li>a:focus,
.lnb_wrap .lnb>li>ul>li>ul>li.active>a				{ color:var(--color-point); opacity:1; transition:var(--trans-ani);}
.lnb_wrap .lnb>li>ul>li>ul>li>a:hover::before,
.lnb_wrap .lnb>li>ul>li>ul>li>a:focus::before,
.lnb_wrap .lnb>li>ul>li>ul>li.active>a::before		{ background:var(--color-point); opacity:1; transition:var(--trans-ani); }

.lnb_wrap .lnb>li a[target="_blank"]::after			{ position:initial; transform:initial; content:''; opacity:1; display:inline-block; width:13px; height:12px; margin-left:4px; background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%;
    													background-size:contain; vertical-align:middle; margin-top:-1px;  }
.lnb_wrap .lnb>li a[target="_blank"]:hover::after,
.lnb_wrap .lnb>li a[target="_blank"]:focus::after	{ filter:inherit; }
.lnb_wrap .lnb>li:not(:has(ul))>a:before			{ display:none; }
.lnb_wrap .lnb>li>a[target="_blank"]:hover::after,
.lnb_wrap .lnb>li>a[target="_blank"]:focus::after,
.lnb_wrap .lnb>li>ul>li>a[target="_blank"]:hover::after,
.lnb_wrap .lnb>li>ul>li>a[target="_blank"]:focus::after	{ filter:invert(1); }
.lnb_wrap .lnb>li>ul>li>ul>li>a[target="_blank"]:hover::after,
.lnb_wrap .lnb>li>ul>li>ul>li>a[target="_blank"]:focus::after	{ filter:invert(28%) sepia(36%) saturate(6859%) hue-rotate(177deg) brightness(92%) contrast(89%); }

.lnb_wrap .lnb>li>a[target="_blank"]::after			{ margin-top:1px; }








/* page title */
.pagetitle_wrap																				{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:30px; gap:10px 30px  }
.pagetitle_wrap h3																			{ font-size:2.25em; line-height:1.2; color:var(--color-base); font-weight:800; word-break:keep-all; font-family:var(--font-paper); order:2; }
.pagetitle_wrap .page_util																	{ display:flex; flex-wrap:wrap; align-items:center; gap:2px 0; order:3; }
.pagetitle_wrap .page_util [data-location="home"] a											{ display:flex; font-size:0px; width:25px; height:25px; margin-right:-6px; }
.pagetitle_wrap .page_util [data-location="home"] a::before									{ content:''; display:block; width:100%; height:100%; background:url(/resource/www/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:15px; 
																								opacity:1; margin-top:-2px; opacity:.54 }
.pagetitle_wrap .page_util>li+li															{ padding-left:10px; opacity:.74  }
.pagetitle_wrap .page_util>li+li::before													{ display:inline-block; margin-right:10px; width:6px; height:6px; border-style:solid; border-width:1px 1px 0 0; border-color:#6b6b6b; transform:rotate(45deg); 
																								content:''; vertical-align:middle; margin-top:-3px;  }

/* 공유 */
.pagetitle_wrap .share_util																	{ display:flex; justify-content:end; align-items:center; --sizeHig:40px; gap:5px; order:1; width:100%;  }
.pagetitle_wrap .share_util>li																{ position:relative; }
.pagetitle_wrap .share_util>li>button														{ display:flex; width:var(--sizeHig); height:var(--sizeHig); }
.pagetitle_wrap .share_util>li>button:before												{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; opacity:.7 }
.pagetitle_wrap .share_util>li .share_bt:before												{ background-image:url(/resource/www/images/sub/icon_share.svg); background-size:auto 18px;}
.pagetitle_wrap .share_util>li.print>button:before											{ background-image:url(/resource/www/images/sub/icon_print.svg); background-size:auto 18px;}
.pagetitle_wrap .share_util>li.braille>button:before										{ background-image:url(/resource/www/images/sub/icon_bx_link.svg); background-size:auto 12px;}
.pagetitle_wrap .share_util>li.braille_down>button:before									{ background-image:url(/resource/www/images/sub/icon_bx_down.svg); background-size:auto 12px; background-position:50% 55%}
.pagetitle_wrap .share_util>li.share .share_drop											{ display:none; position:absolute; top:-1px; left:-2px; z-index:10; width:calc(var(--sizeHig) + 4px); box-sizing:border-box; background-color:var(--color-white); 
																								border:1px solid #e5e5e5;  text-align:center; z-index:10; border-radius:8px;}																								
.pagetitle_wrap .share_util > li.share .share_drop ul										{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.pagetitle_wrap .share_util > li.share .share_drop ul > li a								{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="blog"] a:before		{ background-image:url(/resource/common/images/common/icon_blog.svg); background-color:#32b44a;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="youtube"] a:before	{ background-image:url(/resource/common/images/common/icon_youtube.svg); background-color:#e03232;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="facebook"] a:before	{ background-image:url(/resource/common/images/common/icon_facebook.svg); background-color:#385691;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="instar"] a:before	{ background:url(/resource/common/images/common/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/common/images/common/icon_kakaoch.svg); background-color:#ffde00; }
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="twitter"] a:before	{ background-image:url(/resource/common/images/common/icon_twitter.png); background-color:#000;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="band"] a:before		{ background-image:url(/resource/common/images/common/icon_band.png); background-color:#50b748;}
.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share="copy"] a:before		{ background-image:url(/resource/common/images/common/icon_copy.svg); background-color:#555555;}
.pagetitle_wrap .share_util > li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.pagetitle_wrap .share_util > li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.pagetitle_wrap .share_util > li.share .share_close::after									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.pagetitle_wrap .share_util > li.share .share_close:hover									{ transform:rotate(90deg); }
																			
																			
																			

/* 5차 메뉴스타일 */
.area_snb										{ position:relative; margin-bottom:30px; border-radius:10px; padding:15px; background:var(--color-tab-bg)}
.area_snb .snb									{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:5px}
.area_snb .snb > li								{ display:flex; flex:auto;  justify-content:center; align-items:center;}
.area_snb .snb > li > a,
.area_snb .snb > li > button					{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:20px 40px 20px 20px; border-radius:8px; text-align:center; 
													transition:var(--trans-ani); background:var(--color-white); letter-spacing:-.045em; }
.area_snb .snb > li > a>span,
.area_snb .snb > li > button>span				{ opacity:.84; font-size:1.03em; line-height:1.15; }
.area_snb .snb > li > a::after,
.area_snb .snb > li > button::after				{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:var(--color-base); opacity:.84; border-width:1px 1px 0 0; 
													transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.area_snb .snb > li > a[target="_blank"]::after{width: 12px;height: 12px;top: 50%;background: url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%;border: none;transform: translateY(-50%);filter:invert(6%) sepia(11%) saturate(176%) hue-rotate(315deg) brightness(98%) contrast(84%);}
.area_snb .snb > li.active > a,
.area_snb .snb > li.active > button				{ background:var(--color-point); color:var(--color-white);  }
.area_snb .snb > li.active > a::after,
.area_snb .snb > li.active > button::after		{ border-color:#fff; }
.area_snb .snb > li.active > a>span,
.area_snb .snb > li.active > button>span		{ opacity:1; }
.area_snb .btn_snb_mob							{ display:none; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px 20px 15px 15px; border-radius:8px; 
													line-height:1.15; color:var(--color-white); text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em }
.area_snb .btn_snb_mob:after					{ content:''; display:block; position:absolute; width:7px; height:7px; right:17px; top:50%; border-style:solid; border-color:var(--color-white); border-width:0 1px 1px 0; 
													transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani);}
.area_snb .btn_snb_mob.active:after				{ transform:translateY(-40%) rotate(-135deg);}		
										

/* 5차 셀렉트스타일 */
.area_select												{ position:relative; margin-bottom:30px; border-radius:10px; padding:15px; background:var(--color-tab-bg); --sizeHig:55px;}
.area_select .area_select_list								{ position:relative; display:flex; gap:10px; }
.area_select .area_select_list>li							{ position:relative; flex:auto; }
.area_select .area_select_list>li:nth-child(1)				{ max-width:175px; }
.area_select .area_select_list>li .area_select_text			{ display:flex; align-items:center; justify-content:center; min-height:var(--sizeHig); width:100%; border-radius:8px; background:var(--color-white) }
.area_select .area_select_list>li .btn_select				{ display:flex; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:0 40px 0 20px; min-height:var(--sizeHig); border-radius:8px; line-height:1.2; 
																transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em; color:var(--color-white) }
.area_select .area_select_list>li .btn_select::after		{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:var(--color-white); border-width:0 1px 1px 0; 
																transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani); }
.area_select .area_select_list>li .btn_select.active::after	{ transform:translateY(-30%) rotate(-135deg);}	
.area_select .select_wrap									{ position:absolute; display:none; width:100%; top:calc(var(--sizeHig) + 5px); padding:1em; border:1px solid var(--color-point); border-radius:8px; background:var(--color-white); z-index:5; max-height:40svh; overflow-y:auto;}
.area_select .select>li										{ width:100%; }
.area_select .select>li+li									{ margin-top:5px; }
.area_select .select>li>a,
.area_select .select>li>button								{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px; border-radius:8px; 
																line-height:1.15; color:#565656; text-align:center; transition:var(--trans-ani); font-size:.98rem; font-weight:400; background:var(--color-gray); letter-spacing:-.045em }
.area_select .select>li > a::after,
.area_select .select>li > button::after						{ content:''; display:block; position:absolute; width:7px; height:7px; right:15px; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
																transform:translateY(-60%) rotate(45deg); transition:var(--trans-ani);}													
.area_select .select>li.active>a,
.area_select .select>li.active>button						{ background:var(--color-point); color:var(--color-white); }
.area_select .select>li.active>a::after,
.area_select .select>li.active>button::after									{ border-color:var(--color-white); }	
.area_select .area_select_list>li:has(.area_tsnb.active) .area_select_text		{ display:none; }
.area_select .area_select_list .area_tsnb										{ display:none; position:relative; width:100%; height:calc(var(--sizeHig) +  8px); overflow-x:auto; overflow-y:hidden; }
.area_select .area_select_list .area_tsnb.active								{ display:block; }
.area_select .area_select_list .area_tsnb::-webkit-scrollbar 					{ height:3px;  background:var(--coolor-white);} 
.area_select .area_select_list .area_tsnb::-webkit-scrollbar-thumb 				{ background-color:var(--color-point); border-radius:5px;  } 
.area_select .area_select_list .area_tsnb::-webkit-scrollbar-track 				{ border-radius:5px; background:var(--color-white); }
.area_select .area_select_list .area_tsnb .tsnb									{ position:absolute; top:0; left:0; overflow-x:scroll; display:flex; justify-content:start; gap:5px; }
.area_select .area_select_list .area_tsnb .tsnb::-webkit-scrollbar 				{ display:none }
.area_select .area_select_list .area_tsnb .tsnb>li								{ display:flex; justify-content:center; align-items:center; transition:var(--trans-ani); border-radius:8px; background:var(--color-white)}
.area_select .area_select_list .area_tsnb .tsnb>li>a							{ padding:0 20px; display:flex; width:max-content; align-items:center; font-size:1em; line-height:1; height:var(--sizeHig); letter-spacing:-.045em; }
.area_select .area_select_list .area_tsnb .tsnb>li>a>span						{ position:relative; display:flex; gap:0 20px; align-items:center; }
.area_select .area_select_list .area_tsnb .tsnb>li>a>span::after				{ content:''; display:block; width:7px; height:7px;  border-style:solid; border-color:var(--color-base); border-width:1px 1px 0 0; 
																					transform:rotate(45deg); transition:var(--trans-ani);}
.area_select .area_select_list .area_tsnb .tsnb>li.active>a>span::after,
.area_select .area_select_list .area_tsnb .tsnb>li>a:hover>span::after,
.area_select .area_select_list .area_tsnb .tsnb>li>a:focus>span::after			{ content:''; display:block; width:7px; height:7px;  border-style:solid; border-color:var(--color-white); border-width:1px 1px 0 0; 
																					transform:rotate(45deg); transition:var(--trans-ani);}
.area_select .area_select_list .area_tsnb .tsnb>li.active,
.area_select .area_select_list .area_tsnb .tsnb>li:hover						{ background:var(--color-point); color:var(--color-white) }

						
@media all and (max-width:1668px) {
	/* 레이아웃 */
	#container																	{ --sizeLnbW:280px; gap:70px; padding:15px 0 70px 0 }
	#container .section_middle													{ width:calc(100% - var(--sizeLnbW) - 70px); }
	
	/* 서브 메뉴 */
	.lnb_wrap .title															{ height:110px; }
	.lnb_wrap .title h2															{ font-size:1.78em; }
	.lnb_wrap nav																{ padding:.75em; }
	.lnb_wrap .lnb>li>a															{ font-size:1.167em; }
	.lnb_wrap .lnb>li>ul>li>a													{ font-size:1.067em; padding:10px 15px; }
	.lnb_wrap .lnb>li>ul>li>a::before											{ right:17px; }
	.lnb_wrap .lnb>li>ul>li>ul													{ padding:10px 15px; margin:10px 15px; }
	.lnb_wrap .lnb>li>ul>li>ul>li>a												{ font-size:.98em; }
	.lnb_wrap .lnb>li>ul>li>ul>li>a::before										{ top:11px; }
	
	/* page title */
	.pagetitle_wrap																{ margin-bottom:20px;  }
	.pagetitle_wrap h3															{ font-size:2.15em;  }
}
@media all and (max-width:1568px) {
	/* 레이아웃 */
	#container																	{ --sizeLnbW:260px; gap:55px; padding:10px 0 60px 0 }
	#container::before															{ left:calc(var(--sizeLnbW) + 25px); }
	#container .section_middle													{ width:calc(100% - var(--sizeLnbW) - 55px); }
	
	/* 서브 메뉴 */
	.lnb_wrap .title															{ height:100px; }
	.lnb_wrap .title h2															{ font-size:1.68em; }
	
	/* 5차 메뉴스타일 */
	.area_snb																	{ padding:12px; margin-bottom:1.5em }
	.area_snb .snb > li > a, 
	.area_snb .snb > li > button												{ padding:17px 37px 17px 17px }
	.area_snb .snb > li > a::after, 
	.area_snb .snb > li > button::after											{ right:17px; transform:translateY(-55%) rotate(45deg); }
	
	/* 5차 셀렉트스타일 */
	.area_select																{ padding:12px; --sizeHig:52px; margin-bottom:1.5em}
	.area_select .select_wrap													{ padding:12px; }
	.area_select .select>li>a, 
	.area_select .select>li>button												{ padding:12px; }
	
	/* page title */
	.pagetitle_wrap																{ margin-bottom:12px;  }
	.pagetitle_wrap h3															{ font-size:2.05em;  }
}
@media all and (max-width:1368px) {
	/* 레이아웃 */
	#container																	{ padding:5px 0 50px 0 }
	
	
	/* 5차 메뉴스타일 */
	.area_snb																	{ padding:10px; }
	.area_snb .snb > li > a, 
	.area_snb .snb > li > button												{ padding:15px 37px 15px 15px }
	.area_snb .snb > li > a::after, 
	.area_snb .snb > li > button::after											{ right:15px; transform:translateY(-55%) rotate(45deg); }
	
	/* 5차 셀렉트스타일 */
	.area_select																{ padding:10px; --sizeHig:48px; }
	.area_select .select_wrap													{ padding:10px; }
	.area_select .select>li>a, 
	.area_select .select>li>button												{ padding:12px 15px; }
	.area_select .area_select_list .area_tsnb .tsnb>li.active>a>span::after, 
	.area_select .area_select_list .area_tsnb .tsnb>li>a:hover>span::after, 
	.area_select .area_select_list .area_tsnb .tsnb>li>a:focus>span::after		{ margin-top:-1px; }
	
	/* page title */
	.pagetitle_wrap h3															{ font-size:2em;  }
}
@media all and (max-width:1268px) {
	#container														{ padding:10px 0 50px 0; }
	#container::before												{ display:none; }
	.lnb_wrap														{ display:none; }
	.search_quick_wrap::after										{ display:none; }
	#container .section_middle										{ width:100%; }
	
	/* page title */
	.pagetitle_wrap .share_util										{ width:inherit; order:2; }
	.pagetitle_wrap .page_util										{ order:1; }
	.pagetitle_wrap h3												{ width:100%; order:3; margin-top:.25em }
}
@media all and (max-width:1024px) {
	#container														{ padding:15px 0 40px 0; }
	.pagetitle_wrap .page_util>li>a									{ font-size:.95rem; }	
	.pagetitle_wrap .share_util										{ --sizeHig:30px; }
	.pagetitle_wrap .share_util>li.share .share_drop				{ width:calc(var(--sizeHig) + 8px); left:-4px; }
	.pagetitle_wrap .share_util > li.share .share_drop ul			{ padding-top:7px; gap:5px; }
}
@media all and (max-width:768px) {
	/* 5차 메뉴스타일 */
	.area_snb														{ margin-bottom:1.5em }
	.area_snb .btn_snb_mob											{ display:flex; font-size:.95rem; }
	.area_snb .btn_snb_mob.active									{ border-radius:8px 8px 0 0; }
	.area_snb .snb													{ display:none; overflow-y:auto; position:absolute; left:10px; top:var(--sizeMob); z-index:2; width:calc(100% - 20px); max-height:300px; box-sizing:border-box; border-radius:0 0 8px 8px;
																		padding:15px; background:var(--color-white); border:1px solid var(--color-point); border-top-color:#dcdcdc; box-shadow:0 10px 30px rgba(0,0,0,0.2);}
	.area_snb .snb > li												{ height:auto; max-width:inherit; }
	.area_snb .snb > li+li											{ margin-top:5px; }
	.area_snb .snb > li > a,
	.area_snb .snb > li > button									{ padding:12px 15px; }
	.area_snb .snb > li > a:after,
	.area_snb .snb > li > button:after								{ right:15px;  }
	.area_snb .snb > li > a>span,
	.area_snb .snb > li > button>span								{ font-size:.95rem; }
	
	/* 5차 셀렉트스타일 */
	.area_select													{ --sizeHig:46px; margin-bottom:1.5em}
	.area_select .area_select_list									{ flex-wrap:wrap; }
	.area_select .area_select_list>li:nth-child(1)					{ max-width:inherit; width:100%; flex:100%; }
	.area_select .area_select_list>li .btn_select					{ font-size:.95rem; padding:0 40px 0 15px; }
	.area_select .area_select_list>li .btn_select::after			{ right:15px; }
	.area_select .area_select_list .area_tsnb .tsnb>li>a>span,
	.area_select .select>li>a, 
	.area_select .select>li>button									{ font-size:.9rem; }
	.area_select .area_select_list .area_tsnb .tsnb>li>a			{ padding:0 15px; }
	
	/* page title */
	.pagetitle_wrap h3												{ font-size:1.85em;  }
  
	.pagetitle_wrap .share_util > li.share .share_drop ul > li[data-share] a:before,
  .pagetitle_wrap .share_util > li.share .share_close				{ width:26px; height:26px; }
}