@charset "utf-8";
/* main.css */
article,section{
	width:100%;
}
header{
  height: 80px;
}
.header_top{
  background:#fff;
}
h2.subTop{
  padding:0;
}
.subTop img{
  width:100%;
}
.gallery01 ul li img{
	width:100%;
}
/*sub nav*/
.s_nav_wrap .s_nav li{
  float:left;
}
.s_nav_wrap .s_nav{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.s_nav_wrap .w_4 li{
  width:25%;
}
.s_nav_wrap .w_2 li{
  width:50%;
}
.s_nav_wrap .w_3 li,.s_nav_wrap .w_6 li{
  width:33.33333333%;
}
.s_nav_wrap .s_nav li a{
  display:block;
  padding:10px 3px;
  text-align:center;
  background:#e5e5e5;
  font-size:0.9em;
  border-left: 1px solid #dad6c5;
}
.s_nav_wrap .s_nav li a.first{
  border: 0;
}
.s_nav_wrap .s_nav a:hover{
  background:#3b3b3b;
  color:#fff;
}
.s_nav_wrap .s_nav a.on{
  background:#3b3b3b;
  color:#fff;
}
.s_contents{
  width:95%;
  margin: 15px auto;
}
.s_contents h3{
  font-size:22px;
  font-weight: 600;
  padding:25px 0 10px 0;
  letter-spacing: -1px;
}
/*서브하단메뉴*/
.sub_nav ul li{
	float:left;
	width:25%;
	margin:0 auto;
}
.overing .roll, .overing:hover .over {
	display:inline-block;
}
.overing .over, .overing:hover .roll {
	display:none;
}
.sub_nav ul li a{
	display:block;
}
.sub_nav ul li a p{
	margin:0px auto;
}
.sub_nav ul li a img{
	width:100%;
}

/*tab-메뉴소개*/
.depth03_wrap {
  width:100%;
  margin:0px auto 20px auto;
}
.depth03_wrap ul.depth03{
  padding: 20px 0;
}
.depth03_wrap ul.depth03 li{
  float:left;
  margin:3px 0.5%;
}
.depth03_wrap ul.depth03 li a{
  padding:7px 0;
  text-align: center;
  border:1px solid #d4d4d4;
  display:block;
}
.depth03_wrap ul.depth03 li a.on{
  background:#ef1e4e;
  color:#fff;
  border:1px solid #ef1e4e;
}
.depth03_wrap ul.depth03 li a:hover{
  background:#ef1e4e;
  color:#fff;
  border:1px solid #ef1e4e;
}
.depth03_wrap h3{
  font-size:28px;
  padding-left: 20px;
}
.s_02 {
    padding: 80px 0;
    border: 1px solid #d4d4d4;
}
.s_02 .tab_content img{
  width:100%;
}

/*청주소방학원 소개*/
.img100{
	width:100%;
}
.img100 img{
	width:100%;
}
.s_con h4{
  font-family: sans-serif;
  font-size:30px;
  font-weight:600;
  padding:10px 0;
  line-height:34px;
}
.s_con .c_top01 em{
  font-size:22px;
  font-weight: 700;
  line-height: 30px;
  font-style:italic;
}
.s_con .c_top01 em span{
  color:#f00;
}
.img_c{
	width:100%;
	text-align:center;
	padding:15px 0;
	background:#e1e1e1;
	border-bottom:1px solid #fff;
}
.img_c img{
	width:272px;
	display:inline-block;
}



/*메뉴*/
.acc01{
	font-size:1.3em;
	font-weight:bold;
}
@media(min-width: 768px) {
	.menu_wrap ul li.menu{
	width:50%;
	float:left;
	}
}
.menu_wrap ul li{
	width:100%;
}
.menu_wrap ul li .img img{
	width:100%;
	margin-bottom:3px;
}
.menu .pad_5{
	padding:5px;
}
.menu .menu_txt .tit{
	color:#78a514;
	font-size:1.5em;
	font-weight:700;
	background:#e4e4e4;
	padding:5px;
}
.menu .menu_txt .tit_en{
	color:#457bbd;
	font-size:1.1em;
	font-weight:500;
	padding-left:5px;
}
.menu .menu_txt .txt{
	font-size:0.9em;
	font-weight:500;
	padding-left:5px;
}
.menu .menu_txt{
	min-height:125px;
	padding:5px 0px;
	letter-spacing:-0.5px;
}


.travel h3{
	font-size: 1.4em;
	font-weight: 700;
	margin: 10px 0;
}
.travel h3 span{
	color:#457bbd;
}
.travel .img,.travel .txt{
	padding:5px;
	min-height:130px;
}
.travel .img,.travel .txt .con_txt{
	line-height:1.25em;
}
.travel .img img{
	width:100%;
}
@media(min-width: 768px) {
	.travel ul li{
	width:50%;
	float:left;
	}
}
.licenses{
	font-size:0.75em;
	color:#4f4f4f;
	padding:0 10px;
}

/*경력사항*/

.entry{

}
.entry .top_bar01{
  width:30px;
  height:5px;
  background: #d4d4d4;
  margin-top:20px;
}
.entry .first{
  margin-top: 0;
}
.entry h4{
  padding-top: 3px;
}
.entry .ins_history h5{
  background: #b91839;
  padding:5px 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.pad20{
	padding:20px 0;
}


ul.photoG_wrap{
	width:100%;
	padding:5px;
}
ul.photoG_wrap:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
}
ul.photoG_wrap: {*zoom:1;}
ul.photoG_wrap li.photoG{
	width:33.333%;
	float:left;
	padding:5px;

}
ul.photoG_wrap li.photoG a .img{
	width:100%;
	height:100px;
	overflow:hidden;
}
ul.photoG_wrap li.photoG a .img img{
	width:100%;
	height:auto;
}
ul.photoG_wrap li.photoG a .text{
	width:100%;
	height:50px;
}
ul.photoG_wrap li.photoG a .text .tit{
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	font-size:0.9em;
}
ul.photoG_wrap li.photoG a .text .day{
	font-size:0.85em;
	color:#959595;
}

.sub_table {
	border-top:2px solid #084881;
	width:100%;
	font-size:0.9em;
}
.sub_table th{background:#f3f3f3;text-align:center;font-weight:600;padding:7px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.sub_table th:first-child{border-left:none;}
.sub_table td {border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px;text-align:center;}
.sub_table td.left{text-align:left;}
.sub_table td:first-child{border-left:none;}
.sub_table th.left {text-align:left;}
.sub_table th div.wrap{position:relative;width:100%;height:230px;}
.sub_table th div p.top{position:absolute;top:0;right:0px;}
.sub_table th div p.bottom{position:absolute;bottom:-15px;left:0px;}