/* 나눔스퀘어*/
@font-face{
font-family:'NanumSquare';
src: url(/font/NanumSquareR.eot);
src: url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
     
}

/* //나눔스퀘어
* { font-family:"NanumSquare" !important }
*/

/* 초기화 */
body,html{width:100%; font-size:17px; color:#666; font-family: 'NanumSquare', '나눔스퀘어', sans-serif; font-weight: 400;}


/* 게시판 목록1 
.table_style1 {display: table; border-collapse:separate; border-spacing:0; border-top: solid 2px #aab5b5; width:100%; font-size:1em;}
.table_style1 th {padding:10px 0 ; background-color:#f7f7f7; border-bottom: solid 1px #dcdcdc; text-align:center; font-weight:bold;}
.table_style1 td {padding:10px 0 ; background-color:#fff; border-bottom: solid 1px #dcdcdc; color:#474747; text-align:center; }
.table_style1 td .left {text-align:left}
.table_style1 a:link, a:visited {color:#353535; text-decoration:none}
.table_style1 a:hover, a:focus, a:active {color:#000; text-decoration:underline}
*/


.style1_tit {font-size: 20px; font-weight: 700;width:100%;}
.style1_cont {font-size: 14px; font-weight: 400; !important; display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:50px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3}

.table_style1 {display: table; border-collapse:separate; width:100%; border-top: solid 2px #000; font-size:16.5px; letter-spacing: -0.05em; font-weight: normal;}
.table_style1 th {padding: 10px 0; background-color:#f7f7f7; border-bottom: solid 1px #dcdcdc; color:#222222;height:25px; text-align:center; }
.table_style1 td {padding: 10px 0; background-color:#fff; border-bottom: solid 1px #dcdcdc; color:#474747; text-align:center; padding-left:0px; height:25px;  line-height: 160%; vertical-align:middle;}
.table_style1 td .notice_img {display:inline-block; margin: 10px 0 10px 0; width: 160px; height: 100px; border: 1px solid  #dcdcdc; vertical-align:middle;}
.table_style1 td .left {padding: 10px 0; background-color:#fff; border-bottom: solid 1px #c1c1c1; color:#474747; height:20px; text-align:left}
/*.table_style1 a:link, a:visited {color:#353535;text-decoration:none}*/
.table_style1 a:hover, a:focus, a:active {color:#000;text-decoration:underline}


/* 게시판 등록/상세 */
.table_board {display: table; border-collapse:separate; border-spacing:0; border-top: solid 2px #aab5b5; width:100%; font-size:1em;}
.table_board th {padding:10px 0 ; background-color:#f7f7f7; border-bottom: solid 1px #dcdcdc; text-align:center; font-weight:bold;}
.table_board td {padding:10px 5px ; background-color:#fff; border-bottom: solid 1px #dcdcdc; color:#474747; line-height:160%;}
.table_board td .cont {padding:20px 8px 20px 8px; border-left:0px;}
.table_board td .txt_cen {text-align:center !important;}
.table_board .ess {color:red;}


/* 게시판 목록2 */
.table_style3 {display: table; border-collapse: collapse; width:100%; font-size:1em; border-top:2px solid #000;}
.table_style3 th {height:50px; padding-left:15px; background-color:#f7f7f7; color:#222222; text-align:left; border-bottom: solid 1px #dcdcdc;}
.table_style3 td {min-height:50px; padding-left:15px; background-color:#ffffff; color:#474747; text-align:left; border-bottom: solid 1px #dcdcdc; border-left:1px solid #dcdcdc;}
.table_style3 .date {font-size:1em; color:#666666; height:40px; text-align:right; padding-right:15px; font-weight:400; letter-spacing:-0.03em;}
.table_style3 .cont {padding:20px 15px 40px 15px; border-left:0px;color:#525252; font-size:1em; line-height:160%;}


/* 앨범 */
.tbl_album			{display: table; width:180; border:0px; border-collapse:collapse;}
.tbl_album th		{background-color:#fff; padding:5px; vertical-align:middle; text-align:center; border:1px solid #ddd;}
.tbl_album td		{background-color:#fff; padding:5px; vertical-align:middle; text-align:center; border-bottom:0px; }


/* 검색 */
.tbl_search		{display: table; border-collapse:separate; border-spacing:0; border:1px solid #ddd; width:100%; padding:10px; text-align:center;}

/* Pagination style */
.pagination {margin-top:30px !important; margin-bottom:10px; text-align:center;}
.pagination .pageNav {font:normal 11px/1.1 Arial;}
.pagination .pageNav a {display:inline-block;padding:7px 9px 5px; text-decoration:none; color:#888; border:1px solid #ededed;}
.pagination .pageNav span.current {display:inline-block;padding:7px 9px 5px; border:1px solid #006ba7; color:#FFF; background:#007dc3;}
.pagination .pageNav a:hover {background:#f8f8f8;}
.pagination .pageNav a.util {background:#f8f8f8;}	
.pagination .pageNav a.util:hover {background:#f1f1f1;}	
.pagination .pageNav a.first, .pagination .pageNav a.last {padding-top:4px; font-size:1.25em; }
.pagination .pageNav a.prev, .pagination .pageNav a.next  {font-size:0.96em;}
.pagination .pageNav a.prev {margin-right:6px; margin-left:6px;}
.pagination .pageNav a.next  {margin-left:6px; margin-right:6px;}







.dboard_date_box		{width:100%; height:40px;}
.dboard_date_box td	{background-color:#1b89db; text-align:center; color:#fff; font-size:1em; font-weight:bold;}

.post img { max-width:724px; width: expression(this.width > 970 ? 970: true); } 



.boardRead		{background-color:#f7f7f7; text-align:left;height:25px; }
.boardRead th		{ border-bottom: solid 1px #dcdcdc;}  
.tit						{font-size:1.5em;color:#202020; text-align:left;font-weight:600;padding-left:15px;}
.date					{font-size:1em; color:#666; height:40px; text-align:right; padding-right:15px; font-weight:400;}
.exp_txt				{font-size:1em; color:#666; text-align:center; line-height:160%;}
.tit_contants		{padding-top:30px; padding-bottom:60px; color:#00a848; font-size:1em; line-height:140%;}
.bar					{color:#ccc; padding-left:3px; padding-right:3px; font-size:1em; font-weight:100;}
.boardPvNv		{ font-size:1em; height:35px; border-top: solid 1px #dcdcdc; }
.boardPvNv th		{ font-size:1em; height:35px; border-bottom: solid 1px #dcdcdc; background-color:#f7f7f7; text-align:center;}
.boardPvNv td		{border-bottom: solid 1px #dcdcdc; padding-left:10px;}
.form					{font-family:나눔고딕; padding-left:10px; font-size:1em; color:#353535; height:35px;border:1px solid #d3d3d3;}
.form_in				{font-family:나눔고딕; padding-left:10px; font-size:1em; color:#353535; height:40px;border:1px solid #d3d3d3; border-radius:2px;}
.input_file			{height:30px;}



/* 버튼 */
.s_btn {text-align:right; padding:20px 0 20px 0;}
.btn_notice {display:inline-block;padding:3px;border:1px solid #006ba7;background:#007dc3;color:#fff !important;text-decoration:none;vertical-align:middle; font-size:1em; width:38px; text-align:center;}
a.btn_spot {display:inline-block;padding:7px;border:1px solid #006ba7;background:#007dc3;color:#fff !important;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
a.btn_spot:focus, a.btn_spot:hover {color:#fff;text-decoration:none}

.btn_spot {display:inline-block;padding:7px;border:1px solid #006ba7;background:#007dc3;color:#fff !important;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
.btn_spot:focus, a.btn_spot:hover {color:#fff;text-decoration:none}
/*
.btn_search {padding:5px;border:0;background:#525866;border:1px solid #3b414e;color:#fff;letter-spacing:-0.1em;cursor:pointer; font-size:1em; width:58px; height:30px; text-align:center; cursor:pointer;}
*/
.btn_search {display:inline-block; line-height:140%; padding:5px; border:1px solid #444; background:#444;color:#fff; !important;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
.btn_search:focus, a.btn_search:focus, a.btn_search:before, a.btn_search:hover {color:#fff; text-decoration:none;}

a.btn_list {display:inline-block;padding:7px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
a.btn_list:focus, a.btn_list:hover {text-decoration:none}
.btn_list {display:inline-block;padding:7px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
.btn_list:focus, a.btn_list:hover {text-decoration:none}

a.btn_modify {display:inline-block;padding:7px;border:1px solid #bfbfbf;background:#dcdcdc;color:#4f4f4f;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
a.btn_modify:focus, a.btn_modify:hover {text-decoration:none}
.btn_modify {display:inline-block;padding:7px;border:1px solid #bfbfbf;background:#dcdcdc;color:#4f4f4f;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
.btn_modify:focus, a.btn_modify:hover {text-decoration:none}


a.btn_delete {display:inline-block;padding:7px;border:1px solid #bfbfbf;background:#dcdcdc;color:#4f4f4f;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
a.btn_delete:focus, a.btn_delete:hover {text-decoration:none}
.btn_delete {display:inline-block;padding:7px;border:1px solid #bfbfbf;background:#dcdcdc;color:#4f4f4f;text-decoration:none;vertical-align:middle; font-size:1em; width:60px; text-align:center;}
.btn_delete:focus, a.btn_delete:hover {text-decoration:none}

/* 버튼(블루) */
.btn_02 {display:inline-block; padding:10px 20px; border:1px solid #006ba7;background:#007dc3;color:#fff !important;text-decoration:none;vertical-align:middle; font-size:1em; text-align:center;}
.btn_02 a:focus, a:hover {color:#fff;text-decoration:none}

/* 버튼(화이트) */
.btn_03 {display:inline-block; padding:10px 20px; border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; font-size:1em; text-align:center;}
.btn_03 a:focus, a:hover {color:#000; text-decoration:none}

/* 버튼(그레이) */
.btn_04 {display:inline-block;padding:10px 20px; border:1px solid #191919;background:#2c2c2c;color:#fff !important;text-decoration:none;vertical-align:middle; font-size:1em; text-align:center;}
.btn_04 a:focus, a:hover {text-decoration:none}


.button {
	float:right;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    margin: 4px 2px;
    cursor: pointer;
	/*border-radius: 2px*/
}

.button2 {background-color: #1b69b1;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #797c82;} /* Gray */ 
.button5 {background-color: #313131;} /* Black */

.dboard_date_box {width:100%; border: solid 1px #000; font-size:1em;}
.dboard_date_box th {padding: 10px 0; background-color:#f7f7f7; color:#222222;height:35px; text-align:center; }
.dboard_date_box td {padding: 10px 0; background-color:#fff; border-bottom: solid 1px #dcdcdc; color:#474747; text-align:left; padding-left:15px; height:50px; }

a.btn{display:inline-block; color:#333333; border:1px solid #d5d5d5; border-radius:5px; background:#f0f0f0; padding: 8px 20px; white-space:nowrap; text-align:center;}
a.low{font-size: 1em; padding: 4px 10px; line-height: 140%; text-decoration: none;}


/* 텍스트 길이 처리 */
.cont_limit	{
				overflow: hidden;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				-ms-text-overflow: ellipsis;
				white-space: nowrap;
				position: relative;
				/*float: left;*/
				}
#cont_limit_400	{width: auto; max-width:400px;}
#cont_limit_430	{width: auto; max-width:430px;}


/* 공간확보 */
.space_btn			{padding:15px 0 15px 0; width:100%; text-align:right;}
.space_paging	{padding:15px 0 15px 0; width:100%; text-align:center;}
.space_box		{padding:10px; width:100%; text-align:center; border:1px solid #ddd; background:#f4f4f4;}

.note_txt {font-size:0.8em; color:#666; text-decoration:none; text-align:right;}
.note_txt_sub {font-size:0.8em; color:#999; text-decoration:none;}

/* 보안문자 */
.form_input_security {font-family:나눔고딕; font-size:1.2em; color:#aaa; height:40px; padding:3px; border:0px; font-weight:400}


/* iboard */
.iboard_txt {padding-left:20px; color:#394756; font-size:17px; letter-spacing:-0.05em;line-height:120%; font-weight:600; width:700px;}
.iboard_t {font-size:14px; color:#636363; line-height:120%; padding-top:15px;font-weight:400 !important;letter-spacing:0em;}
.iboard_tc {font-size:14px; color:#636363; line-height:120%; padding-top:10px;font-weight:400 !important;letter-spacing:0em;}
.iboard_img img {border:1px solid #dcdcdc; width:200px; height:100px;}

/*gallery*/
.gr_tab {clear:both; margin-top:20px; width: 100%; overflow:hidden;}
.gr_tab li {float:left; width: 16.66666666666667%; max-width: 120px; line-height: 40px; font-size:0.875em; color: #5d615e; font-weight:bold; text-align:center; box-sizing: border-box; border:1px solid #cfcfcf; border-bottom:0; border-radius: 5px 5px 0 0;}
.gr_tab li.on {border-color: #008cd2; color:#fff; background: #008cd2;}
	.gr_tab li > a {display: block;}
	.gr_tab li.on > a:link, .gr_tab li.on > a:visited , .gr_tab li.on > a:focus {color:#fff;}
.grst01 {overflow: hidden;}
.grst01 ul {clear: both; margin-left:-5px; padding:12px 10px 20px; width: 100%; overflow:hidden; background: url(../images/line02.png) no-repeat left top; border-bottom: solid 1px #dcdcdc;}
.grst01 li.tbnone {margin: 0; padding: 0; width:100%; line-height: 10em; text-align: center;}
.grst01 li {float:left; margin-top:10px; margin-left:-10px; padding-right:15px; width:33.333333%; overflow:hidden;}
.grst01 li:nth-child(3n) {padding: 0;}
.grst01 li .st_pdbox {padding: 0 5px;}
.grst01 .m_pic_a {display:block; width:auto; overflow:hidden; box-sizing: border-box; border: 1px solid #dbdbe0;}
.grst01 .m_pic_a .st_icon {overflow: hidden; background-position:50% 50% !important; background-size:cover !important;}
.grst01 .m_pic_a .st_icon img {display:block; width: 100%; height: auto;}
.grst01 .m_pic_a .st_tcon {padding:15px 0; width: 100%; overflow:hidden; text-align:center;}
.grst01 .m_pic_a .st_tcon .st_tt {margin:0 auto; padding-bottom:5px; width: 90%; height: 1em; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.grst01 .m_pic_a .st_tcon .st_date {margin:0 auto; width: 98%; height: 1em;}
.grst01 .m_pic_a .st_tcon .st_date span {font-size: 0.875em; color: #359244;}

.ta_center {text-align: center;}

/*pagination + bottom btn*/
.pagination {margin-top:2em; display: inline-block;}
.pagination a {padding: 0.5em; margin: 0 0.25em; float: left; transition: background-color .3s; color:#3c3c3c;}
.pagination a:first-child {margin-left: 0;}
.pagination a:last-child {margin-right: 0;}
.pagination a span {margin:0 auto; display:block; width:1em; height:1.5em; font-size:0.875em; color: #3c3c3c;}
.pagination a.on span {border-bottom: 2px solid #0095a3;}
.pagination a.btn_page_pre,
.pagination a.btn_page_next {padding:0; width:2em; height:2em; background-color: #0095a3; border-radius:100px;}
.pagination a.btn_page_pre img {position:absolute; left:30%; top:30%; width: auto; height: 0.8em;}
.pagination a.btn_page_next img {position:absolute; right:30%; top:30%; width: auto; height: 0.8em;}

.ico_gongji		{float:left; padding:1px 8px; font-size:0.8em; color:#fff; font-weight:500; background:#008CD2; border-radius:20px;}