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

@import url(http://fonts.googleapis.com/css?family=Lusitana);
@import url(notosanskr.css);

/*a,submit, botton*/
.blackgreen{
	padding:5px 10px;background:#222;color:#92ff00; font-weight:bold;
	border-top:1px solid  #404040;border-left:1px solid  #404040;border-bottom:1px solid #181818;border-right:1px solid #181818;	
}
.blackr5{ background:#000; border-radius:5px; color:#fff; border:1px solid #000; font-weight:bold; cursor:pointer }
.blackr5:hover {color:#000;background:#fff;border:1px solid #ccc;}
.bluer5{ background:#5969f7; border-radius:5px; color:#fff; border:1px solid #5969f7; font-weight:bold; cursor:pointer }
.bluer5:hover {color:#5969f7;background:#fff;border:1px solid #ccc;}
.greenr5{ background:#39b54a; border-radius:5px; color:#fff; border:1px solid #39b54a; font-weight:bold; cursor:pointer }
.greenr5:hover {color:#39b54a;background:#fff;border:1px solid #ccc;}
.atype {background:transparent; border:0px; display:inline; cursor:pointer; font-size:inherit; padding:0px; color:#636363 }
.atype:hover { color:#589a00; }
.black3 { cursor:pointer;font-size:90%; line-height:200%; display:inline-block; padding:0px 8px; vertical-align:1px; border:1px solid #000; background:#000; color:#fff; font-weight:bold; border-radius:3px; }
.black3:hover { border:1px solid #000; background:#555; }

.bnS{
	cursor:pointer;font-size:100%; line-height:120%; font-weight:bold; display:inline-block; padding:5px 8px;
	border:1px solid #b1b1b1;border-radius:3px;color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnM{
	cursor:pointer;font-size:100%; line-height:120%; font-weight:bold; display:inline-block; padding:5px 20px;
	border:1px solid #b1b1b1;border-radius:3px; color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnB{
	cursor:pointer;line-height:120%;font-weight:bold;padding:10px; color:#636363;
	border:1px solid #b1b1b1;border-radius:5px;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.sb2mn{ display:none; opacity:0; }
.BlackB{ background:#333 !important; color:#fff !important; border:0px; }
.BlueB{ background:#526A89 !important; color:#fff !important; border:0px; }
.submitzone{ padding:20px; }
.vsbhd{ visibility: hidden;}
.bwplus { display: inline-block; width: 15px; background:#313131; color:#fff; border-radius: 3px; font-weight: bold; text-align: center; line-height: 120%; }
.blackspan { display:inline-block; background: #636363; padding: 1px 3px 1px 3px; color:#ccc; font-weight: 400; font-family: "Noto Sans KR"; line-height: 140%; font-size: 85%; vertical-align: text-top; }
.in100img{ border:1px solid #ddd; padding:9px; margin-bottom: 10px;}
.in100img>img{ display: block; width: 100%;  }
.pd30{ display: inline-block; padding: 15px 30px; text-align: center; }

/* 탭 */
.tab { position: relative; border-bottom: 1px solid #ddd; vertical-align: top; margin: 15px 0px; height: 40px; }
.tab>a { 
	display: inline-block; padding: 10px 25px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 19px;
	line-height: 130%; letter-spacing: -0.03em; text-align: center; font-family: "Noto Sans KR";font-size: 120%;  background: #f9f9f9; vertical-align: middle;
}
.tab>a:first-of-type{ border-left: 1px solid #ddd; margin-left: 10px}
.tab>a.tabon { background: #fff; border-bottom: 1px solid #fff; border-top:2px solid #00978C; color:#00978C; font-weight: 500; height: 18px; }

/*div*/
div.twoLine{ border-top:1px solid #929292; border-bottom:2px ridge  #676767;}
.inputfile{ position:relative;z-index:auto;display:inline-block; vertical-align:top; top:0px; width:66px;height:28px;overflow:hidden; }
.inputfile >button:first-child{position:absolute;left:0px;top:0px;z-index:auto;}
.inputfile >input[type=file]{
	width:72px;height:27px;display:inline-block;position:absolute;top:0px;left:-6px;z-index:auto;
	margin-left:0px; opacity:0; -moz-opacity:0; cursor:pointer;
}
.smtzone{ padding: 10px 0px; text-align: right; }
.pictype{ border:1px solid #ddd; padding: 9px; display: inline-block; text-align: center }
.pictype>h1{ font-size: 110%; font-family: "Noto Sans KR"; padding: 5px; font-weight: 500; }

/*span*/
.tt4wd{ display: inline-block; 	text-align: justify; text-align-last: justify; -moz-text-align-last: justify; width: 55px; }
.tt5wd{ display: inline-block; 	text-align: justify; text-align-last: justify; width: 69px; }
.tt6wd{ display: inline-block; 	text-align: justify; text-align-last: justify; width: 82px; }

/*pagezone*/
.pagezone { color:#ccc; text-align:center; padding:10px }
.pagezone > a, .pagezone > span { margin:0px 5px; }
.pagezone > a:first-child { display:inline-block; width:11px; background:url(../images/page/endpage1.png) no-repeat -11px center; border:0px;  }
.pagezone > a:hover:first-child { background:url(../images/page/endpage2.png) no-repeat -11px center; }
.pagezone > a:last-child { display:inline-block; width:11px; background:url(../images/page/endpage1.png) no-repeat 0px center; border:0px;  }
.pagezone > a:hover:last-child { background:url(../images/page/endpage2.png) no-repeat 0px center; }
.pagezone > a:nth-child(2), .pagezone > span:nth-child(2)
{ display:inline-block; background:url(../images/page/prenexpage2.png) no-repeat -11px center; border:0px solid #ccc; padding:0px 5px 0px 15px; color:#333;  }
.pagezone > span.etcoff:nth-child(2)
{ display:inline-block; background:url(../images/page/prenexpage1.png) no-repeat -11px center; border:0px solid #ccc; padding:0px 5px 0px 15px; color:#999;  }
.pagezone > a:nth-last-child(2), .pagezone > span:nth-last-child(2)
{ display:inline-block; background:url(../images/page/prenexpage2.png) no-repeat  32px center; border:0px solid #ccc; padding:0px 15px 0px 5px; color:#333;  }
.pagezone > span.etcoff:nth-last-child(2)
{ display:inline-block; background:url(../images/page/prenexpage1.png) no-repeat  32px center; border:0px solid #ccc; padding:0px 15px 0px 5px; color:#999;  }

/*text*/
.boldgreen{ color:#39b54a;font-weight:bold; }
.boldblue{ color:#5969f7;font-weight:bold; }
.boldorange{ color:#f26522;font-weight:bold; }
.boldblack{ color:#000;font-weight:bold; }
.boldwhite{ color:#fff;font-weight:bold; }
.boldblue2{ color:#414960; font-weight:bold }
.fnt80 { font-size: 80%; color:#999; }
.prevclick { cursor:pointer; } /*체크박스 옆 텍스트*/
.hiden{ display:none; }
.tred1{ color:#ff000a; }
.tblue1{ color:#0083d9; }
.tgreen1{ color:#1fa500; }
.bgf3f3f3{ background: #f3f3f3; }
.asterisk{ padding-left: 15px; background: url(../images/asterisk.png) no-repeat 0% 50%;}
#bubble{position:absolute; z-index:auto; background:#fff; display:none; }
#bubble > span { position:relative; z-index:auto; }
#bubble > span > img { position:absolute; z-index:auto; top:-7px; left:20px; }
#bubbleConts { border:1px solid #ccc; padding:10px 20px 20px 20px; border-radius:3px; text-align:left; box-shadow: 3px 3px 3px #e6e6e6;}
#bubbleC> h1 {color:#000; padding:5px 0px;; border-bottom:1px dotted #ccc; margin-bottom:3px; font-size:110%;}
#bubbleC> h1:nth-of-type(2){ margin-top:10px; }
#bubbleC { line-height:140%;}

/*ul,ol*/
.colon>li>span{display:inline-block; text-align: justify; width: 59px;}

/*table*/
tbody.pd10>tr>td, thead.pd10>tr>th { padding-left:10px; padding-right:10px; text-align:left; } 
tbody.pd10c>tr>td, thead.pd10c>tr>th { padding-left:10px; padding-right:10px; text-align:center; } 
table.frmintb{ width:100%; }
.frmintb tbody { text-align:center; }
.frmintb td{ padding:0px 5px; }
.frmintb input[type='text'], .frmintb input[type='passwd'], .frmintb select{ width:100%; }

.history { border-top:2px solid #00978C; width:100%; margin-top:10px;}
.history tr>td { border-right:1px dotted #ccc; border-bottom:1px solid #ddd;padding:10px; vertical-align: middle;}
.history tr>td:first-child { text-align:center; font-size:2em; letter-spacing:-0.07em; color:#000; font-weight:bold; font-family: "Lusitana" }
.history tr>td:last-child { border-right:0px; }
.history tr>td>p{ text-indent: -35px;padding-left: 35px }

.ltype td{ border:1px solid #ddd; padding:5px 0px;}

/*input class*/
.wd150 {width:150px;}
.wd260 {width:260px;}
.wd380 {width:380px;}
.wd500 {width:500px;}
.wd750 {width:750px;}

.wd100pro {width:100%;}
.wd80pro {width:80%;}
.lh150 { line-height:150%; margin:5px 0px; }

/*calendar*/
.calendartb{ 
	width:148px;margin-top:-1px;padding:2px 7px 10px 7px;text-align:center;
	background:#fff;border:1px solid #999;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;	
}
.calendartb table{width:100%;background:#f7f7f7;}
.calendartb table td{height:22px;line-height:22px !important;margin:0px;padding:0px; border: 0px !important;}
.calendartb table th{height:22px;line-height:22px !important;margin:0px;padding:0px; border: 0px !important;}
.calendar {border-right:1px solid #ddd; width: 100%; }
.calendar th {
	height:27px;line-height:27px;border-bottom:1px solid #ccc;border-left:1px solid #ddd;color:#000;padding:0px;margin:0px;vertical-align:middle;background:#f7f7f7;
}
.calendar tr:nth-of-type(2)>th:first-of-type, .calendar tr:nth-of-type(2)>th:last-of-type{background:#f0f1f9;color:#5969f7}
.calendar tr>td:first-of-type, .calendar tr>td:last-of-type{background:#f0f1f9;}
.calendar td {height:100px;line-height:18px;border-bottom:1px solid #ddd !important;border-left:1px solid #ddd;vertical-align:top !important;text-align:left;padding:5px;}
.arr_l{ display:inline-block; width:11px; height:12px; background: url(../images/page/prenexpage1.png) no-repeat -11px 0px; margin-right: 20px;}
.arr_l:hover{background: url(../images/page/prenexpage2.png) no-repeat -11px 0px;}
.arr_r{ display:inline-block; width:11px; height:12px; background: url(../images/page/prenexpage1.png) no-repeat 0px 0px; margin-left: 20px;}
.arr_r:hover{background: url(../images/page/prenexpage2.png) no-repeat 0px 0px;}