/* BASIC css start */
/* 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 */

.image {margin-top: 195px;text-align: center;margin-bottom: 340px;display: none;}

.philosophy .big {width: 100%;margin: 20px auto 65px;text-align: center;}

.philosophy .big img {width: 100%;}

.philosophy .big .desc {padding-top: 20px;}

.philosophy .big .desc p {margin-bottom: 10px;}

.philosophy .small img {width: 100%;}

.philosophy .small {}

.philosophy .small + .small {margin-top: 65px;}

.philosophy .small .desc {display: block;width: 100%;padding-left: 15px;}

.philosophy .small .desc h3 {padding-bottom: 15px;border-bottom: 1px solid #c0c0c0;padding-left: 15px;padding-top: 25px;}

.philosophy .small .desc p {padding-left: 15px;padding-top: 15px;padding-right: 15px;}

.company {margin-top: 120px;}

.company .tit {margin-bottom: 25px;}

.company .small > img {width: 42%;display: inline-block;vertical-align: middle;}

.company .small > .desc {display: inline-block;vertical-align: middle;width: 58%;}

.company .small > .desc .logo {padding-bottom: 19px;border-bottom: 1px solid #c0c0c0;padding-left: 14px;}
.company .small > .desc .logo span { font-size:12px; color:#000;line-height:1.35;padding-top:3px; display:block;}
.company .small > .desc p {padding-left: 15px;padding-top: 15px;padding-right: 15px;}
.company .small > .desc2 {color: #000000;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.45;padding: 25px 25px 0;word-break: keep-all;}

.company .small + .small {margin-top: 95px;}

.history {margin-top: 125px;background: #f4f5f5;padding-top: 60px;padding-bottom: 150px;}

.historyline {margin: 20px auto 0;/* background: url(/design/huecorp/images/line.png) no-repeat center; *//* height: 1120px; */position: relative;width: 100%;text-align: left;padding-left: 48px;padding-bottom: 165px;}
.historyline:after {content: "";background: #d4d4d4;width: 1px;height: 100%;position: absolute;left: 125px;top: 0;}

.history1 {position: relative;top: -6px;}

.history1-name {}

.history1-name h3 {display: inline-block;vertical-align: middle;color: #013e21;font-size: 21px;font-weight: 600;padding-right: 53px;position: relative;}

.history1-name p {display: inline-block;vertical-align: middle;color: #000000;font-size: 14px;}

.history1-name h3:after {content: "";background: #013e21;width: 11px;height: 11px;display: block;border-radius: 11px;position: absolute;left: 72px;top: 3px;z-index: 2;}

.history1-logo {margin-top: 10px;margin-left: 107px;}

.history1-logo img {width: 92px;}

.history2 {position: relative;top: 55px;}

.history2-name {}

.history2-name h3 {display: inline-block;vertical-align: middle;color: #013e21;font-size: 21px;font-weight: 600;padding-right: 53px;position: relative;}

.history2-name p {display: inline-block;vertical-align: middle;color: #000000;font-size: 14px;}

.history2-name h3:after {content: "";background: #013e21;width: 11px;height: 11px;display: block;border-radius: 11px;position: absolute;left: 72px;top: 3px;z-index: 2;}

.history2-logo {margin-top: 10px;margin-left: 107px;}

.history2-logo img {width: 58px;}


.history3{position: relative;top: 113px;}

.history3-name {}

.history3-name h3 {display: inline-block;vertical-align: middle;color: #013e21;font-size: 21px;font-weight: 600;padding-right: 53px;position: relative;}

.history3-name p {display: inline-block;vertical-align: middle;color: #000000;font-size: 14px;}

.history3-name h3:after {content: "";background: #013e21;width: 11px;height: 11px;display: block;border-radius: 11px;position: absolute;left: 72px;top: 3px;z-index: 2;}

.history3-logo {margin-top: 10px;margin-left: 107px;}

.history3-logo img {width: 94px;}
 
.history4 {position: relative;top: 170px;}

.history4-name {}

.history4-name h3 {display: inline-block;vertical-align: middle;color: #013e21;font-size: 21px;font-weight: 600;padding-right: 53px;position: relative;}

.history4-name p {display: inline-block;vertical-align: middle;color: #000000;font-size: 14px;}

.history4-name h3:after {content: "";background: #013e21;width: 11px;height: 11px;display: block;border-radius: 11px;position: absolute;left: 72px;top: 3px;z-index: 2;}

.history4-logo {margin-top: 10px;margin-left: 107px;}

.history4-logo img {width: 144px;}

.history5 {position: relative;top: 230px;}

.history5-name {}

.history5-name h3 {display: inline-block;vertical-align: middle;color: #013e21;font-size: 21px;font-weight: 600;padding-right: 53px;position: relative;}

.history5-name p {display: inline-block;vertical-align: middle;color: #000000;font-size: 14px;}

.history5-name h3:after {content: "";background: #013e21;width: 11px;height: 11px;display: block;border-radius: 11px;position: absolute;left: 72px;top: 3px;z-index: 2;}

.history5-logo {margin-top: 10px;margin-left: 107px;}

.history5-logo img {width: 173px;}


/* BASIC css end */


/* BASIC css end */