@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;}
.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: 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 #2660C6; 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; }
.boxGr{border:1px solid #ddd; background: #f7f7f7; padding: 15px}

.agreew > h1 { font-family: "Noto Sans KR"; font-size: 120%; font-weight: 500; margin: 5px 0px;   }
.agreew  ol{ margin: 5px 0px 5px 20px; padding: 0px; }
.agreew > .rspsblt{ padding: 8px 20px; text-indent: -17px; }

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

/*단락*/
.mark-ast{ display: list-item; margin-left: 16px; padding: 5px 0 5px 5px; }
.mark-ast::marker{ content: '\273D'; }
.mark-dash{ display: list-item; margin-left: 16px; padding: 3px 0 3px 5px; }
.mark-dash::marker{ content: '\2013'; }

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

table.ltype1{ margin:auto; border-top:1px solid #aaa; color:#555; width: 100%; }
table.ltype1>thead>tr>th { background:#f6f6f6; border-bottom:1px solid #ccc; color:#555; font-weight: 500; padding:8px 5px; font-family: "Noto Sans KR"; border-right:1px solid #ccc; }
table.ltype1>thead>tr>th:last-child{ border-right:0px; }
table.ltype1>tbody>tr>td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px 5px;  font-family: "Malgun Gothic","Myriad Pro", Dotum,  Tahoma; text-align:center }
table.ltype1>tbody>tr>td:has(>ul){ text-align: left; }
table.ltype1>tbody>tr>td:last-child{ border-right:0px; padding-left:20px }
table.ltype1 td>ul { margin:10px 0px 10px 20px }
table.ltype1 td>ul>li{ padding: 3px;}
table.ltype1 td>ul>li>h1{ font-family: "Noto Sans KR"; font-size: 105%; font-weight: 500; }

/*input class*/
.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*/
#dateMove{ text-align: center; font-size: 130%; margin-bottom: 20px; }
.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 {line-height:35px;border:1px solid #ccc;border-left:1px solid #ddd;color:#000;padding:0px;margin:0px;vertical-align:middle;background:#f7f7f7;}
.calendar td { min-height:100px;line-height:150%;border:1px solid #ddd ;padding:5px; vertical-align: top !important; text-align: left ; font-size: 90%; }

.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;}

/*블럭*/
.pointbox{	box-sizing: border-box; border:5px solid #7194D6; padding: 1.5em;}
.div-download{ 
    border:1px solid rgba(0, 0, 0, 0.1); border-top:3px solid #7696D5; padding: 1.5em;  
    background-color: rgba(0, 0, 0, 0.03); position: relative; display: flex;  flex-wrap: wrap; overflow: hidden; gap: 5px;
}
.div-download::before{ 
    content: "\271C  서식자료"; flex: 1 0 100%; font-size: 1.1em; font-weight: bold; color:#576FC3;
    padding-bottom: 0.7rem;
}
.div-download::after{ 
    content: ""; position: absolute; display: block; width: 20px; height: 20px; top:0px; left: 0px;
    background-color: #7696D5; transform: rotate(-45deg); transform-origin:0% 0%;
}
.div-download>a{ display: inline-block; background-color: #fff; padding: 0.5em 1em; border:1px solid #7696D5; color:#576FC3; font-weight: bold; }

/* 목록 */
.divtype1>h2+div+ul{ margin-top: 0.5rem; }
.circle_list { counter-reset: circle 0; list-style: none; }
.circle_list >li{ position: relative; padding-left: 0.2em;  }
.circle_list >li:before{ 
    counter-increment: circle 1; content: counter(circle); font-family: 'Source Sans Pro'; 
    display: block; font-size: 0.8em; position: absolute; left: -20px; top:7px;
    width: 0.8rem; height: 0.8rem; line-height: 1.15;
    text-align: center; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 50%;
}