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

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


*:focus	{ outline: 2px solid red; }


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
**/
.gnb_cover	{ position: absolute; z-index: 9990; left: 0; top: 165px; width: 100%; height: 100%; border-top: 1px solid #e1e1e1; box-sizing: border-box; background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); }

#header	{}
#header header	{}
#header header h1	{ position: relative; max-width: 1280px; margin: 0 auto; }
/*
#header header h1 a	{ position: absolute; left: 0; top: 50px; z-index: 3; width: 220px; height: 100px; text-align: left; text-indent: -9999px; overflow: hidden; background: url(../image/logo.png) no-repeat left center; }
*/
#header header h1 a	{ position: absolute; left: 0; top: 50px; z-index: 3; width: 310px; height: 100px; text-align: left; text-indent: -9999px; overflow: hidden; background: url(../../www/img/common/gnb_logo.png) no-repeat left center / auto; }
#header header p.slogan	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }


#header header #GNB	{}
#GNB aside.top	{ position: relative; z-index: 2; min-height: 50px; background-color: #10163f; color: #fff; }
#GNB aside.top .align_box	{ position: relative; max-width: 1280px; margin: 0 auto; }
#GNB aside.top .align_box:after	{ display: block; clear: both; content: ""; }


#GNB aside.top .align_box nav	{}
#GNB aside.top .align_box nav:after	{ display: block; clear: both; content: ""; }
#GNB aside.top .align_box nav ul	{ padding: 0; margin: 0; list-style: none; }
#GNB aside.top .align_box nav ul:after	{ display: block; clear: both; content: ""; }

#GNB aside.top .align_box nav ul:first-child	{ float: left; }
#GNB aside.top .align_box nav ul:first-child li	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside.top .align_box nav ul:first-child li a	{ display: block; height: 50px; line-height: 47px; padding: 0 10px; font-size: 16px; color: #fff; }
#GNB aside.top .align_box nav ul:first-child li a:focus, #GNB aside.top .align_box nav ul:first-child li a:hover, #GNB aside.top .align_box nav ul:first-child li a:active	{ background-color: #fff; color: #000; }
#GNB aside.top .align_box nav ul:first-child li a.active	{ background-color: #045aa5; color: #fff; }

#GNB aside.top .align_box nav ul:first-child li.weather	{ line-height: 50px; margin-left: 20px; }
#GNB aside.top .align_box nav ul:first-child li.weather em	{ display: inline-block; font-style: normal; vertical-align: top; }
#GNB aside.top .align_box nav ul:first-child li.weather span	{ display: inline-block; margin-left: 0.3em; vertical-align: top; }
#GNB aside.top .align_box nav ul:first-child li.air	{ line-height: 50px; }
#GNB aside.top .align_box nav ul:first-child li.air span	{ display: inline-block; vertical-align: top; }
#GNB aside.top .align_box nav ul:first-child li.air span.pm10_title,	
#GNB aside.top .align_box nav ul:first-child li.air span.pm25_title	{ margin-right: 0.3em; }	
#GNB aside.top .align_box nav ul:first-child li.air span.pm10_value:before,
#GNB aside.top .align_box nav ul:first-child li.air span.pm25_value:before	{ content: "("; }
#GNB aside.top .align_box nav ul:first-child li.air span.pm10_value:after,
#GNB aside.top .align_box nav ul:first-child li.air span.pm25_value:after	{ content: ")"; }

#GNB aside.top .align_box nav ul:first-child li.air span.pm25_title:before,	
#GNB aside.top .align_box nav ul:first-child li.weather + li.air:before	{ display: inline-block; width: 1.5em; text-align: center; font-size: 10px; vertical-align: top; opacity: 0.7; content: "|"; }


#GNB aside.top .align_box nav ul:last-child	{ float: right; }
#GNB aside.top .align_box nav ul:last-child li	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside.top .align_box nav ul:last-child li + li	{ position: relative; padding-left: 30px; }
#GNB aside.top .align_box nav ul:last-child li a	{ display: block; line-height: 50px; padding-left: 29px; background: no-repeat left center; color: #fff; font-size: 16px; }
#GNB aside.top .align_box nav ul:last-child li a.login	{ background-image: url(../image/header_icon_login.png); }
#GNB aside.top .align_box nav ul:last-child li a.logout	{ background-image: url(../image/header_icon_logout.png); }
#GNB aside.top .align_box nav ul:last-child li a.sitemap	{ background-image: url(../image/header_icon_sitemap.png); }
#GNB aside.top .align_box nav ul:last-child li a.join,
#GNB aside.top .align_box nav ul:last-child li a.mypage,
#GNB aside.top .align_box nav ul:last-child li a.member_level	{ background-image: url(../image/header_icon_join.png); }
#GNB aside.top .align_box nav ul:last-child li a:focus, #GNB aside.top .align_box nav ul:last-child li a:hover, #GNB aside.top .align_box nav ul:last-child li a:active	{ color: #fff; text-decoration: underline; }
#GNB aside.top .align_box nav ul:last-child li a.member_level	{ width: auto; padding: 0 0 0 29px; background-position: left center; text-align: left; text-indent: 0; font-size: 14px; }




#GNB #topmenu	{ position: relative; }
#GNB #topmenu nav	{ position: relative; max-width: 1280px; padding: 0 0 0 310px; margin: 0 auto; box-sizing: border-box; }
#GNB #topmenu .show_all_menu	{ display: none; }

#topmenu ul,
#topmenu li	{ padding: 0; margin: 0; list-style: none; background: none; }

#topmenu .ld1	{ display: flex; justify-content: center; }
#topmenu .ld1 .cd1	{ flex: 1; }
#topmenu .ld1 .cd1c1,
#topmenu .ld1 .cd1c6,
#topmenu .ld1 .cd1c8,
#topmenu .ld1 .cd1c9,
#topmenu .ld1 .cd1c10,
#topmenu .ld1 .cd1c11,
#topmenu .ld1 .cd1c12,
#topmenu .ld1 .cd1c13	{ display: none; }
#topmenu .ld1 .l1	{ display: block; height: 100px; line-height: 95px; font-size: 20px; color: #121212; font-weight: 500; text-align: center; }
#topmenu .ld1 .l1:focus, #topmenu .ld1 .l1:hover, #topmenu .ld1 .l1:active, #topmenu .ld1 .l1.show, #topmenu .ld1 .l1.active	{ color: #195c7d; }

#topmenu .lb1	{ position: absolute; min-width: 100%; height: 0; overflow: hidden; box-sizing: border-box; }
#topmenu .lb1.show	{ z-index: 9; height: auto; overflow: visible; }
#topmenu .lb1 > p	{ display: none; }
#topmenu .ld2	{ padding: 10px 10px 15px 10px; background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
#topmenu .ld2 .cd2	{}
#topmenu .ld2 .cd2 .l2	{ position: relative; display: block; line-height: 1.1em; padding: 8px 0; text-align: left; word-break: keep-all; font-size: 18px; white-space: nowrap; }
#topmenu .ld2 .cd2 .l2:focus, #topmenu .ld2 .cd2 .l2:hover, #topmenu .ld2 .cd2 .l2:active, #topmenu .ld2 .cd2 .l2.active	{ color: #195c7d; font-weight: 500; }


#topmenu .lb2	{}

#topmenu .ld3	{ padding-left: 10px; }
#topmenu .cd3	{}
#topmenu .l3	{ position: relative; display: block; line-height: 19px; padding: 3px 0; text-align: left; font-size: 14px; color: #888; }
#topmenu .l3:focus, #topmenu .l3:hover, #topmenu .l3:active	{ color: #000; font-weight: bold; }

#topmenu .lb3	{ display: none; }

#header #topmenu .cd1.over	{ position: relative; }
#header #topmenu .cd1.over .l1	{ color: #195c7d; }
#header #topmenu .cd1.over .l1 span	{ position: relative; }
#header #topmenu .cd1.over .l1 span:after	{ position: absolute; left: 0; bottom: -15px; z-index: 9992; width: 100%; height: 3px; background-color: #195c7d; content: ""; }
#header #topmenu .cd1 .lb1	{ height: 0 !important; }
#header #topmenu .cd1.over .lb1	{ left: 0; top: 75px; z-index: 9991; min-width: 100%; height: auto !important; overflow: visible; background-color: #fff; }




@media all and (max-width: 1024px)
{
	#header	{ width: 100%; }
	#header header h1 a	{ left: 10px; top: 0; width: 230px; height: 60px; margin-left: 0; background-position: center center; background-size: auto 45px; }
	
	#GNB	{ background: #fff !important; }
	
	#GNB aside.top	{ height: auto; min-height: 60px; background-color: #fff; }
	#GNB aside.top nav	{ display: none; }
	#GNB aside.top .align_box .weather	{ display: none; }
	#GNB aside.top .align_box .search	{ display: none; }
	#GNB #topmenu	{ padding: 0; background: none; }
	#GNB #topmenu .show_all_menu	{ display: block; position: absolute; right: 0; top: -60px; z-index: 9; width: 60px; height: 60px; padding: 0; margin: 0; border: 0 none; background: url(../image/header_showmenu.png) no-repeat center center; background-size: auto 20px; text-indent: -99999px; overflow: hidden; }
	#GNB #topmenu nav	{ padding: 0; }
	#topmenu .ld1	{ display: none; }
	
	
	.gnb_cover	{ position: fixed; left: 0; top: 0; width: 100% !important; height: 100% !important; border: 0 none; background: #fff none; transform: none; }
	.gnb_cover p	{ display: none; background: none; }
	
	#header.over	{ position: relative; z-index: 9999; }
	#header.over header h1	{ display: none; }
	#header.over #GNB aside.top	{ height: 60px; background-color: #10163f; color: #fff; }
	#header.over #GNB aside.top .align_box	{ position: static; }
	#header.over #GNB aside.top .align_box nav	{ display: block; position: static; }
	#header.over #GNB aside.top .align_box nav ul	{ float: none; height: 60px; padding-right: 60px; margin: 0; overflow: hidden; }
	#header.over #GNB aside.top .align_box nav ul:first-child	{ display: none; }
	#header.over #GNB aside.top .align_box nav ul li	{ line-height: 60px; padding: 0 !important; margin: 0 !important; border: 0 none; }
	#header.over #GNB aside.top .align_box nav ul li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #fff; content: ""; }
	#header.over #GNB aside.top .align_box nav ul li:first-child:before	{ content: none; }
	#header.over #GNB aside.top .align_box nav ul li a	{ float: none; display: inline-block; width: auto; min-width: 0; height: 60px; line-height: 60px; padding: 0 12px; margin: 0 !important; text-align: left; text-indent: 0; overflow: visible; background: none !important; font-size: 15px; color: #fff; }
	#header.over #GNB #topmenu .show_all_menu	{ left: auto; right: 0; top: -60px; background-color: transparent; background-image: url(../image/header_showmenu_close.png); background-size: 35%; }
	
	#header.over #topmenu .ld1	{ display: block; }
	#header.over #topmenu .ld1 .cd1	{ display: block; width: auto; border-bottom: 1px solid #e3e3e3; }
	#header.over #topmenu .ld1 .cd1c1	{ display: none;; }
	#header.over #topmenu .ld1 .cd1 .l1	{ position: relative; height: 53px; line-height: 53px; text-align: left; text-indent: 20px; color: #000; font-size: 16px; font-weight: normal; text-shadow: none; }
	#header.over #topmenu .ld1 .cd1 .l1:focus, #header.over #topmenu .ld1 .cd1 .l1:hover, #header.over #topmenu .ld1 .cd1 .l1:active	{ background-color: transparent; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild.show	{ background-color: #1b2c46; color: #fff; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild:after	{ position: absolute; right: 20px; top: 50%; width: 16px; height: 9px; margin-top: -4px; background: url(../image/header_menu_depth1_arrow_up.png) no-repeat center center; background-size: contain; content: ""; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild.show:after	{ background-image: url(../image/header_menu_depth1_arrow_down.png); }
	
	
	#header.over #topmenu .lb1	{ position: static; width: auto; height: 0 !important; padding: 0; border: 0 none; overflow: hidden; }
	#header.over #topmenu .lb1.show	{ height: auto !important; padding: 10px 0 10px 10px; border: none; background-color: #f9f9f9; overflow: visible; }
	
	#header.over #topmenu .lb1 .ld2	{ min-height: 0; padding: 0; border: 0 none; box-shadow: none; background-color: transparent; }
	
	#header.over #topmenu .ld2 .cd2	{ float: none; width: auto; }
	#header.over #topmenu .ld2 .cd2 .l2	{ position: relative; line-height: 32px; padding: 0; font-size: 16px; text-align: left; color: #333; text-indent: 20px; }
	#header.over #topmenu .over .ld2 .cd2 .l2:before	{ background-color: #1b1b1b; }
	#header.over #topmenu .ld2 .cd2 .l2.hasChild:after	{ position: absolute; right: 20px; top: 0; font-size: 10px; color: #999; text-align: center; content: "▼"; }
	#header.over #topmenu .ld2 .cd2.child_tabmenu .l2.hasChild:after	{ content: none !important; }
	#header.over #topmenu .ld2 .cd2 .l2.hasChild.show:after	{ content: "▲"; }
	#header.over #topmenu .over .lb1 .l2:focus, #header.over #topmenu .over .lb1 .l2:hover, #header.over #topmenu .over .lb1 .l2:active	{ color: #000; }
	
	#header.over #topmenu .lb2	{ display: block; height: 0; overflow: hidden; }
	#header.over #topmenu .lb2.show	{ height: auto; overflow: visible; }
	
	#header.over #topmenu .ld3	{ padding-left: 10px; }
	#header.over #topmenu .ld3 .cd3 .l3	{ position: relative; line-height: 30px; padding-left: 15px; font-size: 16px; color: #666; text-align: left; }
	#header.over #topmenu .ld3 .cd3 .l3:before	{ content: " - "; }
	
	#header.over #topmenu .child_tabmenu > div	{ display: none !important; }
	
	a.target_blank span	{ text-indent: 0; }
}

@media all and (max-width: 374px)
{
	#header.over #GNB aside.top nav ul li a	{ padding: 0 10px; font-size: 14px; }
}








/*
FOOTER
*/
#footer	{ background-color: #23262b; }
#footer aside	{ border-width: 0 0 1px 0; border-style: solid; border-color: #373b42; background-color: #32363e; text-align: right; color: #fff; }
#footer aside .alignbox	{ position: relative; max-width: 1280px; margin: 0 auto; }
#footer aside .alignbox:after	{ display: block; clear: both; content: ""; }
#footer aside ul.link	{ float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul.link li	{ position: relative; float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul.link li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 18px; margin-top: -9px; background-color: #666; content: ""; }
#footer aside ul.link li:first-child:before	{ content: none; }
#footer aside ul.link li a	{ display: block; height: 60px; line-height: 57px; padding: 0 10px; font-size: 15px; color: #959595; }
#footer aside ul.link li a:focus, #footer aside ul.link li a:hover, #footer aside ul.link li a:active	{ color: #fff; text-decoration: underline; }
#footer aside ul.link li:nth-child(1) a	 { color: #a4ebff; }

#footer aside .familysite	{ position: relative; z-index: 99; top: 10px; display: inline-block; width: 220px; max-width: 100%; height: 39px; line-height: 37px; border: 1px solid #373b42; border-radius: 4px; background-color: #23262b; text-align: left; font-size: 15px; }
#footer aside .familysite h3	{ position: relative; height: 39px; padding: 0 50px 0 21px; margin: 0; font-weight: normal; cursor: pointer; font-size: 16px; }
#footer aside .familysite h3.active	{ border-radius: 0; background-color: #f0f0f0; color: #000; }
#footer aside .familysite h3:after	{ position: absolute; right: 0; top: 0; display: block; width: 35px; height: 39px; font-family: serif; font-size: 10px; color: #888; content: "▼"; }
#footer aside .familysite h3.active:after	{ content: "▲"; }
#footer aside .familysite ul	{ position: absolute; right: 0; bottom: 39px; z-index: 9992; min-width: 100%; height: 0; line-height: 39px; padding: 0; margin: 0; list-style: none; box-sizing: border-box; overflow: hidden; background-color: #fff; }
#footer aside .familysite ul.active	{ height: auto; padding: 10px 0; overflow: visible; border-width: 1px; border-style: solid; border-color: #dfdfdf; background-color: #f0f0f0; }
#footer aside .familysite ul li	{ float: none; padding: 0; margin: 0; list-style: none; }
#footer aside .familysite ul li + li.group_name	{ border-top: 1px solid #eee; }
#footer aside .familysite ul li.group_name strong	{ display: block; padding-left: 15px; font-size: 1.2em; }
#footer aside .familysite ul li a	{ display: block; line-height: 18px; padding: 7px 0 7px 21px; color: #1b1b1b; }
#footer aside .familysite ul li a:focus, #footer aside .familysite ul li a:hover, #footer aside .familysite ul li a:active	{ background-color: #666; color: #fff; }
#footer aside .familysite + .familysite	{ border-right: 1px solid #e6e6e6; }


#footer .footer_logo	{ position: relative; max-width: 1280px; margin: 0 auto; }
#footer .footer_logo h3	{ position: absolute; left: 0; top: 33px; width: 150px; height: 65px; margin: 0; background: url(../image/footer_logo.png) no-repeat 0 center / contain; text-indent: -9999px; overflow: hidden; }
#footer address	{ max-width: 1200px; line-height: 22px; padding: 35px 0 35px 150px; margin: 0 auto; box-sizing: border-box; font-style: normal; font-size: 15px; color: #959595; }
#footer address:after	{ display: block; clear: both; content: ""; }
#footer address span.split1	{ display: inline-block; margin: 0 1em; color: #999; }
#footer address span.addr	{ color: #999; }
#footer address span.copyright	{ color: #999; }


@media all and (max-width: 1280px)
{
	#footer aside	{ padding-left: 10px; padding-right: 10px; }
	#footer .footer_logo h3	{ left: 0; }
}

@media all and (max-width: 900px)
{
	#footer aside	{ margin-bottom: 20px; border: 0 none; }
	#footer aside .alignbox	{ height: auto; margin-top: 10px; }
	/*
	#footer aside ul.link	{ float: none; margin: 0 -10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #c8c8c8; }
	#footer aside ul.link:after	{ display: block; clear: both; content: ""; }
	#footer aside ul.link li	{ width: 20%; padding: 0 !important; border-width: 1px 1px 0 0; border-style: solid; border-color: #c8c8c8; box-sizing: border-box; }
	#footer aside ul.link li:before	{ content: none !important; }
	#footer aside ul.link li a	{ height: 36px; line-height: 35px; padding: 0; text-align: center; }
	*/
	#footer aside ul.link	{ float: none; display: flex; margin: 0 -10px; /*border-width: 1px 0; border-style: solid; border-color: #c8c8c8;*/ }
	#footer aside ul.link li	{ flex: 2; float: none; width: auto; /*border-width: 0; border-style: solid; border-color: #c8c8c8;*/ box-sizing: border-box;  }
	/*
	#footer aside ul.link li + li	{ border-width: 0 0 0 1px; }
	*/
	#footer aside ul.link li a	{ height: 36px; line-height: 35px; padding: 0; text-align: center; }
	
	#footer aside .familysite	{ position: relative; top: auto; float: none; width: auto; margin: 10px 0 !important; }
	
	#footer aside .mark	{ position: static; margin: 10px 0 10px 0; }
	#footer aside .mark ul	{ text-align: center; }
	#footer aside .mark ul li	{ float: none; display: inline-block; }
	
	#footer .footer_logo	{ margin-top: 20px; }
	#footer .footer_logo h3	{ position: static; width: 125px; height: 35px; margin: 0 10px; background-size: contain; }
	
	#footer address	{ padding: 10px; text-align: left; font-size: 13px; }
	#footer address span	{ display: block; float: none; line-height: 1.2em; padding: 0; margin: 5px 0; text-align: left; }
	#footer address span.split1	{ display: none; }
	#footer address br	{ display: none; }
}

@media all and (max-width: 768px)
{
	#footer aside	{ padding: 0; border-bottom: 0 none; }
	/*
	#footer aside ul.link	{ width: 100%; margin: 0; border-width: 1px 0 0 0; border-color: #505050; }
	#footer aside ul.link li	{ width: 35%; border-width: 0 0 1px 1px; border-style: solid; border-color: #505050; box-sizing: border-box; }
	#footer aside ul.link li:before	{ content: none; }
	#footer aside ul.link li:nth-child(2)	{ width: 30%; }
	#footer aside ul.link li a	{ display: block; line-height: 20px; padding: 3px; text-align: center; }
	#footer aside ul.link li a	{ display: flex; justify-content: center; align-items: center; }
	*/
	#footer aside ul.link	{ margin: 0; }
	#footer aside ul.link li:nth-child(3)	{ flex: 1; }
	
	#footer aside .familysite	{ margin-left: 10px !important; margin-right: 10px !important; }
}

@media all and (max-width: 425px)
{
	#footer aside ul.link li a	{ font-size: 13px; letter-spacing: -1px; }
}

@media all and (max-width: 425px)
{
	#footer aside ul.link li:nth-child(2)	{ width: 25%; }
	#footer aside ul.link li:nth-child(3)	{ width: 40%; }
}





/*
MAIN
*/
#container.main	{}
#container.main #section,
#container.main #contents	{ position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; }


#container.main .section_1	{ margin: 0 0 50px 0; }
#container.main .align_1	{}


#container.main .main_visual	{ position: relative; height: 475px; }
#container.main .main_visual h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .main_visual p	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/main_visual.jpg) no-repeat center center; text-align: left; text-indent: -9999999px; font-size: 0; overflow: hidden; }
#container.main .main_visual p br	{ display: none; }


#container.main .section_2	{ margin: 50px 0 60px 0; }
#container.main .align_2	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_2:after	{ display: block; clear: both; content: ""; }


#container.main .search	{ position: relative; height: 200px; }
#container.main .search h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .search h3	{ float: left; width: 50%; max-width: 427px; padding: 7px 0 0 0; margin: 0; }
#container.main .search h3.active	{ padding-top: 0; }
#container.main .search h3 a	{ display: block; line-height: 52px; border-width: 0 0 1px 0; border-style: solid; border-color: #fff transparent #b1b1b1 transparent; background-color: #747c98; text-align: center; color: #fff; font-size: 21px; font-weight: normal; }
#container.main .search h3 a:focus, #container.main .search h3 a:hover, #container.main .search h3 a:active	{ background-color: #333; }
#container.main .search h3.active a	{ position: relative; z-index: 3; line-height: 58px; border-width: 1px; border-color: #b1b1b1 #b1b1b1 #fff #b1b1b1; background-color: #fff; color: #252525; font-size: 24px; font-weight: bold; }
#container.main .search h3:nth-child(2) a	{ border-radius: 8px 0 0 0; }
#container.main .search h3:nth-child(4) a	{ border-radius: 0 8px 0 0; }
#container.main .search form	{ position: absolute; left: 0; top: 59px; z-index: 1; width: 100%; height: 141px; line-height: 50px; padding: 45px 27px 0 27px; border: 1px solid #b1b1b1; border-radius: 0 0 8px 8px; box-sizing: border-box; background-color: #fff; }
#container.main .search form.active	{ z-index: 2; }
#container.main .search form fieldset	{}
#container.main .search form fieldset p	{ margin: 0; }
#container.main .search form fieldset p:after	{ display: block; clear: both; content: ""; }
#container.main .search form fieldset label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .search form fieldset input,
#container.main .search form fieldset select	{ display: block; width: 100%; height: 50px; padding-left: 18px; margin: 0; border: 1px solid #8c8c8c; border-radius: 4px; background-color: #fff; vertical-align: top; }
#container.main .search form fieldset input:focus,
#container.main .search form fieldset select:focus	{ background-color: #f0f0f0; }
#container.main .search form fieldset button[type="submit"]	{ display: block; width: 100%; height: 50px; padding: 0; margin: 0; border: 0 none; border-radius: 4px; background-color: #04296c; color: #fff; font-size: 17px; font-weight: normal; vertical-align: top; }
#container.main .search form fieldset button[type="submit"]:focus, #container.main .search form fieldset button[type="submit"]:hover, #container.main .search form fieldset button[type="submit"]:active	{ background-color: #000; }

/*
#container.main .search form#form_lecture fieldset p .input_box	{ float: left; width: calc((100% - 13% - 9px * 4) / 5); }
#container.main .search form#form_lecture fieldset p .input_box:nth-child(4)	{ width: calc((100% - 13% - 9px * 4) / 5 * 2); }
*/
#container.main .search form#form_lecture fieldset p .input_box	{ float: left; width: calc((100% - 13% - 9px * 3) / 6 * 2); }
#container.main .search form#form_lecture fieldset p .button_box	{ float: left; width: 13%; }
#container.main .search form#form_lecture fieldset p > * + *	{ margin-left: 9px; }

/*
#container.main .search form#form_facilities fieldset p .input_box	{ float: left; width: calc((100% - 13% - 9px * 3) / 6 * 2); }
*/
#container.main .search form#form_facilities fieldset p .input_box	{ float: left; width: calc((100% - 13% - 9px * 2) / 4 * 2); }
#container.main .search form#form_facilities fieldset p .input_box:nth-child(2)	{ position: absolute; width: 0; height: 0; overflow: hidden; }
#container.main .search form#form_facilities fieldset p .button_box	{ float: left; width: 13%; }
#container.main .search form#form_facilities fieldset p > * + *	{ margin-left: 9px; }


#container.main .section_3	{ margin: 60px 0; }
#container.main .align_3	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_3:after	{ display: block; clear: both; content: ""; }


#container.main .facilities_info	{ width: 100%; overflow: hidden; }
#container.main .facilities_info h2	{ height: 135px; line-height: 1em; margin: 0; text-align: center; font-size: 43px; font-weight: bold; }
#container.main .facilities_info h2 a	{ color: #1b1b1b; }
#container.main .facilities_info h2 a:focus, #container.main .facilities_info h2 a:hover, #container.main .facilities_info h2 a:active	{ color: #f00; }
#container.main .facilities_info .list	{ position: relative; height: 468px; margin: 0 -26px; }
#container.main .facilities_info .list ul	{ position: relative; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; }
#container.main .facilities_info .list ul li	{ padding: 0; margin: 0; list-style: none; }

#container.main .facilities_info .list .slick-list	{ position: relative; height: calc(100% - 30px); }
#container.main .facilities_info .list .slick-list div	{ position: relative; height: 100%; }

#container.main .facilities_info .list li	{ position: relative; height: 100%; }
#container.main .facilities_info .list li a	{ position: relative; display: block; height: 100%; margin: 0 26px; }
#container.main .facilities_info .list li a:before	{ display: block; padding-top: 119.6428571428571%; background: url(/noimage) no-repeat center center; background-size: 100% 100%; content: ""; }
#container.main .facilities_info .list li a strong	{ display: block; line-height: 32px; margin: 14px 0 0 0; font-size: 22px; font-weight: bold; }
#container.main .facilities_info .list li a span	{ display: block; line-height: 25px; margin: 0; font-size: 16px; font-weight: normal; opacity: 0.8; }
#container.main .facilities_info .list li a em	{ display: block; line-height: 25px; margin: 0; font-size: 16px; font-weight: 500; font-style: normal; }

/*
#container.main .facilities_info .list li a:before	{ background-image: url(../image/main_facilities_info_0.jpg); }
*/
#container.main .facilities_info .list li.item_1 a:before	{ background-image: url(../image/main_facilities_info_1.jpg); }
#container.main .facilities_info .list li.item_2 a:before	{ background-image: url(../image/main_facilities_info_2.jpg); }
#container.main .facilities_info .list li.item_3 a:before	{ background-image: url(../image/main_facilities_info_3.jpg); }
#container.main .facilities_info .list li.item_4 a:before	{ background-image: url(../image/main_facilities_info_4.jpg); }
#container.main .facilities_info .list li.item_5 a:before	{ background-image: url(../image/main_facilities_info_5.jpg); }
#container.main .facilities_info .list li.item_6 a:before	{ background-image: url(../image/main_facilities_info_6.jpg); }
#container.main .facilities_info .list li.item_7 a:before	{ background-image: url(../image/main_facilities_info_7.jpg); }
#container.main .facilities_info .list li.item_8 a:before	{ background-image: url(../image/main_facilities_info_8.jpg); }

#container.main .facilities_info .list .slick-prev	{ position: absolute; left: 50%; top: -82px; width: 51px; height: 50px; line-height: 48px; padding: 0; margin: 0 0 0 -50px; border: 0 none; border-right: 1px solid #cecece; background: #fff url(../image/main_facilities_info_arrow_left.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; font-family: serif; font-size: 40px; color: #666; }
#container.main .facilities_info .list .slick-next	{ position: absolute; left: 50%; top: -82px; width: 51px; height: 50px; line-height: 48px; padding: 0; margin: 0; border: 0 none; border-left: 1px solid #cecece; background: #fff url(../image/main_facilities_info_arrow_right.png) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; font-family: serif; font-size: 40px; color: #666; }
#container.main .facilities_info .list .slick-dots	{ position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; padding: 0; margin: 0; list-style: none; text-align: center; }
#container.main .facilities_info .list .slick-dots li,
#container.main .facilities_info .list .slick-dots div	{ position: static; display: inline-block; height: 15px; padding: 0; margin: 0; list-style: none; vertical-align: top; }
#container.main .facilities_info .list .slick-dots li + *	{ margin-left: 14px; }
#container.main .facilities_info .list .slick-dots li button	{ display: block; width: 15px; height: 15px; padding: 0; margin: 0; border: 0 none; border-radius: 100%; background-color: #c3c3c3; text-align: left; text-indent: -999px; overflow: hidden; }
#container.main .facilities_info .list .slick-dots li button:focus, #container.main .facilities_info .list .slick-dots li button:hover, #container.main .facilities_info .list .slick-dots li button:active	{ background-color: #f00; }
#container.main .facilities_info .list .slick-dots li.slick-active button	{ background-color: #1753d8; }
#container.main .facilities_info .list .slick-dots button.play_stop	{ display: block; width: 20px; height: 15px; padding: 0; margin: 0; border: 0 none; background-color: #fff; font-size: 12px; font-family: serif; color: #252525; }
#container.main .facilities_info .list .slick-dots button.play_stop:focus, #container.main .facilities_info .list .slick-dots button.play_stop:hover, #container.main .facilities_info .list .slick-dots button.play_stop:active	{ background-color: #f00; color: #fff; }


#container.main .section_4	{ margin: 60px 0; }
#container.main .align_4	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_4:after	{ display: block; clear: both; content: ""; }


#container.main .faq	{ width: 100%; overflow: hidden; }
#container.main .faq h2	{ line-height: 1em; margin: 0 0 1em 0; text-align: center; font-size: 43px; font-weight: bold; }
#container.main .faq h2 a	{ color: #1b1b1b; }
#container.main .faq h2 a:focus, #container.main .faq h2 a:hover, #container.main .faq h2 a:active	{ color: #f00; }
#container.main .faq > ul	{ display: table; padding: 0; margin: 0 -12.5px; list-style: none; }
#container.main .faq > ul:after	{ display: block; clear: both; content: ""; }
#container.main .faq > ul > li	{ display: table-cell; position: relative; width: 33.33%; padding: 0; margin: 0; list-style: none; border-width: 0 12.5px; border-style: solid; border-color: transparent; box-sizing: border-box; }

#container.main .faq > ul > li.item_1 > div	{ /*position: absolute;*/ position: relative; width: 100%; height: 100%; padding: 20px 26px 20px 26px; border: 1px solid #dce4e8; border-radius: 10px; box-sizing: border-box; background-color: #f3f9fd; }
#container.main .faq > ul > li.item_1 > div > strong	{ display: block; line-height: 26px; padding: 6px 0 6px 100px; background: url(../image/main_faq_01.png) no-repeat 20px center; font-weight: normal; }
#container.main .faq > ul > li.item_1 > div > strong > span	{ display: block; }
#container.main .faq > ul > li.item_1 > div > strong > span > span	{ font-weight: bold; }
#container.main .faq > ul > li.item_1 > div > ul	{ padding: 0; margin: 15px 0 0 0; list-style: none; }
#container.main .faq > ul > li.item_1 > div > ul > li	{ position: relative; line-height: 18px; padding: 3px 0 3px 22px; margin: 0; list-style: none; font-size: 15px; color: #656565; }
#container.main .faq > ul > li.item_1 > div > ul > li:before	{ position: absolute; left: 0; top: 3px; width: 20px; height: 18px; background: url(../image/main_faq_list.png) no-repeat 0 center; content: ""; }

#container.main .faq > ul > li.item_2 > div	{ position: absolute; width: 100%; height: 100%; padding: 20px 26px 20px 26px; border: 1px solid #dfdbd8; border-radius: 10px; box-sizing: border-box; background-color: #f9f0e7; }
#container.main .faq > ul > li.item_2 > div > strong	{ display: block; line-height: 26px; padding: 6px 0 6px 100px; background: url(../image/main_faq_02.png) no-repeat 20px center; font-weight: normal; }
#container.main .faq > ul > li.item_2 > div > strong > span	{ display: block; }
#container.main .faq > ul > li.item_2 > div > strong > span > span	{ font-weight: bold; }
#container.main .faq > ul > li.item_2 > div > dl	{ line-height: 18px; padding: 0; margin: 15px 0 0 0; list-style: none; font-size: 15px; color: #656565; }
#container.main .faq > ul > li.item_2 > div > dl:after	{ display: block; clear: both; content: ""; }
#container.main .faq > ul > li.item_2 > div > dl > dt	{ position: relative; float: left; clear: both; width: 95px; padding: 3px 0 3px 22px; margin: 20px 0 0 0; list-style: none; font-weight: bold; }
#container.main .faq > ul > li.item_2 > div > dl > dt:before	{ position: absolute; left: 0; top: 3px; width: 20px; height: 18px; background: url(../image/main_faq_list.png) no-repeat 0 center; content: ""; }
#container.main .faq > ul > li.item_2 > div > dl > dd	{ padding: 0; margin: 20px 0 0 0; list-style: none; }
#container.main .faq > ul > li.item_2 > div > dl > dd:after	{ display: block; clear: both; content: ""; }
#container.main .faq > ul > li.item_2 > div > dl > dd > ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#container.main .faq > ul > li.item_2 > div > dl > dd > ul > li	{ position: relative; padding: 3px 0 3px 8px; margin: 0; list-style: none; }
#container.main .faq > ul > li.item_2 > div > dl > dd > ul > li:before	{ position: absolute; left: 0; top: 3px; width: 20px; height: 18px; content: "-"; }
#container.main .faq > ul > li.item_2 > div > dl > dt:nth-child(1),
#container.main .faq > ul > li.item_2 > div > dl > dd:nth-child(2)	{ margin-top: 0; }

#container.main .faq > ul > li.item_3 > div	{ position: absolute; width: 100%; height: 100%; border: 1px solid #dde2d7; border-radius: 10px; box-sizing: border-box; background-color: #f4f9ee; }
#container.main .faq > ul > li.item_3 > div > a	{ position: absolute; width: 100%; height: 100%; display: table; padding: 20px 26px 20px 26px; box-sizing: border-box;}
#container.main .faq > ul > li.item_3 > div > a > span:nth-child(1)	{ position: relative; display: table-cell; width: 60%; }
#container.main .faq > ul > li.item_3 > div > a > span:nth-child(1):before	{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; max-width: 189px; max-height: 167px; background: url(../image/main_faq_03.png) no-repeat center center; background-size: contain; transform: translate(-50%, -50%); content: ""; }
#container.main .faq > ul > li.item_3 > div > a > span:nth-child(2)	{ position: relative; display: table-cell; width: 50%; vertical-align: middle; }
#container.main .faq > ul > li.item_3 > div > a > span > strong	{ display: block; line-height: 1.3em; margin-bottom: 10px; font-size: 23px; font-weight: bold; }
#container.main .faq > ul > li.item_3 > div > a > span > span	{ display: block; line-height: 22px; margin-bottom: 10px; font-size: 15px; letter-spacing: -1px; opacity: 0.8; }
#container.main .faq > ul > li.item_3 > div > a > span > span > span	{ display: block; }
#container.main .faq > ul > li.item_3 > div > a > span > em	{ display: inline-block; line-height: 24px; padding: 0 12px; border-radius: 24px; background-color: #42874a; color: #fff; font-size: 13px; color: #fff; font-style: normal; }


#container.main .notice	{ width: 100%; overflow: hidden; }
#container.main .notice h2	{ line-height: 1em; margin: 0 0 1em 0; text-align: center; font-size: 43px; font-weight: bold; }
#container.main .notice h2 a	{ color: #1b1b1b; }
#container.main .notice h2 a:focus, #container.main .faq h2 a:hover, #container.main .faq h2 a:active	{ color: #f00; }
#container.main .notice .list	{ position: relative; }
#container.main .notice .list:after	{ display: block; clear: both; content: ""; }
#container.main .notice .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .notice .list ul li	{ float: left; width: 32%; padding: 0; margin: 0; list-style: none; }
#container.main .notice .list ul li + li	{ margin-left: 2%; }
#container.main .notice .list ul li.empty	{ line-height: 140px; }
#container.main .notice .list ul li a	{ display: block; padding: 10px; border: 1px solid #c8c8c8; border-radius: 10px; background-color: #fafafa; }
#container.main .notice .list ul li a:focus, #container.main .notice .list ul li a:hover, #container.main .notice .list ul li a:active	{ background-color: #666; color: #fff; }
#container.main .notice .list ul li a br	{ display: none; }
#container.main .notice .list ul li a .category	{ display: inline-block; line-height: 2em; padding: 0 2em; border-radius: 3px; background-color: #747c98; color: #fff; font-style: normal; font-size: 0.8em; }
#container.main .notice .list ul li a .title	{ display: block; height: 2.4em; line-height: 1.2em; margin: 0.5em 0; box-sizing: border-box; font-weight: 500; font-size: 1.2em; overflow: hidden; }
#container.main .notice .list ul li a .title	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
/*
#container.main .notice .list ul li a .content	{ display: block; height: 3.3em; line-height: 1.1em; margin: 0.5em 0; box-sizing: border-box; overflow: hidden; opacity: 0.7; }
#container.main .notice .list ul li a .content	{ display: -webkit-box; -webkit-line-clamp : 3; -webkit-box-orient : vertical; }
*/
#container.main .notice .list ul li a .content	{ display: none; }
#container.main .notice .list ul li a .date	{ display: block; line-height: 1em; text-align: right; font-size: 0.8em; opacity: 0.7; }

#container.main .notice .list a.more	{ position: absolute; right: 0; top: 0; float: left; display: block; width: 32%; height: 100%; padding: 0; margin: 0; border: 1px solid #c8c8c8; box-sizing: border-box; border-radius: 10px; background: #fff url(../image/main_notice_more.png) no-repeat center center; background-size: cover; text-align: center; font-size: 1em; color: #333; }
#container.main .notice .list a.more	{ display: flex; justify-content: center; align-items: center; }
#container.main .notice .list a.more:focus:before, #container.main .notice .list a.more:hover:before, #container.main .notice .list a.more:active:before	{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ""; }
#container.main .notice .list a.more span	{ position: relative; z-index: 2; display: inline-block; line-height: 1em; padding: 10px 20px; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #666; border-radius: 30px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }



#container.main .section_5	{ padding: 50px 0; margin: 60px 0; background-color: #fafafa; }
#container.main .align_5	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_5:after	{ display: block; clear: both; content: ""; }


#container.main .contactus	{}
#container.main .contactus:after	{ display: block; clear: both; content: ""; }
#container.main .contactus > div	{ float: left; width: 220px;  }
#container.main .contactus > div > h2	{ line-height: 105px; margin: 0; font-size: 35px; color: #1b1b1b; font-weight: bold; }
#container.main .contactus > div > p	{ line-height: 20px; margin: 20px 0 0 0; font-size: 15px; color: #1b1b1b; }
#container.main .contactus > div > p strong	{ display: inline-block; margin-bottom: 5px; font-size: 16px; color: #dd5f36; }
#container.main .contactus > ul	{ position: relative; float: right; width: calc(100% - 220px); padding: 0 20px; margin: 0; box-sizing: border-box; }
#container.main .contactus > ul li	{ height: 110px; padding: 0; margin: 0; list-style: none; border: 1px solid #e8e8e8; border-radius: 10px; background-color: #fff; text-align: center; }
#container.main .contactus > ul li	{ display: flex !important; flex-direction: column; justify-content: center; }
#container.main .contactus > ul li strong	{ display: block; line-height: 26px; font-size: 16px; color: #1b1b1b; font-weight: 500; }
#container.main .contactus > ul li a	{ display: block; line-height: 37px; font-size: 30px; color: #2b5be4; font-weight: bold; }

#container.main .contactus .slick-slide	{ padding: 0 5px; box-sizing: border-box; }

#container.main .contactus .slick-prev	{ position: absolute; left: 0; top: 50%; z-index: 2; width: 35px; height: 35px; line-height: 35px; padding: 0; margin: -17px 0 0 0; border: 0 none; border-radius: 100%; background: #fff; color: #000; font-family: serif; font-size: 20px; text-align: left; text-indent: -999px; overflow: hidden; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
#container.main .contactus .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: -2px; content: "<"; }
#container.main .contactus .slick-prev:focus, #container.main .contactus .slick-prev:hover,#container.main .contactus .slick-prev:active	{ background-color: #666; color: #fff; }
#container.main .contactus .slick-next	{ position: absolute; right: 0; top: 50%; z-index: 2; width: 35px; height: 35px; line-height: 35px; padding: 0; margin: -17px 0 0 0; border: 0 none; border-radius: 100%; background: #fff; color: #000; font-family: serif; font-size: 20px; text-align: left; text-indent: -999px; overflow: hidden; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
#container.main .contactus .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 2px; content: ">"; }
#container.main .contactus .slick-next:focus, #container.main .contactus .slick-next:hover, #container.main .contactus .slick-next:active	{ background-color: #666; color: #fff; }


#container.main .section_6	{ padding: 0; margin: 60px 0; }
#container.main .align_6	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_6:after	{ display: block; clear: both; content: ""; }

#container.main .link	{}
#container.main .link h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .link ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .link ul:after	{ display: block; clear: both; content: ""; }
#container.main .link ul li	{ float: left; width: 32%; padding: 0; margin: 0; list-style: none; }
#container.main .link ul li + li	{ margin-left: 2%; }
#container.main .link ul li a	{ display: block; padding: 35px 0 35px 25px; border: 1px solid #eee; border-radius: 10px; background: #f0f0f0 no-repeat calc(100% - 25px) center; background-size: auto 50%; color: #3b3b3b; }
#container.main .link ul li a strong	{ display: block; line-height: 1.1em; font-size: 22px; font-weight: bold; }
#container.main .link ul li a > span	{ display: block; line-height: 1.2em; margin-top: 20px; font-size: 16px; font-weight: normal; }
#container.main .link ul li a > span span	{ display: block; }

#container.main .link ul li:nth-child(1) a	{ border-color: #dce4e8; background-color: #dce4e8; background-image: url(../image/main_link_01.png); }
#container.main .link ul li:nth-child(2) a	{ border-color: #dfdbd8; background-color: #f9f0e7; background-image: url(../image/main_link_02.png); }
#container.main .link ul li:nth-child(3) a	{ border-color: #dde2d7; background-color: #f4f9ee; background-image: url(../image/main_link_03.png); }

#container.main .link ul li a:focus, #container.main .link ul li a:hover, #container.main .link ul li a:active	{ background-color: #666; color: #fff; }



#container.main .section_7	{ padding: 0 10px; margin: 30px 0; }
#container.main .align_7	{ max-width: 740px; margin: 0 auto; }
#container.main .align_7:after	{ display: block; clear: both; content: ""; }


#container.main .member_card	{ padding: 30px 0; border: 1px solid #b1b1b1; border-radius: 8px; background-color: #fff; color: #4e4d4d; }
#container.main .member_card h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .member_card .title	{ line-height: 1em; margin: 0 0 20px 0; text-align: center; font-size: 22px; font-weight: normal; }
#container.main .member_card .title strong	{ color: #1a61c3; font-weight: 500; }
#container.main .member_card .empty	{}
#container.main .member_card .empty p	{ margin: 20px 0; text-align: center; font-size: 16px; }
#container.main .member_card .empty a	{ display: block; width: 75%; line-height: 60px; margin: 0 auto; border-radius: 8px; background: #1a60c1; text-align: center; font-size: 18px; color: #fff; font-weight: normal; }
#container.main .member_card .empty a:before	{ position: relative; top: 5px; margin: 0 1em 0 0; content: url(../image/main_member_card_icon.png); }
#container.main .member_card .mem_card	{ display: block; margin: 20px 0 0 0; }
#container.main .member_card .mem_card .card_barcode	{ display: block; text-align: center; }
#container.main .member_card .mem_card .card_barcode svg	{ display: block; margin: 0 auto; }


.popup_mem_card_big { max-width: calc(100% - 10px); width: 405px; margin: 0 auto; background:#fff;}
.bacordpop_top {height:75px; line-height:75px; position:relative; text-align:center; font-size:25px; color:#fefefe; font-weight:700; background:#274081;}
.bacordpop_top h3	{ margin: 0; }
.bacordpop_top .popup_mem_card_big_close {position:absolute; width:25px; height:25px; top:23px; right:15px;}
.bacordpop_top .popup_mem_card_big_close {cursor:pointer; text-indent:-9999px; background:url(../image/bacordpop_close.png) no-repeat center; background-size:25px; width:25px; height:25px; display:block;}
.bacord_con {padding: 20px 10px; box-sizing:border-box; text-align:center;}
.bacord_con span	{ display: block; line-height: 1em; margin: 0 0 20px 0; text-align: center; font-size: 22px; font-weight: normal; }
.bacord_con span strong	{ color: #1a61c3; font-weight: 500; }
.bacord_con span br,
.bacord_con span + br	{ display: none; }
.bacord_con em	{ display: block; line-height: 1em; margin: 0 0 20px 0; text-align: center; font-style: normal; font-size: 16px; font-weight: normal; }
.bacord_con .card_barcode	{ margin: 0 !important; }

.bacord_con dl dt { padding: 0; margin: 0; font-size:30px; font-weight:700; color:#274081; padding-bottom:20px;}
.bacord_con dl dd { padding: 0; margin: 0; }
.bacord_con dl dd.tt {font-size:20px; font-weight:700; }
.bacord_con dl dd.img {padding-bottom:20px; font-size:40px; text-align: center; }
.bacord_con dl dd.img:before	{ display: inline-block; line-height: 3em; padding: 0 2em; margin-bottom: 20px; border-radius: 5px; background-color: #f0f0f0; color: #000; font-size: 13px; content: "아래의 바코드를 스캐너에 인식시켜 주세요!"; }
.bacord_con dl dd.num {font-size:20px; font-weight:700;}



#container.main .section_8	{ padding: 0; margin: 30px 0; }
#container.main .align_8	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_8:after	{ display: block; clear: both; content: ""; }


#container.main .banner	{}
#container.main .banner h2	{ line-height: 1em; margin: 0 0 1em 0; text-align: center; font-size: 43px; font-weight: bold; }
#container.main .banner .tabmenu	{ display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
#container.main .banner .tabmenu li	{ flex: 1 1 25%; display: flex; align-items: flex-end; height: 60px; padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .banner .tabmenu li a	{ display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; line-height: 1.3; border-width: 0 0 1px 1px; border-style: solid; border-color: #fff transparent #b1b1b1 rgba(0, 0, 0, 0.1); box-sizing: border-box; background-color: #747c98; color: #fff; font-size: 21px; font-weight: normal; }
#container.main .banner .tabmenu li a:focus, #container.main .banner .tabmenu li a:hover, #container.main .banner .tabmenu li a:active	{ background-color: #333; color: #fff; }
#container.main .banner .tabmenu li:nth-child(4n) a,
#container.main .banner .tabmenu li:last-child a	{ border-radius: 0 8px 0 0; }
#container.main .banner .tabmenu li:nth-child(4n + 1) a	{ border-left-width: 0; border-radius: 8px 0 0 0; }
#container.main .banner .tabmenu li a.active	{ position: relative; z-index: 3; height: 58px; border-width: 1px; border-color: #b1b1b1 #b1b1b1 #fff #b1b1b1; background-color: #fff; color: #252525; font-size: 24px; font-weight: bold; }
#container.main .banner .lists	{ position: relative; width: 100%; height: 100%; margin: 20px 0 0 0; }
#container.main .banner .lists .list	{ position: absolute; width: 100%; height: 0; overflow: hidden; }
#container.main .banner .lists .list.active	{ position: static; display: block; width: 100%; height: 100%; overflow: visible; }
#container.main .banner .lists .list h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .banner .lists .list .banner_list	{ position: relative; width: 100%; height: 100%; overflow: hidden; }
#container.main .banner .lists .list .banner_list div	{ position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; }
#container.main .banner .lists .list .banner_list .slick-list	{ width: calc(100% + 10px); margin: 0 -5px; }
#container.main .banner .lists .list .banner_list .slick-slide	{ padding: 0 5px; box-sizing: border-box; }
#container.main .banner .lists .list .banner_list .slick-slide > div	{ position: relative; width: 100%; height: 235px; padding: 56.25% 0 0 0; }
#container.main .banner .lists .list .banner_list .slick-slide > div > div	{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }
#container.main .banner .lists .list .banner_list .item	{ display: block; width: 100%; height: 100%; box-sizing: border-box; }
#container.main .banner .lists .list .banner_list .item img	{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0 none; object-fit: contain; }
#container.main .banner .lists .list .banner_list a.item:focus	{ outline: 0 none; border: 2px solid red; }

#container.main .banner .lists .list .controller	{ display: flex; align-items: center; justify-content: center; line-height: 30px; margin: 10px 0; }
#container.main .banner .lists .list .controller .status	{ font-size: 16px; }
#container.main .banner .lists .list .controller .dots	{ margin: 0 20px; }
#container.main .banner .lists .list .controller .dots ul	{ display: flex; gap: 3px; padding: 0; margin: 0; list-style: none; }
#container.main .banner .lists .list .controller .dots ul li	{ display: none; padding: 0; margin: 0; list-style: none; }
#container.main .banner .lists .list .controller .dots ul li:nth-child(1),
#container.main .banner .lists .list .controller .dots ul li:nth-child(2),
#container.main .banner .lists .list .controller .dots ul li:nth-child(3),
#container.main .banner .lists .list .controller .dots ul li:nth-child(4),
#container.main .banner .lists .list .controller .dots ul li:nth-child(5),
#container.main .banner .lists .list .controller .dots ul li:nth-child(6),
#container.main .banner .lists .list .controller .dots ul li:nth-child(7),
#container.main .banner .lists .list .controller .dots ul li:nth-child(8)	{ display: block; }
#container.main .banner .lists .list .controller .dots ul li button	{ width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #666; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-indent: -9999px; overflow: hidden; }
#container.main .banner .lists .list .controller .dots ul li button:focus, #container.main .banner .lists .list .controller .dots ul li button:hover, #container.main .banner .lists .list .controller .dots ul li button:active	{ background-color: #999; }
#container.main .banner .lists .list .controller .dots ul li.slick-active button	{ border-color: #181818; background-color: #181818; }
#container.main .banner .lists .list .controller > button	{ position: relative; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border-width: 1px; border-style: solid; border-color: #c8c8c8; border-radius: 5px; background-color: #fff; text-align: left; text-indent: -999px; overflow: hidden; font-size: 12px; font-family: serif; color: #1b1b1b; }
#container.main .banner .lists .list .controller > button:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ""; }
#container.main .banner .lists .list .controller > button:focus, #container.main .banner .lists .list .controller > button:hover, #container.main .banner .lists .list .controller > button:active	{ border-color: #666; background-color: #666; color: #fff; }
#container.main .banner .lists .list .controller .prev	{ border-right-width: 0; border-radius: 5px 0 0 5px; }
#container.main .banner .lists .list .controller .prev:after	{ content: "<"; }
#container.main .banner .lists .list .controller .next	{ border-left-width: 0; border-radius: 0 5px 5px 0; }
#container.main .banner .lists .list .controller .next:after	{ content: ">"; }
#container.main .banner .lists .list .controller .playstop	{ border-left: 1px solid #eee; border-right: 1px solid #eee; border-radius: 0; }
#container.main .banner .lists .list .controller .playstop.play:after	{ content: "▶"; }
#container.main .banner .lists .list .controller .playstop.stop:after	{ content: "■"; }
#container.main .banner .lists .list .controller .prev.slick-hidden + .playstop	{ display: none; }


@media all and (max-width: 1280px)
{
	#container.main .main_visual	{ height: 0; padding-top: 37.109375%; }
	#container.main .main_visual p	{ background-size: auto 100%; }
	
	#container.main .facilities_info .list	{ height: auto; }
	#container.main .facilities_info .list ul	{ padding-bottom: 20px; }
}

@media all and (max-width: 1024px)
{
	#container.main .section_1	{ margin-bottom: 30px; }
	#container.main .section_2	{ margin: 30px 0; padding: 0 10px; }
	#container.main .section_3	{ margin: 30px 0; }
	#container.main .section_4	{ margin: 30px 0; padding: 0 10px; }
	#container.main .section_5	{ margin-top: 30px; padding: 20px 10px; }
	#container.main .section_8	{ padding: 0 10px; }
	
	#container.main .facilities_info	{ overflow: visible; }
	#container.main .facilities_info .list	{ margin: 0 0 40px 0; }
	#container.main .facilities_info .list li a	{ padding: 0 10px; margin: 0; }
	#container.main .facilities_info .list li a strong	{ font-size: 20px; }
	
	#container.main .faq h2	{ line-height: 1.1em; margin-bottom: 10px }
	
	#container.main .banner .tabmenu li a	{ font-size: 16px; }
	#container.main .banner .tabmenu li a.active	{ border-left-width: 1px; border-right-width: 1px; font-size: 18px; }
}

@media all and (max-width: 768px)
{
	#container.main .main_visual	{ padding-top: 85.9375%; }
	#container.main .main_visual p	{ background: url(../image/main_visual_m.jpg) no-repeat center center; background-size: auto 100%; }
	
/*
	#container.main .search	{ height: 137px; }
	#container.main .search form	{ height: 90px; }
	/ *
	#container.main .search form#form_lecture fieldset p .input_box:nth-child(1),
	#container.main .search form#form_lecture fieldset p .input_box:nth-child(2),
	#container.main .search form#form_lecture fieldset p .input_box:nth-child(3)	{ width: calc((100% - 9px * 2) / 3); }
	#container.main .search form#form_lecture fieldset p .input_box:nth-child(4)	{ width: calc(100% - 100px - 9px); margin-left: 0 !important; margin-top: 9px; }
	#container.main .search form#form_lecture fieldset p .button_box	{ width: 100px; margin-top: 9px; }
	* /
	#container.main .search h3 a	{ line-height: 40px; font-size: 18px; }
	#container.main .search h3.active a	{ line-height: 46px; font-size: 20px; }
	#container.main .search form	{ top: 47px; }
	#container.main .search form#form_lecture	{ padding-top: 20px; }
	#container.main .search form#form_lecture fieldset p .input_box	{ width: calc((100% - 100px - 9px * 3) / 3) }
	#container.main .search form#form_lecture fieldset p .button_box	{ width: 100px; }
	#container.main .search form#form_facilities	{ padding-top: 20px; }	
	#container.main .search form#form_facilities fieldset p .input_box	{ width: calc((100% - 100px - 9px * 3) / 3) }
	#container.main .search form#form_facilities fieldset p .button_box	{ width: 100px; }
*/
	#container.main .search	{ height: 355px; }
	#container.main .search h3 a	{ font-size: 18px; }
	#container.main .search h3.active a	{ font-size: 20px; }
	#container.main .search form	{ height: 295px; padding: 10px 10px 0 10px; }
	#container.main .search form#form_lecture,
	#container.main .search form#form_facilities	{ padding-top: 35px; }
	#container.main .search form#form_lecture fieldset p .input_box,
	#container.main .search form#form_facilities fieldset p .input_box	{ width: 100% !important; }
	#container.main .search form#form_lecture fieldset p > * + *,
	#container.main .search form#form_facilities fieldset p > * + *	{ margin-left: 0; margin-top: 5px !important; }
	#container.main .search form#form_lecture fieldset p .button_box,
	#container.main .search form#form_facilities fieldset p .button_box	{ width: 100%; margin-top: 5px; }
	
	#container.main .search form fieldset select	{ padding-right: 50px; background: url(../image/main_dropdownbox.png) no-repeat right center; }
	#container.main .search form fieldset button[type="submit"]:before	{ display: inline-block; margin-right: 0.5em; vertical-align: middle; content: url(../image/main_search_glass.png); }

	
	#container.main .facilities_info h2	{ height: 55px; font-size: 25px; }
	#container.main .facilities_info .list li a strong	{ font-size: 18px; }
	#container.main .facilities_info .list .slick-prev	{ left: 50%; top: auto; bottom: -5px; z-index: 2; height: 27px; margin-left: -155px; border-right: 0 none; }
	#container.main .facilities_info .list .slick-next	{ left: 50%; top: auto; bottom: -5px; z-index: 2; height: 27px; margin-left: 105px; border-left: 0 none; }
	
	
	
	#container.main .faq	{ overflow: visible; }
	#container.main .faq h2	{ font-size: 30px; }
	#container.main .faq > ul	{ display: block; margin: 0; }
	#container.main .faq > ul > li	{ display: block; width: auto; border: none; }
	#container.main .faq > ul > li + li	{ margin-top: 10px; }
	#container.main .faq > ul > li.item_1 > div,
	#container.main .faq > ul > li.item_2 > div,
	#container.main .faq > ul > li.item_3 > div	{ position: static; padding: 10px; }
	#container.main .faq > ul > li.item_3 > div > a	{ position: static; padding: 10px; }
	
	
	#container.main .notice h2	{ font-size: 25px; }
	#container.main .notice .list ul li	{ float: none; width: auto; }
	#container.main .notice .list ul li + li	{ margin-left: 0; margin-top: 10px; }
	/*
	#container.main .notice .list a.more	{ position: static; width: 100%; height: 50px; margin-top: 10px; background: #eee; font-size: 1.3em; }
	#container.main .notice .list a.more span	{ border: 0 none; box-shadow: none; background: transparent; }
	*/
	#container.main .notice .list a.more	{ position: relative; width: 100%; height: 115px; margin-top: 10px; font-size: 1.3em; overflow: hidden; }
	#container.main .notice .list a.more:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; }
	#container.main .notice .list a.more span	{ padding: 15px 40px; border-color: #fff; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 18px; }
	
	
	#container.main .section_6	{ display: block; padding: 0 10px; margin: 30px 0 0 0; }
	#container.main .align_6	{}
	#container.main .align_6:after	{ display: block; clear: both; content: ""; }
	
	#container.main .link	{}
	#container.main .link h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
	#container.main .link ul	{ padding: 0; margin: 0; list-style: none; }
	#container.main .link ul li	{ float: none; width: auto; padding: 0; margin: 0; list-style: none; }
	#container.main .link ul li + li	{ margin-top: 10px; margin-left: 0; }
	#container.main .link ul li a	{ display: block; padding: 25px 0 25px 25px; border: 1px solid #eee; border-radius: 10px; background: #f0f0f0 no-repeat calc(100% - 25px) center; background-size: auto 50%; color: #000; }
	#container.main .link ul li a strong	{ display: block; line-height: 1.1em; font-size: 28px; font-weight: bold; }
	#container.main .link ul li a > span	{ display: block; line-height: 1.2em; margin-top: 20px; font-size: 16px; font-weight: normal; }
	#container.main .link ul li a > span span	{ display: block; }
	
	#container.main .link ul li:nth-child(1) a	{ border-color: #dce4e8; background-color: #dce4e8; background-image: url(../image/main_link_01.png); }
	#container.main .link ul li:nth-child(2) a	{ border-color: #dfdbd8; background-color: #f9f0e7; background-image: url(../image/main_link_02.png); }
	#container.main .link ul li:nth-child(3) a	{ border-color: #dde2d7; background-color: #f4f9ee; background-image: url(../image/main_link_03.png); }
	
	#container.main .banner .tabmenu li	{ flex: 1 1 33.33%; }
	#container.main .banner .tabmenu li a	{ line-height: 1; padding: 0 5px; text-align: center; font-size: 14px; }
	#container.main .banner .tabmenu li a.active	{ font-size: 16px; }
	#container.main .banner .tabmenu li:nth-child(4n + 1) a	{ border-left-width: 1px; border-radius: 0; }
	#container.main .banner .tabmenu li:nth-child(3n) a,
	#container.main .banner .tabmenu li:last-child a	{ border-radius: 0 8px 0 0; }
	#container.main .banner .tabmenu li:nth-child(3n + 1) a	{ border-left-width: 0; border-radius: 8px 0 0 0; }
	#container.main .banner .tabmenu li:last-child:nth-child(3n + 1) a	{ border-radius: 8px 8px 0 0; }


	#container.main .banner h2	{ font-size: 25px; }
	#container.main .banner .tabmenu li	{ height: 50px; }
	#container.main .banner .tabmenu li a	{ height: 42px; }
	#container.main .banner .tabmenu li a.active	{ height: 48px; border-left-width: 1px; border-right-width: 1px; }
	#container.main .banner .lists .list .controller .dots ul	{ gap: 2px; flex-wrap: wrap; }
	#container.main .banner .lists .list .controller .dots ul li button	{ width: 15px; height: 15px; }
}

@media all and (max-width: 600px)
{
	#container.main .contactus > div	{ float: none; width: auto; text-align: center; }
	#container.main .contactus > div h2	{ display: inline-block; vertical-align: middle; }
	#container.main .contactus > div > p	{ display: inline-block; margin: 0 0 0 2em; vertical-align: middle; }
	#container.main .contactus > ul	{ float: none; width: auto; }
}

@media all and (max-width: 425px)
{
	#container.main .search	{ height: 335px; }
	#container.main .search form	{ height: 265px; padding: 10px 10px 0 10px; }
	#container.main .search form#form_lecture,
	#container.main .search form#form_facilities	{ padding-top: 25px; }
	#container.main .search form#form_lecture fieldset p .input_box,
	#container.main .search form#form_facilities fieldset p .input_box	{ width: 100% !important; }
	#container.main .search form#form_lecture fieldset p > * + *,
	#container.main .search form#form_facilities fieldset p > * + *	{ margin-left: 0; margin-top: 5px !important; }
	#container.main .search form#form_lecture fieldset p .button_box,
	#container.main .search form#form_facilities fieldset p .button_box	{ width: 100%; margin-top: 5px; }
	
	#container.main .contactus > div > p	{ margin: 0.5em 0 0 0; }
	
	#container.main .link ul li a	{ padding: 20px 0 20px 10px; background-position: calc(100% - 10px) center; }
	#container.main .link ul li a strong	{ font-size: 20px; }
	#container.main .link ul li a > span	{ font-size: 13px; }
}










/*
SUB
*/
#container.sub	{}
#container.sub:before	{ display: block; height: 238px; box-sizing: content-box; background: #293657 url(../image/sub_visual_1.png) no-repeat center center; text-align: center; font-size: 45px; font-weight: bold; color: #fff; content : ""; /*attr(data-menu-name)*/ }
#container.sub:before	{ display: flex; align-items: center; justify-content: center; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

#container.sub .container_align	{ position: relative; max-width: 1280px; margin: 0 auto; }
#container.sub .container_align:after	{ display: block; clear: both; content: ""; }


#container.sub #SUB-GNB,
#container.sub #SUB-GNB *	{ display: none; }
/*
#container.sub #SUB-GNB	{ float: left; width: 230px; margin-top: -100px; }
#container.sub #SUB-GNB ul,
#container.sub #SUB-GNB li	{ padding: 0; margin: 0; list-style: none; }

#container.sub #SUB-GNB .ld1	{}
#container.sub #SUB-GNB .cd1	{}
#container.sub #SUB-GNB .l1	{ display: flex; height: 150px; line-height: 30px; justify-content: center; align-items: center; border-radius: 8px 8px 0 0; background-color: #0b9b97; font-size: 26px; color: #fff; cursor: default; }

#container.sub #SUB-GNB .lb1	{ margin-top: 10px; }

#container.sub #SUB-GNB .ld2	{}
#container.sub #SUB-GNB .cd2	{ margin-bottom: 10px; }
#container.sub #SUB-GNB .cd2.over	{ margin-bottom: 0; }
#container.sub #SUB-GNB .l2	{ position: relative; display: flex; height: 60px; line-height: 19px; padding: 0 19px; justify-content: flex-start; align-items: center; border: 1px solid #0b9b97; font-size: 16px; color: #333; }
#container.sub #SUB-GNB .l2.hasChild	{ padding-right: 40px; }
#container.sub #SUB-GNB .l2.hasChild:after	{ position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; background: url(../image/lnb_depth2_def.png) no-repeat center center; content: ""; transform: translate(0, -50%); }
#container.sub #SUB-GNB .l2:focus, #container.sub #SUB-GNB .l2:hover, #container.sub #SUB-GNB .l2:active	{ background-color: #eee; }

#container.sub #SUB-GNB .l2.over	{ background-color: #0b9b97; color: #fff; }
#container.sub #SUB-GNB .l2.hasChild.over:after	{ background-image: url(../image/lnb_depth2_ovr2.png); }

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

#container.sub #SUB-GNB .ld3	{ padding: 5px 20px; background-color: #f5fafa; }
#container.sub #SUB-GNB .cd3	{}
#container.sub #SUB-GNB .l3	{ position: relative; display: block; line-height: 19px; padding: 8px 0 8px 10px; font-size: 14px; }
#container.sub #SUB-GNB .l3:before	{ position: absolute; left: 0; top: 15px; width: 3px; height: 3px; border-radius: 100%; background-color: #aaa; content: ""; }
#container.sub #SUB-GNB .l3.hasChild	{ position: relative; padding-right: 15px; }
#container.sub #SUB-GNB .l3.hasChild:after	{ position: absolute; right: 0; top: 50%; font-family: serif; font-size: 10px; opacity: 0.5; content: "▼"; transform: translate(0, -50%); }
#container.sub #SUB-GNB .l3.hasChild.over:after	{ content: "▲"; }


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

#container.sub #SUB-GNB .ld4	{ padding: 5px 0; margin-left: 10px; border: 1px solid #ccc; background-color: #f0f0f0; }
#container.sub #SUB-GNB .cd4	{ padding: 0 10px; }
#container.sub #SUB-GNB .l4	{ position: relative; display: block; line-height: 19px; padding: 4px 0 4px 10px; font-size: 14px; }
#container.sub #SUB-GNB .l4:before	{ position: absolute; left: 0; top: 13px; width: 4px; height: 2px; background-color: #aaa; content: ""; }


#container.sub #SUB-GNB .child_tabmenu > div	{ display: none; }
*/


#container.sub #section	{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; }
#container.sub #section section	{}
#container.sub #section section header	{ position: relative; }


#container.sub #section section header .menu_path_box	{}

#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: 52px; top: 100px; 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: 50px; line-height: 50px; 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: #666; }
#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: 50px; overflow: hidden; }
#container.sub #section section header .sub_utility ul.dropdown:before	{ display: block; height: 50px; 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 #c8c8c8; }

#container.sub #section section header .sub_utility ul li a.facebook	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_facebook.png); }
#container.sub #section section header .sub_utility ul li a.twitter	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_twitter.png); }
#container.sub #section section header .sub_utility ul li a.naver	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_naver.png); }
#container.sub #section section header .sub_utility ul li a.kakaostory	{ background-color: #a8a8a8; 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: #666; }
#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: #666; }



#container.sub #section section header h2	{ max-width: 1016px; line-height: 1em; margin: -150px auto 162px auto; text-align: center; font-size: 38px; font-weight: normal; color: #fff; }

#container.sub #section section header .menu_path2	{ position: absolute; left: 0; top: -88px; line-height: 50px; padding: 0; margin: 0; text-align: left; }
#container.sub #section section header .menu_path2 p	{ max-width: 1280px;  margin: 0 auto; }
#container.sub #section section header .menu_path2 p:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .menu_path2 p > strong	{ position: absolute; left: 0; top: 0; font-size: 0; overflow: hidden; }
#container.sub #section section header .menu_path2 p > a	{ float: left; display: block; color: #fff; font-size: 14px; }
#container.sub #section section header .menu_path2 p > a:focus, #container.sub #section section header .menu_path2 p > a:hover, #container.sub #section section header .menu_path2 p > a:active	{ font-weight: bold; text-decoration: underline; }
#container.sub #section section header .menu_path2 p > a.home	{ width: 50px; background: url(../image/sub_menupath_home.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.sub #section section header .menu_path2 p > .split	{ float: left; display: block; margin: 0 0.5em; font-family: serif; color: #828282; }
#container.sub #section section header .menu_path2 p > a.home + .split	{ margin-left: 0; }


#container.sub #section section header .tabmenu	{ max-width: 1280px; margin: 50px auto; }
#container.sub #section section header .tabmenu ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; border: 1px solid #d8dbe1; border-bottom-color: #203b66; box-sizing: border-box; }
#container.sub #section section header .tabmenu ul li	{ display: table-cell; width: 5%; padding: 0; margin: 0; list-style: none; border-left: 1px solid #e5e7ea; box-sizing: border-box; vertical-align: middle; background: none; }
#container.sub #section section header .tabmenu ul li:first-child	{ border-left: 0 none; }
	.tabwidthauto #container.sub #section section header .tabmenu ul li	{ width: auto; }
#container.sub #section section header .tabmenu ul li a	{ display: table; width: 100%; height: 100%; background-color: #f5f9fc; font-size: 18px; color: #263a63; }
#container.sub #section section header .tabmenu ul li a:focus, #container.sub #section section header .tabmenu ul li a:hover, #container.sub #section section header .tabmenu ul li a:active	{ background-color: #f0f0f0; color: #000; }
#container.sub #section section header .tabmenu ul li a.open	{ position: relative; z-index: 2; margin: -1px; border-width: 1px; border-style: solid; border-color: #263a63 #263a63 #fff #263a63; background-color: #fff; color: #263a63; font-weight: bolder; }
#container.sub #section section header .tabmenu ul li a span	{ display: table-cell; height: 66px; line-height: 22px; vertical-align: middle; text-align: center; }
#container.sub #section section header .tabmenu ul li a.open span	{ height: 68px; }

#container.sub #section section header .tabmenu ul + ul	{ display: block; padding: 0 0 0 30px; margin-top: 30px; }
#container.sub #section section header .tabmenu ul + ul li	{ display: inline-block; width: auto; border: 0 none; }
#container.sub #section section header .tabmenu ul + ul li a	{ display: inline-block; width: auto; height: auto; margin-right: 30px; }
#container.sub #section section header .tabmenu ul + ul li a:focus, #container.sub #section section header .tabmenu ul + ul li a:hover, #container.sub #section section header .tabmenu ul + ul li a:active	{ background-color: transparent; color: #2657a7; }
#container.sub #section section header .tabmenu ul + ul li a.open	{ background-color: transparent; color: #2657a7; font-weight: 500; }
#container.sub #section section header .tabmenu ul + ul li a span:before	{ display: inline-block; width: 10px; font-weight: bold; content: "·"; }

#container.sub #section section header .tabmenu ul.child_count_5_over,
#container.sub #section section header .tabmenu ul.child_count_10_over	{ display: block; border-top: 0 none; }
#container.sub #section section header .tabmenu ul.child_count_5_over:after,
#container.sub #section section header .tabmenu ul.child_count_10_over:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .tabmenu ul.child_count_5_over li,
#container.sub #section section header .tabmenu ul.child_count_10_over li	{ display: block; float: left; width: 20%; border-top: 1px solid #e5e7ea; }



@media all and (max-width: 1024px)
{
	#container.sub #SUB-GNB,
	#container.sub #SUB-GNB	 *	{ display: none !important; background: none !important; }
	
	#container.sub #section	{ float: none; width: auto; margin-left: 10px; margin-right: 10px; }
	
	#container.sub #section section header .menu_path2	{ left: 0; }
}

@media all and (max-width: 900px)
{
	#container.sub #section section header .tabmenu	{ margin: 20px 5px 30px 5px; }
	#container.sub #section section header .tabmenu ul	{ display: block; border-width: 0 1px 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 0; border-style: solid; border-color: #e5e7ea; box-sizing: border-box; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1),
	#container.sub #section section header .tabmenu ul li:nth-child(3n+2)	{ border-right-width: 1px; }
	#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%; 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: 40px; line-height: 20px; padding: 0 5px; box-sizing: border-box; text-align: center; vertical-align: middle; overflow: hidden; }
	#container.sub #section section header .tabmenu ul li a.open span	{ height: 40px; }
	#container.sub #section section header .tabmenu ul li a span:before	{ margin-left: 10px; }
}

@media all and (max-width: 768px)
{
	#container.sub:before	{ height: 150px; }
	#container.sub #section section header h2	{ margin-top: -100px; margin-bottom: 85px; font-size: 25px; }
	
	#container.sub #section section header .menu_path2	{ left: -10px; top: -50px; width: calc(100% + 20px); }
	#container.sub #section section header .menu_path2 p > a	{ font-size: 12px; }
	
	#container.sub #section section header .sub_utility ul	{ top: 50px; }
	#container.sub #section section header .sub_utility ul li a.print	{ display: none; }
}

@media all and (max-width: 600px)
{
	#container.sub #section section header .tabmenu ul	{ border-width: 1px 0 0 1px; border-style: solid; border-color: #c1c1c1; }
	#container.sub #section section header .tabmenu ul li	{ width: 50% !important; margin-bottom: 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #c1c1c1; }
	#container.sub #section section header .tabmenu ul li:before	{ content: none !important; }
}

@media all and (max-width: 425px)
{
	#container.sub #section section header .menu_path2	{ line-height: 20px; }
	#container.sub #section section header .menu_path2 p	{ padding: 15px 0; }
	#container.sub #section section header .menu_path2 p > a.home	{ height: 21px; }
}




/*
내용
*/
.contents .pagemaker a.button	{ line-height: 2em; padding-left: 1em; padding-right: 1em; font-size: inherit; }

.contents .pagemaker a.button.link	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+ElEQVQ4T6XTPUpDQRTF8V8ESSt2UVKJgr2QRkGj2xAbF6DYiHtQCAQs7Oy0cQOiwSptRK3cgFbpBBWUCyM8H3kfkGkezDv3P+fMvdNQf11iNycfNzCHM6xjpoC3iSbu0c5qAnCDeZziswBwl/5t4CEP+MIaRhVpFpOD5TzgB7H5WgJYwCDpXrCPq4gTEaoA+eIu3rCE4ypAFMfFreAZUfxeN0Ir2S4sDlCZg1ts4yl94+QevnH056IMsJrmYy9ju58AB3UAk5oyEfCBLQxrTPV1avdJ1sE5dnBRMomhj7ZF/zt4zAJmcVjxFkI/RkT45zQucao1NeAXNjI8l8UNXKwAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.hwp	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaElEQVQ4T5WTz4qCUBTGNQzCN5gapnmgNiG5dFUbXRhuo1JELLV/u6KNIi0Dn6UXmGK6PkIL0xyOzM0u1eQcuNxzj9wf3/3OkaZ+w7btgGXZFI5JkmTrcrlcd5ynaZrVwjDcrdfrIX0DCNvt9lupVMKlpzvAptNpoOt68wpwXffA8/wHy7JPL0ZRlH2L45gyTZMELJfLb0EQ3hmGeakAAOPxONA0LVfgOA4SRbH6lwJMPp1OlGVZgaqqOWC73X41Go3Poh6AgsFgQCrodrvVR08A024DzuBBv9/PAYvF4tjpdGpFPZhMJiTA87xDq9Uq3IXZbBb0er1cgWVZSFGUKgzKq6BpOusCAdhsNnue5+vlcvnVfep8PlOj0Yh8wnw+P4qiWPuPAsJE27aRJEkP5wBPIJYGg+Q4DtlG3/f3HMfVi3bhDmCaJpJlubCJdwDDMIJKpZKCB3hwIMeeQA3n8DsjhHar1Wr4A4QO6BFJ42KkAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.excel	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABjElEQVQ4T6WSPWsUURSGn/fOZnfWaErBYKM/IIUhhB2TFMHGMpBCsDeNVjvrV5VyJeMHWBnyB2z9ARLJrB9FIFpaiI2NhayC7I7ZuUdmiJAFN8vqrc7lnvPw3oejML5s/MdRAfD4dw7tTsbRKrBQAsAe9JPXdycB1FpRIlNzGLCJC38uL2Mmj779SvY+FNBTzWjBy00jy/tbnRSwvwOAMI7aoDvgM/PBnAKdw3z5PUn3eltpu6hHArgxP1Wdqe453KJhqWSzmLso8aI33VljE38yoEyxcgHyA2Cm9CL/KTyszXef7Hb/eBqd4KijHjeeGu5meTVt9B+m28clnwgIm9EKspfggmIoh6+V3F/qPX7zZWyC+u3F8wNf2Q/gLPDMG3NONAof2Y9sle39w9EObl2tVWvdV6VA4yA7M9UIvw9mCfL34E4bJFnSaY0E1OOlNY9dL2N63c8epR+Lst6M1r10DWSqDFr99tvPYyWO28phgPEcaWfc0PF3gw1h60erPMnocK/CeOnKv4/Db3fr4Lcf/gKEAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.pdf	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXElEQVQ4T6XTvUsCcRwG8Of309NDw6tO+geEXsjKpIgKKSR6I1obClxsaGlrbLghxKGCbCmirQaHhoZAoheyxaXBQHAQImi5CPKNzjvPi4IE84XOvvvz+cIDDxEXxjT840gjwMB3QH0TG/J1AWrjYPWtofjyjI+z07pIXYAZGILJNQwUFeRPjvQDRkcXrCurKNxfQ7q60A98JdoPw8gEN1FMJZsDuK0QpPMwCrGofoD1zgGEgOl3I3+8j1L6vSZSu0RKwQk7yIWCMDo6YVnyQbqJQMtloaSSUJ9SZawKoC02WP3rMNjtUF9FKIk4UFJh9kxBuo2A6XaicHcJJfH4jVQATE8f2JlF0DYemW0BWiZd/kS5VliW/VDiDzC5R5DdC1QCjHMQ7OQ0KG9HWtioXRo1wjw+ATkWhSbLv4BeF8weL3IHu4D293lUdkCIrnBVB82Mkojzo7PNBH8yn3vqiEcSFZ4EAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.zip	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADbklEQVQ4T03TbWxTVRgH8P+9d7e3xe42Y5uG4Na1WzO2CUOjBgFJICOIGYl+YDEDJkGcQcwWDURNjPGLZiaiIQoxiDURPzCDIjoMQbI3B4R0ZemA7HYra9fNsXXD9a7tPW3vyzG9lyWe5JycL//fOU/yPAwere5fepqWknJr7+AN5+G2Fue2zc85ksllZLMEhBAQRYFCsrgZDI2SrO7/+IOOUCHKFI5vz/zYW1JWun0+sYDT3/2Ezz56F3uadyIxn0AmkwJRCEiWQNc0XPj9KjjeYSiE/HD6q08Pm0DnsQ/JU+s32imlGB4ehqu4GILAI69q0FQVqqpC1w1wLIN4fBprq7yIRyOTPRfPV5vA0c7jcn3DBhEMg3w+D5LLQSE5GJoGw6AwqAFKDbAcj8W5GRTZ7JiajEhXei7UmUD70ffkdQ3rRZ7jkCkEDQO6rkHXdGiaAQMUBgCOZTE7HQMDDrHYhNR75ZIFHHqrQ17X0Cgm5v7BeHjcfJEvEqAQBaqugxMEsCWrwbAcBGUZ4mMuxGMRaeCvPyyg7Y235dq6DeKNwWt4/3gHvFUe9PX1YcvWF8HxRbjcP4D5A/tRCuDcjt2o9tVjJjwmDfX/aQGtbe2y11cv3g0FcM7/DS7+dgnR6BTsDjv2HTwIhbK4+0Q5KgC8ueNleNw+zE6MSbeGrlrA3tZDsru6VhwbDeLE55+gu/tnLCwsIhqL4bXXD6D26ech1XhQCeDI1iZ43T7MTYal4M1eC3ilpU2ucNeId0IBnD11Av8uLZkt4vf78cXJkxgKjiC8eRNqALyz8QWzhIVYRAoFBiyg+dV98lq3V7wduI4zp75EWVk5MoqCVCoFpyhiUV4GOz6OTDqF9q/PorLCg4cPpqV7I9ctYFdzi7zmSY8o3RvBr+e/B8uw0AwDDMOafVFZVYVYYg6R+1F0HjmG4tWPY3nxgRS+c8sCtmzfLZeUrRGnJiWMBgYBhlsZEQB0peMxMxPHpm0vwekqRzaTlKYmRi3AV9eY5W0OIZ2S8ewzjbALNhjUioJSc2I4ljPL6uv/G0W8HXktdz/9cLbGBFyu0qamXTs9Xo+nhOd5p822ysHz3CqWZW0MSzmqg+Z1Tc3lcnmGUjmdlpMOQQh2dXX1m8D/F6XUBsDxaBfuhXoKn1EBZAEQhmGUlcx/wuiPIFcN3gAAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.txt	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaElEQVQ4T5WTz4qCUBTGNQzCN5gapnmgNiG5dFUbXRhuo1JELLV/u6KNIi0Dn6UXmGK6PkIL0xyOzM0u1eQcuNxzj9wf3/3OkaZ+w7btgGXZFI5JkmTrcrlcd5ynaZrVwjDcrdfrIX0DCNvt9lupVMKlpzvAptNpoOt68wpwXffA8/wHy7JPL0ZRlH2L45gyTZMELJfLb0EQ3hmGeakAAOPxONA0LVfgOA4SRbH6lwJMPp1OlGVZgaqqOWC73X41Go3Poh6AgsFgQCrodrvVR08A024DzuBBv9/PAYvF4tjpdGpFPZhMJiTA87xDq9Uq3IXZbBb0er1cgWVZSFGUKgzKq6BpOusCAdhsNnue5+vlcvnVfep8PlOj0Yh8wnw+P4qiWPuPAsJE27aRJEkP5wBPIJYGg+Q4DtlG3/f3HMfVi3bhDmCaJpJlubCJdwDDMIJKpZKCB3hwIMeeQA3n8DsjhHar1Wr4A4QO6BFJ42KkAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.mp3	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA8UlEQVQ4T7XTsSuFYRTH8c/NYr2zKCu7RcoiRgOFTQaLUXR3ScI/YDRQzHRXDP4BNiuT8gdQOrfz1tvb+7pxOeNzzvP9/c7v6WkZsFoD3lcHaGMXU/hMgSE84BDvZdEqYBSn2Mdtxd0sOljHS9GrAs6wg9eG1Uawl5DeSBkwhq0EfBfNEY4LkTJgEcO46BPsWuZwXXWwgg9c9QEsZb83V3bwa0Akf4BxnCCeMV6irjbxljk9YzschPJ5Ti8jLMZZXYXtyOiymP8TwAJukjiHDaw2OAjlWK+b/fkixOkM9B4TeGoATOIRM9m/+5fP9KMP+gXB5i0aqbxrlgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.mp4	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAl0lEQVQ4T+XSPQ5BYRCF4ecmfgodlaioxBZQqlUSi2ANFJRsQ3I1NsES2A3yJZ9EIVzu7Uw9886ZOSeRs5Kc8woBVLFC+4OaCxa4xr4W6kHBGIeMpwxwxBB7zAJgil1GwAhdbFHG5BdAUFuLC/8V0MMGpccTv7Gxj1O0McU8uFDBEp03Vt5wxvopSE00Colyxgy9bsut4A5IEhwK9UkRpwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.mv	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYklEQVQ4T6WTv0tCURzFz/e+DGzJbAtNqEHFZxBGEEVr7RXtDdEWuNsSBO1lDf0BESjREIg4RKCLNiRBP7BoS4Ksl9rj5bvfUBezdPDd9Z7vh/M991yCxUMW52EdkA2FbEN6eRuEBWZyMEu7EMIuGTZBUqk7lBBSAAYkdAAVUvAuJcfHb+52qKB6NwA66GkVxjIVVP8JwCvtALb1V+nbGOgGZpZ7dK/6LxXwXLtwJHaahvZZewmHA7L0OvwfSAIxegz6rpgx2S5wnZ1nbB7PjDTNylcykS1GItNk6PZWHQMJegj4rgUh2AnQCNE0NS0azZeODmd/6ZhTXR0obveUnstliuHNCWgfjj851R0UVN8FgPn2y8G19XQ5lRw1n59cnYJsZqB6jxm02tMzEvat9QBYonoTnUZ1i2u8SASnFNIugH5m0ddwRc26S8gaAENAqZjgN4UQH8vf7lr/Cz3t3jL0A+Yhkg8nxyDyAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }





#container.sub #section section #contents	{ width: 100%; height: 100%; max-width: 1016px; margin: 50px auto; overflow: hidden; }
#container.sub #section section #contents:after	{ display: block; clear: both; content: ""; }


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



.contents .indent1	{ margin-left: 20px !important; }
.contents .indent2	{ margin-left: 40px !important; }
.contents .indent3	{ margin-left: 60px !important; }
.contents .indent4	{ margin-left: 80px !important; }
.contents .indent5	{ margin-left: 100px !important; }

.contents table.indent1	{ width: calc(100% - 20px) !important; }
.contents table.indent2	{ width: calc(100% - 40px) !important; }
.contents table.indent3	{ width: calc(100% - 60px) !important; }
.contents table.indent4	{ width: calc(100% - 80px) !important; }
.contents table.indent5	{ width: calc(100% - 100px) !important; }


.contents h3	{ clear: both; line-height: 2em; padding: 0 0 0 25px; margin: 50px 0 20px 0; background: url(../image/title_01.png) no-repeat left  0.8em; font-size: 1.3em; color: #1b1b1b; font-weight: bold; }
.contents h4	{ clear: both; line-height: 2em; padding: 0 0 0 25px; margin: 35px 0 20px 29px; background: url(../image/title_02.png) no-repeat left center; font-size: 1.2em; font-weight: 500; color: #1b1b1b; }
.contents h5	{ position: relative; clear: both; line-height: 2em; padding: 0 0 0 17px; margin: 20px 0 20px 40px; background: url(../image/title_03.png) no-repeat left center; font-size: 1.1em; font-weight: 500; color: #1b1b1b; }
.contents h5:before	{ content: none; }

.contents h3 + h4	{ margin-top: 0; }
.contents h4 + h5	{ margin-top: 0; }



.contents .icon_address	{ background-image: url(../image/icon_address.png); }
.contents .icon_subway	{ background-image: url(../image/icon_subway.png); }
.contents .icon_bus	{ background-image: url(../image/icon_bus.png); }
.contents .icon_tel	{ background-image: url(../image/icon_tel.png); }
.contents .icon_fax	{ background-image: url(../image/icon_fax.png); }

.contents .icon_car2	{ background-image: url(../image/icon_car2.png); }
.contents .icon_park2	{ background-image: url(../image/icon_park2.png); }

.contents .traffic_info,
.contents .traffic_info *	{ font-size: 18px !important; }
.contents .traffic_info strong	{ font-weight: 600; color: #000; }
.contents .traffic_info em	{ font-weight: normal; font-style: normal; color: #347cc1; }


.contents .proc_kakao_map_print	{ font-size: 13px; font-style: normal; color: #000; }




.contents table	{ border-width: 2px 0 1px 0; border-color: #347cc1 transparent #dddee0 transparent; }
.contents table thead tr	{ border-bottom: 1px solid #dddee0; }
.contents table thead tr th	{ line-height: 25px; padding: 12px 0 12px 0; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; background-color: #f9f9f9; color: #4e4e4e; font-weight: 600; text-align: center; }
.contents table thead tr > *:last-child	{ border-right-width: 1px; }
.contents table thead tr:nth-child(2) th,
.contents table thead tr:nth-child(2) td	{ background-color: #fafafa; }
.contents table tbody tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table tbody tr th,
.contents table tbody tr td	{ line-height: 25px; padding: 12px 5px 12px 5px; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; color: #4e4e4e; }
.contents table tbody tr th	{ background-color: #fff; text-align: center; font-weight: 600; }
.contents table tbody tr > *:last-child	{ border-right-width: 1px; }
.contents table tbody tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table tfoot tr th,
.contents table tfoot tr td	{ line-height: 25px; padding: 12px 5px 12px 5px; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; background-color: #fafafa; color: #4e4e4e; }
.contents table tfoot tr th	{ text-align: center; font-weight: 600; }
.contents table tfoot tr > *:last-child	{ border-right-width: 1px; }

.contents table.table_content tbody tr th	{ background-color: #fafafa; color: #4e4e4e; font-weight: 600; text-align: center; }


.contents table.no_thead tbody tr th	{ background-color: #fafafa; color: #4e4e4e;  }




.contents .vr_button	{ display: inline-block; width: 200px; line-height: 40px; background-color: #2657a7; border-radius: 5px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; }


.contents .auto_image_gallery_title	{ position: relative; float: left; width: 50%; height: 380px; padding: 0 40px; margin: 0 0 50px 0 !important; box-sizing: border-box; background-color: #f6f6f6; color: #000; overflow-y: auto }
.contents .auto_image_gallery_title:after	{ content: none; }
.contents .auto_image_gallery_title strong	{ display: block; width: 100%; line-height: 40px; padding-top: 70px; box-sizing: border-box; font-size: 28px; color: #000; vertical-align: middle; }
.contents .auto_image_gallery_title span	{ display: block; width: 100%; line-height: 25px; padding-top: 20px; font-size: 18px; vertical-align: middle; }
.contents .auto_image_gallery_title > br	{ display: none; }
.contents .auto_image_gallery_title em	{ display: block; width: 100%; line-height: 25px; padding-top: 30px; font-size: 18px; font-style: normal; color: #000; vertical-align: middle; }
.contents .auto_image_gallery	{ position: relative; float: left; width: 50%; height: 380px; margin: 0 0 50px 0 !important; }
.contents .auto_image_gallery img	{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 0 none; }
.contents .auto_image_gallery .in_title	{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 60px; line-height: 60px; padding: 0 0 0 20px; box-sizing: border-box; background-color: #353535; color: #fff; font-size: 16px; }
.contents .auto_image_gallery .in_left	{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 45px; height: 60px; line-height: 60px; margin-right: 135px; text-align: center; color: #fff; font-size: 17px; font-weight: bold; }
.contents .auto_image_gallery .in_right	{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 45px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 17px; font-weight: bold; }
.contents .auto_image_gallery .in_statee	{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 90px; height: 60px; line-height: 60px; margin-right: 45px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; }
.contents .auto_image_gallery .in_statee strong	{ color: #fff; }
.contents .auto_image_gallery .in_statee em	{ color: #fff; font-weight: normal; font-size: 16px; }
.contents .auto_image_gallery .in_statee span	{ display: inline-block; padding: 0 10px; }


@media all and (max-width: 1024px)
{
	.contents  table tbody tr td input,
	.contents  table tbody tr td select,
	.contents  table tbody tr td textarea	{ max-width: 100%; }
}

@media all and (max-width:1280px)
{
	.contents .table_box	{ display: block; width: 100%; overflow: hidden; overflow: auto; }
	
	.contents .auto_image_gallery	{ position: relative; float: none !important; width: auto; width: auto; max-width: 600px; height: 0; padding-top: 61.666%; margin: 0 auto !important; }
	.contents .auto_image_gallery_title	{ float: none !important; width: auto; height: auto; padding: 20px !important; margin: 0 !important; }
	.contents .auto_image_gallery_title strong	{ height: auto; line-height: 33px; padding: 17px 0; font-size: 24px; }
	.contents .auto_image_gallery_title span	{ width: auto; height: auto; line-height: 20px; padding: 0 0 20px 0; font-size: 13px; }
	.contents .auto_image_gallery_title em	{ font-size: 13px; }
	
	.contents .auto_image_gallery .in_title	{ padding-right: 70px; padding-left: 10px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.contents .auto_image_gallery .in_left	{ width: 30px; height: 30px; line-height: 30px; margin-right: 30px; }
	.contents .auto_image_gallery .in_right	{ width: 30px; height: 30px; line-height: 30px; }
	.contents .auto_image_gallery .in_statee	{ bottom: 30px; width: 60px; height: 30px; line-height: 30px; margin-right: 0; font-size: 12px; }
	.contents .auto_image_gallery .in_statee span	{ padding: 0 5px; }
	.contents .auto_image_gallery .in_statee em	{ font-size: 13px; }
}


.contents a.download	{ position: relative; display: inline-block; line-height: 40px; padding: 0 20px 0 61px; margin-left: 30px; background: #347cc1 url(../image/icon_download.png) no-repeat 8px center; color: #fff; font-size: 18px; white-space: nowrap; }
.contents a.download:before	{ position: absolute; left: 39px; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5); content: ""; }
.contents a.download:focus, .contents a.download:hover, .contents a.download:active	{ background-color: #666; }

@media all and (max-width:1280px)
{
	.contents a.download	{ line-height: 26px; padding-top: 7px; padding-bottom: 7px; margin: 0 auto; white-space: normal; text-align: left; }
}

.contents p.msgbox	{ padding: 20px 30px 30px 30px; border: 1px solid #e7e7e7; background-color: #fafafa; color: @666; }
.contents p.msgbox strong	{ display: inline-block; line-height: 44px; font-size: 1.1em; color: #000 !important; }




/* 라운드 제목 내용 */
.contents .in_round_title	{ position: relative; min-height: 40px; line-height: 25px; padding-left: 120px; padding-top: 6px; box-sizing: border-box; }
.contents .in_round_title .round_title	{ position: absolute; left: 0; top: 0; min-width: 95px; line-height: 40px; border-radius: 18px;  box-sizing: border-box; text-align: center; background-color: #2657a7; color: #fff; font-weight: 500; }
.contents .in_round_title strong	{ color: inherit;  box-sizing: border-box; }

.contents .in_round_title.size100	{ height: 100px; min-height: 100px; padding-left: 120px; }
.contents .in_round_title.size100.oneline	{ padding-top: 20px; }
.contents .in_round_title.size100 .round_title	{ width: 100px; height: 100px; line-height: 100px; border-radius: 100px; }

.contents .in_round_title.size200	{ padding-left: 230px; min-height: 60px; }
.contents .in_round_title.size200.oneline	{ padding-top: 20px; }
.contents .in_round_title.size200 .round_title	{ min-width: 200px; line-height: 70px; border-radius: 33px; }

.contents .in_round_title.table	{ display: table; width: 100%; }
.contents .in_round_title.table > span	{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

@media all and (max-width: 500px)
{
	.contents .in_round_title	{ padding-left: 0 !important; }
	.contents .in_round_title .round_title	{ position: static; display: block; margin-bottom: 15px; }
}



/* 역대 시장 */
.contents .history_ceo	{ position: relative; float: left; width: 32%; padding: 1px; margin: 0 1% 30px 1% !important; border-width: 2px 1px 1px 1px; border-style: solid; border-color: #347cc1 #dddee0 #dddee0 #dddee0; box-sizing: border-box; background-color: #fff; overflow: hidden; }
.contents .history_ceo:nth-child(3n+1)	{ margin-left: 0 !important; }
.contents .history_ceo:nth-child(3n+3)	{ margin-right: 0 !important; }
.contents .history_ceo:before	{ position: absolute; left: 2%; top: 350px; width: 96%; height: 100%; background-color: #f9f9f9; content: ""; }
.contents .history_ceo:after	{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; padding-top: 2%; background-color: #fff; content: ""; }
.contents .history_ceo > img	{ display: block; width: 210px; height: 260px; margin: 28px auto 0 auto; border: 0 none; }
.contents .history_ceo > h4	{ height: 60px !important; line-height: 60px !important; padding: 0 !important; margin: 0 !important; text-align: center; font-size: 1.1em; color: #2657a7; background: none !important; }
.contents .history_ceo > h4:before	{ content: none !important; }
.contents .history_ceo > div	{ position: relative; z-index: 2; padding: 27px 30px 30px 30px; }
.contents .history_ceo > div > h5	{ height: 30px !important; line-height: 30px !important; padding: 0 !important; margin: 0 !important; text-align: left; font-size: 1em; color: #000; background: none !important; }
.contents .history_ceo > div > h5:before	{ content: none !important; }
.contents .history_ceo > div > p	{ margin-top: 0; }

@media all and (max-width: 1199px)
{
	.contents .history_ceo	{ width: 48%; }
	.contents .history_ceo:nth-child(3n+1)	{ margin-left: 1% !important; }
	.contents .history_ceo:nth-child(3n+3)	{ margin-right: 1% !important; }
}

@media all and (max-width: 799px)
{
	.contents .history_ceo,
	.contents .history_ceo:nth-child(3n+1),
	.contents .history_ceo:nth-child(3n+3)	{ float: none; width: auto; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
}


/* 설립배경 및 연혁 */
.contents h3.history	{ position: absolute; width: 190px !important; height: 70px !important; line-height: 70px !important; padding: 0 !important; margin: 0 30px 0 0 !important; background: #347cc1 none !important; text-align: center; color: #fff; font-size: 1.2em; }
.contents ul.history	{ padding: 20px 0 0 220px; margin: 0 0 50px 0; list-style: none; }
.contents ul.history li	{ position: relative; padding: 7px 0 7px 115px; background: none; }
.contents ul.history li strong	{ position: absolute; left: 0; top: 7px; color: #000; }
.contents ul.history li:before	{ position: absolute; left: 105px; top: 17px; width: 2px; height: 2px; background-color: #666; content: ""; }
.contents ul.history li:after	{ display: inline-block; width: 1px; height: 1em; content: ""; }
@media all and (max-width: 700px)
{
	.contents h3.history	{ position: static; }
	.contents ul.history	{ padding-left: 20px; }
}


@media all and (max-width:1280px)
{
	.kntool_popup_layerpopup	{ left: 0 !important; max-width: 100% !important; height: auto !important; }
	
	body	{ min-width: 320px; }
	
	#container.sub #section section #contents	{ margin: 40px 0; }
	
	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; }
	
	*	{ -webkit-text-size-adjust: none; }
	
	body	{ font-size: 16px; }
	
	#body	{ min-width: 100%; }
	
	
	
	
	
	
	
	.contents .indent1	{ margin-left: 0 !important; }
	.contents .indent2	{ margin-left: 0 !important; }
	.contents .indent3	{ margin-left: 0 !important; }
	.contents .indent4	{ margin-left: 0 !important; }
	.contents .indent5	{ margin-left: 0 !important; }
	
	.contents table.indent1	{ width: 100% !important; }
	.contents table.indent2	{ width: 100% !important; }
	.contents table.indent3	{ width: 100% !important; }
	.contents table.indent4	{ width: 100% !important; }
	.contents table.indent5	{ width: 100% !important; }


	.contents h3,
	.contents h4,
	.contents h5,
	.contents h6	{ margin-left: 0; }
}

@media all and (max-width: 768px)
{
	body	{ font-size: 14px; }
}



/*
정보제공부서
*/
#contents .manager_info	{ padding: 11px 12px; margin-top: 50px; border: 1px solid #ececec; background-color: #fafafa;  }
#contents .manager_info:after	{ display: block; clear: both; content: ""; }
#contents .manager_info h3	{ position: relative; float: left; height: 28px; line-height: 28px; padding: 0 16px 0 9px; margin: 0 25px 0 0; background: #677276; font-size: 16px; color: #fff; font-weight: normal; }
#contents .manager_info h3:before	{ position: absolute; right: -20px; border-width: 14px 0 14px 20px; border-style: solid; border-color: transparent transparent transparent #677276; content: ""; }
#contents .manager_info h3:after	{ position: absolute; right: -4px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 8px; background-color: #fff; content: ""; }
#contents .manager_info dl	{ float: left; line-height: 28px; padding: 0; margin: 0; list-style: none; }
#contents .manager_info dl dt	{ position: absolute; width: 0; height: 0; padding: 0; margin: 0; list-style: none; font-size: 0; overflow: hidden; }
#contents .manager_info dl dd	{ float: left; padding: 0 0 0 10px; margin: 0; list-style: none; }
#contents .manager_info dl dd:last-child:before	{ display: inline; content: "( TEL : "; }
#contents .manager_info dl dd:last-child:after	{ display: inline; content: " )"; }

@media all and (max-width:600px)
{
	#contents .manager_info h3	{ margin-top: 14px; }
	#contents .manager_info dl	{ float: right; }
	#contents .manager_info dl dd	{ float: none; clear: both; text-align: right; white-space: nowrap; }
}






a.file img  { overflow: hidden; }





@media all and (max-width: 768px)
{
	.contents h3	{ margin: 30px 0 10px 0; }
	.contents h4	{ margin: 25px 0 10px 0; }
	.contents h3 + h4	{ margin-top: 0; }
	
	.contents table thead tr th,
	.contents table tbody tr th,
	.contents table tbody tr td,
	.contents form table thead tr th,
	.contents form table tbody tr th,
	.contents form table tbody tr td	{ height: 35px; line-height: 1.2em; padding: 5px 2px; }
	.contents table tbody tr th + td,
	.contents form table tbody tr th + td	{ padding-left: 10px; }
	
	.pattern_box > div	{ padding: 10px; }
	
	
	.contents .pagejump	{ display: flex; justify-content: center; align-items: center; }
	.contents .pagejump a	{ margin: 0 3px; }
	.contents .pagejump a:first-child	{ margin-left: 0; }
	.contents .pagejump a:last-child	{ margin-right: 0; }
}




/************************
게시판 스킨 모양 변경
************************/
.modules_board .button	{ border-radius: 3px; }
.modules_board .button span	{ vertical-align: top; }
.modules_board .button.action_write	{ background-color: #8476bf; }


.modules_board table	{ width: 100%; table-layout: fixed; border: 1px solid #cdcdcd; }
.modules_board table tr	{ border-bottom: 1px solid #cdcdcd; }
.modules_board table thead tr th,
.modules_board table tbody tr th	{ height: 50px; padding: 0; background-color: #f7f4f4; text-align: center; color: #222; font-weight: 500; vertical-align: middle; }
.modules_board table tbody tr td	{ height: auto; padding: 10px 5px; border: 1px solid #cdcdcd; text-align: left; }
.modules_board table tbody tr td.empty	{ height: 85px; }


.modules_board .proc_list .search form fieldset	{ padding: 10px; border: 1px solid #cdcdcd; background-color: #fafafa; }
.modules_board .proc_list .search form fieldset p select,
.modules_board .proc_list .search form fieldset p input[type="text"]	{ border: 1px solid #ccc; }
.modules_board .proc_list .search form fieldset p .action_search	{ background-color: #8476bf; }


.modules_board .proc_list .list table	{ width: 100%; table-layout: fixed; border: 1px solid #cdcdcd; }
.modules_board .proc_list .list table tr	{ border-bottom: 1px solid #cdcdcd; }
.modules_board .proc_list .list table thead tr th	{ height: 50px; padding: 0; border: 1px solid #cdcdcd; background-color: #f7f4f4; text-align: center; color: #222; font-weight: 500; vertical-align: middle; }
.modules_board .proc_list .list table tbody tr th	{ border: 1px solid #cdcdcd; }
.modules_board .proc_list .list table tbody tr td	{ height: auto; padding: 10px 5px; border: 1px solid #cdcdcd; text-align: center; }
.modules_board .proc_list .list table tbody tr td.empty	{ height: 85px; }


.modules_board .proc_list .count	{ margin-left: 0; }

.modules_board .proc_list .order	{ margin-right: 0; }
.modules_board .proc_list .order > *	{ margin: 0; }
.modules_board .proc_list .order > * + *	{ margin-left: 10px; }



.modules_board .proc_write form table tbody tr td	{ padding: 10px; }
.modules_board .proc_write form input[type="radio"],
.modules_board .proc_write form input[type="checkbox"]	{ width: 20px; height: 20px; }
.modules_board .proc_write form input[type="text"],
.modules_board .proc_write form input[type="password"],
.modules_board .proc_write form select	{ height: 40px; padding-left: 15px; border: 1px solid #c4c8ca; border-radius: 5px; box-sizing: border-box; vertical-align: middle; }

.modules_board .proc_write form .order > .button	{ margin: 0; }
.modules_board .proc_write form .order > .button + .button	{ margin-left: 1em; }

#editor_file_upload .order	{ font-size: 0.9em; }

.modules_board .proc_read .board_content.content_html p	{ margin: 0; }



.modules_board .proc_list .list table th,
.modules_board .proc_list .list table td	{ padding-left: 2px; padding-right: 2px; }


.modules_board .brd-btn	{ display: flex; justify-content: flex-end; gap: 10px; margin-top: 50px; }
.modules_board .sub-btn	{ height: 2.778em !important; line-height: 2.778em !important; padding: 0 1em; margin: 0 3px 0 3px; border: 0 none; border-radius: 5px; box-sizing: border-box; text-align: center; font-size: inherit; background-color: #545454; color: #fff; transition: all .5s; }
.modules_board .sub-btn:focus, .modules_board .sub-btn:hover, .modules_board .sub-btn:active	{ background-color: #000 !important; color: #fff !important; }
.modules_board .sub-btn span	{ display: inline; margin: 0; vertical-align: baseline; }
.modules_board .sub-btn.blu	{ background-color: #104790; color: #fff; }