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

@import url(http://fonts.googleapis.com/css?family=Lusitana);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@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;}

/* 탭 */
.tab { position: relative; border-bottom: 1px solid #ddd; vertical-align: top; height: 35px}
.tab>a { 
	display: inline-block; padding: 10px 30px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
	line-height: 130%; letter-spacing: -0.03em; text-align: center; height: 14px; 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 #9BB70D; height: 13px; font-weight: bold; color:#000; }

/*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: 20px 0px; text-align: right; }

/*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  38px 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  35px 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%;}
.r3box{ font-size: 95%; border-radius: 3px; padding: 3px 4px; color:#fff; letter-spacing: -0.05em}

/*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%; }

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

.wd100pro {width:100%;}
.wd80pro {width:80%;}
.wd70pro {width:70%;}
.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 #ccc;}
.calendar th {
	height:27px;line-height:27px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;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 #ccc !important;border-left:1px solid #ccc;vertical-align:top !important;text-align:left;padding:5px;}