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

.s_title_box {display: flex; flex-direction: row; align-items: center;}
.s_title_line {width: 3px; height: 27px; background: #cc0111; margin-right: 10px;}
.s_title_box h1 {font-size: 25px; font-weight: 400; color:#2a2a2a; letter-spacing: -0.5px;}
.busin_title_txt {margin-top: 20px; padding-top: 0; 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; text-align:left; padding-top:20px;}
.busin_title_txt p span {font-weight: 500; color:#000;}
.sub_p {font-size: 16px; font-weight: 300; color:#666; line-height: 26px;  word-break: keep-all; letter-spacing: -0.5px;}
.busin_ul li {font-size: 16px; font-weight: 300; color:#666; line-height: 26px; 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;}
.bg_title {width: 300px; color:#fff; font-size: 20px; font-weight: 500; height: 50px; line-height: 50px; background: #cc0111; position: absolute; top: -25px; left:0; letter-spacing: -0.5px;}
.arrow_top {font-size: 50px; color:#ddd;}

.busin_table {width: 100%; margin-top: 50px;}
.busin_table table {width: 100%; border-collapse: collapse; border-top: 2px solid #ce141c}
.sub_h1 {text-align: left; font-size: 18px; font-weight: 500; color: #333; margin-bottom: 15px}
.sub_h1 i { color: #cc0111;}
.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;}
.busin_table table tbody th, .busin_table table tbody td  {padding: 15px; border: 1px solid #f2dbd4; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; }
.busin_table table tbody th {background: #fefaf8; color:#333}
.busin_table table tbody td {background: #fff; color: #666; word-break: keep-all;}
.busin_table table tbody th span {font-size: 13px; font-weight: 700; color:#cc0111}
.text_ceter {text-align: center!important}
.busin_table_t1 {font-size: 16px; 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: 16px; 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;}

/*Content CSS*/
/* product */
#product1 {text-align:center;}
.product_title { width:100%; height:300px; background: url('../img/pro3_top.jpg') 50% 50% no-repeat;  padding-top:95px; 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 40px;}

.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 {display: flex;  flex-direction: row; padding:60px 0; border-bottom: 1px solid #eee; align-items: center;}
.pro_img {border:1px solid #eee; position: relative; text-align: center; transition: all .2s ease; margin-right: 100px; background: #fff; min-width: 500px;
height:300px; line-height: 300px;}
.pro_img > img {transform: scale(1); transition: all .2s ease;}
.pro_img:hover {border:1px solid #333;}
.pro_img:hover > img {transform: scale(1.1);}
.pro_img:hover a {background: #333;  color:#fff; ;}


.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;}
.pro_txt h2 {font-size:22px; color:#2a2a2a; font-weight: 400;}
.pro_txt h2 i {color:#cc0111; margin-right:10px;}
.pro_txt h3 {font-size:18px; font-weight: 500; color:#333;  margin-bottom:20px;}
.pro_txt >span {display: block; margin:25px 0 30px 0; background: #333; width:60px; height:2px;}
.pro_txt  p { font-size: 16px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 28px;}



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

}

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

}

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

}

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

}