@charset "utf-8";
@import url(cont02_tb.css);
@import url(cont02_mo.css);


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


.clearfix		{*zoom:1;} 
.clearfix:after	{content:" "; display:block; clear:both; height:0; visibility:hidden;}

.map_img2		{display:none}


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

.gmo_box1		{background-size:370px auto !important;}
.gca_box1		{background-size:370px auto !important;}


.gmo_plan1			{background-size:800px auto !important;  min-height:300px !important; }
.gmo_plan1_text		{position:absolute; top:62%; left:0; width:100%; text-align:center; font:500 18px/28px "Noto Sans KR", sans-serif; color:#666; white-space : pre-line; }

.gmo_plan2 .gmo_plan2_text	{right:17% !important;}


.gca_list li			{font-size:15px !important; padding:20px 0 !important;}
.gca_list li	strong	{font-size:17px !important}



.about_gflas_list1				{margin:50px auto; overflow: hidden;  max-width:900px;}
.about_gflas_list1 .left			{width:280px !important; height:280px !important; padding:70px 40px 0 40px  !important; margin-right:30px !important; }
.about_gflas_list1 .middle		{width:280px !important; height:280px !important; padding:70px 40px 0 40px   !important; }
.about_gflas_list1 .middle:before		 {content:""; position:absolute; top:50%; left:-40px !important; width:30px !important; }
.about_gflas_list1 .middle:after			 {content:""; position:absolute; top:50%; right:-40px !important; width:30px !important; }
.about_gflas_list1 .right		{width:280px !important;  height:280px !important; padding:70px 40px 0 40px  !important; }



.gflas_map>div>.pcbr .other	{position:absolute; top:216px; right:-140px !important; width:400px;}
.gflas_map>div>.pcbr .other:after	{content:""; position:absolute; top:18px; left:-20px !important; width:20px !important; height:1px; background-color:#fe9601;}


}


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

/********** 공통 **********/


.tlt_bar		{max-width:1020px;  padding:25px 40px; background:url('/_img/web/cont/con_tlt_bg.png')no-repeat right bottom; font:500 20px/30px "Noto Sans KR", sans-serif; color:#fff; border-top-right-radius:25px;  border-bottom-left-radius:25px;}
.tlt_bar	span	{display:block;  font:300 17px/26px "Noto Sans KR", sans-serif; color:#cce5f3}

.box_style1		{border:1px solid #ddd; padding:60px 20px 20px; position:relative;   margin-top:50px;}
.box_style1	h5	{position:absolute; top:-1px; left:-1px;  background-color:#444; font:300 17px/46px "Noto Sans KR", sans-serif; color:#fff; padding:0 15px;}
.box_style1	h5.b_bl		{background-color:#1c58a0 }

.m_img		{display:none}

.box_style2 ul				{padding:20px;}
.box_style2 ul li			{position:relative; margin-bottom:5px; padding-left:12px; font:300 17px/36px "Noto Sans KR", sans-serif; color:#1fb2cd; word-break:keep-all;}
.box_style2 ul li:before	{content:""; position:absolute; top:17px; left:0; z-index:5; width:4px; height:4px; background:#1fb2cd; border-radius:10px;}

.box_style2 ul li.f_s		{color:#666;}
.box_style2 ul li.f_s:before		{background:#666;}

.box_style2 .prize		{position:relative;  font:300 17px/17px "Noto Sans KR", sans-serif; color:#666; margin-left:20px; background-color:#f5f5f5; width:410px; padding:40px 20px 40px 120px; margin-bottom:30px;  }
.box_style2 .prize:before		{content:""; position:absolute; top:15px; left:20px; z-index:5; width:73px; height:69px; background:url('/_img/web/cont/gmo_icon.jpg')no-repeat 0 0; }
.box_style2 .prize	 span		{display:inline-block; width:20px; text-align:center; color:#ddd}

.pc_img		img	{max-width:1000px; width:100%;}


/********** CRISPR Gene Editing **********/

.info_box1_l	{width:72%; float:left; }
.info_box1_l .arrow	{ background:url('/_img/web/cont/info_w_arrow.gif')no-repeat right 0;}
.info_box1_l .arrow span:nth-child(1)	{display:inline-block; width:68%; padding-left:2%; font:400 13px/50px "Noto Sans KR", sans-serif; color:#75b1bb;}
.info_box1_l .arrow span:nth-child(2)	{display:inline-block; width:20%; font:400 17px/50px "Noto Sans KR", sans-serif; color:#1fb2cd; text-align:right}
.info_box1_l .arrow span:nth-child(3)	{display:inline-block; width:10%; font:400 13px/50px "Noto Sans KR", sans-serif; color:#75b1bb; text-align:center}

.info_box1_l .list			{margin:10px auto 25px auto; overflow: hidden; width:100%}
.info_box1_l .list	li		{width:31%; margin-right:3.5%; background-color:#f7f7f7; float:left; text-align:center; padding:30px 0; font-size:18px; color:#888}
.info_box1_l .list	li span	{font-size:16px;}
.info_box1_l .list	li:last-child	{margin-right:0; color:#1d589f}
.info_box1_l .list	li img	{display:block; margin:0 auto 10px auto}

.info_box1_l .info_text			{font:200 17px/28px "Noto Sans KR", sans-serif; color:#666; word-break:break-all;}
.info_box1_l .info_text	 span	{color:#1fb2cd}


.info_box1_r			{width:240px; float:right}
.info_box1_r p			{width:235px; height:250px; padding-top:40px; background:url('/_img/web/cont/info_img4_box.jpg')no-repeat 0 0; position:relative; text-align:center; font:400 18px/23px "Noto Sans KR", sans-serif; color:#333;}
.info_box1_r p:after	{content:""; position:absolute; bottom:-20px; left:50%; margin-left:-4px; width:9px; height:42px; background:url('/_img/web/cont/info_img4_bg.png')no-repeat 0 0; }
.info_box1_r p img		{display:block; margin:0 auto}
.info_box1_r p	span	{display:block; color:#1d589f; font-weight:500; padding:15px 0 5px 0; font-weight:20px;}


.info_box1_r ul				{width:100%; margin-top:30px}
.info_box1_r ul li			{position:relative; margin-bottom:5px; padding-left:12px; font:500 17px/26px "Noto Sans KR", sans-serif; color:#1d589f; word-break:keep-all;}
.info_box1_r ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#1d589f; border-radius:10px;}


.state_list1		{background:url('/_img/web/cont/info_img5_bg.png')no-repeat 95% 0; border-bottom:1px solid #ddd; padding-bottom:50px; overflow:hidden}		
.state_list2		{background:url('/_img/web/cont/info_img6_bg.png')no-repeat 95% 10%; padding-bottom:50px; margin-top:50px;  overflow:hidden}		


.state	p		{float:left; width:58%; max-width:610px; padding-left:25px; text-align:center}
.state	p img	{width:100%;}
.state	ul		{float:left; width:35% !important; padding-left:4%; }
.state	ul	li	{word-break:keep-all; margin-top:50px !important;}
.state	ul	li span	{display:inline-block; clear:right}
.state	ul	li strong	{color:#1d589f; font-weight:500}


/********** CRISPR PLUS®**********/

.gmo_box1		{background:url('/_img/web/cont/gmo_img1.jpg')no-repeat 98% center;}

.gmo_box2			{background:#f5f5f5; text-align:center; margin:50px auto 120px auto; padding:50px 0; position:relative; }


.gmo_plan1			{background:url('/_img/web/cont/gmo_img3.jpg')no-repeat center center; min-height:350px}
.gmo_plan1_text		{position:absolute; top:62%; left:0; width:100%; text-align:center; font:500 18px/28px "Noto Sans KR", sans-serif; color:#666; white-space : pre-line; }
.gmo_plan1_text	strong	{font-size:20px; color:#fe9601; font-weight:500}

.gmo_list			{overflow:hidden; margin-top:50px;}
.gmo_list li			{width:32%; float:left; text-align:center; margin-right:2%}
.gmo_list li:last-child	{margin-right:0}

.gmo_list li	 span.top	{display:block; width:100%; background-color:#ebebeb; font:200 17px/70px "Noto Sans KR", sans-serif; color:#666;}
.gmo_list li:nth-child(1)	 span.bottom	{display:block; width:100%;  background:#1d589f url('/_img/web/cont/genome_icon.png')no-repeat 0 0; font:300 20px/70px "Noto Sans KR", sans-serif; color:#fff; }
.gmo_list li:nth-child(2)	 span.bottom	{display:block; width:100%;  background:#1fb2cd url('/_img/web/cont/genome_icon.png')no-repeat 0 0; font:300 20px/70px "Noto Sans KR", sans-serif; color:#fff; }
.gmo_list li:nth-child(3)	 span.bottom	{display:block; width:100%;  background:#1d589f url('/_img/web/cont/genome_icon.png')no-repeat 0 0; font:300 20px/70px "Noto Sans KR", sans-serif; color:#fff; }
.gmo_list li	 img	{padding:10px 0}



/********** gfCas12a® **********/


.gca_box1		{background:url('/_img/web/cont/gca_img1.jpg')no-repeat 98% top;}

.gca_box2		{background:url('/_img/web/cont/gca_img2.jpg')no-repeat center center; min-height:330px}
.gca_box2	 p	{padding-top:220px; text-align:center; white-space : pre-line;  font:400 18px/28px "Noto Sans KR", sans-serif; color:#666; }
.gca_box2	 p strong	{color:#fe9601;  font-size:20px;}

.gca_box3		{background:url('/_img/web/cont/gca_img3.jpg')no-repeat center 80px; min-height:300px; }
.gca_box3	 p	{text-align:center; white-space : pre-line;  font:400 17px/28px "Noto Sans KR", sans-serif; color:#666; }
.gca_box3	 p strong	{color:#1c58a0;  font-size:20px;}
.gca_box3_bottom	{background-color:#eeeeee; text-align:center; font:400 20px/28px "Noto Sans KR", sans-serif; color:#666; border:1px solid #ddd; border-top:none; padding:25px 0}
.gca_box3_bottom strong	{color:#1c58a0;  font-size:20px;}


.gca_list			{overflow:hidden; margin-top:50px;}
.gca_list li			{width:32%; float:left; text-align:center; margin-right:2%; background:#1d589f url('/_img/web/cont/genome_icon.png')no-repeat 0 0; font:300 17px/27px "Noto Sans KR", sans-serif; color:#fff; padding:35px 0 }
.gca_list li	strong	{display:block; font-size:20px; font-weight:400; padding-top:5px;}
.gca_list li:last-child	{margin-right:0}
.gca_list li:nth-child(2)		{background:#1fb2cd url('/_img/web/cont/genome_icon.png')no-repeat 0 0; }



/********** Cancerase® **********/

.cancerase_box1:after		{content:""; position:absolute; bottom:-70px; left:50%; margin-left:-55px; width:110px; height:85px; background:url('/_img/web/cont/cancerase_arrow1.png')no-repeat 0 0; z-index:8 }
.cancerase_text1		{border-bottom:1px solid #ddd; text-align:center; font:300 17px/27px "Noto Sans KR", sans-serif; color:#666;  padding-bottom:30px; margin-bottom:40px}
.cancerase_text1 strong	{display:block;color:#1c58a0; font-size:20px; font-weight:500}

.cancerase_box2		{background-color:#f7f7f7; padding:30px; margin-top:30px; overflow: hidden; position:relative}
.cancerase_box2 .box_left	{width:290px; float:left; background-color:#fff; text-align:center; padding:30px;}
.cancerase_box2 .box_right	{width:290px; float:right; background-color:#fff; text-align:center; padding:30px;}
.cancerase_box2 .box_middle	{position:absolute; left:50%; top:50%; margin-top:-100px; margin-left:-100px;  width:140px; height:140px; padding:60px 30px 0 30px; background-color:#1eb2cc; border-radius:50%; text-align:center;  font:300 20px/32px "Noto Sans KR", sans-serif; color:#fff; word-break:keep-all}
.cancerase_box2 .box_middle span		{color:#ffe465;  font-size:25px; font-weight:500}
.cancerase_box2 .box_middle:before		{content:""; position:absolute; top:50%; left:-60px; margin-top:-45px; width:60px; height:90px; background:url('/_img/web/cont/cancerase_arrow2.png')no-repeat 0 0; z-index:8 }
.cancerase_box2 .box_middle:after		{content:""; position:absolute; top:50%; right:-60px; margin-top:-45px; width:60px; height:90px; background:url('/_img/web/cont/cancerase_arrow3.png')no-repeat 0 0; z-index:8 }

.cancerase_box2 .tlt		{font:500 20px/27px "Noto Sans KR", sans-serif; color:#000; padding-top:20px}
.cancerase_box2  li			{text-align:left}

.cancerase_bottom		{background-color:#eee; text-align:center; font:400 20px/28px "Noto Sans KR", sans-serif; color:#333; border:1px solid #ddd; border-top:none; padding:25px 0}
.cancerase_bottom strong	{color:#1c58a0;  font-size:20px;}


table.cancerase_table		{width:100%; border-top:2px solid #bbbbbb;border-collapse: separate; border-spacing: 0; }
table.cancerase_table	thead	 td		{background-color:#f5f5f5; text-align:center; vertical-align:middle; font:400 17px/20px "Noto Sans KR", sans-serif; color:#555; padding:10px 0; }
table.cancerase_table	thead td		{border-right:1px solid #ddd; border-bottom:1px solid #ddd}
table.cancerase_table	thead .q_th		{background-color:#1c58a0;font:400 17px/20px "Noto Sans KR", sans-serif; color:#fff;border:1px solid #18477f; border-right:none; padding:10px 0}
table.cancerase_table .a_lf	{padding-left:15px  !important; text-align:left !important}
table.cancerase_table .tw	{width:310px;}
table.cancerase_table .tw2	{width:200px;}

table.cancerase_table	tbody td		{border-bottom:1px solid #ddd; height:45px; position:relative}
table.cancerase_table	td:last-child	{border-right:none}
table.cancerase_table	tbody	 td		{vertical-align:middle; font:400 17px/20px "Noto Sans KR", sans-serif; color:#555; padding:10px 0; }
table.cancerase_table	tbody td.bg_c1		{background-color:#1c58a0; color:#fff; padding:10px 0; text-align:center; border-right:1px solid #164b8b}
table.cancerase_table	tbody td.bg_c2		{background-color:#ccd9e8; border-bottom:1px solid #abbed3;  color:#333; padding:10px 0;  border-right:1px solid #abbed3;  text-align:center}
table.cancerase_table	tbody td.bg_c3		{background-color:#f5f5f5; padding:10px 0; border-right:1px solid #ddd;  text-align:center}
table.cancerase_table	tbody	 td.b_fc			{border-right:1px solid #ddd; text-align:center;  font:400 20px/20px "Noto Sans KR", sans-serif; color:#1c58a0; padding:30px 0}

.f_line .bar_st1, .f_line .bar_st2, .f_line .bar_st3	{margin-top:20px;}

table.cancerase_table	.bar_st1		{display:inline-block; border-radius:30px;  background-color:#84b6f1; height:17px; }
table.cancerase_table	.bar_st2		{display:inline-block; border-radius:30px;  background-color:#1c58a0; height:17px; }
table.cancerase_table	.bar_st3		{display:inline-block; border-radius:30px;  background-color:#90dff0; height:17px; }
table.cancerase_table	.bar_st4		{display:inline-block; border-radius:30px;  background-color:#b2abdb; height:17px; }

table.cancerase_table  .w100		{width:100%}
table.cancerase_table  .w50		{width:50%}
table.cancerase_table	 .text		{position:absolute; top:10px; right:5px;  font:200 15px/20px "Noto Sans KR", sans-serif; color:#555; } 
table.cancerase_table	 .text2		{position:absolute; top:10px; right:5px;  font:200 15px/20px "Noto Sans KR", sans-serif; color:#555; } 

table.cancerase_table	 .r_aw		{ font:300 16px/24px "Noto Sans KR", sans-serif; color:#555; }
table.cancerase_table	 .r_aw	strong	{font-size:13px; color:#ff0000}
table.cancerase_table	 .r_aw	span		{color:#333; font-weight:400}
table.cancerase_table	 .r_aw1		{position:absolute; top:20px; left:8%; } 
table.cancerase_table	 .r_aw2		{position:absolute; top:20px; left:43%;  } 



/********** PDB Platform **********/

.pdb_text1	{max-width:1000px; margin:0 auto; font:300 17px/20px "Noto Sans KR", sans-serif; color:#555; padding:20px 0 5px 0; }
.pdb_box1	{border:1px solid #ddd; border-top:none; padding:40px;}
.pdb_box1 .pdb_box1_left	{width:28%; float:left; position:relative}
.pdb_box1 .pdb_box1_left:after {content:""; position:absolute; top:50%; right:-95px; margin-top:-65px; width:60px; height:130px; background:url('/_img/web/cont/pdb_arrow2.gif')no-repeat 0 0; z-index:8 }
.pdb_box1 .pdb_box1_left p	{background-color:#f5f5f5; padding:25px 40px; text-align:center; font:300 16px/27px "Noto Sans KR", sans-serif; color:#1c58a0; word-break:keep-all}
.pdb_box1 .pdb_box1_left p.f_tx	{margin-bottom:55px; position:relative}
.pdb_box1 .pdb_box1_left p.f_tx:after		{content:""; position:absolute; bottom:-50px; left:50%; margin-left:-25px; width:50px; height:40px; background:url('/_img/web/cont/pdb_arrow1.gif')no-repeat 0 0; z-index:8 }


.pdb_box1_right		{width:60%; float:right}
.pdb_box1_right	p	{text-align:center; font:600 20px/27px "Noto Sans KR", sans-serif; color:#333; padding-bottom:15px;}
.pdb_box1_right		table	{width:100%}
.pdb_box1_right		table thead	 th{background-color:#ccd9e8; font:300 17px/27px "Noto Sans KR", sans-serif; color:#555; border:1px solid #abbed3; border-right:none;  padding:5px 0}
.pdb_box1_right		table thead	 th:last-child {border-right:1px solid #abbed3}
.pdb_box1_right		table tbody	 th{background-color:#f5f5f5; font:300 17px/27px "Noto Sans KR", sans-serif; color:#555; border:1px solid #ddd; border-top:none; padding:5px 0}
.pdb_box1_right		table td { font:200 16px/27px "Noto Sans KR", sans-serif; color:#555; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  width:17%}
.pdb_box1_right		table td.td_c	{background-color:#d4f2f9}





/********** 회사소개 **********/

.about_gflas_tlt		{width:100%; display:inline-block; vertical-align:middle; height:115px; padding-top:90px; background:url('/_img/web/cont/gflas_bg.jpg')no-repeat 0 0; text-align:center;  font:300 35px/27px "Noto Sans KR", sans-serif; color:#fff;   border-top-right-radius:25px; border-bottom-left-radius:25px; }
.about_gflas_tlt	strong	{font-weight:500}

.gflas_map			{margin:50px auto; height:550px; position:relative }
.gflas_map .map_img	{position:absolute; top:0; left:50%; margin-left:-550px;}

.gflas_map>div { position: relative;  width:50%;}
.gflas_map>div .f_l	{float:left}
.gflas_map>div .f_r	{float:right}

.gflas_map>div>.pcbr .accordion {  background-color: #fe9601; width:200px;  display:inline-block; color: #fff;  cursor: pointer; padding:10px 10px; border: none; border-bottom-left-radius:10px; text-align: left;  outline: none;  font:400 17px/17px "Noto Sans KR", sans-serif;  transition: 0.4s;}
.gflas_map>div>.pcbr .active, .accordion:hover {  background-color: #fe9601;}
.gflas_map>div>.pcbr .accordion:after {  content: '\002B';  color: #fff;    float: right;  margin-right:5px}
.gflas_map>div>.pcbr .active:after {  content: "\0078"; line-height:13px}
.gflas_map>div>.pcbr .panel {  display: none; padding:15px 155px 0 0; position:relative; min-height:85px;}
.gflas_map>div>.pcbr .panel  p {position:absolute; right:0; top:15px; }
.gflas_map>div>.pcbr .panel  p img	{width:145px}
.gflas_map>div>.pcbr .panel  ul li {position:relative;  margin-bottom:8px; padding-right:8px; font:300 14px/20px "Noto Sans KR", sans-serif; color:#555;  word-break:keep-all;}
.gflas_map>div>.pcbr .panel  ul li:before	{content:""; position:absolute; top:11px; right:0; z-index:5; width:2px; height:2px; background:#555; border-radius:10px;}


.gflas_map>div>.pcbr>ul	{position:absolute; top:145px; left:-100px;  }
.gflas_map>div>.pcbr>ul:after	{content:""; position:absolute; top:97px; left:430px; width:30px; height:1px; background-color:#fe9601;}

.gflas_map>div>.pcbr>ul>li	{float:left; width:400px; text-align:right; margin-bottom:20px; position:relative;}
.gflas_map>div>.pcbr>ul>li:before	{content:""; position:absolute; top:18px; right:-30px; width:30px; height:1px; background-color:#fe9601;}
.gflas_map>div>.pcbr>ul>li:after	{content:""; position:absolute; top:0; right:-30px; width:1px; height:145%; background-color:#fe9601;}

.gflas_map>div>.pcbr>ul>li.f_c:after	{content:""; position:absolute; top:18px; right:-30px; width:1px; height:170px; background-color:#fe9601;}
.gflas_map>div>.pcbr>ul>li.l_c:after	{content:""; position:absolute; top:-50px; right:-30px; width:1px; height:68px; background-color:#fe9601;}

.gflas_map>div>.pcbr .other	{position:absolute; top:216px; right:120px; width:400px;}
.gflas_map>div>.pcbr .other:after	{content:""; position:absolute; top:18px; left:200px; width:40px; height:1px; background-color:#fe9601;}

.gflas_map>div>.pcbr .other .panel {  display: none; padding:15px 0 0 160px; position:relative; min-height:85px;}
.gflas_map>div>.pcbr .other .panel  p {position:absolute; left:0; top:15px; }
.gflas_map>div>.pcbr .other .panel  p img	{width:145px}
.gflas_map>div>.pcbr .other .panel ul li {position:relative;  margin-bottom:8px; padding-left:8px; font:300 14px/20px "Noto Sans KR", sans-serif; color:#555;  word-break:keep-all;}
.gflas_map>div>.pcbr .other .panel ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:2px; height:2px; background:#555; border-radius:10px;}



.about_gflas_info		{width:100%; margin-top:30px; overflow: hidden}
.about_gflas_info	 .info_left	{width:50%; float:left; border-top:3px solid #bbbbbb; box-sizing:border-box; border-right:1px solid #ccc}
.about_gflas_info	 .info_right	{width:50%; float:left; border-top:3px solid #bbbbbb; box-sizing:border-box;}

.about_gflas_info	 dl				{display:table}
.about_gflas_info	 dl	 dt			{display:block; width:25%; padding:15px 20px;  float:left; background-color:#f5f5f5; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; color:#333; font-weight:500}
.about_gflas_info	 dl	 dd		{display:block; width:75%; padding:15px 20px;  float:left; border-bottom:1px solid #ccc; box-sizing:border-box;}

.about_gflas_info	 dl	 .wide 	{height:120px !important; vertical-align:middle}
.about_gflas_text					{text-align:center;  font:300 18px/27px "Noto Sans KR", sans-serif; color:#555;  padding:30px 0}
.about_gflas_text	 strong		{font-weight:400;}


.about_gflas_list1				{margin:50px auto; overflow: hidden}
.about_gflas_list1 .left			{width:330px; height:330px; padding:100px 70px 0 70px; text-align:center;  float:left; margin-right:55px; box-sizing:border-box; background-color:#3cbdd3; border:10px solid #dbf4fa; border-radius:50%; word-break:keep-all }
.about_gflas_list1 .middle		{width:330px; height:330px; padding:100px 60px 0 60px; text-align:center;  float:left; box-sizing:border-box; background-color:#fff; border:10px solid #fe9601; border-radius:50%; position:relative;  z-index:2 }
.about_gflas_list1 .middle:before		 {content:""; position:absolute; top:50%; left:-65px; width:55px; height:1px; border-top:1px dotted #ccc; z-index:1}
.about_gflas_list1 .middle:after			 {content:""; position:absolute; top:50%; right:-65px; width:55px; height:1px; border-top:1px dotted #ccc; z-index:1}

.about_gflas_list1 .left	 dt, .about_gflas_list1 .right	 dt			{ font:500 25px/27px "Noto Sans KR", sans-serif; color:#f5f5f5; padding-bottom:20px; }
.about_gflas_list1 .left	 dd, .about_gflas_list1 .right	 dd		{ font:300 16px/29px "Noto Sans KR", sans-serif; color:#f5f5f5;   word-break:keep-all}


.about_gflas_list1 .middle	 dt		{ font:500 25px/27px "Noto Sans KR", sans-serif; color:#444; padding-bottom:20px; }
.about_gflas_list1 .middle	 dd	{ font:300 16px/20px "Noto Sans KR", sans-serif; color:#444;   word-break:keep-all}
.about_gflas_list1 .middle	 dd br	{content:""; display:block;  margin-top: 10px;}

.about_gflas_list1 .right		{width:330px;  height:330px; padding:100px 70px 0 70px; text-align:center; float:right; box-sizing:border-box; background-color:#3cbdd3; border:10px solid #dbf4fa; border-radius:50% }


.about_gflas_list2		{overflow: hidden;}
.about_gflas_list2  div	{float:left; width:32%; margin-right:2%; overflow:hidden;}
.about_gflas_list2  div:last-child	{margin-right:0}

.about_gflas_list2  div p	{position:relative; width:100%; background:linear-gradient(90deg, #1d5aa1, #43bbd2);  box-sizing:border-box; text-align:center; border-top-right-radius:25px; padding:20px 0; font:500 20px/42px "Noto Sans KR", sans-serif; color:#fff;}
.about_gflas_list2  div p:after	{content:""; position:absolute; top:0; left:0;width:90px; height:58px; background:url('/_img/web/cont/genome_icon.png')no-repeat 0 0; z-index:8 }

.about_gflas_list2  div ul	{width:100%; border:1px solid #ddd; border-bottom-left-radius:25px;  border-top:none; box-sizing:border-box; height:230px; padding:25px 20px; }
.about_gflas_list2  div ul li	{ font:300 16px/26px "Noto Sans KR", sans-serif; color:#666; margin-bottom:10px; word-break:keep-all}

.about_gflas_box		{border:1px solid #ddd;}
.about_gflas_box	 img	{width:100%;}

.about_gflas_img	 img	{width:100%; max-width:1100px;}

.about_gflas_table		{margin-top:30px; }
.about_gflas_table	table	{width:100%; }

.about_gflas_table	table thead		td	{ font:300 18px/35px "Noto Sans KR", sans-serif; color:#444;  text-align:center; vertical-align:middle; position:relative}
.about_gflas_table	table thead		td	strong	{font:500 23px/30px "Noto Sans KR", sans-serif; color:#444; display:block; padding-bottom:5px}
.about_gflas_table	table thead		td .f_line		{position:absolute; bottom:0; left:0; width:100%;  border-top:5px solid #1eb2cb; height:10px; border-left:1px solid #ddd}
.about_gflas_table	table thead		td .s_line		{position:absolute; bottom:0; left:0; width:100%;  border-top:5px solid #1c85b5; height:20px; border-left:1px solid #ddd}
.about_gflas_table	table thead		td .t_line		{position:absolute; bottom:0; left:0; width:100%;  border-top:5px solid #1c59a1; height:30px;  border-left:1px solid #ddd}


.about_gflas_table	table tbody 	th	{text-align:left; vertical-align:middle;  font:500 20px/26px "Noto Sans KR", sans-serif; color:#444; padding-bottom:20px; width:220px !important;}
.about_gflas_table	table tbody 	th.gflas_icon1		{background:url('/_img/web/cont/gflas_icon1.gif')no-repeat 95% center;}
.about_gflas_table	table tbody 	th.gflas_icon2		{background:url('/_img/web/cont/gflas_icon2.gif')no-repeat 95% center;}
.about_gflas_table	table tbody 	th.gflas_icon3		{background:url('/_img/web/cont/gflas_icon3.gif')no-repeat 95% center;}
.about_gflas_table	table tbody 	td	{border-left:1px solid #ddd;  padding-bottom:20px;}


.about_gflas_table	table tbody 	td ul			{padding:15px 0 15px 15px;}
.about_gflas_table	table tbody 	td ul li		{position:relative; margin-bottom:8px; padding-left:8px; font:300 14px/20px "Noto Sans KR", sans-serif; color:#555;  word-break:keep-all;}
.about_gflas_table	table tbody 	td ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:2px; height:2px; background:#555; border-radius:10px;}

.about_gflas_table	table tbody 	td ul li.other		{position:relative; margin-bottom:8px; padding-left:8px; font:300 14px/20px "Noto Sans KR", sans-serif; color:#1eb2cb; word-break:keep-all;}
.about_gflas_table	table tbody 	td ul li.other:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:2px; height:2px; background:#1eb2cb; border-radius:10px;}
.about_gflas_table	table tbody 	td span	{color:#1eb2cb}


.about_gflas_table	table tfoot		td	{border-top:1px solid #ddd; font:300 16px/26px "Noto Sans KR", sans-serif; color:#444; padding-top:10px;}
.about_gflas_table	table tfoot		td:last-child	{position:relative}
.about_gflas_table	table tfoot		td:last-child span	{position:absolute; top:-5px; right:0; width:9px; height:10px; background:url('/_img/web/cont/triangle.gif')no-repeat 0 0;}






/********** 특허현황 **********/


table.patent	{width:100%;}	
table.patent thead th	{font:500 17px/28px "Noto Sans KR", sans-serif; color:#555; border:1px solid #ccc; border-left:none; background-color:#f5f5f5; padding:10px 0; }
table.patent thead th:last-child	{border-right:none}

table.patent tbody	th	{width:250px; font:300 17px/28px "Noto Sans KR", sans-serif; color:#333; border:1px solid #abbed3; border-left:none; background-color:#f0f5fb; padding:10px 0;vertical-align:middle}
table.patent tbody	td	{font:300 17px/28px "Noto Sans KR", sans-serif; color:#555; border:1px solid #abbed3; border-left:none; padding:10px 0; text-align:center; width:15%}
table.patent tbody	td:last-child	{border-right:none}
table.patent tbody	td.middle_td	{color:#1c58a0; width:200px;}

table.patent tfoot	td	{font:500 17px/28px "Noto Sans KR", sans-serif; color:#000; border:1px solid #abbed3; border-left:none; background-color:#ccd9e8; padding:10px 0;vertical-align:middle; text-align:center}
table.patent tfoot	th	{font:500 17px/28px "Noto Sans KR", sans-serif; color:#fff; border:1px solid #18477f; border-left:none; background-color:#1c59a0; padding:10px 0;vertical-align:middle; text-align:center}
table.patent tfoot	td:last-child	{border-right:none}
table.patent tfoot	th:last-child	{border-right:none}



/********** 연혁 **********/

.history_box	{position:relative; margin-bottom:20px;}
.history_box .year	{position:absolute; left:0; top:0; background:linear-gradient(90deg, #1d5aa1, #43bbd2); font:600 26px/27px "Noto Sans KR", sans-serif; color:#fff; width:280px; line-height:110px; text-align:center; border-top-right-radius:25px; border-bottom-left-radius:25px; }
.history_box .year:after	{content:""; position:absolute; bottom:0; right:0;width:168px; height:48px; background:url('/_img/web/cont/about_tlt_bg.png')no-repeat 0 0; z-index:8 }

.history_box .history_list	{width:55%; float:right; padding-top:10px; position:relative}
.history_box .history_list:after	{content:""; position:absolute; left:-170px; top:53px; width:120px; height:1px; background-color:#ddd}


.history_box .history_list ul				{width:100%; margin-top:30px}
.history_box .history_list ul li			{position:relative; margin-bottom:10px; padding-left:12px; font:300 17px/27px "Noto Sans KR", sans-serif; color:#666;  word-break:keep-all;}
.history_box .history_list ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#666; border-radius:10px;}

.history_box .history_list ul li strong	{color:#1c58a0; font-weight:500}




/********** 리더쉽 **********/



.leadership_history1		{position:relative; border-bottom:1px solid #ededed; padding-bottom:50px; padding-top:50px; }
.leadership_history1 .ceo_img	{position:absolute; right:50px; top:0; z-index:8}



.leadership_history1	.leadership_tlt1	{padding:0 50px;  font:400 34px/50px "Noto Sans KR", sans-serif; color:#333; }
.leadership_history1	.leadership_tlt1 span	{color:#45bfd5}

.leadership_history1	.leadership_tlt2		{background:linear-gradient(90deg, #1d5aa1, #43bbd2);  border-top-right-radius:25px; border-bottom-left-radius:25px;  padding:30px 0 30px 250px; position:relative; margin:40px auto; z-index:6}	
.leadership_history1	.leadership_tlt2	.ceo_name		{position:absolute; left:50px; top:30px;  font:400 20px/50px "Noto Sans KR", sans-serif; color:#fff; }
.leadership_history1	.leadership_tlt2	.ceo_name strong	{font-size:26px; font-weight:500}

.leadership_history1	.leadership_tlt2	ul li			{position:relative;  padding-left:15px; font:300 18px/32px "Noto Sans KR", sans-serif; color:#fff; word-break:keep-all;}
.leadership_history1	.leadership_tlt2	ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#fff; border-radius:10px;}

.leadership_history1	.leadership_tlt3					{position:relative; overflow: hidden}
.leadership_history1	.leadership_tlt3:after			{content:""; position:absolute; top:11px; left:50%; z-index:5; width:1px; height:300px; background:#eee; }

.leadership_history1	.leadership_tlt3	ul				{width:50%; float:left; box-sizing:border-box; padding:0 40px }
.leadership_history1	.leadership_tlt3	ul li			{position:relative; margin-bottom:10px;  padding-left:12px; font:300 17px/25px "Noto Sans KR", sans-serif; color:#666; word-break:keep-all;}
.leadership_history1	.leadership_tlt3	ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#45bfd5; border-radius:10px;}
.leadership_history1	.leadership_tlt3	ul.tlt3_right	{padding-top:60px;}



.leadership_history2	{position:relative; overflow: hidden; margin:80px auto 120px auto}
.leadership_history2:before			{content:""; position:absolute; top:100px; left:20%; width:60%; height:1px; background:#eee; z-index:1}
.leadership_history2  ul li	{width:33%; float:left; text-align:center; position:relative; z-index:5}

.leadership_history2  ul li:after			{content:""; position:absolute; top:94px; left:0; width:5px; height:5px; background:#fff; border-radius:50%; border:3px solid #1c58a0;  z-index:2}
.leadership_history2  ul li.f_cl:after			{display:none}


.leadership_history2  ul li .icon		{width:200px; margin:0 auto; height:200px; border-radius:50%; background-color:#f5f5f5;  box-sizing:border-box; padding-top:50px; margin-bottom:30px;}

.leadership_history2  ul li .text		{font:300 17px/27px "Noto Sans KR", sans-serif; color:#666;}
.leadership_history2  ul li .text	span	{display:block; padding-bottom:15px; font:400 20px/25px "Noto Sans KR", sans-serif; color:#1c58a0;}

.m_ceo_img		{display:none}



/********** 오시는길 **********/

.location_tlt	{position:absolute; z-index:80; top:450px;  font:500 23px/28px "Noto Sans KR", sans-serif; color:#fff; background:linear-gradient(90deg, #1d5aa1, #43bbd2); border-top-right-radius:25px; border-bottom-left-radius:25px; padding:30px 0; width:700px; text-align:center;}
.location_list	{border-bottom:1px solid #ddd; padding:20px 0;}
.location_list  ul li	{margin-bottom:20px; overflow:hidden; position:relative; padding-left:120px;}
.location_list  ul li h5	{font:500 21px/28px "Noto Sans KR", sans-serif; color:#333; position:absolute; top:0; left:0}

.location_list  ul li dl	{width:50%; float:left}
.location_list  ul li dl dt	{width:80px; text-align:center; float:left; border-radius:30px; font:500 15px/28px "Noto Sans KR", sans-serif; color:#fff;}
.location_list  ul li dl dt.call_bg	{background:#1d589f}	
.location_list  ul li dl dt.email_bg	{background:#1fb2cd}	
.location_list  ul li dl dt.traffic_bg	{background:#18ad74}	
.location_list  ul li dl dd	{float:left; padding-left:15px;  font:300 15px/28px "Noto Sans KR", sans-serif; color:#555;}





/********** Non-GMO Editing **********/


.nmgo_box1		{border:1px solid #ddd; border-top:0; background:#f7f7f7 url('/_img/web/cont/ngmo_img3.gif')no-repeat bottom right; padding:50px 0;}
.nmgo_box1	 p	{ width:240px; margin:0 auto; padding-left:200px; height:226px;  background: url('/_img/web/cont/ngmo_img2.gif')no-repeat left top; font:300 17px/28px "Noto Sans KR", sans-serif; color:#555; }
.nmgo_box1	 p span	{font:400 16px/28px "Noto Sans KR", sans-serif; color:#1c58a0; display:block; padding-top:50px; padding-bottom:30px;}
.nmgo_box1	 p strong	{display:block; font:500 20px/28px "Noto Sans KR", sans-serif; color:#000; }

.nmgo_list1		{width:100%; max-width:1000px; margin:50px auto; overflow:hidden}
.nmgo_list1	li	{position:relative; height:250px; word-break:keep-all; box-sizing:border-box; text-align:center; }
.nmgo_list1	li.ls1		{width:34%; float:left;  margin-right:5%; text-align:center; background-color:#f7f7f7;  padding:40px 50px; font:300 16px/27px "Noto Sans KR", sans-serif; color:#555;}
.nmgo_list1	li.ls1:after	{content:""; position:absolute;  top:88px; right:-40px; z-index:5; width:30px; height:70px; background:url('/_img/web/cont/ngmo_arrow1.gif')no-repeat 0 0;}

.nmgo_list1	li.ls2		{width:28%; float:left; background-color:#edfcff;  padding:55px 30px 0 30px;  font:300 16px/23px "Noto Sans KR", sans-serif; color:#555;}
.nmgo_list1	li.ls2:after	{content:""; position:absolute;  top:88px; right:-40px; z-index:5; width:30px; height:70px; background:url('/_img/web/cont/ngmo_arrow2.gif')no-repeat 0 0;}
.nmgo_list1	li.ls2	span	{display:block;  font:500 19px/27px "Noto Sans KR", sans-serif; color:#1c58a0; padding-bottom:5px}
.nmgo_list1	li.ls2	strong	{display:block;  font:500 16px/27px "Noto Sans KR", sans-serif; color:#333; padding-top:10px}
.nmgo_list1	li.ls3		{width:28%; float:right; background-color:#edfcff; padding:80px 60px 0 60px; font:500 19px/27px "Noto Sans KR", sans-serif; color:#1c58a0;}


.nmgo_table1	{margin:20px auto}
.nmgo_table1 table	{border-top:3px solid #c7c7c7; width:100%;}
.nmgo_table1 table	thead	th	{background-color:#f5f5f5;   padding:10px 0; font:300 17px/27px "Noto Sans KR", sans-serif; color:#555; vertical-align:middle;  text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd}
.nmgo_table1 table	thead	th:first-child	{border-left:none}
.nmgo_table1 table	thead	td	{background-color:#ccd9e9; width:120px; padding:10px 0; font:300 17px/27px "Noto Sans KR", sans-serif; color:#555; vertical-align:middle;  text-align:center;  border-bottom:1px solid #ddd; border-left:1px solid #b2c5d9}
.nmgo_table1 table	thead	td:first-child	{border-left:none}

.nmgo_table1 table	tbody	th	{padding:10px; text-align:center; background-color:#f5f5f5; border-bottom:1px solid #ddd; font-weight:300; vertical-align:middle}
.nmgo_table1 table	tbody	td	{padding:10px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle}


.nmgo_table2		{margin:50px auto; padding:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.nmgo_table2 p		{ font:500 20px/27px "Noto Sans KR", sans-serif; color:#333; max-width:1010px; margin:0 auto}
.nmgo_table2 div	{padding:15px 0; max-width:1010px; margin:0 auto}

span.tg {margin-top:10px; color:#888; font:300 15px/16px "Noto Sans KR", sans-serif; display:block}
/********** Pipeline **********/



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


.pipeline_text1		{margin:0 auto 40px auto; padding-bottom:50px; border-bottom:1px solid #ddd; max-width:1000px;}
.pipeline_text1	p	{width:320px; margin:0 auto; padding-top:10px; font:500 20px/32px "Noto Sans KR", sans-serif; color:#333; text-align:center; position:relative}
.pipeline_text1	p:after	{content:""; position:absolute;  top:10px; right:-70px; z-index:5; width:83px; height:114px; background:url('/_img/web/cont/pipeline1_img1.jpg')no-repeat 0 0;}
.pipeline_text1	p strong		{display:block;  font:600 24px/32px "Noto Sans KR", sans-serif; color:#1c58a0;}
.pipeline_text1	p span		{display:block;  font:400 18px/32px "Noto Sans KR", sans-serif; color:#1eb0ca;}

.pipeline_text2		{margin:0 auto 20px auto;  max-width:500px;}
.pipeline_text2 p		{padding-top:10px; font:500 20px/32px "Noto Sans KR", sans-serif; color:#555; text-align:center; padding-bottom:15px; }
.pipeline_text2 ul li			{position:relative; margin-bottom:5px;  padding-left:12px; font:300 17px/25px "Noto Sans KR", sans-serif; color:#1c58a0; word-break:keep-all;}
.pipeline_text2 ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#1c58a0; border-radius:10px;}


.pipeline_img			{text-align:center; padding:20px 0}
.pipeline_img	 img	{width:100%; max-width:550px;}



.pipeline3_text		{text-align:center; font:300 20px/25px "Noto Sans KR", sans-serif; color:#333;}	
.pipeline3_text strong	{font-weight:500}

.pipeline3_img1		{text-align:center; border-bottom:1px solid #ddd;  max-width:1000px; margin:0 auto; padding:50px 0}
.pipeline3_img1	img	{max-width:580px; width:100%;}


.pipeline3_box		{background:#f7f7f7 url('/_img/web/cont/pipeline3_bg.jpg') no-repeat center bottom; background-size:cover; padding:50px; border:1px solid #ddd;  border-top:0}
.pipeline3_box	.text		{text-align:center; font:500 20px/25px "Noto Sans KR", sans-serif; color:#333; padding-bottom:30px;}


.pipeline2_img1	img	{max-width:580px; width:100%;}
.pipeline2_text1		{position:relative; background-color:#f5f5f5; padding:50px;  font:300 17px/28px "Noto Sans KR", sans-serif; color:#555555; margin-top:30px; text-align:center; word-break:keep-all}
.pipeline2_text1:before		{content:""; position:absolute; top:-50px; left:50%; margin-left:-55px; width:110px; height:85px; background:url('/_img/web/cont/cancerase_arrow1.png')no-repeat 0 0; z-index:8 }
.pipeline2_text1	span		{color:#1c58a0; font-weight:500}

.pipeline2_box1			{border:1px solid #ddd; border-top:none; background-color:#fafafa; margin-top:-2px; position:relative; z-index:10; margin-bottom:80px; padding:40px 0}
.pipeline2_text2			{max-width:950px; margin:0 auto;   font:300 17px/28px "Noto Sans KR", sans-serif; color:#555555;  text-align:center; word-break:keep-all}
.pipeline2_text2	span		{color:#1c58a0; font-weight:500; display:block; }

.pipeline2_text3			{max-width:950px; margin:30px auto 0 auto;   background-color:#e6f3f6; padding:20px 0; text-align:center;   font:500 18px/31px "Noto Sans KR", sans-serif; color:#1eb1cb; }
.pipeline2_text4			{width:100%; text-align:center; padding:20px 0; background-color:#fff;  font:500 18px/31px "Noto Sans KR", sans-serif; color:#1c58a0; }

.pipeline2_box2			{background-color:#f5f5f5; padding:50px 80px; margin-top:50px; }

.pipeline2_box3			{width:100%; margin-bottom:30px; overflow: hidden}
.pipeline2_box3 .box3_l	{width:45%; float:left}
.pipeline2_box3 .box3_r	{width:45%; float:right}
.pipeline2_box3 .box3_r p	{padding-top:20px; text-align:right;  font:200 16px/28px "Noto Sans KR", sans-serif; color:#888888;}


.unit_text						{text-align:right;  font:500 16px/31px "Noto Sans KR", sans-serif; color:#1c58a0;  padding-bottom:5px}

table.pipeline2_table		{ width:100%; background-color:#fff;border:1px solid #bbb; border-top:3px solid #bbb;}
table.pipeline2_table thead	{border-bottom:3px solid #bbb;}
table.pipeline2_table thead td	{text-align:center;  font:300 17px/31px "Noto Sans KR", sans-serif; color:#333; vertical-align:middle; padding:5px 20px}
table.pipeline2_table thead th	{text-align:center;  font:300 17px/31px "Noto Sans KR", sans-serif; color:#333; vertical-align:middle; background-color:#ccd9e8; border-left:1px solid #abbed3; border-bottom:1px solid #abbed3; padding:5px 20px}


table.pipeline2_table tbody	th	{font:400 16px/31px "Noto Sans KR", sans-serif; color:#333; padding:5px 20px; text-align:left; border-bottom:1px solid #bbb}
table.pipeline2_table tbody	td	{padding:10px 20px; vertical-align:middle; font:300 16px/31px "Noto Sans KR", sans-serif; color:#333;  padding:5px 20px; text-align:right; border-left:1px solid #bbb; border-bottom:1px solid #bbb}

table.pipeline2_table tfoot	th	{font:400 16px/31px "Noto Sans KR", sans-serif; color:#333; padding:5px 20px;  background-color:#ccd9e8; border-left:1px solid #bbb; }
table.pipeline2_table tfoot	td	{padding:10px 20px; vertical-align:middle; font:300 16px/31px "Noto Sans KR", sans-serif; color:#fff;  padding:5px 20px; background-color:#1c58a0; border-left:1px solid #18477f; border-bottom:1px solid #18477f; }


table.pipeline2_table2		{width:100%; background-color:#fff; border:1px solid #bbb}
table.pipeline2_table2 thead td	{text-align:center;  font:300 17px/31px "Noto Sans KR", sans-serif; color:#333; vertical-align:middle; padding:10px 20px; border-bottom:2px solid #bbb;}
table.pipeline2_table2 thead th	{text-align:center;  font:300 17px/31px "Noto Sans KR", sans-serif; color:#333; vertical-align:middle; background-color:#ccd9e8; border-left:1px solid #abbed3; border-bottom:2px solid #bbb; padding:10px 20px}


table.pipeline2_table2 tbody	th	{font:400 17px/24px "Noto Sans KR", sans-serif; color:#333; padding:10px 0; text-align:center; width:20%}
table.pipeline2_table2 tbody	td	{padding:10px 20px; vertical-align:middle; font:300 16px/24px "Noto Sans KR", sans-serif; color:#333;  text-align:center; border-left:1px solid #bbb}


.pipeline2_list1			{width:100%; overflow:hidden; max-width:1000px; margin:20px auto}
.pipeline2_list1 .pipeline2_list1_f	{width:100%; background:url('/_img/web/cont/pipeline2_img5.jpg')no-repeat 15% center; z-index:8; background-color:#f7f7f7; box-sizing:border-box;  padding:50px 40px 50px 45%; margin-bottom:50px}
.pipeline2_list1 .pipeline2_list1_f p	{font:400 19px/27px "Noto Sans KR", sans-serif; color:#1c58a0; padding-bottom:15px }

.pipeline2_list1 .pipeline2_list1_f  ul li			{position:relative; margin-bottom:5px;  padding-left:12px; font:300 17px/25px "Noto Sans KR", sans-serif; color:#555; word-break:keep-all;}
.pipeline2_list1 .pipeline2_list1_f  ul li:before	{content:""; position:absolute; top:11px; left:0; z-index:5; width:4px; height:4px; background:#555; border-radius:10px;}

.pipeline2_list1 .pipeline2_list1_s	{width:42%; margin-left:8%; background-color:#f7f7f7; float:left; box-sizing:border-box;   text-align:center; padding:30px;  font:300 17px/25px "Noto Sans KR", sans-serif; color:#555; position:relative }
.pipeline2_list1 .pipeline2_list1_s:after	{content:""; position:absolute;  top:35px; left:-12%; z-index:5; width:30px; height:70px; background:url('/_img/web/cont/ngmo_arrow1.gif')no-repeat 0 0;}
.pipeline2_list1 .pipeline2_list1_t	{width:42%; margin-left:8%; background-color:#edfcff; float:left;  box-sizing:border-box;   text-align:center; padding:30px;  font:300 17px/25px "Noto Sans KR", sans-serif;  color:#1c58a0;  position:relative}
.pipeline2_list1 .pipeline2_list1_t:after	{content:""; position:absolute;  top:35px; left:-12%; z-index:5; width:30px; height:70px; background:url('/_img/web/cont/ngmo_arrow2.gif')no-repeat 0 0;}


.pipeline2_list1  span		{display:block; padding-bottom:10px;  font:500 19px/25px "Noto Sans KR", sans-serif;  color:#1c58a0}

}