@charset "utf-8";

@import url(fonts/NotoSans/fonts.css);

.w_300 { min-width: 300px; }

.archive_container{
	width: 100%;
	margin: 0 auto;
}

ul.tabs{
	width: 100%; 
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	overflow: visible;
	display: inline-block;
	width: 33.33%;
	float: left;
	text-align: center;
	font-size: 18px; 
	 font-weight: 600;  
	background: #fff;
	line-height: 54px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	box-sizing: border-box;
	cursor: pointer;
}

ul.tabs li.current{
	background: #0980d4;
	color: #fff;
}

.tb_brdL {
	border-left: 1px solid #dcdcdc;
}

.tab-content{
	display: none;
	background: #fff;
	float: left; 
	width: 100%; 
	box-sizing: border-box;
}

.wrap_pmis { position: relative; float:left; width: 99.99%; overflow: hidden; box-sizing: border-box; min-height:57px; }
.wa_search { display: inline-block; border: 1px solid #d5d8d8; width:200px;  line-height: 37px;  height: 37px; margin: 10px 0; padding: 0 10px;position: absolute; right: 50px}
.bsmit { background: #65708c;line-height: 37px; width: 50px;  border:0;  color: #efefef; margin: 10px 0; padding: 0 10px;  position: absolute; right: 0px }

.tab-content.current{
	display: inherit;
}

.archive_container .tab-content ul.folding { width: 100% !important; position: relative;  float:left;  box-sizing: border-box; border: 0;}
.archive_container .tab-content ul.folding >  .menu { overflow:hidden; position: relative;  box-sizing: border-box; display: block; color: #484848; font-size: 17px;  font-weight: 600;   text-align: left; line-height: 54px; background: url('/images/www2019/tab/bul_donut_blue.png') no-repeat 15px 20px; padding-left: 35px;  border-top: 1px solid #bbcdda;  border-right: 1px solid #bbcdda;   border-left: 1px solid #bbcdda;  }
.archive_container .tab-content ul.folding >  .menu:last-child { border-bottom: 1px solid #bbcdda; }

.archive_container .tab-content ul.folding >  .mplus .plus {display:none;}
.archive_container .tab-content ul.folding >  .mplus .minus {display:block;}

.archive_container .tab-content ul.folding >  .mminus .plus {display:block;}
.archive_container .tab-content ul.folding >  .mminus .minus {display:none;}

.mplus{height:auto;}
.mminus{height:54px;}

.archive_container h4 {
	width: 545px;
	color: #198acb;
	font-size: 24px;
	text-align: center;
	margin: 0 auto 30px auto;
	padding: 10px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background: url('/images/www2019/tab/bg_title.png') no-repeat center;
}

.archive_container h4>strong {
	color: #636c72;
	font-size: 21px;
	font-weight: 600;
}

.menu a {
	cursor: pointer;
	
}

.menu .hide1-1 { display: none; }
.menu .hide1-2 { height: auto; }
.menu .hide1-3 { height: auto; }
.menu .hide1-4 {
	/*display: none;*/
	height: auto; 
}

.plus { float: right;  position: absolute; top: 0px; right: 20px;   }
.minus { float: right;  position: absolute; top: 0px; right: 20px;  line-height: 43px;}

.btn_st_fold {
	overflow: hidden;
	display: inline-block;
	position: relative;
	min-width: 70px;
	margin: 10px 0;
	padding: 0 10px;
	line-height: 35px;
	color: #fff !important;
	border: 1px solid transparent;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	font-weight: 500; 
	font-size: 14px;
}

.bg_darkgray{ background: #616673; color:#e6e6e6 !important; }
.bg_lbgray { background: #c7cad0 ; border: 1px solid #9ba1b0; color: #4e5463 !important;}




/* section */
.news{width:980px; padding:0; clear:both; display:table;  } /*padding 40px auto 211004 sm*/
.news ul{width:22%; margin:0 1% 35px 1%; display:inline-block; overflow:hidden; position:relative; }
.news ul >  li{width:100%; display:block; margin: 0px; }
.news ul   li   img {width: 100%;     height: auto;    border: 0;    vertical-align: top;}

.news ul li:nth-child(1){overflow:hidden; text-align:center; position:relative; display:block}
.news ul li:nth-child(2){width:100%; height: 70px; text-align:center; background:#fff; font-size:15px; color:#333;  box-sizing:border-box; padding: 8px 13px 0 13px; border-bottom:1px solid #d8dfec;  border-left:1px solid #d8dfec;  border-right:1px solid #d8dfec; line-height:17px}
.news ul li:nth-child(3) a {width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }

.news ul:hover{cursor:pointer}
.news ul li:nth-child(1) img{transition: all .3s;}  
.news ul:hover li:nth-child(1) img{  transform: scale(1.3);}
.news ul:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);}

/* 한국판 뉴딜*/
.list_style01 { padding: 0 0 20px 0; font-weight: 500; }
.list_style01 > li { width: 90%; position:relative; background:url(/images/www2019/tab/bul_dot_1.png) no-repeat 0px 10px; padding: 0 0 0 10px; margin-bottom: 6px;  line-height: 25px;  color: #474747; } /*10/29*/
.list_style01 > li > strong { color: #196bb7; }
.list_style01 > li > .sns  { bottom:0px; width: 130px;  margin: 0 0 0 15px; display: inline-block;  } /*position:absolute;*/

.list_style01 > li > .sns >  a  { margin-right: 3px;  display: inline-block; } 

@media screen and (max-width:1600px) {
	
	.news{width: 98%}
}

@media screen and (max-width:1400px) {
	
	.news{width:95%}
	.news ul{ width: 30%;  }
	.news ul li:nth-child(2) { font-size: 1.0em; }
}

@media screen and (max-width:1280px) {
	
	.news ul{ width: 30%;  }
	.fr a { margin-top: 5px !important;}
}

@media screen and (max-width:1200px) {
	
	.news{width:95%}
	.news ul{ width: 43%;  margin:0 2% 35px 2%;   }
	.news ul li:nth-child(3) br{display:none}
	
	
}

@media screen and (max-width:1024px) {
	
	.news ul{  }
	.news ul > li > img { width: 100%; }
	.news ul li:nth-child(2) { font-size: 1.0em; }
	
	
	
}

@media screen and (max-width:997px){
	
#contents { height: 2000px; }
 .news ul{width: 30%;  margin: 0 1% 40px 1%; }

	.fr a { margin-top: 5px !important;}
	}
	
@media screen and (max-width:812px){
		.fr a { margin-top: 5px !important;}
}

@media screen and (max-width:768px){
	.archive_container h4 { width: 100%;  }
	.news ul{width: 43%;  margin: 0 2% 35px 2%; }

	.fr a { margin-top: 5px !important;}
	}

@media screen and (max-width:667px){
	.archive_container h4 { width: 100%; min-width: 400px; background-size: 95%; }
	.news ul li:nth-child(2) { font-size: 0.9em; }
	
	.archive_container .tabs li { font-size: 1.1em; }
	
	.fr a { margin-top: 5px !important;}

	}
	
@media screen and (max-width:540px){
	
	.news{ width: 90%; }
	.news ul{width: 90%;  margin: 0 2% 35px 2%; }
	.news ul li:nth-child(2) { font-size: 1.1em; padding-left: 20px; padding-right: 20px; line-height: 22px; }
	
	.archive_container .tabs li { font-size: 1.1em; }
   .fr a { margin-top: 5px !important;}
   
   .w_300 { min-width: 300px; }

	}
	
@media screen and (max-width:480px){
	.archive_container h4 {background:none; }
	/*.search_box { display: none;    }*/
	.news ul li:nth-child(2) { font-size: 1.0em; padding-left: 20px; padding-right: 20px; line-height: 22px; }
	#contents { height: 3000px; }
	
	.list_style01 > li { width: 90%;}
	
	.archive_container .tabs li { font-size: 1.1em; }

	}
	
@media screen and (max-width: 384px){
	.archive_container h4 {  margin-right: 20px; min-width: 320px;  }
	.news{ width: 98%;  }
	.news ul{width: 88%;  }
	.news ul li:nth-child(2) { font-size: 0.9em;  line-height: 17px;}

	.list_style01 > li { width: 90%;  }
	
	.archive_container .tabs li { font-size: 1.1em; }

	}