@charset "utf-8";
 
#main_slide                            {margin:0 auto; width:100%; display:block;}
#main_slide2                            { margin:0 auto; width:100%;display:none;}
.clsBannerScreen .images        {display:none; margin-top:10px;}
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap                    {position:relative;width:100%; padding:0 0 80px 0;}
.main_visual                {position:relative;margin:0 auto;}
.visual01                    {background-color:#195F5B;}
.main_txt                    {position:absolute;width:100%;top:0;}
.main_txt dl                {padding:30px 0 0 0;text-align:left;}
.main_txt dl dd                {text-align:left;color:#fff;font-size:16px;text-shadow:#333 2px 2px 5px;line-height:150%;padding:5px 0 0 10%;}

.out_login                    {position:absolute;bottom:0;right:0;padding:20px;background:url('../image/common/outlogin_bg.png') repeat;width:300px;}

.main_lt_top                    {position:relative;float:left;width:97.5%;padding:1%; height:60px; }

.main_ip                    {width:90%;padding:1%; }

.main_title_top                {width:100%; background:#EAEAEA;padding:1%;color:#353535;border:3px solid #BDBDBD;font-size:22px; }

/* section01  ===================================================================================== */
.section01                    {position:relative;overflow:hidden;margin-top:35px;}
.main_lt                    {position:relative;float:left;width:49%;}
.main_rt                    {position:relative;float:right;width:49%;}
.main_rt1                    {position:relative;float:right;width:24.5%;}
.main_rt2                    {position:relative;float:right;width:24.5%;}
.main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:17px;}
.main_title    span            {float:right;font-size:12px;color:#4c4c4c;background:#fff;border:1px solid #ececec;}
.main_title    span img        {width:8px;padding:7px;}
.main_title .more_btn        {padding:3px 5px;margin-top:-4px;}

.main_match_wrap        {padding:20px 0;overflow:hidden;border:1px solid #e7e7e7;border-top:0;}
.main_match_wrap .img    {width:70px;height:70px;margin:0 auto;border:1px solid #cbcbcb;border-radius:60px;background:#dedede;}
.main_match_wrap .img img    {width:100%;height:100%;border-radius:50px;object-fit:cover;}
.main_match_wrap dl        {float:left;width:45%;text-align:center;}
.main_match_wrap dl dt    {color:#2f2f2f;font-weight:bold;font-size:21px;padding:12px 0 7px 0;}
.main_match_wrap dl dd    {color:#fff;font-size:15px;height:35px;line-height:35px;background:#959999;border-radius:50px;width:168px;margin:0 auto;}
.main_match_wrap .vs    {float:left;margin-top:100px;text-align:center;width:50px;height:50px;line-height:50px;background:#000;color:#fff;border-radius:50px;font-size:15px;font-weight:bold;}
.main_match_wrap .more    {text-align:left;text-indent:7px;font-size:13px;color:#757979;border:1px solid #e7e7e7;width:60px;height:20px;line-height:21px;margin:10px auto 0 auto;border-radius:2px;
                        background:url('../image/main/t_acc01.png') no-repeat 90% 48%;background-size:5px;}
.main_match_info        {padding:20px;overflow:hidden;border:1px solid #e7e7e7;border-top:0;}
.main_match_info ul        {float:left;}
.main_match_info ul li    {color:#4c4c4c;background:url('../image/match/m_acc01.png') no-repeat 0 7px;background-size:4px;padding:0 0 3px 8px;}
.main_match_info ul li:last-child    {padding-bottom:0;}
.main_match_info .msg    {margin-top:5px;float:right;font-size:16px;color:#fff;text-align:center;height:55px;line-height:55px;width:210px;background:url('../image/main/msg_btn.png') no-repeat 93% center #eb3b04;background-size:10px;}

#main_wrap .la_gall_list .date    {padding:0 0 0 27px;background:url('../image/main/icon_date.png') no-repeat 0 0;}
#main_wrap .la_gall_list .hit    {padding:0 0 0 22px;background:url('../image/main/icon_view.png') no-repeat 0 0;}
.section01 .la_gall_wrap        {width:49%;margin-right:2%;}
.section01 .la_gall_wrap em        {position:absolute;z-index:3;top:50%;left:50%;margin:-40px 0 0 -40px;}


.section01    .match_list li                {overflow:hidden;padding:17.3px 15px;border:1px solid #e7e7e7;margin-top:-1px;}
.section01    .match_list_team            {float:left;width:40%;overflow:hidden;}
.section01    .match_list_team .img        {float:left;width:70px;height:70px;}
.section01    .match_list_team .img img    {width:100%;height:100%;border-radius:50px;object-fit:cover;border:1px solid #cbcbcb;}
.section01    .match_list_team .name        {padding:5px 0 0 85px;}
.section01    .match_list_team .name dt    {color:#2f2f2f;font-size:17px;font-weight:bold;padding-bottom:2px;}
.section01    .match_list_team .name dd    {color:#686868;padding-bottom:2px;}
.section01    .more        {text-align:left;text-indent:7px;font-size:13px;color:#757979;border:1px solid #e7e7e7;width:60px;height:20px;line-height:21px;border-radius:2px;
                        background:url('../image/main/t_acc01.png') no-repeat 90% 48%;background-size:5px;}
.section01    .match_list .wrap            {padding:0 5px;}
.section01    .match_list_info            {float:left;width:40%;}
.section01    .match_list_info p            {color:#4c4c4c;font-size:13px;background:url('../image/match/m_acc01.png') no-repeat 0 7px;background-size:4px;padding:0 0 2px 8px;}
.section01    .match_list_info p:last-child    {padding-bottom:0;}
.section01    .match_list_btn                {float:right;width:15.5%;}
.section01    .match_list_btn .type        {display:inline-block;width:100%;font-size:13px;height:25px;line-height:25px;color:#fff;background:#999;border:1px solid #999;text-align:center;margin-top:7px;}
.section01    .match_list_btn    .enter        {display:inline-block;width:100%;font-size:13px;height:25px;line-height:25px;border:1px solid #eb3b04;color:#eb3b04;text-align:center;margin-top:5px;
                                        background:url('../image/main/t_acc01.png') no-repeat 90% 48% #fff;background-size:5px;}


/* section2  ===================================================================================== */
.section02                    {position:relative;overflow:hidden;margin-top:20px;}
.section02    .match_list li                {overflow:hidden;padding:15px;border:1px solid #e7e7e7;margin-top:-1px;}
.section02    .match_list_team            {float:left;width:40%;overflow:hidden;}
.section02    .match_list_team .img        {float:left;width:70px;height:70px;}
.section02    .match_list_team .img img    {width:100%;height:100%;border-radius:50px;object-fit:cover;border:1px solid #cbcbcb;}
.section02    .match_list_team .name        {padding:5px 0 0 85px;}
.section02    .match_list_team .name dt    {color:#2f2f2f;font-size:17px;font-weight:bold;padding-bottom:2px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.section02    .match_list_team .name dd    {color:#686868;padding-bottom:2px;}
.section02    .more        {text-align:left;text-indent:7px;font-size:13px;color:#757979;border:1px solid #e7e7e7;width:60px;height:20px;line-height:21px;border-radius:2px;
                        background:url('../image/main/t_acc01.png') no-repeat 90% 48%;background-size:5px;}
.section02    .match_list .wrap            {padding:0 5px;}
.section02    .match_list_info            {float:left;width:40%;}
.section02    .match_list_info p            {color:#4c4c4c;font-size:13px;background:url('../image/match/m_acc01.png') no-repeat 0 7px;background-size:4px;padding:0 0 2px 8px;}
.section02    .match_list_info p:last-child    {padding-bottom:0;}
.section02    .match_list_btn                {float:right;width:15.5%;}
.section02    .match_list_btn .type        {display:inline-block;width:100%;font-size:13px;height:25px;line-height:25px;color:#fff;background:#999;border:1px solid #999;text-align:center;margin-top:7px;}
.section02    .match_list_btn    .enter        {display:inline-block;width:100%;font-size:13px;height:25px;line-height:25px;border:1px solid #eb3b04;color:#eb3b04;text-align:center;margin-top:5px;
                                        background:url('../image/main/t_acc01.png') no-repeat 90% 48% #fff;background-size:5px;}

/* section3  ===================================================================================== */
.section03                    {position:relative;overflow:hidden;margin-top:20px;}
.section03 .la_gall_wrap    {width:23.5%;margin-right:1.95%;}
.section03 .la_gall_wrap em    {display:none;}

/* section3  ===================================================================================== */
.section032                    {position:relative;overflow:hidden;margin-top:20px;}
.section032 .la_gall_wrap    {width:23.5%;margin-right:1.95%;}
.section032 .la_gall_wrap em    {display:none;}



/* section4  ===================================================================================== */
.section04                    {position:relative;overflow:hidden;margin-top:20px;}
.main_news_tab_title        {background:#f8f8f8;padding:13px 13px 9px 13px;border:1px solid #e7e7e7;overflow:hidden;}
.main_news_tab                {float:left;font-size:17px;color:#7e7e7e;cursor:pointer;margin-right:10px;padding-right:10px;border-right:1px solid #d1d1d1;}
.main_news_tab:last-child    {padding-right:0;border-right:0;margin-right:0;}
.main_news_tab .on             {color:#1c1c1c;}
.main_news_tab_title .more    {float:right;font-size:12px;color:#4c4c4c;background:#fff;border:1px solid #ececec;}
.main_news_tab_title .more img    {width:8px;padding:7px;}

/*    공지사항 latest 스타일    */

.la_news_list01                    {border:1px solid #e7e7e7;border-top:0;}
.la_news_list01 a                {color:#4c4c4c;}
.la_news_list01 a:hover            {text-decoration:underline;}
.la_news_list01    .list_wrap        {overflow:hidden;border-bottom:1px solid #e7e7e7;height:42px;line-height:42px;}
.la_news_list01    .list_wrap:last-child    {border-bottom:0;}
.la_news_list01 .list02            {float:left;margin:0; font-size:13px;background:url("../../../skin/latest/main_news/icon_li.gif") no-repeat 16px 18px ;text-indent:25px; width:75%;   overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; }
.la_news_list01 .list02:last-child    {padding:0;}
.la_news_list .qna_left_wait    {float:left;margin:0; display:inline-block; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; width:280px;  font-size:12px;background:url("../../../skin/latest/main_news/icon_wait.gif") no-repeat 0 0 ;padding:0 0 0 35px; height:21px; }
.la_news_list .qna_left_ok        {float:left;margin:0; display:inline-block; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; width:280px;  font-size:12px;background:url("../../../skin/latest/main_news/icon_ok.gif") no-repeat 0 0 ;padding:0 0 0 35px; height:21px; }
.noliste                        {font-weight:normal !important;color:#666 !important;}
.news_date                        {float:right;color:#797979;font-size:12px;padding-right:20px;}

.market_list                {overflow:hidden;border:1px solid #e7e7e7;padding:20px 20px 0 20px;margin-top:-1px;height:194px;}
.market_list li                {float:left;width:31.2%;margin-right:3%;}
.market_list li:last-child    {margin:0;}
.market_list li .img        {width:100%;height:122px;}
.market_list li .img img    {width:100%;height:100%;object-fit:cover;}
.market_list li .txt        {text-align:center;color:#4c4c4c;font-size:13px;margin-top:12px;}


/* section5  ===================================================================================== */
.section05                    {position:relative;overflow:hidden;margin-top:15px;}
.section05 .con01            {}
.section05 .con02            {margin-top:20px;}
.main_team_list                {overflow:hidden;border:1px solid #e7e7e7;margin-top:-1px;}
.main_team_list li            {float:left;width:33.3%;min-height:110px;border-bottom:1px solid #e7e7e7;box-sizing:border-box;}
.main_team_list li .wrap    {padding:13px;}
.main_team_list li:nth-child(4)    {border-bottom:0;}
.main_team_list li:nth-child(5)    {border-bottom:0;}
.main_team_list li:last-child    {border-bottom:0;}
.main_team_list .img        {float:left;width:70px;height:70px;padding-top:10px;}
.main_team_list .img img    {width:100%;height:100%;border-radius:50px;object-fit:cover;border:1px solid #cbcbcb;}
.main_team_list .team_info    {padding-left:85px;}
.main_team_list .team_info dt    {color:#2f2f2f;font-size:16px;font-weight:bold;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.main_team_list .team_info .point    {font-size:13px;color:#eb3b04;padding:0 0 3px 0;}
.main_team_list .team_info dd    {line-height:100%;color:#686868;font-size:13px;background:url('../image/match/m_acc01.png') no-repeat 0 5px;background-size:2px;padding:0 0 2px 6px;}
.main_team_list .team_info dd:last-child    {padding-bottom:0;}
.section05 .con02 .team_info        {padding:10px 0 0 85px;}
.section05 .con02 .team_info dt        {margin-bottom:5px;}


/* section55  ===================================================================================== */
.section055                    {position:relative;overflow:hidden;margin-top:5px;}
.section055 .con01            {}
.moblie_team_list            {overflow:hidden;border:1px solid #e7e7e7;margin-top:-1px;}
.moblie_team_list li        {float:left; width:33.3%;min-height:168px;border-bottom:1px solid #e7e7e7;box-sizing:border-box;}
.moblie_team_list li .wrap    {padding:13px;}
.moblie_team_list li dl        {float:left;width:100%;text-align:center; height:40px}
.moblie_team_list li:nth-child(4)    {border-bottom:0;}
.moblie_team_list li:nth-child(5)    {border-bottom:0;}
.moblie_team_list li:last-child    {border-bottom:0;}
.moblie_team_list .img        {width:70px;height:70px;padding-top:10px;}
.moblie_team_list .img img    {width:100%;height:100%;border-radius:50px;object-fit:cover;border:1px solid #cbcbcb;}


/* section5 사용한하는 콘텐츠  ===================================================================================== */
.section05 .con03            {float:left;width:23.5%;margin-right:1.95%;}
.main_bn01, .main_bn02        {color:#fff;font-size:23px;font-weight:bold;text-align:center;line-height:82px;height:82px;letter-spacing:-1px;text-shadow:#333 2px 2px 5px;}
.main_bn01                    {background:url('../image/main/main_bn01.png') no-repeat 0 0;background-size:cover;margin-bottom:10px;}
.main_bn02                    {background:url('../image/main/main_bn02.png') no-repeat 0 0;background-size:cover;}
.main_bnlist                {overflow:hidden;margin-top:13px;border-bottom:1px solid #e7e7e7;}
.main_bnlist li                {border:1px solid #e7e7e7;color:#494b4a;font-size:15px;height:54px;line-height:54px;border-bottom:0;text-indent:20px;
                            background:url('../image/main/bn_more.png') no-repeat 90% center;}

.section05 .con04            {float:right;width:23.5%;}
.main_rank                    {border:1px solid #e7e7e7;margin-top:-1px;}
.main_rank li                {overflow:hidden;border-bottom:1px solid #e7e7e7;text-align:center;padding:5px 10px;background:url('../image/main/rank_bg.png') no-repeat 6px 0;}
.main_rank li:last-child    {border-bottom:0;}
.main_rank li .rank            {float:left;width:23px;height:23px;line-height:23px;border-radius:50px;background:#dedede;border:1px solid #cbcbcb;color:#494b4a;font-family: 'Roboto';}
.main_rank li .rank01        {color:#fff;background-color:#eb3b04;border-color:#cd390a;}
.main_rank li .rank02        {color:#fff;background-color:#0081c9;border-color:#0770ab;}
.main_rank li .rank03        {color:#fff;background-color:#00b87e;border-color:#06986a;}
.main_rank li .name            {float:left;width:30%;color:#686868;line-height:23px;}
.main_rank li .team            {float:left;width:40%;color:#686868;line-height:23px;}
.main_rank li .graph        {float:right;width:10%;color:#686868;line-height:23px;}
.main_rank li .graph span    {color:#eb3b04;}



/* section6  ===================================================================================== */
.section06                    {position:relative;overflow:hidden;}
.section06 .shop01            {margin-top:20px;}
.product_list                {overflow:hidden;margin-top:10px;}
.product_list li            {float:left;width:15.4%;margin-right:1.3%;border:1px solid #e7e7e7;text-align:center;}
.product_list li:nth-child(5)    {margin-right:0;}
.product_list li:last-child    {float:right;margin-right:0;}
.product_list li .img        {text-align:center;min-height:140px;}
.product_list li .img img    {padding-top:12px;}
.product_list li dl            {padding:12px;border-top:1px solid #e7e7e7;}
.product_list li dl    dt        {color:#2f2f2f;font-size:14px;}
.product_list li dl .dc        {color:#7e7e7e;font-size:14px;text-decoration:line-through;padding:5px 0 2px 0;}
.product_list li dl .price    {color:#eb3b04;font-size:18px;font-weight:bold;}
.section06 .shop02            {margin-top:20px;}
.section06 .shop03            {margin-top:20px;}
.uniform_list                {overflow:hidden;margin-top:10px;}
.uniform_list li            {float:left;width:15.4%;margin-right:1.3%;border:1px solid #e7e7e7;text-align:center;}
.uniform_list li:nth-child(6)    {margin-right:0;}
.uniform_list li .img        {text-align:center;min-height:190px;}
.uniform_list li .img img    {padding-top:12px;;}
.uniform_list li .txt        {padding:12px;border-top:1px solid #e7e7e7;color:#2f2f2f;font-size:14px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}

/* 모바일  ===================================================================================== */

.mobile_con                            {display:none;}

/* screen 1110 */
@media screen and (max-width:1100px) {
    
    #main_slide                            {display:block;}
    #main_slide2                            {display:none;}
    .clsBannerScreen .images        {display:none; margin-top:10px;}

    .section01, .section02, .section03, .section04, .section05    {padding:0 10px;}
    .main_match_wrap dl        {width:44.5%;}
    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both;}
    .clsBannerScreen .images        {display:none; }

}



/* Tablet screen 1024 */
@media screen and (max-width:1024px) {
    
    #main_slide                            {display:block;}
    #main_slide2                            {display:none;}
    .clsBannerScreen .images        {display:none; margin-top:10px;}

    .main_title_top                {width:97%; background:#EAEAEA;padding:1%;color:#353535;border:3px solid #BDBDBD;font-size:22px; }

    .out_login                    {display:none;}

    .main_title, .main_news_tab, main_title4    {font-size:1.2em;}

    .section01 {display:none;}

    .section_mainvisual2 {display:none;}
    .mobile_con                    {display:block;position:relative;padding:0 10px;}
    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both;}
    .clsBannerScreen .images        {display:none; }
    
}


/* Mobile screen 850 */
@media screen and (max-width:850px) {
    
    #main_slide                            {display:none;}
    #main_slide2                            {display:block; height:280px;}
    .clsBannerScreen .images        {display:none; margin-top:5px;}

    .main_lt4                    {position:relative;float:left;width:98%;padding:1%; height:300px; }

    .main_lt_top                    {position:relative;float:left;width:98%;padding:1%; height:60px; }

    

    .main_title4    {font-size:1.2em;}
    
    .main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:15px;}

    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both; margin:0 0 0 auto;}
    .clsBannerScreen .images        {display:none; }
}



/* Mobile screen 768 */
@media screen and (max-width:768px) {
    
    #main_slide                            {display:none;}
    #main_slide2                            {display:block; height:260px;}
    .clsBannerScreen .images        {display:none; margin-top:20px;}

    .main_lt4                    {position:relative;float:left;width:98%;padding:1%; height:300px; }

    .main_lt_top                    {position:relative;float:left;width:98%;padding:1%; height:60px; }
    
    

    .main_title4    {font-size:1.2em;}
    
    .main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:15px;}
    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both; margin:0 0 0 auto;}
    .clsBannerScreen .images        {display:none; }

}


/* Mobile screen 550 */
@media screen and (max-width:550px) {
    
    #main_slide                            {display:none;}
    #main_slide2                            {display:block; height:220px;}
    .clsBannerScreen .images        {display:none; margin-top:30px;}

    .main_lt4                    {position:relative;float:left;width:98%;padding:1%; height:300px; }

    .main_lt_top                    {position:relative;float:left;width:98%;padding:1%; height:60px; }
    


    .main_title4    {font-size:1.2em;}

    
    .main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:14px;}
    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both; margin:0 0 0 auto;}
    .clsBannerScreen .images        {display:none; }
}



/* Mobile screen 480 */
@media screen and (max-width:480px) {
    
    #main_slide                            {display:none;}
    #main_slide2                            {display:block; height:200px; }
    .clsBannerScreen .images        {display:none; margin-top:30px;}

    .main_lt4                    {position:relative;float:left;width:98%;padding:1%; height:300px; }

    .main_title_top                {width:97%; background:#EAEAEA;padding:1%;color:#353535;border:3px solid #BDBDBD;font-size:16px; }

    .main_lt_top                    {position:relative;float:left;width:98%;padding:1%; height:60px; }
    

    .main_title4    {font-size:1.2em;}
    
    .main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:13px;}
    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both; margin:0 0 0 auto;}
    .clsBannerScreen .images        {display:none; }

}


/* Mobile screen 400 */
@media screen and (max-width:400px) {
    
    #main_slide                            {display:none;}
    #main_slide2                            {display:block; height:170px;}
    .clsBannerScreen .images        {display:none; margin-top:30px;}

    .main_lt4                    {position:relative;float:left;width:98%;padding:1%; height:300px; }

    .main_lt_top                    {position:relative;float:left;width:98%;padding:1%; height:60px; }
    
    .main_title4    {font-size:1.2em;}
    
    .main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:13px;}

    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both; margin:0 0 0 auto;}
    .clsBannerScreen .images        {display:none; }
}


/* Mobile screen 349 아이폰 구버전용(가로디스플레이 350px 이하) */
@media screen and (max-width:349px) {
    
    #main_slide                            {display:none;}
    #main_slide2                            {display:block;height:150px;}
    .clsBannerScreen .images        {display:none; margin-top:30px;}

    .main_lt4                    {position:relative;float:left;width:98%;padding:1%; height:300px; }
    .main_lt_top                    {position:relative;float:left;width:98%;padding:1%; height:60px; }
    

    .main_title4    {font-size:1.2em;}
    
    .main_title                    {background:#f8f8f8;padding:13px;color:#000;border:1px solid #e7e7e7;font-size:12px;}
    
    .clsBannerScreen                {overflow: hidden;position: relative;width:100%; clear:both; margin:0 0 0 auto;}
    .clsBannerScreen .images        {display:none; }
}