@charset "utf-8";
/*----- tech -----*/
/*common*/
.tech h2 {text-align:center; letter-spacing:-0.03em; margin-bottom: 15px;}
.tech .desc_wrap h3 {font-size:36px;font-family:'notoSansL';letter-spacing:-0.05em;line-height: 1.3;}
.tech .desc_wrap p {line-height: 1.65;}
.tech .desc_wrap .star {color:#a3a3a3;font-size: 16px;font-family: 'NotoSansM';}

.tech .star {display:block; font-size:15px; padding-left:10px; position:relative;}
.tech .star::before {content:'*'; display:block; position:absolute; left:0; top:0;}
.tech .sub_txt {display:block;font-family:'NotoSansR';font-size:15px;color:#a3a3a3;line-height: 1.66;}

.tech .bold {font-size:inherit;font-family:'NotoSansB';line-height: inherit;}
.tech .kv_wrap {text-align:center;}
.tech .desc_wrap {border:1px solid #e9e9e9;padding-top: 54px;overflow:hidden;width:1200px;margin-left:auto;margin-right:auto;}

.tech .kv {width:100%;height:660px;background-image:url('../img/tech/kv_bg.png');background-position: center;}
.tech .kv .inner {width:1200px;padding-left: 830px;overflow:hidden;}
.tech .kv .inner h2 {margin-top: 161px;margin-bottom: 46px;text-align:left;}

.tech .diagram .inner {width: 954px;padding: 96px 0 139px;}
.tech .diagram ul {display:flex; justify-content:space-between; text-align:center;}
.tech .diagram li {display:flex;flex-direction:column;justify-content:flex-start;width:292px;height:292px;padding-top: 58px;border:2px solid #eaeaea;border-radius:50%;}
.tech .diagram .title {font-size:36px;font-family:'RobotoB';line-height: 1.16;margin-bottom: 15px;}
.tech .diagram .text {line-height:1.66;font-size: 17px;}


/*타임레볼루션*/
.desc_wrap.time_desc_1 {margin-top:40px;}
.desc_wrap.time_desc_1 h3 {text-align:center;margin-bottom: 4px;}
.desc_wrap.time_desc_1 h3 span.bold {font-size:36px; font-family:'NotoSansB'}
.desc_wrap.time_desc_1 img {display:block; float:left;}

.desc_wrap.time_desc_2 {margin-top:20px;padding-top: 0;padding-left: 70px;}
.desc_wrap.time_desc_2 .left {float:left;/* background:red; */margin-right:-100px;}
.desc_wrap.time_desc_2 h3 {font-family:'notoSansB'; margin-top:67px;}
.desc_wrap.time_desc_2 p {margin-top: 24px;}
.desc_wrap.time_desc_2 p .star {margin-top:5px;}
.desc_wrap.time_desc_2 img {float:right;}


.tech .collagen {margin-top: 151px;}
.tech .collagen h2 {margin-bottom: 48px;}
.tech .collagen h3 {text-align:center;font-size: 28px;font-family: 'NotoSansM';line-height: 1.4;margin-bottom: 33px;}
.tech .collagen .desc_list {width:1200px;margin: 90px auto 0;overflow:hidden;display:flex;justify-content:space-between;}
.tech .collagen .desc_list li {/* width:588px; */}
.tech .collagen .desc_list .desc_wrap {padding-top:0;width: 592px;}

.tech .vita {margin-top: 150px;}
.tech .vita h2 {margin-bottom:48px;}
.tech .vita .vita_desc {margin-top:40px;padding-left: 70px;display:flex;padding-top: 0;justify-content: space-between;}
.tech .vita .desc_wrap.vita_desc .left {width: 480px;}
.tech .vita .desc_wrap.vita_desc h3 {font-family:'notoSansB';margin-top: 124px;margin-bottom: 21px;}

.tech .bee {margin-top:150px;}
.tech .bee h2 {margin-bottom:0;}
.tech .bee .desc_wrap.bee_desc {margin-top:40px;padding-left: 70px;display:flex;padding-top: 0;justify-content: space-between;}
.tech .bee .desc_wrap.bee_desc .left {width: 480px;}
.tech .bee .desc_wrap.bee_desc h3 {font-family:'notoSansB';margin-top: 80px;margin-bottom: 21px;}
.tech .bee .desc_wrap.bee_desc p {margin-bottom: 5px;}

.tech .cho {margin-top:150px;}
.tech .cho h2 {margin-bottom:0;}
.tech .cho h2~p {font-size:24px;margin-bottom: 60px;}
.tech .cho .cho_kv_wrap {width:1200px; margin:0 auto; display:flex;}
.tech .cho .cho_img_wrap {width:1200px; margin:67px auto 36px; display:flex; justify-content:space-around; text-align:center;}
.tech .cho .cho_img_wrap h3 {font-size:30px; font-family:'NotoSansB'; margin-bottom:30px;}
.tech .cho .cho_txt .star {text-align:center;font-size: 13px;color:#a3a3a3;}
.tech .cho .cho_txt .star::before {content:'';}
.tech .cho .cho_wrap {margin-top:50px; display:flex; width:1200px; margin-left:auto; margin-right:auto;}
.tech .cho .cho_wrap .desc_wrap {width:588px;/* height: 260px; */padding-left: 60px;padding-top:36px;padding-bottom: 40px;}
.tech .cho .cho_wrap .desc_wrap:nth-child(2) {padding-left: 60px;}
.tech .cho .cho_wrap .desc_wrap h3 {font-family:'NotoSansB'; margin-bottom:20px;}