@charset: 'utf-8';
body#main #gnb { margin-bottom: 0; }
#gnb { margin-bottom: 150px; *padding-bottom: 0;}

#slider { background-color: #fff; height: 405px; }
#pList { 
	background: transparent url('/img/main/pList_bg.png?ver=20230531') repeat-x left top; 
	height: 216px; 
}
ul.d1 { width: 1100px; overflow: hidden; position: absolute; bottom: 0px; z-index: 1; height: 31px}
ul.d1 li { float: left; margin-right: 50px; }
ul.d2 { overflow: hidden; position: absolute; bottom: 38px; left: 254px;}
ul.d2 li { float: left; }
/* .slider { width: 980px; margin: 0 auto; } */
.slider { width: 100%; }
.p-logo { 
	position: absolute; left: 0; top: 0; 
	width: 291px; 
	height: 203px;
}
/*.p-desc { margin-left: 277px; background: #ebeff2;float: left; margin-top: 11px;}*/
.p-desc { 
	position: absolute; 
	margin-left: 300px;;
	z-index: 5;
}
.p-news { 
	position: absolute; right: 0; 
	background: #fff url('/img/main/product_issues_bg.gif') repeat-y left top; 
	width: 190px; 
	height: 152px;  
	margin-top: 11px;
	z-index: 1;
	padding-left: 29px;
}
.news-slider { width: 190px; overflow: hidden; }
.news-slider li { width: 190px !important; height: 116px; color: #767676; font-size: 13px; line-height: 1.3; }
.news-slider li strong { 
	color: #000; font-size: 15px; font-weight: normal; letter-spacing: -1px; line-height: 1.5; display: block; margin-bottom: 7px;   
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tab-cont { position: relative; }

.main-list-wrap { width: 980px; margin: 0 auto; padding: 45px 0; overflow: hidden; }
.main-list-wrap .main-mid-title{text-align: left;padding-left: 1px; padding-bottom:15px;}
.main-list-wrap div:first-child h2{font-size: 33px;}
.main-list-wrap div:first-child span{padding-top: 5px;padding-bottom: 40px;display: block;font-size: 11px;}
.main-list-mid-wrap {
		width:850px !important;		
		padding-bottom: 70px;
		padding-top: 90px;
}
.main-list-mid-img-wrap {
	background: #fff url('/img/main/main_mid_bg.png'); 
}
.main-list { width: 1000px; overflow: hidden; }
.main-list h2 { font-size: 15px; font-weight: normal; color: #000; margin-bottom: 5px;}
.main-list .a-cont {
	height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 205px;
    line-height: 1.5;
}
.list .n-cont {
	text-overflow: ellipsis;
    width: 205px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.list .n-box {
	height: 133px;
}
.main-list li { 
	float: left; 
	margin-right: 12px; 
	text-align: left; 
	color: #767676; 
	font-size: 13px;
}
.main-list li .list { 
	border-right: 1px solid #ccc; 
	border-bottom: 2px solid #ccc;
	background: #fff;
/* 	box-shadow: #999  3px 6px 6px -2px; */
	margin-bottom: 12px;
	position: relative;

}
.main-list li .box-container { 
	height: 321px;
	width: 235px; 
}
.main-list li .img-container { 
	height: 210px;
	width: 235px; 
}
.list .cont { padding: 15px; }
.list .type { 
	background: #f1f1f1; 
	padding: 8px 15px; 
	font-size: 11px; 
/* line-height: 12px;  */
	width: 205px; 
	overflow: hidden; 
}
.list .type .tit { 
	background-image: url('/img/main/icon_book_blue.gif'); 
	background-repeat: no-repeat; 
	background-position: left center; 
	padding-left: 15px;
	float: left; 
}
.list .type .date { 
	color: #b5b5b5; 
	border-left: 1px solid #b5b5b5; 
	padding-left: 10px; 
	margin-left: 10px;
	float: left; 
}
.list .type span {	float: right; }
.cyan .top { border-top: 3px solid #28c5ec;}
	.cyan .type .tit { background-image: url('/img/main/icon_book_cyan.gif');}
.green .top { border-top: 3px solid #90ca19;}
	.green .type .tit { background-image: url('/img/main/icon_book_green.gif');}
.yg .top { border-top: 3px solid #1dc39c;}
	.yg .type .tit { background-image: url('/img/main/icon_book_yg.gif');}
.orange .top { border-top: 3px solid #ff5a00;}
	.orange .type .tit { background-image: url('/img/main/icon_book_orange.gif');}
.yellow .top { border-top: 3px solid #ffc500;}
	.yellow .type .tit { background-image: url('/img/main/icon_book_yellow.gif');}
.tab-container { height: 203px;  position: relative; }

 .div-main-notice-pop {
     position: absolute; 
     z-index:999;
     top:50px;
     left:50px;
     width:373px; 
     height:460px;
     padding:1px; 
     border:1px solid black;
     background-color:#ffffff;
     display:none;
 }
 
 .notice-radio{
 	cursor: pointer;
 }  
 .pop-close {
 	padding: 10px;
 	text-align: right;
 }
.wide-close {
	border:1px solid #bcc3cf;
	padding:4px 10px;
	background:#fff;
	font-size:11px;
	color:#000;
	vertical-align: middle;
}  
