@font-face {
    font-family: 'Taenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.otf') format('opentype');
    font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.otf') format('opentype');
    font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.otf') format('opentype');
    font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.otf') format('opentype');
    font-weight: 600;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.otf') format('opentype');
    font-weight: 700;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}

a {color: black;text-decoration: none;}
a:link {color: black;text-decoration: none;}
button {background: none; font-size: inherit; font-family: inherit; cursor: pointer; color: inherit; box-sizing: border-box; border: 0; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

body {font-family: "Noto Sans KR", sans-serif; color: #191919;}

.inner {max-width: 1200px; margin: 0 auto; height: 100%;}
.wrap {min-height: 1000px;}

/*header {height: 60px; background: #fff;}
header .inner {display: flex; align-items: center; justify-content: center; position: relative; }
header .logo {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
header h2 {font-size: 19px; color:#333333; font-family: 'Noto Sans KR'; margin-top: 2px;text-align:center; font-weight:bold;}*/


.s_con_visual {height: 330px;background:url('../images/260914_chusuk_bg.png');background-size: cover;position:relative;display: flex; align-items: center; justify-content: center;}
.s_con_visual .inner {width: 100%;padding-top:15px;position:absolute;}
.s_con_visual .visual_con{display:block;margin:0 auto;text-align:center;}
.s_con_visual .visual_con h3{display:block;text-align:center;font-family: 'Taenada';font-size:56px;color:#fff;font-weight:400;line-height:70px;}

.main {width: 1200px;position: relative; margin:40px auto 70px auto;}

.contents {/* width: 80%; max-width:1100px;*/ margin:0 auto;}


.bul_table1{display:table;width:100%;padding-bottom:5px;}
.bul_table1_tr{display:table-row;}
.bul_table1_td{display:table-cell;font-size: 26px; font-weight: 400;line-height:35px;width:97.5%;font-family: 'YeogiOttaeJalnan';color:#333;}
.bul_table1_td.normal{display:table-cell;font-size: 20px; font-weight: 400 !important;line-height:1.5;}
.bul_table1_td.normal font{color:#CC3D3D;font-size:26px;font-weight: 700;}
.bul_table1_td.icon{ vertical-align: top;width:2.5%;}
/*.bul_table1_td.icon h3{background:url('../images/bul1_type1_240904.png') no-repeat 0 6px; height:25px; width:25px;}*/
	

.bul_table1_td.icon.medi{background:url('../images/tab_icon1.png') no-repeat 0 5px; background-size:22px 22px;}
.bul_table1_td.icon.default{background:url('../images/tab_icon2.png') no-repeat 0 6px; background-size:22px 22px;}
.bul_table1_td.icon.trash{background:url('../images/tab_icon3.png') no-repeat 0 2px; background-size:23px 29px;}
.bul_table1_td.icon.transport{background:url('../images/tab_icon4.png') no-repeat 0 6px; background-size:25px 23px;}


.bul_table2{width:100%;display:table;margin-left:-21px; margin-top:20px;font-family: 'Pretendard';}
.bul_table2_tr{display:table-row;	}
.bul_table2_td{display:table-cell;font-weight: 400;font-size:20px;line-height: 35px;overflow:hidden; font-weight:400; color:#333;width:98%}
.bul_table2_td span{font-weight:700;}
.bul_table2_td.icon{width:2%;}
.bul_table2_td.icon span{display:inline-block;width:5px;height:5px;margin-right:10px;border:none;border-radius:2.5px;background:#3d386e;vertical-align: 4px;}
.bul_table2_td.text{width:3%;}
.bul_table2_td table{width:100%;margin:10px 0;}
.bul_table2_td .info{margin-top:10px;}
.bul_table2.sub{margin-left:0; margin-top:0 !important;}
.bul_table2.sub .bul_table2_td{padding-bottom: 0;}
.bul_table2_td.img{padding-top:10px;}
.bul_table2_td em{color:#a64725;}

.font22 {color:#a64725;}



.br_text{display:none;}

.tab_list {margin: 0 auto 40px auto; display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-bottom:40px;border-bottom:1px solid #eeeeee;}
.tab_list button b{font-weight:bold;}
/*.tab_list button:nth-child(n+2){margin-left:19px;}*/

.tab_list .tab {font-family: 'Pretendard';font-size: 20px; font-weight: 600; color:#000;  padding: 8px 14px;background: #eeeeee; letter-spacing: -1px;margin-right: 15px;border-radius:5px;line-height:24px; width: calc(100%  / 4 - 14.5px); border-radius:20px;}
.tab_list .tab:hover, .tab_list .tab.active {outline:2px solid #316198}
.tab_list .tab:last-child {margin-right: 0;}
.tab_list .tab span{ font-size: 19px;}

.tab_list .tab.medi{background: #ffb1b1;}
.tab_list .tab.default{background: #ffd3af;}
.tab_list .tab.trash{background: #b1e6d1;padding: 5.5px 14px;}
.tab_list .tab.transport{background: #a1e4eb;}

.tab_list .tab.medi img{vertical-align: -3px;}
.tab_list .tab.default img{vertical-align: -4px;}
.tab_list .tab.trash img{vertical-align: -7px;}
.tab_list .tab.transport img{vertical-align: -5px;}


.m_scroll{display:none;}


.tab_panel {display: block;width: 100%;}

.mt20{margin-top:20px;}
/* 컨텐츠 표 */
.table1 {margin-top:0; clear: both;width: 100%; border-collapse: collapse;border-spacing: 0px;empty-cells: show;font-family: 'Pretendard';}

.table1 .bd0 {border-left: 0;}
.table1 thead th {vertical-align: middle;height:26px;font-weight: normal;text-align: center;line-height:20px;padding:9.75px 5px;color:#333;font-size:19px;background:#ddd;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.table1 thead th:last-child{
	border-right:none;
}

.table1 tbody th {vertical-align: middle;line-height:18px;padding:9.5px 7px;color:#333;font-size:19px;background:#ddd;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.table1 tbody td {vertical-align: middle;text-align: center;line-height:18px;padding:5.25px 5px;color:#333;font-size:19px;border-right:1px solid #fff;border-bottom:1px solid #fff;line-height:1.5;background:#eee;}
.table1 tbody td span{color:#2e4997; font-weight:bold;}
.table1 tbody td.left_td{text-align: left !important;padding-left:10px;}

.table1 tbody th:last-child, .table1 tbody td:last-child{
	border-right:none;
}

.table1 thead th.borderTL{border-top-left-radius:10px;}
.table1 thead th.borderTR{border-top-right-radius:10px;}
.table1 tbody td.borderBL{border-bottom-left-radius:10px;}
.table1 tbody td.borderBR{border-bottom-right-radius:10px;}

.table1 tbody th.bgn {color:#171717;}
.table1 .bg1 {color:#171717;background:#fdf7f5;}
.table1 .bg2 {color:#171717;background:#fdf7f5;}
.table1 .bg3 {background:#fdf7f5;}
.table1 .bg4 {background:#fdf7f5;}
.table1 caption.dns {overflow: hidden;width: 0; height: 0;font-size: 0;}

/* 선택 했을 때 테이블 tr 색 변경 */
.table1 tr.active{background:#f8f8f8;}

/* 카드뉴스 */
.card_news_contents {padding: 20px !important;}
.container * {line-height: 1.7em !important;}

a.btnFile {padding: 12px 85px 12px 15px;margin-top:10px;background:url('../images/btn_file.png') no-repeat right 5px;border: 1px solid #c1c1c1;border-radius:5px;box-sizing:border-box;line-height:1.5;font-size:16px;}

.btn_div{margin-top: 40px;}
.btn_div.top{margin-top: 20px !important;margin-bottom:40px !important;margin-left:20px;}
.btn_div a{font-size:17px;}

.table1_div + .icon_scroll {display:none;position: relative;}
.table1_div + .icon_scroll .blind {position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip: rect(0 0 0 0);}

.img_div{margin-bottom:30px;}

/*  */
.card_news_wrap {position: relative;}
.card_news_img {width: 100%;max-width: 650px;margin: 0 auto 30px;border: 1px solid #dedede;box-sizing: border-box;}
.card_news_contents {width: 100%;max-width: 650px;margin: 0 auto;border: 1px solid #dedede;border-radius: 10px;padding: 20px 20px 10px;box-sizing: border-box;}
.underline {text-decoration: underline;}
.carsNews ul li span {margin-left: 0;}
.card_news_btn {width: 30px;height: 45px;position: absolute;top: 325px;transform: translateY(-50%);}
.card_news_btn.prev {background: rgba(0, 0, 0, 0.5) url('/Open_Content/images/arrow_icon2.png')no-repeat center;left: 0;}
.card_news_btn.next {background: rgba(0, 0, 0, 0.5) url('/Open_Content/images/arrow_icon3.png')no-repeat center;right: 0;}
.ul_0429{text-align:center;}
.ul_0429 li{border: 1px solid #003018;margin-left: -20px;margin-top: 10px;display: inline-block;width: 70%;padding: 20px 0px 20px 0px;}

.table-container {display: table; width:500px;}
.table-row {display: table-row;}
.table-cell {display: table-cell;}
.table-cell_time{width:40px;}

.brText{display:none;}

/* tab2  = 폭염 행동요령 탭버튼 */
/* .tab2 {position:relative;margin:0 0 20px 0;padding:1px;background-color:#fff;border:1px solid #dbdbdb;}
	* html .tab2 {height:1%;}
	*:first-child+html .tab2 {height:1%;} */
.tab2 ul {overflow:hidden;padding:11px 14px;background:#f6f6f6;}
.tab2 ul li {float:left;margin:0 15px 8px 0;padding-left:15px;white-space: nowrap;color:#666666;background:url(/WDB_common/images/tab/tab2_bul.gif) no-repeat 0 4px;}
.tab2 ul li a:hover, .tab2 ul li a.on, .tab2 ul li.on a {color:#216db5;text-decoration:underline;}

/* .tab2 {background:#fbfbfb;border:none;border-radius:10px;} */
.tab2 ul {padding:10px 20px 13px 20px;background:none;overflow:hidden;}
.tab2 ul li {padding:0;margin:13px 25px 10px 0;background:none}
.tab2 ul li a {display:block;height:24px;padding-left:36px; color:#000;font-size:16px;    padding-top: 3px;}
.tab2 ul li a.on {color:#000;font-weight:bold;text-decoration:none;}
.tab2 ul li a:hover {color:#000;}
.tab2 ul li a span {font-size:16px;}

.tab_contents{display:flex;justify-content: space-between;align-items: center; }
.tab_contents button{text-align: center;width: calc(100% / 3); font-size:19px; border-bottom:3px solid #eeeeee; padding-bottom:10px; margin-bottom:40px;}
.tab_contents button.active{color:#5f3b2e;font-weight:bold; border-bottom:3px solid #5f3b2e;}

.bul_table2_td.icon{width:0%; padding-right: 4px;}


.bul_table2_tr{display:block;}
.redFont{color:red;}
.blueFont{color:blue !important;}
.font17{font-size:17px;}

.mt30:last-child {
		margin-top: 40px;
	}

@media screen and (max-width:1920px){
	.s_con_visual{background-position: center;}
}

@media screen and (max-width: 700px) {
	.card_news_btn { top: 47vw;}
	.ul_0429 li{width:100%;}
	.table-container{width:auto;}

}
  
@media screen and  (max-width: 1200px){
	header .logo {left: 20px;}
	.main {width:100%}
	.contents {width: 90%; margin:0 auto;}
	.s_con_visual {flex-direction:column;width:100%; }
	.s_con_visual .visual_con{display:block; width:100%;}
	.s_con_visual .inner {width: 90%;text-align:left;padding-top:15px;}

	.tab_list .tab { width:48%; padding: 6.75px 20px; border: 4px solid transparent;min-width:auto !important; 
					background: #eeeeee; margin-right: 5px !important;margin-bottom: 10px;display:inline-block;}
	
	.tab_panel {display: block; width: 95%;margin:0 auto;}

	.tab_list button:nth-child(n+2) {margin-left: 0px;}

	/* .tab_list{width:90% ;} */

	/*img{width:100%;}*/

	/*.tab_list button:nth-child(n+4){margin-top:10px; width:48.8%;}*/
	.tab_list{justify-content: space-between;}
	
}

@media screen and  (max-width: 1024px){
	.bul_table1_td.icon {
		width: 4%;
	}
	.bul_table1_td{width: 96%;}
	.tab_list .tab{padding: 4px 20px;}
	
	.tab_list{padding-bottom:30px;margin: 0 auto 30px auto;}

}

@media screen and  (max-width: 900px){
	.brText{display:block;}
	/*.tab_list .tab{min-height:50px;}*/
}

@media screen and  (max-width: 793px){
	.img_div img{width:100%;}
	.bul_table2_td.img img{width:100%}
}

@media screen and  (max-width: 768px){
	.wrap {min-height: 800px;}	
	.s_con_visual {/* background:url('../images/summer_m_bg.png'); */width:100%;height:200px;background-position: center;background-size:cover;}
	.s_con_visual .visual_con{display:block; width:90%; margin:0 auto;}
	.s_con_visual .visual_con h3{font-size:40px;}
	.s_con_visual .visual_con p{font-size:30px;}
	/* .s_con_visual .visual_con h3{line-height:1.5} */
	.main {padding-top: 0;width:100%;margin:40px auto 70px auto;}
	.main .inner {flex-direction: column;}
	
	.tab_list {margin: 0 auto 30px auto;}
	.sub_tab_list{margin: 0 auto 40px auto;}
	
	.br_text{display:block;}
	
	/* table 가로스크롤 */
    .table1_div {width: 82vw;overflow-x: scroll;}
    .table1_div table {width:768px !important;}
	.table1_div + .icon_scroll {display: block;width: 45px;height: 11px;background: url('../images/icon_scroll.png') no-repeat right center;margin-top: 5px;}
	
	
	.bul_table1_td{font-size: 18px;}
	.bul_table2_td{font-size: 17px;}
	.bul_table2_td2{font-size:17px;}

	.tab_list button:nth-child(n+4){margin-top:0;}
	.tab_list .tab{display: flex;justify-content: center;align-items: center;}
	.tab_list .tab span{display:none;}
	.bul_table2_td.icon span {margin-left:7px; margin-right:2px;}
	/*.bul_table1_td.icon h3 {background: url(/chusuk/images/bul1_type1_240904.png) no-repeat 0 5px;}*/
	.s_con_visual .visual_con h3{margin-top:0px;}

	.bul_table2_td2 {display: inline-table;width: 100%;margin-left: 10px;}

	a.btnFile{ display:block; width:100%;}
	
	.bul_table1_td.icon {
		width: 5%;
	}
	.bul_table1_td{width: 95%;}
	
	.tab_list .tab img{margin-right:5px;}
	
	.mt30:last-child {
		margin-top: 20px;
	}
	
}

@media screen and  (max-width: 680px){
	.tab_list .tab { width:100% !important;}
	.tab_list .tab{margin-right:0;}
}

@media screen and  (max-width: 620px){
	.m_scroll {
		width:100%;overflow-x:auto;white-space: nowrap; ﻿
        -ms-overflow-style: none; /* IE and Edge */ 
		scrollbar-width: none; /* Firefox */
	}
	
	.sub_tab_list{border-bottom:none;}
	.sub_tab_list .tab {min-width:48%;position:relative;margin-right:0;margin-left:-5px;}
	.sub_tab_list .tab::after,.sub_tab_list .tab::before{
		content:'';
		display:inline-block;
		width:10px;height:42px;
		border-bottom:5px solid #f8f8f8;
		position:absolute;
		top:0;
	}
	.sub_tab_list .tab::after{right:0;}
	.sub_tab_list .tab::before{left:0;}
	.bul_table2.sub .bul_table2_td.icon{width:3%}

	/*.tab_list button:last-child{width:100% !important;}*/
	.tab_list{justify-content: space-between;}
}

@media screen and  (max-width: 500px){
	/*header .logo img {width: 80px;}
	header h2 {font-size: 18px;margin-left: 90px;}*/
	.table1_div {width: 80vw;overflow-x: scroll;}

	.s_con_visual .visual_con h3{font-size:35px;}
	.s_con_visual .visual_con p{font-size:25px;}
	
	
}

@media screen and  (max-width: 440px){
	
	/*header a img{width:80px;}*/
	.main{margin:30px auto  60px auto;}

	.tab_list {padding-bottom:20px;margin: 0 auto 20px auto;}
	.tab_list .tab { width:48%;}
	.sub_tab_list{margin: 0 auto 30px auto;}
	.s_con_visual{ height:180px;/* background-position: center;background-size:100% 100%; */}
	.s_con_visual .visual_con h3 {line-height: 41px;}

	
	.bul_table1_td{font-size: 17px;}
	.bul_table2_td{font-size: 16px;}
	.bul_table2_td2{font-size: 16px;}
	.table1 thead th,.table1 tbody td{font-size:16px;}

	.sub_tab_list .tab { font-size:16px;}

	 a.btnFile {width: 100%;height: auto;white-space: normal;padding-right: 45px;background: url('../images/btn_file.png') no-repeat right center;
        margin-top: 5px !important;text-align: left;}
	
	.tab_list .tab span{ font-size: 15px;}
	.tab_list .tab{font-size:16px;}
	.s_con_visual .visual_con h3{font-size:27px; margin-top:0px;letter-spacing: -1px;}
	
	a.btnFile{ display:block; width:100%;}
	
	.bul_table1_td.icon {
		width: 8%;
	}
	.bul_table1_td{width: 92%;}
	
	.tab_list .tab.trash {
		padding: 1.5px 14px;
	}
	
	.table1_div {
        width: 79vw;
        overflow-x: scroll;
    }
	
	a.btnFile {font-size:15px;}
	
	.bul_table2 {
		margin-top: 10px;
	}
	
	.bul_table2_td {
		line-height: 30px;
	}
	
	.bul_table1_td {
		line-height: 28px;
	}
	
	.bul_table1_td.icon.medi{background:url('../images/tab_icon1.png') no-repeat 0 1px; }
	.bul_table1_td.icon.default{background:url('../images/tab_icon2.png') no-repeat 0 2px; }
	.bul_table1_td.icon.trash{background:url('../images/tab_icon3.png') no-repeat 0 -1px; }
	.bul_table1_td.icon.transport{background:url('../images/tab_icon4.png') no-repeat 0 2px;}	

}

@media screen and  (max-width: 390px){
	/*header .inner div:first-child{width:100px;}
	header .inner div:first-child img{width:83px;}
	header .inner div:last-child{width:calc(100% - 100px);}
	header .inner div:last-child h2 {font-size: 17px;}*/
	
	.sub_tab_list .tab::after,.sub_tab_list .tab::before{height:42px;}
	
	.sub_tab_list{height:46px;}
	
	.btn_div a{font-size: 16px;letter-spacing:-1px;}
	
}

@media screen and  (max-width: 360px){
	/*.tab_list .tab { font-size:15px;}*/
	.sub_tab_list{height:43px;}
	.sub_tab_list .tab { font-size:16px;}
	
	.btn_div a{font-size:15px;}
	.sub_tab_list .tab::after,.sub_tab_list .tab::before{height:36px;}
	
	.bul_table1_td.icon {
        width: 10%;
    }
	
	.bul_table1_td{width: 90%;}
}
