@charset "utf-8";
/* CSS Document */

/* 공통 css */
* {padding:0; margin:0; font-size:14px; font-family:"굴림", "돋움", Seoul, "한강체"; }
img {border:0;}
ul {list-style:none;}
input {font-size:12px; height:17px; line-height:135%;ime-mode:active;}
textarea {font-size:12px; line-height:135%;ime-mode:active;}

/*기본 링크 - 테이블 */
a {color:#3055ae; text-decoration:none; }
a:hover {color:#3055ae; text-decoration:underline; }


/* 기본레이아웃 */
#top {width:100%; height:88px; background:url(/Resource/Images/top_bg.gif) repeat-x; position:relative;}
.top_bg_left { top:0; height:51px; text-align:left; position:absolute; }
.logo { top:0; height:51px; margin:0 auto; text-align:center;}
.info { line-height:31px; height:31px; top:52px; padding:0 10px 0 10px; font-weight:bold; color:#FFFFFF; text-align:center; font-size:13px; }

#main {background:url(/Resource/Images/bg_sky01.gif) repeat-x; min-height:300px; padding:0 20px; }
#main2 {background:url(/Resource/Images/bg_sky02.gif) repeat-x; min-height:400px; padding:0 20px; }

.select_a { padding:2px 2px; width:97%;}
.input_a { padding:2px 2px; width:97%; background:#e3edf4; border:1px solid #c2d6e5; } /*로그인용*/

/*로그인*/
.login_box 
{border-top:3px #1750b3 solid; border-bottom: 1px solid #dce2eb; border-left: 1px solid #dce2eb; border-right: 1px solid #dce2eb; padding: 15px; background:#FFFFFF;  }
.login_btn {height:100px; margin:0 auto;}

/* 폰트 css */
.f12 {font-size:12px; }
.f13 {font-size:13px; } 
.f14 {font-size:14px; } 
.f15 {font-size:15px; } 


/*폰트 */
.f11 {font-size:11px; }
.st {font-weight:bold;}
.name {color:#3ea3d2;}
.blue1 {color:#0d77e1;}
.blue2 {color:#3b77b3;}
.red2 {color:#ec8282;}
.red {color:#FF0000;}
.bt01 li { background:url(/Resource/images/btn/bt_01.gif) no-repeat 2px 38%; text-indent:12px;}
.ww {color:#FFFFFF;}
.yollow {color:#FFFF66;}
.bb {color:#3f79a5;}
.bb_d {color:#0b4372;}
.info_t {font-size:11px; letter-spacing:-1px; color:#6d8dae; }




.st {font-weight:bold;}
.w_s {letter-spacing:-1px;}
.uline { text-decoration: underline;}

/*어두운블루 >> 밝은블루 순~*/
.c_d_blue {color:#1a3a79;}
.c_d_blue2 {color:#3055ae;}
.c_blue {color:#034edd;}
.c_w_blue {color:#0086f3;}

/*블랙 >> 그래이*/
.c_d_black{color:#3d3d3d;}
.c_black {color:#505050;}

/*오렌지. 레드계열*/
.c_orang {color:#ff4e00}


/* 마진.패딩.정렬 css */
.mg_t5 {margin-top:5px;}
.mg_r5 {margin-right:5px;}
.mg_b5 {margin-bottom:5px;}
.mg_l5 {margin-left:5px;}

.mg_t10 {margin-top:10px;}
.mg_r10 {margin-right:10px;}
.mg_b10 {margin-bottom:10px;}
.mg_l10 {margin-left:10px;}

.mg_t15 {margin-top:15px;}
.mg_r15 {margin-right:15px;}
.mg_b15 {margin-bottom:15px;}
.mg_l15 {margin-left:15px;}

.mg_t20 {margin-top:20px;}
.mg_r20 {margin-right:20px;}
.mg_b20 {margin-bottom:20px;}
.mg_l20 {margin-left:20px;}

.mg_t25 {margin-top:25px;}
.mg_r25 {margin-right:25px;}
.mg_b25 {margin-bottom:25px;}
.mg_l25 {margin-left:25px;}

.ht20 { line-height:20px; height:20px; }
.ht25 { line-height:25px; height:25px; }
.ht30 { line-height:30px; height:30px; }
.ht35 { line-height:35px; height:35px; }
.ht40 { line-height:40px; height:40px; }


/* text정렬 */
.align_c {text-align:center;}
.align_l {text-align:left;}
.align_r {text-align:right;}


/*탑버튼모음용*/
.btn_all { height:60px; margin:0 auto; padding-top:12px; }
.btn_all2 { margin:0 auto; padding-top:15px; }


/*내용 테이블 관련 css*/
/* 세로형테이블 */
.table {width:100%; height:auto; margin:0 auto; }
.table_tit { background:#e0e9ff; font-size:12px; font-weight:bold; color:#1b43a0; height:23px; padding:2px 2px; border:1px solid #a7bbeb;}
.table_tit1 { background:#e0e9ff; font-size:12px; font-weight:bold; color:#1b43a0; height:23px; padding:2px 2px; }
.table_tit10 { font-size:12px; font-weight:bold; color:#1b43a0; height:23px; padding:2px 2px; border:1px solid #a7bbeb;}

.table_m td { border-bottom:1px #dae4fd solid; line-height:26px; padding:2px 5px 2px 10px;  }
.table_m a {font-size: 13px; }

/* 가로형테이블 */
.table_tit2 {background:#e8efff; font-weight:bold; color:#1b43a0; text-align:left; font-size:12px; padding:2px 2px; }
.table_m2 td {border-bottom:1px #dae4fd solid; line-height:22px; padding-left:10px;}
.table_m3 td {border-bottom:1px #dae4fd solid; line-height:22px; }
.table_m4 td {line-height:22px; }

.t_bg_on {background:#f2f6ff; }
.line_c { width:100%; height:2px; background:#8aa4e5; }
.cont {padding:8px 0 7px 0 ;}


/*페이지 넘버*/
.pageno { width:100%; margin: 0 auto; height:50px; font-size:large; text-align:center; margin-top:10px;}
.pageno a { text-decoration:none; color:#000000; font-weight:bold; font-size:large; padding: 2px; }
.pageno a:hover { text-decoration:underline; color:#ff3c00; font-size:large; font-weight:bold;  }
.pageno .on_no {color:#ff3c00; font-size:large; } /*현재page 온상태*/

/*탑 대메뉴 버튼 css 디자인*/
button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 6px 13px;
	background: -moz-linear-gradient(
		top,
		#19c2ff 0%,
		#003dd6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#19c2ff),
		to(#003dd6));
	border-radius: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 3px;
	border: 1px solid #004394;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px 2px 3px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.3);
}

/* 하단PAGE넘버용 버튼 디자인*/
button.css3button_page {
     width: 30px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	padding: 4px 5px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 25%,
		#d1d1d1);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.25, #ffffff),
		to(#d1d1d1));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #adadad;
	-moz-box-shadow:
		0px 3px 1px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 5px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px 1px 1px rgba(158,158,158,0.4),
		0px -1px 0px rgba(255,255,255,0.2);
}

/*탑 <<목록>> 이동 버튼용*/
button.css3button_vbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2b5685;
	padding: 6px 13px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#c6d7e8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#c6d7e8));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #456a95;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
}

/* 모달창 */
.modalBackground {
background-color:#fff;
filter:alpha(opacity=30);
opacity:0.3;