/***************************** 내용영역 ******************************/
body#wrap #contents {clear:both; margin:100px 0 60px 241px; padding-top:20px;}
body#wrap2 #contents {clear:both; margin:100px 0 60px 261px; padding-top:20px;}
body#wide #contents {clear:both; margin:100px 0 60px 51px; padding-top:20px;}
body#wrap #contents2 {clear:both; margin:100px 0 60px 261px; padding-top:20px;}
body#wrap2 #contents2 {clear:both; margin:100px 0 60px 260px; padding-top:20px;}
body#wide #contents2 {clear:both; margin:100px 0 60px 71px; padding-top:20px;}
body#popup #contents {clear:both; margin:10px 0 20px 5px; padding-top:13px;}

h1.tit {clear:both; background:url(/nanum/ncms/img/common/m_tit_icon.gif) no-repeat 20px 0; padding:1px 0 20px 44px; color:#4F4F4F; font-family:nanumB; font-size:15px; letter-spacing:-1px; text-align:left; border-bottom:1px solid #e5e5e5;}
h1.tit_org {clear:both; color:#4F4F4F; font-family:nanumB; font-size:15px; letter-spacing:-1px; padding:13px 0 13px 20px; background:url('/nanum/ncms/img/common/stit_bg.gif') repeat-x bottom;}
h1.tit span {color:#111;/*color:#617AE9;*/}
#contents_area {clear:both; margin-bottom:40px; min-height:200px; *height:200px; padding:20px 20px 30px 20px;}

#contents_area h2 {padding:0 0 12px 13px; background:url('/nanum/ncms/img/common/h2_icon.gif') no-repeat left 3px; font-size:13px; font-family:nanumB; color:#333; position:relative;}
#contents_area .h2_mt {margin-top:20px;}
#contents_area h2 span {padding-left:6px; color:#999; font-size:11px; letter-spacing:-0.5px;}
#contents_area h2 span a {font-size:12px;}
#contents_area h2 span a .depth {color:#5c7df8;}
#contents_area h2 span.ri {float:right; position:absolute; right:0; top:1px;}
#contents_area h3.tit {padding:0 0 12px 10px; background:url('/nanum/ncms/img/common/h3_icon.gif') no-repeat left 6px; font-size:13px; font-family:nanumB; color:#333;}




/* 테이블내 아이콘 디자인 */ 
table td .rank {font-size:27px; font-family:armata; letter-spacing:-2px;}
table td .rank_set {display:block; padding-left:11px; line-height:80%; line-height:80%; text-align:left;}
table td .rank_set li {display:inline;}
table td .rank_set .arrow {display:block;}
table td .rank_set .arrow a {display:inline-block; width:13px; height:13px; padding-top:2px; text-align:center;}
table td .rank_set .modi {display:block;}
table td .rank_set2 {display:block; line-height:80%; line-height:80%; text-align:center;}
table td .rank_set2 li {display:inline;}
table td .rank_set2 .arrow {display:block;}
table td .rank_set2 .arrow a {display:inline-block; width:13px; height:13px; padding-top:2px; text-align:center;}
table td .rank_set2 .modi {display:block;}
table td .rank_set_none {display:block; padding-left:11px; line-height:80%; line-height:80%; text-align:left;}
table td .rank_set_none li {display:inline;}
table td .rank_set_none .arrow {display:block;}
table td .rank_set_none .arrow a {display:inline-block; width:13px; height:13px; padding-top:2px; text-align:center;}

.app_view_off {font-size:10px; font-family:armata, arial; font-weight:bold;}
.app_view_off p {display:inline-block; width:40px; height:23px; background:url(/nanum/ncms/img/common/appview_off.gif) no-repeat left; padding-top:6px; padding-left:19px;  color:#aeaeae;}
.app_view_off span {display:inline-block; width:40px; height:23px; background:url(/nanum/ncms/img/common/appview_on.gif) no-repeat left; padding-top:6px; padding-right:19px; color:#fff;}

.app_view_onoff span{font-size:11px; font-family:armata, arial; font-weight:bold; height:23px; padding-top:8px;display:inline-block;}
.app_view_onoff span.on  {width:54px; background:url(/nanum/ncms/img/common/appview_on.gif) no-repeat left; padding-left:5px; color:#fff;}
.app_view_onoff span.off {width:31px; background:url(/nanum/ncms/img/common/appview_off.gif) no-repeat left; padding-left:28px; color:#aeaeae;}


/* 검색 */
#content_wrap {position:relative; height:32px; margin-bottom:20px;}
.top_search_area {position:relative; height:32px; margin-bottom:20px;}
.top_search_area ul li {float:left; margin-right:5px;}  
.top_search_area ul li.tit h3 {margin-top:7px; padding-right:10px;}
.top_search_area ul li.search {position:relative; margin:0 7px 0 2px; *margin:0 4px 0 2px;}
.top_search_area ul li.search label {position:absolute; top:6px; left:13px; color:#aaa;}
.top_search_area ul li.search .search_input {width:200px; font-family:nanumB; color:#3b3b3b; padding:6px 0 9px 10px; border:none; background:url(/nanum/ncms/img/common/search_line.gif) no-repeat bottom left;}
.top_search_area ul li.search .search_icon {position:absolute; right:0; top:0; display:inline-block; padding:6px 10px 8px 9px; text-align:center;}
.top_search_area ul li.btn_r {float:right;}
.top_search_area ul li.btn {*margin-right:2px;}
.top_search_area ul li.txt {margin-top:7px;}  

#contoll_area {clear:both; margin-top:20px; background:url(/nanum/ncms/img/line01.gif) no-repeat left top; padding-left:40px; height:30px;}
#contoll_area ul li.btn_le {float:left;}
#contoll_area ul li.btn_le p {display:inline; margin-right:5px;vertical-align:middle;}
#contoll_area ul li.btn_ri {float:right;}
#contoll_area ul li.btn_ri p {display:inline; margin-left:5px;vertical-align:middle;}
#contoll_area ul li.btn_ri p img {vertical-align:middle;}

div.post_search {overflow:auto; height:80px; border:1px solid #f3f3f3; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#f8f8f8; margin-top:6px; padding:6px; width:96%;}
div.post_search2 {overflow:auto; height:80px; border:1px solid #f3f3f3; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#f8f8f8; margin-top:6px; padding:6px; width:96%;}

.contoll_box {float:right; padding-top:20px; text-align:center;}
.contoll_box span {margin-left:3px;}




/* 방문자수 통계 */
.stats_area {width:100%; display:inline-block; margin-bottom:20px; border:1px solid #eaeaea;}
.stats_area ul {display:inline-block; padding:10px 20px;}
.stats_area ul li {float:left; margin-right:20px; font-size:13px; line-height:20px;}
.stats_area ul li img {vertical-align:middle;}
.stats_area ul li span {font-weight:600; color:#222;}
.stats_area ul li a.on {font-weight:600; color:#6E6E6E;}



/*내용*/

/* Paginate */
.paginate{clear:both; position:relative; padding-top:10px; text-align:center;}
.paginate *{margin:0; padding:0;}
.paginate a,
.paginate strong{_position:relative; margin-left:-7px; font-weight:bold; display:inline-block; padding:3px 9px 3px 8px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font-size:13px; font-weight:bold; background:#fff;}
.paginate strong{color:#777 !important; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:underline;}
.paginate a:hover{background:#F7F7F7;}
.paginate a.pre{padding:3px 8px 1px 16px; background:url(/nanum/ncms/img/bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
.paginate a.next{padding:3px 16px 1px 8px; background:url(/nanum/ncms/img/bu_pg1_r1.gif) no-repeat 37px 6px !important; border:none; font-weight:normal; }



#mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000;  position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); zoom: 1; opacity: 0.5; z-index: 9998; }
.popup_box { display: none; position: absolute; width: auto; height: auto; position: fixed; top: 50%; left: 50%; background: #fff; border: 1px solid #000; z-index: 9999;}
.popup_cont { padding: 20px; }
.btn_close { width: 30px; height: 25px; position: absolute; top: 0px; right: 0px; background: #000; border: 0; color: #fff; cursor: pointer; }

.popup_btn{text-align: center;padding: 20px 10px;}

/* ul, li 스타일 */
.popup_cont ul {
    list-style-type: disc; /* 기본 원형 스타일 */
    padding-left: 20px; /* 목록 들여쓰기 */
    margin-top: 10px;
    margin-bottom: 10px;
}

.popup_cont li {
    margin-bottom: 5px; /* 각 항목 간의 간격 */
    font-size: 14px; /* 항목 글꼴 크기 */
    line-height: 1.5; /* 줄 간격 */
    color: #333; /* 다크 그레이 텍스트 */
}

/* 제목 스타일 */
.popup_box h1 {
    font-size: 18px; /* 제목 글꼴 크기 */
    font-weight: bold; /* 굵은 텍스트 */
    margin-bottom: 15px; /* 제목 아래 간격 */
    color: #d32f2f; /* 강조를 위한 빨간색 */
    text-align: center; /* 중앙 정렬 */
    font-family:nanumB;
}