@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*--------------------전체공통--------------------*//

html, body {width:100%;height:100%; }
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}
form, fieldset, p {margin:0;padding:0;border:0;}

body {font-family:"나눔고딕",Nanum Gothic,'돋움','Arial', sans-serif; font-size:12px; color:#333;  line-height:18px; padding:0px;margin:0px;}


legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:middle;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
label {cursor:pointer;} 
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
select {border:1px solid #ccc; height:20px; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; background:#fff; color:#666666; font-size:12px; margin-right:3px;vertical-align:top;}
input {border:1px solid #ccc; height:20px; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; background:#fff; color:#666666; font-size:12px;vertical-align:middle;}
.input_free {border:0px solid #ccc; height:100%; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; font-size:12px; vertical-align:middle;}


textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none;}
address{font-style:normal;}

A:link{font-size:1em; text-decoration:none;color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}
A:active{font-size:1em; text-decoration:none;color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}
A:visited{font-size:1em;text-decoration:none;color:#5e5e60; selector-dummy : expression(this.hideFocus=true);}
A:hover{font-size:1em; text-decoration:none;color:#5e5e60;text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
a { selector-dummy : expression(this.hideFocus=true);}

h1 { font-size:25px; font-weight:bold; color:#000000; line-height:30px;}



 
/* input-type */
.input2{
	height:100%;
	padding:0px;
 	border:0px solid #E0E0E1;
	font-size:11px; color:#787878;font-family:"나눔고딕",Nanum Gothic,'돋움',dotum;
	margin:3px 0;
}

.input_img{
    height:100%;
 	border:0px solid #E0E0E1;
	font-size:11px; color:#787878;font-family:"나눔고딕",Nanum Gothic,'돋움',dotum;
}

select{height:19px; font-size:12px; color:#7A7A7A; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; border:1px solid #E0E0E1;}
.select2{height:21px; font-size:12px;color:#7A7A7A; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; border:1px solid #abadb3;}



/* 테이블_공통 */
#sub_boody .gray table { width:700px; border-TOP:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; }
#sub_boody .gray table td{ height:36px; padding:4px 0 0 10px; border:1px solid #e4e4e4;}
#sub_boody .gray table .t_bg{ background-color:#f1f1f1; font-weight:bold; text-align:center;}
#sub_boody .gray table .t_bb{ font-weight:bold;}

/* 커서 */
.cursor {cursor:pointer; }


/*--------------------메인 및 공통영역--------------------*/

#wrap{width:100%; margin:0 auto; text-align:center;}



/* 상단영역 */
#top{margin:0 auto; width:100%; margin-bottom:0px; background:#333333; height:98px;}
.outline2{ margin:0 auto; width:967px;  text-align:center;  }
.logo{float:left; width:214px; text-align:center;  }


/* 상단_메뉴영역 */
#menu{width:753px; height:41px; float:right;}
.top_m {float:right; width:753px; height:27px;  padding-top:15px; font-size:11px; text-align:right;}
#menu #navi  { float:left; width:800px; text-align:center; height:56px;}
#menu #navi ul li{ float:left; width:130px; }


/*메인 이미지영역*/
#top_image{margin:0 auto; text-align:center; width:100%; height:553px; }
#top_image .img{margin:0 auto;  width:967px; position:relative; background-image:url(/images/main_bg01.gif); }
#top_image .baner{position:absolute; z-index:1000; top:243px; right:0px; height: 197px;	width: 561px;}

#top_image2{margin:0 auto; text-align:center; width:100%; height:553px; background-image:url(/images/main_bg01.gif);}
#top_image2 .img{margin:0 auto;  width:967px; position:relative;}
#top_image2 .baner{position:absolute; z-index:1000; top:243px; right:0px; height: 197px;	width: 561px;}

/*메인이미지*/
.jBanne ul{margin:0 auto;}
.jBanne ul li{list-style:none;text-align:center;}
.jBanner{text-align:center;height:440px;margin:0 auto; float:left;}

.jBanne2 ul{margin:0 auto;}
.jBanne2 ul li{list-style:none;text-align:center;}
.jBanner2{text-align:center;height:967px;margin:0 auto; float:left;}

/*메인_바디영역*/
#boody{margin:0 auto; width:967px; background:#ffffff; height:170px;}
#boody .contents_01 {width:354px; float:left; margin-top:36px;}
#boody .contents_01 .book{width:354px; padding-top:12px;}

#boody .contents_02 {float:right; margin-top:36px;}
#boody .contents_02 .b{ float:left; width:316px; }
#boody .contents_02 .c{ float:right; width:271px; }

/*footer 영역*/
#footer {margin:0 auto; widht:100%; text-align:center; height:102px; margin-top:50px; border-top:1px solid #EFEFEF; clear:both; }
#footer .footer_00 {margin:0 auto; width:967px; padding-top:20px; text-align:center; }


/*--------------------서브페이지 공통 영역--------------------*/

/*서브페이지 내용페이지 큰틀*/
#sub_boody{width:100%; margin:0 auto; } 
#sub_boody .wrap{width:967px; margin:0 auto;}  

/*서브페이지 공통영역*/
.sub_left{width:234px; float:left; padding-bottom:40px; }
.sub_contents{width:733px;  float:right;}
.main_contents{ width:683px; clear:both; padding-top:80px;}
.main_contents2{ width:683px; clear:both; padding-top:27px;}

.main_contents_admin{ width:100%; clear:both; }
.main_admin{ width:700px; text-align:center; margin:0 auto; clear:both; }
.sub_contents_admin{width:800px; float:left; padding-bottom:40px;}
.sub_left_admin{width:200px; float:left;}
.admin_title{width:170px; height:40px; background:#3e6aca; font-size:16px; font-weight:bold; color:#FFFFFF; padding-top:20px; padding-left:10px;}
.admin_title2{width:170px; height:30px; border-bottom:1px solid #d0d0d0; padding-left:10px; padding-top:8px; }
.admin_log{width:180px; height:43px; text-align:center;}
.logo_admin{ width:100%; padding-top:26px; text-align:center;}


/*서브페이지 위치표시*/
.we{margin:0 auto; width:100%; height:39px; margin-bottom:30px;} 
.we .ny{margin:0 auto; width:967px; font-size:11px; padding-top:10px; color:#a9a9a9; text-align:right; padding-right:25px;}
.we .b{font-weight:bold;}

/*--------------------서브페이지 영역--------------------*/

/*회사소개*/
.peace{ width:100%;}
.peace ul li{ height:90px; border-bottom:1px solid #EFEFEF; text-align:center; padding-top:10px;}
.style4 {font-size: 16px;  font-weight: bold;	color: #000066;}
.style5 {font-size: 10px;	color: #999999;}


/*프로그램소개*/
.tab_menu{ width:700px; float:left; margin-bottom:50px;}

.book{margin:0 auto; text-align:center; width:700px;}
.book ul{ color:#6f6f6f; font-size:11px; font-weight:bold; text-align:center;}
.book ul li {width:200px; float:left; padding:12px; margin-bottom:5px; margin-top:10px;}

.area{width:100%;}
.area table{width:100%;border-top:2px solid #535353; border-bottom:1px solid #a5a5a5;}
.area table td{border-bottom:1px solid #eaeaea;}
.area .sth th{border-bottom:1px solid #eaeaea; padding-left:10px;}
.area .sth td{border-bottom:1px solid #eaeaea; padding-left:10px;}


/** 지점/센터찾기 **/
#divaddress ul.tab { height:29px;  margin-top:10px ;border-bottom:1px solid #ccc ;width:697;}
#divaddress ul.tab li { width:697px; height:45px; float:left; cursor:pointer; text-align:center; background-color:#f2f2f2; border-bottom:none; line-height:45px; border:1px solid #ccc ; }


/*게시판*/
.board_talbe {width:680px; margin:0px auto;}

.board_paging { clear:both; margin:20px 0px 0px 0px; text-align:center; }
.board_paging a { display:inline-block; }
.board_paging span { margin:0 10px; }
.board_paging span a { margin:0 5px; color:#666; }
.board_paging span a:hover, .board_paging span a:focus, .board_paging span a:active {color:#454545; border-bottom:1px solid #ff1313; }
.board_paging span strong { display:inline-block; margin:0 5px; color:#454545; border-bottom:1px solid #454545; }

.btnbox{text-align:center; padding-top:25px;}
.btnbox .btn{display:inline-block; padding:0px 12px 0px 12px; height:25px; line-height:25px; margin:0; background:#454545; border:0 none; border-top-right-radius:5px; border-bottom-left-radius:5px; box-shadow: 1px 1px 3px #999; font-size:13px; color:#fff; vertical-align:middle; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; font-weight:bold;}
.btnbox .btn2{display:inline-block; padding:0px 12px 0px 12px; height:25px; line-height:25px; margin:0; background:#4f477d; border:0 none; border-top-right-radius:5px; border-bottom-left-radius:5px; box-shadow: 1px 1px 3px #999; font-size:13px; color:#fff; vertical-align:middle; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; font-weight:bold;}
.btnbox .btn3{display:inline-block; padding:0px 12px 0px 12px; height:25px; line-height:25px; margin:0; background:#b85e1c; border:0 none; border-top-right-radius:5px; border-bottom-left-radius:5px; box-shadow: 1px 1px 3px #999; font-size:13px; color:#fff; vertical-align:middle; font-family:"나눔고딕",Nanum Gothic,'돋움',dotum; font-weight:bold;}

/*게시판_리스트*/
.board_list {border-collapse:collapse; border-top:2px solid #6b6b6b;}
.board_list thead th:first-child {text-align:center; height:35px; color:#333; border-bottom:1px solid #cccccc; background:#f7f7f7; }
.board_list thead th {text-align:center; height:30px; color:#333; border-bottom:1px solid #cccccc; background:#f7f7f7; padding-top:3px;}
.board_list tbody td:first-child {height:30px; border-bottom:1px solid #cccccc; text-align:center;}
.board_list tbody td {height:30px; border-bottom:1px solid #cccccc;}
.board_list tbody .tt{height:30px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; }
.board_list tbody .tt2{background:#f7f7f7; height:30px; border-bottom:1px solid #cccccc; font-weight:bold; text-align:center; color:#333;}
.board_list .b_bg{background:#f9e8db; font-weight:bold; font-size:13px; color:#bc5000;}




/*게시판_쓰기*/
.board_write {border-collapse:collapse; border-top:2px solid #6b6b6b;}
.board_write th {color:#333; border-bottom:1px solid #cccccc; background:#f6f6f6;text-align:center; }
.board_write td {border-bottom:1px solid #cccccc; text-align:left; padding-left:20px;}
.board_write .input{border:1px solid #dddddd; vertical-align:top;}
.board_write .textarea{border:1px solid #dddddd; resize:none;}


/*게시판_보기*/
.board_view {border-collapse:collapse; border-top:2px solid #6b6b6b;}
.board_view th {text-align:left; color:#333; border-bottom:1px solid #cccccc; background:#f6f6f6; height:40px; padding-left:20px; font-size:15px;}
.board_view td {border-bottom:1px solid #cccccc; text-align:left; padding-left:20px; height:30px;}
.bvinfo {text-align:right !important; padding-right:10px;}
.bvinfo span {font-weight: bold; padding-left:20px;}
.bvcon {padding:20px 20px !important; line-height:1.7em;}
.board_view input{border:1px solid #dddddd; vertical-align:top;}

.bv_pn {border-collapse:collapse; margin-top:40px; border-top:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b; text-align:center;}
.bv_pn tbody th{height:30px; color: #454545; font-weight: normal; font-weight:bold; border-top:1px solid #6b6b6b; background:#f7f7f7;}
.bv_pn tbody td{height:30px; text-indent:25px; text-align: left; border-top:1px solid #6b6b6b; background:#f7f7f7;}


/* 갤러리게시판 */ 
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} 
.title_area{float:none;position:relative;*height:34px;*zoom:1} 
.title_area:after{display:block;clear:both;content:''} 
.obj_section .title_area h4{float:left;height:21px;margin:5px 5px 0 0;} 
.obj_section .title_area h4.hh_photo{width:54px;background-position:0 -88px}

 /* 갤러리 */ 
 .sub_photo li{float:left;position:relative;width:160px;margin-right:5px; margin-left:5px; margin-bottom:30px; margin-top:20px; display:block;} 
 .sub_photo li.last{margin-right:0px; width:160px;} 
 .sub_photo li a strong{display:block;overflow:hidden;padding-right:8px;white-space:nowrap;text-overflow:ellipsis; font-size:13px;} 
 .sub_photo li img{width:160px; height:120px;}
 .sub_photo p.thmb{margin-bottom:3px} 
 .sub_photo .tx_brief{margin-top:2px;padding-right:13px} 
 .sub_photo .tx_brief a{color:#666} 
  
  /* //갤러리 */ /* 각게시판 페이징 */
   .paginate{ padding:16px 0 0;text-align:center; } 
   .paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px; margin-right:1px;padding:2px 4px 3px;border:1px solid #f5f2ed;
                                color:#666;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none} 
   .paginate strong{border:1px solid #928070;color:#f52d2d !important} 
   .paginate .pre{margin-right:6px;padding:5px 6px 2px 14px;_padding-bottom:1px;
                   background:url(http://school.jangone.co.kr/images/t_system/bu_pg3_l_off.gif) no-repeat 6px 5px !important;letter-spacing:-1px} 
   .paginate .next{margin-left:4px;padding:5px 14px 2px 6px;_padding-bottom:1px;
                   background:url(http://school.jangone.co.kr/images/t_system/bu_pg3_r_off.gif) no-repeat 62px 5px !important;letter-spacing:-1px} 
   .paginate a.pre{background:url(http://school.jangone.co.kr/images/t_system/bu_pg3_l_on.gif) no-repeat 6px 6px !important} 
   .paginate a.next{background:url(http://school.jangone.co.kr/images/t_system/bu_pg3_r_on.gif) no-repeat 33px 6px !important}
   .paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width:75px;border:1px solid #b4b4b4;color:#ccc;
                                  font-family:'돋움',Dotum;font-size:11px;line-height:normal} 
   .paginate a.pre,.paginate a.next{color:#565656} 
   .paginate a:hover{border:1px solid #e9e9e9; color:#FFF; background-color:#939393 !important}


/* 커서 */
.cursor {cursor:pointer; }



/*자주하는질문*/

.qna{width:697px; padding-bottom:30px;}

/* FAQ */
 dl.faqList{border-top:3px solid #2e5f92;border-bottom:2px solid #bebebe;margin:0px 0 10px 0;}
 dl.faqList dt{height:30px;border-bottom:1px solid #ddd;padding:14px 0 6px 18px;padding-left:40px; background:url(http://www.jangone.co.kr/school/images/cscenter/qna.gif) no-repeat left center; font-weight:bold; z-index:9;}
 dl.faqList dt a{display:block;}
 dl.faqList dt a.on{ color:#236bb5; background:url(http://www.jangone.co.kr/school/images/cscenter/qna_on.gif) no-repeat right top; z-index:10;}
 dl.faqList dd{background:#f7f8f7; border-top:0px solid #eaebeb; padding:18px 25px 18px; 18px;border-bottom:1px solid #ddd;}
 dl.faqList dd.close{display:none;}
 dl.faqList dd p{padding-left:24px;} 

/* 멤버쉽 */
.login {border:1px solid #d2d2d2;}
.join_ok_t { font-weight:bold; font-size:13px;}
.hr {background-color:#d6d7d9; height:1px;}
.search {border-top:1px solid #c98c0b; border-bottom:1px solid #c98c0b;}
.idpw { font-weight:bold;}


/* 본인인증 */
.join_ptbox{border:1px solid #ddd; background:#f1f1f1; padding:20px; line-height:18px;}
.join_pin_tip {height:45px; padding-top:20px;}
.join_pin_tip li{float:left}
.t-join3_tit {text-align:left; padding:10px 0 10px 20px; color:white; font-weight:bold; background-color:#808080;}
.t-join3_box {text-align:left; padding:10px 20px 10px 20px; line-height:150%; border:1px solid #e0e0e0;}
	.tj1 {color:black; padding-bottom:15px;}
	.tj2 {color:#848484; padding-bottom:15px;}
	.tj3 {color:#205282; font-weight:bold; padding:20px;}
	.tj4 {border-top:1px solid #e0e0e0; padding:10px 0 0 16px; color:#8b8b8b; width:683px;}
	.tj4 img {vertical-align: middle; margin-left:-16px;}
.join_btn {width:697px; text-align:center; padding-bottom:50px;}


/* 가입양식 */
.join_fm {border-collapse:collapse; width:697px; margin:0px auto; border-top:2px solid #0c4da1; border-bottom:2px solid #0c4da1;}
.join_fm th{width:90px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:5px 25px; text-align:left; height:30px;}
.join_fm td{border-bottom:1px solid #eaeaea; padding:5px 10px; text-align:left; font-size:11px;height:30px;}
.join_fm img{vertical-align: middle;}


/* 사이트맵 */
.sitemap{width:204px; float:left; padding-right:18px;}
.sitemap ul{width:204px;}
.sitemap ul li{height:28px; border-bottom:1px solid #dddddd; margin-top:15px; }
.sitemap ul .site{height:35px; padding-top:15px; border-bottom:0px solid #dddddd;}
.sitemap .su { height:160px; padding-left:15px;}
.sitemap .su2{ height:50px; padding-left:15px;}
.sitemap .su22{ height:70px; padding-left:15px;}
.sitemap .su3{ height:110px; padding-left:15px;}


/* 퀵메뉴 */
.quick { position:fixed; _position:absolute; width:59px; top:98px; right:0px;  height:440px;  background:#e7e7e7; z-index:1100;}
.quick ul{width:59px;}
.quick ul .top{padding-top:10px;}


/* 교사지원시스템 */
.order_title { color:#CC0000; font-size:14px; font-weight:bold;}



/* 프로그램소개 */
.bm_tab5 {width:683px; height:35px;}
.bm_tab5 li{float:left; width:136px; height:35px; line-height:35px; background:#B7B7B7; text-align:center;}
.bm_tab5 li a {color:#fff;font-weight: bold; display:block;}
.bm_tab5 li a:hover, .bm_tab4 li a:visited, .bm_tab4 li a:active {color:#fff;font-weight: bold; display:block;}
.bm_tab5 .on{color:#fff;font-weight: bold;  width:139px; background:#f5b333;}

.bm_tab4 {width:683px; height:35px;}
.bm_tab4 li{float:left; width:170px; height:35px; line-height:35px; background:#B7B7B7; text-align:center;}
.bm_tab4 li a {color:#fff;font-weight: bold; display:block;}
.bm_tab4 li a:hover, .bm_tab4 li a:visited, .bm_tab4 li a:active {color:#fff;font-weight: bold; display:block;}
.bm_tab4 .on{color:#fff;font-weight: bold;  width:173px; background:#f5b333;}

.bm_tab3 {width:683px; height:35px;}
.bm_tab3 li{float:left; width:227px; height:35px; line-height:35px; background:#B7B7B7; text-align:center;}
.bm_tab3 li a {color:#fff;font-weight: bold; display:block;}
.bm_tab3 li a:hover, .bm_tab4 li a:visited, .bm_tab4 li a:active {color:#fff;font-weight: bold; display:block;}
.bm_tab3 .on{color:#fff;font-weight: bold;  width:229px; background:#f5b333;}


.bm_tab_s {width:683px; height:35px; border-bottom:#c0c0c0 solid 1px; background:#f4f4f4; overflow:hidden;}
.bm_tab_s li{width:15%; display:inline; float:left; line-height:35px; color:#666; font-size:11px; text-align:center; }
.bm_tab_s li a{font-size:11px;}
.bm_tab_s li.on, .bm_tab_s li.on a, .bm_tab_s li a:hover{color:#fab000; font-weight:bold;}


.table01 {border-collapse:collapse; width:697px;}
.table01 thead th{text-align:center; border-top:2px solid #deb357; border-right:1px solid #deb357; border-bottom:1px solid #deb357; color:#000; background:#fff2c1; height:30px;}
.table01 thead .last{text-align:center; border-top:2px solid #deb357; border-right:0px solid #deb357;  border-bottom:1px solid #deb357;color:#000; background:#fff2c1; height:30px;}
.table01 thead .c_top{text-align:center; border-top:1px solid #deb357; border-right:0px solid #deb357;  border-bottom:1px solid #deb357;color:#000; background:#fff2c1; height:30px;}
.table01 thead .c_top02{text-align:center; border-top:1px solid #deb357; border-right:1px solid #deb357;  border-bottom:1px solid #deb357;color:#000; background:#fff2c1; height:30px;}
.table01 thead .c_top_last{text-align:center; border-top:1px solid #deb357; border-right:0px solid #deb357;  border-bottom:1px solid #deb357;color:#000; background:#fff2c1; height:30px;}
.table01 tbody th{text-align:center; background:#f6f6f6; border-bottom:1px solid #ddd; padding:7px 7px 7px 7px;}
.table01 td{text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:7px 7px 7px 7px; letter-spacing:-0.02em;}
.table01 .td_ny{text-align:left; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:7px 7px 7px 10px; letter-spacing:-0.02em;}