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


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

/* Common */

h3 { font-size: 33px; color: #414286;  }
h4 { font-size: 18px; color: #414286; padding-left: 20px; background: url(/happyedu/images/sub/icon_h4.gif) left 50% no-repeat; margin: 10px 0 5px;}
h5 { font-size: 15px; color: #000; padding-left: 15px; background: url(/happyedu/images/sub/icon_h5.gif) left 50% no-repeat; }

.blind {position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; }
.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;}

 /* Color */
.red, a.red {color:#e65231}
.orange, a.orange {color:#ff7113}
.blue, a.blue {color:#4554b3}
.sky, a.sky {color:#0084aa}
.green, a.green {color:#008c44}
.olive, a.olive {color:#529823}
.pp { color: #4554b3}
.lfont { font-size: 18px!important; }

.bold { font-weight: bold; }
.point { font-size: 16px!important; font-weight: bold!important; }
.bigfont { font-size: 20px!important; font-weight: bold!important; padding-top: 10px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.agree p { line-height: 1.6em; padding: 2px!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; 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: inline-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}

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

/* 문단 */
.h3content { margin: 0 0 30px 5px; padding: 0 0 5px 5px; box-sizing: border-box; position: relative; }
.h4content { margin: 0 0 30px 15px; padding: 0 0 5px 10px; box-sizing: border-box; position: relative; }
.h5content { margin: 0 0 0px 15px; padding: 0 0 5px 10px; box-sizing: border-box; position: relative; }
.h3content p, .h4content p { padding-bottom: 5px; }
.contentBox {margin: 0 0 30px 0; }
.contentBox p {padding-bottom: 10px; }
.contentBox .ttl { font-size: 30px; line-height: 40px; padding-bottom: 15px;}
.contentBox .ttl span { color: #3c62bd; }

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

.url_link { display: inline-block; height: 20px; padding: 5px 30px 5px 0px; line-height: 20px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 90% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }

.youtube_link { display: inline-block; min-height: 25px; padding: 0px 5px 0px 35px; line-height: 25px; color: #1278DE!important; text-decoration: underline!important; background: url(../../images/sub/youtube_link.png) 0% 50% no-repeat; font-size: 16px; white-space: pre; }
.youtube_link:hover { color: #2d6eb4; }

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

.btn_file_a { display: inline-block; height: 25px; padding: 5px 35px 5px 18px; line-height: 25px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 23px; color: #fff!important; font-weight: bold; background: #414283 url(../../images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file_a:hover { background-color: #20215C; text-decoration: none; }

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

.btn_arrow { display: inline-block; min-width: 150px; height: 25px; margin-bottom: 2px; margin-left: 10px; padding: 8px 30px 8px 40px; line-height: 25px; border-radius: 2px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_arrow.png) 88% 50% no-repeat; font-size: 16px; }
.btn_arrow:hover { background-color: #0E4B8D; text-decoration: none; }

.btn_application { display: inline-block; height: 20px; margin-bottom: 2px; margin-left: 10px; padding: 7px 45px 7px 34px; line-height: 20px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_application.png) 82% 50% no-repeat; }
.btn_application:hover { background-color: #0E4B8D; text-decoration: none; }


/* List */
.ul_dot { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_dot li { padding: 0 0 5px 10px; background: url(../../images/sub/icon_arrow.gif) 0px 10px no-repeat; box-sizing: border-box; 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_bar {padding-top:5px; overflow: hidden; position: relative;}
.ul_bar li { padding: 0 0 3px 15px; 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: 13px; 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;}

.btn_bar { background-image: none!important; background-color: #2E4B9C!important; width: 230px; height: 40px; margin-bottom: 15px!important; line-height: 40px; color: #fff; margin: 0 auto; text-align: center!important; }
.btn_bar2 { background-image: none!important; background-color: #5773C3!important; width: 230px; height: 40px; margin-bottom: 170px!important; line-height: 40px; color: #fff; margin: 0 auto 0; text-align: center!important; }
.btn_bar2 ul { position: absolute; left: 0; top: 200px; width: 100%!important; }
.btn_bar2 ul li { background-image: none!important; }
.btn_bar2 ul li dd { color: #555; }

/* Image */
#conts img { max-width: 100%; }
.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; }

/* 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;}
.boderBox { border: 1px solid  #ddd; padding: 20px 20px 10px; overflow: hidden; margin-bottom: 30px}

/* 이미지 배경 박스 */ 
.box_head { position:relative; background: #e4e4fa url("/happyedu/images/sub/bg_box_dot.gif") repeat; padding: 40px 35px 40px; margin-bottom: 40px; border: 1px solid #d7d7f3;}
.box_head .ttl {  line-height: 34px; color: #4554b3; font-size: 30px; }
.box_head .subttl {font-size: 16px;line-height: 25px; margin-top: 5px}
.box_head .txt { font-size: 14px; line-height:22px; margin-top:15px; color: #666}

/* 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;  }
.step_box li dt {padding:10px 0;font-size: 12px; font-weight: 600; 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}
.step_box.step3 li { width: 33%;}
.step_box.step3 li dd { height: 60px;}
.step_box.step4 li { width: 25%;}
.step_box.step5 li { width: 20%;}
.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);}

.color_step { overflow: hidden; margin-bottom: 30px}
.color_step li{ width: 23%; height: 200px; margin: 0 1%; float: left; padding: 2%; border-radius: 5px; box-sizing:border-box; margin-bottom: 10px; text-align: center; }
.color_step li:nth-child(1) { background: #F7BFD0; }
.color_step li:nth-child(2) { background: #BAE2E3; }
.color_step li:nth-child(3) { background: #C6BADB; }
.color_step li:nth-child(4) { background: #FCCF9D; }
.color_step li dl dt { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 30px; color: #fff; font-size: 16px; font-weight: bold; }
.color_step li:nth-child(1) dl dt {background: #EF5A7C;}
.color_step li:nth-child(2) dl dt {background: #05AC98;}
.color_step li:nth-child(3) dl dt {background: #725099;}
.color_step li:nth-child(4) dl dt {background: #F3781F;}
.color_step li dl dd { display: block; margin-top: 20px; font-size: 18px; }

.color_bar { }
.color_bar dt { display: inline-block; padding: 5px 30px; border-radius: 15px; font-size: 18px; color: #fff; }
.color_bar dt.step_01 { background: #F3781F; }
.color_bar dt.step_02 { background: #FF6583; }
.color_bar dt.step_03 { background: #4395C3; }
.color_bar dd { display: block; padding: 5px 30px 20px; font-size: 18px; }


/* 박스 리스트 */
.box_list { overflow: hidden; }
.box_list li { height: 100px; padding: 12px 30px 0; margin-bottom: 10px; border: 5px solid #EBEBF5; box-sizing: border-box; line-height: 60px; font-size:  20px; }

.box_list_color { overflow: hidden; padding: 20px 20px; }
.box_list_color li { padding: 12px 20px; margin-bottom: 10px; box-sizing: border-box; border: 5px solid #EBEBF5; text-align: center; font-size: 16px; line-height: 1.8em; }
.box_list_color li:nth-child(1) { border-color: #E2BC57; }
.box_list_color li:nth-child(2) { border-color: #E19B71; }
.box_list_color li:nth-child(3) { border-color: #B8C473; }
.box_list_color li:nth-child(4) { border-color: #94B9C7; }

/* 아이콘 스텝 리스트 */
.icon_step { overflow: hidden; }
.icon_step li { width: 33%; float: left; box-sizing: border-box; padding: 20px; text-align: center; font-size: 16px; line-height: 1.8em; }
.icon_step li img { margin-bottom: 10px; }

/*이미지 리스트*/
.gallery_list * { box-sizing:border-box;}
.gallery_list li { float: left; width: 31%; padding:0; margin: 0 1% 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;}


 /* 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:#5773c3; text-align:center; font-size: 15px; color: #fff; font-weight: bold}
.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: #f5f5f5; font-weight: bold; }
.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.data th { padding:8px 5px 6px; font-size: 14px }
.table.data td { padding:6px 5px 4px; font-size: 13px; 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;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 소개
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 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: 13px; }
.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}

/* 인사말 */
.greeting {margin: 0}
.greeting .pic { width: 340px; 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;}

/* 연혁 */
.history { position: relative; padding:20px 0;}
.history::before{content:''; display:block; width:1px; height:100%; background:#bfbfbf; position:absolute; left:10px; top:0; z-index:-1;}
.history>li { overflow: hidden; padding-bottom: 30px; border-top: 1px dotted #ddd;}
.history>li::before{content:''; display:block; background-repeat:no-repeat; background-position:0 0;}
.history>li::before{width:12px; height:12px; border:4px solid #D84374; background-color:#fff; border-radius:100%; margin:20px 34px 0 0;}
.history li .h_year{ display: inline-block; width: 10%; float: left; font-size:36px; color:#4554b3; font-weight:600; line-height:1; margin: -20px 30px 20px 30px;}
.history dl { display: inline-block; width: 82%; float: left; margin-top: -20px; }
.history dt {clear:both; width: 20%; color:#000; font-size:22px; font-weight:700; float:left; margin:0px 0 0 10px; padding:5px 10px 10px 10px; box-sizing: border-box; }
.history dd { min-height: 40px; box-sizing: border-box; vertical-align: middle; }
.history dd ul {margin:10px 0 10px 0;}
.history dd ul li {padding: 0 0 0 8px; margin:0 0 5px 24%;  background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; }


/* 조직도 */
.org { position: relative; padding: 0 0 0 30px; }
.org_list { overflow: hidden; padding-bottom: 50px; background: url(../../images/sub/bg_org_line.gif) no-repeat center 20px;  } 
.org_list li { width: 215px; height: 50px; line-height: 50px; margin: 0 auto 30px; font-size: 18px; text-align: center; color: #fff; }
.org_list li:nth-child(1) { position: absolute; top: 20px; left: 90px; padding-top: 10px; line-height: 20px; background: #00969F; }
.org_list li:nth-child(2) { position: absolute; top: 20px; right: 70px; display: inline-block; height: 60px; padding-top: 20px; box-sizing: border-box; line-height: 20px; background: #00969F; }
.org_list li:nth-child(3) { margin-top: 120px; height: 60px; padding-top: 20px;  box-sizing: border-box; line-height: 20px; background: #3375D0; } 
.org_dep { }
.org_dep>li { padding-bottom: 30px; }
.org_dep>li span { display: inline-block; width: 200px; padding: 10px 10px; background: #5773C3; font-size: 18px; text-align: center; color: #fff; }
.org .table { margin-top: 20px!important; }

/* 찾아오시는 길 */
.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: 400px;background-color: #eee; margin-bottom: 30px}
.customoverlay {position:relative;bottom:90px; 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:14px;font-weight:bold;overflow:hidden;background:#fff;padding:10px 15px;}
/*.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)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 사업소개 */
.h4_title { padding: 10px 20px; background: none; font-size: 20px; line-height: 28px; font-weight: bold; }
.biz_num { display: inline-block; width: 40px; height: 25px; pading: 5px 5px; margin-right: 5px; line-height: 25px; font-size: 18px; background: #EB568F; color: #fff; text-align: center; }
.biz_num_gr { background: #119387; }
.biz_num_pp { background: #7D5F9B; }
.biz_num_or { background: #EF5E1E; }

/*다행복 콘텐츠 이미지 박스*/
.box_head.img_happy { padding-right: 240px}
.box_head.img_happy:after { display:block; content:""; background:url("/happyedu/images/sub/img_happy.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}

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


/*평생학습 콘텐츠 이미지 박스*/
.icon_box { min-height: 130px; padding: 20px 20px 40px 250px; border-bottom: 1px dashed #DBDBDB;}
.icon_img_0101 { background: url(/happyedu/images/sub/iconimg_0101.png) no-repeat 30px 50%; }
.icon_img_0102 { background: url(/happyedu/images/sub/iconimg_0102.png) no-repeat 30px 50%; }
.icon_img_0103 { background: url(/happyedu/images/sub/iconimg_0103.png) no-repeat 30px 50%; }
.icon_img_0104 { background: url(/happyedu/images/sub/iconimg_0104.png) no-repeat 30px 50%; }
.icon_img_0201 { background: url(/happyedu/images/sub/iconimg_0201.png) no-repeat 30px 50%; }
.icon_img_0202 { background: url(/happyedu/images/sub/iconimg_0202.png) no-repeat 30px 50%; }
.icon_img_0203 { background: url(/happyedu/images/sub/iconimg_0203.png) no-repeat 30px 50%; }
.icon_img_0301 { background: url(/happyedu/images/sub/iconimg_0301.png) no-repeat 30px 50%; }
.icon_img_0302 { background: url(/happyedu/images/sub/iconimg_0302.png) no-repeat 30px 50%; }
.icon_img_0303 { background: url(/happyedu/images/sub/iconimg_0303.png) no-repeat 30px 50%; }
.icon_img_0303 { background: url(/happyedu/images/sub/iconimg_0303.png) no-repeat 30px 50%; }
.icon_img_0304 { background: url(/happyedu/images/sub/iconimg_0304.png) no-repeat 30px 50%; }
.icon_img_0305 { background: url(/happyedu/images/sub/iconimg_0305.png) no-repeat 30px 50%; }
.icon_img_0306 { background: url(/happyedu/images/sub/iconimg_0306.png) no-repeat 30px 50%; }
.icon_img_0307 { background: url(/happyedu/images/sub/iconimg_0307.png) no-repeat 30px 50%; }
.icon_img_0308 { background: url(/happyedu/images/sub/iconimg_0308.png) no-repeat 30px 50%; }
.icon_img_0309 { background: url(/happyedu/images/sub/iconimg_0309.png) no-repeat 30px 50%; }


.box_head.img_020201 { padding-right: 240px}
.box_head.img_020201:after { display:block; content:""; background:url("/happyedu/images/sub/img_0202.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_020301 { padding-right: 240px}
.box_head.img_020301:after { display:block; content:""; background:url("/happyedu/images/sub/img_0203.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_020401 { padding-right: 240px}
.box_head.img_020401:after { display:block; content:""; background:url("/happyedu/images/main/c104bg.png") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_020501 { padding-right: 240px}
.box_head.img_020501:after { display:block; content:""; background:url("/happyedu/images/sub/img_0205.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_020601 { padding-right: 240px}
.box_head.img_020601:after { display:block; content:""; background:url("/happyedu/images/sub/img_0206.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_020801 { padding-right: 240px}
.box_head.img_020801:after { display:block; content:""; background:url("/happyedu/images/sub/img_0208.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; 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 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: 240px}
.box_head.img_0301:after { display:block; content:""; background:url("/happyedu/images/sub/img_0301.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_0302 { padding-right: 240px}
.box_head.img_0302:after { display:block; content:""; background:url("/happyedu/images/sub/img_0302.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_0303 { padding-right: 240px}
.box_head.img_0303:after { display:block; content:""; background:url("/happyedu/images/sub/img_0303.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_0304 { padding-right: 240px}
.box_head.img_0304:after { display:block; content:""; background:url("/happyedu/images/sub/img_0304.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}
.box_head.img_0305 { padding-right: 240px}
.box_head.img_0305:after { display:block; content:""; background:url("/happyedu/images/sub/img_0305.jpg") no-repeat 100% 50%; background-size:100%; width: 180px; height: 180px; border-radius:50%;  position: absolute; right: 40px; top:20px}

/* 평생학습빌리지 */
.village_box { margin-bottom: 50px; overflow: hidden; }
.village_box li { float: left; width: 29%; min-height:250px; padding: 20px 1% 20px; margin-left: 3%; border: 1px solid #E1E1E5; }
.village_box li:FIRST-CHILD { margin-left: 0; }
.village_box li p { padding: 3px 0; }
.village_box li dl { padding: 0; text-align: center;}
.village_box 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 li dl dd { padding-top: 20px; font-size: 13px; color: #666; line-height: 1.6em; }



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

/* 기관검색 */
.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;}

/* 마을교육공동체 */
.edutown_box { position: relative; min-height: 280px; padding: 70px 0 0 0px; margin-top: -25px; margin-bottom: 40px; background: url(/happyedu/images/sub/bg_edutown_box.jpg) no-repeat left top; z-index: -1;}
.edutown_box h4 { padding: 50px 30px; width: 240px; margin-bottom: 70px; font-size: 18px; border-radius: 0 30px 0 0; background: #2D65C6; color: #fff; font-weight: bold; line-height: 1.6em; z-index: 2; }
.edutown_box h4 span { font-size: 24px; z-index: 2; padding-right: 5px; }
.edutown_box p { padding: 35px; background: #fff; box-sizing: border-box; border: 5px solid #77B7E1; font-size: 16px; z-index: 2; }


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

.newsletters_list { border-top: 2px solid #4C5499; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.newsletters_list li { float: left;; width: 31%; margin: 2% 1%; height: 200px; overflow: hidden; border: 1px solid #ddd; box-sizing:border-box; }
.newsletters_list li img { max-width: 100%}


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

/* 사이트맵 */
.sitemap .st_box {float:left;width:33.3%;padding:0 0 40px 30px;box-sizing: border-box;}
.sitemap .st_box a {display:block}
.sitemap .st_box h3 {height:50px;background:#617ad4;color:#fff;font-size:1.230em;font-weight:700;text-align:center;line-height:52px}
.sitemap .st_list {border:1px solid #dcdcdc;border-top:0}
.sitemap .st_list > li {border-top:1px solid #dcdcdc}
.sitemap .st_list > li > a {height:36px;padding-left:20px;background:#f0f0f0;font-size:1.153em;font-weight:700;line-height:36px}
.sitemap .st_list + h3 {margin-top:40px}
.sitemap .st_list ul {padding:10px 0}
.sitemap .st_list ul a {padding-left:34px;background:url(../../images/sub/bul_bar.gif) no-repeat 22px 8px}
.sitemap .st_box.n1, .sitemap .st_box.n4 { clear:both; float:left; padding-left: 0}

.radio01 { margin-left: 10px; }

@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; }
}

@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;}
	
	.btn_bar2 { margin-bottom: 280px!important; }
		
}
@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 }
	
	.sitemap .st_box {width:50%;padding:0 0 20px 20px;}
	.sitemap .st_box.n4 { clear:none; padding-left: 20px}
	.sitemap .st_box.n3, .sitemap .st_box.n5 { clear:both; float:left; padding-left: 0}
	
	.subject_list li { width: inherit; float: none; }
	
	.on-list li { width: 100%; text-align: center;}
	
}
@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; }
	
	.newsletters_list li { width: 48%; margin: 2% 1%; height: 180px;}

}

@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}
}

@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;}
	
	.btn_bar2 { margin-bottom: 550px!important; }
	.btn_bar2 ul { top: 230px; }
	
	.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%; height: 200px;}	
	.sitemap .st_box {clear:none !important;float:none  !important;width:100%;padding-left:0 !important}
	
}	
@media (max-width: 360px) {
	
	
}


/* Calendar */
.state_color { float: left; }
.state_color ul { position: relative; overflow: hidden; height: 22px; border: 1px solid #ddd; }
.state_color ul li { display: inline-block; padding: 0 15px 0 0px; line-height: 18px; }
.state_color ul li span { display: block; float: left; width: 21px; height: 22px; margin-top: -3px; margin-right: 5px; line-height: 20px; }
.state_color ul li:nth-child(1) span { background: #3957E1; }
.state_color ul li:nth-child(2) span { background: #EA8100; }
.state_color ul li:nth-child(3) span { background: #FF0000; }

.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%;
  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;
  box-sizing: border-box;
}
.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:12px;
  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:150px;
}
.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 240px; 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%; color:#4865d3; }
.calendar_view .notice .txt { font-size:1.8em; 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 20px; 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"]  { padding: 4px; line-height: 20px; border: 1px solid #D1D6DD; width:200px;}
input[type="radio"] label { padding: 4px; 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: 4px; 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: 13px; color: #4e5359; text-align: center; }
.button:hover { text-decoration: underline; background: #f5f5f5; }

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


/* */
.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%}
.pp { color: #4b5399 !important; font-size: 15px; }
a.pp {color: #3644bd !important;}
.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: 13px; 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:98px; padding: 0; margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 13px; 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: 13px; 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:90px; padding: 4px; margin:1px 0; line-height: 20px; border-radius: 3px; border: 1px solid #CDD5DE; font-size: 13px; color: #fff; text-align: left;}
.state.ing1 { background-color:#d84374; border-color:#b7335e}
.state.ing2 { background-color:#14a2b7; border-color:#0f7b8b}
.state.ok { background-color:#6575cf; border-color:#3e4b97}
.state.finish { background-color:#4d5053; border-color:#35373a}
.state i.ic {display: inline-block;width:25px;height:20px;background-image:url(/common/images/common/icon_state.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px}
.state.ing1 .ic {background-position:0 0px}
.state.ing2 .ic {background-position:0 -20px}
.state.ok .ic {background-position:0 -40px;margin-left:5px}
.state.finish .ic {background-position:0 -60px; margin-left:15px}
a:hover .state.ing1 {border-color:#b7335e #9f1546 #9f1546 #b7335e;background-color:#d72d68}

/* 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:25px;}
.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: 30px 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;}
.tableSt_list th,.tableSt_list td {	 border-bottom: 1px solid #cccccc; }
a.className { display: block; padding: 10px}
a.className dt { font-size: 15px; margin-bottom: 7px}
a.className dd { font-size: 13px; 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}
.tableSt_list .button.modify: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% -41px}
.tableSt_list .button2 { width: 50px;}
.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: left;}
.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 { 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: 13px; text-align: right;}

.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; }

.fc_calendar .fc_row td ul li.eduCalRight {
  width: 95%;
  font-size: 13px;
  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 h3 { 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: 13px; 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 h3 { 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: 13px; 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: 12px; 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;}


/*차량지원 운영절차*/
table.carInfo.mobile {display:none;}
table.carInfo {width:100%; text-align:center;}
table.carInfo td.top {height:80px; border:solid 2px #2f7880; border-bottom:0px; background-color:#9cdaf5; font-size:15px; font-weight:bold;}
table.carInfo td.bottom {height:80px; border:solid 2px #2f7880; border-top:0px;}
table.carInfo td.front {height:55px; border:solid 2px #2f7880; border-right:0px; background-color:#9cdaf5; font-size:15px; font-weight:bold;}
table.carInfo td.back {height:55px; border:solid 2px #2f7880; border-left:0px;}


@media (max-width: 900px) {
	.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%;}

	/* 테이블 반응형 */
	.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: 13px;  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;}
	
	/* 페이징 */
	.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;}
	
}
@media (max-width:767px) {
	.org { background: none; padding-left: 0; }
	.org_list li { font-size: 14px; }
	.org_list li:nth-child(1) { left: 0; }
	.org_list li:nth-child(2) { right: 0; }
	
	.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; }
	
	.box_list li { line-height: 24px; font-size: 18px; }
	.color_step li { width: 48%; }
	
	.how { width: 60px; }
	.state { width:73px; text-align: center; }
	.state i.ic { margin-left: 0; }
	.state.ok .ic { margin-left: 0; }
	
	.icon_box { padding: 40px 0px 40px 210px}
	.icon_img_01, .icon_img_02, .icon_img_03, .icon_img_04, .icon_img_05 { background-position: left 50%; }
	
}
@media (max-width: 480px) {
	.org_list li { width: 150px; font-size: 12px; }
	.org_list li:nth-child(1) { width: 100px; }
	.org_list li:nth-child(2) { width: 100px; }
	
	.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}
	
	.center_list > ul > li { clear: both; width: 100%; }
	.center_list > ul > li .img_area { width: 280px; }

	.how { width: 50px; }
	.state { width:50px; }
	.state i.ic { display: none; }
	
	.h4_title { font-size: 18px; }
	.icon_box { padding: 200px 0 20px 0; }
	.icon_img_01, .icon_img_02, .icon_img_03, .icon_img_04, .icon_img_05 { background-position: center top; }
	table.carInfo.pc {display:none;}
	table.carInfo.mobile {display:inline-table;}
}


/* 달력 */
.calendar_choice .concert_sel {float:right; padding:10px 0;}
.calendar_choice .concert_sel > label {margin-left:15px;}
.calendar_choice .concert_sel > label > span {padding-left:5px; font-size:14px; color:#666;}