@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face { 
	font-family:'BarcodeFont';
	src:url("../font/Code39Azalea.woff") format('woff');
}



body	{ width: 100%; height: 100%; padding: 0; margin: 0; font-size: 18px; font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*	{ font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }


body.popup_box	{ position: relative; width: auto; height: auto; margin: 0; padding: 20px; background-color: #f2f3f7; }
body.popup_box:before	{ position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100px; background-color: #084d98; content: ""; }
body.popup_box .contents_content	{ position: relative; z-index: 1; padding: 20px; margin-top: 65px; background-color: #fff; }
body.popup_box .contents_content h3:first-child	{ position: absolute; left: 0; top: -65px; width: 100%; line-height: 60px; padding: 0; margin: 0 !important; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; text-indent: 20px; }
body.popup_box .contents_content *:nth-child(2)	{ margin-top: 0 !important; }


.skip_area	{ position: absolute; left: 0; top: 0; z-index: 99999; width: 100%; height: 0px; overflow: hidden; }
.skip_area a	{ display: block; line-height: 30px; padding: 0 0 0 20px; color: #000; text-decoration: none; font-weight: bold; font-size: 13px; border: 1px solid #ddd; background-color: #fafafa; }

hr.linebreak	{ display: none; }



#jump_menu	{ width: 100%; z-index: 9999999; }
#jump_menu h1	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#jump_menu ul,
#jump_menu li	{ position: relative; padding: 0; margin: 0; list-style: none; }
#jump_menu a	{ position: absolute; z-index: -1; left: 0; top: -1000px; display: block; width: 100%; line-height: 45px; text-align: center; font-weight: bold; font-size: 20px; color: #fff; background-color: #3e6dbf; }
#jump_menu a:focus	{ top: 0; z-index: 99999; }


/**
HEADER
**/
#header	{ position: relative; }
#header header	{}
#header header h1	{ position: relative; max-width: 1280px; margin: 0 auto; }
#header header h1 a	{ position: absolute; left: 0; top: 60px; z-index: 2; width: 260px; height: 100px; background: url(../image/header_logo.png) no-repeat 0 center; text-align: left; text-indent: -9999px; overflow: hidden; }
#header header p.slogan	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }

#header header #GNB	{}
#header header #GNB aside	{ line-height: 59px; border-bottom: 1px solid #efefef; background-color: #26386a; color: #fff; }
#header header #GNB aside nav	{ position: relative; max-width: 1280px; margin: 0 auto; }
#header header #GNB aside nav:after	{ display: block; clear: both; content: ""; }
#header header #GNB aside nav ul,
#header header #GNB aside nav li	{ padding: 0; margin: 0; list-style: none; }
#header header #GNB aside nav .sites	{ position: relative; bottom: -1px; float: left; }
#header header #GNB aside nav .sites li	{ float: left; height: 59px; }
#header header #GNB aside nav .sites li a	{ display: block; min-width: 205px; line-height: 43px; margin-top: 16px; border-radius: 15px 15px 0 0; background-color: #dbdbdb; text-align: center; color: #313131; font-size: 16px; }
#header header #GNB aside nav .sites li:nth-child(2) a	{ background-color: #e9e9e9; }
#header header #GNB aside nav .sites li a:focus, #header header #GNB aside nav .sites li a:hover, #header header #GNB aside nav .sites li a:active	{ background-color: #555; color: #fff; }
#header header #GNB aside nav .sites li a.active	{ line-height: 50px; margin-top: 9px; background-color: #fff; font-size: 17px; color: #1b1b1b; font-weight: 500; }
#header header #GNB aside nav .menus	{ float: right; }
#header header #GNB aside nav .menus li	{ position: relative; float: left; padding-left: 1px; }
#header header #GNB aside nav .menus li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #fff; content: ""; }
#header header #GNB aside nav .menus li:first-child,
#header header #GNB aside nav .menus li:last-child	{ padding-left: 0; }
#header header #GNB aside nav .menus li:first-child:before,
#header header #GNB aside nav .menus li:last-child:before	{ content: none; }
#header header #GNB aside nav .menus li a	{ display: block; padding: 0 15px; color: #fff; font-size: 16px; }
#header header #GNB aside nav .menus li a:focus, #header header #GNB aside nav .menus li a:hover, #header header #GNB aside nav .menus li a:active	{ background-color: rgba(0, 0, 0, 0.3); font-weight: 500; }
#header header #GNB aside nav .menus li a.search	{ position: absolute; right: 0; top: 89px; z-index: 2; width: 44px; height: 44px; padding: 0; margin: 0; border-radius: 100%; background: url(../image/header_search.png) #273594 no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; }
#header header #GNB aside nav .menus li a.search:focus, #header header #GNB aside nav .menus li a.search:hover, #header header #GNB aside nav .menus li a.search:active	{ background-color: rgba(0, 0, 0, 0.5); }


#header header #GNB > nav	{}
#header header #GNB > nav .show_all_menu	{ display: none; }
#header header #GNB > nav #topmenu	{ position: relative; max-width: 1280px; height: 100px; padding: 0 55px 0 300px; margin: 0 auto; box-sizing: border-box; }
#topmenu ul, #topmenu li	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; }

#topmenu .depth_1	{}
#topmenu .depth_1 .ld1	{ display: flex; width: 100%; padding-top: 18px; justify-content: space-evenly; align-items: center; }
#topmenu .depth_1 .cd1	{ width: 100%; }
#topmenu .depth_1 .cd1c1,
#topmenu .depth_1 .cd1c8,
#topmenu .depth_1 .cd1c9,
#topmenu .depth_1 .cd1c10,
#topmenu .depth_1 .cd1c11,
#topmenu .depth_1 .cd1c12	{ display: none; }
#topmenu .depth_1 .l1	{ position: relative; z-index: 99; display: block; height: 82px; line-height: 64px; box-sizing: border-box; text-align: center; font-size: 20px; font-weight: 600; color: #080808; }
#topmenu .depth_1 .l1.menusrl_8	{ height: 44px; line-height: 44px; margin-top: -19px; border-radius: 44px; background-color: #080808; color: #fff; }
#topmenu .depth_1 .l1.over	{ height: 82px; line-height: 60px; margin-top: 0; border-width: 2px 2px 0 2px; border-style: solid; border-color: #26386a #26386a transparent #26386a; border-radius: 18px 18px 0 0; background-color: #fff; color: #26386a; }

#topmenu .depth_all	{ position: absolute; left: 0; top: 98px; z-index: 98; width: 100%; height: 0; overflow: hidden; }
#topmenu .depth_all.show	{ height: auto; overflow: visible; padding: 30px 40px 10px 40px; border: 2px solid #26386a; border-radius: 27px; box-sizing: border-box; background: #fff url(../image/header_gnb_depth1.png) no-repeat right bottom; }

#topmenu .depth_all .ld	{}
#topmenu .depth_all .cd1	{ float: left; width: 14.28%; padding: 0 10px; margin-bottom: 20px; }
#topmenu .depth_all .cd1c1	{ display: none; }
#topmenu .depth_all .cd1c7,
#topmenu .depth_all .cd1c8	{ min-height: 240px; }
#topmenu .depth_all .cd1c9,
#topmenu .depth_all .cd1c10	{ display: none; }
#topmenu .depth_all .l1	{ display: block; line-height: 44px; border: 2px solid #eee; border-radius: 22px; text-align: center; background-color: #fafafa; color: #0c0c0c; font-size: 18px; }
#topmenu .depth_all .l1.over	{ line-height: 48px; border: 0 none; background-color: #273594; color: #fff; }

#topmenu .depth_all .lb1	{}

#topmenu .depth_all .ld2	{ padding-left: 10px; }
#topmenu .depth_all .ld2 .cd2	{}
#topmenu .depth_all .ld2 .cd2 .l2	{ position: relative; display: block; line-height: 20px; padding: 8px 0 8px 10px; font-size: 14px; color: #666; }
#topmenu .depth_all .ld2 .cd2 .l2:before	{ position: absolute; left: 0; top: 16px; width: 3px; height: 3px; border-radius: 3px; background-color: #273594; content: ""; }
#topmenu .depth_all .ld2 .cd2 .l2:focus, #topmenu .depth_all .ld2 .cd2 .l2:hover, #topmenu .depth_all .ld2 .cd2 .l2:active	{ color: #273594; }
#topmenu .depth_all .ld2 .cd2 .l2.hasChild	{ padding-right: 35px; }
#topmenu .depth_all .ld2 .cd2 .l2.hasChild:after	{ position: absolute; right: 10px; top: 50%; width: 22px; height: 22px; line-height: 22px; margin-top: -11px; border-radius: 22px; background-color: #ecf4f7; text-align: center; color: #273594; font-family: serif; content: "+"; }
#topmenu .depth_all .ld2 .cd2 .l2.hasChild.show:after	{ content: "-"; }

#topmenu .depth_all .lb2	{ display: none; }
#topmenu .depth_all .lb2.show	{ display: block; padding-left: 10px; }

#topmenu .depth_all .ld3	{ padding: 15px 5px 15px 15px; border-radius: 8px; background-color: #f6f6f6; }
#topmenu .depth_all .ld3 .cd3	{}
#topmenu .depth_all .ld3 .cd3 .l3	{ position: relative; display: block; line-height: 20px; padding: 3px 0 3px 10px; font-size: 14px; color: #666; }
#topmenu .depth_all .ld3 .cd3 .l3:before	{ position: absolute; left: 0; top: 5px; content: "-"; }
#topmenu .depth_all .ld3 .cd3 .l3:focus, #topmenu .depth_all .ld3 .cd3 .l3:hover, #topmenu .depth_all .ld3 .cd3 .l3:active	{ color: #273594; }


#topmenu .depth_all .lb3	{ display: none; }



/* 구리시청소년수련관 */
.site_youth #header header #GNB > nav #topmenu	{ padding-left: 300px; }
.site_youth #topmenu .depth_1 .cd1c8,
.site_youth #topmenu .depth_1 .cd1c9
.site_youth #topmenu .depth_1 .cd1c10	{ display: none; }
.site_youth #topmenu .depth_1 .l1	{ font-size: 18px; }
.site_youth #topmenu .depth_all .cd1	{ width: 16.666%; }
.site_youth #topmenu .depth_all .cd1c8	{ display: none; }



/* 구리시청소년상담복지센터 */
.site_1388 #header header #GNB > nav #topmenu	{ padding-left: 350px; }
.site_1388 #topmenu .depth_1 .cd1c8,
.site_1388 #topmenu .depth_1 .cd1c9,
.site_1388 #topmenu .depth_1 .cd1c10	{ display: none; }
.site_1388 #topmenu .depth_all .cd1	{ width: 16.66%; }
.site_1388 #topmenu .depth_all .cd1c8	{ display: none; }


/* 구리시청소년상담복지센터 */
.site_guriyouthcenter #header header #GNB > nav #topmenu	{ padding-left: 350px; }
.site_guriyouthcenter #topmenu .depth_1 .cd1c8,
.site_guriyouthcenter #topmenu .depth_1 .cd1c9,
.site_guriyouthcenter #topmenu .depth_1 .cd1c10	{ display: none; }
.site_guriyouthcenter #topmenu .depth_all .cd1	{ width: 16.66%; }
.site_guriyouthcenter #topmenu .depth_all .cd1c8	{ display: none; }




@media all and ( max-width: 1024px )
{
	#header header h1 a	{ left: 20px; top: 70px; height: 50px; }
	#header header #GNB > nav #topmenu	{ height: 150px; padding: 50px 55px 0 0 !important; }
	
	#header header #GNB aside nav .sites	{ float: none; }
	#header header #GNB aside nav .sites:after	{ display: block; clear: both; content: ""; }
	#header header #GNB aside nav .sites li	{ width: 33.33%; }
	
	#header header #GNB aside nav .menus	{ position: absolute; right: 0; top: 70px; line-height: 50px; }
	#header header #GNB aside nav .menus li a	{ color: #333; }
	#header header #GNB aside nav .menus li a.search	{ top: 69px; }
	
	#topmenu .depth_all	{ top: 148px; }
	#topmenu .depth_all.show	{ padding: 20px 10px 10px 10px; border-radius: 0 0 27px 27px; }
}

@media all and ( max-width: 768px )
{
	#header header h1	{ padding-top: 50px; }
	#header header h1 a	{ position: relative; left: auto; top: auto; z-index: 2; display: block; width: 200px !important; height: 50px; margin: 0 auto; background-size: contain !important; }
	
	.site_youth #header header h1 a	{ background-size: auto 40px; }
	.site_1388 #header header h1 a	{ background-size: auto 40px; }
	
	#header.show header #GNB > nav	{ position: relative; display: block; width: auto; height: calc(100% - 50px); }
	
	#header header #GNB aside nav .sites	{ position: absolute; left: 0; top: -100px; width: 100%; height: 50px; background-color: #26386a; overflow: auto; }
	#header header #GNB aside nav .sites:after	{ content: none; }
	#header header #GNB aside nav .sites li	{ width: 25%; height: 50px; }
	#header header #GNB aside nav .sites li a	{ min-width: 0; height: 43px; line-height: 17px; padding: 0 5px; margin-top: 7px; font-size: 12px; }
	#header header #GNB aside nav .sites li a.active	{ height: 50px; line-height: 20px; margin-top: 0; font-size: 12px; }
	#header header #GNB aside nav .sites li a	{ display: flex; justify-content: center; align-items: center; flex-direction: column; }
	#header header #GNB aside nav .sites li a span	{ display: block; }
	
	#header header #GNB aside nav .menus	{ display: none; }
	
	#header header #GNB > nav .show_all_menu	{ display: block; position: absolute; right: 0; top: 50px; z-index: 901; width: 50px; height: 50px; padding: 0; margin: 0; border: 0 none; background: url(../image/header_sitemap.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
	#header.show header #GNB > nav .show_all_menu	{ top: -50px; background-image: url(../image/header_sitemap_close.png); background-size: 50%; }

	#header header #GNB > nav #topmenu	{ display: none; }
	
	#header.show header #GNB	{ position: fixed; left: 0; top: 0; z-index: 900; width: 100%; height: 100%; background-color: #fff; }
	
	#header.show header #GNB aside nav .sites	{ display: none; }
	
	#header.show header #GNB aside nav .menus	{ display: block; position: static; float: none; padding-right: 50px; background-color: #f0f0f0; text-align: center; }
	#header.show header #GNB aside nav .menus li	{ float: none; display: inline-block; }
	#header.show header #GNB aside nav .menus li:last-child	{ display: none; }
	#header.show header #GNB aside nav .menus li:before	{ background-color: #666; }
	
	#header.show header #GNB > nav #topmenu	{ position: relative; display: block; width: auto; height: 100%; padding: 0 !important; overflow: auto; }
	#topmenu .depth_1	{ display: none; }
	#topmenu .depth_all	{ position: static; height: auto; overflow: visible; }
	#topmenu .depth_all.show	{ padding: 0; border: 0 none; border-radius: 0; background: none; }
	#topmenu .depth_all .cd1	{ float: none; width: auto !important; min-height: 0 !important; padding: 0; margin: 0; border-bottom: 1px solid #666; }
	#topmenu .depth_all .cd1c9,
	#topmenu .depth_all .cd1c10	{ display: block; }
	#topmenu .depth_all .l1	{ position: relative; line-height: 22px; padding: 18px 20px; border: 0 none; border-radius: 0; background-color: #454a50; text-align: left; font-size: 18px; font-weight: 700; color: #fff; }
	#topmenu .depth_all .l1.over	{ line-height: 22px; background: #454a50; }
	#topmenu .depth_all .l1.hasChild:after	{ position: absolute; left: auto; right: 20px; top: 50%; width: auto; margin-top: -11px; background: transparent; font-family: serif; font-size: 26px; font-weight: normal; color: #fff; content: "+"; }
	#topmenu .depth_all .l1.show	{ background-color: #3b62bb; }
	#topmenu .depth_all .l1.show.hasChild:after	{ content: "-"; }
	
	#topmenu .depth_all .lb1	{ display: none; }
	#topmenu .depth_all .lb1.show	{ display: block; }
	
	#topmenu .depth_all .ld2	{ padding: 0; }
	#topmenu .depth_all .ld2 .cd2	{ border-bottom: 1px solid #e6e6e6; }
	#topmenu .depth_all .ld2 .cd2 .l2	{ display: block; line-height: 22px; padding: 12px 20px; border: 0 none; text-align: left; font-size: 16px; color: #222; font-weight: normal; }
	#topmenu .depth_all .ld2 .cd2 .l2:before	{ content: none; }
	#topmenu .depth_all .ld2 .cd2 .l2.hasChild:after	{ background-color: transparent; color: #222; font-size: 26px; }
	
	#topmenu .depth_all .lb2.show	{ padding: 0; }
	
	#topmenu .depth_all .ld3	{ border-radius: 0; }
}


/**
FOOTER
**/
#footer	{ margin-top: 100px; background-color: #222; color: #fff; }
#footer aside	{ max-width: 1280px; margin: 0 auto; }

#footer aside .banner	{ position: relative; top: -58px; height: 130px; line-height: 130px; padding: 0 50px 0 250px; margin: 0; border-radius: 28px; background-color: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); color: #000; }
#footer aside .banner:after	{ display: block; clear: both; content: ""; }
#footer aside .banner h2	{ position: absolute; left: 50px; top: 0; padding: 0; margin: 0; font-size: 20px; color: #080808; font-weight: normal; }
#footer aside .banner .list	{ position: relative; display: block; }
#footer aside .banner .list .empty	{ white-space: nowrap; }
#footer aside .banner .list a	{ display: block; }
#footer aside .banner .list a span	{ display: block; text-align: left; text-indent: -9999px; overflow: hidden; background: no-repeat center center; background-size: 75% auto; }

#footer aside .banner button:focus, #footer aside .banner button:hover, #footer aside .banner button:active	{ background-color: #333 !important; color: #fff !important; box-shadow: 0 0 3px rgba(255, 255, 255, 0.5); }

#footer aside .banner .slick-prev	{ position: absolute; left: -117px; top: 50px; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 0 none; border-radius: 30px; background-color: #ebebeb; text-align: left; text-indent: -999px; overflow: hidden; color: #000; font-family: serif; font-weight: normal; }
#footer aside .banner .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
#footer aside .banner .slick-next	{ position: absolute; left: -47px; top: 50px; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 0 none; border-radius: 30px; background-color: #ebebeb; text-align: left; text-indent: -999px; overflow: hidden; color: #000; font-family: serif; font-weight: normal; }
#footer aside .banner .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
#footer aside .banner .play_stop	{ position: absolute; left: -82px; top: 50px; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 0 none; border-radius: 30px; background-color: #ebebeb; text-align: left; text-indent: -999px; overflow: hidden; color: #000; font-family: serif; font-weight: normal; }
#footer aside .banner .play_stop:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ""; }
#footer aside .banner .play_stop.play:after	{ font-size: 12px; font-weight: bold; content: "||"; }
#footer aside .banner .play_stop.stop:after	{ font-size: 12px; content: "▶"; }


#footer aside nav	{  }
#footer aside nav ul	{ padding: 0; margin: 0; list-style: none; }
#footer aside nav ul:after	{ display: block; clear: both; content: ""; }
#footer aside nav ul li	{ position: relative; float: left; padding: 0 0 0 3px; margin: 0; list-style: none; }
#footer aside nav ul li:first-child	{ padding-left: 0; }
#footer aside nav ul li:before	{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -2px; border-radius: 100%; background-color: #666; content: ""; }
#footer aside nav ul li:first-child:before	{ content: none; }
#footer aside nav ul li a	{ display: block; padding: 0 28px; font-size: 18px; color: #666; }
#footer aside nav ul li a:focus, #footer aside nav ul li a:hover, #footer aside nav ul li a:active	{ color: #fff; }
#footer aside nav ul li a strong	{ color: inherit; font-weight: 600; color: #fff; }


#footer .footer_logo	{ position: relative; max-width: 1280px; margin: 0 auto; }
#footer .footer_logo h3	{ position: absolute; right: 20px; top: -30px; width: 254px; height: 47px; margin: 0; background: url(../image/footer_logo.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; }


#footer address	{ max-width: 1280px; line-height: 28px; padding: 20px 28px; margin: 0 auto; box-sizing: border-box; font-style: normal; color: #666; font-size: 15px; }
#footer address span	{ display: inline-block; margin-right: 1em; }
#footer address .br1,
#footer address .br2,
#footer address .br3	{ display: none; }




@media all and ( max-width: 1024px )
{
	#footer .footer_logo, #footer .footer_logo *	{ display: none; background: none; }
}

@media all and ( max-width: 768px )
{
	#footer aside .banner, #footer aside .banner *	{ display: none !important; background: none !important; }
	
	#footer aside nav .link	{ text-align: center; }
	#footer aside nav ul li	{ float: none; display: inline-block; }
	#footer aside nav ul li a	{ padding: 0 10px; font-size: 14px; }
	
	#footer address	{ line-height: 20px; padding: 10px; font-size: 14px; }
	#footer address span	{ display: inline-block; }
}


/**
SUB
**/
#container.sub	{ position: relative; }
#container.sub:before	{ display: block; height: 261px; background: #c7d5eb url(../image/sub_top_bg.png) no-repeat center center; content: ""; }


#container.sub #SUB-GNB	{ display: none; }

#container.sub #section	{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; }
#container.sub #section section	{}
#container.sub #section section header	{}
#container.sub #section section header h2	{ position: absolute; left: 0; top: 0; width: 100%; line-height: 261px; margin: 0; text-align: center; font-size: 50px; font-weight: normal; color: #0d0f57; }

#container.sub #section section header .menu_path_box	{ line-height: 63px; }
#container.sub #section section header .menu_path	{ max-width: 1280px; margin: 0 auto; background-color: #47505e; }
#container.sub #section section header .menu_path:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .menu_path .home	{ float: left; width: 63px; height: 63px; margin: 0; background: #5c63a6 url(../image/sub_menupath_home.png) no-repeat center center; text-indent: -999px; overflow: hidden; }
#container.sub #section section header .menu_path ul	{ position: relative; z-index: 89; float: left; min-width: 270px; height: 63px; padding: 0; margin: 0 0 0 -1px; list-style: none; box-sizing: border-box; border-left: 1px solid #e5e7ea; border-right: 1px solid #e5e7ea; overflow: hidden; }
#container.sub #section section header .menu_path ul.show	{ overflow: visible; }
#container.sub #section section header .menu_path ul li	{ padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .menu_path ul li a	{ display: block; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #5f6773; font-size: 18px; color: #fff; background-color: #47505e; }
#container.sub #section section header .menu_path ul li.fix_menu a	{ border-bottom: 0 none; }
#container.sub #section section header .menu_path ul li a:focus, #container.sub #section section header .menu_path ul li a:hover, #container.sub #section section header .menu_path ul li a:active	{ background-color: #333; color: #fff; }
#container.sub #section section header .menu_path ul li.fix_menu a	{ position: relative; padding-right: 40px; color: #fff !important; background-color: #47505e !important; }
#container.sub #section section header .menu_path ul.show li.fix_menu a	{ color: #fff !important; font-weight: 600 !important; }
#container.sub #section section header .menu_path ul li.fix_menu a:after	{ position: absolute; right: 19px; top: 50%; width: 17px; height: 9px; margin-top: -5px; background: url(../image/sub_lnb_arrow_down.png) no-repeat center center; content: ""; }
#container.sub #section section header .menu_path ul.show li.fix_menu a:after	{ background-image: url(../image/sub_lnb_arrow_up.png); }
#container.sub #section section header .menu_path ul.show li.fix_menu a:before	{ position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #5f6773; content: ""; }


#container.sub #section section header .sub_utility	{ position: relative; max-width: 1280px; margin: 0 auto; }
#container.sub #section section header .sub_utility ul	{ position: absolute; right: 64px; top: -63px; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .sub_utility ul:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .sub_utility ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .sub_utility ul li a	{ display: block; width: 63px; border-width: 0 1px; border-style: solid; border-color: #e5e7ea; background: no-repeat center center; text-indent: -999px; overflow: hidden; }
#container.sub #section section header .sub_utility ul li a:focus, #container.sub #section section header .sub_utility ul li a:hover, #container.sub #section section header .sub_utility ul li a:active	{ background-color: #000; }
#container.sub #section section header .sub_utility ul li a.print	{ background-image: url(../image/sub_utility_print.png); }

#container.sub #section section header .sub_utility ul.dropdown	{ right: 0; z-index: 2; height: 63px; overflow: hidden; }
#container.sub #section section header .sub_utility ul.dropdown:before	{ display: block; height: 63px; border-width: 0 1px; border-style: solid; border-color: #e5e7ea; background: url(../image/sub_utility_dropdown.png) no-repeat center center; content: ""; }
#container.sub #section section header .sub_utility ul.dropdown.show	{ overflow: visible; }
#container.sub #section section header .sub_utility ul.dropdown li	{ float: none; border-bottom: 1px solid #e5e7ea; }

#container.sub #section section header .sub_utility ul li a.facebook	{ background-color: #47505e; background-image: url(../image/sub_utility_facebook.png); }
#container.sub #section section header .sub_utility ul li a.twitter	{ background-color: #47505e; background-image: url(../image/sub_utility_twitter.png); }
#container.sub #section section header .sub_utility ul li a.naver	{ background-color: #47505e; background-image: url(../image/sub_utility_naver.png); }
#container.sub #section section header .sub_utility ul li a.kakaostory	{ background-color: #47505e; background-image: url(../image/sub_utility_kakao.png); }
#container.sub #section section header .sub_utility ul.dropdown:focus:before, #container.sub #section section header .sub_utility ul.dropdown:hover:before, #container.sub #section section header .sub_utility ul.dropdown:active:before	{ background-color: #000; }
#container.sub #section section header .sub_utility ul.dropdown li a:focus, #container.sub #section section header .sub_utility ul.dropdown li a:hover, #container.sub #section section header .sub_utility ul.dropdown li a:active	{ background-color: #000; }


#container.sub #section section #contents.contents	{ max-width: 1280px; padding: 50px 0; margin: 0 auto; }
#container.sub #section section #contents.contents:after	{ display: block; clear: both; content: ""; }



#section header .tabmenu	{ max-width: 1280px; margin: 40px auto; }
#section header .tabmenu ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#section header .tabmenu ul li	{ display: table-cell; width: 5%; padding: 0; margin: 0; list-style: none; background: none; vertical-align: top; }
#section header .tabmenu ul li a	{ position: relative; display: table; width: 100%; height: 58px; line-height: 20px; border: 1px solid #d7d7d7; border-left: 0 none; box-sizing: border-box; text-align: center; color: #222; font-size: 15px; vertical-align: top; }
#section header .tabmenu ul li:first-child a	{ border-left: 1px solid #d7d7d7; }
#section header .tabmenu ul li a.text_length_9	{ letter-spacing: -2px; }
#section header .tabmenu ul li a.text_length_10	{ letter-spacing: -2px; font-size: 14px; }
#section header .tabmenu ul li a.text_length_11	{ letter-spacing: -2px; font-size: 14px; }
#section header .tabmenu ul li a span	{ display: table-cell; width: 100%; padding: 0 5px; box-sizing: border-box; vertical-align: middle; }
#section header .tabmenu ul li a:focus, #section header .tabmenu ul li a:hover, #section header .tabmenu ul li a:active	{ background-color: #d7d7d7; color: #222; }
#section header .tabmenu ul li a.open	{ border-color: #02489f; color: #02489f; background-color: #f5f8fb; }
#section header .tabmenu ul li a.open:before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #02489f; content: ""; }
#section header .tabmenu ul li:first-child a392.open:before	{ content: none; }



body .contents .pc_content,
body .contents .pc_contents	{ display: block; }
body .contents table.pc_content,
body .contents table.pc_contents	{ display: table; }
body .contents .mobile_content,
body .contents .mobile_contents,
body .contents table.mobile_content,
body .contents table.mobile_contents	{ display: none; }



@media all and ( max-width: 1300px )
{
	#container.sub #section section #contents.contents	{ padding-left: 10px; padding-right: 10px; }
}

@media all and ( max-width: 1024px )
{
	#container.sub #section section header .menu_path > div	{ display: none; }
	#container.sub #section section header .menu_path > div:last-child	{ display: block; }
	#container.sub #section section header .menu_path ul	{ width: calc(100% - 63px); min-width: 0; }
	#container.sub #section section header .menu_path ul li a	{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	#container.sub #section section header .sub_utility,
	#container.sub #section section header .sub_utility *	{ display: none !important; background: none !important; }
	
	#section header .tabmenu ul li a	{ height: 100px; }
}

@media all and ( max-width: 768px )
{
	#container.sub:before	{ height: 100px; }

	#container.sub #section section header h2	{ line-height: 100px; font-size: 24px;}

	#container.sub #section section header .tabmenu	{ padding: 0 10px; margin-top: 20px; }
	#container.sub #section section header .tabmenu ul	{ display: block; border-width: 0 0 1px 0; }
	#container.sub #section section header .tabmenu ul:after	{ display: block; clear: both; content: ""; }
	#container.sub #section section header .tabmenu ul li	{ position: relative; display: block; float: left !important; clear: none !important; width: 33.333% !important; margin-bottom: -1px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #e5e7ea; box-sizing: border-box; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n):before,
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1):before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e5e7ea; content: ""; }
	#container.sub #section section header .tabmenu ul li a	{ display: table; width: 100%; height: auto; border: 0 none; font-size: inherit; }
	#container.sub #section section header .tabmenu ul li a:before	{ content: none; }
	#container.sub #section section header .tabmenu ul li a span	{ display: table-cell; width: 100%; height: 50px; line-height: 20px; text-align: left; vertical-align: middle; overflow: hidden; }
	#container.sub #section section header .tabmenu ul li a span:before	{ margin-left: 10px; }


	body .contents .pc_content,
	body .contents .pc_contents,
	body .contents table.pc_content,
	body .contents table.pc_contents	{ display: none; }

	body .contents .mobile_content,
	body .contents .mobile_contents	{ display: block; }
	body .contents table.mobile_content,
	body .contents table.mobile_contents	{ display: table; }
}

@media all and ( max-width: 425px )
{
	#container.sub #section section header .tabmenu ul li	{ width: 50% !important; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n):before,
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1):before	{ content: none; }
	#container.sub #section section header .tabmenu ul li:nth-child(2n):before,
	#container.sub #section section header .tabmenu ul li:nth-child(2n+1):before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e5e7ea; content: ""; }
}




/**
모바일 테이블 처리
**/
@media all and ( max-width: 768px )
{
	table.table_auto_rows_process_end	{ display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: 1px solid #666 !important; }
	table.table_auto_rows_process_end > caption	{ display: none !important; }
	table.table_auto_rows_process_end > colgroup,
	table.table_auto_rows_process_end > colgroup col	{ display: none !important; }
	table.table_auto_rows_process_end > thead	{ display: none !important; }
	table.table_auto_rows_process_end > tbody	{ display: block !important; }
	table.table_auto_rows_process_end > tbody > tr	{ display: block !important; padding: 0 !important; margin: 0 !important; border-bottom: 2px solid #000 !important; }
	table.table_auto_rows_process_end > tbody > tr > *	{ display: block !important; position: relative !important; line-height: 1.5em !important; padding: 5px 5px 5px calc(25% + 5px) !important; margin: 0 !important; border: 0 none !important; border-bottom: 1px solid #666 !important; box-sizing: border-box !important; background-color: #fff !important; text-align: left !important; font-weight: normal !important; }
	table.table_auto_rows_process_end > tbody > tr > *:last-child	{ border-bottom: 0 none !important; }
	table.table_auto_rows_process_end > tbody > tr > *:before	{ position: absolute; left: 0; top: 0; width: 25%; height: 100%; line-height: 1em; box-sizing: border-box !important; background-color: #f0f0f0; text-align: center; color: #000; font-weight: normal; content: attr(data-th-title); }
	table.table_auto_rows_process_end > tbody > tr > *:before	{ display: flex; justify-content: center; align-items: center; }

	/*
	table.table_auto_rows_process_end > tbody > tr > * a	{ border-bottom: 1px dashed #333; }
	*/

	table.table_auto_rows_process_end > tbody > tr:first-child:last-child	{ border-bottom: 0 none !important; }

	table.table_auto_rows_process_end > tbody > tr > *.empty	{ padding-left: 5px !important; text-align: center !important; }
	table.table_auto_rows_process_end > tbody > tr > *.empty:before	{ content: none !important; }
}