@charset "utf-8";
.webzineWrap{ overflow:hidden;}
.webzineWrap .leftArea{ float:left; width:249px; margin:0 10px 10px 0;}
.webzineWrap .topMonth{ background:url("../images_en/community/month_box.png"); height:160px;color:#fff}
.webzineWrap .topMonth .txt{ text-align:center; font-weight:bold; font-family:"Arial"; background:url("../images_en/community/month_line.png") no-repeat center bottom;height:25px;padding:32px 0 0px 0;opacity:0.7;filter: alpha(opacity=70);}
.webzineWrap .topMonth .number{ text-align:center; font-size:70px;font-weight:bold; font-family:"Arial";}
.webzineWrap .monthSelect{ background:#ffffff;}
.webzineWrap .monthSelect .yearSelect{ padding:10px 0; margin-bottom:0;}
.webzineWrap .monthSelect .yearSelect .year{ width:110px; font-size:24px; line-height:36px;}
.webzineWrap .monthSelect ul { overflow:hidden;width:224px;margin:0 auto;}
.webzineWrap .monthSelect ul li{ float:left;width:40px;height:40px; text-align:center;margin:0 8px; line-height:40px; font-size:14px;}
.webzineWrap .monthSelect ul li a{ display:block;width:40px;height:40px; text-align:center; line-height:40px; font-size:14px;}
.webzineWrap .monthSelect ul li a:hover,
.webzineWrap .monthSelect ul li a:focus,
.webzineWrap .monthSelect ul li.on a{ background:url("../images_en/community/month_on.png") no-repeat; font-weight:bold;}
.webzineWrap .monthSelect .ctgArea{ background:url("../images_en/information/dot_line.png") repeat-x left top; font-weight:bold;margin:20px 25px 0 25px;padding:20px 0;}
.webzineWrap .monthSelect .ctgArea select{ width:100%;}
.webzineWrap .leftArea .btnAfter{ margin-top:10px; display:block;background:url("../images_en/community/btn.png"); height:47px; line-height:48px; text-align:center;}
.webzineWrap .leftArea .btnAfter span{ display:inline-block;*display:inline;zoom:1;background:url("../images_en/community/after_webzine_icon.png") no-repeat left 17px; padding-left:30px; font-weight:bold;color:#fff}

.webzineWrap .rightArea{ float:left;width:651px;}
.webzineWrap .rightArea .webzineImg{ margin-bottom:10px;}
.webzineWrap .rightArea .conArea{ background:#ffffff;padding:30px 25px;}
.webzineWrap .rightArea .imgList{ overflow:hidden;background:url("../images_en/information/dot_line.png") repeat-x left bottom;padding-bottom:25px; margin-bottom:30px;}
.webzineWrap .rightArea .imgList li{ float:left; margin-left:30px;width:285px;}
.webzineWrap .rightArea .imgList li:first-child{margin-left:0px;}
.webzineWrap .rightArea .imgList li a{ display:block; position:relative;}
.webzineWrap .rightArea .imgList li a span{ display:block; line-height:20px;}
.webzineWrap .rightArea .imgList li a span.img{ position:relative; margin-bottom:15px;}
.webzineWrap .rightArea .imgList li a span.img .txtBg{ position:absolute;left:0;bottom:0px;width:265px; background:url("../images_en/community/bw_bg.png");height:50px; line-height:50px;padding-left:20px;color:#fff; font-weight:bold;}
.webzineWrap .rightArea .imgList li a span.title{ font-weight:bold; font-size:14px; margin-bottom:10px; width:260px;}
.webzineWrap .rightArea .imgList li a span.con{width:260px;}

.webzineWrap .rightArea .boardList{ overflow:hidden;}
.webzineWrap .rightArea .boardList li{ margin-bottom:20px;}
.webzineWrap .rightArea .boardList li:last-child{margin-bottom:0px;}
.webzineWrap .rightArea .boardList li a{ display:block; position:relative;min-height:140px;padding-left:160px;}
.webzineWrap .rightArea .boardList li a span{ display:block; line-height:20px;}
.webzineWrap .rightArea .boardList li a span.img{ position:absolute;left:0px;top:0px;}
.webzineWrap .rightArea .boardList li a span.img img {width:140px;}
.webzineWrap .rightArea .boardList li a span.sort{ font-weight:bold; color:#006a84;padding:5px 0 10px 0;}
.webzineWrap .rightArea .boardList li a span.title{ font-weight:bold; font-size:14px; margin-bottom:10px; }
.webzineWrap .rightArea .boardList li a span.con{}

.webzineViewWrap{ overflow:hidden;}
.webzineViewWrap .topArea{ margin-bottom:10px; overflow:hidden;}
.webzineViewWrap .topMonth{ float:left; width:250px; background:url("../images_en/community/month_box.png"); height:160px;color:#fff}
.webzineViewWrap .topMonth .txt{ text-align:center; font-weight:bold; font-family:"Arial"; background:url("../images_en/community/month_line.png") no-repeat center bottom;height:25px;padding:32px 0 0px 0;opacity:0.7;filter: alpha(opacity=70);}
.webzineViewWrap .topMonth .number{ text-align:center; font-size:70px;font-weight:bold; font-family:"Arial";}
.webzineViewWrap .viewTitleArea{ float:right; width:600px; background:#ffffff;padding:30px 25px;height:100px;}
.webzineViewWrap .viewTitleArea{ float:right; width:600px; background:#ffffff;padding:30px 25px;height:100px;}
.webzineViewWrap .viewTitleArea .ctg{ font-weight:bold; height:31px;}
.webzineViewWrap .viewTitleArea .title{ font-weight:bold; font-size:24px; height:58px;}


.communityWrap{ background:#ffffff;padding:30px 25px; margin-bottom:10px;}
.webzineCtgList{ overflow:hidden;}
.webzineCtgList ul{background:url("../images_en/information/dot_line.png") repeat-x left bottom;padding-bottom:25px; margin-bottom:30px; overflow:hidden;}
.webzineCtgList ul:last-child{background:none; margin-bottom:0px;}
.webzineCtgList li{ float:left; margin-left:30px;width:266px;}
.webzineCtgList li:first-child{margin-left:0px;}
.webzineCtgList li a{ display:block; position:relative; height:390px;}
.webzineCtgList li a span{ display:block; line-height:20px;}
.webzineCtgList li a span.img{ position:relative; margin-bottom:15px;}
.webzineCtgList li a span.img img{ width:100%; max-width:100%;}
.webzineCtgList li a span.img .txtBg{ position:absolute;left:0;bottom:0px;width:246px; background:url("../images_en/community/bw_bg.png");height:50px; line-height:50px;padding-left:20px;color:#fff; font-weight:bold;}
.webzineCtgList li a span.webzine{margin-bottom:10px; text-align:right;}
.webzineCtgList li a span.title{ font-weight:bold; font-size:14px; margin-bottom:10px; width:260px;}
.webzineCtgList li a span.con{width:260px;}
.webzineCtgTopArea{ overflow:hidden; height:63px;}
.webzineCtgTopArea li{ float:left;}
.webzineCtgTopArea li.right{ float:right;}
.webzineCtgTopArea select {width:130px;}

.eventList{ overflow:hidden;}
.eventList li{background:url("../images_en/information/dot_line.png") repeat-x left bottom;padding-bottom:20px; margin-bottom:30px; overflow:hidden;}
.eventList li:last-child{margin-left:0px; background:none; margin-bottom:0;}
.eventList li a{ display:block; position:relative;}
.eventList li a span{ display:block;}
.eventList li a span.img{ position:relative; margin-bottom:20px;}
.eventList li a span.img img{ width:100%;}
.eventList li a span.conArea{ position:relative;padding-left:90px}
.eventList li a span.conArea .box{ width:75px; height:35px; line-height:35px; text-align:center; font-weight:bold; position:absolute;left:0px;top:0px;}
.eventList li a span.conArea .box.play{ background:#f89b1c;}
.eventList li a span.conArea .box.end{ background:#666666;color:#fff}
.eventList li a span.conArea .title{ font-weight:bold; margin-bottom:12px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.communityWrap .alertIcon{background:#fff url("../images_en/information/info_icon.png") no-repeat left 3px;padding:0px 0px 25px 46px; line-height:20px; margin-top:-3px; position:relative;}
.communityWrap .alertIcon .rightBtn{ position:absolute;right:0px;top:0px;}
.communityWrap .alertIcon.center{background:#fff url("../images_en/information/info_icon.png") no-repeat left 0px;padding:6px 0px 25px 46px; line-height:20px; margin-top:0px;}
.communityWrap .alertIcon strong.title{ display:block; margin-bottom:5px;}
.communityWrap .alertIcon ul.dotbl{ margin-top:10px;}
.communityWrap .alertIcon ul.dotbl li{padding-left:10px; background:url("../images_en/information/bl_dot.png") no-repeat left 7px; line-height:20px; margin-bottom:15px;}
.communityWrap .alertIcon ul.dotbl li:last-child{margin-bottom:0px;}
.writeTable.archive .inTableArea{ overflow:hidden;margin:10px 0; width:600px;}
.writeTable.archive .inTableArea li{ float:left; margin-right:20px;padding:10px 0}
.writeTable.archive .inputArea span{ display:inline-block;*display:inline;zoom:1;}
.writeTable.archive .inputArea span.inputBox{border:1px solid #bbbbbb;height:30px;}
.writeTable.archive .inputArea span.inputBox input{ float:left;border:0px;height:30px; line-height:30px;width:162px;padding:0 10px;}
.writeTable.archive .inputArea span.inputBox a{ display:block; float:left;height:23px;width:26px;padding-top:7px;}
.writeTable.archive .inputArea span.inputBox a img{ width:16px}
.communityWrap .resultArea{ overflow:hidden; margin-bottom:20px;}
.communityWrap .resultArea li{ float:left;}
.communityWrap .resultArea li .blank{color:#b3b3b3}
.communityWrap .resultArea li.rightTxt{ float:right;}

.listTableType2.archiveResult .titleArea .no{width:70px}
.listTableType2.archiveResult .titleArea .actor{width:260px}
.listTableType2.archiveResult .titleArea .data{width:265px}
.listTableType2.archiveResult .conArea li{padding:12px 0}
.listTableType2.archiveResult .conArea .dataIcon{ display:block; float:left;;padding-left:27px;margin:6px 0;vertical-align:top; width:60px; text-align:left;}
.listTableType2.archiveResult .conArea .dataIcon.program{ background:url("../images_en/community/icon_program.png") no-repeat;}
.listTableType2.archiveResult .conArea .dataIcon.poster{ background:url("../images_en/community/icon_poster.png") no-repeat;}
.listTableType2.archiveResult .conArea .dataIcon.rep{ background:url("../images_en/community/icon_rep.png") no-repeat;}
.listTableType2.archiveResult .conArea .dataIcon.avi{ background:url("../images_en/community/icon_avi.png") no-repeat;}
.listTableType2.archiveResult .conArea .dataIcon.data{ background:url("../images_en/community/icon_data.png") no-repeat;}

.socialMany{ overflow:hidden; margin-top:8px;}
.socialMany li{ float:left; overflow:hidden; background:url("../images_en/community/txt_blank.png") no-repeat right 5px;padding-right:20px;margin-right:20px;}
.socialMany li:last-child{ background:none;}
.socialMany li span.icon{ display:block; float:left; margin-right:8px;}
.socialMany li strong{ display:block; float:left; margin:5px 0 0 0;}
.socialTab{ background:#666666;height:60px; position:relative;margin:0 -25px}
.socialTab li{ float:left;width:20%;height:60px; background:url("../images_en/community/txt_blank2.png") no-repeat right center;}
.socialTab li:last-child{ background-image:none;}
.socialTab li.on{ background:#f89b1c;}
.socialTab li a{ display:block;height:60px; text-align:center; line-height:60px; color:#fff;}
.socialTab li.on a{ color:#000; font-weight:bold;}
.socialTab li a span{ display:inline-block;*display:inline;zoom:1;height:60px; background:url("../images_en/community/sns_tab.png") no-repeat;margin-top:21px; overflow:hidden;}
.socialTab li a span.facebook{background-position: 0 -1px;width: 67px;height: 15px;}
.socialTab li a span.twitter{background-position: -173px 0;width: 84px;height: 17px;}
.socialTab li a span.youtube{background-position: -369px -1px;width: 57px;	height: 17px;}
.socialTab li a span.blog{background-position: -564px -1px;width: 29px;height: 17px;}

.socialListArea{margin:0 -25px; position:relative;padding:15px}
.socialListArea > ul{ position:relative; overflow:hidden;}
.socialListArea > ul > li{margin:5px; float:left;border:1px solid #cccccc; width:208px;}
.socialListArea > ul > li .conArea{padding:15px 18px 20px 18px; line-height:20px;letter-spacing:-1px;}
.socialListArea > ul > li .conArea .title{ font-weight:bold; margin-bottom:15px;}
.socialListArea > ul > li .conArea .url{ margin-top:20px;}
.socialListArea > ul > li .conArea .url a{color:#006a84;text-decoration:underline}
.socialListArea > ul > li .conArea .tag{ margin-top:15px;}
.socialListArea > ul > li .conArea .tag a{ display:block;background:url("../images_en/community/box_youtube_icon_01.png") no-repeat left 2px;padding-left:22px; font-weight:bold;color:#006a84}
.socialListArea > ul > li .conArea .btnArea{ overflow:hidden; margin-top:12px;}
.socialListArea > ul > li .conArea .btnArea li{ float:left; margin-right:3px;}
.socialListArea > ul > li > .imgArea{padding:11px 0px 5px 0px; text-align:center;}
.socialListArea > ul > li .bottomArea{ line-height:44px;color:#fff;}
.socialListArea > ul > li.twitter > .btnArea{ overflow:hidden; text-align:right;padding:0 3px; margin-bottom:10px;}
.socialListArea > ul > li.twitter > .btnArea li{ display:inline-block;*display:inline;zoom:1;margin-left:4px;}
.socialListArea > ul > li.twitter .bottomArea{ background:#4ec2dc url("../images_en/community/box_twitter.png") no-repeat 11px top;padding-left:38px;}

.socialListArea > ul > li.youtube .bottomArea{ background:#df1f1c url("../images_en/community/box_youtube.png") no-repeat 11px top;padding-left:40px;}
.socialListArea > ul > li.blog > .imgArea{padding:0px 0px 20px 0px;}
.socialListArea > ul > li.blog .bottomArea{ background:#00b050 url("../images_en/community/box_blog.png") no-repeat 14px top; text-align:right;padding-right:9px;}


.socialListArea > ul > li.facebook .conArea .img{padding:15px 0;margin:0 -8px; text-align:center;}
.socialListArea > ul > li.facebook .bottomArea{ background:#3b5998 url("../images_en/community/box_facebook.png") no-repeat 13px top; padding-left:31px;}

.listTableType2.afterList .titleArea .no{ width:70px;}
.listTableType2.afterList .titleArea .writer{ width:100px;}
.listTableType2.afterList .titleArea .date{ width:80px;}
.listTableType2.afterList .titleArea .hit{ width:80px;}
.listTableType2.afterList .conArea .title strong.target{ display:block;}
.listTableType2.afterList .conArea .title span.tit{ display:inline-block;*display:inline;zomm:1;max-width:490px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position:relative;}

.afterInfomation{border:1px solid #d6d6d6;padding:20px 20px 20px 104px; overflow:hidden; position:relative; margin-bottom:30px;}
.afterInfomation .img{ position:absolute;left:20px;top:20px}
.afterInfomation .con{min-height:91px; line-height:20px;border-right:1px solid #e6e6e6; width:592px;}
.afterInfomation .con strong{ display:block;margin-top:-3px;}
.afterInfomation .btn{ display:block; position:absolute;right:0px;top:50%;margin-top:-43px; width:161px; text-align:center;height:85px;}
.afterInfomation .btn span{ display:inline-block;*display:inline;zoom:1;height:12px;background:url("../images_en/community/right_arr.png") no-repeat right 1px;padding-right:16px;margin-top:37px;}

.replyWrap{ background:#ffffff; margin-top:10px;padding:30px 25px;}
.replyWrap > .title{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.replyWrap > .textArea{ overflow:hidden; position:relative;}
.replyWrap > .textArea textarea{ float:left;border:1px solid #bbbbbb; width:725px; height:38px;padding:20px;}
.replyWrap > .textArea .btn_reply{ display:block; float:left; width:83px; height:80px; background:#7d6f5e; margin-left:10px; text-align:center;}
.replyWrap > .textArea .btn_reply span{display:inline-block;*display:inline;zoom:1;height:12px;background:url("../images_en/community/btn_reply.png") no-repeat center top;padding-top:33px;color:#ffffff; margin-top:18px;}
.replyWrap > .replyList li{ background:url("../images_en/information/dot_line.png") repeat-x left bottom;padding:15px 130px 15px 66px; overflow:hidden; line-height:20px; position:relative;}
.replyWrap > .replyList li:last-child{ background:none; padding-bottom:0;}
.replyWrap > .replyList li p.name{ position:absolute;left:0px;top:15px; width:50px; background:url("../images_en/community/reply_blank.png") no-repeat right 4px; font-weight:bold;}
.replyWrap > .replyList li p.title *{vertical-align:top}
.replyWrap > .replyList li p.title span.new{ display:inline-block;*display:inline;zoom:1;background:url("../images_en/customer/new_icon.png") no-repeat right 2px;line-height:20px;width:16px; height:20px;}
.replyWrap > .replyList li p.title a.btn_del{display:inline-block;*display:inline;zoom:1;background:url("../images_en/mypage/btn_del.png") no-repeat right 2px;line-height:20px;width:16px; height:20px;}
.replyWrap > .replyList li p.date{ position:absolute;right:0px;top:50%;margin-top:-10px;padding-right:5px;}


.listTableType2.freeboadList .titleArea .no{ width:70px;}
.listTableType2.freeboadList .titleArea .writer{ width:100px;}
.listTableType2.freeboadList .titleArea .date{ width:80px;}
.listTableType2.freeboadList .titleArea .file{ width:60px;}
.listTableType2.freeboadList .titleArea .hit{ width:80px;}
.listTableType2.freeboadList .conArea .title strong.target{ display:block;}
.listTableType2.freeboadList .conArea .title span.tit{ display:inline-block;*display:inline;zomm:1;max-width:410px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position:relative;}


.communityWrap .fileArea .fileName{ display:block; margin-top:8px;}
.communityWrap .fileArea .fileName *{vertical-align:top}