/****************main****************/
#main {padding-top: 80px; position: relative;}

#main .main_slider {height: calc(100vh - 80px);}

#main .main_slider .swiper-slide {height: 800px;}

.main_title {
    position: absolute;
    left: 30%;
    top: 60%;
    transform: translateY(-50%);
    color: #fff;
    width: 100%
}

.main_title h3 {font-size: 40px; line-height: 1.5; text-shadow: 2px 2px 2px #3b3b3b; margin-bottom: 20px;}
.main_title p {font-size: 18px; line-height: 1.5; text-shadow: 1px 1px 1px #3b3b3b;}


#main .main_slider .swiper-button-next {
    background: url(../img/slider/main_slider_btn.png) no-repeat 50% 50%;
    right: 50px;
}

#main .main_slider .swiper-button-prev {
    background: url(../img/slider/main_slider_btn.png) no-repeat 50% 50%;
    transform: rotate(-180deg);
    left: 50px;
}

#main .main_product {background: #fff; text-align: center; padding: 50px 0;}

.main_product .sub_title h4 {font-size: 22px;}
.main_product .sub_title h3 {font-size: 36px; font-weight: 600; margin: 30px 0;}
.main_product p {font-size: 20px; color: #777; line-height: 1.6;}

.product_list {margin: 40px 0;}
.product_list:after {content: ''; display: block; clear: both;}
.product_list li {float: left; width: 30%; margin: 0 10px;}

.product_list li .product_img {display: block; height: 300px; border: 3px solid #ccc; margin-bottom: 10px;}
.product_list li .product_img img {height: 80%; padding: 10px 0;}

.product_list li h5 {font-size: 22px; margin-bottom: 5px;}

.product_bottom {margin-top: 20px;}
.product_bottom .product_list {margin-bottom: 0;}

.main_section {
    height: 700px;
}
.main_section .section_title {
    width: 1530px;
    height: 660px;
    background: #f0f0f0;
    position: relative;
}
.main_section .section_title:after {display: none;}

.main_section .section_title .title {
    position: absolute;
    left: 400px;
    top: 50%;
    text-align: left;
}

.main_section .section_title .title p {font-size: 18px; color: #777; line-height: 1.6;}
.main_section .section_title .title h3 {font-size: 36px;}
.main_section .section_title .title .btn_more {
    display: block; 
    width: 250px; 
    height: 50px;
    margin-top: 100px;
    border: 2px solid #b0283b;
    line-height: 50px;
    text-indent: -50px;
    color: #b0283b;
    font-weight: 900;
    font-size: 18px;
    background: #fff;
    position: relative;
    transition: all 0.3s;
    z-index: 0;
    text-align: center;
}
.main_section .section_title .title .btn_more:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #b0283b;
    transition: all 0.3s;
    z-index: -1;
}

.main_section .section_title .title .btn_more:after {
    content: '';
    position: absolute;
    right: 24px;
    top: 18px;
    width: 33px;
    height: 12px;
    transition: all 0.3s;
    background: url(../img/btn_more_arrow.png) no-repeat;
}


.main_section .section_title .title .btn_more:hover {color: #fff;}
.main_section .section_title .title .btn_more:hover:before {width: 100%;}
.main_section .section_title .title .btn_more:hover:after {background-image: url(../img/btn_more_arrow_hover.png);}

.main_section .section_img {position: absolute; right: -300px; top: 40px; width: 860px;}

.main_section5 .section_title {left: auto; right: -380px;}
.main_section5 .section_title .title {left: 680px;}
.main_section5 .section_title .title .last {padding-top: 30px;}
.main_section5 .section_img {right: auto; left: 80px;}



/****************company_page****************/

#company .section_intro .img_wrap {height: 190px; margin-bottom: 30px; overflow: hidden;}

/****************bbs_wrap****************/
.bbs_intro_txt {height:32px; line-height: 32px; text-align: center; margin-top: 25px;}
.bbs_list {
    width: 100%;
    margin-top: 15px;
    border-top: 2px solid #999;
    border-collapse: collapse;
}

.bbs_list thead {
    height: 30px;
}

.bbs_list .bbs {
    height: 30px;
    border-bottom: 1px solid #d0d0d0;
}

.bbs_list .bbs .tit {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
}

.bbs_list .bbs .num {
    width: 10%;
}

.bbs_list .bbs .title {
    width: 70%;
}

.bbs_list .bbs .count {
    width: 15%;
}

.bbs_list .bbs .date {
    width: 5%;
}

.bbs_list .num img {
    width: 50px;
    margin-top: 5px;
}

.bbs_list .bbs_new {
    background: #f2ffe6;
}

.bbs_list .bbs_new .title {
    color: #3f7f00;
}

.bbs_list .bbs .txt {
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.bbs_list .bbs .txt.title {
    text-align: left;
    padding-left: 15px;
}

/****************bbs_detail****************/
.bbs_detail {
    margin-top: 35px;
}

.bbs_detail .input_wrap {
    margin-bottom: 15px;
}

.bbs_detail .input_wrap:after {
    content: '';
    clear: both;
    display: block;
}

.bbs_detail .input_wrap .input_tit {
    font-size: 14px;
    font-weight: 700;
    float: left;
    letter-spacing: 1px;
}

.bbs_detail .input_wrap .input_box {
    font-size: 13px;
    margin-left: 8px;
    float: left;
}

.bbs_detail .textarea_box {
    width: 100%;
    height: 350px;
    overflow-y: auto;
    line-height: 20px;
    font-size: 13px;
    border: 1px solid #3f7f00;
    border-right: none;
    border-left: none;
    padding: 12px;
    box-sizing: border-box;
}

.bbs_detail .info_wrap {
    float: right;
    margin-top: 10px;
}

.bbs_detail .info_wrap:after {
    content: '';
    clear: both;
    display: block;
}

.bbs_detail .info_wrap p {
    font-size: 13px;
    padding: 0 10px;
    float: left;
}

.bbs_detail .info_wrap .date {
    float: left;
    border-right: 1px solid #991b1e;
}

.bbs_detail .btn_wrap {
    text-align: center;
    margin: 80px 0 100px;
}

.bbs_detail .btn_wrap .btn {
    display: inline-block;
    margin: 0 30px;
    box-sizing: border-box;
    width: 110px;
    height: 32px;
    line-height: 28px;
    font-size: 14px;
}

.bbs_detail .btn_wrap .btn a {
    letter-spacing: 2px;
    display: block;
}

.bbs_detail .btn_wrap .btn_list {
    border: 1px solid #3f7f00;
}

.bbs_detail .btn_wrap .btn_upload {
    background: #3f7f00;
}

.bbs_detail .btn_wrap .btn_upload a {
    color: #fff;
}

/****************bbs_write****************/
#bbsWrite .common_inner {
    width: 700px;
}

.bbs_write {
    margin-top: 35px;
}

.bbs_write .input_wrap {
    margin-bottom: 15px;
}

.bbs_write .input_wrap:after {
    content: '';
    clear: both;
    display: block;
}

.bbs_write .input_wrap .input_tit {
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    float: left;
    letter-spacing: 1px;
    margin-top: 2px;
}

.bbs_write .input_wrap input {
    border: 1px solid #3f7f00;
    height: 24px;
    line-height: 24px;
    padding-left: 7px;
    width: calc( 100% - 85px);
    float: right;
    font-size: 13px;
}

.bbs_write .input_wrap input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.bbs_write .input_wrap .btn_file {
    float: left;
    width: 100px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #3f7f00;
}

.bbs_write .input_wrap .upload_name {
    width: calc( 100% - 194px);
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
}

.bbs_write textarea {
    width: 100%;
    height: 250px;
    overflow-y: auto;
    line-height: 20px;
    font-size: 13px;
    border: 1px solid #3f7f00;
    border-right: none;
    border-left: none;
    padding: 12px;
    box-sizing: border-box;
}

.bbs_write .btn_wrap {
    text-align: center;
    margin: 50px 0 100px;
}

.bbs_write .btn_wrap .btn {
    display: inline-block;
    margin: 0 30px;
    box-sizing: border-box;
    width: 110px;
    height: 32px;
    line-height: 28px;
    font-size: 14px;
}

.bbs_write .btn_wrap .btn a {
    letter-spacing: 2px;
    display: block;
}

.bbs_write .btn_wrap .btn_cancel {
    border: 1px solid #2e2f31;
}

.bbs_write .btn_wrap .btn_upload {
    background: #3f7f00;
}

.bbs_write .btn_wrap .btn_upload a {
    color: #fff;
}

.bbs_write .info_txt_wrap .info_title {
    margin : 20px 0;
    font-size: 16px;
}

.bbs_write .info_txt_wrap p {
    margin-bottom: 20px;
    line-height: 20px;
}
.bbs_write .info_txt_wrap p:last-child {
    margin-bottom: 5px;
}

.bbs_write .info_txt_wrap span {
    color: #ff5559;
    font-weight: bold;
}

.bbs_write .agree_wrap {
    margin-bottom: 5px;
}

.bbs_write .agree_wrap * {
    vertical-align: middle;
}

/****************bbs_search_wrap****************/
.bbs_header {
    position: relative;
}
.bbs_search_wrap {
    position: absolute;
    padding: 5px 0;
    border-bottom: 2px solid #3f7f00;
}

.bbs_search_wrap img {
    width: 20px;
}

.bbs_search_wrap input {
    border: none;
    padding-left: 7px;
}

.bbs_search_wrap button {
    background-color: transparent;
    margin-right: 5px;
}

/****************page_select****************/

.page_select_wrap {
    margin: 25px 0 35px;
    text-align: center;
    font-size: 0;
}

.page_select_wrap .arrow {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.page_select_wrap .arrow_double {
    margin: 0 5px;
}

.page_select_wrap .page_wrap {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
}

.page_select_wrap .page {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.page_select_wrap .page span {
    cursor: pointer;
}

.page_select_wrap .page_sel {
    border-bottom: 1px solid #3f7f00;
    color: #3f7f00;
    font-weight: bold;
}

/****************section_intro****************/

#company .section_intro .content_txt { font-size: 16px; text-align: center; margin: 25px 0; line-height: 30px; }
#company .section_intro .content_txt span {color: #3f7f00; font-weight: bold; }
#company .section_intro .img_wrap {height: 190px; margin-bottom: 30px; overflow: hidden;}

.section_intro .intro_ico_wrap {width: 100%; text-align: center; font-size: 0;}
.section_intro .intro_ico_wrap .ico_wrap {display: inline-block; vertical-align: middle; margin: 0 50px 30px;}
.section_intro .intro_ico_wrap .ico_wrap * { width: 120px; font-size: 26px; margin: 0 25px; vertical-align: middle;}

/****************section_history****************/
.section_history {width: 100%; padding: 15px 0;}
.section_history .common_inner {background-color: #fff4e9; padding: 50px 0;}
.section_history .history_title { position: relative; padding-bottom: 18px; text-align: center; font-size: 16px; }
.section_history .history_title:after {content:""; display:block; position: absolute; width: 26px; height: 13px; left: 50%; bottom: 0; background: url(../img/sub/ico_arrow_bottom.png) no-repeat center center; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.section_history .history_detail_wrap {position: relative; width: 100%;}
.section_history .history_detail_wrap:after {content:""; display:block; position: absolute; width: 1px; height: 100%; left: 50%; bottom: 0; background-color: red; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.section_history .history_detail_wrap .common_year_wrap {width: 50%;}
.section_history .history_detail_wrap .common_year_wrap .ico_circle {position: absolute;}
.section_history .history_detail_wrap .year_text_wrap {position: relative; z-index: 2;}
.section_history .history_detail_wrap .odd_year {left: 50%;}
.section_history .history_detail_wrap .odd_year .ico_circle { top: 3px; left: -6px;}
.section_history .history_detail_wrap .even_year {text-align: right;}
.section_history .history_detail_wrap .even_year .ico_circle { top:3px; right: -7px; }
.section_history .history_detail_wrap .year_txt {margin: 0 12px; font-size: 16px; font-weight: bold; color: #3f7f00;}
.section_history .history_detail_wrap .history_details { padding: 10px 8px;}
.section_history .history_detail_wrap .history_detail {margin-bottom: 10px;}
.section_history .history_detail_wrap .history_detail:last-child {margin-bottom: 0;}
.section_history .history_detail_wrap .history_detail span {color: #3f7f00; margin:0 5px; }



/****************products****************/
#products .section_intro .content_txt {text-align: center; padding-top: 40px; line-height: 1.7; font-size: 18px; color: #888;}

#products section:not(:first-child) {/* border-bottom: 1px solid #999; */ padding: 80px 0;}

#products .section_intro {border-bottom: 1px solid rgb(197, 197, 197);}
#products .section_title {font-size: 28px; text-align: center; font-weight: 900; letter-spacing: 0.05em;}

#products .section_title:after {bottom: -30px;}


#products .swiper_wrap {width: 70%; height: 600px; margin: 0 auto;}

.swiper-slide {background-repeat: no-repeat; background-position: 50% 50%;}

.gallery-top {
    position: absolute;
    left: 50%;
    top: 70px;
    width: 90%;
    height: 400px;
    transform: translate(-50%);
}
/* 
.gallery-top .swiper-button-next {background: url(../img/products/btn_slider.png) no-repeat;
background-size: contain;} */
.gallery-top .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 30px; right: auto;}
.gallery-top .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 30px; left: auto;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #cacaca;
}

.swiper-slide {
    background-size: contain;
    background-position: center;
}

.gallery-thumbs {   
    float: left;
    width: 10%;
    height: 600px;
    margin-left: -150px;
    margin-right: auto;
}

.gallery-thumbs .swiper-slide {
    display: block;
    margin-right: 0;
    height: 120px;
}

.gallery-thumbs .swiper-slide:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 3px solid red;
    box-sizing: border-box;
    display: none
}

.gallery-thumbs .swiper-slide-thumb-active.swiper-slide:after {
    display: block;
}

.description {position: absolute; left: 55%; bottom: 20px; transform: translate(-50%); width: 70%;}
.description h6 {font-size: 20px; margin-bottom: 10px;}
.description p {font-size: 17px;}

.products_info_menu {width: 640px; margin: 15px auto 0;}
.products_info_menu:after {content: ''; display: block; clear: both;}
.products_info_menu li {
    float: left;
    margin-right: 20px;
}
.products_info_menu li:last-child {margin-right: 0;}
.products_info_menu li button {
    width: 200px; 
    height: 50px; 
    background: #888; 
    line-height: 50px; 
    font-size: 18px; 
    color: #fff;
    text-align: center;
    font-weight: 500;
}
.products_info_menu li:first-child button:hover {background: #146eb3;}
.products_info_menu li:nth-child(2) button:hover {background: #14b5d3;}
.products_info_menu li:last-child button:hover {background: #12a79d;}
.products_info_menu li.active button {font-weight: 900; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);}
.products_info_menu li:first-child.active button {background: #146eb3;}
.products_info_menu li:nth-child(2).active button {background: #14b5d3;}
.products_info_menu li:last-child.active button {background: #12a79d;}

.products_info_wrap {margin: 30px auto 0;}

.products_info > div {margin: 0 auto; padding: 80px 0; /* border-bottom: 1px solid #999; */}
.products_info > div:last-child {border-bottom: none;}

.info_title {
    /* padding: 20px 35px; */
    text-align: center;
    margin-bottom: 30px;
}

.info_title h3 {
    font-size: 24px;
    font-weight: 900;
    display: inline-block;
    position: relative;
    background: #eaeaea;
    padding: 20px 90px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
    border-radius: 10px;
    border: 1px solid #ddd;
}

.info_title h3:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: #333;
    display: none;
}

.products_info .info_02:after {content: ''; display: block; clear: both;}

.table_left {display: inline-block; width: 40%; padding: 20px 0 20px 60px; text-align: center; vertical-align: middle;}
.info_02 .table_left > div {position: relative; margin-bottom: 30px;}
.info_02 .table_left > div:after {content: ''; position: absolute; left: 50%; bottom: -15px; width: 0; height: 0; margin-left: -15px;
    border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #79a3d3;}
.info_02 .table_left > div:nth-child(2):after {bottom: -17px;}
.info_02 .table_left > div:last-child:after {display: none;}

.table_title {background: #79a3d3; font-size: 22px; font-weight: 600; color: #fff; padding: 20px 0;}

.table_arrow {width: 300px; margin: 10px auto;}
.table_arrow_hor {display: inline-block; vertical-align: middle; margin: 0 6px;}

.table_text {/* background: linear-gradient(#dff3e3, #bce9c5 50%, #8fdea0); */ background: #fff; font-size: 18px; line-height: 1.8; color: #79a3d3; font-weight: 700; padding: 20px 0;
    border: 2px solid #79a3d3;}

.table_right .table_title {background-color: #91c73d;}
.table_right .table_text {/* background: linear-gradient(#ebebe1, #d7d7c0 50%, #c1c196); */ background: #fff; color: #91c73d; border-color: #91c73d;} 
.info_02 .table_right > div:after {border-top-color: #91c73d;}

.info_03 {position: relative; height: 1110px;}
.info_benefit {position: absolute; width: 47%; padding: 30px; background: #f8f8f8;}
.info_benefit.allergy {left: 0; top: 220px; width: 64%; border-radius: 0 15px 0 15px; box-shadow: 0px 0px 2px 2px #ff7c7c inset;}

.info_benefit.stink {right: 0; top: 400px; width: 55%; border-radius: 15px 0 15px 0; box-shadow: 0px 0px 2px 2px #d8995e inset;}
.info_benefit.stink .benefit_img {float: right}
.info_benefit.stink h4, .info_benefit.stink p {text-align: right;}

.info_benefit.virus {left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 100px; text-align: center; border-radius: 15px; z-index: 1; box-shadow: 0px 0px 2px 2px #dcd699 inset;}
.info_benefit.virus .benefit_img {float: right;}
.info_benefit.virus h4, .info_benefit.virus p {text-align: center;}

.info_benefit.dust {left: 0; bottom: 130px; border-radius: 0 15px 0 15px; z-index: 2; box-shadow: 0px 0px 2px 2px #9dbb89 inset;}

.info_benefit.health {right: 0; bottom: 50px; width: 55%; border-radius: 15px 0 15px 0; z-index: 3; box-shadow: 0px 0px 2px 2px #8f9cbb inset;}
.info_benefit.health .benefit_img {float: right}
.info_benefit.health .info_txt {float: left; width: 400px; margin-top: 20px;}
.info_benefit.health h4, .info_benefit.health p {text-align: right;}

.info_benefit .benefit_img { /* float: left; */ display: block; width: 180px; margin-top: 20px; overflow: hidden;}

.info_benefit.allergy .benefit_img, .info_benefit.dust .benefit_img {height: 150px;}
.info_benefit.allergy .benefit_img img, .info_benefit.dust .benefit_img img {margin-top: -50px;}

/* .info_benefit .info_txt {padding-left: 200px;} */
.info_benefit.stink .info_txt {margin-top: 5px;}
.info_benefit.virus .info_txt {margin-top: -10px;}

.info_benefit h4 {font-size: 22px; color: #333; font-weight: 900; padding: 15px 0; text-align: left;}
.info_benefit p {font-size: 18px; color: #666; word-break: keep-all; line-height: 1.4; text-align: left;}

.info_txt {text-align: center; font-size: 18px;}
.info_04 .info_txt p { /* color: #fff; */ font-size: 20px; color: #555; font-weight: 700; display: inline-block; /* background: #ababab; */ padding: 20px 25px;}
.info_04 .info_table {margin: 50px auto;}

.info_table {
    margin: 40px auto;
    /* padding-left: 30px; */
    font-size: 18px;
    line-height: 1.5;
    box-sizing: border-box;
}
/* .info_table .table_line:last-child {border-bottom: 1px solid #333;} */
.info_table .table_line {padding: 5px 0;}
.info_table .table_line:after {content: ''; display: block; clear: both;}
.info_table_01 .table_line p:first-child {
    float: left;
    width: calc(40% - 1px);
    /* background: linear-gradient(to right, #5cc42f, #cbec92); */
    padding: 10px 0 10px 40px;
    border-left: none;
    font-weight: 700;
    border-radius: 10px;
    color: #fff;
    /* border-top: 1px solid #333; */
    position: relative;
    box-sizing: border-box;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.info_table_01 .table_line p:first-child:after {content: ''; position: absolute; right: -40px; top: 50%; margin-top: -1px; width: 40px; height: 3px; background: #12a79d;}
.info_table_01 .table_line:nth-child(2) p:first-child:after {background: #79a3d3;}
.info_table_01 .table_line:last-child p:first-child:after {background: #91c73d;}


.info_table_01 .table_line p:last-child {float: left; width: calc(60% - 41px); padding: 10px 0 10px 40px; margin-left: 40px; font-weight: 700; border: 1px solid #dadada;
    border-radius: 10px; background: #f9f9f9; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; }

.info_table_01 .table_line:first-child p:first-child {background: #12a79d;}
.info_table_01 .table_line:nth-child(2) p:first-child {background: #79a3d3;}
.info_table_01 .table_line:last-child p:first-child {background: #91c73d;}

.info_table_01 .table_line:first-child p:last-child {padding-top: 20px; padding-bottom: 20px; line-height: 34px; color: #12a79d;}
.info_table_01 .table_line:nth-child(2) p:last-child {color: #79a3d3;}
.info_table_01 .table_line:last-child p:last-child {color: #91c73d;}

/* .info_table_01 .table_line:last-child p {border-bottom: 1px solid #333;} */

/* 
.info_table_01 .table_line p:first_child {
    position: absolute;
    right: 0;
    top: 14px;
    width: 50px;
    height: 1px;
    background: #000;
} */

.info_table_02:after {content: ''; display: block; clear: both;}
.info_table_02 .table_left {
    width: 46%;
    padding: 0;
    background: #146eb3;
    border-radius: 10px;
}

.info_table_02 .table_left p {  
    padding: 20px 0;
    text-align: left;
    text-indent: 20px;
    font-weight: 700;
    color: #fff;
    border-bottom: 2px dashed #ddd;
    margin: 0 20px;
}
.info_table_02 .table_left p:last-child {border-bottom: none;}
.info_table_02 .table_right {background: #fff; border: 2px solid #d0d0d0;}
.info_table_02 .table_right p {color: #06406d;}
/* .info_table_02 .table_right{background: linear-gradient(to right ,#F9E38F, #FAECBB 50%, #FCF5DE);} */

.info_04 .info_img {margin: 0 auto;}

.info_05:after {content: ''; display: block; clear: both;}
.info_05 .info_title {width: 100%;}
.info_05 .info_title h3:before {top: 8px;}
.info_05 > div {
    float: left;
    width: 45%;
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
}
.info_05 > div h4 {font-size: 22px; font-weight: 900; text-align: center;}
.info_05 .license_txt {
    width: 80%;
    padding: 20px 50px;
    margin: 20px auto;
    background: #fafafa;
}

.info_05 .license_01 .license_txt {border: 3px solid #12a79d; background: #fafafa;}
.info_05 .license_01 .license_txt:last-child {margin-top: -3px;}
.info_05 .license_01 .license_txt p:nth-child(2) {font-weight: 400;}
.info_05 .license_txt p {margin: 10px 0; font-size: 18px; font-weight: 700; line-height: 1.7;}

.info_05 .license_02 .license_txt {border-top: 3px solid #146eb3; border-bottom: 3px solid #146eb3; padding: 27px 50px;
}

.info_05 .license_02 .license_txt p {margin: 17px 0; text-indent: -125px; padding-left: 100px; line-height: 1.7;}
.info_05 .license_02 .license_txt:nth-child(3) {border-top: none; margin: -20px auto 20px;}

.img_patent {text-align: center; padding: 10px;}

.info_06 .info_txt {margin-top: 30px;}
.info_06 .info_txt p {letter-spacing: 0.025em;}
.info_06 .info_txt p span {font-size: 20px; font-weight: 700; line-height: 21px; color: #12a79d;}
.info_img_list {margin-top: 30px;}
.info_img_list:after {content: ''; display: block; clear: both;}
.info_img_list li {float: left; width: 14.9%; padding-right: 6px;}
.info_06 .info_img_list li:first-child {width: 26.5%;}
.info_06 .info_img_list li:last-child {width: 26.5%; padding-right: 0;}

.info_07 .info_img_list li {width: 32.2%; padding-right: 18px; text-align: center;}
.info_07 .info_img_list li:last-child {padding-right: 0;}
.info_07 .info_img_list li h5 {font-size: 20px; font-weight: 900; margin-bottom: 15px;}
.info_07 .info_img_list li p {font-weight: 900; font-size: 18px; line-height: 1.3; margin-top: 25px;}
.info_07 .info_img_list li:first-child p {color: #146eb3;}
.info_07 .info_img_list li:nth-child(2) p {color: #79a3d3;}
.info_07 .info_img_list li:last-child p {color: #52c2be;}

.info_07 .info_img_list li:last-child p {margin-top: 15px;}

#products .info_06 .info_title, #products .info_07 .info_title {margin-bottom: 60px;}

/* 스펙 */
.products_info:nth-child(2) > div {border-bottom: none;}

.spec_title {text-align: center;}
.spec_title h3 {font-size: 34px; font-weight: 900; text-shadow: 2px 2px rgba(0, 0, 0, 0.3);}
.spec_title .spec_img {width: 300px; margin: 20px auto;}

.products_info .spec_info {width: 1000px; padding: 0;}
.products_info .spec_info h3 {background: #fff; box-shadow: none; border: none; padding-left: 0;}
.products_info .spec_info h3:after {display: block;}
.spec_info .info_title {text-align: left; margin-bottom: 0;}
.spec_info > p {font-size: 16px; color: #777; margin-top: 20px;}

.spec_info .info_table {width: auto; padding: 0; margin: 10px 0; border-top: 3px solid #14b5d3; border-bottom: 3px solid #14b5d3;}
.spec_info .info_table > div {float: left; width: 50%; border-bottom: 1px solid #e2e2e2;}
.spec_info .info_table > div:nth-child(5), .spec_info .info_table > div:nth-child(6) {border-bottom:none}
.spec_info .info_table > div:nth-child(2n-1) {margin-left: 0;}
.spec_info .info_table:after {content: ''; display: block; clear: both;}
.spec_info .info_table > div h4 {float: left; width: 250px; background: #eaf6f9; padding: 20px; border-right: 1px solid #e2e2e2; box-sizing: border-box;}
.spec_info .info_table > div p {float: left; width: 250px; background: #fff; padding: 20px; /* border: 1px solid #333; */ box-sizing: border-box;}

/* 성능 & 인증 */
.certification_list .left {float: left; width: calc(50% - 10px); padding: 15px 0 15px 0; margin-right: 10px;}
.certification_list .right {float: left; width: calc(50% - 10px); padding: 15px 0 15px 0; margin-left: 10px;}

.certification_list img {border: 3px solid #12a79d87; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}

.certification_01 .left {padding-top: 100px; }
.certification_01 .right {float: left; width: calc(50% - 20px); padding: 20px 0 20px 10px;}
.certification_01:after {content: ''; display: block; clear: both;}
.certification_list > div {padding: 15px 0; position: relative;}
.certification_list > div:after {content: ''; display: block; clear: both;}
.certification_list .right .table_line {border-top: 1px solid #999; text-indent: 15px;}
.certification_list .right .table_line:last-child {border-bottom: 1px solid #999;}
.certification_list .right .table_line:after {content: ''; display: block; clear: both;}
.certification_list > div:after {content: ''; display: block; clear: both;}
.certification_list .right .table_line:last-child {border-bottom: 1px solid #999;}
.certification_list .certification_01 .right h4 {float: left; width: 45%; height: 44px; line-height: 44px; background: #f5f5f5; font-size: 16px; color: #12a79d; font-weight: 900;}
.certification_list .certification_01 .right p {float: left; width: 55%; height: 44px; line-height: 44px; background: #fff; font-size: 16px; color: #444;}
.certification_list .certification_01 .right .note {width: auto; height: auto; line-height: 1.2; background: #fff; padding: 10px 20px;}
.certification_list .certification_01 .right .note span {font-weight: 900;}

.certification_04 {text-align: center;}
.certification_04 > div {padding: 15px 0;}
.certification_04 h4 {display: inline-block; font-weight: 900; font-size: 24px; border: 2px solid #146eb3; padding: 15px 55px;}
.certification_04 .table {margin: 35px 0; border-top: 2px solid #146eb3; border-bottom: 2px solid #146eb3;}
.certification_04 .table > div:after {content: ''; display: block; clear: both;}
.certification_04 .table p {float: left; font-size: 16px; padding: 15px 0;}
.certification_04 .table p:first-child {width: 13%; border-right: 1px solid #bcbdc0;}
.certification_04 .table p:nth-child(2) {width: 13%; border-right: 1px solid #bcbdc0;}
.certification_04 .table p:nth-child(3) {width: 13%; border-right: 1px solid #bcbdc0;}
.certification_04 .table p:last-child {width: 59%;}
.certification_04 .table .title {color:#146eb3; font-weight: 900; background: #e4eaf5;}
.certification_04 .table .content {border-top: 1px solid #bcbdc0;}
.certification_04 .table .content:first-child {border-top: none;}
.certification_04 .table_bottom .h4 {border-color: #283890;}
.certification_04 .table_bottom .table {border-color: #283890}
.certification_04 .table_bottom .table .title {background-color: #e0dfef; ; color:#283890;}
.certification_04 .table_bottom .table p {width: 33.25%;}
.certification_04 .table_bottom .table p:last-child {border-right: none;}

.certification_list .common_txt .left {width: calc(50% - 30px); padding: 15px 15px 15px 0;}
.certification_list .common_txt .right {width: calc(50% - 30px); padding: 15px 0 15px 15px;}
.certification_list .common_txt p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 24px; font-weight: 900; text-align: center; line-height: 1.5; z-index: 9; background: rgba(255,255,255,0.7); padding: 20px;}


/****************section_intro****************/
.technology_page .section_contents_text {
    text-align: center;
    margin-top: 35px;
    font-size: 16px;
    line-height: 22px;
}

.technology_page .section_intro_m2 {
    background: #f0ffe1;
}

.technology_page .section_contents_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.technology_page .contents_inner {
    width: 850px;
    margin: 45px auto 0;
}

.technology_page .contents_wrap {
    width: 33.33%;
    float:left;
    text-align: center;
    font-weight: bold;
    color: #3f7f00;
}

.technology_page .contents_wrap .content_header {
    width: 60%;
    margin: 0 auto;
    padding: 10px 0;
    background: #fff;
    border-radius: 20px;
    border:1px solid #3f7f00;
    font-size: 16px;
    line-height: 24px;
}

.technology_page .contents_wrap .sub_header {
    font-size: 18px;
    margin: 30px 0;
}

.technology_page .contents_wrap .content {
    line-height: 22px;
}

.technology_page .section03 .section_img_wrap {
    margin-top: 50px;
    text-align: center;
}

.technology_page .section03 .section_img_wrap img {
    display: inline-block;
    width: 350px;
    vertical-align: middle;
}

.technology_page .section03 .section_img_wrap img:nth-child(2){
    margin: 0 36px;
}

.technology_page .section_txt {
    margin-top: 25px;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
}

.technology_page .section_contents_text_wrap {
    margin-top: 45px;
}

.technology_page .section_contents_text_wrap .text_contents_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.technology_page .text_contents p span {
    font-weight: bold;
}

.technology_page .text_contents {
    width: 500px;
    height: 120px;
    background: #fff;
    border-radius: 20px;
    padding: 25px 15px;
    line-height: 20px;
    border: 2px solid #b0283b;
    box-shadow: 1px 1px 1px grey;
}

.technology_page .text_contents.m2{
    z-index: 2;
    border-color: #d8995e;
}

.technology_page .text_contents.m3{
    z-index: 3;
    border-color: #d0d85e;
}

.technology_page .text_contents.m4{
    z-index: 4;
    border-color: #5ed887;
}

.technology_page .text_contents.m5{
    z-index: 5;
    border-color: #5ed8c8;
}

.technology_page .text_contents.fl {
    float: left;
}

.technology_page .text_contents.fr {
    float: right;
}

.technology_page .text_contents.mc {
    margin:-20px auto;
}

.technology_page .section06 .section_contents_text {
    font-weight: bold;
}

.technology_page .section06 .section_contents_text_wrap {
    width: 900px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 22px;
}

.technology_page .section06 .process {
    margin: 60px 0;
    background: url(../img/main/process_back.jpg) no-repeat center center;
}

.technology_page .section06 .process .process_all {
    width: 900px;
    margin: 0 auto;
}

.technology_page .section06 .process .m_process_wrap {
    margin: 0 auto;
    overflow: hidden;
}

.technology_page .section06 .process .m_process {
    width: 20%;
    float: left;
}

.technology_page .section06 .process .m_process .process_content{
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background: url(../img/sub/process_border.png) no-repeat center center #fff;
    background-size: 100%;
    border-radius: 12px;
}

.technology_page .section06 .process .m_process p {
    padding-top: 30px;
    line-height: 22px;
    text-align: center;
}

.technology_page .section06 .process .m_process p span {
    display: block;
    font-weight: bold;
    color: #3f7f00;
    margin-bottom: -10px;
}

.technology_page .section06 .process .right_line:after {
    content: '';
    width: 22px;
    height: 3px;
    top: 50%;
    right: -22px;
    background: #3f7f00;
    position: absolute;
}

.technology_page .section06 .process .down_line:before {
    content: '';
    width: 3px;
    height: 25px;
    bottom: -25px; left: 50%;
    background: #3f7f00;
    position: absolute;
}

.technology_page .section06 .process .fl_r {
    float: right;
    margin-top: 25px;
}

.technology_page .section07 .section_contents_text_wrap {
    width: 900px;
    margin: 50px auto 0;
}

.technology_page .section07 .section_contents_text_wrap p {
    line-height: 24px;
    margin-bottom: 20px;
}

.technology_page .section07 .section_contents_text_wrap p:last-child {
    margin-bottom: 0;
}

.map_wrap {
    margin-top: 15px;
    margin-bottom: 50px;
}

.map_wrap .map {
    height: 380px;
    border: 1px solid #888;
}

.map_wrap .info {
    line-height: 50px;
    border-bottom: 1px solid #d5d5d5;
}

.map_wrap .info:last-child {
    border-bottom: none;
}

.map_wrap .info:after {
    content: '';
    clear: both;
    display: block;
}

.map_wrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    float: left;
    width: 80px;
}

.map_wrap .txt_wrap {
    width: calc( 100% - 80px );
    float: left;
    font-size: 14px;
    box-sizing: border-box;
}

.map_wrap .info1 {
    line-height: 35px;
}

.map_wrap .info1 .txt {
    position: relative;
    padding-left: 30px;
}

.map_wrap .info1 .line_1:before {
    content: '1';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    color:#fff;
    background: #005aa5;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
}

.map_wrap .info1 .line_7:before {
    content: '7';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    color:#fff;
    background: #647317;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
}