@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

* { margin:0; padding:0}

html { height: 101% }

body {
    background: #FFF;
    color: #333;
	font-size: 15px;
    font-family: Roboto, Verdana, sans-serif;   
}

hr	 {display:none}
img,fieldset	{border:0}
ul,ol,li	{list-style:none}
img,input,select,textarea	{vertical-align:middle}

a				{color:#30323f; text-decoration:none}
a:hover			{color:#4559E9; text-decoration:none; }
a.ir:hover		{text-decoration:none}

/* border */
.line1			{ background-color:#DFDFDF; height:1px; }
.line2			{ background-color:#DFDFDF; height:2px; }

.bw				{border:0;}
.border1		{border:1px solid #CCCCCC;}
.bLeft			{border-left:1px solid #CCCCCC;}
.bRight			{border-right:1px solid #CCCCCC;}
.bTop			{border-top:1px solid #CCCCCC;}
.bBottom		{border-bottom:1px solid #CCCCCC;}

.bwRight	{ border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;	border-bottom:1px solid #CCCCCC }
.bwBottom 	{ border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC }
.bwLeft 	{ border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC }

.greenBorder5 {border:5px solid #339933}

.selectBoxTest{
	width:100%; 
	border:2px solid red;
	font-size: 17px;
	padding:20px;
}

#row:after {content:""; display:block; clear:both;}
.row:after {content:""; display:block; clear:both;}


/* border */
.w100	{width:100%}

.pNo 	{padding:0}
.p5		{padding:5px}
.p10	{padding:10px}
.p15 	{padding:15px}
.p20	{padding:20px}
.p30	{padding:30px}
.p40	{padding:40px}
.p50	{padding:50px}
.p200	{padding:200px}

.pT10	{padding-top:10px}
.pT20	{padding-top:20px}
.pT30	{padding:30px 0px}

.pl10	{padding-left:10px}
.pl15	{padding-left:15px}

/*table*/
table		{width:100%}
table.one 	{border-collapse:collapse;}
table.two 	{border-collapse:separate;}


/* tbody tr:nth-child(even) { background: #FFFFFF; } */

table.one tr{
	border-collapse:separate;
	border-bottom: 1px solid #DFDFDF;	
}

table.one tr:nth-child(odd)  { 
	background: #F7F7F7; 
}

table.one tr:nth-child(even)  { 
	background: #FFF; 

}

td{
	text-align: center;
}

.a, .b{
	padding:5px;
	font-size:13px;
}
.a {
	background-color:#F1F1F1;
	width:25%;
	height:46px;
}

.b {
	text-align: left;
}

/* background color */
.bgGrey 	{background:#f4f4f4; vertical-align: middle}
.bgGrey2 	{background:#E6E6E6;}
.bgOrange	{background:#fee4ca; vertical-align: middle}

.bgGreen	{background:#669966; vertical-align: middle}
/* background color */

/*height*/
.h20	 {height:10px;}
.h20	 {height:20px;}
.h30	 {height:30px;}
.h40	 {height:40px;}
.h50	 {height:50px;}
.h100	 {height:100px;}
.h200	 {height:200px;}
/*height*/

.left  {float:left;}
.right {float:right;}
.clear {clear:both; height:0; overflow:scroll;}
#clear {clear:both;}
.center {margin:0 auto;}

.TXTL {text-align:left}
.TXTC {text-align:center}
.TXTR {text-align:right}

/* font */
.f8			{font-family: Verdana, sans-serif; font-size:8pt; color:#6A6A6A;}
.f8_a		{font-family: Verdana, sans-serif; font-size:8pt; color:#6A6A6A;}

.red		{color:#ff0000}
.grey		{color:#999999}
.lightGrey	{color:#DDDDDD}

.green		{color:#66CC00;}
.green a			{color:#66CC00; text-decoration:none;}
.green a:hover	 	{color:#66CC00;}

.blue				{color:#0066ff;}
.blue a				{color:#0066ff; text-decoration:none;}
.blue a:hover		{color:#0066ff;}

.purple		{font-size:12px; color:#C6657B;}
.violet 	{color:#6363ac}
.white		{font-size:12px; color:#FFFFFF;}
.ans		{text-align:center; background-color:#F2F2F2; padding:5px;}

.bold				{font-family: bold, sans-serif;}
.bold a				{font-family: bold, sans-serif;}
.bold a:hover		{font-family: bold, sans-serif;}
.bold a.ir:hover	{font-family: bold, sans-serif;}


.FS8		{font-size:8px}
.FS9		{font-size:9px}
.FS10		{font-size:10px}
.FS11		{font-size:11px}
.FS12		{font-size:12px}
.FS13		{font-size:13px}
.FS14		{font-size:14px}
.FS15		{font-size:15px}
.FS16		{font-size:16px}
.FS17		{font-size:17px}
.FS18		{font-size:18px}
.FS19		{font-size:19px}
.FS20		{font-size:20px}
.FS25		{font-size:25px}
.FS30		{font-size:30px}
.FS36		{font-size:36px}
.FS40		{font-size:40px}
.FS50		{font-size:50px}
/* font */

.grey_line 	{ background-color:#F1F1F1; }

input		{ border:1px solid #CCCCCC;  font-size: 12px; color: #444444; padding:2px; } 

#widthShrink {
	width:90%;
	margin:0 auto;
}

/* check box */
input[class="checkboxFive"] {
  margin:5px;
}

input[type=text], textarea { 
	-webkit-transition: all 0.30s ease-in-out; 
	-moz-transition: all 0.30s ease-in-out; 
	-ms-transition: all 0.30s ease-in-out; 
	-o-transition: all 0.30s ease-in-out; 
	outline: none; 
	padding: 3px 0 3px 3px;
	margin: 5px 1px 3px 0;
	border: 1px solid #DDDDDD; 
} 

input[type=text]:focus, textarea:focus { 
	box-shadow: 0 0 5px rgba(81, 203, 238, 1); 
	padding: 3px 0px 3px 3px; 
	margin: 5px 1px 3px 0px; 
	border: 1px solid rgba(81, 203, 238, 1); 
}

/****************LAYOUT *******************/
#lnbprep	 {text-align:center;}

#header{
	/*position:fixed;      */
	width:100%;
	height:72px;
	padding-top:7px;		 
	background:#003366;
}

#header_menu{
	/*position:fixed;      */
	width:100%;
	max-width: 1080px;
	margin:0px auto;
}

#header #login_h {
	float:right;
	color:#fff;
	text-align:right; 
	font-size:11px;
	font-weight:bold;	
	width:100%;
	height:100%;
}

#header-contents	{width:90%; max-width:1340px; margin:0 auto;}
#header-contents  #logo					{width:160px; float:left; padding-top:12px;}
#header-contents  #login_h a			{color:#fff;}
#header-contents  #login_h a:hover		{color:#6699CC;}
#header-contents  #menu_h				{
	margin:20px -18px 0 0; 
	font-size:16px; 
	text-align:right; 
	font-weight:bold; 	
}

/*
#header-contents #menu_n			{text-align:right; padding-top:25px; font-size:15px; text-decoration:none;}
#header-contents #menu_n li			{display: inline-block;}
#header-contents #menu_n a			{color:#666666;  padding:3px 10px; font-weight:bold;}
#header-contents #menu_n a:hover	{color:#FFFFFF;  text-decoration:none; background-color:#6699CC; padding:3px 10px;}
*/
#wrap		{width:100%; /* background:url('../main/img/bg_new.png') repeat-x;*/ }

#content{ width:100%; max-width:1090px; margin:0px auto; }

/****************LAYOUT *******************/


.head{
	background-color:#0d527c;
	color:#FFFFFF;
	font-size:14px;
	height:38px;
}

/*#pagination*/
/*****************************************/
#pagination {padding: 20px 0px 30px 0px; width: 100%; font-size:13px;}

.btn-no-s,
.btn-no-s:link,
.btn-no-s:visited { display: inline-block; width:18px; height: 18px; line-height: 18px; font-size: 10px; font-weight: bold; color: white; background-color: #D1D1D1; border: none; border-radius: 4px; text-decoration: none;}
.btn-no-s:hover,
.btn-no-s:focus,
.btn-no-s:active { display: inline-block;  width:18px;  height: 18px; line-height: 18px; font-size: 10px;  font-weight: bold; color: white; background-color: #D1D1D1; border: none; border-radius: 4px; text-decoration: none;}

.button-normal,
.button-normal:link,
.button-normal:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-normal:hover,
.button-normal:focus,
.button-normal:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #d77a8f !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-blue,
.button-blue:link,
.button-blue:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #428bca !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-blue:hover,
.button-blue:focus,
.button-blue:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #74b3e9 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-blue-small,
.button-blue-small:link,
.button-blue-small:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #428bca !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-blue-small:hover,
.button-blue-small:focus,
.button-blue-small:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #74b3e9 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-grey-small,
.button-grey-small:link,
.button-grey-small:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #b1b1b1 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-grey-small:hover,
.button-grey-small:focus,
.button-grey-small:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #d1d1d1 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-small,
.button-small:link,
.button-small:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-small:hover,
.button-small:focus,
.button-small:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #d77a8f !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-yellow,
.button-yellow:link,
.button-yellow:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #FFCC00 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-yellow:hover,
.button-yellow:focus,
.button-yellow:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #ffe16b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-yellow-small,
.button-yellow-small:link,
.button-yellow-small:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #FFCC00 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-yellow-small:hover,
.button-yellow-small:focus,
.button-yellow-small:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #ffd940 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-board,
.button-board:link,
.button-board:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #829cb6 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-board:hover,
.button-board:focus,
.button-board:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #3a5571 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-grey,
.button-grey:link,
.button-grey:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #999999 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-grey:hover,
.button-grey:focus,
.button-grey:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #CCCCCC !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.btn-green-s,
.btn-green-s:link,
.btn-green-s:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #9ec583 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.btn-green-s:hover,
.btn-green-s:focus,
.btn-green-s:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #9ec583 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.btn-answer-s,
.btn-answer-s:link,
.btn-answer-s:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.btn-answer-s:hover,
.btn-answer-s:focus,
.btn-answer-s:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.btn-cate-s,
.btn-cate-s:link,
.btn-cate-s:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.btn-cate-s:hover,
.btn-cate-s:focus,
.btn-cate-s:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.btn-subs-s,
.btn-subs-s:link,
.btn-subs-s:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.btn-subs-s:hover,
.btn-subs-s:focus,
.btn-subs-s:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.btn-red-s,
.btn-red-s:link,
.btn-red-s:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle;}
.btn-red-s:hover,
.btn-red-s:focus,
.btn-red-s:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle;}

.btn-no-s,
.btn-no-s:link,
.btn-no-s:visited { display: inline-block; width:18px; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-color: #D1D1D1 !important; border: none; border-radius: 4px; text-decoration: none; cursor: pointer; vertical-align: middle;}
.btn-no-s:hover,
.btn-no-s:focus,
.btn-no-s:active { display: inline-block;  width:18px;  height: 18px; line-height: 18px; font-size: 10px !important;  font-weight: bold; color: white !important; background-color: #D1D1D1 !important; border: none; border-radius: 4px; text-decoration: none; cursor: pointer; vertical-align: middle;}

.btn-no-s a				{color:#FFF; text-decoration:none}
.btn-no-s a:hover		{color:#FFF; text-decoration:none}
.btn-no-s a.ir:hover	{text-decoration:none}

.no-s,
.no-s:link,
.no-s:visited { display: inline-block; width:18px; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-color: #CCC !important; border: none; border-radius: 4px; text-decoration: none; vertical-align: middle;}
.no-s:hover,
.no-s:focus,
.no-s:active { display: inline-block;  width:18px;  height: 18px; line-height: 18px; font-size: 10px !important;  font-weight: bold; color: white !important; background-color: #CCC !important; border: none; border-radius: 4px; text-decoration: none; vertical-align: middle;}

.no-s a				{color:#FFF; text-decoration:none}
.no-s a:hover		{color:#FFF; text-decoration:none}
.no-s a.ir:hover	{text-decoration:none}

.btn-subs-s-no,
.btn-subs-s-no:link,
.btn-subs-s-no:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none; vertical-align: middle; text-shadow: none !important; }
.btn-subs-s-no:hover,
.btn-subs-s-no:focus,
.btn-subs-s-no:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none;  vertical-align: middle; text-shadow: none !important; }

.btn-green-s-no,
.btn-green-s-no:link,
.btn-green-s-no:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #9ec583 !important; border: none; border-radius: 0px; text-decoration: none; vertical-align: middle; text-shadow: none !important; }
.btn-green-s-no:hover,
.btn-green-s-no:focus,
.btn-green-s-no:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #9ec583 !important; border: none; border-radius: 0px; text-decoration: none; vertical-align: middle; text-shadow: none !important; }

.btn-red-s-no,
.btn-red-s-no:link,
.btn-red-s-no:visited { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; vertical-align: middle;}
.btn-red-s-no:hover,
.btn-red-s-no:focus,
.btn-red-s-no:active { display: inline-block; margin: 0 !important; padding: 0 7px !important; height: 18px; line-height: 18px; font-size: 10px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none;  vertical-align: middle;}


#Title { padding-top:54px;}

.TB		    {height:45px;} 
.mTitle		{float:left;  font-size: 28px; color: #0d527c; letter-spacing:-0.5px;}
.sTitle		{float:right; padding:20px 0 0 0;}
.nTitle		{float:left;  font-size: 22px; color: #0d527c; letter-spacing:-0.5px;}

.gTitle		{float:left;  font-size: 28px; color: #0d527c; letter-spacing:-0.5px;}

.emphasis{
	font-size:20px; 	
	padding:2px 10px;
	border-radius: 4px;
	background-color:#428bca;
	color:yellow;
	font-weight:bold;
}

.emphasis2 {
	font-size:19px; 
	font-weight:bold;
	padding:2px 10px;
	border-radius: 4px;
	background-color:#a272a9;
	color:white;

}

.permission {
	font-size:14px; 
	min-height:50px;
	padding:10px 15px 10px 15px;
	border-radius: 3px;
	background-color:#f1f1f1;
}

/*#pagination*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: auto 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.pagination li a.active {
    background-color: #0d527c;
    color: white;
    border: 1px solid #0d527c;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

@media print { 
	#header,  .noPrint, img  { display:none; }	
	
	html, body {
	  width: 220mm; /* A4보다 크게 */
	  height: 297mm;
	 }

	body {
	    margin:  0;
	    padding: 0;
	    background-color: #FFFFFF;
	    font-size:9px;
	}

	.head{ height:30px; background-color:#FFF; }

	.table-bordered { border:1px solid #cccccc; }
	.wrap{width:100%;}
	.page {
	    margin: 0 auto;
	}
}

/* 1st page */
#firstPageBook{
	padding:10px;
	border:1px solid #CCC;
	width:192px;
	text-align:left;
}