@charset "utf-8";

body.bg { background:url(../images/bg_top.jpg) top center repeat-x;}

/* 상단이미지 */
.subtop_01{ position:relative; width:100%; height:300px; padding-top:; overflow:hidden; background:url(../images/subtop_01.jpg) center no-repeat; background-size:cover; }
.subtop_02{ position:relative; width:100%; height:300px; padding-top:; overflow:hidden; background:url(../images/subtop_02.jpg) center no-repeat; background-color:#; }
.subtop_03{ position:relative; width:100%; height:300px; padding-top:; overflow:hidden; background:url(../images/subtop_03.jpg) center no-repeat; background-color:#; }
.subtop_04{ position:relative; width:100%; height:300px; padding-top:; overflow:hidden; background:url(../images/subtop_04.jpg) center no-repeat; background-color:#; }
.subtop_05{ position:relative; width:100%; height:300px; padding-top:; overflow:hidden; background:url(../images/subtop_05.jpg) center no-repeat; background-color:#; }

.subtoptext {position:absolute; top:0; left:50%; width:1200px; margin-left:-600px; font-size:24px; font-weight:400; color:#318393; letter-spacing:-0.5px; text-align:; }
.subtoptext strong { display:block; margin-top:10px; font-weight:; font-size:30px; line-height:35px; letter-spacing:-0.5px; }


#container{ width:1200px; overflow: hidden; margin: 40px auto 0; }

/* 네비영역 */
#snb{ float:left; width:200px; margin-right:50px; margin-top: 0px; min-height: 100%; }
#snb  #title { font-weight:600;  color:#343434; font-size:26px; }

#snb .nav ul { margin-top:7px;  overflow:hidden;}
#snb .nav ul a{ line-height:40px; color: #333333; font-size: 15px;  display:block;padding-left:15px; height:38px;  background-color:#fff; border:1px #dedede solid;}
#snb .nav ul li{ float:left;  margin-top:5px;width:200px; }
#snb .nav ul li.on a{ color:#fff; background:url(../images/bg_nav_on.png) right; font-weight:500; height:40px; border:none;}
#snb .banner li{ margin-top:20px;}

/* 서브타이틀영역 */
.wrap_title { position:relative; width:950px; height:44px; border-bottom:2px #595959 solid; }
.wrap_title > #subtitle {position: absolute;  font-weight:600; font-size:23px; color:#343434;  }
.wrap_title > #map { position: absolute; right:0px; top:19px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 0px; padding-left:18px; }


/* 컨텐츠영역 */
#content{ float:left; width:950px; }
#content .section{ margin: 35px 0 0 0; }
#content .line_section{padding-bottom:30px; border-bottom:1px #CCC dashed; }  /* 섹션영역 밑줄 */
#content h1 { color: #454545; font-size: 16px; line-height:29px;font-family: '맑은 고딕';  padding-bottom:0px; }
#content h2 {font-family: '맑은 고딕';color: #454545; font-size: 18px ; margin-bottom:5px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 9px;  padding-left:15px; text-align:left; }
#content h3 { color: #2d2d2d; font-size:30px; line-height:38px; padding-left:; padding-bottom:0px; margin-top: ; }
#content strong { color:#2d2d2d;}

#content .section .indent_content { padding-left:20px;  }


/* 운전학원 컨텐츠영역 */

#content .wrapper{ margin: 35px 0 0 0; }
#content .wrapper2{ margin: 35px 0 0 0; padding-bottom:30px; border-bottom:1px #CCC dashed; }
#content .wrapper3{ margin: 35px 0 0 0; padding-bottom:40px; background:url(../images/line_01.png) repeat-x bottom;}



dl.topSummary {  overflow:hidden;background-position:right top; background-repeat:no-repeat;}
dl.topSummary dt { color: #31497c; font-size: 24px; line-height:34px;}
dl.topSummary dd { color: #444; font-size: 14px; padding-right:220px;  margin-top:20px; line-height:24px;background-position:right top; background-repeat:no-repeat;}
dl.topSummary dd strong { color:#884c05;}
dl.topSummary  .btn > a{ display:block;width:140px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'맑은 고딕' ; font-weight:bold; font-size:13px;}
dl.topSummary  .btn > a:hover{ background: #000; }




.list1 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '맑은 고딕'; color: #333; font-size: 13px; margin-top:10px; line-height:20px; }
.list2 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '맑은 고딕'; color: #333; font-size: 13px; margin-top:10px; line-height:20px; }

ol.listNum {margin-left:23px;}
ol.listNum > li { list-style: decimal !important;  font-family: '맑은 고딕'; color: #333; font-size: 13px; margin-top:10px; line-height:20px; }








/* 테이블 */
.tb1 { color: #333; font-size:15px; width:100%; border-top:2px #4e4e4e solid; padding:0;border-spacing:0;border-collapse:collapse;   }
.tb1 caption { color: #454545; font-size:17px; line-height:29px; background:url(../images/dot_title.png) no-repeat 0px 9px; padding-left:20px; padding-bottom:0px; font-weight:bold; text-align:left; margin-bottom:10px; }
.tb1 th{background:#f5f5f5; border:1px #d0d0d0 solid; padding:10px; text-align:center; line-height:25px; }
.tb1 td{border:1px #d0d0d0 solid; padding:10px; line-height:25px; text-align:; }
.tb1 td.center{ text-align:center; }
.tb1 td.bg1{ background:#f5f5f5; color:#454545; text-align:center;}
.tb1 td.bg2{ background:#fff8d1; font-weight:500; color:#c71e1e; text-align:;}
.tb1 td a { color:#265eab}
.tb1 th .bold, .tb1 td .bold {color:#dd3f3f;}
.tb1 td li{ margin:5px 0;}
.tb1 thead {background:#fdfdfd; color:#35495d; font-size:15px; }
#content .tbBottom { margin-top:10px; color: #333333; font-size: 15px; }

/* 테이블 */
.tb2 { color: #333; font-size:20px; width:100%; border-top:2px #4e4e4e solid; padding:0;border-spacing:0;border-collapse:collapse;   }
.tb2 caption { color: #454545; font-size:; line-height:29px; background:url(../images/dot_title.png) no-repeat 0px 9px; padding-left:20px; padding-bottom:0px; font-weight:bold; text-align:left; margin-bottom:10px; }
.tb2 th{background:#f5f5f5; border:1px #d0d0d0 solid; padding:20px 10px; text-align:center; line-height:25px; }
.tb2 td{border:1px #d0d0d0 solid; padding:20px 10px; line-height:25px; text-align:; }
.tb2 td.center{ text-align:center; }
.tb2 th.bg1{ background:#f5f5f5; color:#0067b6; text-align:center;}
.tb2 td.bg2{ background:#fff8d1; font-size:1.7em; font-weight:800; color:#f00; }
.tb2 td a { color:#265eab}
.tb2 th .bold, .tb2 td .bold { font-size:1.5em; font-weight:600; color:#F00;}
.tb2 td li{ margin:5px 0;}
.tb2 thead {background:#fdfdfd; color:#; font-size:; }
#content .tbBottom { margin-top:10px; color: #333333; font-size: 15px; }


/* 로그인폼 */
.loginBox { width:210px; overflow: hidden;  margin-top:20px;}
.loginBox fieldset { width:206px; height:125px; margin:8px 0px 0px 0px; border:2px #dbdbdb solid; overflow: hidden;}
.loginBox fieldset > .form { width:187px; height:59px; margin:12px 0 0 9px;}
.loginBox fieldset > .form > .wrapid{ width:119px; height:59px; float:left; overflow: hidden;}
.loginBox fieldset > .form  > .wrapid input { width:117px; height:25px; border:1px #dbdbdb solid; background-color:#ededed;}
.loginBox fieldset > .form > .btn { width:59px; height:59px; float:left; margin-left:9px;}
.loginBox fieldset > #idsave {  margin:7px 0 0 9px; }
.loginBox fieldset > #idsave + label { font-size:11px; font-weight:bold; margin-left:5px; line-height:11px;}
.loginBox .etc { width:160px;  margin:4px 0px 0px 12px;}
.loginBox .etc > a { font-size:11px; color:#5f6164;}
.loginBox fieldset > .form > .info  { text-align:center; font-size:14px; color:#7e7169; margin-top:26px;}
.loginBox fieldset > .form > .info > strong { color:#763a0d;}
.loginBox fieldset > .form > .logout  { text-align:center; font-size:14px; color:#000; margin-top:19px; font-weight:bold;}


/* 탭메뉴 */
#tabmenu {
	position:relative;
	overflow:hidden;
	color:#646464;
	font-weight:bold;
    background-color:#;
	
	margin:auto;
}
#tabmenu ul li, #tabmenu ul li a {
	font-family:'맑은 고딕';
	font-size:13px;
}
#tabmenu ul li {
	float:left;
	line-height:31px;
	margin-left:7px;
	border:1px #b4c4d7 solid;
	box-shadow:3px 3px 0px rgba(0, 0, 0, 0.2);
}
#tabmenu ul li:first-child {
	margin-left:0;
}
#tabmenu ul li a {
	display:inline-block; padding:0 15px;
	min-width:73px;
	
	height:35px;
	text-align:center;
	background-position: 100% 0;
	cursor:pointer;
	text-decoration:none !important
}
#tabmenu ul li a:hover {
	color:#000
}
#tabmenu ul li.on, #tabmenu ul li.on a {
	background:#0f3e78;
	border:1px #0f3e78 solid;
}
#tabmenu ul li.on a {
	color:#fff;
	border:0px #ff1e50 solid;
}

#tabmenu ul li a.sec {
	
	width:102px;

}




/* 탭메뉴2 */
#tabmenu2{ position:relative;overflow:hidden;  font-family: '나눔고딕','Nanum Gothic'; font-weight:600; font-size:15px; color:#000}
#tabmenu2 ul li,#tabmenu2 ul li a{background:url(../images/bg_tab2_off.gif) no-repeat; }
#tabmenu2 ul li{float:left;line-height:44px; width:25%; border-bottom: 1px #987542 solid;}
#tabmenu2 ul li a{display:inline-block;width:100%; text-align:center; background-position: 100% 0;cursor:pointer;text-decoration:none !important}
#tabmenu2 ul li a:hover{color:#000}
#tabmenu2 ul li.on,#tabmenu2 ul li.on a{background-image:url(../images/bg_tab2_on.gif); border-bottom: none;}
#tabmenu2 ul li.on a{color:#3376b8}

#tabcontent21{}
#tabcontent22{}


/* 셔틀버스 */
.shuttleWrap { overflow:hidden; margin-top:14px;}
.shuttleWrap .bus {  float:;width:100%; margin:0;}
.shuttleWrap .bus table{width:100%;color: #333; font-size: 13px; border-top:2px #119b7e solid; padding:0; border-spacing:0;border-collapse:collapse;  font-family: '맑은 고딕'; margin-top:10px;  }

.shuttleWrap .bus  th{border:1px #CCCCCC solid; padding:6px; }
.shuttleWrap .bus  td{border:1px #CCCCCC solid; padding:10px 20px; line-height:24px; }
.shuttleWrap .bus  thead {background:#faf4f0; color:#604029; font-size:13px; font-weight:800;}