@charset "utf-8";

/* 내용관리 */
#ctt                {width: 100%; min-width: 1400px;background:#fff}
.ctt_admin          {position: absolute; right: 20px; bottom: 20px; text-align:right;                       display: none;}
#ctt header h1      {position:absolute;font-size:0;overflow:hidden}
#ctt_con            {width: 100%; min-width: 1400px;}
#ctt_con img        {max-width:100%;height:auto}
.ctt_img            {text-align:center}


.sub_cont1                               { width: 100%; background: url(/img/new_img/company_bg.png) no-repeat top center; }
.sub_cont1 .text_box                     { width: 1400px; padding: 250px 0; min-width: 1400px; margin: 0 auto; }
.sub_cont1 .text_box .box_text           { text-align: left; line-height: 34px; font-size: 23px; font-weight: 300; color: #fff;}
.sub_cont1 .text_box .box_text span      { display: block; width: 100%; font-size: 30px; }

/*연혁*/
.sub_cont2                      { padding: 195px 0 100px; width: 100%; max-width: 1400px; margin: 0 auto; }
.history_list                                                   { position: relative; width: 100%; text-align: left; padding: 0px; display: inline-block; zoom: 1; *display: inline; z-index: 2; }
.history_list .history_deco                                     { display: block; position: absolute; top: 380px; right: 200px; }
/*.history_list::before                                         { position: absolute; left: 50%; top: 0px; content: ""; width: 30px; height: 30px; background: #73a943; border-radius: 99px; transform: translate(-50%,0); }*/
.history_list .list_box                                         { position: relative; width: 50%; display: inline-block; zoom: 1; *display: inline; float: right; text-align: left; clear: both; padding: 0px 0px 40px 60px; }
.history_list .list_box::before                                 { position: absolute; left: 0px; top: 0; width: 15px; height: 15px; border-radius: 99px; background: #fff; content: ""; transform: translate(-50%,0); z-index: 3; }
.history_list .list_box .history_title                          { display: block; width: 100%; font-size: 56px; font-weight: bold; color: #fff; }
.history_list .list_box ul                                      { width: 100%; padding-top: 64px; }
.history_list .list_box ul li                                   { display: block; width: 100%; font-size: 16px; font-weight: 300; color: #fff; }
.history_list .list_box ul li span                              { display: block; padding-top: 7px; padding-left: 55px; padding-right: 0; }
.history_list .list_box ul li .history_date                     { color: #065595; display: inline-block; padding-right: 10px; padding-left: 0; }
.history_list .list_box:nth-of-type(2n)                         { float: left; text-align: right; clear: both; padding: 0px 40px 68px; }
.history_list .list_box:nth-of-type(2n)::before                 { left: auto; right: 0px; transform: translate(50%,0); }
.history_list .list_box:nth-of-type(2n) ul li span              { padding-right: 55px; padding-left: 0; }
.history_list .list_box:nth-of-type(2n) ul li .history_date     { color: #065595; display: inline-block; padding-left: 10px; padding-right: 0; }
.history_list .list_line                                        { position: absolute; left: 50%; top: 0px; width: 2px; height: 100%; background: rgba(255,255,255,0.6); z-index: 2; }
.history_bg                                                     { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url(/img/history_bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;}
.history_file           { display: block; width: 100%; padding: 60px 0 40px; text-align: center; position: relative; z-index: 9999;}
.history_file a         { display: block; width: 200px; padding: 18px; margin: 0 auto; border-radius: 50px; text-align: center; font-size: 18px; font-weight: 400; color: #fff; border: 1px solid #fff; }

.sub_cont3                          { width: 100%; padding: 210px 0 150px; background: url(/img/cibi_bg.jpg) no-repeat top center; }
.sub_cont3 .cont3_text              { width: 1400px; padding-bottom: 60px; margin: 0 auto; text-align: left; font-size: 24px; font-weight: 400; color: #fff; word-break: keep-all; }
.sub_cont3 .cont3_text span         { display: block; width: 100%; }
.sub_cont3 .cont3_img               { width: 100%; text-align: center; }
.sub_cont3 .cont3_img img           {  }



.tine_line              { width: 100%; height: 1px; background: #8a8a8a; }
.bold_line              { width: 100%; height: 2px; background: #000; }
/*비주얼*/
.sub_cont5                                  { width: 100%; max-width: 1400px; margin: 0 auto; padding: 100px 0; }
.sub_cont5 .rd_bg                          { position: relative; width: 100%; min-height: 400px; }
.sub_cont5 .rd_bg span                     { position: absolute; left: 44px; bottom: 44px; width: 100%; display: block; text-align: left; font-size: 32px; font-weight: 400; color: #fff; }
.sub_cont5 .rd1_bg                          { background: url(/img/rd1_bg.jpg) no-repeat center center; }
.sub_cont5 .rd2_bg                          { background: url(/img/rd2_bg.jpg) no-repeat center center; }
.sub_cont5 .rd3_bg                          { background: url(/img/rd3_bg.jpg) no-repeat center center; }
/*텝*/
.sub_cont5 .tab_wrap                        { width: 100%; padding: 60px 0; display: inline-block; zoom: 1; *display: inline; }
.sub_cont5 .tab_wrap .tab_btn               { float: center; width: 310px; box-sizing: border-box; }
.sub_cont5 .tab_wrap .tab_btn ul            { width: 100%; padding-right: 50px; }
.sub_cont5 .tab_wrap .tab_btn ul li         { width: 100%; padding-bottom: 14px; }
.sub_cont5 .tab_wrap .tab_btn ul li a       { display: block; width: 100%; padding: 20px; text-align: left; font-size: 20px; font-weight: 400; color: #fff; background: #b4b4b4; }
.sub_cont5 .tab_wrap .tab_btn ul .tabs a    { background: #8a8a8a !important; }
.sub_cont5 .tab_wrap .tab_box               { float: left; width: 1090px; min-height: 500px; padding-left: 50px; box-sizing: border-box; border-top: 3px solid #000; }
.sub_cont5 .tab_wrap .tab_box .tab_cont     { padding: 0; display: none; }
/*컨텐츠 공통*/
.tab_cont .tc_title         { display: block; width: 100%; padding: 60px 0 40px; text-align: left; font-size: 24px; font-weight: 400; color: #000; }
.tab_cont .tc_title span    { display: block; width: 100%; }
.tab_cont .tc_text          { width: 100%; padding: 40px 0; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; word-break: keep-all; }
.tab_cont .tc_img           { width: 100%; }


/*컨텐츠2*/
.tc_1                                              { width: 100%; padding-bottom: 100px; background: url(/img/tc_bg.png) no-repeat bottom right; border-bottom: 2px solid #000; text-align: left; }
.tc_1 .tc_textbox                                  { width: 100%; padding: 20px 0; }
.tc_1 .tc_textbox .tc_list                         { width: 100%; }
.tc_1 .tc_textbox .tc_list ul                      { display: inline-block; zoom: 1; *display: inline; width: 100%; }
.tc_1 .tc_textbox .tc_list ul li                   { float: left; width: calc(100%/3); padding: 30px 10px 0; text-align: center; font-size: 14px; font-weight: 400; color: #8a8a8a; }
.tc_1 .tc_textbox .tc_list ul li .tc_limg          { width: 100%;  }
.tc_1 .tc_textbox .tc_list ul li .tc_limg img      {}
.tc_1 .tc_textbox .tc_list ul li span              { display: block; width: 100%; padding-bottom: 2px; font-size: 16px; color: #d3ad50; }
.tc_1 .st_text                                     { display: inline-block; width: auto; padding-top: 100px; font-size: 24px; font-weight: 600; border-bottom: 2px solid #ff7700; color: #ff7700; }

.tc_2                                              { width: 100%; padding-top: 60px; display: inline-block; zoom: 1; *display: inline; }
.tc_2 > div                                        { width: calc(100%/2); padding-right: 36px; padding-top: 40px; float: left; }
.tc_2 > div .tc2_title                             { display: block; width: 100%; text-align: left; font-size: 23px; font-weight: 400; color: #000; }
.tc_2 > div .tc2_text                              { text-align: left; padding-bottom: 40px; word-break: keep-all; font-size: 15px; font-weight: 400; color: #8a8a8a; }
.tc_2 > div img                                    { width: 100%; }
.tc_2 .zero2                                       { height: 233px;}

.research                                          { width: 100%; padding: 60px 0; border-bottom: 2px solid #ccc; }
.research .research_title                          { display: block; width: 100%; padding-bottom: 40px; text-align: left; font-size: 24px; font-weight: 400; color: #ff7700; }
.research .tc_textbox                              { width: 100%; display: inline-block; zoom: 1; *display: inline; padding: 40px 0; }
.research .tc_textbox .research_text               { width: 728px; float: left; }
.research .tc_textbox .research_text .tc_title     {  }
.research .tc_textbox .research_text .research_t   { display: block; width: 100%; padding-top: 50px; text-align: left; font-size: 16px; font-weight: 400; color: #d3ad50;}
.research .tc_textbox .research_text .tc_text      { padding: 20px 0; }
.research .tc_textbox .research_img                { width: 310px; float: left; }

.tc_imgtext                                        { background: url(/img/research_1img.png) no-repeat left center; padding-left: 246px !important; }
.tc_2imgtext                                       { background: url(/img/oil_img.png) no-repeat left center; padding-left: 206px !important; }

.evaluate                                          { width: 100%; padding: 30px; display: inline-block; zoom: 1; *display: inline; background: url(/img/evaluate_bg.jpg) no-repeat top left; background-size: cover; }
.evaluate .evaluate_t                              { float: left; width: 25%; display: block; text-align: left; font-size: 24px; font-weight: 400; color: #000; }
.evaluate .evaluate_img                            { float: left; width: 75%; display: block;  }
.evaluate .evaluate_img ul                         { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.evaluate .evaluate_img ul li                      { float: left; width: calc(100%/3); padding: 14px; }
.evaluate .evaluate_img ul li img                  { width: 100%; }

.research2                                         { padding: 0 0 40px; }
.research2 .tc_title                               { padding-bottom: 30px;}
.research2 .research2_box                          { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.research2 .research2_box .research_t              { display: block; width: 100%; padding-top: 0; text-align: left; font-size: 16px; font-weight: 400; color: #d3ad50;}
.research2 .research2_box .research2_btext         { width: 728px; float: left; }
.research2 .research2_box .research2_bimg          { width: 310px; float: left; }

.dc_box                                            { width: 100%; padding: 30px 0; display: inline-block; zoom: 1; *display: inline; }
.dc_box .dc_img                                    { width: 330px; float: left; padding: 10px; }
.dc_box .dc_img img                                {  }
.dc_box .dc_text                                   { width: 672px; float: left; }
.dc_box .dc_text span                              { display: block; width: 100%; min-height: 56px; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; }
.dc_box .dc_text .dc_bimg                          { width: 100%; padding: 20px 350px 20px 0; }
.dc_box .dc_text .dc_bimg img                      {}
.dc_box .dc_text .dc_info                          { width: 100%; padding: 10px 0; border-top: 1px solid #ccc; }
.dc_box .dc_text .dc_info ul                       {}
.dc_box .dc_text .dc_info ul li                    { padding: 2px 0; text-align: left; font-size: 12px; font-weight: 100; color: #8a8a8a; }
.dc_box .dc_text .dc_info ul span                  { display: block; width: 100%; padding: 10px 0; text-align: left; font-size: 10px; font-weight: 100; color: #8a8a8a; }

.network_img                                       { width: 100%; text-align: center; }


.new_cont21329 strong                               { display: block; width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #222; }
.new_cont21329 span                                 { display: block; width: 100%; padding: 20px 0; text-align: center; font-size: 18px; font-weight: 600; color: #555; }

/*켄텐츠3*/
.rd2_con                                                    { width: 100%; padding-bottom: 60px; }
.rd2_con .tc_textbox                                        { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.rd2_con .tc_textbox .tc_text                               { float: left; width: 800px; padding: 10px 20px; box-sizing: border-box; }
.rd2_con .tc_textbox .tc_text .orange_t                     { color: #ff7700; }
.rd2_con .tc_textbox .tc_text >span                         { display: block; width: 100%; font-size: 20px; }
.rd2_con .tc_textbox .tc_img                                { float: left; width: 240px; box-sizing: border-box; }
.rd2_con .tc_textbox .tc_img img                            {  }

.rd2_con_info                                               { width: 72%; display: inline-block; zoom: 1; *display: inline; padding: 10px 20px; }
.rd2_con_info .rd2_info_img                                 { width: 20%; float: left; }
.rd2_con_info .rd2_info_img img                             {  }
.rd2_con_info .rd2_info_text                                { width: 80%; float: left; padding: 0 10px; font-size: 16px; font-weight: 400; color: #8a8a8a; text-align: left; }
.rd2_con_info .rd2_info_text > span                         { display: block; width: 100%; padding: 0 10px; }
.rd2_con_info .rd2_info_text ul                             { width: 100%; }
.rd2_con_info .rd2_info_text ul li                          { width: 100%; padding: 4px 0; color: #ff7700; }

.rd2_con .tc_textbox .research2 .tc_title                   { color: #ff7700; padding-top: 0; }
.rd2_con .tc_textbox .research2 .tc_text                    { width: 100%; float: none; }
.rd2_con .tc_textbox .research2 .tc_text li                 { font-size: 16px; color: #8a8a8a; word-break: keep-all; padding-right: 20px; list-style: disc; }
.rd2_con .tc_textbox .research2 .research2_box .research_t  { padding-top: 40px; }

.dc2_wrap                                                   { width: 100%; padding-top: 60px; display: inline-block; zoom: 1; *display: inline; }
.dc2_wrap .dc2_img                                          { float: left; width: 40%; }
.dc2_wrap .dc2_img img                                      {  }
.dc2_wrap .dc2_text                                         { float: left; width: 60%; padding: 20px; }
.dc2_wrap .dc2_text .dc2_title                              { display: block; width: 100%; text-align: left; padding-bottom: 10px; font-size: 16px; font-weight: 400; color: #505050; }
.dc2_wrap .dc2_text .dc2_p                                  { width: 100%; padding: 20px; border: 1px solid #505050; word-break: keep-all; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; }
.dc2_wrap .dc2_text ul                                      { width: 100%; padding-top: 20px; text-align: left; }
.dc2_wrap .dc2_text ul li                                   { font-size: 16px; font-weight: 400; color: #8a8a8a; }


/*켄텐츠4*/
.rd3_con                                                    { width: 100%; padding-bottom: 60px; display: inline-block; zoom: 1; *display: inline; }
.rd3_con .tc_textbox                                        { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.rd3_con .tc_textbox .tc_text                               { float: left; width: 800px; padding: 10px 20px; box-sizing: border-box; }
.rd3_con .tc_textbox .tc_text .orange_t                     { color: #ff7700; }
.rd3_con .tc_textbox .tc_text >span                         { display: block; width: 100%; font-size: 20px; }
.rd3_con .tc_textbox .tc_img                                { float: left; width: 240px; box-sizing: border-box; }
.value_box                              { width: 100%; }
.value_box .value_img                   {  }
.value_box .value_img ul                { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.value_box .value_img ul li             { float: left; width: calc(100%/3); min-height: 300px; padding: 20px; }
.value_box .value_img ul li img         {}
.value_box .value_img ul li span        { display: block; width: 100%; padding: 18px 10px; text-align: center; font-size: 16px; font-weight: 400; color: #8a8a8a; word-break: keep-all; }
.value_box .value_box2                  { width: 100%; display: block; padding: 20px 0; }
.value_box .value_box2 img              {}
.value_box .value_text                  { display: block; width: 475px; margin: 0 auto; text-align: center; font-size: 24px; font-weight: 600; color: #ff7700; }

.value_2box                             { width: 100%; padding-top: 70px; display: inline-block; zoom: 1; *display: inline; }
.value_2box .value_text2                { float: left; width: 76%; }
.value_2box .value_text2 ul             { width: 100%; padding-right: 20px ; }
.value_2box .value_text2 ul li          { width: 100%; padding: 10px 0; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; word-break: keep-all; }
.value_2box .value_text2 ul li span     { display: inline-block; float: left; height: 50px;}
.value_2box .value_img2                 { float: left; width: 24%; }
.value_2box .value_img2 img             {}
.value_3box                             { width: 100%; padding: 70px 0; }
.value_3box .value_tbox                 { width: 100%; padding-right: 300px; }
.value_3box .value_tbox .gray_t         { text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; }
.value_3box .value_tbox .value_text3        { width: 100%; text-align: left; font-size: 16px; font-weight: 500; color: #505050; }
.value_3box .value_imgbox                   { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.value_3box .value_imgbox .value_img3       { float: left; width: 70%; }
.value_3box .value_imgbox .value_img3 img   { width: 100%; }
.value_3box .value_imgbox .value_imgt       { float: left; width: 30%; padding-left: 40px; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; }
.value_3box .value_imgbox .value_imgt span  { color: #ff7700; }

.rd3_research                               { width: 100%; padding-bottom: 60px; }
.rd3_research .rd3_rtitle                   { display: block; width: 100%; text-align: left; font-size: 24px; font-weight: 400; color: #000; }
.rd3_research .rd3_rbox                     { width: 100%; padding: 20px 0; font-size: 16px; font-weight: 400; color: #8a8a8a; text-align: left; }
.rd3_research .rd3_rbox .rd3_rtext          { display: block; width: 100%; color: #505050; }
.rd3_research .rd3_rbox .rd3_rtext span     { color: #ff7700; }
.rd3_research .rd3_rimg                     { width: 100%; display: block; padding: 10px 0 20px; }

.rd3_rimg5                              { float: left; width: 55%; }
.rd3_rimg5 img                          {  }
.rd3_rtext5                             { float: left; width: 45%; }
.rd3_rtext5 ul                          { width: 100%; }
.rd3_rtext5 ul li                       { padding:0 10px 60px; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; }
.rd3_rtext5 ul li span                  { display: block; width: 100%; font-size: 13px; padding: 20px 0; }


.sub_cont6                              { width: 100%; padding: 100px 0 0; text-align: center; }
.sub_cont6 .rd_bg                       { min-height: 309px; background: url(/img/bn_thm1.png) no-repeat top center; background-size: cover; }
.sub_cont6 .rd_bg span                  { display: block; width: 1400px; margin: 0 auto; min-height: 309px; line-height: 309px; text-align: left; font-size: 42px; font-weight: 600; color: #fff;  }
.sub_cont6 .rd0_con                     { position: relative; width: 1400px; margin: 0 auto; }
.sub_cont6 .rd0_con1 .rd0_con1t         { text-align: left; font-size: 22px; font-weight: 400; padding: 100px 0 220px; color: #555555; }
.sub_cont6 .rd0_con1 .rd0_con1t span    { font-weight: 600; color: #222; }
.sub_cont6 .rd0_con1 .rd0_con1t h2      { display: block; width: 100%; font-size: 54px; font-weight: 900; color: #00a0b9; line-height: 62px; }
.sub_cont6 .rd0_con1 .rd0_con1t strong  { display: block; width: 100%; padding: 70px 0 50px; font-size: 32px; font-weight: 600; color: #222; }
.sub_cont6 .rd0_con1 .rd0_con1i         { position: absolute; top: 30px; right: 0; width: 680px; }
.sub_cont6 .rd0_con1 .rd0_con1i img     {  }

.sub_cont6 .rd0_con2                                            { position: relative; width: 100%; margin: 0 auto; padding: 10px 0 40px; text-align: left; }
.sub_cont6 .rd0_con2 .rd0_con2t                                 { display: block; width: 1400px; margin: 0 auto; padding: 20px 0; font-size: 36px; font-weight: 600; color: #222; }
.sub_cont6 .rd0_con2 .rd0_con2t b                               { color: #00a0b9; }
.sub_cont6 .rd0_con2 .rd0_con2box                               { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.sub_cont6 .rd0_con2 .rd0_con2box li                            { float: left; width: 50%; height: auto; max-height: 312px; padding: 40px; display: inline-block; zoom: 1; *display: inline; border: 1px solid #fff; box-sizing: border-box; background: #f1f2f7; }
.sub_cont6 .rd0_con2 .rd0_con2box li .li_icon                   { float: left; width: 35%; text-align: center; }
.sub_cont6 .rd0_con2 .rd0_con2box li .li_icon img               {  }
.sub_cont6 .rd0_con2 .rd0_con2box li .li_text                   { float: left; width: 65%; padding: 30px 20px; font-size: 20px; font-weight: 400; color: #555; word-break: keep-all; }
.sub_cont6 .rd0_con2 .rd0_con2box li .li_text strong            { display: block; width: 100%; padding-bottom: 16px; font-size: 32px; font-weight: 600; color: #222; }

.sub_cont6 .rd0_con3                                            { width: 100%; background: url(/img/rd0_img2.png) no-repeat top center; background-size: cover; text-align: left; }
.sub_cont6 .rd0_con3 .rd0_list3                                 { width: 1400px; margin: 0 auto; padding: 20px 0 50px; }
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3t                      { display: block; width: 1400px; margin: 0 auto; padding: 20px 0; font-size: 36px; font-weight: 600; color: #fff; }
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3t b                    { color: #00a0b9; }
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box                    { width: 100%; padding: 20px 0; height: 600px; overflow-y: scroll; overflow-x: hidden; }
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box::-webkit-scrollbar {width: 10px;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.1); border-radius: 5px;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box::-webkit-scrollbar-track {background-color: rgba(255,255,255,0.4); border-radius: 5px;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box li                 { width: 100%; padding: 10px 0; font-size: 21px; font-weight: 300; color: #fff; letter-spacing: 2px; }
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box li span            { display: inline-block; padding: 0 20px; font-size: 24px; }

.sub_cont6 .rd0_con4                                                { width: 1400px; margin: 0 auto; padding: 20px 0 50px; }
.sub_cont6 .rd0_con4 .rd0_list4                                     {  }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4t                          { display: block; width: 1400px; margin: 0 auto; padding: 20px 0; text-align: left; font-size: 36px; font-weight: 600; color: #222; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4st                         { text-align: left; font-size: 22px; font-weight: 400; color: #555; padding-bottom: 20px; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4t b                        { color: #00a0b9; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box                        { width: 100%; padding: 20px 0; display: inline-block; zoom: 1; *display: inline; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li                     { float: left; width: 335px; padding: 0 10px; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li .rd0_con4i          { text-align: center; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li .rd0_con4text       { text-align: left; font-size: 18px; font-weight: 400; color: #555555; word-break: keep-all; }
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li .rd0_con4text span  { display: block; width: 100%; text-align: center; font-size: 26px; font-weight: 500; color: #222; padding: 10px 0; margin-bottom: 10px; border-bottom: 5px solid #bdbdbd; }

.sub_cont6 .rd0_con5                                                { width: 1400px; margin: 0 auto; padding: 20px 0 50px; }
.sub_cont6 .rd0_con5 .rd0_con5box                                   {  }
.sub_cont6 .rd0_con5 .rd0_con5box .rd0_con5t                        { display: block; width: 1400px; margin: 0 auto; padding: 20px 0; text-align: left; font-size: 36px; font-weight: 600; color: #222; }
.sub_cont6 .rd0_con5 .rd0_con5box .rd0_con5t b                      { color: #00a0b9; }
.sub_cont6 .rd0_con5 .rd0_con5box .rd0_con5i                        { width: 100%; padding: 0 180px; }
.sub_cont6 .rd0_con5 .rd0_con5box .rd0_con5i img                    { width: 100%; }

.sub_cont6 .rd0_con6                                                { width: 100%; background: #f1f2f7; }
.sub_cont6 .rd0_con6 .rd0_con6box                                   { width: 1400px; margin: 0 auto; padding: 20px 0 50px;  }
.sub_cont6 .rd0_con6 .rd0_con6box .rd0_con6t                        { position: relative; display: block; width: 1400px; margin: 0 auto; padding: 20px 0; text-align: left; font-size: 36px; font-weight: 600; color: #222; }
.sub_cont6 .rd0_con6 .rd0_con6box .rd0_con6t b                      { color: #00a0b9; }
.sub_cont6 .rd0_con6 .rd0_con6box .rd0_con6t .lt_more               { position: absolute; bottom: 16px; right: 0; font-size: 14px; font-weight: 400; }


/*연구개발 실적 팝업*/
.result_cont                                        { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 99999; }
.result_cont .pop_cont                              { position: relative; top: 14%; left: 50%; transform: translateX(-50%); width: 1200px; height: 730px; padding: 20px 0; border-radius: 10px; text-align: left; font-size: 14px; color: #222; background: #fff; overflow-y: scroll; }
.result_cont > span                                 { transition: 0.2s; position: fixed; top: 14%; right: 50%; margin-right: -670px; display: block; font-size: 30px; color: #222; text-align: right; cursor: pointer; background: #fff; padding: 10px 14px; border-radius: 30px; width: 50px; height: 50px; box-shadow: 1px 2px 3px 0px rgb(0 0 0 / 40%); }
.result_cont > span:hover                           { background: #eee; }
.result_cont .pop_cont strong                       { display: block; width: 100%; padding: 20px 0; font-size: 24px; color: #222; text-align: center; border-bottom: 4px solid #222; }
.result_cont .pop_cont .rd_recont                   { display: block; width: 100%; padding: 20px; font-size: 14px; color: #222; text-align: left; }
.result_cont .pop_cont::-webkit-scrollbar {width: 10px;}
.result_cont .pop_cont::-webkit-scrollbar-thumb {background-color: #dedede; border-radius: 20px;}
.result_cont .pop_cont::-webkit-scrollbar-track {background-color: #efefef; border-radius: 10px; }

.result_cont .pop_cont .rd_recont .result_item                      { padding: 20px; margin: 10px 0; text-align: left; font-size: 18px; color: #222; }
.result_cont .pop_cont .rd_recont .result_item .item_title          { font-weight: 600; display: inline-block; padding-right: 30px; }
.result_cont .pop_cont .result_itimg                                { width: 100%; display: block; height: 300px; position: absolute; bottom: 0; left: 0; }
.result_cont .pop_cont .result_itimg img                            { width: 100%; height: auto; }






.sub_cont7                              { width: 100%; padding: 100px 0 0; text-align: center; }
.sub_cont7 .rd_bg                       { min-height: 309px; background: url(/img/bn_thm2.png) no-repeat top center; background-size: cover; }
.sub_cont7 .rd_bg span                  { display: block; width: 1400px; margin: 0 auto; min-height: 309px; line-height: 309px; text-align: left; font-size: 42px; font-weight: 600; color: #fff;  }
.sub_cont7 .rd4_con                     { position: relative; width: 1400px; margin: 0 auto; }
.sub_cont7 .rd4_con1 .rd4_con1t         { text-align: left; font-size: 16px; font-weight: 400; padding: 100px 0 220px; color: #555555; }
.sub_cont7 .rd4_con1 .rd4_con1t span    { font-weight: 600; color: #222; }
.sub_cont7 .rd4_con1 .rd4_con1t h2      { display: block; width: 100%; font-size: 46px; font-weight: 900; color: #00a0b9; line-height: 55px; }
.sub_cont7 .rd4_con1 .rd4_con1t strong  { display: block; width: 100%; padding: 70px 0 50px; font-size: 28px; font-weight: 600; color: #222; }
.sub_cont7 .rd4_con1 .rd4_con1i         { position: absolute; top: 30px; right: 0; width: 680px; }
.sub_cont7 .rd4_con1 .rd4_con1i img     {  }

.sub_cont7 .rd4_con2                                            { position: relative; width: 1400px; margin: 0 auto; padding: 10px 0 40px; text-align: left; }
.sub_cont7 .rd4_con2 .rd4_con2box                               { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.sub_cont7 .rd4_con2 .rd4_con2box li                            { float: left; width: calc(100%/3); height: 380px; padding: 40px; display: inline-block; zoom: 1; *display: inline; border: 5px solid #fff; box-sizing: border-box; background: #f1f2f7; }
.sub_cont7 .rd4_con2 .rd4_con2box li .li_icon                   { text-align: center; }
.sub_cont7 .rd4_con2 .rd4_con2box li .li_icon img               {  }
.sub_cont7 .rd4_con2 .rd4_con2box li .li_text                   { width: 100%; }
.sub_cont7 .rd4_con2 .rd4_con2box li .li_text span              { display: block; width: 100%; text-align: center; font-size: 16px; font-weight: 400; color: #555; letter-spacing: 0.4px; }
.sub_cont7 .rd4_con2 .rd4_con2box li .li_text strong            { display: block; text-align: center; padding: 16px 0; font-size: 32px; font-weight: 600; color: #222;  }

.sub_cont7 .rd4_con3                                        { width: 100%; min-height: 380px; background: url(/img/rd4_img2.png) no-repeat center center; background-size: cover; }
.sub_cont7 .rd4_con3 .rd4_con3_box                          { width: 1400px; margin: 0 auto; padding: 86px 0; text-align: center; font-size: 46px; font-weight: 700; color: #fff; }
.sub_cont7 .rd4_con3 .rd4_con3_box .rd4_btn                 { display: block; width: 230px; margin: 40px auto; padding: 16px 0; border-radius: 16px; background: #fff; text-align: center; font-size: 20px; font-weight: 600; color: #00a0b9; }

.sub_cont7 .rd4_con4                                            { position: relative; width: 100%; padding: 40px 0 40px; text-align: left; background: #f1f1f1; text-align: center; }
.sub_cont7 .rd4_con4 .rd4_con4_t                                { text-align: center; font-size: 30px; font-weight: 500; padding: 40px 0;}
.sub_cont7 .rd4_con4 .rd4_con4_t .rd4_con4_deco                 { text-align: center; width: 120px; height: 5px; margin: 25px auto; background: #222; }
.sub_cont7 .rd4_con4 .rd4_con4_t span                          { display: block; text-align: center; font-size: 34px; font-weight: 500; color: #222; line-height: 38px;}
.sub_cont7 .rd4_con4 .rd4_con4_t strong                        { display: block; text-align: center; font-size: 34px; font-weight: 500; color: #00a0b9; line-height: 38px;}
.sub_cont7 .rd4_con4 .rd4_con4_t strong b                      { font-weight: 600px; }
.sub_cont7 .rd4_con4 .rd4_con4box                               { width: 1400px; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; }
.sub_cont7 .rd4_con4 .rd4_con4box li                            { float: left; width: 380px; height: 380px; border-radius: 50%; padding: 40px; margin: 43px; display: inline-block; zoom: 1; *display: inline; box-sizing: border-box; background: #fff; }
.sub_cont7 .rd4_con4 .rd4_con4box li .li_icon                   { text-align: center; width: 125px; margin: 0 auto; }
.sub_cont7 .rd4_con4 .rd4_con4box li .li_icon img               {  }
.sub_cont7 .rd4_con4 .rd4_con4box li .li_text                   { width: 100%; }
.sub_cont7 .rd4_con4 .rd4_con4box li .li_text span              { display: block; width: 100%; text-align: center; font-size: 16px; font-weight: 400; color: #555; letter-spacing: 0.4px; }
.sub_cont7 .rd4_con4 .rd4_con4box li .li_text strong            { display: block; text-align: center; padding: 16px 0; font-size: 32px; font-weight: 600; color: #222;  }


.rd_pro                     { position: absolute; bottom: 0; right: 0; }
.rd_pro ul                  { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.rd_pro ul li               { float: left; padding: 20px 10px; }
.rd_pro ul li a             { display: block; width: 160px; height: 46px; padding: 11px; font-size: 16px; line-height: 24px; color: #222; border-radius: 10px; background: rgba(255,255,255,0.9); transition: 0.2s; }
.rd_pro ul li a:hover       { box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 40%); background: #fff; color: #00a0b9; }




/*컨텐츠5*/
.consul                                                     { width: 100%; }
.swiper-container                                           { width: 100%; height: 960px; margin-left: auto; margin-right: auto; }
.swiper-slide                                               { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.consul .swiper-slide .typoType1                            { opacity:0; transform:translate(0,100px); -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; }
.consul .swiper-slide .typoType2                            { opacity:0; transform:translate(0,100px); -webkit-transition:all 1.2s ease; -moz-transition:all 1.2s ease; -ms-transition:all 1.2s ease; -o-transition:all 1.2s ease; }
.consul .swiper-slide .typoType3                            { opacity:0; transform:translate(0,100px); -webkit-transition:all 1.4s ease; -moz-transition:all 1.4s ease; -ms-transition:all 1.4s ease; -o-transition:all 1.4s ease; }
.consul .swiper-slide .viImg                                { opacity:0; transform:translate(0,100px); -webkit-transition:all 1.6s ease; -moz-transition:all 1.6s ease; -ms-transition:all 1.6s ease; -o-transition:all 1.6s ease; }

.consul .swiper-slide-active .typoType1                     { opacity:1; transform:translate(0,0); }
.consul .swiper-slide-active .typoType2                     { opacity:1; transform:translate(0,0); }
.consul .swiper-slide-active .typoType3                     { opacity:1; transform:translate(0,0); }
.consul .swiper-slide-active .viImg                         { opacity:1; transform:translate(0,0); }




.consul_box                 { width: 100%; height: 100%; text-align: center; background-size: cover; }
.consul_1box                { background: url(/img/consul_bg1.jpg) no-repeat center top;}
.consul_2box                { background: url(/img/consul_bg2.jpg) no-repeat center top;}
.consul_3box                { background: url(/img/consul_bg3.jpg) no-repeat center top;}

.consul_box .consul_wrap                                    { position: relative; width: 1400px; height: 100%; padding: 200px 0; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; }
.consul_box .consul_wrap .consul_tbox                       { width: 100%; box-sizing: border-box; }
.consul_box .consul_wrap .consul_tbox .consul_text          { width: 100%; }
.consul_box .consul_wrap .consul_tbox .consul_text ul       { width: 100%; display: inline-block; zoom: 1; *display: inline;}
.consul_box .consul_wrap .consul_tbox .consul_text ul li    { float: left; width: calc((100% - 50%)/3); padding-bottom: 60px; }
.consul_box .consul_wrap .consul_tbox .consul_text ul li a  { display: block; width: 100%; height: 100%; text-align: left; font-size: 60px; font-weight: 400; color: rgba(255,255,255,0.6); word-break: keep-all; }
.consul_box .consul_wrap .consul_tbox span                  { display: block; width: 100%; text-align: left; font-size: 24px; font-weight: 300; color: #fff; }
.consul_box .consul_wrap .consul_ibox                       { position: absolute; right: 40px; }
.consul_box .consul_wrap .consul_1ibox                      { bottom: 0%; }
.consul_box .consul_wrap .consul_2ibox                      { bottom: 68px; }
.consul_box .consul_wrap .consul_3ibox                      { bottom: 190px; }
.act            { color: #fff !important; }


/*컨텐츠6*/
.sub_cont8                                                  { width: 100%; padding: 230px 0 120px; text-align: center; background: url(/img/rd5_bg.jpg) no-repeat top center; background-size: cover; }
.sub_box                                                    { width: 1400px; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; height: 500px; }
.sub_box .patent_tbox                                       { position: relative; width: 30%; height: 100%; float: left;  }
.sub_box .patent_tbox .patent_title                         { text-align: left; display: block; width: 100%; padding-bottom: 40px; font-size: 60px; font-weight: 400; color: #fff; }
.sub_box .patent_tbox .patent_text                          { display: block; width: 100%; text-align: left; font-size: 24px; font-weight: 400; color: #fff; }
.sub_box .patent_tbox .patent_down                          { position: absolute; bottom: 0; left: 0; display: block; padding: 20px; border-radius: 40px; text-align: center; font-size: 16px; font-weight: 400; color: #fff; background: rgba(0,0,0,0); border: 1px solid #fff; }
.sub_box .patent_slide                                      { width: 70%; height: 100%; padding: 60px 30px 0; float: left; box-sizing: border-box;  }
.sub_box .patent_slide .swiper-container                    { width: 100%; height: 100%; }
.sub_box .patent_slide .swiper-slide                        { display: inline-block; zoom: 1; *display: inline; width: 100px; text-align: center; font-size: 18px; background: rgba(0,0,0,0);
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.sub_box .patent_slide .swiper-slide .slide_title           { width: 65%; height: 100%; float: left; position: relative; }
.sub_box .patent_slide .swiper-slide .slide_title span      { display: block; position: absolute; bottom: 100px; right: 80px; text-align: right; font-size: 26px; font-weight: 600; color: #fff; word-break: keep-all; }
.sub_box .patent_slide .swiper-slide .slide_img             { width: 35%; height: 100%; float: left; background: #fff; }
.slide_btn              { z-index: 999999; position: absolute; bottom: 0; left: 50%; min-width: 130px; min-height: 60px; transform: translateX(-50%) translateY(-10%); }
.slide_btn .swiper-button-prev, .swiper-button-next         { top: 0 !important; width: auto !important; }
.swiper-button-prev:after, .swiper-button-next:after        { display: none !important; }


/*비즈니스*/
.bn_1                                       { width: 100%; min-height: 500px; background: url(/img/bn_1bg.jpg) no-repeat top center; background-size: cover; }
.bn_2                                       { width: 100%; min-height: 500px; background: url(/img/bn_2bg.jpg) no-repeat top center; background-size: cover; }
.bn_1 .bn_wrap                            { width: 1400px; padding: 248px 0 220px; margin: 0 auto; }
.bn_2 .bn_wrap                            { width: 1400px; padding: 280px 0 175px; margin: 0 auto; }
.bn_wrap .bn_tbox                 { width: 100%;  }
.bn_wrap .bn_tbox span            { display: block; width: 100%; text-align: left; font-size: 60px; font-weight: 600; color: #fff; }
.bn_wrap .bn_tbox p               { width: 100%; padding-top: 12px; line-height: 32px; text-align: left; font-weight: 200; font-size: 22px; color: #fff; }
.bn_wrap .bn_list                 { position: relative; width: 100%; padding: 180px 0 0; }
#bn_list .bn_list                                 { width: 100%; }
#bn_list .bn_list ul `                             { width: 100%; display: inline-block; zoom: 1; *display: inline; }
#bn_list .bn_list ul li                           { position: relative; width: calc(100%/3); padding: 10px; float: left; padding: 50px 10px 0; }
#bn_list .bn_list ul li:nth-child(2)              { padding: 0 10px; }
#bn_list .bn_list ul li:nth-child(5)              { padding: 0 10px; }
#bn_list .bn_list ul li:nth-child(8)              { padding: 0 10px; }
#bn_list .bn_list ul li .bn_liimg                 { width: 100%; background-color: #000; }
#bn_list .bn_list ul li .bn_liimg img             { transition: 0.3s; opacity: 1; }
#bn_list .bn_list ul li .bn_liimg img:hover       { opacity: 0.5; }
#bn_list .bn_list ul li .bn_litext                { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 60px 40px; color: #fff; text-align: left; font-size: 18px; font-weight: 200; }
#bn_list .bn_list ul li .bn_litext .bn_lititle    { display: block; width: 100%; font-size: 24px; font-weight: 600; }


.pop_wrap               { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.5); z-index: 999999; }
.pop_box                                        { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 1000px; height: 900px; overflow-y: scroll; padding:60px; background: rgba(0,0,0,0.72);  }

.pop_box::-webkit-scrollbar {width: 10px;}
.pop_box::-webkit-scrollbar-thumb {background-color: #777;}
.pop_box::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.72);}

.pop_box .pop_text                              { width: 100%; position: relative; }
.pop_box .pop_text .pop_title                   {  width: 100%; display: inline-block; zoom: 1; *display: inline; }
.pop_box .pop_text .pop_title b                 { float: left; width: 30%; text-align: left; font-size: 58px; font-weight: bold; color: #fff; }
.pop_box .pop_text .pop_title .pop_line         { float: right; width: 70%; height: 3px; background: #fff; transform: translateY(50px); }
.pop_box .pop_text .pop_span                    { display: block; width: 100%; line-height: 50px; text-align: left; font-size: 42px; font-weight: bold; color: #c9c9c9; }
.pop_box .pop_img                               { width: 600px; text-align: left; padding: 30px 20px; }
.pop_box .pop_img img                           { width: 100%; }
.pop_box .pop_list                              { padding: 0 20px; }
.pop_box .pop_list > li                         { text-align: left; width: 100% !important;  display: inline-block;zoom: 1;*display: inline; font-size: 23px; color: #fff; padding: 4px 0px !important; font-weight: 400; }
.pop_box .pop_list > li .pop_li_deco            { float: left; width: 3%; display: block; }
.pop_box .pop_list > li p                       { float: left; width: 97%; display: block; word-break: keep-all; padding: 9px 10px; letter-spacing: 1.2px; line-height: 26px; font-weight: 300; font-size: 20px; }
.pop_close                                      { position: absolute; top: 0; right: 0; color: #fff; display: block; font-size: 36px; transform: translate(0px,-20px); }



/*컨설팅*/
.cs_1                               { width: 1400px; padding: 100px 0; margin: 0 auto; }
.cs_1 .cs_visual                    { position: relative; width: 100%; min-height: 400px; text-align: center; background: url(/img/cs_bg1.jpg) no-repeat center top; background-size: cover; }
.cs_1 .cs_visual .cs_title          { position: absolute; left: 44px; bottom: 44px; width: 100%; display: block; text-align: left; font-size: 32px; font-weight: 400; color: #fff }

.cs_2                               { width: 1400px; padding: 100px 0; margin: 0 auto; }
.cs_2 .cs_visual                    { position: relative; width: 100%; min-height: 400px; text-align: center; background: url(/img/cs_bg2.jpg) no-repeat center top; background-size: cover; }
.cs_2 .cs_visual .cs_title          { position: absolute; left: 44px; bottom: 44px; width: 100%; display: block; text-align: left; font-size: 32px; font-weight: 400; color: #fff }

.cs_3                               { width: 1400px; padding: 100px 0; margin: 0 auto; }
.cs_3 .cs_visual                    { position: relative; width: 100%; min-height: 400px; text-align: center; background: url(/img/cs_bg3.jpg) no-repeat center top; background-size: cover; }
.cs_3 .cs_visual .cs_title          { position: absolute; left: 44px; bottom: 44px; width: 100%; display: block; text-align: left; font-size: 32px; font-weight: 400; color: #fff }

.cst_box                            { display: block; width: 100%; padding: 20px 0; width: 100%; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; word-break: keep-all; }
.cst_box .cst_span                  { display: block; width: 100%; padding-bottom: 14px; text-align: left; font-size: 24px; font-weight: 400; color: #000; }
.cs_wrap                      { width: 100%; padding-top: 60px; display: inline-block; zoom: 1; *display: inline; }
.cs_wrap .cs_lick             { float: left; width: 350px; box-sizing: border-box; }
.cs_wrap .cs_lick ul          { width: 100%; }
.cs_wrap .cs_lick ul li       { width: 100%; padding: 10px; }
.cs_wrap .cs_lick ul li a     { display: block; width: 100%; padding: 20px; text-align: left; font-size: 20px; font-weight: 400; color: #fff; background: #b4b4b4; }
.cs_wrap .cs_lick ul li .act        { background: #8a8a8a !important; }
.cs_wrap .cs_box              { float: left; width: 1050px; padding: 0 20px; box-sizing: border-box; }
.cs_wrap .cs_box .cs_item     { width: 100%; padding: 20px 0; display: inline-block; zoom: 1; *display: inline; }
.cs_wrap .cs_box .cst_box     { padding: 20px 0; }
.cs_2 .cs_wrap .cs_box .cs_item     { width: 100%; padding: 30px 0; display: inline-block; zoom: 1; *display: inline; }
.cs_2 .cs_wrap .cs_box .cst_box     { padding: 40px 0; }
.cs_item .cs_text                   { width: 50%; float: left; }
.cs_item .cs_img                    { width: 50%; float: left; }
.cs_item .item_list                 { width: 100%; min-height: 200px; padding: 33px 0; display: inline-block; zoom: 1; *display: inline; }
.cs_item .item_list li              { position: relative; float: left; width: calc(94%/3); padding: 30px; border-radius: 70px; border: 1px solid #707070; text-align: center; word-break: keep-all; font-size: 16px; font-weight: 400; color: #8a8a8a; margin: 0 1%; }
.cs_item .item_list li .list_t      { position: absolute; top: -23px; left: 50%; transform: translateX(-50%); display: block; padding: 10px 30px; text-align: center; font-size: 16px; font-weight: 400; background: #ff7700; border-radius: 40px; color: #fff; }
.cs_table                           { width: 100%; border-collapse: collapse; }
.cs_table thead tr th               { padding: 0 10px; }
.cs_table thead tr th span          { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ff7700; color: #ff7700; text-align: center; font-size: 20px; font-weight: 400; }
.cs_table thead tr .level           { width: 20%; }
.cs_table tbody tr td               { padding: 10px; text-align: left; font-size: 16px; font-weight: 400; color: #505050; }
.cs_table tbody tr .color_t         { color: #ff7700; text-align: center; font-size: 20px; }


.cs_embox               { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.cs_embox .cs_em        { float: left; width: calc(95%/4); min-height: 100px; margin: 0.5%; padding: 10px 0; border-top: 1px solid #ff7700; font-size: 20px; font-weight: 400; color: #ff7700; }
.cs_embox .cs_em span   { display: block; width: 100%; }

.item_ibox              { position: relative; width: 100%; min-height: 240px; background-size: cover; }
.item_1ibox             { background: url(/img/item_1img.jpg) no-repeat center center; }
.item_2ibox             { background: url(/img/item_2img.jpg) no-repeat center center; }
.item_3ibox             { background: url(/img/item_3img.jpg) no-repeat center center; }
.item_4ibox             { background: url(/img/item_4img.jpg) no-repeat center center; }
.item_5ibox             { background: url(/img/item_5img.jpg) no-repeat center center; }
.item_ibox p            { position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 40px; text-align: left; font-size: 16px; font-weight: 400; color: #fff; }
.item_ibox p span       { display: block; width: 100%; padding-bottom: 20px; font-size: 24px; }

.item_2ibox p           { right: 0; text-align: right; }
.item_4ibox p           { right: 0; text-align: right; }

.cs5_img                    { float: left; width: 50%; padding: 20px; }
.cs5_img img                { width: 100%; }
.cs5_tbox                   { float: left; width: 50%; padding: 20px; }
.cs5_tbox .cs5_text         { display: block; width: 100%; text-align: left; word-break: keep-all; font-size: 18px; font-weight: 400; color: #222; }
.cs5_tbox .cs5_text span    { display: block; width: 100%; font-size: 24px; font-weight: 600; padding-bottom: 20px; }
.cs5_tbox .cs5_lick         { transition: 0.3s; display: block; width: 300px; border-radius: 20px; border: 2px solid #222; text-align: center; padding: 16px; font-size: 18px; font-weight: 400; }
.cs5_tbox .cs5_lick:hover   { color: #fff; background: #222; }




.cs7_text       { padding: 220px 0; }
.cs6_tbox                   { width: 100%; }
.cs6_tbox .cs6_text         { display: block; width: 100%; text-align: left; word-break: keep-all; font-size: 18px; font-weight: 600; color: #222; }



/*제품소개*/
.product {position:relative; width: 100%; max-width: 1400px; margin: 0 auto; display: inline-block; zoom:1; *display: block; }
.breadcrumb {position: relative; width:100%; text-align: left; font-size: 16px; font-weight: 300; color: #8a8a8a; padding: 220px 20px 10px; }
.productImg {position: relative; width: 575px; height: 640px; float: left;}
.productImg img {position: relative; width: 100%; height: auto; overflow: hidden;}
.productInfo {position: relative; width: calc(100% - 575px); padding: 10px 0 10px 135px; float: left;}
.productInfo .productTitle {position: relative; display: block; text-align: left; font-size: 60px; font-weight: 400; color: #000000;}
.productInfo .productENTitle {position: relative; display: block; text-align: left; font-size: 36px; font-weight: 400; color: #8a8a8a; padding: 15px 0;}
.productInfo .productContent {position: relative; display: block; text-align: left; font-size: 22px; font-weight: 300; color: #8a8a8a;}
.productInfo .productSubContent {position: relative; display: block; text-align: left; font-size: 16px; font-weight: 400; color: #8a8a8a; padding: 15px 0; min-height: 350px;}
.productInfo button {position: relative; display: block; text-align: left; width: 220px; height: 50px; background-color: #30b86b; border: 0; border-radius: 5px; padding: 0 25px;}
.productInfo button:hover {background-color: #1d8249;}
.productInfo button a {position: relative; display: block; text-align: left; font-size: 16px; font-weight: 400; color: #ffffff;}
.productInfo button a:after {content: url(/img/product/arrow.png); padding-left: 15px;}

.productDetail {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; min-height: 500px;}
.tapContWrap {position:relative; width:100%; display: blcok; margin:130px 0px 0px 0px; }
.tapContWrap .tap {position:relative; width:100%; text-align:center; border-bottom: 3px solid }


/* 익스 수정 2021-11-16 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #bn_list .bn_list ul li {width: 33%;}
}

.zero2 {
    width: 1500px;
}





/* css 추가 및 변경 2024-03-15 sde */
.sub_cont1 {width: 100%; background: url(/img/new_img/company_bg.png) no-repeat top center;background-size: cover;}
.history_list .list_line {height: 100%;}
.rd0_ul {position: relative; display: block;}
/* CIBI */
.sub_ctt3 {position: relative; width: 1325px; margin: 0 auto; height: auto; margin-bottom: 530px;}
.ctt3_CI {position: relative; display: block;}
.txt_main1 {position: relative; display: block; width: 102px; font-size: 74px; font-weight: 700; text-align: left; border-bottom: 3px solid #000; margin-top: 170px;}
.txt_main2 {position: relative; display: block; width: 100%; font-size: 44px; font-weight: 500; text-align: center; margin-top: 140px;}
.ctt3_CI .CI1, .ctt3_CI .CI2 {position: relative; display: flex; width: 1247px; align-items: flex-end; margin: 0 auto;}
.ctt3_CI .CI1 { gap: 70px; margin-top: 60px;}
.ctt3_CI .CI1 img, .ctt3_CI .CI1 p {position: relative; display:inline-block;}
.ctt3_CI .CI1 img {width: 38%;}
.ctt3_CI .CI1 p {width: 57%; font-size: 22px; font-weight: 200; text-align: justify; word-break: break-all; color: #898989; line-height: 1.6;}
.ctt3_CI .CI2 {margin-top: 50px;}
.ctt3_CI .CI2 img {width: 16%; height: 75px !important;}
.ctt3_CI .CI2 img:nth-child(2) {margin-left: 5%;}
.ctt3_CI .CI2 p {width: 330px; text-align: left; font-size: 11px;margin-left: 80px; border-bottom: 80px solid #9AC243;}
.ctt3_CI .CI2 p:last-child {border-bottom: 80px solid #369848;margin-left: 50px;}

.ctt3_BI {position: relative; width: 1247px; margin: 0 auto; display: flex;flex-direction: column;}
.ctt3_BI .BImainTXT {position: relative; display: block; font-size: 28px; color: #595959; border-bottom: 2px solid #595959; text-align: left; margin-top: 150px; margin-bottom: 20px;}
.ctt3_BI .BI_wd1 {width: 125px;}
.ctt3_BI .BI_wd2 {width: 265px;}
.ctt3_BI .BI_wd3 {width: 465px;}

.ctt3_BI .BI_inner {position: relative; display: flex;justify-content: space-between; align-items: center;}
.ctt3_BI .BI_inner > img {height: fit-content !important;}
.ctt3_BI .BI_inner > span {position: relative; display: inline-block; width: 55%;font-size: 23px; font-weight: 200; text-align: justify;}
.ctt3_BI .BI_inner > span > b {position: relative; display: inline-block; font-size: 28px; margin-bottom: 20px;}
.ctt3_BI .BI_inner .innerBox {position: relative; display: block; width: 600px; text-align: left;}
.ctt3_BI .BI_inner .innerBox > li {position: relative; display: flex; align-items: center; margin-top: 25px;}
.ctt3_BI .BI_inner .innerBox > li > p {font-size: 24px; color: #878787; margin-left: 20px;}
.ctt3_BI .BI_inner .innertxt {position: relative; display: block; width: 50%; text-align: center; font-size: 27px;}
.ctt3_BI .BI_inner .innertxt > p {position: relative; display: block; margin-top: 80px; line-height: 1.8;}
.ctt3_BI .BI_inner .innertxt > p > b {font-size: 34px; color: #92BB46; font-weight: 600;}
.ctt3_BI .BI_LPE {position: relative; display: block; width: 100%; text-align: left; font-size: 26px; color: #878787; margin-top: 70px;}



/* con_rd 연구개발 */
.sub_cont6 {padding: 0;}
.sub_cont6 .rd0_con1 .rd0_con1t {text-align: center; padding: 190px 0 220px;}
.sub_cont6 .rd0_con1 .rd0_con1t h2 {font-size: 75px; line-height: 1.5; color: #92BB46; }
.rd0_con1t hr {display: block;width: 100px; margin-top: 70px;}
.sub_cont6 .rd0_con1 .rd0_con1t strong {font-size: 42px; font-weight: 700; line-height: 1.5;}
.sub_cont6 .rd0_con1 .rd0_con1t span {font-size: 38px; font-weight: 300; line-height: 1.5;}

.sub_cont6 .rd0_con2 {background: #F7F7F7; text-align: center; height: unset;padding: 140px 0 225px;}
.sub_cont6 .rd0_con2 .rd0_con2box {position: relative; display: flex; width: 1325px; margin: 0 auto; height: auto; margin-top: 170px; padding: 10px;}
.sub_cont6 .rd0_con2 .rd0_con2box li {float: unset; border: none; background: unset; width: 25%; padding: 0; height: auto;  max-height: unset;}
.sub_cont6 .rd0_con2 .rd0_con2box li .li_text {float: unset;  position: relative; width: 100%; display: block; padding: 0;}
.sub_cont6 .rd0_con2 .rd0_con2box li .li_icon {float: unset; width: 100%;height: 290px;}
.sub_cont6 .rd0_con2 .rd0_con2t {font-size: 60px; font-weight: 700;}
.sub_cont6 .rd0_con2 .rd0_con2box li .li_text strong {font-size: 35px; font-weight: 700;padding-bottom: 27px;}
.sub_cont6 .rd0_con2 .rd0_con2box li .li_text > span {line-height: 1.5;}
.sub_cont6 .rd0_con2  .li_text p {position: relative; display: block; margin-bottom: 20px; color:#000; font-size: 35px; font-weight: 700;}

.sub_cont6 .rd0_con3 {background: none; margin: 100px 0;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3t, .sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box li {color: #000;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box {overflow-y: unset; overflow-x: unset; height: auto; width:1245px; margin: 0 auto;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3t {font-size: 60px;font-weight: 700;text-align: center;padding: 20px 0 40px;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box li {padding: 20px 0; display: flex;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box li span {font-size: 30px; padding: 0; padding-left: 20px;}
.sub_cont6 .rd0_con3 .rd0_list3 .rd0_con3box li > b {font-size: 30px;}

.sub_cont6 .rd0_con4 {width: 100%; }
.sub_cont6 .rd0_con4 .rd0_list4 {width: 1920px; margin: 0 auto; background-image: url(/img/new_img/R&D1_bg.png); background-repeat: no-repeat;}
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4t {font-size: 60px;font-weight: 700;text-align: center;padding: 20px 0 40px;}
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box {width: 1325px; margin: 0 auto; display: flex;}
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li .rd0_con4text span {text-align: left;  padding: 30px 0 15px; margin-bottom: 15px; border-bottom: 3px solid #E2E2E2;}
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li .rd0_con4text P {text-align: justify; line-height: 1.5;}
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4st {position: relative; display: block; margin-bottom: 30px; text-align: center; font-size: 30px;}
.sub_cont6 .rd0_con4 .rd0_list4 .rd0_con4box li {padding: 0 20px;}

.sub_cont6 .rd0_con5 .rd0_con5box .rd0_con5t {font-size: 60px;font-weight: 700;text-align: center;padding: 20px 0 100px;}
.sub_cont6 .rd0_con5 .rd0_con5box .rd0_con5i {padding: 0;}
.sub_cont6 .rd0_con5 {padding:  140px 0 225px;}

.sub_cont6 .rd0_con6 {background: #F7F7F7;text-align: center; height: unset; padding: 140px 0 225px;}
.sub_cont6 .rd0_con6 .rd0_con6box .rd0_con6t {font-size: 60px;font-weight: 700;text-align: center;padding: 20px 0 100px;}
.rd0_ul .rd0_li .rd0_li_box {box-shadow: 8px 10px 16px rgba(0, 0, 0, 0.2);padding: 30px 0 !important;display: flex; align-items: center;flex-direction: column;justify-content: space-between; min-height: 320px; border: none !important;}


/* con_rd_4 컨설팅 */


.sub_cont7 .rd4_con1 .rd4_con1t { position: relative; display: block; width: 45%; padding: unset;}
.sub_cont7 {padding: 0;}
.sub_cont7 .rd4_con {width: 1325px;}
.sub_cont7 .rd4_con1 {position: relative; display: flex;padding: 180px 0 220px;}
.sub_cont7 .rd4_con1 .rd4_con1t h2 > span {font-size: 60px;}
.sub_cont7 .rd4_con1 .rd4_con1t h2 {font-size: 53px; line-height: 1.3; color: #92BB46; font-weight: 600;}
.sub_cont7 .rd4_con1 .rd4_con1i {position: relative; width: 55%;  display: flex;  top: unset; align-items: flex-end;}
.sub_cont7 .rd4_con1 .rd4_con1t p {font-size: 22px; color: #898989;}
.sub_cont7 .rd4_con1 .rd4_con1t strong {font-size: 34px; font-weight: 600;}

.sub_cont7 .rd4_con2 {width: 1325px; position: relative;display: flex; padding: 180px 0 220px; flex-direction: column;}
.sub_cont7 .rd4_con2 .rd4_con2box {margin-bottom: 220px; position: relative; display: flex;flex-wrap: wrap;    justify-content: center;}
.sub_cont7 .rd4_con2 .rd4_con2box li {position: relative; background: #F7F7F7; padding: 30px;  display: block;  float: none; border: 10px solid #fff;  width: 33%; height: unset;}
.sub_cont7 .rd4_con2 .rd4_con2box li .li_icon {height: 167px;display: flex; align-items: center; justify-content: center;}
.sub_cont7 .rd4_con2 .rd4_con2box li .li_text p {position: relative; display: block; text-align: center;padding: 16px 0; font-size: 32px; font-weight: 600; color: #222;}

.sub_cont7 .rd4_con3 {width: 100%; min-height: 1280px; display: flex; align-items: center; justify-content: center; background: url(/img/new_img/R&D2_bg.png) no-repeat center center; background-size: inherit;}
.sub_cont7 .rd4_con3 .rd4_con3_box {width: 1325px; font-size: 65px; color: #000;}
.sub_cont7 .rd4_con3 .rd4_con3_box .rd4_btn:hover {opacity: 70%;}
.sub_cont7 .rd4_con3 .rd4_con3_box .rd4_btn {margin: 85px auto; font-size: 29px; width: 295px; padding: 30px 0; border: 1px solid #CCCCCC; color: #000; transition: all 0.5s;}
.sub_cont7 .rd4_con3 .rd4_con3_box .rd4_btn > img {margin-bottom: 6px; margin-left: 10px;}

.sub_cont7 .rd4_con4 {width: 100%;padding: 188px 0 260px;}
.sub_cont7 .rd4_con4 .rd4_con4box {width: 1325px;}
.sub_cont7 .rd4_con4 .rd4_con4box li {margin: 30px;}
.sub_cont7 .rd4_con4 .rd4_con4box li > p {position: relative; display: block; font-size: 35px; font-weight: 600; color: #8DB347; margin-bottom: 20px;}
.sub_cont7 .rd4_con4 .rd4_con4_t {padding: 0; padding-bottom: 160px;}
.sub_cont7 .rd4_con4 .rd4_con4_t > p {font-size: 60px; font-weight: 700;}
.sub_cont7 .rd4_con4 .rd4_con4_t .rd4_con4_deco {margin: 50px auto; background: #898989;}
.sub_cont7 .rd4_con4 .rd4_con4_t span {font-size: 35px; font-weight: 600; margin-bottom: 20px;}
.sub_cont7 .rd4_con4 .rd4_con4_t strong {font-size: 48px; color: #92BB46;}


/* con_rd_1 밀배아 */
/* 밀배아 - 밀배아의 개요 */
.sub_cont5 {max-width: unset; padding: 0;}
.sub_cont5 .tab_wrap {padding: 0;}
.sub_cont5 hr {position: relative; display: block; width: 60px; margin: 100px auto;}
.tc_1 .tc_textbox, .tc_1 .st_textbox {width: 1325px; margin: 170px auto;}
.sub_cont5 .tab_wrap .tab_box {float: unset; width: 100%; padding-left: 0;}
.tab_cont .tc_title {text-align: center; font-size: 48px; color: #595959; padding: 0;}
.tab_cont .tc_title > b {font-size: 60px; color: #000; font-weight: 800;}
.t_cct_txt { position: relative; display: block;font-size: 32px; text-align: justify; font-weight: 400; color: #595959; line-height: 1.5;}
.t_cct_txt > b {font-size: 35px; font-weight: 700; color: #C79535;}
.tab_cont img {position: relative; display: block; margin: 120px auto;}
.tc_img_2 img {position: relative; display: block; margin: 120px auto;}
.tab_cont .tc_1 > hr {position: relative; display: block;width: 1325px;}
.tc_bg {width: 100% !important; background: url(/img/new_img/germ_img4_bg.png) no-repeat center bottom; background-size: inherit;}
.tc_1 {background: none; border: none; padding: 0;}
.tc_1 .tc_textbox .tc_list ul li .tc_limg {position: relative; display: inline-block; width: 310px; height: 310px;}
.tc_1 .tc_textbox .tc_list ul li .tc_limg > img {margin: 0 auto; width: 100%; height: 100%;}
.tc_1 .tc_textbox .tc_list ul li span {font-size: 25px; color: #000; font-weight: 500; margin-top: 30px; line-height: 1;}
.tc_1 .tc_textbox .tc_list ul li span > b { position: relative; display: block; font-size: 30px; color: #DBB856;}
.tab_cont .tc_text {position: relative; display: block; font-size: 26px; color: #898989; text-align: justify; word-break: break-all; padding: 140px 0 0;line-height: 1.5;}
.tc_2 {width: 1325px; margin: 0 auto; padding: 0;}
.tc_2 > div {margin-top: 80px; padding-right: 50px;}
.tc_2 > div:last-child {padding-right: 0; padding-left: 50px;}
.tc_2 > div .tc2_title {font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.tc_2 > div .tc2_text {font-size: 20px; color: #595959;}
.tc_2 > div .tc2_text > li {margin-bottom: 20px;    word-break: break-all;}
.sub_cont5 .tab_wrap .tab_box {border-top: 0;}

.tc_ma {margin-bottom: 100px;}

/* 밀배아 - 피부 트러블 시험 */
.research {width: 1520px; margin: 20px auto 290px; border: 7px solid #E6E6E6; padding: 95px;}
.research .research_title {font-size: 60px; color: #DBB856; font-weight: 800;}
.research .tc_textbox .research_text {margin-right: 50px;}
.research .tc_textbox .research_text .tc_title {font-weight:800; color: #000; text-align: left;}
.research .tc_textbox .research_text .research_t {font-size: 30px; font-weight: 800;}
.research .tc_textbox .research_text .research_t > b {color: #000; font-weight: 800;}
.research .tc_textbox .research_img {width: 40%;}
.research .tc_textbox .research_img > img {width: 100%; margin: 0 0 50px;}
.research .tc_textbox .research_text .tc_text {padding-left: 25px;color: #000;}
.evaluate {background: none;}
.evaluate .evaluate_t {text-align: center;font-size: 30px;font-weight: 800; width: 100%;} 
.tc_imgtext {background: url(/img/research_1img.png) no-repeat top left; margin-top: 30px; padding-top: 195px !important; padding-left: 0px !important; margin-left: 20px;}
.sub_cont5 .tab_wrap .tab_box .tab_cont {display: block;}
.sub_tc_txt {position: relative; display: block;width: 1520px; margin: 0 auto;}
.sub_tc {margin: 180px auto 0;}
.sub_tc_txt1 {position: relative; display: block; font-size: 40px; color: #000; font-weight: 700; text-align: left; margin-left: 95px; padding-bottom: 20px;}
.sub_tc_txt2 {position: relative; display: block; font-size: 40px; color: #000; font-weight: 700; text-align: center;padding-bottom: 20px;}
.author {position: relative; display: block; font-size: 57px; font-weight: 900; margin: 80px 0 65px;}
.author_inner {position: relative; display: flex; justify-content: space-between;  padding: 60px;}
.author_inner > img {width: 55%;}
.author_txt {position: relative; display: inline-block; padding: 10px 0; width: 40%;}
.author_txt img {position: relative; display: block; width: 100%;}
.author_txt img, .author_txt span {position: relative; display: block;}
.author_txt span {font-size: 25px; font-weight: 700; color: #595959; line-height: 1.5; }
.author_txt span:nth-child(2) {text-align: left;padding: 0 20px; margin: 20px 0; border-left: 1px solid #000;}
.author_txt span:nth-child(3) {text-align: right; margin-top: 455px; padding-bottom: 35px; border-bottom: 1px solid #000;}


/* 밀배아 - 면역 실험 */
.research2 .research2_box .research_t {font-size: 30px; font-weight: 800; padding-top: 50px;}
.research2 .research2_box .research_t > b {color: #000; font-weight: 800;}
.research2 .research2_box {display: flex; flex-wrap: wrap;justify-content: space-between;}
.research2 .research2_box .tc_text {padding: 20px 0; padding-left: 25px; color: #000;}
.wd_txt {position: relative; display: block; width: 60%;}
.research2 .tc_title {text-align: left; font-weight: 800; color: #000; margin: 20px 0;}
.research2 .research2_box .research2_btext {width: 100%;}
.research2 .research2_box .research2_bimg {position: relative; display: block; width: 35%;}
.research2_bimg > img {width: 100%; margin: 0;}

/* 밀배아 - 연구문헌 */
.research .dc_box {position: relative; display: flex; padding: 0 70px;flex-wrap: wrap; justify-content: space-between;}

.dc_box .dc_img {position: relative; display: block; width: 45%; padding: 0;}
.dc_box .dc_img > img {width: 100%; margin: 0;}
.dc_box .dc_text {width: 45%; padding: 130px 0;}
.dc_box .dc_text .dc_bimg {padding: 0;}
.dc_box .dc_text .dc_bimg > img {margin: 0; width: 100%;}
.dc_box .dc_text span {font-size: 20px; font-weight: 800; color: #000; margin-bottom: 30px; line-height: 1.5;}
.dc_info {position: relative; display: block; margin-top: 50px;}
.dc_info ul li {position: relative; display: block; text-align: left; font-size: 20px; color: #888888;}
.dc_info > span {position: relative; display: block; text-align: left; font-size: 20px; color: #888888; margin-top: 30px;}
.con_ht {margin-top: 120px;}

/* 밀배아 - 네트워크 */
.new_cont21329_img {position: relative; display: block; margin: 70px 0;}
.research .new_cont21329 .new_cont21329_img > img {position: relative; display: block; padding: 100px 0;}
.research .new_cont21329 img {margin: 0 auto; width: 100%;}
.new_cont21329 strong {font-size: 35px; font-weight: 800; color: #000;}
.new_cont21329 span {font-size: 20px; font-weight: 800; color: #000;}
.tc_textbox .tc_img img {margin: 0; padding: 0;}
.rd2_info_text > span {position: relative; display: block; font-size: 28px; color: #888888;}
.rd2_info_text  span:nth-child(2) {margin-left: 32px;}
.rd2_info_text > ul {position: relative; display: block; margin-top: 20px;}
.rd2_info_text > ul > li {position: relative; display: flex; font-size: 28px; color: #FF0000;}
.rd2_info_text > ul > li > img {position: relative; display: inline-block; margin: 0; margin-right: 10px;width: 30px;}
.tc_textbox .rd2_info_text {position: relative;display: block; width: 72%; margin-left: 28%;}

/* 귀리베타 */
.tc_1 .research2 .tc_title {color: #CF910E; margin-bottom: 55px; font-size: 36px;}
.tc_1 .research2 .research2_box .research_t {padding: 0;color: #CF910E;}
.tc_1 .research2 .research2_box .research2_btext {width: 60%;}
.tc_1 .research2 .research2_box .tc_text {margin-bottom: 40px;}
.tc_1 .research2_bimg > img {width: unset;}
.tc_1 .tc_text {list-style-type: unset;}
.tc_title2 {position: relative; display: block; text-align: left; font-size: 48px; color: #000; font-size: 40px;}

/* 두나리엘라 */
.TC_box1 .tc_textbox {position: relative;display: flex;width: 100%; justify-content: space-between;}
.TC_box1 .tc_textbox .tc_text { padding: 0; position: relative;display: block; width: 75%;}
.TC_box1 .tc_textbox .tc_img {width: 20%;}
.TC_box1 .tc_textbox .tc_img img {width: 100%;}
.value_box .value_text {color: #90B947; font-size: 33px;}
.value_2box {padding: 0;}
.value_2box img,.value_imgbox img, .rd3_rimg5 img, .tc_title2_img img {padding: 0; margin: 0;}
.value_3box .value_imgbox .value_imgt span {color: #90B947;}
.value_2box .value_text2 ul li {position: relative;display: flex;    align-items: flex-start;}
.value_2box .value_text2 ul li span {position: relative; display: block;}
.value_2box .value_text2 ul li img {position: relative; display: block;max-width: 20px !important; padding: 0 ; margin: 0; width: 20px; height: 20px;}
.rd3_research .rd3_rtitle {margin-top: 50px;color: #90B947;}
.rd3_research .rd3_rbox .rd3_rtext {color: #90B947;}
.rd3_research .rd3_rimg img {margin: 0; padding: 0; width: 100%;}
.tc_title2_img {position: relative; display: flex;margin-top: 50px;}
.tc_title2_img ul li {font-size: 20px; margin-bottom: 30px; color: #898989; line-height: 1.5;}
.tc_title2_img ul li span {position: relative; display: block; margin-top: 20px;}
.rd3_research .rd3_rimg {margin-bottom: 20px;}



/* 화장품원료 */
.cstc_main {position: relative; display: block; width: 100%; min-height: 880px; background: url(/img/bn_1bg.jpg) no-repeat center  top; background-size: cover;}
.cstc_main .cstc_txt {position: relative; display: block; width: 1500px; margin: 0 auto; height: 880px;color: #fff;text-align: left; padding: 280px 0;} 
.cstc_main .cstc_txt > span {font-size: 72px; font-weight: 600; color: #fff;}
.cstc_main .cstc_txt > p {line-height: 32px; text-align: left; font-weight: 200;font-size: 22px; color: #fff; padding-top: 12px;}
.cstc_wrap {position: relative; display: block; width: 1180px; margin: 0 auto;}
.cstc_wrap .cstc_inner1 {position: relative; display: block; margin-bottom: 280px;}
.cstc_wrap .cstc_inner1 > span {position: relative; display: block; margin: 130px 0; font-size: 62px; color: #000; font-weight: 800;}

.cstc_wrap .cstc_inner2 {position: relative; display: flex; width: 100%; height: auto; gap: 20px; margin-bottom: 35px;}
.cstc_wrap .cstc_inner2 li {position: relative; display: flex;flex-direction: column; justify-content: space-between; text-align: left; width: 33.333%; height: 500px; max-height: 500px; transition: all 0.8s; background-color: #000000; padding: 45px 25px;}
.cstc_wrap .cstc_inner2 li:hover {width: 80%;}
.cstc_wrap .cstc_inner2 li .cstc_inner_txt span, .cstc_wrap .cstc_inner2 li > p {position: relative; display: block; color: #fff;}
.cstc_wrap .cstc_inner2 li .cstc_inner_txt span {margin-bottom: 10px;}
.cstc_wrap .cstc_inner2 li .cstc_inner_txt span:nth-child(1) {font-size: 30px; font-weight: 600;}
.cstc_wrap .cstc_inner2 li .cstc_inner_txt span:nth-child(2) {font-size: 20px;}
.cstc_wrap .cstc_inner2 li > p {line-height: 17px; max-height: 330px; font-size: 14px; text-overflow: ellipsis;overflow: hidden; text-align: justify; display: -webkit-box; -webkit-line-clamp: 16; -webkit-box-orient: vertical;}

.cstc_wrap .cstc_inner2 .cstc_li1 {background: url(/img/bn_img1.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li2 {background: url(/img/bn_img2.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li3 {background: url(/img/bn_img3.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li4 {background: url(/img/bn_img4.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li5 {background: url(/img/bn_img5.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li6 {background: url(/img/bn_img6.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li7 {background: url(/img/bn_img7.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li8 {background: url(/img/bn_img8.jpg) no-repeat center center; background-size: cover;}
.cstc_wrap .cstc_inner2 .cstc_li9 {background: url(/img/bn_img9.jpg) no-repeat center center; background-size: cover;}