@charset "utf-8";

.board_search		{padding:15px;margin:0 0 20px 0;background:#f5f5f5;text-align:center;}
.board_search select, .board_search input, .board_search button	{width:120px;vertical-align:top;}
.board_search button, button.btn_search		{width:60px;height:32px;margin:0 5px;background:#768395;border:1px solid #768395;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#fff;font-size:12px;}
.board_search input.text{width:200px;height:32px;}
.board_search .fa	{display:inline-block;margin-right:5px;vertical-align:middle;}
.search_small		{position:relative;}
.search_small .formarea	{margin-right:60px;}
.search_small input	{border-radius:0;border-right:none;}
.search_small a		{position:absolute;right:0;top:0;margin:0;border-radius:0;display:inline-block;text-align:center;width:60px;height:26px;line-height:24px;padding:0;background:#f1f1f1;border:1px solid #dadada;}

.board_info			{margin:20px 0;line-height:30px;}
.board_info select	{width:120px;}
.board_info .left	{font-size:90%;}
.board_info:before,
.board_info:after,
.btnarea:after{content:"";display:block;float:none;clear:both;}
.btnarea		{margin:30px 0;}
.btnarea a		{margin:0 1px;}
.btnarea .fa	{margin-right:5px;}
.bbs_date		{font-size:12px;color:#888}
.board_info select	{vertical-align:top;}

@media only screen and (max-width:767px){ /*auto*/
	.board_search select, 
	.board_search input, 
	.board_search button,
	.board_search input.text{width:100%;margin:1px 0;}
	.board_info .left,
	.board_info .right	{float:none;text-align:left;}
	.btnarea a		{margin:2px 0;}
}
.board_list							{border-bottom:1px solid #768395;}
.board_list table					{}
.board_list table thead th			{padding:8px 4px;background:#768395;color:#fff;font-weight:normal;text-align:center;} 
.board_list table tbody tr				{border-top:1px solid #ddd;}
.board_list table tbody tr:first-child 	{border-top:none;}
.board_list table tbody tr:hover 		{background:#f9f9f9;}
.board_list table tbody tr:hover td.subject a {color:#768395;}
.board_list table tbody td				{padding:10px 5px;text-align:center;}
.board_list table tbody td.subject		{text-align:left;width:calc(100% - 450px);}
.board_list table tbody td.subject a	{display:block;line-height:20px;height:20px;overflow:hidden;color:#333;text-decoration:none;}
.board_list table .notice span			{display:inline-block;padding:0 6px;background:#EF593A;border-radius:2px;line-height:18px;color:#fff;font-size:11px;}
.board_list table .date,	
.board_list table .num					{font-size:12px;color:#999}
.board_list table .new					{display:inline-block;width:25px;height:13px;margin-left:10px;font-size:0;text-indent:-200%;background:url(../img/ico_new.gif) no-repeat 0 0;vertical-align:middle;}
.board_list	.nodata						{text-align:center !important;padding:40px 0;}
.board_list.board_press .subject a[target=_blank]:before{content:"";display:inline-block;width:14px;height:14px;background:url(../img/ico_nw.png) no-repeat 50% 50%;margin-right:5px;}

@media only screen and (max-width:767px){ /*auto*/
	.board_list					{border-top:1px solid #768395;}
	.board_list table thead th	{display:none;} 
	.board_list table tbody th,
	.board_list table tbody td		{display:inline-block;text-align:left;padding:0;}
	.board_list table tbody tr		{display:block;padding:15px 0;}
	.board_list table tbody td.subject{display:block;font-size:16px;padding:0;margin:0;vertical-align:top;width:auto;}
	.board_list table tbody td.file	{}
	.board_list table tbody td.writer,
	.board_list table tbody td.date	{font-size:90%;color:#888;}
	.board_list table tbody td.date:before{content:"";display:inline-block;border-left:1px solid #ccc;height:10px;padding-right:10px;margin-left:8px;}
	.board_list table tbody td.hit,
	.board_list table tbody td.num	{display:none;}
}

.board_view				{}
.board_view	.title		{padding:20px 0;margin:0;text-align:center;font-size:24px;}
.board_view	.desc		{padding:20px 0;margin:0;background:#f5f5f5;color:#999;}
.board_view	.desc dl	{clear:both;padding:0;margin:0;}
.board_view	.desc dl:after{content:"";display:block;float:none;clear:both;}
.board_view	.desc dt	{float:left;padding:0;margin:0 10px 0 0;text-indent:20px;}
.board_view	.desc dd	{float:left;padding:0;margin:0 10px 0 0;}
.board_view .cont		{clear:both;padding:20px 0;margin:0;border-top:1px solid #ddd;}
.board_view	.attach		{clear:both;padding:15px 20px;margin:0;border-top:1px solid #ddd;background:#f5f5f5;}
.board_view	.attach	i	{color:#999;margin-right:5px;}
.board_view_list		{border-top:1px solid #ddd;color:#999;text-align:center;margin:30px 0;}
.board_view_list dl		{clear:both;}
.board_view_list dt,
.board_view_list dd		{float:left;height:50px;line-height:50px;padding:0;margin:0;border-bottom:1px solid #ddd;white-space:nowrap;}
.board_view_list dt		{width:120px;background:#f5f5f5;}
.board_view_list dd		{width:180px;}
.board_view_list dd:last-child{width:100px;font-size:14px;}
.board_view_list dd.subject	{width:calc(100% - 400px);text-align:left;text-indent:20px;font-size:16px;overflow:hidden}

.bbs-notice-old		{font-style:inherit !important;font-size:12px;font-family:dotum;font-weight:inherit !important}
.bbs-notice-old strong{font-weight:bold !important}
.bbs-notice-old table,
.bbs-notice-old td	{font:inherit !important;margin:inherit !important;padding:auto !important;border-spacing:inherit  !important;padding:5px;}

.board_view table.bbs-table01 th {padding:5px;text-align:center;font-weight:bold;}
.board_view table.bbs-table01 td {padding:5px;}

@media only screen and (max-width:767px){ /*auto*/
	.board_view	.desc {padding:15px;}
	.board_view	.desc dt,
	.board_view	.desc dd{float:none;display:inline-block;width:auto;text-indent:0}
	.board_view_list dt		{width:80px;}
	.board_view_list dd		{display:none}
	.board_view_list dd.subject	{display:inline-block;width:calc(100% - 80px);}
}


.board_cmt em	{margin-left:5px;color:#ff6666}
.board_cmt .tit	{}
.board_cmt_write				{position:relative;padding:10px;background:#f5f5f5;margin-top:10px;}
.board_cmt_write button			{position:absolute;right:10px;top:10px;background:#768395;color:#fff;width:100px;text-align:center;line-height:60px;height:60px;border:none;}
.board_cmt_write .bx			{width:calc(100% - 105px)}
.board_cmt_write .bx textarea	{width:100%;height:60px;min-height:auto;padding:5px;font-size:14px;}

.board_cmt_list			{margin-bottom:50px;}
.board_cmt_list	ul li	{position:relative;padding:15px 0;border-bottom:1px solid #ddd;font-size:14px;}
.board_cmt_list	ul ul li	{padding:10px;border-bottom:1px dotted #ddd;background:#f5f5f5;}
.board_cmt_list	ul ul li:last-child{border-bottom:none;}
.board_cmt_list .desc	{line-height:25px;}
.board_cmt_list	.name	{font-weight:bold;}
.board_cmt_list	.desc a	{display:inline-block;width:23px;height:23px;line-height:21px;color:#888;text-align:center;border:1px solid #eee;font-size:11px;}
.board_cmt_list	.btnarea{position:absolute;right:0;top:15px;margin:0;}
.board_cmt_list	p		{padding:5px 0 0 0;}
.board_cmt_list	.bx			{width:calc(100% - 65px)}
.board_cmt_list	button		{vertical-align:top;font-size:14px;width:60px;background:#efefef;color:#768395;line-height:15px;}
.board_cmt_list	.board_cmt_write		{background:none;padding:0 0 10px 0;}
.board_cmt_list	.board_cmt_write button	{right:0;top:0;}

.board_write				{border:1px solid #768395;}
.board_write table th,
.board_write table td		{padding:8px 10px;border-top:1px solid #ddd;font-weight:normal;text-align:left;}
.board_write table tr:first-child th,
.board_write table tr:first-child td	{border-top:none;}
.board_write table th		{width:150px;background:#f5f5f5;}
.board_write table td		{background:#fff;}
.board_write textarea		{min-height:240px;}
.board_write .attach		{padding:15px;margin-top:5px;background:#f9f9f9;}

@media only screen and (max-width:767px){ /*auto*/
	.board_write table th,
	.board_write table td	{display:block;width:auto;background:none;}
	.board_write table th	{padding:10px 10px 0 10px}
	.board_write table td	{border-top:none;padding:10px;}
}
/* paging */
.paging			{text-align:center;line-height: 1.2;margin:30px 0;}
.paging a,
.paging strong	{display:inline-block;font-size:12px;padding:0;min-width:30px;height:30px;line-height:28px;margin:0;text-decoration:none;font-weight: normal;vertical-align: middle;}
.paging a		{color:#777;border:1px solid #ddd;background:#fff;}
.paging strong	{color:#fff;background:#5A6378;border:1px solid #5A6378;}
.paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:30px;height:30px;padding:0;border:1px solid #ddd;background:#fff;}
.paging a:hover,
.paging a:focus {background-color: #f5f5f5;}
.paging a span {font-size:0;text-indent:-200%;}
.paging a i {font-size:14px;line-height:28px;}

/* gallery */
.gallery			{padding:20px 0 0 0}
.gallery ul:after	{content:"";display:block;float:none;clear:both;}
.gallery li:nth-child(3n+1),
.gallery ul.d4 li:nth-child(4n+1),
.gallery ul.d5 li:nth-child(5n+1)	{clear:both;}
.gallery ul			{margin:0 -10px}
.gallery ul.d4 li	{width:25%;}
.gallery ul.d5 li	{width:20%;}
.gallery li				{float:left;width:33.3333%;margin:0 0 20px 0;}
.gallery .img_frame 	{display:block;height:180px;overflow:hidden;position:relative;}
.gallery .img_frame img	{width:100%;min-height:100%;min-width:100%;}
.gallery .img_frame,
.gallery .desc			{margin:0 10px;}
.gallery .desc			{padding-top:10px;text-align: center;}
.gallery .bbs_date		{display:block;color:#aaa;font-family:tahoma;font-size:11px}
.gallery .img_frame a:before		{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(19,0,124,0.7);border:1px solid rgba(0,0,0,0.1);transform:translateY(-100%);transition: transform .35s cubic-bezier(.4,.01,0,1);z-index:1}
.gallery .img_frame a:hover:before	{transform:translateY(0);}
.gallery .img_frame:before			{content:"\f067";font-family:FontAwesome;font-size:20px;text-align:center;position:absolute;left:50%;top:50%;width:20px;height:20px;line-height:20px;margin:-10px 0 0 -10px;z-index:2;color:#fff;transform:scale(0) rotate(-180deg);transition: all 0.2s ease-out}
.gallery .img_frame:hover:before	{transform:scale(1) rotate(0)}

.gallery2				{}
.gallery2 ul:after		{content:"";display:block;float:none;clear:both;}
.gallery2 li			{float:left;width:32%;margin:0 0 10px 2%;padding:10px;border:1px solid #dadada;box-sizing: border-box;}
.gallery2 li:first-child,
.gallery2 li:nth-child(3n+1){margin-left:0;}
.gallery2 p				{text-align:center;}
.gallery2 .img_frame	{position:relative;margin:10px 0;}
.gallery2 .img_frame a	{width:100%;height:160px;}
.gallery2 .tag			{position:absolute;left:0;top:0;display:inline-block;padding:3px;background:#3E78C1;color:#fff;font-size:11px;}
.gallery2 .desc			{position:relative;}
.gallery2 .bbs_date		{display:block;}
.gallery2 .share		{position:absolute;right:0;top:0;}

.movie			{margin:0 0 30px 0;}
.movie .desc	{position:relative;background:#f5f5f5;padding:15px;font-size:16px;color:#222}
.movie .share	{position:absolute;right:15px;top:15px;}
.movie .frame video	{width:100%;height:auto;}
.movie .cont	{border:1px solid #dadada;text-align:justify;vertical-align:top;}
.movie .txt		{height:140px;padding:15px;overflow:auto}

/* gallery_slide */
.imgSlides				{display:none}
.gallery_slide			{position:relative;margin:auto;}
.gallery_slide .prev, 
.gallery_slide .next	{cursor:pointer;position: absolute;top:50%;width: auto;  padding: 12px;  margin-top: -22px;  color: #fff;  font-weight: bold;  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;}
.gallery_slide .next	{right: 0;  border-radius: 3px 0 0 3px;}
.gallery_slide .prev:hover,
.gallery_slide .next:hover {background-color: rgba(0,0,0,0.8);}
.gallery_slide .num		{display:none;color:#fff;font-size: 12px;position:absolute;top:0;}
.gallery_slide .control {width:100%;padding:10px 0 0 0;text-align:center;position:absolute;top:0;}
.gallery_slide .dot		{cursor:pointer;height: 13px;  width: 13px;  margin: 0 2px;    border-radius: 50%;  display: inline-block;background-color: #bbb; transition: background-color 0.6s ease;}
.gallery_slide .active, .gallery_slide .dot:hover { background-color: #111;}
.gallery_slide .txt		{position:absolute;width:100%;padding:15px 0}
.gallery_slide .fade	{-webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* focus */
.focus_gallery			{}
.focus_gallery li:after	{content:"";display:block;float:none;clear:both;}
.focus_gallery li		{padding:15px 0;border-top:1px solid #dadada}
.focus_gallery li:first-child{border-top:none;}
.focus_gallery .img_frame 	{display:inline;float:left;margin-right:20px;width:120px;height:90px;}
.focus_gallery .bbs_date	{margin:5px 0;}
.focus_gallery .txt			{display:-webkit-box;-webkit-box-orient: vertical;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;vertical-align:top;-webkit-line-clamp:2;min-height:38px;line-height:20px;}

/* banner */
.banner	{}
.banner	li	{float:left;border:1px solid #dadada;width:32%;margin:0 0 20px 0}
.banner	.img_frame		{width:100%;height:60px;}
.banner	.img_frame img	{width:100%;}
.banner	li:nth-child(3n+2)	{margin:0 2%;background:#333}
.banner	ul:after	{content:"";clear:both;display:block;float:none;}

/*.board_write,*/ .board_view,  .gallery, .focus_gallery, .board_link, .board_faq	{border-top:2px solid #768395;border-bottom:1px solid #768395;}

/* share */
.share		{}
.share a	{display:inline-block;float:left;margin:0 1px;border:1px solid #ccc;color:#ccc;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;font-size:80%;vertical-align:middle;}
.share .fa	{margin:0;}
.share span.ico_blog	{display:block;width:20px;height:20px;background-image:url(../img/ico_blog.png);background-repeat:no-repeat;background-position:50% 50%;background-size:12px 12px;}

/* calendar */
input.ui-calendar{width:100px;background:#fff url('../img/calendar-icon.gif') no-repeat 89px center;vertical-align:middle;cursor:pointer}

.select_bx		{margin:0 0 20px 0;}
.select_bx a	{display:block;}
/*.year			{position:relative;height:50px;line-height:50px;background:#f5f5f5;text-align:center;}
.year .active	{font-size:20px;font-weight:bold;color:#222}
.year a.prev	{position:absolute;left:0;top:0px;}
.year a.next	{position:absolute;right:0;top:0px;}
.year .fa		{margin:0 10px;}
.month			{border-bottom:1px dashed #dadada;height:40px;line-height:40px;text-align:center;}
.month a		{float:left;width:8.333%;color:#768395;}*/
.sat			{color:#1875D1}
.sun			{color:#EF593A}

.t_schedule table			{border-top:2px solid #768395;border-bottom:1px solid #768395;} 
.t_schedule table thead th	{padding:4px 8px;background:#D8DDE0;color:#768395;}
.t_schedule table tbody tr		{border-top:1px solid #ddd;}
.t_schedule table tbody tr:first-child	{border-top:none;}
.t_schedule table tbody th		{padding:8px;width:100px;}
.t_schedule table tbody td		{padding:8px;border-left:1px dotted #ddd;text-align:left;vertical-align:top;}
.t_schedule ul li:before		{content:" · ";color:#768395;}
.t_schedule ul li .date			{display:inline-block;width:140px;color:#768395;font-size:12px;}
.t_schedule table.t_calendar thead th	{background:#E1E4E8;border:1px solid #E1E4E8;color:#768395;}
.t_schedule table.t_calendar th, 
.t_schedule table.t_calendar td	{padding:2px;font-size:11px;text-align:center;height:auto} 

table.t_calendar 			{border-top:none} 
table.t_calendar tbody tr, table.t_calendar tbody tr:first-child td	{border-top:none;}
table.t_calendar thead th	{width:14.2857%;padding:8px 0;border:none;background:#768395;border:1px solid #768395;color:#fff;text-align:center;}
table.t_calendar tbody th,
table.t_calendar tbody td	{padding:8px;border:1px solid #ddd;height:100px;vertical-align:top;}
table.t_calendar ul li		{font-size:12px;}

/* board_link */
.board_link				{}
.board_link	li			{clear:both;padding:20px 0;border-top:1px solid #dadada;}
.board_link li:first-child	{border-top:none;}
.board_link	li:after	{content:"";display:block;float:none;clear:both;}
.board_link	a.link		{float:right;display:inline-block;background:#D9DCDF;color:#5A6378;font-size:11px;width:25px;height:25px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}

.board_link2 li			{position:relative;border:1px solid #dadada;margin:0 0 10px 0;}
.board_link2 a.link		{position:absolute;right:15px;top:15px;display:inline-block;background:#D9DCDF;color:#5A6378;font-size:11px;width:25px;height:25px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}
.board_link2 .tit		{padding:15px;background:#fff;}
.board_link2 .txt		{padding:15px;background:#f5f5f5;}

/* faq */
.board_faq			{}
.board_faq li				{border-top:1px solid #dadada;padding:20px 0;padding-left:35px;}
.board_faq li:first-child	{border-top:none;}
.board_faq p:before			{display:inline-block;margin:0 10px 0 -35px;width:25px;height:25px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}
.board_faq .question:before	{content:"Q";background:#5A6378;color:#fff}
.board_faq .answer:before	{content:"A";background:#D9DCDF;color:#5A6378;}
.board_faq .question 		{margin:0 0 5px 0;}
.board_faq .question a		{color:#222}

/* graph */
.bar_process:after	{content:"";display:block;float:none;clear:both;}/* 진행률 */
.bar_process		{display:inline-block;width:50px;height:12px !important;padding:0;margin:0;vertical-align:middle;background:url(../img/buildware/bar_process_bg.gif) repeat-x 0 0;}
.bar_process .bar	{display:inline-block;float:left;height:12px !important;padding:0;margin:0;font-size:0 !important;line-height:0 !important;background-image:url(../img/buildware/bar_process_bg.gif);background-repeat:repeat-x;background-position:0 -12px;}
.bar_process_num	{display:inline-block;color:#4CF0B1;font-family:verdana;font-size:10px;line-height:12px;vertical-align:middle;}
.bar_process .bar.color2	{background-position:0 -24px;}
.bar_process_num.color2		{color:#35A6B5}

.bar_graph:after	{content:"";display:block;float:none;clear:both;}/* 막대그래프-가로 */
.bar_graph		{display:block;width:100%;height:12px !important;padding:0;margin:0;vertical-align:middle;}
.bar_graph .bar	{display:inline-block;height:12px !important;padding:0;margin:0;font-size:0 !important;line-height:0 !important;background:#3E78C1;vertical-align:top;}
.bar_graph .num	{display:inline-block;width:60px;}

/* 막대그래프-세로 */
.bar_graph_v		{padding:0;margin:0;}
.bar_graph_v ul		{margin:0; padding:0; height:auto;}
.bar_graph_v ul:after	{content:""; display:block;float:none; clear:both;}
.bar_graph_v li			{float:left;display:inline;position:relative;height:100%;width:50%;margin:0 auto;text-align:center;white-space:nowrap;}
.bar_graph_v .tit_x		{position:relative;display:inline-block;width:100%;height:40px;margin:0 -88% -40px 0;padding:270px 0 0 0; vertical-align:bottom;color:#555;font-weight:bold;}
.bar_graph_v .bar		{position:absolute;width:50px;left:50%;bottom:0;margin:0 0 0 -25px;padding:0;vertical-align:bottom;background:#D89A54;}
.bar_graph_v .bar .tt	{position:absolute;width:100%;top:3px;left:0;color:#fff;font-size:11px;}
.bar_graph_v .desc		{display:inline-block;padding:2px 0;height:15px;line-height:15px;background:#333;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}


@media only screen and (max-width:767px){ /*auto*/	
	.gallery ul.d4 li,
	.gallery ul.d5 li,
	.gallery li				{width:50%;}
	.gallery li:nth-child(2n+1)	{clear:both;}
	.gallery li:nth-child(3n+1),
	.gallery ul.d4 li:nth-child(4n+1),
	.gallery ul.d5 li:nth-child(5n+1)	{clear:none;}
}
 
@media only screen and (max-width:480px){ /*auto*/		
	.gallery ul				{margin:0}
	.gallery ul.d4 li,
	.gallery ul.d5 li,
	.gallery li				{float:none;width:auto;}
	.gallery .img_frame,
	.gallery .desc			{margin:0;}
}