@charset "utf-8";

/** (주) 플랜아이 (http://plani.co.kr) */
/**  2013.02.19 Bae NaEun */


body {margin:0; padding:0; font-family:Dotum, Gulim, AppleGothic, sans-serif; font-size:9px; color:#767676;}
form {display:inline;}
img {border:0;}
a {color:#606060; text-decoration:none;}

/* hidden */
.hidden {position:absolute; visibility:hidden; font-size:0; height:0; line-height:0; margin:0; padding:0; width:0;}


/* display */
.display-none {display:none;}


/* button */
span.button,
span.button *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url("/common/popup/images/button.gif") no-repeat; vertical-align:top; overflow:visible; color:#777;}
span.button {margin-right:4px;}
span.button *{left:4px; cursor:pointer; _cursor:hand;}

span.button, span.button *{height:24px; line-height:24px;}
span.button {background-position:left 0;}
span.button *{padding:0 10px 0 6px; font-size:12px; background-position:right top;}
span.button a {padding:0 7px; font-size:12px;}
span.button input {padding:0 7px; font-size:12px;}


/* 버튼 arrow  */
span.button-arrow-left,
span.button-arrow-left *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; letter-spacing:-0.05em; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url("/common/popup/images/button.gif") no-repeat left -510px; vertical-align:top; overflow:visible; color:#555;}
span.button-arrow-left {margin-right:4px;}
span.button-arrow-left *{left:0; cursor:pointer; _cursor:hand;}

span.button-arrow-left,
span.button-arrow-left *{height:24px; line-height:24px;}
span.button-arrow-left {padding:0 1px 0 0; background-position:right -510px;}
span.button-arrow-left a {padding:1% 20px 0 24px; font-size:12px;}
span.button-arrow-left input {padding:1% 10px 0 24px; font-size:12px;}

span.button-arrow-right,
span.button-arrow-right *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; letter-spacing:-0.05em; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url("/common/popup/images/button.gif") no-repeat right -540px; vertical-align:top; overflow:visible; color:#555;}
span.button-arrow-right {margin-right:4px;}
span.button-arrow-right *{left:0; cursor:pointer; _cursor:hand;}

span.button-arrow-right,
span.button-arrow-right *{height:24px; line-height:24px;}
span.button-arrow-right {padding:0 0 0 1px; background-position:left -540px;}
span.button-arrow-right a {padding:1% 24px 0 20px; font-size:12px;}
span.button-arrow-right input {padding:1% 24px 0 10px; font-size:12px;}


/* button-black */
span.button-black,
span.button-black *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:#6e6e6e; vertical-align:top; overflow:visible; color:#fff;}
span.button-black {margin-right:4px;}
span.button-black *{left:4px; cursor:pointer; _cursor:hand;}

span.button-black, span.button-black *{height:23px; line-height:23px;}
span.button-black {background-position:left 0;}
span.button-black *{padding:0 10px 5px 6px; font-size:11px; background-position:right top;}
span.button-black a {padding:0 7px; font-size:12px;}
span.button-black input {padding:1px 7px; font-size:12px;}


/* form */
form {margin:0; padding:0;}
fieldset.default {border:solid 0 transparent; margin:0; padding:0;}
fieldset legend.default {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}


/* input */
input.text {position:relative; top:0; margin:0; padding:0 0 0 5px; vertical-align:middle; height:21px; border:1px solid #b5b5b5;}
select.select {position:relative; top:0; margin:0; vertical-align:middle; height:22px; border:1px solid #b5b5b5;}
input.submit {position:relative; top:0; margin:0; vertical-align:middle;}
input.checkbox {position:relative; top:-1px; margin:0 3px 0 0; padding:0; vertical-align:top; height:15px;}
input.radio {position:relative; top:-1px; margin:0; padding:0; vertical-align:middle;}


/* label */
label.margin-right5 {margin-right:5px;}


/* layout_팝업공용 */
body {margin:0; padding:0; border:3px solid #556f89; font-size:12px; background:url("/common/popup/images/popup_bg.gif") repeat-x left 3px;}

div#layout-popup {position:relative; margin:0; padding:0;}
div.popup-title {width:100%; height:47px; background:#556f89;}
div.popup-title h1 {margin:0; padding:16px 0 0 18px; font-size:12px; color:#fff;}

div#contents {position:relative; margin:0; padding:7px 2%; width:96%;}
div#contents h2 {margin:0; padding:7px 2% 0; width:96%; font-size:13px; color:#555; letter-spacing:-0.04em; text-align:center;}
div#contents h2.left {text-align:left;}
div#contents label.default {display:block; margin:0; padding:7px 2% 14px; width:96%; font-weight:bold; color:#605f5f;}

fieldset.content {text-align:center;}
fieldset.closed {margin-top:13px; padding-top:13px; border-top:1px solid #d7d7d7; text-align:right;}


/* 아이디 중복검사 */
div.id-box {margin:12px 0 1px 0; height:40px; background:#efefef;}
div.id-box p {margin:0; padding-top:15px; color:#555; text-align:center;}
div.id-box span {color:#aa1959; font-weight:bold;}

div.id-box ul {overflow:hidden; margin:0; padding:0 1%; width:98%;}
div.id-box ul li {margin:0; padding:0; color:#555; list-style:none;}
div.id-box ul li.left {float:left; padding-top:13px;}
div.id-box ul li.right {float:right; margin-top:8px;}


/* 우편번호 검색 */
div.post-box {margin:14px 0; padding:4px; border:2px solid #e2e2e2;}


/* 달력 */
div#calendar {margin:0; width:100%;}

	div.calendar-wrap {margin:0; width:100%;}

	div.calendar-title {padding:13px 0 0 0; width:100%;}
	div.calendar-title ul {overflow:hidden; position:relative; margin:0 2%; padding:0 0 13px 0; width:96%; height:24px; border-bottom:1px solid #d7d7d7;}
	div.calendar-title ul li {margin:0; padding:0; list-style:none;}
	div.calendar-title ul li.present {padding-top:2px; width:100%; font-size:14px; color:#555; font-weight:bold; text-align:center;}
	div.calendar-title ul li.left {position:absolute; top:0; left:0;}
	div.calendar-title ul li.right {position:absolute; top:0; right:0;}

	div.calendar {margin:12px 2% 0; padding:0; width:95%; border:2px solid #e2e2e2;}
	div.calendar table {margin:2%; width:96%; border-collapse:collapse; text-align:center;}
	div.calendar table thead th {padding:8px 5px 7px; font-size:12px; color:#fff; background:#233141;}
	div.calendar table tbody td {padding:5px; width:50px; height:26px; font-size:12px; color:#505050;}
	div.calendar table tbody td a.on {display:inline-block; width:50px; height:26px; background:#b62d0e;}
	div.calendar table tbody td a.on span {display:block; padding-top:6px; font-size:12px; color:#fff; font-weight:bold;}

div.closed {margin:7px 2% 0; width:96%; text-align:right;}


/* 파일업로드 */
div#contents .border {margin:20px 0 10px; padding:20px 0; width:100%; border:2px solid #e2e2e2;}
div#contents .button-right {margin:0; padding:5px 12px; text-align:right;}
div#contents .button-center {margin:0; padding:10px 0; text-align:center;}

div#contents fieldset.file {margin:0; text-align:left;}
div#contents fieldset.file label {margin:0; padding:13px 0 0 0;}
div#contents fieldset.file label span {font-weight:normal;}
div#contents fieldset.file input {margin-top:5px;}
div#contents fieldset.file input.alt {height:21px; width:100%; border:1px solid #b5b5b5;}

div#contents p.down-add {margin:10px 0 0 0; padding:0;}
div#contents p.down-add input.checkbox {margin:0; padding:0;}
div#contents p.down-add label.down-add {padding:0; font-size:11px; color:#555;}

fieldset.file-wrap {margin:10px 0 0 0; padding:10px 0; width:99.4%; border:2px solid #e2e2e2;}
fieldset.file-wrap legend {font-size:12px; font-weight:bold; color:#605f5f;}

fieldset.file-wrap div.file-type {float:left; margin:10px 2%; width:96%; border-top:1px dotted #bfc0c2; font-size:11px; color:#555; display:inline;}
fieldset.file-wrap div.first {margin-top:0; border-top:none;}
fieldset.file-wrap div.file-type ul.file-title {overflow:hidden; margin:0; padding:10px 0 0; width:100%;}
fieldset.file-wrap div.file-type ul.file-title li {float:left; margin:0; padding:0 0 0 10px; display:inline; list-style:none;}
fieldset.file-wrap div.file-type ul.file-title li.text {padding-top:4px;}

fieldset.file-wrap div.file-type div.file-add {overflow:hidden; margin:8px 0 0; padding:10px 2%; width:96%; background:#f6f6f6;}
fieldset.file-wrap div.file-type div.file-add p.image {float:left; margin:0; width:22%;}
fieldset.file-wrap div.file-type div.file-add p img {width:100px; height:75px;}
fieldset.file-wrap div.file-type div.file-add div.info {float:left; margin:0; width:78%;}
fieldset.file-wrap div.file-type div.file-add div.info p {margin:10px 0;}
fieldset.file-wrap div.file-type input.file-alt-01 {height:19px; width:76%; border:1px solid #b5b5b5;}
fieldset.file-wrap div.file-type input.file-alt-02 {height:19px; width:56%; border:1px solid #b5b5b5;}
fieldset.file-wrap div.file-type .bold {font-weight:bold;}

fieldset.file-wrap ul.thumbnail {overflow:hidden; margin:0; padding:0 2%; width:96%;}
fieldset.file-wrap ul.thumbnail li {float:left; margin:0 20px 0 0; padding:10px 0; list-style:none;}
fieldset.file-wrap ul.thumbnail li img {margin-right:8px; width:100px; height:75px; vertical-align:middle;}


/* 테이블 */
table.table-form {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #535353;}
table.table-form a.popup-calendar {vertical-align:middle; margin:0 0 0 5px; padding:0;}
table.table-form a.popup-calendar img {vertical-align:middle; margin:0; padding:0;}
table.table-form caption {visibility:hidden; margin:0; padding:0; width:0; height:0; font-size:0; line-height:0;}
table.table-form th {padding:9px 0 8px 25px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:12px; color:#505050; text-align:left; background:#f4f4f4;}
table.table-form td {padding:4px 10px 4px; border-bottom:1px solid #d8d8d8; font-size:12px; color:#505050; text-align:left;}