@charset "euc-kr";
@import "common.css";
/* ------------------------------------------------------------
 * Name      : happychannel.css
 * Desc       : SK portal
 * Created   : 2008/05/15 PentaBreed by myungwol
 * Updated  :
 ------------------------------------------------------------ */

/*´º½º*/
.newsSwf{margin-bottom:40px;}
.moviePlay{zoom:1;border:1px solid #e6e6e6;}
.moviePlay:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.moviePlay .tit{zoom:1;display:block;border-bottom:1px solid #e6e6e6;margin:0 12px;padding:10px 0 7px 0;position:relative;}
.moviePlay .tit span{position:absolute;right:0;bottom:10px;font:normal 0.9em/0.9em verdana;}
.moviePlay .movieBox{width:365px;float:left;}
.moviePlay .movieInfo{width:294px;height:276px;float:left;overflow:hidden;}
.moviePlay .movieInfo h5{margin:18px 0 15px 0;}
.moviePlay .movieInfo p{width:280px;height:215px;overflow:auto;}
.moviePlay .movieInfo strong{display:block;margin-bottom:15px;}

/*ul#newsMovieList{clear:both;height:138px;margin:20px 0 0 0;padding:20px 0 0 0;border-top:2px solid #b9b9b9;border-bottom:1px solid #b9b9b9;}
ul#newsMovieList li{float:left;width:115px;margin-left:21px;text-align:center;position:relative;}
ul#newsMovieList li strong{display:block;color:#FF7A00;margin-top:5px;}
ul#newsMovieList li span{display:block;color:#888;}
ul#newsMovieList li.first-child{margin-left:0;}
ul#newsMovieList li .imgBorder{
	width:109px;height:80px;
	border:3px solid #FFF;
}
ul#newsMovieList li img.thumImg{width:115px;height:86px;}*/

/* 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;}
.newsMovieTbl{margin-top:40px;}
.newsMovieTbl tbody tr td.title{padding-left:20px;}

/*TV±¤°í*/
.moviePlay .movieInfo .cfTV{width:280px;height:246px;margin:20px 0 10px 0;overflow:auto;}
.moviePlay .movieInfo .cfTV .campaign{padding:0 0 15px 0;margin-bottom:15px;background:url(/image/happychannel/companyBg1.gif) 0 bottom no-repeat;}
.moviePlay .movieInfo .cfTV em{font-style:normal;color:#FF7A00;}
.moviePlay .movieInfo .cfTV .campaign span{display:block;margin-top:10px;}
.moviePlay .movieInfo .cfTV p{width:260px;}
ul#MovieList{clear:both;height:317px;margin:20px 0 0 0;background:url(/image/happychannel/listBg_dot2.gif) repeat;border-top:2px solid #b9b9b9;border-bottom:1px solid #b9b9b9;}
ul#MovieList li{float:left;width:115px;height:138px;padding:20px 0 0 0;margin-left:21px;text-align:center;position:relative;}
ul#MovieList li strong{display:block;color:#FF7A00;margin-top:5px;}
ul#MovieList li span{display:block;}
ul#MovieList li.first{margin-left:0;}
ul#MovieList li .imgBorder{
	width:109px;height:80px;
	position:absolute;left:0;top:20px;
	border:3px solid #FFF;
}
ul#MovieList li img.image{width:115px; height:86px;}

/* 2010 renewal */
.groupCF{padding-bottom:12px;}
.groupCF .tit{color:#333;}
.groupCF .thum{position:relative;float:left;margin:12px 15px 0 0;}
.groupCF .thum .imgBorder{width:330px;height:220px;border:4px solid #FFF;margin-left:12px;}
.groupCF .thum .imgM{width:338px;height:228px;display:block;margin-left:12px;}
.groupCF .info{float:left;width:290px;padding-top:12px;}
.groupCfTbl{margin-top:40px;}
.groupCfTbl tbody tr td.title{padding-left:20px;}
.groupWrap{background:#ebebeb;padding:0px 0 7px 0;zoom:1;}
.groupWrap .groupBgT{padding:12px 19px 5px 19px;background:url(/image/happychannel/groupBgM.gif) 0 0 repeat-y;}
.groupWrap .groupView{background:#FFF;}
.groupWrap .moviePlay{border:0;margin:0 7px;}
.groupWrap .moviePlay .movieInfo{width:240px;}
.groupWrap .moviePlay .movieInfo .cfTV{width:230px;height:230px;overflow:auto;}
.groupWrap .moviePlay .tit{color:#333;}
.groupWrap .btnStyle1{margin:0 19px;border-top:2px solid #e6e6e6;padding-top:9px;}
.movieList{margin:6px 19px 0 19px;zoom:1;padding-bottom:10px}
.movieList:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.movieList li{float:left;width:115px;margin-left:2px;position:relative;}
.movieList li span{display:block;margin-top:5px;text-align:center;}
.movieList li.first-child, .movieList li:first-child{margin-left:0;}
.movieList li .imgBorder{width:109px;height:80px;border:3px solid #FFF;}
.movieList li img.thumImg{width:115px;height:86px;}
.groupViewType1{margin-top:12px;background:#FFF;padding:30px 19px 10px 19px;zoom:1;}
.groupViewType1 .photoList{margin:6px 0 0 0;padding:0;}
.groupViewType1 h4.type1{height:22px;margin-bottom:11px;position:relative;zoom:1;border-bottom:1px solid #e6e6e6;}
.groupViewType1 h4.type1 span{position:absolute;right:0;top:3px;}
.screenList{zoom:1;}
.screenList:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.screenList li{float:left;width:279px;height:106px;overflow:hidden;margin-left:20px;}
.screenList li:first-child, .screenList li.first-child{margin-left:0;}
.screenList li .thum{float:left;position:relative;}
.screenList li .thum .imgBorder{width:149px;height:100px;border:3px solid #FFF;}
.screenList li .thum .thumImg{width:155px;height:106px;}
.screenList li ul{float:left;margin:8px 0 0 14px;width:110px;}
.screenList li ul li{float:none;width:auto;height:23px;margin-left:0;}

.compSelect{margin-bottom:5px;}

/*ÀμⱤ°í*/
.cfprintBox{border-bottom:1px solid #b9b9b9;}
ul#cfprintList{height:463px;margin-top:9px;border-top:2px solid #b9b9b9;background:url(/image/happychannel/listBg_dot1.gif) repeat;overflow:hidden;}
ul#cfprintList li{position:relative;height:211px;float:left;margin-left:21px;padding:20px 0 0 0;text-align:center;}
ul#cfprintList li.first{margin-left:0;}
ul#cfprintList li img{display:block;}
ul#cfprintList li .imgBorder{
	filter:alpha(opacity=100);opacity:1;-moz-opacity:1;
	width:109px;height:153px;
	position:absolute;left:0;top:20px;
	border:3px solid #dddddd;
}
ul#cfprintList li strong{display:block;color:#FF7A00;margin-top:3px;}
ul#cfprintList li span{display:block;}
ul#cfprintList li img.printImg{width:115px; height:159px;}

/*È«º¸¿µÈ­*/
.cfmovieBox{zoom:1;}
.cfmovieBox:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.movie{width:363px;float:left;border:1px solid #e6e6e6;}
.cfmovieVisual{width:296px;float:left;text-align:right;}
.cfDesc{height:310px;overflow:auto;margin-top:30px;border:1px solid #e6e6e6;padding:15px;}
.cfDesc h5{margin:20px 0;}
.cfDesc h5 strong{color:#ea002c;}
.cfDesc p{margin:20px 0;font-size:0.9em;}
.cfDesc .point{margin:0;font-size:1em;color:#ff7a00;}

/*±¤°íÁ¦ÀÛ³ëÆ®*/
.tbl_type3{border-bottom:1px solid #b9b9b9;}
.tbl_type3 table#prNote{border-top:2px solid #b9b9b9;text-align:center;}
.tbl_type3 table#prNote thead tr th{height:26px;color:#6c6c6c;}
.tbl_type3 table#prNote thead tr th.date{font-weight:normal;color:#999;}
.tbl_type3 table#prNote .title{text-align:left;padding-left:20px;}
.tbl_type3 table#prNote tbody tr td.title{color:#999;}
.tbl_type3 table#prNote tbody tr td{height:27px;background:url(/image/common/line_dot1.gif) 0 0 repeat-x;}
.tbl_type3 table#prNote tbody tr td.noteCnt{padding:22px 0 30px 0;text-align:left;}
.noteCnt .noteBox{background:url(/image/happychannel/noteBg1.jpg) 0 0 repeat-y;}
.noteCnt .noteBox img.titleVisual{display:block;width:661px;}
.noteCnt .noteBox #noteCNT{
	padding:0 38px 80px 38px;
	background:url(/image/happychannel/noteBg2.jpg) 0 bottom no-repeat;
}
#noteCNT h4{color:#ff7a00;padding:22px 0 15px 0;border-top:1px solid #efefef;background:none;margin:0;}
#noteCNT h4.first-child{border:0;padding-top:0;}
#noteCNT p{padding-bottom:22px;}
#noteCNT .noteBtn{text-align:right;padding-top:4px;}

/*Çູ·¹ÅÍ*/
.letterBox{width:661px;height:563px;margin-top:9px;position:relative;background:url(/image/happychannel/letterBg.jpg) no-repeat;}
.letterBox .letterVisual{width:320px;float:left;padding:132px 0 0 43px;}
.letterBox .letterVisual img{border:1px solid #d5d5d5;width:274px;}
.letterBox .letterCNT{width:260px;float:left;margin:93px 0 0 0;}
.letterBox .letterCNT h5{text-align:right;}
.letterBox .letterCNT h5 span img{margin:0 4px 4px 0;}
.letterBox .letterCNT dl{margin-top:33px;overflow:hidden;}
.letterBox .letterCNT dl dt{margin-top:15px;border-bottom:1px solid #eaeaea;line-height:120%;}
.letterBox .letterCNT dl dt span{padding-right:14px;background:url(/image/common/arr_red1.gif) right center no-repeat;}
.letterBox .letterCNT dl dd{padding:3px 0;border-bottom:1px solid #eaeaea;line-height:120%;}
.letterBox .letterCNT dl dd img{display:block;}
.letterBox .letterCNT p{position:absolute;right:38px;bottom:53px;}

.letterregBox{background:url(/image/happychannel/letterReg_visual.jpg) right 0 no-repeat;}
.letterregBox .bbsView{width:412px;border-top:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3;}
.letterregBox .bbsView tbody tr th, .letterregBox .bbsView tbody tr td{border-top:1px solid #e5e5e5;}
.letterregBox .bbsView tbody tr.first-child th, .letterregBox .bbsView tbody tr.first-child td{border:0 none;}
.letterregBox .bbsView tbody tr th{width:80px;padding:0 0 0 20px;background:#f8f8f8 url(/image/common/table/bbsView_bar.gif) right 0 no-repeat;}
.letterregBox .bbsView tbody tr td{padding:3px 0 5px 10px;}
.letterregBox .bbsView tbody tr td.email input.text{width:70px;}
.letterregBox .bbsView tbody tr td.email table.selectType tr td{padding:0;}
.letterregBox .bbsView tbody tr td.hp input.text{width:70px;}
.letterregBox .btnStyle1{width:413px;height:35px;}
.letterregBox p{margin-top:7px;}

/*SK »çº¸*/
.magazineCnt p.btn{text-align:right;/*margin-top:10px;*/}
.magazineCnt h3{margin-top:30px;}
ul.magazineList{height:210px;overflow:hidden;}
ul.magazineList li{width:131px;height:210px;float:left;margin-left:43px;}
ul.magazineList li.first-child{margin-left:0;}
ul.magazineList li p.date{height:18px;}
ul.magazineList li p.date span{padding-left:3px;}
ul.magazineList li p.date span img{margin-top:1px;}
ul.magazineList li p.thum{height:158px;width:127px;padding:5px 0 0 4px;margin-bottom:10px;background:url(/image/happychannel/company/thumBg1.gif) no-repeat;}
ul.magazineList li p.btn{margin-top:0;}

.magImg{margin-top:10px}

/**/.magazineBox{zoom:1;width:661px;height:435px;background:url(/image/happychannel/company/visualBg1.jpg) right 0 no-repeat;}
.magazineBox:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.magazineBox p.visual{float:left;}
.magazineBox .magazineIssue{float:left;width:330px;}
.magazineBox .magazineIssue p{margin:66px 25px 28px 0;text-align:right;}
.magazineBox .magazineIssue p span img{margin:0 7px 4px 0;}
.magazineBox .magazineIssue dl{width:269px;margin:0 0 0 32px;}
.magazineBox .magazineIssue dl dt, .magazineBox .magazineIssue dl dd{height:15px;padding:3px 0 0 13px;border-bottom:1px solid #e9e9e9;}
.magazineBox .magazineIssue dl dt{margin-top:12px;background:url(/image/common/bul_red1.gif) 1px 7px no-repeat;}
.magazineBox .magazineIssue dl dt.first-child{margin-top:0;}

p.financeTxt{letter-spacing:-1px;font-family:YDIWebDotum,Dotum;font-size:11px;margin-top:10px;text-align:right;margin-bottom:50px;}
p.financeTxt label{float:left;}

/* 2010 renewal */
.skpeopleCNT{background:url(/image/happychannel/skpeople_bgM.gif) 0 0 repeat-y;}
.skpeopleCNT .bgB{background:url(/image/happychannel/skpeople_bgB.gif) 0 bottom no-repeat;}
.skpeopleCNT .bgT{padding:59px 24px 40px 24px;background:url(/image/happychannel/skpeople_bgT.gif) 0 0 no-repeat;}
.skpeopleCNT .topicCNT{zoom:1;}
.skpeopleCNT .topicCNT:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.skpeopleCNT .topicCNT .thum{float:left;width:338px;margin-right:15px;position:relative;}
.skpeopleCNT .topicCNT .thum .imgBorder{width:330px;height:220px;border:4px solid #FFF;}
.skpeopleCNT .topicCNT .thum .imgM{width:338px;height:228px;}
.skpeopleCNT .topicCNT .info{width:259px;float:left;padding-top:10px;}
.skpeopleCNT .topicCNT .info .tit{display:block;letter-spacing:-1px;color:#333;}
.skpeopleCNT .topicCNT .info .tit a{color:#333;}
.skpeopleCNT .topicCNT .info .date{display:block;margin-bottom:10px;}
.skpeopleList{margin-top:30px;border-top:1px solid #d3d3d3;border-bottom:2px solid #d3d3d3;}
.skpeopleList li{zoom:1;padding:10px;border-top:1px solid #d3d3d3;background:#f8f8f8;}
.skpeopleList li.first{background:none;}
.skpeopleList li:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.skpeopleList li .thum{float:left;width:115px;margin-right:15px;position:relative;}
.skpeopleList li .thum .imgBorder{width:109px;height:80px;border:3px solid #FFF;}
.skpeopleList li .thum .imgM{width:115px;height:86px;}
.skpeopleList li .info{width:460px;float:left;}
.skpeopleList li .info .tit{padding:5px 0;font-weight:bold;color:#333;}
.skpeopleList li .info .tit a{color:#333;}
.skpeopleList li .info .tit img{vertical-align:middle;}
.skpeopleList li .info .tit span{font-weight:normal;margin-left:10px;}

.skpeopleCNT .moviePlay{border:0;border-bottom:1px solid #e6e6e6;}
.skpeopleCNT .moviePlay .tit{margin:0;color:#333;}
.skpeopleCNT .moviePlay .movieBox{width:363px;}
.skpeopleCNT .moviePlay .movieInfo{width:250px;}
.skpeopleCNT .moviePlay .movieInfo .cfTV{width:250px;height:230px;overflow:auto;}
.skpeopleCNT .skpeopleView{margin-top:30px;}