@charset "utf-8";

/*컨텐츠 스타일    고딕 400, 700, 800*/
#board_list .content {margin:0 auto;}

.content .content_black_title { color:#666666; font-size:17px; font-weight:700;}
.content_gray12 {color:#666666; font-size:12px; }
.content_gray122 {color:#666666; font-size:12px; font-weight:400;}
.content_gray14 {color:#666666; }

.content_gray {color:#666666; }
.content_gray_b{color:#999999; font-weight:700; }
.content_gray_16{color:#000000; font-weight:400;}
.content_gray_b12{color:#666666;font-size:12px; font-weight:700; }

/*수정*/
.left10_gray {color:#666666; width:98%;padding-bottom:40px; }
.left10v_gray {color:#666666; width:98%;float:right; }
.left10s_gray {color:#666666; width:92%;float:right;}
.left10b12_gray {color:#666666; width:88%;float:right;padding-top:40px;}

.title_gray_b{color:#000000; font-weight:400; }



.content_blue12 {color:#187def; font-size:12px;  }
.content_blue13 {color:#187def; font-size:13px;   font-weight:400;}
.content_blue14 {color:#187def; font-size:14px; }
.content_blue16 {color:#187def; font-size:16px;  font-weight:700;}
.content_blue20 {color:#187def; font-size:20px;  font-weight:800;}

.content_blue_b16 {color:#666666; font-size:16px;  font-weight:800; padding-left:10px;}
.content_blue_b18 {color:#187def; font-size:18px;  font-weight:800;}

.content_orange13 {color:#f79516; font-size:13px;  font-weight:700; }
.content_orange14 {color:#f79516; font-size:14px;  font-weight:700;}
.content_orange16 {color:#f79516; font-size:16px; font-weight:700; }
.content_orange20 {color:#f79516; font-size:20px;font-weight:700;  }

.content_green14 {color:#569721; font-size:14px;  font-weight:700;}
em {font-style:normal;}

table.orga_tb tr th{ border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding-left:10px;color:#7a7a7a; font-size:12px; }
table.orga_tb tr th:last-child{border-right:0; }
table.orga_tb tr td{ border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding-left:10px;color:#7a7a7a; font-size:12px; }
table.orga_tb tr td:last-child{border-right:0;}



.content  span.sl{margin:30px 0; display:block;}
.content ol{list-style:none; padding:0 0 10px 5px;}
.content ol li h3{margin-bottom:10px;}
.content ol li span{margin-left:20px; display:block;}
.content ol li{margin-bottom:20px;}

.content ul{list-style:none; padding:0 0 0 10px;}
.content ul li{margin:0;}

.b11_table{border-top:1px solid rgb(133, 203, 225); border-left:1px solid rgb(133, 203, 225);}
.b11_table th {background-color:#f9f9f9; border-bottom:1px solid rgb(133, 203, 225); border-right:1px solid rgb(133, 203, 225); text-align:center;}
.b11_table td {border-bottom:1px solid rgb(133, 203, 225); border-right:1px solid rgb(133, 203, 225);}
ul.b11_list li{margin:10px 0;}

.location h2{margin-bottom:10px; color:#303030; font-size:16px;  font-weight:800;}
.location span{display:block; margin-bottom:20px; margin-left:20px;}
.location ul {margin-left:20px; padding:0;}
.hellow{background: url('/images/Funny-Floral-Tree3.png') no-repeat right top;}
.hellow ul{width:88%; font-size:13px; margin-top:75px; line-height:180%;}
.hellow ul li{margin-bottom:20px;}

/*개인정보취급방침*/
.agreement2 div.fi_box{padding:10px; border:1px solid #ddd;}
.agreement2 div.fi_box strong{display:block; clear:both; text-align:center; margin:0 auto; margin-top:5px;}
.agreement2 ol {list-style:none; padding:0;  margin:10px 0;}
.agreement2 ol li{padding:10px 0 0 10px; margin:0;}

.agreement2 ul {list-style:none; padding:0;}
.agreement2 ul li{padding:10px 0 0 10px; margin:0;}

.agreement2 dl {list-style:none; padding:0;}
.agreement2 dl dt{padding:10px 0 0 10px; margin:0;}
.agreement2 dl dd{padding:10px 0 0 10px; margin:0;}

.agreement table {border-top:2px solid #a3a3a3; border-right:1px solid #ddd; width:80%; margin:0 auto;}
.agreement table th{border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; min-width:90px; padding:5px 0; background-color:#f9f9f9;}
.agreement table td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding-left:5px;}

.agreement div.fi_box{padding:10px; border:1px solid #ddd;}
.agreement div.fi_box strong{display:block; clear:both; text-align:center; margin:0 auto; margin-top:5px;}
.agreement ol {list-style:none; padding:0;  margin:10px 0;}
.agreement ol li{padding:10px 0 0 10px; margin:0;}

.agreement ul {list-style:none; padding:0;}
.agreement ul li{padding:10px 0 0 10px; margin:0;}

.agreement dl {list-style:none; padding:0;}
.agreement dl dt{padding:10px 0 0 10px; margin:0;}
.agreement dl dd{padding:10px 0 0 10px; margin:0;}

.agreement table {border-top:2px solid #a3a3a3; border-right:1px solid #ddd; width:80%; margin:0 auto;}
.agreement table th{border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; min-width:90px; padding:5px 0; background-color:#f9f9f9;}
.agreement table td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding-left:5px;}


/* 인터넷상담 ir기법 이미지 대체 텍스트 */
.counselor_case {background:url(../images/counselor_case.gif) no-repeat; width:730px; height:537px;}
.counselor_case p, .counselor_case h1, .counselor_case h2, .counselor_case ul {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}

.counselor_guide_info {background:url(../images/counselor_guide_info.jpg) no-repeat; width:730px; height:537px;}
.counselor_guide_info p, .counselor_guide_info h1, .counselor_guide_info h2, .counselor_guide_info ul {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}


/* 재능기부 ir기법 이미지 대체 텍스트 */
.sponsor_guide_info {background:url(../images/sponsor_guide_info.jpg) no-repeat; width:730px; height:601px;}
.sponsor_guide_info p, .sponsor_guide_info h1, .sponsor_guide_info h2, .sponsor_guide_info ul {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}

/* 일하는사람들 */
.people_info {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}









#board_list { position:relative;  overflow:hidden; line-height:150%; }
#board_list .content{margin:80px auto; }
#board_list .content img{width:100%}
#board_list .btn_area{float:right; padding-right:10px;}

.category_list{clear:both; display:block; width:99.6%; height:43px; border:1px solid #c0d2e1; border-bottom:1px solid #006bbe;}
.category_list{background-color:#fdfdfd;}
.category_list ul{list-style:none; margin:-1px 0 0 0; padding:0;}
.category_list ul li{float:left;  border:1px solid #c0d2e1; border-left:0; font-size:13px; font-weight:bold; background-color:#fdfdfd; border-bottom:1px solid #006bbe;}
.category_list ul li{ padding:12px 18px;}
.category_list ul li a{color:#888888;}
.category_list ul li.onover{border:1px solid #006bbe; border-top:3px solid #006bbe; border-bottom:0px; background-color:white; padding:12px 18px 11px;}
.category_list ul li.onover a {color:#006bbe;}





/* 게시물 쓰기 */
#board_write { display:inline-block; margin:0px auto; }
#board_write .title_msg { font-size:17px; letter-spacing:-1px; color:#0066aa; font-weight:bold; margin:0 0 10px 0; padding-bottom:10px;}
#board_write .write_table { width:100%; border-top:1px solid #c1c1c1; }
#board_write .write_table th,
#board_write .write_table td { padding:5px 0 4px; border-bottom:1px solid #e1e1e1; }
#board_write .write_table th { text-align:left; padding-left:10px; font-weight:normal; color:#666; background:#f7f7f7; }
#board_write .write_table th p { }
#board_write .write_table td p { float:left; }
#board_write .write_table th p a { color:#aaa; font-size:11px; }
#board_write .write_table td {padding-left:10px; }
#board_write .write_table td input {vertical-align:middle; }
#board_write .write_table td textarea.textarea {width:97%; border:1px solid #d1d1d1; padding:5px; font:12px/18px '맑은 고딕',Gulim,AppleGothic,Sans-serif;}
#board_write .write_table td input.title { width:98%; }
#board_write .btn_area { margin:10px 0; }
#board_write .textarea_control span.button { cursor: pointer; }
#board_write .textarea_control div.float { float: left; width: 50%; }
#board_write .textarea_control div.right { float: right; }
#board_write textarea.textarea { width: 100%; word-break: break-all; }

/* 파일첨부 */
#variableFiles { list-style: none; margin: 0; padding: 0; }
#variableFiles li { padding-top: 5px; }
#variableFiles li input.file { border: 1px solid #d1d1d1; height: 22px; }
/*
#variable_files { }
#variable_files table { }
#variable_files td.file div { padding-top:5px; }
#variable_files td.file input.file { border:1px solid #d1d1d1; height:22px; }
*/

/* 게시물 보기 */
#board_view { }
/* #board_view .btn_area:after { content:""; display:block; float:none; clear:both; } */
#board_view .btn_area { }
#board_view .btn_area_bottom { float:left; margin-bottom:20px; }
#board_view .title_area { float:left; width:100%; }
#board_view .title_area { border-top:1px solid #BABABA; }
#board_view .title_area { border-bottom:1px solid #DCDCDC; }
/* #board_view .title_area { margin-bottom:5px; } */
#board_view .title_area { margin-bottom:5px; *padding:10px 0 10px 0; _padding:10px 0 10px 0; }
/* #board_view .title_area .title { float:left; } */
#board_view .title_area .title { float:left; }
#board_view .title_area .title { font:12pt '맑은 고딕',Gulim; font-weight:bolder; letter-spacing:-1px; }
#board_view .title_area .sum { float:right; }
#board_view .title_area .sum .tit { font:11px '맑은 고딕',Gulim; letter-spacing:-1px; }
#board_view .title_area .sum .num { font:9px Tahoma; color:#ADADAD; margin:0 5px; }
#board_view .title_area .sum .date { font:9px Tahoma; color:#ADADAD; margin-right:10px; }

#board_view .author_area { }
#board_view .author_area .author { float:left; margin-right:10px; font:11px '맑은 고딕',Gulim; }
#board_view .author_area .ipaddress { float:left; font:9px Tahoma; color:#ADADAD; }
/* #board_view .author_area:after { content:""; display:block; float:none; clear:both; } */

#board_view .attach { float:left; width:100%; margin:10px 0 0 0;}
#board_view .attach dt { margin-right:5px; font:11px '맑은 고딕',Gulim; color:#4d4d4d; float:left }
#board_view .attach dd { font:9px Tahoma; text-decoration:none; color:#4d4d4d; }
#board_view .attach a { text-decoration:none; color:#adadad; }
#board_view .view_file { float:left; margin-top:10px; width:100%; }
/*
#board_view .attach a:hover,
#board_view .attach a:active,
#board_view .attach a:focus { text-decoration:underline; color:#adadad; }
*/

#board_view .content { float:left;  width:100%; }
#board_view .content { margin:15px 0; }
#board_view .content { overflow:hidden; }
#board_view .content { font:12px/20px '맑은 고딕',Gulim; }
#board_view .content a { text-decoration:underline; }

#board_view .signature { float:left; width:100%; background-color:red; margin:10px 0; }

/* 코멘트 */
#board_comment { }

/* 코멘트 리스트 */
.comment_area { float:left; width:100%; }
.comment_area { border-top:1px solid #e0e0e0; }
.comment_area span.secret { color:#ff6600; }

.comment_list { }
.comment_list { padding-top:10px; }
.comment_list .author_area { }
.comment_list .author_area .author { float:left; margin-right:10px; }
.comment_list .author_area .date { float:left; font:9px Tahoma; color:#ADADAD; margin-right:10px; }
.comment_list .author_area .ipaddress { font:9px Tahoma; color:#ADADAD; }
.comment_list .option_area { float:right; }
.comment_list .option_area { font:11px '맑은 고딕',Gulim; }
.comment_list .option_area a { color:#999999; }
/*.comment_list .option_area:after { content:""; display:block; float:none; clear:both; }*/
.comment_list .content { float:left; width:100%; }
.comment_list .content { overflow:hidden; }
.comment_list .content { padding:10px 0; }
.comment_list .content { font:12px/20px '맑은 고딕',Gulim; }
.comment_list .content a { text-decoration:underline; }
.comment_list .content { }


/* 코멘트 쓰기 */
#comment_write { float:left; width:98%; }
#comment_write .author_area { float:left; margin:0 0 5px 0; width:100%; }
#comment_write .content_area div.content { float:left; margin-right:-70px; }
#comment_write .content_area div.content div.text { margin-right:70px; }
#comment_write .content_area div.content div.text textarea { height:80px; font:12px/18px '맑은 고딕',Gulim; }
#comment_write .content_area div.button { float:right; width:65px; }
#comment_write .content_area div.button { margin-top:14px; }
#comment_write fieldset { margin:0; padding:0; border:0px; }


.organization{padding:50px 15px 0;}
.organization .tit{width:137px;height:50px;margin-bottom:10px;line-height:50px;text-align:center;font-size:18px;font-weight:bold;color:#fff;border-radius:10px;}
.organization ul{text-align:left;margin-bottom:40px;padding-left:0;}
.organization ul li{display:inline-block;margin-bottom:10px;}
.organization ul li.m_hide{display:none;}
.organization ul.col3 li{width:100%;margin-right:0;}
.organization ul li .box{padding:25px 15px;border-radius:10px;text-align:center;box-sizing:border-box;}
.organization ul li .box .nm{margin-bottom:10px;font-weight:bold;color:#000;font-size:18px;}
.organization ul li .box .txt{margin-bottom:10px;font-size:14px;color:#333;height:38px;}
.organization ul li .box .call{font-size:15px;color:#333;}
.organization ul li .box .call span{display:inline-block;margin-right:10px;color:#fff;border-radius:3px;padding:5px 10px;}

.organization .tit.b2{background:#5a9f22;}
.organization .tit.b3{background:#00a79d;}
.organization .tit.b4{background:#272ec1;}
.organization ul li .box.b1{border:1px solid #3399ff;}
.organization ul li .box.b2{border:1px solid #5a9f22;}
.organization ul li .box.b3{border:1px solid #00a79d;}
.organization ul li .box.b4{border:1px solid #272ec1;}
.organization ul li .box.b1 .nm strong{color:#3399ff;}
.organization ul li .box.b2 .nm strong{color:#5a9f22;}
.organization ul li .box.b3 .nm strong{color:#00a79d;}
.organization ul li .box.b4 .nm strong{color:#272ec1;}
.organization ul li .box.b1 .call span{background:#3399ff;}
.organization ul li .box.b2 .call span{background:#5a9f22;}
.organization ul li .box.b3 .call span{background:#00a79d;}
.organization ul li .box.b4 .call span{background:#272ec1;}

.lawyer{padding:0 15px;}
.lawyer dl{position:relative;padding:25px 0;list-style:none;}
.lawyer dl dt{width:137px;height:50px;margin-bottom:10px;line-height:50px;text-align:center;font-size:18px;font-weight:bold;color:#fff;border-radius:10px; background:#8adbec;}
.lawyer dl dd{}
.lawyer dl dd ul{padding:0;overflow:hidden;}
.lawyer dl dd ul li{list-style:none;display:inline-block;width:47%;height:78px;margin-right:1%;margin-bottom:10px;background:#fff;border:1px solid #8adbec;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;text-align:center;}
.lawyer dl dd ul li span{display:block;color:#5548cc;font-size:14px;padding-top:16px;margin-bottom:5px;}
.lawyer dl dd ul li strong{display:block;color:#3e3e3e;font-size:18px;font-weight:400;}