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

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

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

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

.tab a {width: 33.333%;display: inline-block;height: 60px;line-height: 60px;border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;position: relative;color: #999999;font-weight: 500;font-size: 18px; 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: 44px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;line-height: 1;text-align: center;}

.desc {}

.desc p {color: #555555;font-size: 18px;font-family: 'Noto Sans KR', sans-serif;line-height: 1.35;}

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

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

.small {width: 1200px;margin: 0 auto;font-size: 0;}

/* default */

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

.philosophy .big {width: 1200px;margin: 35px auto 140px;text-align: center;}

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

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

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

.philosophy .small img {width: 650px;display: inline-block;vertical-align: middle;}

.philosophy .small {}

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

.philosophy .small .desc {display: inline-block;vertical-align: middle;width: calc(100% - 650px);}

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

.philosophy .small .desc p {padding-left: 55px;padding-top: 25px;}

.company {margin-top: 340px;}

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

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

.company .small > .desc {display: inline-block;vertical-align: middle;width: calc(100% - 317px);}

.company .small > .desc .logo {padding-bottom: 25px;border-bottom: 1px solid #c0c0c0;padding-left: 40px;}

.company .small > .desc p {padding-left: 55px;padding-top: 25px;}

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

.history {margin-top: 165px;background: #f4f5f5;padding-top: 180px;padding-bottom: 180px;}

.historyline {margin: 110px auto 0;background: url(/design/huecorp/images/line.png) no-repeat center;height: 1120px;position: relative;width: 1200px;text-align: center;}

.history1 {}

.historyline > div > div:first-child {color: #000000;font-size: 18px;}

.history1-name {left: -99px;text-align: right;position: absolute;left: 275px;top: -10px;}

.history1-logo {position: absolute;right: 370px;top: -20px;}

.historyline > div > div h3 {color: #013e21;font-size: 30px;font-weight: 600;font-family: 'Noto Sans KR', sans-serif;margin-bottom: 17px;}
.history2-name {text-align: left;
    position: absolute;
    right: 290px;
    top: 253px;}

.history2-logo {position: absolute;
    left: 408px;
    top: 220px;}

.history3-name {text-align: right;
    position: absolute;
    left: 355px;
    top: 534px;}

.history3-logo {position: absolute;
    right: 368px;
    top: 485px;}

.history4-name {text-align: left;
    position: absolute;
    right: 230px;
    top: 791px;}

.history4-logo {position: absolute;
    left: 280px;
    top: 772px;}

.history5-name {text-align: right;
    position: absolute;
    left: 295px;
    top: 1050px;}

.history5-logo {position: absolute;
    right: 250px;
    top: 1051px;}


/* BASIC css end */