@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
html { height: 100% }
body { 
	margin: 0; padding: 0; font-family:  dotum, Verdana, Geneva, sans-serif; 
	background-color: #fff; color: #888; font-size: 12px;
	padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0px;
	line-height: 1.5em;
}

a:active { outline:none; }
a { color: #888; text-decoration: none; }
a:hover { color: #444; text-decoration: underline }
a:active { color: #444; text-decoration: underline }
a:focus { color: #444; text-decoration: underline }

input,select,button {vertical-align:middle }
form { margin: 0; }
ul, ol, li  { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
li { float: left; list-style-type: none; list-style-image: none; }
img { border: 0px; margin: 0px; }

a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; } 
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; } 

a.rollover span { position: absolute; left: 36px; margin-top: 10px; text-decoration: none; text-align: center; color: #888; width: 77px; height: 25px; padding-top: 5px; background: url(../../images/brand/common/quick_tip.gif) no-repeat 0 0; }
a.rollover span.over { display:none; } 
a.rollover:hover span.over { display:inline; } 
#wrap {	position:relative; min-width: 1130px;  width: 100%;}
#header { z-index: 30; width:100%;  text-align: center;}
#header .top_menu {position:relative; width: 1064px; margin: 0 auto; text-align: left; margin-top:30px;}
#header .top_menu .logo a{width:291px;height:56px;display:block;}
#header .top_menu .gnb ul{padding:20px 0 40px;}
#header .top_menu .gnb ul:after{content:'';display:table;clear:both;}
#header .top_menu .gnb ul li{height:37px; float:left;}
#header .top_menu .gnb ul li a{display:block;width:352px;height:35px;border:1px solid #737373;line-height:37px;font-size:15px;letter-spacing:-1px;color:#fff;text-align:center;font-weight:600;text-decoration:none;cursor:pointer;background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/images/ex_calendar/tabbg_off.png') repeat;}
#header .top_menu .gnb ul li a.selected,
#header .top_menu .gnb ul li a:hover{border:1px solid #be244e;background:url('//static-sdedu.akamaized.net/img1/_skin/sidae/images/ex_calendar/tabbg_over.png') repeat}
#header .top_menu .gnb_right{position:absolute; left:300px; top:11px; width:178px; height:15px; padding-top:20px;}
#container { z-index: 20; position: relative; text-align: left; padding-bottom: 0px; width: 100%; height:100%; }
#container .content {position:relative; width: 1064px; margin: 0 auto; text-align: left; }
#container .content .search { /* 930/2 - 370/2 = 280 border-bottom: 2px solid #6E6E6E;*/
	position:relative;
	width: 344px; height: 35px; 
	font-size: 12px; float:left;
}
#container .content .search:before{
	content:'';
	position:absolute;
	top:35px;
	left:0;
	height:2px;
	width:450px;
	background:#6E6E6E
}
#container .content .search.search2{
	width:auto;height:auto;float:none;
}
#container .content .search select.select {
		position:relative;
		z-index:10;
		width:90px !important;
		height:25px !important;
		line-height:25px;
		font-size: 12px;
		border-right:1px solid #CCC;
		border-left:1px solid #FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;  
}
#container .content .search input.input {margin-left:10px; border:0px solid #CCC; font-size: 12px; font-weight: bold; width: 270px; height:20px; }
#container .content .search input.submit{width:52px; height:30px; background: url(../images/ex_calendar/b_search.jpg) no-repeat 0 0;}
#container .content .search .more_searthbtn{position:relative; margin-left:374px; margin-top:-30px; z-index:99; cursor:pointer;}
.search_check{margin-top:-8px;}
.search_check_s{margin-top:-8px; display:none;}

#container .content .search_menu_ttype{position:relative;padding-top:20px}
#container .content .search_menu_ttype .area1{padding:15px; border:1px dashed #ccc}
#container .content .search_menu_ttype .area1 ul{overflow:hidden;}
#container .content .search_menu_ttype .area1 ul li{width:145px;margin-bottom:2px;}

#container .content button{padding:0;margin:0;border:none;background:none;line-height:18px;letter-spacing:-1px;font-size:11px;}
#container .content span.icon-test{display:inline-block;font-family:'dotum';padding:1px 7px 0;color:#fff;line-height:14px;margin-right:5px;font-size:11px;border-radius:2px;}
#container .content span.it-type01{background:#f3842b}
#container .content span.it-type02{background:#f32d2b}
#container .content span.it-type03{background:#4893d5}
#container .content span.it-type04{background:#8772d7}
#container .content span.it-type05{background:#744e82}
#container .content span.it-type06{background:#4fc4ab}
#container .content span.it-type07{background:#54965e}
#container .content span.it-type08{background:#898989}
#container .content span.it-type09{background:#5f5f5f}
#container .content span.it-type10{background:#e0c50c}
#container .content span.it-type11{background:#a37542}
#container .content span.it-type12{background:#e382be}
#container .content span.it-type13{background:#be55ac}


#container .content span.it-type01:before{content: "필시";}
#container .content span.it-type02:before{content: "필종";}
#container .content span.it-type03:before{content: "필합";}
#container .content span.it-type04:before{content: "필접";}
#container .content span.it-type05:before{content: "필종";}
#container .content span.it-type06:before{content: "응시";}
#container .content span.it-type07:before{content: "응종";}
#container .content span.it-type08:before{content: "실시";}
#container .content span.it-type09:before{content: "실종";}
#container .content span.it-type10:before{content: "합시";}
#container .content span.it-type11:before{content: "합종";}
#container .content span.it-type12:before{content: "실시";}
#container .content span.it-type13:before{content: "실종";}
/*
#container .content label.it-type50:before{content:'자격증'}
#container .content label.it-type51:before{content:'공무원'}
#container .content label.it-type52:before{content:'검정고시'}
#container .content label.it-type53:before{content:'금융'}
#container .content label.it-type54:before{content:'취업'}
#container .content label.it-type55:before{content:'산업인력공단'}
#container .content label.it-type56:before{content:'상공회의소'}
#container .content label.it-type57:before{content:'국가자격시험'}
#container .content label.it-type58:before{content:'기타'}
*/
#container .content label.it-type50{background:#f32d2b}
#container .content label.it-type51{background:#4893d5}
#container .content label.it-type52{background:#4fc4ab}
#container .content label.it-type53{background:#f8d800;}
#container .content label.it-type54{background:#e382be}
#container .content label.it-type55{background:#e0c50c}
#container .content label.it-type56{background:#8772d7}
#container .content label.it-type57{background:#f3842b}
#container .content label.it-type58{background:#898989}

#container .content .search_menu_ttype .more_search{position:absolute; width:500px;padding:20px 20px 40px 20px;top:10px; left:20px; background-color:#FFF; z-index:9999; border:1px solid #969696; display:none;}
#container .content .search_menu_ttype .more_search ul:after{content:'';display:table;clear:both;}
#container .content .search_menu_ttype .more_search ul li{width:100px;float:left;line-height:22px;height:22px;margin-bottom:2px;}
#container .content .search_menu_ttype .more_search .area ul li input,
#container .content .search_menu_ttype .more_search .area2 ul li input{margin-right:2px;margin-top:1px}
#container .content .search_menu_ttype .more_search .area ul li label,
#container .content .search_menu_ttype .more_search .area2 ul li label{cursor:pointer}

#container .content .search_menu_ttype .more_search label.icon-test{display:inline-block;font-family:'dotum';padding:2px 4px 0;color:#fff;line-height:16px;margin-right:5px;border-radius:2px;font-size:11px;}



#container .content .search_menu_ttype .more_search .area3{position:absolute;right:40px;bottom:10px;}
.search_menu_ttype .x_btn2{position:absolute; left:auto; right:10px; top:5px; z-index:999; cursor:pointer;}
#container .content .rb-m{background:none !important;}
#container .content .rb-i{color:#000;vertical-align:middle;}

#container .content .search_menu{position:relative; margin-left:756px; margin-top:-46px; padding-top:10px; background-color:#FFF; width:265px; border:1px dashed #CCC; padding-left:10px; padding-right:22px;}
#container .content .search_menu .area1{float:left; width:315px; height:50px; margin-left:25px; !border:1px solid #CCC;}
#container .content .search_menu .area1 ul li{ padding-top:2px;}

#container .content .search_menu .more_search{position:absolute; top:53px; left:-713px; padding:10px; background-color:#FFF; z-index:9999; border:1px solid #969696; display:none;}
#container .content .search_menu .more_search .area{float:left; width:605px; height:20px; !border:1px solid #CCC;}
#container .content .search_menu .more_search .area ul li{padding-right:50px; margin-top:2px;}
#container .content .search_menu .more_search .area ul li img{padding-left:5px;}
#container .content .search_menu .more_search .area2{float:left; width:605px; margin-top:10px; height:20px; !border:1px solid #CCC;}
#container .content .search_menu .more_search .area2 ul li{padding-right:41px; padding-top:2px;}
#container .content .search_menu .more_search .area2 ul li img {padding-left:5px;}
#container .content .search_menu .more_search .area3{width:605px; height:20px; !border:1px solid #CCC; margin-top:10px;}
#container .content .search_menu .more_search .area3 ul{float:right;}
#container .content .search_menu .more_search .area3 ul li{padding-right:41px; padding-top:2px; cursor:pointer;}

#container .content .datepicker{position:relative; width:1064px; height:23px; padding-top:4px; margin:0 auto 20px;border-bottom:1px solid #CC2211;  padding-bottom:20px;}



/*이전 월별보기
#container .content .search_menu{position:relative; margin-left:756px; margin-top:-46px; padding-top:10px; background-color:#FFF; width:265px; border:1px dashed #CCC; padding-left:10px; padding-right:22px;}
#container .content .search_menu .area1{float:left; width:315px; height:50px; margin-left:25px; !border:1px solid #CCC;}
#container .content .search_menu .area1 ul li{ padding-top:2px;}
#container .content .search_menu .more_search{position:absolute; top:53px; left:-713px; padding:10px; background-color:#FFF; z-index:9999; border:1px solid #969696; display:none;}
#container .content .search_menu .more_search .area{float:left; width:605px; height:20px; !border:1px solid #CCC;}
#container .content .search_menu .more_search .area ul li{padding-right:50px; margin-top:2px;}
#container .content .search_menu .more_search .area ul li img{padding-left:5px;}
#container .content .search_menu .more_search .area2{float:left; width:605px; margin-top:10px; height:20px; !border:1px solid #CCC;}
#container .content .search_menu .more_search .area2 ul li{padding-right:41px; padding-top:2px;}
#container .content .search_menu .more_search .area2 ul li img {padding-left:5px;}
#container .content .search_menu .more_search .area3{width:605px; height:20px; !border:1px solid #CCC; margin-top:10px;}
#container .content .search_menu .more_search .area3 ul{float:right;}
#container .content .search_menu .more_search .area3 ul li{padding-right:41px; padding-top:2px; cursor:pointer;}

#container .content .datepicker{position:absolute; top:-150px; left:0px; width:1064px; height:23px; padding-top:4px; border-bottom:1px solid #CC2211; float:left; margin:0 auto; padding-bottom:20px;}
*/
#container .content .datepicker .tdate{padding-left:10px; padding-right:10px; font-weight:bold; font-size:18px; color:#000;}
#container .content .datepicker .tdate_week{padding-left:10px; padding-right:10px; font-weight:bold; font-size:12px; color:#000;}
#container .content .datepicker .tdate_day{padding-left:10px; padding-right:10px; font-weight:bold; font-size:14px; color:#000;}
#container .content .datepicker .toggledatebtn{padding-right:6px;}
#container .content #calendar_area{padding-left:1px; margin-top:50px;}
#mini_calendar_table{font-size:12px; margin-left:9px; letter-spacing:-1; font-family:Verdana, Geneva, sans-serif; border-collapse:collapse; }
#mini_calendar_table tr{ line-height:15px; }
#mini_calendar_table tr td{ padding-top:2px; padding-right:1px; width:23px; text-align:center; border-right:1px solid #CCC;}
.nowday{ background-color:#CC2211; color:#FFF;}
.daycolor_0{color:#F00;}
.daycolor_6{color:#03F;}
.date_list{width:184px; height:100px; top:30px; left:0px; background-color:white; z-index:998; border:1px solid #CCC; display:none; float:left;}
.date_list #YearList{width:90px; height:100px; overflow-y:scroll; font-size:14px; font-weight:bold; color:777777; padding-left:7px;}
.date_list #MonthList{width:70px; height:100px; overflow-y:scroll; font-size:14px; font-weight:bold; color:777777; float:left; padding-left:17px;}
.x_btn{margin-left:185px; margin-top:-1px; z-index:999; cursor:pointer;}
.x_btn2{position:absolute; left:602px; top:5px; z-index:999; cursor:pointer;}
.picdate{color:#000; background-color:#E8F0F3;}

.rb-o{border: 1px solid #ccc !important;}
.rb-m{border:none !important;padding-left:0 !important;margin: 0 !important;}
.rb-i ul li{float:none !important;padding:2px;overflow:hidden;}
.rb-i ul li:after{content:'';display:table;clear:both;}
.rb-i ul li span{line-height:16px;}
.rb-i ul li span.icon-test {float:left;margin-top:1px}
.rb-i ul li span.rb-i-contents{display:block; float:left;}
.rb-i ul li span.rb-i-date{display:block; float:right;margin-right:20px;}