@charset "utf-8";
@import url("common.css");

#wrapper{background:url(http://common-cdn-api.joycityglobal.com/fs2gsp/main/main_bg.jpg) 50% 0 no-repeat;background-size:2800px 970px;-webkit-background-size:2800px 970px}

/* main visual */
#wrapper .visual{position:relative;width:940px;height:460px;margin:0 auto;text-align:left}
#wrapper .visual h1{position:absolute;top:50px;left:0}
#wrapper .visual h2{padding:200px 0 32px}
#wrapper .visual button{overflow:hidden;width:218px;height:65px}
#wrapper .visual button:hover img,#wrapper .visual button:active img,#wrapper .visual button:focus img{margin-top:-65px}

/* main news */
#contents{overflow:hidden;width:940px;margin:20px auto 0;padding:0 5px}
#contents aside{float:left;width:220px}
#contents aside ul{width:200px;padding:10px 9px;border-right:1px solid #39393d;border-bottom:1px solid #39393d;background-color:#2d2d33;box-shadow:1px 1px 5px #000}
#contents aside ul li{height:50px;margin-top:10px;background-color:#505057}
#contents aside ul li:hover,#contents aside ul li:active,#contents aside ul li:focus{background-color:#47474d}
#contents aside ul li:first-child{margin-top:0}
#contents aside ul li a{display:block;width:185px;height:50px;padding-left:15px;background:url(http://common-cdn-api.joycityglobal.com/fs2gsp/common/arrow.png) 177px 20px no-repeat;font-weight:bold;font-size:15px;line-height:50px;color:#fff;text-align:left;vertical-align:middle}
#contents aside ul li a img{margin:-3px 5px 0 0;vertical-align:middle}
#contents aside ul li a:hover,#contents aside ul li a:active,#contents aside ul li a:focus{text-decoration:none}
#contents aside ul li.video{position:relative;overflow: hidden;width: 194px;height:106px;background: none;border: 3px solid #505057;}
#contents aside ul li.video .video_btn{position: absolute;top: 0;left: 0;width: 194px;height: 106px;}
#contents aside ul li.video a{display: block;width:194px;height:106px;padding:0;background: none;}
#contents aside ul li.video a img{margin-top:0}
#contents aside ul li.video #youtube_con{position:absolute;top:-1px;left:-1px}
#contents aside .circle{position:relative;width:176px;height:176px;margin:30px auto 0;background:url(http://common-cdn-api.joycityglobal.com/fs2gsp/main/main_aside_watch_circle_bg.png) 0 0 no-repeat;text-align:left}
#contents aside .circle .circle_ball{position:absolute;top:126px;left:126px;width:44px;height:44px}
#contents aside .circle .circle_txt1{position:absolute;top:50px;left:0;width:176px;font-size:11px;color:#999;text-align:center}
#contents aside .circle .circle_txt2{position:absolute;top:63px;left:0;width:176px;font-size:41px;color:#fff;text-align:center}
#contents aside .circle .circle_txt_con{overflow:hidden;position:absolute;top:113px;left:40px;width:96px;color:#999}
#contents aside .circle .circle_txt_con .circle_txt3{float:left;text-align:left}
#contents aside .circle .circle_txt_con .circle_txt4{float:right;text-align:right}
#contents article{float:right;position:relative;width:619px;padding:40px 40px 85px;border-right:1px solid #39393d;border-bottom:1px solid #39393d;background-color:#2d2d33;box-shadow:1px 1px 5px #000}
#contents article h1{padding-bottom:40px;font-size:24px;color:#f2f2f2;text-align:left}
#contents.main article h1{padding-bottom:20px;}
#contents article ul li{overflow:hidden;position:relative;width:100%;/*height:65px;*/height:auto;padding:20px 0;border-bottom:1px solid #505057}
#contents article ul li.thumb_con{height:90px;}
#contents article ul li .thumb_img{float:left;width:186px;height:90px;margin-right:20px}
#contents article ul li .thumb_img a{display:block;width:186px;height:90px}
#contents article ul li .thumb_img a img{width:100%;height:100%}
#contents article ul li .news_msg_con{overflow:hidden;/*height:90px*/height:auto}
#contents article ul li .news_msg_con .ic_new{margin-left:10px}
#contents article ul li .news_msg_con .ic_new img{margin-top:-4px;vertical-align:middle}
#contents article ul li .news_msg_con{text-align:left}
#contents article ul li .news_msg_con h2{max-width:555px}
#contents article ul li.thumb_con h2{max-width:350px}
#contents article ul li .news_msg_con h2 a{font-size:16px;color:#fff}
#contents article ul li .news_msg_con h2 a:hover,#contents article ul li .news_msg_con h2 a:active,#contents article ul li .news_msg_con h2 a:focus{text-decoration:none}
#contents article ul li .news_msg_con h2 a:hover .news_tit,#contents article ul li .news_msg_con h2 a:active .news_tit,#contents article ul li .news_msg_con h2 a:focus .news_tit{background:url(http://common-cdn-api.joycityglobal.com/fs2gsp/common/underline.gif) 0 18px repeat-x}
#contents article ul li .news_msg_con h2 em{font-size:12px;color:#ff4242;vertical-align:middle}
#contents article ul li .news_msg_con h2 strong{font-size:12px;color:#ffa613;vertical-align:middle}
#contents article ul li .news_msg_con .news_msg_container{overflow:hidden;max-height:42px;font-weight:300;word-break:break-all}
#contents article ul li .news_msg_con .news_msg_container a{color:#999 !important;font-size:14px !important;line-height:20px !important;margin:0 !important;padding:0 !important;text-align: left !important;display:inline}
#contents article ul li .news_msg_con .news_msg_container a:hover{text-decoration: none;}
#contents article ul li .news_msg_con .news_msg_container p{color:#999 !important;font-size:14px !important;line-height:20px !important;margin:0 !important;padding:0 !important;text-align: left !important;display:inline}
#contents article ul li .news_msg_con .news_msg_container span{color:#999 !important;font-size:14px !important;line-height:20px !important;margin:0 !important;padding:0 !important;text-align: left !important;display:inline}
#contents article ul li .news_msg_con .news_msg_container strong{color:#999 !important;font-size:14px !important;line-height:20px !important;margin:0 !important;padding:0 !important;text-align: left !important;display:inline}
#contents article ul li .news_msg_con .news_msg_container div{color:#999 !important;font-size:14px !important;line-height:20px !important;margin:0 !important;padding:0 !important;text-align: left !important;display:inline}

#contents article ul li .news_msg_con p,#contents article ul li .news_msg_con a{line-height:23px;font-size:14px;color:#999}
#contents article ul li .news_date{position:absolute;top:22px;right:0;font-size:12px !important;text-align:right}
#contents article .more_btn{display:block;position:absolute;right:39px;bottom:39px;width:65px;height:30px;background-color:#505057;font-size:14px;line-height:30px;color:#fff}
#contents article .more_btn:hover,#contents article .more_btn:active,#contents article .more_btn:focus{text-decoration:none;background-color: #686870;}
#contents article .add_news{display:block;overflow:hidden;position:absolute;top:40px;right:40px;width:22px;height:22px}
#contents article .add_news:hover img,#contents article .add_news:active img,#contents article .add_news:focus img{margin-top:-22px}