@charset "euc-kr";
@import "common.css";
/* ------------------------------------------------------------
 * Name      : happycontribution.css
 * Desc       : SK portal
 * Created   : 2008/05/15 PentaBreed by myungwol
 * Updated  : 2010-07-01 Pentabreed by Jung soo
 ------------------------------------------------------------ */

/* 2010 renewal */

/* »çȸ°øÇå¼Ò°³ > °øµ¿ÇÁ·Î±×·¥ */
.proBg1 {background: url('/image/happycontribution/about/aboutBg01.jpg') no-repeat right 20px;}
.proBg2 {background: url('/image/happycontribution/about/aboutBg02.jpg') no-repeat left 0px;}
.proBg3 {background: url('/image/happycontribution/about/aboutBg03.jpg') no-repeat right 20px;}
.proBg4 {background: url('/image/happycontribution/about/aboutBg04.jpg') no-repeat right 20px;}

.programType1 {padding: 0 220px 0 5px;}
.programType1 li {margin: 20px 0 20px 0;}
.programType1 li strong{display: block; height: 15px;}
.programType1 li strong img {margin: 0 0 0 0; padding: 0 0 0 11px; background: url('/image/common/bul_gray6.gif') no-repeat 0 center;}

.programType2 {padding: 0 5px 0 215px;}
.programType2 li {margin: 0px 0 20px 0;}
.programType2 li strong{display: block; }
.programType2 li strong img {margin: 0 0 0 0; padding: 0 0 0 11px; background: url('/image/common/bul_gray6.gif') no-repeat 0 center;}

/* »çȸ°øÇå¼Ò°³ > 1»ç 1´ëÇ¥ ÇÁ·Î±×·¥ */
.company h4 {margin-top: 20px;}
.company h4 img {padding-right: 17px; background: url('/image/common/arr_orange1.gif') no-repeat right 3px;}
.company p {margin-left: 2px;}

/* »çȸ°øÇå¼Ò°³ > skÀç´Ü */
.foundation li {overflow: hidden; clear: both; margin-top: 30px;}
.foundation li span {float: left;}
.foundation li div {float: left; width: 433px; padding: 0 0 0 20px; background-position: 0 5px}
.foundation li div p {margin: 0 0 10px 0;}1

/* Çѱ¹±³À°Àç´Ü */
h3.visual {background: none; margin: 0;padding:0;}
.imgRight {float: right; margin: 4px 0 10px 20px;}
.imgLeft {float: left; margin: 4px 20px 10px 0;}
.education h4 {margin-top: 20px;}
.education p {margin-left: 2px;}

/* Çູ³ª´® Àç´Ü */
.share h4 {margin-top: 20px;}
.share p {margin-top: 15px;}

/*Active*/
.activeVisual{overflow: hidden; zoom:1;margin-bottom:35px;padding:0px 0 0 228px;background:url(/image/happycontribution/active_visual.jpg) 0 0px no-repeat;}
.activeVisual h3 {background: none; padding: 0;}
.activeVisual.bg1 {background-image: url('/image/happycontribution/active_visual1.jpg')}
.activeVisual.bg2 {background-image: url('/image/happycontribution/active_visual2.jpg')}
.activeVisual.bg3 {height: 195px;margin-bottom:0; background: url('/image/happycontribution/active_visual3.jpg') no-repeat 0 -20px}


/* ³ª´®Âü¿© */
.distriCNT{margin-top:30px;border:1px solid #eaeaea;background:url(/image/happycontribution/distri_bgM.gif) 0 0 repeat-y;}
.distriCNT .bgB{background:url(/image/happycontribution/distri_bgB.gif) 0 bottom no-repeat;}
.distriCNT .bgT{zoom:1;padding-bottom:25px;background:url(/image/happycontribution/distri_bgT.gif) 0 0 no-repeat;}
.distriCNT .bgT:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.distriCNT .cntType1{float:left;width:303px;padding-left:26px;}
.distriCNT h3{padding:0;background:none;margin:14px 0 0 0;height:70px;}
.distriCNT .thum{display:block;border:1px solid #d6d5d5;margin-bottom:15px;}
.distriCNT .pageCNT{width:275px;overflow:hidden;font-size:0.9em;line-height:1.5;}
.distriCNT .kind{margin:15px 0 0 0;padding:11px 0 0 0;background:url(/image/common/line_dot1.gif) 0 0 repeat-x;}
.distriCNT .kind dt{color:#666;font-size:1.2em;font-weight:bold;padding:0 0 0 9px;margin-top:5px;background:url(/image/common/bul_gray3.gif) 0 5px no-repeat;}
.distriCNT .kind dd{padding-left:9px;}
.distriCNT .join{padding:5px 8px;min-height:55px;_height:55px;background:#999;margin-top:30px;color:#FFF;}
.distriCNT .join dt{color:#e9e9e9;}
.distriCNT .join dd a{color:#FFF;}
.distriCNT .join dd strong{margin-right:5px;}

/* ¹Ì¼Ò±ÝÀ¶Àç´Ü */
.newsPaper {height: 411px; padding: 32px 35px 0 49px; background: url('/image/happycontribution/active/paperBg.jpg') no-repeat 0 0;}
.newsPaper h3 {background: none; padding: 0;}
.newsPaper p {padding-bottom: 20px}

/* ÀºÇϼö°ø¿ø */
.galaxy {zoom:1;padding-top:50px;background: url('/image/happycontribution/active/galaxyBg01.gif') no-repeat right 0;}
.galaxy h3 {background: none; padding: 0;}
.galaxy p {margin-bottom: 30px;}

.death {zoom: 1; height: 180px; padding: 21px 0 0 21px; background: url('/image/happycontribution/active/deathBg.jpg') no-repeat 0 0;}
.death:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.death span {float: left;}
.death table {float: left; width: 300px; margin-top: 10px; margin-left: 60px; overflow: hidden; }
.death table th {text-align: left; height: 20px;}
.death table img {vertical-align: middle;}
.death table a img {margin-left: 5px;}

/* //2010 renewal */


/*About*/
.aboutVisual{margin-bottom:35px;padding:6px 0 0 228px;background:url(/image/happycontribution/about_visual.jpg) 0 0 no-repeat;}

/*News*/
.newsSwf{margin-bottom:40px;}
/* 2010 renewal */
.newsSwf .newsDesc{margin-top:15px;}
.newsSwf .newsDesc span{font-size:0.9em;margin-left:10px;}
.newsSwf h4{padding:0;background:none;margin:7px 0;color:#ff7a00;font-size:1.2em;}
.newsSwf h4 a{color:#ff7a00;}

/*Fields*/
ul.fieldTab{height:22px;margin-bottom:30px;overflow:hidden;}
ul.fieldTab li{float:left;font-size:0;line-height:0;}

dl.fieldTxtSec{clear:both;margin-bottom:21px;overflow:hidden;}
dl.fieldTxtSec img{display:block;}
dl.fieldTxtSec dt{float:left;width:228px;}
dl.fieldTxtSec dd{float:left;}
h4.fieldStitIntro{clear:both;}

h4.fieldStit{clear:both;height:40px;margin:0;}
.fieldCompCnt{position:relative;}
.fieldCompCnt .companyTab{width:204px;position:absolute;right:0;top:21px;}
.fieldCompCnt .companyTab h5{height:18px;}
.fieldCompCnt .companyTab ul li{float:left;}
.fieldCompCnt dl.fieldCompany{overflow:hidden;}
.fieldCompCnt dl.fieldCompany dt{width:150px;height:107px;float:left;}
.fieldCompCnt dl.fieldCompany dt.walkerhill{padding-top:28px;height:79px;}
.fieldCompCnt dl.fieldCompany dd{height:107px;}
.fieldCompCnt dl.fieldCompany dd img{display:block;}
.fieldCompCnt dl.fieldCompany dd span.companyTxt{display:block;height:70px;}

/*Diary*/
.diaryCNT{margin-bottom:17px;overflow:hidden;}
.diaryBox{width:360px;height:400px;float:left;background:url(/image/happycontribution/diaryBoxBg.jpg) no-repeat;}
	.diaryBox .dateSelect{height:25px;padding:9px 0 0 19px;}
	.diaryBox .dateSelect span img{vertical-align:top;margin-top:2px;}
	.diaryBox ul.date{height:70px;margin:0 0 0 79px;overflow:hidden;clear:both;}
	.diaryBox ul.date li{float:left;height:70px;margin:29px 0 0 0;}
	.diaryBox ul.date li.nowDate{margin:20px 19px 0 17px;background:url(/image/happycontribution/year_dot.gif) 87px 23px no-repeat;}
	.diaryBox ul.date li.nowDate span.year{padding-right:20px;}
	.diaryBox ul#diaryTab{clear:both;overflow:hidden;margin:0 0 0 19px;}
	.diaryBox ul#diaryTab li{float:left;margin-left:3px;font-size:0;line-height:0;}
	.diaryBox ul#diaryTab li.first-child{margin-left:0;}
	.diaryBox p{clear:both;height:17px;margin:15px 0 0 19px;padding-left:7px;background:url(/image/common/bul_gray1.gif) 0 3px no-repeat;}
	.diaryBox .calSection{width:315px;height:178px;overflow:hidden;margin-left:19px;background:url(/image/happycontribution/diary_calBg.gif) 0 0 no-repeat;}
	.diaryBox .calSection table#calendar thead tr th{width:45px;height:22px;text-align:center;}
	.diaryBox .calSection table#calendar tbody tr td{width:45px;height:26px;text-align:center;font-size:0.9em;}
	.diaryBox .calSection table#calendar tbody tr td.first{color:#ea002c;}
	.diaryBox .calSection table#calendar tbody tr td strong{display:block;color:#b7bc26;background:url(/image/happycontribution/diary_pointBg.gif) center center no-repeat;}

.diaryVisual{width:301px;float:left;}
h4.diaryStit{clear:both;}
.bbsList tbody tr td.diarySection{text-align:left;padding-left:15px;}

/*»çȸ°øÇåÈ°µ¿ ¹é¼­*/
#whitepaper img{vertical-align:middle;}
	#whitepaper h3{margin:28px 0 17px 0;}
.whitepaper_2007{text-align:right;}
.whitepaper_list{overflow:hidden;}
.whitepaper_list li{float:left;margin-left:43px;display:inline;text-align:right;font-size:0;line-height:0;}
.whitepaper_list li.first{margin-left:0;}
.whitepaper_list li img.year{display:block;text-align:left;margin-bottom:7px;}
.whitepaper_list li div{background:url(/image/common/thumBg.gif) no-repeat;padding:4px 7px 7px 3px;margin-bottom:10px;clear:both;}
.whitepaper_list li div img{display:block;height:145px;border:1px solid #dedede;}