body {overflow: scroll;}
#warp{width:100%; padding:0; margin:0 auto;}
.wrap {max-width:1920px; min-width: 320px; padding:0; margin:0 auto; overflow: hidden;}
#skip_navi{}
#skip_navi li a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
#skip_navi li a:focus,
#skip_navi li a:active{width:100%;height:auto;margin:0;padding:5px 0;font-weight:bold;font-size:12px;font-family:Tahoma;color:#000;line-height:1;text-decoration:none !important;text-indent:10px}

#header { padding:0; margin:0 auto;}
#header h1{padding:0; margin:0;}

#header .logo_wrap { float:left; width:30%; margin-top:20px }
#header .menu_wrap { float:left; width:55%; }
#header .gnb_wrap { float:right; width:15%; }
#header #snb{ float:right; margin-top:22px; text-align:center; background-color:#f69400; border-radius:20px }
#header #snb li {display:inline-block; list-style:none; float:left; padding:3px 9px; margin:0}
#header #snb li a{ font-size:14px; color:#fff; }


/* 메인레이아웃 */
.wrap .left-wrap { width:100%; }

.wrap .mainBanner {
	width: 1920px;
	height: 735px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	left: 50%;
	margin-left: -960px;
	z-index: 0;
}

.main-video {background:#828282; width: 372px; height: 440px;  float: left;}

#main_warp { position: relative; width:100%; margin-top:-140px; padding:0; z-index:1000 }

#main_contents { margin:0; }
#main_contents #quick .img_wr {display: flex;justify-content: center;}
#main_contents #quick ul li { float:left; width:25%; text-align:center; line-height:1.2em; letter-spacing:-1px }
#main_contents #quick ul li p { line-height:1.2em }
#main_contents #quick ul li a { display:block; padding:10% 1.5% }
#main_contents #quick ul li a:hover { text-decoration:none }
.quick_ti { margin:10px 0;font-size:17px; font-weight:600 }
.quick1 { background-color:#fff; border:1px solid #e6e6e6 }
.quick2 { background-color:#dddfe4; border:1px solid #dddfe4 }
.quick3 { background-color:#4763b2; border:1px solid #4763b2 }
.quick4 { background-color:#293b65; border:1px solid #293b65 }

#main_contents #main_board { width:100%; padding:0; margin: 5% 0 }

#main_contents #main_board #board_left {float:left;width: calc(100% / 3);}

.popup_zone {width: 470px;height:340px;margin: 45px 0 45px 20px;float:left;}
.popup_tit {font-size: 20px;padding: 0 10px;color: #3463b6;font-weight: 700;/* height:70px; *//* line-height:70px; *//* border:1px solid #ddd; *//* background: #fff; */}
.popup_tit span{font-weight:500;}
.popup_slide_wr {position:relative;/* border: 1px solid #ddd; */border-top: 0;}
.popup_slide_wr .bx-prev {display:inline-block;width: 30px;height:31px;text-indent:-9999px;font-size:0;background:url('../images/main/link_left.jpg') no-repeat center;background-size:100%;}
.popup_slide_wr .bx-next {display:inline-block; width:30px; height:31px; text-indent:-9999px; font-size:0; background:url('../images/main/link_right.jpg') no-repeat center; background-size:100%;}
.popup_slide_wr .bx-controls {position:absolute;top: -40px;right: 10px;text-align:center;}
.popup_slide_wr .bx-start {display:inline-block;width: 30px;height: 31px;text-indent:-9999px;font-size:0;background:url('../images/main/link_play.jpg') no-repeat center;background-size:100%;}
.popup_slide_wr .bx-stop {display:inline-block; width:30px; height:31px; text-indent:-9999px; font-size:0; background:url('../images/main/link_stop.jpg') no-repeat center; background-size:100%;}
.popup_slide_wr .bx-controls-auto {position:absolute;top:0px;right: 63px;text-align:center;width: 60px;height: 32px;}
.popup_slide_wr .bx-controls-auto-item {float:left;}

.board_txt1 { font-size:17px; font-weight:600 }
.board_txt2 { font-size:35px; font-weight:600 }

.board_box {min-height: 300px;max-height: 300px;padding: 35px 30px;border:1px solid #ccc;}
.board_ti { padding-bottom:10px; font-size:17px; font-weight:600; border-bottom:1px solid #ccc }
.board_ti .latest-ttl {display: flex;justify-content: space-between;}
.board_ti .latest-ttl-left {display: flex;gap:5px;}
.board_ti .latest-ttl-left span {font-weight: 700;}
.board_ti img { vertical-align:middle }
.board_ti a { color:#4763b2 !important }
.more { float:right; font-size:14px; color:#666 }
.date { color:#666 }
.gallery_txt { margin-top:7px }

#main_contents #main_board #notice {float:left;width: calc(100% / 3);}
#main_contents #main_board #notice ul { min-height:82px; margin-top:20px }
#main_contents #main_board #notice ul li { margin:5px 0; font-weight:600 }
#main_contents #main_board #notice ul li .cls_ellipsis_subjct { width: 100%; font-size:15px !important; font-weight:600; }

#main_contents #main_board #gallery{float: left;width: calc(100% / 3);}
#main_contents #main_board #gallery ul { margin-top:25px }
#main_contents #main_board #gallery ul li { float:left; width: 49%; margin-left: 2%; font-weight:600; text-align:center }
#main_contents #main_board #gallery ul li:first-child { margin-left:0; }
#main_contents #main_board #gallery ul li img { width: 100%; height: 120px; }

#sub_bg { position: relative; overflow: hidden; }
#sub_bg #sub_visual_img { position: relative; margin:0 auto; left:50%;  margin-left:-960px; width:1920px; height:275; z-index: 0; }
#sub_warp .sub-left-wrap { width: 18%; }
#sub_warp .sub-right-wrap { float:right; width:78% }
.sub_contents_top { border-bottom:1px solid #ccc }
.sub_menu_ti span { font-size:21px; line-height:70px; font-weight:600 }
.sub_title { padding-left:29px !important; font-family:'Noto Sans KR', "나눔고딕", sans-serif; font-size:25px; line-height:70px; font-weight:600; background:url(/safety/images/common/icon_title.png) no-repeat 0 center }

#contents { float:left; width: 100%; }
#sub_contents { padding:0; margin:0 0 70px 0; min-height:350px;  clear:both }


#footer { padding:0; margin:0 auto;  position:relative; background-color:#333; z-index:1000; clear:both }
#footer .foot_link { width:100%; margin:0 auto; padding:15px 0; text-align:center; border-bottom:1px solid #545454 }
#footer .foot_link ul { text-align:center }
#footer .foot_link ul li { display:inline-block }
#footer .foot_link a { padding-right:25px; font-size:14px; font-weight:600; color:#ccc }
#footer .foot_link .spt { padding:3px 5px; font-size:14px }
#footer .foot_link select { height:100% }
#footer .copyright { padding:35px 0; font-size:14px; text-align:center; color:#b4b4b4 }
#footer .copyright a { color:#b4b4b4 }



/* 상단메뉴 */
.DB_navi15, .DB_navi15 ul, .DB_navi15 li{margin:0;padding:10px 0 0 0;list-style:none}
.DB_navi15 img{border:0}

.DB_navi15 {width:100%;height:48px; z-index:999;position:relative;margin:0 auto; clear:both;}
.DB_navi15 .DB_wrap{width:100%;height:85px;overflow:hidden;position:absolute;margin-left:0px/*좌측여백*/}
.DB_navi15 .DB_wrap .DB_main{position:relative;float:left;padding: 11px 46px; /*메인메뉴간격*/; font-size: 13pt;}
.DB_navi15 .DB_wrap .DB_main a { color: white; }
.DB_navi15 .DB_wrap .DB_main .DB_sub{position:absolute;left:0;top:48px;display:none; background-color: red;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s1{left:0px/*서브메뉴위치*/; width: 390px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s2{left:30px; width: 270px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s3{left:30px; width:220px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s4{left:30px; width:240px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s5{left:-170px; width:550px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s6{left:-253px; width:430px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li{float:left; padding:0; margin:0;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li.DB_first a{*서브배경공간*/;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li.DB_last{background:url('img/subBg_right.gif') no-repeat right 0 /*서브메뉴배경*/;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li.DB_last a{margin-right:12px/*서브배경공간*/;}

.DB_navi15 .DB_wrap .DB_main .DB_sub li a{display:inline-block;height:38px;padding:0 10px/*서브메뉴간격*/;background:url('img/subBg_center.gif')/*서브메뉴배경*/; color:white !important; font-size: 11pt;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li a img{margin-top:10px/*서브메뉴높이*/;vertical-align:middle}


/* 켄텐츠 h3타이틀 및 가이드 */
#contents_head { position:relative; margin:4% 0; text-align:center; }
#contents_head img { vertical-align:bottom }
#contents_head span { font-size:25px !important; line-height:32px; color:#3366cc; font-weight:600 }

#mmenu-icon { display: none; }

/* center-wrap width */
@media only screen and (max-width: 1200px) {
	.wrap .bannerWrap { overflow: visible; }
	.wrap .mainBanner {
		width: 160vw;			/* = 1920(image width) * 100 / 1024(site width) */
		height: auto;
		margin: 0 auto;
		position: relative;
		left: 50%;
		margin-left: -80vw;	/* = width / 2 */
		z-index: 99;
	}
	#header { padding:0 4% }
	#main_contents { max-width:100%; margin:2% 4% }
}

@media only screen and (max-width: 1024px) {
	#header { padding:0 }
	#header .logo_wrap { width:100%; padding-bottom:15px; text-align:center; border-bottom:1px solid #ccc }
	#header .menu_wrap { float:right; width:50%; padding-right:4% }
	#header .gnb_wrap { float:left; width:50%; padding-left:4% }
	#header #snb { float:left; margin:15px 0; text-align:center }

	#main_contents #quick ul li { width:50% }
	#main_contents #quick ul li a { padding:5% }

	#main_contents #main_board #board_left {display:none;/* width: 100%; */}
	#main_contents #main_board #notice, #main_contents #main_board #gallery { width:48% }

	#sub_bg #sub_visual_img {
		width: 160vw;			/* = 1920(image width) * 100 / 1200(site width) */
		height: auto;
		/* left:0%; */
		margin-left: -80vw;
	}

	#sub_warp .sub-left-wrap { display:none }
	#sub_warp .sub-right-wrap { width:92%; margin:0 4% }
	.sub_title { font-size:19px; line-height:60px }


	#contents { width: 100%; padding: 0; }

	#mainMenu { display: none !important; }
	#mmenu-icon {
		display: inline-block;
		color: #fff;
		background-color: none;
		position: relative;
		float: right;
		text-align: left;
		font-size: 1.0em;
		border-radius: 5px;
		margin:15px 0 0 0;
	}
	.mm-menu.mm-theme-dark { background-color:#2d4ca1 !important }

	#footer { padding:0 4% }

}

@media only screen and (max-width: 768px) {

	#main_contents #main_board #notice, #main_contents #main_board #gallery { width:100% }
	#main_contents #main_board #gallery { margin-top:5% }
	.board_box { min-height:inherit; max-height:inherit }

	#contents_head span { font-size:21px !important; }
}

@media only screen and (max-width: 500px) {
	table.basic colgroup col:nth-child(1) { display: none; }
	table.basic colgroup col:nth-child(5) { display: none; }
	table.basic thead th:nth-child(1) { display: none; }
	table.basic thead th:nth-child(5) { display: none; }
	table.basic tbody:nth-of-type(1) td:nth-child(1) { display: none; }
	table.basic tbody td:nth-child(5) { display: none; }

	#main_warp { margin-top:-65px }
	#main_contents #quick ul li { width:100% }

	#quick li { width:33.3%; font-size:14px; }
	#footer form { margin-top:10px }

	/* 켄텐츠 h3타이틀 및 가이드 */
	#contents_head { margin:8% 0 }
	#contents_head img { max-width:9%; }
	#contents_head span { font-size:19px !important; line-height:23px }
}