@charset "utf-8";

/* ------------------------------- 성주그룹 CSS -----------------------------*/

/*---------- 기본 CSS ----------*/
BODY, TD, TR, TABLE, SELECT, input {

	font-family: 돋움, dotum,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 20px;
	color: #606060;
	word-spacing: 0px;

/*---------- 스크롤 CSS ----------*/
scrollbar-3dlight-color:'C8C8C8';
scrollbar-arrow-color:'9F9F9F';
scrollbar-track-color:'#EAEAEA';
scrollbar-darkshadow-color:'F1F1F1';
scrollbar-face-color:'E8E8E8';
scrollbar-highlight-color:'#FFFFFF';
scrollbar-shadow-color:'9E9E9E';
}

/*---------- 링크 CSS ----------*/
a:link, a:visited, a:active { color:'#686868'; TEXT-DECORATION:'none';}
a:hover { COLOR:'#555555'; TEXT-DECORATION:'underline';}

/*-- 오랜지 --*/
a.orange:link, a.orange:visited, a.orange:active { color:'#EE7000'; TEXT-DECORATION:'none';}
a.orange:hover { COLOR:'#B75600'; TEXT-DECORATION:'underline';}
/*-- 블루 --*/
a.blue:link, a.blue:visited, a.blue:active { color:'#2F6FB0'; TEXT-DECORATION:'none';}
a.blue:hover { COLOR:'#044C94'; TEXT-DECORATION:'underline';}
/*-- 핑크 --*/
a.pink:link, a.pink:visited, a.pink:active { color:'#FF4A85'; TEXT-DECORATION:'none';}
a.pink:hover { COLOR:'#CC0066'; TEXT-DECORATION:'underline';}
/*-- 그린 --*/
a.green:link, a.green:visited, a.green:active { color:'#669900'; TEXT-DECORATION:'none';}
a.green:hover { COLOR:'#5B7243'; TEXT-DECORATION:'underline';}
/*-- 브라운 --*/
a.brown:link, a.brown:visited, a.brown:active { color:'#AC5009'; TEXT-DECORATION:'none';}
a.brown:hover { COLOR:'#75390B'; TEXT-DECORATION:'underline';}
/*-- 레드 --*/
a.red:link, a.red:visited, a.red:active { color:'#d11a1a'; TEXT-DECORATION:'none';}
a.red:hover { COLOR:'#AF0000'; TEXT-DECORATION:'none';}
/*-- 다크블루 --*/
a.dblue:link, a.dblue:visited, a.dblue:active { color:'#004EFF'; TEXT-DECORATION:'none';}
a.dblue:hover { COLOR:'#001EFF'; TEXT-DECORATION:'none';}
/*-- 스카이 --*/
a.sky:link, a.sky:visited, a.sky:active { color:'#138084'; TEXT-DECORATION:'none';}
a.sky:hover { COLOR:'#47A4A7'; TEXT-DECORATION:'none';}
/*-- 화이트 --*/
a.white:link, a.white:visited, a.white:active { color:'#FFFFFF'; TEXT-DECORATION:'none';}
a.white:hover { COLOR:'#FFFFFF'; TEXT-DECORATION:'underline';}

/*---------- 인풋 CSS ----------*/
input { line-height: normal; padding:2px 0; } /* 120727 추가 */
.INPUT     {COLOR:'#686868'; HEIGHT:'18px'; BORDER:'1px #C0C0C0 solid';}
.gINPUT     {COLOR:'#686868'; background-color:"#F5F5F5"; HEIGHT:'18px'; BORDER:'1px #C0C0C0 solid';}
TEXTAREA   {FONT-SIZE:'9pt'; COLOR:'#686868'; LINE-HEIGHT:'180%'; BORDER:'1px #C0C0C0 solid'; PADDING:'5 5 5 5';}

/*---------- 폰트추가 CSS ----------*/

.red       {FONT-FAMILY:'굴림'; COLOR:'#FF0000'; LINE-HEIGHT:'160%';}
.pink      {FONT-FAMILY:'굴림'; COLOR:'#980041'; LINE-HEIGHT:'160%';}
.blue      {FONT-FAMILY:'굴림'; COLOR:'#044C94'; LINE-HEIGHT:'160%';}
.brown     {FONT-FAMILY:'굴림'; COLOR:'#AC5009'; LINE-HEIGHT:'160%';}
.green     {FONT-FAMILY:'굴림'; COLOR:'#5B7243'; LINE-HEIGHT:'160%';}
.orange    {FONT-FAMILY:'굴림'; COLOR:'#EE7000'; LINE-HEIGHT:'160%';}
.white     {FONT-FAMILY:'굴림'; COLOR:'#FFFFFF'; LINE-HEIGHT:'160%';}
.dgray     {FONT-FAMILY:'굴림'; COLOR:'#686868'; LINE-HEIGHT:'160%';}

.ls        {FONT-FAMILY:'굴림';LETTER-SPACING:'-0.1em';}                          /* 자간좁히기 */
.ls2       {FONT-FAMILY:'굴림';LETTER-SPACING:'-0.5em';}                          /* 더욱자간좁히기 */
.small     {FONT-FAMILY:'굴림';FONT-SIZE:'11px';}                                 /* 작은글씨 */

/*---------- 기타설정 CSS ----------*/
IMG        {BORDER:'none';}

#GNB .topLink{left:602px;}
/* #GNB .topLink{left:514px;} */
#topNav{width:602px; background-image:url(/kr/images/menu/menu_bg3.gif);}
/* #topNav{width:514px; background-image:url(/kr/images/menu/menu_bg.gif);} */
#FamilySite ul{left:-180px;}

.ethical_tab {height:27px; margin-bottom:25px; background:url(/kr/about/images/ethical_bg01.gif) repeat-x left bottom;}
.ethical_tab * {margin:0 auto;}
.ethical_tab p {float:left;}
.ethical_tab ul {float:right;}
.ethical_tab li {float:left; width:106px; height:27px; text-align:center; font-size:0;}
.ethical_tab li a {float:left; width:106px; height:14px; padding-top:13px; text-align:center; line-height:0; font-size:0;}
.ethical_tab .on {background:url(/kr/about/images/ethical_bg02.gif) no-repeat left top;}

.ethical_ceo {padding-bottom:50px; font-size:11px; color:#606060; line-height:20px;}

.ethical_sj {padding-bottom:50px; font-size:11px; color:#606060; line-height:20px;}
.ethical_sj * {margin:0; padding:0;}
.ethical_sj .lf {width:100%; overflow:hidden;}
.ethical_sj .lf .pic {float:left; margin-right:20px;}
.ethical_sj .rf {width:100%; margin-top:50px; overflow:hidden;}
.ethical_sj .rf .pic {float:right; width:312px; margin-left:20px; text-align:center;}
.ethical_sj .btn {margin-top:20px;}

.ethical_act {padding-bottom:50px; font-size:11px; color:#606060; line-height:20px;}
.ethical_act * {margin:0; padding:0;}
.ethical_act .pic {margin:35px 0; text-align:center;}
.ethical_act h3 {margin-top:30px; font-size:13px; color:#b43439;}
.ethical_act dt {margin-top:30px; font-weight:bold; color:#474747;}
.ethical_act dd {margin-top:3px;}
.ethical_act .t2 {width:100%; margin-top:30px; overflow:hidden;}
.ethical_act .t2 dl {float:left; width:430px;}
.ethical_act .t2 dt {margin-top:0;}
.ethical_act .t2 .dn {float:right; margin-right:39px;}