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

body	{ width: 100%; height: 100%; padding: 0; margin: 0; font-size: 15px; font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*	{ font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }	
body.popup_box	{ position: relative; width: auto; height: auto; margin: 0; padding: 20px; background-color: #f2f3f7; }
body.popup_box:before	{ position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100px; background-color: #084d98; content: ""; }
body.popup_box .contents_content	{ position: relative; z-index: 1; padding: 20px; margin-top: 65px; background-color: #fff; }
body.popup_box .contents_content h3:first-child	{ position: absolute; left: 0; top: -65px; width: 100%; line-height: 60px; padding: 0; margin: 0 !important; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; text-indent: 20px; }
body.popup_box .contents_content *:nth-child(2)	{ margin-top: 0 !important; }


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

hr.linebreak	{ display: none; }



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


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



#header header #GNB	{}
#GNB	{ border-bottom: 1px solid #e8eaec;}
#GNB aside.top	{ border-bottom: 1px solid #e8eaec; }
#GNB aside.top nav	{ width: 1800px; height: 34px; line-height: 34px; margin: 0 auto; }
#GNB aside.top nav:after	{ display: block; clear: both; content: ""; }
#GNB aside.top nav > a	{ float: left; width: 188px; background-color: #6d7c82; text-align: center; font-size: 15px; color: #fff; content: "동작구시설관리공단"; }
#GNB aside.top nav ul	{ position: relative; float: right; padding: 0; margin: 0; list-style: none; }
#GNB aside.top nav ul li	{ position: relative; float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside.top nav ul li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 11px; margin-top: -5px; background-color: #e3e3e3; content: ""; }
#GNB aside.top nav ul li:first-child:before,
#GNB aside.top nav ul li:last-child:before	{ content: none; }
#GNB aside.top nav ul li a	{ display: block; padding: 0 11px; color: #676767; font-size: 14px; }
#GNB aside.top nav ul li a:focus, #GNB aside.top nav ul li a:hover, #GNB aside.top nav ul li a:active	{ color: #f00; }

#GNB aside.top nav ul li.search	{ position: absolute; top: 57px; right: 267px; width: 346px; height: 56px; padding-right: 52px; border: 2px solid #00a1e4; border-radius: 4px; box-sizing: border-box; background-color: #fff; }
#GNB aside.top nav ul li.search form	{}
#GNB aside.top nav ul li.search form:after	{ display: block; clear: both; content: ""; }
#GNB aside.top nav ul li.search form label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#GNB aside.top nav ul li.search form input	{ width: 100%; height: 52px; line-height: 52px; padding: 0 0 0 23px; margin: 0; border: 0 none; border-radius: 4px; box-sizing: border-box; color: #707070; font-size: 18px; }
#GNB aside.top nav ul li.search form button	{ position: absolute; right: 0; top: 0; width: 52px; height: 52px; border: 0 none; background: transparent url(../image/header_search.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }

#GNB aside.top nav ul li.weather_data	{ position: absolute; top: 56px; right: 117px; width: 120px; height: 58px; line-height: 28px; padding: 0 0 0 37px; border: 1px solid #e4e7e9; border-radius: 4px; box-sizing: border-box; background-color: #fff; text-align: center; font-size: 13px; }
#GNB aside.top nav ul li.weather_data strong	{ position: absolute; left: 0; top: 0; width: 37px; height: 56px; line-height: 56px; background-color: #f7f9fb; border-radius: 4px 0 0 4px; font-size: 14px; color: #666; text-align: center; font-weight: normal; }
#GNB aside.top nav ul li.weather_data img	{ display: block; height: 24px; margin: 2px auto 0 auto; border: 0 none; }
#GNB aside.top nav ul li.weather_data em	{ font-style: normal; }
#GNB aside.top nav ul li.weather_data em:after	{ content: "/"; }

#GNB aside.top nav ul li.air_data	{ position: absolute; top: 56px; right: 0; width: 107px; height: 58px; border: 1px solid #e4e7e9; border-radius: 4px; box-sizing: border-box; background-color: #fff; overflow: hidden; }
#GNB aside.top nav ul li.air_data dl	{ padding: 0; margin: 0; list-style: none; }
#GNB aside.top nav ul li.air_data dl dt	{ height: 23px; line-height: 23px; padding: 0; margin: 0; list-style: none; background-color: #f7f9fb; border-radius: 4px 4px 0 0; font-size: 14px; color: #666; text-align: center; font-weight: normal; }
#GNB aside.top nav ul li.air_data dl dd	{ height: 33px; line-height: 33px; padding: 0; margin: 0; list-style: none; text-align: center; font-size: 13px; }
#GNB aside.top nav ul li.air_data dl dd strong	{ font-weight: normal; }




#topmenu	{}
#topmenu ul,
#topmenu li	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
#topmenu div	{ box-sizing: border-box; }
#topmenu ul:after	{ display: block; clear: both; content: ""; }

#topmenu .ld1	{ width: 1800px; /*padding: 0 665px 0 390px*/ padding: 0 300px 0 300px; margin: 0 auto; box-sizing: border-box; display:flex; justify-content:space-evenly }
#topmenu .ld1 .cd1	{ float: left; width: 25%; }
#topmenu .ld1 .cd1c1,
/*#topmenu .ld1 .cd1c7,*/
#topmenu .ld1 .cd1c8,
#topmenu .ld1 .cd1c9,
#topmenu .ld1 .cd1c10,
#topmenu .ld1 .cd1c11,
#topmenu .ld1 .cd1c12,
#topmenu .ld1 .cd1c13,
#topmenu .ld1 .cd1c14,
#topmenu .ld1 .cd1c15,
#topmenu .ld1 .cd1c16,
#topmenu .ld1 .cd1c17	{ display: none; }
#topmenu .ld1 .cd1 .l1	{ display: block; height: 99px; line-height: 99px; font-size: 22px; font-weight: 600; color: #222; text-align: center; }
#topmenu .ld1 .cd1 .l1:focus, #topmenu .ld1 .cd1 .l1:hover, #topmenu .ld1 .cd1 .l1:active, #topmenu .ld1 .cd1 .l1.over, #topmenu .ld1 .cd1 .l1.over2	{ font-weight: 600; }
#topmenu .ld1 .cd1 .l1.active, #topmenu .ld1 .cd1 .l1.open	{ font-weight: 600; }
/*2022.06.16 수정*/
#topmenu .ld1 .cd1c2 .l1 {font-size:165%; color:#224ecd }


#topmenu .lb1	{ position: absolute; left: 0; top: 134px; z-index: 999; width: 100%; min-width: 1200px; height: 0; overflow: hidden; background-color: #fafafa; }
#topmenu .lb1.show	{ height: auto; overflow: visible; border-top: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; }

#topmenu .ld2	{ width: 1800px; padding: 20px 300px 20px 300px; margin: 0 auto; }
#topmenu .cd1c2 .ld2	{ padding: 20px 300px 20px 300px; }
#topmenu .ld2 .cd2	{ float: left; width: 12.5%; padding: 20px 10px; }
#topmenu .ld2 .cd2:nth-child(8n + 1)	{ clear: left; }
	#topmenu .childCount2 .ld2 .cd2	{ width: 50%; }
	#topmenu .childCount3 .ld2 .cd2	{ width: 33.3%; }
	#topmenu .childCount4 .ld2 .cd2	{ width: 25%; }
	#topmenu .childCount5 .ld2 .cd2	{ width: 20%; }
	#topmenu .childCount6 .ld2 .cd2	{ width: 16.6%; }
	#topmenu .childCount7 .ld2 .cd2	{ width: 14.28%; }
#topmenu .ld2 .cd2 .l2	{ display: table; width: 100%; height: 50px; text-align: center; background-color: #e5e5e5; color: #000; font-size: 15px; }
#topmenu .ld2 .cd2 .l2 span	{ display: table-cell; width: 100%; height: 50px; padding: 0 20px; vertical-align: middle; }
	#topmenu .childCount2 .ld2 .cd2 .l2 span,
	#topmenu .childCount3 .ld2 .cd2 .l2 span,
	#topmenu .childCount4 .ld2 .cd2 .l2 span,
	#topmenu .childCount5 .ld2 .cd2 .l2 span,
	#topmenu .childCount6 .ld2 .cd2 .l2 span,
	#topmenu .childCount7 .ld2 .cd2 .l2 span	{ padding: 0; }
#topmenu .ld2 .cd2 .l2:focus, #topmenu .ld2 .cd2 .l2:hover, #topmenu .ld2 .cd2 .l2:active, #topmenu .ld2 .cd2 .l2.over, #topmenu .ld2 .cd2 .l2.open, #topmenu .ld2 .cd2 .l2.active	{ color: #fff; background-color: #666; }

#topmenu .lb2	{}

#topmenu .ld3	{}
#topmenu .ld3 .cd3	{}
#topmenu .ld3 .cd3 .l3	{ position: relative; display: block; line-height: 20px; padding: 5px 0 5px 19px; font-size: 14px; color: #646464; }
#topmenu .ld3 .cd3 .l3:before	{ position: absolute; left: 10px; top: 14px; width: 2px; height: 2px; border-radius: 2px; background-color: #646464; content: ""; }
#topmenu .ld3 .cd3 .l3:focus, #topmenu .ld3 .cd3 .l3:hover, #topmenu .ld3 .cd3 .l3:active, #topmenu .ld3 .cd3 .l3.active	{ color: #000; font-weight: 600; }

#topmenu .lb3	{ display: none; }



.call_mobile_gnb	{ display: none; }


@media all and (max-width: 1800px)
{
	#header header h1	{ width: auto; margin: 0 25px; }
	#GNB aside.top nav	{ width: auto; margin: 0 25px; }
	#topmenu .ld1	{ width: auto; padding: 0 200px 0 300px; }
	#topmenu .ld1 .cd1 .l1	{ font-size: 18px; }
	#GNB aside.top nav ul li.search	{ width: 280px; }
	
	#topmenu .lb1	{ min-width: 0; }
	#topmenu .ld2	{ width: auto; padding: 20px !important; }
	#topmenu .ld1 .cd1c2 .l1 {font-size:165%; color:#224ecd }
	
}

@media all and (max-width: 1508px)
{
	#topmenu .ld1	{ width: auto; padding: 0 0 100px 250px; }
	#topmenu .ld1:before	{ position: absolute; left: 0; top: 134px; width: 100%; height: 1px; background-color: #e8eaec; content: ""; }
	
	#GNB aside.top nav ul	{ position: static; }
	#GNB aside.top nav ul li.search	{ left: 50%; right: auto; top: 158px; width: 500px; margin-left: -250px; }
	#GNB aside.top nav ul li.weather_data	{ right: 138px; top: 157px; }
	#GNB aside.top nav ul li.air_data	{ right: 25px; top: 157px; }
}

@media all and (max-width: 1050px)
{
	#GNB aside.top nav ul li.search	{ left: 20px; width: 50%; width: calc(100% - 298px); margin-left: 0; }
}

/* mobile */
@media all and (max-width: 900px)
{
	#header	{ height: 60px; }
	#header header	{ position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; background-color: #fff; }
	#header header.overlay	{ box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);  }
	#header header h1	{ height: 60px; margin: 0; }
	#header header h1 a	{ position: static; display: block; width: 250px; height: 60px; background-position: right center; background-size: 229px auto; }
	
	#header header .call_mobile_gnb	{ display: block; }
	#header header .call_mobile_gnb .mobile_lecture	{ position: absolute; right: 50px; top: 0; width: 33px; height: 60px; text-indent: -999px; overflow: hidden; background: url(../image/header_mobile_search.png) no-repeat center center; background-size: auto 18px; }
	#header header .call_mobile_gnb .mobile_menu	{ position: absolute; right: 0; top: 0; width: 50px; height: 60px; padding: 0; margin: 0; border: 0 none; text-indent: -999px; overflow: hidden; background: url(../image/header_mobile_menu.png) no-repeat center center; background-size: auto 13.5px; }
	#header header .call_mobile_gnb .mobile_menu.close	{ z-index: 99999; height: 50px; background-image: url(../image/header_mobile_menu_close.png); background-size: 20px; }
	
	
	#header header #GNB	{ position: fixed; right: -100%; top: 0; z-index: 99998; width: 100%; height: 100%; padding: 50px 0 0 0; background-color: #fff; transition: all .3s ease; }
	#header header #GNB.show	{ right: 0; }
	
	#GNB aside.top	{ position: absolute; left: 0; top: 0; width: 100%; border: 0 none; background-color: #4e4d4d; }
	#GNB aside.top nav	{ height: 50px; line-height: 50px; margin: 0; }
	#GNB aside.top nav:before	{ content: none; }
	#GNB aside.top nav > a	{ display: none; }
	#GNB aside.top nav ul	{ float: none; }
	#GNB aside.top nav ul:after	{ display: block; clear: both; content: ""; }
	#GNB aside.top nav ul li a	{ padding: 0 10px 0 20px; color: #fff; font-size: 15px; }
	#GNB aside.top nav ul li:before	{ left: 10px; width: 2px; height: 2px; margin-top: -1px; background-color: #fff; content: "" !important; }
	
	#GNB aside.top nav ul li.search,
	#GNB aside.top nav ul li.weather_data,
	#GNB aside.top nav ul li.air_data	{ display: none !important; }
	
	#topmenu	{ position: relative; height: 100%; overflow: auto; }
	#topmenu .ld1	{ width: auto; padding: 0;  flex-wrap:wrap; }
	#topmenu .ld1:before	{ content: none; }
	#topmenu .ld1 .cd1	{ float: none; width: 100%; }
	#topmenu .ld1 .cd1 .l1	{ position: relative; height: auto; line-height: 55px; padding: 0 15px; border-bottom: 1px solid #dedede; font-size: 17px; font-weight: normal; text-align: left; }
	#topmenu .ld1 .cd1 .l1.hasChild:after	{ position: absolute; right: 0; top: 0; width: 55px; height: 55px; background: url(../image/header_gnb_arrow_down.png) no-repeat center center; background-size: 20px; content: ""; }
	#topmenu .ld1 .cd1 .l1.over2	{ color: #fff; background-color: #1e57a1; }
	#topmenu .ld1 .cd1 .l1.hasChild.over2:after	{ background-image: url(../image/header_gnb_arrow_up.png); }
	
	#topmenu .lb1	{ position: static; min-width: 0; border: 0 none !important; }
	#topmenu .ld2	{ width: auto; padding: 0 !important; }
	#topmenu .ld2 .cd2	{ float: none; width: auto !important; padding: 0; }
	#topmenu .ld2 .cd2 .l2	{ position: relative; display: block; width: auto; height: auto; line-height: 54px; padding: 0 15px; border-bottom: 1px solid #cdcdcd; text-align: left; font-size: 15px; background-color: #f6f6f6; }
	#topmenu .ld2 .cd2 .l2:focus, #topmenu .ld2 .cd2 .l2:hover, #topmenu .ld2 .cd2 .l2:active, #topmenu .ld2 .cd2 .l2.over, #topmenu .ld2 .cd2 .l2.open, #topmenu .ld2 .cd2 .l2.active	{ color: inherit; background-color: inherit; }
	#topmenu .ld2 .cd2 .l2.hasChild.over2,
	#topmenu .ld2 .cd2 .l2.hasChild.over3	{ background-color: #666; color: #fff; }
	#topmenu .ld2 .cd2 .l2.hasChild:after	{ position: absolute; right: 0; top: 0; width: 45px; height: 55px; line-height: 55px; text-align: center; color: #999; font-size: 40px; font-family: serif; content: "+"; }
	#topmenu .ld2 .cd2 .l2.hasChild.over3:after	{ width: 55px; color: #fff; content: "-"; }
	
	#topmenu .lb2	{ height: 0; overflow: hidden; }
	#topmenu .lb2.show3	{ height: auto; overflow: visible; }
	#topmenu .ld3 .cd3 .l3	{ display: block; line-height: 50px; padding: 0 0 0 30px; border-bottom: 1px solid #cdcdcd; background-color: #e3e3e3; color: #545454; }
	#topmenu .ld3 .cd3 .l3:before	{ top: 50%; left: 20px; margin-top: -1px; background-color: #545454; }
	
	#topmenu .lb3	{ display: block; }
	#topmenu .ld4 .cd4 .l4	{ position: relative; display: block; line-height: 45px; padding: 0 0 0 50px; font-size: 14px; border-bottom: 1px solid #eee; }
	#topmenu .ld4 .cd4 .l4:before	{ position: absolute; left: 35px; top: 50%; width: 4px; height: 1px; margin-top: -1px; background-color: #333; content: ""; }
	
	
	#topmenu .ld1 .cd1c7,
	#topmenu .ld1 .cd1c8,
	#topmenu .ld1 .cd1c9,
	#topmenu .ld1 .cd1c10,
	#topmenu .ld1 .cd1c11,
	#topmenu .ld1 .cd1c12,
	#topmenu .ld1 .cd1c13,
	#topmenu .ld1 .cd1c14,
	#topmenu .ld1 .cd1c15,
	#topmenu .ld1 .cd1c16,
	#topmenu .ld1 .cd1c17	{ display: block; }
}








/**
FOOTER
**/
#footer	{ background-color: #282828; color: #fff; }
#footer aside	{ border-bottom: 1px solid #393939; }
#footer aside .alignbox	{ position: relative; width: 1800px; height: 75px; line-height: 75px; margin: 0 auto; }
#footer aside .alignbox:after	{ display: block; clear: both; content: ""; }
#footer aside ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul li	{ position: relative; float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul li a	{ display: block; padding: 0 19px; color: #fff; font-size: 15px; }
#footer aside ul li a:focus, #footer aside ul li a:hover, #footer aside ul li a:active	{ text-decoration: underline; }
#footer aside ul li a strong	{ color: #f7a134; font-weight: normal; }

#footer aside .familysite	{ position: absolute; right: 0; top: 15px; }
#footer aside .familysite label	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#footer aside .familysite span	{ display: block; float: left; }
#footer aside .familysite select	{ float: left; width: 250px; height: 45px; padding: 0 0 0 10px; margin: 0; border: 1px solid #444; box-sizing: border-box; background-color: #282828; color: #fff; vertical-align: top; }
#footer aside .familysite button	{ float: left; height: 45px; margin: 0 0 0 -1px; border: 1px solid #444; box-sizing: border-box; background-color: #282828; color: #fff; font-weight: normal; vertical-align: top; cursor: pointer; }

#footer .footer_logo	{ position: relative; width: 1800px; margin: 0 auto; }
#footer .footer_logo h3	{ position: absolute; left: 0; top: 50px; width: 381px; height: 38px; padding: 0; margin: 0; background: url(../image/footer_logo.png) no-repeat 0 0; text-indent: -999px; overflow: hidden; }

#footer address	{ width: 1800px; line-height: 20px; padding: 25px 0 25px 440px; margin: 0 auto; box-sizing: border-box; color: #7d7d7d; font-style: normal; font-size: 15px; }
#footer address a	{ color: #7d7d7d; }
#footer address a:focus, #footer address a:hover, #footer address a:active	{ color: #fff; text-decoration: underline; }


@media all and (max-width: 1800px)
{
	#footer aside .alignbox	{ width: auto; margin: 0; }
	#footer aside .familysite	{ right: 10px; }
	#footer .footer_logo	{ width: auto; }
	#footer .footer_logo h3	{ left: 20px; }
	#footer address	{ width: auto; }
}

@media all and (max-width: 1100px)
{
	#footer aside .alignbox	{ height: auto; line-height: 23px; padding: 10px 0; }
	#footer aside ul	{ float: none; }
	#footer aside ul:after	{ display: block; clear: both; content: ""; }
	#footer aside ul li a	{ padding: 0 13px; font-size: 14px; }
	#footer aside .familysite	{ position: static; margin: 10px 0 0 13px; }
	#footer aside .familysite select	{ width: 240px; height: 35px; }
	#footer aside .familysite button	{ height: 35px; }
	
	#footer .footer_logo	{ padding: 20px; }
	#footer .footer_logo h3	{ position: static; width: auto; max-width: 381px; background-size: contain; }
	#footer address	{ padding: 0 20px 20px 20px; }
}





/**
MAIN
**/
#container.main	{ max-width: 1920px; margin: 0 auto; }
#container.main #section	{ position: relative; padding-right: 412px; }
#container.main #section:after	{ display: block; clear: both; content: ""; }


#container.main .main_area_1	{ position: relative; padding-right: 349px; }

#container.main .main_visule	{}
#container.main .main_visule h2	{ position: absolute; width: 0; height: 0; padding: 0; margin: 0; font-size: 0; overflow: hidden; }
#container.main .main_visule .list	{ position: relative; height: 733px; overflow: hidden; }
#container.main .main_visule .list .empty	{ position: relative; width: 1159px; height: 733px; text-indent: -9999999px; overflow: hidden; background: url(../image/main_visule_def.jpg) no-repeat 0 0; background-size: cover; }
#container.main .main_visule .list a	{ display: block; }
#container.main .main_visule .list a .popup_img	{ position: relative; display: block; width: 1159px; height: 733px; background: no-repeat 0 0; background-size: cover; text-indent: -99999999999px; overflow: hidden; white-space: nowrap; }

#container.main .main_visule .list .slick-dots	{ position: absolute; left: 80px; top: 361px; z-index: 3; padding: 0; margin: 0; list-style: none; }
#container.main .main_visule .list .slick-dots:after	{ display: block; clear: both; content: ""; }
#container.main .main_visule .list .slick-dots li	{ float: left; padding: 0; margin: 0; list-style: none; }
#container.main .main_visule .list .slick-dots li button	{ width: 40px; height: 40px; padding: 0; margin: 0; border: 0 none; border-radius: 40px; color: #fff; text-shadow: 0 0 3px black; font-size: 16px; font-weight: normal; background: none; }
#container.main .main_visule .list .slick-dots li.slick-active button	{ background-color: rgba(0, 0, 0, 0.5); }


#container.main .lecture	{ position: absolute; right: 0; top: 0; width: 349px; height: 100%; background: #0078d4 url(../image/main_lecture.jpg) no-repeat 0 0; background-size: cover; color: #fff; }
#container.main .lecture h2	{ line-height: 52px; padding: 26px 29px 0; margin: 0; font-size: 24px; color: #fff; }
#container.main .lecture p	{ line-height: 26px; padding: 0 29px 25px 29px; margin: 0; font-size: 16px; color: #fff; }
#container.main .lecture ul	{ padding: 0; margin: 0 29px; list-style: none; border: 1px solid #004274; background-color: rgba(0, 0, 0, 0.23); border-radius: 5px; }
#container.main .lecture ul li	{ padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #004274; }
#container.main .lecture ul li:last-child	{ border-bottom: 0 none; }
/*#container.main .lecture ul li a	{ position: relative; display: block; line-height: 74px; padding: 0 0 0 25px; color: #fff; font-size: 18px; }*/
/* 2021.03.17 퀵메뉴 추가*/ 
#container.main .lecture ul li a	{ position: relative; display: block; line-height: 74px; padding: 0 0 0 25px; color: #fff; font-size: 18px; }
#container.main .lecture ul li a:focus, #container.main .lecture ul li a:hover, #container.main .lecture ul li a:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .lecture ul li a:after	{ position: absolute; right: 19px; top: 50%; width:26px; height: 26px; line-height: 26px; margin-top: -13px; border-radius: 26px; text-align: center; background-color: #000; content: ">"; font-family: serif; font-size: 10px; color: #fff; opacity: 0.2; }


#container.main .main_area_2	{ position: relative; }
#container.main .main_area_2:after	{ position: absolute; right: 0; top: 5%; width: 1px; height: 90%; background-color: #e6e6e6; content: ""; }

#container.main .link_major	{}
#container.main .link_major h2	{ position: absolute; width: 0; height: 0; padding: 0; margin: 0; font-size: 0; overflow: hidden; }
#container.main .link_major ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#container.main .link_major ul li	{ display: table-cell; width: 5%; padding: 0; margin: 0; list-style: none; }
#container.main .link_major ul li a	{ position: relative; display: block; padding: 124px 0 0 0; border-width: 40px 0 36px 0; border-style: solid; border-color: transparent; text-align: center; }
#container.main .link_major ul li a:before	{ position: absolute; left: 50%; top: 0; width: 115px; height: 115px; margin-left: -57.5px; border-radius: 115px; background: #f3f3f3 no-repeat center center; content: ""; }
#container.main .link_major ul li.c1 a:before	{ background-image: url(../image/main_link_major_1.png); }
#container.main .link_major ul li.c2 a:before	{ background-image: url(../image/main_link_major_2.png); }
#container.main .link_major ul li.c3 a:before	{ background-image: url(../image/main_link_major_3.png); }
#container.main .link_major ul li.c4 a:before	{ background-image: url(../image/main_link_major_4.png); }
#container.main .link_major ul li.c5 a:before	{ background-image: url(../image/main_link_major_5.png); }
#container.main .link_major ul li.c6 a:before	{ background-image: url(../image/main_link_major_6.png); }
#container.main .link_major ul li.c7 a:before	{ background-image: url(../image/main_link_major_7.png); }
/* 2021.03.17 추가 */
#container.main .link_major ul li.c8 a:before	{ background-image: url(../image/main_link_major_8.png); }
#container.main .link_major ul li.c9 a:before	{ background-image: url(../image/main_link_major_9.png); }
#container.main .link_major ul li.c10 a:before	{ background-image: url(../image/main_link_major_10.png); }
/* 2023.07.13 추가 */
#container.main .link_major ul li.c11 a:before	{ background-image: url(../image/main_link_major_11.png); }
#container.main .link_major ul li a:focus:before, #container.main .link_major ul li a:hover:before, #container.main .link_major ul li a:active:before	{ background-color: #ccc; }
#container.main .link_major ul li a strong	{ display: block; /*line-height: 32px;*/line-height: 22px; font-size: 19px; }
#container.main .link_major ul li a span	{ display: block; line-height: 21px; font-size: 14px; }




#container.main .main_area_3	{ position: absolute; right: 0; top: 0; width: 412px; }


#container.main .board	{ height: 266px; border-top: 1px solid #e6e6e6; box-sizing: border-box;; }
#container.main .board h2	{ padding: 0; margin: 0; border-bottom: 1px solid #e6e6e6; }
#container.main .board h2 a	{ position: relative; display: block; line-height: 63px; padding: 0 0 0 30px; font-size: 20px; }
#container.main .board h2 a:after	{ position: absolute; right: 0; top: 0; width: 65px; border-left: 1px solid #e6e6e6; box-sizing: border-box; text-align: center; color: #777; background-color: #f2f2f2; content: "+"; }
#container.main .board .list	{}
#container.main .board .list ul	{ padding: 24px 29px 0 29px; margin: 0; list-style: none; }
#container.main .board .list ul li	{ line-height: 28px; padding: 0; margin: 0; list-style: none; }
#container.main .board .list ul li.c5,
#container.main .board .list ul li.c6	{ display: none; }
#container.main .board .list ul li a	{ position: relative; display: block; padding: 0 85px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
#container.main .board .list ul li a .br	{ display: none; }
#container.main .board .list ul li a .category	{ display: inline-block; font-style: normal; }
#container.main .board .list ul li a .category:before	{ content: "["; }
#container.main .board .list ul li a .category:after	{ content: "]"; }
#container.main .board .list ul li a .title	{ font-weight: normal; }
#container.main .board .list ul li a .date	{ position: absolute; right: 0; top: 0; }
#container.main .board .list ul li:first-child	{ line-height: 30px; padding-bottom: 9px; }
#container.main .board .list ul li:first-child a	{ height: 60px; padding: 0; word-wrap: break-word; white-space: normal; font-weight: bold; font-size: 20px; }
#container.main .board .list ul li:first-child a	{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#container.main .board .list ul li:first-child a .date	{ display: none; }

#container.main .board_notice	{ margin-top: -1px; }


#container.main .popupzone	{ height: 453px; border-top: 1px solid #e6e6e6; box-sizing: border-box;; }
#container.main .popupzone h2	{ line-height: 63px; padding: 0 0 0 30px; margin: 0; border-bottom: 1px solid #e6e6e6; font-size: 20px; }
#container.main .popupzone .list	{ height: 389px; }
#container.main .popupzone .list .slick-list	{ position: relative; width: 100%; height: 100%; }
#container.main .popupzone .list .slick-list div,
#container.main .popupzone .list .slick-list a	{ position: relative; display: block !important; height: 100%; background: #fff no-repeat top center; background-size: contain; text-align: left; text-indent: -99999999px; overflow: hidden; }
#container.main .popupzone .list .slick-prev	{ position: absolute; right: 113px; top: -64px; z-index: 3; width: 56px; height: 63px; padding: 0; margin: 0; border: 0 none; border-left: 1px solid #e1e1e1; background: #fff url(../image/arrow_left.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .slick-next	{ position: absolute; right: 0; top: -64px; z-index: 3; width: 56px; height: 63px; padding: 0; margin: 0; border: 0 none; border-left: 1px solid #e1e1e1; background: #fff url(../image/arrow_right.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .play_stop	{ position: absolute; right: 57px; top: -64px; z-index: 3; width: 56px; height: 63px; padding: 0; margin: 0; border: 0 none; border-left: 1px solid #e1e1e1; background: #fff url(../image/arrow_play.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .play_stop.play	{ background-image: url(../image/arrow_stop.png); }
#container.main .popupzone .list .play_stop.stop	{ background-image: url(../image/arrow_play.png); }
#container.main .popupzone .list button:focus, #container.main .popupzone .list button:hover, #container.main .popupzone .list button:active	{ background-color: #f0f0f0 !important; }
#container.main .popupzone .list .slick-dots	{ position: absolute; left: 95px; top: -64px; z-index: 3; float: left; line-height: 63px; padding: 0; margin: 0; list-style: none; }
#container.main .popupzone .list .slick-dots li	{ float: left; padding: 0; margin: 0; list-style: none; background: none; }
#container.main .popupzone .list .slick-dots li button	{ display: none; width: auto; height: 63px; padding: 0; margin: 0; border: 0 none; background: transparent !important; text-align: left; font-size: 23px; color: #888; cursor: default; font-weight: normal; }
#container.main .popupzone .list .slick-dots li.slick-active button	{ display: block; }
#container.main .popupzone .list .slick-dots li button:before	{ content: "("; }
#container.main .popupzone .list .slick-dots li button:after	{ content: ")"; }
#container.main .popupzone .list .empty	{ line-height: 5em; text-align: center !important; text-indent: 0 !important; }

@media all and (max-width: 1508px)
{
	#container.main #section	{ padding-right: 0; }
	#container.main .main_area_3	{ position: static; width: auto; }
	#container.main .main_area_3:after	{ display: block; clear: both; content: ""; }
	
	#container.main .board	{ float: left; width: 33%; height: 394px; margin-top: 0; border-right: 1px solid #e6e6e6; box-sizing: border-box; }
	#container.main .board .list ul li	{ line-height: 40px; }
	#container.main .board .list ul li:first-child	{ padding-bottom: 15px; }
	#container.main .board .list ul li.c5,
	#container.main .board .list ul li.c6	{ display: block; }
	
	
	#container.main .popupzone	{ float: left; width: 34%; height: 394px; }
	#container.main .popupzone .list	{ height: 329px; }
}

@media all and (max-width: 1159px)
{
	#container.main .main_area_1	{ padding-right: 0; }
	
	#container.main .main_visule	{ position: relative; height: 0; padding-top: 63.24%; }
	#container.main .main_visule .list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	
	#container.main .lecture	{ position: static; width: auto; height: auto; padding: 0 25px 25px 25px; background-image: url(../image/main_lecture_row.jpg); }
	#container.main .lecture:after	{ display: block; clear: both; content: ""; }
	#container.main .lecture h2	{ float: left; height: 89px; line-height: 89px; padding: 0; }
	#container.main .lecture p	{ float: left; height: 89px; line-height: 95px; padding: 0 0 0 25px; }
	#container.main .lecture ul	{ clear: both; display: table; width: 100%; margin: 0; }
	#container.main .lecture ul li	{ display: table-cell; width: 10%; border: 0 none; border-left: 1px solid #004274; box-sizing: border-box; }
	#container.main .lecture ul li:first-child	{ border-left: 0 none; }
	#container.main .lecture ul li a	{ position: relative; height: 100%; line-height: 32px; padding: 21px 40px 21px 22px; box-sizing: border-box; font-size: 18px; }
	#container.main .lecture ul li a span	{ display: block; }
	#container.main .lecture ul li a span.long	{ letter-spacing: -1px; }
}

@media all and (max-width: 1100px)
{
	#container.main .lecture ul	{ display: block; }
	#container.main .lecture ul:after	{ display: block; clear: both; content: ""; }
	#container.main .lecture ul li	{ float: left; display: block; width: 50%; border-bottom: 1px solid #004274; }
	#container.main .lecture ul li:last-child	{ /*width: 100%;*/ border-bottom: 0 none; }
	#container.main .lecture ul li a span	{ display: inline; }
	#container.main .lecture ul li a span.long	{ letter-spacing: inherit; }
	
	#container.main .link_major ul	{ display: block; padding: 10px 0; text-align: center; }
	#container.main .link_major ul li	{ display: inline-block; width: 160px; padding: 10px 0; }
	#container.main .link_major ul li a	{ border-width: 0; }
	
	#container.main .board	{ float: none; width: auto; height: auto; padding-bottom: 15px; border-right: 0 none !important; }
	#container.main .board .list ul li:first-child a	{ display: block; height: auto; white-space: nowrap; -webkit-line-clamp: 1; }
	
	#container.main .popupzone	{ float: none; width: auto; height: auto; margin: 0 0 20px 0; }
	#container.main .popupzone .list	{ height: 389px; }
}

@media all and (max-width: 750px)
{
	#container.main .lecture h2	{ float: none; height: auto; line-height: 52px; }
	#container.main .lecture p	{ float: none; height: auto; line-height: 26px; padding: 0 0 10px 0; }
	#container.main .lecture ul li	{ float: none; width: auto; border-left: 0 none; }
	
	#container.main .main_visule .list .empty,
	#container.main .main_visule .list a .popup_img	{ background-size: 750px auto; }
	#container.main .main_visule .list .slick-dots	{ left: 50px; top: 215px; }
}

@media all and (max-width: 500px)
{
	#container.main .main_visule	{ min-height: 280px; box-sizing: border-box; }
	#container.main .main_visule .list .empty,
	#container.main .main_visule .list a .popup_img	{ background-size: /*650px*/ 500px auto; }
	
	#container.main .link_major ul:after	{ display: block; clear: both; content: ""; }
	#container.main .link_major ul li	{ float: left; display: block; width: 50%; }
}





/**
SUB
**/
#container.sub	{ width: 1400px; padding: 240px 0 0 0; margin: 0 auto; }
#container.sub:before	{ position: absolute; left: 0; top: 135px; z-index: 1; width: 100%; height: 240px; line-height: 200px; background: url(../image/sub_visual__.jpg) no-repeat center 0; content: attr(data-menuname); text-align: center; font-size: 40px; color: #fff; }
#container.sub:after	{ display: block; clear: both; content: ""; }


#container.sub #SUB-GNB	{ display: none !important; }
/*
#container.sub #SUB-GNB	{ float: left; width: 285px; }
#container.sub #SUB-GNB #submenu	{}

#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 .ld1 .cd1	{}
#container.sub #SUB-GNB .ld1 .cd1 .l1	{ display: block; line-height: 106px; border-bottom: 2px solid #111; font-size: 30px; color: #111; cursor: default; }

#container.sub #SUB-GNB .ld2	{}
#container.sub #SUB-GNB .ld2 .cd2	{}
#container.sub #SUB-GNB .ld2 .cd2 .l2	{ display: block; line-height: 57px; border-bottom: 1px solid #d7d7d7; color: #222; font-size: 17px; }
#container.sub #SUB-GNB .ld2 .cd2 .l2:before	{ display: inline-block; width: 33px; content: ""; }
#container.sub #SUB-GNB .ld2 .cd2 .l2:focus, #container.sub #SUB-GNB .ld2 .cd2 .l2:hover, #container.sub #SUB-GNB .ld2 .cd2 .l2:active	{ background-color: #666; color: #fff; }
#container.sub #SUB-GNB .ld2 .cd2 .l2.active, #container.sub #SUB-GNB .ld2 .cd2 .l2.open	{ padding-left: 0; color: #fff; background-color: #333a46; }
#container.sub #SUB-GNB .ld2 .cd2 .l2.active:before, #container.sub #SUB-GNB .ld2 .cd2 .l2.open:before	{ display: inline-block; width: 33px; padding-left: 20px; font-size: 10px; font-family: sans-serif; vertical-align: top; content: "▶"; }

#container.sub #SUB-GNB .ld3	{ display: none !important; }
*/







/*
#container.sub #section	{ position: relative; float: right; width: 1065px; }
*/
#container.sub #section	{ position: relative; }
#container.sub #section section	{}
#container.sub #section section header	{ position: relative; padding: 20px 0 0 0; }
/*
#container.sub #section section header h2	{ line-height: 69px; margin: 0; font-size: 30px; color: #222; font-weight: normal; }
*/
#container.sub #section section header h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

#container.sub #section section header #tabmenu_area_1,
#container.sub #section section header #tabmenu_area_2	{ position: relative; }

#container.sub #section section header .tabmenu_depth3	{ margin: 0;}
#container.sub #section section header #tabmenu_area_1 .tabmenu_depth3	{ margin: 20px 0;}
#container.sub #section section header #tabmenu_area_2 .tabmenu_depth3	{ margin: 17px 0 23px 0;}
#container.sub #section section header .tabmenu_depth3 ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .tabmenu_depth3 ul li	{ display: table-cell; width: 5%; padding: 0; margin: 0; list-style: none; background: none; vertical-align: top; }
#container.sub #section section header .tabmenu_depth3 ul li a	{ position: relative; display: table; width: 100%; height: 58px; border: 1px solid #d7d7d7; border-left: 0 none; box-sizing: border-box; text-align: center; color: #222; font-size: 17px; vertical-align: top; }
#container.sub #section section header .tabmenu_depth3 ul li:first-child a	{ border-left: 1px solid #d7d7d7; }
#container.sub #section section header .tabmenu_depth3 ul li a span	{ display: table-cell; width: 100%; padding: 0 5px; box-sizing: border-box; vertical-align: middle; }
#container.sub #section section header .tabmenu_depth3 ul li a:focus, #container.sub #section section header .tabmenu_depth3 ul li a:hover, #container.sub #section section header .tabmenu_depth3 ul li a:active	{ background-color: #d7d7d7; color: #222; }
#container.sub #section section header .tabmenu_depth3 ul li a.open	{ border-color: #02489f; color: #02489f; background-color: #f5f8fb; }
#container.sub #section section header .tabmenu_depth3 ul li a.open:before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #02489f; content: ""; }
#container.sub #section section header .tabmenu_depth3 ul li:first-child a.open:before	{ content: none; }

#container.sub #section section header .tabmenu_depth3.scroll	{ overflow: auto; }
#container.sub #section section header .tabmenu_depth3.scroll:before	{ position: absolute; left: 0; top: 0; z-index: 2; width: 45px; height: 58px; line-height: 56px; border: 1px solid #d7d7d7; box-sizing: border-box; text-align: center; font-family: serif; font-size: 20px; color: #b2b2b2; font-weight: bold; background-color: #fff; box-shadow: 10px 0 10px rgba(255, 255, 255, 1); content: "<"; }
#container.sub #section section header .tabmenu_depth3.scroll:after	{ position: absolute; right: 0; top: 0; z-index: 2; width: 45px; height: 58px; line-height: 56px; border: 1px solid #d7d7d7; box-sizing: border-box; text-align: center; font-family: serif; font-size: 20px; color: #b2b2b2; font-weight: bold; background-color: #fff; box-shadow: -10px 0 10px rgba(255, 255, 255, 1); content: ">"; }
#container.sub #section section header .tabmenu_depth3.scroll ul	{ width: auto; padding: 0 44px; }


#container.sub #section section header .tabmenu_depth4	{ margin: 0;}
#container.sub #section section header .tabmenu_depth4 ul	{ padding: 0; margin: 0; list-style: none; border: 1px solid #d7d7d7; background-color: #f3f3f3; }
#container.sub #section section header .tabmenu_depth4 ul:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .tabmenu_depth4 ul li	{ float: left; width: 16.6%; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .tabmenu_depth4 ul li:nth-child(6n+1)	{ clear: both; }
#container.sub #section section header .tabmenu_depth4 ul li a	{ position: relative; display: block; line-height: 21px; padding: 12px 0 12px 30px; color: #666; font-size: 16px; }
#container.sub #section section header .tabmenu_depth4 ul li a:before	{ position: absolute; left: 17px; top: 22px; width: 4px; height: 4px; background-color: #666; content: ""; }
#container.sub #section section header .tabmenu_depth4 ul li a:focus, #container.sub #section section header .tabmenu_depth4 ul li a:hover, #container.sub #section section header .tabmenu_depth4 ul li a:active	{ color: #000; }
#container.sub #section section header .tabmenu_depth4 ul li a.open	{ color: #000; font-weight: 600; }
#container.sub #section section header .tabmenu_depth4 ul li a.open:before	{ background-color: #000; }



#container.sub #section section header .menu_path	{ position: absolute; /*left: -335px;*/ left: 0; top: -60px; z-index: 9; width: 1400px; height: 60px; background-color: rgba(14, 80, 162, 0.82); }
#container.sub #section section header .menu_path:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .menu_path a.home	{ float: left; display: block; width: 65px; height: 60px; border-right: 1px solid #40689d; text-indent: -999px; overflow: hidden; background: url(../image/menupath_home.png) no-repeat center center; }
#container.sub #section section header .menu_path ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .menu_path li	{ padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .menu_path li a	{ position: relative; display: block; min-width: 235px; height: auto; line-height: 50px; padding: 0 0 0 25px; box-sizing: border-box; font-size: 16px; color: #fff; text-decoration: none; white-space: nowrap; background-color: #0e50a2;  box-sizing: border-box; }
#container.sub #section section header .menu_path li a:focus, #container.sub #section section header .menu_path li a:hover, #container.sub #section section header .menu_path li a:active	{ background-color: #666; color: #fff; }
#container.sub #section section header .menu_path li a.open	{ background-color: #333a46; color: #fff; }
#container.sub #section section header .menu_path li	{ height: 0; overflow: hidden; }
#container.sub #section section header .menu_path ul.show li,
#container.sub #section section header .menu_path li.fix_menu	{ height: auto; overflow: visible; }
#container.sub #section section header .menu_path li.fix_menu a	{ line-height: 60px; background-color: transparent; border-right: 1px solid #40689d; }
#container.sub #section section header .menu_path li.fix_menu a:after	{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url(../image/menupath_arrow_down.png) no-repeat center center; content: ""; }
#container.sub #section section header .menu_path ul.show li.fix_menu a:after	{ background-image: url(../image/menupath_arrow_up.png); }






/*
#container.sub #section section header .sub_utility	{ position: absolute; right: 0; top: 79px; }
#container.sub #section section header .sub_utility ul	{ 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 0 0 5px; list-style: none; }
#container.sub #section section header .sub_utility ul li a	{ display: block; width: 22px; height: 22px; border-radius: 22px; text-indent: -9999px; overflow: hidden; background: url(../image/sub_utility.png) no-repeat; }
#container.sub #section section header .sub_utility ul li a.facebook	{ background-position: 0 0; }
#container.sub #section section header .sub_utility ul li a.twitter	{ background-position: -27px 0; }
#container.sub #section section header .sub_utility ul li a.naver	{ background-position: -54px 0; }
#container.sub #section section header .sub_utility ul li a.print	{ background-position: -81px 0; }
#container.sub #section section header .sub_utility ul li a.kakaostory	{ background-position: -108px 0; }
#container.sub #section section header .sub_utility ul li a.qrcode	{ background-position: -135px 0; }
#container.sub #section section header .sub_utility ul li a.clipboard,
#container.sub #section section header .sub_utility ul li a.down_scale,
#container.sub #section section header .sub_utility ul li a.up_scale	{ display: none; }
*/





#container.sub #section section #contents	{ min-height: 500px; padding: 30px 0; margin: 0; }



@media all and (max-width: 1508px)
{
	#container.sub:before	{ top: 235px; }
}

@media all and (max-width: 1400px)
{
	#container.sub	{ width: auto; padding: 0; }
	#container.sub:before	{ position: static; display: block; width: auto; height: 166px; line-height: 133px; font-size: 28px; background-size: cover; }
	
	#container.sub #SUB-GNB,
	#container.sub #SUB-GNB >*	{ display: none !important; background: none !important; }
	
	#container.sub #section	{ float: none; width: auto; padding: 0 20px; }
	
	#container.sub #section section header	{ position: static; }
	#container.sub #section section header .menu_path	{ left: 0; width: 100%; }
	
	#container.sub #section section header .tabmenu_depth3 ul li	{ white-space: nowrap; }
	#container.sub #section section header .tabmenu_depth3 ul li a span	{ padding: 0 10px; }
	
	#container.sub #section section header .tabmenu_depth4 ul	{ padding: 10px; text-align: left; }
	#container.sub #section section header .tabmenu_depth4 ul li	{ float: none; display: inline-block; width: auto; }
	#container.sub #section section header .tabmenu_depth4 ul li a	{ line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; }
	#container.sub #section section header .tabmenu_depth4 ul li a:before	{ top: 14px; }
}

@media all and (max-width: 1065px)
{
	#container.sub #section	{ width: auto; padding: 0 10px; }
}

@media all and (max-width: 1005px)
{
	#container.sub #section section header .menu_path ul.ld4	{ display: none; }
}
@media all and (max-width: 770px)
{
	#container.sub #section section header .menu_path ul.ld3	{ display: none; }
}
@media all and (max-width: 535px)
{
	#container.sub #section section header .menu_path	{ padding-left: 66px; box-sizing: border-box; }
	#container.sub #section section header .menu_path a.home	{ position: absolute; left: 0; top: 0; }
	#container.sub #section section header .menu_path ul	{ float: none; width: auto; }
	#container.sub #section section header .menu_path li a	{ min-width: 0; }
	#container.sub #section section header .menu_path li.fix_menu a	{ border: 0 none; }
	
	#container.sub #section section header .menu_path ul.ld1	{ display: none; }
	
}











body .contents	{ font-size: 17px; color: #171717; }







body .contents .tab_content_show	{ display: block; }
body .contents .tab_content_hide	{ display: none; }

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






/* 내용 */
.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: 30px; padding: 0; margin: 50px 0 25px 0; background: none; font-size: 22px; color: #171717; font-weight: 600; }
.contents h4	{ clear: both; line-height: 25px; padding: 0; margin: 35px 0 10px 0; background: none; font-size: 20px; font-weight: 600; color: #000; }
.contents h3 + h4	{ margin-top: 25px; }
.contents h5	{ position: relative; clear: both; line-height: 21px; padding: 0 0 0 10px; margin: 20px 0 20px 0; background: none; font-size: 18px; font-weight: 600; color: #2758a5; }
.contents h5:before	{ position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 3px; background-color: #2758a5; content: ""; }
.contents h4 + h5	{ margin-top: 10px; }


.contents table	{ /*border-width: 2px 0 1px 0;*/ border-color: #242424 transparent #e1e1e1 transparent; }
.contents table thead tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table thead tr th	{ line-height: 25px; padding: 12px 0 12px 0; border-width: 0 0 0 1px; border-style: solid; border-color: #e1e1e1; background-color: #fafafa; color: #4e4e4e; font-weight: 600; text-align: center; font-size: 1em; }

.contents table thead tr th:first-child	{ border-left: 0; }

.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 1px; border-style: solid; border-color: #e1e1e1; color: #4e4e4e; font-size: 1em; }
/*
.contents table tbody tr td[rowspan]	{ border-right-width: 1px; }
*/
.contents table tbody tr th	{ background-color: #fff; text-align: center; font-weight: 600; }
.contents table tbody tr > *:first-child	{ border-left-width: 0; border-right-width: 1px; }
.contents table tbody tr > *:last-child	{ border-left-width: 1px; border-right-width: 0; }
.contents table tbody tr > *:first-child:last-child	{ border-left-width: 0; border-right-width: 0; }
.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: #e1e1e1; background-color: #fafafa; color: #4e4e4e; font-size: 1em; }
.contents table tfoot tr th	{ text-align: center; font-weight: 600; }
.contents table tfoot tr > *:first-child	{ border-width: 0; }

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


.contents table.no_thead tbody tr th	{ background-color: #fafafa; color: #4e4e4e; font-size: 1em; }
.contents table.no_thead tbody tr td	{ font-size: 1em; }


.contents table img	{ vertical-align: middle; }



.contents .auto_image_gallery_title	{ position: relative; float: left; width: 50%; height: 480px; padding: 35px 35px 0 35px; margin: 0 0 50px 0 !important; box-sizing: border-box; background-color: #1e5aa5; color: #fff; }
.contents .auto_image_gallery_title:after	{ content: none; }
.contents .auto_image_gallery_title strong	{ display: block; width: 100%; line-height: 56px; padding-bottom: 17px; box-sizing: border-box; font-size: 40px; vertical-align: middle; color: #fff; }
.contents .auto_image_gallery_title > br	{ display: none; }
.contents .auto_image_gallery_title > span	{ display: block; width: 100%; line-height: 30px; font-size: 18px; vertical-align: middle; color: #fff; }
.contents .auto_image_gallery_title > span.in_list_mark	{ padding-left: 14px; box-sizing: border-box; }
.contents .auto_image_gallery_title > span.in_list_mark em.mark	{ display: inline-block; width: 14px; margin-left: -14px; font-style: normal; color: #fff; }
.contents .auto_image_gallery_title > em	{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; line-height: 30px; padding: 0 35px 25px 35px; box-sizing: border-box; font-size: 18px; vertical-align: middle; color: #fff; }
.contents .auto_image_gallery_title > em > span	{ display: inline-block; line-height: 27px; padding: 0 7px; margin-right: 8px; background-color: #628cc0; }
.contents .auto_image_gallery	{ position: relative; float: left; width: 50%; height: 480px; margin: 0 0 50px 0 !important; }
.contents .auto_image_gallery img	{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: calc(100% - 70px); border: 0 none; }
.contents .auto_image_gallery .in_title	{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 70px; line-height: 70px; padding: 0 0 0 20px; box-sizing: border-box; background-color: #333a46; color: #fff; font-size: 16px; text-indent: -9999px; overflow: hidden; }
.contents .auto_image_gallery .in_left	{ position: absolute; left: 50%; bottom: 14px; z-index: 2; width: 42px; height: 42px; line-height: 40px; border: 2px solid #fff; border-radius: 42px; box-sizing: border-box; margin-left: -120px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; font-family: serif; }
.contents .auto_image_gallery .in_right	{ position: absolute; left: 50%; bottom: 14px; z-index: 2; width: 42px; height: 42px; line-height: 40px; border: 2px solid #fff; border-radius: 42px; box-sizing: border-box; margin-left: 78px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; font-family: serif; }
.contents .auto_image_gallery .in_statee	{ position: absolute; left: 50%; bottom: 0; z-index: 2; width: 100px; height: 70px; line-height: 70px; margin-left: -50px; text-align: center; color: #fff; font-size: 17px; 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; }


.contents .list_picture	{ position: relative; float: left; width: 50%; min-height: 120px; padding: 0 20px 0 280px; margin: 20px 0 20px 0 !important; box-sizing: border-box; }
.contents .list_picture:before	{ position: absolute; left: 0; bottom: -20px; width: 100%; height: 1px; background-color: #e1e1e1; content: ""; }
.contents .list_picture:after	{ display: block; clear: both; content: ""; }
.contents .list_picture img	{ position: absolute; left: 0; top: 0; width: 260px; border: 0 none; }
.contents .list_picture strong	{ display: block; line-height: 29px; padding-bottom: 20px; font-size: 20px; color: #000; }
.contents .list_picture em	{ display: block; color: #267aff; font-weight: 600; }
.contents .list_picture span	{ position: relative; display: block; padding-left: 10px; }
.contents .list_picture span:before	{ position: absolute; left: 0; top: 10px; width: 2px; height: 2px; margin-right: 8px; background-color: #000; content: ""; vertical-align: middle; }
.contents .list_picture > br	{ display: none; }


.contents .list_picture2	{ position: relative; min-height: 145px; padding: 0 20px 0 280px; margin: 40px 0 40px 0 !important; box-sizing: border-box; }
.contents .list_picture2:before	{ position: absolute; left: 0; bottom: -20px; width: 100%; height: 1px; background-color: #e1e1e1; content: ""; }
.contents .list_picture2:after	{ display: block; clear: both; content: ""; }
.contents .list_picture2 img	{ position: absolute; left: 0; top: 0; width: 260px; border: 0 none; }
.contents .list_picture2 strong	{ display: block; line-height: 29px; padding-bottom: 20px; font-size: 20px; color: #000; }
.contents .list_picture2 strong:before	{ display: inline-block; margin-right: 10px; border-width: 10px 10px 0 0; border-style: solid; border-color: transparent #000; content: ""; vertical-align: middle; }
.contents .list_picture2 em	{ display: block; color: #267aff; font-weight: 600; }
.contents .list_picture2 span	{ position: relative; display: block; padding-left: 10px; }
.contents .list_picture2 span:before	{ position: absolute; left: 0; top: 10px; width: 2px; height: 2px; margin-right: 8px; background-color: #000; content: ""; vertical-align: middle; }
.contents .list_picture2 > br	{ display: none; }


.contents .list_picture3	{ position: relative; float: left; width: 360px; height: 360px; padding: 0; margin: 25px 12.5px 0 12.5px !important; box-sizing: border-box; background-color: #fafafa; }
.contents .list_picture3:after	{ display: block; clear: both; content: ""; }
.contents .list_picture3 img	{ display: block; width: 100%; height: 210px; border: 0 none; border-bottom: 10px solid #fff; }
.contents .list_picture3 strong	{ display: block; line-height: 29px; padding: 10px 20px; font-size: 18px; color: #267aff; }
.contents .list_picture3 em	{ display: block; color: #267aff; font-weight: 600; }
.contents .list_picture3 span	{ position: relative; display: block; padding: 0 20px; }
.contents .list_picture3 span:before	{ position: absolute; left: 10px; top: 10px; width: 2px; height: 2px; margin-right: 8px; background-color: #000; content: ""; vertical-align: middle; }
.contents .list_picture3 > br	{ display: none; }



.contents div.ceo	{ position: relative; float: left; width: 580px; min-height: 270px; padding: 19px 19px 19px 229px; margin: 0 39px 39px 0 !important; border: 1px solid #2758a5; box-sizing: border-box; }
.contents div.ceo:nth-child(2n){ float: right; margin-right: 0 !important; }
.contents div.ceo:after	{ display: block; clear: both; content: ""; }
.contents div.ceo img	{ position: absolute; left: 19px; top: 19px; width: 180px; border: 0 none; }
.contents div.ceo strong	{ display: block; line-height: 60px; padding-left: 25px; background: url(../image/contents_ceo.png) no-repeat 0 center; font-size: 20px; color: #2758a5; font-weight: 600; }
.contents div.ceo dl	{ position: relative; padding: 0 0 0 100px; margin: 0 0 0 20px; list-style: none; }
.contents div.ceo dl dt	{ position: absolute; left: 0; width: 80px; line-height: 30px; padding: 0; margin: 0; list-style: none; text-align: center; background-color: #f3f3f3; color: #4e4e4e; }
.contents div.ceo dl dd	{ position: relative; padding: 0 0 0 10px; margin: 0 0 10px 0; list-style: none; }
.contents div.ceo dl dd:before	{ position: absolute; left: 0; top: 10px; width: 2px; height: 2px; margin-right: 8px; background-color: #000; content: ""; vertical-align: middle; }
.contents div.ceo dl dd:nth-child(2)	{ padding-left: 0; }
.contents div.ceo dl dd:nth-child(2):before		{ content: none; }



.contents .list_strong	{ padding: 0; margin: 25px 0; list-style: none; }
.contents .list_strong > li	{ position: relative; line-height: 30px; padding: 0 0 0 100px; margin: 0 0 10px 0; list-style: none; background: none; }
	.contents .list_strong.big > li	{ padding-left: 140px; }
	.contents .list_strong.large > li	{ padding-left: 160px; }
.contents .list_strong > li:last-child	{ margin-bottom: 0; }
.contents .list_strong > li > strong	{ position: absolute; left: 0; top: 0; display: block; width: 80px; background-color: #f3f3f3; text-align: center; color: #4e4e4e; }
	.contents .list_strong.big > li > strong	{ width: 120px; }
	.contents .list_strong.large > li > strong	{ width: 140px; }

.contents .list_strong2	{ padding: 0; margin: 25px 0; list-style: none; }
.contents .list_strong2 > li	{ position: relative; line-height: 30px; padding: 0; margin: 0 0 10px 0; list-style: none; background: none; }
.contents .list_strong2 > li:last-child	{ margin-bottom: 0; }
.contents .list_strong2 > li > strong	{ display: inline-block; min-width: 80px; padding: 0 10px; margin-right: 10px; box-sizing: border-box; background-color: #f3f3f3; text-align: center; color: #4e4e4e; }


.contents .list2	{ padding: 0; margin: 25px 0; list-style: none; }
.contents li .list2,
.contents td .list2	{ margin: 0; }
.contents .list2 li	{ position: relative; padding: 0 0 0 10px; background: none; }
.contents .list2 li:before	{ position: absolute; left: 0; top: 11px; width: 4px; height: 1px; background-color: #333; content: ""; }


.pagemaker > ul,
.pagemaker > ol	{ margin-top: 20px !important; margin-bottom: 20px !important; }



.contents .list_no	{ padding: 0; margin: 25px 0; list-style: none; }
.contents li .list_no,
.contents td .list_no	{ margin: 0; }
.contents .list_no > li	{ position: relative; line-height: 30px; padding: 0 0 0 25px; margin: 0; list-style: none; background: none; }
.contents .list_no > li:before	{ position: absolute; left: 0; top: 5px; width: 20px; height: 20px; line-height: 20px;  border-radius: 20px; background-color: #272727; color: #fff; text-align: center; font-size: 12px; content: ""; }
.contents .list_no > li:nth-child(1):before	{ content: "1"; }
.contents .list_no > li:nth-child(2):before	{ content: "2"; }
.contents .list_no > li:nth-child(3):before	{ content: "3"; }
.contents .list_no > li:nth-child(4):before	{ content: "4"; }
.contents .list_no > li:nth-child(5):before	{ content: "5"; }
.contents .list_no > li:nth-child(6):before	{ content: "6"; }
.contents .list_no > li:nth-child(7):before	{ content: "7"; }
.contents .list_no > li:nth-child(8):before	{ content: "8"; }
.contents .list_no > li:nth-child(9):before	{ content: "9"; }
.contents .list_no > li:nth-child(10):before	{ content: "10"; }
.contents .list_no > li:nth-child(11):before	{ content: "11"; }
.contents .list_no > li:nth-child(12):before	{ content: "12"; }
.contents .list_no > li:nth-child(13):before	{ content: "13"; }
.contents .list_no > li:nth-child(14):before	{ content: "14"; }
.contents .list_no > li:nth-child(15):before	{ content: "15"; }
.contents .list_no > li:nth-child(16):before	{ content: "16"; }
.contents .list_no > li:nth-child(17):before	{ content: "17"; }
.contents .list_no > li:nth-child(18):before	{ content: "18"; }
.contents .list_no > li:nth-child(19):before	{ content: "19"; }
.contents .list_no > li:nth-child(20):before	{ content: "20"; }

.contents .list_no2 > li	{ position: relative; line-height: 30px; padding: 0 0 0 25px; margin: 0; list-style: none; background: none; }
.contents .list_no2 > li:before	{ position: absolute; left: 0; top: 5px; width: 18px; height: 18px; line-height: 18px; border: 1px solid #272727; border-radius: 20px; background-color: #fff; color: #272727; text-align: center; font-size: 12px; content: ""; }
.contents .list_no2 > li:nth-child(1):before	{ content: "1"; }
.contents .list_no2 > li:nth-child(2):before	{ content: "2"; }
.contents .list_no2 > li:nth-child(3):before	{ content: "3"; }
.contents .list_no2 > li:nth-child(4):before	{ content: "4"; }
.contents .list_no2 > li:nth-child(5):before	{ content: "5"; }
.contents .list_no2 > li:nth-child(6):before	{ content: "6"; }
.contents .list_no2 > li:nth-child(7):before	{ content: "7"; }
.contents .list_no2 > li:nth-child(8):before	{ content: "8"; }
.contents .list_no2 > li:nth-child(9):before	{ content: "9"; }
.contents .list_no2 > li:nth-child(10):before	{ content: "10"; }
.contents .list_no2 > li:nth-child(11):before	{ content: "11"; }
.contents .list_no2 > li:nth-child(12):before	{ content: "12"; }
.contents .list_no2 > li:nth-child(13):before	{ content: "13"; }
.contents .list_no2 > li:nth-child(14):before	{ content: "14"; }
.contents .list_no2 > li:nth-child(15):before	{ content: "15"; }
.contents .list_no2 > li:nth-child(16):before	{ content: "16"; }
.contents .list_no2 > li:nth-child(17):before	{ content: "17"; }
.contents .list_no2 > li:nth-child(18):before	{ content: "18"; }
.contents .list_no2 > li:nth-child(19):before	{ content: "19"; }
.contents .list_no2 > li:nth-child(20):before	{ content: "20"; }


.contents ul.box,
.contents ol.box	{ padding: 20px; margin-left: 0 !important; background-color: #fafafa; }

.contents ol.box2	{}
.contents ol.box2 li	{ padding: 10px 10px 10px 35px; margin-bottom: 10px; background-color: #fafafa; }
.contents ol.box2 li:before	{ left: 10px; top: 15px; }


.contents .button.blue	{ border: 0 none; background-color: #2758a5; color: #fff; }
.contents .button.download	{ border-color: #2758a5; background: #2758a5 url(../image/icon_download.png) no-repeat 25px center; color: #fff; }
.contents td .button.download	{ display: inline-block; line-height: 40px; padding: 0 25px 0 55px; margin: -10px 5px; border-radius: 0; }

.modules_board .proc_read .read_file ol li	{ padding-bottom: 5px; }
.modules_board .proc_read .read_file ol li a.button.download	{ background-image: none; }


.contents .icon_train	{ display: inline-block; line-height: 32px; padding-left: 44px; margin-top: 10px; margin-bottom: 5px; background: url(../image/contents_icon_train.png) no-repeat 0 0; color: #000; font-weight: 700; }
.contents .icon_ship	{ display: inline-block; line-height: 32px; padding-left: 44px; margin-top: 10px; margin-bottom: 5px; background: url(../image/contents_icon_ship.png) no-repeat 0 0; color: #000; font-weight: 700; }
.contents .icon_bus	{ display: inline-block; line-height: 32px; padding-left: 44px; margin-top: 10px; margin-bottom: 5px; background: url(../image/contents_icon_bus.png) no-repeat 0 0; color: #000; font-weight: 700; }
.contents .icon_car	{ display: inline-block; line-height: 32px; padding-left: 44px; margin-top: 10px; margin-bottom: 5px; background: url(../image/contents_icon_car.png) no-repeat 0 0; color: #000; font-weight: 700; }
.contents .icon_contents	{ /*padding-left: 44px;*/ }
.contents p.icon_contents	{ margin: 0 0 10px 0; }
.contents strong.icon_contents,
.contents span.icon_contents	{ display: inline-block; }

.contents .icon_bus2	{ display: inline-block; padding-left: 41px; margin-top: 25px; background: url(../image/contents_icon_bus2.png) no-repeat 0 center; font-size: 16px; color: #000; }

.contents .find_load	{ position: relative; padding-left: 50px; }
.contents .find_load .icon_train,
.contents .find_load .icon_ship,
.contents .find_load .icon_bus,
.contents .find_load .icon_car	{ margin-left: -44px; }




.contents img.extension	{ width: 20px; vertical-align: middle; }


.contents .line_space_more	{ line-height: 30px; }





/* 게시판 */
.modules_board .proc_list .search	{ margin-top: 0; }
.modules_board .proc_list .search form fieldset	{ padding: 14px 0; border: 1px solid #e9e9e9; background-color: #fafafa; text-align: center; }
.modules_board .proc_list .search form fieldset p.category,
.modules_board .proc_list .search form fieldset p.search_word	{ float: none; display: inline-block; text-align: left; }
.modules_board .proc_list .search form fieldset p select	{ width: 210px; height: 40px; padding-left: 20px; border: 1px solid #ccc; box-sizing: border-box; }
.modules_board .proc_list .search form fieldset p input	{ width: 500px; height: 40px; border: 1px solid #ccc; box-sizing: border-box; }
.modules_board .proc_list .search form fieldset p button	{ width: 40px; height: 40px; padding: 0; margin: 0 0 0 -3px; border: 0 none; border-radius: 0; box-sizing: border-box; text-indent: -999px; overflow: hidden; background: #c6c6c6 url(../image/board_search.png) no-repeat center center !important; }
.modules_board .proc_list .search form fieldset p button:focus, .modules_board .proc_list .search form fieldset p button:hover, .modules_board .proc_list .search form fieldset p button:active	{ background-color: #333 !important; }
.modules_board .proc_list .search form fieldset p select[name="search_field"]	{ margin-right: 13px; }

.modules_board .proc_list .page_size	{ display: none; }
.modules_board .proc_list .page_size	{ padding: 3px 0 3px 5px; margin: 0; }
.modules_board .proc_list .page_size select	{ height: 40px; border: 1px solid #ccc; box-sizing: border-box; }
.modules_board .proc_list .page_size button	{ width: 40px; height: 40px; padding: 0; margin: 0 0 0 -3px; border: 0 none; border-radius: 0; box-sizing: border-box; background-color: #c6c6c6 !important; color: #fff; font-size: 15px; }
.modules_board .proc_list .page_size button:focus, .modules_board .proc_list .page_size button:hover, .modules_board .proc_list .page_size button:active	{ background-color: #333 !important; }

.modules_board .proc_list .count	{ line-height: 46px; margin: 0 5px 0 0; }
.modules_board .proc_list .count p	{ line-height: 46px; }
.modules_board .proc_list .count p strong	{ color: #da2641; font-weight: normal; }

.modules_board .proc_list .open_api	{ margin: 0 5px; }
.modules_board .proc_list .open_api a	{ line-height: 46px; }

.modules_board .proc_list .order	{ padding: 3px 0; margin: 0 5px 0 0; }
.modules_board .proc_list .order a	{ min-width: 100px; height: 40px; line-height: 40px; border-radius: 0; box-sizing: border-box; font-size: 15px; }

.modules_board .proc_list .list	{}
.modules_board .proc_list .list table	{ border-width: 2px 0 1px 0; }
.modules_board .proc_list .list table thead th	{ padding: 16px 0; border-width: 0; background-color: #fff; font-weight: normal; color: #000; font-size: 1em; }
.modules_board .proc_list .list table tbody th,
.modules_board .proc_list .list table tbody td	{ padding: 16px 0; border-width: 0; }
.modules_board .proc_list .list table tbody td a	{ font-weight: normal; }
.modules_board .proc_list .list table tbody td em.gonggo_no	{ color: #2758a5; }

.modules_board .proc_list .list tr.board_notice	{ background-color: transparent; color: inherit; }
.modules_board .proc_list .list tr.board_notice td:first-child	{ position: relative; text-indent: -9999px; overflow: hidden; }
.modules_board .proc_list .list tr.board_notice td:first-child:after	{ position: absolute; left: 50%; top: 50%; width: 30px; height: 20px; line-height: 20px; padding: 0; margin: -10px 0 0 -15px; background-color: #2758a5; text-align: center; color: #fff; font-size: 11px; text-indent: 0; content: "공지"; }


.contents .pagejump	{ margin: 30px 0; }
.contents .pagejump p	{ margin: 0; text-align: center; }
.contents .pagejump a	{ display: inline-block; width: 40px; height: 40px; line-height: 38px; padding: 0; margin: 0; border: 1px solid #d6d6d6; box-sizing: border-box; background-color: #fff; text-align: center; color: #000; }
.contents .pagejump a:focus, .contents .pagejump a:hover, .contents .pagejump a:active	{ border-color: #666; background-color: #666; color: #fff; }
.contents .pagejump a.now	{ border-color: #353535; background-color: #353535; color: #fff; }
.contents .pagejump a.now strong	{ font-weight: normal; color: #fff; }
.contents .pagejump a.first	{ margin-right: 0; }
.contents .pagejump a.first:after	{ content: "◀◀"; font-size: 12px; }
.contents .pagejump a.first span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.contents .pagejump a.prev	{ margin-right: 10px; }
.contents .pagejump a.prev:after	{ content: "◀"; font-size: 12px; }
.contents .pagejump a.prev span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.contents .pagejump a.next	{ margin-left: 0; }
.contents .pagejump a.next:after	{ content: "▶"; font-size: 12px; }
.contents .pagejump a.next span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.contents .pagejump a.end	{ margin-left: 10px; }
.contents .pagejump a.end:after	{ content: "▶▶"; font-size: 12px; }
.contents .pagejump a.end span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }




.modules_board .proc_read .read_header	{ padding: 20px; border-top: 2px solid #555; background-color: #fff; }
.modules_board .proc_read .read_header h3	{ font-size: 18px; color: #000; }
.modules_board .proc_read .read_header h3 strong	{ background-color: #2758a5 !important; }
.modules_board .proc_read .read_header h3 em.gonggo_no	{ color: #2758a5; }
.modules_board .proc_read .read_header dl dt	{ position: absolute; width: 0; height: 0; overflow: hidden; }
.modules_board .proc_read .read_header dl dt:nth-child(5)	{ position: static; width: auto; height: auto; padding-right: 0; font-weight: normal; overflow: visible; }
.modules_board .proc_read .read_header dl dd:before	{ display: inline-block; padding: 0 10px; content: " | "; }
.modules_board .proc_read .read_header dl dd:nth-child(6):before	{ padding: 0 5px 0 0; font-weight: normal; content: "수 : "; }
.modules_board .proc_read .read_header dl dd:nth-child(2):before	{ content: none; }


.modules_board .proc_write td label[for="extra_datas'dept_team_1'"],
.modules_board .proc_write td label[for="extra_datas'dept_part_1'"],
.modules_board .proc_write td label[for="extra_datas'dept_name_1'"],
.modules_board .proc_write td label[for="extra_datas'dept_tel_1'"],
.modules_board .proc_write td label[for="extra_datas'dept_team_2'"],
.modules_board .proc_write td label[for="extra_datas'dept_part_2'"],
.modules_board .proc_write td label[for="extra_datas'dept_name_2'"],
.modules_board .proc_write td label[for="extra_datas'dept_tel_2'"]	{ display: inline-block; min-width: 100px; line-height: 28px; margin-bottom: 5px; text-align: right; }
	

.modules_board .board_intro	{ padding: 0; margin: 0; border: 0 none; background-color: transparent; }
.modules_board .proc_read .file_list .description	{ display: inline-block; padding-left: 25px; }
	


/**
CONTENTS MOBILE
**/
@media all and (max-width:1200px)
{
	.kntool_popup_layerpopup	{ left: 0 !important; max-width: 100% !important; height: auto !important; }
	
	body	{ min-width: 320px; }
	
	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,
	body .contents,
	.contents table tbody tr th,
	.contents table tbody tr td	{ font-size: 13px; }
	
	#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; }


	.contents div.table_box	{ width: auto; overflow: visible; }
	.contents div.table_box:before	{ display: none; }
	.contents div.table_box.has_scroll	{ width: 100%; overflow: hidden; overflow-x: auto; }
	.contents div.table_box.has_scroll:before	{ display: block; }
	.contents div.table_box table	{ table-layout: auto; min-width: 0; margin: 5px 0; }
	.contents div.table_box table th,
	.contents div.table_box table td	{ white-space: nowrap; }

	.contents table tbody td.txtleft	{ padding-left: 5px; padding-right: 5px; }
	.contents table tbody td.txtcenter	{ padding-left: 5px; padding-right: 5px; }
	.contents table tbody td.txtright	{ padding-left: 5px; padding-right: 5px; }




	
	.contents .auto_image_gallery_title	{ float: none !important; width: auto; height: auto; padding-top: 10px; 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: 12px; }
	.contents .auto_image_gallery_title > em	{ position: static; padding-left: 0; padding-right: 0; font-size: 12px; }
	.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; }
	
	
	
	
	
	
	
	.contents .list_picture	{ float: none; width: auto; padding: 20px 0 0 0; }
	.contents .list_picture img	{ position: static; display: block; width: auto; margin: 0 auto 20px auto; }
	
	
	
	
	/* 게시판 */
	.modules_board .proc_list .search form fieldset	{ padding: 10px; }
	.modules_board .proc_list .search form fieldset p.category	{ display: block; height: 40px; }
	.modules_board .proc_list .search form fieldset p.search_word	{ display: block; }
	.modules_board .proc_list .search form fieldset p select,
	.modules_board .proc_list .search form fieldset p.search_word select	{ display: block; width: 100%; margin-bottom: 10px; }
	.modules_board .proc_list .search form fieldset p.search_word input	{ float: left; display: block; width: 100%; }
	.modules_board .proc_list .search form fieldset p button	{ float: left; width: 40px !important; margin-left: -40px !important; }
	.modules_board .proc_list .search form fieldset p.category	{ margin-bottom: 10px; }
	.modules_board .proc_list .search form fieldset p select[name="search_field"]	{ margin-right: 0; }
	.modules_board .proc_list .search form fieldset p input[name="search_word"]	{ margin-left: 0; }
	.modules_board .proc_list .page_size,
	.modules_board .proc_list .open_api	{ display: none; }
	
/*
	.modules_board .proc_list .list table	{ display: block; }
	.modules_board .proc_list .list table colgroup	{ display: block; }
	.modules_board .proc_list .list table thead	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
	
	.modules_board .proc_list .list .table_box	{ overflow: visible; }
	.modules_board .proc_list .list .table_box:before	{ content: none; }
	.modules_board .proc_list .list table	{ width: 100%; min-width: 100%; }
	.modules_board .proc_list .list table tbody	{ display: block; }
	.modules_board .proc_list .list table tbody tr	{ display: block; line-height: 20px; padding: 9px 0; }
	.modules_board .proc_list .list table tbody tr:after	{ display: block; clear: both; content: ""; }
	.modules_board .proc_list .list table tbody tr td	{ position: relative; display: block !important; height: 25px; padding: 0 10px; white-space: normal; }
	.modules_board .proc_list .list table tbody tr td:empty	{ background-color: red; }
	.modules_board .proc_list .list table tbody tr td:after	{ position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin-top: -6px; background-color: #4e4e4e; content: ""; }
	.modules_board .proc_list .list table tbody tr td:nth-child(1)	{ display: none !important; }
	.modules_board .proc_list .list table tbody tr td:nth-child(2)	{ padding: 0 0 0 10px;}
	.modules_board .proc_list .list table tbody tr td:nth-child(3)	{ display: none !important; }
	.modules_board .proc_list .list table tbody tr td:nth-child(4),
	.modules_board .proc_list .list table tbody tr td:nth-child(5),
	.modules_board .proc_list .list table tbody tr td:nth-child(6),
	.modules_board .proc_list .list table tbody tr td:nth-child(7),
	.modules_board .proc_list .list table tbody tr td:nth-child(8),
	.modules_board .proc_list .list table tbody tr td:nth-child(9),
	.modules_board .proc_list .list table tbody tr td:nth-child(10)	{ position: relative; float: left; }
	.modules_board .proc_list .list table tbody tr td:nth-child(4)	{ clear: left; }
	
	.modules_board .proc_list .list table tbody tr td:nth-child(2),
	.modules_board .proc_list .list table tbody tr td:last-child	{ padding-right: 0; }
	.modules_board .proc_list .list table tbody tr td:nth-child(2):after,
	.modules_board .proc_list .list table tbody tr td:last-child:after	{ content: none; }
	
	.modules_board .proc_list .list table tbody tr td.empty	{ display: block !important; line-height: 50px; text-align: center; }
	
	
	.modules_board .proc_list .list table tbody tr.board_notice td:nth-child(1)	{ display: block !important; float: left; width: 49px; padding: 0; }
	.modules_board .proc_list .list table tbody tr td.readcount:before	{ display: inline-block; padding-right: 0.5em; content: "조회수"; }


	.modules_board .proc_list .list table.has_category tbody tr td:nth-child(2)	{ display: block !important; float: left; padding: 0 5px; margin-right: 10px; background-color: #f0f0f0; }
	.modules_board .proc_list .list table.has_category tbody tr td:nth-child(3)	{ display: block !important; }
	.modules_board .proc_list .list table.has_category tbody tr td:nth-child(3):after	{ content: none; }

	
	.modules_board .proc_list .list table tbody td a	{ display: block;  }
*/
	
	.contents .pagejump	{ display: block; }
	.contents .pagejump a	{ width: 25px; height: 25px; line-height: 23px; }
	
	

	.modules_board .proc_read .read_header dl dd	{ float: none; }
	.modules_board .proc_read .order	{ text-align: right; }


}