header{position:absolute;top:0;left:0;width:100%;height:66px;z-index:20} header h1.logo{position:absolute;left:33px;top:0} header h1.logo a{display:block;width:110px;height:66px;background:url(../../quasarzone/images/sub/logo.png) no-repeat;text-indent:-9999px;overflow:hidden} header nav{text-align:center;font-size:0} header nav ul{display:inline-block;position:relative} header nav ul:before{position:absolute;left:-16px;top:21px;width:29px;height:18px;background:url(../../quasarzone/images/sub/sub_gnb_chk1.png) no-repeat;content:""} header nav ul li{display:inline-block;margin:0 19px;line-height:66px;height:66px} header nav ul li a{font-size:15px;color:#fff;font-weight:300} header nav ul li:after{position:absolute;right:-16px;top:21px;width:29px;height:18px;background:url(../../quasarzone/images/sub/sub_gnb_chk2.png) no-repeat;content:""} header.main{background-color:#fff} header.main:after{position:absolute;right:0;top:0;width:116px;height:165px;content:"";background:url(../../quasarzone/images/main/sec1_right_top.png) no-repeat;z-index:3} header.main h1.logo a{background:url(../../quasarzone/images/main/main_logo.png) no-repeat} header.main nav ul:before{background:url(../../quasarzone/images/main/main_gnb_chk1.png) no-repeat} header.main nav ul li a{color:#000} header.main nav ul li:after{background:url(../../quasarzone/images/main/main_gnb_chk2.png) no-repeat} @media (max-width:1280px){ header{background-color:transparent} header h1.logo{position:absolute;left:33px;top:7px} header h1.logo a{display:block;width:90px;height:54px;background:url(../../quasarzone/images/sub/logo.png) no-repeat;background-size:90px 54px;text-indent:-9999px;overflow:hidden} header nav{display:none} header.main{background-color:transparent} header.main:after{position:absolute;right:0;top:0;width:116px;height:165px;content:"";background:url(../../quasarzone/images/main/sec1_right_top.png) no-repeat;z-index:3} header.main h1.logo a{background:url(../../quasarzone/images/sub/logo.png) no-repeat;background-size:90px 54px} header.main nav{display:none} } @media (max-width:768px){ header{background-color:transparent} header h1.logo{left:10px} header h1.logo a{width:58px;height:45px;background:url(../../quasarzone/images/layout/m_logo.png) no-repeat;background-size:58px 45px} header nav{display:none} header.main{background-color:transparent} header.main:after{width:55px;height:81px;background:url(../../quasarzone/images/main/sec1_right_top.png) no-repeat;background-size:55px 81px} header.main h1.logo a{background:url(../../quasarzone/images/layout/m_logo.png) no-repeat;background-size:58px 45px} } #contentArea #header{height:237px;width:100%;position:relative;z-index:120} #contentArea #header .logo{position:absolute;left:42px;top:45px;display:inline-block} #contentArea #header .banner-area{position:absolute;right:15px;top:22px;width:850px;height:90px;background-color:#272727;border:1px solid #565656;box-sizing:border-box} #contentArea #header .banner-area {overflow: hidden} #contentArea #header .banner-area img{height: 88px} #contentArea #header .all-menu-wrap{background-color:#171717;width:1170px;height:46px;z-index:100;overflow:hidden;position:absolute;left:15px;top:122px;box-sizing:border-box} #contentArea #header .all-menu-wrap:after{position:absolute;top:47px;content:"";width:1140px;height:1px;left:15px} #contentArea #header .all-menu-wrap .one-depth-list{padding-top:15px;padding-left:67px;padding-bottom:5px;background:#f90} #contentArea #header .all-menu-wrap .one-depth-list li{display:inline-block;margin-left:87px;position:relative} #contentArea #header .all-menu-wrap .one-depth-list li:first-child{margin-left:0} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt{position:relative;padding-bottom:4px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ff9400;content:"";display:none} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.active:after,#contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt:hover:after{display:block} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt span{color:#222;font-size:16px;position:relative;line-height:18px;font-weight:700} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.event span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.event span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon1_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.column span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.column span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon2_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.total-db span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.total-db span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon3_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.info span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.info span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon4_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.question span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.question span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon5_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.community span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.community span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon6_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.on-air span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.on-air span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon7_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.market span{padding-left:24px} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt.market span:before{position:absolute;left:0;top:0;width:15px;height:100%;background:url(../../quasarzone/images/main/gnb_onedepth_icon8_black.svg) no-repeat 0 30%;background-size:contain;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list{position:absolute;left:0;padding-top:32px;z-index:100;white-space:nowrap} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl{margin-top:19px} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl:first-child{margin-top:0} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dt{color:#ff9400;font-size:12px;display:inline-block;margin-bottom:10px;font-weight:700} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dt:after{display:block;bottom:0;width:100%;height:1px;background-color:#ff9400;content:""} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dd p{margin-top:9px} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dd p:first-child{margin-top:0} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dd p a{color:#e3e3e3;font-size:14px} #contentArea #header .all-menu-wrap .one-depth-list{padding-left: 0;display: flex; height: 46px;box-sizing: border-box;} #contentArea #header .all-menu-wrap .one-depth-list li{margin-left: 0;box-sizing: border-box;text-align: center;flex: 1 1 0%} #contentArea #header .all-menu-wrap .one-depth-list li .one-depth-bt{display: inline-block;overflow: hidden;white-space: nowrap;color: #fff;text-overflow: ellipsis;;max-width: 100%;} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list{padding: 25px 0px 0 25px;width: 100%;overflow: hidden;box-sizing: border-box;text-align: left;} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dd p a{text-overflow: ellipsis;overflow: hidden;color: #fff;display: block;} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dt{font-size: 15px;text-decoration: none} #contentArea #header .all-menu-wrap .one-depth-list li .two-depth-list dl dt:after{display: none} #contentArea #header .bottom-util-wrap{position:absolute;top:178px;left:15px} #contentArea #header .bottom-util-wrap:after{display:block;clear:both;content:""} #contentArea #header .bottom-util-wrap .srch-area{position:relative;float:left;border:1px solid #565656;background-color:#181818;width:452px;height:48px;padding-left:16px;padding-right:65px;box-sizing:border-box} #contentArea #header .bottom-util-wrap .srch-area input{width:100%;height:43px;outline:0;background-color:#181818;vertical-align:top;padding:0;font-size:16px;color:#fff;margin-top:2px} #contentArea #header .bottom-util-wrap .srch-area input::-webkit-input-placeholder{color:#666} #contentArea #header .bottom-util-wrap .srch-area input::-moz-placeholder{color:#666} #contentArea #header .bottom-util-wrap .srch-area input:-ms-input-placeholder{color:#666} #contentArea #header .bottom-util-wrap .srch-area input:-moz-placeholder{color:#666} #contentArea #header .bottom-util-wrap .srch-area .srch-bt{position:absolute;right:0;top:0;width:50px;height:46px;background:url(../../quasarzone/images/common/srch_bt_icon_black.png) 50% 50% no-repeat #ff9400;overflow:hidden;text-indent:-9999px;background-size:40%} #contentArea #header .bottom-util-wrap .realtime-query-area{float:left;width:196px;margin-left:5px;position:relative} #contentArea #header .bottom-util-wrap .realtime-query-area .top-query{width:196px;height:48px;position:relative} #contentArea #header .bottom-util-wrap .realtime-query-area .top-query:after{position:absolute;right:20px;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/main/more_bt_arrow.png) no-repeat;width:9px;height:5px} #contentArea #header .bottom-util-wrap .realtime-query-area .top-query .num{color:#fff;font-size:12px;position:relative;display:inline-block} #contentArea #header .bottom-util-wrap .realtime-query-area .top-query .num:after{content:"";bottom:-3px;width:20px;height:3px;background-color:#ff9400;position:absolute;left:50%;margin-left:-10px} #contentArea #header .bottom-util-wrap .realtime-query-area .top-query .word{color:#fff;font-size:14px;width:115px;display:inline-block} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap{position:absolute;padding:0 15px;left:0;top:0;width:100%;height:397px;border:1px solid #323232;background-color:#4a4a4a;display:none;box-sizing:border-box} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap.active{display:block} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .rank-tit{height:46px;line-height:46px;color:#fff;text-align:center;font-size:18px;font-weight:700;position:relative} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .rank-tit:before{position:absolute;left:3px;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/main/more_bt_arrow.png) no-repeat;width:9px;height:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .rank-tit:after{position:absolute;right:3px;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/main/more_bt_arrow.png) no-repeat;width:9px;height:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list{border-top:1px solid #565654;padding-top:23px} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li{margin-top:17px} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li:first-child{margin-top:0} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li a .num{color:#fff;font-size:12px;position:relative;top:-2px;display:inline-block;margin-right:11px;width:20px;text-align:center} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li a .num.rank:after{content:"";bottom:-5px;width:20px;height:3px;background-color:#ff9400;position:absolute;left:50%;margin-left:-10px} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li a .num:after{content:"";bottom:-5px;width:20px;height:3px;background-color:#e3e3e3;position:absolute;left:50%;margin-left:-10px} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li a .word{font-size:14px;color:#ededed;display:inline-block;width:91px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #header .bottom-util-wrap .realtime-query-area .hidden-list-wrap .word-list li a .count{font-size:12px;color:#b8b8b8} #contentArea #header .bottom-util-wrap .elec-board-area{float:left;margin-left:5px;width:510px;height:48px;line-height:46px;background-color:#181818;position:relative;border:1px solid #565656} #contentArea #header .bottom-util-wrap .elec-board-area .clock{height:46px;width:510px;overflow:hidden} #contentArea #header .bottom-util-wrap .elec-board-area .clock .clock-div{width:268px;margin:0 auto} #contentArea #header .bottom-util-wrap .elec-board-area .clock p{float:left} #contentArea #header .bottom-util-wrap .elec-board-area .clock .unit{color:#ff9400;font-family:Digital-7-Mono,sans-serif;font-size:38px;margin:0 10px;text-align:center} #contentArea #header .bottom-util-wrap .elec-board-area .clock .unit.point{margin:0!important} #contentArea #header .bottom-util-wrap .elec-board-area svg{position:absolute;left:0;top:0;width:100%;height:100%} #contentArea #header .bottom-util-wrap .elec-board-area svg rect{width:100%;height:100%} #contentArea #header .bottom-util-wrap .elec-board-area a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;padding-left:15px;box-sizing:border-box} #contentArea #header .bottom-util-wrap .elec-board-area a .txt-wrap .time-count{color:#ccc;font-size:14px;display:inline-block;overflow:hidden} #contentArea #header .bottom-util-wrap .elec-board-area a .txt-wrap .text{color:#ccc;font-size:14px;width:365px;display:inline-block;position:relative;padding-left:10px;margin-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #header .bottom-util-wrap .elec-board-area a .txt-wrap .text:before{position:absolute;left:0;top:50%;margin-top:-11px;width:1px;height:21px;background-color:#fff;content:""} #contentArea #header .bottom-util-wrap .elec-board-area .gradient-path{fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;--total-offset:0;animation:stroke-anim 6s linear infinite} #contentArea #header .bottom-util-wrap .elec-board-area .clock .clock-div{width: auto;text-align: center} #contentArea #header .bottom-util-wrap .elec-board-area .clock p{float: none;display: inline-block} #contentArea #header .bottom-util-wrap .elec-board-area .clock .unit{line-height: 48px} #contentArea #header .bottom-util-wrap.new-clock .srch-area{width: 330px} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area{width: 633px} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area {display: flex;} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area .clock{display: inline-block;vertical-align: middle;height: 100%;width: auto;margin: 0 16px;flex: none} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area .clock .unit{margin: 0;font-size: 28px} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area .clock .unit.point{width: 1px;margin-right: 10px !important} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a{position: relative;width: auto;height: 100%;display: block;flex: 1 1 0%;overflow: hidden;} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a:before{position: absolute;left: 0;top: 50%;margin-top: -11px;width: 1px;height: 21px;background-color: #fff;content: "";} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a .txt-wrap {display: flex;align-items: center;} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a .txt-wrap .time-count{flex: none} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a .txt-wrap .live-icon{height: auto} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a .txt-wrap .text{padding-left: 0;width: auto;display: block;flex: 1 1 0%} #contentArea #header .bottom-util-wrap.new-clock .elec-board-area a .txt-wrap .text:before{display: none;} .popular_wrap{width:100%;position:relative;height:48px} .popular_menu{width:170px;position:absolute;top:0;left:3px;z-index:20;background-color:#4a4a4a;padding:0 10px 10px;height:418px} .popular_menu .keyword{line-height:30px;text-align:left;overflow:hidden;color:#fff;padding-top:5px} .popular_menu .keyword.tit{height:46px;line-height:46px;color:#fff;text-align:center;font-size:18px;font-weight:700;position:relative;border-bottom:1px solid #565654;padding:0!important} .popular_menu .keyword.tit:before{position:absolute;left:3px;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/main/more_bt_arrow.png) no-repeat;width:9px;height:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .popular_menu .keyword.tit:after{position:absolute;right:3px;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/main/more_bt_arrow.png) no-repeat;width:9px;height:5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .popular_menu .keyword a{display:block;width:100%;height:30px} .popular_menu .keyword .left{float:left;display:block} .popular_menu .keyword .right{float:right} .popular_rank{position:relative;top:0;width:170px;height:48px;overflow:hidden;float:right;right:15px} .popular_rank .popular_ranks{cursor:pointer;position:absolute;overflow:hidden;left:0;top:0;width:170px;height:48px} .keyword{line-height:40px;text-align:left} .popular_rank .keyword{overflow:hidden} .popular_rank .keyword a{display:block;width:170px;height:48px} .popular_rank .keyword .left{float:left;display:block} .popular_rank .keyword .right{float:right;padding-right:10px} .popular_wrap .popular_menu{display:none} .popular_wrap.active .popular_menu{display:block} .qrs_title{padding:13px 0 0 15px;float:left} .qrs_top{color:#ccc;font-size:13px;position:relative;text-align:center;display:inline-block;width:20px;top:-2px} .qrs_top.rank:after{content:"";bottom:4px;width:20px;height:3px;background-color:#ff9400;position:absolute;left:50%;margin-left:-10px} .qrs_top:after{content:"";bottom:4px;width:20px;height:3px;background-color:#fff;position:absolute;left:50%;margin-left:-10px} .qrs_top_r{color:#ccc;font-size:13px;position:relative;display:inline-block;width:20px;text-align:center} .qrs_top_r.rank:after{content:"";bottom:8px;width:20px;height:3px;background-color:#ff9400;position:absolute;left:50%;margin-left:-10px} .qrs_top_r:after{content:"";bottom:8px;width:20px;height:3px;background-color:#fff;position:absolute;left:50%;margin-left:-10px} .qrs_word{color:#ccc;font-size:14px;display:inline-block;padding-left:10px;width:135px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .qrs_word_r{color:#ccc;font-size:14px;display:inline-block;position:relative;top:2px;width:115px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:11px} .qrs_cnt{color:#b8b8b8;font-weight:400;font-size:12px} .roll-num{width:196px} .add-friend-bt{background:#000;color:#fff;border:1px solid #565656;font-size:12px;padding:4px;display:inline-block;margin:6px;float:right} .inner-layer-popup.inner-layer-popup2.active .paging-wrap{margin-top:0!important} .pop-info-text{position:absolute;bottom:9px;right:11px;font-weight:700;color:#606060;font-size:10px} .intro-area img{max-width:100%} .popular_menu .keyword .right{width: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:none} #contentArea #header.active-main-top-banner{height:457px;} .main-top-banner{height: 210px;z-index: 99;background: #000;position: absolute;top: 180px;width: 1170px;left: 15px;overflow: hidden;} .main-top-banner .close-btn{position: absolute;right:0;bottom: 0;color: #fff;background: #000;width: 30px;height: 30px;text-align: center} .main-top-banner ~ .bottom-util-wrap{top: 398px !important;} #contentArea.company .spot-area{background-image:url(../../quasarzone/images/company/bg_spot_company.jpg)} #contentArea.etc .spot-area{background-image:url(../../quasarzone/images/etc/bg_spot_etc.jpg)} #contentArea.bi .spot-area{background-image:url(../../quasarzone/images/bi/bg_spot_bi.jpg)} #contentArea.careers .spot-area{background-image:url(../../quasarzone/images/careers/bg_spot_careers.jpg)} #contentArea.ii .spot-area{background-image:url(../../quasarzone/images/ii/bg_spot_ii.jpg)} #contentArea.pr .spot-area{background-image:url(../../quasarzone/images/pr/bg_spot_pr.jpg)} #contentArea.sm .spot-area{background-image:url(../../quasarzone/images/sm/bg_spot_sm.jpg)} #wrap{height:auto;background-color:#272727} #wrap.popup{height:100%} #contentArea{background-color:#272727;width:1200px;margin:0 auto;min-height:100%;position:relative;padding-bottom:100px;box-sizing:border-box} #contentArea #container{height:100%; width:1200px;} #wrap.main aside.logo-area section ul li{background-color:red;margin-top:2px} #wrap.main aside.logo-area.left section ul li{text-align: right} #wrap.main aside.logo-area section ul li:first-child{margin-top:0} #wrap.main aside.logo-area section ul li a{width:90px;height:35px;background-color:#565656;display:inline-block;vertical-align:top;filter:brightness(50%)} #wrap.main aside.logo-area section ul li a:hover{filter:brightness(100%)} #wrap.main #content{min-height:100%} #wrap.main{margin:0 auto; overflow: hidden; min-width: 1200px/*display: flex;justify-content: center*/} #wrap.main #contentArea{margin: 0 auto} #wrap.sub{min-width: 1900px;overflow: hidden} #wrap.main aside.logo-area section ul li{margin-top: 10px;background: none;position: relative} #wrap.main aside.logo-area section ul li > span{position: absolute;right:0;top: 0;background: #000;color:#ff9400;padding:3px;font-size: 0;width: 50px;height: 23px;box-sizing: border-box;background-image: url("../images/common/banner_point.png");background-size: contain;background-position: 50% 50%;background-repeat: no-repeat} #wrap.main aside.logo-area.right section ul li > span{left:0;right:auto} #wrap.main aside.logo-area section ul li a{width:auto;height:auto;border:none;background: none;filter:none} #wrap.main aside.logo-area section ul li a img{width:100%;height:100%} #contentArea #bidrich-bbs-bottom{width:100%;min-height:250px;padding:0 15px 15px;box-sizing:border-box;} #contentArea #footer{position:relative;bottom:0;width:100%;height:auto;box-sizing:border-box} #contentArea #footer .awards{margin-top:30px;display:flex;justify-content:space-around;border-top:1px solid #444;border-bottom:1px solid #444;} #contentArea #footer .awards .item{height:80px;display:flex;justify-content:center;align-items:center;} #contentArea #footer .awards .item img{height:50px;margin-right:8px} #contentArea #footer .awards .item span{font-size:12px;color:#aaa;line-height:1.3} #contentArea #footer .logo{text-align:center;padding-top:35px} #contentArea #footer .logo a{display:inline-block} #contentArea #footer .menu-list{text-align:center;margin-top:19px;height:35px;font-size:0;border-top:1px solid #444;border-bottom:1px solid #444;box-sizing:border-box} #contentArea #footer .menu-list li{display:inline-block;padding-top:12px;margin:0 21px} #contentArea #footer .menu-list li a{position:relative;display:inline-block} #contentArea #footer .menu-list li a span{color:#aaa;font-size:12px} #contentArea #footer .menu-list li a.intro{padding-left:16px} #contentArea #footer .menu-list li a.intro:before{position:absolute;top:0;left:0;width:13px;height:12px;content:"";background:url(../../quasarzone/images/main/footer_menu_list1.png) no-repeat} #contentArea #footer .menu-list li a.terms{padding-left:16px} #contentArea #footer .menu-list li a.terms:before{position:absolute;top:0;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list2.png) no-repeat} #contentArea #footer .menu-list li a.private{padding-left:16px} #contentArea #footer .menu-list li a.private:before{position:absolute;top:0;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list3.png) no-repeat} #contentArea #footer .menu-list li a.denyemail{padding-left:16px} #contentArea #footer .menu-list li a.denyemail:before{position:absolute;top:0;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list4.png) no-repeat} #contentArea #footer .menu-list li a.question{padding-left:16px} #contentArea #footer .menu-list li a.question:before{position:absolute;top:0;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list5.png) no-repeat} #contentArea #footer .menu-list li a.notice{padding-left:16px} #contentArea #footer .menu-list li a.notice:before{position:absolute;top:1px;left:0;width:13px;height:10px;content:"";background:url(../../quasarzone/images/main/footer_menu_list6.png) no-repeat} #contentArea #footer .menu-list li a.bug{padding-left:16px} #contentArea #footer .menu-list li a.bug:before{position:absolute;top:-1px;left:0;width:13px;height:13px;content:"";background:url(../../quasarzone/images/main/footer_menu_list8.png) no-repeat} #contentArea #footer .menu-list li a.mobile{padding-left:13px} #contentArea #footer .menu-list li a.mobile:before{position:absolute;top:0;left:0;width:7px;height:12px;content:"";background:url(../../quasarzone/images/main/footer_menu_list7.png) no-repeat} #contentArea #footer .address-info{text-align:center;line-height:24px;margin-top:12px} #contentArea #footer .address-info address{font-size:14px;color:#888;display:inline-block;line-height:24px} #contentArea #footer .address-info ul li{display:inline-block;font-size:14px;color:#888;margin:0 10px;line-height:24px} #contentArea #footer .ad {width: 140px; height: 40px; margin: 25px auto 0; text-align: center; background-color: #444; border-radius: 20px; cursor: pointer;} #contentArea #footer .ad span {font-size: 14px; color: #EFC631; font-weight: 600; line-height: 40px;} #contentArea #footer .sns-list{text-align:center;font-size:0;margin-top:25px} #contentArea #footer .sns-list li{display:inline-block;margin:0 22px} #contentArea #footer .sns-list li a{display:inline-block;overflow:hidden;text-indent:-9999px} #contentArea #footer .sns-list li a.youtube{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list1.png) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.facebook{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list2.png) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.post{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list3.png) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.blog{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list4.png) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.insta{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list5.png) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.twitter{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list_twitter.png) no-repeat;background-position:center;background-size:contain} #contentArea #footer .copyright{text-align:center;color:#fb9306;font-size:14px;margin-top:23px} #contentArea #footer .sns-list li a.youtube-circle{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_youtube_circle_icon.svg) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.facebook-circle{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_facebook_circle_icon.svg) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.x-circle{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_x_circle_icon.svg) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.instagram-circle{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_instargram_circle_icon.svg) no-repeat;background-position:center;background-size:contain} #contentArea #footer .sns-list li a.naverblog-circle{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_naverblog_circle_icon.svg) no-repeat;background-position:center;background-size:contain} footer.footer{height:118px;background-color:#121212} footer.footer.sub{position:absolute;width:100%;bottom:0} footer.footer .left-area{float:left;padding-left:38px;padding-top:25px} footer.footer .left-area .info-list{line-height:28px} footer.footer .left-area .info-list p{display:inline-block;color:#fff;font-size:16px;margin-left:27px;font-weight:100} footer.footer .left-area .info-list p:first-child{margin-left:0} footer.footer .left-area .info-list p.d-c{display:block;margin-left:0} footer.footer .left-area .info-list p em{margin:0 3px} footer.footer .left-area .info-list p span{color:#fff;font-weight:700} footer.footer .right-area{float:right;padding-right:24px;padding-top:26px;position:relative;width:294px} footer.footer .right-area .sns-list{overflow:hidden} footer.footer .right-area .sns-list li{float:left;margin-left:7px} footer.footer .right-area .sns-list li:first-child{margin-left:0} footer.footer .right-area .sns-list li a{display:inline-block;width:37px;height:37px;overflow:hidden;text-indent:-9999px} footer.footer .right-area .sns-list li a.sns-facebook-bt{background:url(../../quasarzone/images/layout/f_sns_01.png) no-repeat} footer.footer .right-area .sns-list li a.sns-instagram-bt{background:url(../../quasarzone/images/layout/f_sns_02.png) no-repeat} footer.footer .right-area .sns-list li a.sns-naver-bt{background:url(../../quasarzone/images/layout/f_sns_03.png) no-repeat} footer.footer .right-area .f-logo{position:absolute;top:33px;right:25px} footer.footer .right-area .f-logo span{width:158px;height:39px;background:url(../../quasarzone/images/layout/f_logo.png) no-repeat;overflow:hidden;text-indent:-9999px;display:inline-block} footer.footer .right-area .copyright{font-size:12px;color:#bbb;font-weight:300;margin-top:19px} footer.footer .right-area .copyright span{font-weight:700} .main-foot-banner{padding: 0 15px} .main-foot-banner .slide-wrap #slickMainFootBanner{margin:0 auto;padding:15px 11px;background-color:#171717;border: 1px solid #565656;} .main-foot-banner .row{display: flex;flex-wrap: wrap;margin:0 !important;} .main-foot-banner .row a{padding: 2.5px;display: block} .main-foot-banner .row a img{width:99px;height: 36px} .fixed-func-wrap {position: fixed;right: 16px;bottom: 16px; z-index:10001} .fixed-func-wrap .fixed-func-action-btn{width: 50px;height: 50px;border-radius: 999px;background: #272727;display: block;background-size: 95%;background-position: 50% 50%;background-repeat: no-repeat;margin: 8px 0 0;border:1px solid #171717} .fixed-func-wrap .fixed-func{display: none} .fixed-func-wrap .fixed-func-action-btn.goto-start{background-image: url("../images/common/fixed_up.png");background-position: 50% 50%} .fixed-func-wrap .fixed-func-action-btn.goto-end{background-image: url("../images/common/fixed_down.png");background-position: 50% 60%} .fixed-func-wrap .fixed-func-action-btn.board-reply-btn{background-image: url("../images/common/fixed_reply.png")} .fixed-func-wrap .fixed-func-action-btn.board-write-btn{background-image: url("../images/common/fixed_write.png")} .fixed-func-wrap .fixed-func-action-btn.action-btn{background-image: url("../images/common/fixed_menu.png")} .fixed-func-wrap .fixed-func-action-btn.action-btn.close-action-btn{background-image: url("../images/common/fixed_x.png")} @media (max-width:1280px){ footer.footer{height:auto;background-color:#121212;padding-bottom:50px} footer.footer .left-area{float:none;padding-left:0;padding-top:12px} footer.footer .left-area .info-list{line-height:22px;text-align:center} footer.footer .left-area .info-list p{display:inline-block;color:#fff;font-size:12px;margin-left:0} footer.footer .left-area .info-list p:first-child{margin-left:0;padding-right:7px;margin-right:2px;position:relative} footer.footer .left-area .info-list p:first-child:after{position:absolute;right:0;top:6px;width:1px;height:7px;background-color:#fff;content:""} footer.footer .left-area .info-list p.d-c{display:block;margin-left:0} footer.footer .left-area .info-list p em{margin:0 3px} footer.footer .left-area .info-list p span{color:#fff;font-weight:700} footer.footer .right-area{float:none;padding-right:0;padding-top:21px;position:static;width:100%} footer.footer .right-area .sns-list{overflow:hidden;text-align:center;margin-top:8px} footer.footer .right-area .sns-list li{float:none;display:inline-block;margin-left:7px} footer.footer .right-area .sns-list li:first-child{margin-left:0} footer.footer .right-area .sns-list li a{width:19px;height:19px} footer.footer .right-area .sns-list li a.sns-facebook-bt{background:url(../../quasarzone/images/layout/f_sns_01.png) no-repeat;background-size:19px 19px} footer.footer .right-area .sns-list li a.sns-instagram-bt{background:url(../../quasarzone/images/layout/f_sns_02.png) no-repeat;background-size:19px 19px} footer.footer .right-area .sns-list li a.sns-naver-bt{background:url(../../quasarzone/images/layout/f_sns_03.png) no-repeat;background-size:19px 19px} footer.footer .right-area .f-logo{position:relative;top:0;right:0;text-align:center} footer.footer .right-area .f-logo span{width:79px;height:20px;background:url(../../quasarzone/images/layout/f_logo.png) no-repeat;background-size:79px 20px} footer.footer .right-area .copyright{display:block;width:100%;position:absolute;bottom:21px;left:0;text-align:center;font-size:12px} } /* 메인페이지 실검 순위 등급과 내용 2줄로 표시되는 현상 수정 */ .rank_width_adjustment{box-sizing: border-box;} /* alert 창 css */ .alert_box_wrap{position: fixed;bottom:10px;right:10%;z-index:120;} .alert_box_wrap .general_alert_box{position:relative;width:300px;height:90px;background-color:#272727;border:3px solid #ff9900;box-sizing: border-box;margin-top:5px;display:none;} .alert_box_wrap .general_alert_box > a{width:100%;height:100%;padding:10px 0px 10px 10px;box-sizing: border-box;display:block;} .alert_box_wrap .general_alert_box .alert_title_box{text-align:center;color:#aaa;} .alert_box_wrap .general_alert_box .alert_content{float:left;margin:10px 0 0 10px;width:220px;} .alert_box_wrap .general_alert_box .alert_content p{color:#aaa;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .alert_close_btn{position:absolute;top:5px;right:5px;z-index:9999999;} .alert_close_x{background: url(../../quasarzone/images/common/alert_close_x.png) no-repeat 100% 100%;background-size:cover;width:15px;height:15px;margin:auto;} .no_img_alert_box{width:52px;height:39px;margin-top:5px;float:left;} .no_img_alert_box .no_img_alert{width:52px;height:39px;margin:auto; background: url(../../quasarzone/images/common/no_images.jpg) no-repeat 50% 50%;background-size:contain;} .img_alert_box{width:52px;height:39px;margin-top:5px;float:left;} .img_alert_box .img_alert{width:52px;height:39px;margin:auto; background: url(../../quasarzone/images/common/push_icon_color.png) no-repeat 50% 50%;background-size:contain;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ .alert_box_wrap{position: fixed;bottom:10px;right:25%;z-index:120;} }