.common_banner.sub_banner {}
.common_banner.sub_banner .con{width:1400px; margin:0 auto; position:relative; z-index:2; height:320px; }
.common_banner.sub_banner .sb_txt {text-align:left; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.common_banner.sub_banner .sb_txt h1 {font-size:32px; font-weight:700; color:#fff; line-height:40px;}

/*.common_banner.sub_banner.location .con {height:170px;}*/

/* sub1 */
/* .common_banner.sub_banner.message {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center center; background-size:cover;} */

.banner_movie {width:100%; height:100%; position:absolute; overflow:hidden; z-index:1;}
.banner_movie iframe {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:180%;}
.movie-cover {width:100%; height:100%; position:absolute; overflow:hidden; z-index:2; background:rgb(0 0 0 / 15%);}

/* 404 */
.common_banner.sub_banner.error-404 {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center center; background-size:cover;}


.subpage-content {text-align:left;}
.subpage-content img {}

.pc {}
.mobile {display:none;}

/* 서브시작 */
.sub-page-wrap {min-height:600px; padding-top:100px; padding-bottom:100px;}
.sub-page-wrap .con {position:relative;}
.sub-page-wrap.products-page-wrap .con {position:relative; padding-right:280px;}
.sub-page-wrap .page-left {width:100%; padding-right:60px;}
.sub-page-wrap .page-right {position:absolute; right:0; top:0; bottom:0; width:280px; height:100%;}
.sub-page-wrap .page-right.fixed .rnb {position:fixed; bottom:10px; width:280px;}
.sub-page-wrap .page-right.fixed.fixedbot .rnb {position:absolute; top:auto; bottom:0;}

.tit.common-tit {text-align:center; position:relative; padding-bottom:15px;}
.tit.common-tit .t1 {font-size:32px; font-weight:700; color:#444444; line-height:54px;}
.tit.common-tit .t1.white {color:#fff;}
.tit.common-tit::after {content:""; position:absolute; left:50%; bottom:0; transform: translateX(-50%); display: inline-block; width:31px; height:6px; border-radius:3px; background-color: #F58120;}
.tit.common-tit.st1 .t1 {text-align:left;}
.tit.common-tit.st1::after {left:0;background-color: #308C6B; transform: translateX(0);}
.tit.common-tit.st2 .t2 {text-align:left;}
.tit.common-tit.st2::after {left:0;background-color: #F58120; transform: translateX(0);}


.contxt {font-size:16px; line-height:24px;}
.contxt.t-c {text-align:center;}
.contxt.t-l {text-align:left;}
.contxt.t-r {text-align: right;}

span.bold {font-weight:700;}

/* @@ 1-1 OVERVIEW @@ */
.ov-wrap {/* padding-bottom:100px; */}
.ov-wrap .contxt {margin-top:60px;}
.ov-wrap .sc-2 {margin-top:100px; height:873px; background:url("/assets/images/principles-bg.jpg") no-repeat center center rgb(0 0 0 / 70%); background-size:cover; background-blend-mode: overlay; padding-top:100px;}
.ov-wrap .sc-2 .tit {}
.circle-box {background:url("/assets/images/circle-box.png") no-repeat center center; width:640px; height:600px; display: flex; justify-content: center; align-items: center; margin:40px auto 0;}
.circle-box ul {position:relative; width:591px; height:555px; display:inline-block;}
.circle-box ul li {position:absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; align-content: center; width:325px; height:325px; border-radius:50%; background:rgb(255 255 255 / 40%);}
.circle-box ul li .icon {color:#fff; font-size:60px;}
.circle-box ul li .txt {text-align:center; color:#fff; font-size:18px; font-weight:500; line-height:22px; margin-top:22px;}
.circle-box ul li:nth-child(1) {top:0; left:50%; transform: translateX(-50%);}
.circle-box ul li:nth-child(2) {bottom:0%; left:0;}
.circle-box ul li:nth-child(3) {bottom:0; right:0;}
.ov-wrap .sc-3 {margin-top:100px;}
.overview-box {margin-top:60px;}
.overview-box ul {display:flex; justify-content: space-around;}
.overview-box ul li {text-align:center;}
.overview-box ul li .icon {height:90px;}
.overview-box ul li .txt {}
.overview-box ul li .txt .t1 {font-size:16px; font-weight:700;}
.overview-box ul li .txt .t2 {font-size:14px; line-height:18px; margin-top:5px;}

/* @@ 1-2 CEO MESSAGE @@ */
.greeting-box {position:relative; padding-left:360px; margin-top:60px;}
.greeting-box .left {width:310px; height:400px; position: absolute; left:0; top:0;}
.greeting-box .right {}
.greeting-box .right .mop {font-size:18px; line-height:30px; margin-top:40px;}

/* @@ 1-3 HISTORY @@ */
.hs-wrap {}
.history-wrap {margin-top:60px;}
.history-wrap .hs-row {padding:70px 0; border-top:1px solid rgba(0, 52, 103, 0.151);}
.history-wrap .yymmdd {margin-bottom:40px;}
.history-wrap .yymmdd:last-child {margin-bottom: 0;}
.history-wrap .yymmdd:last-child::before {content:none;}
.history-wrap .yymmdd .year-txt {color:#308C6B; display: inline-block; float:left; font-weight:500; font-size:16px; line-height: 25px; }
.history-wrap .yymmdd .year { float: left; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #308C6B; text-align: left; position: relative; margin-right: 20px; margin-top:8px;}
.history-wrap .yymmdd .year:before { content: ""; background: #308C6B; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; }
/*.history-wrap .yymmdd .year:after { content: ""; width: 1px; height: 1000px; background: #16678B; display: inline-block; position: absolute; left: 50%; top: 100%; }*/
.history-wrap .yymmdd:last-child .year:after { content: none; }
.history-wrap .yymmdd .month { float: none; overflow: hidden; margin-left: 20px; }
.history-wrap .yymmdd .month .day { /* line-height:40px; */ text-align: left; margin-top: 0; margin-bottom: 10px; }
.history-wrap .yymmdd .month .day:after { content: ""; display: block; clear: both; }
.history-wrap .yymmdd .month .day:first-child { margin-top: 0; }
.history-wrap .yymmdd .month .day:last-child { margin-bottom: 0; }
/*.history-wrap .yymmdd .month .day span.date { font-size: 24px; color: #000000; display: block; float: left; line-height: 31px; font-family: "Noto Sans KR",sans-serif; position: relative; padding-right: 20px; }*/
/*.history-wrap .yymmdd .month .day span.date:after {content:"-"; font-weight:500; font-family: 'Noto Sans KR', sans-serif; position:absolute; right:8px; top:-2px;}*/
.history-wrap .yymmdd .month .day span.txt {font-size: 16px; color: #444444; display: block; float: none; overflow: hidden; line-height: 25px; margin-left:20px;}


/* @@ 1-4 ORGANIZATION @@ */
.organi-wrap {}
.organization-img {margin-top:60px; text-align:center;}

/* @@ 1-5 CERTIFICATE @@ */
.certi-list {margin-top:60px; padding:0 245px;}
.certi-list ul {font-size:0; margin:0 -30px; text-align:left;}
.certi-list ul::after {content:""; display:block; clear:both;}
.certi-list ul li {margin:0 15px 40px; vertical-align: top; display: inline-block; width:176px; height:244px; border-radius:5px; border:1px solid #CCCCCC; cursor:pointer; overflow:hidden; display:flex; float: left; align-items: center; align-content: center;}
.certi-list ul li:first-child {width:382px;}
.certi-list ul li img {max-width:100%; object-fit: cover; width:100%; height:100%;}


/* @@ 2-1 FACILITIES @@ */
.facil-wrap {}
.facil-wrap .contxt {margin-top:10px;}
.manufacture-list {margin-top:60px;}
.manufacture-list ul {display:flex; justify-content: space-between;}
.manufacture-list ul li {width:470px; border-radius:10px; overflow: hidden; background:#fff; box-shadow:rgb(0 0 0 / 7%) 0 3px 25px; position: relative;}
.manufacture-list ul li .img {height:290px; position:relative; overflow:hidden; z-index:3;}
.manufacture-list ul li .img::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color: #000; opacity: 0; transition:ease-in-out 0.5s;}
.manufacture-list ul li .img img {width:100%; height:100%; object-fit:cover; transition:ease-in-out 0.5s;}
.manufacture-list ul li .txtbox {height:70px; text-align:center; display:flex; justify-content: center; align-items: center;}
.manufacture-list ul li .txtbox .t1 {font-size:16px; color:#444444; line-height:24px;}
.manufacture-list ul li:hover .img::after {opacity:0.15;}
.manufacture-list ul li:hover .img img {transform:scale(1.2,1.2);}
.facil-wrap .sc-2 {margin-top:100px;}
.test-list {margin-top:40px;}
.test-list ul {display:flex; justify-content:space-between;}
.test-list ul li {}


/* @@ 3-1 PRODUCTS @@ */
/* rnb */
.rnb {}
.rnb dl {padding-bottom: 10px; margin-bottom: 60px;}
.rnb dl:last-child {margin-bottom:0;}
.rnb dt {font-size:16px; font-weight:700; color:#444444; line-height:24px; padding:10px 10px 10px 0px; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
.rnb dt.on {color:#308C6B;}
.rnb dd {background:#fff;}
.rnb dd > a {font-size:16px; font-weight:400; color:#666666; line-height:24px; padding:8px 10px 8px 15px; display: inline-block; position:relative; width:100%;}
.rnb dd > a span.ic {color:#999999; position:absolute; left:0; top:12px;}
.rnb dd > a span.img {position:absolute; left:0; top:9px;}
.rnb dd.on > a {color:#444444; background:#F8F8F8;}
.rnb dd.on > a span.ic {color:#357E9F;}
.rnb dd.on > a span.img img {filter: invert(42%) sepia(56%) saturate(505%) hue-rotate(154deg) brightness(92%) contrast(88%);}
.rnb dd:hover {background:#F8F8F8;}
.rnb dd ul {padding-left:40px;}
.rnb dd ul li {margin-bottom:12px;}
.rnb dd ul li a {font-weight:600; font-size:14px; line-height:1.7; display: inline-block; color:#999999;}
.rnb dd ul li a:hover {color:#444444;}

.row {display:flex;}
.row.sb {justify-content: space-between;}
.row.fs {justify-content: flex-start;}
.row.fend {align-items: flex-end;}
.row .col {}
.col.w270 {flex: 0 0 270px;}
.col.w460 {flex: 0 0 460px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}
.mt140 {margin-top:140px;}

.mb10 {margin-bottom:10px;}

.ml12 {margin-left:12px;}
.ml60 {margin-left:60px;}

.mr12 {margin-right:12px;}
.mr50 {margin-right:50px;}

.img-txt-list {}
.img-txt-list ul {font-size:0; margin:0 -21.5px;}
.img-txt-list ul li {display: inline-block; width: 252px; margin:0 21.5px 30px;}
.img-txt-list ul li .txt {font-size:16px; color:#666; margin-top:10px; text-align:center;}

.prod-wrap {}
.prod-wrap .txt-box {font-size:14px; line-height:24px;}
.prod-wrap h4 {font-weight:400; line-height:20px; font-size:14px;}
.prod-wrap h4 i {color:#308C6B; margin-right:9px;}
.prod-wrap h4 span {color:#308C6B; font-weight:500;}
.prod-wrap p.h4-sub {font-size:12px; color:#999999; margin-top:8px;}
.prod-wrap ul.h4-sub {margin-left:10px; margin-top:12px;}
.prod-wrap ul.h4-sub li {position:relative; padding-left:15px; font-size:14px; color:#444444; margin-bottom:8px;}
.prod-wrap ul.h4-sub li::before {content:"-"; position:absolute; left:0;}

dl.circle-number {}
dl.circle-number dt {position:relative; padding-left:20px; font-size:21px; font-weight:700; color:#136145; line-height:54px;}
dl.circle-number dt span {position:absolute; top:24px; left:0; width:6px; height:6px; border-radius:50%; background:#136145; }
dl.circle-number dd {position:relative; padding-left:25px; font-weight:400; color:#444444; font-size:14px; line-height:20px; margin-bottom:15px;}
dl.circle-number dd span {position:absolute; left:0; top:3px; color:#308C6B; font-size:14px; font-weight:500;}
dl.circle-number.check-icon dd span {color:#444444;}
dl.circle-number dd .green {color:#308C6B !important; font-weight:500; margin-bottom:8px; line-height:20px;}
dl.circle-number dd .green i {color:#308C6B !important;}

.tbl-green table {table-layout: fixed; width: 100%; border-bottom:1px solid #707070; border-top:5px solid #308C6B;}
.tbl-green table thead tr {border-bottom:1px solid #707070;}
.tbl-green table thead tr th {}
.tbl-green table thead tr td {vertical-align: middle; color:#308C6B; font-size:14px; font-weight:500; padding:15px 0; text-align:center; border-right:1px dashed #DDDDDD;}
.tbl-green table thead tr td:last-child {border-right:none;}
.tbl-green table tbody tr {}
.tbl-green table tbody tr th {vertical-align: middle; font-size:14px; font-weight:400; border-right:1px dashed #DDDDDD; padding:15px 0;}
.tbl-green table tbody tr td {vertical-align: middle; padding:15px 0; font-size:14px; font-weight:300; color:#444444; text-align:center; border-right:1px dashed #DDDDDD;     border-bottom: 1px dashed #DDDDDD; line-height:18px;}
.tbl-green table tbody tr td:last-child {border-right:none;}
.tbl-green table tr:hover {background: #F8F8F8;}

.ppbot {font-size:12px; color:#999999; margin-top:10px; line-height:2;}

.notice-wrap {}
.notice-wrap table {width:100%; border-top:5px solid #308C6B; border-bottom:1px solid #707070; table-layout:fixed; margin-top:12px;}
.notice-wrap table thead td {color:#308C6B; font-weight:700; font-size:14px; text-align:center; height:47px; vertical-align: middle; border-bottom:1px solid #707070;}
.notice-wrap table thead td:nth-child(1) {width:100px;}
.notice-wrap table thead td:nth-child(2) {}
.notice-wrap table thead td:nth-child(3) {width:150px;}
.notice-wrap table thead td:nth-child(4) {width:100px;}
.notice-wrap table thead td:nth-child(5) {width:100px;}
.notice-wrap table tbody td {font-size:14px; color:#444444; text-align:center; height:47px; vertical-align: middle;}
.notice-wrap table tbody tr:hover td {background:#F8F8F8;}
.notice-wrap table tbody td.title {text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice-wrap table tbody td.title a {font-size:14px; color:#444444;display: inline-block;}

.gall-top {display:flex;     justify-content: flex-end;}
.gall-top select {box-sizing:border-box; outline:none; border:1px solid #CCCCCC; border-radius:4px; font-size:14px; color:#666666; background:#fff; height:33px; width:90px; margin-right:10px;}
.gall-top .search {height:33px; display: inline-block; width:280px; border:1px solid #CCCCCC; border-radius:4px; font-size:14px; color:#666666; padding-right:50px; position:relative; z-index:1; margin-right:16px;}
.gall-top .search input {box-sizing:border-box; border:none; outline:none; background:none; display: inline-block; height:33px; vertical-align: top; width:100%; padding-left:10px;} 
.gall-top .search button {border:none; outline:none; background:none; display: inline-block; height:33px; width:50px; text-align:center; vertical-align: top; position:absolute; right:0; top:0; color:#666666;}
.gall-top .search button img {width:11px; height:auto;}
.gall-top .list-style-tab {display:flex;}
.gall-top .list-style-tab button {box-shadow:rgb(0 0 0 / 16%) 1px 2px 5px; display: inline-block; vertical-align: top; font-size:12px; transform: skew(-0.1deg); color:#AAAAAA; height:33px; display:flex;align-items: center; justify-content: center; background:none; outline:none; border:none; cursor:pointer; padding:0 13px;}
.gall-top .list-style-tab button + button {margin-left:10px;}
.gall-top .list-style-tab button i {margin-right:10px; font-size:17px;}
.gall-top .list-style-tab button.active {color:#254C78; font-weight:700;}
.gall-top.news-top .search {margin-right:0;}

#paging {text-align:center; margin:20px 0;}
#paging > div {height:20px; width:20px; display: inline-block; line-height:20px; text-align:center; vertical-align: top;}
#paging > div.prev, #paging > div.next {}
#paging > div.num {}
#paging > div a {font-size:12px; display: inline-block; color:#666666; height:20px; width:20px;  line-height:20px; vertical-align: top;}
#paging > div.prev a, #paging > div.next a {font-size:16px;}
#paging > div.current a {background:#666666; color:#fff; border-radius:2px;}

.board-view-wrap {}
.board-view-wrap .tit {}
.board-view-wrap .tit .t1 {color:#16678B; font-weight:700; font-size:18px;}
.board-view-wrap .tit .t2 {color:#444444; font-weight:700; font-size:34px; line-height:1.6;}
.board-view-wrap .etc {text-align:left; margin-top:30px;}
.board-view-wrap .etc .name {color:#999999; font-size:14px; display: inline-block; vertical-align: top; position:relative; padding-right:30px;}
.board-view-wrap .etc .name::after {content:""; height:11px; width:1px; background:#999999; position:absolute; right:15px; top:2px;}
.board-view-wrap .etc .date {color:#999999; font-size:14px; display: inline-block; vertical-align: top;}
.board-view-wrap .contxt {line-height:2; border-top:1px solid #CCCCCC; padding:30px 0; margin-top:10px; min-height:300px;}
.board-view-wrap .contxt * {line-height:1.6;}

.btn-wrap {margin:40px 0;}
.btn-wrap.left {text-align:left;}
.btn-wrap.right {text-align:right;}
.btn-wrap.center {text-align:center;}
.btn-wrap .button-white {border:1px solid #CCCCCC; border-radius:5px; text-align:center; font-size:13px; line-height:18px; padding:5px 30px; color:#999999; background:none; outline:none; cursor:pointer;}

.error-404-wrap {text-align:center; padding:100px 0;}
.error-404-wrap h1 {font-size:30px;}
.error-404-wrap h2 {font-size:200px;}
.error-404-wrap p {font-size:30px; font-weight:700;}
.error-404-wrap button {}

.blog-list {}
.blog-list ul {font-size:0; margin:0 -20px;}
.blog-list ul li {width:340px; margin:0 20px 40px; position:relative; z-index:2; border-radius:10px; overflow:hidden; border:1px solid #efefef; box-shadow:rgb(0 0 0 / 7%) 0 3px 25px; display:inline-block; vertical-align: top;}
.blog-list ul li .link {position:absolute; left:0; top:0; cursor:pointer; width:100%; height:100%; z-index:2;}
.blog-list ul li .thumb {height:250px; overflow:hidden; position:relative; z-index:1;}
.blog-list ul li .thumb img {object-fit: cover; width:100%; height:100%; transition:0.5s;}
.blog-list ul li:hover .thumb img {transform:scale(1.2);}
.blog-list ul li .txt {padding:15px 24px;}
.blog-list ul li .txt .t1 {font-size:16px; font-weight:700; color:#444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
    height: 36px; 
}
.blog-list ul li .txt .t1:hover {color:#308C6B;}
.blog-list ul li .txt .t2 {display:flex;     justify-content: space-between; align-items: center; margin-top:30px;}
.blog-list ul li .txt .t2 .left {color:#444444; font-size:13px;}
.blog-list ul li .txt .t2 .right {color:#666666; font-size:13px;}
.blog-list ul li .txt .t2 .right span {margin-left:10px;}
.blog-list ul li .txt .t2 .right span i {color:#ccc;}
.blog-list ul li.no-data-1 {display:flex; width:100%; height:200px;     justify-content: center; align-items: center;}
.blog-list ul li.no-data-1 .no-data-2 {font-size:20px; font-weight:500; }

.down-list {}
.down-list ul {font-size:0; margin:0 -1.5%;}
.down-list ul li {width:30.33333%; margin:0 1.5% 3%; display:inline-block; border-radius:10px; overflow:hidden; border:1px solid  #ccc;}
.down-list ul li .thumb {height:330px; overflow:hidden;}
.down-list ul li .thumb img {object-fit:cover; width:100%; height:100%;}
.down-list ul li .txt {padding:20px 30px 70px; position:relative;}
.down-list ul li .txt .t1 {color:#F58120; font-size:14px; font-weight:700;}
.down-list ul li .txt .t2 {color:#444; font-size:21px; font-weight:700; line-height:26px; margin-top:5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-align: left;
    word-wrap: break-word;
    line-height: 26px;
    height: 78px; 
}
.down-list ul li .txt button {position:absolute; left:30px; bottom:30px; width:calc(100% - 60px); height:40px; border-radius:10px; border:1px solid #CCCCCC; font-size:14px; text-align:center; transition:0.3s;}
.down-list ul li .txt button:hover {background:#444444; color:#fff;}

.contact-us-wrap {}
.contact-us-wrap .box {position:relative; padding-right:704px;}
.contact-us-wrap .box .left {width:100%; height:634px; border:1px solid #ececed; border-radius:5px; overflow:hidden;}
.contact-us-wrap .box .left .map {height:442px;}
.contact-us-wrap .box .left .ct-info {padding:30px 40px;}
.contact-us-wrap .box .left .ct-info ul {}
.contact-us-wrap .box .left .ct-info ul li {position:relative; padding-left:60px; color:#444444; font-size:14px; font-weight:300; line-height:20px; margin-bottom:17px;}
.contact-us-wrap .box .left .ct-info ul li span.name {position:absolute; left:0; font-size:14px; font-weight:700; color:#444444; line-height:20px;}
.contact-us-wrap .box .right {position:absolute; right:0; top:0; width:680px;}
.contact-us-wrap .box .right .form-row {margin-bottom:25px;}
.contact-us-wrap .box .right .form-row:last-child {margin-bottom:0;}
.contact-us-wrap .box .right .form-row textarea {height:380px;}
.submit-wrap {margin-top:18px; text-align:right;}
.submit-wrap button {background:#308C6B; color:#fff; font-size:16px; font-weight:700; height:46px; width:186px; border-radius:5px;}

.form-row textarea {width:100%; resize:none; border:1px solid #ececed; border-radius:5px; padding:25px; font-size:16px; color:#999999; box-sizing:border-box; outline:none;}
.form-row input {width:100%; height:59px; border:1px solid #ececed; border-radius:5px; padding:0 25px; font-size:16px; color:#999999; box-sizing:border-box; outline:none;}

/* IE10 이상을 위한 css */
input::placeholder, textarea::placeholder {
    color:#bababa;
    opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#bababa;
}
/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#bababa;
}
/* Firefox */
input:-mos-input-placeholder, textarea:-mos-input-placeholder {
    color:#bababa;
}

.mobile-tab-wrap { position:relative; box-shadow: 0px 1px 3px 0px rgb(60 64 67 / 8%); display:none;}
.mobile-tab-box {overflow-x:scroll;}
.mobile-tab-box::-webkit-scrollbar {display:none;}
.mobile-tab-menu {display:inline-block; overflow:hidden; padding:0 10px; white-space:nowrap;}
.mobile-tab-menu dd {display:inline-block; padding:10px 0; margin:0 10px; position:relative;}
.mobile-tab-menu dd.on::after {content:""; background:#7c7c7c; position:absolute; left:0; bottom:0px; width:100%; height:2px;}
.tab-fog { background: -webkit-linear-gradient(0deg,rgba(255,255,255,0),#fff); height: 40px; position: absolute; pointer-events: none; right: 0; top: 0; width: 24px; z-index: 2; }