body,td,input,div,form,textarea,select,option,button {
font-size: 13px;
color:#666666;
}

body { /*ÀÌ°Í Ãß°¡ÇÏ´Ï ±¦Âú³× */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

select,option {
	background-color: #ffffff;
}

/*
td {
line-height: 140%;
}
*/

#zb_form_table td, #zb_form_table label, .family > a> p {
	font-family: Aril, sans-serif;
}

.memo {
font-size:16px;
line-height: 140%;
letter-spacing:-1;
}

.listnum {font-size:12px;color:#999;}
.listnum2 {font-size:12px;color:#999;line-height:120%;}

/* ¸µÅ© »ö */
a:link,
a:visited,
a:active {
color: #666;
text-decoration: none;
}
a:hover {
color: #444;
text-decoration: underline;
}

a:link {
    color: #222;
    text-decoration: none;
    font-size: 13px;
    font-family: Aril, sans-serif;
}

/* ¶óÀÎ td »ö»ó */
.linetd {background-color: #F0F0F0;
padding: 0px;
height: 1px;
}
.linetd1 {background-color: #C0C0C0;
padding: 0px;
height: 2px;
}
.linetd2 {background-color: #f7f7f7;
padding: 0px;
height: 3px;
}

/* ÀÌ°Í ¶§¹®¿¡ »ó´Ü¿¡ ÁÙÀÌ ±ú¾îÁø´Ù.
.title {
background-color: #fafafa;
color: #666666;
font-size: 11px;
height: 30px;
}
*/

/* ¹øÈ£ */
.number {
	font-size: 11px;
	padding: 8px 6px;
}

/* list ¶óÀÎ td */
.listline {
background-color: #f0f0f0;
padding: 0px;
height: 1px;
}


/* submit */
.submit {
border: solid 1px #e1e1e1;
font-size: 12px;
color: #666666;
background-color: #f0f0f0;
height: 20px;
}

/* textarea */
textarea {
	border: solid 1px #e1e1e1;
	background-color: white;
	padding: 4px;
	line-height: 140%;
}

.textarea {
    border: solid 1px #e1e1e1;
    background-color: white;
    padding: 4px;
    line-height: 140%;
    width: 98%;
    padding: 8px 4px;
    color: #222;
    font-size: 13px;
	font-family: sans-serif;
	font-family: Aril, sans-serif;
}

#sitelink2_admin {
    width: 98%;
    margin: 10px 0px;
    border: 1px solid #78b9d7;
	border-radius: 2px;
    background: #fcffff;
}

/* Ä«Å×°í¸® ¹è°æ»ö */
.category {
background-color: #f9f9f9;
}

.filediv {
border: solid 1px #e1e1e1;
background-color:white;
width: 400px;
}

.buttondiv {
border: solid 0px;
background-color: transparent;
width: 64px;
font-weight: bold;
padding-left: 2px;
cursor: pointer;
}

.thumbnailBox {
	text-align: center;
	vertical-align:top;
	padding: 4px;
	padding-right: 4px;
	width: 1px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #EAE9E3;background-color: #FCFCFA;
	border-radius: 4px;
}
.thumbnailBoxHover {
	text-align: center;
	vertical-align:top;
	padding: 4px;
	width: 1px;
	margin: 0px 0px 0px 0px;
	background: #F5F5EF;
	border: 1px solid #D8D6CB;
}

.ps_input {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    height: 27px;
    width: 130px;
    vertical-align: bottom;
    padding: 2px 4px;
    border-radius: 3px;
    text-align: left;
    color: #222;
    outline: none;
	font-size: 13px;
	font-family: sans-serif;
}

.ps_select {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    width: 130px;
    border-radius: 3px;
    color: #222;
    outline: none;
    padding: 5px 0 5px 5px;
    font-size: 13px;
	border-radius: 3px;
}

#zb_form_table > tbody > tr > .menu_t {
    padding: 4px 10px 4px 0;
    text-align: right;
    vertical-align: middle;
    height: 30px;
	font-size: 13px;
}

/* ÄÚ¸àÆ® form Å×µÎ¸® */
.line1 {
background-color: #ECEBE6;
padding: 0px;
}

/* ÄÚ¸àÆ® ¼¼·Î¶óÀÎ */
.line2 {
background-color: #F5F5EF;
padding: 0px;
}

/* ÄÚ¸àÆ®, ÀÌ¸§,ºñ¹Ð¹øÈ£ ¹è°æ td »ö */
.list0 {
background-color: #F8F8F3;
height: 28px;
}
.list1 {
background-color: #FCFCFA;
height: 28px;
}

/* ÄÚ¸àÆ® submit */
.submitcmt {
height: 100%;
width: 90px;
border: 0px;
background-color: #F3F3EB;
cursor:pointer;
}

/* -- ¿©±â¼­ºÎÅÍ categroy_menu */
#categroy_menu > div > nobr > a {
	font-size: 13.4px;
	padding: 0 4px;
}

#categroy_menu > .ca_btn:first-child:not(:last-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

#categroy_menu > .ca_btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}

#categroy_menu > .ca_btn:last-child:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

a.ca_btn {
	color: #666 !important;
	white-space: nowrap;
	overflow: hidden;
}

a.ca_btn:active {
	color: #333;
}

a.ca_btn:hover {
	color: #222;
	background-color: #e6e6e6;
	border-color: #adadad;
}

a.ca_btn:visited {
	color: #333;
}

.ca_btn {
	float: left;
	display: inline-block;
	min-width: 55px;
	margin: 5px 1px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 13.4px;
	color: #666;
	font-weight: normal;
	line-height: 1.1;
	cursor: pointer;
	background-color: #fff;
	box-sizing: border-box;

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-ms-user-select: none;
	user-select: none;
}

.ca_btn_admin {
	background: #eff0f9;
}

.ca_btn .a_none {
	color:#8d94b7;
}

.ca_btn > div {
	margin-top: 5px;
	font-size: 13px;
	font-weight: 600;
	font-family: Arial, sans-serif;
	white-space: nowrap;
}

.ca_btn > p {
	font-size: 10px;
	color: #a59db3;
}
/* --\\ ¿©±â±îÁö categroy_menu */

.subject_name {
	padding-left: 20px;
    padding: 8px 0 8px 14px;
    border: 1px solid #b7bad0;
    border-radius: 4px;
    background-color: #fbfbfb;
    box-sizing: border-box;
    margin-right: 7px;
    border-bottom: 2px solid;
	font-size: 14px;
	font-weight: 600;
}

#jik_thum > a {
	transition: all 0.3s ease-in-out;   /* ºÎµå·¯¿î ¸ð¼ÇÀ» À§ÇØ Ãß°¡*/
}

#jik_thum > a:hover {
	transform: scale(2.1);
	-webkit-transform: scale(2.1);
	-moz-transform: scale(2.1);
	-ms-transform: scale(2.1);
	-o-transform: scale(2.1);
}

#jik_thum > a > img:hover {
	transform: scale(1.6);
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-ms-transform: scale(1.6);
	-o-transform: scale(1.6);
}

.family {
	float: left;
    width: 100px;
    border: 1px solid #ccc;
    height: 120px;
    margin: 10px 15px 24px;
    margin-left: 0;
    text-align: center;
}
.family > a > img {
    margin-bottom: 5px;
}
.family > a > div {
	width: 100px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}

#picture > .photo_preview {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 120px;
    height: 146px;
    overflow: hidden;
    background: #fbfbfb;
    border: 1px solid #bebebe;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}