@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*한글 Pretendard*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* 영문 poppins */
@import url('https://webfontworld.github.io/Poppins/Poppins.css');

* {
 /* font-family:"나눔고딕", AppleGothic, sans-serif;*/
     font-family: "Pretendard Variable", Pretendard, -apple-system,'Poppins';
	font-size:11.5pt;
	margin:0px;
	padding:0px;
}

body {
	 line-height: 150%;
	 /*font-family:'나눔고딕' 'NanumGothic', AppleGothic, sans-serif;*/
	 font-family: "Pretendard Variable", Pretendard, -apple-system,'Poppins';
	 font-size:13.5px;
     line-height:150%;
	 word-break:keep-all;
}
ul, ol {
	list-style:none;
}
/* ?뷀뤃???뚯씠釉?*/
table {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
}
th, td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px 2px 5px;
        white-space:nowrap;
	text-align:center;
}
td.title {
	width:100%;
	white-space:normal;
}
/* ?뷀뤃?몃줈 ?좎씠 洹몃젮吏??뚯씠釉붿쓽 ?좎쓣 ?놁븷怨?以??ъ씠???쇱씤 ?쎌엯 */
.tablenoline {
	margin:0 auto;
	border:0
}
.tablenoline * {
	padding:0;
	margin:0;
}
.tablenoline th {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline td {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline .td_line {
	background:url(../board/images/dot.gif);
	height:1px;
}
/* form ??table td left ?뺣젹 */
.tableform td{
   text-align:left;
}
/* 怨좎젙硫붾돱 */
#aside_admin {
	position:fixed;
	_position:absolute;
	_z_index:1;
	left:785px;
	top:40px;
	width:10px;
	height:20px;
	padding:0px;
	background:#dddddd;
}
#aside_user {
	position:fixed;
	_z_index:1;
	left:850px;
	top:40px;
	width:10px;
	height:20px;
	padding:0px;
	background:#dddddd;
}

/* ?뚮븣濡??뚯씠釉??€???ъ슜 */
#content { 
	padding: 10px;
	border: 1px solid #999;
	margin: 0 auto;
	line-height: 1.5em;
	text-align: left;
	width: 311px; /* ?듭뒪?뚮줈?댁슜  */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px; /* ?먮옒?ㅼ젣媛?*/
}
/* 媛??섏씠吏€?먯꽌 ?ъ슜, 媛€濡??몃줈 以묎컙 ?뺣젹
#center {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 503px;
                height: 294px;
                overflow: hidden;
                margin-top: -180px;
                margin-left: -210px;
}
*/
/* 접근성을 위한 히든 */
.access {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
.access a {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.hidden_obj {
    position:absolute;
	left: 0; top :0; 
	visibility:hidden;
	overflow:hidden;
	height:0;
    line-height: 0;
	width:0;
	margin:0;
	padding:0;font:0/0 Arial
}

textarea {
    color:#666;
	border:1px solid #d0d0cc;
	padding:2px;
}
textarea.width500 {
	width:500px;
	height:150px;
}
select {
	border:1px solid #d0d0cc;
}
input{
    width:13em;
	height:30px;
	border:1px solid #d0d0cc;
}
input[type=text] {
   padding-left:3px;
   padding-right:3px;
}


input.radio, input.checkbox {
	width:auto;height:auto;
	border:none; 
}
input.submit,input.image {
	width:auto;height:auto;
	border:none;
}
input.inputfile {
	width:400px;
	border:1px solid #d0d0cc;
}
input.subject {
	width:100%;
}
input.subject_short {
	width:15em;
}
input.zip {
	width:3em;
}
input.jumin1 {
	width:7em;
}
input.jumin2 {
	width:8em;
}
input.tel {
	width:4em;
}
input.email01 {
	width:7em;
}
input.email02 {
	width:15em;
}
input.ok_button	{ background: #ffffff; border: 1px solid #ccc;}


/* ?낅젰諛뺤뒪 ?좏깮???됱긽 蹂€寃? */
input:hover, textarea:hover, select:hover {
	background: #f5f5f5;
}
input:focus, textarea:focus {
	background: #f5f5f5;
}
fieldset {
	margin:0px;
	padding:0px;
	border:none;
}
legend {
	display:none;
}

a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#0C0;
	text-decoration:none;
}

/*臾몄꽌???댁뒪 ?쇰뱶 ?ㅼ슫濡쒕뱶??留곹겕  */
/*
a[href$=".pdf] {
	background: url(../admin/images/pdflink.gif) no-repeat right top;
	padding-right:10px;
}
a[href$=".doc] {
	background: url(../admin/images/wordlink.gif) no-repeat right top;
	padding-right:10px;
}
a[href$=".rss"], a[href$=".rdf"] {
	background: url(../admin/images/feedlink.gif) no-repeat right top;
	padding-right:10px;
}
*/
img {
	border:0 none;
}
hr {
	display:none;
} /* 肄붾뱶?쒖뿉留?hr ??蹂댁엫 */

form {
	margin:0;
}

/* ?쎌뼱 ?댄똻  */
abbr, acronym {
	border-bottom:1px dotted;
	cursor: help;
}
/* ?ㅽ겕由곕━???쎌뼱瑜??쒕떒?대줈 ?쎄린 */
abbr {
	speak:spell-out;
}
acronym {
	speak:normal;
}

/* ?꾩씠?꾨젅?꾩떆 ?댁슜?섏튂???믪씠 ?먮룞 議곗젙*/
#page_content {
	position:absolute;
	left:0;top:0;
	width:100%; 
	margin:0 auto;
}

/* Anchor Button */
a.button, a.button span {
	position:relative;
	display:inline-block;
	text-decoration:none !important;
	background:url(../img/buttonWhite.gif) no-repeat;
	cursor:pointer;
	white-space:nowrap;
	vertical-align:middle;
*vertical-align:top;
}
a.button {
	padding:0;
	background-position:left top;
	overflow:visible;
}
a.button span {
	left:2px;
	padding:6px 10px 5px 8px;
	color:#000;
	font:12px/12px Sans-serif;
	background-position:right top;
}
a.button, x:-moz-any-link {
font:0/23px Sans-serif;
padding:12px 0;
top:1px;
} /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default {
padding:0;
top:0;
} /* Firefox 2 Fix */
/* Large Size */
a.button.large {
	background-position:left -30px;
}
a.button.large span {
	padding:7px 10px 6px 8px;
	font:16px/16px Sans-serif;
	background-position:right -30px;
}
a.button.large, x:-moz-any-link {
font:0/29px Sans-serif;
padding:15px 0;
} /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge {
	background-position:left -65px;
}
a.button.xLarge span {
	padding:8px 10px 7px 8px;
	font:20px/20px Sans-serif;
	background-position:right -65px;
}
a.button.xLarge, x:-moz-any-link {
font:0/35px Sans-serif;
padding:18px 0;
} /* Firefox 2 Fix */
a.button.xLarge, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
/* Small Size */
a.button.small {
	background-position:left -107px;
}
a.button.small span {
	padding:4px 6px 3px 4px;
	font:11px/11px Sans-serif;
	background-position:right -107px;
}
a.button.small, x:-moz-any-link {
font:0/18px Sans-serif;
padding:9px 0;
} /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
/* Control Button + Submit Button */
span.button, span.button button, span.button input {
	position:relative;
	margin:0;
	display:inline-block;
	border:0;
	font:12px Sans-serif;
	white-space:nowrap;
	background:url(../images/buttonWhite.gif) no-repeat;
	vertical-align:middle;
}
span.button {
	padding:0;
	background-position:left top;
}
span.button, x:-moz-any-link {
font:0/23px Sans-serif;
padding:11px 0;
} /* Firefox 2 Fix */
span.button, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button button, span.button input {
	height:23px;
	left:2px;
*top:-1px;
	_top:0;
	padding:0 10px 0 8px;
*padding:0 5px 0 3px;
	line-height:24px;
	background-position:right top;
	cursor:pointer;
}
/* Large Size */
span.button.large {
	background-position:left -30px;
*top:-1px;
}
span.button.large, x:-moz-any-link {
font:0/29px Sans-serif;
padding:15px 0;
} /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button.large button, span.button.large input {
	height:30px;
*top:0;
	_top:-1px;
	padding:0 10px 0 8px;
*padding:0 5px 0 3px;
	font:16px/30px Sans-serif;
	background-position:right -30px;
}
/* xLarge Size */
span.button.xLarge {
	background-position:left -65px;
}
span.button.xLarge, x:-moz-any-link {
font:0/35px Sans-serif;
padding:17px 0;
} /* Firefox 2 Fix */
span.button.xLarge, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button.xLarge button, span.button.xLarge input {
	height:35px;
	padding:0 10px 0 8px;
*padding:0 5px 0 3px;
	font:20px/36px Sans-serif;
	background-position:right -65px;
}
/* Small Size */
span.button.small {
	background-position:left -107px;
}
span.button.small, x:-moz-any-link {
font:0/18px Sans-serif;
padding:9px 0 8px 0;
} /* Firefox 2 Fix */
span.button.small, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button.small button, span.button.small input {
	height:18px;
*top:0;
	_top:-1px;
	padding:0 6px 0 4px;
*padding:0 3px 0 2px;
	font:11px/18px Sans-serif;
	background-position:right -107px;
}
/* Strong Button */
a.button.strong *, span.button.strong * {
	font-weight:bold !important;
}
/* Icon Add */
a.button .icon {
	position:relative;
	border:0;
	vertical-align:middle;
}
span.button .icon {
	position:relative;
	left:10px;
	margin-right:8px;
	vertical-align:middle;
}
/* Color Preset */
a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input {
	background-image:url(../admin/images/buttonGreen.gif);
	color:#fff;
}
a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input {
	background-image:url(../admin/images/buttonBlack.gif);
	color:#fff;
}
a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input {
	background-image:url(../admin/images/buttonRed.gif);
	color:#fff;
}
a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input {
	background-image:url(../admin/images/buttonBlue.gif);
	color:#fff;
}
/* Offset Debug */
a.button, span.button {
	margin-right:2px;
}

/* 湲곗〈 肄붾뵫??臾몄꽌瑜?媛€?대뜲濡??꾩튂???쒖뼱 */
#main_div {
	width: 700px;
	padding-left:55px;
	padding-top:40px;
}
.handy {
	cursor:pointer;
	cursor:hand;
}
/* 鍮꾨?踰덊샇蹂€寃쏀솕硫?*/
.passwdchange {
	margin:0 auto;
	border:0
}
.passwdchange * {
	padding:0;
	margin:0;
}
.passwdchange dt {
	float:left;
	width:20%;
	height:32px;
	line-height:33px;
	text-align:center;
	background:#f7f7f7;
	font-weight:bold;
	border:1px solid #ccc;
}
.passwdchange dd {
	float:left;
	width:77.7%;
	height:24px;
	border:1px solid #ccc;
	margin-bottom:1px;
	margin-left:1px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}
.passwdchange input {
	border:1px solid #ccc;
	width:150px;
	height:20px;
}
.passwdchange table, .passwdchange th, .passwdchange td {
	border:0;
	font-weight:bold;
}
.passwdchange .blankbox {
	clear:both;
	width:500px;
	height:20px;
	border:0;
}
/* ?쒕엻罹?泥リ???袁몃?湲?*/
.drop {
	float:left;
	font-size: 400%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding: 4px 10px;
	border: 2px solid #ccc;
	background: #eee;
}
/* 愿€由ъ옄濡쒓렇?명솕硫?*/
#adminlogin_box {
	width: 503px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-top: -140px;
	margin-left: -230px;
}
#adminlogin_box h1 {
	width:503px;
	height:150px;
}
#adminlogin_box h2 {
	width:274px;
	float:left;
}
#adminlogin_box dl {
	background-image: url(../admin/images/middle_02.gif);
	float:right;
	width: 229px;
	height:49px;
}
#adminlogin_box dt {
	_clear:both; /* ?듭뒪6.0???곸슜*/
	float: left;
	width: 24px;
	text-align:center;
	vertical-align:middle;
	font-weight: bold;
	padding-top:4px;
}
#adminlogin_box dd {
	float:right;
	width: 200px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
#adminlogin_box dl input {
	width:100px;
	height:15px;
	border:1px solid #ccc;
}
#adminlogin_box dl input {
	width:100px;
	height:15px;
	border:1px solid #ccc;
}
#adminlogin_box .footer {
	clear:both;
}
/* 愿€由ъ옄 owner ?붾㈃ */
#admin_owner {
	float:left;
	width:532px;
	margin-top:120px;
	margin-left:140px;
	_margin-left:70px;
	border-color:#CCC;
	border-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: medium;
}
#admin_owner h1 {
	text-align:center;
	height:60px;
	text-indent: -5000px;
	padding-top:20px;
	background: url(../admin/images/text.gif) no-repeat center center;
}
#admin_owner .text01 {
	float:left;
	width:60%;
	height:59px;
	text-align:left;
	vertical-align: middle;
	padding:15px 0px 50px 25px;
}
#admin_owner img {
	float:right;
	padding:15px 25px 50px 0px;
}

/* 愿€由ъ옄 TOP ?붾㈃ */
#admin_top {
	width:100%;
	height:95px;
	padding-top:17px;
	background:#DCDDDC; 
	float:left; 
}
#admin_top .body01 {
    float:left;
	width:642px; _width:600px;
	height:77px;
}
#admin_top .body01 .top01 {
	width:627px;
	height:27px;
	padding-left:15px;
	font-size:90%;
	color:#006633;
	background:#fff;
	line-height:27px;
}
#admin_top .body01 .bottom01 {
	width:642px;
	height:50px;
	background: url(../admin/images/top_adminmode_02.jpg) no-repeat ;
}
#admin_top .body02 {
	float:left;
	width:375px;
	height:77px;
	position:relative;
}
#admin_top .body02 ul{
	list-style:none;
}
#admin_top .body02 a{
	position:absolute;
	width:50px;
	height:65px;
	text-indent:-1000em;
}
#admin_top .body02 .home a{
	top:10px;
	left:35px;
}
#admin_top .body02 .a_home a{
	top:10px;
	left:105px;
}
#admin_top .body02 .out a{
	top:10px;
	left:165px;
}

#admin_top .body03 {
	position:absolute;left:1017px;
	width:100%;
	height:77px;
	background:#0C0 url(../admin/images/top_admin_bg.gif) repeat-x ;
}