.main-container{background:url(../img/main/con_bg.jpg) center top no-repeat;}

.man-top{margin:0 auto;width:1200px;text-align:left;position:relative;}

.main-login{position:absolute;right:-87px;top:-44px;width:438px;height:259px;box-sizing:border-box;background:url(../img/main/login_bg.png) 0 0 no-repeat;}
.main-login .main-login-form{padding:78px 0 0 45px;width:272px;text-align:left;}
.main-login .main-login-form .input{float:left;}
.main-login .main-login-form .input input[type="text"],
.main-login .main-login-form .input input[type="password"]{width:196px;height:30px;line-height:30px;background-color:#4da6db;border:none;color:#fff;}
.main-login .main-login-form .input input::-webkit-input-placeholder {color:#FFF;}
.main-login .main-login-form .input input::-moz-placeholder          {color:#FFF;}
.main-login .main-login-form .input input::-moz-placeholder           {color:#FFF;}
.main-login .main-login-form .input input::-ms-input-placeholder      {color:#FFF;}
.main-login .main-login-form .input span{display:block;}
.main-login .main-login-form .input span + span{margin-top:3px;}
.main-login .main-login-form .command{float:right;}
.main-login .main-login-form .command input{width:73px;height:63px;background-color:#0e669b;color:#fff;font-weight:900;font-size:14px;}
.main-login .main-login-form .save{clear:both;padding:6px 0;border-bottom:1px solid #2793d4;font-size:12px;color:#b4e1fb;}
.main-login .main-login-form .find-go{clear:both;margin-top:10px;}
.main-login .main-login-form .find-go a{font-size:12px;color:#b4e1fb;background:url(../img/main/icon_find.png) 0 0 no-repeat;padding-left:20px;}

.main-login-type1{padding:78px 0 0 18px;width:326px;text-align:left;font-size:13px;}
.main-login-type1 .user-info-wrap{padding:0 27px 0 27px;height:62px;}
.main-login-type1 .user-info-wrap .user-info{float:left;font-weight:600;margin-right:10px;color:#fff;}
.main-login-type1 .user-info-wrap .user-info > div{display:block;height:18px;}
.main-login-type1 .user-info-wrap .user-info > div span{margin-right:5px;}
.main-login-type1 .user-info-wrap .user-info > div span:after{display:inline-block;width:1px;height:11px;content:'';background-color:#349fdf;margin-left:5px;}
.main-login-type1 .user-info-wrap .user-info .id em{color:#c0e1f5;}
.main-login-type1 .user-info-wrap .user-info .store{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:145px;}
.main-login-type1 .user-info-wrap .user-info .store em{color:#00fffc;}
.main-login-type1 .user-info-wrap .my-contest-view{float:right;}
.main-login-type1 .user-info-wrap .my-contest-view a{display:block;height:36px;line-height:36px;text-align:center;background-color:#0e669b;color:#ffea00;padding:0 10px;}
.main-login-type1 .user-info-wrap .my-contest-view a:before{display:inline-block;width:16px;height:17px;content:'';background:url(../img/main/icon_my.png) 0 0 no-repeat;margin-right:5px;vertical-align:top;margin-top:8px;}
.main-login-type1 .user-contest-wrap{background-color:#0772b1;box-sizing:border-box;height:82px;color:#c0e1f5;}
.main-login-type1 .user-contest-wrap ul{padding:4px 21px 0 27px;}
.main-login-type1 .user-contest-wrap ul li{background:url(../img/main/icon_check.png) 0 5px no-repeat;padding:0 0 5px 18px;}
.main-login-type1 .user-contest-wrap .status{display:inline-block;height:19px;line-height:19px;background-color:#80c0e6;color:#0e5a88;padding:0 10px;border-radius:3px;}
.main-login-type1 .user-contest-wrap .status2{display:block;height:28px;line-height:28px;margin-top:4px;background:url(../img/main/status2_bg.png) left top no-repeat;padding:0 0 0 30px;color:#2f2f2f;}

.main-login-type2{padding:78px 0 0 18px;width:326px;text-align:left;font-size:13px;}
.main-login-type2 .user-info-wrap{padding:0 0 0 27px;height:95px;}
.main-login-type2 .user-info-wrap .photo{float:left;width:106px;}
.main-login-type2 .user-info-wrap .photo img{width:85px;height:85px;border-radius:5px;}
.main-login-type2 .user-info-wrap .user-info{float:left;font-weight:600;color:#fff;}
.main-login-type2 .user-info-wrap .user-info > div{display:block;height:21px;}
.main-login-type2 .user-info-wrap .user-info > div span{margin-right:5px;}
.main-login-type2 .user-info-wrap .user-info > div span:after{display:inline-block;width:1px;height:11px;content:'';background-color:#349fdf;margin-left:5px;}
.main-login-type2 .user-info-wrap .user-info .id em{color:#c0e1f5;}
.main-login-type2 .user-info-wrap .user-info .store em{color:#00fffc;}
.main-login-type2 .user-info-wrap .link{padding-top:0px;}
.main-login-type2 .user-info-wrap .link a{display:inline-block;height:25px;line-height:25px;background-color:#80c0e6;color:#0e5a88;padding:0 10px;}
.main-login-type2 .user-info-wrap .my-contest-view{float:right;}
.main-login-type2 .user-info-wrap .my-contest-view a{display:block;height:36px;line-height:36px;text-align:center;background-color:#0e669b;color:#ffea00;padding:0 10px;}
.main-login-type2 .user-info-wrap .my-contest-view a:before{display:inline-block;width:16px;height:17px;content:'';background:url(../img/main/icon_my.png) 0 0 no-repeat;margin-right:5px;vertical-align:top;margin-top:8px;}
.main-login-type2 .user-record-wrap{clear:both;background-color:#0772b1;box-sizing:border-box;height:50px;line-height:50px;text-align:center;}
.main-login-type2 .user-record-wrap span{color:#fff;margin-right:5px;position:relative;padding-right:10px;}
.main-login-type2 .user-record-wrap span:after{display:inline-block;width:1px;height:11px;content:'';background-color:#349fdf;margin-left:5px;position:absolute;right:0;top:2px;}
.main-login-type2 .user-record-wrap em{color:#c0e1f5;}

.main-con1{position:relative;margin:0 auto;width:1200px;height:676px;}
.main-con1:after{clear:both;content:'';display:block;}

.main-top5{width:720px;height:690px;float:left;background:url(../img/main/top5_bg.png) 0 0 no-repeat;}
.main-top5 > div{width:348px;margin-left:327px;padding:71px 0 0 0;}

.top5-tab{border:3px solid #00fffc;box-sizing:border-box;overflow:hidden;border-radius:5px;margin-bottom:18px;}
.top5-tab ul{}
.top5-tab ul li{float:left;width:50%;}
.top5-tab ul li a{height:56px;line-height:56px;display:block;text-align:center;color:#82d4d3;font-weight:600;font-size:19px;}
.top5-tab ul li.on a{background-color:#00fffc;color:#0e5a88;}

.top5-con dl{overflow:hidden;}
.top5-con dl + dl{margin-top:10px;}
.top5-con dl dt{float:left;width:51px;}
.top5-con dl dd{float:left;width:297px;background-color:#0e5a88;padding:8px;box-sizing:border-box;}
.top5-con dl dd ul{}
.top5-con dl dd ul li{border-bottom:1px solid #0f5178;overflow:hidden;padding:8px 0 9px;line-height:24px;font-weight:600;color:#c0e1f5;font-size:15px;}
.top5-con dl dd ul li + li{border-top:1px solid #3a779b;}
.top5-con dl dd ul li:last-child{border-bottom:none;}

.top5-con ul li span{float:left;height:24px;}
.top5-con .num{width:45px;text-align:center;font-size:24px;}
.top5-con .photo{width:24px;border-radius:3px;overflow:hidden;}
.top5-con .nickname{width:125px;text-align:left;text-indent:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top5-con .value{width:70px;text-align:left;}
.top5-con ul li:first-child{background-color:#1c8fc4;font-weight:600;border-radius:3px;}
.top5-con ul li:first-child .num{color:#fffc00;}
.top5-con ul li:first-child .nickname{color:#fffc00;}
.top5-con ul li:first-child .value{color:#fffc00;}

.main-event{width:480px;height:690px;float:right;position:relative;margin-top: 50px;}
.main-event > div{position:absolute;left:-8px;top:-93px;width:626px;}
.main-event .pc-e{display:none;}
.main-event .mobile-e{display:block;}

.main-con2{margin:0 auto;width:1200px;position:relative;}
.main-con2:after{clear:both;content:'';display:block;}

.main-con2-row1{height:300px;padding:0;}
.main-con2-row1:after{clear:both;content:'';display:block;}
.main-rank1{float:right;position:absolute;right:0;top:0;}
.main-rank1 dt{float:left;}
.main-rank1 dd{float:left;border:4px solid #2f2f2f;border-left:none;width:296px;height:292px;background-color:#fff;}
.main-rank1 dd .label{margin:19px 16px 5px 0;height:45px;line-height:45px;background:#2f2f2f url(../img/main/rank1_label_bg.png) left center no-repeat;border-radius:2px;color:#fff;font-size:15px;font-weight:600;padding-left:18px;}
.main-rank1 dd ul{margin:0 18px;text-align:left;}
.main-rank1 dd ul li{border-bottom:1px solid #e4e4e4;height:42px;color:#777;font-size:15px;font-weight:600;line-height:42px;overflow:hidden;}
.main-rank1 dd ul li:last-child{border:none;}
.main-rank1 dd ul li span{float:left;}
.main-rank1 .num{font-size:20px;font-weight:bold;width:44px;text-align:center;font-family:'NanumGothicEB';background:url(../img/main/rank1_line.png) right center no-repeat;}
.main-rank1 .photo{width:44px;text-align:center;}
.main-rank1 .photo img{width:24px;height:24px;vertical-align:middle;}
.main-rank1 .name{width:105px;}
.main-rank1 .rate{}
.main-rank1 dl dd ul li:first-child .name{font-size:18px;color:#454545;}
.main-rank1 dl dd ul li:first-child .rate{font-size:18px;color:#454545;}

.main-con2-row2{}
.main-con2-row2:after{clear:both;content:'';display:block;}

.main-link{float:left;width:300px;padding-top:145px;}
.main-link a{float:left;width:50%;height:155px;text-align:center;font-size:23px;color:#fff;}
.main-link a span{display:block;padding:36px 0 30px;background:url(../img/main/link_arr.png) center bottom no-repeat;}
.main-link a em{font-weight:bold;display:block;margin-bottom:5px;}
.main-link a.link1{background:#e85510;}
.main-link a.link2{background:#f39a00;}

.main-win-team{float:left;width:300px;background:#8abd0a;height:300px;box-sizing:border-box;padding:4px;}
.main-win-team dl{box-sizing:border-box;border:1px solid #b9d76c;height:292px;padding:0 26px;}
.main-win-team dt{padding:35px 0 8px;font-size:26px;color:#fff;font-weight:bold;border-bottom:1px solid #81a81e;}
.main-win-team dd{padding:23px 0 0 0;border-top:1px solid #add154;}
.main-win-team dd table{width:100%;}
.main-win-team dd table th{padding:0 0 6px 0;width:86px;}
.main-win-team dd table th div{width:82px;padding:11px 0;text-align:center;border-radius:4px;background:#fff;}
.main-win-team dd table th img{height:60px;}
.main-win-team dd table td{padding:0 0 6px 0;text-align:left;}
.main-win-team dd table td div{height:82px;background:#a7ce47;padding:0 12px;border-radius:4px;color:#fff;font-size:13px;font-weight:600;}
.main-win-team dd table td div ul{padding:9px 0 0 0;}

.main-rank2{float:right;width:600px;}
.main-rank2 dt{float:right;}
.main-rank2 dd{float:left;border:4px solid #309ad2;border-right:none;width:296px;height:292px;background-color:#fff;}
.main-rank2 dd .label{margin:19px 0 0 16px;height:45px;line-height:45px;background-color:#309ad2;border-top-left-radius:3px;border-bottom-left-radius:3px;color:#fff;font-size:15px;font-weight:600;position:relative;text-align:center;padding-right:18px;}
.main-rank2 dd .label:after{display:block;position:absolute;right:0;top:0;width:45px;height:45px;content:'';background:url(../img/main/rank2_label_bg.png) right center no-repeat;}
.main-rank2 dd ul{margin:0 18px;text-align:left;}
.main-rank2 dd ul li{border-bottom:1px solid #e4e4e4;height:74px;color:#777;font-size:15px;font-weight:600;line-height:74px;overflow:hidden;}
.main-rank2 dd ul li:last-child{border:none;}
.main-rank2 dd ul li span{float:left;vertical-align:middle;}
.main-rank2 .num{font-size:20px;font-weight:bold;width:44px;text-align:center;font-family:'NanumGothicEB';background:url(../img/main/rank1_line.png) right center no-repeat;}
.main-rank2 .logo{width:73px;text-align:center;}
.main-rank2 .logo img{width:50px;vertical-align:middle;}
.main-rank2 .score{width:85px;}
.main-rank2 .change{width:55px;height:27px;line-height:27px;background:#eeeeee;border-radius:14px;text-align:center;margin-top:25px;}
.main-rank2 .change.up{color:#0080cc;}
.main-rank2 .change.down{color:#ff411d;}
.main-rank2 dl dd ul li:first-child .num{color:#0080cc;}
.main-rank2 dl dd ul li:first-child .score{color:#0080cc;}

.main-con3{clear:both;background:url(../img/main/contest_bg.png) center top no-repeat;padding:60px 0;}
.main-con3 h2{font-size:35px;text-align:center;margin-bottom:30px;}
.main-con3 h2 em{font-weight:600;}
.main-con3 h2:before{display:inline-block;content:'';width:126px;height:9px;background:url(../img/main/x_line_left.png) left 0 no-repeat;vertical-align:middle;margin-right:10px;}
.main-con3 h2:after{display:inline-block;content:'';width:126px;height:9px;background:url(../img/main/x_line_right.png) right 0 no-repeat;vertical-align:middle;margin-left:10px;}

.main-contest{margin:0 auto;max-width:1200px;text-align:left;}




/** ~480 *************************************************************************************************************** */
@media all and (max-width:480px){

.main-rank1 dt{display:none;}
.main-rank1 dt img{height:auto;}
.main-rank1 dd{float:none;width:auto;border-left:4px solid #2f2f2f;}
.main-rank1 dd .label{margin:17px 17px 0 17px;background:none;background-color:#2f2f2f;}

.main-rank2 dt{display:none;}
.main-rank2 dt img{height:auto;}
.main-rank2 dd{float:none;width:auto;border-right:4px solid #309ad2;}
.main-rank2 dd .label{margin:17px 17px 0 17px;}
.main-rank2 dd .label:after{display:none;}

.main-con3 h2:before{width:40px;}
.main-con3 h2:after{width:40px;}


}

/** ~600 *************************************************************************************************************** */
@media all and (max-width:600px){

.main-con1{}
.main-event img{width:100%;}



}

/** 600~ *************************************************************************************************************** */
@media all and (min-width:600px){

.main-event .pc-e{display:block;}
.main-event .mobile-e{display:none;}

}

/** 600~800 *************************************************************************************************************** */
@media all and (min-width:480px) and (max-width:800px){

.main-rank1 dt{width:50%;}
.main-rank1 dt img{height:300px;width:100%;}
.main-rank1 dd{width:50%;height:300px;box-sizing:border-box;}

.main-rank2 dt{width:50%;}
.main-rank2 dt img{height:300px;width:100%;}
.main-rank2 dd{width:50%;height:300px;box-sizing:border-box;}

.main-con3 h2:before{width:60px;}
.main-con3 h2:after{width:60px;}

}

/** 600~1200 *************************************************************************************************************** */
@media all and (min-width:600px) and (max-width:1200px){


}

/** ~720 *************************************************************************************************************** */
@media all and (max-width:720px){

.main-top5{width:auto;height:auto;padding:30px 0;background:#0772b1;}
.main-top5 > div{width:348px;margin:0 auto;padding:0;}
}

/** ~800 *************************************************************************************************************** */
@media all and (max-width:800px){

.main-login{display:none;}
.man-top{text-align:center;}
.man-top .main-txt{padding:30px 0;}
.man-top .main-txt img{width:90%;}

.main-rank1{float:none;width:100%;box-sizing:border-box;}

.main-link{float:none;width:auto;padding-top:0;}
.main-link a{float:none;width:100%;display:block;height:auto;box-sizing:border-box;padding:0 0 30px 0;}
.main-link a em{display:inline;}

.main-win-team{clear:both;float:none;width:auto;height:300px;}

.main-rank2{float:none;width:100%;}

.main-con3{padding:40px 0;}
.main-con3 h2{font-size:22px;letter-spacing:-1px;margin-bottom:20px;}

}

@media all and (min-width:800px){



}

/** 800~1200 *************************************************************************************************************** */
@media all and (min-width:800px) and (max-width:1200px){

.main-top5{width:720px;height:690px;}

.main-con2{width:auto;}
.main-con2-row1{height:auto;}

.main-rank1{position:relative;float:left;width:68%;box-sizing:border-box;}

.main-link{width:32%;padding-top:0;position:absolute;right:0;top:0;}
.main-link a{float:none;width:100%;display:block;height:150px;box-sizing:border-box;}

.main-win-team{clear:both;float:left;width:32%;height:300px;}
.main-rank2{float:left;width:67%;}

.main-rank1 dt{width:48%;}
.main-rank1 dt img{height:300px;width:100%;}
.main-rank1 dd{width:52%;height:300px;box-sizing:border-box;}

.main-rank2 dt{width:48%;}
.main-rank2 dt img{height:300px;width:100%;}
.main-rank2 dd{width:52%;height:300px;box-sizing:border-box;}

}

/** ~1000 *************************************************************************************************************** */
@media all and (max-width:1000px){

.main-container{background-size:150% auto;background-position:center top;}

.main-login{display:none;}
.man-top .main-txt{text-align:center;}

}

/** ~1200 *************************************************************************************************************** */
@media all and (max-width:1200px){

.man-top{width:auto;}

.main-con1{width:auto;height:auto;}
.main-top5{float:none;margin:0 auto;}

.main-event{float:none;margin:0 auto;height:auto;width:auto;text-align:center;}
.main-event > div{position:relative;left:0;top:0;width:auto;}

.main-con2{width:auto;}

.main-contest{width:auto;margin:0 10px;}

}

@media all and (min-width:1200px){
.main-contest .contest-list > ul > li{float:left;width:23%;margin:0 2.33% 0 0;position:relative;background-color:#f9f9f9;}
.main-contest .contest-list > ul > li:nth-child(3n){margin-right:2.33%;}
.main-contest .contest-list > ul > li:nth-child(3n+1){clear:inherit;float:left;}
.main-contest .contest-list > ul > li:nth-child(4n){margin-right:0;}
.main-contest .contest-list > ul > li:nth-child(2n){margin-top:50px;}
}

@media all and (min-width:1200px){
    .main-contest .contest-list > ul > li{float:left;width:23%;margin:0 2.33% 0 0;position:relative;background-color:#f9f9f9;}
    .main-contest .contest-list > ul > li:nth-child(3n){margin-right:2.33%;}
    .main-contest .contest-list > ul > li:nth-child(3n+1){clear:inherit;float:left;}
    .main-contest .contest-list > ul > li:nth-child(4n){margin-right:0;}
    .main-contest .contest-list > ul > li:nth-child(2n){margin-top:50px;}
}