a:link {text-decoration:none;color:#222;}
a:visited {text-decoration:none; color:#222;}
a:hover {text-decoration:none;}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:14px; color:#222; font-family:'Roboto', 'Noto Sans KR', sans-serif;}

*{font-family:'Roboto', 'Noto Sans KR', sans-serif; }
form { margin:0; }
p {margin-top:0px;margin-bottom:0px;}
td {font-size:14px;font-family:'Roboto', 'Noto Sans KR', sans-serif;color:#222; line-height:105%;}
th{ font-size:14px;font-family:'Roboto', 'Noto Sans KR', sans-serif; line-height:105%}
h1,h2,h3,h4,h5{margin:0; padding:0}
ol, ul, li, dt, dl, dd {list-style:none; margin:0; padding:0}



/* header */
header .top01 {width:1230px; margin:0 auto; height:80px; overflow:hidden;}
header .top01 h1 {float:left; margin-top:8px;}
header .top01 p {float:right; margin-top:27px;}
header .top01 p a { letter-spacing:-0.6pt; padding-left:30px; background:url('./img/admin_icon.gif') left top no-repeat; display:block; height:25px; line-height:25px;  }

header .top02 {width:100%; background:#002266; height:68px; }
header .top02 ul {overflow:hidden; border-left:1px solid rgba(255,255,255,0.3); margin:0 auto; width:1230px;}
header .top02 ul li { float:left; width:25%; box-sizing:border-box; height:100%; border-right:1px solid rgba(255,255,255,0.3); }
header .top02 ul li a {box-sizing:border-box; width:100%; display:block; height:68px; font-size:19px; color:#fff; font-weight:400; text-align:center; line-height:68px;}
header .top02 ul li a.gnb_on { background:#001b52; color:#f8ff00; font-weight:600;}

/* º»¹® */
.wrap_cont { width:1230px; margin:0 auto; padding-bottom:75px; }

	/** ºñÁÖ¾ó **/
	.sub_visual {  text-align:center; padding:75px 0 60px 0;}
	.sub_visual p{font-size:20px; letter-spacing:-0.6pt;}
	.sub_visual p span{font-size:20px; letter-spacing:0; font-weight:600;}
	.sub_visual h2 { font-size:50px; color:#002266; font-weight:600;  line-height:60px;}

	/* °Ë»ö */
	.searchform { width:100%; box-sizing:border-box; padding:20px 15px; text-align:center; background:#eee;}
	.searchform .searchtitle { display:inline-block;  letter-spacing:-0.6pt; padding-right:15px;}
	.search_btn {
		border:0px;
		font-size:13px;
		color:#fff;
		border:1px solid #002266;
		padding:5px;
		background-color: #002266;
		cursor:pointer;
		width:80px;
		height:33px;
		font-weight: 600;
		position:relative; 
		top:2px;
	}
	.select {
		border:0px;
		font-size:13px;
		color:#545454;
		border:1px solid #ccc;
		padding:3px;
		vertical-align: middle;
		height:33px;
	}
	.input {
		border:0px;
		font-size:13px;
		color:#545454;
		border:1px solid #ccc;
		padding:5px;
		vertical-align: middle;
		height:23px;
	}

	/* °Ë»ö Å×À̺í */
	.check_cont { overflow:hidden; width:100%; margin-top:30px; }
	.check_cont .check_list { float:left; width:calc(100% - 440px); }
	.check_cont .check_list th { width:250px; background:url('./img/search_arrow.gif') right 15px top 15px no-repeat,#86888f; font-size:15px; font-weight:600; letter-spacing:-0.6pt; box-sizing:border-box; padding-left:18px; line-height:46px; height:46px; border-bottom:1px solid #abacb1; text-align:left; color:#fff;}
	.check_cont .check_list tr:last-child th {border-bottom:0;}
	.check_cont .check_list td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:0 15px; box-sizing:border-box;}
	.check_cont .check_list tr:first-child td {border-top:1px solid #ddd;}
	.check_cont .check_list td p.checkList{ display:inline-block; line-height:46px; color:#666; position:relative;}
	.check_cont .check_list td p.checkList input[type="checkbox"] {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius:19px; width:19px !important; height:19px !important; border:1px solid #ccc; background:none; box-sizing:border-box; margin-right:5px; display:inline-block; position:relative; top:8px;}
	.check_cont .check_list td p.checkList input[type='checkbox']:checked {border:1px solid #3d82f0; background:url('./img/check_icon.png')no-repeat center, #3d82f0 ;}
	.check_cont .guide_cont {float:right; width:440px; height:236px;}
	.check_cont .guide_cont h4 { height:46px; background:url('./img/guide_icon.png') right 15px top 12px no-repeat,#002266; color:#fff; font-weight:600; letter-spacing:-0.6pt; padding:0 15px; line-height:46px; box-sizing:border-box; width:100%; }
	.check_cont .guide_cont .guide_bottom { border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; height:190px; width:100%; padding:23px 15px; background:url('./img/guide_bg.png') right 18px top 23px no-repeat; }
	.check_cont .guide_cont .guide_bottom dl {overflow:hidden; margin-bottom:12px;}
	.check_cont .guide_cont .guide_bottom dt { width:25px; height:25px; color:#fff; font-weight:600; background:#86888f; border-radius:25px; line-height:25px; text-align:center; margin-right:8px; float:left;}
	.check_cont .guide_cont .guide_bottom dd { line-height:25px; letter-spacing:-0.6pt;  float:left; color:#666;}
	.check_cont .guide_cont .guide_bottom dd img {margin-top:8px;}

	.table_top {overflow:hidden; margin:30px 0 10px 0;}
	.table_top.mar0 {margin-top:0 !important;}
	.table_top .top_left { float:left; line-height:33px;}
	.table_top .top_right {float:right;}

	.btnListchk {
		font-size:14px;
		color:#fff;
		border:1px solid #3d82f0;
		padding:6px 12px;
		background-color: #3d82f0;
		cursor:pointer;
		height:33px;
		font-weight: 600;
		display:inline-block; 
		box-sizing:border-box;
	}
	.btnListchk2 {
		font-size:14px;
		color:#666;
		border:1px solid #ddd;
		width:33px;
		background-color: #fff;
		cursor:pointer;
		height:33px;
		font-weight: 400;
		text-align: center;
		line-height:32px;
		display:inline-block; 
		box-sizing:border-box;
	}
	.btnListchk:visited {color:#fff;}

	.az_cont {width:100%; background:#ecf1fc; padding:20px 15px; text-align:center; box-sizing:border-box; margin-top:10px;}
	.az_cont input {margin-bottom:3px;}

	/* Å×À̺í */

	.t_line {background-color:#86888f; height:2px;}
	.t_th{font-size: 14px; color: #ffffff; text-align: center; height:45px; background-color:#86888f;}
	.t_th th{font-weight:600;}
	.t_th th .th_txt {min-width:355px;}
	.t_td td{padding:15px 15px; border-bottom:1px solid #ddd; line-height:18px; color:#666;}
	.t_td td a:hover {font-weight:600; text-decoration:underline;}
	.t_td td dl dt {font-weight:600; color:#222; padding-left:10px; background:url('./img/dt_icon.png') left 0 top 7px no-repeat;}
	.t_td td dl dd {margin-left:10px; padding-left:8px;  background:url('./img/dd_icon.png') left 0 top 9px no-repeat;}

	.count_area table{margin:30px auto 0 auto;}

/* footer */
footer { text-align:center; background-color:#353944; color:rgba(255,255,255,0.5);  height:77px; line-height:77px; font-size:13px; }


/*******************************************************************************
	@media 1230~1081 px
*******************************************************************************/

@media all and (max-width:1230px){

header .top01 {width:100%; box-sizing:border-box; padding:0 15px;}
header .top02 ul { width:100%; border-left:0;}
header .top02 ul li:last-child {border-right:0; }
.wrap_cont { width:100%; box-sizing:border-box; padding:0 15px 75px 15px; }

}

/*******************************************************************************
	@media 1080~981 px
*******************************************************************************/

@media all and (max-width:1080px){
.check_cont .check_list {width:100%;}
.check_cont .guide_cont {width:100%;}
.check_cont .guide_cont .guide_bottom {border-left:1px solid #ddd;}

}


/*******************************************************************************
	@media 980 ~  851px
*******************************************************************************/
@media all and (max-width:980px){

header .top01 {height:60px;}
header .top01 h1 {margin-top:-3px;}
header .top01 p {margin-top:17px;}

header .top02 { height:50px; }
header .top02 ul li a {height:50px; line-height:50px; font-size:16px;}

.wrap_cont { padding:0 15px 50px 15px; }
.sub_visual {padding:50px 0 40px 0;}
.sub_visual p {font-size:14px;}
.sub_visual p span {font-size:14px;}
.sub_visual h2 {font-size:35px; line-height:40px;}


.t_th th{font-size:13px; width:auto !important; min-width:80px;}
.t_th th .th_txt {min-width:250px;}
.t_td td { padding:10px 10px;}
.t_td td, .t_td td a{ font-size:12px; width:auto !important; }

.searchform .input {width:50% !important;}
.btnListchk {font-size:13px;}
.btnListchk2 {font-size:13px;}

}

/*******************************************************************************
	@media 850px ~ 651px
*******************************************************************************/

@media all and (max-width:850px){
.table_scroll { width:100%; overflow-x:scroll; }
.table_scroll table { min-width:850px; }
}

/*******************************************************************************
	@media 650px ~ 521px
*******************************************************************************/

@media all and (max-width:650px){
header .top02 {height:100px;}
header .top02 ul li {width:50%;}
header .top02 ul li:nth-child(2){ border-bottom:1px solid rgba(255,255,255,0.3); border-right:0; }
header .top02 ul li:first-child{ border-bottom:1px solid rgba(255,255,255,0.3);}

.check_cont .check_list th {width:150px;}

.btnListchk {height:28px; padding:0 12px; line-height:28px;}
.btnListchk2 {width:28px; height:28px; line-height:28px;}

.count_area td{font-size:13px;}

.table_scroll_none {width:100%; overflow-x:scroll;}
.table_scroll_none table {min-width:650px; }

footer { height:40px; line-height:40px; }
}


/*******************************************************************************
	@media 520px ~ 411 px
*******************************************************************************/

@media all and (max-width:520px){

header .top01 {padding:0 10px;}
header .top01 h1 {margin-top:5px;}
header .top01 h1 img {width:180px;}
header .top01 p a {font-size:13px; background-size:20px; background-position:left 0 top 3px; padding-left:25px;}

header .top02 { height:90px; }
header .top02 ul li a {height:45px; line-height:45px; font-size:14px;}

.sub_visual {padding:40px 0 30px 0;}
.sub_visual h2 { font-size:25px; line-height:30px;}

.searchform {padding:15px 10px;}
.searchform .select {width:calc(100% - 33px) !important; margin-bottom:3px;}
.searchform .input {width:calc(100% - 130px) !important;}

.table_top { margin-top:20px; }

.check_cont .check_list th { width:65px; font-size:13px; background:#86888f; text-align:center; padding:0; height:40px; line-height:40px;}
.check_cont .check_list td { font-size:13px; height:40px; line-height:40px; padding:0 7px;}
.check_cont .check_list td p.checkList {line-height:40px; font-size:13px;}
.check_cont .check_list td p.checkList input[type="checkbox"] {margin-right:0;}

.check_cont .guide_cont { height:auto; }
.check_cont .guide_cont h4 {height:40px; line-height:40px; font-size:13px; padding: 0 10px; background: url(./img/guide_icon.png) right 10px top 8px no-repeat,#002266;}
.check_cont .guide_cont .guide_bottom {height:auto; padding:15px 10px; background: url(./img/guide_bg.png) right 10px top 18px no-repeat;}
.check_cont .guide_cont .guide_bottom dl {margin-bottom:5px;}
.check_cont .guide_cont .guide_bottom dl dt {font-size:13px;}
.check_cont .guide_cont .guide_bottom dl dd {font-size:13px;}

}

/*******************************************************************************
	@media 410px ~ 
*******************************************************************************/

@media all and (max-width:410px){

.check_cont .guide_cont .guide_bottom {background:none;}
}