@charset "UTF-8";

#main_visual{width:100%; background:#eee;}
#main_visual .main_visual{width:1024px; padding:20px 0; background:#eee; margin:0 auto;}
#main_visual .main_visual .flexslider{width:100%; position:relative;}
#main_visual .main_visual .flexslider .slides li{width:100%;}
#main_visual .main_visual .flexslider .slides li .img{width:100%; padding-bottom:380px; border-radius:30px; overflow:hidden; position:relative;}
#main_visual .main_visual .flexslider .slides li .img img{width:100%; height:100%; position:absolute; top:0; left:0;}

#main_visual .main_visual .flexslider .flex-control-nav{width:100%; text-align:center; position:absolute; bottom:15px; left:0;}
#main_visual .main_visual .flexslider .flex-control-nav li{display:inline-block; margin:0 6px;}
#main_visual .main_visual .flexslider .flex-control-nav li a{text-indent:101%; white-space:nowrap; overflow:hidden; display:inline-block; width:20px; height:20px; background:url("../images/visual_off.png") no-repeat;}
#main_visual .main_visual .flexslider .flex-control-nav li a.flex-active{background:url("../images/visual_on.png") no-repeat;}

#main_cont{width:100%;}
#main_cont .main_cont{width:1024px; padding:30px 0 60px 0; margin:0 auto;}


/*용병,매치,양도*/
#main_cont .main_cont .top{width:100%; overflow:hidden; margin-bottom:30px;}

#main_cont .main_cont .top .box{width:320px; float:left; margin-right:32px; border-radius:8px; overflow:hidden;}
#main_cont .main_cont .top .box:nth-child(3){margin-right:0;}
#main_cont .main_cont .top .box h2{width:100%; padding-left:20px; box-sizing:border-box; position:relative; color:white; background:#4b4bde; font-size:16px; line-height:60px; font-weight:500;}
#main_cont .main_cont .top .box h2 img{margin-right:10px;}
#main_cont .main_cont .top .box h2 a img{margin-right:0; position:absolute; top:25px; right:20px;}
#main_cont .main_cont .top .box ul{width:100%; padding:0 12px; box-sizing:border-box; background:#eee; height:254px;}
#main_cont .main_cont .top .box ul li{width:100%; border-bottom:1px dashed #acacac; font-size:14px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word;}
#main_cont .main_cont .top .box ul li:nth-child(10){border-bottom:0 none;}
#main_cont .main_cont .top .box ul li:last-child{border-bottom:0 none;}
#main_cont .main_cont .top .box ul li img{margin-right:10px;}

/*중간배너*/
#main_cont .main_cont .middle{width:100%; overflow:hidden; margin-bottom:30px;}
#main_cont .main_cont .middle img{width:100%; height:auto;}

/*대회,하단배너*/
#main_cont .main_cont .bottom{width:100%; overflow:hidden;}

/**/
#main_cont .main_cont .bottom .left{width:672px; float:left; border-radius:15px; overflow:hidden;}
#main_cont .main_cont .bottom .left h2{width:100%; padding-left:20px; box-sizing:border-box; position:relative; color:white; background:#4b4bde; font-size:16px; line-height:60px; font-weight:500;}
#main_cont .main_cont .bottom .left h2 img{margin-right:10px;}
#main_cont .main_cont .bottom .left h2 a img{margin-right:0; position:absolute; top:25px; right:20px;}

#main_cont .main_cont .bottom .left .slide_comp{width:100%; background:#eee; padding:21px 44px; position:relative; box-sizing:border-box;}
#main_cont .main_cont .bottom .left .slide_comp li{width:100%; overflow:hidden;}
#main_cont .main_cont .bottom .left .slide_comp li .img{width:228px; float:left; text-align:center; position:relative; padding-bottom:39%;}
#main_cont .main_cont .bottom .left .slide_comp li .img img{max-width:100%; width:auto; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
#main_cont .main_cont .bottom .left .slide_comp li .txt{width:calc(100% - 228px); float:left; padding-left:15px; box-sizing:border-box;}
#main_cont .main_cont .bottom .left .slide_comp li .txt h3{font-size:18px; line-height:30px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word;}
#main_cont .main_cont .bottom .left .slide_comp li .txt ul li{font-size:14px; line-height:30px;}
#main_cont .main_cont .bottom .left .slide_comp li .txt ul li .tit{width:90px; float:left; color:#4b4bde; font-weight:500;}
#main_cont .main_cont .bottom .left .slide_comp li .txt ul li .tit img{margin-right:8px;}
#main_cont .main_cont .bottom .left .slide_comp li .txt ul li .cont{width:calc(100% - 90px); float:left;}

#main_cont .main_cont .bottom .left .slide_comp .flex-direction-nav .flex-prev{text-indent:101%; white-space:nowrap; overflow:hidden; display:inline-block; width:14px; height:30px; background:url("../images/main_comp_left.png") no-repeat; position:absolute; top:50%; left:15px; margin-top:-15px; z-index:99;}
#main_cont .main_cont .bottom .left .slide_comp .flex-direction-nav .flex-next{text-indent:101%; white-space:nowrap; overflow:hidden; display:inline-block; width:14px; height:30px; background:url("../images/main_comp_right.png") no-repeat; position:absolute; top:50%; right:15px; margin-top:-15px; z-index:99;}

/**/
#main_cont .main_cont .bottom .right{width:320px; margin-left:32px; float:left;}
#main_cont .main_cont .bottom .right img{width:100%; height:auto;}