@charset "utf-8";

/* pc */
@media only screen and (min-width: 960px) {
	.no_bbs						{width:100% !important; padding:60px 10px !important; text-align:center !important;  font:300 17px/22px "Poppins", "Noto Sans KR", sans-serif;  color:#888; border:none !important; cursor:default !important;}
	.no_bbs:hover				{background:transparent !important}
	.no_bbs:hover:after			{display:none !important}
	.bbs_list .no_bbs			{border-bottom:1px solid #ddd !important}
	.gal_list .no_bbs			{border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; margin:0 !important; border-radius:0;}
	.gal_list .no_bbs:hover:before	{display:none !important}

/* 한글 필터 */
	ul.char_filter				{border:solid 1px #ddd; padding:30px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center; margin-bottom:30px}
	ul.char_filter	li			{margin-right:10px;}
	ul.char_filter	li a		{display:inline-block;  padding:10px; border:solid 1px #ddd; font:400 17px/18px "Poppins", "Noto Sans KR", sans-serif; color:#888; transition:.2s;}
	ul.char_filter	li.on a,
	ul.char_filter	li a:hover,
	ul.char_filter	li a:focus	{border-color:#009bdf; color:#009bdf}

/* 기본테이블 */
	ul.bbs_list						{width:100%; margin:0 auto; border-top:solid 2px #222; }
	ul.bbs_list li					{transition:background .1s; display:table; table-layout:fixed; width:100%; border-bottom:solid 1px #ddd; padding:16px 10px; overflow:hidden; position:relative;}
	ul.bbs_list li.notTop			{background:#edeff3 !important}	
	ul.bbs_list.click li			{cursor:pointer}
	ul.bbs_list.click li:hover	{cursor: pointer; background:#f4f6f9; border-bottom: 1px solid #d8dbdf;}

	ul.bbs_list li p				{display:table-cell; vertical-align:middle; padding:0 12px; text-align:center; font:400 17px/22px "Poppins", "Noto Sans KR", sans-serif;  color:#666;}
	ul.bbs_list li p span.tt	{display:none}
	ul.bbs_list li .new			{display:inline-block; text-align:center; margin-right:5px; border-radius:3px; width:22px; height:22px; background:#235fc6; font:400 13px/24px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	ul.bbs_list li p.num		{width:7%; min-width:70px;}
	ul.bbs_list li p.num .not	{display:inline-block; color:#235fc6; font:500 17px/20px "Poppins", "Noto Sans KR", sans-serif; padding-left:25px; background:url('/_img/web/mo/comn/noti.png') no-repeat 0% 50% / 18px;}
	ul.bbs_list li p.date		{width:150px;}
	ul.bbs_list li p.con.w7		{width:7%}
	ul.bbs_list li p.con.w12	{width:12%}
	ul.bbs_list li p.con.w10	{width:10%}
	ul.bbs_list li p.con.w15	{width:15%}
	ul.bbs_list li p.con.w20	{width:20%}
	ul.bbs_list li p.con.w25	{width:25%}
	ul.bbs_list li p.con.w30	{width:30%}
	ul.bbs_list li p.con.w35	{width:35%}
	ul.bbs_list li p.con.w40	{width:40%}
	ul.bbs_list li p.con.w45	{width:45%}
	ul.bbs_list li p.con.w50	{width:50%}
	ul.bbs_list li p.con.l		{text-align:left !important;}
	ul.bbs_list li p.con b		{font-weight:600; color:#333;}
	ul.bbs_list li p.con a:not(.link_btn)	{font-weight:400; color:#333; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; transition:all .2s; max-width: calc(100% - 35px); display: inline-block; vertical-align:middle;}
	ul.bbs_list li:hover p.con a:not(.link_btn)	{color:#009bdf}
	ul.bbs_list li.notTop:hover p.con a:not(.link_btn){color:#235fc6}

	ul.bbs_list li p.btn.w10				{width:10%;}
	ul.bbs_list li p.btn a.btn_mini			{display: inline-block; min-width:80px; padding:2px 10px; text-align:center; border-radius:5px; border:1px solid #333; background:#fff; font:400 15px/24px 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.5px; transition:all 0.2s}
	ul.bbs_list li p.btn a.btn_mini:hover	{background:#222; color:#fff;}	

    ul.bbs_list li p.file			{font-size:0;}
    ul.bbs_list li p.file.w10		{width:10%}
	ul.bbs_list li p.file span		{vertical-align:top; font-size:0; display:inline-block; width:20px; height:20px; background:url('/_img/web/pc/comn/file.png') no-repeat 50% 50%;}

	ul.bbs_list li.cate				{padding:16px 10px; background:#f2f2f2 !important;}
	ul.bbs_list li.cate:hover		{cursor:default;}
	ul.bbs_list li.cate p			{font:400 17px/21px "Poppins", "Noto Sans KR", sans-serif;  color:#222;}
	
	ul.bbs_list.info_list			{}
	ul.bbs_list.info_list p.cate	{width:15%;}
	ul.bbs_list.info_list p.tit		{text-align:left;}
	ul.bbs_list.info_list p.cycle 	{width:10%;}
	ul.bbs_list.info_list p.opdate 	{width:10%;}
	ul.bbs_list.info_list p.part 	{width:15%;}
	ul.bbs_list.info_list li.cate p.tit		{text-align:center;}	
	
	ul.bbs_list.approval li p.num	{width:5%; min-width:revert; padding:0;}
	ul.bbs_list.approval li p.tit	{text-align:left;}
	ul.bbs_list.approval li p		{font-size:16px; word-break:break-all;}
	
/* 공통 상세 */
	.view_style												{width: 100%; margin: 0 auto; border-top: 2px solid #222;}
	.view_style .vtop										{padding: 30px; border-bottom: 1px solid #ddd;}
	.view_style .vtop .t_box p.tit						{font: 400 22px/34px 'Noto Sans KR', sans-serif; color:#222; display: block; margin-bottom:6px; padding-right:0; margin-right:0;}
	.view_style .vtop .t_box p.tit::after			{display: none;}
	.view_style .vtop .t_box p.tit.lock::after		{content: ''; display: inline-block; width: 16px; height: 32px; vertical-align:top; margin:0px 0 0px 8px; background:url('/_img/web/pc/cont/lock.png')no-repeat 50% 50%;}

	.view_style .vtop .t_box p							{font: 300 16px/27px 'Noto Sans KR', sans-serif; color: #666; display: inline-block; margin-right:9px; padding-right:12px; position:relative}
	.view_style .vtop .t_box p span					{display:inline-block; font-weight:500;  margin-right:7px;}
	.view_style .vtop .t_box p::after				{content: ''; width: 1px; height: 14px; background: #cdcdcd; display: inline-block; position:absolute; top:7px; right:0}
	.view_style .vtop .t_box p:last-child::after	{display: none;}

	.view_style .down_box								{display: block; width: 100%; padding:20px 30px; background: #f6f6f6;}
	.view_style .down_box p							{display: block;}
	.view_style .down_box p a						{transition: all .3s; font: 400 16px/20px 'Noto Sans KR', sans-serif; color: #666; display: block; margin-bottom: 8px; padding-left:39px;text-indent: -39px;}
	.view_style .down_box p:last-child a			{margin-bottom: 0;}
	.view_style .down_box p a:hover				{color: #1b4486;}
	.view_style .down_box p a::before			{border-radius:2px; transition:all .3s; content: ''; width:26px; height:26px; display:inline-block; vertical-align:text-top; margin-right: 13px; background: #666 url('/_img/web/pc/comn/icon_down_w.png') no-repeat 55% 49%;}
	.view_style .down_box p a:hover::before	{background: #009bdf url('/_img/web/pc/comn/icon_down_w.png') no-repeat 55% 49%;}

/* 기존 아이콘 유지 */
.file-link::before{
  content:"";
  /* 아이콘 배경/크기 등 기존 스타일 */
}

/* 스크린리더 전용 유틸 */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

	.view_style .text_box					{display: block; width: 100%; padding: 50px 30px;}
	.view_style .text_box > *			{font-family:revert;font-size:revert;line-height:revert;white-space: pre-wrap;}
	.view_style .text_box img			{margin-bottom:50px; margin-top:20px; max-width:100%;height: auto !important;}
	.view_style .text_box p.text		{font: 300 16px/27px 'Noto Sans KR', sans-serif; color: #222;}

	.view_style .prev_next_box				{width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #222;}
	.view_style .prev_next_box p			{width: auto; padding:25px 30px; border-bottom: 1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font: 300 16px/24px 'Noto Sans KR', sans-serif; color: #757575;}
	.view_style .prev_next_box p a			{font: 300 16px/24px 'Noto Sans KR', sans-serif; color: #000;}
	.view_style .prev_next_box p a:hover,
	.view_style .prev_next_box p a:focus					{text-decoration:underline;}
	.view_style .prev_next_box p:last-child				{border-bottom: none;}
	.view_style .prev_next_box p span					{font: 400 16px/24px 'Noto Sans KR', sans-serif; color: #222;}
	.view_style .prev_next_box p.prev span::after	{content: ''; width: 12px; height: 8px; background: url('/_img/web/pc/comn/view_prev.png') no-repeat; display: inline-block; margin: 0 60px 0 16px;}
	.view_style .prev_next_box p.next span::after	{content: ''; width: 12px; height: 8px; background: url('/_img/web/pc/comn/view_next.png') no-repeat; display: inline-block; margin: 0 60px 0 16px;}

/* 페이지네이션 */
	.pagination										{text-align: center; margin-top: 70px;}
	.pagination > *									{display: inline-block; height: 30px; line-height: 30px; vertical-align:top}
	.pagination a.direction						{width:30px; text-indent: -9999px; -webkit-transition: .3s ease; transition: .3s ease;}
	.pagination a.direction.prev				{background: url('/_img/web/pc/comn/prev.png') no-repeat center center; margin-right: 15px;}
	.pagination a.direction.prev:focus, 
	.pagination a.direction.prev:hover			{background: url('/_img/web/pc/comn/prev_on.png') no-repeat center center;}
	.pagination a.direction.prev.end			{background: url('/_img/web/pc/comn/prev_end.png') no-repeat center center;}
	.pagination a.direction.prev.end:focus,
	.pagination a.direction.prev.end:hover	{background: url('/_img/web/pc/comn/prev_end_on.png') no-repeat center center;}

	.pagination a.direction.next					{background: url('/_img/web/pc/comn/next.png') no-repeat center center; margin-left: 15px;}
	.pagination a.direction.next:focus, 
	.pagination a.direction.next:hover			{background: url('/_img/web/pc/comn/next_on.png') no-repeat center center;}
	.pagination a.direction.next.end			{background: url('/_img/web/pc/comn/next_end.png') no-repeat center center;}
	.pagination a.direction.next.end:focus, 
	.pagination a.direction.next.end:hover	{background: url('/_img/web/pc/comn/next_end_on.png') no-repeat center center;}

	.pagination a.num								{margin:0 10px; font:500 18px/32px "Poppins", "Noto Sans KR", sans-serif; color:#888; width: 30px;}
	.pagination a.num.active,
	.pagination a.num:hover,
	.pagination a.num:focus						{color: #fff; background:#235fc6; width: 30px; height: 30px; border-radius: 5px;}

/* Form Style */
	input[type="checkbox"]							{position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0;}
	input[type="checkbox"].gray,
	input[type="checkbox"]:disabled + label:before	{background:#f5f5f5;}
	input[type="checkbox"] + label					{display:inline-block; position:relative; cursor:pointer; margin-right:15px; padding:5px 0 4px 28px; color:#666; font:300 16px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="checkbox"] + label:before		{display:block; content:''; position:absolute; left:0; top:4px; width:20px; height:20px; box-sizing:border-box; background:#fff; border:1px solid #ccc; border-radius:4px}
	input[type="checkbox"]:checked + label:before   {background:#009bdf url('/_img/web/pc/cont/check_on.png')no-repeat 60% 50%; border: 1px solid #009bdf;}

	input[type="text"]				{width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ccc; color:#555; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="text"].gray,
	input[type="text"]:disabled	{background:#f5f5f5;}
	input[type="text"] + label	{font-size:0;}

	input[type="password"]		{width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ccc; color:#555; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="password"].gray	{background:#f5f5f5;}
	input[type="password"] + label	{font-size:0;}
	
/* 검색 */
	/* 검색만 있을경우 */
	div.list					{margin-bottom: 12px;}
	div.list .right			{width:100%;display: flex;justify-content: flex-end;}

	/* 토탈,검색 2개일경우 */
	div.list.two			{display:flex;justify-content:space-between;align-items: center; margin-bottom: 12px;}
	div.list.two .left		{width: 30%;}
	div.list.two .right	{width: 70%;display: flex;justify-content: flex-end;}
	
	div.prod_list					{display:flex; margin-bottom:40px;}
	div.prod_list p.sel			{}
	div.prod_list p.search	{width:100%}
	
	p.sel								{display:inline-block;margin-right: 5px;}
	p.sel select			{vertical-align:middle; width:auto; height:40px; padding:0 45px 0 15px; border:1px solid #ccc; background:#fff url('/_img/web/pc/comn/sel_bkarr.png') no-repeat right 11px top 15px; color:#333; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif; /* outline:none; */ -webkit-appearance:none; -moz-appearance:none; appearance:none;}
	p.sel select option		{color:#333; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	p.sel select::-ms-expand{display:none /* 화살표 없애기 for IE10, 11*/ }
	
	p.search								{}
	p.search input						{width: calc(100% - 40px);}
	p.search input::placeholder	{font-weight:300; color:#666;}
	p.search button					{display:inline-block; cursor:pointer; vertical-align:top; font-size:0;}
	p.search button.search_go	{border:none; width:40px; height:40px; background:#194894 url('/_img/web/pc/comn/sub_icon_search.png')no-repeat 50% 50%;}
	p.search button:focus		{outline-style:dashed; outline-width:2px; outline-offset:1px;}
	

	p.date_input									{display:flex; align-items: center; margin-right:5px;}
	p.date_input .input							{position:relative;}
	p.date_input .input input[type="text"] {padding-right:40px; width:160px}
	p.date_input input::placeholder		{font-weight:300; color:#999}
	p.date_input .input a						{position:absolute; right:8px; top:8px; font-size:0; display:inline-block; width:25px; height:25px; background:url('/_img/web/mo/cont/date_cal.png') no-repeat 50% 50%/20px;}
	p.date_input i		{padding:0 5px;}

	p.list_total						{font:400 17px/25px "Poppins", "Noto Sans KR", sans-serif; color:#333; text-align:left;}
	p.list_total span				{color:#009bdf; font: 500 19px/28px "Poppins", "Noto Sans KR", sans-serif;}
		
/* 겔러리 리스트 */	
	ul.gal_list									{width:100%; display:flex; flex-wrap : wrap;}
	ul.gal_list::after							{content:''; clear:both; display:table;}
	ul.gal_list li								{border:solid 1px #ddd; border-radius:5px; width: calc(33.333% - 28px); position:relative; cursor:pointer;}
	ul.gal_list li:nth-child(n+4)		{margin-top:60px; }
	ul.gal_list li:not(:nth-child(3n))	{margin-right: 42px;}
	ul.gal_list li:hover:before			{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 3px); top:0px; left:0px; transition:all 0.3s; border:3px solid #1b4486; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
	/* ul.gal_list li.no_bbs:hover:before		{display:none;}	 */
	ul.gal_list li div.thum					{width:100%; height:auto; position:relative; z-index:-1; overflow:hidden; background-color:#f5f5f5; border-radius:5px 5px 0 0;}
	ul.gal_list li div.thum	img				{width:100%; background-size:cover;}
	ul.gal_list li div.info					{padding:20px 25px; width:100%; position:relative; }
	ul.gal_list li div.info .gal_new		{position:absolute; z-index:2; right:20px; bottom:95px; font:500 italic 17px/32px "Poppins", "Noto Sans KR", sans-serif; color:#fff; text-align:center; padding:17px 3px 0 0; background:#f17219; width:65px; height:65px; border-radius:50%; }
	ul.gal_list li div.info p.gal_list		{width:100%; font: 500 21px/31px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
	ul.gal_list li div.info p.gal_list > a	{display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	ul.gal_list li div.info p.gal_date				{font:300 17px/36px "Poppins", "Poppins", "Noto Sans KR", sans-serif; color:#888;}
	ul.gal_list li div.info p.gal_date span		{font:300 17px/32px "Poppins", "Noto Sans KR", sans-serif; color:#888; padding-left:30px; position:relative;}
	ul.gal_list li div.info p.gal_date span::before	{position:absolute; content:""; width: 1px;height: 13px; left: 15px;top: 6px; background: #ccc;}

	div.search_cont	ul.gal_list			{margin-top:10px; padding-bottom:35px;}
	ul.gal_list.four							{}
	ul.gal_list.four li						{margin:0 45px 0 0; width: calc(25% - 34px);}
	ul.gal_list.four li:nth-child(4n)	{margin-right:0px;}
	ul.gal_list.four li:nth-child(n+5)	{margin-top:80px;}
	ul.gal_list.four li div.thum			{padding:15px 0 30px; text-align:center;}
	ul.gal_list.four li div.thum img	{width:190px;}
	ul.gal_list.four li div.info			{padding:5px 25px 50px;}
	ul.gal_list.four li div.info p.name{font:500 20px/30px "Poppins", "Noto Sans KR", sans-serif; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	ul.gal_list.four li div.info a.b_btn{width:auto; min-width:200px; position:absolute; right:20px; bottom:-35px;}
	ul.gal_list.four li p.label				{position:absolute; z-index:2; top:-10px; left:-10px; width:57px; height:57px; padding:13px 5px; text-align:center; background:#194895; font:500 16px/32px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}

/* 로고 리스트 */
	ul.logo_list								{width:100%; display:flex; flex-wrap : wrap;}
	ul.logo_list li								{width:22%; margin:30px 0 0 4%; cursor:pointer;}
	ul.logo_list li:nth-child(4n+1)	{margin:30px 0 0 0}
	ul.logo_list li:nth-child(-n+4)		{margin-top:0px;}
	ul.logo_list li p.img					{width:100%; border:1px solid #ddd; border-radius:5px; position:relative; height:120px; display:flex; align-items: center; justify-content: center;}
	ul.logo_list li p.img img				{max-width:65%; max-height:70px;}
	
	ul.logo_list li p.txt				{width:100%; margin-top:15px; padding:0 5px; text-align:center; font:500 18px/26px "Poppins", "Noto Sans KR", sans-serif; color:#222; word-break:break-all}
	ul.logo_list li p.txt span		{display:block; margin-top:5px; font:400 14px/19px "Poppins", "Noto Sans KR", sans-serif; color:#666}

	ul.logo_list li:hover p.img:after		{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 3px); top:0px; left:0px; transition:all 0.3s;  cursor:pointer; border:3px solid #1b4486; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
}

@media only screen and (min-width: 959px) and (max-width: 1210px) {
	ul.bbs_list li p.con.w10	{width:12%}
	ul.bbs_list li p.con.w15	{width:15%}

/* 기본테이블 */
	ul.bbs_list li p				{line-height:21px;}
	ul.bbs_list li p.con.l		{padding-left:20px}
	ul.bbs_list li p.btn.w10						{width: 11%;}
	ul.bbs_list li p.btn a.btn_mini			{display: inline-block; min-width:75px; padding:2px 5px; text-align:center; border-radius:5px; border:1px solid #333; background:#fff; font:400 15px/24px 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.5px; transition:all 0.2s}
	ul.bbs_list li p.btn a.btn_mini:hover	{background:#222; color:#fff;}
	ul.bbs_list li p.file span		{width:17px; background:url('/_img/web/mo/comn/file.png') no-repeat 50% 50%/100%;}
	ul.bbs_list li.cate			{padding: 16px 10px;background:#f2f2f2 !important;}
	ul.bbs_list li.cate p		{font: 400 17px/21px "Poppins", "Noto Sans KR", sans-serif;}
	ul.bbs_list.ta_no_num li p.num {display:none}

/* 겔러리 리스트 */
	ul.gal_list li									{width: calc(33.333% - 17px);}
	ul.gal_list li:nth-child(n+4)			{margin-top:40px; }
	ul.gal_list li:not(:nth-child(3n))		{margin-right: 25px;}
	ul.gal_list li div.info						{padding:15px 20px;}
	ul.gal_list li div.info .gal_new			{bottom:85px; font-size:15px; padding:12px 3px 0 0; width:55px; height:55px;}
	ul.gal_list li div.info p.gal_list			{font-size:19px;}
	ul.gal_list li div.info p.gal_date,
	ul.gal_list li div.info p.gal_date span	{font-size:16px;}

	div.search_cont	ul.gal_list								{margin-top:10px; padding-bottom:35px;}
	div.search_cont	ul.gal_list	li:nth-child(n+4)	{display:none;}
	ul.gal_list.four									{padding-left:10px;}
	ul.gal_list.four li								{width:calc(33.333% - 17px);}
	ul.gal_list.four li:nth-child(3n)			{margin-right:0;}
	ul.gal_list.four li:nth-child(n+4)			{margin-top:70px;}
	ul.gal_list.four li div.thum					{padding:15px 0 30px; text-align:center;}
	ul.gal_list.four li div.thum img			{width:190px;}
	ul.gal_list.four li div.info					{padding:5px 25px 50px;}
	ul.gal_list.four li div.info p.name		{font:500 20px/30px "Poppins", "Noto Sans KR", sans-serif; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	
	/* 로고 리스트 */
	ul.logo_list li					{width:23.5%; margin:30px 0 0 2%; cursor:pointer;}
}



/* ta */
@media only screen and (min-width: 640px) and (max-width: 959px) {
	.no_bbs						{width:100% !important; padding:60px 10px !important; text-align:center !important;  font:300 17px/22px "Poppins", "Noto Sans KR", sans-serif;  color:#888; border:none !important; cursor:default !important;}
	.no_bbs:hover				{background:transparent !important}
	.no_bbs:hover:after			{display:none !important}
	.bbs_list .no_bbs			{border-bottom:1px solid #ddd !important}
	.gal_list .no_bbs			{border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; margin:0 !important; border-radius:0;}
	.gal_list .no_bbs:hover:before	{display:none !important}

/* 한글 필터 */
	ul.char_filter				{border:solid 1px #ddd; padding:20px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center; margin-bottom:30px}
	ul.char_filter	li			{margin:5px;}
	ul.char_filter	li a		{display:inline-block;  padding:8px; border:solid 1px #ddd; font:400 16px/17px "Poppins", "Noto Sans KR", sans-serif; color:#888; transition:.2s;}
	ul.char_filter	li.on a,
	ul.char_filter	li a:hover,
	ul.char_filter	li a:focus	{border-color:#009bdf; color:#009bdf}

/* 기본테이블 */
	ul.bbs_list						{width:100%; margin:0 auto; border-top:solid 2px #222;}
	ul.bbs_list li					{transition:background .1s;display:table;table-layout:fixed;width:100%;border-bottom:solid 1px #ddd;padding: 18px 10px;overflow:hidden;position:relative;}
	ul.bbs_list li.notTop			{background:#edeff3 !important}	
	ul.bbs_list.click li			{cursor:pointer}
	ul.bbs_list.click li:hover	{cursor: pointer; background:#f4f6f9; border-bottom: 1px solid #d8dbdf;}

	ul.bbs_list li p			{display:table-cell; vertical-align:middle; padding: 0 5px; text-align:center; font: 400 16px/21px "Poppins", "Noto Sans KR", sans-serif;  color:#666; word-break: keep-all;}
	ul.bbs_list li p span.tt	{display:none}
	ul.bbs_list li .new			{display:inline-block; text-align:center; margin-right:5px; border-radius:3px; width:22px; height:22px; background:#235fc6; font:400 13px/24px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	ul.bbs_list li p.num		{width:7%;}
	ul.bbs_list li p.num .not	{display:inline-block; color:#235fc6; font:500 17px/20px "Poppins", "Noto Sans KR", sans-serif; padding-left:25px; background:url('/_img/web/mo/comn/noti.png') no-repeat 0% 50% / 18px;}
	ul.bbs_list li p.date		{width:16%;}
	ul.bbs_list li p.con.w7		{width:7%}
	ul.bbs_list li p.con.w10	{width:12%}
	ul.bbs_list li p.con.w15	{width:15%}
	ul.bbs_list li p.con.w20	{width:20%}
	ul.bbs_list li p.con.w25	{width:25%}
	ul.bbs_list li p.con.w30	{width:30%}
	ul.bbs_list li p.con.w35	{width:35%}
	ul.bbs_list li p.con.w40	{width:40%}
	ul.bbs_list li p.con.w45	{width:45%}
	ul.bbs_list li p.con.w50	{width:50%}
	ul.bbs_list li p.con b		{font-weight:600; color:#333;}
	ul.bbs_list li p.con.l		{text-align:left !important; padding-left:20px}
	ul.bbs_list li p.con a:not(.link_btn)	{color:#333; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; transition:all .2s; max-width:  calc(100% - 35px); display: inline-block; vertical-align: middle;}
	ul.bbs_list li:hover p.con a:not(.link_btn)	{color:#009bdf}
	ul.bbs_list li.notTop:hover p.con a:not(.link_btn){color:#235fc6}

	ul.bbs_list li p.btn.w10						{width: 11%;}
	ul.bbs_list li p.btn a.btn_mini			{display: inline-block; min-width:75px; padding:2px 5px; text-align:center; border-radius:5px; border:1px solid #333; background:#fff; font:400 15px/24px 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.5px; transition:all 0.2s}
	ul.bbs_list li p.btn a.btn_mini:hover	{background:#222; color:#fff;}

	ul.bbs_list li p.file			{font-size:0;}
    ul.bbs_list li p.file			{width:10%}
	ul.bbs_list li p.file span		{vertical-align:top; font-size:0; display:inline-block; width:17px; height:20px; background:url('/_img/web/mo/comn/file.png') no-repeat 50% 50%/100%;}

	ul.bbs_list li.cate			{padding: 16px 10px;background:#f2f2f2 !important;}
	ul.bbs_list li.cate:hover	{cursor:default;}
	ul.bbs_list li.cate p		{font: 400 16px/21px "Poppins", "Noto Sans KR", sans-serif;  color:#222;}

	ul.bbs_list.ta_no_num li p.num {display:none}
	ul.bbs_list.approval li .link_btn{font-size:0; width:35px; height:35px; position:relative; background:url('/_img/web/mo/cont/m_btn_go.png') no-repeat 50% 50%/11px;}
	
	ul.bbs_list.info_list			{}
	ul.bbs_list.info_list p.cate	{width:15%;}
	ul.bbs_list.info_list p.tit		{text-align:left;}
	ul.bbs_list.info_list p.cycle 	{width:12%;}
	ul.bbs_list.info_list p.opdate 	{width:12%;}
	ul.bbs_list.info_list p.part 	{width:15%;}
	ul.bbs_list.info_list li.cate p.tit		{text-align:center;}

/* 공통 상세 */
	.view_style											{width: 100%; margin: 0 auto; border-top: 2px solid #222;}
	.view_style .vtop									{padding: 20px; border-bottom: 1px solid #ddd;}
	.view_style .vtop .t_box p.tit					{font: 400 20px/32px 'Noto Sans KR', sans-serif; color:#222; display: block; margin-bottom:6px; padding-right:0; margin-right:0;}
	.view_style .vtop .t_box p.tit::after		{display: none;}
	.view_style .vtop .t_box p.tit.lock::after	{content: ''; display: inline-block; width: 16px; height: 32px; vertical-align:top; margin:0px 0 0px 8px; background:url('/_img/web/pc/cont/lock.png')no-repeat 50% 50%;}

	.view_style .vtop .t_box p							{font: 300 16px/27px 'Noto Sans KR', sans-serif; color: #666; display: inline-block; margin-right:9px; padding-right:12px; position:relative}
	.view_style .vtop .t_box p span					{display:inline-block; font-weight:500;  margin-right:7px;}
	.view_style .vtop .t_box p::after				{content: ''; width: 1px; height: 14px; background: #cdcdcd; display: inline-block; position:absolute; top:7px; right:0}
	.view_style .vtop .t_box p:last-child::after	{display: none;}

	.view_style .down_box								{display: block; width: 100%; padding:15px 20px; background: #f6f6f6;}
	.view_style .down_box p							{display: block;}
	.view_style .down_box p a						{transition: all .3s; font: 300 15px/20px 'Noto Sans KR', sans-serif; color: #666; display: block; margin-bottom: 8px;     padding-left:39px;text-indent: -39px;}
	.view_style .down_box p:last-child a			{margin-bottom: 0;}
	.view_style .down_box p a:hover				{color: #009bdf;}
	.view_style .down_box p a::before			{border-radius:2px; transition:all .3s; content: ''; width:26px; height:26px; display:inline-block; vertical-align:text-top; margin-right: 13px; background: #666 url('/_img/web/pc/comn/icon_down_w.png') no-repeat 55% 49%;}
	.view_style .down_box p a:hover::before	{background: #009bdf url('/_img/web/pc/comn/icon_down_w.png') no-repeat 55% 49%;}

	.view_style .text_box				{display: block; width: 100%; padding: 50px 30px; color: #222;}
	.view_style .text_box > *			{font-family:revert;font-size:revert;line-height:revert;white-space: pre-wrap;}
	.view_style .text_box img		{margin-bottom:40px; margin-top:20px; max-width:100%;height: auto !important;}
	.view_style .text_box p.text	{font: 300 16px/27px 'Noto Sans KR', sans-serif; color: #222;}

	.view_style .prev_next_box				{width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #222;}
	.view_style .prev_next_box p			{width: auto; padding:20px 20px; border-bottom: 1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font: 300 16px/24px 'Noto Sans KR', sans-serif; color: #757575;}
	.view_style .prev_next_box p a			{font: 300 16px/24px 'Noto Sans KR', sans-serif; color: #000;}
	.view_style .prev_next_box p a:hover,
	.view_style .prev_next_box p a:focus			{text-decoration:underline;}
	.view_style .prev_next_box p:last-child			{border-bottom: none;}
	.view_style .prev_next_box p span				{font: 400 16px/24px 'Noto Sans KR', sans-serif; color: #222;}
	.view_style .prev_next_box p.prev span::after	{content: ''; width: 12px; height: 8px; background: url('/_img/web/mo/comn/view_prev.png') no-repeat 0 0 / 12px; display: inline-block; margin: 0 30px 0 16px;}
	.view_style .prev_next_box p.next span::after	{content: ''; width: 12px; height: 8px; background: url('/_img/web/mo/comn/view_next.png') no-repeat 0 0 / 12px; display: inline-block; margin: 0 30px 0 16px;}

/* 페이지네이션 */
	.pagination									{text-align: center; margin-top: 55px;}
	.pagination > *								{display: inline-block; height: 25px; line-height: 25px; vertical-align:top;}
	.pagination a.direction					{width:25px; text-indent: -9999px; -webkit-transition: .3s ease; transition: .3s ease;}
	.pagination a.direction.prev			{background: url('/_img/web/mo/comn/prev.png') no-repeat center center/7px; margin-right: 13px;}
	.pagination a.direction.prev.end	{background: url('/_img/web/mo/comn/prev_end.png') no-repeat center center/13px;}

	.pagination a.direction.next			{background: url('/_img/web/mo/comn/next.png') no-repeat center center/7px; margin-left: 13px;}
	.pagination a.direction.next.end	{background: url('/_img/web/mo/comn/next_end.png') no-repeat center center/13px;}

	.pagination a.num					{margin: 0 13px; font:500 16px/28px "Poppins", "Noto Sans KR", sans-serif; color:#888;}
	.pagination a.num.active			{color: #fff; background:#235fc6; width: 25px; height: 25px; border-radius: 5px;}

/* Form Style */
	input[type="checkbox"]							{position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0;}
	input[type="checkbox"].gray,
	input[type="checkbox"]:disabled + label:before	{background:#f5f5f5;}
	input[type="checkbox"] + label								{display:inline-block; position:relative; cursor:pointer; margin-right:15px; padding:5px 0 4px 28px; color:#666; font:300 16px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="checkbox"] + label:before					{display:block; content:''; position:absolute; left:0; top:4px; width:20px; height:20px; box-sizing:border-box; background:#fff; border:1px solid #ccc; border-radius:4px}
	input[type="checkbox"]:checked + label:before	{background:#009bdf url('/_img/web/mo/cont/check_on.png')no-repeat 60% 50% / 13px; border: 1px solid #009bdf;}

	input[type="text"]				{width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ccc; color:#555; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="text"].gray,
	input[type="text"]:disabled	{background:#f5f5f5;}

	input[type="password"]			{width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ccc; color:#555; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="password"].gray	{background:#f5f5f5;}

/* 검색 */
	/* 검색만 있을경우 */
	div.list					{margin-bottom: 12px;}
	div.list .right			{width:100%;display: flex;justify-content: flex-end;}

	/* 토탈,검색 2개일경우 */
	div.list.two			{display:flex;justify-content:space-between;align-items: center; margin-bottom: 12px;}
	div.list.two .left		{width: 30%;}
	div.list.two .right	{width: 70%;display: flex;justify-content: flex-end;}
	
	div.prod_list					{display:flex; margin-bottom:40px;}
	div.prod_list p.sel			{}
	div.prod_list p.search	{width:100%}
	
	p.sel								{display:inline-block;margin-right: 5px;}
	p.sel select					{vertical-align:middle; width:auto; height:40px; padding:0 35px 0 15px; border:1px solid #ccc; background:#fff url('/_img/web/mo/comn/sel_bkarr.png') no-repeat right 11px top 15px / 13px; color:#333; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
	p.sel select option			{color:#333; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	p.sel select::-ms-expand{display:none /* 화살표 없애기 for IE10, 11*/ }
	
	p.search								{}
	p.search input						{width: calc(100% - 40px);}
	p.search input::placeholder	{font-weight:300;}
	p.search button					{display:inline-block; cursor:pointer; vertical-align:top; font-size:0;}
	p.search button.search_go	{border:none; width:40px; height:40px; background:#194894 url('/_img/web/mo/comn/sub_icon_search.png')no-repeat 50% 50% / 22px;}

	p.date_input									{display:flex; align-items: center; margin-right:5px;}
	p.date_input .input							{position:relative;}
	p.date_input .input input[type="text"] {padding-right:40px; width:160px}
	p.date_input input::placeholder		{font-weight:300; color:#999}
	p.date_input .input a						{position:absolute; right:8px; top:8px; font-size:0; display:inline-block; width:25px; height:25px; background:url('/_img/web/mo/cont/date_cal.png') no-repeat 50% 50%/20px;}
	p.date_input i		{padding:0 5px;}

	p.list_total						{font:400 17px/25px "Poppins", "Noto Sans KR", sans-serif; color:#333; text-align:left;}
	p.list_total span				{color:#009bdf; font: 500 19px/28px "Poppins", "Noto Sans KR", sans-serif;}

/* 겔러리 리스트 */
	ul.gal_list															{width:100%; display:flex; flex-wrap : wrap;}
	ul.gal_list::after													{content:''; clear:both; display:table;}
	ul.gal_list li														{border:solid 1px #ddd; width:calc(50% - 15px); position:relative; border-radius:5px; cursor:pointer;}
	ul.gal_list li:nth-child(n+3)								{margin-top:40px; }
	ul.gal_list li:not(:nth-child(2n))							{margin-right: 30px;}
	ul.gal_list li:hover:before									{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 3px); top:0px; left:0px; transition:all 0.3s; border:3px solid #1b4486; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
	ul.gal_list li div.thum											{width:100%; height:auto; position:relative; z-index:-1; overflow:hidden; background-color:#f5f5f5; border-radius:5px 5px 0 0;}
	ul.gal_list li div.thum	img									{width:100%; background-size:cover;}
	ul.gal_list li div.info											{padding:15px 20px 20px; width:100%;}
	ul.gal_list li div.info .gal_new								{position:absolute; z-index:2; right:20px; bottom:88px; font:500 italic 17px/30px "Poppins", "Noto Sans KR"; color:#fff; text-align:center; padding:15px 5px 0 0; background:#f17219; width:60px; height:60px; border-radius:50%; }
	ul.gal_list li div.info p.gal_list								{width:100%; font: 500 17px/36px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
	ul.gal_list li div.info p.gal_list > a							{z-index:1; position:relative; display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	ul.gal_list li div.info p.gal_date							{font: 400 16px/30px "Poppins", "Poppins", "Noto Sans KR", sans-serif; color:#888; }
	ul.gal_list li div.info p.gal_date span					{font: 400 16px/30px "Poppins", "Noto Sans KR", sans-serif; color:#888; padding-left:20px; position:relative;}
	ul.gal_list li div.info p.gal_date span::before		{position:absolute; content:""; width: 1px; height:12px; left:9px; top:5px; background: #ccc;}

	div.search_cont	ul.gal_list				{margin-top:20px; padding:0 0 35px;}
	ul.gal_list.four								{padding-left:10px;}
	ul.gal_list.four li							{width:calc(50% - 15px);}
	ul.gal_list li:not(:nth-child(2n))		{margin-right: 30px;}
	ul.gal_list.four li:nth-child(n+3)		{margin-top:60px;}
	ul.gal_list.four li div.thum				{padding:15px 0 30px; text-align:center;}
	ul.gal_list.four li div.thum img		{width:190px;}
	ul.gal_list.four li div.info				{padding:15px 20px 50px;}
	ul.gal_list.four li div.info p.name	{font:500 17px/28px "Poppins", "Noto Sans KR", sans-serif; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	ul.gal_list.four li div.info a.b_btn	{width:auto; min-width:200px; position:absolute; right:20px; bottom:-27px;}
	ul.gal_list.four li p.label					{position:absolute; z-index:2; right:20px; bottom:110px; width:60px; height:60px; border-radius:50%; padding:15px 5px; text-align:center; background:#194895; font:500 15px/32px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}

	/* 로고 리스트 */
	ul.logo_list								{width:100%; display:flex; flex-wrap : wrap;}
	ul.logo_list li								{width:32%; margin:30px 0 0 2%; cursor:pointer;}
	ul.logo_list li:nth-child(3n+1)	{margin:30px 0 0 0}
	ul.logo_list li:nth-child(-n+3)		{margin-top:0px;}
	ul.logo_list li p.img					{width:100%; border:1px solid #ddd; border-radius:5px; position:relative; height:120px; display:flex; align-items: center; justify-content: center;}
	ul.logo_list li p.img img				{max-width:65%; max-height:70px;}
	ul.logo_list li p.txt				{width:100%; margin-top:15px; padding:0 5px; text-align:center; font:500 17px/26px "Poppins", "Noto Sans KR", sans-serif; color:#222; word-break:break-all}
	ul.logo_list li p.txt span		{display:block; margin-top:5px; font:400 14px/19px "Poppins", "Noto Sans KR", sans-serif; color:#666}
	ul.logo_list li:hover p.img:after		{position:absolute; content:""; width: calc(100% - 3px); height: calc(100% - 3px); top:0px; left:0px; transition:all 0.3s;  cursor:pointer; border:3px solid #1b4486; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
}

@media only screen and (min-width: 640px) and (max-width: 760px) {
/* 기본테이블 */
	ul.bbs_list li p				{font: 400 15px/19px "Poppins", "Noto Sans KR", sans-serif;}
}

/* mo */
@media only screen and (max-width: 639px) {	
	.no_bbs						{width:100% !important; padding:50px 10px !important; text-align:center !important;  font:300 15px/21px "Poppins", "Noto Sans KR", sans-serif;  color:#888; border:none !important; cursor:default !important;}
	.bbs_list .no_bbs			{border-bottom:1px solid #ddd !important}
	.gal_list .no_bbs			{border-bottom:1px solid #ddd !important; border-top:2px solid #222 !important; margin:0 !important; border-radius:0;}
	.gal_list .no_bbs:hover:before	{display:none !important}

/* 한글 필터 */
	ul.char_filter				{border:solid 1px #ddd; padding:15px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center; margin-bottom:20px}
	ul.char_filter	li			{margin:3px;}
	ul.char_filter	li a		{display:inline-block;  padding:8px; border:solid 1px #ddd; font:400 14px/15px "Poppins", "Noto Sans KR", sans-serif; color:#888; transition:.2s;}
	ul.char_filter	li.on a	{border-color:#009bdf; color:#009bdf} 

/* 기본테이블 */
	ul.bbs_list						{width:100%; margin:0 auto; border-top: solid 2px #222;}
	ul.bbs_list li					{width:100%; border-bottom:solid 1px #ddd; padding: 15px 5px; overflow:hidden; position:relative; }
	ul.bbs_list li.notTop			{background:#edeff3 !important}	
	ul.bbs_list.click li			{cursor:pointer}
	
	ul.bbs_list li.cate				{display:none}
	ul.bbs_list li p				{vertical-align:middle;font:300 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#666; word-break:keep-all; display:table; width:100%;}
	ul.bbs_list li p:last-child		{margin-bottom:0}
	ul.bbs_list li p span.tt		{display: table-cell; width:120px; font:400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#222}
	ul.bbs_list li .new				{display:inline-block; text-align:center; vertical-align:top; margin:1px 5px 0 0; border-radius:3px; width:20px; height:20px; background:#235fc6; font:400 13px/22px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}
	ul.bbs_list li .num				{display:none}
	ul.bbs_list li p.date			{margin-top:5px;}
	ul.bbs_list li p.con b			{font-weight:600; color:#333; line-height:24px;}
	ul.bbs_list li p.con a:not(.link_btn)	{font:400 15px/24px "Poppins", "Noto Sans KR", sans-serif; color:#222}
	ul.bbs_list li p.con.con_tit	{font:400 15px/24px "Poppins", "Noto Sans KR", sans-serif; color:#222}
	ul.bbs_list li p.l				{padding:0 !important}
	ul.bbs_list li p.pb0			{margin-bottom:0 !important}
	ul.bbs_list li p.m_none			{display:none}
    ul.bbs_list li p.file			{position:absolute; right:10px; bottom:15px; font-size:0; width:15px !important}
    ul.bbs_list li p.file span		{font-size:0; display:inline-block; width:15px; height:20px; background:url('/_img/web/mo/comn/file.png') no-repeat 50% 50%/100%;}

    ul.bbs_list li p.btn a.btn_mini			{display: inline-block; min-width:80px; padding:2px 10px; text-align:center; border-radius:5px; border:1px solid #333; background:#fff; font:400 15px/24px 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.5px; transition:all 0.2s}

	ul.bbs_list.approval li p.tit				{font-weight:400; color:#222; width:100%; padding-bottom:7px;}
	ul.bbs_list.approval li p.sub				{float:left; width: fit-content; margin-right:8px; padding-right:7px; position:relative; padding-bottom:3px;}
	ul.bbs_list.approval li p.sub + p.sub::before,
	ul.bbs_list.approval li p.made + p.made::before{content:''; position:absolute; width:1px; height:10px; background:#ddd; left:-6px; top:5px; }	
	ul.bbs_list.approval li p.made				{float:left; width:fit-content; margin-right:5px; padding-right:5px; position:relative; padding-bottom:3px;}
	ul.bbs_list.approval li p.sub + p.made		{clear:both;}
	ul.bbs_list.approval li p.date::before		{content:"승인:"}
	
	ul.bbs_list.line li p					{margin-bottom:17px;}	
	ul.bbs_list.info_list			{}
	ul.bbs_list.info_list p			{color:#555;}
	ul.bbs_list.info_list p::before	{font:300 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#888; margin-right:5px;}
	ul.bbs_list.info_list p.tit				{margin-bottom:3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .2s; display: block; vertical-align: middle;}
	ul.bbs_list.info_list p.tit a			{}
	ul.bbs_list.info_list p.cate			{color: #009bdf; font: 400 14px/24px "Poppins", "Noto Sans KR", sans-serif;}
	ul.bbs_list.info_list p.cycle			{}
	ul.bbs_list.info_list p.cycle::before	{content:'공개주기 :'; }
	ul.bbs_list.info_list p.opdate::before	{content:'공개시기 :'; }
	ul.bbs_list.info_list p.part::before	{content:'담당부서 :'; }	

/* 공통 상세 */
	.view_style											{width: 100%; margin: 0 auto; border-top: 2px solid #222;}
	.view_style .vtop									{padding:10px; border-bottom: 1px solid #ddd;}
	.view_style .vtop .t_box p.tit					{font: 400 18px/27px 'Noto Sans KR', sans-serif; color:#222; display: block; margin-bottom:6px; padding-right:0; margin-right:0; word-break:keep-all;}
	.view_style .vtop .t_box p.tit::after		{display: none;}
	.view_style .vtop .t_box p.tit.lock::after	{content: ''; display: inline-block; width: 16px; height: 32px; vertical-align:top; margin:0px 0 0px 8px; background:url('/_img/web/pc/cont/lock.png')no-repeat 50% 50%;}

	.view_style .vtop .t_box p						{font: 300 14px/14px 'Noto Sans KR', sans-serif; color: #666; display: inline-block; margin-right:5px; padding-right:12px; position:relative}
	.view_style .vtop .t_box p span				{display:inline-block; font-weight:500;  margin-right:7px;}
	.view_style .vtop .t_box p::after			{content: ''; width: 1px; height: 14px; background: #cdcdcd; display: inline-block; position:absolute; top:1px; right:0}
	.view_style .vtop .t_box p:last-child::after	{display: none;}

	.view_style .down_box						{display: block; width: 100%; padding: 15px 15px; background: #f6f6f6;}
	.view_style .down_box p					{display: block;}
	.view_style .down_box p a				{transition: all .3s; font: 300 14px/18px 'Noto Sans KR', sans-serif; color: #666; display: block; margin-bottom: 10px; padding-left:30px; text-indent:-30px; word-break:keep-all}
	.view_style .down_box p:last-child a	{margin-bottom: 0;}
	.view_style .down_box p a:hover			{color:#009bdf;}
	.view_style .down_box p a::before		{border-radius:2px; transition: all .3s; content: ''; width: 21px; height: 21px; display: inline-block; vertical-align: text-top; margin-right: 10px; background: #666 url('/_img/web/mo/comn/icon_down_w.png') no-repeat 50% 50% / 12px;}
	.view_style .down_box p a:hover::before	{background:#009bdf url('/_img/web/mo/comn/icon_down_w.png')  no-repeat 50% 50% / 12px;}

	.view_style .text_box				{display: block; width: 100%; padding: 50px 30px;}
	.view_style .text_box > *			{font-family:revert;font-size:revert;line-height:revert;white-space: pre-wrap;}
	.view_style .text_box img		{margin-bottom:25px; margin-top:15px; max-width:100%;height: auto !important;}
	.view_style .text_box p.text	{font: 300 16px/27px 'Noto Sans KR', sans-serif; color: #222;}

	.view_style .prev_next_box				{width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #222;}
	.view_style .prev_next_box p			{width: auto; padding:15px 15px; border-bottom: 1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font: 300 16px/24px 'Noto Sans KR', sans-serif; color: #757575;}
	.view_style .prev_next_box p a			{font: 300 15px/24px 'Noto Sans KR', sans-serif; color: #000;}
	.view_style .prev_next_box p:last-child			{border-bottom: none;}
	.view_style .prev_next_box p span				{font: 400 15px/24px 'Noto Sans KR', sans-serif; color: #222;}
	.view_style .prev_next_box p.prev span::after	{content: ''; width: 12px; height: 8px; background: url('/_img/web/mo/comn/view_prev.png') no-repeat 0 0 / 12px; display: inline-block; margin: 0 16px;}
	.view_style .prev_next_box p.next span::after	{content: ''; width: 12px; height: 8px; background: url('/_img/web/mo/comn/view_next.png') no-repeat 0 0 / 12px; display: inline-block; margin: 0 16px;}

/* 페이지네이션 */
	.pagination									{text-align: center; margin-top: 35px;}
	.pagination > *								{display: inline-block; height: 20px; line-height: 20px; vertical-align:top;}
	.pagination a.direction					{width:20px; text-indent: -9999px; -webkit-transition: .3s ease; transition: .3s ease;}
	.pagination a.direction.prev			{background: url('/_img/web/mo/comn/prev.png') no-repeat center center/7px; margin-right: 10px;}
	.pagination a.direction.prev.end	{background: url('/_img/web/mo/comn/prev_end.png') no-repeat center center/13px;}

	.pagination a.direction.next				{background: url('/_img/web/mo/comn/next.png') no-repeat center center/7px; margin-left: 10px;}
	.pagination a.direction.next.end		{background: url('/_img/web/mo/comn/next_end.png') no-repeat center center/13px;}

	.pagination a.num							{margin: 0 10px; font:500 15px/24px "Poppins", "Noto Sans KR", sans-serif; color:#888;}
	.pagination a.num.active					{color: #fff; background:#235fc6; width:25px; height:25px; border-radius: 5px;}

/* Form Style */
	input[type="checkbox"]										{position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0;}
	input[type="checkbox"].gray,
	input[type="checkbox"]:disabled + label:before	{background:#f5f5f5;}
	input[type="checkbox"] + label								{display:inline-block; position:relative; cursor:pointer; margin-right:15px; padding:5px 0 4px 28px; color:#666; font:300 14px/22px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="checkbox"] + label:before					{display:block; content:''; position:absolute; left:0; top:4px; width:20px; height:20px; box-sizing:border-box; background:#fff; border:1px solid #ccc; border-radius:4px}
	input[type="checkbox"]:checked + label:before	{background:#009bdf url('/_img/web/mo/cont/check_on.png')no-repeat 60% 50% / 13px; border: 1px solid #009bdf;}

	input[type="text"]				{width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ccc; color:#555; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="text"].gray,
	input[type="text"]:disabled	{background:#f5f5f5;}

	input[type="password"]		{width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ccc; color:#555; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif;}
	input[type="password"].gray{background:#f5f5f5;}

/* 검색 */
	/* 검색만 있을경우 */
	div.list					{margin-bottom: 12px;}
	div.list .right			{width:100%;display: flex;justify-content: flex-end;}

	/* 토탈,검색 2개일경우 */

	div.list.two				{display:flex;flex-direction: column;}
	div.list.two .left			{width: 100%;order: 1;}
	div.list.two .right		{width: 100%; margin-bottom: 5px;}
	
	div.prod_list				{display:flex; margin-bottom:40px;}
	div.prod_list p.sel		{}
	div.prod_list p.search{width:100%}
	
	p.sel							{display:inline-block; margin-right:5px;}
	p.sel select				{vertical-align:middle;width:auto;height:40px;padding:0 45px 0 15px;border:1px solid #ccc;background:#fff url('/_img/web/mo/comn/sel_bkarr.png') no-repeat right 11px top 15px / 13px; color:#333;font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
	p.sel select option		{color:#333; font:400 17px/20px "Poppins", "Noto Sans KR", sans-serif;}
	p.sel select::-ms-expand{display:none /* 화살표 없애기 for IE10, 11*/ }
	
	p.search								{width: 100%; display: inline-block;}
	p.search input						{width: calc(100% - 40px);}
	p.search input::placeholder	{font-weight:300;}
	p.search button					{display:inline-block; cursor:pointer; vertical-align:top; font-size:0;}
	p.search button.search_go	{border:none; width:40px; height:40px; background:#194894 url('/_img/web/mo/comn/sub_icon_search.png')no-repeat 50% 50% / 22px;}

	p.date_input									{display:flex; align-items: center;}
	p.date_input .input							{position:relative; width:100%;}
	p.date_input .input input[type="text"] {padding-right:40px}
	p.date_input input::placeholder		{font-weight:300; color:#999}
	p.date_input .input a						{position:absolute; right:8px; top:8px; font-size:0; display:inline-block; width:25px; height:25px; background:url('/_img/web/mo/cont/date_cal.png') no-repeat 50% 50%/20px;}
	p.date_input i		{padding:0 5px;}

	p.list_total						{font:400 14px/22px "Poppins", "Noto Sans KR", sans-serif; color:#333; text-align:left;}
	p.list_total span				{color:#009bdf; font: 500 16px/24px "Poppins", "Noto Sans KR", sans-serif;}

/* 겔러리 리스트 */
	ul.gal_list										{width:100%; display:flex; flex-wrap : wrap;}
	ul.gal_list li									{border:solid 1px #ddd; width:calc(50% - 5px); position:relative; border-radius:5px;}
	ul.gal_list li:nth-child(n+3)			{margin-top:20px; }
	ul.gal_list li:not(:nth-child(2n))		{margin-right: 10px;}
	ul.gal_list li a									{display:inline-block; width:100%;}
	ul.gal_list li div.thum							{width:100%; height:auto; position:relative; overflow:hidden; background-color:#f5f5f5; border-radius:5px 5px 0 0;}
	ul.gal_list li div.thum	img					{width:100%; background-size:cover;}
	ul.gal_list li div.info							{padding:12px 12px 10px; width:100%;}
	ul.gal_list li div.info .gal_new				{position:absolute; z-index:2; right:10px; bottom:58px; font:500 italic 11px/24px "Poppins", "Noto Sans KR"; color:#fff; text-align:center; padding:6px 3px 0 0; background:#f17219; width:35px; height:35px; border-radius:50%; }
	ul.gal_list li div.info p.gal_list							{width:100%; font: 500 15px/24px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
	ul.gal_list li div.info p.gal_list > a						{color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	ul.gal_list li div.info p.gal_date						{font: 400 13px/24px "Poppins", "Poppins", "Noto Sans KR", sans-serif; color:#888; }
	ul.gal_list li div.info p.gal_date span				{font: 400 13px/24px "Poppins", "Noto Sans KR", sans-serif; color:#888; padding-left:15px; position:relative;}
	ul.gal_list li div.info p.gal_date span::before	{position:absolute; content:""; width: 1px; height:9px; left:8px; top:5px; background: #ccc;}

	div.search_cont	ul.gal_list				{margin-top:15px; padding:0 0 35px;}
	ul.gal_list.four								{padding-left:10px;}
	ul.gal_list.four li							{width:calc(50% - 5px);}
	ul.gal_list li:not(:nth-child(2n))		{margin-right: 10px;}
	ul.gal_list.four li:nth-child(n+3)		{margin-top:50px;}
	ul.gal_list.four li div.thum				{padding:8px 15px 30px; text-align:center;}
	ul.gal_list.four li div.thum img		{max-width:160px;}
	ul.gal_list.four li div.info				{padding:5px 12px 35px;}
	ul.gal_list.four li div.info p.name	{font:500 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	ul.gal_list.four li div.info a.b_btn	{width:auto; min-width:140px; padding: 5px 35px 5px 15px; position:absolute; right:10px; bottom:-21px; font: italic 600 13px/32px "Poppins", "Noto Sans KR", sans-serif;}
	ul.gal_list.four li div.info a.b_btn:after	{top:9px; right:10px;}
	ul.gal_list.four li p.label					{position:absolute; z-index:2; right:10px; bottom:82px; width:35px; height:35px; border-radius:50%; padding:6px 3px; text-align:center; background:#194895; font:500 11px/24px "Poppins", "Noto Sans KR", sans-serif; color:#fff;}

	/* 로고 리스트 */
	ul.logo_list					{width:100%; display:flex; flex-wrap : wrap;}
	ul.logo_list li					{width:calc(50% - 5px); margin:25px 0 0 0; cursor:pointer;}
	ul.logo_list li:nth-child(2n+1)	{margin:25px 10px 0 0}
	ul.logo_list li:nth-child(-n+2)	{margin-top:0px;}
	ul.logo_list li p.img			{width:100%; border:1px solid #ddd; border-radius:5px; position:relative; height:110px; display:flex; align-items: center; justify-content: center;}
	ul.logo_list li p.img img		{max-width:65%; max-height:65px;}
	
	ul.logo_list li p.txt				{width:100%; margin-top:15px; padding:0 5px; text-align:center; font:500 15px/21px "Poppins", "Noto Sans KR", sans-serif; color:#222; word-break:break-all}
	ul.logo_list li p.txt span		{display:block; margin-top:5px; font:400 13px/18px "Poppins", "Noto Sans KR", sans-serif; color:#666}
}