/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* default */

.aboutUs {font-family: 'Noto Sans KR', sans-serif;}

.aboutUs-tit {text-align: center;color: #000000;padding-top: 70px;font-size: 15px;font-family: 'Noto Sans KR', sans-serif;font-weight: 500;line-height: 1;}

.tab {text-align: center;font-size: 0;width: 100%;margin: 40px auto 95px;/* border-left: 1px solid #d4d4d4; *//* border-right: 1px solid #d4d4d4; */}

.tab a {width: 33.333%;display: inline-block;height: 44px;line-height: 44px;border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;position: relative;color: #999999;font-weight: 500;font-size: 13px; text-transform: uppercase;}

.tab a:after {content: "";background: #d4d4d4;width: 1px;height: 100%;position: absolute;right: 0;top: 0;}

.tab a:last-child:after {display: none;}

.tab a.on {background: #013e21;color: #fff;border-top: 1px solid #013e21;border-bottom: 1px solid #013e21;}

.tab a.on:after {background: #013e21;}
.aboutUs .tit {color: #000000;font-size: 21px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;line-height: 1;text-align: center;}

.desc {}

.desc p {color: #000000;font-size: 14px;font-family: 'Noto Sans KR', sans-serif;line-height: 1.45;word-break: keep-all;}

.desc p strong {font-weight: 600;}

.desc h3 {color: #013e21;font-size: 21px;font-weight: 600;font-family: 'Noto Sans KR', sans-serif;}

.small {width: 100%;margin: 0 auto;font-size: 0;}

/* default */

.products {font-family: 'Noto Sans KR', sans-serif;padding-bottom: 100px;}

.big-tit {color: #000000;font-size: 21px;font-weight: 500;text-align: center;line-height: 1;padding: 0 0 35px;position: relative;font-family: 'Noto Sans KR', sans-serif;margin: 0 auto;}

.big-tit a {position: absolute;bottom: 0;right: 28px;color: #999999;font-family: 'Noto Sans KR', sans-serif;font-size: 12px;}

.big-tit a img {vertical-align: baseline;margin-left: 5px;width: 12px;}

.gray-tit {margin-top: 25px;background: #f2f2f2;padding: 25px 15px;text-align: center;}

.gray-tit h3 {margin: 0 auto;color: #000000;font-weight: 600;font-size: 18px;display: block;}

.gray-tit h3 span {color: #8a2830;font-weight: 400;font-size: 12px;display: block;padding-top: 8px;}

.gray-tit p {margin: 0 auto;color: #000000;font-size: 12px;font-weight: 400;margin-top: 12px;display: block;}

.prdList {margin-top: 25px;}

.prdList ul {}

.prdList ul li {margin: 0 auto;width: 100%;position: relative;font-family: 'Noto Sans KR', sans-serif;}

.prdList ul li + li {/* border-top: 1px solid #cccccc; *//* text-align: right; */padding-top: 60px;}

.prdList ul li .thumb {margin-bottom: 25px;padding:0 15px;}
.prdList ul li .thumb img {width: 100%;}

.prdList ul li .desc {padding: 0 15px;}

.prdList ul li + li .desc {/* position: absolute; *//* left: 0; */ /* top: 95px; */}

.prdList ul li:first-child .desc .brand,
.prdList ul li + li .desc .brand {position: relative;padding-left: 10px;}

.prdList ul li:first-child .desc .brand .logo,
.prdList ul li + li .desc .brand .logo {margin-right: 35px;}

.prdList ul li:first-child .desc .brand .num,
.prdList ul li + li .desc .brand .num {color: #cacaca;font-size: 21px;letter-spacing: -0.6px;font-weight: bold;background: url(/design/huecorp/images/prd-num-bg.png) no-repeat 4px bottom;width: 35px;height: 35px;display: inline-block;position: absolute;left: 70px;top: 0px;}

.prdList ul li:first-child .desc .brand .name,
.prdList ul li + li .desc .brand .name {color: #872429;font-size: 14px;display: inline-block;vertical-align: middle;margin-top: 15px;}

.prdList ul li:first-child .desc .brand .name strong,
.prdList ul li + li .desc .brand .name strong {font-size: 21px;padding-bottom: 5px;display: inline-block;}

.prdList ul li:first-child .desc .info,
.prdList ul li + li .desc .info {padding-top: 26px;}

.prdList ul li:first-child .desc .info div,
.prdList ul li + li .desc .info div {padding-bottom: 16px;color: #000000;font-size: 14px;word-break: keep-all;}

.prdList ul li:first-child .desc .info div strong,
.prdList ul li + li .desc .info div strong {color: #872429;font-weight: 400;font-size: 14px;display: block;position: relative;padding-left: 6px;margin-bottom: 3px;}

.prdList ul li:first-child .desc .info div strong:after,
.prdList ul li + li .desc .info div strong:after {content: "";width: 1px;height: 13px;background: #872429;position: absolute;left: 0;top: 3px;display: block;}

.prdList ul li + li .desc .brand {text-align: left;white-space: nowrap;}

.prdList ul li + li .desc .brand .name {color: #551f7f;/* font-size: 18px; */ /* display: inline-block; */ /* vertical-align: middle; */}

.prdList ul li + li .desc .info {text-align: left;}

.prdList ul li + li .desc .info div strong {color: #551f7f;}

.prdList ul li.bokrosuhee {}

.prdList ul li.bokrosuhee .desc .brand .name {color: #955f16;}

.prdList ul li.bokrosuhee .desc .info div strong {color: #955f16;}

.prdList ul li.best-tea .desc .brand .name {
    color: #92454a;
}
.prdList ul li.china-tea .desc .brand .name {
    color: #92454a;
}
.prdList + .gray-tit {margin-top: 115px;}
.prdList ul li.china-tea .desc .brand {padding-left: 0;margin-left: -2px;}

.prdList ul li.china-tea .desc .brand .num {left: 60px;}

.prdList ul li.china-tea .desc .brand .name strong {font-size: 20px;}

.prdList ul li.best-tea .desc .brand {}

.prdList ul li.best-tea .desc .brand .num {top: 6px;}

.prdList ul li.best-tea .desc .brand .name {margin-top: 22px;}
.prdList ul li.china-tea .desc .brand {}

.prdList ul li.china-tea .desc .brand .num {top: 6px;}

.prdList ul li.china-tea .desc .brand .name {margin-top: 22px;}
/* BASIC css end */


/* BASIC css end */