@charset "utf-8";

/*본고딕 100,200,300,400,500으로 사용가능*/

@media only screen and (min-width: 981px) and (max-width: 1250px) {


#content	{padding-left:20px !important; padding-right:20px !important;}
.cont_top	{padding:141px 20px 120px 20px !important;}

div.h3_history h3	{font:400 40px/48px "Noto Sans KR", sans-serif !important; transition:0.5s;}

p.leader_img		{width:40% !important; height:570px !important;}

ul.directors li.box div.dir_box	p.dire_position				{height:62px; font:300 16px/32px "Noto Sans KR", sans-serif !important;}
ul.directors li.box div.dir_box	p.dire_position span		{font:500 24px/30px "Noto Sans KR", sans-serif !important;}

ul.directors li.box div.dir_box div.list ul li	{font:200 15px/25px "Noto Sans KR", sans-serif !important;}

div.h3_history h3.p_20	{padding:15px 20px 20px 0 !important}

}



@media only screen and (min-width: 981px) {

.web	{display:block !important;}
.tablet	{display:none}
.mobile	{display:none}


#content	{max-width:1100px; padding:80px 0 160px 0; margin:0 auto;}
.cont_top	{padding-top:148px !important;}
.pat_0		{padding-top:0px !important;}
.pab_0		{padding-bottom:0px !important;}
.pab_16		{padding-bottom:160px !important;}


.loc_tab		{width:100%; margin-bottom:20px;}
.loc_tab a		{display:inline-block; box-sizing:border-box; width:50%; padding:20px; text-align:center; background:#f1f1f1; border:2px solid #f1f1f1; font:300 17px/20px "Noto Sans KR", sans-serif; color:#999;}
.loc_tab a.on	{border:2px solid #3e9f6c; background:#fff; font-weight:500; color:#3e9f6c}


.fix_bgimg	{margin:50px 0; width:100%; height:340px; background:url('/_img/web/cont/fix_bg.jpg')no-repeat 50% 50% / 100%; background-attachment:fixed}


div.h3_history							{width:100%; overflow:hidden; position:relative; padding-bottom:1px; margin-bottom:60px;}
div.h3_history.web						{display:block !important;}
div.h3_history:after					{content:""; position:absolute; bottom:0; left:0; width:100%; z-index:5; border-bottom:1px solid #e5e5e5;}
div.h3_history h3						{float:left; position:relative; box-sizing:border-box; padding:15px 60px 20px 0; min-width:200px; font:400 42px/48px "Noto Sans KR", sans-serif; color:#333; letter-spacing:-1px; transition:0.5s;}
div.h3_history h3.twolength_tit			{width:40%; word-break:keep-all;}
div.h3_history h3:after					{content:""; position:absolute; bottom:-1px; left:0; width:100%; z-index:9; border-bottom:1px solid #51ae7d;}
div.h3_history ol.history				{float:right; margin:40px 0 0 0;}
div.h3_history ol.twolength_tit			{position:absolute; bottom:20px; right:0;}
div.h3_history ol.history li			{display:inline-block; padding:0 10px 0 1px; font:200 16px/18px "Noto Sans KR", sans-serif; color:#aaa; background:url('/_img/web/cont/history_dot.png')no-repeat 100% 50%;}
div.h3_history ol.history li:last-child	{padding:0 0 0 1px; font:300 16px/18px "Noto Sans KR", sans-serif; color:#3e9f6c; background:none;}

h4			{font:300 32px/40px "Noto Sans KR", sans-serif; color:#333; margin-bottom:25px;}
.h4_cont	{margin-bottom:70px;}

.base_f		{font:300 17px/26px "Noto Sans KR", sans-serif; color:#555; margin-bottom:10px;}
.f_green	{color:#3e9f6c !important}
.f_light	{color:#fe9601}


/* 버튼 */
.last_btn				{text-align:center; padding-top:50px;} /*버튼패딩 및 가운데정렬*/
a.green_btn			{display:inline-block; padding:20px 80px 20px 35px; color:#fff; background:#feae01 url('../_img/web/cont/arrow.png')no-repeat 80% 50%; transition:0.5s;}
a.green_btn:hover		{background:#444 url('../_img/web/cont/arrow.png')no-repeat 80% 50%;}


/* 리스트 */
ul.dot_list				{width:100%;}
ul.dot_list li			{position:relative; margin:15px 0; padding-left:12px; font:300 17px/26px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
ul.dot_list li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#ccc; border-radius:10px;}

ul.dot_list_ta					{width:100%;}
ul.dot_list_ta li				{position:relative; margin-top:8px; padding-left:12px; font:200 16px/26px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
ul.dot_list_ta li:before		{content:""; position:absolute; top:12px; left:0; z-index:5; width:4px; height:4px; background:#b5c946; border-radius:10px;}
ul.dot_list_ta li:first-child	{margin:0px;}




/* 핵심기술 */
.bg_box		{margin:40px 0; padding:30px; width:100%; background:#f9f9f9; box-sizing:border-box;}
.web_box	{width:100%; max-width:1100px; margin:0 auto; padding:10px 0;}
.table_tit	{font:400 18px/26px "Noto Sans KR", sans-serif; color:#3e9f6c; margin-bottom:5px;}
.ta_remark	{text-align:right; font:200 15px/21px "Noto Sans KR", sans-serif; color:#999; margin-top:5px;}

table.base_line						{width:100%; border-top:2px solid #bbb}
table.base_line tr th				{padding:10px 15px; vertical-align:middle; text-align:center; background:#f5f5f5; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font:300 17px/26px "Noto Sans KR", sans-serif; color:#555;}
table.base_line tr td				{padding:10px 15px; vertical-align:middle; background:#fff; font:200 17px/26px "Noto Sans KR", sans-serif; color:#666; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
table.base_line tr th:first-child	{border-left:none;}
table.base_line tr td:first-child	{border-left:none;}
table.base_line tr td.txt_l			{text-align:left;}
table.base_line tr .b_c				{border-bottom:1px solid #c5c5c5;}
table.base_line tr td.bg			{font-weight:300; background:#f5f5f5; border-left:1px solid #ddd;}
table.base_line tr td p.cas_img		{margin:0 auto 10px auto;}
table.base_line tr td p.cas_img img	{width:153px;}


/*연혁*/
.his_web_box	{width:100%; max-width:1300px; margin:0 auto;}

ul.history_box						{width:100%; padding:66px 10px 0 10px; box-sizing:border-box;}
ul.history_box li.history_left		{width:100%; position:relative; opacity:1; transition:0.5s}
ul.history_box li.history_right		{width:100%; position:relative; opacity:1; transition:0.5s}
/* .his_view	{opacity:1 !important;} */

li.history_left p.year								{width:132px; height:132px; box-sizing:border-box; text-align:center; border-radius:50%; background:#feae01; padding-top:43px; font:500 21px/46px "Noto Sans KR", sans-serif; color:#fff; position:absolute; top:-66px; left:50%; margin-left:-66px; z-index:9;}
li.history_left div.his_cont						{display:table; width:100%;}
li.history_left div.his_cont p.img					{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;  text-align:right; padding:0 100px 0 0;}
li.history_left div.his_cont p.img img				{width:335px;}
li.history_left div.his_cont ul.list				{display:table-cell; vertical-align:middle; width:50%; padding:70px 0; box-sizing:border-box; border:1px solid #e5e5e5; border-radius: 0 300px 300px 0;}
li.history_left div.his_cont ul.list li				{margin:30px 0; padding:0 170px 0 40px; position:relative; word-wrap:break-word; word-break:keep-all;}
li.history_left div.his_cont ul.list li:before		{content:""; position:absolute; width:11px; height:11px; border-radius:6px; background:#e5e5e5; top:8px; left:-6px;}
li.history_left div.his_cont ul.list li span.green	{color:#51ae7d !important;}
li.history_left div.his_cont ul.list li span.mon	{display:inline-block; vertical-align:top; width:50px; font:400 17px/26px "Noto Sans KR", sans-serif; color:#444;}
li.history_left div.his_cont ul.list li span.cont	{display:inline-block; box-sizing:border-box; padding-left:10px; width:80%; vertical-align:top; font:300 17px/26px "Noto Sans KR", sans-serif; color:#666;word-wrap:break-word; word-break:keep-all;}
li.history_left div.his_cont ul.last_list			{border-left:1px solid #fff;}
li.history_left div.his_cont ul.last_list:before	{content:""; width:50px; height:100%; box-sizing:border-box; background:rgba(0,0,0,0); border-left:1px solid #e5e5e5; position:absolute; top:0; left:50%; margin-left:0px; z-index:7;}
li.history_left div.his_cont ul.last_list:after		{content:""; width:20px; height:20px; box-sizing:border-box; border-radius:50%; background:#feae01; position:absolute; bottom:-10px; left:50%; margin-left:-9px; z-index:9;}

li.history_right p.year							{width:132px; height:132px; box-sizing:border-box; text-align:center; border-radius:50%; background:#fff; border:1px solid #e5e5e5; padding-top:43px; font:500 21px/46px "Noto Sans KR", sans-serif; color:#555; position:absolute; top:-66px; left:50%; margin-left:-66px; z-index:9;}
li.history_right div.his_cont					{display:table; width:100%;}
li.history_right div.his_cont p.img				{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;  text-align:right; padding:0 100px 0 0;}
li.history_right div.his_cont p.img img			{width:335px;}
li.history_right div.his_cont ul.list			{display:table-cell; vertical-align:middle; width:50%; padding:70px 0; box-sizing:border-box; border:1px solid #e5e5e5; border-radius: 5000px 0 0 5000px;}
li.history_right div.his_cont ul.list li		{margin:30px 0; padding:0 40px 0 170px; position:relative; font:300 17px/26px "Noto Sans KR", sans-serif; color:#555; text-align:right; word-wrap:break-word; word-break:keep-all;}
li.history_right div.his_cont ul.list li:before	{content:""; position:absolute; width:11px; height:11px; border-radius:6px; background:#e5e5e5; top:8px; right:-6px;}
li.history_right div.his_cont ul.list li span.green	{color:#51ae7d !important;}
li.history_right div.his_cont ul.list li span.mon	{display:inline-block; vertical-align:top; width:50px; font:400 17px/26px "Noto Sans KR", sans-serif; color:#444;}
li.history_right div.his_cont ul.list li span.cont	{display:inline-block; box-sizing:border-box; padding-right:10px; width:80%; vertical-align:top; font:300 17px/26px "Noto Sans KR", sans-serif; color:#666;word-wrap:break-word; word-break:keep-all;}



/* 오시는길 */
div.location				{width:100%;}
div.location .map			{width:100%; border:1px solid #ddd; height:500px; margin-bottom:50px;}

ul.location_info			{width:100%; box-sizing:border-box; border:1px solid #ddd; background:#f9f9f9; padding:10px 50px;}
ul.location_info li			{margin:30px 0;}
ul.location_info li	p.tit	{display:inline-block; padding-left:12px; width:80px; background:url('/_img/web/cont/green_dot.png')no-repeat 0 0; font:400 18px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li	p.text	{display:inline-block; font:300 16px/18px "Noto Sans KR", sans-serif; color:#444}

ul.location_info li.email								{overflow:hidden;}
ul.location_info li.email p.tit							{float:left; padding-left:12px; margin-top:5px; width:80px; background:url('/_img/web/cont/green_dot.png')no-repeat 0 0; font:400 18px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li.email ul.cont						{float:left;}
ul.location_info li.email ul.cont li					{display:inline-block; margin:0 auto; font:300 16px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li.email ul.cont li span.email_box		{display:inline-block; padding:3px 10px 4px 10px; margin-right:6px; background:#feae01; border-radius:50px; font:400 14px/16px "Noto Sans KR", sans-serif; color:#fff}
ul.location_info li.email ul.cont li:first-child		{margin-right:30px;}
ul.location_info li.email ul.cont li a					{font:300 16px/18px "Noto Sans KR", sans-serif; color:#444; text-decoration:underline; text-decoration-color:#feae01 }
ul.location_info li.email ul.cont li a:hover			{color:#fe9601}

ul.location_traffic						{width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding:22px 0; box-sizing:border-box;}
ul.location_traffic li					{float:left; width:50%; box-sizing:border-box; text-align:center;}
ul.location_traffic li:first-child		{ border-right :1px solid #eee;}
ul.location_traffic li p				{display:inline-block; font:400 16px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_traffic li p.subway			{padding:13px 0 13px 55px; background:url('/_img/web/cont/subway.png')no-repeat 0 0;}
ul.location_traffic li p.subway span	{display:inline-block; padding:2px 8px; margin-right:10px; border-radius:3px; border:2px solid #2cba3b; font:500 14px/16px "Noto Sans KR", sans-serif; color:#2cba3b}
ul.location_traffic li p.bus			{padding:13px 0 13px 60px; background:url('/_img/web/cont/bus.png')no-repeat 0 50%;}
ul.location_traffic li p.bus span		{display:inline-block; padding:4px 12px;  margin-right:10px; border-radius:3px; background:#50ad7d; font:500 14px/16px "Noto Sans KR", sans-serif; color:#fff}



/*신문자료*/
ul.s_news_list							{border-top:2px solid #e5e5e5;}
ul.s_news_list li						{padding:35px 0; border-bottom:1px solid #ddd; overflow:hidden}
ul.s_news_list li.no_data				{padding:125px 0 55px 0 !important; background:#f5f5f5 url('/_img/pc/cont/no_data.png')no-repeat 50% 30%; cursor:default !important;}
ul.s_news_list li .img					{float:left; width:25%; height:180px; overflow:hidden; box-sizing:border-box;}
ul.s_news_list li .img img				{width:100%;  height:100%; -moz-transition:all 300ms; -o-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms;}

ul.s_news_list li .noimg				{clear:both !important; width:100% !important; padding:0px !important;}

ul.s_news_list li .text_box				{float:left; width:75%; padding-left:30px; box-sizing:border-box}
ul.s_news_list li .text_box .tit02		{font:400 15px/25px "Noto Sans KR", sans-serif; color:#fe9601; }
ul.s_news_list li .text_box .tit		{float:left; max-width:82%; font:500 20px/30px "Noto Sans KR", sans-serif; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.s_news_list li .text_box .tit_wrap	{overflow:hidden;}
ul.s_news_list li .text_box .tit_wrap span.file		{display:inline-block; width:16px; height:18px; margin:9px 0 0 5px; background:url('/_img/web/cont/file_img02.png') no-repeat 0 0 / 16px;}
ul.s_news_list li .text_box .date		{float:right; width:15%; text-align:right; font:300 16px/24px "Noto Sans KR", sans-serif; color:#999}
ul.s_news_list li .text_box .text		{margin-top:15px; height:48px; font:300 16px/24px "Noto Sans KR", sans-serif; color:#888; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; }
ul.s_news_list li .text_box .text p 	{font:300 16px/24px "Noto Sans KR", sans-serif !important; color:#888; }

ul.s_news_list li:hover .img			{overflow:hidden; background:#000}
ul.s_news_list li:hover .img img		{transform:scale(1.2); opacity:0.8}
ul.s_news_list li:hover .text_box .tit	{text-decoration:underline}
ul.s_news_list li:hover .text_box .text	{text-decoration:underline}
ul.s_news_list li:hover					{cursor:pointer}

ul.s_news_list li .more					{margin-top:25px;}
ul.s_news_list li .more a				{display:inline-block; vertical-align:middle; padding:5px 10px; border-radius:20px; font:400 14px/20px "Noto Sans KR", sans-serif; color:#fe9601; background:#fff; border:2px solid #feae01; -webkit-transition: all 0.5s; transition: all 0.5s}
ul.s_news_list li:hover .more a			{background:#feae01; color:#fff;}
ul.s_news_list li .more a.link			{padding-right:30px; background:url('/_img/web/cont/btn_link.png')no-repeat 90% 50%;}
ul.s_news_list li:hover .more a.link	{background:#feae01 url('/_img/web/cont/btn_link_on.png')no-repeat 90% 50%;}
ul.s_news_list li.no_cont				{cursor:default !important; text-align:center; padding:137px 0 30px 0; color:#999; background:url('/_img/web/cont/no_list.png')no-repeat 50% 33% / 170px #f9f9f9;}

/* 투자회사 */
div.invest_bg			{width:100%; height:172px; background:url('/_img/web/cont/investment_img.jpg') no-repeat 100% 0;}
div.invest_bg .t01		{padding:40px 0 0 50px; font:200 34px/44px "Noto Sans KR", sans-serif !important; color:#0f8448; transition:0.5s;}
div.invest_bg .t02		{padding:5px 0 0 50px; font:100 23px/33px "Noto Sans KR", sans-serif !important; color:#777; transition:0.5s;}

ul.invest_list						{width:100%; padding:50px 0 0 0;}
ul.invest_list li					{width:30%; display:inline-block; padding:0 5% 20px 0;}
ul.invest_list li:nth-child(3n)		{padding:0 0 20px 0;}
ul.invest_list li a					{display:block; border:1px solid #dddddd; transform:rotateY(0); width:100%; }
/*ul.invest_list li a img			{width:100%; box-sizing:border-box; border:1px solid #dddddd; transform:rotateY(0);}*/
ul.invest_list li a.animation		{transform:rotateY(360deg); transition:all 3s;}
ul.invest_list li a img				{width:100%;}

/* 협력회사 */
ul.invest_list02					{width:100%; margin-bottom:30px;}
ul.invest_list02 li					{width:25%; box-sizing:border-box; display:inline-block;}
ul.invest_list02 li:nth-child(4n+1)	{padding:0 9px 12px 0;}
ul.invest_list02 li:nth-child(4n+2)	{padding:0 6px 12px 3px;}
ul.invest_list02 li:nth-child(4n+3)	{padding:0 3px 12px 6px;}
ul.invest_list02 li:nth-child(4n+4)	{padding:0 0 12px 9px;}
ul.invest_list02 li a				{display:block; box-sizing:border-box; border:1px solid #dddddd; transform:rotateY(0); width:100%; }
ul.invest_list02 li a img			{width:100%;}

/*함께해요*/
p.car_vsl			{width:100%; height:260px; background:url('/_img/web/cont/career.jpg')no-repeat 50% 50% /cover;}
p.inn_vsl			{width:100%; height:260px; background:url('/_img/web/cont/innovation.jpg')no-repeat 50% 50% /cover;}
p.con_vsl			{width:100%; height:260px; background:url('/_img/web/cont/contribute.jpg')no-repeat 50% 50% /cover;}

.join_box					{width:100%; padding:70px 40px 0 40px; box-sizing:border-box;}
p.join_tit					{padding:5px 0 0 40px; font:200 36px/51px "Noto Sans KR", sans-serif; color:#30905e; background:url('/_img/web/cont/quotes.png') no-repeat 0 0}
p.join_tit span				{font-weight:700;}
div.join_cont				{padding:30px 40px 160px 40px; position:relative;}
div.join_cont p.cont		{font:300 17px/25px "Noto Sans KR", sans-serif; color:#555}
div.join_cont p.cont span	{font-weight:500; color:#444}

div.join_cont02									{padding:30px 40px 0px 40px; position:relative;}
div.join_cont02 p.cont							{font:300 17px/25px "Noto Sans KR", sans-serif; color:#555}
div.join_cont02 p.cont span						{font-weight:500; color:#444}
div.join_cont02 ul.video						{width:100%; overflow:hidden; margin:20px 0 0 0;}
div.join_cont02 ul.video li						{float:left; width:50%; box-sizing:border-box; padding-left:20px; margin:12px 0;}
div.join_cont02 ul.video li:nth-child(2n+1)		{padding-left:0px;}
div.join_cont02 ul.video li a					{display:block; width:100%; height:280px; background:#000; position:relative;}
div.join_cont02 ul.video li a img				{width:100%; height:100%; opacity:0.5}
div.join_cont02 ul.video li a:after				{content:""; position:absolute; top:50%; left:50%; z-index:5; margin:-35px 0 0 -41px; display:block; width:83px; height:83px; background:url('/_img/web/cont/video.png') no-repeat 50% 50% / 70px ; transition:0.3s;}
div.join_cont02 ul.video li a:hover:after		{background:url('/_img/web/cont/video_on.png') no-repeat 50% 50% / 70px ;}
div.join_cont02 ul.video li p.tit				{width:100%; padding:10px;  box-sizing:border-box; background:#333; font:200 17px/21px "Noto Sans KR", sans-serif; color:#fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}

div.join_cont02 ul.video li.no_cont				{width:100%; border-top:1px solid #ddd; text-align:center; padding:187px 0 80px 0; border-bottom:1px solid #ddd;font:300 16px/26px "Noto Sans KR", sans-serif !important; color:#999; background:url('/_img/web/cont/no_list.png')no-repeat 50% 75px / 170px #f9f9f9;}


.join_mail				{position:absolute; bottom:0; left:0; z-index:5; width:100%; box-sizing:border-box; height:108px; padding-top:38px; text-align:center; font:200 17px/25px "Noto Sans KR", sans-serif; color:#444; background:url('/_img/web/cont/join_mail.png') no-repeat 0 0 / 100% 100%}
/*.join_mail:before		{content:""; position:absolute; top:-80px; right:45px; z-index:5; width:152px; height:125px; background:url('/_img/web/cont/join_mail_01.png') no-repeat 50% 50% /85%; transform:translate3d(50px,-30px,0) scale3d(0.9,0.9,1);}
.join_mail:after		{content:""; position:absolute; bottom:-18px; left:130px; z-index:5; width:83px; height:50px; background:url('/_img/web/cont/join_mail_02.png') no-repeat 50% 50%;}*/
.join_mail img			{margin:-10px 5px 0 0;}
.join_mail a.mail		{font:200 17px/24px "Noto Sans KR", sans-serif; color:#444; text-decoration:underline; text-decoration-color:#feae01 }
.join_mail a.btn		{margin-left:15px; padding:8px 13px; font:200 16px/21px "Noto Sans KR", sans-serif; color:#fff; border-radius:3px; background:#50ad7d; transition:0.3s;}
.join_mail a.btn:hover	{background:#444;}

p.join_mail span.join_mail_01			{position:absolute; top:-80px; right:45px; z-index:5; width:152px; height:125px; background:url('/_img/web/cont/join_mail_01.png') no-repeat 50% 50% /85%; transform:translate3d(50px,-30px,0) scale3d(0.9,0.9,1);}
p.join_mail span.ani01					{transform:translate3d(0,0,0) scale3d(1,1,1); transition:all 2s; transition-delay: 0.5s;}
p.join_mail span.join_mail_02			{position:absolute; bottom:-18px; left:130px; z-index:5; width:83px; height:50px; background:url('/_img/web/cont/join_mail_02.png') no-repeat 50% 50%; transform:translate3d(-60px,30px,0) scale3d(0.6,0.6,1);}
p.join_mail span.ani02					{transform:translate3d(0,0,0) scale3d(1,1,1); transition:all 2s;}



div.layer			{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
div.layer .bg		{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
div.layer2			{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
div.layer2 .bg		{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}


.pop-layer			{position:absolute; background:#000; top: 50%; left: 50%; margin:-100px 0 0 210px; width:800px; height:450px; z-index: 10;}
.pop-layer a.cbtn	{position:absolute; top:5px;; right:-52px; z-index:100000; display:block; width:40px; height:45px; background:url('/_img/web/cont/pop_close.png') no-repeat 50% 50% /40px}



/*리더십*/

div.leader_box					{overflow: hidden;}
div.leader_box p.leader_img		{float:right; width:440px; height:550px; background:#ddd; background:url('/_img/web/cont/leader.jpg')no-repeat 38% 50% / cover;}
div.leader_box div.leder_cont	{float:left; width:60%; box-sizing:border-box; padding-right:20px;}

p.leader_tit 		{padding:40px 0 0 0; position:relative; font:300 40px/50px "Noto Sans KR", sans-serif; color:#333; background:url('/_img/web/cont/quotes.png') no-repeat 0 10px;}
p.leader_tit span	{font-weight:700; color:#50ad7d;}
p.leader_tit:before	{content:""; position:absolute; bottom:-15px; left:0; z-index:9; width:120%; height:2px; background-color:#50ad7d; }
p.leader_tit:after	{content:""; position:absolute; bottom:-19px; left:120%; z-index:9; width:10px; height:10px; border-radius:5px; background-color:#50ad7d; }

ul.leader_history					{margin-top:45px;}
ul.leader_history li				{margin:8px 0; overflow:hidden;}
ul.leader_history li p.tit			{float:left; margin-right:15px; font:300 17px/25px "Noto Sans KR", sans-serif; color:#555; position:relative; padding-left:12px; }
ul.leader_history li p.tit:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:5px; height:5px; border-radius:3px; background-color:#feae01;}
ul.leader_history li p.t_wi			{width:120px;}
ul.leader_history li .sub			{float:left; font:200 17px/25px "Noto Sans KR", sans-serif ; color:#888;}
ul.leader_history li .sub li		{margin:0 0 5px 0; word-wrap:break-word; word-break:keep-all;}
ul.leader_history li .s_wi			{width:70%}



.bg_box02			{margin-top:80px; padding:30px; width:100%; background:#f9f9f9; box-sizing:border-box;}
.bg_box02 .web_box	{width:100%; max-width:1100px; margin:0 auto; padding:30px 0 15px 0;}


ul.directors						{width:100%; overflow:hidden; margin-bottom:30px;}
ul.directors li.box					{float:left; width:33%; padding:0 12px 19px 0; box-sizing:border-box;}
ul.directors li.box:nth-child(3n+2)	{width:34%; padding:0 7px 19px 7px;}
ul.directors li.box:nth-child(3n+3)	{padding:0 0 19px 12px;}
ul.directors li.box div.dir_box		{width:100%; padding:20px 10px 15px 10px; box-sizing:border-box; border:1px solid #e5e5e5; border-bottom: 2px solid #30905e; background: white url('/_img/web/cont/director_background.png') no-repeat 50% 50%; box-sizing: border-box; margin-right:2%;}

ul.directors li.box div.dir_box	p.dire_position				{text-align: center; height:62px; font:300 17px/32px "Noto Sans KR", sans-serif; color:#999;  position:relative;}
ul.directors li.box div.dir_box	p.dire_position span		{display:block; font:500 28px/30px "Noto Sans KR", sans-serif; color:#30905e;}
ul.directors li.box div.dir_box	p.dire_position span.top	{padding-top:20px;}
ul.directors li.box div.dir_box p.dire_position::after		{content:""; position:absolute; bottom:-15px; left:50%; margin-left:-14px; z-index:5; width:28px; height:1px; background-color:#30905e;}

ul.directors li.box div.dir_box div.list				{display:table; height:90px; width:100%; margin-top:20px;}
ul.directors li.box div.dir_box div.h_110				{height:110px !important;}
ul.directors li.box div.dir_box div.list ul				{width:100%; display:table-cell; vertical-align:middle}
ul.directors li.box div.dir_box div.list ul li			{text-align:center; font:200 16px/26px "Noto Sans KR", sans-serif; color:#888;}
ul.directors li.box div.dir_box div.list ul li.en_long	{line-height:19px !important;}

/*유전자 가위, 바이오의약품 제품*/
ul.product					{width:100%;}
ul.product > li				{border-bottom:1px solid #ddd; width:100%; box-sizing:border-box; display:table; padding:40px 15px;}
ul.product > li p.img		{display:table-cell; width:30%; /* height:100%; */}
ul.product > li .pro01		{background:url('/_img/web/cont/pro_01.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro02		{background:url('/_img/web/cont/pro_02.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro03		{background:url('/_img/web/cont/pro_03.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro04		{background:url('/_img/web/cont/pro_04.jpg')no-repeat 50% 50% / cover; height:250px;}

ul.product > li .prod01		{border:1px solid #ddd; box-sizing:border-box; background:url('/_img/web/cont/product_01.jpg')no-repeat 50% 50% / 100% auto}
ul.product > li .prod02		{background:url('/_img/web/cont/product_02.jpg')no-repeat 50% 50% / cover}

ul.product > li	div.cont	{display:table-cell; width:70%; padding:10px 0; box-sizing:border-box; padding-left:30px; vertical-align:middle;}
ul.product > li:first-child	{padding-top:0px;}
ul.product > li:last-child	{border-bottom:none; padding-bottom:0px;}
ul.product > li ul.dot_list li:last-child	{margin-bottom:0px;}

/*홍보영상*/
div.media_box div.tit_wrap{width:100%; border-bottom:solid 1.5px #e5e5e5;}
div.media_box div.tit_wrap p.tit{color:#51ae7d; font:500 25px/24px "Noto Sans KR", sans-serif; margin:25px 0 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

div.media_box									{position:relative;}
div.media_box p.m_main					{width:100%;}
div.media_box p.m_main img			{width:100%;}
div.media_box p.m_main_play			{ cursor:pointer; opacity:0.5; position:absolute; background:rgba(0,0,0,0.3) url('../_img/web/cont/media_play.png')no-repeat 50% 50% ; width:100%;}
div.media_box p.m_main_play img	{width:100%;}
div.media_box p.m_main_play:hover{opacity:1; background:rgba(0,0,0,0) url('../_img/web/cont/media_play.png')no-repeat 50% 50% ; width:100%; transition:0.3s;}

div.media_list_wrap{width:100%; padding-top:45px;}

div.media_list_wrap ul.media_list								{overflow:hidden;}
div.media_list_wrap ul.media_list li							{position:relative; cursor:pointer; float:left;width:31%; margin-right:3.5%;}
div.media_list_wrap ul.media_list li:nth-child(3n)		{margin-right:0;}
div.media_list_wrap ul.media_list li p:nth-child(2)		{width:100%;}
div.media_list_wrap ul.media_list li p img					{width:100%;}

div.media_list_wrap ul.media_list li p.media_play				{opacity:0.5; background:url('/_img/web/cont/media_list_play.png')no-repeat 50% 50% / cover; position:absolute;}
div.media_list_wrap ul.media_list li:hover p.media_play	{opacity:1; transition:0.3s;}

div.media_list_wrap ul.media_list li p.media_play				{width:100%; background:rgba(0,0,0,0.4) url('/_img/web/cont/media_list_play.png')no-repeat 50% 50%;}
div.media_list_wrap ul.media_list li p.media_play img		{width:100%;}
div.media_list_wrap ul.media_list li:hover p.media_play	{width:100%; background:rgba(0,0,0,0) url('/_img/web/cont/media_list_play.png')no-repeat 50% 50%; transition:0.3s;}

div.media_list_wrap ul.media_list li p.tit				{ font:500 19px/24px "Noto Sans KR", sans-serif; margin:12px 0 35px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.media_list_wrap ul.media_list li p.tit	a			{color:#333;}
div.media_list_wrap ul.media_list li:hover p.tit	 a	{color:#feae01; transition:0.3s;}

div.media_list_wrap p.pagenation {clear:both; margin-bottom:170px;}


/* 코로나19 */
div.covid_box p.base_f{margin-top:40px;}
div.covid_box ul.dot_list{margin-top:28px;}
div.covid_box p.covid_img{width:100%;}
div.covid_box p.covid_img img{width:100%; background:url('/_img/web/cont/plant_covid19.jpg')no-repeat 50% 50% / cover; }

div.covid_box p.p_remark{margin-top:30px; color:#999; font:200 16px/21px "Noto Sans KR",sans-serif;}
}




/********** 타블렛 **********/


@media only screen and (min-width: 800px) and (max-width: 980px) {

/* 핵심기술 */

p.leader_tit:before	{width:80% !important; transition:0.3s}
p.leader_tit:after	{left:80% !important; transition:0.3s}

}


@media only screen and (min-width: 640px) and (max-width: 980px) {
.tablet {display:block !important;}
.mobile {display:none}
.web	{display:none}


#content	{width:100%; padding:40px 20px 80px  20px; box-sizing:border-box;}
.pat_0		{padding-top:0px !important;}
.pab_0		{padding-bottom:0px !important;}
.pab_16		{padding:0 20px 80px 20px !important;}

.loc_tab		{width:100%; margin-bottom:15px;}
.loc_tab a		{display:inline-block; box-sizing:border-box; width:50%; padding:15px; text-align:center; background:#f1f1f1; border:2px solid #f1f1f1; font:300 16px/18px "Noto Sans KR", sans-serif; color:#999;}
.loc_tab a.on	{border:2px solid #3e9f6c; background:#fff; font-weight:500; color:#3e9f6c}


.fix_bgimg	{margin:30px 0 0 0; width:100%; height:250px; background:url('/_img/ta/cont/fix_bg.jpg')no-repeat 50% 50% / auto 100%; background-attachment:fixed}

div.h3_history							{width:100%; padding:0 0 8px 0; margin-bottom:50px; border-bottom:1px solid #e5e5e5;}
div.h3_history h3						{position:relative; box-sizing:border-box; padding:12px 40px 5px 0px; min-width:150px; font:400 32px/36px "Noto Sans KR", sans-serif; color:#333; letter-spacing:-1px; transition:0.5s;}
div.h3_history ol.history				{display:inline-block; margin-bottom:5px; padding-right:85px; position:relative;}
div.h3_history ol.history :after		{content:""; position:absolute; bottom:-14px; left:0px; width:100%; z-index:9; border-bottom:1px solid #51ae7d;}
div.h3_history ol.history li			{display:inline-block; padding:0 10px 0 2px; font:200 14px/16px "Noto Sans KR", sans-serif; color:#aaa; background:url('/_img/ta/cont/history_dot.png')no-repeat 100% 50% / 3px auto;}
div.h3_history ol.history li:last-child	{padding:0 0 0 1px; font:300 14px/16px "Noto Sans KR", sans-serif; color:#3e9f6c; background:none;}

h4			{font:300 30px/36px "Noto Sans KR", sans-serif; color:#333; margin-bottom:20px;}
.h4_cont	{margin-bottom:55px;}

.base_f		{font:300 16px/25px "Noto Sans KR", sans-serif; color:#555; margin-bottom:12px;}
.f_green	{color:#3e9f6c}
.f_light	{color:#fe9601}

/* 버튼 */
.last_btn		{text-align:center; padding-top:35px;} /*버튼패딩 및 가운데정렬*/
a.green_btn		{display:inline-block; font:400 16px/17px "Noto Sans KR", sans-serif; padding:18px 68px 18px 35px; color:#fff; background:#feae01 url('../_img/ta/cont/arrow.png')no-repeat 80% 50% / 28px;}



/* 리스트 */
ul.dot_list				{width:100%;}
ul.dot_list li			{position:relative; margin:15px 0; padding-left:10px; font:300 16px/25px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
ul.dot_list li:before	{content:""; position:absolute; top:10px; left:0; z-index:5; width:4px; height:4px; background:#ccc; border-radius:10px;}

ul.dot_list_ta					{width:100%;}
ul.dot_list_ta li				{position:relative; margin-top:8px; padding-left:10px; font:200 15px/24px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
ul.dot_list_ta li:before		{content:""; position:absolute; top:10px; left:0; z-index:5; width:4px; height:4px; background:#b5c946; border-radius:10px;}
ul.dot_list_ta li:first-child	{margin:0px;}




/* 핵심기술 */
.bg_box		{margin:30px 0; padding:30px; width:100%; background:#f9f9f9; box-sizing:border-box;}
.table_tit	{font:400 17px/24px "Noto Sans KR", sans-serif; color:#3e9f6c; margin-bottom:7px;}
.ta_remark	{text-align:right; font:200 14px/21px "Noto Sans KR", sans-serif; color:#999; margin-top:5px;}

table.base_line						{width:100%; border-top:2px solid #bbb}
table.base_line tr th				{padding:10px 15px; vertical-align:middle; text-align:center; background:#f5f5f5; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font:300 16px/25px "Noto Sans KR", sans-serif; color:#555;}
table.base_line tr td				{padding:10px 15px; vertical-align:middle; background:#fff; font:200 16px/25px "Noto Sans KR", sans-serif; color:#666; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
table.base_line tr th:first-child	{border-left:none;}
table.base_line tr td:first-child	{border-left:none;}
table.base_line tr td.txt_l			{text-align:left;}
table.base_line tr .b_c				{border-bottom:1px solid #c5c5c5;}
table.base_line tr td.bg			{font-weight:300; background:#f5f5f5;}
table.base_line tr td p.cas_img		{margin:0 auto 10px auto;}
table.base_line tr td p.cas_img img	{width:120px; height:auto;}

/*연혁*/
ul.history_box						{width:100%; padding-top:44px;}
ul.history_box li.history_left		{width:100%; position:relative; opacity:1; transition:0.5s}
ul.history_box li.history_right		{width:100%; position:relative; opacity:1; transition:0.5s}
/* .his_view	{opacity:1 !important;} */

li.history_left p.year							{width:100px; height:100px; box-sizing:border-box; text-align:center; border-radius:50%; background:#feae01; padding-top:43px; font:500 19px/11px "Noto Sans KR", sans-serif; color:#fff; position:absolute; top:-50px; left:50%; margin-left:-50px; z-index:9;}
li.history_left div.his_cont					{display:table; width:100%;}
li.history_left div.his_cont p.img				{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;  text-align:left; padding:0 0 0 55px;}
li.history_left div.his_cont p.img img			{width:83%;}
li.history_left div.his_cont ul.list			{display:table-cell; vertical-align:middle; width:50%; padding:70px 0; box-sizing:border-box; border:1px solid #e5e5e5; border-radius: 0 80px 80px 0;}
li.history_left div.his_cont ul.list li			{margin:17px 0; padding:0 40px 0 30px; position:relative;}
li.history_left div.his_cont ul.list li:before	{content:""; position:absolute; width:10px; height:10px; border-radius:6px; background:#e5e5e5; top:7px; left:-5px;}
li.history_left div.his_cont ul.list li span.green	{color:#51ae7d !important;}
li.history_left div.his_cont ul.list li span.mon	{display:inline-block; vertical-align:top; width:40px; font:400 15px/22px "Noto Sans KR", sans-serif; color:#444;}
li.history_left div.his_cont ul.list li span.cont	{display:inline-block; box-sizing:border-box; width:80%; vertical-align:top; font:300 15px/22px "Noto Sans KR", sans-serif; color:#666;word-wrap:break-word; word-break:keep-all;}
li.history_left div.his_cont ul.last_list			{border-left:1px solid #fff;}
li.history_left div.his_cont ul.last_list:before	{content:""; width:50px; height:100%; box-sizing:border-box; background:rgba(0,0,0,0); border-left:1px solid #e5e5e5; position:absolute; top:0; left:50%; margin-left:0px; z-index:7;}
li.history_left div.his_cont ul.last_list:after		{content:""; width:16px; height:16px; box-sizing:border-box; border-radius:50%; background:#feae01; position:absolute; bottom:-8px; left:50%; margin-left:-8px; z-index:9;}

li.history_right p.year							{width:100px; height:100px; box-sizing:border-box; text-align:center; border-radius:50%; background:#fff; border:1px solid #e5e5e5; padding-top:43px; font:500 19px/11px "Noto Sans KR", sans-serif; color:#555; position:absolute; top:-50px; left:50%; margin-left:-50px; z-index:9;}
li.history_right div.his_cont					{display:table; width:100%;}
li.history_right div.his_cont p.img				{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;  text-align:right; padding:0 55px 0 0;}
li.history_right div.his_cont p.img img			{width:83%;}
li.history_right div.his_cont ul.list			{display:table-cell; vertical-align:middle; width:50%; padding:70px 0; box-sizing:border-box; border:1px solid #e5e5e5; border-radius: 80px 0 0 80px;}
li.history_right div.his_cont ul.list li		{margin:17px 0; padding:0 30px 0 40px; position:relative; font:300 15px/22px "Noto Sans KR", sans-serif; color:#555; text-align:right;}
li.history_right div.his_cont ul.list li:before		{content:""; position:absolute; width:10px; height:10px; border-radius:6px; background:#e5e5e5; top:7px; right:-5px;}
li.history_right div.his_cont ul.list li span.green	{color:#51ae7d !important;}
li.history_right div.his_cont ul.list li span.mon	{display:inline-block; vertical-align:top; width:40px; font:400 15px/22px "Noto Sans KR", sans-serif; color:#444;}
li.history_right div.his_cont ul.list li span.cont	{display:inline-block; box-sizing:border-box; width:80%; vertical-align:top; font:300 15px/22px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}



/* 오시는길 */
div.location				{width:100%;}
div.location .map			{width:100%; border:1px solid #ddd; height:380px; margin-bottom:45px;}

ul.location_info				{width:100%; box-sizing:border-box; border:1px solid #ddd; background:#f9f9f9; padding:10px 30px;}
ul.location_info li				{margin:30px 0;}
ul.location_info li	p.tit		{display:inline-block; padding-left:12px; width:80px; background:url('/_img/ta/cont/green_dot.png')no-repeat 0 0 / 5px auto; font:400 17px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li	p.text		{display:inline-block; font:300 16px/18px "Noto Sans KR", sans-serif; color:#444}

ul.location_info li.email								{overflow:hidden;}
ul.location_info li.email p.tit							{float:left; padding-left:12px; width:80px; background:url('/_img/ta/cont/green_dot.png')no-repeat 0 0 / 5px auto; font:400 17px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li.email ul.cont						{float:left; width:80%}
ul.location_info li.email ul.cont li					{display:inline-block; margin:0 auto; font:300 16px/18px "Noto Sans KR", sans-serif; color:#444;}
ul.location_info li.email ul.cont li span.email_box		{display:inline-block; padding:3px 10px 4px 10px; margin-right:6px; background:#feae01; border-radius:50px; font:400 14px/16px "Noto Sans KR", sans-serif; color:#fff}
ul.location_info li.email ul.cont li:first-child		{margin-bottom:10px;}
ul.location_info li.email ul.cont li a					{font:300 16px/18px "Noto Sans KR", sans-serif; color:#444; text-decoration:underline; text-decoration-color:#feae01 }

ul.location_traffic						{width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding:22px 0; box-sizing:border-box;}
ul.location_traffic li					{float:left; width:50%; box-sizing:border-box; text-align:center;}
ul.location_traffic li:first-child		{ border-right :1px solid #eee;}
ul.location_traffic li p				{display:inline-block; font:400 15px/18px "Noto Sans KR", sans-serif; color:#444; letter-spacing:-1pt;}
ul.location_traffic li p.subway			{padding:10px 0 10px 40px; background:url('/_img/ta/cont/subway.png')no-repeat 0 50% / 26px auto;}
ul.location_traffic li p.subway span	{display:inline-block; padding:2px 8px; margin-right:8px; border-radius:3px; border:2px solid #2cba3b; font:500 13px/14px "Noto Sans KR", sans-serif; color:#2cba3b}
ul.location_traffic li p.bus			{padding:10px 0 10px 44px; background:url('/_img/ta/cont/bus.png')no-repeat 0 50% / 33px auto;}
ul.location_traffic li p.bus span		{display:inline-block; padding:4px 12px;  margin-right:8px; border-radius:3px; background:#50ad7d; font:500 13px/14px "Noto Sans KR", sans-serif; color:#fff}



/*신문자료*/
ul.s_news_list							{border-top:2px solid #e5e5e5;}
ul.s_news_list li						{padding:35px 0; border-bottom:1px solid #ddd; overflow:hidden}
ul.s_news_list li.no_data				{padding:125px 0 55px 0; background:#f5f5f5 url('/_img/pc/cont/no_data.png')no-repeat 50% 30%; cursor:default !important;}
ul.s_news_list li .img					{float:left; width:30%; height:140px; overflow:hidden; box-sizing:border-box;}
ul.s_news_list li .img img				{width:100%; height:100%;  -moz-transition:all 300ms; -o-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms; }
ul.s_news_list li .text_box				{float:left; width:70%; padding-left:30px; box-sizing:border-box}
ul.s_news_list li .text_box .tit02		{font:400 15px/25px "Noto Sans KR", sans-serif; color:#fe9601; }
ul.s_news_list li .text_box .tit		{display:inline-block; font:500 20px/30px "Noto Sans KR", sans-serif; color:#444; max-width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.s_news_list li .text_box .date		{font:300 15px/26px "Noto Sans KR", sans-serif; color:#999}
ul.s_news_list li .text_box .text		{margin-top:10px; height:48px; font:300 15px/23px "Noto Sans KR", sans-serif; color:#888; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; }

ul.s_news_list li .text_box span.file	{display:inline-block; width:15px; height:17px; vertical-align:top; margin:10px 0 0 5px; background:url('/_img/web/cont/file_img02.png') no-repeat 0 0 /15px}


ul.s_news_list li .more					{margin-top:10px; display:none}
ul.s_news_list li.no_cont				{text-align:center; padding:137px 0 30px 0; color:#999; background:url('/_img/ta/cont/no_list.png')no-repeat 50% 33% / 160px #f9f9f9; }


/* 투자회사 */
div.invest_bg			{width:100%; height:150px; background:url('/_img/web/cont/investment_img.jpg') no-repeat 100% 0; background-size:cover;transition:0.5s;}
div.invest_bg .t01		{padding:30px 0 0 50px; font:200 32px/44px "Noto Sans KR", sans-serif !important; color:#0f8448; transition:0.5s;}
div.invest_bg .t02		{padding:5px 0 0 50px; font:100 21px/33px "Noto Sans KR", sans-serif !important; color:#777; transition:0.5s;}

ul.invest_list						{width:100%; padding:50px 0 0 0; }
ul.invest_list li					{width:31%; display:inline-block; padding:0 3.2% 18px 0}
ul.invest_list li:nth-child(3n)		{padding:0 0 18px 0;}
ul.invest_list li a					{display:block; width:100%; border:1px solid #dddddd; }
ul.invest_list li a img				{width:100%;box-sizing:border-box; transform:rotateY(0);}
ul.invest_list li a.animation		{transform:rotateY(360deg); transition:all 3s;}


/* 협력회사 */
ul.invest_list02					{width:100%; margin-bottom:20px;}
ul.invest_list02 li					{width:25%; box-sizing:border-box; display:inline-block;}
ul.invest_list02 li:nth-child(4n+1)	{padding:0 9px 12px 0;}
ul.invest_list02 li:nth-child(4n+2)	{padding:0 6px 12px 3px;}
ul.invest_list02 li:nth-child(4n+3)	{padding:0 3px 12px 6px;}
ul.invest_list02 li:nth-child(4n+4)	{padding:0 0 12px 9px;}
ul.invest_list02 li a				{display:block; box-sizing:border-box; border:1px solid #dddddd; width:100%; }
ul.invest_list02 li a img			{width:100%;}


/*함께해요*/
p.car_vsl			{width:100%; height:200px; background:url('/_img/ta/cont/career.jpg')no-repeat 50% 50% / cover;}
p.inn_vsl			{width:100%; height:200px; background:url('/_img/ta/cont/innovation.jpg')no-repeat 50% 50% /cover;}
p.con_vsl			{width:100%; height:200px; background:url('/_img/ta/cont/contribute.jpg')no-repeat 50% 50% /cover;}

.join_box					{width:100%; padding:40px 10px 0 10px; box-sizing:border-box;}
p.join_tit					{padding:25px 0 0 0; font:200 35px/49px "Noto Sans KR", sans-serif; color:#30905e; background:url('/_img/ta/cont/quotes.png') no-repeat 0 0 / 26px;}
p.join_tit span				{font-weight:700;}
div.join_cont				{padding:20px 0px 130px 0px; position:relative;}
div.join_cont p.cont		{font:300 16px/25px "Noto Sans KR", sans-serif; color:#555}
div.join_cont p.cont span	{font-weight:500; color:#444}


div.join_cont02								{padding:20px 0px 0 0px; position:relative;}
div.join_cont02 p.cont						{font:300 16px/25px "Noto Sans KR", sans-serif; color:#555}
div.join_cont02 p.cont span					{font-weight:500; color:#444}
div.join_cont02 ul.video					{width:100%; overflow:hidden; margin:10px 0 0 0;}
div.join_cont02 ul.video li					{float:left; width:50%; box-sizing:border-box; padding:18px 0 0 16px;}
div.join_cont02 ul.video li:nth-child(2n+1)	{padding:18px 0 0 0px;}
div.join_cont02 ul.video li a				{display:block; width:100%; height:180px; background:#000; position:relative;}
div.join_cont02 ul.video li a img			{width:100%; height:100%; opacity:0.5}
div.join_cont02 ul.video li a:after			{content:""; position:absolute; top:50%; left:50%; z-index:5; margin:-18px 0 0 -25px; display:block; width:50px; height:50px; background:url('/_img/ta/cont/video.png') no-repeat 50% 50% / 50px; transition:0.3s;}
div.join_cont02 ul.video li p.tit			{width:100%; padding:10px; box-sizing:border-box; background:#333; font:200 16px/18px "Noto Sans KR", sans-serif; color:#fff;}
div.join_cont02 ul.video li.no_cont			{width:100%; margin-top:10px; border-top:1px solid #ddd; text-align:center; padding:170px 0 70px 0; border-bottom:1px solid #ddd;font:300 16px/26px "Noto Sans KR", sans-serif !important; color:#999; background:url('/_img/ta/cont/no_list.png')no-repeat 50% 70px / 160px #f9f9f9;}



.join_mail				{position:absolute; bottom:0; left:0; z-index:5; width:100%; box-sizing:border-box; height:84px; padding-top:28px; text-align:center; font:200 16px/25px "Noto Sans KR", sans-serif; color:#444; background:url('/_img/ta/cont/join_mail.png') no-repeat 0 0 / 100% 100%}
/*.join_mail:before		{content:""; position:absolute; top:-45px; right:45px; z-index:5; width:100px; height:82px; background:url('/_img/ta/cont/join_mail_01.png') no-repeat 50% 50% / 100px}
.join_mail:after*/		{content:""; position:absolute; bottom:-18px; left:80px; z-index:5; width:65px; height:39px; background:url('/_img/ta/cont/join_mail_02.png') no-repeat 50% 50% / 65px}
.join_mail img			{width:25px; margin:-9px 8px 0 0;}
.join_mail a.mail		{font:200 16px/24px "Noto Sans KR", sans-serif; color:#444; text-decoration:underline; text-decoration-color:#feae01}
.join_mail a.btn		{display:none;}

p.join_mail span.join_mail_01			{position:absolute; top:-45px; right:45px; z-index:5; width:100px; height:82px; background:url('/_img/ta/cont/join_mail_01.png') no-repeat 50% 50% / 100px; transform:translate3d(50px,-30px,0) scale3d(0.9,0.9,1);}
p.join_mail span.ani01					{transform:translate3d(0,0,0) scale3d(1,1,1); transition:all 2s; transition-delay: 0.5s;}
p.join_mail span.join_mail_02			{position:absolute; bottom:-18px; left:80px; z-index:5; width:65px; height:39px; background:url('/_img/ta/cont/join_mail_02.png') no-repeat 50% 50% / 65px; transform:translate3d(-60px,30px,0) scale3d(0.6,0.6,1);}
p.join_mail span.ani02					{transform:translate3d(0,0,0) scale3d(1,1,1); transition:all 2s;}

div.layer	{display:none;}
div.layer2 {display:none;}


/*리더십*/

div.leader_box					{position:relative;}
div.leader_box p.leader_img		{position:absolute; top:0; right:0; z-index:-5; width:240px; height:170px; background:#ddd; background:url('/_img/ta/cont/leader.jpg')no-repeat 50% 50% / cover; transition:0.3s}
div.leader_box div.leder_cont	{width:100%; box-sizing:border-box; padding-right:20px;}

p.leader_tit 		{padding:40px 0 0 3px; position:relative; font:300 35px/45px "Noto Sans KR", sans-serif; color:#333; background: url('/_img/ta/cont/quotes.png') no-repeat 0 10px / 26px;}
p.leader_tit span	{font-weight:700; color:#50ad7d;}
p.leader_tit:before	{content:""; position:absolute; bottom:-18px; left:0; z-index:9; width:70%; height:2px; background-color:#50ad7d; transition:0.3s}
p.leader_tit:after	{content:""; position:absolute; bottom:-22px; left:70%; z-index:9; width:10px; height:10px; border-radius:5px; background-color:#50ad7d; transition:0.3s}

ul.leader_history					{margin:55px 0 0 5px;}
ul.leader_history li				{margin:8px 0;}
ul.leader_history li p.tit			{ margin-right:15px; font:300 17px/25px "Noto Sans KR", sans-serif; color:#555; position:relative; padding-left:12px; }
ul.leader_history li p.tit:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:5px; height:5px; border-radius:3px; background-color:#feae01;}
ul.leader_history li .sub			{font:200 17px/25px "Noto Sans KR", sans-serif ; color:#888;}
ul.leader_history li .sub li		{margin:0 0 5px 0; word-wrap:break-word; word-break:keep-all;}



.bg_box02			{margin-top:50px; padding:50px 20px; width:100%; background:#f9f9f9; box-sizing:border-box;}


ul.directors						{width:100%; overflow:hidden;}
ul.directors li.box					{float:left; width:50%; padding:0 8px 16px 0; box-sizing:border-box;}
ul.directors li.box:nth-child(2n)	{padding:0 0 16px 8px;}
ul.directors li.box div.dir_box		{width:100%; padding:20px 5px 15px 5px; box-sizing:border-box; border:1px solid #e5e5e5; border-bottom: 2px solid #30905e; background: white url('/_img/web/cont/director_background.png') no-repeat 50% 50%; box-sizing: border-box; margin-right:2%;}

ul.directors li.box div.dir_box	p.dire_position				{text-align:center; height:52px; font:300 16px/24px "Noto Sans KR", sans-serif; color:#999; position:relative;}
ul.directors li.box div.dir_box	p.dire_position span		{display:block; font:500 21px/28px "Noto Sans KR", sans-serif; color:#30905e;}
ul.directors li.box div.dir_box	p.dire_position span.top	{padding-top:15px;}
ul.directors li.box div.dir_box p.dire_position::after		{content:""; position:absolute; bottom:-12px; left:50%; margin-left:-10px; z-index:5; width:20px; height:1px; background-color:#30905e;}

ul.directors li.box div.dir_box div.list				{display:table; height:80px; width:100%; margin-top:20px;}
ul.directors li.box div.dir_box div.h_110				{height:80px !important;}
ul.directors li.box div.dir_box div.list ul				{width:100%; display:table-cell; vertical-align:middle}
ul.directors li.box div.dir_box div.list ul li			{text-align:center; font:200 15px/25px "Noto Sans KR", sans-serif; color:#888;}
ul.directors li.box div.dir_box div.list ul li.en_long	{line-height:15px !important;}

ul.directors li.box div.dir_box.en_ta						{padding-bottom:20px;}
ul.directors li.box div.dir_box.en_ta_1 						{padding-bottom:24px;}
ul.directors li.box div.dir_box.en_ta  ul li:first-child		{padding-bottom:2px;}
ul.directors li.box div.dir_box.en_ta  ul li:nth-child(2)		{padding-bottom:2px;}

/*유전자 가위, 바이오의약품 제품*/
ul.product					{width:100%;}
ul.product > li				{border-bottom:1px solid #ddd; width:100%; box-sizing:border-box;display:table; padding:40px 15px;}
ul.product > li p.img		{display:table-cell; width:40%; /* height:100%; */}
ul.product > li .pro01		{background:url('/_img/ta/cont/pro_01.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro02		{background:url('/_img/ta/cont/pro_02.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro03		{background:url('/_img/ta/cont/pro_03.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro04		{background:url('/_img/ta/cont/pro_04.jpg')no-repeat 50% 50% / cover; height:289px;}

ul.product > li .prod01		{border:1px solid #ddd; box-sizing:border-box; background:url('/_img/ta/cont/product_01.jpg')no-repeat 50% 50% / auto 80%}
ul.product > li .prod02		{background:url('/_img/ta/cont/product_02.jpg')no-repeat 50% 50% / cover}

ul.product > li	div.cont	{display:table-cell; width:60%; padding:10px 0; box-sizing:border-box; padding-left:30px; vertical-align:middle;}
ul.product > li:first-child	{padding-top:0px;}
ul.product > li:last-child	{border-bottom:none; padding-bottom:0px;}
ul.product > li ul.dot_list li:last-child	{margin-bottom:0px;}


/*홍보영상*/
div.media_box div.tit_wrap{width:100%; border-bottom:solid 2px #e5e5e5;}
div.media_box div.tit_wrap p.tit{color:#51ae7d; font:500 22px/26px "Noto Sans KR", sans-serif; margin:17px 0 29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

div.media_box									{position:relative;}
div.media_box p.m_main					{width:100%;}
div.media_box p.m_main img			{width:100%;}
div.media_box p.m_main_play			{ cursor:pointer; opacity:0.5; position:absolute; background:rgba(0,0,0,0.3) url('/_img/ta/cont/ta_main_play.png')no-repeat 50% 50%/cover ; width:100%;}
div.media_box p.m_main_play img	{width:100%;}
div.media_box p.m_main_play:hover{opacity:1; background:rgba(0,0,0,0) url('/_img/ta/cont/ta_main_play.png')no-repeat 50% 50%/cover ; width:100%; transition:0.3s;}

div.media_list_wrap{width:100%; padding-top:33px;}

div.media_list_wrap ul.media_list								{overflow:hidden;}
div.media_list_wrap ul.media_list li							{position:relative; cursor:pointer; float:left;width:48.5%; margin-right:3%;}
div.media_list_wrap ul.media_list li:nth-child(2n)		{margin-right:0;}
div.media_list_wrap ul.media_list li p:nth-child(2)		{width:100%;}
div.media_list_wrap ul.media_list li p img					{width:100%;}

div.media_list_wrap ul.media_list li p.media_play				{opacity:0.5; background:url('/_img/ta/cont/ta_media_list_play.png')no-repeat 50% 50% / cover; position:absolute;}
div.media_list_wrap ul.media_list li:hover p.media_play	{opacity:1; transition:0.3s;}

div.media_list_wrap ul.media_list li p.media_play				{width:100%; background:rgba(0,0,0,0.4) url('/_img/ta/cont/ta_media_list_play.png')no-repeat 50% 50%/cover;}
div.media_list_wrap ul.media_list li p.media_play img		{width:100%;}
div.media_list_wrap ul.media_list li:hover p.media_play	{width:100%; background:rgba(0,0,0,0) url('/_img/ta/cont/ta_media_list_play.png')no-repeat 50% 50%/cover; transition:0.3s;}

div.media_list_wrap ul.media_list li p.tit					{font:500 18px/24px "Noto Sans KR", sans-serif; margin:12px 0 25px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.media_list_wrap ul.media_list li p.tit a				{color:#333;}
div.media_list_wrap ul.media_list li:hover p.tit a		{color:#feae01; transition:0.3s;}

div.media_list_wrap p.pagenation {clear:both; margin-bottom:140px;}



/* 코로나19 */
div.covid_box p.base_f{margin-top:35px;}
div.covid_box ul.dot_list{margin-top:25px;}
div.covid_box p.covid_img{width:100%;}
div.covid_box p.covid_img img{width:100%; background:url('/_img/ta/cont/plant_ta_covid.jpg')no-repeat 50% 50% / cover; }

div.covid_box p.p_remark{margin-top:25px; color:#999; font:200 15px/21px "Noto Sans KR",sans-serif;}
}






/********** 모바일 **********/
@media only screen and (min-width: 450px) and (max-width: 640px) {

/* 핵심기술 */

p.leader_tit:before	{width:85% !important; transition:0.3s;}
p.leader_tit:after	{left:85% !important; transition:0.3s;}


}

@media only screen and (min-width: 361px) and (max-width: 640px) {

/* 리더십 */

p.leader_tit 		{padding:35px 0 0 0; position:relative; font:300 21px/25px "Noto Sans KR", sans-serif; color:#333; background: url('/_img/mo/cont/quotes.png') no-repeat 0px 10px / 20px; transition-duration:1s;}


}
@media only screen and (max-width: 360px) {

/* 리더십 */

p.leader_tit 		{padding:35px 0 0 0; position:relative; font:300 18px/23px "Noto Sans KR", sans-serif; color:#333; background: url('/_img/mo/cont/quotes.png') no-repeat 0px 10px / 20px; transition-duration:1s; letter-spacing:-0.5px;}


}

@media only screen and (max-width: 640px) {
.mobile {display:block !important;}
.tablet {display:none}
.web	{display:none}


#content	{width:100%; padding:30px 18px 60px 18px; box-sizing:border-box;}
.pat_0		{padding-top:0px !important;}
.pab_0		{padding-bottom:0px !important;}
.pab_16		{padding:0 18px 60px 18px !important;}

.loc_tab		{width:100%; margin-bottom:15px;}
.loc_tab a		{display:inline-block; box-sizing:border-box; width:50%; padding:12px; text-align:center; background:#f1f1f1; border:2px solid #f1f1f1; font:300 15px/17px "Noto Sans KR", sans-serif; color:#999;}
.loc_tab a.on	{border:2px solid #3e9f6c; background:#fff; font-weight:500; color:#3e9f6c}


.fix_bgimg	{margin:20px 0 0 0; width:100%; height:180px; background:url('/_img/mo/cont/fix_bg.jpg')no-repeat 50% 50% / auto 100%; background-attachment:fixed}

div.h3_history						{width:100%; padding:0 0 10px 0; margin-bottom:25px; border-bottom:1px solid #e5e5e5;}
div.h3_history h3					{position:relative; height:32px; box-sizing:border-box; display:inline-block; min-width:80px; font:400 26px/30px "Noto Sans KR", sans-serif; color:#333; letter-spacing:-1px;}
div.h3_history h3.twolength_tit		{height:auto !important; width:75%; padding:0 0 1px 0; word-break:keep-all;}
div.h3_history.mobile h3			{height:auto; padding-bottom:1px;}
div.h3_history h3:after				{content:""; position:absolute; bottom:-11px; left:0; width:100%; padding-right:30px; z-index:9; border-bottom:1px solid #51ae7d;}
div.h3_history ol.history			{display:none;}

h4			{font:300 22px/26px "Noto Sans KR", sans-serif; color:#333; margin-bottom:15px;}
.h4_cont	{margin-bottom:40px;}

.base_f		{font:300 15px/24px "Noto Sans KR", sans-serif; color:#555; margin-bottom:15px;}
.f_green	{color:#3e9f6c}
.f_light	{color:#fe9601}



/* 버튼 */
.last_btn		{text-align:center; padding-top:30px;} /*버튼패딩 및 가운데정렬*/
a.green_btn		{display:inline-block; font:400 14px/17px "Noto Sans KR", sans-serif; padding:13px 60px 13px 20px; color:#fff; background:#feaa01 url('../_img/mo/cont/arrow.png')no-repeat 80% 50%/24px;}


/* 리스트 */
ul.dot_list				{width:100%;}
ul.dot_list li			{position:relative; margin:16px 0; padding-left:9px; font:300 15px/24px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
ul.dot_list li:before	{content:""; position:absolute; top:10px; left:0; z-index:5; width:3.5px; height:3.5px; background:#ccc; border-radius:10px;}

ul.dot_list_ta					{width:100%;}
ul.dot_list_ta li				{position:relative; margin-top:8px; padding-left:9px; font:200 14px/21px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
ul.dot_list_ta li:before		{content:""; position:absolute; top:8.5px; left:0; z-index:5; width:3.5px; height:3.5px; background:#b5c946; border-radius:10px;}
ul.dot_list_ta li:first-child	{margin:0px;}




/* 핵심기술 */
.bg_box		{margin:25px 0; padding:15px; width:100%; background:#f9f9f9; box-sizing:border-box;}
.table_tit	{font:400 16px/22px "Noto Sans KR", sans-serif; color:#3e9f6c; margin-bottom:7px;}
.ta_remark	{text-align:right; font:200 13px/21px "Noto Sans KR", sans-serif; color:#999; margin-top:5px;}

table.base_line						{width:100%; border-top:2px solid #bbb}
table.base_line tr th				{padding:8px 12px; vertical-align:middle; text-align:center; background:#f5f5f5; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font:300 14px/21px "Noto Sans KR", sans-serif; color:#555;}
table.base_line tr td				{padding:8px 12px; vertical-align:middle; background:#fff; font:200 14px/21px "Noto Sans KR", sans-serif; color:#666; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
table.base_line tr th:first-child	{border-left:none;}
table.base_line tr td:first-child	{border-left:none;}
table.base_line tr td.txt_l			{text-align:left;}
table.base_line tr .b_c				{border-bottom:1px solid #c5c5c5;}
table.base_line tr td.bg			{font-weight:300; background:#f5f5f5;}
table.base_line tr td p.cas_img		{margin:0 auto 10px auto; padding:0 10px; width:100%; box-sizing:border-box;}
table.base_line tr td p.cas_img img	{width:100%;}


/*연혁*/
ul.history_box						{width:100%; padding-top:33px;}
ul.history_box li.history_left		{width:100%; position:relative; opacity:1; transition:0.3s}
ul.history_box li.history_right		{width:100%; position:relative; opacity:1; transition:0.3s}
/* .his_view	{opacity:1 !important;} */

li.history_left p.year							{width:70px; height:70px; box-sizing:border-box; text-align:center; border-radius:50%; background:#feae01; padding-top:24px; font:500 15px/22px "Noto Sans KR", sans-serif; color:#fff; position:absolute; top:-41px; left:50%; margin-left:-35px; z-index:9;}
li.history_left div.his_cont					{display:table; width:100%;}
li.history_left div.his_cont p.img				{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;  text-align:center; padding:0 10px 0 0;}
li.history_left div.his_cont p.img img			{width:100%;}
li.history_left div.his_cont ul.list			{display:table-cell; vertical-align:middle; width:50%; padding:33px 0; box-sizing:border-box; border-left:1px solid #e5e5e5;}
li.history_left div.his_cont ul.list li			{margin:13px 0; padding:0 0 0 15px; position:relative; font:300 14px/20px "Noto Sans KR", sans-serif; color:#555;}
li.history_left div.his_cont ul.list li:before	{content:""; position:absolute; width:7px; height:7px; border-radius:4px; background:#e5e5e5; top:8px; left:-4px;}
li.history_left div.his_cont ul.list li span.green	{color:#51ae7d !important;}
li.history_left div.his_cont ul.list li span.mon	{display:inline-block; vertical-align:top; width:30px; font:400 14px/20px "Noto Sans KR", sans-serif; color:#444;}
li.history_left div.his_cont ul.list li span.cont	{display:inline-block; box-sizing:border-box; width:75%; padding-left:5px; vertical-align:top; font:300 14px/20px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}
li.history_left div.his_cont ul.last_list		{}
li.history_left div.his_cont ul.last_list:after	{content:"";width:12px; height:12px; box-sizing:border-box; border-radius:50%; background:#feae01; position:absolute; bottom:-5px; left:50%; margin-left:-6px; z-index:9;}

li.history_right p.year								{width:70px; height:70px; box-sizing:border-box; text-align:center; border-radius:50%; background:#fff; border:1px solid #e5e5e5; padding-top:24px; font:500 15px/22px "Noto Sans KR", sans-serif; color:#555; position:absolute; top:-41px; left:50%; margin-left:-35px; z-index:9;}
li.history_right div.his_cont						{display:table; width:100%;}
li.history_right div.his_cont p.img					{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;  text-align:center; padding:0 0 0 10px;}
li.history_right div.his_cont p.img img				{width:100%;}
li.history_right div.his_cont ul.list				{display:table-cell; vertical-align:middle; width:50%; padding:33px 0; box-sizing:border-box; border-right:1px solid #e5e5e5;}
li.history_right div.his_cont ul.list li			{margin:13px 0; padding:0 15px 0 0; position:relative; font:300 14px/20px "Noto Sans KR", sans-serif; color:#555; text-align:right;}
li.history_right div.his_cont ul.list li:before		{content:""; position:absolute; width:7px; height:7px; border-radius:4px; background:#e5e5e5; top:8px; right:-4px;}
li.history_right div.his_cont ul.list li span.green	{color:#51ae7d !important;}
li.history_right div.his_cont ul.list li span.mon	{display:inline-block; vertical-align:top; width:30px; font:400 14px/20px "Noto Sans KR", sans-serif; color:#444;}
li.history_right div.his_cont ul.list li span.cont	{display:inline-block; box-sizing:border-box; width:75%; padding-right:5px; vertical-align:top; font:300 14px/20px "Noto Sans KR", sans-serif; color:#666; word-wrap:break-word; word-break:keep-all;}




/* 오시는길 */
div.location				{width:100%;}
div.location .map			{width:100%; border:1px solid #ddd; height:280px; margin-bottom:30px;}

ul.location_info				{width:100%; box-sizing:border-box; border:1px solid #ddd; background:#f9f9f9; padding:0 20px;}
ul.location_info li				{margin:20px 0;}
ul.location_info li	p.tit		{display:block; padding-left:10px; background:url('/_img/mo/cont/green_dot.png')no-repeat 0 0 / 5px auto; font:400 16px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li	p.text		{display:block; margin:2px 10px 0 10px; box-sizing:border-box; font:300 15px/20px "Noto Sans KR", sans-serif; color:#444; word-wrap:break-word; word-break:keep-all;}

ul.location_info li.email									{}
ul.location_info li.email p.tit								{padding-left:10px; background:url('/_img/mo/cont/green_dot.png')no-repeat 0 0 / 5px auto; font:400 16px/18px "Noto Sans KR", sans-serif; color:#444}
ul.location_info li.email ul.cont							{width:100%; box-sizing:border-box; margin:2px 8px 0 8px;}
ul.location_info li.email ul.cont li						{display:inline-block; margin:0 auto; font:300 14px/18px "Noto Sans KR", sans-serif; color:#444;}
ul.location_info li.email ul.cont li span					{display:inline-block; padding-left:4px; font:300 15px/20px "Noto Sans KR", sans-serif; color:#444;}
ul.location_info li.email ul.cont li span:before			{content:"- ";}
ul.location_info li.email ul.cont li span.email_box			{display:block; width:48px; padding:3px 10px 4px 10px; margin-bottom:3px; background:#feae01; border-radius:50px; font:400 13px/15px "Noto Sans KR", sans-serif; color:#fff}
ul.location_info li.email ul.cont li span.email_box:before	{display:none;}
ul.location_info li.email ul.cont li:first-child			{margin:5px 0 12px 0;}
ul.location_info li.email ul.cont li a						{font:300 15px/20px "Noto Sans KR", sans-serif; color:#444; text-decoration:underline; word-wrap:break-word; word-break:break-all;}

ul.location_traffic						{width:100%; border-bottom:1px solid #ddd; padding:15px 0; box-sizing:border-box;}
ul.location_traffic li					{padding:0 15px; box-sizing:border-box;}
ul.location_traffic li p				{display:inline-block; font:400 15px/20px "Noto Sans KR", sans-serif; color:#444;}
ul.location_traffic li p.subway			{padding:5px 0;}
ul.location_traffic li p.subway span	{display:inline-block; padding:2px 8px; margin-right:5px; border-radius:3px; border:2px solid #2cba3b; font:500 13px/14px "Noto Sans KR", sans-serif; color:#2cba3b}
ul.location_traffic li p.bus			{padding:5px 0;}
ul.location_traffic li p.bus span		{display:inline-block; padding:4px 14px; margin-right:5px; border-radius:3px; background:#50ad7d; font:500 13px/14px "Noto Sans KR", sans-serif; color:#fff}



/*신문자료*/
ul.s_news_list							{border-top:2px solid #e5e5e5;}
ul.s_news_list li						{padding:20px 0; border-bottom:1px solid #ddd; display:table; table-layout:fixed; width:100%; box-sizing:border-box;}
ul.s_news_list li .img					{display:table-cell; max-width:150px; width:35%; height:90px; overflow:hidden; box-sizing:border-box; vertical-align:middle}
ul.s_news_list li .img img				{width:100%; height:100%; border:1px solid #eee}
ul.s_news_list li .text_box				{display:table-cell; width:65%; padding-left:15px; box-sizing:border-box}
ul.s_news_list li .text_box .tit02		{font:400 13px/21px "Noto Sans KR", sans-serif; color:#fe9601; }
ul.s_news_list li .text_box .tit		{display:inline-block; font:500 16px/20px "Noto Sans KR", sans-serif; color:#444; max-width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.s_news_list li .text_box .date		{font:300 13px/21px "Noto Sans KR", sans-serif; color:#999}
ul.s_news_list li .text_box .text		{margin-top:3px; height:24px; font:300 14px/21px "Noto Sans KR", sans-serif; color:#888; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.s_news_list li .text_box .text p		{font:300 14px/21px "Noto Sans KR", sans-serif; color:#888; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.s_news_list li .text_box span.file	{display:inline-block; width:14px; height:15px; vertical-align:top; margin:5px 0 0 5px; background:url('/_img/web/cont/file_img02.png') no-repeat 0 0 /14px}

ul.s_news_list li .more					{margin-top:10px; display:none}
ul.s_news_list li.no_cont				{text-align:center; padding:100px 0 25px 0; font:300 15px/23px "Noto Sans KR", sans-serif; color:#999; background:url('/_img/mo/cont/no_list.png')no-repeat 50% 27% / 115px #f9f9f9; }


/* 투자회사 */
div.invest_bg			{width:100%; height:90px; background:url('/_img/web/cont/investment_img.jpg') no-repeat 80% 0; background-size:cover;transition:0.5s;}
div.invest_bg .t01		{padding:15px 0 0 25px; font:300 22px/30px "Noto Sans KR", sans-serif !important; color:#0f8448; transition:0.5s;}
div.invest_bg .t02		{padding:5px 0 0 25px; font:200 16px/14px "Noto Sans KR", sans-serif !important; color:#777; transition:0.5s;}

ul.invest_list						{width:100%; padding:20px 0 0 0;}
ul.invest_list li					{width:48%; display:inline-block; padding:0 3.5% 10px 0}
ul.invest_list li:nth-child(2n)		{padding:0 0 10px 0; }
ul.invest_list li a					{display:block; border:1px solid #dddddd; width:100%;}
ul.invest_list li a img				{width:100%; box-sizing:border-box; transform:rotateY(0);}
/*ul.invest_list li a img.animation	{transform:rotateY(360deg); transition:all 3s;}*/
ul.invest_list li a.animation	{transform:rotateY(360deg); transition:all 3s;}



/* 협력회사 */
ul.invest_list02					{width:100%; margin-bottom:15px;}
ul.invest_list02 li					{width:50%; padding:0 0 10px 5px; box-sizing:border-box; display:inline-block;}
ul.invest_list02 li:nth-child(2n+1)	{padding:0 5px 10px 0;}
ul.invest_list02 li a				{display:block; box-sizing:border-box; border:1px solid #dddddd; width:100%; }
ul.invest_list02 li a img			{width:100%;}


/*함께해요*/
p.car_vsl			{width:100%; height:150px; background:url('/_img/mo/cont/career.jpg')no-repeat 50% 50% / cover;}
p.inn_vsl			{width:100%; height:150px; background:url('/_img/mo/cont/innovation.jpg')no-repeat 50% 50% /cover;}
p.con_vsl			{width:100%; height:150px; background:url('/_img/mo/cont/contribute.jpg')no-repeat 50% 50% /cover;}

.join_box					{width:100%; padding:40px 0 0 0; box-sizing:border-box;}
p.join_tit					{padding:25px 0 0 0px; font:200 24px/34px "Noto Sans KR", sans-serif; color:#30905e; letter-spacing:-1px; background:url('/_img/mo/cont/quotes.png') no-repeat 0 0 / 22px;}
p.join_tit span				{font-weight:700;}
div.join_cont				{padding:20px 0 90px 0; position:relative;}
div.join_cont p.cont		{font:300 15px/22px "Noto Sans KR", sans-serif; color:#555}
div.join_cont p.cont span	{font-weight:500; color:#444}

div.join_cont02								{padding:20px 0px 0px 0px; position:relative;}
div.join_cont02 p.cont						{font:300 15px/22px "Noto Sans KR", sans-serif; color:#555}
div.join_cont02 p.cont span					{font-weight:500; color:#444}
div.join_cont02 ul.video					{width:100%; margin:5px 0 0 0; overflow:hidden;}
div.join_cont02 ul.video li					{float:left; width:50%; box-sizing:border-box; padding:10px 0 0 10px;}
div.join_cont02 ul.video li:nth-child(2n+1)	{padding:10px 0 0 0;}
div.join_cont02 ul.video li a				{display:block; width:100%; height:100px; background:#000; position:relative;}
div.join_cont02 ul.video li a				{display:block; width:100%; height:100px; background:#000; position:relative;}
div.join_cont02 ul.video li a img			{width:100%; height:100%; opacity:0.5}
div.join_cont02 ul.video li a:after			{content:""; position:absolute; top:50%; left:50%; z-index:5; margin:-20px 0 0 -21px; display:block; width:50px; height:50px; background:url('/_img/mo/cont/video.png') no-repeat 50% 50% / 40px; transition:0.3s;}
div.join_cont02 ul.video li p.tit			{width:100%; padding:10px; box-sizing:border-box; background:#333; font:200 14px/15px "Noto Sans KR", sans-serif; color:#fff;}
div.join_cont02 ul.video li.no_cont			{width:100%; margin-top:10px; border-top:1px solid #ddd; text-align:center; padding:105px 0 40px 0; border-bottom:1px solid #ddd;font:300 14px/24px "Noto Sans KR", sans-serif !important; color:#999; background:url('/_img/mo/cont/no_list.png')no-repeat 50% 35px / 110px #f9f9f9;}


.join_mail				{position:absolute; bottom:0; left:0; z-index:5; width:100%; box-sizing:border-box; height:62px; padding-top:15px; text-align:center; font:200 15px/21px "Noto Sans KR", sans-serif; color:#444; background:url('/_img/mo/cont/join_mail.png') no-repeat 0 0 / 100% 100%}
/*.join_mail:before		{content:""; position:absolute; top:-35px; right:18px; z-index:5; width:60px; height:50px; background:url('/_img/mo/cont/join_mail_01.png') no-repeat 50% 50% / 60px}
.join_mail:after		{content:""; position:absolute; bottom:-20px; left:50px; z-index:5; width:40px; height:44px; background:url('/_img/mo/cont/join_mail_02.png') no-repeat 50% 50% / 40px}*/
.join_mail img			{width:18px; margin:-6px 8px 0 0;}
.join_mail a.mail		{font:200 15px/21px "Noto Sans KR", sans-serif; color:#444; text-decoration:underline; text-decoration-color:#feae01}
.join_mail a.btn		{display:none;}

p.join_mail span.join_mail_01			{position:absolute; top:-35px; right:18px; z-index:5; width:60px; height:50px; background:url('/_img/mo/cont/join_mail_01.png') no-repeat 50% 50% / 60px; transform:translate3d(30px,-20px,0) scale3d(0.9,0.9,1);}
p.join_mail span.ani01					{transform:translate3d(0,0,0) scale3d(1,1,1); transition:all 3s; transition-delay: 0.2s;}
p.join_mail span.join_mail_02			{content:""; position:absolute; bottom:-20px; left:50px; z-index:5; width:40px; height:44px; background:url('/_img/mo/cont/join_mail_02.png') no-repeat 50% 50% / 40px; transform:translate3d(-60px,30px,0) scale3d(0.6,0.6,1);}
p.join_mail span.ani02					{transform:translate3d(0,0,0) scale3d(1,1,1); transition:all 3s;}

div.layer	{display:none;}
div.layer2 {display:none;}


/*리더십*/

div.leader_box					{position:relative;}
div.leader_box p.leader_img		{position:absolute; top:0; right:0; z-index:-5; width:115px; height:110px; background:#ddd; background:url('/_img/mo/cont/leader.jpg')no-repeat 50% 50% / cover;  transition:0.3s}
div.leader_box div.leder_cont	{width:100%; box-sizing:border-box; padding-right:20px;}

p.leader_tit span	{font-weight:700; color:#50ad7d;}
p.leader_tit:before	{content:""; position:absolute; bottom:-12px; left:0; z-index:9; width:80%; height:1.5px; background-color:#50ad7d; transition:0.3s;}
p.leader_tit:after	{content:""; position:absolute; bottom:-15px; left:80%; z-index:9; width:8px; height:8px; border-radius:5px; background-color:#50ad7d; transition:0.3s;}


ul.leader_history					{margin:40px 0 0 5px;}
ul.leader_history li				{margin:8px 0;}
ul.leader_history li p.tit			{font:300 15px/24px "Noto Sans KR", sans-serif; color:#555; position:relative; padding-left:8px; }
ul.leader_history li p.tit:before	{content:""; position:absolute; top:10px; left:0; z-index:5; width:4px; height:4px; border-radius:3px; background-color:#feae01;}
ul.leader_history li .sub			{margin-left:8px; font:200 14px/21px "Noto Sans KR", sans-serif ; color:#888;}
ul.leader_history li .sub li		{margin:0 0 5px 0; word-wrap:break-word; word-break:keep-all;}


.bg_box02			{margin-top:40px; padding:40px 20px; width:100%; background:#f9f9f9; box-sizing:border-box;}


ul.directors						{width:100%;}
ul.directors li.box					{width:100%; padding:0 0 15px 0; box-sizing:border-box;}
ul.directors li.box div.dir_box		{width:100%; padding:20px 20px 15px 20px; box-sizing:border-box; border:1px solid #e5e5e5; border-bottom: 2px solid #30905e; background: white url('/_img/web/cont/director_background.png') no-repeat 50% 50%; box-sizing: border-box; margin-right:2%;}

ul.directors li.box div.dir_box	p.dire_position				{text-align: center; font:300 15px/21px "Noto Sans KR", sans-serif; color:#999;}
ul.directors li.box div.dir_box	p.dire_position span		{display:block; font:500 18px/24px "Noto Sans KR", sans-serif; color:#30905e; position:relative;}
ul.directors li.box div.dir_box p.dire_position span::after	{content:""; position:absolute; top:32px; left:50%; margin-left:-10px; z-index:5; width:20px; height:1px; background-color:#30905e;}

ul.directors li.box div.dir_box div.list		{width:100%; margin-top:15px;}
ul.directors li.box div.dir_box div.list ul		{width:100%;}
ul.directors li.box div.dir_box div.list ul li	{text-align:center; font:200 14px/24px "Noto Sans KR", sans-serif; color:#888;}
ul.directors li.box div.dir_box div.list ul li.en_long	{line-height:18px !important;}

/*유전자 가위, 바이오의약품 제품*/
ul.product									{width:100%;}
ul.product > li								{border-bottom:1px solid #ddd; width:100%; box-sizing:border-box; padding:30px 5px;}
ul.product > li p.img						{width:100%; height:120px;}
ul.product > li p.img2						{width:100%; height:210px;}
ul.product > li .pro01						{background:url('/_img/mo/cont/pro_01.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro02						{background:url('/_img/mo/cont/pro_02.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro03						{background:url('/_img/mo/cont/pro_03.jpg')no-repeat 50% 50% / cover}
ul.product > li .pro04						{background:url('/_img/mo/cont/pro_04.jpg')no-repeat 50% 50% / cover}

ul.product > li .prod01		{border:1px solid #ddd; box-sizing:border-box; background:url('/_img/mo/cont/product_01.jpg')no-repeat 50% 50% / auto 100%}
ul.product > li .prod02		{background:url('/_img/mo/cont/product_02.jpg')no-repeat 50% 50% / cover}


ul.product > li	div.cont					{width:100%; padding:10px 0 0 0; box-sizing:border-box; vertical-align:middle;}
ul.product > li:first-child					{padding-top:0px;}
ul.product > li:last-child					{border-bottom:none; padding-bottom:0px;}
ul.product > li ul.dot_list li				{margin:8px 0;}
ul.product > li ul.dot_list li:last-child	{margin-bottom:0px;}


/*홍보영상*/
div.media_box div.tit_wrap{width:100%; border-bottom:solid 2px #e5e5e5;}
div.media_box div.tit_wrap p.tit{color:#51ae7d; font:500 20px/28px "Noto Sans KR", sans-serif; margin:9px 0 18px; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */}

div.media_box									{position:relative;}
div.media_box p.m_main					{width:100%;}
div.media_box p.m_main img			{width:100%;}
div.media_box p.m_main_play			{ cursor:pointer; opacity:0.5; position:absolute; background:rgba(0,0,0,0.3) url('/_img/mo/cont/mo_media_play.png')no-repeat 50% 50%/ cover ; width:100%;}
div.media_box p.m_main_play img	{width:100%;}
div.media_box p.m_main_play:hover{opacity:1; background:rgba(0,0,0,0) url('../_img/mo/cont/mo_media_play.png')no-repeat 50% 50% / cover; width:100%; transition:0.3s;}

div.media_list_wrap{width:100%; padding-top:23px;}

div.media_list_wrap ul.media_list								{overflow:hidden;}
div.media_list_wrap ul.media_list li							{position:relative; cursor:pointer; float:left;width:48.5%; margin-right:3%;}
div.media_list_wrap ul.media_list li:nth-child(2n)		{margin-right:0;}
div.media_list_wrap ul.media_list li p:nth-child(2)		{width:100%;}
div.media_list_wrap ul.media_list li p img					{width:100%;}

div.media_list_wrap ul.media_list li p.media_play				{opacity:0.5; background:url('../_img/mo/cont/mo_m_list_play.png')no-repeat 50% 50% / cover; position:absolute;}
div.media_list_wrap ul.media_list li:hover p.media_play	{opacity:1; transition:0.3s;}

div.media_list_wrap ul.media_list li p.media_play				{width:100%; background:rgba(0,0,0,0.4) url('../_img/mo/cont/mo_m_list_play.png')no-repeat 50% 50%/ cover;}
div.media_list_wrap ul.media_list li p.media_play img		{width:100%;}
div.media_list_wrap ul.media_list li:hover p.media_play	{width:100%; background:rgba(0,0,0,0) url('../_img/mo/cont/mo_m_list_play.png')no-repeat 50% 50%/ cover; transition:0.3s;}

div.media_list_wrap ul.media_list li p.tit				{font:500 15px/24px "Noto Sans KR", sans-serif; margin:5px 0 15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.media_list_wrap ul.media_list li p.tit a			{color:#333;}
div.media_list_wrap ul.media_list li:hover p.tit	 a	{color:#feae01; transition:0.3s;}

div.media_list_wrap p.pagenation {clear:both; margin:0px 0 100px;}


/* 코로나19 */
div.covid_box p.base_f{margin-top:30px;}
div.covid_box ul.dot_list{margin-top:20px;}
div.covid_box p.covid_img{width:100%;}
div.covid_box p.covid_img img{width:100%; background:url('/_img/mo/cont/plant_mo_covid.jpg')no-repeat 50% 50% / cover; }

div.covid_box p.p_remark{margin-top:20px; color:#999; font:200 13px/21px "Noto Sans KR",sans-serif;}

}