#contentArea #container #content .main-content-wrap{padding:0 15px 25px}
#contentArea #container #content .main-content-wrap .top-content-area:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap{float:left;width:776px;height:370px;background-color:#181818;border:1px solid #515151;box-sizing:border-box;overflow:hidden}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap{position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap:before{position:absolute;left:15px;top:15px;width:27px;height:31px;content:"";background:url(../../quasarzone/images/main/tab_area_logo.png) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit{display:inline-block;margin-left:14px;padding-top:21px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit:first-child{margin-left:0;padding-left:57px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit:first-child .tab-con-area{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-bt{font-size:16px;color:#aaa;position:relative;overflow:visible}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-bt:after{display:block;bottom:-6px;width:100%;height:1px;background-color:#ff9920;content:"";position:absolute;left:0;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-bt.active{color:#eee;border-bottom:2px solid #f90;padding-bottom:3px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-bt.active:after{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area{display:block;position:absolute;top:65px;left:0;width:100%;z-index:1;opacity:0}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area.active{z-index:2;opacity:1}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap{width:100%;overflow:hidden;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap{width:100%;height:303px;padding:0 15px;overflow:hidden;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .slick-slide{height:280px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul{display: flex;flex-wrap: wrap;}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li{width:calc(50% - 19px);margin-left:20px;float:left;margin-top:11px;min-height:85px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li:first-child,#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li:nth-child(2){margin-top:0}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li:first-child{margin-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li:nth-child(odd){margin-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a{display:block;min-height:83px;padding-left:122px;box-sizing:border-box;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .thumb-area{position:absolute;left:0;top:0;width:108px;height:83px;background-color:#ddd}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .title{font-size:14px;color:#eee;line-height:17px;height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area{font-size:0;margin-top:3px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span{font-size:11px;color:#ccc}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span.count-num{position:relative;padding-left:9px;margin-left:9px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span.count-num:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color:#9c9c9c;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span em{font-size:12px;color:#ccc}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span em.reply{padding-left:14px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span em.reply:before{width:11px;height:9px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span em.view{padding-left:16px;position:relative;margin-left:4px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .util-area span em.view:before{width:13px;height:7px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../../quasarzone/images/main/view_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .txt-area .text{font-size:11px;color:#aaa;line-height:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:4px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li{width:439px;margin-top:20px;border-top:1px solid #565656;padding-top:20px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li:first-child{margin-top:0;border-top:0;padding-top:0}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li:nth-child(odd){margin-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a{display:block;min-height:117px;padding-left:168px;box-sizing:border-box;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .thumb-area{position:absolute;left:0;top:0;width:155px;height:117px;background-color:#ddd}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .thumb-area img{display:block;width:100%;height:100%}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .title{font-size:18px;color:#eee;line-height:22px;max-height:43px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area{font-size:0;margin-top:13px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span{font-size:12px;color:#ccc}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span.count-num{position:relative;padding-left:9px;margin-left:9px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span.count-num:before{position:absolute;left:0;top:5px;width:1px;height:10px;background-color:#9c9c9c;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span em{font-size:12px;color:#ccc}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span em.reply{padding-left:14px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span em.reply:before{width:11px;height:9px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span em.view{padding-left:16px;position:relative;margin-left:4px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .util-area span em.view:before{width:13px;height:7px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../../quasarzone/images/main/view_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .txt-area .text{font-size:12px;color:#aaa;line-height:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:5px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b .list-type-d{position:absolute;right:17px;top:0;width:264px}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-prev{position:absolute;right:21px;bottom:0;width:21px;height:21px;text-indent:-9999px;overflow:hidden;background:url(../../quasarzone/images/main/roll_prev_bt.gif) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-next{position:absolute;right:0;bottom:0;width:21px;height:21px;text-indent:-9999px;overflow:hidden;background:url(../../quasarzone/images/main/roll_next_bt.gif) no-repeat}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-counter{position:absolute;bottom:4px;right:50px;color:#ccc;font-size:11px;letter-spacing:-1px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap{float:right;width:384px;height:370px;background-color:#272727;border:1px solid #565656;position:relative;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap{padding:16px 18px 16px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .text{text-align:center;font-size:14px;color:#aaa}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .text span{margin:0 8px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .login-bt{margin-top:14px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .login-bt a{background-color:#ff9400;text-align:center;height:43px;line-height:43px;display:block;border:1px solid #885725;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .login-bt a span{padding-left:30px;font-size:15px;color:#000;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .login-bt a span:before{position:absolute;width:24px;height:24px;content:"";background:url(../../quasarzone/images/main/QZ-icon-24x24.png) no-repeat;left:0;top:-5px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .util-bt-area{margin-top:11px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .util-bt-area:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .util-bt-area .srch-bt{float:left}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .util-bt-area .srch-bt a{color:#aaa;font-size:11px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .util-bt-area .join-bt{float:right}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .util-bt-area .join-bt a{color:#aaa;font-size:11px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .banner-area{width:382px;height:236px;background-color:#272727;border-top:1px solid #565656;box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:101}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .banner-area .flexslider a{display:block;width:100%;height:100%;background-color:#e2e2e2}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap{position:absolute;left:0;top:0;width:100%;height:141px;z-index:102;background-color:#272727;border-bottom:0;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap{height:77px;padding-left:20px;padding-top:19px;border-bottom:1px solid #565656;position:relative;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area{padding-left:60px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic{position:absolute;left:0;top:-6px;width:49px;height:49px;overflow:hidden;background-color:#ddd;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic:hover:before{opacity:1}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic img{width:100%;display:block;height:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(../../quasarzone/images/sub/login_pic_hover.png) no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area{color:#fff;font-size:16px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area img{position:relative;top:-2px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id{margin-right:4px;margin-left:5px;color:#eee}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .my-info-bt{font-size:12px;color:#aaa;border-bottom:1px solid silver;position:relative;top:0;left:1px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area{left:55px;top:8px;border:1px solid #565656;position:absolute;width:88px;padding:8px 10px;background-color:#181818;box-sizing:border-box;z-index:99999;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area.active{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li{margin-top:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li:first-child{margin-top:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li a{font-weight:700;color:silver;font-size:12px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li a:hover{color:#ff9400;text-decoration:underline}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area{padding-left:20px;font-size:0;margin-top:2px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area span{font-size:14px;font-weight:700;color:silver;position:relative;margin-left:6px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span{font-size:14px;color:#aaa;position:relative;margin-left:6px;padding-left:7px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span:first-child{padding-left:0;margin-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;content:"";background-color:silver}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .logout-bt{display:inline-block;padding:0 5px;position:absolute;right:20px;top:18px;border:1px solid #505050;background-color:#272727;height:21px;line-height:19px;box-sizing:border-box;font-size:12px;color:#ccc}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap{position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list{font-size:0;border-bottom:1px solid #565656;display: flex}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li{display:inline-block;flex: 1 1 0%;border-left:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:first-child{width:64px;border-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt{display:block;text-align:center;height:35px;line-height:37px;background-color:#181818;position:relative;outline:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#272727;content:"";display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active{background-color:#272727}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active:after{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active span{color:#eee}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span{font-size:12px;color:#ccc;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span.new:after{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span:after{position:absolute;right:-7px;top:50%;margin-top:-2px;content:"";width:4px;height:4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#ff9920;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area{position:absolute;top:36px;background-color:#272727;font-size:20px;left:-1px;width:384px;height:255px;z-index:102;border:1px solid #565656;border-top:0;box-sizing:border-box;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area.active{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner{padding-left:12px;padding-top:13px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area{padding-left:10px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title{color:#aaa;font-size:14px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .tit{color:#eee;border-bottom:1px solid #eee}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .tit2{color:#eee}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .count{color:#ff9920}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title{color:#e3e3e3;font-size:14px;line-height:19px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title span{color:#ff9920}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt{font-size:0;position:absolute;right:20px;top:10px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt.rank{top:10px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt a{display:inline-block;padding:0 5px;border:1px solid #505050;background-color:#272727;height:21px;line-height:19px;box-sizing:border-box;font-size:12px;color:#ccc;margin-left:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt a:first-child{margin-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con{height:170px;margin-top:17px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p{padding:2px 0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p:after{display:block;clear:both;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .rank{float:left;width:80px;text-align:center;font-size:12px;color:silver;font-weight:700}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .id{float:left;width:190px;text-align:center;font-size:12px;color:silver;font-weight:700}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .id img{position:relative;top:-5px;padding-right:2px;transform:scale(.8)}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .point{float:left;width:85px;text-align:center;font-size:12px;color:silver;font-weight:700}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank{padding:3px 0 7px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .rank{font-size:14px;color:#e3e3e3}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .id{font-size:14px;color:#e3e3e3}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .id img{top:-4px;transform:scale(1)}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .point{font-size:14px;color:#e3e3e3}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area{margin-top:12px;height:203px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li{padding:8px 0 8px 10px;width:340px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .label{color:#fff;font-size:14px;display:inline-block;vertical-align:top}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title{font-size:14px;position:relative;color:#9c9c9c;width:310px;display:inline-block;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title a{width:auto;display:inline;font-size:14px;color:#aaa;padding-right:0;word-break:break-all}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title span{position:relative;padding-left:0;color:#eee;font-size:14px;padding-right:7px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .delete-bt{position:absolute;right:13px;top:50%;margin-top:-4px;width:9px;height:8px;display:inline-block;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;overflow:hidden;text-indent:-9999px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li{padding:8px 0 8px 10px;width:340px;position:relative}
 /*after 추가 */
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 #notice_content_top:after{content:"";position:absolute;border-bottom:1px solid #565656;left:10px;width:340px;}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .label{color:#eee;font-size:14px;display:inline-block;vertical-align:middle}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title{font-size:14px;position:relative;color:#ff9920;display:inline-block;vertical-align:middle;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title a{display:table-cell;vertical-align:sub;width:auto;font-size:14px;color:#aaa;padding-right:5px;word-break:break-all;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title span{display:table-cell;position:relative;font-size:8px;color:silver;padding-left:14px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li{padding:11px 0 8px 52px;width:298px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .tit{font-size:14px;font-weight:700;min-height:17px;line-height:17px;position:relative;color:#ff9920;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util{font-size:0;margin-top:5px;padding-left:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util .id{display:inline-block;min-height:17px;line-height:17px;position:relative;font-size:14px;color:silver;padding-left:21px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .okay-bt{position:absolute;right:46px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_okay_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li{padding:11px 0 8px 52px;width:298px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li.new:after{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:after{position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#48ff55;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit{font-size:14px;width:50px;min-height:17px;line-height:17px;position:relative;color:silver;padding-left:21px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit a{font-size:14px;font-weight:700;color:#eee;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util{font-size:0;margin-top:5px;padding-left:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span{display:inline-block;position:relative;padding-left:10px;margin-left:10px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:first-child{padding-left:0;margin-left:0}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:before{position:absolute;left:0;top:3px;width:1px;height:12px;background-color:#aaa;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span a{display:inline-block;font-size:14px;color:#aaa}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que{padding:11px 0 8px 52px;width:298px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .tit{font-size:14px;font-weight:700;min-height:17px;line-height:17px;position:relative;color:#ff9920;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util{font-size:0;margin-top:5px;padding-left:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util .id{display:inline-block;min-height:17px;line-height:17px;position:relative;font-size:14px;color:silver;padding-left:21px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .okay-bt{position:absolute;right:46px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_okay_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li{padding:11px 0 8px 52px;width:298px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li.new:after{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:after{position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title{font-size:14px;position:relative;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title.new a{color:#fff}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title a{font-size:14px;color:#ccc;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util{font-size:0;margin-top:5px;padding-left:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .id{display:inline-block;width:105px;min-height:17px;line-height:17px;position:relative;font-size:14px;color:#aaa;padding-left:21px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .time{font-size:14px;color:#aaa;position:relative;padding-left:10px;margin-left:10px;line-height:17px;vertical-align:top}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .time:before{position:absolute;left:0;top:5px;width:1px;height:12px;background-color:silver;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li{padding:11px 0 8px 10px;width:340px;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new:after{display:block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new .title .label{color:#fff}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new .title a{color:#fff}
/* 추가 */
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.top .title a{color:#fff}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:after{position:absolute;left:0;top:15px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:first-child:before{display:none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title{font-size:14px;position:relative;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label{display:inline-block;left:0;top:0;color:#eee;vertical-align:middle;position:relative}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label:before{position:absolute;left:-10px;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#ff9920;content:"";display:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title a{font-size:14px;color:#eee;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util{font-size:0;margin-top:5px;padding-left:3px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .locate{font-size:14px;color:#aaa}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .time{font-size:14px;color:#aaa;position:relative;padding-left:10px;margin-left:10px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .time:before{position:absolute;left:0;top:3px;width:1px;height:12px;background-color:#aaa;content:""}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block}
#contentArea #container #content .main-content-wrap .mid-content-area{margin-top:10px}
#contentArea #container #content .main-content-wrap .mid-content-area:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap{float:left;width:776px;height:371px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area{float:left;width:776px;height:573px;margin-bottom:10px;background-color:#181818;border:1px solid #515151;box-sizing:border-box;overflow:hidden}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap{position:relative}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit{display:inline-block;margin-left:14px;padding-top:18px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit:first-child{margin-left:0;padding-left:18px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit:first-child .tab-con-area{display:block}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-bt{font-size:16px;color:#aaa;position:relative;overflow:visible}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-bt:after{display:block;bottom:-6px;width:100%;height:1px;background-color:#ff9920;content:"";position:absolute;left:0;display:none}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-bt.active{color:#eee;border-bottom:2px solid #f90;padding-bottom:3px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-bt.active:after{display:block}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area{display:block;position:absolute;top:65px;left:0;width:100%;z-index:1;opacity:0}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area.active{z-index:2;opacity:1}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap{width:100%;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap>div{width:100%;height:506px;padding:0 15px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .slick-prev{position:absolute;right:36px;top:-50px;width:22px;height:22px;text-indent:-9999px;overflow:hidden;background:url(../../quasarzone/images/main/roll_prev_bt2.gif) no-repeat;border-bottom:1px solid #565656}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .slick-next{position:absolute;right:15px;top:-50px;width:22px;height:22px;text-indent:-9999px;overflow:hidden;background:url(../../quasarzone/images/main/roll_next_bt2.gif) no-repeat;border-bottom:1px solid #565656;border-right:1px solid #565656}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .slick-counter{position:absolute;top:-45px;right:65px;color:#ccc;font-size:11px;letter-spacing:-1px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap{position:relative}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area:first-child .tab-bt{border-top:0}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area:nth-child(even) .tab-bt{height:41px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-bt{width:71px;height:40px;color:#ccc;background-color:#272727;font-size:12px;border-top:1px solid #565656}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-bt.active{color:#eee;background-color:#181818}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-con-box{position:absolute;width:703px;border-left:1px solid #565656;background-color:#181818;right:0;height:100%;display:none;top:0;padding-left:23px;padding-top:26px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-con-box.active{display:block}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-utit .tab-con-area .left-box{width:357px;height:100%;float:left}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-utit .tab-con-area .right-box{width:357px;height:100%;float:left;margin-left:30px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area{margin-top:10px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area .left-util-box{float:left;width:368px;height:318px;padding:24px 14px 0 20px;background-color:#272727;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .main-article{padding-bottom:9px;border-bottom:1px solid #494949;margin-bottom:18px}
#contentArea #container #content .main-content-wrap .main-article a{display:block;position:relative;height:46px;padding-left:68px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .main-article a .thumb-area{width:61px;height:46px;position:absolute;left:0;top:0;background-color:#565656}
#contentArea #container #content .main-content-wrap .main-article a .title-area .label span{width:20px;height:8px;background:url(../../quasarzone/images/main/best_label_icon.gif) no-repeat;display:inline-block;overflow:hidden;text-indent:-9999px}
#contentArea #container #content .main-content-wrap .main-article a .title-area .title p{display:-webkit-box;display:-ms-flexbox;display:box;font-size:14px;color:#ccc;line-height:16px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#contentArea #container #content .main-content-wrap .main-article a .title-area .title p span{color:#ccc}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area .right-util-box{float:right;width:399px;height:318px;padding:24px 14px 0 20px;background-color:#272727;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .bot-util-area{height:93px;margin-top:10px;background-color:#272727;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap{float:right;width:384px}
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area{height:110px;padding-left:17px;padding-top:34px;border:1px solid #565656;box-sizing:border-box;position:relative;z-index:11}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area:after{display:block;content:"";clear:both}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .atd-check-bt{display:inline-block;float:left;width:106px;height:38px;line-height:38px;text-align:center;background:url(../../quasarzone/images/main/atd_bt_bg.png) no-repeat}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .atd-check-bt span{color:#222;font-weight:700;font-size:16px;position:relative;padding-left:18px;line-height:1}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .atd-check-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;content:"";background:url(../../quasarzone/images/main/atd_check_icon_black.png) no-repeat;background-size:contain}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area{float:left;text-align:center;font-size:0;margin-left:22px;position:relative;padding-left:24px}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area:before{position:absolute;left:0;top:0;width:1px;height:38px;background-color:#505050;content:""}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area p{font -size:11px;color:#aaa}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul{margin-top:8px}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul li{display:inline-block;margin-left:15px}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul li img{width:27px;height:26px}*/
/*#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul li:first-child{margin-left:0}*/

#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area {display: flex;border: 1px solid #565656;padding: 16px;}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area{display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 10px;padding: 2px 0px;}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area .atd-check-bt{display:flex;justify-content:center;align-items:center;min-width:124px;min-height:40px;background-color: #FF9200;}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area .atd-check-bt span{color:#272727;font-weight:600;font-size:16px;position:relative;padding-left:28px;line-height:1}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area .atd-check-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-54%);width:20px;height:20px;content:"";background:url(../images/main/ic_attendance.svg) no-repeat;background-size:contain}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area .youtube-bt{display:flex;justify-content:center;align-items:center;min-width:124px;min-height:40px;background-color: #D02521;}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area .youtube-bt span{color:#FFF;font-weight:600;font-size:16px;position:relative;padding-left:28px;line-height:1}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .btn-area .youtube-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-54%);width:20px;height:20px;content:"";background:url(../../quasarzone/images/main/sns_youtube_icon.svg) no-repeat;background-size:contain}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:0;margin-left:21px;position:relative;padding-left:20px}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area:before{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#505050;content:""}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area p{font-size:11px;color:#888;font-weight: 400;}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul{margin-top:10px}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul li{display:inline-block;margin-left:15px}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul li img{width:30px;height:30px}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .sns-media-area ul li:first-child{margin-left:0}

#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .bot-util-area{height:556px;padding:24px 14px 0 20px;background-color:#272727;border:1px solid #565656;box-sizing:border-box;margin-top:10px}
#contentArea #container #content .main-content-wrap .bot-content-area{margin-top:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap{width:1170px}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area{float:left;width:587px;height:476px;background-color:#363636;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap{position:relative}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area:nth-child(even) .tab-bt{height:22px}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area:first-child .tab-bt{border-top:0}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area .tab-bt{border-top:1px solid #565656;background-color:#272727;font-size:12px;color:#ccc;width:137px;height:23px;padding-left:11px;text-align:left;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area .tab-bt.active{background-color:#181818;color:#eee}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area .tab-con-box{position:absolute;right:0;top:0;display:none;width:448px;height:100%;background-color:#181818;border-left:1px solid #565656;padding-top:23px;padding-left:20px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area .tab-con-box.active{display:block}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .right-util-area{float:right;width:573px;height:476px;background-color:#181818;border:1px solid #565656;padding:20px 20px 0;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap{width:1170px;margin-top:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .left-util-area{width:383px;height:270px;padding:24px 14px 0 20px;background-color:#272727;float:left;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .mid-util-area{width:383px;height:270px;padding:24px 14px 0 20px;background-color:#272727;float:left;border:1px solid #565656;box-sizing:border-box;margin-left:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area{width:384px;height:270px;float:left;margin-left:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .top-util-box{height:130px;background-color:#272727;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .bot-util-box{height:130px;background-color:#272727;border:1px solid #565656;box-sizing:border-box;margin-top:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap{width:1170px;margin-top:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap .left-util-area{width:383px;height:270px;padding:24px 14px 0 20px;background-color:#272727;float:left;border:1px solid #565656;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap .mid-util-area{width:383px;height:270px;padding:24px 14px 0 20px;background-color:#272727;float:left;border:1px solid #565656;box-sizing:border-box;margin-left:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap .right-util-area{width:384px;height:270px;padding:24px 14px 0 20px;float:left;border:1px solid #565656;box-sizing:border-box;margin-left:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap{margin-top:10px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap:after{display:block;content:"";clear:both}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap .left-util-area{float:left;width:580px;height:452px;background-color:#181818;border:1px solid #565656;padding:20px 20px 0;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap .right-util-area{float:right;width:580px;height:452px;background-color:#181818;border:1px solid #565656;padding:20px 20px 0;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap{position:relative}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area{display:inline-block;margin-left:28px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area:first-child{margin-left:0}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-bt{font-size:16px;color:#aaa;box-sizing:border-box;position:relative;display:inline-block;overflow:visible}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-bt:after{position:absolute;bottom:-6px;left:0;content:"";height:1px;width:100%;background-color:#ff9920;display:none}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-bt.active{color:#eee;padding-bottom:2px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-bt.active:after{display:block}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box{position:absolute;left:0;top:42px;display:none;width:100%;height:370px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box.active{display:block}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .main-image-area{position:relative;height:300px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .main-image-area .prize-label{position:absolute;left:9px;top:8px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .main-image-area>img{width:100%;height:100%}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area{padding-top:15px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .title{color:#ccc;font-size:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap{line-height:19px;margin-top:7px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap:after{display:block;clear:both;content:""}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .nickname{float:left;font-size:14px;color:#aaa;position:relative;padding-left:26px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .nickname .pro-pic{display:inline-block;position:absolute;left:0;top:2px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area{float:left;font-size:0;margin-left:13px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span{font-size:12px;color:#aaa}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span.count-num{position:relative;padding-left:9px;margin-left:9px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span.count-num:before{position:absolute;left:0;top:5px;width:1px;height:10px;background-color:#9c9c9c;content:""}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span em{font-size:12px;font-weight:700;color:#aaa}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span em.reply{padding-left:14px;position:relative}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span em.reply:before{width:11px;height:9px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span em.view{padding-left:16px;position:relative;margin-left:4px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-a .text-info-area .util-wrap .util-area span em.view:before{width:13px;height:7px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../../quasarzone/images/main/view_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li{float:left;width:162px;margin-left:22px;margin-top:30px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li:first-child,#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li:nth-child(2),#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li:nth-child(3){margin-top:0}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li:first-child,#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li:nth-child(4){margin-left:0}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a{display:inline-block;height:160px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .img-area{width:162px;height:114px;background-color:grey}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .img-area img{width:100%;height:100%;display:block}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .tit{font-size:14px;color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:8px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .util{margin-top:6px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .util .id{float:left;color:#aaa;font-size:12px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .util .id img{vertical-align:middle}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .util .view{float:right;color:#aaa;font-size:12px;padding-left:14px;position:relative;top:5px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap>* .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .util .view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;content:"";background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat}
#contentArea #container #content .main-content-wrap .list-type-a.ranking dd ul li{position:relative}
#contentArea #container #content .main-content-wrap .list-type-a.ranking dd ul li i{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;display:inline-block;overflow:hidden;font-size:14px;color:#222;background:#f90;font-weight:700;text-align:center;line-height:20px}
#contentArea #container #content .main-content-wrap .list-type-a.ranking dd ul li:nth-of-type(n+6) i{background:#999}
#contentArea #container #content .main-content-wrap .list-type-a.ranking dd ul li a{max-width:317px;padding-left:24px;box-sizing:border-box}
#contentArea #container #content .main-content-wrap .list-type-a.no-count dd ul li a{max-width:315px}
#contentArea #container #content .main-content-wrap .list-type-a dt{position:relative}
#contentArea #container #content .main-content-wrap .list-type-a dt a{font-size:20px;color:#eee}
#contentArea #container #content .main-content-wrap .list-type-a dd{border-top:1px solid #ee972f;margin-top:10px;padding-top:10px}
#contentArea #container #content .main-content-wrap .list-type-a dd ul li{margin-top:8px}
#contentArea #container #content .main-content-wrap .list-type-a dd ul li:first-child{margin-top:0}
#contentArea #container #content .main-content-wrap .list-type-a dd ul li a{display:table-cell;font-size:14px;color:#aaa;padding-right:5px;word-break:break-all;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#contentArea #container #content .main-content-wrap .list-type-a dd ul li span{display:table-cell;position:relative;font-size:8px;color:#aaa;padding-left:14px}
#contentArea #container #content .main-content-wrap .list-type-a dd ul li span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
#contentArea #container #content .main-content-wrap .list-type-b.no-count dd ul li a{max-width:330px}
#contentArea #container #content .main-content-wrap .list-type-b dt{position:relative}
#contentArea #container #content .main-content-wrap .list-type-b dt:before{position:absolute;left:-6px;top:0;width:1px;height:16px;content:"";background-color:#ff9920}
#contentArea #container #content .main-content-wrap .list-type-b dt p{font-size:16px;color:#eee}
#contentArea #container #content .main-content-wrap .list-type-b dd{margin-top:12px}
#contentArea #container #content .main-content-wrap .list-type-b dd ul li{margin-top:8px}
#contentArea #container #content .main-content-wrap .list-type-b dd ul li:first-child{margin-top:0}
#contentArea #container #content .main-content-wrap .list-type-b dd ul li a{display:table-cell;font-size:14px;color:#aaa;padding-right:5px;word-break:break-all;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#contentArea #container #content .main-content-wrap .list-type-b dd ul li span{display:table-cell;position:relative;font-size:8px;color:silver;padding-left:14px}
#contentArea #container #content .main-content-wrap .list-type-b dd ul li span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
#contentArea #container #content .main-content-wrap .list-type-c+.list-type-a dd{border-top:none}
#contentArea #container #content .main-content-wrap .list-type-c .img-news{overflow:hidden}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a{display:inline-block;width:130px;height:92px;background-color:#48d1cc;position:relative}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a:first-child{margin-right:10px}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a .txt{height:30px;padding:11px 8px 0;box-sizing:border-box;position:absolute;left:0;bottom:0}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a .txt:after{position:absolute;left:0;top:0;width:150px;height:100%;content:"";background-color:#000;opacity:.5}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a .txt p{font-size:10px;width:114px;line-height:11px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;z-index:1}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a img{width:100%;height:100%}
#contentArea #container #content .main-content-wrap .list-type-c ul{margin-top:15px}
#contentArea #container #content .main-content-wrap .list-type-c ul li{margin-top:10px;position:relative}
#contentArea #container #content .main-content-wrap .list-type-c ul li:before{position:absolute;left:-7px;top:0;width:1px;height:12px;background-color:#ee972f;content:""}
#contentArea #container #content .main-content-wrap .list-type-c ul li:first-child{margin-top:0}
#contentArea #container #content .main-content-wrap .list-type-c ul li a{display:table-cell;font-size:14px;color:#aaa;padding-right:5px;word-break:break-all;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#contentArea #container #content .main-content-wrap .list-type-c ul li span{display:table-cell;position:relative;font-size:8px;color:silver;padding-left:14px}
#contentArea #container #content .main-content-wrap .list-type-c ul li span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
#contentArea #container #content .main-content-wrap .list-type-d dt{position:relative}
#contentArea #container #content .main-content-wrap .list-type-d dt a{font-size:20px;color:#eee}
#contentArea #container #content .main-content-wrap .list-type-d dd{border-top:1px solid #ee972f;margin-top:10px;padding-top:10px}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li{margin-top:10px;padding-left:40px;position:relative}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em{position:absolute;left:0;top:0;display:inline-block;width:33px;height:13px;line-height:12px;font-size:10px;color:#fff;text-align:center;background-color:orange}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em.l-tp1{background-color:none}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em.l-tp2{background-color:#171717}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em.l-tp3{background-color:#ada372}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em.l-tp4{background-color:#e6a200}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em.l-tp5{background-color:#e66700}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em.l-tp6{background-color:#e61600}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li:first-child{margin-top:0}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li a{font-size:12px;color:#ccc;padding-right:5px;word-break:break-all;max-width:230px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:15px}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li span{display:table-cell;position:relative;font-size:8px;color:silver;padding-left:14px}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}

#contentArea #container #content .main-content-wrap .list-type-d dd ul li em{width: 53px}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li{padding-left: 60px}

#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .bot-util-area{overflow: hidden}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .bot-util-area .flexslider{margin: 0;border:0;}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .bot-util-area .flexslider img{height: 92px}

#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area{overflow: hidden;display: flex;flex-direction: column}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area > div{flex:  1 1 0}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider{height: 100%}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider .flex-viewport{height: 100%}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider .slides{height: 100%}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider .slides li{height: 100%}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider .slides li img{height: 100%}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider{margin: 0;border:0;}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area .flexslider img{height: 128px}

#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic{background: transparent;color: #363636}

#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area .left-util-box{height: 244px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area .right-util-box{height: 244px}

#contentArea #container #content .main-content-wrap .list-type-c ul li{margin-top: 9px}
#contentArea #container #content .main-content-wrap .list-type-c ul li:before{top: 1px}

#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-bt{height: auto;line-height: 52px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area:nth-child(even) .tab-bt{height: auto}

#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-b>ul li a .thumb-area{background: none}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li a .thumb-area{background: none}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .right-util-area .hover-tab-wrap .hover-tab-area .tab-con-box .tab-con-type-b ul li a .img-area{background: none}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a{background: none}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area img{top: 0;vertical-align: middle;top: -1px;}
#contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-con-area .slide-wrap .slick-wrap .tab-con-type-a ul li{margin-left: 19px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-bt{text-overflow: ellipsis;display: block;padding: 0 3px;overflow: hidden;white-space: nowrap;box-sizing: border-box;}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area .tab-bt{text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;box-sizing: border-box;line-height: 22px}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .top-util-area .atd-check-bt {text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;box-sizing: border-box;color: #fff;padding-left: 10px;padding-right: 10px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id{vertical-align: bottom;max-width: 140px}
#contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-wrap .text{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
html:not([lang="ko"]):not([lang="auto"]) #contentArea #container #content .main-content-wrap .top-content-area .left-roll-wrap .tab-con-wrap .tab-con-utit .tab-bt{white-space: nowrap;max-width: 100px;overflow: hidden;text-overflow: ellipsis}
#contentArea #container #content .main-content-wrap .list-type-d dd ul li em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
#contentArea #container #content .main-content-wrap .mid-content-area{display:flex;align-items: stretch}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap{flex:none;height: auto;float: none;margin-right: 10px;display: flex;flex-direction: column}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area{height: auto;flex: 1 1 auto;margin-bottom: 0}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit .tab-con-area{display: none;position: relative;top: 0;padding: 0}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit:first-child .tab-con-area{display: none}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit .tab-con-area  .slide-wrap > div{padding:18px;height: auto}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit .tab-con-area  .slide-wrap > div:after{content:'';clear: both;display: block}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit .tab-con-area.active{display: block}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit:first-child .tab-con-area.active{display: block}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit .tab-con-area .right-box{margin-left: 23px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .tab-con-wrap.cont-box .tab-con-utit{padding: 0px;margin-left: 0px;display: block}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap{flex:none;height: auto;float: none;display: flex;flex-direction: column}
#contentArea #container #content .main-content-wrap .mid-content-area .right-util-wrap .bot-util-area{height: auto;min-height: 556px;flex: 1 1 auto}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap{display: flex;align-items: stretch}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area{flex:none;height: auto;float: none;margin-right: 10px;min-height: 476px;display: flex;align-items: stretch;}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap{flex:none}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap:not(.cont-box){display: flex;flex-direction: column;background: #181818}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap:not(.cont-box){display: flex;flex-direction: column}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap:not(.cont-box) .hover-tab-area{flex: 1 1 auto;min-height: 22px;}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap:not(.cont-box) .hover-tab-area .tab-bt{height: 100%;position: relative;display: flex;align-items: center}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap:not(.cont-box) .hover-tab-area .tab-bt span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap.cont-box{flex: 1 1 auto}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap.cont-box{background: #181818;border-left: 1px solid #565656;}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .left-util-area .hover-tab-wrap .hover-tab-area .tab-con-box{position: relative;left: 0;top: 0;padding: 17px 20px 3px;border-left: 0;width: auto}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .right-util-area{flex:none;height: auto;float: none;min-height: 476px;}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap{display: flex;align-items: stretch}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .left-util-area{flex:none;height: auto;float: none;min-height: 270px;padding: 24px 14px 10px 20px}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .mid-util-area{flex:none;height: auto;float: none;min-height: 270px;padding: 24px 14px 10px 20px}
#contentArea #container #content .main-content-wrap .bot-content-area .mid-util-wrap .right-util-area{flex:none;height: auto;float: none;min-height: 270px;}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap{display: flex;align-items: stretch}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap .left-util-area{flex:none;height: auto;float: none;min-height: 270px;padding: 24px 14px 10px 20px}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap .mid-util-area{flex:none;height: auto;float: none;min-height: 270px;padding: 24px 14px 10px 20px}
#contentArea #container #content .main-content-wrap .bot-content-area .bot-util-wrap .right-util-area{flex:none;height: auto;float: none;min-height: 270px;padding: 24px 14px 10px 20px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap{display: flex;align-items: stretch}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap .left-util-area{flex:none;height: auto;float: none;min-height: 467px;padding: 24px 14px 10px 20px;margin-right: 10px}
#contentArea #container #content .main-content-wrap .bot-content-area .tail-util-wrap .right-util-area{flex:none;height: auto;float: none;min-height: 467px;padding: 24px 14px 10px 20px}


#contentArea #container #content .main-content-wrap .list-type-c .img-news a{width: 150px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-con-box .left-box{width:310px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-con-box .left-box .list-type-a dd ul li a{max-width: 280px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-con-box .right-box{width:310px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .top-util-area .hover-tab-wrap .hover-tab-area .tab-con-box .right-box .list-type-a dd ul li a{max-width: 280px}
#contentArea #container #content .main-content-wrap .list-type-c ul li a{max-width: 310px;}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a .txt{height: 43px}
#contentArea #container #content .main-content-wrap .list-type-c .img-news a .txt p{width:134px;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-all}

#contentArea #container #content .main-content-wrap .list-type-a dd ul li a{max-width: 310px}
#contentArea #container #content .main-content-wrap .bot-content-area .top-util-wrap .right-util-area .list-type-a dd ul li a{max-width: 500px}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area .left-util-box .list-type-a ul li a{max-width: 300px;}
#contentArea #container #content .main-content-wrap .mid-content-area .left-util-wrap .mid-util-area .right-util-box .list-type-a ul li a{max-width: 330px;}