/* 사용일반 */

.imgicon { RIGHT: 2px; POSITION: relative; top: 4px } 
.port { FONT-SIZE: 7pt; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: "verdana" } 
.backtext {font-family:맑은 고딕; FONT-SIZE: 9pt; color: #ffffff; background-color:#B2B2B2; LINE-HEIGHT: 14px;}

BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: 
#b6b6b6; SCROLLBAR-3DLIGHT-COLOR: #ededed; SCROLLBAR-ARROW-COLOR: #cccccc; BACKGROUND-REPEAT: 
repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff }

FORM 
{ FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "맑은 고딕" } 
INPUT 
{ FONT-SIZE: 9pt; BACKGROUND-COLOR:ffffff; BORDER-RIGHT: #ADADAD 1px solid; BORDER-TOP: #ADADAD 1px solid; BORDER-LEFT: #ADADAD 1px solid; BORDER-BOTTOM: #ADADAD 1px solid; HEIGHT: 16px; FONT-FAMILY: "맑은 고딕"} 
OPTION 
{ FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "맑은 고딕" } 
SELECT 
{ FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "맑은 고딕" } 
TEXTAREA 
{ FONT-SIZE: 9pt; COLOR: #666666; BORDER-RIGHT: #ADADAD 1px solid; BORDER-TOP: #ADADAD 1px solid; BORDER-LEFT: #ADADAD 1px solid; BORDER-BOTTOM: #ADADAD 1px solid;LINE-HEIGHT: 16px; FONT-FAMILY: "맑은 고딕" } 
TH 
{ FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "맑은 고딕" } 
DIV { FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "맑은 고딕" } 
.grayinput
{ BACKGROUND-COLOR:f1f1f1; BORDER-RIGHT: #f1f1f1 1px solid; BORDER-TOP: #f1f1f1 1px solid; BORDER-LEFT: #f1f1f1 1px solid; BORDER-BOTTOM: #f1f1f1 1px solid; HEIGHT: 16px; FONT-FAMILY: "맑은 고딕"} 
.whiteinput
{ BACKGROUND-COLOR:ffffff; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 16px; FONT-FAMILY: "맑은 고딕"} 

/* 테이블에 대한 기본 스타일 정의 */
td  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; line-height:16px ; color: #484848}

/* 행간이 큰 스타일 정의 */
ltd  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; line-height:24px ; color: #666666}

P.breakhere {page-break-before: always}

/* 폰트색이 다를때 */
.t1 {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#000000; line-height:18px}
.t2 {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#FFFFFF; line-height:18px}
.t3 {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#3333FF; line-height:18px}
.bluetext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#0092C8; line-height:16px}
.greentext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#54AE6B; line-height:16px}
.yellowgreentext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#88C808; line-height:16px}
.redtext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#C40000; line-height:16px}
.redboldtext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#C40000; line-height:16px; font-weight:bold}
.blacktext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#000000; line-height:16px}
.blackboldtext {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#000000; line-height:16px; font-weight:bold}
.t4 {font-family:"맑은 고딕"; font-size:18px; color:#4F4F4F;; line-height: 22px}
.t5 {font-family:"맑은 고딕"; font-size:18px; color:#CCFFFF; line-height:24px; font-weight:bold}
.t6 {font-family: "맑은 고딕", "맑은 고딕체"; font-size: 24px; color: 666666; line-height: 30px}

/* 일반 텍스트보다 작은 텍스트를 사용할때 */
.s1 {font-family:"Verdana"; font-size:10px; color:#666666;}

/* 타이틀 - 일반텍스트보다 큰 텍스트를 사용할때 */
.tl {font-family: "맑은 고딕"; font-size: 16px; color: #000000;text-decoration: none;font-weight:bold;}


/* 일반 텍스트보다 크고 굵은 텍스트를 사용할때 */
.b {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#000000;font-weight:bold;}
.bb {font-family:"맑은 고딕"; FONT-SIZE: 9pt; color:#499CBB;font-weight:bold;}
.tl {font-family:"맑은 고딕"; font-size:15px; color:#666666;font-weight:normal;}


/* 테이블  */
table.border {BORDER-COLLAPSE: collapse}

/* 폼필드에 사용되는 스타일 시트 */
.form {border: 1px #ACACAC solid; height:21; background-color:#FFFFFF; color:#666666; FONT-SIZE: 9pt; text-align:left; text-valign: middle; text-indent: 2pt;}
.sele { height:21; background-color:#FFFFFF; color:#666666; FONT-SIZE: 9pt; middle; text-indent: 2pt;}
.login {border: 1px #BCBCBC solid; height:21; background-color:#FFFFFF; color:#666666; FONT-SIZE: 9pt; text-align:left; text-valign: middle; text-indent: 2pt;}
.process {border: 1px #BCBCBC solid; height:21; font-family:"verdana"; background-color:#FFFFFF; color:#666666; font-size:10px; text-align:center; text-valign: middle;}
.textarea {border: 1px #ACACAC solid;  background-color:#FFFFFF; color:#666666; FONT-SIZE: 9pt; text-align:left; text-valign: middle; text-indent: 2pt;}



/* ----------------------------- */
/* ------------ LINK ----------- */

/* 일반적인 텍스트 롤오버및 링크 */
a:link     {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #666666;	text-decoration: none; line-height:18px ;}
a:visited  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #666666;	text-decoration: none; line-height:18px ;}
a:hover    {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #3333FF;	text-decoration: underline; line-height:18px ;}

/* 텍스트색이 검정색일때  롤오버및 링크 */
.black a:link     {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #000000;	text-decoration: none; line-height:18px ;}
.black a:visited  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #000000;	text-decoration: none; line-height:18px ;}
.black a:hover    {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #3333FF;	text-decoration: underline; line-height:18px ;}

/* 인디케이터 */
.indi  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; line-height:9pt ; color: #000000; padding-top:3px;}
.indi a:link     {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #666666;	text-decoration: none; line-height:18px ;}
.indi a:visited  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #666666;	text-decoration: none; line-height:18px ;}
.indi a:hover    {font-family: "맑은 고딕"; FONT-SIZE: 9pt; 	color: #3333FF;	text-decoration: underline; line-height:18px ;}

/* 왼쪽메뉴 */
.menu  {font-family: "맑은 고딕"; FONT-SIZE: 9pt;  color: #000000; line-height:18pt; text-indent: 10px; padding-top:3px}
.menu a:link     {font-family: "맑은 고딕"; FONT-SIZE: 9pt; color: #666666;	text-decoration: none; line-height:18px ; text-indent: 10px; padding-top:3px}
.menu a:visited  {font-family: "맑은 고딕"; FONT-SIZE: 9pt; color: #666666;	text-decoration: none; line-height:18px ; text-indent: 10px; padding-top:3px}
.menu a:hover    {font-family: "맑은 고딕"; FONT-SIZE: 9pt; color: #3333FF;	text-decoration: none; line-height:18px ; text-indent: 10px; padding-top:3px}


/* 리스트 페이지 이동 */
.list_p {font-family: "Verdana"; font-size: 10px; 	color: #666666;	text-decoration: none;font-weight:lighter;}
.list_p a:link     {font-family: "Verdana"; font-size: 10px; 	color: #666666;	text-decoration: none;font-weight:lighter;}
.list_p a:visited  {font-family: "Verdana"; font-size: 10px; 	color: #666666;	text-decoration: none;font-weight:lighter;}
.list_p a:hover    {font-family: "Verdana"; font-size: 10px; 	color: #3333FF;	text-decoration: none;font-weight:bold;}

/* 상품이미지 테두리 */
.image {  border: 1px d8d8d8 solid}
.image_dark {  border: 0px cccccc solid}
.diarytitle {  border: 0px #FF4D7A solid}

.normal
{
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM-STYLE: none
}


.button-green
{
    font: bold 1.2em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    font-size:10px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    height:22px; 
    cursor:pointer;
    display:table-cell;
    vertical-align:middle;

    background: #428739;
    background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );
    background: -moz-linear-gradient(-90deg, #c8dd95, #428739);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
}

.button-green:hover
{
    font: bold 1.2em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    font-size:10px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    height:22px; 
    cursor:pointer;
    display:table-cell;
    vertical-align:middle;

    background: #c8dd95;
    background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95) );
    background: -moz-linear-gradient(-90deg, #428739, #c8dd95);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
}

.button-green:active
{
    font: bold 1.2em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    font-size:10px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    height:22px; 
    cursor:pointer;
    display:table-cell;
    vertical-align:middle;

    background: #428739;
}