@charset "euc-kr";
/* -------------------------------------------------------------------------------------------
 . Basic Style Sheet (for version ie7 browsers)
 . Author			: MostVisual by WebDesigner Shin Ae, Park
 . LastUpDate		: 2010/01/27
 . CSS Display		: position, float, clear, overflow, visibility, display, border,
 					padding, margin, width, height, font, text-indent, line-hight, 
					color, background, letter-spacing, vertical-align, text-align  
---------------------------------------------------------------------------------------------- */


td { padding: 4px; text-align:center; }
th { white-space:nowrap; }
caption { position:absolute; width:0; height:0; overflow:hidden; font:0/0 Dotum; line-height:0; }
.contents .board { clear:both; float:left; width:100%; }

/* BBS List 
------------------*/
.board .bbs_search { padding:4px 0 4px 0; text-align:right; vertical-align:middle;width:80%;margin:40px auto; }

.bbs_sc_h2		{ width:70px; float:left; padding:4px 5px 0 70px; }
.bbs_sc_sel		{ width:300px; float:left; padding:2px 5px 0 0; }

.board .boardlist				{ width:100%; border-collapse:collapse; border:1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board .boardlist tr:hover { background-color:#fbfbfb; }
.board .boardlist th			{ border-left:0; border-right:0; padding:12px 0 5px 0;  text-align:center; _background-color:#f8f8f8;  color:#e64361;line-height:1.8em}

.board .boardlist th.line01 { border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.board .boardlist th.l02		{ border-right:1px solid #ddd; border-left:1px solid #ddd;}
.board .boardlist th.l03		{ border-right:1px solid #ddd; }

.board .boardlist td			{ padding:8px 0 8px 0; border-top:1px solid #ddd; text-align:center;}
.board .boardlist td img	{ padding-right:2px; vertical-align:middle; }
.board .boardlist td.text_left {text-align:left; padding-left:5px;}
.board .boardlist td.name {text-align:left; padding-left:5px;}
.board .boardlist td.dataleft {background:url('../img/common/ico_2.gif') 10px 15px no-repeat; padding-left:30px; text-align:left;}

.board .boardlistnew				{ width:100%; border-collapse:collapse; border:1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board .boardlistnew tr:hover { background-color:#fbfbfb; }
.board .boardlistnew th			{ border-left:0; border-right:0; padding:5px 0 5px 0;  text-align:center; _background-color:#f8f8f8;  color:#e64361;line-height:1.8em}

.board .boardlistnew th.line01 { border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.board .boardlistnew th.l02		{ border-right:1px solid #ddd; border-left:1px solid #ddd;}
.board .boardlistnew th.l03		{ border-right:1px solid #ddd; }

/* .board .boardlistnew td			{padding: 30px 10px 28px 10px;border-top:1px solid #ddd; text-align:center;} */
.board .boardlistnew td			{padding: 10px 0 6px; border-top:1px solid #ddd; text-align:center;}
.board .boardlistnew td img	{ padding-right:2px; vertical-align:middle; }
.board .boardlistnew td.text_left {text-align:left; padding-left:5px;}
.board .boardlistnew td.name {text-align:left; padding-left:5px;}
.board .boardlistnew td.dataleft {padding-left:30px; text-align:left;}

.board .dataleft					{ text-align:left; padding-left:5px; }
.board .dataleft p				{ width:370px; text-overflow:ellipsis; overflow:hidden; white-space:-0.1em;  }
.board .dataright				{ text-align:right; padding-right:15px; }
.board .dataleft_admin		{ text-align:left; white-space:-0.1em; }

.board .boardlist_number		{ width:9%; white-space:nowrap; }
.board .boardlist_date			{ width:14%; white-space:nowrap; }
.board .boardlist_div				{ width:12%; white-space:nowrap; }
.board .boardlist_hit				{ width:10%; white-space:nowrap; }
.board .boardlist_file				{ width:14%; white-space:nowrap; }
.board .boardlist_confirm		{ width:15%; white-space:nowrap; }
.board .boardlist_admin		{ width:29%; white-space:nowrap; }
.board .boardlist_place		{ width:15%; white-space:nowrap; }
.board .boardlist_name		{ width:15%; white-space:nowrap; }
.board .boardlist_name1		{ width:25%; white-space:nowrap; }
.board .boardlist_date1		{ width:29%; white-space:nowrap; }
.board .boardlist_date2		{ width:22%; white-space:nowrap; }

.board .dataleft strong {
	display: inline-block;
    color: #fff;
    background: #4a74db;
    width: auto;
    line-height: 18px;
    padding: 6px  6px 0px;
    -webkit-padding-before: 2px;
    -webkit-padding-after: 2px;
    margin-right: 7px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
}

.board .dataleft a.news_h					{ color:#5f942a; }
.board .dataleft a.news_h strong		{ color:#5f942a; }

.board .boardlist_title { border-top:1px solid #ddd;  }
.board .boardlist_title strong { width:25%; padding-left:5px; color:#af7b2b;  }
.board .boardlist_tel { white-space:nowrap; }
.board .boardlist_fax { width:20%; white-space:nowrap; }


/* BBS View
------------------*/
.boardview { clear:both; padding:25px 7px 25px 19px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.boardview li.reference { padding:20px 0 0 18px; vertical-align:bottom; background:url('../img/common/blt09.gif') no-repeat left 22px; color:#222; }
.board .boardview_title  { padding:7px 0; text-indent:43px; font-weight:bold; text-align:left; border:1px solid #ddd; background:#f8f8f8 url('../img/common/bbsview_title.gif') no-repeat left 12px; }
.board .boardview_title dt { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0; left:-9000px; }
.board .boardview_title dd { padding:0; margin:0; float:none; }

.board .boardview_title strong			{ color:#af7b2b; }
.board .boardview_title .subtitle		{ color:#af7b2b; width:450px; font-weight:normal; }

.boardview_data { position:relative; padding:10px 0 10px 10px; height:15px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.boardview_data dl	{ float:right; }
.boardview_data dt  { float:left; padding:0 5px 0 10px; white-space:nowrap; color:#b67f2e; }
.boardview_data dd { float:left; white-space:nowrap; padding:0 5px 0 0; color:#000; }
.boardview_data dd .url { white-space:normal; letter-spacing:-1; }
.boardview_data dd img { padding:3px 3px 0 0; }


.boardview_qa					{ padding:20px; border:1px solid #ddd; border-top:0px; } /* 090629 Ãß°¡ ÃÖÀºÁ¤ */
.boardview_qa	h3.q_ttl		{ margin:0; padding:10px 15px 0px 30px; background:url('../img/common/ico_qustion.gif') no-repeat 13px 12px; color:#5f942a; } /* 090629 Ãß°¡ ÃÖÀºÁ¤ */
.boardview_q_desc			{ margin:0; padding:0 0 10px 12px; } /* 090629 Ãß°¡ ÃÖÀºÁ¤ */
.boardview_qa	h3.a_ttl		{ margin:0; padding:10px 15px 5px 30px; background:#e5e5e5 url('../img/common/ico_answer.gif') no-repeat 13px 12px; color:#643d00; } /* 090629 Ãß°¡ ÃÖÀºÁ¤ */
.boardview_a_desc			{ margin:0; padding:0 10px 10px 12px; background:#e5e5e5; } /* 090629 Ãß°¡ ÃÖÀºÁ¤ */



.boardview_back { clear:both; padding:4px 2px;  white-space:nowrap; font-weight:bold; text-indent:60px; background:#f8f8f8 url('../img/common/bbsview_Back_title.gif') no-repeat left 47%; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.boardview_backblank { clear:both; padding:4px 2px;  white-space:nowrap; text-indent:60px; }
.boardview_front { clear:both; padding:4px 2px;  white-space:nowrap; font-weight:bold; text-indent:60px; background:#f8f8f8 url('../img/common/bbsview_front_title.gif') no-repeat left 47%; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.boardview_frontblank { clear:both; padding:4px 2px;  white-space:nowrap; text-indent:60px; }


.board .boardview_newsdata					{ padding:5px 0px 10px 43px; height:15px; border:1px solid #ddd; border-top:0px; }
.board .boardview_newsdata dl				{ float:right; }
.board .boardview_newsdata dt				{ float:left; padding-right:5px; white-space:nowrap; color:#b67f2e; }
.board .boardview_newsdata dd				{ float:left; white-space:nowrap; padding-right:7px; color:#000; }
.board .boardview_newsdata .subtitle		{ color:#af7b2b; width:450px; }

.board .boardview_kind		{ border:1px solid #ddd; border-top:0px; padding:25px 7px 25px 19px; }
.board .photo						{ float:left; width:105px; }
.board .photo dt					{ position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0; left:-9000px; }

.board .photo_desc				{ float:left; width:460px; }
.board .photo_desc dt			{ color:#af7b2b; }
.board .photo_desc dd			{ margin-bottom:15px; }

.board .viewlink 	{ padding:5px 10px 5px; height:15px; border:1px solid #ddd; border-top:0px; text-align:right; }
.board .viewlink a	{ padding:0 10px 0 15px; background:url('../img/common/blt09.gif') 0 0 no-repeat; color:#5f942a; }




/* BBS Write 
------------------*/
.board .form { float:left; width:600px; background-color:#fff; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;}
.board .form .memberdt { float:left; padding:9px 0 0 20px; width: 98px; height: 21px; color:#b67f2e; background-color: #f7f7f7; border-bottom: 1px solid #ededed;}
.board .form .memberdt img { vertical-align:top; }
.board .form .memberdd { float:left; padding:4px 0 0 20px; width: 462px; height: 26px; background-color: #fff; border-bottom: 1px solid #ededed; }   /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */
.board .form .memberdt_detail { float:left; padding:9px 0 0 20px; width: 98px; height:123px; color:#b67f2e; background-color: #f7f7f7; border-bottom: 1px solid #ededed; }
.board .form .memberdd_detail { float:left; padding:4px 0 0 20px; width: 462px; height:128px; background-color: #fff; border-bottom: 1px solid #ededed; }    /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */
.board .form .memberdt_psw { float:left; padding:9px 0 0 20px; width: 98px; height: 83px; }
.board .form .memberdd_psw { float:left; padding:4px 0 0 20px; width: 462px; height: 88px; }    /* BUG : °øÅë.³ÐÀ̸¦ ÁÖÁö ¾ÊÀ¸¸é ±úÁü */

/* Paging
-------------------------------------------------------*/
.boardfooter{*zoom:1;position:relative;}
.boardfooter:after{content:"";float:none;clear:both;display:block}

.page{position: relative;text-align:center; margin-top: 35px;}
.page ul{display: inline-block; overflow: hidden;text-align: center;}
.page .icon-first{background-position: -2px 0px !important;}
.page .icon-prev{margin-left: 4px; background-position: 100% 0px !important;}
.page .icon-next{ background-position: 2% 102% !important;}
.page .icon-last{ background-position: 98% 102% !important;}
[class^='icon-'] {position: relative; display: inline-block; vertical-align: top;}
.page [class^='icon-']{background: url(../img/common/paging_btn.png) no-repeat; background-color: none;}
.page > ul > li + li {margin-left: 2px;}
.page > ul > li {float: left;}
.page > ul > li > a {display: inline-block;overflow: hidden; text-align: center; line-height: 35px;vertical-align: top;width: 35px;height: 35px; border: 1px solid #ccc; border-radius:5px; font-size: 1em;padding-top:3px;-webkit-padding-before:0}
.page > ul > li strong {color: #fff;font-weight: bold;background-color: #444;border: 1px solid #000;display: block;line-height:12px;width: 35px;height:35px;border-radius:5px;padding-top: 14px;-webkit-padding-before: 11px; }


/*.leftbutton { float:left; display:inline; padding-top:10px; text-align:left; }  BUG : float ÁöÁ¤Çϸé, IE6¿¡¼­ ¸¶Áø°ª µÎ¹è Àû¿ëµÇ¾î display:inline; Ãß°¡ÇÏ¸é µ¿ÀÏÇÏ°Ô º¸ÀÓ */
.leftbutton {display:inline-block; padding-top:10px;width:100%; text-align:center; }
.rightpage_button { float:right; display:inline; padding:10px 9px 0 0; text-align:right; }   
.rightbutton { float:right; display:inline; padding-top:10px; text-align:right; }

.rightbutton1 { float:right; display:inline; padding-top:3px; text-align:right; }

/* Button
------------------*/
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top; background-color:#333; }
a.button { overflow:visible; padding:0; background-position:left top; }
a.button span { left:2px; padding:6px 10px 5px 8px; font:12px/12px Sans-serif; background-position:right top; color:#fff; }
a.button, x:-moz-any-link { padding:12px 0; top:1px; font:0/23px Sans-serif; } /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */

/* Button Small Size 
------------------*/
a.button.small { background-position:left -62px; }
a.button.small span { padding:4px 4px 3px 2px; font:11px/11px Sans-serif; background-position:right -62px;}
a.button.small, x:-moz-any-link { padding:9px 0; font:0/18px Sans-serif; } /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */

/* Button Large Size 
------------------*/
a.button.large { background-position:left -25px; }
a.button.large span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -25px;}
a.button.large, x:-moz-any-link { padding:18px 0; font:0/35px Sans-serif; } /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */

/* Control Button + Submit Button 
------------------*/
span.button,
span.button button,
span.button input { position:relative; display:inline-block; margin:0; border:0; font:12px Sans-serif; white-space:nowrap; vertical-align:middle; background:url('../img/common/btnwhite.gif') no-repeat;}
span.button { padding:0; background-position:left top;}
span.button, x:-moz-any-link{ font:0/23px Sans-serif; padding:11px 0;} /* Firefox 2 Fix */
span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button button,
span.button input { padding:0 10px 0 8px; *padding:0 5px 0 3px; height:23px; left:2px; *top:-1px; _top:0; line-height:24px; background-position:right top; cursor:pointer;}

/* Button Color Preset 
------------------*/
a.button.green,
a.button.green span { background-image:url('../img/common/btngreen.gif'); color:#fff; }
a.button.pink,
a.button.pink span { background-image:url('../img/common/btnpink.gif'); color:#fff; }
a.button.gray,
a.button.gray span { background-image:url('../img/common/btngray.gif'); color:#fff; }
a.button.white,
a.button.white span { background-image:url('../img/common/btnwhite.gif'); color:#666; }

/* Color Preset 
------------------*/
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url('../img/common/btngreen.gif'); color:#fff;}
a.button.pink,
a.button.pink span,
span.button.pink,
span.button.pink button,
span.button.pink input { background-image:url('../img/common/btnpink.gif'); color:#fff;}
a.button.gray,
a.button.gray span,
span.button.gray,
span.button.gray button,
span.button.gray input { background-image:url('../img/common/btngray.gif'); color:#fff;}
a.button.white,
a.button.white span,
span.button.white,
span.button.white button,
span.button.white input { background-image:url('../img/common/btnwhite.gif'); color:#666;}


/*----------------Button Size ÆеùÁ¶Àý ----------------*/
/* Small Size 
------------------*/
span.button.small { background-position:left -62px;}
span.button.small, x:-moz-any-link{ font:0/18px Sans-serif; padding:9px 0 8px 0;} /* Firefox 2 Fix */
span.button.small, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.small button,
span.button.small input { padding:0 6px 0 4px; *padding:0 3px 0 2px; height:18px; *top:0; _top:-1px; font:11px/18px Sans-serif; background-position:right -62px;}

/* Large Size 
------------------*/
span.button.large { background-position:left -25px;}
span.button.large, x:-moz-any-link{ padding:17px 0; font:0/35px Sans-serif; } /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.large button,
span.button.large input { padding:0 10px 0 8px; *padding:0 5px 0 3px; height:35px; font:20px/36px Sans-serif; background-position:right -25px;}

/* Strong Button 
------------------*/
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add 
------------------*/
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; margin-right:8px; left:10px; vertical-align:middle;}

/* Offset Debug 
------------------*/
a.button,
span.button{ margin-right:2px; }




/* Contents Table
------------------------------------------------------- */
.table01					{ width:100%; border-collapse:collapse; border-top:2px solid #ccc; border-right:1px solid #ddd; border-bottom:2px solid #ccc; padding:5px; }  /* º¸´õ top.bottom Ä®¶ó´Â ¾Æ·¡ a:hover °ªº¸´Ù ¿¶Àº»ö »ç¿ë*/
.table01 th					{ padding:6px 4px; border-left:1px solid #ddd;  border-bottom:1px solid #ddd; background:#f8f8f8; text-align:center; color:#333; }     /* °¢ º´¿ø a:hover °ª°ú µ¿ÀÏ */
.table01 td					{ padding:4px 4px 2px 4px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.table01 tr					{ background:url('../img/common/dot.gif') repeat-x 0 bottom;  }
.table01 tr.last			{ background:none; }

.table01 td.txt_left		{ padding-left:10px; text-align:left; }




/* Áø·á½Ã°£Ç¥ °ü·Ã css
------------------------------------------------------- */
.board .boardlist .r { padding:1px; border-right:1px solid #ddd; }
.board .boardlist .t { border-top:1px solid #ddd; }
.board .boardlist td.even { background-color:#f8f8f8; }
.amm { font-size:11px;border-left:none;padding:0; }
.pmm { font-size:11px; color:#e64361; }
.text_rignt1 { float:left; width:695px; margin-top:-20px; text-align:right; }
.doc_1 { float:left; margin:0 auto; padding:2px 10px 7px 0; margin:0; width:110px; text-align:right; }
.doc_1 span { float:left; display:block; width:52px; height:12px; vertical-align:top; padding:1px 4px 0 0; margin:0; }
.ptm311_title { float:left; display:inline; padding:9px 0 20px 70px;  }
.form_desc1 { clear:both; padding-left:16px; height:auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; }
.point { color:#e64361; }




/* Board_View
------------------------------------------------------- */
.title {_text-align:center; font-size:18px; color:#333; padding:10px; font-weight:bold;}
.title2 {text-align:center; font-size:18px; color:#333; padding:30px; font-weight:bold;}
.title3 {text-align:left; font-size:1.4em; color:#333; padding:30px; font-weight:bold;border:1px solid #ddd;}
.bbsview {_border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:10px; overflow:hidden;}
.bbsview2 {display:inline-block;padding: 25px 7px 25px 19px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;width:100%}
.bbsview_next {text-align:left; background:url('../img/common/bbsview_next.gif') 0 center no-repeat; padding:5px 0 5px 20px; border-bottom:1px solid #cdcdcd;}
.bbsview_back {text-align:left; background:url('../img/common/bbsview_back.gif') 0 center no-repeat; padding:5px 0 5px 20px; border-bottom:1px solid #cdcdcd;}
.bbsview2_next {text-align:left; background:url('../img/common/bbsview_next.gif') 0 center no-repeat; padding:5px 0 5px 20px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.bbsview2_back {text-align:left; background:url('../img/common/bbsview_back.gif') 0 center no-repeat; padding:5px 0 5px 20px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}


/* Search
------------------------------------------------------- */
.search {padding:10px 0; margin:3% 0 }
.search select {width:26%; float:left; margin-right:1%; height:33px}
.search input {float:left; width:60%; padding:1%; height:33px}
.search .se_btn {background-color:#333; color:#fff; float:left; width:12%; margin-left:1%; height:33px; text-align:center; padding:9px;} 
.search2 {padding:10px 0; margin:3% 0 }
.search2 select {float:left;margin-right:1%;width:100px;height:40px;vertical-align: middle;}
.search2 input {float:left; width:83.1%; padding:1%; height:40px}
.search_button img{display:inline-block;margin-left:-5px;margin-top:0px; width: 100%; max-width: 30px;}


/* page
------------------------------------------------------- */
.blind {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}

.con_desc .boardfooter{*zoom:1}
.con_desc .boardfooter:after{content:"";float:none;clear:both;display:block}
.con_desc .boardfooter{clear:both}

/*.con_desc .boardfooter .page{position:relative;text-align:center;margin-top:35px;}
.con_desc .page strong
.con_desc div.boardfooter div.page ul{display:inline-block;overflow:hidden;text-align:center;}
.con_desc .boardfooter .page .icon-first{background-position:-2px -2px !important;}
.con_desc .boardfooter .page .icon-prev{margin-left:4px;background-position:100% -2px !important;}
.con_desc .boardfooter .page .icon-next{ background-position:2% 98% !important;}
.con_desc .boardfooter .page .icon-last{ background-position:98% 98% !important;}
[class^='icon-'] {position:relative;display:inline-block;vertical-align:top;}
.con_desc .boardfooter .page [class^='icon-']{background:url(/img/common/paging_btn.png) no-repeat;background-color:none;}
.con_desc .boardfooter .page > ul > li + li {margin-left:2px;}
.con_desc .boardfooter .page > ul > li {float:left;}
.con_desc .boardfooter .page > ul > li > a {display:inline-block;overflow:hidden;text-align:center;line-height:35px;vertical-align:top;width:35px !important;;height:35px !important;;border:1px solid #ccc;border-radius:5px;font-size:1em;padding-top:3px;-webkit-padding-before:0}
.con_desc .boardfooter .page > ul > li strong {color:#fff;font-weight:bold;background-color:#444;border:1px solid #000;display:block;line-height:10px;width:35px;height:35px  !important;;border-radius:5px;padding-top:14px;-webkit-padding-before:10px;}

.page2{position:relative !important;margin:auto;padding:20px 0;text-align:center;}
.page2 ul{display:inline-block !important;overflow:hidden !important;}
.page2 .icon-first{background-position:-8px -3px !important;}
.page2 .icon-prev{margin-left:-2px;background-position:91% -3px !important;;}
.page2 .icon-next{ background-position:10% 92% !important;;}
.page2 .icon-last{ background-position:88% 92% !important;;}
[class^='icon-'] {position:relative;display:inline-block;vertical-align:top;}*/


#contents_pop .con_desc .boardfooter .page{position:relative !important;margin:auto;padding:20px 0;}
#contents_pop .con_desc .boardfooter .page ul{display:inline-block !important;overflow:hidden !important;}
#contents_pop .con_desc .boardfooter .page .icon-first{background-position:-8px -8px !important;}
#contents_pop .con_desc .boardfooter .page .icon-prev{margin-left:-2px;background-position:91% -8px !important;}
#contents_pop .con_desc .boardfooter .page .icon-next{ background-position:10% 89% !important;}
#contents_pop .con_desc .boardfooter .page .icon-last{ background-position:88% 89% !important;}
[class^='icon-'] {position:relative;display:inline-block;vertical-align:top;}
#contents_pop .con_desc .boardfooter .page [class^='icon-']{background:url(/img/common/paging_btn.png) no-repeat;background-color:none;}
#contents_pop .con_desc .boardfooter .page > ul > li + li {margin-left:-2px;}
#contents_pop .con_desc .boardfooter .page > ul > li {float:left;}
#contents_pop .con_desc .boardfooter .page > ul > li > a {display:inline-block;line-height:25px;vertical-align:top;width:22px !important;height:21.9px !important;border:none;_border-radius:5px;font-size:.8em;;}
#contents_pop .con_desc .boardfooter .page > ul > li strong { color:#fff;font-size:.8em;font-weight:400;background-color:#444;border:1px solid #000;display:block;line-height:24px;width:21.9px;height:21.9px !important;border-radius:5px; padding-top: 0px; }
.search_button { 
	border: 1px solid #ccc;
    display: block;
    float: left;
    height: 40px;
    border-left: 0;
    width: 40px;
    padding: 3px 0 0 5px;
	text-align: center;
 } 


@media (max-width: 800px) {
.search2 select {     
	width: 18%;
    margin-right: 2%;
    box-sizing: border-box;
}
.search2 input { width: 70%; float: left; box-sizing: border-box; }
.search_button { width: 10%; float: left; box-sizing: border-box; }
}



@media (max-width: 699px) {
.board .bbs_search{width:100%}
.board .bbs_search select {width:100%; margin-bottom:10px;}
.board .bbs_search input{clear: both;display: inline-block;width: 90% !important;height: 40px;margin: auto;margin-left: 0;}
.search_button { width: 10%; }
.board .boardlistnew td, .board .boardlistnew td.dataleft{padding: 10px 0px; width: 65%;}
.title3{font-size:1.25em}
	.page{position:relative !important;margin:auto;padding:20px 0;}
	.page ul{display:inline-block !important;overflow:hidden !important;}
	.page .icon-first{background-position:-8px -8px !important;}
	.page .icon-prev{margin-left:-2px;background-position:91% -8px !important;;}
	.page .icon-next{ background-position:10% 89% !important;;}
	.page .icon-last{ background-position:88% 89% !important;;}
	/*[class^='icon-'] {position:relative;display:inline-block;vertical-align:top;}*/
	.page [class^='icon-']{background:url(../img/common/paging_btn.png) no-repeat;background-color:none;}
	.page > ul > li + li {margin-left:-2px;}
	.page > ul > li {float:left;}
	.page > ul > li > a {display:inline-block;line-height:20px;vertical-align:top;width:22px !important;height:21.9px !important;border:none;_border-radius:5px;font-size:.8em;;}
	.page > ul > li strong {color:#fff;font-size:.8em;font-weight:400;background-color:#444;border:1px solid #000;display:block;line-height:0;width:21.9px;height:21.9px !important;border-radius:5px;}
}

@media (max-width: 420px) {
	.search_button { width: 15%; }
	.board .bbs_search input { width: 85% !important; }
	.search_button img {}
}