@charset "utf-8";
@import "common.css";
@import url("community.css");

body,table,input,textarea,select,button {font-family:Verdana, Arial, Gulim;}
header {border-top:3px solid #FEB812; margin-bottom:.8em;}
header .logo {float:left; text-indent:-9999em;}
header .topMenu {padding:.8em .8em 0 0; text-align:right;}
header .topMenu div {height:3em;}
header .topMenu div form {float:right; width:20em;}
header .topMenu div button {padding-top:.4em;}
header .topMenu ul li {display:inline;}
header .topMenu ul li a {padding:.4em;}

#undLine {display:inline-block; width:100%; min-width:1260px; background-color:#333; color:#FFF;}
#undLine #dv_rolling {height:1.3em; line-height:1.3; margin:.7em 0 .5em 20em; overflow:hidden;}

main {float:left; width:100%; min-width:1260px; background:url("../../adpage/images/bg_left.png") repeat-y;}

main > nav {float:left; width:200px; padding:10px;}
main > nav div {height:15px; background:url("../../adpage/images/line_bg.gif") repeat-x; padding:.8em 0 .4em 0;}
main > nav div dt {position:relative; z-index:999;}
main > nav div dd {position:relative; float:right; top:-1.3em; background:url("../../adpage/images/sub_plus.gif") no-repeat; padding-right:10px; z-index:998;}
main > nav div a {background:url("../../adpage/images/sub_side.gif") no-repeat; padding-left:1.3em;}
main > nav ul {display:none; background:url("../../adpage/images/line_bg.gif") repeat-x; padding:.8em 0 .1em 1.7em;}
main > nav ul li {background:url("../../adpage/images/arrow.gif") 0 .3em no-repeat; padding-left:1em; margin:.2em 0 .3em 0; line-height:1.3;}
main > nav ul li:first-of-type {margin-top:0;}
main > nav ul li p {margin-top:.4em; font-size:0.917em;}
main > nav ul li a, main > nav dl dt a {display:block;}
main > nav ul li a:hover {position:relative; left:.1em; top:.1em;}

main > section {float:left; width:1000px; min-height:722px; margin:20px; line-height:1.5;}
/* min-width:1000px; width:75%; */

footer {clear:both;}
footer dt {position:absolute; width:220px; padding:1em 0; background-color:#DDD; color:#DDD;}
footer dd {padding:1em; background-color:#EEE; color:#999; text-align:center;}
@media (max-width:1280px) { 
	footer dd {padding:1em 0 1em 220px;}
}

input[type=file].tempSource {width:76%;}
input[type=file].fileAttach {width:80%;}
input[type=date].userDate, input[type=text].userDate {width:76px;}
select[multiple] {height:80px; border:1px solid #CCC;} 
.titleBar {border-top:3px solid #333; border-right:1px solid #CCC; border-left:1px solid #CCC; background-color:#EAEAEA; padding-top:5px; text-align:center;}
.radiusBox {border:1px solid #DDD; background-color:#FAFAFA; border-radius:.5em; padding:1em; margin-bottom:1.5em;}
.textBar {text-align:right; padding-right:.4em; background-color:#EEE; padding:5px;}
.logo {width:334px; height:70px; background:url("../../adpage/images/adm_logo2.gif") no-repeat;}
.question {float:left; width:18px; height:18px; background:url("../../adpage/images/question.gif") no-repeat; text-indent:-9999em;}
.middleFolder {width:16px; height:16px; background:url("../../adpage/images/folder_middle.gif") no-repeat; padding-left:20px;}
.fileIcon {width:16px; height:14px; background:url("../../adpage/images/file_icon.gif") no-repeat; margin-left:10px; padding-left:20px;}
.popPage {display:block; line-height:1.5;}
.schLine {display:inline; width:14em;}
.schNone {display:none; width:14em;}
.discord {color:red; margin-left:.3em;}
.radiusBox hr {width:100%; border-top:1px dotted #333; border-right:0; border-bottom:0; border-left:0;} 
.radiusBox dl {width:776px;} /* 접속로그분석 */
.radiusBox dt {position:absolute;}
.radiusBox dd {float:right;}


h1, h2, h3, h4, h5, h6 {font-size:1.000em;}
h2, .popPage h2 {font-size:0; line-height:0; text-indent:-9999em;}


#adminLogin {display:none; position:absolute; top:50%; left:50%; width:50em;}
#adminLogin .head {border-top:3px solid #FEB812; border-bottom:10px solid #333;}
#adminLogin form {border-bottom:3px solid #DDD;}
#adminLogin form ol {display:inline-block; width:90%; margin:3.5em 9em 0;}
#adminLogin form ol > li {float:left;}
#adminLogin form ol > li:first-of-type {width:60%;}
#adminLogin form ul li {display:block; margin-bottom:.4em;}
#adminLogin form ul li label {float:left; text-align:right; width:60px; padding:.6em 1em 0 0;}
#adminLogin form ul li input {width:70%;}
#adminLogin form div {clear:both; margin-left:15em;}
#adminLogin form p {margin:0 0 2em 15em;}
#adminLogin form #btnArea {margin:1em 0 0 5em; text-align:left;}
#adminLogin form #btnArea button {padding:0 .6em; line-height:0; height:2em; background-color:#CCC; color:#FFF; border:0; border-radius:0;}
#adminLogin form span.error {display: block;}
#adminLogin #sbmLogin {top:4em; left:36em; width:56px; height:56px; background:url("../../adpage/images/login.gif") 1px 1px no-repeat; border:0;}
#adminLogin #sbmLogin span {font-size:0; text-indent:-9999em;}
#adminLogin > div:last-of-type {height:2.5em; padding-top:1.2em; background-color:#EEE; color:#999; text-align:center;}
#adminLogin > div:last-of-type a {color:#999;}

#locator {width:100%; height:2.1em; text-align:left; padding-left:1.5em; background:url("../../adpage/images/folder_icon.gif") no-repeat;}
#locator dl dd > label {display:none;}
#locator dt {position:absolute;}
#locator dd {float:right; padding-right:1.5em;}
#locator a {margin-right:.4em;}
#locator input[type=checkbox] {position:absolute; left:-999em;}
#locator input[type=checkbox] + label {position:relative; display:inline-block; margin-right:0; cursor:pointer;}
#locator input[type=checkbox] + label span {display:block; position:relative; top:-.3em; padding:.6em 1em .2em; letter-spacing:-0.05em; color:#FFF; background:#BBB;}
#locator input[type=checkbox]:checked + label span {background:#555;}

#policy fieldset {text-align:center; margin-bottom:20px;}
#infoPage {border-top:3px solid #333; border-bottom:2px solid #CCC;}
#infoPage table {width:100%;}
#infoPage tbody th {width:22%; height:2.6em; text-align:right; padding-right:.4em; border:1px solid #CCC; font-weight:normal;}
#infoPage tbody th label[for] {position:relative; top:.1em;}
#infoPage tbody th p {font-size:0.917em;}
#infoPage tbody th[colspan] {text-align:left; padding-left:.4em; background-color:#F5F5F5; font-weight:bold;}
#infoPage tbody td {width:78%; height:2.6em; padding:0 .5em 0 .5em; border:1px solid #CCC;}
#infoPage tbody td li {margin:.7em 0 .4em 0;}
#infoPage tbody td li span {background-color:#FFF9EE; padding:.5em; border:1px solid #EEE;}
#infoPage tbody td li i {font-style:normal;}
#infoPage tbody td dt {position:absolute;}
#infoPage tbody td dd {text-align:right;}
#infoPage tbody td textarea {width:95%; height:120px;}
#infoPage tbody td textarea[readonly] {width:95%; margin:.4em 0;}
#infoPage tbody td ol li, .tblSubList tbody td ol li {float:left;} /* 캘린더 호출 */
#infoPage .infoSub tbody th, #infoPage .infoSub tbody td {width:0; height:0; padding-left:0; border:0;}
#infoPage .infoSub tbody td[colspan] {background-color:#FFF;}
#infoPage .infoSub tbody td .supersc {background-color:#FFF; padding:0; border:0; font-size:0.750em; color:#FF001E;}
#infoPage .infoSub tbody td input[type=radio], input[type=checkbox] {margin:0 .2em 0 0;} 
#infoPage tbody td p, #infoPage .tblMenuGrid, #infoPage .tblSubList {margin:.5em 0 .5em 0;}
#infoPage .tblMenuGrid thead th, #infoPage .tblMenuGrid tbody th, #infoPage .tblMenuGrid tbody td {width:0; height:0;}
#infoPage .tblMenuGrid thead th {height:27px; background-color:#F9F9F9; text-align:center; font-weight:bold;}
#infoPage .tblMenuGrid tbody th {height:27px; background-color:#F9F9F9; padding-right:.4em;}
#infoPage .tblMenuGrid tbody tr {text-align:center; }
#infoPage .tblMenuGrid tbody td {background-color:#FFF;}

#infoPage .addSub li {display:inline-block; margin:0;}
#infoPage .addSub li:first-child {width:40%;}
#infoPage .addSub li:last-child {width:50%;}
#infoPage .addSub li label {position:relative; top:.1em; display:inline-block; width:33%; text-align:right;}
#infoPage .addRow li span {background-color:#FFF; padding:0; border:0;}
#infoPage .addRow li label {float:left; margin:.3em .4em 0 0; text-indent:-9999em; width:14px; height:12px;}
#infoPage .addRow li:first-child label {background:url("../../adpage/images/device_pc.png") no-repeat;}
#infoPage .addRow li:last-child label {background:url("../../adpage/images/device_mobile.png") no-repeat;}
#infoPage .addRow li label[for] {margin-top:.6em;}

#infoPage .tblSubList thead th, #infoPage .tblSubList tbody td {width:0; padding:0; text-align:center;}
#infoPage #cutOff {float:left; width:40%; margin:0 0 .4em 3em;}
#infoPage #shutOut {float:right; width:40%; margin:0 3em .4em 0;}
#infoPage #shutOut dt, #infoPage #cutOff dt {padding-top:.8em;}

#regPage {border-top:3px solid #333; border-bottom:2px solid #CCC;}
#regPage table {width:100%;}
#regPage tbody th {width:15%; height:2.6em; text-align:right; padding-right:.4em; border:1px solid #CCC; font-weight:normal; background-color:#F5F5F5;}
#regPage tbody td {height:2.6em; padding:0 .5em 0 .5em; border:1px solid #CCC;}
#regPage tbody td p {margin:.4em 0;}
#regPage tbody td dl {margin:.4em 0 30.7em 0;}
#regPage tbody td dt {float:left; width:21%; height:30em; overflow-x:hidden; border:1px solid #CCC; padding-left:4px;}
#regPage tbody td dd {float:right; width:78%;}
#regPage tbody td textarea {width:95%; margin:.4em 0;}

#paging {margin-top:1em;}
#paging ul li {display:inline;}
#paging .first {float:left; width:5%; padding:.1em 0 0 .8em; background:url("../../adpage/images/head_icon.gif") 0 .4em no-repeat;}
#paging .search {float:left; width:5%; padding:.1em 0 0 .8em; background:url("../../adpage/images/head_icon.gif") 0 .4em no-repeat;}
#paging .nullCol {float:left; width:5%; padding:.1em 0 0 .8em;}
#paging .write {float:left; width:6%;  padding-top:.1em; text-align:right; background:url("../../adpage/images/head_icon.gif") 1.7em .4em no-repeat;}
#paging .last {float:right; width:6%; padding-top:.1em; text-align:right; background:url("../../adpage/images/head_icon.gif") 2.2em .4em no-repeat;}
#paging .pagePrint {float:left; width:100%; text-align:center;}
#paging .pagePrint1 {float:left; width:88%; text-align:center;}
#paging .pagePrint2 {float:left; width:76%; text-align:center;}
#paging .pagePrint span, .pagePrint1 span, .pagePrint2 span {font-weight:bold;}

#layerSearch {position:absolute; height:7em; border:1px solid #AAA; background-color:#FFF; display:none;}
#layerSearch fieldset li:first-of-type {height:1.5em; background-color:#CCC;}
#layerSearch h3 {margin:10px 0 0 10px;}
#layerSearch .layerClose {float:right; width:1em; height:1em; margin:.3em .3em 0 0; background:url("../../adpage/images/search_close.gif") no-repeat; text-indent:-9999em; cursor:pointer;}


/* table */
.tblGrid {border-top:3px solid #333; border-bottom:2px solid #CCC;}
.tblGrid table {width:100%;}
.tblGrid thead th {padding:.6em 0; border:1px solid #CCC; background-color:#F5F5F5;}
.tblGrid tbody tr {text-align:center;}
.tblGrid tbody th {height:2.6em; text-align:right; padding-right:.4em; border:1px solid #CCC; font-weight:normal;}
.tblGrid tbody th a {display:block;}
.tblGrid tbody td {height:2.6em; border:1px solid #CCC;}
.tblGrid thead th[colspan],
.tblGrid tbody th[colspan] {padding-left:.4em; background-color:#F5F5F5; text-align:left; font-weight:bold;}
.tblSubGrid thead th {text-align:left; padding:1em; background-color:#FAFAFA; font-weight:normal;}
.tblSubGrid thead th p {padding-left:1em;}
.tblSubGrid tbody tr {text-align:left;}
.tblSubGrid tbody th {text-align:right; padding-right:.7em; border:0; font-weight:normal;}
.tblSubGrid tbody td {border:0;}
.tblSubGrid thead th[colspan],
.tblSubGrid tbody th[colspan] {font-weight:normal;}
.tblSubGrid tbody td textarea {width:90%; height:100px;}

.tblList {border-top:3px solid #333; border-bottom:2px solid #CCC;}
.tblList table {width:100%;}
.tblList thead th {padding:.6em 0 .4em .4em; border:1px solid #CCC; background-color:#EAEAEA;}
.tblList thead th span {float:right; font-weight:normal; padding-right:.4em;}
.tblList tbody tr {text-align:center;}
.tblList tbody tr:nth-child(even) {background-color:#F9F9F9;}
.tblList tbody th,
.tblList tbody td {height:2.6em; border:1px solid #CCC;}
.tblList tbody td h3 span {float:right; font-weight:normal; padding-right:.4em;}
.tblList tbody td dl:not([id]) {width:95px;} /* 첨부파일 아이콘 */
.tblList tbody td dl:not([id]) dt {position:absolute; margin-right:4px;}
.tblList tbody td dl:not([id]) dd {float:right; width:71px;}
.tblList tbody td blink {font-size:0.750em; color:red;}
.tblList tbody td .order {margin-left:24px;}
.tblList tbody td div.order {margin-left:24px;}
.tblList tbody td div.order a {float:left;}
.tblList tbody td .order .up {margin-right:2px; width:11px; height:10px; background:url("../../adpage/images/order_up.gif") no-repeat; text-indent:-9998px;}
.tblList tbody td .order .down {width:11px; height:10px; background:url("../../adpage/images/order_down.gif") no-repeat; text-indent:-9999em;}
.tblList tbody td span.order {display:inline-block; vertical-align:middle;}
.tblList tbody td span.order .up {height:11px;}
.tblList tbody td span.order a {display:block;}
.tblList tfoot th {height:2.6em; border:1px solid #CCC; background-color:#EAEAEA; font-weight:normal;}
.tblList tfoot th[scope] {font-weight:bold;}
.tblSubList thead th {border-top:0; border-right:0; border-bottom:1px solid #CCC; border-left:0; background-color:#F9F9F9; font-weight:normal;}
.tblSubList tbody td {border:0; background-color:#FFF;}


/* table 페이지별 */
.tblList #msgMonitor tbody td {vertical-align:top;}
.tblList #msgMonitor tbody td .col1 {float:left; width:9%; text-align:right; margin-right:.4em; margin-top:10px;}
.tblList #msgMonitor tbody td .col2 {float:left; text-align:left; line-height:1.8; margin:.5em;}
.tblList #msgMonitor tbody td .cnt {float:left; width:84%; height:60px; margin:10px 0 10px 0; padding:1em; text-align:left; 
																		border:1px solid #DDD; background-color:#FFF; border-radius:.5em; overflow:auto; overflow-x:hidden;}
.tblList #oddRight.tblSubList tbody td:nth-child(odd) {text-align:right; padding-right:.4em;} /* 배너위치명 추가/설정 */


/* div 페이지별 */
.bnrExtract {border-top:3px solid #333; border-bottom:2px solid #CCC; margin-top:1.5em;}
.bnrExtract tbody th {width:21%; border:1px solid #CCC; text-align:right; padding-right:.4em; font-weight:normal;}
.bnrExtract tbody th span {font-size:0.917em; color:#999;}
.bnrExtract tbody td {border:1px solid #CCC; padding:4px;}
.bnrExtract tbody td textarea {width:95%; height:100px;}

.ctgInfo form div {margin:.6em;} 
.ctgInfo div[class^=lowRank] {background:url("../../adpage/images/low_rank.gif") no-repeat;}
.ctgInfo .topFolder {background:url("../../adpage/images/folder_top.gif") no-repeat; margin-left:1em; padding-left:1.6em;}
.ctgInfo .midFolder {background:url("../../adpage/images/folder_middle.gif") no-repeat; margin-left:1.9em; padding-left:1.6em;}
.ctgInfo .btmFolder {background:url("../../adpage/images/folder_bottom.gif") no-repeat; margin-left:1.8em; padding-left:1.2em; background-position:0 4px;}
.ctgInfo .lowRankA {margin-left:1em;}
.ctgInfo .lowRankB {margin-left:2.8em;}
.ctgInfo .lowRankC {margin-left:4.4em; padding-left:1.8em;}

#cntPage .tblGrid tbody th {text-align:right; padding-right:.4em; border:1px solid #CCC;}
#cntPage .tblGrid tbody th[colspan] {padding-left:.4em; background-color:#F5F5F5; text-align:left; font-weight:bold;}
#cntPage .tblGrid tbody td {padding:0 .4em; border:1px solid #CCC; text-align:left;}
#cntPage .tblGrid tbody td p {height:6em; overflow:auto; margin:.4em; 0; line-height:1.4;}


/* area bar */
.btnArea {display:inline-block; width:100%; margin:.8em 0 .1em;}
.btnArea a {margin-right:.4em;}
.btnArea ul {position:absolute; width:50%;}
.btnArea ul li {clear:both; display:block; text-align:left;}
.btnArea p {float:right; text-align:right;}

.schArea {margin-top:.8em; text-align:right;}
.schArea fieldset label {display:none;}

.regArea {clear:both;}
.regArea dl {padding-top:.8em;}
.regArea dt {float:left; width:47%;}
.regArea dd {text-align:right;}
.regArea a {margin-right:.4em;}


/* Icon */
.wifi {width:8px; height:12px; margin-bottom:.1em; background:url("../../adpage/images/icon_wifi.png") no-repeat;}
.memo {width:13px; height:13px; margin-bottom:.2em; background:url("../../adpage/images/icon_memo.gif") no-repeat;}


/* button */
input[type=button] {padding:.4em .8em;}  
button[class*=C] {color:#333; font-weight:bold; background-color:#F9F9F9; border:1px solid; border-color:#DDD #AAA #AAA #DDD; border-radius:.3em;}
button[class*=C]:hover, button[class*=C]:focus {background-color:#FFF;}
.btnSmallC2 {height:2.2em; padding:.4em .8em;}
.btnSmallC4 {height:2.3em; padding:.4em .8em; font-size:0.917em;}
.btnBigC2 {height:2.7em; padding:.7em 1.2em;}
.btnBigC3 {height:2.7em; padding:.7em 1em;}
.btnBigC4 {height:2.7em; padding:.7em .8em;}

/* hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.skinWrap button {padding-top:.3em !important;}}

/* add */
.tblColor1, .tblColor1 a { color: #1467dd; }
.tblColor2, .tblColor2 a { color: #367cde; }

/* 관리자 전역 폰트 복구 */
body, table, th, td, button, input, select, textarea, main, nav {
	font-family: 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo', Arial, sans-serif;
}