/* 나눔 스퀘어: Nanum Square */
@font-face {
font-family: 'Nanum Square';
font-weight: 400;
src: url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.eot);
src: url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.woff) format('woff'),
url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Square';
font-weight: 800;
src: url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.eot);
src: url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.woff) format('woff'),
url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.ttf) format('truetype');
}

/* 나눔 고딕: Nanum Gothic */
@font-face {
font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700;
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot);
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

/* IE6 is so bad */
img { border: 0; }
p { margin: 0; }
body { font-family: 'Nanum Gothic', sans-serif; -webkit-text-size-adjust: 100%; }
.pmPublic { margin: 10px 0; font-size: 0; }
.pmPublic a {
margin: 0 3px; padding: 4px 7px; border: 1px solid #eee; color: #000; text-decoration: none;
display: inline-block; font-size: 12px;
}
.pmPublic a.next { background: #fff url('/proxy/img/pageMove/next.gif') no-repeat 85% 50%; padding-right: 20px; }
.pmPublic a.prev { background: #fff url('/proxy/img/pageMove/prev.gif') no-repeat 15% 50%; padding-left: 20px; }
.pmPublic a.nextJump { background: #fff url('/proxy/img/pageMove/nextJump.gif') no-repeat 85% 50%; padding-right: 20px; }
.pmPublic a.prevJump { background: #fff url('/proxy/img/pageMove/prevJump.gif') no-repeat 15% 50%; padding-left: 20px; }

.pmPublic a:hover { color: #09d; text-decoration: underline; }
.pmPublic a.page { padding: 0; border: 0; margin: 0 2px; }
.pmPublic a.page:hover { text-decoration: none; }
.pmPublic a.page span,
.pmPublic a.page strong { padding: 4px 5px; background: #fff; }
.pmPublic a.page strong { border: 1px solid #eee; color: #f60; }
.pmPublic a.page span { border: 1px solid #fff; }
.pmPublic a.page:hover span { border: 1px solid #eee; text-decoration: underline; }


.hidden { display: none; }

/* 쪽지 쓰기 폼 */
#memberNoteForm {
position: absolute; border: 1px outset #ddd; background-color: #eee;
padding: 7px; display: none; font-size: 12px; z-index: 3;
}
#memberNoteForm .loading { display: none; }
#memberNoteForm .title { border-bottom: 1px solid #aaa; padding: 5px; cursor: move; }
#memberNoteForm table { border-spacing: 0px; }
#memberNoteForm table tr {}
#memberNoteForm table tr th,
#memberNoteForm table tr td { padding: 5px; }
#memberNoteForm table tr td input,
#memberNoteForm table tr td textarea { border: 1px solid #aaa; vertical-align: middle; }
#memberNoteForm table tr td label input { border: 0px; }
#memberNoteForm table tr td label:hover { text-decoration: underline; color: #08f; }

#memberNoteForm.loader .loading { padding: 10px; display: block; }
#memberNoteForm.loader * { display: none; }

/* 쪽지 모니터 */
#memberNoteMonitor {
position: absolute; border: 1px outset #ddd; background-color: #eee;
padding: 7px; display: none; font-size: 12px; z-index: 1;
}
#memberNoteMonitor .title { border-bottom: 1px solid #aaa; padding: 5px; cursor: move; }
#memberNoteMonitor .list { padding: 10px; }
#memberNoteMonitor .list ul { margin: 0px; padding: 0px; }
#memberNoteMonitor .list ul li {
margin: 0px; padding: 5px 5px 5px 14px; list-style: none;
background-image: url('/proxy/img/dot.gif');
background-repeat: no-repeat;
background-position: 5px 50%;
border-bottom: 1px dashed #aaa; cursor: pointer;
}
#memberNoteMonitor .list ul li:hover { background-color: #ddd; }
#memberNoteMonitor .list ul li a { text-decoration: none; color: #333; }

/* 쪽지 보기 */
#memberNoteRead {
position: absolute; border: 1px outset #ddd; background-color: #eee;
padding: 7px; display: none; font-size: 12px; z-index: 2;
}
#memberNoteRead .loading { display: none; }
#memberNoteRead .title { border-bottom: 1px solid #aaa; padding: 5px; cursor: move; }
#memberNoteRead .text { width: 300px; margin: 5px; line-height: 120%; }

#memberNoteRead.loader .loading { padding: 10px; display: block; }
#memberNoteRead.loader * { display: none; }


.ui-resizable-helper { border: 1px dotted gray; }

label.custom-file-input {
display: inline-block; border: 2px solid #ddd; cursor: pointer;
background: #088; color: #fff; padding: 7px 20px; font-size: 12px;
text-decoration: none !important;
}
label.custom-file-input:hover { border: 2px solid #888; color: #ff0 !important; }
label.custom-file-input input { display: none; }
label.custom-file-input strong,
label.custom-file-input span { display: block; }

#show-input-text {
margin: 0; padding: 5px; background: #fff; border: 1px solid #888; word-break: break-all;
box-sizing: border-box; color: #888; text-align: left;
}
div.style-buttons { padding: 20px; }
div.style-buttons * {
border: 1px solid #aaa; border-radius: 3px;
padding: 5px 20px; cursor: pointer; background: #fff; display: inline-block;
box-shadow: 0 0 1px 1px #ddd; text-decoration: none; color: #000;
vertical-align: top; margin: 1px;
}
div.style-buttons *:hover { color: #00d; }
div.style-buttons *:active { margin: 2px 0 0 2px; }
div.style-buttons .submit { background: #088; color: #fff; }
div.style-buttons .back { background: #800; color: #fff; }

body {
margin: 0;
}

#site-top {
width: 100%; display: inline-block; text-align: left;
border-bottom: 1px solid #ddd; background: #eee; z-index: 9999;
}
#site-top div.gnb {
display: inline-block; width: 100%; vertical-align: middle;
background: red;
}
#site-top div.gnb ul { margin: 10px 0; padding: 0; text-align: right; float: right; list-style: none; }
#site-top div.gnb ul li { margin: 0; padding: 0; float: left; }
#site-top div.gnb ul li a {
display: inline-block; vertical-align: middle; padding: 5px 8px; text-decoration: none; color: white;
}
#site-top div.gnb ul li a:hover { color: #faa; }
#site-top div.gnb ul li.admin a { color: #ff0; }
#site-top div.gnb ul li:before {
content: '|'; display: inline-block; vertical-align: middle; color: #fff; font-size: 0.4em; font-weight: bold;
}
#site-top div.gnb ul li:first-child:before { display: none; }
#site-top div.gnb li a:before,
#site-top div.gnb li a:after {
color: gray; font-family: 'FontAwesome'; font-size: 1.2em; margin: 1px 0 0 5px;
display: inline-block; vertical-align: top;
}
#site-top div.gnb li a:before { margin: 1px 5px 0 0; }
#site-top div.gnb li.signin a:after { content: '\f023'; color: #fff; }
#site-top div.gnb li.signout a:after { content: '\f13e'; color: #fff; }
#site-top div.gnb li.update a:before { content: '\f2bd'; color: #f0f; }
#site-top div.gnb li.signup a:before { content: '\f234'; color: #088; }
#site-top div.gnb li.guest a:before { content: '\f085'; color: yellow; }
#site-top div.gnb li.admin a:before { content: '\f085'; color: yellow; }

#site-top div.samples { text-align: center; }
#site-top div.samples ul { list-style: none; margin: 0; padding: 0; display: inline-block; width: 100%; }
#site-top div.samples li { margin: 0; padding: 0; display: inline-block; vertical-align: middle; }
#site-top div.samples li a {
text-decoration: none; color: #000; display: block;
font-size: 0.8em; text-align: center; background: gray; width: 80px; height: 80px; margin: 10px;
border-radius: 40px; color: white; overflow: auto;
}
#site-top div.samples li a:hover { color: #ff0; }
#site-top div.samples li a:before {
font-family: 'FontAwesome'; font-size: 2em; display: block; margin: 15px 0 5px; color: white;
}
#site-top div.samples li.shipboard a { background: #f80; }
#site-top div.samples li.shipboard a:before { content: '\f21a'; }
#site-top div.samples li.contest a { background: #880; }
#site-top div.samples li.contest a:before { content: '\f11e'; }
#site-top div.samples li.reserve a { background: #aaa; }
#site-top div.samples li.reserve a:before { content: '\f0c9'; }


#site-contents { padding: 20px; margin: 0 0 50px; }

#onlinego { text-align: center; border-top: 1px solid #ddd; padding: 50px; margin-bottom: 100px; }
#onlinego a {
background: #f00; color: #fff; font-weight: bold; font-family: NanumGothic; display: inline-block; vertical-align: middle; padding: 10px 20px; border-radius: 5px;
text-decoration: none; font-size: 2em;
}
#onlinego a:active { padding: 11px 19px 9px 21px; }

#hide-layers { text-align: left; }