/* 공통 visual */
#product .visual, #msds .visual, #specificatio .visual, #report .visual{
	background:url(../image/product_visual.jpg) no-repeat center center
}

.record>p{
	margin-bottom:10px
}
.record>p::before{
	display:inline-block;
	vertical-align:middle;
	content:'';
	width:35px;
	height:3px;
	background-color:#2d308d;
	margin-right:10px
}


.ps span{
	float:right;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
	font-size:15px
}

/* 상품검색 - product.php */
#product .search_frm{ 
    width: 1200px; 
    margin: 30px auto;
	text-align: center;
	background: #f5f5f5;
}


.tab_container .tab_content .step{
   width: 1200px;
   height: 40px;
   margin: 0 auto;
   margin-bottom: 20px;
}

.tab_container .tab_content .step ul{
	text-align:center
}

.tab_container .tab_content .step ul li {
    display:inline-block;
    border: 1px solid #dedede;
    box-sizing: border-box;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-radius: 20px;
    text-align: center;
	padding: 0; 
	margin:0 5px
}
.tab_container .tab_content .step ul li a {
    display: block;
	color: #454545;
}

.tab_container .tab_content .step ul li .power_on {
	background: #285b95;
    color: #fff;
    border-radius: 20px;
}


#product .search_table{
    width: 1240px;
	margin: 0 auto;
	border-top:3px solid #020558
}
#product .search_table tr th{
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    color: rgba(0,0,0,0.9);
}
#product .search_table tr td{
  height: 40px;
  text-align: center;;
  padding:10px 0
}
#product .search_table a{
  color: #454545;
}

#product .search_btn{
	cursor: pointer;
    border: 1px solid #1f2089;
    color: white;
    padding: 7px;
    margin: 30px auto;
    width: 120px;
    background: url(../image/search_btn.png) no-repeat 20px center #1f2089;
    padding-left: 25px;
}

#product #s_type{
	height: 40px;
    margin-right: 10px;
    width: 160px;
    padding-left: 5px;
    box-sizing: border-box;
    color: #757575
}

#product #keyword{
	height: 40px;
    margin-right: 10px;
    width: 500px;
    padding-left: 10px;
    box-sizing: border-box;
}
#product #keyword1{
	height: 40px;
    margin-right: 10px;
    width: 800px;
    padding-left: 10px;
    box-sizing: border-box;
}


.search_rebox,
.search_2{
    width:1240px; 
	margin: 35px auto -20px;
	border: none;
	position:relative
}

.search_rebox>div,
.search_2>div{
	float:right
}

.search_rebox input{
    width: 250px; 
    height:34px;
	border: 1px solid #ddd;
	padding:10px
}

.search_2 select{
	width:150px;
	padding:2px;
	border:1px solid #ddd;
	margin-left:10px
}

.search_rebox button{
    width: 34px;
    height: 34px;
    background: url(../image/search_icon.png) no-repeat center 12px;
    border: 0;
	outline: none;
	position:absolute;
	right:0;top:-5px
}


.search_result{
   height: 50px; 
   background: #244682;
   margin-top:-1px
}
.search_result p{
   width:1240px;
   margin: 0 auto;
   color:#fff;
   line-height: 50px;
   text-align:right;
   font-weight:300
}
.search_result p img{
	position:relative;
	top:4px
}

/** 20190108 : 추가한 내용 **/

#product .msds_btn{
	cursor: pointer;
    color: #222;
    width: 30px;
    border-radius: 5px;
	margin: 0px auto;
	border:1px solid #64f160;
	margin-bottom:5px;
	transition:all 0.3s;
	background-color:#fff
}

#product .spec_btn{
	cursor: pointer;
    color: #222;
    width: 30px;
    border-radius: 5px;
	margin: 0px auto;
	border:1px solid #ff4545;
	margin-bottom:5px;
	transition:all 0.3s;
	background-color:#fff;
	margin-left:3px;
}

#product .msds_btn:hover,
#product .spec_btn:hover {
	background-color:#e4e4e4;
	border:1px solid #5a5a5a;
}

/** End // 20190108 : 추가한 내용 **/

#product .papers_btn{
	cursor: pointer;
    color: #222;
    padding: 4px;
    width: 75px;
    border-radius: 5px;
	margin: 0px auto;
	background-color:#fff;
	padding:3px 2px;
	border:1px solid #ddd;
	margin-bottom:5px;
	transition:all 0.3s;
	background-color:#fff
}

#product .papers_btn .btn_img{
	margin-right:8px
}

#product .papers_btn,
#product .btn_img{
	display:inline-block;
	vertical-align:middle
}

#product .btn_img{
	margin-right:5px
}

#product .papers_btn1{
	cursor: pointer;
    color: #222;
    padding: 4px;
    width: 75px;
    border-radius: 5px;
	margin: 0px auto;
	background-color:#fff;
	padding:3px 2px;
	border:1px solid #ddd;
	transition:all 0.3s
}






/* msds검색 - msds.php */
#msds .search_frm{ width: 1240px; height: 140px; margin: 30px auto 0;}
/*
#msds .search_frm div:nth-child(1){
	width: 200px;
    height: 134px;
    line-height: 135px;
    float: left;
}
#msds .search_frm div:nth-child(1) img{
    margin-left: 10px;
}
*/
#msds .search_frm div:nth-child(1){
	width: 1240px;
    float: left;
	background : #f5f5f5;
}
#msds .msds_list{ 
	width: 1000px;
    margin: 50px auto;
    min-height: 500px;
    position: relative;
}
#msds .msds_list ul li{ 
	padding: 5px;
    width: 31%;
    height: 200px;
    float: left;
    border: 1px solid darkgray;
    box-sizing: border-box;
    margin: 10px;
}
#msds .msds_list ul li p{
	height: 100px;
    font-size: 18px;
    font-weight: 400;
}
#msds .msds_list ul li div{
	cursor: pointer;
    border: 1px solid #285b95;
    background-color: #285b95;
    color: white;
    padding: 4px;
    margin: 50px auto;
    width: 70px;
    border-radius: 5px
} 
#msds .search_btn{
	cursor: pointer;
    border: 1px solid #1f2089;
    color: white;
    padding: 7px;
    margin: 30px auto;
    width: 120px;
    background: url(../image/search_btn.png) no-repeat 20px center #1f2089;
    padding-left: 25px;
}
#msds #s_type{
	height: 40px;
    margin-right: 10px;
    width: 180px;
    padding-left: 5px;
    box-sizing: border-box;
    color: #757575;
    margin-left:30px
}
#msds #keyword{
	height: 40px;
    margin-right: 10px;
    width: 600px;
    padding-left: 10px;
    box-sizing: border-box;
}


#msds .brand{
   width:1240px;
   margin: 20px auto 80px;
}
#msds .brand ul li{
   width: 340px;
   height: 190px;
   border: 2px solid #e1e1e1;
   border-radius: 10px;
   text-align: center;
   display:flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   
}
#msds .brand ul li:nth-child(2),#msds .brand ul li:nth-child(3n+2){
    margin: 0px 107px 56px 107px;
}
#msds .brand ul li p{
   margin-top: 10px;
}
#msds .brand ul li button{
   cursor: pointer;
    background-color: #000;
    color: white;
    margin: 20px auto;
    width: 140px;
	height: 40px;
    border-radius: 5px;
	border: none;
}
#msds .brand ul li button a{
    color: #fff;
}
#msds .brand ul li button.brand1{
    background-color: #c92535;
}
#msds .brand ul li button.brand2{
    background-color: #4d3384;
}
#msds .brand ul li button.brand3{
    background-color: #0344ac;
}
#msds .brand ul li button.brand4{
    background-color: #c6392f;
}
#msds .brand ul li button.brand5{
    background-color: #004685;
}
#msds .brand ul li button.brand6{
    background-color: #963d97;
}
#msds .brand ul li button.brand7{
    background-color: #dd1e00;
}
#msds .brand ul li button.brand8{
    background-color: #ff0c95;
}
#msds .brand ul li button.brand9{
    background-color: #1695d5;
}

#msds .brand_table{
	width: 1240px;
    margin: 0 auto;
    border-top: 3px solid #020558;
	margin-bottom: 100px;
}
#msds .brand_table tr {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#msds .brand_table tr th {
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    color: rgba(0,0,0,0.9);
}
#msds .brand_table tr td {
    height: 40px;
    text-align: center;
    padding: 10px 0;
    color:#454545
}



/* 규격서검색 - specificatio.php */
#specificatio .search_frm{ width: 1240px; height: 140px; margin: 30px auto 0; }
/*
#specificatio  .search_frm div:nth-child(1){
	width: 200px;
    height: 134px;
    line-height: 135px;
    float: left;
}
#specificatio  .search_frm div:nth-child(1) img{ 
    margin-left:10px;
}
*/
#specificatio  .search_frm div:nth-child(1){
	width: 1240px;
    float: left;
	background:#f5f5f5;
}

#specificatio .search_btn{
	cursor: pointer;
    border: 1px solid #1f2089;
    color: white;
    padding: 7px;
    margin: 30px auto;
    width: 120px;
    background: url(../image/search_btn.png) no-repeat 20px center #1f2089;
    padding-left: 25px;
}
#specificatio #s_type{
	height: 40px;
    margin-right: 10px;
    width: 180px;
    padding-left: 5px;
    box-sizing: border-box;
    color: #757575;
    margin-left:30px
}
#specificatio #keyword{
	height: 40px;
    margin-right: 10px;
    width: 600px;
    padding-left: 10px;
    box-sizing: border-box;
}


#specificatio .brand{
   width:1240px;
   margin: 20px auto 80px;
}
#specificatio .brand ul li{
    width: 340px;
    height: 190px;
    border: 2px solid #e1e1e1;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
}
/* 0px 107px 56px 107px; 에서 변경함. */
#specificatio .brand ul li:nth-child(2),#specificatio .brand ul li:nth-child(3n+2){
    margin: 0px 77px 36px 77px;
}

#specificatio .brand ul li p{
   margin-top: 10px;
}
#specificatio .brand ul li button{
   cursor: pointer;
    background-color: #000;
    color: white;
    margin: 20px auto;
    width: 140px;
	height: 40px;
    border-radius: 5px;
	border: none;
}
#specificatio .brand ul li button a{
    color: #fff;
}
#specificatio .brand ul li button.brand1{
    background-color: #c92535;
}
#specificatio .brand ul li button.brand2{
    background-color: #4d3384;
}
#specificatio .brand ul li button.brand3{
    background-color: #0344ac;
}
#specificatio .brand ul li button.brand4{
    background-color: #c6392f;
}
#specificatio .brand ul li button.brand5{
    background-color: #004685;
}
#specificatio .brand ul li button.brand6{
    background-color: #963d97;
}
#specificatio .brand ul li button.brand8{
    background-color: #ff0c95;
}
#specificatio .brand ul li button.brand9{
    background-color: #1695d5;
}


#specificatio .brand_table{
	width: 1240px;
    margin: 0 auto;
    border-top: 3px solid #020558;
	margin-bottom: 100px;
}
#specificatio .brand_table tr {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#specificatio .brand_table tr th {
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    color: rgba(0,0,0,0.9);
}
#specificatio .brand_table tr td {
    height: 40px;
    text-align: center;
    padding: 10px 0;
    color:#454545
}




/* 성적서검색 - report.php */
#report .search_frm{ width: 1240px; height: 140px; margin: 30px auto; }
/*
#report  .search_frm div:nth-child(1){
	width: 200px;
    height: 134px;
    line-height: 135px;
    float: left;
}
#report  .search_frm div:nth-child(1) img{
    margin-left: 10px;
}
*/
#report  .search_frm div:nth-child(1){
	width: 1240px;
    float: left;
	background: #f5f5f5;
}

#report .search_btn{
	cursor: pointer;
    border: 1px solid #1f2089;
    color: white;
    padding: 7px;
    margin: 30px auto;
    width: 120px;
    background: url(../image/search_btn.png) no-repeat 20px center #1f2089;
    padding-left: 25px;
}
#report #keyword{
	height: 40px;
    margin-right: 10px;
    width: 800px;
    padding-left: 10px;
    box-sizing: border-box;
    margin-left:30px
}


#report .brand{
   width:1250px;
   margin: 20px auto 80px;
}
#report .brand ul li{
   width: 340px;
   height: 190px;
   border: 2px solid #e1e1e1;
   border-radius: 10px;
   text-align: center;
   display:inline-block;
}
#report .brand ul li:nth-child(2),#report .brand ul li:nth-child(3n+2){
   margin: 0px 107px 56px 107px;
}
#report .brand ul li p{
   margin-top: 10px;
}
#report .brand ul li button{
   cursor: pointer;
    background-color: #000;
    color: white;
    margin: 20px auto;
    width: 140px;
	height: 40px;
    border-radius: 5px;
	border: none;
}
#report .brand ul li button a{
    color: #fff;
}
#report .brand ul li button.brand1{
    background-color: #c92535;
}
#report .brand ul li button.brand2{
    background-color: #4d3384;
}
#report .brand ul li button.brand3{
    background-color: #0344ac;
}
#report .brand ul li button.brand4{
    background-color: #c6392f;
}
#report .brand ul li button.brand5{
    background-color: #004685;
}
#report .brand ul li button.brand6{
    background-color: #963d97;
}
#report .brand ul li button.brand7{
    background-color: #dd1e00;
}
#report .brand ul li button.brand8{
    background-color: #ff0c95;
}
#report .brand ul li button.brand9{
    background-color: #1695d5;
}




.empty_board {
	padding: 80px;
    font-size: 18px;
}