@charset "UTF-8";
/* 실서버 적용시 살제할 소스 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {font-family:'Noto Sans KR'}
/* */
/* CSS 추가 211015 */
/*공통 영역*/
.box {padding:0 30px}
.sublist__topdesc {position:relative;margin-left:30px;margin-top:-50px;padding:30px;background:#fff;box-shadow:-5px 5px 15px rgba(0,0,0,0.1);z-index:1}
.sublist__slogan {margin-top:50px;font-size:14px;font-weight:bold}
.sublist__list {margin-top:30px}
.sl li {padding:10px 0}
.sl li ~ li {border-top:1px solid #eee}
.sl li a {display:block}
.sl li a:after {content:'';display:block;clear:both}
.sl__meta {float:left;width:74%}
.sl__image {float:right;width:26%}
.sl__title {display:inline-block;margin-top:5px;padding-right:15px;background:url(/Images/Solution/blit_sublist.png) no-repeat right 50%;background-size:auto 10px;font-size:14px;font-weight:bold}
.sl__type {margin-top:5px}
.sl__type span {font-size:13px}
.sl__type span ~ span {margin-left:10px}
.sl__type span:before {content:'· '}

/*220822 수정 시작*/
.sublist__link {
    position: relative;
    display: block;
    margin-top: 30px;
    padding: 30px 25px;
    background: #00a0e9;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.45
}

.sublist__link02 {
    background: #0050a3;
    margin-top: 10px;
}

.sublist__link p {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
    padding: 5px 10px;
    transform: translate(0, -50%);
}

    .sublist__link p img {
        height: 11px;
        vertical-align: baseline;
        margin: 0 0 0 5px;
    }
/*220822 수정 끝*/

.industry {padding:0 30px}
.industry__item ~ .industry__item {margin-top:40px}
.item__image {margin:0 -30px}
.item__image img {width:100%}
.item__sns {margin:20px 0 10px;text-align:right}
.item__sns img {height:30px}
.item__title {margin-bottom:5px;font-size:18px;font-weight:bold}
.item__image + .item__title {margin-top:30px}
.item__feature {margin-top:15px}
.item__producttitle {margin-top:5px;margin-bottom:10px;font-size:16px;font-weight:500}
.industry__youtube {position:relative;margin-top:40px;padding-top:56.25%}
.industry__youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.industry__download {margin-top:20px;margin-bottom:60px;text-align:center}
.industry__download a {display:block;margin-top:5px;border-radius:10px;background:#f2f4f6}
.industry__download a span {display:inline-block;padding-right:28px;background:url(/Images/Solution/icon_download.png) no-repeat right 50%;background-size:auto 16px;font-size:15px;font-weight:500;color:#0950aa;line-height:45px}
.item__product ~ .item__product {margin-top:60px}
.item__list {overflow:hidden}
.item__list li {float:left;width:50%}
.item__list li a {display:block}
.item__list li a .info {margin-top:10px;padding:0 5px}
/*save*/
.savebox {margin:0 -30px;margin-top:60px;padding:40px 0 45px;background:#f2f4f6}
.savebox__icon {max-width:64px;margin-bottom:15px}
.savebox__wrap {position:relative}
.savebox__title {margin-bottom:10px;font-size:18px;font-weight:bold}
.savebox__link {display:inline-block;margin-top:10px;padding-left:20px;padding-right:15px;background:#0c479b;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.savebox__link span {display:inline-block;padding-right:15px;background:url(/Images/Solution/blit_test.png) no-repeat right 50%;background-size:auto 30%;color:#fff;line-height:32px}
/*purchase*/
.purchase {margin-top:20px;margin-bottom:60px;text-align:center}
.purchase__link {display:block;width:100%;background:#2251a1;font-size:18px;font-weight:bold;color:#fff;line-height:50px}
.purchase__link span {display:inline-block;padding-right:20px;background:url(/Images/Solution/blit_test.png) no-repeat right 50%;background-size:auto 14px;font-size:16px;color:#fff;line-height:50px}
/*cost*/
input[type=tel].ipt, input[type=text].ipt {display:block;height:30px;border:none;background:#e4e7e9;outline:none;vertical-align:top}
select.slt {display:block;height:30px;padding:0 10px;border:none;background-color:#e4e7e9;background-position:calc(100% - 10px) center;outline:none;line-height:30px}
select.slt {color:#888}
.cost__list {margin:0 -30px;margin-top:30px;padding:30px;background:#f2f4f6}
.cost__list li {line-height:30px}
.cost__list li ~ li {margin-top:15px}
.cost__title {position:relative;padding-left:30px;font-weight:500;line-height:1.4;vertical-align:top}
.cost__title strong {position:absolute;top:0;left:0;font-size:14px;font-weight:bold;color:#0950aa;line-height:1.4}
.cost__title strong:before {content:'*';position:absolute;top:-4px;left:-8px;color:#00abe4}
.cost__title--notrequired strong:before {content:none}
.cost__inputwrap {position:relative;margin-top:8px;padding-right:42px}
.cost__inputwrap svg {position:relative;top:2px}
.cost__inputwrap--flex {display:flex}
.cost__inputwrap--flex > * {flex-grow:1}
.cost__inputtext {position:absolute;top:0;right:0;width:36px;font-weight:bold;vertical-align:top;line-height:30px;text-align:left}
.cost__inputtext--slt {display:block;position:static;width:auto;flex-basis:30px;flex-grow:0;text-align:center}
.cost__inputtext--slt img {position:relative;top:10px;height:12px}
.cost__titlenotice {display:block;margin-top:5px;padding-left:0;color:#666;line-height:1.4}
.cost__notice {margin-top:20px;color:#666;text-align:center;line-height:1.4}
    /* 2021-01-27 설명 주석 추가 시작 */
    .cost__notice span {
        position: relative;
        top: -2px;
        font-size: 0.5em
    }

    .cost__notice div {
        color: #aaa;
        font-size: 12px
    }

        .cost__notice div span {
            color: #aaa
        }

.resultchart .cost__notice {
    text-align: left
}
/* 2021-01-27 설명 주석 추가 끝 */
.cost__button {margin-top:30px;margin-bottom:70px;text-align:center}
.cost__box {display:none}
.cost__more {margin-bottom:5px}
.cost__more span {display:inline-block;position:relative;padding-right:20px;font-weight:bold}
.cost__more span:before {content:'';display:block;position:absolute;top:50%;right:0;width:18px;height:18px;margin-top:-9px;background:url(/Images/Solution/blit_more.png) no-repeat 50% 50%;background-size:auto 6px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}
.cost__more.active span:before {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
/*result*/
.costresult {display:none}
.costresult__title {margin-bottom:40px;font-size:18px;font-weight:bold}
.costresult__top {text-align:center}
.costresult__year {display:inline-block;padding:10px 25px;border-radius:25px;background:#f2f4f6}
.costresult__year * {font-size:16px;font-weight:bold}
.costresult__year strong {margin-right:10px;color:#0950aa}
.costresult__year span {opacity:0;-webkit-transition:all 0.3s ease-out 1s;transition:all 0.3s ease-out 1s}
.costresult.active .costresult__year span {opacity:1}
.costresult__product {max-width:70%;margin:0 auto;padding-top:15px;text-align:center}
.costresult__image img {width:240px}
.costresult__name {display:inline-block;padding:8px 20px;border-radius:25px;background:#f2f4f6;font-size:16px}
.resultbox {margin:0 -30px;margin-top:30px;padding:40px 30px 35px;background:#f2f4f6;text-align:center}
.resultbox__title {margin-bottom:25px;font-size:16px;font-weight:bold}
.resultbox__list {display:inline-block;text-align:left}
.resultbox__list li {margin-top:15px}
.resultbox__list .t {display:inline-block;font-size:15px;font-weight:500}
.resultbox__list .t:nth-of-type(1) {width:80px}
.resultbox__list strong {display:inline-block;width:100px;font-size:15px;font-weight:bold}
.resultbox__list strong span {font-size:15px;font-weight:bold}
.resultbox__list li:first-child strong {width:120px}
.resultbox__list .l1,.resultbox__list .l2,.resultbox__list .l3,.resultbox__list .l1,.resultbox__alarm strong {opacity:0;-webkit-transition:all 0.3s ease-out 1s;transition:all 0.3s ease-out 1s}
.resultbox__list .l1 {-webkit-transition-delay:1.3s;transition-delay:1.3s}
.resultbox__list .l2 {-webkit-transition-delay:1.6s;transition-delay:1.6s}
.resultbox__list .l3 {-webkit-transition-delay:1.9s;transition-delay:1.9s}
.resultbox__alarm strong {-webkit-transition-delay:2.5s;transition-delay:2.5s}
.costresult.active .resultbox__list .l1,.costresult.active .resultbox__list .l2,.costresult.active .resultbox__list .l3,.costresult.active .resultbox__alarm strong {opacity:1}
.resultbox__icon {margin:25px 0 20px;padding:0 20px}
.resultbox__icon img {width:20px;margin:2px;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.costresult.active .resultbox__icon img {opacity:1}
.resultbox__alarm {font-size:18px;font-weight:bold;line-height:40px}
.resultbox__alarm strong {margin:0 15px;font-size:26px;font-weight:bold;color:#0950aa;line-height:38px}
.resultwrap {margin-top:42px;overflow:hidden}
.resultwrap__inner {overflow-x:auto}
.resulttable {table-layout:fixed;width:708px;padding:0;border-spacing:0}
.resulttable tr th {border-left:2px solid #5ebddc;background:#39afd6;color:#fff}
.resulttable tr td.t {background:#f2f4f6;font-weight:bold;text-align:left}
.resulttable tr td {border-bottom:2px solid #f2f4f6;border-left:2px solid #f2f4f6;text-align:center;vertical-align:middle}
.resulttable tr th, .resulttable tr td {padding:8px 6px;line-height:1.3;vertical-align:middle}
.resulttable tr th:first-child {width:112px;border-left:none}
.resulttable tr td:first-child {width:112px;border-left:none}
.resulttable tr td span {vertical-align:baseline;word-break:break-all}
.resultchart {margin-top:20px}
.resultchart__right {margin-top:20px}
.resultchart__title {padding:0 18px;background:#39afd6;font-size:16px;font-weight:bold;color:#fff;line-height:42px}
.retest {position:relative;margin:0 -30px;margin-top:50px;padding:30px;background:#f2f4f6}
.retest__title {font-size:16px;font-weight:bold}
.retest__link .savebox__link {margin-top:5px}
.resultchart__box {padding:20px;padding-left:5px;background:#f2f4f6}
.chart svg {overflow:visible}
.ct-bar {stroke-width:70px !important}
.ct-label {font-size:13px !important;color:#000 !important;font-weight:500 !important}
.ct-series-a .ct-bar {stroke:#476993 !important}
.ct-series-b .ct-bar {stroke:#39afd6 !important}
.ct-bar-label {fill:#eee !important}
.ct-label.ct-vertical {font-size:12px !important}
.loading__wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9999}
.loading {position:absolute;left:50%;top:50%;z-index:1;margin:-40px 0 0 -40px;border:10px solid #eee;border-radius:50%;border-top:10px solid #0950aa;width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
@-webkit-keyframes spin {0% {-webkit-transform:rotate(0deg);}100% { -webkit-transform:rotate(360deg)}}
@keyframes spin {0% { transform:rotate(0deg)}100% { transform:rotate(360deg)}}
/* share */
.resultbox__share {margin-top:25px}
.share-link {display:inline-block;padding-left:20px;padding-right:15px;background:#0c479b;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.share-link span {display:inline-block;padding-right:15px;background:url(/Images/Solution/blit_share.png) no-repeat right 50%;background-size:auto 30%;color:#fff;line-height:32px}

/* 2022-03-03 추가 시작 */
#plastic_cnt {
    opacity: 0 !important;
    transition-delay: 0s !important;
}

    #plastic_cnt.active {
        opacity: 1 !important
    }

.resultbox__icon {
    margin: 10px 0 0 !important;
}

.resultbox__list .t {
    font-size: 12px !important;
}

.resultbox__list li {
    margin-top: -1px !important;
}

.resultbox__list strong {
    font-size: 12px !important;
}

    .resultbox__list strong span {
        font-size: 12px !important;
    }

.resultbox__icon img {
    display: none !important;
}

.resultbox__alarm {
    width: 277px;
    height: 108px;
    line-height: 206px;
    margin: 0 auto;
    background: url(/Images/Solution/count_bg_mo.jpg) no-repeat;
    background-size: 277px 108px;
}

    .resultbox__alarm strong {
        vertical-align: middle;
        font-size: 21px;
        display: inline-block;
        left: 30px;
        position: relative;
        color: #fff !important;
        top: -54px;
    }
/* 2022-03-03 추가 끝 */