.hide{display:block;text-indent:-999em}
.next,.prev,.spr{background:url(spr.png) no-repeat}
.none{display:none}
.dis-il{display:inline-block}
.p-a{position:absolute}
.p-r{position:relative}
.f-l{float:left}
.bg-un{background:url(about:blank)}

.slidebar{z-index:999;left: 464px !important;top: 93% !important;}
.slideshow span.title, .slidebar span,.slidebar span.on{background:none}
.lb-bar div span,.m-bar i,.sp,.slidebar span,.slidebar span.on{background-image:url(sp.png);background-repeat:no-repeat}
.lb-bar div span.now,.slidebar span.on{background-position:-220px -450px}

.lb-bar div span,.slidebar span{display:inline-block;margin:0 8px;width:23px;height:23px;background-position:-245px -450px}
 
.text{background:url(text.png)}
.nav{width:100%;height:90px;min-width:1320px;position:absolute;top:24px;left:0;background:url(nav-bg.png) center top no-repeat;z-index:1000;overflow:hidden}
.nav:hover{height:200px}
.nav-con{width:1320px;margin:0 auto}
.logo{width:300px;height:90px;float:left}
.logo a{display:block;width:100%;height:100%}
.menu li{width:120px;float:left;text-align:center;position:relative}
.menu .menu2,.menu .menu3,.menu .menu5{width:150px}
.menu dt a{display:block;width:100%;height:90px}
.menu .menu1 dt a{background-position:-14px 0}
.menu .menu1 dt a:hover{background-position:-14px -93px}
.menu .menu2 dt a{background-position:-157px 0}
.menu .menu2 dt a:hover{background-position:-157px -93px}
.menu .menu3 dt a{background-position:-332px 0}
.menu .menu3 dt a:hover{background-position:-332px -93px}
.menu .menu4 dt a{background-position:-505px 0}
.menu .menu4 dt a:hover{background-position:-505px -93px}
.menu .menu5 dt a{background-position:-632px 0}
.menu .menu5 dt a:hover{background-position:-632px -93px}
.menu .menu6 dt a{background-position:-964px 0}
.menu .menu6 dt a:hover{background-position:-964px -93px}
.menu .menu7 dt a{background-position:-1125px 0}
.menu .menu7 dt a:hover{background-position:-1125px -93px}
.menu dd{height:30px;line-height:30px;position:relative}
.menu dd a{font-family:'\5FAE\8F6F\96C5\9ED1';font-size:14px;color:#aeaeae!important}
.menu dd a:hover{color:#9d875d}
.menu .hot-tag{display:block;background-position:-583px -126px;width:17px;height:17px;position:absolute;top:24px;right:-5px}
.menu dd .hot-tag{top:0;right:30px}
.wap a:link,.wap a:visited{text-decoration:none;color:#fff}
.wap a:active,.wap a:hover{text-decoration:none;color:#ea2c18}
.wap{width:100%;min-width:1320px;overflow:hidden;position:relative;z-index:100;margin-top:90px;border-bottom:#dfc166 solid 3px}
.main-top-video{position:relative;width:100%;overflow:hidden}
.main-top-video video{width:100%;height:100%}
.flash{width:100%;height:100%;position:relative;z-index:100}
.main-top-video .slogan{position:absolute;top:50%;left:50%;margin:-316px 0 0 -456px;width:912px;height:299px;background:url(slogan.png) 0 0 no-repeat;z-index:200}
.main-top-video .btn{position:absolute;top:50%;left:50%;margin:0 0 0 -55px;width:96px;height:110px;background-position:0 -450px;z-index:200}
.main-top-video .btn:hover{background-position:-99px -450px}
.main-top-video .tag{pointer-events:none;top:50%;left:50%;z-index:200;width:894px;height:258px;margin:87px 0 0 -447px;background:url(main-tag.png) no-repeat}
.main-bg{background:url(bg_2.jpg) center 0 no-repeat #f8f9fb}
.main-news{padding:100px 0}
.main-news h2{height:85px;background-position:top center;margin-bottom:60px}
.main-news-center{margin:0 auto;width:1440px}
.lb-bar{float:left;display:inline;margin-right:20px;width:800px;height:450px;position:relative;background:#f4f4f5}
.lb-bar ul{position:relative;z-index:10;width:100%;height:100%}
.lb-bar ul li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:1;filter:alpha(opacity=0)\9}
.lb-bar ul li.now{z-index:1;opacity:1;filter:alpha(opacity=100)\9}
.lb-bar ul li img{width:100%;height:100%}
.lb-bar div{position:absolute;z-index:100;width:300px;bottom:20px;right:20px;text-align:right}


.new-bar{float:left;width:580px;font-size:16px;height:260px;padding:20px;position:relative;background:#f4f4f5}
.new-bar a:link,.new-bar a:visited{color:#515050}
.new-bar a:active,.new-bar a:hover{color:#ddbf67}
.new-bar em.line{float:left;width:100%;height:0;border-top:1px solid #c6c8c8}
.new-bar h4{float:left;width:80px;line-height:46px;color:#515050;cursor:default;position:relative;text-align:center}
.new-bar h4 i{display:none;position:absolute}
.new-bar h4.now i{display:inline-block;width:100%;height:5px;background:#ddbf67;bottom:-3px;left:0}
.new-bar ul{position:absolute;left:0;top:80px;width:100%;z-index:0;opacity:0;filter:alpha(opacity=0)\9}
.new-bar ul.now{z-index:1;opacity:1;filter:alpha(opacity=100)\9}
.new-bar ul li{padding:0 30px;text-align:left;line-height:40px}
.new-bar li a{display:inline-block;margin-right:4px}
.new-bar li span{float:right;color:#a1a0a0}
.news-more{position:absolute;right:30px;top:20px;line-height:44px}
.news-more i{display:inline-block;width:25px;height:25px;margin-left:5px;vertical-align:middle;background-position:-270px -450px}
.news-img{position:absolute;left:0;bottom:-150px;background:#f4f4f5;width:620px;height:130px}
.news-img img{width:100%;height:100%}
.main-news-s .main-news-center{width:1260px}
.main-news-s .lb-bar{width:700px;height:395px;margin-right:18px}
.main-news-s .new-bar{width:512px;height:233px;padding:15px}
.main-news-s .new-bar ul{top:70px}
.main-news-s li{font-size:14px}
.main-news-s .news-img{width:542px;height:114px;bottom:-132px}
.main-news-s .new-bar ul li{padding:0 20px;line-height:37px}
.new-mode{position:relative;width:100%;min-width:1320px;height:900px;background:url(newmode/newmode-bg.jpg) no-repeat center top;overflow:hidden}
.new-mode .newmode-con{visibility:hidden}
.new-mode .newmode-video{position:absolute;top:0;left:0;z-index:99;width:100%;min-width:1320px;height:900px;overflow:hidden}
.new-mode .newmode-video video{width:1920px;height:900px;position:absolute;top:0;left:50%;margin-left:-960px}
.main-video{padding:120px 0 100px 0}
.main-video h2{height:85px;background-position:center -90px;margin-bottom:30px}
.main-video-center{margin:0 auto;width:1320px;overflow:hidden}
.main-video-center .video-more{position:relative;float:right;margin:0 30px 10px 0;line-height:44px;color:#000}
.main-video-center .video-more:link,.main-video-center .video-more:visited{color:#000}
.main-video-center .video-more:hover{color:#ddbf67}
.main-video-center .video-more i{display:inline-block;width:25px;height:25px;margin-left:5px;vertical-align:middle;background-position:-270px -450px}
.main-video-center ul{width:1500px}
.main-video-center li{position:relative;float:left;display:inline;margin:0 1px 1px 0;background:#000;width:329px;height:243px}
.main-video-center li a img{position:relative;float:left;width:100%;height:100%;z-index:10;opacity:.9;transition:all .5s ease-in}
.main-video-center li a:hover img{opacity:1}
.main-video-center li a i{position:absolute;top:50%;left:50%;margin:-55px 0 0 -48px;width:96px;height:110px;background-position:0 -450px;z-index:200}
.main-video-center li a:hover i{background-position:-99px -450px}
.main-pic{background-color:#F8F9FB}
.main-pic h2{height:80px;background-position:center -581px;width:100%}
.roll-pic{width:100%;height:1000px;position:relative;margin-top:44px}
.main-pic .pic-box{width:100%;height:100%;overflow:hidden;overflow:hidden;position:relative}
.main-pic .pic-box li{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0)}
.main-pic .pic-box li img{width:100%;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear}
.next,.prev{display:block;width:26px;height:46px;position:absolute;top:50%;margin-top:-23px;text-indent:-999em;z-index:1000}
.prev{left:5%;background-position:-525px -5px}
.prev:hover{background-position:-569px -64px}
.next{right:5%;background-position:-525px -64px}
.next:hover{background-position:-570px -5px}
.main-pic .rollbox{width:150px;height:536px;position:absolute;left:50%;margin-left:-40%;padding-top:36px;top:50%;margin-top:-280px;z-index:100}
.main-pic .roll-list-box{width:336px;height:464px;overflow:hidden;position:relative}
.roll-list-box ul{position:absolute}
.roll-list-box li{width:150px;height:114px;padding-bottom:2px;position:relative}
.roll-list-box .choose-bor{font-family:'\5FAE\8F6F\96C5\9ED1';color:#ae9652;width:146px;padding-left:186px;height:88px;padding-top:22px;border:2px solid #AE9653;position:absolute;top:0;left:0;display:none}
.roll-list-box .choose-bor h3{font-size:38px;line-height:42px}
.roll-list-box .choose-bor p{font-size:18px}
.roll-list-box .on .choose-bor{display:block}
.arr-next,.arr-prev{display:block;width:100%;height:21px;padding-top:9px;background-color:rgba(0,0,0,.6);text-align:center;line-height:40px;position:absolute;left:0}
.arr-next i,.arr-prev i{display:inline-block;width:21px;height:12px}
.arr-prev i{background-position:-550px -125px}
.arr-prev:hover i{background-position:-527px -126px}
.arr-next i{background-position:-551px -142px}
.arr-next:hover i{background-position:-526px -142px}
.arr-prev{top:0}
.arr-next{bottom:38px}
.main-pic a:hover img{filter:grayscale(0);filter:alpha(opacity=100)\9;transform:scale(1.01)}
.wall-btn{display:block;width:150px;height:39px;opacity:.9;filter:alpha(opacity=90);background-position:0 0;margin-top:40px}
.wall-btn:hover{opacity:1;filter:alpha(opacity=100)}
.main-zone{width:100%;padding-top:190px;height:421px;text-align:center;background:url(zone-bg.jpg) center top no-repeat}
.main-zone h2{height:85px;background-position:center -270px}
.btn-bbs{display:inline-block;margin-top:30px;width:240px;height:54px;line-height:54px;font-size:16px;background:#e1c563;position:relative;overflow:hidden}
.btn-bbs i{display:inline-block;vertical-align:middle;width:30px;height:30px;background-position:-206px -532px}
.btn-bbs:before{content:'';background-color:hsla(0,0%,100%,.5);width:200%;height:20px;position:absolute;left:-150%;top:25%;transform:rotate(45deg);transition:all .25s ease-in-out}
a.btn-bbs:hover{color:#fff;background:#e5cf91}
a.btn-bbs:hover:before{left:150%}
.main-zone img{display:block;margin:45px auto 0 auto}
.main-zone b{font-size:16px;margin-top:10px;display:block}
.other{background:url(media-bg.jpg) center top no-repeat;background-color:#313131;overflow:hidden}
.other .partners{padding-top:100px}
.other .partners-tit{height:78px;margin-bottom:62px;text-indent:-9999em;background:url(media-tit.png) center top no-repeat;overflow:hidden}
.other .partners-logo{margin:0 auto 76px;height:32px;width:1000px;overflow:hidden}
.other .partners-logo ul{width:1050px}
.other .partners-logo li{float:left;margin-right:47px}
.other .partners-logo a{display:block}
.other .partners-logo .light{display:none}
.other .partners-logo a:hover .gray{display:none}
.other .partners-logo a:hover .light{display:block}
.other .comment{width:1000px;margin:0 auto 20px}
.other .comment-con{width:634px;min-height:92px;padding:18px 179px 18px 185px;margin-bottom:30px;background-color:#1d1d1d;border:1px solid #534d3c;overflow:hidden}
.other .comment-con .avatar{top:50%;left:0;width:184px;height:184px;margin-top:-92px}
.other .comment-con .avatar a{display:block;line-height:184px}
.other .comment-con .com-text{width:596px;padding-right:37px;border-right:1px solid #ccc}
.other .comment-con p{font-size:16px;line-height:28px;color:#999;text-align:left}
.other .comment-con .com-name{margin-bottom:4px;font-size:20px;line-height:32px;color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.other .comment-con .score{top:50%;right:0;width:180px;height:86px;margin-top:-43px;font-size:64px;line-height:86px;color:#cc6;text-align:center}
.main-tip{height:181px;border-bottom:4px solid #DFC166;width:100%;min-width:1320px}
.tip-con{width:1320px;margin:0 auto}
.tip-text{float:left;font-size:14px;font-weight:700;color:#8e8d8d;margin-left:20px;margin-top:73px;margin-right:20px}
.tip-word{float:left;width:320px;line-height:18px;font-family:'\5B8B\4F53';font-size:12px;color:#7f7f7f;margin-top:75px}
.tip-word span{margin-right:8px}
.cop-media{width:320px;height:46px;float:left;margin-left:83px;margin-top:63px;text-align:left;text-indent:20px;position:relative}
.cop-media .cop-btn{display:block;width:314px;height:40px;border:3px solid #676565;position:relative;background-color:#343434;line-height:40px;font-size:12px;color:#666!important}
.cop-media .cop-btn i{display:block;width:46px;height:40px;background-position:-459px 0;position:absolute;top:0;right:0}
.cop-media ul{display:none;position:absolute;bottom:46px;left:0;width:314px;border:3px solid #676565;border-top:0 none}
.cop-media:hover ul{display:block}
.cop-media li{height:36px;line-height:36px;border-top:1px solid #676565}
.cop-media li a{display:block;color:#666!important;font-size:14px;background-color:#343434}
.cop-media li a:hover{background-color:#4e4e4e;color:#999!important}
.pop-pic{background:#000;overflow:hidden;z-index:30000;display:none}
.pop-pic a.close{position:absolute;top:0;right:2px;width:64px;height:64px;display:inline-block;z-index:200;background:url(close.png) 0 0 no-repeat}
.pop-close{display:block;width:70px;height:70px;background-color:#000;background:url(close_v.png) 0 0 no-repeat;position:absolute;right:-2px;top:-72px}
.dia-con{width:100%;height:1000px;position:relative;overflow:hidden}
.dia-con .pic{width:1920px;height:1000px;position:relative}
.dia-con .pic ul{width:3000px;position:absolute}
.dia-con .pic ul li{width:1920px;height:1000px;float:left}
.dia-con .pic ul li a{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center}
 
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}
.main-news h2{padding:0!important;float:none!important}
.wap *{box-sizing:initial}
@keyframes fadeIn {
  0% { 
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade {
  -webkit-animation: fadeIn 2s 2s infinite;
  animation: fadeIn 2s 2s infinite;	
}
#toptb {
    line-height: 56px;
	z-index:9100025;
	position:absolute;
	right:50px;
	font-size:15px;
    color:#FFF;
}
#toptb a{
	font-size:15px;
    color:#FFF;
}


.navi-event{position:relative; height:239px; margin-bottom:121px;}
.navi-event a{position:absolute; width:232px; height:239px; top:0; left:50%; text-indent:-999em; z-index:11;}
.navi-event a i{position:absolute; width:76px; height:83px; background:url(cherryblossom.png) no-repeat 0 0; top:184px; left:80px;}
.navi-event .event1 a{margin-left:-593px;}
.navi-event .event2 a{margin-left:-356px;}
.navi-event .event3 a{margin-left:-116px;}
.navi-event .event4 a{margin-left:122px;}
.navi-event .event5 a{margin-left:360px;}
.navi-event a:before{display:block; content:""; position:absolute; top:0; left:0; width:232px; height:239px;}
.navi-event a:after{display:block; content:""; position:absolute; top:0; left:0; width:232px; height:239px;}
.navi-event .event1 a:before{background:url(event_navi_01_off.png) no-repeat 0 0;}
.navi-event .event2 a:before{background:url(event_navi_02_off.png) no-repeat 0 0;}
.navi-event .event3 a:before{background:url(event_navi_03_off.png) no-repeat 0 0;}
.navi-event .event4 a:before{background:url(event_navi_04_off.png) no-repeat 0 0;}
.navi-event .event5 a:before{background:url(event_navi_05_off.png) no-repeat 0 0;}
.navi-event .event1 a:after{background:url(event_navi_01_on.png) no-repeat 0 0;}
.navi-event .event2 a:after{background:url(event_navi_02_on.png) no-repeat 0 0;}
.navi-event .event3 a:after{background:url(event_navi_03_on.png) no-repeat 0 0;}
.navi-event .event4 a:after{background:url(event_navi_04_on.png) no-repeat 0 0;}
.navi-event .event5 a:after{background:url(event_navi_05_on.png) no-repeat 0 0;}

.navi-event a,
.navi-event a i,
.leafs span:nth-child(n),
.twinkling span:nth-child(n){opacity:0;}
.navi-event a:before,
.navi-event a:after{transition:all 1.2s;}
.navi-event a:before{opacity:1;}
.navi-event a:after{opacity:0;}
.navi-event a:hover::before{opacity:0;}
.navi-event a:hover::after{opacity:1;}

.role {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 280px;
    background-color: #ffffff;
    padding: 0;
    background-image: url(lb-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.t {
    width: 260px;
    height: 22px;
    padding: 0 0 10px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #4f5871;
    border-bottom: 1px solid #574E45;
}

.t span {
    letter-spacing: 1px;
    color: #777f94;
    font-size: 10px;
}

.role .role-nav {
    position: absolute;
    top: 14px;
    width: 480px;
    height: 38px;
    border-bottom: 1px solid #574e45;
}

.r-hd {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 0px;
	width: 600px;
}

.cls {
    clear: both;
} 


.r-hd li {
    line-height: 26px;
    display: inline;
    float: left;
    width: 45px;
    cursor: pointer;
    color: #4f5871;
    font-weight: 700;
    font-size: 16px;
    margin-right: 2px;
    text-align: center;
}

.line {
    display: block;
    position: absolute;
    bottom: -2px;
    z-index: 3;
    width: 0;
    height: 2px;
    background-color: #003788;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    _display: none;
}



.role .role-nav .line {
    display: none;
}

.r-hd li.cur {
    color: #fff;
    background: #003788;
}

.role-con {
    color: #ff6633;
}

.role-detail {
    position: relative;
    display: none;
}

.role-detail .r-desc {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -300px;
    width: 426px;
}

.curElem .r-desc {
    left: 10px;
}

.weapon {
    line-height: 15px;
    position: absolute;
    top: 99px;
    left: 3px;
    height: 15px;
}

.role-con b {
    font-weight: 700;
    color: #4f5871;
}


.icon-star {
    background: url(curcle.png);
    width: 14px;
    height: 14px;
}
.star {
    display: inline-block;
    margin-right: 9px;
    vertical-align: top;
}

.description {
    line-height: 24px;
    position: absolute;
    top: 75px;
    left: 3px;
    height: 88px;
    width: 480px;
}

.role-con b {
    font-weight: 700;
    color: #4f5871;
}

.role-detail .r-per {
    position: absolute;
    top: -52px;
    right: -300px;
    height: 318px;
}

.icon-k-star {
    width: 14px;
    height: 14px;
    background: url(curcle_n.png);
}



.wrapUpdateSpecial {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    height: 282px;
    margin: 15px 0 0;
}
.boxTheme {
    position: relative;
    width: 100%;
    min-width: 926px;
}

.wrapUpdateSpecial .specialBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrapUpdateSpecial .specialBg li {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.wrapUpdateSpecial .specialBg li.active {
    z-index: 1;
    opacity: 1;
}

.wrapUpdateSpecial .specialBg li .bgImg {
    height: 100%;
    background-position: 50% 0;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.boxTheme>.article {
    position: relative;
    width: 926px;
    margin: 0 auto;
}
.wrapUpdateSpecial>.article {
    height: 100%;
    text-align: center;
    z-index: 10;
}


.header, .content, .footer, .login_con, .login_btm, .content_noapp, .o_login, .page_tit {
    margin: 0auto;
    width: 300px;
}

.boxTheme>.article .wrapBnsLife>header, .boxTheme>.article .wrapShinseok>header, .boxTheme>.article .wrapNshop>header, .boxTheme>.article>header {
    height: 21px;
    margin: 10px 0 14px;
}
.wrapUpdateSpecial>.article>header {
    display: none;
}

.boxTheme>.article .wrapBnsLife>header>h1, .boxTheme>.article .wrapShinseok>header>h1, .boxTheme>.article .wrapNshop>header>h1, .boxTheme>.article>header>h1 {
    display: inline-block;
    vertical-align: middle;
    color: #8a6c6c;
    font-weight: bold;
    font-size: 16px;
    font-family: "΢?ÕýºÚów",AppleGothic,sans-serif;
    line-height: 18px;
    letter-spacing: 1px;
}

.wrapUpdateSpecial>.article .date {
    display: inline-block;
    vertical-align: middle;
    margin: 55px 0 18px;
    padding: 5px 15px;
    color: #D04B34;
    font-size: 12px;
    font-family: "΢?ÕýºÚów",AppleGothic,sans-serif;
    line-height: 16px;
    border: 1px solid rgba(208,75,52,0.3);
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.wrapUpdateSpecial>.article .date em {
    font-size: 12px;
    font-family: Roboto,sans-serif;
}

.wrapUpdateSpecial>.article .subject {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 42px;
    font-family: "å¾®è?æ­??é«?,AppleGothic,sans-serif;
    line-height: 46px;
	padding-top: 20px;
    letter-spacing: -1px;
    word-break: break-all;
    word-break: break-word;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.wrapUpdateSpecial>.article .subject a {
    color: #fff;
    text-decoration: none;
}

.wrapUpdateSpecial>.article .desc {
    display: block;
    margin: 15px 0 0;
    color: #fff;
    font-size: 15px;
    font-family: "å¾®è?æ­??é«?,AppleGothic,sans-serif;
    line-height: 22px;
    letter-spacing: -1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.wrapUpdateSpecial>.article .specialRollBanner {
    position: relative;
}

.boxTheme .rollList {
    position: relative;
    width: 100%;
    height: 100%;
}

.wrapUpdateSpecial .rollList {
    position: relative;
    width: 856px;
    height: 130px;
    margin: 30px auto 0;
    overflow: hidden;
}


.wrapUpdateSpecial .rollList li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 285px;
    height: 144px;
    background-color: rgba(0,0,0,0.3);
    overflow: hidden;
}

.wrapUpdateSpecial .specialBox {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.title {
    padding: 0 10px;
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    overflow: hidden;
	text-decoration:none;
}

#specialRollBanner .title {
    padding: 0 10px;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
	text-decoration:none;
}
#frameHC0850 .title {
    padding: 0 15px;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
	text-decoration:none;
}
.wrapUpdateSpecial .specialBox .title {
    margin: 48px 30px 0;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    font-family: "å¾®è?æ­??é«?,AppleGothic,sans-serif;
    line-height: 20px;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    word-break: break-word;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    -moz-transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
    -o-transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
    -webkit-transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
    transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
}


.wrapUpdateSpecial>.article .desc {
    display: block;
    margin: 15px 0 0;
    color: #fff;
    font-size: 15px;
    font-family: "΢?ÕýºÚów",AppleGothic,sans-serif;
    line-height: 22px;
    letter-spacing: -1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.wrapUpdateSpecial .specialBox .desc {
    display: block;
    margin: 9px 30px 0;
    color: #fff;
    font-size: 13px;
    font-family: "΢?ÕýºÚów",AppleGothic,sans-serif;
    line-height: 18px;
    letter-spacing: -0.8px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
    opacity: 0.45;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    word-break: break-word;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    -moz-transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
    -o-transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
    -webkit-transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
    transition: all 600ms cubic-bezier(0.055,0.8,0.145,1);
}


.wrapUpdateSpecial .specialBox .overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-transition: all 400ms cubic-bezier(0.055,0.8,0.145,1);
    -o-transition: all 400ms cubic-bezier(0.055,0.8,0.145,1);
    -webkit-transition: all 400ms cubic-bezier(0.055,0.8,0.145,1);
    transition: all 400ms cubic-bezier(0.055,0.8,0.145,1);
}


.wrapUpdateSpecial .specialBox:hover .overlay {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.wrapUpdateSpecial .specialBox:hover .desc, .wrapUpdateSpecial .specialBox:hover .title {
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}


.wrapUpdateSpecial .specialBox:hover .overlay .desc, .wrapUpdateSpecial .specialBox:hover .overlay .title {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}


.wrapUpdateSpecial .specialBox:hover .overlay .desc, .wrapUpdateSpecial .specialBox:hover .overlay .title {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.box_right .boxThemeContents{
width:236px;
float:right;
}

.box_right .boxThemeContents .list li {
    position: relative;
    float: left;
    width: 236px;
	height: 50px;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: rgba(0,0,0,0.06) 1px 1px 1px 0;
    -webkit-box-shadow: rgba(0,0,0,0.06) 1px 1px 1px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.box_right .boxThemeContents .list li.no2 {
    margin: 0 0 10px;
}


.box_right .boxThemeContents .list li.no2, .box_right .boxThemeContents .list li.no3 {
    height: 74px;
}



.box_right .boxThemeContents .list li.no2 a {
    display: block;
    width: 100%;
    height: 42px;
    text-align: center;
    padding-top: 0px;
    font-size: 16px;
    color: #181818;
    background-repeat: no-repeat;
    background-position: center 0px;
	text-decoration: none;
}



.box_right .boxThemeContents .list li.no2 a.bnr1 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g1.png);
}

.box_right .boxThemeContents .list li.no2 a.bnr2 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g2.png);
}

.box_right .boxThemeContents .list li.no2 a.bnr3 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g3.png);
}

.box_right .boxThemeContents .list li.no2 a.bnr4 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g4.png);
}


.box_right .boxThemeContents .list li.no2 a.bnr5 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g5.png);
}

.box_right .boxThemeContents .list li.no2 a.bnr6 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g6.png);
}

.box_right .boxThemeContents .list li.no2 a.bnr7 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g7.png);
}

.box_right .boxThemeContents .list li.no2 a.bnr8 {
    float: left;
    width: 209px;
    height: 89px;
    margin: 5px 20px 5px;
    padding: 0px;
    background-image: url(g8.png);
}



.box_right .boxThemeContents .list li.no2 .thumb, .box_right .boxThemeContents .list li.no3 .thumb {
    float: left;
    height: 89px;
}

.box_right .boxThemeContents .list li .title {
    margin: 0 0px 0;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    font-family: "å¾®è?æ­??é«?,AppleGothic,sans-serif;
    line-height: 50px;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    word-break: break-word;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
	text-decoration: none;
}

.box_right .boxThemeContents .list li.no2 .title,.box_right  .boxThemeContents .list li.no3 .title {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.9px;
    margin-top: 20px;
	text-decoration: none;
	padding-top: 0px;
}


.box_right .msgBox{margin:102px 0 0;color:#8c919a;font-size:14px;font-family:"å¾®è?æ­??é«?,AppleGothic,sans-serif;line-height:22px;letter-spacing:-1.1px;text-align:center}
.box_right .loaderBox{margin:102px 0 0}
.box_right .list li{position:relative;float:left;height:55px;width:50%;padding:2px 0 11px}
.box_right .list li a {display:block;width:100%;height:42px;text-align:center;padding-top:2px;font-size:14px;color:#181818;background-repeat:no-repeat;background-position:center 5px;}
.box_right .list li a:hover {animation-name:iconMotion;animation-duration:0.8s;animation-iteration-count: 1;}

.box_right .list li a.bnr1 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g1.png');}
.box_right .list li a.bnr2 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g2.png');}
.box_right .list li a.bnr3 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g3.png');}
.box_right .list li a.bnr4 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g4.png');}
.box_right .list li a.bnr5 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g5.png');}
.box_right .list li a.bnr6 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g6.png');}
.box_right .list li a.bnr7 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g7.png');}
.box_right .list li a.bnr8 {float:left;width:209px;height:55px;margin:0px 8px -1px 0;padding:3px;background-image: url('img/g8.png');}
@-webkit-keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }
@-moz-keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }
@keyframes iconMotion { 0% { background-position:center 5px; } 40% { background-position:center 0px; } 100% { background-position:center 5px; } }

.box_right .list li:nth-child(n+3){border-top:1px solid #efefef}
.box_right .list li .thumb{float:left;width:44px;height:44px;margin:1px 8px -1px 0;padding:3px;background-size:100%;}
.box_right .list li .thumb img{width:100%;height:100%}
.box_right .list li .title{display:table-cell;width:100px;height:44px;padding-top: 5px;color:#1F1F1F;font-weight:normal;font-size:14px;font-family:"å¾®è?æ­??é«?,AppleGothic,sans-serif;line-height:17px;letter-spacing:-0.9px;vertical-align:middle}
.box_right .list li:hover em{text-decoration:none}
.box_right .list li .shinseok{display:table-cell;height:44px;vertical-align:middle}
.box_right .list li .shinseok .icons-shinseok{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:url('img/icons.png?v=bb959a643f') no-repeat;background-position:0 -699px;height:18px;width:15px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;vertical-align:middle;overflow:hidden;margin:-3px 4px 0 0}
.box_right .list li .shinseok em{color:#8c919a;font-size:13px;font-family:Roboto,sans-serif}