@charset "utf-8";


/* 기본 좌우 정렬 */
.divide_hor { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide_hor .desc { margin: auto 0; width:75%; }
.divide_hor .pic { width:15%; }
.divide_hor .pic img { width:100%; }



/* 오른쪽 퀵메뉴 */
#floatMenu { position: absolute; top:350px; right:3%; width:; z-index:10; }
#floatMenu li img { width:100%;}	

body.bg { background:url(../images/bg_top.jpg) top center repeat-x;}
.visual{ width:100%; z-index:1; height:300px;  overflow:hidden; background-color:#CCCCCC }
#container{ width:1300px; overflow: hidden; margin: 50px auto 80px; }

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

#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:50px; border-bottom:1px #595959 solid; }
.wrap_title>#subtitle {position: absolute;  font-weight:600; font-size:28px; color:#343434;  }
.wrap_title>#map { position: absolute; right:0px; top:19px; color: #979797; font-size: 12px; background:url(../images/dot_home.png) no-repeat 0 5px; padding-left:18px; }



/* 섹션에 모양 더하기 */
#content>.line{padding-bottom:30px; border-bottom:1px #CCC dashed; } 
#content>.border{border:3px #E5E5E5 solid; padding: 15px; } 

/* 기본 섹션 */
#content{ float:left; width:950px; }
#content>.section{ margin: 60px 0 0 0; }
#content>.section>h1 {color: #333333; font-size:1.4em; line-height:1em; font-weight:bold; border-top: 2px #d2d2d2 solid;border-bottom: 1px #d2d2d2 solid; padding :10px 0;   }

#content>.section>h3 { color: #222; font-size:40px; line-height:55px; letter-spacing:-1.0px; }
#content>.section>h3 strong { color:#ff5a00;}
#content>.section>span { font-size:20px; font-weight:600; color:#2d2d2d; }

#content>.nav { margin-top:40px;  }


/* 셔틀버스 */
#content .bus{ width:48%; margin: 0 1%; float:left; }
#content .bus .tb1 td{ padding:5px !important;  }



/* 테이블 */
.tbl { color: #434343;  width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse; border-top:1px #fcbf00 solid;   }
.tbl caption {color: #454545; font-size: 16px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 9px;  padding-left:20px; text-align:left; }
.tbl th{border:1px #d2d2d2 solid; padding:10px;font-size: 0.95em; background: #fafafa; }
.tbl td{border:1px #d2d2d2 solid; padding:10px;font-size: 0.95em; }
.tbl thead {background-color:#f6fcff; color:#222222; font-weight:800;}
#content .tbl_bottom { margin-top:5px;  color: #333333; font-size: 12px; }

.tb1 { color: #333333;  width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse; border-top:2px #4c4c4c solid;   }
.tb1 caption {color: #333333; font-size:1.4em; line-height:1em; font-weight:bold; border-left: 4px #ff5a00 solid; padding-left:8px;  text-align:left; margin-bottom: 20px;}
.tb1 th{border:1px #d2d2d2 solid; padding:10px; font-weight:500; font-size:0.95em; background: #f3f3f3; }
.tb1 td{border:1px #d2d2d2 solid; padding:10px; font-size: 0.95em; }
.tb1 td.bg1{ background:#fafafa; text-align:center; }
.tb1 td.bg2{ background:#fff9de; }
.tb1 td.bg3{ background:#daffab; }
.tb1 td strong {color:#; }
.tb1 td span { font-weight:600; color:#00F; }
.tb1 thead {background-color:#f6fcff; color:#222222; font-weight:800;}
#content .tbl_bottom { margin-top:5px;  color: #333333; font-size: 12px; }





/* 로그인폼 */
.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; background:url(../images/tab_menu.gif) repeat-x bottom;  font-weight:bold; font-size:15px; color:#000}
#tabmenu ul li,#tabmenu ul li a{ background:#efefef; }
#tabmenu ul li{float:left;line-height:44px; width:25%;}
#tabmenu ul li a{display:inline-block;width:100%; 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:#3a8fe5; border-bottom: 1px #3a8fe5 solid;}
#tabmenu ul li.on a{color:#fff}

#tabcontent1{}
#tabcontent2{}
/* //탭메뉴 */




/* 탭메뉴2 */
#tabmenu2{ position:relative;overflow:hidden;   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{}



/* 운전학원 */

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

#content h2 {color: #333333; font-size:1.4em; line-height:1.4em; font-weight:bold; border-left: 4px #ff5a00 solid; padding-left:8px;  }
#content h2+table {margin-top: 20px;}

#content .tbBottom { margin-top:5px; color: #333333; font-size: 12px; }
#content .text1 { margin-top:5px; color: #333333; font-size: 13px; line-height: 21px; }
#content .text1 strong{ color:#279293 }
#content .text2 { margin-left:15px; list-style:circle; color: #535353; font-size: 13px; margin-top:10px; line-height:21px; }
#content .text2 strong{ color:#279293 }
#content .img{ margin-top:7px; }
#content .contentsBox { border:1px #f5f5f5 solid; background:#fdfdfd;margin-top:8px; overflow:hidden; padding:10px; }

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

ol.listNum {margin-left:23px;}
ol.listNum > li { list-style: decimal !important;  color: #333; font-size: 1.0em; margin-top:10px; line-height:20px; }


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:#ee1a1a;}
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; }