/*공통*/
.sub_con_wrap {width:100%; }
.sub_con_gray {width:100%; background: #f7f7f7;}
.sub_con {width: 100%; margin: 0 auto; padding: 50px 15px; overflow: hidden;}

.s_title_box {display: flex; flex-direction: row;}
.s_title_line {width: 3px; height: 24px; background: #cc0111; margin-right: 10px; margin-top: 3px;}
.s_title_box h1 {font-size: 20px; font-weight: 400; color:#2a2a2a; letter-spacing: -0.5px; word-break: keep-all;}

.busin_title_txt {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;}
.sub_con_gray .busin_title_txt {border-top: 1px solid #ccc;}
.busin_title_txt p {font-size: 16px; font-weight: 300; color:#666; line-height: 26px;  word-break: keep-all; letter-spacing: -0.5px;}
.busin_title_txt p span {font-weight: 500; color:#000;}
.busin_title_txt p strong {font-weight: 700; color:#cc0111; font-size: 28px; line-height: 40px;}

.sub_p {font-size: 14px; font-weight: 300; color:#666; line-height: 26px;  word-break: keep-all; letter-spacing: -0.5px;}
.sub_p span  {font-weight: 500; color:#000;}
.sub_p_line {width: 30px; height: 1px; background: #000; display: inline-block;}

.busin_ul > li {font-size: 14px; font-weight: 300; color:#666; line-height: 24px; margin-bottom: 8px; background: url('../img/s_blet.png') no-repeat 0 8px; padding-left: 17px;  word-break: keep-all; letter-spacing: -0.5px;}
.busin_ul > li:last-child {margin-bottom: 0;}
.busin_ul > li > ul > li {font-size: 13px; font-weight: 300; color:#999; padding-left: 13px;  background: url('../img/list_bar.jpg') no-repeat 0 9px ; padding-left: 12px; letter-spacing: -0.5px; word-break: keep-all;}

.bg_title {width: 300px; color:#fff; font-size: 16px; font-weight: 500; height: 50px; line-height: 50px; background: #cc0111; position: absolute; top: -25px; left:50%; margin-left: -150px; letter-spacing: -0.5px; }
.arrow_top {font-size: 50px; color:#ddd;}

.busin_table {width: 100%; margin-top: 30px;}
.busin_table table {width: 100%; border-collapse: collapse; border-top: 2px solid #ce141c;}
.sub_h1 {text-align: left; font-size: 17px; font-weight: 500; color: #333; margin-bottom: 15px; position: relative; padding-left: 18px; letter-spacing: -0.5px; word-break: keep-all;}
.sub_h1 i { color: #cc0111; position: absolute; top: 4px; left: 0; display: block; width:18px; height: 18px; font-size: 18px;}

.busin_table table thead th {background: #fbece4; padding: 15px; text-align: center; border: 1px solid #f2dbd4; font-size: 16px; font-weight: 500; color:#333; letter-spacing: -0.5px; word-break: keep-all;}
.busin_table table tbody th, .busin_table table tbody td  {padding: 15px; border: 1px solid #f2dbd4; font-size: 14px; font-weight: 400; letter-spacing: -0.5px;  word-break: keep-all;}
.busin_table table tbody th {background: #fefaf8; color:#333; font-weight: 500}
.busin_table table tbody td {background: #fff; color: #666;}
.busin_table table tbody th span {font-size: 13px; font-weight: 700; color:#cc0111}

.text_center {text-align: center!important}
.busin_table_t1 {font-size: 14px; font-weight: 400; color:#666;background: url('../img/s_blet2.png') no-repeat 0 10px; padding-left: 13px; margin-bottom: 5px; word-break: keep-all;}
.busin_table_txt ul {margin: 5px 0 10px 0;}
.busin_table_txt ul li {font-size: 13px; font-weight: 300; color:#999; padding-left: 13px;  background: url('../img/list_bar.jpg') no-repeat 13px 9px ; padding-left: 25px; letter-spacing: -0.5px;}
.busin_table .busin_ul li { font-size: 14px; font-weight: 400; color:#666;background: url('../img/s_blet2.png') no-repeat 0 10px; padding-left: 13px; margin-bottom: 5px; word-break: keep-all;}

.busin_tab_btn{width: 300px; margin: 30px auto;}
.busin_tab_btn ul {}
.busin_tab_btn ul li {width: 100%; height: 60px; margin-bottom: 10px;}
.busin_tab_btn ul li a {width: 100%; height:60px; display: block; transition: all 0.3s;  background: #f7f7f7; line-height: 60px; text-align: center; font-size: 16px; font-weight: 400; color:#333;}

/*Content CSS*/
/* product */
#product4 {}
#product4 .busin_title_txt {padding-top: 0;}
.product_title { width:100%; height:300px; background: url('../img/pro4_top.jpg') 50% 50% no-repeat;  padding-top:100px; margin:0 auto 0; background-size:cover; text-align: center;}
.product_title h1 {font-size:32px; color:#fff; font-weight: 500;}
.product_title > span {display: block; width:60px; height:1px; background: #fff; margin:0 auto 20px;}

.product_title .line {display: block; width:1px; height:60px; background: #eee; margin: 10px auto 20px;}
.product_title .dot {   display: block; width: 8px; height: 8px; background: #ddd; margin: 0 auto 50px auto;}

.pro_box { padding:30px 0; border-bottom: 1px solid #eee;}
.pro_img {border:1px solid #eee; position: relative; text-align: center; background: #fff; width: 100%; padding: 30px; margin-bottom: 20px; overflow: hidden;}
.pro_img > img {max-width:100%}

.pro_img > a {position: absolute; display: inline-block; right:0; bottom:0; background: #cc0111; color:#fff; padding:10px 30px; font-size:15px; font-weight: 300;
    letter-spacing: -.5px; transition: all .2s ease; line-height: 22px;}
.pro_img > a img {margin-left:12px; position: relative; top:-1px; color:#fff;}
/* .pro_img > a:hover {background: #333;  color:#fff; ;} */

.pro_txt {text-align:left!important;}
.pro_txt h2 {font-size:22px; color:#2a2a2a; font-weight: 400;}
.pro_txt h2 i {color:#cc0111; margin-right:10px;}
.pro_txt >span {display: block; margin:25px 0; background: #333; width:60px; height:2px;}
.pro_txt  p { font-size: 15px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 28px; word-break: keep-all;}

.pro_box .busin_ul li {margin-bottom: 0}



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

}

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

}

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

}

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

}