@charset "UTF-8";

/* 공통 */
.btlNone {border-top:none ! important; margin:5px 0 0 0 ! important;}
.mR0 {margin:18px 0 0 ! important;}
.bodyBg {background-color:#364d6b;}
.textBox {width:560px; height:48px; border:1px solid #a5acb2;}
.pB5 {padding:0 0 5px ! important; display:inline-block;}
.blNone {border-bottom:none ! important;}

/* 08.03 blog */
#blog_wrap {width:100%; height:1100px; background:#364d6b url('/nel_program/nel_images/blog/blog_img_bg.gif') repeat-y left top; background-position:center;}
#body_blog {margin:0 auto; width:932px; height:100%;}
.blog_header {float:left; width:932px; margin:0 0 1px;}
.blog_header h1 {margin:0; padding:6px 0 0 20px; float:left;}
.blog_header h1 img {vertical-align:top;}
.blog_header ul {float:right; display:inline; color:#e0e0e0; margin:7px 16px 0 0; padding:0;}
.blog_header ul li.first {padding:0 10px 0 0; background:none;}
.blog_header ul li {margin:4px 0 0; padding:0 10px 0 10px; float:left; font-size:11px; line-height:11px; vertical-align:middle; background:url('/nel_program/nel_images/common/bg/li_bgBar.gif') no-repeat left top;}
.blog_header ul li a {color:#e0e0e0 ! important; font-size:11px ! important;}
.blog_header ul li a:hover {color:#e0e0e0; font-size:11px;}
.blog_header ul li img {vertical-align:top;}
.blog_header ul li.login {display:inline-block; margin:0 0 0 3px; padding:3px 0 0; width:48px; height:13px; color:#3f3f3f; font-size:11px; text-align:center;
background:url('/nel_program/nel_images/common/btn/btn_loginOut.gif') no-repeat left top;}
.blog_header ul li.login a {color:#3f3f3f ! important; font-size:11px ! important;}
.blog_header ul li.login a:hover {color:#3f3f3f; font-size:11px;}
.blog_header ul li.myblog {display:inline-block; margin:0 0 0 3px; padding:3px 0 0; width:66px; height:17px; color:#3f3f3f; font-size:11px; text-align:center;
background:url('/nel_program/nel_images/common/btn/btn_meblog.gif') no-repeat left top;}
.blog_header ul li.myblog a {color:#ffffff ! important; font-size:11px ! important;}
.blog_header ul li.myblog a:hover {color:#ffffff; font-size:11px;}
.blog_cnts {position:relative; width:932px;}
.blog_cnts .blog_top_bg {float:left; width:931px; height:14px; background:url('/nel_program/nel_images/blog/blog_t_line01.gif') no-repeat left top;}
.blog_cnts .blog_bg {float:left; padding:0 0 0 4px; line-height:11px; vertical-align:middle; width:927px; height:100%; background:url('/nel_program/nel_images/blog/blog_bg_line01.gif') repeat-y left top;}
.blog_cnts .blog_bg .left_cnts {position:relative; margin:0 0 0 9px; display:inline; float:left; width:189px;}
.blog_cnts .blog_bg .left_cnts .left_category {float:left; width:180px; border:1px solid #ccc;}
.blog_cnts .blog_bg .left_cnts .left_category h2 {color:#000; font-size:12px; padding:6px 0 6px 3px; margin:10px 9px 9px 9px; font-weight:bold; border-bottom:2px solid #d1d1d1;}
.blog_cnts .blog_bg .left_cnts .left_category h2 a {color:#000;}
.blog_cnts .blog_bg .left_cnts .left_category h2 img {position:absolute; left:160px; margin:4px 0 0 0;}
.blog_cnts .blog_bg .left_cnts .left_category ul {display:inline-block; margin:0 0 15px; padding:0;}
.blog_cnts .blog_bg .left_cnts .left_category ul li.title {display:block; width:146px; margin:0; padding:4px 0 2px 24px; line-height:15px; color:#333;
background:url('/nel_program/nel_images/common/icon/icon_book.gif') no-repeat 12px 6px;}
.blog_cnts .blog_bg .left_cnts .left_category ul li.gubun {display:inline-block; border-bottom:1px dotted #cfcfcf; width:170px; margin:4px 5px 4px 5px; padding:0; line-height:0; font-size:0; background:none;}
.blog_cnts .blog_bg .left_cnts .left_category ul li a {color:#333;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard01 {display:block; margin:0 0 15px; padding:0;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard01 li {display:block; width:158px; margin:0; padding:0 0 10px 22px; line-height:15px; color:#707070;
background:url('/nel_program/nel_images/common/bul/bul_crosse.gif') no-repeat 12px 5px;
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard01 li a {color:#707070;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard02 {display:block; margin:0 0 15px; padding:0;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard02 li {display:inline-block; width:158px; margin:0; padding:0 0 10px 22px; line-height:15px; color:#707070;
background:url('/nel_program/nel_images/common/bul/bul_crosse.gif') no-repeat 12px 5px;
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard02 li a {width:87px; float:left; color:#707070; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:15px;}
.blog_cnts .blog_bg .left_cnts .left_category ul.ulBoard02 li em {color:#a2afb5; float:left; font-size:11px; padding:2px 0 0; vertical-align:middle;}
.blog_cnts .blog_bg .left_cnts .left_total {display:inline-block; margin:250px 0 2px 2px; width:174px; border:1px solid #dedede; background-color:#eee;}
.blog_cnts .blog_bg .left_cnts .left_total dl {float:left; margin:0; padding:14px 0 11px;}
.blog_cnts .blog_bg .left_cnts .left_total dl dt {display:inline-block; float:left; width:82px; margin:0; padding:0 0 2px 15px; font-family:Tahoma; font-size:11px; color:#999; letter-spacing:1px;}
.blog_cnts .blog_bg .left_cnts .left_total dl dd {display:inline-block; float:left; width:77px; margin:0; padding:0 0 2px; font-family:Tahoma; font-size:11px; color:#999;}
.blog_cnts .blog_bg .left_cnts .left_total dl dd strong {color:#333; font-family:Tahoma; font-size:10px;}
.blog_cnts .blog_bg .right_cnts {position:relative; width:724px; float:right; display:inline; margin:0 3px 15px 0; vertical-align:middle; line-height:11px;}
.blog_cnts .blog_bg .right_cnts div {margin:0 auto; width:700px; border:none;}
.blog_cnts .blog_bg .right_cnts div h3 {display:block; vertical-align:middle; margin:0; padding:46px 0 0 0; color:#353535; font-size:14px;
font-weight:bold; text-indent:20px;}
.blog_cnts .blog_bg .right_cnts div ul {display:inline-block; width:683px; height:37px; margin:0 0 9px; padding:0 0 0 17px; background:url('/nel_program/nel_images/blog/blog_menu_bg.gif') no-repeat left top;}
.blog_cnts .blog_bg .right_cnts div ul li {display:inline; float:left; margin:12px 0 0; padding:0 10px; line-height:11px; font-size:12px; color:#fff; font-weight:bold;
background:url('/nel_program/nel_images/common/bg/li_bgBar02.gif') no-repeat left top;}
.blog_cnts .blog_bg .right_cnts div ul li a {color:#fff;}
.blog_cnts .blog_bg .right_cnts div ul li img {vertical-align:top; padding:2px 0 0 4px;}
.blog_cnts .blog_bg .right_cnts div ul li.first {background:none;}

/* 리스트 스타일 01 */
table.tList_Comm01 {width:100%;}
table.tList_Comm01 th {border:1px solid #ccc; padding:13px 0 12px 20px; text-align:left; color:#333; background-color:#fff;}
table.tList_Comm01 th em {font-weight:normal; font-size:11px; padding:0 0 0 2px;}
table.tList_Comm01 th strong {color:#333; font-size:11px;}
table.tList_Comm01 th a.listOpen {display:inline; line-height:11px; vertical-align:middle; width:60px; position:absolute; left:627px; color:#333; font-weight:normal; text-align:right;}
table.tList_Comm01 th a.listOpen img {vertical-align:top; padding:2px 0 0 4px;}
table.tList_Comm01 td.tdHeight {border-bottom:none;}
table.tList_Comm01 td {padding:8px 0 7px 11px; border-bottom:2px dotted #d2cad3; color:#666; font-size:12px;}
table.tList_Comm01 td.tdTit {color:#0082d4; font-weight:bold; padding:8px 0 7px 17px; font-size:15px; background:url('/nel_program/nel_images/common/bg/li_bgBar03.gif') no-repeat right 10px;}
table.tList_Comm01 td.tdDate {color:#afafa1; font-size:11px; padding:8px 0 7px; text-align:center; background:url('/nel_program/nel_images/common/bg/li_bgBar03.gif') no-repeat right 10px;}
table.tList_Comm01 td.tdModify {color:#5f5e42; padding:8px 0 7px; text-align:center; background:url('/nel_program/nel_images/common/bg/li_bgBar03.gif') no-repeat right 10px;}
table.tList_Comm01 td.tdModify a {color:#5f5e42;}
table.tList_Comm01 td.tdDel {color:#5f5e42; padding:8px 0 7px; text-align:center;}
table.tList_Comm01 td.tdDel a {color:#5f5e42;}
table.tList_Comm01 td.tdUrl {padding:4px 6px 3px 0; border-bottom:none; color:#afafa1; font-size:11px; text-align:right;}
table.tList_Comm01 td.tdUrl img {padding:0 0 0 4px;}
table.tList_Comm01 td.tdCnt {text-align:center; padding:40px 0 40px 0; border-bottom:none;}
table.tList_Comm01 td.tdDown {padding:4px 6px 3px 0; border-bottom:none; color:#000; font-size:11px; text-align:right;}
table.tList_Comm01 td.tdDown img {padding:0 0 0 4px;}
table.tList_Comm01 td.tdDown a {font-size:12px; letter-spacing:-1px; font-weight:bold; color:#727372;}
table.tList_Comm01 td.tdDown a:hover {color:#97b870;}

.blog_cnts .blog_bg .right_cnts div p {padding:16px 0 18px;}
.blog_cnts .blog_bg .right_cnts div span.spanNone {background:none; padding:0 7px 0 0; display:inline-block; margin:5px 0 0; line-height:11px; font-size:11px; float:left; font-weight:bold;}
.blog_cnts .blog_bg .right_cnts div span.spanNone img {padding:1px 4px 0 0; vertical-align:middle; float:left;}
.blog_cnts .blog_bg .right_cnts div span.sWrite {display:inline-block; margin:5px 0 0; padding:1px 7px 0; line-height:11px; font-size:11px; float:left; font-weight:bold; background:url('/nel_program/nel_images/common/bg/li_bgBar03.gif') no-repeat left top;}
.blog_cnts .blog_bg .right_cnts div span.sWrite img {padding:1px 4px 0 0; vertical-align:middle; float:left;}
.blog_cnts .blog_bg .right_cnts div span a {color:#545454; font-size:11px; text-decoration:underline;}
.blog_cnts .blog_bg .right_cnts div span.btnChoice {position:relative; margin:0; padding:1px 7px 1px; line-height:11px; font-size:11px; float:left; background:url('/nel_program/nel_images/common/bg/li_bgBar03.gif') no-repeat left 5px; }
.blog_cnts .blog_bg .right_cnts div span.btnCopy {float:right; background:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}
.blog_cnts .blog_bg .right_cnts div span.btnCopy a {text-decoration:none;}
.blog_cnts .blog_bg .right_cnts div .category_wrap {float:left; position:relative; width:700px; margin:18px 0 0 0; padding:0 0 18px; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.blog_cnts .blog_bg .right_cnts div .category_wrap h4 {display:block; margin:0 0 7px; padding:25px 0 5px 10px; font-size:12px; width:690px; height:auto; font-weight:bold; color:#545454; background:none; border-bottom:1px dashed #ccc;}
.blog_cnts .blog_bg .right_cnts div .category_wrap h4 strong {color:#0082d4;}
/* 리스트 스타일 02 */

table.tList_Comm02 {width:100%;}
table.tList_Comm02 th {border:none; border-bottom:1px solid #ccc ! important; padding:9px 0 8px 9px; text-align:left; color:#545454; font-weight:normal;}
table.tList_Comm02 th em {color:#0082d4; font-size:11px;}
table.tList_Comm02 th em strong {color:#0082d4; font-size:11px;}
table.tList_Comm02 td {border-bottom:1px solid #ccc; padding:9px 0 8px 0; text-align:center; color:#aaa; font-size:11px;}
table.tList_Comm02 th a {color:#545454;}
table.tList_Comm02 th a:hover {font-weight:bold; letter-spacing:-1px;}
table.tList_Comm02 td.tdNone {border-bottom:none ! important;}
table.tList_Comm02 td.tdWrite {border-bottom:none ! important; padding:0 0 7px 0;}
.blog_cnts .blog_bg .right_cnts div .board_paging {float:left; margin:16px auto 0; width:700px; text-align:center; color:#545454; font-size:11px;}
.blog_cnts .blog_bg .right_cnts div .board_paging a {padding:0 8px 0 2px; border-right:1px solid #ccc; font-weight:bold; color:#545454;}
.blog_cnts .blog_bg .right_cnts div .board_paging a.none {border:none; padding:0;}
.blog_cnts .blog_bg .right_cnts div .board_paging a.tNone {border:none; padding:0 3px 0 0;}
.blog_cnts .blog_bg .right_cnts div .board_paging a strong {color:#ad6969;}
.blog_cnts address {margin:3px auto; text-align:center;}
.blog_cnts .blog_foot_bg {float:left; width:931px; height:12px; background:url('/nel_program/nel_images/blog/blog_f_line01.gif') no-repeat left top;}

/* 로그인 영역 블로그 */
#blog_login {float:left;width:170px; height:107px;padding:5px 0 8px 10px; margin:0 0 8px; background:url('/nel_program/nel_images/common/bg/login_bg.gif') no-repeat left top;}
#blog_login fieldset {float:left; margin:0; padding:0;}
#blog_login fieldset h2 {float:left;padding:5px 0 16px 2px;}
#blog_login fieldset .rdo_wrap {float:left; margin:0; padding:0; width:168px; height:auto;}
#blog_login fieldset .rdo_wrap .rdo_box {float:left;padding:0px 0 0 0;}
#blog_login fieldset .rdo_wrap .rdo_box.bg {float:left;padding:5px 0 0 0;}
#blog_login fieldset .rdo_wrap .rdo_box em {float:left;padding:5px 0 3px 0;font-size:11px;}
#blog_login fieldset ul {float:left;width:168px;padding:3px 0 0 0; margin:0px;display:inline;}
#blog_login fieldset .imageField{float:left;width:50px;height:21px;}
#blog_login fieldset ul li {float:left;padding:0 0 3px 0;}
#blog_login .idpass {float:left;padding:5px 0 0 5px;display:inline; vertical-align:top;}
#blog_login .idpass a {color:#8a8a8a; padding:0 5px 0 6px; font-size:11px; background:url('/images/sbrown_01/bul/bl_login.gif') no-repeat left 4px;}
#blog_login .idpass a em{font-size:11px;font-weight:bold;color:#3e3e3e;}
#blog_login .input.bg1{float:left; background:#fff url('/Images/global/module/input_title_id.gif') no-repeat left top; margin:0 5px 0 0;display:inline;}
#blog_login .input.bg2{float:left; background:#fff url('/Images/global/module/input_title_pw.gif') no-repeat left top; margin:0 5px 0 0;display:inline;}
#blog_login .input.bg3{float:left; background:#fff; margin:0 5px 0 0;display:inline; border:1px solid #bebebe;}

/* 포토블로그 리스트 */
.blog_cnts .blog_bg .right_cnts .blog_photoList {float:left; display:inline; width:696px; margin:4px 0 0 4px;}
.blog_cnts .blog_bg .right_cnts .blog_photoList dl {float:left; width:152px; margin:18px 28px 0 0; padding:0;}
.blog_cnts .blog_bg .right_cnts .blog_photoList dl dt {float:left; margin:0 0 6px; padding:0; border:1px solid #e5e1e1;}
.blog_cnts .blog_bg .right_cnts .blog_photoList dl dd {margin:0; padding:0; color:#333; font-size:12px; line-height:11px;}
.blog_cnts .blog_bg .right_cnts .blog_photoList dl dd a {color:#333;}
.blog_cnts .blog_bg .right_cnts .blog_photoList dl dd p {margin:0; padding:1px 0 0; color:#999; font-size:11px; line-height:11px;}

/* 포토블로그 보기 답글 */
.blog_cnts .blog_bg .right_cnts div .photoView_answer {float:left; display:inline; width:700px; margin:6px 0 0; background-color:#eaf5f7;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul {float:left; display:inline; margin:6px 0 0 20px; padding:0 0 16px; line-height:11px; font-size:11px; background:none; width:auto; height:auto;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li {float:left; color:#878787; font-weight:bold; margin:0; padding:10px 0 0 6px; line-height:11px; font-size:12px; background:none ! important; width:650px; border-bottom:1px dotted #cad4d2;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li em {font-weight:normal; font-size:11px; color:#b4bdb9; padding:0 0 0 12px; vertical-align:middle;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li a {position:absolute; right:37px; color:#9da7a0; font-weight:normal; font-size:11px; display:inline;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li p {font-weight:normal; color:#878787; margin:0; padding:12px 0 16px; line-height:11px;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li.answer {width:632px; padding:15px 0 0 24px; background:url('/nel_program/nel_images/common/icon/icon_aIcon.gif') no-repeat 2px 12px ! important;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li.answer textarea {font-weight:normal; margin:0 0 16px; width:545px; height:40px; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li.answer a {margin:5px 0 0;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li.liNone {border-bottom:none;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li.liNone textarea {font-weight:normal; width:562px; height:40px; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.blog_cnts .blog_bg .right_cnts div .photoView_answer ul li.liNone a {margin:5px 0 0;}

/* 포토블로그 보기 하단 포토 리스트 */
.blog_cnts .blog_bg .right_cnts div .photoView_list {float:left; display:inline; width:700px; margin:19px 0 0 7px;}
.blog_cnts .blog_bg .right_cnts div .photoView_list a {padding:0 8px;  margin:40px 0 0; float:left;}
.blog_cnts .blog_bg .right_cnts div .photoView_list ul {float:left; display:inline; margin:0; padding:0; line-height:11px; font-size:11px; background:none; width:auto; height:auto;}
.blog_cnts .blog_bg .right_cnts div .photoView_list ul li {float:left; width:124px; height:94px; margin:0 5px 0 0; padding:0 ! important; line-height:11px; font-size:11px; background:url('/nel_program/nel_images/blog/blog_bg_border.gif') no-repeat left top ! important; }
.blog_cnts .blog_bg .right_cnts div .photoView_list ul li a {margin:0; padding:0 ! important;}
.blog_cnts .blog_bg .right_cnts div .photoView_list ul li img {margin:0; padding:2px 0 0 2px;}
.blog_cnts .blog_bg .right_cnts div .photoView_list ul li a:active {border:2px solid #007eb8; margin:0; padding:0; background-color:#a3a19c;}
.blog_cnts .blog_bg .right_cnts div .photoView_list ul li.liLast {margin:0;}

/* 방명록 글쓰기 */
.blog_cnts .blog_bg .right_cnts div .blog_write {float:left; display:inline; width:700px;}
.blog_cnts .blog_bg .right_cnts div .blog_write select.sList {float:left; width:138px; height:18px; margin:0 0 10px;}
.blog_cnts .blog_bg .right_cnts div .blog_write input.inputTit {float:right; width:556px; height:15px; padding:1px 0 0; border-top:1px solid #acacac; border-left:1px solid #acacac; 
border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f8f8f8; color:#444;}
.blog_cnts .blog_bg .right_cnts div .blog_write span.btnBoard {margin:14px 0 0; padding:0; width:700px; float:left; text-align:center;}
.blog_cnts .blog_bg .right_cnts div .blog_write span.btnBoard img {padding:0 6px 0 0;}

/* 리스트 스타일 공통02 */
table.tSumList {width:100%; margin:0; padding:0;}
table.tSumList th {color:#5b7597; padding:6px 0 0; font-size:12px; vertical-align:top; text-align:center; font-weight:bold;}
table.tSumList td {margin:0; padding:4px 0 13px; text-align:center; color:#545454; font-size:12px; line-height:16px;}
table.tSumList td.tdLeft {text-align:left;}
table.tSumList td.tdNum {color:#aaa; font-size:11px;}