@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하 평생학습관
/* Date : 2015-10-19 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 공통스타일
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Common */
.blind {position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; }
.pl20 { padding-left: 20px;}
.mB50 { margin-bottom: 50px!important;}
.mB40 { margin-bottom: 40px!important;}
.mB30 { margin-bottom: 30px!important;}
.mB20 { margin-bottom: 20px!important;}
.mB10 { margin-bottom: 10px!important;}
.mL10 { margin-left: 10px!important;}
.mt10 { margin-top: 10px!important;}
.mt20 { margin-top: 20px!important;}
.mt30 { margin-top: 30px!important;}
.mt70_full { margin-top: 70px!important;}

 /* Color */
.red, a.red {color:#e65231!important;}
.orange, a.orange {color:#ff7113!important;}
.blue, a.blue {color:#4554b3!important;}
.sky, a.sky {color:#0084aa!important;}
.green, a.green {color:#008c44!important;}
.olive, a.olive {color:#529823!important;}
.pp, a.pp { color: #4b5399!important; }

 /* font */
.point { font-weight: 800!important; font-size: 24px!important; }
.bigfont { font-weight: bold!important; font-size: 20px!important; }
.bold { font-weight: bold; }
.spacing { letter-spacing: 1.2px; }

.fs16 { font-size: 16px!important; }
.fs18 { font-size: 18px!important; }
.fs20 { font-size: 20px!important; }
.fs22 { font-size: 22px!important; }
.fs24 { font-size: 24px!important; }
.fs30 { font-size: 30px!important; }

.tl { text-align: left!important;}
.tc { text-align: center!important;}
.tr { text-align: right!important;}

span[class^="bgr_"], em[class^="bgr_"] {padding:3px 5px 2px;border-radius:3px;color:#fff;font-size:0.923em;font-weight:700}
.bgr_red {background-color:#e65231}
.bgr_blue {background-color:#2466c0}
.bgr_sky {background-color:#0084aa}
.bgr_green {background-color:#008c44}
.bgr_olive {background-color:#529823}

/* Tab */
.tab_menu { margin:0px 0 50px}
.tab_menu li { float:left; width: 25%;}
.tab_menu li a {display:block; position:relative; height:42px; margin:-1px 0 0 -1px; padding:0 20px; border:1px solid #d2d4d8; background:#ebeeef; color:#6f6f6f; text-align:left; line-height:44px; text-decoration:none; transition:all .2s}
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus {border-color:#ccc; background-color: #DFDFDF; color:#222; z-index:1}
.tab_menu li.current a { position:relative; border-color:#d8507d; font-weight:700; z-index:2; background:#d8507d url(../../images/sub/tab_on.png) 90% 50% no-repeat; color: #fff; }
.tab_menu li a img { margin-right:-5px}


/* Heading */
h3.bar { margin-bottom: 10px; padding-left: 10px; font-size: 22px; line-height: 24px; font-weight: bold; color: #3b4a98; background: url(../../images/sub/icon_h3.gif) 0px 0px no-repeat; box-sizing: border-box; }
h4.circle { margin: 10px 0 10px 10px; padding-left: 15px; font-size: 18px; line-height: 20px; font-weight: bold; color: #444; background: url(../../images/sub/icon_h4.gif) 0px 50% no-repeat; box-sizing: border-box; }
h3.bar + h4.circle  { margin-top: 20px}
h5 { font-weight: bold; }

h3, h3 span { vertical-align: top; }
h3.bar.bposition {background-position: 0 9px;}
@media (max-width:480px) {
	h3.bar a { display: block; margin-bottom: 1px; } 

}
/* 문단 */
.h3content { margin: 0 0 30px 5px; padding: 0 0 5px 5px; box-sizing: border-box; position: relative; text-align: justify; }
.h4content { margin: 0 0 30px 15px; padding: 0 0 5px 12px; box-sizing: border-box; position: relative; text-align: justify; }
.h5content { margin: 0 0 30px 15px; padding: 0 0 5px 12px; box-sizing: border-box; position: relative; text-align: justify; }
.h3content p, .h4content p { padding-bottom: 5px; text-align: justify;}

.contentBox {margin: 0 0 30px 0; }
.contentBox p {padding-bottom: 15px; }
.contentBox .ttl { font-size: 30px; line-height: 40px; padding-bottom: 15px;}
.contentBox .ttl span { color: #3c62bd; }

/* Btn */
.btn_link { display: inline-block; height: 30px;margin-bottom: 2px; padding: 5px 35px 5px 18px; line-height: 30px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_link.png) 90% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }

.btn_link_b { display: inline-block; height: 35px;margin-bottom: 2px; padding: 5px 35px 5px 18px; line-height: 35px; color: #fff!important; background: #ED2B6B url(../../images/sub/btn_link.png) 90% 50% no-repeat; }
.btn_link_b:hover { background-color: #C7426E; text-decoration: none; }
.change_color {
	animation-name: example;
	animation-duration: 0.4s;
	animation-iteration-count: infinite; 
}
@keyframes example {
  0%   {background-color: #FF2355;}
  100% {background-color: #B3183B;}
}
.url_link { display: inline-block; height: 40px; padding: 5px 30px 5px 0px; line-height: 40px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 88% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }

.btn_file { display: inline-block; height: 28px; padding: 5px 35px 5px 18px; line-height: 28px; border: 1px solid #ddd; border-left: 2px solid #333C7D; color: #333C7D!important; background: #fff url(../../images/sub/btn_file.png) 97% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }

.btn_file_a { display: inline-block; height: 30px; padding: 5px 35px 5px 18px; line-height: 30px; border: 1px solid #2C5B93; border-left: 2px solid #333C7D; color: #fff!important; font-weight: bold; background: #2C5B93 url(../../images/sub/btn_file_w.png) 97% 50% no-repeat; }
.btn_file_a:hover { background-color: #1C4E8B; text-decoration: none; }

.btn_file_b { display: inline-block; height: 30px; padding: 5px 35px 5px 18px; line-height: 30px; border: 1px solid #C7426E; border-left: 2px solid #333C7D; color: #fff!important; font-weight: bold; background: #C7426E url(../../images/sub/btn_file_w.png) 97% 50% no-repeat; }
.btn_file_b:hover { background-color: #A01D48; text-decoration: none; }

.btn_room { display: inline-block; height: 30px;margin-bottom: 2px; padding: 5px 30px 5px 18px; line-height: 30px; color: #fff!important; background: #C7426E url(../../images/sub/icon_arrow.png) 88% 50% no-repeat; }
.btn_room:hover { background-color: #A01D48; text-decoration: none; }

.btn_map { display: inline-block; height: 30px;margin-bottom: 2px; padding: 5px 30px 5px 18px; line-height: 30px; color: #fff!important; background: #2D6EB4 url(../../images/sub/icon_arrow.png) 88% 50% no-repeat; }
.btn_map:hover { background-color: #31579A; text-decoration: none; }

.btn_small { height: 16px!important; line-height: 16px!important; }

/* List */
.ul_dot { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_dot li { padding: 0 0 5px 10px; text-align: justify; background: url(../../images/sub/icon_arrow.gif) 0px 10px no-repeat; box-sizing: border-box; line-height: 1.5em; text-align: left;}
.ul_dot li ul { padding-bottom: 10px; }
.ul_dot li ul li { padding: 0 0 0 8px; background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; }
.ul_dot li ol li { padding: 0px; background: none; }
.ul_dot li ul li li { padding: 0 0 0 10px; background: url(../../images/sub/icon_bl.gif) 3px 10px no-repeat; }

.ul_li { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_li li { padding: 0 0 5px 10px; text-align: justify; background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; box-sizing: border-box; text-align: left;}
.ul_li li ul { padding-bottom: 10px; }
.ul_li li ul li { padding: 0 0 0 8px; background: url(../../images/sub/icon_bl.gif) 0px 8px no-repeat; }
.ul_li li ol li { padding: 0px; background: none; }

.ul_bl { position: relative; padding: 0 0 5px 20px; box-sizing: border-box; border-top: #4554b3 2px solid;}
.ul_bl li { padding: 15px 0 15px 10px; text-align: justify; background: url(../../images/sub/icon_dot.gif) 0px 23px no-repeat; box-sizing: border-box; text-align: left;}
.ul_bl li.line { border-bottom: 1px solid #ddd; }
.ul_bl li ul li { padding: 0 0 0 18px; background: url(../../images/sub/icon_bl.gif) 10px 8px no-repeat; }

.ul_bar {padding-top:5px; overflow: hidden; position: relative;}
.ul_bar li { padding: 0 0 3px 15px;  text-align: justify;background: url(../../images/sub/icon_bar.gif) 0px 9px no-repeat; box-sizing: border-box; text-align: left; }

.ul_img { clear:both; padding: 5px 0 10px; overflow: hidden; position: relative;}
.ul_img li { position:relative; float: left; width: 33.330%; box-sizing: border-box; padding: 0 1px;margin-bottom: 10px }
.ul_img li.first {clear:both;float: left;}
.ul_img li img { max-width: 100%}
.ul_img li span { position:absolute; left:1px; bottom:0; display: block; text-align: center; font-size: 14px; padding: 5px 10px; background-color: rgba(0,0,0,.8); color: #fff}
.ul_img.col2 li {width: 50%; text-align: center;}
.ul_img.col4 li {width: 25%; text-align: center;}

a.new_win {margin:0 2px;padding-right:18px;background:url(../../images/common/img_comn_tiny.png) no-repeat 100% -739px;color:#0090c6}
h4 a.new_win {font-size:0.866em;font-weight:400}

/* Image */
.img_full {margin:6px 0}
.img_full, .img_full img {max-width:100%}
.img_border {margin-bottom:30px ;padding:25px 10px !important;border:1px solid #cdd5de;text-align:center; overflow: hidden;box-sizing: border-box; }
.img_border img {max-width:100%}
.img_txt { overflow: hidden; border: 1px solid #ddd; padding: 20px 20px 10px; }
.img_area { width: 40%; float: right; }
.img_area img { width: 100%; }
.txt_area { width: 60%; float: left; }
.img_half { width: 50%; float: left; }


@media (max-width: 680px) { 
	.img_area, .txt_area, .img_half { width: 100%; clear: both; }
}	

/* Box */
.bg_box {min-height: 100px;box-sizing: border-box;border: 1px solid #cdd5de;padding: 30px 160px 20px 30px;margin-bottom: 30px;background-color: #f0f4fa;}
.basic_box {min-height: 100px;box-sizing: border-box;border: 1px solid #cdd5de;padding: 30px; margin-bottom: 30px;background-color: #f0f4fa;}
.box_head { position:relative; background: #e4e4fa url("../../images/sub/bg_box_dot.gif") repeat; padding: 35px 35px 35px; margin-bottom: 40px; border: 1px solid #d7d7f3;}
.box_head .ttl { font-size: 30px; line-height: 34px; margin-bottom: 5px; color: #4554b3; }
.box_head .subttl { margin: 0px 0 10px; font-size: 18px; line-height: 25px; }
.box_head .text { font-size: 18px; color: #000; line-height: 1.3em; margin-bottom: 5px; }
.box_head .txt { font-size: 18px; color: #444; line-height: 1.3em; margin-bottom: 5px; }
.box_head .h3content { margin-bottom: 0px; }
.boderBox { border: 1px solid  #ddd; padding: 20px 20px 10px; overflow: hidden; margin-bottom: 30px}

/* step */
.step_box { overflow: hidden; margin-bottom: 30px}
.step_box li{ float: left;  padding-left: 10px; box-sizing:border-box; margin-bottom: 10px   }
.step_box li:FIRST-CHILD{padding-left: 0px}
.step_box li dl {text-align: center; width: 98%; margin: 0 auto; }
.step_box li dt {padding:10px 0; font-weight: bold; color: #fff; background-color: #5773c3; border: 1px solid #455ea8}
.step_box li dd {line-height: 20px; background-color: #f6f6fc; border: 1px solid #cdd5de; border-top:none; padding: 10px 0; letter-spacing: -0.5px;}
.step_box.step3 li { width: 33%;}
.step_box.step4 li { width: 25%;}
.step_box.step6 li {width: 16.5%;}
.step_box.step6 li:first-child {width: 17.5%;}
.step_box.step6 li dd { min-height: 40px;   }
.step_box.step6 li dd span { display: block;}
.step_end { position:relative; border: 1px solid #cdd5de; text-align: center; padding: 20px 10px}
.step_end img {max-width:100%}
.step_end:before { position: absolute; left:50%; top:-23px; margin-left:-8px; display: block; content: url(../../images/sub/step_arrow.gif);}

 /* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 40px; border-top: 2px solid #2349B4; }
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f9f9f9; font-weight: 600; }
.table tfoot th, .tb_data tfoot td { background:#e9eff4}
.table .line_dash td { border-top:1px dashed #ddd; border-bottom:0}
.table .line_dash.first td { border-top:1px solid #ddd; border-bottom:1px dashed #ddd}

table td.tl, table th.tl {text-align:left !important}
table td.tr, table th.tr {text-align:right}
table td.vt { vertical-align:top }
table.nopadding th, table.nopadding td { padding: 0!important; } 
table .td_half { width: 50%; }

.table.data th { padding:8px 5px 6px; font-size: 14px }
.table.data td { padding:6px 5px 4px; font-size: 14px; line-height: 18px }
.table_r {position:absolute; right:0; top:-30px; color: #888; font-size: 13px}
.table_tip { position: relative; top:-10px; font-size: 13px;}

/* table 모바일에서 가로 스크롤 되게*/
.tbl_wrap .tbl_guide, .table_responsive .p_notice {display: none;}

.tbl_wrap.intbl {margin-left:20px;}

@media all and (max-width:1023px) {
.tbl_wrap.intbl {margin-left:0px;}
}

/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 8px; color: #555; font-size: 14px; line-height: 130%;}
	.tbl_wrap .table{width: 750px;}
	
	.table_responsive { width: 100%; overflow: hidden; overflow-x: scroll; }
	.table_responsive .p_notice { display: block; padding: 20px 0 0 8px; color: #555; font-size: 14px; line-height: 130%;}
}
/* colgroup */
.wps_5{width:5%}
.wps_6{width:6%}
.wps_7{width:7%}
.wps_8{width:8%}
.wps_10{width:10%}
.wps_12{width:12%}
.wps_13{width:13%}
.wps_14{width:14%}
.wps_15{width:15%}
.wps_16{width:16%}
.wps_17{width:17%}
.wps_18{width:18%}
.wps_20{width:20%}
.wps_22{width:22%}
.wps_25{width:25%}
.wps_26{width:26%}
.wps_28{width:28%}
.wps_30{width:30%}
.wps_35{width:35%}
.wps_39{width:39%}
.wps_40{width:40%}
.wps_43{width:43%}
.wps_45{width:45%}
.wps_48{width:48%}
.wps_50{width:50%}
.wps_55{width:55%}
.wps_60{width:60%}
.wps_65{width:65%}
.wps_70{width:70%}
.wps_75{width:75%}
.wps_80{width:80%}
.wps_85{width:85%}
.wps_90{width:90%}
.wps_95{width:95%}
.wps_100{width:100%}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 1.0 평생학습관소개 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 인사말 */
.greeting {margin: 0}
.greeting .pic { width: 350px; min-height: 550px; padding: 27px 60px 22px 0; box-sizing: border-box; background:url(/council/images/sub/bg_greeting.gif) no-repeat 0 0; float: left; margin: 0 30px 20px 0  }
.greeting .pic img {max-width: 100%}
.greeting .sigh {font-size: 16px; text-align: right; margin-top: 30px;  color: #555 }
.greeting .sigh img {vertical-align: bottom; padding: 0 5px;}
.greeting p { text-align: justify; }

/* 사하구평생학습관 - 소개 */
.box_head.img_010201 { padding-right: 220px}
.box_head.img_010201:after { display:block; content:""; background:url("../../images/sub/img_0102.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

/* 소개 2021년 신규 작업 */
.lll_box { position: relative; padding: 50px 0 30px; margin: 50px 0 70px; border: 8px solid #eee; box-sizing: border-box; text-align: center; }
.lll_box .ttl { display: inline-block; position: absolute; left: -8px; top: -40px; padding: 5px 40px; border-radius: 100px; text-align: center; font-size: 30px; background: #0064d5; color: #fff; }
.lll_box .subttl { margin: 10px 0 8px; font-size: 34px; font-weight: 200; line-height: 38px; }
.lll_box .subttl .vgreen { color: #009a5b; }
.lll_box .subttl .vpurple { color: #4d47c1; }
.lll_box .subttl .vorange { color: #df3f00; }
.lll_box .subttl .vblue { color: #0064d5; }
.lll_box .subttl .vred { color: #e70016; }
.lll_box .subttl .vmagenta { color: #FD00AD; }
.lll_box .btxt { font-size: 22px; }
.lll_box .txt { padding-top: 5px; font-size: 18px; line-height: 1.5em; }
.lll_box .txt span { display: block; }
.lll_box br { display: none; }

.box_icon_li { margin-bottom: 30px; }
.box_icon_li li { min-height: 80px; line-height: 80px; font-size: 20px; padding-left: 145px; margin-bottom: 15px; box-sizing: border-box; }
.box_icon_li li:nth-child(1) { border: 1px solid #ed6f6f; background: url("../../images/sub/bg_box_icon01.jpg") repeat-y 0px 50%; }
.box_icon_li li:nth-child(2) { border: 1px solid #356ed8; background: url("../../images/sub/bg_box_icon02.jpg") repeat-y 0px 50%;} 

.lll_purpose { padding: 20px 0 110px 0; background: url("../../images/sub/bg_purpose.jpg") no-repeat center bottom; text-align: center; }

@media (max-width:800px) {
	.lll_box .subttl { font-size: 26px; line-height: 30px; }
	.lll_box .btxt { font-size: 20px; line-height: 24px; }
	.box_icon_li li { padding: 10px 5px 10px 110px; padding-top: 15px; font-size: 16px; line-height: 24px; }
}
@media (max-width:676px) {
	.lll_purpose img { max-width: 100%; }
	.lll_box br { display: block; }
}
@media (max-width:480px) {
}

/* 비전&목표 - 예전디자인 css */ 
.vision_box {position:relative; padding: 20px; margin-bottom: 50px; border: 5px solid #0032b1; overflow: hidden;text-align: center; height: 750px; background: url(../../images/sub/vision_img.png) no-repeat 50% 240px; }
.vision_box h3 { padding: 20px 0 40px; color: #666; line-height: 22px; font-size: 24px; }
.vision_box h3 span { color: #000; }
.vision_box h3 img { max-width: 100%; margin-bottom: 15px}
.vision_box ul{ padding-top:224px; background: url(../../images/sub/vision_img.png) no-repeat 50% 100%;}
.vision_box li { position: absolute; width: 180px; height:180px; padding:35px 20px 0; font-size: 22px; color: #000; font-weight: bold; border-radius:50%; box-sizing:border-box; }
.vision_box li span {display: block; font-size:16px; line-height:17px; margin-top: 5px; color: #666; font-weight: normal; }
.vision_box li.no1 { left: 5%; bottom:180px;  background-color: #F0E19D; }
.vision_box li.no2 { right: 5%; bottom:180px; background-color: #F3BF0C; }
.vision_box li.no3 { left: 27%; bottom:30px; background-color: #F3F773; }
.vision_box li.no4 { right: 27%; bottom:30px; background-color: #FADB05; }
.vision_box p.vision_img { padding-top: 250px; }
.vision_box p.vision_img img { max-width: 100%; }

.purpose_box {  padding: 30px 20px; margin-bottom: 50px; border: 1px solid #E1E1E5; overflow: hidden;text-align: center;background: url(/edu/images/sub/purpose_box_bg.gif) no-repeat 50% 50%;}
.purpose_box dt,
.purpose_box dd {border-radius:50%;}
.purpose_box dl {position:relative; }
.purpose_box dt { width: 150px; line-height:150px;border: 1px solid #455ea8; background-color: #5773c3; color: #fff; font-size: 20px;  margin: 100px auto; }
.purpose_box dd { width: 130px; line-height:70px; padding-top:60px; border: 1px solid #cdd5de; background-color: rgba(246,246,252,1); position: absolute;  background-repeat: no-repeat;background-position: 50% 20%; background-size:40% }
.purpose_box dd.no1 { left: 60%; top:-100px; background-image:url(/edu/images/sub/ico_purpose02.png);  }
.purpose_box dd.no2 { right: 60%; top:-100px; background-image:url(/edu/images/sub/ico_purpose01.png);}
.purpose_box dd.no3 { right: 60%; bottom:-100px; background-image:url(/edu/images/sub/ico_purpose03.png);}
.purpose_box dd.no4 { left: 60%; bottom:-100px; background-image:url(/edu/images/sub/ico_purpose04.png); }

/* 비전 & 목표 신규 20210222 */
.vision_top { background: #eeeeee url(/edu/images/sub/bg_vision_box.png) no-repeat 0 0; margin-bottom: 30px; }
.vision_top .wrap { padding: 8px; background:url(/edu/images/sub/bg_vision_box.png) no-repeat 100% 100%; }
.vision_top_box { padding: 30px 0; background: #fff; box-sizing: border-box; }
.vision_top_box p { font-size: 34px; text-align: center;}
.vision_img img { max-width: 100%; }
.vision_top_box p .vgreen { color: #009a5b; }
.vision_top_box p .vpurple { color: #4d47c1; }
.vision_top_box p .vorange { color: #df3f00; }
.vision_top_box p .vblue { color: #0064d5; }

.vision_bottom { margin-top: 50px; position: relative; overflow: hidden; }
.vision_bottom>li { width: 25%; max-width: 234px; float: left; }
.vision_bottom>li:nth-child(1) { margin-right: 8px; }
.vision_bottom>li:nth-child(2) { margin-right: 8px; }
.vision_bottom>li:nth-child(3) { margin-right: 8px; }
.vision_bottom>li p { text-align: center; padding: 5px 0; font-size: 22px; color: #fff; }
.vision_bottom>li:nth-child(1) p { background-color: #068a18; }
.vision_bottom>li:nth-child(2) p { background-color: #887400; }
.vision_bottom>li:nth-child(3) p { background-color: #1a68b0; }
.vision_bottom>li:nth-child(4) p { background-color: #cf3f01; }
.vision_bottom .ul_li { min-height: 285px; padding: 15px; box-sizing: border-box; border: 1px solid #ddd; }
.vision_bottom .ul_li li { line-height: 1.4em; margin-bottom: 10px; }

@media (max-width:1008px) {
	.vision_bottom>li  { max-width: 24%; }
}
@media (max-width:880px) {
	.vision_bottom>li  { width: 47%; max-width: 45%; margin-bottom: 10px; }
}
@media (max-width:500px) {
	.vision_bottom>li { width: 99%; max-width: 97%;}
}
/* 조직도 */
.organization_box { position:relative;  padding: 30px 30px 20px ; border: 1px solid #ddd; margin-bottom: 30px; min-height: 150px}
.organization_box .org { margin: 10px 0 20px; background: url(/edu/images/sub/org_bg.png)no-repeat 50% -20px; overflow: hidden;}
.organization_box .org .n01{width:20%; display:block; color:#fff; text-align:center; }
.organization_box .org .n01 {background:#4a4ba3; margin:0 auto 30px auto; height:44px; line-height: 44px;font-size:16px; }
.organization_box .f_l { text-align: center;}
.organization_box .f_l > li { width:33.3%; float: left; margin: 0; padding-top:30px;}
.organization_box .org_left{background: url(/edu/images/sub/org_left.png)no-repeat 50% 0;   }
.organization_box .org_middle{background: url(/edu/images/sub/org_middle.png)no-repeat 50% 0; }
.organization_box .org_right{background: url(/edu/images/sub/org_right.png)no-repeat 50% 0;  }
.organization_box div {width:80%; margin:0 auto 20px;}
.organization_box div span {display:block; background:#5773c3;border:1px solid #455ea8; height:45px; line-height:45px;font-size:18px;color:#fff; }
.organization_box div ul{border:1px solid #cdd5de; border-top:none; text-align:left; display:block; background:#fff;}
.organization_box div ul li {position: relative; border-top: 1px solid #cdd5de;  text-align: center; color: #545454; line-height: 38px;}
.organization_box div ul li:first-child {border-top:none;}
.organization_box div.no span { border: 1px solid #455ea8; color: #333; background: #fff; height:42px; line-height:42px;font-weight:normal;  }
.organization_box ul.ul_dot { clear: both; border-top: 1px dotted #ddd; padding-top: 20px}
.organization_box h3.bar {position: absolute;left: 30px; top:30px; font-size: 1.25em; line-height: 1.8em; background: none; padding: 0; margin: 0; color: #333}
.organization_box h3.bar span { display:block; font-size: 2em }

/* 사하구평생학습관 - 비전과 목표 */
.major_step dl { position:relative; border: 1px solid #cdd5de; padding: 20px 20px 10px ; margin-bottom: 10px; overflow: hidden; }
.major_step dt { font-size: 20px; position: absolute; left: 0px; top:0px; width:250px; padding:20px; min-height:250px; background-color: rgba(246,246,252,1);color: #4554b3;}
.major_step dt span { font-size: 14px; display: block; color: #666}
.major_step dd { padding-left: 300px}
.major_step dd li { background-image: url(../../images/sub/icon_bl.gif);}

/* 사하구평생학습관 - 연혁 */
.history {border-top:#4554b3 2px solid; padding:20px 0;}
.history dt {clear:both; color:#4554b3; font-size:26px; font-weight:700; float:left; margin:5px 0 0 10px; padding:5px 10px 30px 10px; }
.history dd {border-bottom:#ddd 1px solid; min-height: 80px}
.history dd ul {margin:15px 0 20px 0;}
.history dd li {padding: 0 0 0 8px; background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; margin:0 0 5px 160px;}

/* 사하구 행복학습센터 */
.happy_vision_box {padding: 30px 20px; margin-bottom: 50px; border: 1px solid #E1E1E5; overflow: hidden;text-align: center;}
.happy_vision_box h4 { padding: 10px 5px; border: 1px solid #455ea8; background-color: #5773c3; color: #fff; width: 300px; margin: 0 auto 5px; text-align: center;}
.happy_vision_box h4 span {display: block; font-size: 25px}
.happy_vision_box ul {background: url(/edu/images/sub/bg_vision.jpg) center 0 no-repeat; padding-top: 50px}
.happy_vision_box li { float: left; width: 31%; margin: 0 1%; padding: 10px 5px; border: 1px solid #cdd5de; background-color: #f6f6fc; box-sizing:border-box; }
.happy_vision_box li:nth-child(2) {width: 32%;}
.happy_vision_box li span {display: block;}

/* 사하구평생학습관 - 지원조례 */
.bylaw .box_head { background: #F5F7FA url("../../images/sub/bg_010204.jpg") no-repeat 100% 0;border: none}
.bylaw h3.bar {margin-top: 40px}
.bylaw h4 {font-size:15px; font-weight: 700; margin: 20px 0 10px}
.bylaw ol { margin: 10px 0 0 15px; }
.bylaw ol ol {margin: 5px 0 15px 15px;}
.bylaw ol > li { margin-bottom: 3px; list-style-type: decimal; list-style-position:outside;}
.bylaw ol > li li {list-style-type: disc; font-size: 14px; color: #666;line-height: 1.5}

/* 사하구 행복학습센터 */
.box_head.img_010301 { padding-right: 220px}
.box_head.img_010301:after { display:block; content:""; background:url("../../images/sub/img_0103.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.happyMap div {float: left; width:50%;}
.happyMap img {max-width: 100% }
.happyMap ul { margin-top: 70px; overflow: hidden;}
.happyMap ul li { position: relative; line-height: 20px; padding-left: 20px; margin-top: 10px}
.happyMap ul li:before { display: inline-block; content: ""; width: 10px; height: 10px; margin-right: 10px;  border-radius:50%; position: absolute;left: 0; top:5px }
.happyMap ul li span {display: inline-block; width: 130px; color: #666; float: right;}
.happyMap ul li .n1 {color: #f994b0;}
.happyMap ul li .n2 {color: #e9cee8;}
.happyMap ul li .n3 {color: #b7afe9;}
.happyMap ul li .n4 {color: #f3c59a;}
.happyMap ul li .n5 {color: #fef493;}
.happyMap ul li .n6 {color: #c1d685;}
.happyMap ul li .n7 {color: #8bc0ef;}

/* 시설안내 */
.box_head.img_010401 { padding-right: 220px}
.box_head.img_010401:after { display:block; content:""; background:url("../../images/sub/img_0104.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.gallery_list * { box-sizing:border-box;}
.gallery_list li { float: left; width: 32%; padding:0; margin: 0 0.6% 3%}
.gallery_list li p {position: relative; padding: 5px; border:1px solid #ddd; }
.gallery_list li p .pic { display: block; position: relative; overflow:hidden; width:100%; height:0px; padding-bottom:66%;}
.gallery_list li p .pic img { position: absolute; top:0; left:0; width:100%; height:auto; border:1px solid #ddd; }
.gallery_list li p span:last-child {  position: absolute; bottom:0; left:0; width:100%;display: block; margin:0 0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align: center;}


/* popup */
.popWrap { position:relative; box-sizing: border-box;}
.popWrap h2 { background: url(../../images/sub/bg_pop.png) repeat; color: #fff; min-height: 30px; line-height: 30px; font-size: 1.846em;padding: 20px; }
.popWrap .popCont {padding: 10px;}
.popWrap .table {font-size: 14px; }
.popWrap .popCont .img_border { margin-top: 0}
.popWrap .table ul.ul_dot {padding-bottom: 0px; padding-top: 5px;}
.popWrap .btn_close { position: absolute; right: 20px; top:20px; width: 24px; height: 24px; text-indent: -9999px; background: url(../../images/sub/btn_close.png) no-repeat 50% 50%; }
.popWrap .ul_dot { margin: 10px 0 0 10px}
.popWrap .ul_dot li {padding: 0 0 0px 10px}

/* 찾아오시는 길 */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:350px;background-color: #eee; margin-bottom: 50px}
.customoverlay {position:relative; bottom:70px; left:4px; border-radius:6px; border: 1px solid #ccc; border-bottom:2px solid #ddd; float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay .title {display:block;color:#000;text-align:center; border-radius:6px; font-size:13px; font-weight:bold; overflow:hidden; background:#fff; padding:2px;}
/*.customoverlay .title:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('../../images/sub/map_vertex_white.png')}*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2.0 교육정보 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.box_head.img_020201 { padding-right: 220px}
.box_head.img_020201:after { display:block; content:""; background:url("../../images/sub/img_0202_new.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_020301 { padding-right: 220px}
.box_head.img_020301:after { display:block; content:""; background:url("../../images/sub/img_0203.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_020401 { padding-right: 220px}
.box_head.img_020401:after { display:block; content:""; background:url("../../images/main/c104bg.png") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_020501 { padding-right: 220px}
.box_head.img_020501:after { display:block; content:""; background:url("../../images/sub/img_0205.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_020601 { padding-right: 220px}
.box_head.img_020601:after { display:block; content:""; background:url("../../images/sub/img_0206.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_020801 { padding-right: 220px}
.box_head.img_020801:after { display:block; content:""; background:url("../../images/sub/img_0208.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.box_head.img_021201 { padding-right: 240px; min-height: 150px; }
.box_head.img_021201:after { display:block; content:""; background:url("../../images/sub/img_1201.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}


/* 온라인강좌 */
.site-list li { box-sizing:border-box; float: left; width: 50%; padding: 0 5px 20px; margin-bottom: 10px}
.site-list li a {display:block; text-decoration: none}
.site-list li dl {}
.site-list li dt {color: #fff; border: 1px solid #455ea8; padding: 5px 10px; background: #5773c3 url(/edu/images/sub/btn_link.png) no-repeat 95% 50%; }
.site-list li dd {border: 1px solid #cdd5de; border-top: none; min-height: 120px; overflow: hidden; padding: 10px }
.site-list li dd.imgZone img { max-width: 100%;}
.site-list li a:hover dd {transition: .5s; border-color:#455ea8; background-color: #f6f6fc }
 
 /* 온라인강좌 2개에서 3개로 늘어남 */
.on-list li { box-sizing:border-box; float: left; width: 33.3%; padding: 0 5px 10px; margin-bottom: 10px}
.on-list li.half { width: 49%; }
.on-list li a {display:block; text-decoration: none}
.on-list li dl {}
.on-list li dt {color: #fff; border: 1px solid #455ea8; padding: 5px 10px; background: #5773c3 url(/edu/images/sub/btn_link.png) no-repeat 95% 50%; }
.on-list li dd {border: 1px solid #cdd5de; border-top: none; min-height: 120px; overflow: hidden; padding: 0px }
.on-list li dd.imgZone img { max-width: 100%;}
.on-list li a { color: #fff; }
.on-list li a:hover dd {transition: .5s; border-color:#455ea8; background-color: #f6f6fc }
  
 
 /* 평생학습계좌제 -사하구 평가인증 학습과정 */
.subject_list {padding: 20px; border: 1px solid #e1e1e1; background-color: #fff; position: relative;margin-bottom: 30PX}
.subject_list li { width: 50%; float: left; position: relative;}
.subject_list:after{ content:url(/edu/images/sub/message_bg.gif); display: block; position: absolute; right: -1px; bottom: -1px; width: 20px; height: 20px}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 3.0 평생학습 사업소개 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 약관동의 */
.h150_scroll { overflow-y: scroll;height: 130px;padding: 20px 30px;border: 1px solid #ccc;background: #fafafa; line-height: 20px}
.h150_scroll p { margin-bottom: 10px;}
.h150_scroll li { margin-top: 5px; padding-left: 20px; position: relative;color: #666}
.h150_scroll li span { position: absolute; left: 0; top:0}
.h150_scroll + p { text-align: center; margin-bottom: 20px }

.box_head.img_0301 { padding-right: 220px}
.box_head.img_0301:after { display:block; content:""; background:url("../../images/sub/img_0301.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_0302 { padding-right: 220px}
.box_head.img_0302:after { display:block; content:""; background:url("../../images/sub/img_0302.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_0303 { padding-right: 220px}
.box_head.img_0303:after { display:block; content:""; background:url("../../images/sub/img_0303.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_0304 { padding-right: 220px}
.box_head.img_0304:after { display:block; content:""; background:url("../../images/sub/img_0304.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_0305 { padding-right: 220px}
.box_head.img_0305:after { display:block; content:""; background:url("../../images/sub/img_0305.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

/* 평생학습계좌제 소개 */
.box_head.img_0308 { padding-right: 220px}
.box_head.img_0308:after { display:block; content:""; background:url("../../images/sub/img_0308.jpg") no-repeat 100% 50%; background-size:100%; width: 217px; height: 154px; position: absolute; right: 40px; top:70px}


/* 평생학습빌리지 */
.village_box { margin-bottom: 50px; overflow: hidden; }
.village_box ul { text-align: center; vertical-align: top; }
.village_box ul li { display: inline-block; width: 30%; height:300px; padding: 20px; margin-right: 2%; margin-bottom: 20px; vertical-align: top; border: 1px solid #E1E1E5; box-sizing: border-box; }
.village_box ul li p { padding: 3px 0; }
.village_box ul li dl { padding: 0; text-align: center;}
.village_box ul li dl dt { padding: 20px 0 15px; font-size: 20px; color: #414286;  background: url(/edu/images/sub/icon_sq.gif) center bottom no-repeat; }
.village_box ul li dl dd { padding-top: 20px; font-size: 14px; color: #666; line-height: 1.6em; }

.village_box_mini { margin-bottom: 20px; overflow: hidden; }
.village_box_mini ul { text-align: center; vertical-align: top; }
.village_box_mini ul li { display: inline-block; width: 30%; height:220px; position: relative; padding: 20px; margin-right: 2%; vertical-align: middle; box-sizing: border-box; }
.village_box_mini ul li.no3 { background: #5469EA; margin-left: 12px; width: 230px; height: 200px; margin-top: 20px; border-radius: 30px; color: #fff; font-size: 28px; line-height: 36px; padding-top: 60px; }
.village_box_mini ul li p { padding: 3px 0; }
.village_box_mini ul li dl { height:200px; padding: 0; text-align: center; background: #fff; }
.village_box_mini ul li dl dt { padding: 20px 0 15px; font-size: 24px; color: #414286;  background: url(/edu/images/sub/icon_sq.gif) center bottom no-repeat; }
.village_box_mini ul li dl dd { padding-top: 20px; color: #666; line-height: 1.6em; }
.village_box_mini ul li span { position: absolute; right: -20px; top: 90px; font-size: 35px; font-weight: bold; }

@media (max-width:780px) {
	.village_box_mini ul li { width: 47%; }
}
@media (max-width:500px) {
	.village_box_mini ul li { width: 90%; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 4.0 휴먼네트워크 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 평생학습동아리란? */
.box_head.img_0401 { padding-right: 220px}
.box_head.img_0401:after { display:block; content:""; background:url("../../images/main/c103bg.png") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.box_head.img_0402 { padding-right: 220px}
.box_head.img_0402:after { display:block; content:""; background:url("../../images/sub/img_0402.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.box_head.img_0404 { padding-right: 220px}
.box_head.img_0404:after { display:block; content:""; background:url("../../images/sub/img_0404_teacher.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%; position: absolute; right: 40px; top:40px}

.box_head.img_040105{ padding-right: 220px}
.box_head.img_040105:after { display:block; content:""; background:url("../../images/sub/img_040105.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.box_head.img_0405 { padding-right: 220px}
.box_head.img_0405:after { display:block; content:""; background:url("../../images/sub/img_0405.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.box_head.img_0405_small { padding-right: 220px}
.box_head.img_0405_small:after { display:block; content:""; background:url("../../images/sub/img_0405.jpg") no-repeat 100% 50%; background-size:100%; width: 130px; height: 130px; border-radius:50%;  position: absolute; right: 40px; top:35px}

.box_head.img_0406 { padding-right: 220px}
.box_head.img_0406:after { display:block; content:""; background:url("../../images/sub/img_0406.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.box_head.img_0406_small { padding-right: 220px}
.box_head.img_0406_small:after { display:block; content:""; background:url("../../images/sub/img_0406.jpg") no-repeat 100% 50%; background-size:100%; width: 130px; height: 130px; border-radius:50%;  position: absolute; right: 40px; top:35px}

.box_head.img_0409_small { padding-right: 220px}
.box_head.img_0409_small:after { display:block; content:""; background:url("../../images/sub/img_0409.jpg") no-repeat 100% 50%; background-size:100%; width: 130px; height: 130px; border-radius:50%;  position: absolute; right: 40px; top:35px}

.box_head.img_0410_small { padding-right: 220px}
.box_head.img_0410_small:after { display:block; content:""; background:url("../../images/sub/img_0410.jpg") no-repeat 100% 50%; background-size:100%; width: 130px; height: 130px; border-radius:50%;  position: absolute; right: 40px; top:35px}

.img_teacher { position: relative; padding: 30px 30px 65px 210px}
.img_teacher:after { display:block; content:""; background:url("../../images/sub/img_teacher_photo.jpg") no-repeat 5% 50%; background-size:100%; width: 150px; height: 150px; border-radius:50%;  position: absolute; left: 35px; top: 40px}
.img_teacher ol { padding: 5px 0 10px 0; }
.img_teacher p { padding: 10px 0 25px; }


/* 평생학습동아리 사물함 */
.locker_list { position: relative; overflow: hidden; }
.locker_list li { width: 10%; margin: 0 0 1px 0px; display: inline-block; float: left; border: 1px solid #ddd; box-sizing: border-box; text-align: center; background: #fff url(/edu/images/sub/bg_locker.jpg) no-repeat 20% 50%; }
.locker_list li:nth-child(1), 
.locker_list li:nth-child(3), 
.locker_list li:nth-child(5), 
.locker_list li:nth-child(7), 
.locker_list li:nth-child(9),
.locker_list li:nth-child(11),
.locker_list li:nth-child(13),
.locker_list li:nth-child(15),
.locker_list li:nth-child(17),
.locker_list li:nth-child(19) { background-color: #F7F8F9; }
.locker_list li:hover { background-color: #F2F2FD; }
.locker_list li a { display: block; height: 180px; padding-top: 40px; text-align: right; }
.locker_list li a span { display: inline-block; padding: 5px 20px; font-size: 20px; font-weight: bold; color: #3F5B9B; }
.locker_list li input { padding: 5px; margin-bottom: 2px; background: #586DA5; color: #fff; border-radius: 3px; }

/* 기관검색 */
.search_box_agency {position:relative; background:#f0f4fa; min-height: 200px; margin-bottom: 30px}
.search_box_agency * {box-sizing: border-box;}
.search_box_agency h6{ float:left; width:14.287%; border:1px solid #cdd5de; border-right:none  }
.search_box_agency h6#tab_7 {border-right:1px solid #cdd5de;}
.search_box_agency h6.active {border-bottom:1px solid #f0f4fa;}
.search_box_agency h6 > a { display:inline-block; width:100%; line-height:40px; text-align:center;  font-size:15px; background:#fff; text-decoration: none}
.search_box_agency h6 > a:hover,
.search_box_agency h6 > a:focus,
.search_box_agency h6.active > a { color:#4c5499; background:#f0f4fa; }
.search_box_agency h6.active > a { font-weight: bold; }
.search_box_agency div.radioWrap { position:absolute; top:42px; left:0; width:100%; padding:20px 170px 20px 0px; display:none; border:1px solid #cdd5de; border-top:none; background:#f0f4fa;}
.search_box_agency div.radioWrap label { display:inline-block; float:left; width:19%; line-height:30px;padding: 0 }
.search_box_agency div.radioWrap label.all {width:24%; padding:90px 20px 0 0px; background: url(/edu/images/sub/bg_simbol.png)no-repeat 40% 0; text-align: center;}
.search_box_agency div.btn_area {position:absolute; bottom:20px; right:20px; padding: 0 !important; height: 90px }
.search_box_agency div.btn_area input[type="button"] { display: block; width: 150px; padding: 0; margin:0 0 5px 0 ; border-radius:3px; box-sizing:border-box}
.search_box_agency .btn { height: 55px; line-height: 55px; padding:0;font-size: 16px;
background-image: url("/common/images/common/bul_search_w.png") !important; background-position: 30px 50% !important; background-repeat: no-repeat !important;}
.search_box_agency .btn_white { height: 35px; line-height: 35px;  padding:0; text-indent:10px; background:#fff url("/common/images/common/icon_button_b.png") no-repeat 20px -185px; color: #333; }

.dlSt_list {margin-top: 15px;border-top: 2px solid #4c5499; border-bottom: 1px solid #cccccc; padding: 10px 0; margin-bottom: 20px}
.dlSt_list li {position: relative; padding: 15px 140px 15px 10px; border-top: 1px solid #ddd; }
.dlSt_list li:first-child {border-top:none; }
.dlSt_list li h6 { font-size: 15px; font-weight:700; }
.dlSt_list li p { color: #666;}
.dlSt_list li p span { display: inline-block;}
.dlSt_list li a { display: inline-block; position: absolute; right: 10px; top: 25px}
.dlSt_list .button.ico_hp { border-color:#cdd5de; background-color: #f0f4fa; color: #414286}
.dlSt_list .button.ico_hp:before { display: inline-block;; content: ""; width: 13px; height: 13px; margin-right:5px; background: url(/edu/images/sub/ico_hp.png) no-repeat 0 50%; background-size: 100% auto ; vertical-align: middle; }
.dlSt_list .button:hover {background-color: #e2eaf5; border-color: #cdd5de #a2b0c0 #a2b0c0 #cdd5de}

/* 강좌검색 */
.search_box_lecture { position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 20px; margin-bottom:30px; overflow: hidden; text-align: center;}
.search_box_lecture input[type="button"],
.search_box_edu input[type="submit"] {background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -284px; padding-left: 30px;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 5.0 알림마당 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 사하배움마당 */
.box_head.img_050601 { padding-right: 240px; overflow: hidden;}
.box_head.img_050601:after { display:block; content:""; background:url("../../images/sub/img_0506.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_050602 { padding-right: 240px; overflow: hidden;}
.box_head.img_050602:after { display:block; content:""; background:url("../../images/sub/img_05062022.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}

.img_050601 ul { margin: 10px 0 0;}
.img_050601 li { float: left; margin-right: 20px; padding-left: 10px;background:url("../../images/sub/icon_dot.gif") no-repeat 0 50%; }
.newsletters_list { border-top: 2px solid #4C5499; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.newsletters_list li { float: left;; width: 31%; margin: 2% 1%; padding: 5px; height: auto; overflow: hidden; box-sizing:border-box; }
.newsletters_list li a { display: block; }
.newsletters_list li img { width: 100%; max-width: 100%; height: 320px; padding: 5px; border: 1px solid #ddd; box-sizing:border-box; }
.newsletters_list li p { padding: 5px 0; text-align: center; color: #333C7D; font-weight: bold; line-height: 1.5em;}

/* 2021 온라인 교육정보 */
.box_head.img_0510 { padding-right: 220px}
.box_head.img_0510:after { display:block; content:""; background:url("../../images/sub/img_0510.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 30px; top:20px}
.box_head.img_0510_small { padding-right: 220px}
.box_head.img_0510_small:after { display:block; content:""; background:url("../../images/sub/img_0510.jpg") no-repeat 100% 50%; background-size:100%; width: 130px; height: 130px; border-radius:50%;  position: absolute; right: 40px; top:35px}

.img_0510 .txt, .img_0510_small .txt { font-size: 18px; line-height: 28px; color: #000; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 6.0 이용안내 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 사이트맵 */
.sitemap .st_box { float: none; clear: both; margin: 0; width: 100%; padding:0 0 40px 0px; box-sizing: border-box;}
.sitemap .st_box h3 { display: inline-block; padding: 0px 10px; width: 200px; height:50px; background:#5368B5; color:#fff;font-size:20px;font-weight:700;text-align:center;line-height:52px}
.sitemap .st_list {border-top:2px solid #5368B5; overflow: hidden; }
.sitemap .st_list > li { width: 25%; padding: 10px 0; float: left; border-top: none; line-height: 1.3em; } 
.sitemap .st_list > li > a { display: inline-block; height:36px; padding: 0 20px 0 40px; font-size:1.153em; background:#fff url(/edu/images/sub/icon_h4.gif) no-repeat 20px 50%; font-weight:700;line-height:36px;letter-spacing: -1px;}
.sitemap .st_list + h3 {margin-top:40px}
.sitemap .st_list ul {padding:0px 0; overflow: hidden; }
.sitemap .st_list ul li { width: 100%; display: inline-block; float: left; padding: 5px 10px; letter-spacing: -1px; }
.sitemap .st_list ul a {padding-left:34px;background:url(../../images/sub/bul_bar.gif) no-repeat 22px 8px}


@media (max-width: 1024px) {
	
}
@media (max-width: 900px) {
	.greeting .pic { min-height: inherit; }
	
	.vision_box {height: 500px;}
	.vision_box h3 { padding: 20px 0 30px;}
	.vision_box ul{ padding-top:224px;}
	.vision_box li.no1 { left: 3%; bottom:180px; }
	.vision_box li.no2 { right: 3%; bottom:180px; }
	.vision_box li.no3 { left: 20%; bottom:30px;}
	.vision_box li.no4 { right: 20%; bottom:30px; }
	
	.step_box.step6 li,
	.step_box.step6 li:first-child {width: 33.3% }
	.step_box.step6 li dl { margin-bottom: 10px}
	.step_box.step6 li.step4 { padding-left: 0}
	.step_box li span { display: block;}
	
	.happyMap div {float: left; width:50%; margin-right: 30px}
	.happyMap ul { margin-top: 0px; }
	.happyMap ul li span {display:block; width: inherit;float: none;}
	
	.img_area { width: 100%; float: right; }
	.txt_area { width: 100%; float: left; }
	.mt70_full { margin-top:0;}
	
	.locker_list li { width: 20%; }
	
}

@media (max-width: 850px) {
	.step_box li {width: 50% !important; }
	.step_box li:nth-child(odd) {padding-left: 0 !important;}
	.step_box li:nth-child(even) {padding-left: 10px !important;}
	
	.sitemap .st_list > li { width: 50%; }
		
}
@media (max-width:767px) {
	.tab_menu li { width: 50%;}
	.table td br { display: none}
	#map {height:300px;}
	
	.box_head {padding: 20px 20px 10px !important;}
	.box_head:after{display: none !important;}
	.box_head .ttl {font-size: 23px;}
	.box_head .txt br { display: none}
	
	.vision_box {padding: 40px 20px 20px; height: inherit;}
	.vision_box ul{ padding-top:0px; background:none}
	.vision_box li { position: inherit; width: 23%; margin:0 1%; height:120px; padding:15px; border-radius:0; float: left;  }
	.vision_box li.no1 { left: inherit; bottom:inherit; border: 1px solid #4baa48; background-color: #5bc357;  }
	.vision_box li.no2 { right: inherit; bottom:inherit;border: 1px solid #9f4cab; background-color: #b557c3 }
	.vision_box li.no3 { left: inherit; bottom:inherit;border: 1px solid #478fa9; background-color: #57a7c3;}
	.vision_box li.no4 { right: inherit; bottom:inherit;border: 1px solid #455ea8; background-color: #5773c3; }
	
	.bylaw .box_head { background-image: none; }
	
	.happyMap div {float: none; width:inherit; margin-right: 0px; text-align: center;}
	.happyMap ul { border-top: 1px dotted #cdd5de; margin-top: 15px; padding-top: 10px}
	.happyMap ul li span {display:inline-block; width: 120px;float: right;}
	
	.gallery_list li { width: 48%;}
	
	.happy_vision_box h4 {width: 100%;}
	.happy_vision_box ul {padding-top: 20px}
	.happy_vision_box li { float: none; width: inherit; margin: 10px 0; padding: 10px 5px; }
	.happy_vision_box li:nth-child(2) {width: inherit;}
	.happy_vision_box li span {display:inline-block;}
		
	
	.village_box { margin-top: 40px; }
	.village_box li { clear: both; position: relative; width: 100%; min-height: 230px; margin: 5px 0 0 0; padding: 10px 10px 40px 0; box-sizing: border-box; }
	.village_box li p { padding: 5px 0 0 0; }
	.village_box li dl { position: absolute; left: 20px; width: inherit; padding: 10px 0 0 0; text-align: left; }
	.village_box li dl dt { padding: 5px 0 10px 0; text-align: left; background-position: left bottom; }
	.village_box li dl dd { padding-top: 10px;}
	
	.search_box_agency { min-height: 230px}
	.search_box_agency div.radioWrap label { width:25%; padding: 0 0 0 20px !important; }
	.search_box_agency div.radioWrap label.all { float:none; width:100%; text-align:inherit; background: none }
	
	
	.subject_list li { width: inherit; float: none; }
	
	.on-list li { width: 100%; text-align: center;}
	
	.newsletters_list li { width: 48%; }
	
	
}
@media (max-width: 620px) {
	.greeting .pic { float:none; margin: 0 auto 20px;  }
	.greeting .ttl { font-size: 25px; line-height: 35px}
	.ul_img.col4 li {width: 50%;}
	.ul_img.col4 li:nth-child(3) {padding-left: 0; clear: both; float: left;}
	.contentBox .ttl {font-size: 22px; line-height: 30px;}
	
	.vision_box h3 span { display: block;}
	.vision_box li {  width: 50%; margin:0 0; height:120px; padding:15px;  }
	.major_step dl {padding: 0 ; }
	.major_step dt {position: relative; left: inherit; top:inherit; width:inherit; padding:10px 20px; min-height:inherit;}
	.major_step dt span { display: inline-block;}
	.major_step dd { padding: 15px 0 5px 20px;}
	
	.search_box_agency h6 > a {font-size: 13px;}
	.search_box_agency h6{width:15%; }
	.search_box_agency h6#tab_6 {width:25%;}
	.search_box_agency div.radioWrap label { font-size: 13px;}
	.search_box_agency { min-height: 280px}
	.search_box_agency div.radioWrap { padding-right: 20px;  height: 240px;}
	.search_box_agency div.btn_area {position:relative; bottom:0; right:0; width:100%; height:45px; padding-top: 20px !important; clear: both; }	
	.search_box_agency div.btn_area input[type="button"] { display: inline-block; width: 120px}
	.search_box_agency div.btn_area .btn { height: 35px; line-height: 35px; background-position: 20px 50% !important; font-size: 14px}
	.search_box_agency div.btn_area .btn_white {background:#fff url("/common/images/common/icon_button_b.png") no-repeat 10px -185px; }
	

}

@media (max-width: 580px) {
	
	.site-list li { width: 100%; float: none; padding: 0}
	.purpose_box dt { margin: 70px auto; }	
	.purpose_box dd.no1 { left: 0px; top:-80px}
	.purpose_box dd.no2 { right: 0px; top:-80px}
	.purpose_box dd.no3 { right: 0px; bottom:-80px}
	.purpose_box dd.no4 { left: 0px; bottom:-80px}
	
	.locker_list li { width: 25%; }
}

@media (max-width: 450px) {
	.tab_menu li { width: 100%;}
	.btn_link{ display: block; }
	.ul_img li {width: 100% !important;}
	
	.purpose_box { background: none}
	.purpose_box dd {background-color: rgba(246,246,252,.8); width: 110px; line-height: 50px; padding-top: 60px; font-size: 12px; }
	
	.step_box li{ float:none; width: inherit !important; padding-left: 0 !important;}
	.step_box li:nth-child(even) {padding-left: 0px !important;}
	.step_box li dl {min-height: inherit !important;}
	.step_box li dd {min-height: inherit !important;}
	.step_box li dd span { display: inline !important;}
	
	.history {border-top:none; padding:0;}
	.history dt {float:none; margin:0; padding:0; text-align:center;background:#48519e;color:#fff;font-size:1.230em; }
	.history dd { min-height:inherit;border:#cdd5de 1px solid;border-top:none; padding: 10px }
	.history dd li {margin:0 0 5px 0px;}
	
	.happyMap ul li span {display:block; width: inherit;float: none;}
	
	.gallery_list li { width: 98%;}
	
	.search_box_agency div.radioWrap {overflow-y: scroll;}
	.search_box_agency div.radioWrap label { width:33.3%; }
	
	.newsletters_list li {float:none; width: 98%; margin: 2% 1% 4%; }	
	
	.sitemap .st_list > li { width: 100%; }
}	


/* Calendar */
.fc_calendar_container{
  height:auto;
  bottom:0px;
  width:100%;
  top:50px;
}
.fc_calendar{
  width:100%;
  height:100%;
  border:1px solid #d7d7d7;
  border-width:0 1px 0 1px;
}

.fc_calendar_header{
  display:inline-block;
  width:100%;
  background-color:#565656;
  border: 1px solid #d7d7d7;
}
.fc_calendar_header .fc_month_year{
  position:relative;
  margin:0 auto;
  width:209px;
  line-height:54px;
  background-image:none;
  font-size:24px;
  font-weight:600;
  color:#fff;
  text-align:center;
}
.fc_calendar_header .fc_month_year .fc_month{
  color:#ff811c;
}
.fc_calendar_header .fc_month_year .fc_nav {
  position:absolute;
  left:0px;
  top:13px;
  width:209px;
}
.fc_calendar_header .fc_month_year .fc_nav a{
  float:left;
  width:28px;
  height:28px;
  color:transparent;
  cursor:pointer;
  background:url('../../images/sub/fc_left_btn.gif');
  margin:0 1px;
  font-size:20px;
}
.fc_calendar_header .fc_month_year .fc_nav a.fc_next{
  float:right;
  background:url('../../images/sub/fc_right_btn.gif');
}
.fc_calendar .fc_head{
  position:relative;
  width:100%;
  height:34px;
  line-height:34px;
  background-color:#f3f3f3;
  border-bottom:1px solid #d7d7d7;
}
.fc_calendar .fc_body{
  position:relative;
  width:100%;
  height:100%;
}
.fc_calendar .fc_row{
  width:100%;
  min-height:140px;
  border-bottom:1px solid #d7d7d7;
}
.fc_calendar .fc_row td,
.fc_calendar .fc_head th{
  position:relative;
  float:left;
  width:14.1%;
  height:100%;
  border-right:1px solid #d7d7d7;
}
.fc_calendar .fc_head th{
  width:14.1%;
  font-size:13px;
  color:#555;
  text-align:center;
}
.fc_calendar .fc_head th.fc_sat{
  color:#0fabad;
  border-right:none;
}
.fc_calendar .fc_head th.fc_sun{
  color:#f55f46;
}
.fc_calendar .fc_row td{
  position:relative;
  background-color:#fff;
  overflow:hidden;
  min-height:140px;
}
.fc_calendar .fc_row td a.fc_point{
  display:inline-block;
  width:100%;
  height:100%;
}
.fc_calendar .fc_row td a.fc_point:hover,
.fc_calendar .fc_row td a.fc_point:focus{
  background-color:#f3f3f3;
}
.fc_calendar .fc_row td span.fc_date{
  position:absolute;
  bottom:auto;
  right:10px;
  top:10px;
  left:auto;
  width:30px;
  height:20px;
  line-height:20px;
  font-size:13px;
  font-weight: bold;
  color:#383838;
  text-align:right;
}
.fc_calendar .fc_row td ul li.fc_cont{
  /* display:block; */
  /* position:absolute; */
  /* bottom:15px; */
  /* left:15px; */
  /* width:85%; */
  line-height:18px;
  font-size:14px;
  color:#555;
  /* overflow:hidden; */
  /* word-wrap:normal; */
  /* white-space:nowrap; */
  /* text-overflow:ellipsis; */
  padding-left: 3px;
  padding-bottom: 3px;
}
.fc_calendar .fc_row td {
  min-height:140px;
}
.fc_calendar .fc_row td div.sbrs{
  line-height:14px;
}

.fc_calendar .fc_row td div.fc_weekday{
  display:none;
  padding-left:5px;
}
.fc_calendar .fc_row td.fc_today{
  background-color:#f3f3f3;
}
.fc_calendar .fc_row td.fc_activeday{
  background-color:#f3f4e6;
}
.fc_calendar .fc_row td.fc_sun{
  /* background-color:#fefafa; */
}
.fc_calendar .fc_row td.fc_sat{
  border-right:none;
  width:14.5%;
}
.fc_calendar .fc_row td.fc_empty{
  background-color:#fcfcfc;
}
.fc_calendar .fc_row td.fc_sun div.fc_weekday,
.fc_calendar .fc_row td.fc_sun span.fc_date{
  color:#f55f46;
}
.fc_calendar .fc_row td.fc_sat div.fc_weekday,
.fc_calendar .fc_row td.fc_sat span.fc_date{
  color:#0fabad;
}

/* 평생학습달력 VIEW */
.calendar_view  {border:solid 1px #ddd;border-top:solid 2px #4865d3; position:relative; overflow: hidden; padding: 20px 10px 10px 200px; min-height: 140px; margin: 30px 0}
.calendar_view .notice {position:absolute; left:0px; top:20px; width:200px; color:#fff;  padding-bottom:10px; }
.calendar_view .notice .day{ padding:0; font-size:4em; line-height:100px; width:100px; height:100px; margin:auto; background:url(../../images/main/c202mbg.png) no-repeat 50% 50%; text-align:center; border-radius:50% }
.calendar_view .notice .txt { font-size:1.15em; line-height:1.3; padding:10px 0 0; color:#4865d3;  text-align:center;} 
.calendar_view .list { color:#fff; }
.calendar_view .list ul { }
.calendar_view .list li { position:relative; border-top:dashed 1px #ccc; padding:10px 10px 10px 120px; font-size:15px;color:#35488f; line-height:20px;  }
.calendar_view .list li:first-child {border-top:none}
.calendar_view .list li span { position:absolute; left:0px; top:10px; color:#959595; padding-left:10px; background:url(../../images/main/bul_c2m1list.png) no-repeat 0 50%;  display:inline-block;line-height:20px; }
@media (max-width:600px) {
	.calendar_view  { padding: 20px 0 15px;}
	.calendar_view .notice { position: relative;  left:0px; top:0px; width:inherit; margin-bottom: 10px}
	.calendar_view .list { margin: 0 20px}
	.calendar_view .list li:first-child {border-top:dashed 1px #ccc; }
}
	


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Date : 2016-10-26 ~
/* common & button & 프로그램 게시판 디자인수정 
/* goldenday
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/*공통 인풋 스타일*/
input[type="text"], input[type="password"]  { height: 25px; padding: 2px; line-height: 20px; border: 1px solid #D1D6DD; }
input[type="radio"] label { padding: 2px; line-height: 28px; }
input.bgtxt { background-color: #F5F6F8; }
input.long { width: 450px; }
input.input_tel { width: 60px; background-color: #F5F6F8; }
input.input_yyyy { width: 60px; background-color: #F5F6F8; }
input.input_md { width: 40px; background-color: #F5F6F8; }
input.post { width: 60px; }
select { padding: 2px; height: 30px; line-height: 28px; border: 1px solid #D1D6DD; color: #777; }
.input_wrap { }
.radio_wrap { padding: 5px; }
.radio_wrap label { padding: 2px 20px 2px 0; }
.address_wrap { padding-top: 3px; }
.address_wrap .long { width: 40%; }
.address_wrap .char { padding: 0 10px 0 20px }

/*버튼*/
.btn_area { padding: 50px 0;  text-align: center; }
.btn_area .btn { margin: 0 2px; } 
.btn { display: inline-block; padding: 0px 15px; line-height: 28px; background: #4C5499; border: 1px solid #454B7E; color: #fff!important;text-align: center;  }
.btn:hover { text-decoration: none; background: #454B7E; }
.bgray { background: #6E6E6E; border-color: #6E6E6E; }
.cancel { background: #545661; border-color: #424453; }
.button { display: inline-block; padding: 5px 10px; line-height: 18px; border-radius: 3px; border: 1px solid #CDD5DE; background: #fff; font-size: 14px; color: #4e5359; text-align: center; }
.button:hover { text-decoration: none; }

.big { min-width: 100px; height: 45px; line-height: 45px; font-size: 15px; }
.large { min-width: 150px; height: 50px; line-height: 50px; font-size: 15px; background-color: #F0F4FA;  }
.large:hover { background-color: #DCE6F3; }
.small { font-size: 14px; }


/* */
.col10 { width: 10%}
.col20 { width: 20%}
.col20 { width: 25%}
.col30 { width: 30%}
.col40 { width: 40%}
.col50 { width: 50%}
.col60 { width: 60%}
.col70 { width: 70%}
.col80 { width: 80%}
.col90 { width: 90%}
.col33 { width: 33%}
.col66 { width: 66%}
.col100 { width: 100%}

.mT30 { margin-top: 30px}
textarea {  border-color: #D1D6DD !important; background-color:#F5F6F8}
span.bul { display: inline-block; margin-right: 10px; }
span.bul:before { display: inline-block; content:""; width: 5px; height:5px; border-radius:50%; margin-right: 5px; background-color: #7f85bb; vertical-align: middle;}
.calendarWrap { display:inline-block; position:relative; width: 210px; height:30px; padding-right: 29px !important; box-sizing:border-box; vertical-align: middle; }
.calendarWrap input[type="text"]{ width:100%; text-align: center; box-sizing:border-box}
.calendarWrap button.btn_calendar { position: absolute; right: 1px; top:0px;}
.txtBox { display: inline-block;  padding: 0 10px; border-radius: 3px; border: 1px solid #4c5499;font-size: 14px; color: #4c5499; text-align: center; background-color: #fff }
.calendarWrapD { display:inline-block; position:relative; width: 140px; height:30px; padding-right: 29px !important; box-sizing:border-box; vertical-align: middle; }
.calendarWrapD input[type="text"]{ width:100%; height: 24px; line-height: 24px; text-align: center; }
.calendarWrapD button.btn_calendar { position: absolute; right: 1px; top:0px;}
.txtBox { display: inline-block;  padding: 0 10px; border-radius: 3px; border: 1px solid #4c5499;font-size: 14px; color: #4c5499; text-align: center; background-color: #fff }

/* 버튼 & 상태표시*/
.btn { vertical-align: middle;}
.btn_blue { border-color: #454b7e; background-color: #4c5499}
button.btn_calendar{background:url(/common/images/board/icon_date.gif) no-repeat 0 0; width: 29px; height: 30px}
a.btn_download { display: inline-block; background: #f1f2f6 url(/common/images/common/btn_file.gif) no-repeat 3px 50%; border: 1px solid #d9d9dd;
 border-color: #d9d9dd #bdbfca #bdbfca #d9d9dd; line-height: 22px; padding: 3px 10px 3px 30px; font-family: "돋움", dotum; font-size: 12px; color: #5c5f7b; letter-spacing:-1px; 
 text-decoration:none; vertical-align: middle; }
 a.btn_download:hover{border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5}

.how { display: inline-block; width:80px; padding: 0; margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 14px; color: #545454; text-align: center; background-color:#fff}
.how.online { color:#414286; border-color:#cdd5de; background-color:#f0f4fa}
.how.etc { color:#bb2669; border-color:#dfccd1; background-color:#faeff1}
a:hover .how {border-color:#d7d7d7 #a7a7a7 #a7a7a7 #d7d7d7;background-color:#f3f3f3}
a:hover .how.online {border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5}
a:hover .how.etc {border-color:#dfccd1 #c7a8af #c7a8af #dfccd1;background-color:#f6e3e5}

a.icoBtn { display: inline-block; padding:0 10px 0 30px;  margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 14px; color: #545454; text-align: center; background-color:#f0f4fa}
a.icoBtn:hover {border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5; text-decoration: none}
.ico_list {background: #f0f4fa url(/common/images/common/icon_button_b.png) no-repeat 0 -90px;}

/* 상태 아이콘 */
.state { display: inline-block; width:96px; padding: 2px; margin:1px 5px 2px 0px; line-height: 20px; border-radius: 3px; border: 1px solid #CDD5DE; font-size: 14px; color: #fff; text-align: left;}
.state.ok { background-color:#B83963; border-color:#b7335e;text-align:center;}
.state.ing2 { background-color:#00b03a; border-color:#008a2e}
.state.ing1 { background-color:#5664B0; border-color:#3e4b97;padding-left:6px;}
.state.finish { background-color:#4d5053; border-color:#35373a}
.state i.ic {display: inline-block;width:22px;height:20px;background-image:url(/common/images/common/icon_state.png); background-repeat:no-repeat; vertical-align:middle; margin-left:0px}
.state.ing1 .ic {background-position:0 0px; margin-left:5px}
.state.ing2 .ic {background-position:0 -20px; margin-left:5px}
.state.ok .ic {background-position:0 -40px;}
.state.finish .ic {background-position:0 -60px; margin-left:10px}
a:hover .state.ok {border-color:#b7335e #9f1546 #9f1546 #b7335e;background-color:#d72d68}
a:hover .state.ing2 {border-color:#008a2e; background-color:#00ce45}

.st_on_off { display: inline-block; width:50px; padding: 2px 2px 2px 15px; margin:1px 5px 2px 0px; line-height: 21px; border-radius: 3px; background: #fff; background-image:url(/common/images/common/icon_state_on_off.png); background-repeat:no-repeat; border: 1px solid #555; background-position: 8px 40%; text-align: center; font-size: 14px; }
.st_on { display: inline-block; width:50px; padding: 2px 2px 2px 15px; margin:1px 5px 2px 0px; line-height: 21px; border-radius: 3px; background: #fff; background-image:url(/common/images/common/icon_state_on.png); background-repeat:no-repeat; border: 1px solid #555; background-position: 5px 40%; text-align: center; font-size: 14px; }
.st_off { display: inline-block; width:50px; padding: 2px 2px 2px 16px; margin:1px 5px 2px 0px; line-height: 21px; border-radius: 3px; background: #fff; background-image:url(/common/images/common/icon_state_off.png); background-repeat:no-repeat; border: 1px solid #555; background-position: 8px 40%; text-align: center; font-size: 14px; }



/* box */
.search_box_edu{ position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 20px 20px 20px 0px; margin-bottom:30px; overflow: hidden;}
.search_box_edu .imgArea { position:absolute; left:20px; top:10px;}
.search_box_edu .contArea { padding-left: 140px}
.search_box_edu dl { float: left;  margin: 6px 0 0; position: relative; }
.search_box_edu dl dt , .search_box_edu dl dd {line-height: 30px;min-height: 30px; }
.search_box_edu dl dt { position:absolute; width: 55px; left:20px; padding-left:10px; background:#f0f4fa url(/common/images/common/bul_dot.gif) no-repeat 0 50%;   }
.search_box_edu dl dd { padding: 0 0px 0 90px }
.search_box_edu dl dd select { width: 100%}
.search_box_edu dl.col100 dd {position:relative; padding-right: 110px}
.search_box_edu dl.col100 input[type="text"] { width: 100%}
.search_box_edu input[type="button"],.search_box_edu input[type="submit"] {	position:absolute; right:0; top:1px;
	background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -284px; padding-left: 30px;}
.search_box_edu dl dd .calendarWrap { display:inline-block; position:relative; width: 150px; padding-right: 30px; box-sizing:border-box }
.search_box_edu dl dd .calendarWrap input[type="text"]{width:100%; text-align: center;}
.search_box_edu dl dd .calendarWrap button.btn_calendar { position: absolute; right: 2px; top:1px}
.search_box_edu h6 {margin-bottom: 5px; font-size: 16px;font-family: NanumGothicWebB; color: #243a98;}
.search_box_edu ul { overflow: hidden;}
.search_box_edu ul li { padding-left: 10px; background:#f0f4fa url(/common/images/common/bul_dot.gif) no-repeat 0 50%; }
.board_edu_page {margin-left: 0px}
.search_box_edu.reservStyle { padding: 20px 20px;}
.search_box_edu.reservStyle .imgArea { left:20px;}
.search_box_edu.reservStyle .imgArea.top {top:10px;}
.search_box_edu.reservStyle .contArea { padding-left: 160px}
h4 + .search_box_edu {margin-top: 0}



/* box - 동아리 */
.circles_box { position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 20px; margin:30px 0; overflow: hidden;}
.circles_box h6 { float: left; padding:0; border-right: 1px solid #ddd; padding-right: 30px  }
.circles_box h6 span {display:inline-block; line-height: 40px;vertical-align: middle;text-align: center;}
.circles_box h6 span.title {font-size: 20px;  font-family: NanumGothicWebB; color: #243a98;}
.circles_box h6 span.profile { background: url(/common/images/common/bg_box.png) repeat; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px  }
.circles_box h6 span.profile img { max-width: 100%; height: auto;}
.circles_box ul { float: left; padding:10px 0 10px 30px}
.circles_box li { float: left; line-height: 20px; background: url(/common/images/common/bul_dot.gif) no-repeat 0 50%; padding-left: 10px;  margin-right: 60px; font-size: 15px;}
.circles_box li:last-child {margin-right: 0px; }
.circles_box li > span {display:inline-block;}
.circles_box > a[class^="btn"] { display:inline-block; float: right; margin-top:5px; background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -90px; padding-left: 30px;}

/* box - 예약현황 */
.my_box { position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 20px 30px 20px 120px; margin:30px 0; overflow: hidden; min-height: 70px}
.my_box .num { position: absolute; left: 30px; top:20px; width: 70px; height: 70px;  background: url(/common/images/common/bg_box.png) no-repeat 50% 50%; line-height: 70px; font-size: 30px; border-radius:50%; text-align: center; color: #fff;text-shadow: 1px 1px 0px #1b2a6b}
.my_box h6 { font-size: 18px;  font-family: NanumGothicWebB; color: #243a98; margin-bottom: 5px}
.my_box li { float: left; line-height: 20px; background: url(/common/images/common/bul_dot.gif) no-repeat 0 50%; padding-left: 10px; width:25%; font-size: 15px;}
.my_box li:last-child {margin-right: 0px; }
.my_box li > span {display:inline-block;}
.my_box .btnWrap { position: absolute; right: 30px; top:40px}
.my_box > a[class^="btn"] { display:inline-block; background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -90px; padding-left: 30px;}
h4 + .my_box {margin-top: 0}

/*
.search_box>div {position: absolute; right: 0px; top: -5px;}
.search_box>div input[type="button"], 
.search_box>div input[type="submit"] { background: #ffffff url(/common/images/button/bul_search.png) no-repeat 95% 6px;  border-radius: 0; padding: 6px 20px 6px 5px;}
.search_box .board_page { position: inherit; right: 0px; top: 0;}
*/
/* 페이징 */
.box_page>span { background: #4c5499;}
.page_nav_wrapper {clear:both; position:relative;  text-align: center; padding: 0;}
.page_nav_wrapper .btn_r {position:absolute; right:0; top:30px}
.page_nav_wrapper .btn_l {position:absolute; left:0; top:30px}

/* table_list */
.tableSt_list {margin-top: 15px;}
.tableSt_list thead tr:first-child th,
.tableSt_list thead tr:first-child th {border-top: 2px solid #4c5499;border-bottom: 1px solid #9d9d9d; font-size: 15px; color: #000; background-color: #f7f7f7; padding: 15px 3px;   border-right: 1px solid #9d9d9d;}
.tableSt_list thead tr:first-child th:last-child{border-right: none;}

.tableSt_list th,.tableSt_list td {	 border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.tableSt_list td:last-child{border-right: none;}
a.className { display: block; padding: 10px}
a.className dt { font-size: 16px; font-weight: bold; margin-bottom: 7px}
a.className dd { font-size: 15px; color: #666; padding: 2px 0 0 10px; background:url(/common/images/common/bul_line.gif) no-repeat 0 8px; }
.tableSt_list .button { width: 88px;padding:0px 10px 0 0; line-height: 28px; color: #414286; border-color: #cdd5de; background-color: #f0f4fa}
.tableSt_list .button:hover {background-color: #e2eaf5; border-color: #cdd5de #a2b0c0 #a2b0c0 #cdd5de}
.tableSt_list .button.list:before { display: inline-block; content:""; width: 25px; height: 28px; vertical-align:middle;background-image: url(/common/images/common/icon_button_b.png); background-position: 50% -90px}
.tableSt_list .button.cancel:before { display: inline-block; content:""; width: 25px; height: 28px; vertical-align:middle;background-image: url(/common/images/common/icon_button_b.png); background-position: 50% -139px}
.Thead tbody tr:first-child td,
.Thead tbody tr:first-child th { border-top: 2px solid #4c5499;}
 
/* table_view */
.table_view { margin-bottom: 30px}
.table_view th,.table_view td {padding: 10px 15px; border-top: 1px solid #cdd5de;border-bottom: 1px solid #e1e1e1; margin:30px 0;}
.table_view tbody tr:first-child th,.table_view tbody tr:first-child td	{border-top: 2px solid #4c5499; }
.table_view .title { position:relative; font-family: 'NanumGothicWebB';	font-size: 18px;background: #f5f6f8; color: #414286; padding: 15px 10px 15px 20px; text-align: center;}
.table_view .title .fR {font-family:inherit; font-weight: normal; position: absolute; right: 10px; top:15px}
.table_view tbody th {background: #f9f9f9;}
.cont_box {	min-height: 300px;	font-size: 14px;line-height: 24px;}
.cont_box img {	margin: 0 auto;	display: block;	max-width: 100%;}
.download_box { font-size: 13px}
.download_box li { border-bottom: 1px dashed #ddd; padding:1px 0 2px 0; line-height: 30px; margin-bottom: 2px;}
.download_box li:last-child {border-bottom:none; margin-bottom: 0px}
/* .download_box li a { float: right;} */
.download_box li span.gray { padding-left: 5px; font-size: 12px}
.download_box span.bul { font-size: 14px}
.no_data {	padding: 25px 3px !important; color: #888}
.agree_box + p { margin: 10px 0 30px; text-align: center;}

/* tableEdu_Write */
.data_table { border-top: 2px solid #4C5499; }
.data_table th, .data_table td {padding: 6px 15px 6px; border:1px solid #ddd; border-width: 1px 0 1px 0; line-height:1.615;vertical-align:middle}
.data_table th, .data_table td .teacher_line{border-width: 1px 1px 1px 1px;border: 1px solid #ddd;}
.data_table th { background: #F8F8F8; }
.data_table thead th {border-top:0;background:#f8f8f8;text-align:center; padding: 10px 0; font-size: 15px }
.data_table td .ir { position: absolute; }

.agree_box { overflow-y: scroll; height: 150px; padding: 30px; border: 1px solid #ccc; background: #fafafa;}
.tableTop_r { font-size: 14px; text-align: right;}

.teacher_r { font-size: 14px; text-align: right;     padding: 0 0 5px;}
.teacher_l { font-size: 16px; text-align: left;     font-weight: bold!important;}
.write_form { position: relative;}
h3 + .write_form h4:first-child { margin-top: 0}
.write_form .tableTop_r { position: absolute;; right: 0; top:5px;}
/* 첨부파일 */
.file_input { position: relative; }
.file_input label { position:relative; cursor:pointer;}
.file_input label input { position:absolute; width:0;height:0; padding:0; border:none !important; overflow:hidden;}
.file_input input[type=text] {display:inline-block; width: 400px}
.file_input + .file_input { margin-top: 5px}
.file_input.long {padding-right: 88px}
.file_input.long label { position:absolute; right:0; top:0; }
.file_input.long input[type=text] {width: 99%;}
/* 첨부파일 여러개 */
.file_multy li  { border-bottom: 1px dashed #ddd; padding: 0 0 5px 150px; line-height: 30px; margin: 4px 0 0; position: relative; }
.file_multy li:first-child { margin-top: 0}
.file_multy li span.bul { position: absolute; left: 0; top:0; }
.file_multy li .file_input + .file_input { margin-top: 3px}
/* 첨부파일 설명글 */
.file_cn { margin: 3px 0 5px; position: relative; padding-left: 50px}
.file_cn lable {position: absolute; left: 0; top:0; line-height: 30px}
.file_cn input[type=text] {width: 99%;}

.spamNo { display: inline-block; font-size: 18px; padding: 0 15px;  line-height: 28px;  border: 1px solid #4C5499; vertical-align: middle;}
.data_table td.editorZone { padding: 0 !important;}

.write_form .data_table tbody th { text-align: left; padding-left: 25px}
.write_form .data_table tbody th span { display: inline-block; text-indent: -10px}

/*아이디 중복확인 결과안내*/
#id_result { display: inline-block; padding: 0 15px; line-height: 28px; border: 1px solid #4C5499; }


@media (max-width: 1024px) {

	.address_wrap .char { display:none; }
	.address_wrap .long { width: 99%;}
	.address_wrap .long:first-child { margin-bottom: 3px}
	.search_box_edu { padding: 20px !important;}
	.search_box_edu dl { width: 100% !important; float: none}
	.search_box_edu dl dt { left: 0px;}
	.search_box_edu dl dd { padding: 0 0px 0 70px;}
	.search_box_edu .imgArea { display: none}
	.search_box_edu .contArea { padding-left: 0px !important;}
	.file_input {padding-right: 86px}
	.file_input label { position:absolute; right:0; top:0; }
	.file_input input[type=text] {width: 99%;}

	.organization_box { margin-top: 30px; background-position:50% 50px; padding: 20px ; }
	.organization_box .org .n01, .organization_box .org .n02{ width:50%;}
	.organization_box .f_l > li { width:100%; float: none}
	.organization_box .f_l > li { padding-top: 0 !important; background-image: none !important;}
	.organization_box div {width:100%; }
	.organization_box h3.bar {left: 0px; top:-30px; line-height:inherit; margin-bottom: 10px; padding-left: 10px;font-size: 18px;line-height: 18px;color: #3b4a98;background: url(../../images/sub/icon_h3.gif) 0px 50% no-repeat;}
	.organization_box h3.bar span { display:inline-block; font-size: inherit; }
	.organization_box .org2 li { width:50%;}

	/* 페이징 */
	.page_nav_wrapper .btn_r,
	.page_nav_wrapper .btn_l {position:relative; left:0; top:0px; margin-top: 30px}
	.box_page { padding-top: 10px}
	.btn_area { padding: 30px 0 0;}
	
}

.class_materialCost { display: none; }
@media (max-width:767px) {
	/* 테이블 반응형 */
	/*
	.table_responsive { margin-bottom: 15px;margin-top:10px;overflow-y: hidden;border: 5px solid #fff;outline: 1px solid #ddd;}
	.table_responsive:before { display: block; content: "모바일 사용시 표를 좌우로 이동하여 내용을 확인 할 수 있습니다."; background: url(/common/images/common/ic_notice.png) no-repeat 0 7px;
    font-size: 14px;  letter-spacing: -1px;color: #333333; padding-left: 15px; margin: 5px 0 5px 10px;}
	.table_responsive > .tableSt_list,
	.table_responsive > .table_view,
	.table_responsive > .data_table {overflow: auto;margin-top: 0;width: 800px;}
	*/
	
	/* 테이블을 모바일형으로 수정 */
	.table_responsive { position: relative; overflow: hidden;  } 
	.table_view .title { text-align: left; }
	.tableSt_list { border-top:  2px solid #555; } 
	.tableSt_list thead { display: none; }
	.tableSt_list tbody tr { border-bottom:  1px solid #ccc; }
	.tableSt_list td.class_name { display: block; width: 100%; max-width: 98%; float: left; position: relative; border: 0; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; word-wrap: normal;white-space:nowrap; overflow:hidden; }
	.tableSt_list td.class_name a { display: block; padding: 0; text-overflow: ellipsis; word-wrap: normal;white-space:nowrap; overflow:hidden; }
	.tableSt_list td.class_number,
	.tableSt_list td.class_target,
	.tableSt_list td.class_accept,
	.tableSt_list td.class_fee { display: inline-block; float: left; border: 0; padding: 0 0 3px 3px; font-size: 14px; }
	.tableSt_list td.sit { display: block; width: 100%; float: left; text-align: left; border: 0; }
  	.class_materialCost { display: block; }
   .how { width: 75px; line-height: 20px; margin-top: -5px; }
}	
	
@media (max-width:580px) {
	.search_box_edu dl dd .calendarWrap { width: 100px;}
	.dlSt_list li { padding: 15px 10px}
	.dlSt_list li a {position: inherit; right: inherit; top: inherit; margin-top: 5px}
	
	.table_view .title { }
	.table_view .title .fR { float: none; position: relative; top: 0px; right: 0px; }
	
}
	
@media (max-width: 360px) {
	
}

.fc_calendar .fc_row td ul li.eduCalRight {
  width: 95%;
  font-size: 14px;
  font-weight: bold;
  color: #fb6a6a;
  text-align: right;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {width:500px; height:390px; }
#login_popup { position: relative;  display:none; background:white; width:500px; height:335px;}
#login_popup .login { position: relative; overflow: hidden; background:white; }
#login_popup .login .login_box { float: left; width: 460px; height: 270px; padding: 10px 45px; border-right: 1px solid #d2d2dc; }
#login_popup .login .confirm_box { float: left; width: 460px; height: 270px; padding: 50px 60px; }
#login_popup .login p { padding-top: 10px; color: #666; line-height: 20px; }
#login_popup .login .input_area { position: relative; width: 410px; margin: 30px 0; font-size:  13px; color: #666; }
#login_popup .login .input_area label { display: inline-block; width: 60px; }
#login_popup .login input[type="checkbox"] { margin-top: 2px; }
#login_popup .login input[type="text"] { width: 230px; height: 36px; margin-bottom: 4px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; padding:0px; }
#login_popup .login input[type="password"] { width: 230px;height: 36px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; padding:0px; }
#login_popup .login input[type="submit"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
#login_popup .login h4 { padding-left: 0; font-size: 24px; color: #4c5499; background: none; }
#login_popup .join_find { position: relative; padding: 40px 0; overflow: hidden; }
#login_popup .join_find p { padding: 10px 0; line-height: 18px; font-size: 14px; color: #666; }
#login_popup .join_find .join { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_join.gif) left 50% no-repeat; }
#login_popup .join_find .find { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_find.gif) left 50% no-repeat; }
#login_popup .join_find h4 { font-size: 15px; color: #333; background-image: url(/reserve/images/common/icon_bl.gif);}
#login_popup .button { display: inline-block; padding: 5px 10px; line-height: 18px; border-radius: 3px; border: 1px solid #CDD5DE; background: #fff; font-size: 14px; color: #4e5359; text-align: center; }
.login_header {padding:10px;background-color:#4c5499; color:white;}
.login_header h2 {display:inline; font-weight:bold; font-size:15px;}
.modal_button {float:right;}


.center_list { position: relative; }
.center_list > ul { overflow: hidden; border-top: 1px solid #939BD2; margin-top:10px; }
.center_list > ul > li { display: inline-block; float: left; width: 50%; height: 150px; padding: 35px 0; border-bottom: 1px dashed #E2E5EB; overflow: hidden;}
.center_list > ul > li .img_area { float: left; width: 40%; text-align: center; }
.center_list > ul > li .img_area a img { width: 100%; height: 160px; margin-bottom: 5px; }
.center_list > ul > li .txt_area { float: left; width: 52%; padding: 0 4%; }
.center_list > ul > li .txt_area .title { font-weight: bold; margin-bottom: 5px;}
.center_list > ul > li .txt_area ul li { font-size: 14px; padding-left: 8px; line-height: 1.6em; background: url(/portal/images/sub/icon_dot.gif) 0px 8px no-repeat; }
.center_list > ul > li.emptyLi {display: inline-block; text-align: center; width: 100%; height: 30px; padding: 35px 0; border-bottom: 1px dashed #E2E5EB; overflow: hidden;}

@media (max-width:767px) {
	.center_list > ul > li { height: 300px; }
	.center_list > ul > li .img_area { clear: both; width: 80%; }
	.center_list > ul > li .img_area img { height: 160px; }
	.center_list > ul > li .txt_area { clear: both; width: 90%; padding: 20px 0 0 0; }
}
@media (max-width: 450px) {
	.center_list > ul > li { clear: both; width: 100%; }
	.center_list > ul > li .img_area { width: 280px; }
}	

/* 평생학습지도추가 */
#mapwrap{position:relative;overflow:hidden;}
.category, .category *{margin:0;padding:0;color:#000;}   
.category {position:absolute;overflow:hidden;top:10px;left:10px;width:150px;height:325px;z-index:10;border:1px solid black;font-family:'Malgun Gothic','맑은 고딕',sans-serif;font-size:12px;text-align:center;background-color:#fff; font-weight: bold;}
.category li{list-style:none;float:left;width:74px;height:60px;padding-top:5px;cursor:pointer; border-bottom:solid 1px gray;}
.category li:nth-child(2n) { border-left:solid 1px gray; }
.category li:nth-child(9), .category li:nth-child(10){ border-bottom: none; }
.category .menu_selected {background:#c7426e;color:#fff;border-left:1px solid #C7426E;border-right:1px solid #C7426E;margin:0 0 0 -1px;}
.category .ico_comm {display:block;margin:0 auto 0px;width:30px;height:30px;background:url('/edu/images/sub/category.png') no-repeat;} 
.category .ico_edu {background-position:-0px 0px;}  		
.category .ico_dong {background-position:-0px -30px;}   		
.category .ico_book {background-position:-0px -60px;} 		
.category .ico_child {background-position:-0px -90px;}  		
.category .ico_welfare {background-position:-0px -120px;}   		
.category .ico_culture {background-position:-0px -150px;} 		
.category .ico_citizen {background-position:-0px -180px;}  		
.category .ico_etc {background-position:-0px -210px;}   		
.category .ico_school {background-position:-0px -240px;} 
.category .ico_club {background-position:-0px -270px;} 

.info .title {padding: 5px 0 2px 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}		
.info .desc {position: relative; min-height: 20px;width:200px;padding: 5px 0 0 10px;font-size: 14px; line-height: 1.5em;}		
.info .tel {font-size: 13px;color: #888;padding: 5px 0 0 10px;margin-top: -2px;}		
.info::after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px; }

/*성과공유회 체험신청 리스트박스*/
.list{margin-bottom:40px;}
.list .list_box li{ width: 50%; float: left; margin-bottom:20px; display:inline-block;}
.list .list_box li dl{ text-align: center;}
.list .list_box li dt{ padding: 10px 0; font-size: 16px; font-weight: 600; color: #fff; background-color: #5773c3; border: 1px solid #455ea8; }
.list .list_box li dd{line-height: 20px; background-color: #f7f7f7; border: 1px solid #cdd5de; border-top:none; border-bottom:none; padding: 10px 0;}
.list .list_box li dd:last-child{ border-bottom: 1px solid #cdd5de;}
.list .list_box li dd a:hover{color:#5773c3;}

.list .list_dot{padding-bottom: 10px; display:inline-block;}
.list .list_dot li{background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; padding: 0 0 0 10px; box-sizing: border-box;}
.list .list_dot span{font-weight:bold;}


/*수료증 출력 2022-01-26 추가 */
.certificate_wrap { position: relative;padding: 30px; width: 21cm; height: 29.7cm; margin: 0 auto; box-sizing: border-box; overflow: hidden; }
.certificate_border { margin: 0 auto; padding: 20px; border: 5px solid #9B8144; height: 28.3cm; box-sizing: border-box; }
.certificate_line { padding: 35px; border: 1px solid #9B8144; height: 27cm; box-sizing: border-box; background: url(/reserve/images/sub/symbol_saha.png) no-repeat center; font-family: 'Nanum Myeongjo', serif; }
.certificate_line .inner { width: auto!important; }
.certificate_wrap .ver_num { padding: 20px 30px; font-size: 24px; color: #000; }
.certificate_wrap .tit { padding: 30px 0 40px; text-align: center; font-size: 56px; font-weight: bold; letter-spacing: 10px; color: #906c1e; }
.certificate_wrap .p_name { padding-left: 22px; line-height: 45px; font-size: 21px; color: #000; letter-spacing: -0.5px; }
.certificate_wrap .c_name { padding-left: 22px; line-height: 45px; font-size: 21px; color: #000; letter-spacing: -0.5px; }
.certificate_wrap .e_date { padding-left: 22px; line-height: 45px; font-size: 21px; color: #000; letter-spacing: -0.5px; }
.certificate_wrap p span { display: inline-block; min-width: 80px; }
.certificate_wrap .p_name span { letter-spacing: 16px; }
.certificate_wrap .c_name span { letter-spacing: 9px; }
.certificate_wrap p.p_name em { padding-left: 0px; padding-right: 15px; }
.certificate_wrap p.c_name em { padding-left: 7px; padding-right: 15px; }
.certificate_wrap p.e_date em { padding-left: 14px; padding-right: 15px; }
.certificate_wrap .cont_text { padding: 50px 10px; text-align: center; line-height: 1.6em; font-size: 28px; color: #333; }
.certificate_wrap .date { padding: 30px; text-align: center; font-size: 24px;  color: #000; }
.certificate_wrap .saha_name{ position: relative; padding: 70px 0 80px; text-align: center; font-size: 40px; font-weight: bold; color: #000; }
.certificate_wrap .saha_name .stamp_img { position: absolute; right: 20%; top: 20%; z-index: -1; }

.print_btn01 { padding: 10px 20px; background: #28356F; color: #fff!important; text-align: center; }
.print_btn02 { padding: 10px 20px; background: #fff; box-sizing: border-box; border: 1px solid #ddd; text-align: center; }

.certificate_wrap .tl {position:absolute; top:1.8%; left:2.1%;}
.certificate_wrap .tr {position:absolute; top:1.8%; right:2.1%;}
.certificate_wrap .bl {position:absolute; bottom:1.1%; left:2.1%;}
.certificate_wrap .br {position:absolute; bottom:1.1%; right:2.1%;}

.certificate_privacy {padding: 10px 20px; border: 1px solid #e1e1e1; background-color: #fff; position: relative;margin-bottom: 30PX}

.teacher_line {
    border: 1px solid #cecece;
}
/* Tab */
.tab_menu { margin:0px 0 50px}
.tab_menu li { float:left; width: 25%;}
.tab_menu li a {display:block; position:relative; height:42px; margin:-1px 0 0 -1px; padding:0 20px; border:1px solid #d2d4d8; background:#ebeeef; color:#6f6f6f; text-align:left; line-height:44px; font-size: 15px; text-decoration:none; transition:all .2s}
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus {border-color:#ccc; background-color: #DFDFDF; color:#222; z-index:1}
.tab_menu li.current a { position:relative; border-color:#d8507d; font-weight:700; z-index:2; background:#d8507d url(../../images/sub/tab_on.png) 90% 50% no-repeat; color: #fff; }
.tab_menu li a img { margin-right:-5px}

.tabmenu { display: block; width: 100%; margin:0px 0 -24px}
.tabmenu li { float:left; width: 14.1%; display:block; position:relative; height:42px; margin:-1px 0 0 -1px; border:1px solid #d2d4d8; text-align:left; line-height:44px; font-size: 15px; text-decoration:none; transition:all .2s}
.tabmenu li input { display:block; width: 100%; line-height: 42px; background-color: #fff; }
.tabmenu li input:hover, .tabmenu li input:focus, .tabmenu li .current {z-index:2; background-color:#4C5499; color: #fff; }
.tabmenu li.active input{background:#4C5499; color:#fff;}
.tabmenu li a img { margin-right:-5px}