/*
 *작성자 : 이병욱*
 *2016-02-29 최초작성일*
 *메인/서브 레이아웃 구성만 들어갑니다.*
*/

.text-right { text-align:right !important; }

.dash { width:100%; height:1px; margin:20px 0; border-bottom:dashed 1px #ccc; }
.tit01 { padding-left:20px; margin:0 0 20px; background:url(../images/content/title_bg_01.png) 5px 5px no-repeat; color:#222; font-family:notokr-medium; font-size:20px; }
.tit02 { padding-left:30px; margin:0 0 15px; background:url(../images/content/title_bg_02.png) 15px 4px no-repeat; font-weight:400; font-size:18px; }

.txt01 { line-height:150%; font-size:15px; color:#757575; }
.terms { position:relative; background:#fafafa; border:1px solid #eee; margin:15px 0 0; padding:20px; }

.ul_list { margin-bottom:0; font-size:15px; padding:0 0 0 12px; color:#767676; }
.ul_list li { margin-bottom:12px; padding-left:12px; background:url(../images/content/ul_bg.png) 0 8px no-repeat;}

.terms_list_ul { margin-bottom:0; font-size:16px; padding:0 0 0 12px; color:#666; }
.terms_list_ul li { margin-bottom:12px; padding-left:12px; background:url(../images/content/list_bg.png) 0 10px no-repeat;}

/* 지원단소개 */
.box_txt { margin-bottom:40px; padding:20px 30px; background:url(../images/content/bg_box_txt.jpg) repeat; }
.box_txt .txt { margin:0; font-size:15px; text-align:center; color:#333; }
.box_txt .txt::before, .box_txt .txt::after { content:""; display:block; width:60px; height:2px; margin:40px auto 30px; background:#666; }

.txt { font-size:17px; color:#666; line-height:1.8em; text-align:justify; }

.box_txt_ { margin-bottom:40px; padding:20px 30px; background:url(../images/content/bg_box_txt_.jpg) repeat; }
.box_txt_ ._txt { font-size:15px; color:#333; line-height:1.8em; text-align:justify; }

.faq_wrap { border-top:3px solid #1ba1df; }
.faq_wrap .box_wrap { border-bottom:1px solid #ddd; }

/* 사업안내 */

.w_page0102 { display:block; }
.page0201_img01 { background:url(../images/content/page0201_img01.jpg) 100% repeat; }
.page0201_img02 { background:url(../images/content/page0201_img02.jpg) 100% repeat; }
.page0201_img03 { background:url(../images/content/page0201_img03.jpg) 100% repeat; }

@media(min-width:992px) {
.m_page0102 { display:none; }
}

@media(max-width:991px) {

.w_page0102 { display:none; }

.m_page0102 { display:block; }

}

/* 조직도 */

.w_page0103 { display:block; }


@media(min-width:992px) {
.m_page0103 { display:none; }
}

@media(max-width:991px) {

.w_page0103 { display:none; }

.m_page0103 { display:block; }

}
/* 맵 */
.map_child { position:relative; }
.map_child .map_img { position:relative; width:420px; height:450px; background:url(../images/content/map_page0202.jpg) no-repeat; }
.map_child .map_img a { position:absolute; cursor:pointer; display:inline-block;}
.map_yuseong {top:27%; left:18%;}
.map_daedeok {top:18%; left:55%;}
.map_donggu {top:42%; left:69%;}
.map_djjunggu {top:53%; left:49%;}
.map_seogu {top:58%; left:30%;}

.map_child .search_child { position:relative; }
.map_child .search_child .child_tit_01 { margin-top:60px; }
.map_child .search_child .child_tit_02 { margin-top:20px; margin-bottom:20px; font-size:15px; line-height:20px; color:#535353; }
.map_child .search_child .child_select { position:relative;display:inline-block;margin-right:12px; width:100%; padding:0;height:35px;text-align:left;color:#979fae;background:#fff;border:1px solid #ccc }
.map_child .search_child .child_btn { position:relative; margin-top:20px;}

.map_child .table_child { position:relative; margin-top:30px; }
.map_child .table_child .bbs_table {position:relative; width:100%; border-top:2px solid #336fb5; margin-top:50px; clear:both;}
.map_child .table_child .bbs_table th{ text-align:center; font-weight:bold;  height:40px; line-height:30px; border-bottom:1px solid #ddd; background-color:#f3f3f3; color:#000}
.map_child .table_child .bbs_table td{border-bottom:1px solid #ddd;  height:50px; line-height:50px; text-align:center; }

@media(max-width:991px) {

.map_child .map_img { position:relative; margin:0 auto; width:420px; height:450px; background:url(../images/content/map_page0202.jpg) no-repeat; }
.map_child .search_child { position:relative; text-align:center; }

}

/* 자주묻는 질문 */

.faqlist { border-top:2px solid #66575a; }
.faqlist .line { border-bottom:1px solid #e1e2e2; border-radius:0px; }
.faqlist .heading { background:#fff; border-top-left-radius:0px; border-top-right-radius:0px; margin-top:0; }
.faqlist .heading .title { color:#5e5e5f; }
.faqlist .heading .title a:link  { background:#fff; }
.faqlist .heading .title a:active  { background:#1ba1df; color:#fff; }
.faqlist .heading .title a:visited { background:#1ba1df; color:#fff; }

.faqlist .question  { }
.faqlist .question div p span { background:none; }

/* 교육공지 */
.education { border-top:3px solid #1ba1df; margin-bottom:40px; border-bottom:1px solid #eee;}
.education .edu_wrap { background:#fff;   }


/* 지원단소식 */
.post_letter { background:#fff; position:relative; border-radius:0px; overflow:hidden; margin-bottom: 20px; }
.post_letter .post_letter_img { position:relative; overflow:hidden; height:120px; }
.post_letter .post_letter_img img { max-width:100%; width:100%; height:auto; display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear }
.post_letter .post_letter_img .category { position:absolute; width:100%; top:10px; left:15px; }
.post_letter .post_letter_img .category .post_letter_caption  { font-size:13px;	font-weight:400; border-radius:0; margin-right:5px;	padding:8px 14px; opacity:.9; display:inline-block;	color:#fff }
.post_letter_caption.caption-75 { background: #0baf4d; }
.post_letter_caption.caption-100 { background: #ffa801; }
.post_letter_caption.caption-101 { background: #00a1d9; }
.post_letter_caption.caption-102 { background: #00b466; }

.post_letter .post_letter_info { position:relative; padding:10px; background:#fbfbfb; border:1px solid #ececec; border-width: 0 1px 1px 1px; }
.post_letter .post_letter_info .letter_title { display:block; font-size:16px; color:#333; line-height:1.4; padding-bottom:10px; }
.post_letter .post_letter_info .letter_desc { height:35px; overflow:hidden; line-height:1.4; color:#777; font-size:12px }
.post_letter .post_letter_info .letter_by {  display:block; font-size:12px; color:#999; margin-bottom:0; line-height:20px; padding:0 }

.gallery { margin:0; }
.gallery .image { width:auto; display:block; margin-bottom: 20px; overflow:hidden; padding:0; }
.gallery .image img { max-width:100%; width:100%; height:auto;  }
.gallery .image-content { position:relative; overflow:hidden; border-radius:0; }
.gallery .image-inner {  position:relative; height:200px;  overflow:hidden; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.gallery .image-info { position:relative; background:#fbfbfb; padding:10px; border:1px solid #ececec; border-width: 0 1px 1px 1px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.gallery .image-info .title { margin:5px 0 13px; line-height:24px; font-size:16px; font-weight:600; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gallery .image-info .desc { line-height:16px; font-size:13px; color:#777; overflow:inherit; }
.gallery .image-info .data { margin-top:10px; color:#999; font-size:12px; }

@media(max-width:991px) {
.gallery .image-inner { height:200px; }
}

/* 댓글 */
#comment .commont_write { margin-top:15px; }
#comment .commont_write .input-group .form-control { height: 60px; }
#comment .commont_write .input-group .btn { width:60px; height:60px; }
#comment .comment-none { width:100%; text-align:center; padding: 50px 0; }

#comment .comment .comment_info .info_append { position:relative; width:100%; }
#comment .comment .comment_info .info_append .info_name { float: left; font-weight: 400; }
#comment .comment .comment_info .info_append .ico_dot { float: left; width:2px; height:2px; margin:10px 4px 0; background-color:#e4e4e4; vertical-align:top; }
#comment .comment .comment_info .info_append .time { color: #aaa; font-size: 11px; }
#comment .comment .comment_info .comment_text { padding: 8px 0; }

#comment .reply_comment .reply_list .comment_info .info_append { padding: 8px 0 0 0; }
#comment .reply_comment .reply_list .comment_info .info_append .info_name { float: left; font-weight: 400; }
#comment .reply_comment .reply_list .comment_info .info_append .ico_dot { float: left; width:2px; height:2px; margin:10px 4px 0; background-color:#e4e4e4; vertical-align:top; }
#comment .reply_comment .reply_list .comment_info .info_append .time { color: #aaa; font-size: 11px; }
#comment .reply_comment .reply_list .comment_info .comment_text { padding: 8px 0; }


.bbs_table {position:relative; width:100%; border-top:2px solid #336fb5; margin-top:50px; clear:both;}
.bbs_table th{ text-align:center; font-weight:bold;  height:40px; line-height:30px; border-bottom:1px solid #ddd; background-color:#f3f3f3; color:#000}
.bbs_table td{border-bottom:1px solid #ddd; padding: 10px 0 10px 15px; }