<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* font */
@import url(http://fonts.googleapis.com/css2?family=Montserrat:wght@700&amp;display=swap);
 
 
 
#wrap{width:100%;min-width:320px;position:relative;background:#fff; font-family: "Noto Sans KR";}

  
/* footer */ 

footer{width:100%; background:#2c2c2c; position:relative; font-family: "Noto Sans KR";}
footer .footer_inner .footer_nav, footer .footer_inner .footer_info{position:relative; border-bottom:1px solid #3c3c3c;}
footer .footer_inner .footer_nav ul, footer .footer_inner .footer_info .center_box{max-width:1200px;margin:0 auto;box-sizing:border-box;}
/*footer .footer_inner .footer_nav ul li{display:inline-table;}
footer .footer_inner .footer_nav ul li:last-child{margin-left:20px;}
footer .footer_inner .footer_nav ul li a{height:54px;display:table-cell;vertical-align:middle;font-size:14px;font-weight:400;color:#fff;}
footer .footer_inner .footer_nav ul li:last-child a{position:relative;padding-left:20px;}
footer .footer_inner .footer_nav ul li:last-child a:before{position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background:#fff;content:"";}*/
footer .footer_inner .footer_info .center_box{position:relative;padding:40px 0 40px 256px;color:#fff;}
footer .footer_inner .footer_info .center_box .footer_logo{width:157px;height:37px;display:block;font-size:0;position:absolute;top:40px;left:0;background:url('../img/footer_logo.png') no-repeat 0 0;}
footer .footer_inner .footer_info .center_box .address_info{display:table;}
footer .footer_inner .footer_info .center_box .address_info p, footer .footer_inner .footer_info .center_box .address_info ul{display:table-cell;font-size:14px;font-weight:400;}
footer .footer_inner .footer_info .center_box .address_info ul{padding-left:44px;}
footer .footer_inner .footer_info .center_box .address_info ul li{display:table;line-height:1.6em;}
footer .footer_inner .footer_info .center_box .address_info ul li span{display:table-cell;}
footer .footer_inner .footer_info .center_box .address_info ul li span:first-child{width:56px;}

footer .footer_inner .footer_info .center_box .icon{
    position:absolute;top:35px;right:0;
}
/*icon */

footer .footer_inner .footer_info .center_box .icon ul {float:right;}
footer .footer_inner .footer_info .center_box .icon ul li{display:inline-table;}
footer .footer_inner .footer_info .center_box .icon ul li:last-child{margin-left:20px;}
footer .footer_inner .footer_info .center_box .icon ul li a{height:54px;display:table-cell;vertical-align:middle;font-size:14px;font-weight:400;color:#fff;}
footer .footer_inner .footer_nav .center_box .icon ul li:last-child a {position:relative;padding-left:20px;}
footer .footer_inner .footer_nav .center_box .icon ul li:last-child a:before {position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background:#fff;content:"";}

footer .footer_inner .copy{width:100%;height:60px;text-align:center;display:table;}
footer .footer_inner .copy span{font-size:14px;font-weight:400;color:#fff;display:table-cell;vertical-align:middle;}

 
 
/* content */
.content{padding:114px 0 0px 0;margin:0 auto; font-family: "Noto Sans KR";}

.sub_title{position:relative;padding-bottom:75px;margin-bottom:40px;text-align:center;color:#060b22; font-family: "Noto Sans KR";}
.sub_title:before{position:absolute;left:50%;bottom:0;width:1px;height:40px;background:#e50112;content:"";}
.sub_title h2{font-size:40px;font-weight:500;line-height:1.5em;}
.sub_title p{font-size:18px;font-weight:300;line-height:1.5em;}

.category_tab, .sub_category_tab{margin:0 auto 70px;text-align:center; font-family: "Noto Sans KR";}
.category_tab ul, .sub_category_tab ul{display:inline-block;}
.category_tab ul li, .sub_category_tab ul li{display:inline-table;margin-left:-4px; line-height: 1;}
.category_tab ul li.on{background:#e50112;}
.category_tab ul li a, .sub_category_tab ul li a{width:250px;height:65px;display:table-cell;vertical-align:middle;color:#111;font-size:20px;font-weight:500;border:1px solid #e8e8e8;box-sizing:border-box;}
.category_tab ul li.on a{color:#fff;border:1px solid #e50112;}


.category_tab ul li a.long {
    width:250px;
    height:65px;display:table-cell;vertical-align:middle;color:#fff;
} 




.sub_category_tab{margin:0 auto 30px; font-family: "Noto Sans KR";}
.sub_category_tab ul li a{width:400px;height:64px;font-size:20px;font-weight:500; font-family: "Noto Sans KR";}
.sub_category_tab ul li.on a{color:#e50112;border-bottom:none;border-top:1px solid #e50112;}

.swiper-container{max-width:1200px;z-index:100;}
.swiper-slide {text-align:center;}
.swiper-button-next{width:54px;height:91px;background:url(../img/btn_next.png) no-repeat right 0;background-size: cover;margin-top:-45px;}
.swiper-button-prev{width:54px;height:91px;background:url(../img/btn_prev.png) no-repeat left 0;background-size: cover;margin-top:-45px;}
.swiper-button-next:after, .swiper-button-prev:after{display:none;}

.product_info_wrap {padding-top:400px;padding-bottom:0px;margin-top:-600px;background:#f9f9f9; text-align:left;}

@media (max-width: 1024px) {

 .product_info_wrap {

   margin-top:-500px;
  }
  /*1024*/

} 




.product_info_wrap .headline {max-width:1200px;margin:0 auto 64px;}
.product_info_wrap .headline h3{margin-bottom:20px;font-size:50px;font-weight:700;line-height:1.5em;text-align:center; font-family: "Noto Sans KR";}
.product_info_wrap .headline p{padding:0 38px;letter-spacing:-0.04em;font-size:20px;font-weight:300;line-height:1.5em; font-family: "Noto Sans KR";}

.product_article{max-width:1200px;margin:0 auto;}
.product_article .list_depth01{}
.product_article .list_depth01 &gt; li{margin-top:74px;}
.product_article .list_depth01 &gt; li strong{position:relative;padding-left:30px;font-size:28px;font-weight:700;line-height:1.5em;color:#111;}
.product_article .list_depth01 &gt; li strong:before{width:20px;height:4px;position:absolute;top:50%;left:0;margin-top:-2px;background:#111;content:"";}
.product_article .list_depth01 &gt; li .list_depth02{}
.product_article .list_depth01 &gt; li .list_depth02 li{padding:32px 0 32px 30px;border-bottom:1px solid #ddd;}
.product_article .list_depth01 &gt; li .list_depth02 li p:first-child{margin-bottom:12px;font-size:22px;font-weight:500;line-height:1.5em;color:#e50112;}
.product_article .list_depth01 &gt; li .list_depth02 li p:last-child{font-size:18px;font-weight:300;color:#333;}
.product_article .list_depth01 &gt; li .list_depth02.table_wrap{margin-top:32px;}
./*product_article .list_depth01 &gt; li .list_depth02 table{width:100%;text-align:center;}
.product_article .list_depth01 &gt; li .list_depth02 table th{height:50px;font-size:22px;font-weight:500;color:#fff;background:#e50112;vertical-align:middle;}
.product_article .list_depth01 &gt; li .list_depth02 table td{height:50px;font-size:22px;font-weight:300;color:#111;vertical-align:middle;}
.product_article .list_depth01 &gt; li .list_depth02 table th, .product_article .list_depth01 &gt; li .list_depth02 table td{border:5px solid #f9f9f9;}*/

.img_article{width:1200px;overflow:hidden;margin:0 auto 90px; background: #fff;}
.img_article img{float:left;}
.img_article img.mo{display:none;}
.img_article .text_info{width:720px;float:right;padding:70px 35px 0 70px;box-sizing:border-box;}
.img_article .text_info strong{font-weight:300;font-size:35px;color:#e60013;line-height:1.5em;margin-bottom:28px;display:block;}
.img_article .text_info strong em{font-weight:700;}
.img_article .text_info p{font-weight:300;font-size:18px;color:#333;line-height:1.7em;letter-spacing:-0.04em;}

.article.bg_gray{background:#fafafa;}
.article.bg_gray_v2{background:#e5e6e8;}
.article .img_box{max-width:1200px;margin:0 auto;}
.article .img_box .mo{display:none;}

.history_tit{max-width:1200px;margin:0 auto 60px;background:url('../img/img_history01.jpg') no-repeat 0 0;}
.history_tit h3{width:100%;height:260px;text-align:center;display:table;color:#fff;}
.history_tit h3 span{display:table-cell;vertical-align:middle;font-size:42px;font-weight:700;}

.timeline{max-width:1200px;margin:0 auto;}
.timeline ol{width:100%;}
.timeline ol &gt; li{width:100%;display:table;}
.timeline ol &gt; li p, .timeline ol &gt; li .timeline_item{display:table-cell;}
.timeline ol &gt; li p{width:300px;height:100%;position:relative;font-size:42px;font-weight:700;color:#e50112;border-bottom:1px solid #e50112;}
.timeline ol &gt; li p span{position:absolute;top:25px;left:0;}
.timeline ol &gt; li .timeline_item{padding-left:44px;box-sizing:border-box;}
.timeline ol &gt; li .timeline_item li{height:70px;line-height:70px;border-bottom:1px solid #e8e8e8;font-size:17px;font-weight:300;color:#333;}

.img_list{max-width:1200px;overflow:hidden;margin:0 auto;}
.img_list li{width:20%;float:left;margin-bottom:50px;text-align:center;}

#img-modal{display:block;position:fixed;z-index:210;padding-top:100px;left:0;top:0;width:100%;height:100%; overflow:auto;background-color:rgb(0,0,0);background-color: rgba(0,0,0,0.7);}
#img-modal &gt; .box{width:550px;position:relative;margin:auto;}
#img-modal &gt; .box img{width:100%;}
#img-modal &gt; .box .close{width:25px;height:25px;position:absolute;top:-30px;right:0;font-size:0;background:url('../images/company/btn_close.png') no-repeat 0 0;}
#img-modal &gt; .box .close:hover{color:#bbb;text-decoration:none;cursor:pointer;}

.map_box{text-align:center;margin-bottom:90px;}

.card_list_wrap{max-width:1200px;margin:0 auto 76px;}
.card_list_wrap h3{font-size:28px;font-weight:700;color:#111;line-height:1.5em;margin-bottom:24px;}
.card_list_wrap ul{overflow:hidden;}
.card_list_wrap ul li{width:165px;height:165px;float:left;border:1px solid #eee;box-sizing:border-box;text-align:center;margin-right:7px;padding-top:50px;}
.card_list_wrap ul li:last-child{margin-right:0;}
.card_list_wrap ul li em, .card_list_wrap ul li span{display:block;line-height:1.5em;}
.card_list_wrap ul li em{font-size:22px;font-weight:500;color:#111;}
.card_list_wrap ul li span{font-size:18px;font-weight:300;color:#111;}

.map_area{max-width:1200px;margin:0 auto;}
.location_info{max-width:1200px;margin:0 auto;}
.location_info ul{width:100%;}
.location_info ul li{display:table;width:100%;}
.location_info ul li span{height:80px;padding:0 10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #e8e8e8;box-sizing:border-box;font-size:20px;color:#000;}
.location_info ul li span:first-child{font-weight:300;}
.location_info ul li span:last-child{text-align:right;font-weight:500;}
.location_info ul li .icon01{width:20px;height:20px;display:inline-block;background:url('../images/customer/icon_01.jpg') no-repeat 0 0;vertical-align:middle;}
.location_info ul li .icon02{width:29px;height:18px;display:inline-block;background:url('../images/customer/icon_02.jpg') no-repeat 0 0;vertical-align:middle;}

.inqury_board{max-width:1200px;margin:0 auto;padding:50px 130px 50px;border-top:1px solid #222;border-bottom:1px solid #ddd;box-sizing:border-box;}
.inqury_board .mo{display:none;}
.inqury_board li{width:100%;margin-bottom:10px;}
.inqury_board li span{width:auto;display:inline-block;position:relative;border:1px solid #e8e8e8;vertical-align:middle;}
.inqury_board li .phone:before, .inqury_board li .email_account:before, .inqury_board li .disc:before{width:14px;height:15px;display:block;position:absolute;top:50%;left:20px;margin-top:-9px;content:"";background:url('../images/customer/icon_check.jpg') no-repeat 0 0;}
.inqury_board li .email_account, .inqury_board li .email_server{width:33%;}
.inqury_board li .select-wrapper{width:30%;}
.inqury_board li .disc:before{top:22px;}
.inqury_board li span.at{border:none;text-align:center;}
.inqury_board li input{width:100%;height:60px;padding-left:20px;border:none;background:none;box-sizing:border-box;}
.inqury_board li .phone input, .inqury_board li .email_account input{padding-left:42px;}
.inqury_board li .disc textarea{width:100%;padding:15px 15px 15px 42px;border:none;background:none;box-sizing:border-box;}
.inqury_board li .select-wrapper select{width:100%;height:60px;border:none;background:none;}
input:focus, textarea:focus { outline: none; }
.btn{text-align:center;margin-top:30px;}
.btn a{width:260px;height:60px;display:inline-block;font-size:20px;font-weight:700px;color:#fff;line-height:60px;background: #e50112;}

@media (max-width: 1280px) {
 
    footer .footer_inner .footer_nav ul, footer .footer_inner .footer_info .center_box{max-width:980px;margin:0 auto;box-sizing:border-box;}   
    footer .footer_inner .footer_info .center_box .address_info{display:block;}
    footer .footer_inner .footer_info .center_box .address_info p, footer .footer_inner .footer_info .center_box .address_info ul{display:block;}
    footer .footer_inner .footer_info .center_box .address_info ul{padding-left:0;margin-top:8px;}
    footer .footer_inner .footer_info .center_box .icon{display:none;}


  

    .content{padding: 80px 0;}
    .sub_title{padding-bottom:45px;margin-bottom:25px;}
    .sub_title h2{font-size:35px;}
    .sub_title p{display:none;}
    .sub_title:before{height:25px;}

    .category_tab{margin-bottom:50px;}
    .sub_category_tab ul li a{width:300px;}

    .swiper-container{max-width:920px;z-index:100;}
    .swiper-slide img{width:600px;height:auto;}

    .product_info_wrap .headline{max-width:920px;}
    .product_info_wrap .headline h3{font-size:42px;margin-bottom:15px;}
    .product_info_wrap .headline p{font-size:16px;}

    .product_article{max-width:920px;}
    .product_article .list_depth01 &gt; li .list_depth02 li p:last-child{font-size:16px;line-height:1.5em;}

    .img_article{max-width:920px;}
    .img_article img{display:none;}
    .img_article img.mo{float:none;display:block;}
    .img_article .text_info{width:100%;float:none;padding:70px 0 70px 0;box-sizing:border-box;}

    .article .img_box{max-width:920px;}
    .article .img_box img{display:none;}
    .article .img_box img.mo{display:block;}

    .img_list{max-width:920px;}
    .img_list li{width:25%;margin-bottom:45px;}
    .img_list li img{max-width:95%}

    .card_list_wrap{max-width:920px;}
    .card_list_wrap ul li{width:220px;margin-right:9px;margin-bottom:10px;}

    .history_tit, .timeline{max-width:920px;}

    .map_area, .location_info{max-width:920px;}

    .inqury_board{max-width:920px;margin:0 auto;padding:30px 30px 30px;}
    .inqury_board ul{display:none;}
    .inqury_board .mo{display:block;}
    .inqury_board .mo span{width:100%;}



}

@media (max-width: 1023px){
    

    footer .footer_inner .footer_nav ul, footer .footer_inner .footer_info .center_box{max-width:700px;margin:0 auto;box-sizing:border-box;}   
    footer .footer_inner .footer_info .center_box .icon{display:none;}

  

    .content{padding:60px 0;}
    .sub_title{padding-bottom:30px;margin-bottom:20px;}
    .sub_title p{display:none;}
    .sub_title:before{height:20px;}

    .category_tab{margin-bottom:35px;}
    .category_tab ul li a{width:200px;height:50px;font-size:18px;}
    .sub_category_tab ul li a{width:220px;height:50px;font-size:18px;}

    .swiper-container{max-width:660px;z-index:100;}
    .swiper-slide img{width:500px;height:auto;}

    .product_info_wrap .headline{max-width:700px;}

    .product_article{max-width:700px;}
    .product_article .list_depth01 &gt; li .list_depth02 li p:last-child{font-size:16px;line-height:1.5em;}

    .img_article{max-width:700px;}
    .article .img_box{max-width:700px;}

    .img_list{max-width:700px;}
    .img_list li{width:33.3%;margin-bottom:40px;}
    .img_list li img{max-width:95%}

    .card_list_wrap{max-width:700px;}
    .card_list_wrap ul li{width:220px;margin-right:10px;margin-bottom:10px;}

    .history_tit, .timeline{max-width:700px;}
    
    .map_area, .location_info{max-width:700px;}

    .inqury_board{max-width:700px;margin:0 auto;padding:30px 30px 30px;}
    .inqury_board ul{display:none;}
    .inqury_board .mo{display:block;}
    .inqury_board .mo span{width:100%;}

}

@media (max-width: 767px){
     

    footer .footer_inner .footer_nav ul, footer .footer_inner .footer_info .center_box{max-width:90%;margin:0 auto;box-sizing:border-box;} 
    footer .footer_inner .footer_info .center_box{padding:30px 0 30px 230px;}

   
    .content{padding:40px 0;}
    .sub_title h2{font-size:30px;}

    .img_article{max-width:550px;margin-bottom:40px;}
    .img_article .text_info{padding:30px 0 30px 0;}
    .img_article .text_info strong{font-size:30px;margin-bottom:20px;}
    .img_article .text_info p{font-size:16px;}
    .article .img_box{max-width:550px;}

    .img_list{max-width:550px;}
    .img_list li{width:50%;margin-bottom:35px;}
    .img_list li img{max-width:95%}

    .card_list_wrap{max-width:550px;}
    .card_list_wrap ul li{width:220px;margin-right:10px;margin-bottom:10px;}

    .history_tit, .timeline{max-width:550px;}
    .timeline ol &gt; li p{width:100px;font-size:28px;}
    .timeline ol &gt; li p span{top:20px;}
    .timeline ol &gt; li .timeline_item{padding-left:26px;}
    .timeline ol &gt; li .timeline_item li{font-size:22px;}
    .timeline ol &gt; li .timeline_item li:last-child{display:none;}

    .map_area, .location_info{max-width:550px;}
    .location_info ul li span{height:80px;padding:0 10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #e8e8e8;box-sizing:border-box;font-size:20px;color:#000;}
    .location_info ul li span:first-child{width:40%;}
    .location_info ul li:first-child span:first-child{width:20%;}
    .location_info ul li span:last-child{letter-spacing:-0.04em;}

    .category_tab{margin-bottom:30px;}
    .category_tab ul li a{width:200px;height:50px;font-size:18px;}
    .sub_category_tab ul li a{width:180px;height:50px;font-size:18px;}

    .swiper-container{max-width:550px;z-index:100;}
    .swiper-slide img{width:400px;height:auto;}
    .swiper-button-next{width:34px;height:71px;margin-top:-45px;}
    .swiper-button-prev{width:34px;height:71px;margin-top:-45px;}
    .swiper-button-next:after, .swiper-button-prev:after{display:none;}

    .product_info_wrap .headline{max-width:550px;margin-bottom:40px;}
    .product_info_wrap .headline p{text-align:center;}

    .product_article{max-width:550px;}
    .product_article .list_depth01 &gt; li .list_depth02 li p:last-child{font-size:16px;line-height:1.5em;}

    .inqury_board{max-width:550px;margin:0 auto;padding:30px 30px 30px;}
    .inqury_board ul{display:none;}
    .inqury_board .mo{display:block;}
    .inqury_board .mo span{width:100%;}

}
 
@media (max-width: 639px){
    

    footer .footer_inner .footer_nav ul, footer .footer_inner .footer_info .center_box{max-width:90%;margin:0 auto;box-sizing:border-box;} 
    footer .footer_inner .footer_info .center_box{padding:20px 0;}
    footer .footer_inner .footer_info .center_box .footer_logo{position:static; display:block; margin-bottom:20px;}

    

    

    .content{padding:30px 0;}
    .sub_title h2{font-size:30px;}

    .img_article{max-width:90%;margin-bottom:40px;}
    .img_article .text_info{padding:30px 0 30px 0;}
    .img_article .text_info strong{font-size:30px;margin-bottom:20px;}
    .img_article .text_info p{font-size:16px;}
    .article .img_box{max-width:90%;}

    .img_list{max-width:90%;}
    .img_list li{width:50%;margin-bottom:35px;}
    .img_list li img{max-width:95%}

    .map_box{margin-bottom:40px;}
    .card_list_wrap{max-width:90%;margin:0 auto 30px;}
    .card_list_wrap h3{font-size:24px;margin-bottom:16px;letter-spacing: -0.05em;}
    .card_list_wrap ul li{width:49%;height:165px;margin-right:0;padding-top:50px;}
    .card_list_wrap ul li:nth-child(2n){float:right;}
    .card_list_wrap ul li em, .card_list_wrap ul li span{display:block;line-height:1.5em;}
    .card_list_wrap ul li em{font-size:22px;font-weight:500;color:#111;}
    .card_list_wrap ul li span{font-size:18px;font-weight:300;color:#111;}

    .history_tit, .timeline{max-width:90%;}
    .history_tit h3{height:140px;}
    .timeline ol &gt; li p{width:70px;font-size:25px;}
    .timeline ol &gt; li p span{top:16px;}
    .timeline ol &gt; li .timeline_item{padding-left:15px;}
    .timeline ol &gt; li .timeline_item li{height:60px;font-size:18px;line-height:1.5em;display:table-cell;vertical-align:middle;}
    .timeline ol &gt; li .timeline_item li:last-child{display:none;}

    .map_area, .location_info{max-width:90%;}
    .location_info ul li span{height:80px;padding:0 10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #e8e8e8;box-sizing:border-box;font-size:20px;color:#000;}
    .location_info ul li span:first-child{width:40%;}
    .location_info ul li:first-child span:first-child{width:20%;}
    .location_info ul li span:last-child{letter-spacing:-0.04em;}

    .category_tab{margin-bottom:30px;}
    
    .category_tab ul li a{width:150px;height:50px;font-size:18px;}
    .sub_category_tab ul li{display:block;}
    .sub_category_tab ul li a{width:300px;height:50px;font-size:18px;}

    .swiper-container{max-width:90%;z-index:100;}
    .swiper-slide img{width:200px;height:auto;}

    

    .product_info_wrap .headline{max-width:90%;margin-bottom:40px;}
    .product_info_wrap .headline h3{font-size:30px;margin-bottom:12px;}
    .product_info_wrap .headline p{font-size:14px;padding:0 20px;}
    

    .product_article{max-width:90%;}
    .product_article .list_depth01 &gt; li{margin-top:54px;}
    .product_article .list_depth01 &gt; li .list_depth02 li p:last-child{font-size:16px;line-height:1.5em;}
    .product_article .list_depth01 &gt; li strong{font-size:24px;padding-left:20px;}
    .product_article .list_depth01 &gt; li strong:before{width:15px;}
    .product_article .list_depth01 &gt; li .list_depth02 li{padding:22px 0 22px 20px;}
    .product_article .list_depth01 &gt; li .list_depth02 li p:first-child{font-size:18px;}
    .product_article .list_depth01 &gt; li .list_depth02 li p:last-child{font-size:14px;}

    .product_article .list_depth01 &gt; li .list_depth02 table th{font-size:16px;}
    .product_article .list_depth01 &gt; li .list_depth02 table td{font-size:16px;}

    .inqury_board{max-width:90%;margin:0 auto;padding:20px 0 20px;}
    .inqury_board ul{display:none;}
    .inqury_board .mo{display:block;}
    .inqury_board .mo span{width:100%;}
}


 
 .table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table {
    display: block;
  }
}

.row {
  display: table-row;
  background: #f6f6f6;
}
.row:nth-of-type(odd) {
  background: #e9e9e9;
}
.row.header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.row.green {
  background: #27ae60;
}
.row.blue {
  background: #2980b9;
}
@media screen and (max-width: 580px) {
  .row {
    padding: 14px 0 7px;
    display: block;
  }
  .row.header {
    padding: 0;
    height: 6px;
  }
  .row.header .cell {
    display: none;
  }
  .row .cell {
    margin-bottom: 10px;
  }
  .row .cell:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }
}

.cell {
  padding: 6px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .cell {
    padding: 2px 16px;
    display: block;
  }
}
</pre></body></html>