@charset 'utf-8';

/* CSS Document */

body{ background:#fff;}
h2.title{ background:url('/images/template/common/bullet.png') no-repeat 0 2px; padding-left:24px; font-size:15px; line-height:20px; margin-bottom:15px; clear:both; min-height:20px;}
h3.title_bg{ color:#000; padding:10px; margin-top:25px; font-size:16px; background:#f9f9f9; line-height:30px;}
h3.title_bg span{ float:right; font-family:Dotum; }
h4.title{ color:#000; padding:10px; font-size:14px; background:#f9f9f9;}
.bg_none{ background:none !important;}

.ready{ background:url('/images/template/common/edume.gif') no-repeat 50% 0; text-align:center; width:100%; height:100px; font-family:NGNormal; font-size:30px; padding-top:200px; margin-top:50px; float:left;}

/*퀵메뉴*/
#quick_menu{ background:url("/images/template/00005/common/quick_menu.png") no-repeat 0 0; width:100px; height:355px; position:absolute; top:0; right:-120px; text-align:center;}
#quick_menu h2{ color:#e9f0fc; font-size:12px; line-height:31px;}
#quick_menu ul{ margin:6px 0;}
#quick_menu ul li{ font-family:NGNormal; font-size:11px; line-height:17px; padding:4px 0 4px; }
#quick_menu ul li + li{ border-top:1px dashed #ddd;}
#quick_menu ul li a{ display:block;}
#quick_menu ul li a:hover{ color:#4370b9;}

/*공통*/
.bullet{ background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; line-height:18px; margin-top:5px; }

.bullet_ul li{ background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; line-height:18px; margin-top:5px; }
.bullet_ul li:first-child{ margin-top:0;}

.bullet_ul02{ background:#fcfcfc; padding:2%;}
.bullet_ul02 li{ background:url('/images/template/common/gray_dot.gif') no-repeat 0 7px; padding-left:6px; line-height:18px; margin-top:5px; color:#666; }
.bullet_ul02 li:first-child{ margin-top:0;}

.img_ul{ text-align:center; margin-top:20px; border:1px solid #e8e8e8; padding:20px 0;}
.img_ul li{ display:inline-block; vertical-align:middle; margin-bottom:10px;}
.img_ul li span{ display:block; padding-top:10px;}
.arrow_r{ margin-right:5px; margin-top:-30px;}
.arrow_b{display:none !important;}

.common_ul{ line-height:20px; margin-left:25px;}
.common_ul>li { margin-top:5px;}
.common_ul>li:first-child { margin-top:0;}
.common_ul li strong{ font-weight:bold; color:#2480d0; }
.common_ul li ul{ margin:5px 0 0 20px;}

.common_ul02{ line-height:20px; }
.common_ul02>li { margin-top:5px; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; color:#1272c4;}
.common_ul02>li:first-child { margin-top:0;}
.common_ul02 li strong{ font-weight:bold; color:#c95c2d; }

.common_ul03 {line-height:20px;}
.common_ul03>li { margin-top:5px;}
.common_ul03>li:first-child { margin-top:0;}

.common_ul04{ line-height:20px; }
.common_ul04>li { margin-top:5px; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; }
.common_ul04>li:first-child { margin-top:0;}
.common_ul04 li strong{ font-weight:bold; color:#2480d0;  }

.common_ul05{ line-height:20px; }
.common_ul05>li { margin-top:5px; background:url("/images/template/common/bullet06.gif") no-repeat 0 7px; padding-left:8px; }
.common_ul050225>li { margin-top:-3px; background:url("/images/template/common/bullet06.gif") no-repeat 0 10px; padding-left:8px; }
.common_ul05>li:first-child { margin-top:0;}
.common_ul05 li s

.common_dl{ line-height:18px;}
.common_dl dt{ font-weight:bold; color:#2480d0; font-size:14px; line-height:20px; margin-bottom:5px;}

.common_dl02{ line-height:18px; margin-left:25px;}
.common_dl02 dt{ font-weight:bold; color:#2480d0; font-size:14px; line-height:20px; margin-bottom:5px;}
.common_dl02 dd{ margin-bottom:15px;}

.common_dl03{ line-height:18px; margin-left:25px;}
.common_dl03> dt{ font-weight:bold; color:#2480d0; line-height:20px; }
.common_dl03> dd{ margin:5px 0 15px 5px;}

.common_dl04{ line-height:18px; }
.common_dl04 dt{ line-height:20px; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; font-weight:bold; }
.common_dl04 dd{ margin:5px 0 15px 12px;}
.common_dl04 dd li{ margin-bottom:3px;}

.common_dl05{ line-height:18px; }
.common_dl05> dt{ font-weight:bold; color:#2480d0; }
.common_dl05> dd{ margin:5px 0 15px 0;}

.common_dl06{ line-height:18px; }
.common_dl06> dt{ font-weight:bold; color:#2480d0; border-top:1px dashed #eee; padding-top:15px; }
.common_dl06> dt:first-child{border-top:0 none; padding-top:0; }
.common_dl06> dd{ margin:5px 0 15px 0;}

.web{ display:block;}
.mobile{ display:none;}

.dot_line{ border-bottom:1px dashed #ddd; height:1px; width:100%; margin:20px 0; }
strong.red{ color:#d9491c !important;}
strong.blue{ color:#1e7bcb !important;}
.imgsize{ text-align:center;}
.img_m{ vertical-align:middle; margin:0 3px 2px 0; line-height:16px;}
p.txt{ margin:10px 0; line-height:18px;}

a.link:hover{ color:#0091d1; text-decoration:underline;}


/*box*/
.box_1px{ width:93%; border:1px solid #e8e8e8; background:#fff; padding:18px 3.5%; margin-bottom:3%; line-height:20px;}
.box_1px.img01{ width:93%; border:1px solid #e8e8e8; padding:18px 3.5%; margin-bottom:3%; background:url('/images/template/common/img_01.png') no-repeat 98% 50%; }
.box_1px.img01 ul{ width:80% !important;}
.box_1px_01{ width:94%; border:1px solid #e8e8e8; background:#fff; padding:10px 3%; line-height:20px; color:#555;}
.box_2px{ width:92.5%; border:2px solid #e8e8e8; padding:18px 3.5%; margin-bottom:3%;}
.box_2px h3.title{ font-size:18px; color:#555; margin-bottom:15px;}
.box_2px.img03{ width:93%; border:1px solid #e8e8e8; padding:18px 3.5%; margin-bottom:3%; background:url('/images/template/common/img_03.png') no-repeat 90% 50%; }
.box_2px.img03 dl{ width:50% !important;}

.bg_box{ margin:10px 0; padding:15px; background:#f2f2f2; text-align:center; font-family:NGBold; font-size:14px; }
.bg_box02{ margin:10px 0; padding:15px; background:#f9f9f9; text-align:left; line-height:20px; }
.bg_box03{ margin:10px 0;  background:#f9f9f9; text-align:left; line-height:20px; }
.bg_box04{ margin:5px 0 10px; padding:10px 10px 5px; background:#fafafa; text-align:left; line-height:18px; font-size:11px; color:#666; }
.bg_box05{ margin:10px 0; padding:15px; background:#fafafa; border:1px solid #eee; text-align:left; line-height:20px;  }

/* 알려드립니다! (checkPoint Guide) */
.checkPoint { padding:20px; margin:0 0 40px; line-height:1.4; border:1px solid #ddd; background:#fbfbfb}
.checkPoint .title { margin:0 0 20px; background:url('/images/template/common/checkpoint_title.png') no-repeat 0 0; width:100px; height:17px; text-indent:-500000px;}
.checkPoint .listTy2 { margin-top:-8px}
.checkPoint .listTy2 li { margin-top:8px; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px;}
.checkPoint .listTy2 li strong{color:#1272c4; font-weight:normal;}


/* 버튼 */
.btn_l{ text-align:left; margin:15px 0;}
.btn_c{ text-align:center; margin:15px 0;}
.btn_r{ text-align:right; margin:15px 0;}

.btn strong{ color:#1e7bcb;}
/*흰색버튼*/
.btn1, .btn1 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#626262 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 0 no-repeat; }
.btn1 .btn { margin-bottom:3px; display:block; padding:0 15px 0 12px; cursor:pointer; vertical-align:top !important; text-align:center; font-size:12px; height:31px; line-height:33px; background-position:100% 0; font-weight:bold; }
/*작은그레이버튼*/
.btn2, .btn2 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#444 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -40px no-repeat; }
.btn2 .btn { margin-bottom:3px; display:block; padding:0 13px 0 10px; cursor:pointer; vertical-align:top !important; text-align:center; font-size:11px; height:25px; line-height:27px; background-position:100% -40px; }
/*작은흰색버튼*/
.btn3, .btn3 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#444 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -80px no-repeat; }
.btn3 .btn { display:block; padding:0 10px 0 7px; cursor:pointer; vertical-align:top !important; font-weight:normal; text-align:center; font-size:11px; height:23px; line-height:25px; background-position:100% -80px; }
/*검색버튼*/
.btn4, .btn4 .btn {display:inline-block; margin:0; padding:0 0 0 25px; overflow:visible; vertical-align:middle; color:#444 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -120px no-repeat; }
.btn4 .btn { font-family:Dotum; display:block; padding:0 10px 0 0; cursor:pointer; vertical-align:top !important; text-align:center; font-size:11px; height:23px; line-height:25px; background-position:100% -120px; }
/*파란색버튼*/
.btn5, .btn5 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#fff !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -160px no-repeat; }
.btn5 .btn { display:block; padding:0 20px 0 17px; cursor:pointer; vertical-align:top !important; text-align:center; font-weight:bold; font-size:14px; height:36px; line-height:38px; background-position:100% -160px; }
/*파란색 작은버튼*/
.btn6, .btn6 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#fff !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -240px no-repeat; }
.btn6 .btn { display:block; padding:0 13px 0 10px; cursor:pointer; vertical-align:top !important; text-align:center; font-weight:bold; font-size:12px; height:27px; line-height:29px; background-position:100% -240px; }
/*검정색 작은버튼*/
.btn7, .btn7 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#fff !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -280px no-repeat; }
.btn7 .btn { display:block; padding:0 23px 0 20px; cursor:pointer; vertical-align:top !important; text-align:center; font-weight:bold; font-size:14px; height:40px; line-height:42px; background-position:100% -280px; }
/*다운로드버튼*/
.btn8, .btn8 .btn {display:inline-block; margin:0; padding:0 0 0 25px; overflow:visible; vertical-align:middle; color:#444 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -320px no-repeat; }
.btn8 .btn { font-family:Dotum; display:block; padding:0 10px 0 0; cursor:pointer; vertical-align:top !important; text-align:center; font-size:11px; height:23px; line-height:25px; background-position:100% -320px; }
/*흰색큰버튼*/
.btn9, .btn9 .btn {display:inline-block; margin:0; padding:0 0 0 3px; overflow:visible; vertical-align:middle; color:#333 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url('/images/template/common/btn_bg.png') 0 -200px no-repeat; }
.btn9 .btn { font-family:Dotum; display:block; padding:0 20px 0 17px;; cursor:pointer; vertical-align:top !important; text-align:center; font-weight:bold; font-size:14px; height:36px; line-height:38px; background-position:100% -200px; }

/*달력버튼*/
.btnCalendar { display:inline-block; width:25px; height:25px; margin-left:4px; overflow:hidden; text-indent:-999px; vertical-align:middle; white-space:nowrap; background:url('/images/template/common/Calendar.gif') 0 0 no-repeat; }
.btnCalendarDisabled { display:inline-block; width:25px; height:25px; margin-left:4px; overflow:hidden; text-indent:-999px; vertical-align:middle; white-space:nowrap; background:url('/images/template/common/Calendar.gif') 0 0 no-repeat; cursor:default !important; opacity:0.4 !important; filter:alpha(opacity=40) !important; }


/*탭*/
.tabTy1 { width:100%;  text-align:left;}
.tabTy1 ul { width:100%; overflow:hidden; margin:-5px 0 0 -2%; }
.tabTy1 ul li { float:left; margin:5px 0 0 2%; width:22.9%; }
.tabTy1 ul li a { float:left; border:1px solid #e0e0e0; display:block; background:#fff url('/images/template/common/tab_arrow.png') no-repeat 93% 12px; padding:2px 0 0 5%; width:95%; line-height:25px; display:block; color:#444; }
.tabTy1 ul li a:hover { border:none; border-left:1px solid #de7a32; border-right:1px solid #de7a32; background:#de7a32 url('/images/template/common/tabon_arrow.png') no-repeat 93% 12px; width:95%; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:27px; }
.tabTy1 ul li.on a { border:none; border-left:1px solid #de7a32; border-right:1px solid #de7a32; background:#de7a32 url('/images/template/common/tabon_arrow.png') no-repeat 93% 12px; width:95%; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:27px; }

.tabTy1_1 { width:100%;  text-align:left;}
.tabTy1_1 ul { width:100%; overflow:hidden; margin:-5px 0 0 -2%; }
.tabTy1_1 ul li { float:left; margin:5px 0 0 2%; width:22.9%; }
.tabTy1_1 ul li a { float:left; border:1px solid #e0e0e0; display:block; background:#fff url('/images/template/common/tab_arrow.png') no-repeat 93% 12px; padding:2px 0 0 5%; width:95%; line-height:25px; display:block; color:#444; }
.tabTy1_1 ul li a:hover { border:none; border-left:1px solid #2480d0; border-right:1px solid #2480d0; background:#2480d0 url('/images/template/common/tabon_arrow.png') no-repeat 93% 12px; width:95%; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:27px;  }
.tabTy1_1 ul li.on a { border:none; border-left:1px solid #2480d0; border-right:1px solid #2480d0; background:#2480d0 url('/images/template/common/tabon_arrow.png') no-repeat 93% 12px; width:95%; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:27px;  }

.tabTy2 { width:100%; text-align:center; margin-bottom:30px; }
.tabTy2 ul { width:100%; background:#616161; }
.tabTy2 ul:after {display:block; content:''; clear:both;}
.tabTy2 ul li { float:left; height:40px; padding:0 3%; background:url('/images/template/common/tab_line.gif') repeat-y 0 0;}
.tabTy2 ul li a { float:left; display:block; height:40px; line-height:40px; display:block; color:#ccc; font-size:13px; font-family:NGBold; }
.tabTy2 ul li a:hover { color:#fff; }
.tabTy2 ul li.on { background:#de7a32; }
.tabTy2 ul li.on a { background:url('/images/template/common/tabon_arrow02.png') no-repeat 50% 100%; color:#fff; font-weight:bold; padding-bottom:5px; }

.tabTy3 { width:100%;  text-align:left;}
.tabTy3 ul { width:100%; overflow:hidden; margin:-5px 0 0 -2%; }
.tabTy3 ul li { float:left; margin:5px 0 0 2%; width:22.9%; }
.tabTy3 ul li a { float:left;  display:block; background:#2480d0 url('/images/template/common/tabon_arrow.png') no-repeat 93% 12px; padding:2px 0 0 5%; width:95%; line-height:25px; display:block; color:#fff; }


/*테이블*/
.tableTy1 {width:100%; overflow:hidden; border-top:2px solid #818181; clear:both;}
.tableTy1 table.data {width:100%; background:#fff; margin-left:-1px; }
.tableTy1 table.data th {padding:12px 3px 10px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#555; font-size:11px; line-height:16px; background-color:#fcfcfc;}
.tableTy1 table.data th.bd_l { border-left:1px solid #cdcdcd !important;}
.tableTy1 table.data td {padding:12px 12px 10px; border-bottom:1px solid #dedede; border-left:1px solid #dedede; color:#666; line-height:18px;}
.td_bg{ background-color:#fcfcfc;}

/* 라운드 테이블 - 주로 검색 조건 */
.tableTy2 .dataArea { position:relative; width:100%}
.tableTy2 .dataArea + .dataArea { margin-top:10px}
.tableTy2 table.data { width:100%; border:1px solid #c6c6c6; background:#fff}
.tableTy2 table.data th { height:27px; padding:7px 5px 5px 16px; color:#555; font-weight:normal; font-size:11px; text-align:left; border-top:1px solid #e1e1e1; background-color:#fcfcfc}
.tableTy2 table.data td { padding:6px 12px 6px 12px; border-top:1px solid #e1e1e1}
.tableTy2 table.data tr:first-child th,
.tableTy2 table.data tr:first-child td { border-top-width:0}
.tableTy2 table.data+table.data { margin-top:10px}
.tableTy2 .dataArea .rtl, .tableTy2 .dataArea .rtr,
.tableTy2 .dataArea .rbl, .tableTy2 .dataArea .rbr { position:absolute; z-index:2; width:6px; height:6px; background:url('/images/template/common/radius_bg.png') 0 0 no-repeat}
.tableTy2 .dataArea .rtl { top:0; left:0; background-position:0 0; *top:1px}
.tableTy2 .dataArea .rtr { top:0; right:0; background-position:-6px 0; *top:1px}
.tableTy2 .dataArea .rbl { bottom:0; left:0; background-position:0 -6px}
.tableTy2 .dataArea .rbr { bottom:0; right:0; background-position:-6px -6px}

/*020604_재심처리절차*/
.tableTy3 {width:100%; overflow:hidden; clear:both;}
.tableTy3 table.data {width:100%; background:#fff; }
.tableTy3 table.data td {padding:12px 12px 10px; border:1px solid #dedede; color:#666; line-height:18px;}

.tableTy4 {width:100%; overflow:hidden; border-top:2px solid #818181; clear:both;}
.tableTy4 table.data {width:100%; background:#fff; margin-left:-1px; }
.tableTy4 table.data th {padding:12px 3px 10px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#555; font-size:11px; line-height:16px; background-color:#fcfcfc;}
.tableTy4 table.data th.bd_l { border-left:1px solid #cdcdcd !important;}
.tableTy4 table.data td {padding:6px 12px; border-bottom:1px solid #dedede; border-left:1px solid #dedede; color:#666; line-height:18px;}

/*이미지용 테이블*/
.img_table{width:99%; overflow:hidden; clear:both; text-align:center;}
.img_table th{padding:12px 0 10px; color:#fff; font-size:11px; line-height:16px; background-color:#2480d0;}
.img_table td {padding:12px 12px 10px; background-color:#f6f6f6; color:#666; line-height:18px;}
.img_table td.none { background-color:#fff !important;}


/*인사말*/
.greeting{ position:relative; min-height:500px; font-family:NGBold; }
.greeting p.greet01{ font-size:1.8em; color:#1e7bcb; line-height:130%; z-index:10; position:relative; }
.greeting p.greet01 span{ color:#ec8f4d; clear:both; display:block;}
.greeting p.greet02{ font-size:1em; margin:30px 0 0 0; line-height:200%; font-family:NGNormal; z-index:10; position:relative;}
.greeting p.sign{ position:relative; margin:40px 0 0 120px; background:url('/images/template/common/intro_0102.png') no-repeat 100% 100%; height:60px; width:220px; z-index:10; position:relative; }
.greeting p.sign span{ position:absolute; bottom:5px;}
.greeting p.sign em{ position:absolute; text-indent:-500000px;}
.greeting p.greet_img{ position:absolute; right:0; bottom:0; z-index:1;}

/*조직도*/
.organize{ position:relative; }
.organize p{ text-align:center; }
.organize p.or_w{ display:block }
.organize p.or_m{ display:none; }
.organize ul { display:none; }


/*산하기관안내*/
.affiliated{ position:relative; width:100%; margin-top:50px;}

/*연혁*/

.history_wrap{ position:relative; }
.history2{ margin-top:20px; float:left; width:100%;}
.history2 > h3{ background:url('/images/template/common/bullet02.png') no-repeat 0 50%; padding-left:40px; color:#de7a32; font-size:22px; line-height:27px; padding-bottom:3px; margin-bottom:10px; }
.history2 > ul{ margin:30px 0 0 40px; background:url('/images/template/common/history_line.png') repeat-y 99px 0;}
.history2 > ul dl{ overflow:hidden; margin-bottom:30px; }
.history2 > ul dt{ font-family:NGBold; font-size:13px; width:120px; float:left; line-height:20px; height:21px; background:url('/images/template/common/history_bullet.png') no-repeat 100% 0; }
.history2 > ul dd{ float:left; line-height:20px; margin:3px 0 0 30px;}
.history2 > ul> dd{ background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:10px; }
.history2 ul ul > li{ background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:10px; margin-top:10px; }
.history2 ul ul > li:first-child{ margin-top:0; }
.history2 ul ul ul{line-height:20px; margin-top:5px;  }
.history2 ul ul ul li{ background:url('/images/template/common/gray_dot.gif') no-repeat 0 8px;  padding-left:6px; color:#666; margin-top:5px;}
.history2 ul ul ul li:first-child{margin-top:0;}


/*CI소개*/
.squared{ background:url('/images/template/common/pattern.gif') repeat 0 0; border:1px solid #ddd; padding:3% 5%; text-align:center;}
.ci02 li{ clear:both; margin-bottom:10px; overflow:hidden;}
.ci02 li span{ float:left; width:20%; background:url('/images/template/common/pattern.gif') repeat 0 0; border:1px solid #ddd; padding:1% 0; text-align:center;}
.ci02 li p{ float:left; width:75%; margin:1% 0 0 3%;line-height:120%; text-align:justify;}
.ci03 { line-height:18px; }
.ci03 li{ clear:both; border:1px solid #ddd; padding:1% 3%; margin:0 0 1%; overflow:hidden; }
.ci03 li span{ float:left;}
.ci03 li dl{ float:left; width:75%; margin:2px 0 0 1%;}
.ci03 li dt{ float:left; font-weight:bold; font-size:14px; width:15%; text-align:center;}
.ci03 li dd{ float:left; width:80%;}

/*브랜드*/
.brand_wrap h2 img{ margin-top:-10px;}
.brand01 { overflow:hidden;}
.brand01 dl{ float:left; text-align:center; position:relative;}
.brand01 .dl1{ width:60%;}
.brand01 .dl2{ width:40%;}
.brand01 dt{ font-family:NGBold; font-size:14px; text-align:left; margin-bottom:30px;}
.brand01 .dl2 dd{ margin-top:-40px; text-align:right; }
.brand02{ overflow:hidden;}
.brand02 dl { border-top:1px dashed #ddd; overflow:hidden;  }
.brand02 dl:first-child{ border-top:none;}
.brand02 dl dt{ clear:both; padding-left:50px; height:43px;line-height:43px;font-size:14px; font-weight:bold; width:20%; float:left;}
.brand02 dd{ font-size:12px; padding-top:17px; float:left; }
.brand02 dt strong{ position:absolute; text-indent:-50000px;}
.brand02 dt.global{ background:url(/images/template/common/brand03.png) no-repeat 0 0; padding-top:10px; }
.brand02 dt.open{ background:url(/images/template/common/brand04.png) no-repeat 0 0;}
.brand02 dt.opportunity{ background:url(/images/template/common/brand05.png) no-repeat 0 0;}
.brand02 dt.dream{ background:url(/images/template/common/brand06.png) no-repeat 0 0;}
.brand03 p{ line-height:18px; text-align:justify;}
.brand03 span{ display:block; text-align:center; margin-bottom:20px;}
.brand04{ line-height:20px; text-align:justify;}
.brand04 span{ display:block; text-align:center; margin-bottom:20px;}

/*담당자*/
.charge{ background:#fdfdfd; border:1px solid #ddd; border-right:2px solid #ddd; border-bottom:2px solid #ddd; margin:50px 0 0 0; padding:10px 15px 8px; overflow:hidden;}
.charge h2{ float:left; width:59px; height:23px; line-height:25px; padding-left:10px; margin-right:15px; background:url('/images/template/common/charge_bg.gif') no-repeat 0 0; font-size:12px; font-family:'돋움', Dotum; font-weight:bold; color:#fff;}
.charge dl{ float:left; line-height:27px;}
.charge dt{ font-weight:bold; float:left; background:url('/images/template/common/gray_dot.gif') no-repeat 0 10px; padding-left:8px; }
.charge dd{ float:left; margin:0 20px 0 5px;}

/*찾아오시는길*/
.map{ text-align:center;}
.map_naver{ display:none; border:1px solid #ddd; width:100%; height:350px;}

/*v_그래프*/
.v_graph{padding:30px 30px 45px 0; background:#fcfcfc; border:1px solid #e6e6e6; clear:both; }
.v_graph ul.graph{ margin-left:70px; border:1px solid #ededed; border-bottom:1px solid #a0a0a0; border-top:none; background:#fff url('/images/template/common/g_dot.png') repeat 0 0;  list-style:none}
.v_graph ul.graph:after{display:block;clear:both;content:''}
.v_graph ul.graph li{display:inline; float:left; position:relative; width:4.4%; height:100%; margin:0 2.8%; text-align:center; white-space:nowrap}
.v_graph .g_term{display:inline-block; position:relative; width:100%; height:20px; margin:0 -100% -20px 0; pcolor:#555; line-height:40px; vertical-align:bottom}
.v_graph .g_bar01{display:inline-block; position:relative; width:100%; margin:-1px 0 0 0; background:url('/images/template/common/g_01.gif') repeat 100% 0; vertical-align:bottom; cursor:default}
.v_graph .g_bar01 span{position:absolute; top:-20px; left:0; width:100%; color:#767676;display:block;}
.v_graph .g_bar02{display:inline-block; position:relative; width:100%; margin:-1px 0 0 0; background:url('/images/template/common/g_02.gif') repeat 100% 0; vertical-align:bottom; cursor:default}
.v_graph .g_bar02 span{position:absolute; top:-20px; left:0; width:100%; color:#767676; display:block;  }
.v_graph .g_bar03{display:inline-block; position:relative; width:100%; margin:-1px 0 0 0; background:url('/images/template/common/g_03.gif') repeat 100% 0; vertical-align:bottom; cursor:default}
.v_graph .g_bar03 span{position:absolute; top:-20px; left:0; width:100%; color:#767676; display:block;  }
.v_num{ float:left; width:60px;margin:-17px 0 0 0; }/*세로이름*/
.v_num li{ clear:both; text-align:right; line-height:40px; }
.pt_240{ padding-top:240px;}
.pt_200{ padding-top:200px;}
.pt_160{ padding-top:160px;}

/* h_그래프 */
.hGraph2 { overflow:hidden; margin-top:15px;}
.hGraph2 ul{width:100%;}
.hGraph2 li{position:relative; margin:10px 0 0; white-space:nowrap; vertical-align:top; width:100%; float:left;}
.hGraph2 li:first-child{ margin-top:0;}
.hGraph2 li .gBar_wrap{ background:#e9e9e9; float:left; width:60%; height:20px;}
.hGraph2 li .gBar01{ position:relative; display:inline-block; height:20px; background:#4297e2;}
.hGraph2 li .gBar02{ position:relative; display:inline-block; height:20px; background:#e79d3c;}
.hGraph2 li p.gBar_txt{ float:right; line-height:20px; width:38%;}
.hGraph2 li p.gBar_txt em{ font-weight:bold; width:50px; display:block; float:left;}

/*성적조회*/
.inquiry{ width:90%; border:1px solid #e8e8e8; padding:35px 5%; margin-bottom:3%; background:url('/images/template/common/img_02.png') no-repeat 100% 0;}
.inquiry h2{ font-size:16px !important;}
.inquiry p.ptxt01{ font-size:13px; color:#777; margin:0 0 0 22px; width:60%; line-height:20px; font-family:NGBold;}
.inquiry p.ptxt02{ font-size:13px; color:#777; margin:15px 0 0 22px; width:80%; line-height:20px; font-family:NGBold;}
.inquiry p span{ display:block; clear:both;}
.inquiry p strong{ font-weight:bold; color:#d9491c}
.inquiry dl.inquiry01{ margin:30px 0 0 22px; font-size:14px; background:url('/images/template/common/blue_line.gif') no-repeat 0 0; overflow:hidden; padding-top:10px; font-family:NGBold;}
.inquiry dl.inquiry01 dt{ float:left; color:#1e7bcb; clear:both; margin-bottom:5px; width:80px;}
.inquiry dl.inquiry01 dd{ float:left; margin:0 0 5px 0;}
.inquiry dl.inquiry02{ margin:30px 0 0 22px; font-size:14px; background:url('/images/template/common/blue_line.gif') no-repeat 0 0; overflow:hidden; padding-top:10px; font-family:NGBold;}
.inquiry dl.inquiry02 dt{ float:left; color:#1e7bcb; clear:both; margin-bottom:7px; width:80px; line-height:26px;}
.inquiry dl.inquiry02 dd{ float:left; margin:0 0 7px 0; font-family:dotum; font-size:12px;}
.inquiry >span{ margin:10px 0 0 103px;}
.message{ font-family:NGBold; font-size:16px; margin-bottom:15px; color:#1e7bcb}


/*행정서비스헌장선언문*/
.declaration{ position:relative;}
.declaration p.declar01{ font-size:1.8em; color:#333; line-height:130%; z-index:10; position:relative;  font-family:NGBold;  }
.declaration p.declar01 span{ color:#ec8f4d;}
.declaration p.declar02 { font-size:1em; margin:20px 0 0 0; line-height:150%; z-index:10; position:relative;}
.declaration .declar_dl { margin:15px;}
.declaration .declar_dl dt { font-size:18px; color:#222; font-family:NGBold; margin:0 0 5px 0;}
.declaration .declar_dl dd { font-size:13px; color:#666; font-family:NGNormal; line-height:20px; margin-bottom:25px;}


/*장학교실*/
.edu01 .edu_title{ background:url('/images/template/common/edu_01.jpg') 100% 0 no-repeat;}
.edu02 .edu_title{ background:url('/images/template/common/edu_02.jpg') 100% 0 no-repeat;}
.edu03 .edu_title{ background:url('/images/template/common/edu_03.jpg') 100% 0 no-repeat;}
.edu04 .edu_title{ background:url('/images/template/common/edu_04.jpg') 100% 0 no-repeat;}
.edu05 .edu_title{ background:url('/images/template/common/edu_05.jpg') 100% 0 no-repeat;}
.edu06 .edu_title{ background:url('/images/template/common/edu_06.jpg') 100% 0 no-repeat;}
.edu_title h2{ height:143px; font-size:24px !important; line-height:26px; }
.edu_title p{ color:#777; font-size:16px; margin-bottom:8px; padding-top:40px;}
.edu_title strong{ color:#1e7bcb;}

/*직업교육*/
.career_01{ background:url('/images/template/common/career_01.gif') 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; width:100%; height:817px; font-family:NGBold;}
.career_0101{ text-align:center;}
.career_0101 dt{ color:#fff; font-size:18px; margin:15px 0 0 0;}
.career_0101 dt span{ clear:both; display:block; font-size:13px; color:#afe3ff; margin-top:7px;}
.career_0101 dd{ overflow:hidden; width:600px; margin:93px auto 0;}
.career_0101 dd li{ width:20%; float:left; line-height:18px; }
.career_0102_w{ position:relative; width:695px; margin:120px auto 0; clear:both; color:#fff; }
.career_0102{ margin:0 auto; width:220px; text-align:center; }
.career_0102 dt{ font-size:18px; margin-bottom:15px;}
.career_0102 dd{ opacity:0.7; font-size:13px; }
.career_0102 dd li{ margin-top:5px;}
.career_0103{ position:absolute; top:0; left:20px; width:150px;}
.career_0103 li{ margin-bottom:5px;}
.career_0104{ position:absolute; top:12px; right:0; width:170px;}
.career_0104 li{ margin-bottom:5px;}
.career_0105{ text-align:center; margin:120px auto 0; width:450px;}
.career_0105 >dt{ color:#fff; font-size:18px; margin:15px 0 0 0;}
.career_0105 >dt span{ clear:both; display:block; font-size:13px; color:#afe3ff; margin-top:7px;}
.career_0105 >dd{ overflow:hidden; margin:78px 0 0;}
.career_0105 >dd dl{ width:216px;}
.career_0105 >dd dl dt{ color:#fff; font-size:16px;}
.career_0105 >dd dl dt span{ clear:both; display:block; font-size:15px; color:#1e7bcb; margin-top:10px;}
.career_0105 >dd dl dd { margin:13px 0 0 13px; letter-spacing:-0.5px;}
.career_0105 >dd dl dd li{ text-align:left; font-size:12px !important; line-height:18px !important; color:#666; margin:0 !important }
/**/
.career_02{ background:url('/images/template/common/career_02.gif') 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; width:100%; height:580px; font-family:NGBold; text-align:center;}
.career_0201{ color:#fff; font-size:18px; margin:18px auto 0; line-height:22px;}
.career_0202{ color:#fff; font-size:16px; margin:110px auto 0; line-height:20px;}
.career_0203{ overflow:hidden; width:680px; margin:81px auto 0;}
.career_0203>li{ float:left; width:33.333%; }
.career_0203>li dt{ color:#1e7bcb; font-size:15px;}
.career_0203>li dd{ color:#666; font-size:12px; text-align:left; margin:60px 15px 0;}
.career_0203>li dd li{ margin:0 !important;}
.career_0204{ color:#fff; font-size:18px; clear:both; margin:70px auto 0; line-height:22px;}
/**/
.career_03{ background:url('/images/template/common/career_03.gif') 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; width:100%; height:335px; font-family:NGBold; text-align:center}
.career_03 em{ color:#fff; font-size:18px; display:block; margin:17px auto 0; line-height:22px;}
.career_03>ul{ width:680px; overflow:hidden; margin:130px auto 0;}
.career_03>ul>li{ width:33.3%; float:left;}
.career_03>ul>li ul{ margin:0 10px; line-height:18px;}
.career_03>ul>li dt{ color:#1e7bcb; font-size:15px;}
.career_03>ul>li dd{ color:#666; font-size:12px; text-align:left; margin:60px 15px 0;}
.career_03>ul>li dd li{ margin:0 !important;}

/*교육과정 운영계획*/
.plan{ background:url('/images/template/common/plan_bg.jpg') 100% 0 no-repeat; overflow:hidden; }
.plan_slogan{ font-size:30px; color:#343434; font-family:NGBold !important; line-height:32px; margin-top:60px; float:left; }
.plan_slogan strong.orange{ color:#ea6930;}
.plan_slogan strong.blue{ color:#1e7bcb;}
.plan_slogan span{ color:#777; font-size:18px; clear:both; display:block; margin-top:5px;}
.plan_ul{ clear:both; margin:60px 0 0 -3%; overflow:hidden; float:left;}
.plan_ul >li{ margin-left:3%; width:47%; float:left;}
.plan_dl dt{ background:#1e7bcb url('/images/template/common/blue_patten.png') repeat 0 0; width:100%; color:#fff; font-family:NGBold; text-align:center; font-size:16px; padding:10px 0 12px; line-height:20px;}
.plan_dl dd{ background:#fff; border:1px solid #ddd; border-top:1px solid #1e7bcb; min-height:280px; margin-bottom:3%;}
.plan_dl dd.height200{ min-height:200px !important;}
.plan_dl dd ul{ margin:15px 20px;}
.plan_dl dd ul li{ margin-top:10px; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; }
.plan_dl dd ul li:first-child{ margin-top:0;}
.plan p.arrow{ background:url('/images/template/common/arrow.png') no-repeat 50% 0; height:110px; clear:both;}
.plan .ice_character{ border:1px solid #ddd; background:#fafafa url('/images/template/common/plan_img.png') no-repeat 20px 50%; padding:30px; overflow:hidden;}
.plan .ice_character dl{ width:55%; float:right; }
.plan .ice_character dl dt{ font-family:NGBold; font-size:20px;}
.plan .ice_character dl dt strong{ color:#1e7bcb;}
.plan .ice_character dl dd{ clear:both; margin-top:20px;}
.plan .ice_character dl dd li{ margin-top:10px; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; }


/*인증서로그인*/

/*탭*/
.tab_layer {position:relative; zoom:1; height:42px; font-family:NGBold; font-size:15px; margin-left:20px; }
.tab_layer li {float:left; margin-right:5px;}
.tab_layer li a {display:block; float:left; padding-left:25px; line-height:42px; background:url(/images/template/common/btn_tab.gif) 0 0 no-repeat; color:#454545;}
.tab_layer li a.link {color:#454545;}
.tab_layer li a span {display:block; height:42px; padding:0 25px 0px 0; background:url(/images/template/common/btn_tab.gif) 100% 0 no-repeat; cursor:pointer; text-align:center;}
.tab_layer li.on a,
.tab_layer li:hover a { background-position:left -42px; color:#fff;}
.tab_layer li.on a span,
.tab_layer li:hover a span { height:42px; background-position:100% -42px;}
.tab_layer:after {display:block; content:""; height:0px; clear:both; visibility:hidden;}

/*인증서로그인*/
.loginWrap{ background:#fff url("/images/template/common/login_img01.png") no-repeat 25px 15px; padding:3%; width:94%; border:1px solid #1e7bcb; font-family:NGNormal; border-radius: 12px; }
.loginWrap:after{ content:""; display:block; clear:both;}
.login01{ padding-left:220px;}
.login01 h2{ padding:15px 0 0 0; font-size:30px;margin-bottom:10px;}
.login01 h2 strong{ font-weight:normal; color:#e17a31;}
.login01 ul{ margin:30px 0 0 0;}
.login01 span.btn7{ margin-top:15px;}
.loginWrap .box{ background:#f6f6f6; padding:3%; margin:35px 0 0 -220px !important; overflow:hidden; border-radius:10px; }
.login_tip{ background:#fbfaf9; padding:3%; width:94%; margin:3% 0 0; border-radius:10px; }
.login_tip:after{ content:""; display:block; clear:both;}
.login_tip h2{ font-size:17px; color:#1e7bcb; font-family:NGBold;}
.login_tip ul{ margin:2% 0 0; line-height:19px; background:#fff; padding:3%;}
.login_tip ul li+li{ margin-top:7px; color:#444; font-size:12px;}
.login_tip ul li a:link{ font-weight:normal; color:#1e7bcb;}
.login_tip ul li a:visited{ color:#1e7bcb;}

/*방문자*/

.visit{ position:relative; top:-20px; left:200; font-size:12px;float:right; }
.visit dt, .visit dd{ float:left;  }
.visit dd{ margin-left:5px; line-height:20px; }





/*
.login01_01{ background:#fbfaf9 url('/images/template/common/login_img.png') no-repeat 5px 20px; padding:3%; width:94%; }
.login01_01 h2{ padding:20px 0 0 200px; font-size:30px; font-family:NGNormal}
.login01_01 h2 strong{ font-weight:normal; color:#1e7bcb;}
.login01_01 ul{ margin:30px 0 0 200px;}
.login01_01 .box{ background:#fff; padding:3%; margin:15px 0 0 0; overflow:hidden;}
.login01_01 .box dl{ width:50%; float:left; line-height:28px; }
.login01_01 .box dl dt{ float:left; font-weight:bold; background:url('/images/template/common/ico_arrow.gif') no-repeat 0 8px; padding-left:15px;}
.login01_01 .box dl dd{ float:left; margin-left:7px;}
.login01_01 .box dl dd .input{ height:23px;}
.login01_01 .box dl dd label{ margin-left:5px;}


.loginWrap{ background:#fbfaf9 url('/images/template/common/login_img.png') no-repeat 30px 25px; padding:3%; width:94%; }
.loginWrap:after{ content:""; display:block; clear:both;}
.login01{ float:left; width:30%; margin-left:33%; padding:1% 0 0;  }
.login01 h2{ font-size:15px; font-family:NGBold}
.login01 h2 strong{ color:#1e7bcb;}
.login02 h2{ font-size:15px; font-family:NGBold}
.loginWrap .btn7{ margin:15px 0 0 0; }
.login02{ float:left; width:35%;  padding:1% 0 0; }
.loginWrap .common_ul04{ clear:both; margin:3% 0 0 33%; float:left; line-height:18px; background:#fff; padding:3%; }
.loginWrap .common_ul04 li strong{ color:#1e7bcb; font-weight:normal;}

.login_tip{ background:#fbfaf9; padding:3%; width:94%; margin:3% 0 0; }
.login_tip:after{ content:""; display:block; clear:both;}
.login_tip h2{ font-size:17px; color:#1e7bcb; font-family:NGBold}
.login_tip ul{ margin:2% 0 0; line-height:18px; background:#fff; padding:3%;}
.login_tip ul li+li{ margin-top:7px; color:#444;}
*/


/*인증서등록*/
/*
.login02{ background:#fbfaf9; padding:3%; width:94%; margin-top:15px; }
.login02 h2{ padding:5px;  font-size:30px; font-family:NGNormal}
.login02 h2 strong{ font-weight:normal; color:#1e7bcb;}
.login02 ul{ margin:20px 0 0 5px;}
.login02 .box{ background:#fff; padding:3%; margin:15px 0 0 0; overflow:hidden; text-align:center;}
.login02 .box span{ margin:3px;}
*/

/*공공아이핀*/
.i-pin{ background:#fbfaf9 url('/images/template/common/login_img.png') no-repeat 5px 20px; padding:3%; width:94%; }
.i-pin h2{ padding:20px 0 0 200px; font-size:30px; font-family:NGNormal}
.i-pin h2 strong{ font-weight:normal; color:#1e7bcb;}
.i-pin p{ margin:10px 0 15px 200px;}
.i-pin span{ margin:0 0 0 200px;}
.i-pin ul{ margin:40px 0 0 0;}
.i-pin ul li.red{ color:#d9491c !important;}

/*주민번호대체서비스*/
.ipin{ margin-top:10px; }
.ipin dt{ background:#1e7bcb; color:#fff; padding:10px 0 10px 20px; font-family:NGBold; }
.ipin dd{ background:#fbfaf9 url('/images/template/common/ipin_img.png') no-repeat 20px 20px; padding:20px 0;}
.ipin dd ul{ margin:0 20px 0 140px; line-height:18px;}
.ipin dd ul li{ margin-bottom:5px;}

/*공공아이핀 new*/
.i-pin01{ background:#fff url("/images/template/common/ipin01.png") no-repeat 15px 20px; padding:3%; width:94%; border:1px solid #1e7bcb; font-family:NGNormal; border-radius: 12px; }
.i-pin01 h2{ padding:20px 0 0 200px; font-size:30px; font-family:NGNormal}
.i-pin01 h2 strong{ font-weight:normal; color:#1e7bcb;}
.i-pin01 p{ margin:10px 0 15px 200px;}
/*.i-pin01 span{ margin:0 0 0 200px;}*/
.i-pin01 ul{ margin:40px 0 0 0;}
.i-pin01 .box{ background:#fbfaf9; padding:3%; margin:35px 0 0 0 !important; overflow:hidden; border-radius:10px;}
/*공공아이핀 new*/

/*인천교육의 기본방향*/
.edu_plan{ width:740px; height:684px; background:url('/images/template/common/edu_planBg.gif') no-repeat 0 0; text-align:center; font-family:NGNormal; margin:0 auto;}
.edu_plan01{ width:633px; color:#fff; margin:0 auto; }
.edu_plan01 li{ width:50%; float:left; margin:55px 0 0 0;}
.edu_plan01 span{ opacity:0.7; font-size:18px; }
.edu_plan01 em{ clear:both; display:block; font-size:26px; font-family:NGBold; margin:7px 0;}
.edu_plan01 p{ clear:both; font-size:16px; opacity:0.7; line-height:20px; }
.edu_plan02{ clear:both; margin:120px 0 0 0; float:left; width:100%;}
.edu_plan02 dt{ font-size:20px;}
.edu_plan02 dt strong{ font-size:40px; color:#226dad; clear:both; display:block; font-family:NGBold;}
.edu_plan02 dd{ margin:230px 0 0 0;width:100%; overflow:hidden;}
.edu_plan02 dd li{ float:left; width:25%; font-size:16px; line-height:22px;}


/*온라인증명민원*/
.homedu{ background:url('/images/template/common/homedu_img.png') no-repeat 25px 15px; padding:20px; border:1px solid #ddd;}
.homedu h2{ margin-bottom:12px; margin-left:130px;}
.homedu p{ margin-left:130px;}
.homedu strong{ color:#1e7bcb; }

/*정부3.0소개*/
.gover li{ margin-bottom:15px;}
.gover li img{ width:100% !important;}

/*이메일 수집거부*/
.email{ background:url('/images/template/common/email.gif') 25px 25px no-repeat; border:1px solid #ddd; padding:20px 3%; width:94%;}
.email h2{ padding:20px 0 0 100px; font-size:17px; color:#444; line-height:22px;}
.email ul{ margin:30px 0 0 0; background:#f9f9f9; padding:10px; line-height:18px;}
.email ul li{ padding:3px 0;}

/*뷰어프로그램*/
.viewer_program ul li{ float:left; width:49%; margin:0 0 1% 1%; height:80px; }
.viewer_program ul li a{ display:block;}
.viewer_program ul li p{ margin-left:90px;}
.viewer_program ul li strong{ display:block; font-family:NGBold; font-size:14px; margin:20px 0 10px 90px; }
.viewer01{ background:#e8e8e8 url('/images/template/common/viewer01.gif') 20px 50% no-repeat;}
.viewer02{ background:#e8e8e8 url('/images/template/common/viewer02.gif') 20px 50% no-repeat;}
.viewer03{ background:#e8e8e8 url('/images/template/common/viewer03.gif') 20px 50% no-repeat;}
.viewer04{ background:#e8e8e8 url('/images/template/common/viewer04.gif') 20px 50% no-repeat;}
.viewer05{ background:#e8e8e8 url('/images/template/common/viewer05.gif') 20px 50% no-repeat;}
.viewer06{ background:#e8e8e8 url('/images/template/common/viewer06.gif') 20px 50% no-repeat;}

/*사이트맵 */
.sitemap li{ overflow:hidden; font-family:NGNormal;}
.sitemap li h5{ height:20px; font-size:16px; color:#1e7bcb; padding:25px 2%; margin:20px 0 0 0;line-height: 0;}
.sitemap li h5.site01{background:#f9f9f9 url('/images/template/common/sitemap01.png') no-repeat 100% 0;}
.sitemap li h5.site02{background:#f9f9f9 url('/images/template/common/sitemap02.png') no-repeat 100% 0;}
.sitemap li h5.site03{background:#f9f9f9 url('/images/template/common/sitemap03.png') no-repeat 100% 0;}
.sitemap li h5.site04{background:#f9f9f9 url('/images/template/common/sitemap04.png') no-repeat 100% 0;}
.sitemap li h5.site05{background:#f9f9f9 url('/images/template/common/sitemap06.png') no-repeat 100% 0;}
.sitemap li h5.site06{background:#f9f9f9 url('/images/template/common/sitemap01.png') no-repeat 100% 0;}
.sitemap li h5.site07{background:#f9f9f9 url('/images/template/common/sitemap02.png') no-repeat 100% 0;}
.sitemap li h5.site08{background:#f9f9f9 url('/images/template/common/sitemap03.png') no-repeat 100% 0;}
.sitemap li h5.site09{background:#f9f9f9 url('/images/template/common/sitemap04.png') no-repeat 100% 0;}
.sitemap li h5.site10{background:#f9f9f9 url('/images/template/common/sitemap06.png') no-repeat 100% 0;}
.sitemap li h5.site11{background:#f9f9f9 url('/images/template/common/sitemap01.png') no-repeat 100% 0;}
.sitemap li h5.site12{background:#f9f9f9 url('/images/template/common/sitemap02.png') no-repeat 100% 0;}
.sitemap li ul li{ border-bottom:1px solid #ebebeb; padding:10px 0;}
.sitemap li ul li h6{color:#323232; font-weight:600; font-size:13px; line-height:20px; display:inline-block; float:left; width:24%; padding:0 0 0 2%}
.sitemap li ul li h6 a{color:#323232; display:inline-block;}
.sitemap li ul li ul{float:left; width:74%;}
.sitemap li ul li ul li{display:inline; font-size:12px; width:auto; padding:0; border-bottom:0px;}
.sitemap li ul li ul li a{color:#646464; display:inline-block; padding:5px 10px; line-height:normal !important; background:url('/images/template/common/sitemap_bar_bg.png') no-repeat left 8px;}
.sitemap li ul li ul li a:hover{color:#000;}

/*전화번호안내*/
.info_tel dl{ border:1px solid #ddd; width:44.5%; margin:0 0 1% 1%; padding:2%; float:left; height:200px;}
.info_tel dl dt{ background:url('/images/template/common/bullet.png') no-repeat 0 1px; padding-left:22px; font-family:NGBold; font-size:16px; line-height:20px; color:#1e7bcb; }
.info_tel dl dt span{ float:right; margin-top:-4px;}
.info_tel dl dd{ font-size:12px; margin:13px 0 0 0; background:#f6f6f6; height:170px; }
.info_tel dl dd ul{ padding:10px; font-size:11px; color:#555;}
.info_tel dl dd ul li{ margin:2px 0 !important; line-height:16px !important; padding-top:2px;}

.info_tel02{ overflow:hidden;}
.info_tel02 dl{ border:1px solid #ddd; width:44.5%; margin:0 0 1% 1%; padding:2%; float:left; min-height:240px;}
.info_tel02 dl dt{ font-family:NGBold; font-size:16px; line-height:20px; color:#1e7bcb; }
.info_tel02 dl dt span{ font-size:12px; color:#555; clear:both:; display:block;}
.info_tel02 dl dd{ font-size:12px; margin:13px 0 0 0; background:#f6f6f6; min-height:210px;}
.info_tel02 dl dd ul{ padding:10px; font-size:11px; color:#555;}
.info_tel02 dl dd ul li{ margin:2px 0 !important; line-height:16px !important; padding-top:2px;}
.info_tel02 dl.long{ border:1px solid #ddd; width:44.5%; margin:0 0 1% 1%; padding:2%; float:left; min-height:400px;}
.info_tel02 dl.long dd{ font-size:12px; margin:13px 0 0 0; background:#f6f6f6; min-height:350px;}
.info_tel02 dl.long02{ border:1px solid #ddd; width:44.5%; margin:0 0 1% 1%; padding:2%; float:left; min-height:550px;}
.info_tel02 dl.long02 dd{ font-size:12px; margin:13px 0 0 0; background:#f6f6f6; min-height:500px;}
.info_tel02 dl.short{ border:1px solid #ddd; width:44.5%; margin:0 0 1% 1%; padding:2%; float:left; min-height:200px !important;}
.info_tel02 dl.short dd{ font-size:12px; margin:13px 0 0 0; background:#f6f6f6; min-height:150px !important;}

/* 회원가입 */
.joinwrap .greet{ font-family:NGNormal; font-size:14px; color:#666;}
.joinwrap .greet strong{ color:#333;}
.joinwrap .greet p{ color:#1e7bcb; font-size:16px; font-family:NGBold; margin-top:3px; line-height:22px;  }
/*스텝*/
.joinwrap .step { margin:35px 0; }
.joinwrap .step:after{content:''; display:block; clear:both; }
.joinwrap .step li { float:left; width:25%; height:60px; background:url('/images/template/common/step_bg01.gif') no-repeat left top #c3c3c3; font-size:15px; font-family:NGBold; color:#fff; text-align:center; }
.joinwrap .step li.on { background:url('/images/template/common/step_bg02.gif') no-repeat left top #d18497; }
.joinwrap .step li.next { background:url('/images/template/common/step_bg03.gif') no-repeat left top #c3c3c3; }
.joinwrap .step li span { margin-top:18px; padding-left:45px; display:inline-block; line-height:25px; }
.joinwrap .step li.st01 { background-image:none; }
.joinwrap .step li.st01 span { height:21px; background:url('/images/template/common/step_01_bg.gif') no-repeat 15px top; }
.joinwrap .step li.st01.on span { background-position:15px -21px; }
.joinwrap .step li.st02 span { height:25px; background:url('/images/template/common/step_02_bg.gif') no-repeat 15px top; }
.joinwrap .step li.st02.on span { background-position:15px -25px; }
.joinwrap .step li.st03 span { height:23px; background:url('/images/template/common/step_03_bg.gif') no-repeat 15px top; }
.joinwrap .step li.st03.on span { background-position:15px -23px; }
.joinwrap .step li.st04 span { height:25px; background:url('/images/template/common/step_04_bg.gif') no-repeat 15px top; }
.joinwrap .step li.st04.on span { background-position:15px -25px; }
.joinwrap .step li.st05 span { height:25px; background:url('/images/template/common/step_05_bg.gif') no-repeat 15px top; }
.joinwrap .step li.st05.on span { background-position:15px -25px; }

/*알림말*/
.step01_txt{ font-family:NGNormal; font-size:12px; line-height:16px; color:#555; margin-bottom:30px;}
.step01_txt li{ margin-bottom:10px; background:url('/images/template/common/u_atten01.gif') no-repeat 0 1px; padding-left:17px;}
/*본인인증*/
.getCertify2way {clear:both; width:100%; margin:0 0 40px 0; border:1px solid #4e4740; border-width:1px 0; padding:22px 0 25px; zoom:1;}
.getCertify2way:after{content:''; display:block; clear:both; }
.getCertify2way dl { position:relative; width:94%; padding:0 3%; float:left; text-align:left;}
.getCertify2way dt { padding:18px 0 0 80px; font-family:NGBold; font-size:15px; color:#252525;}
.getCertify2way dd {padding:12px 0 0 80px;}
.getCertify2way dd.description p { color:#666; line-height:16px; font-size:11px; margin-bottom:20px;}
.getCertify2way dl.ipin_confirm{ background:url('/images/template/common/ipin_img.gif') no-repeat 20px 15px; }
/*약관동의*/
.section_t1 h4{ font-size:16px; margin-bottom:10px;}
.div_scroll {height:140px; border:1px solid #ddd; padding:20px; overflow-x:hidden; overflow-y:auto;}
.list_para{ line-height:18px; color:#666;}
.list_para dt{ color:#333; font-weight:bold; margin-bottom:5px;}
.list_para dl{ margin-bottom:15px;}
.join_btn{ text-align:center; border-top:1px solid #4e4740; padding-top:20px; margin-top:30px;}
/*가입완료*/
.join_finish{ border:2px solid #eee; padding:160px 10% 50px; text-align:center; font-family:NGBold; font-size:18px; background:url('/images/template/common/join_finish.gif') no-repeat 50% 50px;}

/*모니터단*/
.monitor{ position:relative;}
.monitor img.img_monitor{ position:absolute; right:25px; top:45px}
.clear_monitor{ display:block; clear:both;}

/*민원서식*/
.form1{ padding-top:1px;border-top:2px solid #818181 }
.form1 dt{ background:#fdfdfd url('/images/template/common/bullet04.png') no-repeat 10px 16px; font-size:15px; line-height:20px; clear:both; min-height:20px; font-family:NGBold; border-top:1px solid #818181; padding:12px 3px 10px 30px; border-bottom:1px solid #ccc; margin-top:-1px;}
.form1 dt a{ display:block; background:url('/images/template/common/arrow_close.png') no-repeat 97% 50%;}
.form1 dt a.on{ background:url('/images/template/common/arrow_open.png') no-repeat 97% 50%; }
.form1 dd{ padding:15px 15px 30px; background:#fff;}
.form1 dd .tableTy4 {width:100%; overflow:hidden; border-top:1px solid #cdcdcd; clear:both; }
.form1 dd .tableTy4 table.data {width:100%; background:#fff; margin:0 !important; border-right:1px solid #cdcdcd;}
.form1 dd .tableTy4 table.data th {padding:8px 3px 6px !important; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#555; font-size:11px; line-height:16px; background-color:#fcfcfc;}
.form1 dd .tableTy4 table.data td {padding:6px 12px; border-bottom:1px solid #dedede; border-left:1px solid #dedede; color:#666; line-height:18px;}

/*업무소개*/
.upmu strong{ color:#1e7bcb !important; font-size:15px}
.upmu p{ margin-top:7px; line-height:16px;}

/*공지*/
.inform_bg{ width:100%; height:100%; margin-bottom:20px; background-color:#efefef; }
.inform_bg img { float:left; width:103px; height:70px; margin:10px 15px 0 0 ;}
.inform_bg ul {display:block; font-size:12px; color:#5e5e5e; font-family:NGNormal; line-height:18px; padding:15px 20px 15px 130px;}
.inform_bg ul li {background:url('/images/template/common/check.png') no-repeat 0 3px; padding-left:11px;}
.inform_bg ul li span { color:#eb2915;}

/*공지_02*/
.inform_bg02{ width:720px; height:135px; background:url('/images/template/common/inform_bg.jpg') no-repeat;}
.inform_bg02 ul {display:block; font-size:12px; color:#5e5e5e; font-family:NGNormal; line-height:18px; padding:22px 20px 0 130px;}
.inform_bg02 ul li { margin-bottom:20px; background:url('/images/template/common/check.png') no-repeat 0 3px; padding-left:11px;}
.inform_bg02 ul li span { color:#eb2915;}

/*공지03*/
.inform_bg03{ width:100%; height:100%; margin-bottom:0px; background-color:#efefef; }
.inform_bg03 img { float:left; width:103px; height:70px; margin:10px 15px 0 0 ;}
.inform_bg03 ul {display:block; font-size:12px; color:#5e5e5e; font-family:NGNormal; line-height:18px; padding:15px 20px 15px 130px;}
.inform_bg03 ul li {background:url('/images/template/common/check.png') no-repeat 0 3px; padding-left:11px;}
.inform_bg03 ul li span { color:#eb2915;}

/*공지04*/
.inform_bg04{ width:100%; margin-bottom:20px; background-color:#efefef; }
.inform_bg04 p { width:103px; height:70px; margin:0 15px 0 0 ; float:left;}
.inform_bg04 ul {display:block; font-size:12px; color:#5e5e5e; font-family:NGNormal; line-height:18px; padding:15px 20px 15px 130px;}
.inform_bg04 ul li {background:url('/images/template/common/check.png') no-repeat 0 3px; padding-left:11px;}
.inform_bg04 ul li span { color:#eb2915;}
.inform_bg04 ul li a img {width:153px; height:19px; margin:0;}

/*실별배치도*/
.place .tit{ display:inline-block; color:#de7a32; font-size:16px; font-family:NGBold; padding:5px; margin-bottom:5px;}


/*정보공개처리절차*/
.procedures{ background:url('/images/template/common/05_line.gif') repeat-y 0 0; }
.procedures dl{ padding:15px 0 20px 85px; }
.procedures dl dt{ margin-bottom:10px;}
.procedures dl dd{background:url('/images/template/common/bullet05.gif') no-repeat 0 0 ; padding-left:22px; color:#555; margin:0 0 5px 5px; line-height:20px;}
.procedures dl dd ul{ margin-top:10px; line-height:18px;}
.procedures dl dd li{ color:#888; background:url('/images/template/common/bullet03.png') no-repeat 0 7px; padding-left:11px; }
.procedures dl dd li strong{ color:#d9491c !important; font-weight:normal;}
.pro01{ background:url('/images/template/common/05step01.png') no-repeat 0 0; }
.pro02{ background:url('/images/template/common/05step02.png') no-repeat 0 0; }
.pro03{ position:relative; background:url('/images/template/common/05step03.png') no-repeat 0 0; }
.pro04{ position:relative; background:url('/images/template/common/05step04.png') no-repeat 0 0; }
.pro05{ background:url('/images/template/common/05step05.jpg') no-repeat 0 0; }
/*
.day10{ position:absolute; bottom:30px; left:30px; width:46px; height:25px;background:url('/images/template/common/05_10day.png') no-repeat 0 0; text-indent:-50000px; }
*/

/*스승찾기*/
.teacher{ width:90%; border:1px solid #e8e8e8; padding:35px 5%; margin-bottom:3%; background:url('/images/template/common/img_02.png') no-repeat 100% 0;}
.teacher h2{ font-size:16px !important;}

/*미션,비젼*/
.mission{font-family:NGBold; margin:-30px 0 0 0; overflow:hidden; }
.mission dt{ position:relative; top:65px; background:url('/images/template/common/mission.png') no-repeat 0 0; float:left; width:120px; height:45px; text-align:center; color:#fff; font-size:18px; line-height:45px; z-index:999;}
.mission dd{ position:relative; float:right; background:#f1f1f1; padding:28px 25px 28px 70px; width:78%; color:#666; font-family:NGNormal !important; line-height:18px; z-index:0; }
.mission dd strong{ color:#d65a01; font-size:18px; line-height:30px; display:block; margin-bottom:10px;}
.vision{font-family:NGBold; padding:20px 0 0 0; overflow:hidden; margin:0 0 0; }
.vision dt{ position:relative; top:65px; background:url('/images/template/common/vision.png') no-repeat 0 0; float:left; width:120px; height:45px; text-align:center; color:#fff; font-size:18px; line-height:45px; z-index:999;}
.vision dd{ position:relative; float:right; background:#f1f1f1; padding:28px 25px 28px 70px; width:78%; color:#666; font-family:NGNormal !important; line-height:18px; z-index:0; }
.vision dd strong{ color:#1e7bcb; font-size:18px; line-height:30px; display:block; margin-bottom:10px;}
.goodpartner{ min-height:224px; background:url('/images/template/common/goodpartner.png') no-repeat 100% 0; margin:30px 0; clear:both; letter-spacing:1px; text-align:right;}
.goodpartner p{ font-size:26px; font-family:NGBold; padding:120px 200px 0 0; color:#444; line-height:30px;}
.goodpartner span{ color:#1e7bcb; }
/*전략맵*/
.strategy_map dl{ clear:both; float:left; display:block; width:100%; font-family:NGBold; text-align:center; }
.strategy_map dt{ float:left; color:#fff; width:20%; font-size:16px;}
.strategy_map dd{ font-size:13px;}
.stra01 dt{ background:#3588d0 url('/images/template/common/pattern02.png') repeat 0 0; display:block; padding-top:20px; height:41px; border:2px solid #156bb6;}
.stra01 dd{ border:1px solid #ccc; border-left:0; float:left; width:79%;}
.stra01 dd ul{ margin:8px 2% 13px; overflow:hidden; }
.stra01 dd ul li{ border:1px solid #ddd; color:#095a9f; float:left; margin:5px 1% 0; display:block; padding:10px 1%; width:28.9%;}
.stra02 dt{ background:#68a53d url('/images/template/common/pattern02.png') repeat 0 0; display:block; padding-top:20px; height:167px; border:2px solid #4f8e22;}
.stra02 dd{ border:1px solid #ccc; border-left:0; float:left; width:79%;}
.stra02 dd ul{ margin:8px 2% 13px; overflow:hidden;}
.stra02 dd ul li{ border:1px solid #ddd; color:#396f11; float:left; margin:5px 1% 0; display:block; padding:10px 1%; width:28.9%;}
.stra03{position:relative;}
.stra03 dt{ background:#ce5641 url('/images/template/common/pattern02.png') repeat 0 0; display:block; padding-top:20px; height:83px; border:2px solid #be4b37;}
.stra03 dd{ border:1px solid #ccc; border-left:0; float:left; width:79%;}
.stra03 dd ul{ margin:8px 2% 13px; overflow:hidden;}
.stra03 dd ul li{ border:1px solid #ddd; color:#b9341d; float:left; margin:5px 1% 0; display:block; padding:10px 1%; width:45.5%;}
.stra04{position:relative;}
.stra04 dt{ background:#cf9e28 url('/images/template/common/pattern02.png') repeat 0 0; display:block; padding-top:20px; height:83px; border:2px solid #bb8911;}
.stra04 dd{  border:1px solid #ccc; border-left:0; float:left; width:79%;}
.stra04 dd ul{ margin:8px 2% 13px; overflow:hidden;}
.stra04 dd ul li{border:1px solid #ddd;color:#946800; float:left; margin:5px 1% 0; display:block; padding:10px 1%; width:45.5%;}
.stra05{position:relative;}
.stra05 dt{ background:#56acbb url('/images/template/common/pattern02.png') repeat 0 0; display:block; padding-top:20px; height:41px; border:2px solid #2d91a2;}
.stra05 dd{ border:1px solid #ccc; border-left:0; float:left; width:79%;}
.stra05 dd ul{ margin:8px 2% 13px; overflow:hidden;}
.stra05 dd ul li{ border:1px solid #ddd; color:#007a8e; float:left; margin:5px 1% 0; display:block; padding:10px 1%; width:96%;}
.map_arrow{ margin:15px 0 15px 60px; float:left; display:block;}
.map_arrow0201{ position:absolute; top:-30px; left:290px;}
.map_arrow0202{ position:absolute; top:-30px; left:580px;}
.stra0301{ position:absolute; background:#fff; color:#777; font-size:11px; top:-7px; left:250px;}
.stra0302{ position:absolute; background:#fff; color:#777; font-size:11px; top:-7px; left:425px;}
.stra0303{ position:absolute; background:#fff; color:#777; font-size:11px; top:-7px; left:600px;}
.stra04 span{ position:absolute; background:#fff; color:#777; font-size:11px; top:-7px; left:360px;}
.stra05 span{ position:absolute; background:#fff; color:#777; font-size:11px; top:-7px; left:380px;}

/*주요업무계획*/
/*
.planWork{ margin:0 0 0 -2%;}
.planWork dl{ position:relative;}
.planWork01{ float:left; background:url('/images/template/common/plan01_bg.png') no-repeat 100% 100%; min-height:200px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:4%; width:39%; margin:0 0 2% 2%; }
.planWork01 dt{ font-size:18px; color:#1e7bcb; font-family:NGBold; margin-bottom:25px; }
.planWork01 dd{ font-size:13px; line-height:18px; color:#666; font-family:NGNormal; margin:0 0 15px 0; background:url('/images/template/common/bullet03.png') no-repeat 0 6px; padding-left:10px;   }

.planWork02{ float:left; background:url('/images/template/common/plan02_bg.png') no-repeat 100% 100%; min-height:200px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:4%; width:39%; margin:0 0 2% 2%; }
.planWork02 dt{ font-size:18px; color:#cb4e0a; font-family:NGBold; margin-bottom:25px; }
.planWork02 dd{ font-size:13px; line-height:18px; color:#666; font-family:NGNormal; margin:0 0 15px 0; background:url('/images/template/common/bullet03.png') no-repeat 0 6px; padding-left:10px;   }

.planWork03{ float:left; background:url('/images/template/common/plan03_bg.png') no-repeat 100% 100%; min-height:200px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:4%; width:39%; margin:0 0 2% 2%; }
.planWork03 dt{ font-size:18px; color:#4d872b; font-family:NGBold; margin-bottom:25px; }
.planWork03 dd{ font-size:13px; line-height:18px; color:#666; font-family:NGNormal; margin:0 0 15px 0; background:url('/images/template/common/bullet03.png') no-repeat 0 6px; padding-left:10px;   }

.planWork04{ float:left; background:url('/images/template/common/plan04_bg.png') no-repeat 100% 100%; min-height:200px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:4%; width:39%; margin:0 0 2% 2%; }
.planWork04 dt{ font-size:18px; color:#dd9420; font-family:NGBold; margin-bottom:25px; }
.planWork04 dd{ font-size:13px; line-height:18px; color:#666; font-family:NGNormal; margin:0 0 15px 0; background:url('/images/template/common/bullet03.png') no-repeat 0 6px; padding-left:10px;   }
*/
/*주요업무계획 2015 01 12 수정*/
.planWork{ margin:0 0 0 -2%;}
.planWork dl{ position:relative;}
.planWork dl dt{ font-size:16px; font-family:NGBold; margin-bottom:25px; letter-spacing:-1px; }
.planWork dl dd{ font-size:12px; line-height:18px; color:#666; font-family:NGNormal; margin:0 0 15px 0; }

.planWork01{ float:left; background:url("/images/template/common/plan01_bg.png") no-repeat 100% 100%; height:270px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:3%; width:16.5%; margin:0 0 2% 2%; }
.planWork01 dt{ color:#1e7bcb; }

.planWork02{ float:left; background:url("/images/template/common/plan02_bg.png") no-repeat 90% 110%; height:270px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:3%; width:16.5%; margin:0 0 2% 2%; }
.planWork02 dt{ color:#cb4e0a; }

.planWork03{ float:left; background:url("/images/template/common/plan03_bg.png") no-repeat 50% 105%; height:270px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:3%; width:16.5%; margin:0 0 2% 2%; }
.planWork03 dt{ color:#4d872b; }

.planWork04{ float:left; background:url("/images/template/common/plan04_bg.png") no-repeat 35% 110%; height:270px; border:1px solid #ddd; border-bottom-width:2px; border-right-width:2px; padding:3%; width:16.5%; margin:0 0 0 2%; }
.planWork04 dt{ color:#dd9420; }


.planWork01 .btn10{ position:absolute; bottom:60px; left:10%;}
.planWork02 .btn10{ position:absolute; bottom:80px; left:10%;}
.planWork03 .btn10{ position:absolute; bottom:100px; left:10%;}
.planWork04 .btn10{ position:absolute; bottom:100px; left:10%;}

.imageBox {float: left; height: 100px; text-align: center; width: 25%;}
.imageBox_label {color: #666; font-family: 'NGBold'; font-size: 11px; padding: 10px 20px 0;}

/*추진방향 및 중점과제*/
/*
.upright_01{ background:url('/images/template/common/upright_01.gif') 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; width:100%; height:664px; font-family:NGBold; text-align:center;}
.upright_0101{ color:#fff; font-size:18px; margin:18px auto 0; line-height:22px;}
.upright_0102{ color:#fff; font-size:16px; margin:105px auto 0; line-height:20px;}
.upright_0103{ overflow:hidden; width:557px; margin:62px auto 0;}
.upright_0103>li{ float:left; width:50%; height:157px;}
.upright_0103>li dl{ clear:both;}
.upright_0103>li dt{ color:#1e7bcb; font-size:15px;}
.upright_0103>li dd{ color:#666; font-size:12px; text-align:left; margin:20px 30px 0;}
.upright_0103>li dd li{ margin:0 !important;}
.upright_0104 {margin-left:150px;}
.upright_arrow{ position: relative; text-align:center; top:-15px;}*/

.upright_01{ position:relative; background:url("/images/template/common/upright_01.gif") 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; margin-top:10px; width:100%; height:500px; font-family:NGBold; text-align:center;}
.upright_01 em{ position:absolute; top:160px; left:70px; width:20px; text-align:center; font-family:NGBold; font-size:20px; color:#fff; line-height:24px;}
.upright_wrap{ width:550px; overflow:hidden; margin:0 auto 0; }
.upright_wrap:after{ content:""; display:block; clear:both;}
.upright_0101{ color:#fff; font-size:18px; margin:18px auto 0; line-height:22px;}
.upright_0102{ color:#fff; font-size:16px; margin:105px auto 0; line-height:20px;}
.upright_0103{ overflow:hidden; width:557px; margin:62px auto 0;}
.upright_0103>li{ float:left; width:49.8%; height:153px; }
.upright_0103>li dl{ clear:both; }
.upright_0103>li dt{ color:#1e7bcb; font-size:14px;}
.upright_0103>li dd{ color:#666; font-size:12px; text-align:left; margin:20px 30px 0;}
.upright_0103>li dd li{ margin:0 !important;}
.upright_0104 { clear:both; background:#f9f9f9; padding:3% 0; font-size:18px; width:100%; margin:10px 0 0; text-align:center; color:#d06f2a; font-family:NGBold;}
.upright_arrow{ position: relative; text-align:center; top:-15px; }


/*인천평생교육 비젼과 목표*/
.purpose{width:100%;}
.purpose_tit{ width:100%; height:145px; background:url('/images/template/common/purpose_bg01.gif') 50% 0 no-repeat; text-align:center; letter-spacing:-1px; margin-bottom:10px;}
.purpose_tit strong{ font-family:NGBold ; font-size:25px; display:block; margin-bottom:15px; padding-top:45px; color:#0075a9;}
.purpose_tit em{ font-size:16px; display:block; color:#727272;}
.purpose_tit01{ width:100%; height:119px; background:url('/images/template/common/purpose_bg02.gif') 50% 0 no-repeat; text-align:center; letter-spacing:-1px; margin-bottom:25px;}
.purpose_tit01 span{display:block; padding-top:70px; font-family:NGBold; font-size:20px; color:#434343;}
.purpose_box{ width:97%; text-align:center;}
.purpose_box dl{ border:1px solid #ddd; width:225px; height:180px; margin-right:3px; display:inline-block; overflow:hidden; clear:both; margin-bottom:15px;434343}
.purpose_box dt{padding:12px 0 10px; color:#fff; font-size:11px; line-height:16px; background-color:#1e7bcb;}
.purpose_box dd{padding:12px 12px 10px; color:#666; line-height:18px; text-align:left;}
.purpose_bottom{ width:100%; border-top:2px solid #f8b551; border-bottom:2px solid #f8b551; padding:20px 0; font-family:NGBold; font-size:20px; text-align:center; margin-top:20px; color:#434343; background-color:#fcfcfc;}

/*인천평생학습관*/
.learning_tit{ border:1px solid #c25421; width:50%; text-align:center; margin:0 auto; padding:15px 0; font-family:NGBold ; color:#fff; font-size:25px; background:url('/images/template/common/orange_re_bg.gif') repeat;}

/*선물신고*/
.report{font-family:NGBold; margin:-30px 0 0 0; overflow:hidden;}
.report dt{ position:relative; top:65px; background:url('/images/template/common/report.png') no-repeat 0 0; float:left; width:138px; height:45px; text-align:center; color:#fff; font-size:14px; line-height:45px; z-index:999;}
.report dd{ position:relative; float:right; background:#f1f1f1; padding:28px 25px 28px 70px; width:75%; color:#666; font-family:NGNormal !important; line-height:18px; z-index:0; }
.report dd strong{ color:#2c8daa; font-size:18px; line-height:30px; display:block; margin-bottom:10px;}
.report_arrow{ text-align:center; padding-top:15px;}
.report_arrow span{ padding-left:10px; font-family:NGBold; font-size:14px; color:#eb6100;}


/*청탁등록메뉴얼*/
.request{font-family:NGBold; margin:-30px 0 0 0; overflow:hidden;}
.request dt{ position:relative; top:65px; background:url('/images/template/common/request.png') no-repeat 0 0; float:left; width:150px; height:45px; text-align:center; color:#fff; font-size:14px; line-height:45px; z-index:999;}
.request dd{ position:relative; float:right; background:#f1f1f1; padding:28px 25px 28px 70px; width:70%; color:#666; font-family:NGNormal !important; line-height:18px; z-index:0; }
.request_arrow{ text-align:center; padding-top:15px;}

/*예산서*/
.budget_select{float:right;}
.budget_select select{ width:100px; border:1px solid #999;}

/*교육재정*/
.finance{ width:100%;}
.finance_title{ height:134px; padding:50px 0 0 30px; font-family:NGBold; font-size:32px; color:#666; letter-spacing:-0.5px; background:url("/images/template/common/finance_bg.gif") no-repeat right; letter-spacing:-1px;}
.finance_box{ width:100%; text-align:center;}
.finance_box dl{ border:1px solid #ddd; width:237px; margin-right:3px; display:inline-block; overflow:hidden; clear:both; margin-bottom:15px;}
.finance_box dt{padding:12px 0 10px; color:#fff; font-size:11px; line-height:16px; background-color:#1e7bcb;}
.finance_box dd{padding:12px 12px 10px; color:#666; line-height:18px; text-align:left;}

/*교육복지개요*/
.welfare_box{ width:100%; text-align:center;}
.welfare_box dl{ border:1px solid #ddd; width:220px; height:250px; margin-right:3px; display:inline-block; overflow:hidden; clear:both; margin-bottom:15px;434343}
.welfare_box dt{padding:12px 0 10px; color:#fff; font-size:11px; line-height:16px; background-color:#1e7bcb;}
.welfare_box dd{padding:12px 12px 10px; color:#666; line-height:18px; text-align:left;}


/*심의신청안내*/
.clean_apply {overflow:hidden;}
.clean_apply li {float:left; width:33%; padding:30px 0; text-align:center; font-family:NGBold !important; font-size:14px;}
.clean_apply li span {width:70%; height:70px; background:#f8f8f8; border:1px solid #ccc; padding:10px 0; display:block; margin:0 auto;}
.clean_apply li p {font-size:13px; color:#777; padding:10px 10px 0 10px;}
.clean_apply li.bg01 {background:url('/images/template/common/s_arrow_r.gif') no-repeat right 50%;}
.clean_apply li.bg02 {background:url('/images/template/common/s_arrow_r.gif') no-repeat right 50%;}
.clean_apply li.bg03 {background:url('/images/template/common/s_arrow_b.gif') no-repeat 50% bottom;}
.clean_apply li.bg04 {background:url('/images/template/common/s_arrow_l.gif') no-repeat left 50%;}
.clean_apply li.bg05 {background:url('/images/template/common/s_arrow_l.gif') no-repeat left 50%;}
.clean_apply li.bg06 {background:url('/images/template/common/s_arrow_b.gif') no-repeat 50% bottom;}
.clean_apply li.bg07 {background:url('/images/template/common/s_arrow_r.gif') no-repeat right 50%;}


/*실과별탭*/
.departTab { width:100%;  text-align:left; margin:-25px 0 0; overflow:hidden;}
.departTab ul { overflow:hidden; float:left; margin-right:20px; }
.departTab ul li { float:left; margin:0 2px 2px 0; }
.departTab ul li a { float:left; display:block; width:82px; height:29px; position:relative; text-indent:-50000px;  }
.departTab ul li.depart01 a {  background:url("/images/template/common/depart01.gif") no-repeat 0 0;  }
.departTab ul li.depart02 a {  background:url("/images/template/common/depart02.gif") no-repeat 0 0;  }
.departTab ul li.depart03 a {  background:url("/images/template/common/depart03.gif") no-repeat 0 0;  }
.departTab ul li.depart04 a {  background:url("/images/template/common/depart04.gif") no-repeat 0 0;  }
.departTab ul li.depart01.on a {  background:url("/images/template/common/depart01.gif") no-repeat 0 -29px;  }
.departTab ul li.depart02.on a {  background:url("/images/template/common/depart02.gif") no-repeat 0 -29px;  }
.departTab ul li.depart03.on a {  background:url("/images/template/common/depart03.gif") no-repeat 0 -29px;  }
.departTab ul li.depart04.on a {  background:url("/images/template/common/depart04.gif") no-repeat 0 -29px;  }
.departTab p{ float:left;}
.departTab p select{ height:29px; border:1px solid #ddd; }

/*대가지급과정조회*/
.inquiry dl.inquiry03{ margin:30px 0 0 22px; font-size:14px; background:url("/images/template/common/blue_line.gif") no-repeat 0 0; overflow:hidden; padding-top:10px; font-family:NGBold;}
.inquiry dl.inquiry03 dt{ float:left; color:#1e7bcb; clear:both; margin-bottom:7px; width:100px; line-height:26px;}
.inquiry dl.inquiry03 dd{ float:left; margin:0 0 7px 0; font-family:dotum; font-size:12px; width:83%;}
.inquiry dl.inquiry03 dd .input_cost { width:15%;}.inquiry >span{ margin:10px 0 0 103px;}

/*부교육감일정*/
	.month{ color:#444; font-weight:bold; margin-top:5px;}
	.month span{ margin:0 10px;}
	.month img{ vertical-align:middle;}
	/*버튼*/
	.cal_btn{ position:absolute; left:10px; top:70px; }
	.cal_btn li{ float:left; }

	table.calendar_table{ width:90%; font-size:12px; margin-top:1px; color:#433400; height:210px;}
	table.calendar{ width:90%; font-size:11px; margin-top:5px; color:#433400; width:200px; height:140px;}
	table.calendar caption{ display:none;}
	table.calendar thead th{ background:url('/images/template/common/day_02.png') no-repeat 50% 50%;  font-weight:normal; color:#fff; height:15px; }
	table.calendar tbody tr{height:18px; }
	table.calendar tbody td{ background-color:#F0EEEE; border:1px solid #fff;}

	table.calendar thead th.day_sun{background:url('/images/template/common/day_01.png') no-repeat 50% 50%; }
	table.calendar thead th.day_sat{background:url('/images/template/common/day_03.png') no-repeat 50% 50%; }
	.day_on{ background:url('/images/template/common/cal_on.gif') no-repeat 50% 50%; color:#fff;}
	.day_on a:link{ color:#fff; display:block;}
	.day_on a:visited{ color:#fff;}
	table.calendar tbody td.day_today {background-color:#0066AB; }
	.day_today a:link{color:#fff; display:block;}
	.day_today a:visited{color:#fff;}

	.schedule_table {
		border-top:1px solid #e1e1e1;
		border-left:1px solid #e1e1e1;
		border-collapse:collapse;
	}
	.schedule_table td {
		color:#666666;
		border-right:1px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;
	}

	.entr_tb {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
}
.entr_tb th, .entr_tb td {
	border-top:1px solid #d9d9d9;
	padding:4px 0 4px 5px;
	font-size:12px;
	color:#666666;
}
.entr_tb th {
	font-size:12px;
	background-color:#f8f8f8;
	font-weight:normal;
}
.entr_input {
	border:1px solid #bec9d6;
	padding:2px;
	font-size:12px;
	color:#666666;
}


/*정보교육*/
.info_vision_w{ width:100%;  text-align:center;}
.info_vision_m{ display:none; width:100%;  text-align:center;}


/*탭*/
.tab_layer02 {position:relative; zoom:1; height:42px; font-family:NGBold; font-size:13px; margin-left:20px; }
.tab_layer02 li {float:left; margin-right:5px;}
.tab_layer02 li a {display:block; float:left; padding-left:20px; line-height:42px; background:url(/images/template/common/btn_tab.gif) 0 0 no-repeat; color:#454545;}
.tab_layer02 li a.link {color:#454545;}
.tab_layer02 li a span {display:block; height:42px; padding:0 20px 0px 0; background:url(/images/template/common/btn_tab.gif) 100% 0 no-repeat; cursor:pointer; text-align:center;}
.tab_layer02 li.on a,
.tab_layer02 li:hover a { background-position:left -42px; color:#fff;}
.tab_layer02 li.on a span,
.tab_layer02 li:hover a span { height:42px; background-position:100% -42px;}
.tab_layer02:after {display:block; content:""; height:0px; clear:both; visibility:hidden;}


/*기관로그인*/
.org_login{ background:#fff url("/images/template/common/org_img.png") no-repeat 25px 25px; padding:3%; width:94%; border:1px solid #1e7bcb; font-family:NGNormal; border-radius:12px;  }
.org_login:after{ content:""; display:block; clear:both;}
.org_login h2{ padding:20px 0 0 220px; font-size:30px; font-family:NGBold}
.org_login h2 strong{ color:#1e7bcb;}
.org_login p{ margin:10px 0 15px 220px; line-height:18px;}
.org_login .login_box{ margin:10px 0 0 220px; float:left; width:200px; }
.org_login .login_box dt{ float:left; clear:both; width:70px; line-height:20px; margin-top:3px; color:#d76413; }
.org_login .login_box dd{ float:left; margin-top:3px;}
.org_login .login_box dd input{ height:16px; width:120px;}
.org_btn01{ margin:15px 0 0 5px; float:left;}
.org_btn02{ margin:10px 0 0 220px;padding-bottom:10px; }
.org_btn02:after{ content:""; display:block; clear:both;}
.org_btn02 span.btn7{ margin:0 5px 0 0 !important; }


/*설문조사안내*/
.survey_img{ text-align:center; margin:50px auto 40px;}
.survey_em{ display:block; font-family:NGBold; text-align:center; color:#1e7bcb; font-size:28px; }

/*임대주택*/
.span.normal{ font-weight:normal; font-size:13px; color:#777;}

/*부패공익신고*/
.public_l{ float:left; width:47%;}
.public_r{ float:right; width:47%;}



/* 반응형 css */

@media screen and (max-width :980px) {

/* #header{ position:fixed; } */
.map_arrow0201{ display:none;}
.map_arrow0202{  display:none;}
.stra0301{  display:none;}
.stra0302{ display:none;}
.stra0303{ display:none;}
.stra04 span{  display:none;}
.stra05 span{  display:none;}


/*정보교육*/
.info_vision_w{ display:none;}
.info_vision_m{ display:block;}


/*추진방향 및 중점과제*/
.upright_01{ background:none; border:1px solid #ddd; padding:5%; width:90%; height:auto; overflow:hidden; font-family:NGBold; text-align:center;}
.upright_wrap{ width:100%; overflow:hidden; float:right; margin:0 quto; }
.upright_0101{ width:100%; background:#3f9aca; padding:3% 0;}
.upright_0102{width:100%; background:#e98035; padding:3% 0; margin:20px auto 0;}
.upright_0103{ overflow:hidden; width:100%; margin:20px auto 0;border:1px solid #dd}
.upright_0103>li{ clear:both; width:100%; margin:0 0 10px 0; height:auto;}
.upright_0103>li dt{font-size:14px; background:#f6f6f6; width:100%; padding:1.5% 0; clear:both;  }
.upright_0103>li dd{ margin:0 0 0; padding:10px 20px; border:1px solid #ddd;}

.visit{ display:none; }
}

@media screen and (max-width:800px) {



/*탭*/
.tabTy1 ul { width:100%; }
.tabTy1 ul li { margin:0 0 5px 2%; width:31.1%;}
.tabTy1 ul li a { padding:2px 0 0 2%; width:98%; }
.tabTy1 ul li a:hover { width:98%;  }
.tabTy1 ul li.on a { width:98%; }

.tabTy1_1 ul { width:100%; }
.tabTy1_1 ul li { margin:0 0 5px 2%; width:31.1%;}
.tabTy1_1 ul li a { padding:2px 0 0 2%; width:98%; }
.tabTy1_1 ul li a:hover { width:98%;  }
.tabTy1_1 ul li.on a { width:98%; }

.tabTy3 ul { width:100%;  }
.tabTy3 ul li { margin:0 0 5px 2%; width:31.1% }
.tabTy3 ul li a { padding:2px 0 0 2%; width:98%; }


.visit{ display:none; }

}


@media screen and (max-width:780px) {
.map_naver{ display:none;}


/*직업교육*/
.career_01{ background:url('/images/template/common/career_01_m.gif') 50% 50% no-repeat; height:1467px; ftext-align:center;}
.career_0101 dt span{ clear:both; display:block; font-size:13px; color:#afe3ff; margin-top:7px;}
.career_0101 dd{ overflow:hidden; width:100%; margin:45px auto 0;}
.career_0101 dd li{ float:none; clear:both; width:220px; height:55px; margin:0 auto 4px; line-height:18px; }
.career_0102_w{ position:relative; width:100%; margin:75px auto 0; clear:both; color:#fff; }
.career_0102{ margin:0 auto; width:220px; }
.career_0103{ position:relative; width:220px; left:0; margin:95px auto 0; text-align:center; }
.career_0104{ position:relative; width:220px; right:0; margin:45px auto 0; text-align:center; }
.career_0105{ text-align:center; margin:120px auto 0; width:100%;}
.career_0105 >dd{ overflow:hidden; margin:53px auto 0; width:220px; clear:both; }
.career_0105 >dd.fL{ float:none !important;}
.career_0105 >dd.fR{ float:none !important;}
/**/
.career_02{ background:url('/images/template/common/career_02_m.gif') 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; width:100%; height:1104px; font-family:NGBold; text-align:center;}
.career_0201{ width:200px;}
.career_0202{ width:200px;}
.career_0203{ overflow:hidden; width:200px; margin:55px auto 0;}
.career_0203>li{ float:none; clear:both; width:100%; height:250px; margin:0 0 5px;}
.career_0203>li dd{ margin:50px 5px 0;}
.career_0204{ margin-top:10px; width:200px;}
/**/
.career_03{ background:url('/images/template/common/career_03_m.gif') 50% 50% no-repeat; height:719px;}
.career_03 em{ width:200px; margin:8px auto 0; font-size:16px; }
.career_03>ul{ width:200px; margin:100px auto 0;}
.career_03>ul>li{ width:100%; float:none; height:183px; margin-bottom:20px;}

/*인천교육의 기본방향*/
.edu_plan{ width:204px; height:1588px; background:url('/images/template/common/edu_planBg_m.gif') no-repeat 0 0;}
.edu_plan01{ width:204px; padding-top:50px; }
.edu_plan01 li{ width:100%; float:none; margin:0 0 180px 0;}
.edu_plan02{ margin:-55px 0 0 0; }
.edu_plan02 dt{ font-size:16px;}
.edu_plan02 dt strong{ font-size:30px;}
.edu_plan02 dd{ margin:190px 0 0 0;}
.edu_plan02 dd li{ float:none; width:100%; height:238px;}


/*추진방향 및 중점과제
.upright_01{ background:url('/images/template/common/upright_02.gif') 50% 50% no-repeat; border:1px solid #ddd; padding:5% 0; width:100%; height:931px; font-family:NGBold; text-align:center;}
.upright_0101{ width:200px;}
.upright_0102{ width:200px;}
.upright_0103{ overflow:hidden; width:200px; margin:60px auto 0;}
.upright_0103>li{ float:none; clear:both; width:100%; height:137px; margin:0 0 5px;}
.upright_0103>li dt{font-size:14px;}
.upright_0103>li dd{ margin:25px 5px 0;}*/

/*인천평생교육 비젼과 목표*/
.purpose_tit{ width:95%; height:auto; background:#f4f4f4 !important; border:1px solid #cfcfcf; padding:0 10px;}
.purpose_tit em{padding-bottom:45px;}
.purpose_tit01 span{display:block; padding-top:70px; font-family:NGBold; font-size:16px; color:#434343;}

.visit{ display:none; }
}

@media screen and (max-width:768px) {
/*인사말*/
.greeting{ position:relative; min-height:700px;  font-family:NGBold; }
.greeting p.sign{ position:relative; margin:40px 0 0 0; background:url('/images/template/common/intro_0102.png') no-repeat 100% 100%; height:60px; width:220px; z-index:10; position:relative; }

.web{ display:none;}
.mobile{ display:block;}

.box_1px.img01{ background:none;}
.box_1px.img01 ul{ width:100% !important;}

.box_2px.img03{ background:none;}
.box_2px.img03 dl{ width:96% !important;}


/*인증서로그인*/
.login01 .box{ padding:3% 3% 0; }
.login01 .box dl{ width:100%; clear:both; margin-bottom:3%; }

/*모니터단*/
.monitor{ position:relative;}
.monitor img.img_monitor{ display:none;}
.clear_monitor{ display:inline; clear:none;}

.visit{ display:none; }

}



@media screen and (max-width:750px) {

/*주요업무계획*/
.planWork01{ padding:7%; width:33%; height:200px; }
.planWork02{ padding:7%; width:33%; height:200px; }
.planWork03{ padding:7%; width:33%; height:200px; }
.planWork04{ padding:7%; width:33%; height:200px; }

/*부패공익신고*/
.public_l{ float:none; width:100%;}
.public_r{ float:none; margin-top:40px; width:100%;}

.m_none{ display:none;}

.img_ul{ text-align:center; margin-top:20px; border:1px solid #e8e8e8; padding:20px 0;}
.img_ul li{ display:inline-block; vertical-align:middle;}
.img_ul li span{ display:block; padding-top:10px;}
.arrow_r{display:none !important;}
.arrow_b{display:block !important; padding:10px 0;}

/*조직도*/
.organize{ position:relative; }
.organize p{ text-align:center; }
.organize p.or_w{ display:none; }
.organize p.or_m{ display:block; }
.organize ul { display:none; }

/*CI소개*/
.ci01 img{ width:80%;}
.ci02 li span img{ width:80%;}
.ci02 li p{ float:left; width:75%; margin:1% 0 0 3%;line-height:120%; text-align:justify;}


/*온라인증명민원*/
.homedu{ background:none;;}
.homedu h2{ margin-bottom:12px; margin-left:0;}
.homedu p{ margin-left:0;}

.imageBox {width:30%;}

/*선물신고*/
.report{ margin:15px 0 0 0; }
.report dt{ top:0; }
.report dd{ clear:both; padding:25px 5%; width:90%; margin:5px 0 0 0; }

/*청탁등록메뉴얼*/
.request{ margin:15px 0 0 0; }
.request dt{ top:0; }
.request dd{ clear:both; padding:25px 5%; width:90%; margin:5px 0 0 0;}


/*브랜드*/
.brand01 .dl2 dd{ margin-top:-20px; text-align:center; }
.brand01 .dl1 dd img{ width:85%;}
.brand01 .dl2 dd img{ width:70%;}


/* h_그래프 */
.hGraph2 li .gBar_wrap{ width:50%; }
.hGraph2 li p.gBar_txt{ width:48%;}
/*탭*/
.tabTy2 { width:100%; text-align:center; margin-bottom:30px; }
.tabTy2 ul { width:100%; background:none; }
.tabTy2 ul:after {display:block; content:''; clear:both;}
.tabTy2 ul li { margin:0 0 1px 1px; float:left; height:36px; border-left:none; background:#616161; padding:0; width:100%; }
.tabTy2 ul li a { float:left; display:block; height:36px; line-height:36px; display:block; color:#ccc; font-size:13px; font-family:NGBold; text-align:center; width:100%;  }
.tabTy2 ul li a:hover { color:#fff; }
.tabTy2 ul li.on { background:#de7a32;  }
.tabTy2 ul li.on a { background:none; color:#fff; font-weight:bold; padding-bottom:0; }


/*교육과정 운영계획*/
.plan{ background:none; overflow:hidden; }
.plan_ul{ margin:60px 0 0 0;}
.plan_ul >li{ margin-left:0; width:100%;}
.plan .ice_character{ background:#fafafa;}
.plan .ice_character dl{ width:100%; float:left; }

/*스텝*/
.joinwrap .step li { width:100%; height:40px; margin:0 0 2px 0; background-image:none;  }
.joinwrap .step li.on { background-image:none; }
.joinwrap .step li.next {background-image:none; }
.joinwrap .step li span { margin-top:8px; padding-left:0; }
.joinwrap .step li.st01 { background-image:none; }
.joinwrap .step li.st01 span {  background-image:none; }
.joinwrap .step li.st02 span {  background-image:none; }
.joinwrap .step li.st03 span { background-image:none; }
.joinwrap .step li.st04 span {  background-image:none;}
.joinwrap .step li.st05 span {  background-image:none; }


.info_tel02 dl.long{ width:91%; margin:0 0 2% 0; padding:4%; }

.info_tel02 dl.long02{ width:91%; margin:0 0 2% 0; padding:4%;}

	/*미션,비젼*/
.mission{ margin:15px 0 0 0; }
.mission dt{ top:0; }
.mission dd{ clear:both; padding:25px 5%; width:90%; margin:5px 0 0 0; }
.vision{ margin:0 0 0 0; }
.vision dt{ top:0; }
.vision dd{ clear:both; padding:25px 5%; width:90%; margin:5px 0 0 0; }

.goodpartner span{ display:block; clear:both; }

/*전략맵*/
.strategy_map dt{ width:150px; height:40px;}
.strategy_map dd{  border:1px solid #ccc; clear:both; width:100%; margin-top:5px;}
.stra01 dd ul li{ width:28%;}
.stra02 dd ul li{ width:45%;}
.stra03 dd ul li{ width:45%;}
.stra04 dd ul li{ width:45%;}

/*인증서로그인*/
.loginWrap{ background-image:none; }
.login01{ width:50%; margin:0; text-align:center;  }
.login02{ width:50%; text-align:center;  }
.loginWrap .common_ul04{ width:94%; margin:3% 0 0 0; }

.visit{ display:none; }

}



@media screen and (max-width:640px) {

.imgsize img{ width:100%;}


/*인천평생학습관*/
.learning_tit{ border:1px solid #c25421; width:80%;}

/*CI소개*/
.ci03 li{ clear:both; border:1px solid #ddd; padding:2% 3%; margin:0 0 2%; overflow:hidden; }
.ci03 li span img{ width:100px; height:20px;}
.ci03 li dl{ float:left; width:70%; margin:2px 0 0 1%;}


/*탭*/
.tabTy1 ul { width:100%; }
.tabTy1 ul li { margin:0 0 5px 2%; width:47%;}
.tabTy1 ul li a { padding:2px 0 0 2%; width:98%; }
.tabTy1 ul li a:hover { width:98%;  }
.tabTy1 ul li.on a { width:98%; }

.tabTy1_1 ul { width:100%; }
.tabTy1_1 ul li { margin:0 0 5px 2%; width:47%;}
.tabTy1_1 ul li a { padding:2px 0 0 2%; width:98%; }
.tabTy1_1 ul li a:hover { width:98%;  }
.tabTy1_1 ul li.on a { width:98%; }

.tabTy3 ul { width:100%;  }
.tabTy3 ul li { margin:0 0 5px 2%; width:47% }
.tabTy3 ul li a { padding:2px 0 0 2%; width:98%; }


/*연혁*/
.history2 > ul{ margin:30px 0 0 40px; background:url('/images/template/common/history_line.png') repeat-y 0 0;}
.history2 > ul dt{ font-family:NGBold; font-size:13px; width:100px; float:left; line-height:20px; padding:0 0 2px; background:url('/images/template/common/history_bullet.png') no-repeat 0 0; padding-left:30px; }
.history2 > ul dd{ float:left; line-height:20px; margin:3px 0 0 30px; width:60%; }

/*장학교실*/
.edu_title{ background:none !important}

/*주민번호대체서비스*/
.ipin{ margin-top:10px; }
.ipin dt{ background:#1e7bcb; color:#fff; padding:10px 0 10px 20px; font-family:NGBold; }
.ipin dd{ background-image:none;  }
.ipin dd ul{ margin:0 20px; }
.ipin dd ul li{ margin-bottom:5px;}

/*이메일 수집거부*/
.email{ background:none;}
.email h2{ padding:20px 0 0 0; }
.email ul{ margin:15px 0 0 0;}

/*뷰어프로그램*/
.viewer_program ul li{ float:left; width:49%; margin:0 0 1% 1%; height:60px; background-image:none !important; }
.viewer_program ul li p{ display:none;}
.viewer_program ul li strong{  margin:20px 0 0 20px; }

/*사이트맵 */
.sitemap li ul li h6{width:30%;}
.sitemap li ul li ul{width:68%;}

/* 회원가입 */
.joinwrap .greet{  font-size:13px;}
.joinwrap .greet p{  font-size:14px; line-height:18px; }
/*본인인증*/
.getCertify2way dl { width:96.8%;}
.getCertify2way dl.ipin_confirm{ border-right:none; padding-bottom:30px; margin-bottom:10px; border-bottom:1px solid #eee;}

/*주요업무계획*/
.planWork01{ padding:7%; width:84%; }
.planWork02{ padding:7%; width:84%; }
.planWork03{ padding:7%; width:84%; }
.planWork04{ padding:7%; width:84%; }

/*기관로그인*/
.org_login{ background:#fff url("/images/template/00005/images/sub/org_img.png") no-repeat 50% 10px; padding-bottom:20px; }
.org_login:after{ content:""; display:block; clear:both;}
.org_login h2{ padding:160px 0 0 0; text-align:center; }
.org_login h2 strong{ color:#1e7bcb;}
.org_login p{ text-align:center; margin:10px 0 15px 0;}
.org_login .login_box{ margin:10px auto; float:none; width:300px;  }
.org_btn01{ margin-top:-18px; }
.org_btn02{ margin:10px auto; width:245px; }
.org_btn02 span.btn7{ margin:0 5px 0 0 !important; }

.visit{ display:none; }

}



@media screen and (max-width:570px) {

/*주요업무계획*/
.planWork01{ padding:7%; width:82%; height:200px; background-position:100% 100%;  }
.planWork02{ padding:7%; width:82%; height:200px; background-position:100% 100%;  }
.planWork03{ padding:7%; width:82%; height:200px; background-position:100% 100%; }
.planWork04{ padding:7%; width:82%; height:200px; background-position:100% 100%; }

.imageBox {width:50%;}

/*대가지급과정조회*/
.inquiry dl.inquiry03 dd{width:95%;}


/*인사말*/
.greeting{ position:relative; min-height:700px; font-family:NGBold; }
.greeting p.greet_img img{ width:85%; float:right;}


/*브랜드*/
.brand01 .dl1{ width:100%;}
.brand01 .dl2{ width:100%; margin-top:40px;}
.brand01 .dl1 dd img{ width:60%;}
.brand01 .dl2 dd img{ width:30%;}

/* h_그래프 *//* h_그래프 */
.hGraph2 li .gBar_wrap{ width:100%;}
.hGraph2 li p.gBar_txt{ margin-top:5px; width:100%; clear:both;}

/*성적조회*/
.inquiry{ background:none;}
.inquiry p.ptxt01{ width:85%; }
.inquiry p.ptxt02{ width:85%;}
.inquiry p span{ display:inline; clear:none;}


/*인증서로그인*/
/*
.login01{ background-image:none;}
.login01 h2{ padding:5px; }
.login01 ul{ margin:5px;}
*/

/*인증서로그인*/
.login01{ width:100%; margin:3% 0 0; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:5%;  }
.login02{ width:100%; text-align:center; margin:4% 0 0;  }
.loginWrap .common_ul04{ width:94%; margin:5% 0 0 0; }

.login_tip{ background:#fbfaf9; padding:5%; width:90%; margin:3% 0 0; }
.login_tip:after{ content:""; display:block; clear:both;}
.login_tip h2{ font-size:17px; color:#1e7bcb; font-family:NGBold}
.login_tip ul{ margin:2% 0 0; line-height:18px; background:#fff; padding:3%;}
.login_tip ul li+li{ margin-top:7px; color:#444;}


/*공공아이핀*/
.i-pin{ background-image:none; }
.i-pin h2{ padding:20px 0 0 0; }
.i-pin p{ margin:10px 0 15px 0;}
.i-pin span{ margin:0 0 0 0;}

/*사이트맵 */
.sitemap li ul li h6{ width:98%; margin-bottom:5px;}
.sitemap li ul li ul{ width:98%; clear:both; padding:0 0 0 2%}

/*전화번호안내*/
.info_tel dl{ width:92%; margin:0 0 2% 0; padding:4%;}
.info_tel02 dl{ width:91%; margin:0 0 2% 0; padding:4%;}

.info_tel02 dl.short{ width:91%; margin:0 0 2% 0; padding:4%; }
.goodpartner{ background:url('/images/template/common/goodpartner.png') no-repeat 80% 0; letter-spacing:0;}
.goodpartner p{ padding:120px 180px 0 0; font-size:22px;}

.visit{ display:none; }

}



@media screen and (max-width:480px) {

/*인사말*/
.greeting{ position:relative; min-height:830px;  font-family:NGBold; }

/*CI소개*/
.ci03 li span img{ width:80px; height:20px; }
.ci03 li dl{ float:left; width:70%; margin:2px 0 0 0; }
.ci03 li dt{ float:left; font-weight:bold; font-size:14px; width:20%; text-align:center;}
.ci03 li dd{ float:left; width:80%;}

/*브랜드*/
.brand02{ overflow:hidden;}
.brand02 dl { border-top:1px dashed #ddd; overflow:hidden;  }
.brand02 dl:first-child{ border-top:none;}
.brand02 dl dt{ clear:both; padding-left:50px; height:43px;line-height:43px;font-size:14px; font-weight:bold; width:20%; float:left;}
.brand02 dd{ font-size:12px; padding:0 0 15px 50px; clear:both; }
.brand03 span img{ width:80%;}
.brand04 span img{ width:40%;}

/*담당자*/
.charge dt{ clear:both; }

/* 버튼 */
.btn_l{ text-align:center; margin:15px 0;}
.btn_c{ text-align:center; margin:15px 0;}
.btn_r{ text-align:center; margin:15px 0;}

/*box*/
.box_1px{ width:90%; border:1px solid #e8e8e8; padding:4% 5%; margin-bottom:3%;}

.goodpartner{ min-height:160px; background-size:100%; text-align:left;}
.goodpartner p{ padding:25% 0 0 30px; font-size:16px; line-height:18px;}

.visit{ display:none; }

}




@media screen and (max-width:400px) {


/*탭*/
.tabTy1 ul li { width:100%; }
.tabTy1 ul li a {  padding:2px 0 0 3%;  width:94%;}
.tabTy1 ul li a:hover { border-right:2px solid #de7a32; width:94%;  }
.tabTy1 ul li.on a { border-right:2px solid #de7a32;  width:94%;}

.tabTy1_1 ul li { width:100%; }
.tabTy1_1 ul li a {  padding:2px 0 0 3%;  width:94%;}
.tabTy1_1 ul li a:hover { border-right:2px solid #de7a32; width:94%;  }
.tabTy1_1 ul li.on a { border-right:2px solid #de7a32;  width:94%;}

.tabTy3 ul li { width:100% }
.tabTy3 ul li a { padding:2px 0 0 3%; width:94%; }

/*성적조회*/
.inquiry dl dd{ float:none; margin:0 5px 15px 0; clear:both;}


/*인증서로그인*/
.login01 .box dl dd{ float:left; margin:0 0 5px 7px; clear:both;}
/*인증서등록*/

.login02 .box span{ margin: 3px; clear:both; display:block;}


/*기관로그인*/
.org_login .login_box{ margin:10px auto; height:50px; float:none; width:200px;  }
.org_btn01{ margin:10px auto; clear:both; width:90px; float:none; }
.org_btn02{ margin:10px auto; width:250px; }
.org_btn02 span.btn7{ margin:0 5px 0 0 !important; }

.visit{ display:none; }

}