@charset "utf-8";

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


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


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


/**리스트숫자_검색**/
div.list_search					{overflow:hidden; padding-bottom:15px;}
div.list_search p.sel_re		{float:left; padding-top:10px; font:300 16px/26px "Noto Sans KR", sans-serif !important; color:#555;}
div.list_search p.sel_re span	{color:#fe9601;}
	
div.list_search ul.in_search				{float:right; overflow:hidden;}
div.list_search ul.in_search li				{float:left; padding-left:5px;}
div.list_search ul.in_search li:first-child	{padding-left:0px;}

div.list_search ul.in_search li .sel_box				{display:inline-block; position: relative; width:130px; height:40px; background:#fff url('../_img/web/cont/sel_arrow.png')no-repeat 100% 50%; border:1px solid #ddd; box-sizing:border-box;}
div.list_search ul.in_search li .sel_box label			{position:absolute; font:300 16px/26px "Noto Sans KR", sans-serif;  color:#666; top: 6px; left: 12px;}
div.list_search ul.in_search li .sel_box select.base	{outline:none; width:100%; line-height:37px; margin-top:11px; padding: 0 8px; opacity: 0; font:300 16px/26px "Noto Sans KR", sans-serif;  color:#666; filter: alpha(opacity=0); /* IE 8 */}

div.list_search ul.in_search li .re_info						{display:inline-block;}
div.list_search ul.in_search li .re_info input.info_in			{width:260px; vertical-align:top; height:40px; border:1px solid #ddd; border-right:none; display:inline-block; box-sizing:border-box; padding-left:10px; font:200 16px/26px "Noto Sans KR", sans-serif !important; color:#666}
div.list_search ul.in_search li .re_info input.info_in:focus	{width:260px; border:1px solid #51ae7d;border-right:none; box-sizing:border-box;}
div.list_search ul.in_search li .re_info a.re_btn				{width:60px; vertical-align:top; text-align:center; padding:6px 0 8px 0; box-sizing:border-box; display:inline-block; background:#51ae7d no-repeat 50% 50%; font:300 16px/26px "Noto Sans KR", sans-serif !important; color:#fff !important; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}
div.list_search ul.in_search li .re_info a.re_btn:hover			{background:#555;}


/**리스트숫자_셀렉2개**/
div.list_search02					{overflow:hidden; padding-bottom:15px;}
div.list_search02 p.sel_re		{float:left; padding-top:10px; font:300 16px/26px "Noto Sans KR", sans-serif !important; color:#555;}
div.list_search02 p.sel_re span	{color:#fe9601;}
	
div.list_search02 ul.in_search				{float:right; overflow:hidden;}
div.list_search02 ul.in_search li				{float:left; padding-left:5px;}
div.list_search02 ul.in_search li:first-child	{padding-left:0px;}

div.list_search02 ul.in_search li .sel_box				{display:inline-block; position: relative; width:130px; height:40px; background:#fff url('../_img/web/cont/sel_arrow.png')no-repeat 100% 50%; border:1px solid #ddd; box-sizing:border-box;}
div.list_search02 ul.in_search li .sel_box label			{position:absolute; font:300 16px/26px "Noto Sans KR", sans-serif;  color:#666; top: 6px; left: 12px;}
div.list_search02 ul.in_search li .sel_box select.base	{outline:none; width:100%; line-height:37px; margin-top:11px; padding: 0 8px; opacity: 0; font:300 16px/26px "Noto Sans KR", sans-serif;  color:#666; filter: alpha(opacity=0); /* IE 8 */}

div.list_search02 ul.in_search li .re_info						{display:inline-block;}
div.list_search02 ul.in_search li .re_info input.info_in			{width:260px; vertical-align:top; height:40px; border:1px solid #ddd; border-right:none; display:inline-block; box-sizing:border-box; padding-left:10px; font:200 16px/26px "Noto Sans KR", sans-serif !important; color:#666}
div.list_search02 ul.in_search li .re_info input.info_in:focus	{width:260px; border:1px solid #51ae7d;border-right:none; box-sizing:border-box;}
div.list_search02 ul.in_search li .re_info a.re_btn				{width:60px; vertical-align:top; text-align:center; padding:6px 0 8px 0; box-sizing:border-box; display:inline-block; background:#51ae7d no-repeat 50% 50%; font:300 16px/26px "Noto Sans KR", sans-serif !important; color:#fff !important; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}
div.list_search02 ul.in_search li .re_info a.re_btn:hover			{background:#555;}


/**공지사항 리스트**/
ul.notice_list								{width:100%;}
ul.notice_list li							{width:100%; padding:18px 0 12px 0; overflow:hidden; border-bottom:solid 1px #ddd;}
ul.notice_list li.no_category				{padding:12px 0; background:#f1f1f1; border-top:solid 2px #ddd;}
ul.notice_list li.no_category p				{float:left; font:400 16px/26px "Noto Sans KR", sans-serif !important; color:#666; text-align:center;}
ul.notice_list li.no_category p.cate01		{width:6%;}
ul.notice_list li.no_category p.cate05		{width:7%;}
ul.notice_list li.no_category p.cate02		{width:66%;}
ul.notice_list li.no_category p.cate02_no	{width:73%;}
ul.notice_list li.no_category p.cate06		{width:6%;}
ul.notice_list li.no_category p.cate03		{width:5%;}
ul.notice_list li.no_category p.cate04		{width:10%;}
ul.notice_list li.no_category:hover			{background:#f1f1f1;}


ul.notice_list li:hover					{background:#f9f9f9}
ul.notice_list li p						{float:left; font:300 16px/21px "Noto Sans KR", sans-serif !important; color:#777; text-align:center;}
ul.notice_list li p.no_number			{width:6%;}
ul.notice_list li p.no_cate				{width:7%; color:#fe9601}
ul.notice_list li p.no_cate02			{width:7%; color:#51ae7d}
ul.notice_list li p.no_cate03			{width:7%; color:#1a60ae}
ul.notice_list li p.no_list				{width:66%; text-align:left;  padding-left:15px; box-sizing:border-box; font:400 16px/26px "Noto Sans KR", sans-serif !important; color:#555; }
ul.notice_list li p.no_list span		{max-width:90%; cursor:pointer; color:#666; font:400 16px/21px "Noto Sans KR", sans-serif !important; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; }
ul.notice_list li p.no_list span:hover	{color:#51ae7d;}
ul.notice_list li p.no_list_no				{width:73%; text-align:left;  padding-left:15px; box-sizing:border-box; font:400 16px/26px "Noto Sans KR", sans-serif !important; color:#555; }
ul.notice_list li p.no_list_no span			{max-width:90%; cursor:pointer; color:#666; font:400 16px/21px "Noto Sans KR", sans-serif !important; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; }
ul.notice_list li p.no_list_no span:hover	{color:#51ae7d;}
/*ul.notice_list li p.no_list 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.notice_list li p.no_file02			{width:6%;}
ul.notice_list li p.no_file02 span		{width:100%; display:inline-block; height:18px;}
ul.notice_list li p.no_file02 span.file	{background:url('/_img/web/cont/file_img02.png') no-repeat 50% 0 / 16px;}
ul.notice_list li p.no_hits				{width:5%;}
ul.notice_list li p.no_date				{width:10%;}

ul.notice_list li.no_cont				{text-align:center; padding:137px 0 30px 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% 33% / 170px #f9f9f9;}




/**페이지네이션**/
p.pagenation					{text-align:center; margin-top:50px;}
p.pagenation a					{display:inline-block; vertical-align:middle; width:18px; height:18px; padding:7px 9px 11px 9px; border:1px solid #ddd; font:400 16px/20px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666; transition:0.3s}
p.pagenation a.on				{background:#51ae7d; color:#fff; border:1px solid #51ae7d;}
p.pagenation a:hover			{background:#f9f9f9}
p.pagenation a.prev_next		{background-color:#f1f1f1; width:36px; height:36px; padding:0px;}
p.pagenation a.prev_next:hover	{background-color:#e5e5e5}
p.pagenation span				{display:inline-block; width:100%; height:100%; }
p.pagenation span.first			{background:url('/_img/web/cont/page_first.png')no-repeat 50% 50% / 14px}
p.pagenation span.next			{background:url('/_img/web/cont/page_next.png')no-repeat 50% 50% / 7px}
p.pagenation span.last			{background:url('/_img/web/cont/page_last.png')no-repeat 50% 50% / 14px}
p.pagenation span.prev			{background:url('/_img/web/cont/page_prev.png')no-repeat 50% 50% / 7px}


/**20180620 회사소개**/
p.about_vsl												{width:100%; height:260px; background:url('/_img/web/cont/about_vsl05.jpg')no-repeat 0 0 /cover;}

p.about_tit								{margin-top:50px; padding:25px 40px 0 40px; font:400 28px/42px "Noto Sans KR", sans-serif; color:#333; letter-spacing:-1px; background:url('/_img/web/cont/quotes.png') no-repeat 1% 0 / 30px;  word-break:keep-all; }
p.about_tit span						{font:500 28px/42px "Noto Sans KR", sans-serif; color:#51ae7d;}
div.about_cont							{width:100%; padding:0 40px; box-sizing:border-box;}
div.about_cont p.about_text				{margin-top:20px; font:300 17px/26px "Noto Sans KR", sans-serif; color:#666; word-break:keep-all; }
div.about_cont p.about_text:first-child	{margin-top:30px;}
div.about_cont p.about_text span.t01	{font:300 17px/26px "Noto Sans KR", sans-serif; color:#fe9601;}
div.about_cont p.about_text span.t02	{font:400 20px/30px "Noto Sans KR", sans-serif; color:#333; padding-top:30px; display:inline-block;}


/** 보도자료 뷰 **/
div.board_top							{width:100%;}
div.board_top p							{width:100%; padding:40px 20px 20px 10px; box-sizing:border-box;  font:400 26px/30px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#333;}
div.board_top ul						{width:100%; overflow:hidden; padding:0 10px; border-top:solid 2px #333;  border-bottom:solid 1px #ddd; box-sizing:border-box;}
div.board_top ul li						{float:left; position:relative; padding:17px 0 17px 20px; margin-right:20px; font:300 16px/26px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#999;}
div.board_top ul li:after				{content:''; position:absolute; top:21px; left:0; display:inline-block; width:1px; height:16px; background:#ddd; }
div.board_top ul li:first-child:after	{display:none; }
div.board_top ul li:first-child			{padding:17px 0;}
div.board_top ul li.sub					{color:#fe9601}
div.board_top ul li.sub	span.c01		{color:#feae01; margin:0px;}
div.board_top ul li.sub	span.c02		{color:#51ae7d; margin:0px;}
div.board_top ul li.sub	span.c03		{color:#1a60ae; margin:0px;}
div.board_top ul li span				{color:#666; margin-left:10px;}
div.board_top ul li.sns					{float:right; padding:0; margin:0;}
div.board_top ul li.sns:after			{display:none;}
div.board_top ul li.sns a				{display:inline-block; width:26px; height:26px; margin:16px 0 0 5px; border-radius:20px; background:#ddd;}
div.board_top ul li.sns a.face			{background:url('/_img/web/cont/face.png')no-repeat 0% 0% / 26px 26px}
div.board_top ul li.sns a.twi			{background:url('/_img/web/cont/twi.png')no-repeat 0% 0% / 26px 26px}
div.board_top ul li.sns a.kaka			{background:url('/_img/web/cont/kaka.png')no-repeat 0% 0% / 26px 26px}


p.no_file			{width:100%; padding:15px; margin-top:10px; box-sizing:border-box; background:#f5f5f5; font:300 15px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555;}
p.no_file span a	{display:inline-block; background:url('/_img/web/cont/file_img.png')no-repeat 0 6px; margin-left:10px;padding-left:15px; font:200 15px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666; text-decoration:underline; text-decoration-color:#feae01}


div.board_cont					{padding:30px 10px 60px 10px; min-height:170px; border-bottom:1px solid #ddd; font:300 17px/26px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
div.board_cont p				{font:300 17px/26px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
div.board_cont img				{max-width:100%;}		
div.board_cont div.video		{max-width:100%;}
div.board_cont div.video video	{max-width:100%;}

table.prev_next					{width:100%; border-bottom:solid 1px #999; table-layout:fixed;}
table.prev_next	col.tit			{width:100px;}
table.prev_next	col.cont		{width:auto;}
table.prev_next tr th			{border-top:solid 1px #cfcfcf; padding:18px 15px; text-align:left; vertical-align:middle; font:400 16px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555;}
table.prev_next tr th.prev		{background:url('/_img/web/cont/no_view_prev.png')no-repeat 100% 26px / 18px;}
table.prev_next tr th.next		{background:url('/_img/web/cont/no_view_next.png')no-repeat 100% 27px / 18px;}
table.prev_next td				{border-top:solid 1px #cfcfcf; padding:18px 15px 18px 20px; vertical-align:middle; font:300 16px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#999;}
table.prev_next td a			{width:100%; display:inline-block; color:#666; font:300 16px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.prev_next td a:hover		{color:#51ae7d;}


}





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

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

/**리스트숫자_검색**/
div.list_search					{overflow:hidden; padding-bottom:10px;}
div.list_search p.sel_re		{display:block; padding-top:18px; text-align:left;  font:300 15px/25px "Noto Sans KR", sans-serif !important; color:#555;}
div.list_search p.sel_re span	{display:inline-block; color:#fe9601;}

div.list_search ul.in_search				{float:right; overflow:hidden;}
div.list_search ul.in_search li				{float:left; padding-left:5px;}
div.list_search ul.in_search li:first-child	{padding-left:0px;}

div.list_search ul.in_search li .sel_box				{display:inline-block; position: relative; width:130px; height:40px; background:#fff url('../_img/ta/cont/sel_arrow.png')no-repeat 100% 50% / 26px auto; border:1px solid #ddd; box-sizing:border-box;}
div.list_search ul.in_search li .sel_box label			{position:absolute; font:300 15px/24px "Noto Sans KR", sans-serif;  color:#666; top: 8px; left: 12px;}
div.list_search ul.in_search li .sel_box select.base	{outline:none; width:100%; line-height:37px; margin-top:11px; padding: 0 8px; opacity: 0; font:300 15px/24px "Noto Sans KR", sans-serif;  color:#666; filter: alpha(opacity=0); /* IE 8 */}

div.list_search ul.in_search li p.re_info						{float:right; width:250px; overflow:hidden;}
div.list_search ul.in_search li p.re_info input.info_in			{float:left; height:40px; width:75%; border:1px solid #ddd; border-right:none; box-sizing:border-box; padding:0 0 0 8px; font:200 15px/25px "Noto Sans KR", sans-serif !important; color:#666}
div.list_search ul.in_search li p.re_info input.info_in:focus	{border:1px solid #51ae7d; border-right:none;}
div.list_search ul.in_search li p.re_info a.re_btn				{float:left; width:25%; height:20px; text-align:center; padding:8px 0 12px 0; display:inline-block; background:#51ae7d; font:300 15px/25px "Noto Sans KR", sans-serif !important; color:#fff !important; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}


/**리스트숫자_셀렉2개**/
div.list_search02					{padding-bottom:10px;}
div.list_search02 p.sel_re			{display:block; padding-top:18px; text-align:left; font:300 15px/25px "Noto Sans KR", sans-serif !important; color:#555;}
div.list_search02 p.sel_re span		{display:inline-block; color:#fe9601;}

div.list_search02 ul.in_search					{display:table; width:100%; padding-bottom:10px; box-sizing:border-box;}
div.list_search02 ul.in_search li				{display:table-cell; padding-right:5px; width:150px; box-sizing:border-box; vertical-align:middle}
div.list_search02 ul.in_search li:last-child	{width:auto; padding-right:0px;}

div.list_search02 ul.in_search li .sel_box				{display:inline-block; position: relative; width:100%; height:40px; background:#fff url('../_img/ta/cont/sel_arrow.png')no-repeat 100% 50% / 26px auto; border:1px solid #ddd; box-sizing:border-box;}
div.list_search02 ul.in_search li .sel_box label		{position:absolute; font:300 15px/24px "Noto Sans KR", sans-serif;  color:#666; top: 8px; left: 12px;}
div.list_search02 ul.in_search li .sel_box select.base	{outline:none; width:100%; line-height:37px; margin-top:11px; padding: 0 8px; opacity: 0; font:300 15px/24px "Noto Sans KR", sans-serif;  color:#666; filter: alpha(opacity=0); /* IE 8 */}

div.list_search02 ul.in_search li p.re_info							{float:right; width:100%; overflow:hidden;}
div.list_search02 ul.in_search li p.re_info input.info_in			{float:left; height:40px; width:75%; border:1px solid #ddd; border-right:none; box-sizing:border-box; padding:0 0 0 8px; font:200 15px/25px "Noto Sans KR", sans-serif !important; color:#666}
div.list_search02 ul.in_search li p.re_info input.info_in:focus		{border:1px solid #51ae7d; border-right:none;}
div.list_search02 ul.in_search li p.re_info a.re_btn				{float:left; width:25%; height:20px; text-align:center; padding:8px 0 12px 0; display:inline-block; background:#51ae7d; font:300 15px/25px "Noto Sans KR", sans-serif !important; color:#fff !important; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}




/**공지사항 리스트**/
ul.notice_list						{width:100%; border-top:solid 2px #e5e5e5;}
ul.notice_list li					{width:100%; padding:15px 10px 22px 10px; box-sizing:border-box; border-bottom:solid 1px #ddd; background:url('/_img/mo/cont/no_list_go.png')no-repeat 98% 50% / 10px;}
ul.notice_list li.no_category		{display:none;}

ul.notice_list li p					{text-align:left;}
ul.notice_list li p.no_cate			{display:inline-block; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#fe9601; vertical-align:middle}
ul.notice_list li p.no_cate02		{display:inline-block; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#51ae7d; vertical-align:middle}
ul.notice_list li p.no_cate03		{display:inline-block; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#1a60ae; vertical-align:middle}
ul.notice_list li p.no_list			{max-width:85%; display:inline-block;}
ul.notice_list li p.no_list span	{display:inline-block; vertical-align:middle; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#333;}
ul.notice_list li p.no_list_no			{max-width:85%; display:inline-block;}
ul.notice_list li p.no_list_no span	{display:inline-block; vertical-align:middle; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#333;}
ul.notice_list li p.no_file02			{display:inline-block; }
ul.notice_list li p.no_file02 span.file {display:inline-block; height:16px; width:20px; background:url('/_img/web/cont/file_img02.png') no-repeat 0 0 / 15px; vertical-align:middle;}
ul.notice_list li p.no_date				{display:inline-block; width:90%; font:300 14px/14px "Noto Sans KR", sans-serif !important; color:#999;}


ul.notice_list li p.no_number		{display:none;}
ul.notice_list li p.no_hits			{display:none;}
	
ul.notice_list li.no_cont			{text-align:center; padding:100px 0 25px 0; border-bottom:1px solid #ddd;font:300 15px/23px "Noto Sans KR", sans-serif !important; color:#999; background:url('/_img/web/cont/no_list.png')no-repeat 50% 33% / 115px #f9f9f9;}



/**페이지네이션**/
p.pagenation					{text-align:center; margin-top:50px;}
p.pagenation a					{display:inline-block; vertical-align:middle; width:18px; height:18px; padding:5px 10px 12px 10px; border:1px solid #ddd; font:400 15px/25px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
p.pagenation a.on				{background:#51ae7d; color:#fff; border:1px solid #51ae7d; !important;}
p.pagenation a:hover			{background:#f9f9f9;}
p.pagenation a.prev_next		{background-color:#f1f1f1; width:35px; height:35px; padding:0px;}
p.pagenation span				{display:inline-block; width:100%; height:100%; }
p.pagenation span.first			{background:url('/_img/ta/cont/page_first.png')no-repeat 50% 50% / 14px}
p.pagenation span.next			{background:url('/_img/ta/cont/page_next.png')no-repeat 50% 50% / 7px}
p.pagenation span.last			{background:url('/_img/ta/cont/page_last.png')no-repeat 50% 50% / 14px}
p.pagenation span.prev			{background:url('/_img/ta/cont/page_prev.png')no-repeat 50% 50% / 7px}



/**20180620 회사소개**/
p.about_vsl												{width:100%; height:200px; background:url('/_img/ta/cont/about_vsl05.jpg')no-repeat 0 0 /cover;}

p.about_tit												{margin-top:40px; padding:20px 30px 0 30px; font:400 26px/37px "Noto Sans KR", sans-serif; color:#333; letter-spacing:-1px; background:url('/_img/ta/cont/quotes.png') no-repeat 1% 0 / 26px;  word-break:keep-all; }
p.about_tit span										{font:500 26px/37px "Noto Sans KR", sans-serif; color:#51ae7d;}
div.about_cont											{width:100%; padding:0 30px; box-sizing:border-box;}
div.about_cont p.about_text					{margin-top:20px; font:300 17px/26px "Noto Sans KR", sans-serif; color:#666; word-break:keep-all; }
div.about_cont p.about_text:first-child	{margin-top:30px;}
div.about_cont p.about_text span.t01	{font:300 16px/25px "Noto Sans KR", sans-serif; color:#fe9601;}
div.about_cont p.about_text span.t02	{font:400 19px/29px "Noto Sans KR", sans-serif; color:#333; padding-top:30px; display:inline-block;}


/**보도자료 뷰***/
div.board_top							{width:100%;}
div.board_top p							{width:100%; padding:40px 10px 15px 10px; box-sizing:border-box;  font:400 25px/30px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#333;}
div.board_top ul						{width:100%; overflow:hidden; padding:0 10px; border-top:solid 2px #333;  border-bottom:solid 1px #cfcfcf; box-sizing:border-box;}
div.board_top ul li						{float:left; position:relative; padding:15px 0 15px 20px; margin-right:20px; font:300 15px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#999;}
div.board_top ul li:after				{content:''; position:absolute; top:21px; left:0; display:inline-block; width:1px; height:15px; background:#ddd; }
div.board_top ul li:first-child:after	{display:none;}
div.board_top ul li:first-child			{padding:15px 0;}
div.board_top ul li.sub					{color:#feae01}
div.board_top ul li.sub	span.c01		{color:#feae01; margin:0px;}
div.board_top ul li.sub	span.c02		{color:#51ae7d; margin:0px;}
div.board_top ul li.sub	span.c03		{color:#1a60ae; margin:0px;}
div.board_top ul li span				{color:#666; margin-left:10px;}
div.board_top ul li.sns					{float:right; padding:0; margin:0;}
div.board_top ul li.sns:after			{display:none;}
div.board_top ul li.sns a				{display:inline-block; width:24px; height:24px; margin:15px 0 0 5px; border-radius:20px; background:#ddd;}
div.board_top ul li.sns a.face			{background:url('/_img/ta/cont/face.png')no-repeat 0% 0% / 24px 24px}
div.board_top ul li.sns a.twi			{background:url('/_img/ta/cont/twi.png')no-repeat 0% 0% / 24px 24px}
div.board_top ul li.sns a.kaka			{background:url('/_img/ta/cont/kaka.png')no-repeat 0% 0% / 24px 24px}

p.no_file			{width:100%; padding:15px; margin-top:10px; box-sizing:border-box; background:#f5f5f5; font:300 15px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555;}
p.no_file span a	{display:inline-block; margin-left:10px; background:url('/_img/web/cont/file_img.png')no-repeat 0 6px /12px; padding-left:15px; font:200 15px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;  color:#666; text-decoration:underline; text-decoration-color:#feae01}



div.board_cont					{padding:25px 10px 50px 10px; min-height:170px; border-bottom:1px solid #ddd; font:300 16px/26px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
div.board_cont p				{font:300 16px/26px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
div.board_cont img				{max-width:100%;}		
div.board_cont div.video		{max-width:100%;}
div.board_cont div.video video	{max-width:100%;}


table.prev_next					{width:100%; border-bottom:solid 1px #999; table-layout:fixed;}
table.prev_next	col.tit			{width:90px;}
table.prev_next	col.cont		{width:auto;}
table.prev_next tr th			{border-top:solid 1px #cfcfcf; padding:18px 10px; text-align:left; vertical-align:middle; font:400 15px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555;}
table.prev_next tr th.prev		{background:url('/_img/ta/cont/no_view_prev.png')no-repeat 100% 27px / 15px;}
table.prev_next tr th.next		{background:url('/_img/ta/cont/no_view_next.png')no-repeat 100% 28px / 15px;}
table.prev_next td				{border-top:solid 1px #cfcfcf; padding:18px 15px 18px 20px; vertical-align:middle;}
table.prev_next td a			{width:100%; display:inline-block; color:#666; font:300 15px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.prev_next td span			{width:100%; display:inline-block; font:200 15px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#999;}


}







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

/**리스트숫자_검색**/
div.list_search					{overflow:hidden; padding-bottom:8px;}
div.list_search p.sel_re		{display:block; padding-top:20px; text-align:left; font:300 14px/24px "Noto Sans KR", sans-serif !important; color:#555;}
div.list_search p.sel_re span	{display:inline-block; color:#fe9601;}

div.list_search ul.in_search				{width:100%; overflow:hidden;}
div.list_search ul.in_search li				{float:left; width:65%; box-sizing:border-box; padding-left:5px;}
div.list_search ul.in_search li:first-child	{padding-left:0px; width:35%;}

div.list_search ul.in_search li .sel_box				{display:inline-block; position: relative; width:100%; height:40px; background:#fff url('../_img/mo/cont/sel_arrow.png')no-repeat 100% 50% / 20px auto; border:1px solid #ddd; box-sizing:border-box;}
div.list_search ul.in_search li .sel_box label			{position:absolute; font:300 14px/24px "Noto Sans KR", sans-serif;  color:#666; top: 7px; left: 12px;}
div.list_search ul.in_search li .sel_box select.base	{outline:none; width:100%; line-height:37px; margin-top:11px; padding: 0 8px; opacity: 0; font:300 14px/24px "Noto Sans KR", sans-serif;  color:#666; filter: alpha(opacity=0); /* IE 8 */}

div.list_search ul.in_search li p.re_info							{float:right; width:100%; overflow:hidden;}
div.list_search ul.in_search li p.re_info input.info_in				{float:left; height:40px; width:75%; -webkit-appearance:none; border-radius:0; border:1px solid #ddd; border-right:none; box-sizing:border-box; padding:0 0 0 8px; font:200 14px/24px "Noto Sans KR", sans-serif !important; color:#666}
div.list_search ul.in_search li p.re_info input.info_in:focus		{border:1px solid #51ae7d;border-right:none; box-sizing:border-box;}
div.list_search ul.in_search li p.re_info a.re_btn					{float:left; width:25%; height:20px; text-align:center; padding:8px 0 12px 0; display:inline-block; background:#51ae7d no-repeat 50% 50%; font:300 14px/24px "Noto Sans KR", sans-serif !important; color:#fff !important; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}


/**리스트숫자_셀렉2개**/
div.list_search02					{padding-bottom:8px;}
div.list_search02 p.sel_re			{display:block; padding-top:18px; text-align:left; font:300 15px/25px "Noto Sans KR", sans-serif !important; color:#555;}
div.list_search02 p.sel_re span		{display:inline-block; color:#fe9601;}

div.list_search02 ul.in_search					{overflow:hidden; width:100%; padding-bottom:10px; box-sizing:border-box;}
div.list_search02 ul.in_search li				{float:left; padding:0 0 0 3px; width:50%; box-sizing:border-box;}
div.list_search02 ul.in_search li:first-child	{padding:0 3px 0 0;}
div.list_search02 ul.in_search li:last-child	{width:100%; padding:6px 0 0 0px;}

div.list_search02 ul.in_search li .sel_box				{display:inline-block; position: relative; width:100%; height:40px; background:#fff url('../_img/ta/cont/sel_arrow.png')no-repeat 100% 50% / 20px auto; border:1px solid #ddd; box-sizing:border-box;}
div.list_search02 ul.in_search li .sel_box label		{position:absolute; font:300 14px/24px "Noto Sans KR", sans-serif;  color:#666; top: 7px; left: 12px;}
div.list_search02 ul.in_search li .sel_box select.base	{outline:none; width:100%; line-height:37px; margin-top:11px; padding: 0 8px; opacity: 0; font:300 14px/24px "Noto Sans KR", sans-serif;  color:#666; filter: alpha(opacity=0); /* IE 8 */}

div.list_search02 ul.in_search li p.re_info							{float:right; width:100%; overflow:hidden;}
div.list_search02 ul.in_search li p.re_info input.info_in			{float:left; height:40px; width:75%; -webkit-appearance:none; border-radius:0; border:1px solid #ddd; border-right:none; box-sizing:border-box; padding:0 0 0 8px; font:200 14px/24px "Noto Sans KR", sans-serif !important; color:#666}
div.list_search02 ul.in_search li p.re_info input.info_in:focus		{border:1px solid #51ae7d;border-right:none; box-sizing:border-box;}
div.list_search02 ul.in_search li p.re_info a.re_btn				{float:left; width:25%; height:20px; text-align:center; padding:8px 0 12px 0; display:inline-block; background:#51ae7d no-repeat 50% 50%; font:300 14px/24px "Noto Sans KR", sans-serif !important; color:#fff !important; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}




/**공지사항 리스트**/
ul.notice_list						{width:100%; border-top:solid 2px #e5e5e5;}
ul.notice_list li					{width:100%; padding:15px 10px 20px 10px; box-sizing:border-box; border-bottom:solid 1px #ddd; background:url('/_img/mo/cont/no_list_go.png')no-repeat 98% 50% / 10px;}
ul.notice_list li.no_category		{display:none;}

ul.notice_list li p					{text-align:left;}
ul.notice_list li p.no_cate			{display:inline-block; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#fe9061; vertical-align:middle}
ul.notice_list li p.no_cate02		{display:inline-block; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#51ae7d; vertical-align:middle}
ul.notice_list li p.no_cate03		{display:inline-block; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#1a60ae; vertical-align:middle}
ul.notice_list li p.no_list			{max-width:68%; display:inline-block; }
ul.notice_list li p.no_list span	{display:inline-block; vertical-align:middle; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#333;}
ul.notice_list li p.no_list_no			{max-width:80%; display:inline-block; }
ul.notice_list li p.no_list_no span	{display:inline-block; vertical-align:middle; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:400 15px/21px "Noto Sans KR", sans-serif !important; color:#333;}
ul.notice_list li p.no_file02			{display:inline-block; }
ul.notice_list li p.no_file02 span.file {display:inline-block; height:15px; width:14px; background:url('/_img/web/cont/file_img02.png') no-repeat 0 0 / 14px; vertical-align:middle;}
ul.notice_list li p.no_date				{display:inline-block; width:90%; font:300 14px/14px "Noto Sans KR", sans-serif !important; color:#999;}

ul.notice_list li p.no_date			{width:100%; margin-top:3px; font:300 14px/16px "Noto Sans KR", sans-serif !important; color:#999;}

ul.notice_list li p.no_number		{display:none;}
ul.notice_list li p.no_hits			{display:none;}
	
ul.notice_list li.no_cont			{text-align:center; padding:100px 0 25px 0; border-bottom:1px solid #ddd;font:300 15px/23px "Noto Sans KR", sans-serif !important; color:#999; background:url('/_img/web/cont/no_list.png')no-repeat 50% 33% / 115px #f9f9f9;}



/**페이지네이션**/
p.pagenation					{width:100%; text-align:center; margin-top:30px;}
p.pagenation a					{display:inline-block; vertical-align:middle; margin-top:10px; width:17px; height:17px; padding:5px 10px 14px 10px; border:1px solid #ddd; font:400 14px/24px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
p.pagenation a.page_last		{width:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
p.pagenation a.on				{background:#51ae7d !important; color:#fff !important; border:1px solid #51ae7d; !important}
p.pagenation a:hover			{background:#f9f9f9;}
p.pagenation a.prev_next		{background-color:#f1f1f1; width:35px; height:35px; padding:0px;}
p.pagenation span				{display:inline-block; width:100%; height:100%; }
p.pagenation span.first			{background:url('/_img/mo/cont/page_first.png')no-repeat 50% 50% / 14px}
p.pagenation span.next			{background:url('/_img/mo/cont/page_next.png')no-repeat 50% 50% / 7px}
p.pagenation span.last			{background:url('/_img/mo/cont/page_last.png')no-repeat 50% 50% / 14px}
p.pagenation span.prev			{background:url('/_img/mo/cont/page_prev.png')no-repeat 50% 50% / 7px}

/**20180620 회사소개*/
p.about_vsl												{width:100%; height:150px; background:url('/_img/mo/cont/about_vsl05.jpg')no-repeat 0 0 /cover;}

p.about_tit												{margin-top:20px; padding:20px 5px 0 5px; font:400 19px/29px "Noto Sans KR", sans-serif; color:#333; letter-spacing:-1px; background:url('/_img/mo/cont/quotes.png') no-repeat 1% 0 / 22px;  word-break:keep-all; }
p.about_tit span										{font:500 19px/29px "Noto Sans KR", sans-serif; color:#51ae7d;}
div.about_cont											{width:100%; padding:0 5px; box-sizing:border-box; word-break:keep-all; }
div.about_cont p.about_text					{margin-top:10px; font:300 15px/23px "Noto Sans KR", sans-serif; color:#666;}
div.about_cont p.about_text:first-child	{margin-top:20px;}
div.about_cont p.about_text span.t01	{font:300 15px/23px "Noto Sans KR", sans-serif; color:#fe9601;}
div.about_cont p.about_text span.t02	{font:400 17px/23px "Noto Sans KR", sans-serif; color:#333; padding-top:20px; display:inline-block;}



/**보도자료 뷰***/
div.board_top							{width:100%;}
div.board_top p							{width:100%; padding:30px 5px 8px 5px; box-sizing:border-box;  font:400 21px/28px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#333;}
div.board_top ul						{width:100%; overflow:hidden; padding:0 5px; border-top:solid 2px #333;  border-bottom:solid 1px #cfcfcf; box-sizing:border-box;}
div.board_top ul li						{float:left; position:relative; padding:2px 0 10px 10px; margin-right:15px; font:300 14px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#999;}
div.board_top ul li:after				{content:''; position:absolute; top:7px; left:0; display:inline-block; width:1px; height:13px; background:#ddd; }
div.board_top ul li:first-child:after	{display:none;}
div.board_top ul li:nth-child(2):after	{display:none;}
div.board_top ul li:first-child			{padding:2px 0 10px 0;}
div.board_top ul li:nth-child(2)		{padding:2px 0 10px 0;}
div.board_top ul li:nth-child(3)		{margin:0px;}
div.board_top ul li.sub					{clear:both; width:100%; position:inherit; padding:10px 0 0 0; color:#feae01; font-weight:400;}
div.board_top ul li.sub	span.c01		{color:#feae01; margin:0px;}
div.board_top ul li.sub	span.c02		{color:#51ae7d; margin:0px;}
div.board_top ul li.sub	span.c03		{color:#1a60ae; margin:0px;}
div.board_top ul li span				{color:#666; margin-left:10px;}
div.board_top ul li.sns					{float:right; padding:0; margin:0;}
div.board_top ul li.sns:after			{display:none;}
div.board_top ul li.sns a				{display:inline-block; width:22px; height:22px; margin:0 0 0 5px; border-radius:20px; background:#ddd;}
div.board_top ul li.sns a.face			{background:url('/_img/mo/cont/face.png')no-repeat 0% 0% / 22px 22px}
div.board_top ul li.sns a.twi			{background:url('/_img/mo/cont/twi.png')no-repeat 0% 0% / 22px 22px}
div.board_top ul li.sns a.kaka			{background:url('/_img/mo/cont/kaka.png')no-repeat 0% 0% / 22px 22px}
div.board_top ul.tp li	{padding-top:10px;}


p.no_file			{width:100%; padding:10px 12px; margin-top:10px; box-sizing:border-box; background:#f5f5f5; font:300 13px/18px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555;}
p.no_file span a	{display:inline-block; margin-left:10px; background:url('/_img/web/cont/file_img.png')no-repeat 0 3px /11px; padding-left:15px; font:200 13px/18px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica;  color:#666; text-decoration:underline; text-decoration-color:#feae01}


div.board_cont					{padding:20px 8px 50px 8px; min-height:100px; border-bottom:1px solid #ddd; font:300 14px/25px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
div.board_cont p				{font:300 14px/25px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666;}
div.board_cont img				{max-width:100%;}	
div.board_cont div.video		{max-width:100%;}
div.board_cont div.video video	{max-width:100%;}

table.prev_next					{width:100%; border-bottom:solid 1px #999; table-layout:fixed;}
table.prev_next	col.tit			{width:80px;}
table.prev_next	col.cont		{width:auto;}
table.prev_next tr th			{border-top:solid 1px #cfcfcf; padding:18px 10px; text-align:left; vertical-align:middle; font:400 14px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555;}
table.prev_next tr th.prev		{background:url('/_img/mo/cont/no_view_prev.png')no-repeat 100% 25px / 14px;}
table.prev_next tr th.next		{background:url('/_img/mo/cont/no_view_next.png')no-repeat 100% 27px / 14px;}
table.prev_next td				{border-top:solid 1px #cfcfcf; padding:18px 10px 18px 15px; vertical-align:middle; font:300 14px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#999;}
table.prev_next td a			{width:100%; display:inline-block; color:#666; font:300 14px/21px "Noto Sans KR",Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



}