@charset "utf-8";

/*본고딕 100,300,400,500,700,900로 사용가능*/



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


/* 비주얼 */
div.visual_cont						{padding:195px 0 0 50px !important;}
div.visual_cont .visual_tit			{font:500 72px/74px "Noto Sans KR", sans-serif !important; transition:0.5s;}
div.visual_cont .visual_sub			{margin:20px 0 0 5px !important; font:200 16px/26px "Noto Sans KR", sans-serif !important; transition:0.5s;}
div.visual_cont .visual_btn			{margin:50px 0 0 5px !important;}
div.visual_cont .visual_btn	a		{width:210px !important; font:400 17px/23px "Noto Sans KR", sans-serif !important; transition:0.5s;}

div.visual_w div.visual_cont .visual_tit	{font:500 72px/74px "Noto Sans KR", sans-serif !important; transition:0.5s;}
div.visual_w div.visual_cont .visual_sub	{margin:20px 0 0 5px !important; font:300 16px/28px "Noto Sans KR", sans-serif !importnat; transition:0.5s;}



/* 공지사항 */
table.main_notice_wrap td.notice						{padding-left:56px !imoprtant; font:400 19px/27px "Noto Sans KR", sans-serif !important; background:url('/en/_img/web/main/main_notice.png') no-repeat 20px 50% / 29px auto !important;}
table.main_notice_wrap td.notice_cont div.slider p a	{font:400 17px/23px "Noto Sans KR", sans-serif !important;  background:url('/en/_img/web/main/green_dot.png') no-repeat 0 55% !important;}




/* 핵심기술 */
#main_content	{padding:140px 0 30px 0 !important;}

div.tech								{margin-bottom:70px !important;}
div.tech div.cont					{padding-left:20px; box-sizing:border-box; transition:0.5s;}
div.tech div.cont p.tit			{padding-top:50px !important;}
div.tech div.cont p.tit span.dot{font:500 44px/50px "Noto Sans KR", sans-serif !important;}
div.tech div.cont p.tit:after	{top:140px !important; left:20px !important; width:585px !important; background:url('/en/_img/web/main/cont_left.png')no-repeat -100px 0 !important; transition:0.5s;}
div.tech div.cont p.sub			{margin-top:45px; font:300 16px/28px "Noto Sans KR", sans-serif !important;}
div.tech div.cont p.btn			{margin-top:70px;}
div.tech p.img					{height:400px !important;}

div.tech_r							{margin-bottom:70px !important;}
div.tech_r div.cont					{padding-right:20px; box-sizing:border-box; transition:0.5s;}
div.tech_r div.cont p.tit			{padding:50px 0 0 550px !important;}
div.tech_r div.cont p.tit span.dot	{font:500 44px/50px "Noto Sans KR", sans-serif !important;}
div.tech_r div.cont p.tit:after		{top:190px !important; right:20px !important; width:585px !important; transition:0.5s;}
div.tech_r div.cont p.sub			{margin-top:45px; font:300 16px/28px "Noto Sans KR", sans-serif !important; }
div.tech_r div.cont p.btn			{margin-top:50px !important;}
div.tech_r p.img					{height:400px !important;}


/* 보도자료 */
.main_news				{padding:110px 0 !important; transition:0.5s;}
.main_news .news_tit	{margin-bottom:45px !important; font:400 50px/54px "Noto Sans KR", sans-serif !important; transition:0.5s;}

.main_news ul.news_list li						{padding:0 15px 0 20px !important; height:560px; transition:0.5s;}
.main_news ul.news_list li:last-child			{padding:0 20px 0 15px !important; transition:0.5s;}
.main_news ul.news_list li p.news_img			{height:265px; !important; transition:0.5s;}
.main_news ul.news_list li p.news_img img		{height:265px !important;}
.main_news ul.news_list li p.news_img_none		{height:265px !important;}
.main_news ul.news_list li p.news_img_none img	{height:265px !important;}

.main_news ul.news_list li div.news_cont	{padding:0 35px 0 40px !important; transition:0.5s;}	

.main_news ul.news_list li:last-child div.news_cont	{padding:0 40px 0 35px !important; transition:0.5s;}

	
.main_news ul.news_list li.no_cont		{width:100%; box-sizing:border-box; cursor:default !important; text-align:center; margin-bottom:50px; height:auto; padding:200px 0 90px 0 !important; color:#999; background:url('/_img/web/cont/no_list.png')no-repeat 50% 40% / 170px #eee;}






}




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

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

/* 비주얼 */

div.visual_wrap							{width:100%; margin:0 auto; position: relative; z-index:1;}
div.visual_wrap p.dot					{width:100%; position:absolute; z-index:20; left:0; bottom:40px; text-align:center;}
div.visual_wrap p.dot a					{margin:4px}
div.visual_wrap p.dot a span.dot_item	{display:inline-block; width:80px; height:3px;}
div.visual_wrap div.visual				{width:100%; height:725px;}
div.visual_wrap div.visual_w			{width:100%; height:725px;}

div.visual_cont						{max-width:1100px; position: relative; padding:185px 0 0 0; z-index:1; margin:0 auto;}
div.visual_cont .visual_tit			{font:500 75px/80px "Noto Sans KR", sans-serif; color:#fff; letter-spacing:0.3; transition:0.5s;}
div.visual_cont .visual_tit	span	{display:block;font-weight:300; color:#51ae7d}


div.visual_cont .visual_sub			{margin:15px 0 0 5px; font:200 17px/28px "Noto Sans KR", sans-serif; color:#fff; transition:0.5s;}
div.visual_cont .visual_btn			{margin:35px 0 0 5px;}
div.visual_cont .visual_btn	a		{display:inline-block; width:230px; padding:15px 0; background:#feae01; border-radius:50px; text-align:center; font:400 18px/24px "Noto Sans KR", sans-serif; color:#fff; transition:0.5s;}
div.visual_cont .visual_btn	a:hover	{background:#333; color:#fff}

div.visual_w div.visual_cont .visual_tit	{font:500 75px/80px "Noto Sans KR", sans-serif; color:#fff; letter-spacing:0.3; transition:0.5s;}
div.visual_w div.visual_cont .visual_sub	{margin:15px 0 0 5px; font:200 17px/28px "Noto Sans KR", sans-serif; color:#fff; transition:0.5s;}


/* 공지사항 */
div.main_notice							{width:100%; border-bottom:1px solid #ddd; padding:10px 0;}
div.main_notice .notice_wrap			{max-width:1100px; margin:0 auto;}

table.main_notice_wrap							{width:100%; table-layout:fixed}
table.main_notice_wrap col.tit					{width:16%}
table.main_notice_wrap col.btn					{width:40px}
table.main_notice_wrap col.cont					{width:auto}
table.main_notice_wrap td						{vertical-align:middle;}
table.main_notice_wrap td.notice				{}
table.main_notice_wrap td.notice a				{display:inline-block; padding-left:58px; font:400 20px/28px "Noto Sans KR", sans-serif; color:#51ae7d; background:url('/en/_img/web/main/main_notice.png') no-repeat 20px 60%;}
table.main_notice_wrap td.notice_more a			{display:block; width:40px; height:40px; border:1px solid #ddd; box-sizing:border-box; background:url('/en/_img/web/main/notice_plus.png') no-repeat 50% 50%;}
table.main_notice_wrap td.notice_cont						{padding-right:20px;}
table.main_notice_wrap td.notice_cont div.slider			{width:100%; position:relative; margin-top:-14px}
table.main_notice_wrap td.notice_cont div.slider p a		{display:inline-block; float:left; padding-left:13px; box-sizing:border-box; outline:none; font:400 18px/24px "Noto Sans KR", sans-serif; color:#555; background:url('/en/_img/web/main/green_dot.png') no-repeat 0 50%; width:80%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
table.main_notice_wrap td.notice_cont div.slider p span		{display:inline-block; float:right; font-weight:100; color:#fe9601}

.slick-prev		{position:absolute; z-index:9; top:-6px; left:0px; width:40px; height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url('/en/_img/web/main/notice_prev.png')#fff no-repeat 50% 50%; box-sizing:border-box; outline:none;}
.slick-next		{position:absolute; z-index:9; top:-6px; left:40px; width:40px; height:40px; border:1px solid #ddd; box-sizing:border-box; background:url('/en/_img/web/main/notice_next.png')#fff no-repeat 50% 50%; outline:none;}
.draggable		{display:inline-block; position:absolute; z-index:9; top:3px; right:0px; width:85%; outline:none;}
.slick-active	{outline:none;}




/* 핵심기술 */
#main_content	{width:100%; margin:0 auto; padding:180px 0 50px 0;}

.t_view				{opacity:1 !important;}
.t_view div.cont	{transform:translateY(-40px); transition:2s;}
.t_view p.img		{transform:translateY(-80px);  transition:2s;}


div.tech						{position:relative; margin-bottom:120px; opacity:0; transition:0.5s;}
div.tech div.cont				{max-width:1100px; margin:0 auto; height:450px; transition:1.5s;}
div.tech div.cont p.tit			{padding-top:70px;}
div.tech div.cont p.tit span	{display:block; margin:8px 0 0 3px; font:300 20px/24px "Noto Sans KR", sans-serif; color:#666;}
div.tech div.cont p.tit span.dot{display:inline; padding-right:15px; font:500 50px/54px "Noto Sans KR", sans-serif; color:#333; background:url('/en/_img/web/main/point_dot.png')no-repeat 100% 15px;}
div.tech div.cont p.tit span.plus{display:inline; padding-right:15px; font:500 50px/54px "Noto Sans KR", sans-serif; color:#333; background:url('/en/_img/web/main/plus.png')no-repeat 100% 15px;}
div.tech div.cont p.tit:after	{content:""; position:absolute; top:165px; left:0;  z-index:10; width:685px; height:20px; background:url('/en/_img/web/main/cont_left.png')no-repeat 0 0; transition:0.5s;}
div.tech div.cont p.sub			{margin-top:45px; font:300 17px/28px "Noto Sans KR", sans-serif; color:#999;}
div.tech div.cont p.btn			{margin-top:70px;}
div.tech p.img					{width:50%; position:absolute; top:50px; right:0; z-index:-5; height:450px;}


div.tech_r							{position:relative; margin-bottom:120px; opacity:0; transition:0.5s; text-align:right;}
div.tech_r div.cont					{max-width:1100px; margin:0 auto; height:450px; transition:1.5s;}
div.tech_r div.cont p.tit			{padding:70px 0 0 500px;}
div.tech_r div.cont p.tit span		{display:block; margin:8px 0 0 3px; font:300 20px/24px "Noto Sans KR", sans-serif; color:#666;}
div.tech_r div.cont p.tit span.dot	{display:inline; padding-left:15px; font:500 50px/54px "Noto Sans KR", sans-serif; color:#333; background:url('/en/_img/web/main/point_dot.png')no-repeat 0 15px;}
div.tech_r div.cont p.tit:after		{content:""; position:absolute; top:220px; right:0;  z-index:10; width:685px; height:20px; background:url('/en/_img/web/main/cont_right.png')no-repeat 0 0; transition:0.5s;}
div.tech_r div.cont p.sub			{margin-top:45px; font:300 17px/28px "Noto Sans KR", sans-serif; color:#999;}
div.tech_r div.cont p.btn			{margin-top:50px;}
div.tech_r p.img					{width:50%; position:absolute; top:50px; left:0; z-index:-5; height:450px;}

div.main_cont01 p.img	{background:url('/en/_img/web/main/main_cont01.jpg')no-repeat 50% 50% / cover}
div.main_cont02 p.img	{background:url('/en/_img/web/main/main_cont02.jpg')no-repeat 50% 50% / cover}
div.main_cont03 p.img	{background:url('/en/_img/web/main/main_cont03.jpg')no-repeat 50% 50% / cover}
div.main_cont04 p.img	{background:url('/en/_img/web/main/main_cont04.jpg')no-repeat 50% 50% / cover}

a.green_line		{display:inline-block; border:2px solid #feae01; border-radius:50px; padding:17px 75px 17px 25px; background-color:#fff; font:400 16px/18px "Noto Sans KR", sans-serif; color:#fe9601; background:url('/en/_img/web/main/more_btn.png')no-repeat 87% 50%; transition:0.5s}
a.green_line:hover	{border:2px solid #444; background:#444 url('/en/_img/web/main/more_btn_on.png')no-repeat 87% 50%; color:#fff;}


/* 보도자료 */
.main_news				{width:100%; background:#f9f9f9; padding:130px 0; transition:0.5s;}
.main_news .news_tit	{margin-bottom:55px; text-align:center; font:400 52px/56px "Noto Sans KR", sans-serif; color:#222; transition:0.5s;}
.main_news .news_tit a	{display:inline-block; width:38px; height:38px; border:1px solid #222; background:url('/en/_img/web/main/main_plus.png')no-repeat 50% 50%;}

.main_news ul.news_list							{max-width:1100px; margin:0 auto;}
.main_news ul.news_list li						{display:inline-block; position:relative; width:50%; box-sizing:border-box; padding:0 15px 0 0; height:560px; box-sizing:border-box; text-align:center; transition:0.5s;}
.main_news ul.news_list li:last-child			{display:inline-block; padding:0 0 0 15px; transition:0.5s;}
.main_news ul.news_list li p.news_img			{width:100%; height:270px; transition:0.5s; background:#000;}
.main_news ul.news_list li p.news_img img		{width:100%; height:270px; opacity:0.7}
.main_news ul.news_list li p.news_img_none		{width:100%; height:270px; transition:0.5s; background:url('/en/_img/web/comn/logo_w.png')#aaa no-repeat 50% 50%;}
.main_news ul.news_list li p.news_img_none img	{width:100%; height:270px;}
.main_news ul.news_list li div.news_cont		{position:absolute; width:100%; box-sizing:border-box; padding:0 35px 0 20px; top:200px; left:0; z-index:9; box-sizing:border-box; transition:0.3s;}	

.main_news ul.news_list li div.news_cont div.cont				{width:100%; background:#f9f9f9; padding:40px 30px; box-sizing:border-box; border-bottom:7px solid #f9f9f9; transition:0.4s;}	
.main_news ul.news_list li div.news_cont div.cont p.source		{text-align:center; margin-bottom:40px; font:400 17px/18px "Noto Sans KR", sans-serif; color:#fe9601;}	
.main_news ul.news_list li div.news_cont div.cont p.tit			{width:100%;  height:70px; font:500 27px/34px "Noto Sans KR", sans-serif; color:#333; word-wrap:break-word; word-break:keep-all; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
.main_news ul.news_list li div.news_cont div.cont p.more		{padding-top:88px; background:url('/en/_img/web/main/news_bar.png')no-repeat 50% 19px;}
.main_news ul.news_list li div.news_cont div.cont p.more a		{font:300 18px/19px "Noto Sans KR", sans-serif; color:#999;}	
	

.main_news ul.news_list li:last-child div.news_cont	{padding:0 20px 0 35px; transition:0.5s;}

.main_news ul.news_list li:hover div.news_cont			{top:198px; transition:0.3s;}
.main_news ul.news_list li:hover div.news_cont div.cont	{border-bottom:7px solid #51ae7d; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2); transition:0.4s;}	

.main_news ul.news_list li.no_cont		{width:100%; box-sizing:border-box; cursor:default !important; text-align:center; margin-bottom:50px; height:auto; padding:200px 0 90px 0; color:#999; background:url('/_img/web/cont/no_list.png')no-repeat 50% 40% / 170px #eee;}



/* 지도 */
.main_map						{width:100%; max-width:1100px; margin:0 auto; padding-top:50px; position:relative; text-align:right;}
.main_map .map					{display:inline-block; width:85%; height:450px;}
.main_map .cont					{position:absolute; top:300px; left:0; text-align:left; z-index:10; width:400px; height:285px; background:#3e9f6c; padding:40px; box-sizing:border-box;}
.main_map .cont .tit			{font:400 30px/32px "Noto Sans KR", sans-serif; color:#fff;}
/*.main_map .cont .info				{font:200 17px/24px "Noto Sans KR", sans-serif; color:#fff; padding:10px 0 20px 0; border-bottom:1px solid #5dce92}*/
/*.main_map .cont ul.t_m			{width:100%; padding-top:20px;}*/
/*.main_map .cont ul.t_m li			{padding:3px 0; font:100 17px/21px "Noto Sans KR", sans-serif; color:#fff;}*/
/*.main_map .cont ul.t_m li span	{font-weight:300; margin-right:10px;}*/
/*.main_map .cont ul.t_m li a		{font:100 17px/20px "Noto Sans KR", sans-serif; color:#fff; text-decoration:underline;}*/

.main_map .cont ul.info						{width:100%;}
.main_map .cont ul.info > li				{padding:15px 0 25px 0; border-bottom:1px solid #5dce92}
.main_map .cont ul.info > li:last-child		{padding:20px 0 0 0; border-bottom:none}
.main_map .cont ul.info > li p.t01			{font:200 17px/24px "Noto Sans KR", sans-serif; color:#fff;}
.main_map .cont ul.info > li p.t01 span		{display:block; margin-bottom:5px; font-weight:500;}
.main_map .cont ul.info > li ul.t_m			{width:100%; padding-top:5px;}
.main_map .cont ul.info > li ul.t_m li		{padding:2px 0 2px 12px; font:100 16px/21px "Noto Sans KR", sans-serif; color:#fff; position:relative;}
.main_map .cont ul.info > li ul.t_m li span	{font-weight:300; margin-right:10px;}
.main_map .cont ul.info > li ul.t_m li a	{font:100 16px/20px "Noto Sans KR", sans-serif; color:#fff; text-decoration:underline;}
.main_map .cont ul.info > li ul.t_m li:after{content:""; position:absolute; top:12px; left:0; width:4px; height:4px; background:#fff; border-radius:20px;}

.main_map .cont .btn			{padding-top:20px;}
.main_map .cont .btn a			{padding-right:40px; font:200 16px/17px "Noto Sans KR", sans-serif; color:#fff; background:url('/en/_img/web/main/more_btn_on.png')no-repeat 100% 68%;}

.main_map .map .map_copyright	{opacity:0;}

}






/********** 타블렛 **********/
@media only screen and (min-width: 640px) and (max-width: 931px) {

/* 핵심기술 */

div.main_cont02 p.tit:after	{top:200px !important;}
div.main_cont02 p.sub		{margin-top:30px !important;}
div.main_cont02 p.img		{height:400px !important;}


}


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

/* 보도자료 */

.main_news									{padding:100px 0 50px 0 !important;}
.main_news ul.news_list li					{display:block !important; position:relative; width:100% !important; box-sizing:border-box; padding:0 !important; margin-bottom:30px;}
.main_news ul.news_list li:last-child		{display:inline-block !important; padding:0 !important;}

.main_news ul.news_list li div.news_cont	{padding:0 15px !important;}	

.main_news ul.news_list li div.news_cont div.cont				{width:100%; background:#f9f9f9; padding:40px 20px; box-sizing:border-box; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2); border-bottom:7px solid #51ae7d; transition:0.4s;}	
.main_news ul.news_list li div.news_cont div.cont p.tit			{width:100%; height:64px !important; font:500 26px/34px "Noto Sans KR", sans-serif !important;}
.main_news ul.news_list li div.news_cont div.cont p.more		{padding-top:70px; background:url('/en/_img/ta/main/news_bar.jpg')no-repeat 50% 19px / 1px auto;}
.main_news ul.news_list li div.news_cont div.cont p.more a		{font:300 16px/18px "Noto Sans KR", sans-serif; color:#999;}	
	

.main_news ul.news_list li:last-child div.news_cont	{padding:0 15px !important;}

.main_news ul.news_list li.no_cont		{width:100%; box-sizing:border-box; cursor:default !important; text-align:center; margin-bottom:20px; height:auto; padding:160px 0 50px 0 !important; color:#999; background:url('/_img/ta/cont/no_list.png')no-repeat 50% 40% / 170px #eee;}
	


}


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


/* 비주얼 */

div.visual_wrap							{width:100%; margin:0 auto; position: relative; z-index:1;}
div.visual_wrap p.dot					{width:100%; position:absolute; z-index:20; left:0; bottom:40px; text-align:center;}
div.visual_wrap p.dot a					{margin:4px}
div.visual_wrap p.dot a span.dot_item	{display:inline-block; width:50px; height:2px;}
div.visual_wrap div.visual				{width:100%; height:380px;}
div.visual_wrap div.visual_w			{width:100%; height:380px;}
.slidesjs-container						{height:380px !important;}

div.visual_cont						{padding:70px 0 0 40px;}
div.visual_cont .visual_tit			{font:500 62px/68px "Noto Sans KR", sans-serif; color:#fff; letter-spacing:0.3; transition:0.5s;}
div.visual_cont .visual_tit	span	{display:block; font-weight:300; color:#51ae7d}
div.visual_cont .visual_sub			{display:none;}
div.visual_cont .visual_btn			{margin:35px 0 0 5px;}
div.visual_cont .visual_btn	a		{display:inline-block; width:200px; padding:14px 0; background:#feae01; border-radius:50px; text-align:center; font:400 17px/23px "Noto Sans KR", sans-serif; color:#fff; transition:0.5s;}

div.visual_w div.visual_cont .visual_tit	{font:500 62px/68px "Noto Sans KR", sans-serif; color:#222; letter-spacing:0.3; transition:0.5s;}


/* 공지사항 */
div.main_notice							{width:100%; border-bottom:1px solid #ddd; padding:10px 0;}

table.main_notice_wrap							{width:100%; table-layout:fixed}
table.main_notice_wrap col.tit					{width:20%}
table.main_notice_wrap col.btn					{width:35px}
table.main_notice_wrap col.cont					{width:auto}
table.main_notice_wrap td						{vertical-align:middle;}
table.main_notice_wrap td.notice				{}
table.main_notice_wrap td.notice a				{display:inline-block; padding-left:50px; font:400 18px/20px "Noto Sans KR", sans-serif; color:#51ae7d; background:url('/en/_img/ta/main/main_notice.png') no-repeat 20px 55% / 25px auto;}
table.main_notice_wrap td.notice_more a			{display:block; width:35px; height:35px; border:1px solid #ddd; box-sizing:border-box; background:url('/en/_img/ta/main/notice_plus.png') no-repeat 50% 50% / 19px auto;}
table.main_notice_wrap td.notice_cont						{padding-right:20px;}
table.main_notice_wrap td.notice_cont div.slider			{width:100%; position:relative; margin-top:-13px; margin-left:1px;}
table.main_notice_wrap td.notice_cont div.slider p a		{display:inline-block; float:left; padding-left:13px; box-sizing:border-box; outline:none; font:400 16px/22px "Noto Sans KR", sans-serif; color:#555; background:url('/en/_img/ta/main/green_dot.png') no-repeat 0 55% / 5px auto; width:70%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
table.main_notice_wrap td.notice_cont div.slider p span		{display:inline-block; float:right; font-weight:100; color:#fe9601}

.slick-prev		{position:absolute; z-index:9; top:-4.5px; left:0px; width:35.5px; height:35.5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url('/en/_img/ta/main/notice_prev.png')#fff no-repeat 50% 50% / 18px auto; box-sizing:border-box; outline:none;}
.slick-next		{position:absolute; z-index:9; top:-4.5px; left:35px; width:35.5px; height:35.5px; border:1px solid #ddd; box-sizing:border-box; background:url('/en/_img/ta/main/notice_next.png')#fff no-repeat 50% 55% / 18px auto; outline:none;}
.draggable		{display:inline-block; position:absolute; z-index:9; top:2px; right:0px; width:80%; outline:none;}
.slick-active	{outline:none;}



/* 핵심기술 */
#main_content	{width:100%; padding:130px 0 20px 0;}

.t_view				{opacity:1 !important;}
.t_view div.cont	{transform:translateY(-40px); transition:2s;}
.t_view p.img		{transform:translateY(-80px);  transition:2s;}


div.tech						{position:relative; margin-bottom:140px; opacity:0; transition:0.5s;}
div.tech div.cont				{width:50%; padding:20px 30px 0 30px; box-sizing:border-box; transition:1.5s;}
div.tech div.cont p.tit			{margin-top:55px;}
div.tech div.cont p.tit span	{display:block; margin:8px 0 0 3px; font:300 18px/21px "Noto Sans KR", sans-serif; color:#666;}
div.tech div.cont p.tit span.dot{display:inline; padding-right:15px; font:500 40px/42px "Noto Sans KR", sans-serif; color:#333; background:url('/en/_img/ta/main/point_dot.png')no-repeat 100% 10px / 10px auto;}
div.tech div.cont p.tit span.plus{display:inline; padding-right:15px; font:500 40px/42px "Noto Sans KR", sans-serif; color:#333; background:url('/en/_img/ta/main/plus.png')no-repeat 100% 10px / 13px auto;}
div.tech div.cont p.tit:after	{content:""; position:absolute; top:155px; left:30px;  z-index:10; width:120%; height:20px; background:url('/en/_img/ta/main/cont_left.png')no-repeat 100% 0 / 600px auto; transition:0.5s;}
div.tech div.cont p.tit span.tr {font:300 16px/21px "Noto Sans KR", sans-serif; color:#666;}
div.tech div.cont p.tit.tr:after{content:""; position:absolute; top:165px; left:30px;  z-index:10; width:120%; height:20px; background:url('/en/_img/ta/main/cont_left.png')no-repeat 100% 0 / 600px auto; transition:0.5s;}
div.tech div.cont p.sub			{margin-top:30px; font:300 16px/24px "Noto Sans KR", sans-serif; color:#999;}
div.tech div.cont p.btn			{margin-top:30px;}
div.tech p.img					{width:50%; position:absolute; top:50px; right:0; z-index:-5; height:350px;}



div.tech_r							{position:relative; margin-bottom:140px; opacity:0; transition:0.5s; text-align:right;}
div.tech_r div.cont					{margin-left:50%; width:50%; padding:20px 30px 0 30px; box-sizing:border-box; transition:1.5s; }
div.tech_r div.cont p.tit			{margin-top:55px;}
div.tech_r div.cont p.tit span		{display:block; margin:8px 0 0 3px; font:300 20px/24px "Noto Sans KR", sans-serif; color:#666;}
div.tech_r div.cont p.tit span.dot	{display:inline; padding-left:15px; font:500 40px/42px "Noto Sans KR", sans-serif; color:#333; background:url('/en/_img/ta/main/point_dot.png')no-repeat 0 10px / 10px auto;}
div.tech_r div.cont p.tit:after		{content:""; position:absolute; top:155px; right:30px;  z-index:10; width:120%; height:20px; background:url('/en/_img/ta/main/cont_right.png')no-repeat 0 0 / 600px auto; transition:0.5s;}
div.tech_r div.cont p.sub			{margin-top:30px; font:300 16px/24px "Noto Sans KR", sans-serif; color:#999;}
div.tech_r div.cont p.btn			{margin-top:30px;}
div.tech_r p.img					{width:50%; position:absolute; top:50px; left:0; z-index:-5; height:350px;}


div.main_cont01 p.img	{background:url('/en/_img/ta/main/main_cont01.jpg')no-repeat 0 50% / cover}
div.main_cont02 p.img	{background:url('/en/_img/ta/main/main_cont02.jpg')no-repeat 100% 50% / cover}
div.main_cont03 p.img	{background:url('/en/_img/ta/main/main_cont03.jpg')no-repeat 0% 50% / cover}
div.main_cont04 p.img	{background:url('/en/_img/ta/main/main_cont04.jpg')no-repeat 100% 50% / cover}


a.green_line		{display:inline-block; border:2px solid #feae01; border-radius:50px; padding:14px 65px 13px 20px; background-color:#fff; font:400 15px/17px "Noto Sans KR", sans-serif; color:#fe9601; background:url('/en/_img/ta/main/more_btn.png')no-repeat 87% 50% / 28px auto; transition:0.5s;}




/* 보도자료 */
.main_news				{width:100%; background:#f9f9f9; padding:100px 0; transition:0.5s;}
.main_news .news_tit	{margin-bottom:40px; text-align:center; font:400 44px/50px "Noto Sans KR", sans-serif; color:#222; transition:0.5s;}
.main_news .news_tit a	{display:inline-block; width:32px; height:32px; border:1px solid #222; background:url('/en/_img/ta/main/main_plus.png')no-repeat 50% 50% / 22px auto;}

.main_news ul.news_list						{width:100%; padding:0 30px; box-sizing:border-box;}
.main_news ul.news_list li					{display:inline-block; position:relative; width:50%; box-sizing:border-box; padding:0 15px 0 0; height:500px; box-sizing:border-box; text-align:center; transition:0.5s;}
.main_news ul.news_list li:last-child		{display:inline-block; padding:0 0 0 15px; transition:0.5s;}
.main_news ul.news_list li p.news_img		{width:100%; height:220px; background:#000; transition:0.5s;}
.main_news ul.news_list li p.news_img img	{width:100%; height:220px; opacity:0.7}
.main_news ul.news_list li p.news_img_none	{width:100%; height:220px; transition:0.5s; background:url('/en/_img/web/comn/logo_w.png')#aaa no-repeat 50% 50%;}
.main_news ul.news_list li p.news_img_none img	{width:100%; height:220px;}


.main_news ul.news_list li div.news_cont	{position:absolute; width:100%; box-sizing:border-box; padding:0 30px 0 15px; top:180px; left:0; z-index:9; box-sizing:border-box; transition:0.3s;}	

.main_news ul.news_list li div.news_cont div.cont				{width:100%; background:#f9f9f9; padding:40px 20px; box-sizing:border-box; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2); border-bottom:7px solid #51ae7d; transition:0.4s;}	
.main_news ul.news_list li div.news_cont div.cont p.source		{text-align:center; margin-bottom:30px; font:400 16px/17px "Noto Sans KR", sans-serif; color:#fe9601;}	
.main_news ul.news_list li div.news_cont div.cont p.tit			{width:100%; height:60px; font:500 22px/30px "Noto Sans KR", sans-serif; color:#333; word-wrap:break-word; word-break:keep-all; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
.main_news ul.news_list li div.news_cont div.cont p.more		{padding-top:70px; background:url('/en/_img/ta/main/news_bar.jpg')no-repeat 50% 19px / 1px auto;}
.main_news ul.news_list li div.news_cont div.cont p.more a		{font:300 16px/18px "Noto Sans KR", sans-serif; color:#999;}	
	
.main_news ul.news_list li:last-child div.news_cont	{padding:0 15px 0 30px; transition:0.5s;}	

.main_news ul.news_list li.no_cont		{width:100%; box-sizing:border-box; cursor:default !important; text-align:center; margin-bottom:20px; height:auto; padding:160px 0 50px 0; color:#999; background:url('/_img/ta/cont/no_list.png')no-repeat 50% 40% / 170px #eee;}
	


/* 지도 */
.main_map						{width:100%; box-sizing:border-box; padding:50px 30px 20px 30px; position:relative; text-align:right;}
.main_map .map					{display:inline-block; width:85%; height:360px;}
.main_map .cont					{position:absolute; top:200px; left:30px; text-align:left; z-index:10; width:40%; height:250px; background:#3e9f6c; padding:25px; box-sizing:border-box;}
.main_map .cont .tit			{font:400 24px/28px "Noto Sans KR", sans-serif; color:#fff;}
/*.main_map .cont .info			{font:200 15px/21px "Noto Sans KR", sans-serif; color:#fff; padding:10px 0 20px 0; border-bottom:1px solid #5dce92}*/
/*.main_map .cont ul.t_m			{width:100%; padding-top:20px;}*/
/*.main_map .cont ul.t_m li		{padding:2px 0; font:100 15px/21px "Noto Sans KR", sans-serif; color:#fff;}*/
/*.main_map .cont ul.t_m li span	{font-weight:300; margin-right:10px;}*/
/*.main_map .cont ul.t_m li a		{font:100 17px/20px "Noto Sans KR", sans-serif; color:#fff; text-decoration:underline;}*/

.main_map .cont ul.info						{width:100%;}
.main_map .cont ul.info > li				{padding:10px 0 15px 0; border-bottom:1px solid #5dce92}
.main_map .cont ul.info > li:last-child		{padding:15px 0 0 0; border-bottom:none}
.main_map .cont ul.info > li p.t01			{font:200 15px/21px "Noto Sans KR", sans-serif; color:#fff;}
.main_map .cont ul.info > li p.t01 span		{display:block; margin-bottom:5px; font-weight:500;}
.main_map .cont ul.info > li ul.t_m			{width:100%; padding-top:5px;}
.main_map .cont ul.info > li ul.t_m li		{padding:2px 0 2px 10px; font:100 15px/21px "Noto Sans KR", sans-serif; color:#fff; position:relative;}
.main_map .cont ul.info > li ul.t_m li span	{font-weight:300; margin-right:10px;}
.main_map .cont ul.info > li ul.t_m li a	{font:100 15px/20px "Noto Sans KR", sans-serif; color:#fff; text-decoration:underline;}
.main_map .cont ul.info > li ul.t_m li:after{content:""; position:absolute; top:11px; left:0; width:3px; height:3px; background:#fff; border-radius:20px;}


.main_map .cont .btn			{padding-top:10px;}
.main_map .cont .btn a			{padding-right:40px; font:200 16px/17px "Noto Sans KR", sans-serif; color:#fff; background:url('/en/_img/ta/main/more_btn_on.png')no-repeat 100% 70% / 28px;}


.main_map .map .map_copyright	{opacity:0;}



	
}







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



/* 비주얼 */

div.visual_wrap							{width:100%; margin:0 auto; position: relative; z-index:1;}
div.visual_wrap p.dot					{width:100%; position:absolute; z-index:20; left:0; bottom:20px; text-align:center;}
div.visual_wrap p.dot a					{margin:2px}
div.visual_wrap p.dot a span.dot_item	{display:inline-block; width:40px; height:2px;}
div.visual_wrap div.visual				{width:100%; height:250px;}
div.visual_wrap div.visual_w			{width:100%; height:250px;}
.slidesjs-container						{height:250px !important;}

p.test_vi	{position:absolute; z-index:-5; top:0; left:0; width:100%; height:250px;}

div.visual_cont						{padding:45px 0 0 20px;}
div.visual_cont .visual_tit			{font:500 38px/44px "Noto Sans KR", sans-serif; color:#fff; letter-spacing:0.3; transition:0.5s;}
div.visual_cont .visual_tit	span	{display:block; font-weight:300; color:#51ae7d}
div.visual_cont .visual_sub			{display:none;}
div.visual_cont .visual_btn			{margin:22px 0 0 5px;}
div.visual_cont .visual_btn	a		{display:inline-block; width:160px; padding:10px 0; background:#feae01; border-radius:50px; text-align:center; font:400 14px/18px "Noto Sans KR", sans-serif; color:#fff; transition:0.5s;}

div.visual_w div.visual_cont .visual_tit	{font:500 38px/44px "Noto Sans KR", sans-serif; color:#fff; letter-spacing:0.3; transition:0.5s;}


/* 공지사항 */
div.main_notice		{width:100%; border-bottom:1px solid #ddd; padding:10px 0;}

table.main_notice_wrap							{width:100%; table-layout:fixed}
table.main_notice_wrap col.tit					{width:105px}
table.main_notice_wrap col.btn					{width:1px}
table.main_notice_wrap col.cont					{width:auto}
table.main_notice_wrap td						{vertical-align:middle;}
table.main_notice_wrap td.notice				{}
table.main_notice_wrap td.notice a				{display:inline-block; padding-left:38px; font:400 16px/20px "Noto Sans KR", sans-serif; color:#51ae7d; background:url('/en/_img/mo/main/main_notice.png') no-repeat 15px 50% / 18px auto;}
table.main_notice_wrap td.notice_more a			{display:none;}
table.main_notice_wrap td.notice_cont						{padding-right:15px;}
table.main_notice_wrap td.notice_cont div.slider			{width:100%; position:relative; margin-top:-11px}
table.main_notice_wrap td.notice_cont div.slider p a		{display:inline-block; float:left; box-sizing:border-box; outline:none; font:400 15px/22px "Noto Sans KR", sans-serif; color:#555; width:65%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
table.main_notice_wrap td.notice_cont div.slider p span		{display:inline-block; float:right;  font:300 14px/22px "Noto Sans KR", sans-serif;  color:#fe9601}

.slick-prev		{display:none;}
.slick-next		{display:none;}
.draggable		{display:inline-block; position:absolute; z-index:9; top:0; right:0px; width:100%; outline:none;}
.slick-active	{outline:none;}



/* 핵심기술 */
#main_content	{width:100%; margin:0 auto; padding:70px 0 0 0;}

.t_view				{opacity:1 !important;}
.t_view div.cont	{transform:translateY(-50px); transition:3s;}
.t_view p.img		{transform:translateY(-50px);  transition:2s;}

div.main_cont01					{opacity:1 !important;}
div.main_cont01	div.cont		{transform:translateY(0px) !important;}
div.main_cont01	p.img			{transform:translateY(0px) !important;}

div.tech							{margin-bottom:40px; opacity:0; transition:0.5s; position:relative;}
div.tech div.cont					{width:100%; padding:240px 30px 0 30px; box-sizing:border-box; transition:2s;}
div.tech div.cont p.tit				{}
div.tech div.cont p.tit span		{display:block; margin:3px 0 0 3px; font:300 16px/21px "Noto Sans KR", sans-serif; color:#666;}
div.tech div.cont p.tit span.dot	{display:inline; padding-right:15px; font:500 30px/36px "Noto Sans KR", sans-serif; color:#333; margin:0;  background:url('/en/_img/mo/main/point_dot.png')no-repeat 100% 10px / 8px auto;}
div.tech div.cont p.tit span.plus	{display:inline; padding-right:15px; font:500 30px/36px "Noto Sans KR", sans-serif; color:#333; margin:0;  background:url('/en/_img/mo/main/plus.png')no-repeat 100% 10px / 11px auto;}
div.tech div.cont p.sub				{margin:10px 0 0 3px; width:100%; box-sizing:border-box; font:300 15px/21px "Noto Sans KR", sans-serif; color:#999; word-wrap:break-word; word-break:keep-all;}
div.tech div.cont p.btn				{margin-top:25px;}
div.tech p.img						{position:absolute; width:100%; top:50px; left:0; z-index:5; padding-left:30px; box-sizing:border-box; height:180px;}
div.tech p.img span					{display:inline-block; width:100%; height:180px;}

div.tech_r							{margin-bottom:0px; opacity:0; transition:0.5s; position:relative;}
div.tech_r div.cont					{width:100%; padding:240px 30px 0 30px; box-sizing:border-box; transition:2s; text-align:right;}
div.tech_r div.cont p.tit			{}
div.tech_r div.cont p.tit span		{display:block; box-sizing:border-box; margin:8px 0 0 3px; font:300 16px/21px "Noto Sans KR", sans-serif; color:#666;}
div.tech_r div.cont p.tit span.dot	{display:inline; padding-left:15px; font:500 30px/36px "Noto Sans KR", sans-serif; color:#333; margin:0;  background:url('/en/_img/mo/main/point_dot.png')no-repeat 0 10px / 8px auto;}
div.tech_r div.cont p.sub			{margin:10px 3px 0 0;width:100%; font:300 15px/21px "Noto Sans KR", sans-serif; color:#999; word-wrap:break-word; word-break:keep-all;}
div.tech_r div.cont p.btn			{margin-top:25px;}
div.tech_r p.img					{position:absolute; width:100%; top:50px; left:0; z-index:5; padding-right:30px; box-sizing:border-box; height:180px;}
div.tech_r p.img span				{display:inline-block; width:100%; height:180px;}

div.main_cont01				{opacity:1 !important;}
div.main_cont01	div.cont	{transform:translateY(0px) !important; padding:190px 30px 0 30px !important;}
div.main_cont01	p.img		{transform:translateY(0px) !important; top:0px !important;}


div.main_cont01 p.img span	{background:url('/en/_img/mo/main/main_cont01.jpg')no-repeat 50% 50% / cover}
div.main_cont02 p.img span	{background:url('/en/_img/mo/main/main_cont02.jpg')no-repeat 50% 50% / cover}
div.main_cont03 p.img span	{background:url('/en/_img/mo/main/main_cont03.jpg')no-repeat 50% 50% / cover}
div.main_cont04 p.img span	{background:url('/en/_img/mo/main/main_cont04.jpg')no-repeat 50% 50% / cover}


a.green_line		{display:inline-block; border:1.5px solid #feae01; border-radius:50px; padding:12px 50px 12px 15px; background-color:#fff; font:400 14px/17px "Noto Sans KR", sans-serif; color:#fe9601; background:url('/en/_img/mo/main/more_btn.png')no-repeat 87% 50% / 20px auto; transition:0.5s ;}



/* 보도자료 */
.main_news				{width:100%; background:#f9f9f9; padding:60px 0 40px 0; transition:0.5s;}
.main_news .news_tit	{margin-bottom:25px; text-align:center; font:400 30px/42px "Noto Sans KR", sans-serif; color:#222; transition:0.5s;}
.main_news .news_tit a	{display:inline-block; width:21px; height:21px; border:1px solid #222; background:url('/en/_img/mo/main/main_plus.png')no-repeat 50% 50% / 16px auto;}

.main_news ul.news_list						{width:100%; padding:0 15px; box-sizing:border-box;}
.main_news ul.news_list li					{display:inline-block; position:relative; width:100%; box-sizing:border-box; height:410px; box-sizing:border-box; text-align:center; transition:0.5s;}
.main_news ul.news_list li p.news_img		{width:100%; height:180px; background:#000; transition:0.5s;}
.main_news ul.news_list li p.news_img img	{width:100%; height:180px; opacity:0.7}
.main_news ul.news_list li p.news_img_none	{width:100%; height:180px; transition:0.5s; background:url('/en/_img/web/comn/logo_w.png')#aaa no-repeat 50% 50%;}
.main_news ul.news_list li p.news_img_none img	{width:100%; height:180px;}


.main_news ul.news_list li div.news_cont	{position:absolute; width:100%; box-sizing:border-box; padding:0 15px; top:150px; left:0; z-index:9; box-sizing:border-box; transition:0.3s;}	

.main_news ul.news_list li div.news_cont div.cont				{width:100%; background:#f9f9f9; padding:30px 15px; box-sizing:border-box; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2); border-bottom:5px solid #51ae7d; transition:0.4s;}	
.main_news ul.news_list li div.news_cont div.cont p.source		{text-align:center; margin-bottom:20px; font:400 15px/17px "Noto Sans KR", sans-serif; color:#fe9601;}	
.main_news ul.news_list li div.news_cont div.cont p.tit			{width:100%; height:55px; font:500 20px/30px "Noto Sans KR", sans-serif; color:#333; word-wrap:break-word; word-break:keep-all; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis}
.main_news ul.news_list li div.news_cont div.cont p.more		{padding-top:50px; background:url('/en/_img/mo/main/news_bar.png')no-repeat 50% 15px / auto 25px;}
.main_news ul.news_list li div.news_cont div.cont p.more a		{font:300 14px/18px "Noto Sans KR", sans-serif; color:#999;}	

.main_news ul.news_list li.no_cont		{width:100%; box-sizing:border-box; cursor:default !important; text-align:center; margin-bottom:30px; height:auto; padding:120px 0 60px 0; color:#999; background:url('/_img/mo/cont/no_list.png')no-repeat 50% 55px / 100px #eee;}


/* 지도 */
.main_map						{width:100%; box-sizing:border-box; padding:20px 15px 0 15px;}
.main_map .map					{width:100%; height:180px;}
.main_map .cont					{width:100%; background:#3e9f6c; padding:20px; box-sizing:border-box;}
.main_map .cont .tit			{display:none;}
/*.main_map .cont .info			{font:200 14px/21px "Noto Sans KR", sans-serif; color:#fff; padding:0 0 10px 0; border-bottom:1px solid #5dce92}*/
/*.main_map .cont ul.t_m			{width:100%; padding-top:10px;}*/
/*.main_map .cont ul.t_m li		{font:100 14px/21px "Noto Sans KR", sans-serif; color:#fff;}*/
/*.main_map .cont ul.t_m li span	{font-weight:300; margin-right:10px;}*/
/*.main_map .cont ul.t_m li a		{font:100 14px/21px "Noto Sans KR", sans-serif; color:#fff; text-decoration:underline;}*/
/**/

.main_map .cont ul.info						{width:100%;}
.main_map .cont ul.info > li				{padding:10px 0 15px 0; border-bottom:1px solid #5dce92}
.main_map .cont ul.info > li:last-child		{padding:0px 0 0 0; border-bottom:none}
.main_map .cont ul.info > li p.t01			{font:200 14px/21px "Noto Sans KR", sans-serif; color:#fff;}
.main_map .cont ul.info > li p.t01 span		{display:block; margin-bottom:5px; font-weight:500;}
.main_map .cont ul.info > li ul.t_m			{width:100%; padding-top:5px;}
.main_map .cont ul.info > li ul.t_m li		{font:100 14px/21px "Noto Sans KR", sans-serif; color:#fff; padding-left:10px; position:relative;}
.main_map .cont ul.info > li ul.t_m li span	{font-weight:300; margin-right:10px;}
.main_map .cont ul.info > li ul.t_m li a	{font:100 14px/20px "Noto Sans KR", sans-serif; color:#fff; text-decoration:underline;}
.main_map .cont ul.info > li ul.t_m li:after{content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#fff; border-radius:20px;}


.main_map .cont .btn			{padding-top:15px;}
.main_map .cont .btn a			{padding-right:30px; font:200 14px/15px "Noto Sans KR", sans-serif; color:#fff; background:url('/en/_img/mo/main/more_btn_on.png')no-repeat 100% 70% / 20px;}

.main_map .map .map_copyright	{opacity:0;}



}