@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* Reset */
html,body{min-height:100%}
body{margin:0;background-color:#fffef6;font-family:'Nanum Gothic';}
body, table, div, p {font-family:'Nanum Gothic';}
/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.container,
.footer>p{width:800px;margin:0 auto;}
.header{position:relative;z-index:2;zoom:1;margin:0 0 0 0}  
.header>.side{position:absolute;z-index:2;right:0;bottom:20px;zoom:1}
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{padding:0 0 40px 0;zoom:1}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

/* Footer */
.footer{position:relative;z-index:2;zoom:1;margin:0 auto;text-align:center;}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* Login */
.account{margin-right:15px !important}

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}


/* GNB */
.gnb{position:relative;z-index:1; border:none;
border-radius:8px 8px 0px 0px; font-size:13px;height:40px;clear:both;background-color:#2b2b5b;
background:-webkit-linear-gradient(top, #1B3E76, #2b2b5b);
background:-moz-linear-gradient(top, #1B3E76, #2b2b5b);
background:-o-linear-gradient(top, #1B3E76, #2b2b5b);
background:-ms-linear-gradient(top, #1B3E76, #2b2b5b);
background:linear-gradient(top, #1B3E76, #2b2b5b);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#1a2b79, endColorStr=#1a2b79)}
.gnb:before{content:"";display:block;;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:32px;left:-0px;right:-0px;background:#253265;opacity:.98;filter:alpha(opacity=98);height:0}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{font-size:13px; text-align:center; display:block; line-height:40px;padding:0 20px;color:#fff;position:relative}
.gnb>ul>li>a:after{font-size:14px;content:"";position:absolute;width:1px;height:30%;right:0;top:14px;background:#f5f5f5;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{ font-size:13px;  }
.gnb ul ul{display:none;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;height:0;overflow:hidden}
.gnb.open ul ul{display:none;margin-top:6px;}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;}
.gnb.open ul ul{display:none;padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:none;display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{display:none;text-decoration:underline;}

/* Visial */
.visual>.list{position:relative;width:300%;left:-100%;z-index:1}
.visual>.list:after{content:"";display:block;clear:both}
.visual>.list.total1{width:auto;left:0}
.visual img{display:block;max-width:100%;height:auto;margin:0 auto}
.visual a{display:block;float:left;position:relative;color:#fff;text-decoration:none;font-family:'Nanum Gothic',Corbel,Arial,Helvetica,sans-serif}
.visual a[href=""]{cursor:default}
.visual .total1 a{float:none}
.visual .total2 a,
.visual .total3 a{width:33.33%;}
.visual a>p{margin:-24px 0 0 0;padding:0 100px;position:absolute;top:50%;left:0;right:0;text-align:center;font-size:47px;letter-spacing:-1px;line-height:1}
.visual.sub a>p{font-size:32px;text-align:left}
.visual>button{zoom:1;border:0;background:url(blank.gif);cursor:pointer;width:100px;position:absolute;z-index:2;top:0;bottom:0;margin:0;padding:0;color:#fff}
.visual>button:hover,
.visual>button:focus{background-color:rgba(0,0,0,.25)}
.visual>button>i{position:absolute;top:50%;left:50%;width:25px;height:50px;background:url(slideNav.png) no-repeat;margin:-25px 0 0 -12px;zoom:1}
.visual>.prev{left:0}
.visual>.next{right:0}
.visual>.prev>i{background-position:0 0}
.visual>.next>i{background-position:-25px 0}

/* LNB */
.body.sub .lnb{float:left;width:180px;margin:0 0 40px 0}
.body.sub .content{float:right;width:595px}
.body.sub .lnb>h1{margin:0;position:relative;z-index:2}
.body.sub .lnb>h1>a{display:block;line-height:36px;padding:0 18px;border-radius:3px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #939395;background-color:#19191b;background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);zoom:1}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb>ul{position:relative;z-index:1; padding:1px;margin:-1px 0 0 0;border-radius:3px}
.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}
.body.sub .lnb>ul>li.active>a,
.body.sub .lnb>ul>li>a:hover,
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb>ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}


.sub_top_title{padding-bottom:5px;margin-bottom:5px;font-size:16px; color:#1e69a2; font-weight:bold;border-bottom:1px #cccccc solid;  }
.sub_top_year{ float:left;;font-size:24px;font-weight:bold; width:70px;  color:#019000;float:left;   }
.sub_top_month{font-size:18px;font-weight:bold; width:50px; color:#ff9900;   }

.jjs_nav_ul{ clear:both; width:100%;height:30px; border-bottom:0px solid #ddd; padding:0px; padding-top:10px;margin-bottom:1px; }

.jjs_bt{float:left; list-style:none;padding-right:0px;margin-bottom:15px;  }
.jjs_bt a{background-color:#f1f1f1; padding:1px;  border:1px solid #717171; padding:5px;margin:5px;border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#717171; text-decoration:none; margin-left:-5px;line-height:23px;}
.jjs_bt a:hover{background-color:#ee6624; padding:1px; border:1px solid #717171;padding:5px;margin:5px; border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#fff; text-decoration:none; margin-left:-5px;line-height:23px;}
.jjs_bt a:focus{background-color:#ee6624; padding:1px; border:1px solid #717171;padding:5px;margin:5px; border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#fff; text-decoration:none; margin-left:-5px;line-height:23px;}

.jjs_bt > .active > a{background-color:#f1f1f1; padding:1px; border:1px solid #717171; border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#717171; text-decoration:none; margin-left:-5px;line-height:23px;}
.jjs_bt > .active > a:hover{background-color:#ee6624; padding:1px; border:1px solid #717171; border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#fff; text-decoration:none; margin-left:-5px;line-height:23px;}
.jjs_bt > .active > a:focus{background-color:#ee6624; padding:1px; border:1px solid #717171; border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#fff; text-decoration:none;margin-left:-5px;line-height:23px;}
.clear_both{clear:both;}

.jjs_bt_active {background-color:#ee6624; padding:1px; border:1px solid #717171; border-radius:3px 3px 0 0; text-align:center; font-family: 나눔고딕, NanumGothic, 'Nanum Gothic', 맑은고딕, malgun gothic, dotum, gulim, sans-serif; font-size:13px; color:#fff; text-decoration:none;margin-left:-5px;line-height:23px;}


ul.sitemap {clear:both;list-style:none; text-decoration:none;color:#000; } 
ul.sitemap li {display:block;text-decoration:none; list-style:none;color:#000;}  
ul.sitemap li a{display:block;text-decoration:none; list-style:none;color:#555;}  
ul.sitemap li  a:link{text-decoration:none; list-style:none;color:#ee6624;} 
ul.sitemap li  a:hover{text-decoration:none; list-style:none;color:#ee6624;}
ul.sitemap li  a:focus{text-decoration:none;list-style:none;color:#ee6624; } 
ul.sitemap li > a:hover{text-decoration:none; list-style:none;color:#ee6624;}
ul.sitemap li > a:focus{text-decoration:none;list-style:none;color:#ee6624; } 

.side_left{float:right;}
.side_right{float:right;}
.text_1{float:right;}

.table_font {  color:#444; font-size:13px; padding:1px;}

 
.year_class{font-weight:bold;font-size:20px;color:#019000;}
.month_class{font-size:18px;color:#2e3192;font-weight:bold;}
.content_class{font-size:18px;color:#777;}
.complated_yonbo{display:grid;
					margin-top:10px;
					font-size:16px;
					grid-template-columns: 70px 50px 1fr;
					justify-items:start;
					align-items:center;
					grid-gap:10px;
					padding:10px;
					border:1px solid #ddd;
					border-radius:5px;
					background-color:#fff;

}
.completed_insert input, select{height:30px;text-align:center; color:#777;font-size:14px;padding:0 5px;border:1px solid #ddd;}
.completed_insert label{font-weight:bold;}
.completed_insert{display:grid;
					font-size:16px;
					grid-template-columns:110px 110px 280px auto;
					padding:10px;
					border:1px solid #ddd;
					border-radius:5px;
					background-color:#fff;
}

.complated_yonbo_no{display:grid;justify-items:center;align-items:center;height:500px;}

.year_select{		display:grid;
					margin-top:20px;
					font-size:16px;
					grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr;
					justify-items:center;
					align-items:center;
					grid-gap:5px;
					padding:5px 10px;
					border:1px solid #ddd;
					border-radius:5px;
					background-color:#fff;  
}
 
.year_select div{   display:block;
					border:1px solid #ddd;
					border-radius:5px; 
					background-color:#fff; 
					padding:5px 10px; 

}
.year_select div > a		{text-decoration:none;color:#777;} 
.year_select div:hover					{color:#fff;background:#2e3192;}
.year_select div > a:hover, a:active	{color:#fff;background:#2e3192;}

.selected_item:hover,
.selected_item.active{
	color:#fff;background:#2e3192;cursor:pointer;

}
.selected_item:visited{
	color:#fff;background: #2e3192;
}
.completed_list{
	display:grid;grid-template-columns:100px 100px 1fr;
	padding:20px 0;
	font-size:13px;
	color:#555;
}
.completed_list div{
	padding:10px;
	border-bottom:1px solid #ddd;
	background:#fff;
	margin:5px 0;
}
.f_child{
	color:#2e3192;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}
.s_child{
	color:#2e3192;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}