@charset "utf-8";

/* Font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(font.css);

* {	
	padding:0px;
	margin:0px;
	font-family: 'Noto Sans KR', dotum, 'µ¸¿ò', sans-serif;
	font-weight: 400;
}


/* default */
body {
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	letter-spacing:0px;
	color: #555555;
}

div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup, img {
	padding:0px;
	margin:0px;	
}

ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}

table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;border-spacing:0;table-layout:fixed;font-weight:normal;}

th, td {
	padding: 10px;
	text-align: center;
}

img {border:0;vertical-align:top;outline:none;}

input[type=text] {
	border: 1px solid #dedede;
	font-size: 14px;
	height: 30px;
}

select {
	border: 1px solid #dedede;
	background: #f5f5f5;
	font-size: 14px;
	height: 32px;
}

textarea {
	border: 1px solid #dedede;
	font-size: 14px;
}

img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}

a:link {text-decoration:none; color: #000000}
a:visited { text-decoration:none; color: #000000;}
a:active {text-decoration:none; color: #000000;}
a:hover {text-decoration:none; color: #e52b2b;}

a.topMenu:link {text-decoration:none; color: #ffffff; font-size: 20px; font-family: 'NanumSquareR';}
a.topMenu:visited { text-decoration:none; color: #ffffff; font-size: 20px; font-family: 'NanumSquareR';}
a.topMenu:active {text-decoration:none; color: #ffffff; font-size: 20px; font-family: 'NanumSquareR';}
a.topMenu:hover {text-decoration:none; color: #fff7b1; font-size: 20px; font-family: 'NanumSquareR';}

a.logout:link {text-decoration:none; color: #ffffff; font-size: 13px; font-weight: 400;}
a.logout:visited { text-decoration:none; color: #ffffff; font-size: 13px; font-weight: 400;}
a.logout:active {text-decoration:none; color: #ffffff; font-size: 13px; font-weight: 400;}
a.logout:hover {text-decoration:none; color: #fff7b1; font-size: 13px; font-weight: 400;}

a.leftMenu:link {text-decoration:none; color: #000000; font-size: 14px;}
a.leftMenu:visited { text-decoration:none; color: #000000; font-size: 14px;}
a.leftMenu:active {text-decoration:none; color: #000000; font-size: 14px;}
a.leftMenu:hover {text-decoration:none; color: #e52b2b; font-size: 14px;}

a.boardLlink:link {text-decoration:none; color: #000000;}
a.boardLlink:visited { text-decoration:none; color: #000000;}
a.boardLlink:active {text-decoration:none; color: #000000;}
a.boardLlink:hover {text-decoration:none; color: #e52b2b;}

/***** ¹öÆ° ¸µÅ© *****/
.Btn1:link {text-decoration:none; color: #ffffff; font-size: 16px;}
.Btn1:visited { text-decoration:none; color: #ffffff; font-size: 16px;}
.Btn1:active {text-decoration:none; color: #ffffff; font-size: 16px;}
.Btn1:hover {text-decoration:none; color: #ffffff; font-size: 16px;}



/** ¿ÞÂÊ¸Þ´º **/
.menu_1 {
	margin: 0px 0px 2px 0px;
	font-size: 14px;
	color: #000d42;
	line-height: 100%;
	letter-spacing: -1px;
	padding: 9px 0px 10px 30px;
	border-width: 1px 1px 1px 0px;
	border-style: dotted;
	border-color: #cccccc;
}

.menu1_1 {
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #000d42;
	line-height: 100%;
	letter-spacing: -1px;
	padding: 9px 0px 10px 50px;
	border-width: 1px 1px 1px 0px;
	border-style: dotted;
	border-color: #cccccc;
}
/** ¿ÞÂÊ¸Þ´º **/



/** Å¾¸Þ´º **/
#layer_topMenu1
{
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0px 0px 0px 0px;
	z-index: 0;
}

#topMenu_bt
{
	position: absolute;
	width: 180px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#topMenu_bar
{
	position: absolute;
	width: 2px;
	height: 18px;
	margin: 0px 0px 0px 0px;
}
/** Å¾¸Þ´º **/


/** ÆäÀÌÁö Á¦¸ñ **/
.page_subject {
	width: 100%; 
	height: 80px; 
	background: #ff6600;
}

.page_subjectTxt {
	font-size: 24px; 
	color: #ffffff; 
	line-height: 80px; 
	padding-left: 20px;
}
/** ÆäÀÌÁö Á¦¸ñ **/


/** °Ë»ö Æû **/
.searchform {
	position: relative; 
	width: 100%; 
	margin: 40px 0px 30px 0px;
}
/** °Ë»ö Æû **/


/** contents **/
.contents {
	position: relative; 
	width: 100%; 
	margin: 0px 0px 30px 0px;
}
/** contents **/


/*** ¹öÆ° ¹Ú½º ***/
#btn_gray
{
	display: inline-block;
	width: 120px;
	line-height: 32px;
	text-align: center;
	border-width: 0px;s
	border-color: #a0a0a0;
	border-style: solid;
	vertical-align: middle;
	background: #555555;
}

#btn_gray:hover {
	background: #000066;
	font-weight: 500;
}


#btn_search
{
	display: inline-block;
	width: 120px;
	line-height: 32px;
	text-align: center;
	border-width: 0px;s
	border-color: #a0a0a0;
	border-style: solid;
	vertical-align: middle;
	background: #555555;
	margin-top: -4px;
}

#btn_search:hover {
	background: #000066;
	font-weight: 500;
}



/***** ÆäÀÌÂ¡ ¹öÆ° *****/
#appList_pagePNoff
{
	width: 50px; 
	height: 50px; 
	background: #cccccc; 
	display: inline-block; 
	text-align: center; 
	line-height: 50px;
	color: #ffffff;
	font-size: 20px;
	font-family:NanumSquare;
}

#appList_pagePNon
{
	width: 50px; 
	height: 50px; 
	background: #000039;
	display: inline-block; 
	text-align: center; 
	line-height: 50px; 
	font-family:NanumSquare; 
	font-size: 20px; 
	color: #f7f7f7;
}

#appList_pageNUM
{
	width: 50px; 
	height: 50px; 
	display: inline-block; 
	text-align: center; 
	line-height: 50px; 
	font-family:NanumSquare; 
	font-size: 18px; 
}

#appList_pageNUM:hover 
{
	background: #efefef;
}

#appList_pageNUMon
{
	width: 50px; 
	height: 50px; 
	display: inline-block; 
	text-align: center; 
	line-height: 50px; 
	font-family:NanumSquare; 
	font-size: 18px; 
	color: #ffffff;
}

/***** ÆäÀÌÂ¡ ¸µÅ© *****/
.appPageNum:link {text-decoration:none; color: #ffffff; font-family:NanumSquare; font-size: 30px;}
.appPageNum:visited { text-decoration:none; color: #ffffff; font-family:NanumSquare; font-size: 30px;}
.appPageNum:active {text-decoration:none; color: #ffffff; font-family:NanumSquare; font-size: 30px;}
.appPageNum:hover {text-decoration:none; color: #ffffff; font-family:NanumSquare; font-size: 30px;}



/***** Å×ÀÌºí Á¦¸ñ *****/
.table_th_blue {
	line-height: 160%;
	color: #ffffff;
	letter-spacing:0px;
	padding: 10px;
	text-align: center;
	background-color: #001651;
}

.table_th_gray {
	line-height: 160%;
	color: #ff0000;
	letter-spacing:0px;
	padding: 10px;
	text-align: center;
	background-color: #f8f8f8;
}

.table_th_gray2 {
	line-height: 160%;
	letter-spacing:0px;
	padding: 10px;
	text-align: center;
	background-color: #f6f6f6;
}

.table_th_yellow {
	line-height: 160%;
	color: #ff0000;
	letter-spacing:0px;
	padding: 10px;
	text-align: center;
	background-color: #fff7d5;
}


/***** Å×ÀÌºí ¶óÀÎ°øÅë gray *****/
.tl_t {border-top: 1px solid #cccccc; !important;}
.tl_r {border-right: 1px solid #cccccc; !important;}
.tl_rb {
	border-right: 1px solid #cccccc; !important;
	border-bottom: 1px solid #cccccc; !important;
}
.tl_trb {
	border-top: 1px solid #cccccc; !important;
	border-right: 1px solid #cccccc; !important;
	border-bottom: 1px solid #cccccc; !important;
}
.tl_b {border-bottom: 1px solid #cccccc; !important;}
.tl_l {border-left: 1px solid #cccccc; !important;}
.tl_all {border: 1px solid #cccccc; !important;}


/***** Å×ÀÌºí Á¤·Ä *****/
.ta_c {text-align: center; !important;}
.ta_r {text-align: right; !important;}
.ta_l {text-align: left; !important;}
.ta_vt {vertical-align: top; !important;}



/***** °¡·Î ¼¼·Î »çÀÌÁî *****/
.w100 {width: 100px; !important;}
.w110 {width: 110px; !important;}
.w120 {width: 120px; !important;}
.w130 {width: 130px; !important;}
.w140 {width: 140px; !important;}
.w150 {width: 150px; !important;}
.w160 {width: 160px; !important;}
.w170 {width: 170px; !important;}
.w180 {width: 180px; !important;}
.w190 {width: 190px; !important;}
.w200 {width: 200px; !important;}
.w210 {width: 210px; !important;}
.w220 {width: 220px; !important;}
.w230 {width: 230px; !important;}
.w240 {width: 240px; !important;}
.w250 {width: 250px; !important;}
.w260 {width: 260px; !important;}
.w270 {width: 270px; !important;}
.w280 {width: 280px; !important;}
.w290 {width: 290px; !important;}
.w300 {width: 300px; !important;}
.w350 {width: 300px; !important;}
.w400 {width: 300px; !important;}
.w450 {width: 300px; !important;}
.w500 {width: 300px; !important;}

.wp10 {width: 10%; !important;}
.wp20 {width: 20%; !important;}
.wp30 {width: 30%; !important;}
.wp40 {width: 40%; !important;}
.wp50 {width: 50%; !important;}
.wp60 {width: 60%; !important;}
.wp70 {width: 70%; !important;}
.wp80 {width: 80%; !important;}
.wp90 {width: 90%; !important;}
.wp100 {width: 100%; !important;}

.h20 {height: 20px; !important;}
.h21 {height: 21px; !important;}
.h22 {height: 22px; !important;}
.h23 {height: 23px; !important;}
.h24 {height: 24px; !important;}
.h25 {height: 25px; !important;}
.h26 {height: 26px; !important;}
.h27 {height: 27px; !important;}
.h28 {height: 28px; !important;}
.h29 {height: 29px; !important;}
.h30 {height: 30px; !important;}
.h31 {height: 31px; !important;}
.h32 {height: 32px; !important;}
.h33 {height: 33px; !important;}
.h34 {height: 34px; !important;}
.h35 {height: 35px; !important;}
.h36 {height: 36px; !important;}
.h37 {height: 37px; !important;}
.h38 {height: 38px; !important;}
.h39 {height: 39px; !important;}
.h40 {height: 40px; !important;}
.h50 {height: 50px; !important;}
.h60 {height: 60px; !important;}
.h70 {height: 70px; !important;}
.h80 {height: 80px; !important;}
.h90 {height: 90px; !important;}
.h100 {height: 100px; !important;}
.h110 {height: 110px; !important;}
.h120 {height: 120px; !important;}
.h130 {height: 130px; !important;}
.h140 {height: 140px; !important;}
.h150 {height: 150px; !important;}
.h160 {height: 160px; !important;}
.h170 {height: 170px; !important;}
.h180 {height: 180px; !important;}
.h190 {height: 190px; !important;}
.h200 {height: 200px; !important;}
.h250 {height: 250px; !important;}
.h300 {height: 300px; !important;}
.h350 {height: 350px; !important;}
.h400 {height: 400px; !important;}
.h450 {height: 350px; !important;}
.h500 {height: 500px; !important;}



/***** ÁÂ¿ì ¿©¹é *****/
.mr1 {margin-right: 1px; !important;}
.mr2 {margin-right: 2px; !important;}
.mr3 {margin-right: 3px; !important;}
.mr4 {margin-right: 4px; !important;}
.mr5 {margin-right: 5px; !important;}
.mr10 {margin-right: 10px; !important;}
.mr15 {margin-right: 15px; !important;}
.mr20 {margin-right: 20px; !important;}
.mr25 {margin-right: 25px; !important;}
.mr30 {margin-right: 30px; !important;}
.mr35 {margin-right: 35px; !important;}
.mr40 {margin-right: 40px; !important;}
.mr45 {margin-right: 45px; !important;}
.mr50 {margin-right: 50px; !important;}
.mr55 {margin-right: 55px; !important;}
.mr60 {margin-right: 60px; !important;}
.mr65 {margin-right: 65px; !important;}
.mr70 {margin-right: 70px; !important;}
.mr75 {margin-right: 75px; !important;}
.mr80 {margin-right: 80px; !important;}
.mr85 {margin-right: 85px; !important;}
.mr90 {margin-right: 90px; !important;}
.mr95 {margin-right: 95px; !important;}
.mr100 {margin-right: 100px; !important;}

.ml5 {margin-left: 5px; !important;}
.ml15 {margin-left: 15px; !important;}
.ml20 {margin-left: 20px; !important;}
.ml25 {margin-left: 25px; !important;}
.ml30 {margin-left: 30px; !important;}
.ml35 {margin-left: 35px; !important;}
.ml40 {margin-left: 40px; !important;}
.ml45 {margin-left: 45px; !important;}
.ml50 {margin-left: 50px; !important;}
.ml55 {margin-left: 55px; !important;}
.ml60 {margin-left: 60px; !important;}
.ml65 {margin-left: 65px; !important;}
.ml70 {margin-left: 70px; !important;}
.ml75 {margin-left: 75px; !important;}
.ml80 {margin-left: 80px; !important;}
.ml85 {margin-left: 85px; !important;}
.ml90 {margin-left: 90px; !important;}
.ml95 {margin-left: 95px; !important;}
.ml100 {margin-left: 100px; !important;}