@charset "utf-8";

*{box-sizing:border-box;}

#wrap{width:100%; margin:0 auto; position: relative;}

/*Ŭ·´ »ó´Ü(¿ÞÂÊ °íÁ¤)*/
header{position:fixed; left:0; top:0; width:350px; z-index:2;}
header #top_menu{position:relative; width:100%; height:100vh; overflow-y:auto;}
header #top_menu::-webkit-scrollbar{width:4px; height:100%; background-color:#000; border-radius:5px;}
header #top_menu::-webkit-scrollbar-thumb{width:4px; border-radius:5px; background:#ddd;}
header #top_menu .tm_in{ min-height:866px; position:relative; height:100%;}
header #top_menu .menu_close{display:none; position:absolute; top:10px; right:10px;}
header #mobile_menu{display:none;}

#club_logo{padding:35px;}
#club_logo h1 a div{display:inline-block; vertical-align:middle;}
#club_logo h1 a div.emblem{width:80px; height:80px; border-radius:50%; overflow:hidden; background-color:#fff; text-align:center; position:relative; margin-right:5px;}
#club_logo h1 a div.emblem img{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#club_logo h1 a div.clubname{font-size:23px; color:#fff; font-weight:600; letter-spacing:-1.5px; word-break:keep-all;}


/*¼øÀ§ ¹îÁö*/
.ranking_t{display:none; font-size:0;}
.ranking_b{position:relative;}
.ranking_b:before{position:absolute; display:block; content:""; width:104px; height:107px; top:-31px; left:-12px;}
#club_logo h1 a.ranking_b div.emblem{margin-right:10px;}
#club_logo h1 a.ranking_b div .ranking_t{display:block; margin-bottom:3px;  }
#club_logo h1 a.ranking_b div .ranking_t > div{padding:8px 10px 8px 30px; background:rgba(0,0,0,0.5); border-radius:10px;}
#club_logo h1 a.ranking_b div .ranking_t span{position:relative; font-size:15px; font-weight:700;  background-clip: text; -webkit-background-clip: text; color: transparent;}
#club_logo h1 a.ranking_b div .ranking_t span:before{position:absolute; display:block; content:""; width:14px; height:21px; top:-3px; left:-18px;}
#club_logo h1 a.ranking_b div.clubname > span{margin-left:5px;}

.ranking_b.badge_g:before{background:url(/club/images/contents/badge_f01.png)no-repeat; background-size:100%;}
.ranking_b.badge_s:before{background:url(/club/images/contents/badge_f02.png)no-repeat; background-size:100%;}
.ranking_b.badge_b:before{background:url(/club/images/contents/badge_f03.png)no-repeat; background-size:100%;}

#club_logo h1 a.ranking_b.badge_g div .ranking_t span{background-image:linear-gradient(to right, #e8af34, #ffe5b2, #ffcf6e, #e99d42);}
#club_logo h1 a.ranking_b.badge_s div .ranking_t span{background-image:linear-gradient(to right, #fcfcfc, #c9c9c9, #ffffff, #b7babc);}
#club_logo h1 a.ranking_b.badge_b div .ranking_t span{background-image:linear-gradient(to right, #e49a68, #eecaab, #edc9a9, #e08965);}

#club_logo h1 a.ranking_b.badge_g div .ranking_t span:before{background:url(/club/images/contents/badge01.png)no-repeat; background-size:100%;}
#club_logo h1 a.ranking_b.badge_s div .ranking_t span:before{background:url(/club/images/contents/badge02.png)no-repeat; background-size:100%;}
#club_logo h1 a.ranking_b.badge_b div .ranking_t span:before{background:url(/club/images/contents/badge03.png)no-repeat; background-size:100%;}


/*Ŭ·´ ¸Þ´º*/
.club_menu{padding:25px 35px 15px 35px;}
.club_menu ul li{margin-bottom:18px; padding-left:10px;}
.club_menu ul li a{color:#fff; font-size:20px; font-weight:400;}
.club_menu ul li a span{padding:0 0 0 32px;}
.club_menu ul li:first-child a span{background:url(/club/images/common/cm_icon1.png) no-repeat; background-position:left center;}
.club_menu ul li:nth-child(2) a span{background:url(/club/images/common/cm_icon2.png) no-repeat; background-position:left center;}
.club_menu ul li:nth-child(3) a span{background:url(/club/images/common/cm_icon3.png) no-repeat; background-position:left center;}
.club_menu ul li:nth-child(4) a span{background:url(/club/images/common/cm_icon4.png) no-repeat; background-position:left center;}
.club_menu ul li:nth-child(5) a span{background:url(/club/images/common/cm_icon6.png) no-repeat; background-position:left center;}
.club_menu ul li:last-child a span{background:url(/club/images/common/cm_icon5.png) no-repeat; background-position:left center;}
.club_menu ul li:last-child{margin-bottom:0;}
.club_menu ul li .cm_second{margin-top:12px; padding-top:10px; border-top:1px dotted #fff;}
.club_menu ul li .cm_second li{margin-bottom:10px; position:relative; padding-left:20px;}
.club_menu ul li .cm_second li:last-child{margin-bottom:0;}
.club_menu ul li .cm_second li:before{display:block; content:""; position:absolute; width:6px; height:6px;  left:7px; top:6.5px; transform:rotate(45deg);}
.club_menu ul li .cm_second li a{font-size:17px;}

/*Ŭ·´ °ü¸®ÀÚ ¸Þ´º*/
.club_admin{margin-top:10px; padding:0 35px;}
.club_admin p{font-size:23px; font-weight:600; color:#fff; padding:0 0 9px 58px; position:relative;}
.club_admin p:after{display:block; content:""; position:absolute; height:3px; width:calc(100% - 45px); bottom:0; right:0;}
.club_admin ul{position:relative; border-radius:0 0 15px 15px; padding:20px; background:#ffffff95;}
.club_admin ul li{margin-bottom:12px; padding-left:15px; position:relative;}
.club_admin ul li:before{display:block; content:""; position:absolute; width:6px; height:6px; border-radius:50%; left:0; top:9px;}
.club_admin ul li:last-child{margin-bottom:0;}
.club_admin ul li a{font-size:20px; font-weight:500; color:#000; letter-spacing:-1.5px; display:inline-block; position:relative; z-index:1;}
.club_admin ul li a:hover:before{display:block; content:""; position:absolute; width:calc(100% + 7px); height:15px; z-index:-1; left:0; bottom:0; border-radius:0 50px 50px 0;}
.club_admin ul li a:hover{font-weight:600;}
.club_admin ul li.on a{font-weight:600;}
.club_admin ul li.on a:before{display:block; content:""; position:absolute; width:calc(100% + 7px); height:15px; z-index:-1; left:0; bottom:0; border-radius:0 50px 50px 0;}

.h_logo{position:absolute; bottom:15px; left:50%; transform:translateX(-50%); width:114px; height:20px;}
.h_logo a{display:block; width:100%; height:100%;}
.h_logo span{display:block; position:absolute; left:-9999px; top:-9999px; width:0; height:0; overflow:hidden;}

/*Ŭ·´ ÄÜÅÙÃ÷ ¿µ¿ª*/
#club_container{width:100%; position:relative; padding-left:350px;}
#sub_top{width:100%; text-align:center; height:155px; position:relative; overflow:hidden;}
#sub_top:before{position:relative; content:""; display:inline-block; vertical-align:middle; width:0; height:100%;}
#sub_top .sub_top_in{position:absolute; top:0; right:0; width:100%; padding:15px 15px 0 0; text-align:right;}
#sub_top .sub_top_in span.name{display:inline-block; vertical-align:middle; margin-right:10px; padding:1px 8px; font-weight:500;}
#sub_top .sub_top_in span.name span{font-weight:700;}
#sub_top .sub_top_in a{display:inline-block; vertical-align:middle; min-width:90px; height:32px; font-size:17px; font-weight:500; text-align:center; border-radius:5px; padding:5px 10px;}
#sub_top .sub_top_in .go_login{background-color:#1e2145; color:#fff;}
#sub_top .sub_top_in .logout{background-color:#1e2145; color:#ff8d8d;}
#sub_top .sub_top_in .go_myteam{background-color:#313131;}
#sub_top p{font-size:38px; font-weight:700; display:inline-block; vertical-align:middle; letter-spacing:-2px; margin-top:20px;}

#club_contents{padding-top:30px; min-height: 749px;}
#club_contents .inner{width:1100px; margin:0 auto; position:relative;}
#contents_box{width:100%; min-height:74.5vh; padding-bottom:100px;}
.join_screen{margin-top:160px !important;}

/*Ŭ·´ ǪÅÍ*/
footer{width:100%; padding-left:350px; border-top:1px solid #000;}
footer .footer_in{width:1100px; margin:0 auto; position:relative; padding:15px 0; text-align:center;}
footer .footer_in p{font-weight:500; font-size:15px;}
footer .footer_in a.club_out{display:inline-block; position:absolute; font-size:15px; font-weight:500; padding:5px 10px; border:1px solid #272727; border-radius:5px; right:0; bottom:8px;}



/* À§·Î°¡±â ¹öÆ° */
.top_go{position:fixed; right:10px; bottom:10px; z-index:100; width: 40px; height:40px; border-radius:50%; background:#181e34;}
.top_go a{display:block; width:100%; height:100%; text-align:center; font-family: 'Pretendard'; position:absolute; padding: 12px 5px; font-size:15px;}
.top_go a span{font-family: 'Pretendard'; font-weight: 600; display:block;}




/*Å״Ͻº Ŭ·´*/
#wrap.tn header #top_menu{background:url(/club/images/common/t_left_bg.jpg) repeat-y;}
#wrap.tn #club_logo{border-bottom:5px solid #ccff00;}
#wrap.tn .club_menu ul li:first-child a:hover span{background:url(/club/images/common/t_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(2) a:hover span{background:url(/club/images/common/t_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(3) a:hover span{background:url(/club/images/common/t_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(4) a:hover span{background:url(/club/images/common/t_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(5) a:hover span{background:url(/club/images/common/t_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:last-child a:hover span{background:url(/club/images/common/t_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:first-child.on a span{background:url(/club/images/common/t_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(2).on a span{background:url(/club/images/common/t_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(3).on a span{background:url(/club/images/common/t_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(4).on a span{background:url(/club/images/common/t_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:nth-child(5).on a span{background:url(/club/images/common/t_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_menu ul li:last-child.on a span{background:url(/club/images/common/t_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.tn .club_admin ul li a:hover:before{background-color:#e6ff81;}
#wrap.tn .club_admin ul li.on a:before{background-color:#e6ff81;}



#wrap.tn .club_menu ul li a:hover span{color:#ccff00;}
#wrap.tn .club_menu ul li .cm_second li a:hover{color:#ccff00;}
#wrap.tn .club_menu ul li.on a span{color:#ccff00;}
#wrap.tn .club_menu ul li .cm_second li:before{background-color:#ccff00;}
#wrap.tn .club_menu ul li .cm_second li.on a{color:#e0ff65;}

#wrap.tn .club_admin p{background:url(/club/images/common/t_adm_icon.png) no-repeat; background-position:left bottom;}
#wrap.tn .club_admin p:after{background-color:#ccff00;}
#wrap.tn .club_admin ul li:before{background-color:#ccff00;}

#wrap.tn .h_logo{background:url(/club/images/common/f_logo.png) no-repeat;}

#wrap.tn #sub_top{border-bottom:5px solid #ccff00; background:url(/club/images/common/t_sub_top.jpg) no-repeat; background-position:left top -365px;}
#wrap.tn #sub_top .sub_top_in .go_myteam{color:#bae900;}
#wrap.tn #sub_top .sub_top_in span.name{background-color:#ccff00;}
#wrap.tn footer{background-color:#f4f8e5;}
#wrap.tn .top_go a span{color: #e6ff81;}

#wrap.tn .paging ul li.on a{color: #ccff00;}


#wrap.tn table.table_list thead th{color:#ccff00;}

#wrap.tn .table_list > ul.thead li{color:#ccff00;}
#wrap.tn .table_list .lbtn.appl{background-color:#cff33c;}
#wrap.tn .table_list .lbtn.appl:hover{background-color:#46b700; color:#fff;}
#wrap.tn .table_list p.tit a:hover{color:#008342;}

#wrap.tn  .tnmt_ing .mbox .match_table thead th.on:before{border:3px solid #ccff00;}
#wrap.tn  .tnmt_ing .mbox .match_table thead th.on{background-color:#ccff00; color:#000; font-weight:600;}


#wrap.tn .table_write ul li > div.th label.must_write{background:url(/club/images/board/t_must_write_icon.png) no-repeat; background-position:right center;}
#wrap.tn .table_write ul li > div.th{color:#ccff00;}



/*¹èµå¹ÎÅÏ Å¬·´*/
#wrap.bm header #top_menu{background:url(/club/images/common/b_left_bg.jpg) repeat-y;}
#wrap.bm #club_logo{border-bottom:5px solid #00fefc;}
#wrap.bm .club_menu ul li:first-child a:hover span{background:url(/club/images/common/b_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(2) a:hover span{background:url(/club/images/common/b_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(3) a:hover span{background:url(/club/images/common/b_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(4) a:hover span{background:url(/club/images/common/b_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(5) a:hover span{background:url(/club/images/common/b_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:last-child a:hover span{background:url(/club/images/common/b_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:first-child.on a span{background:url(/club/images/common/b_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(2).on a span{background:url(/club/images/common/b_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(3).on a span{background:url(/club/images/common/b_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(4).on a span{background:url(/club/images/common/b_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:nth-child(5).on a span{background:url(/club/images/common/b_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_menu ul li:last-child.on a span{background:url(/club/images/common/b_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.bm .club_admin ul li a:hover:before{background-color:#c7faff;}
#wrap.bm .club_admin ul li.on a:before{background-color:#c7faff;}
#wrap.bm .club_menu ul li a:hover span{color:#00fefc;}
#wrap.bm  .club_menu ul li .cm_second li a:hover{color:#00fefc;}
#wrap.bm .club_menu ul li.on a span{color:#00fefc;}
#wrap.bm .club_menu ul li .cm_second li:before{background-color:#00fefc;}
#wrap.bm .club_menu ul li .cm_second li.on a{color:#a1fffe;}

#wrap.bm .club_admin p{background:url(/club/images/common/b_adm_icon.png) no-repeat; background-position:left bottom;}
#wrap.bm .club_admin p:after{background-color:#00fefc;}
#wrap.bm .club_admin ul li:before{background-color:#00fefc;}

#wrap.bm .h_logo{background:url(/club/images/common/f_logo.png) no-repeat;}

#wrap.bm #sub_top{border-bottom:5px solid #00fefc; background:url(/club/images/common/b_sub_top.jpg) no-repeat; background-position:right top -160px; background-size:100%;}
#wrap.bm #sub_top .sub_top_in .go_myteam{color:#01fffd;}
#wrap.bm #sub_top .sub_top_in span.name{background-color:#00fefc;}

#wrap.bm footer{background-color:#e1fbfa;}
#wrap.bm .top_go a span{color: #c7faff;}

#wrap.bm .paging ul li.on a{color: #00fefc;}

#wrap.bm table.table_list thead th{color:#00fffd;}

#wrap.bm .table_list > ul.thead li{display:inline-block; vertical-align:middle; font-weight:500; font-size:18px; text-align:center; color:#00fefc;}
#wrap.bm .table_list .lbtn.appl{background-color:#b1f1ff;}
#wrap.bm .table_list .lbtn.appl:hover{background-color:#13d5ff; font-weight:500;}
#wrap.bm .table_list p.tit a:hover{color:#008342;}

#wrap.bm  .tnmt_ing .mbox .match_table thead th.on:before{border:3px solid #00fefc;}
#wrap.bm  .tnmt_ing .mbox .match_table thead th.on{background-color:#00fefc; color:#000; font-weight:600;}


#wrap.bm .table_write ul li > div.th label.must_write{background:url(/club/images/board/b_must_write_icon.png) no-repeat; background-position:right center;}
#wrap.bm .table_write ul li > div.th{color:#00fefc;}




/*Ź±¸ Ŭ·´*/
#wrap.pp header #top_menu{background:url(/club/images/common/p_left_bg.jpg) repeat-y;}
#wrap.pp #club_logo{border-bottom:5px solid #ff9c01;}
#wrap.pp .club_menu ul li:first-child a:hover span{background:url(/club/images/common/p_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(2) a:hover span{background:url(/club/images/common/p_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(3) a:hover span{background:url(/club/images/common/p_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(4) a:hover span{background:url(/club/images/common/p_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(5) a:hover span{background:url(/club/images/common/p_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:last-child a:hover span{background:url(/club/images/common/p_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:first-child.on a span{background:url(/club/images/common/p_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(2).on a span{background:url(/club/images/common/p_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(3).on a span{background:url(/club/images/common/p_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(4).on a span{background:url(/club/images/common/p_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:nth-child(5).on a span{background:url(/club/images/common/p_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_menu ul li:last-child.on a span{background:url(/club/images/common/p_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.pp .club_admin ul li a:hover:before{background-color:#ffd280;}
#wrap.pp .club_admin ul li.on a:before{background-color:#ffd280;}
#wrap.pp .club_menu ul li a:hover span{color:#ff9c01;}
#wrap.pp .club_menu ul li .cm_second li a:hover{color:#ff9c01;}
#wrap.pp .club_menu ul li.on a span{color:#ff9c01;}
#wrap.pp .club_menu ul li .cm_second li:before{background-color:#ff9c01;}
#wrap.pp .club_menu ul li .cm_second li.on a{color:#ffb747;}


#wrap.pp .club_admin p{background:url(/club/images/common/p_adm_icon.png) no-repeat; background-position:left bottom;}
#wrap.pp .club_admin p:after{background-color:#ff9c01;}
#wrap.pp .club_admin ul li:before{background-color:#ffa820;}

#wrap.pp .h_logo{background:url(/club/images/common/f_logo.png) no-repeat;}

#wrap.pp #sub_top{border-bottom:5px solid #ff9c01; background:url(/club/images/common/p_sub_top.jpg) no-repeat; background-position:center bottom -310px;}
#wrap.pp #sub_top .sub_top_in .go_myteam{color:#ff9c00;}
#wrap.pp #sub_top .sub_top_in span.name{background-color:#ccff00;}

#wrap.pp footer{background-color:#fff3dd;}
#wrap.pp .top_go a span{color: #ffd280;}

#wrap.pp .paging ul li.on a{color: #ff9c01;}

#wrap.pp table.table_list thead th{color:#ffbb57;}

#wrap.pp .table_list > ul.thead li{display:inline-block; vertical-align:middle; font-weight:500; font-size:18px; text-align:center; color:#ff9c01;}
#wrap.pp .table_list .lbtn.appl{background-color:#ffca88;}
#wrap.pp .table_list .lbtn.appl:hover{background-color:#ffa433; font-weight:500;}
#wrap.pp .table_list p.tit a:hover{color:#008342;}

#wrap.pp  .tnmt_ing .mbox .match_table thead th.on:before{border:3px solid #ff9c01;}
#wrap.pp  .tnmt_ing .mbox .match_table thead th.on{background-color:#ff9c01; color:#000; font-weight:600;}


#wrap.pp .table_write ul li > div.th label.must_write{background:url(/club/images/board/p_must_write_icon.png) no-repeat; background-position:right center;}
#wrap.pp .table_write ul li > div.th{color:#ff9c01;}






/*¸¶¶óÅæ Ŭ·´*/
#wrap.mt header #top_menu{background:url(/club/images/common/m_left_bg.jpg) repeat-y;}
#wrap.mt #club_logo{border-bottom:5px solid #ff29a2;}
#wrap.mt .club_menu ul li:first-child a:hover span{background:url(/club/images/common/m_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(2) a:hover span{background:url(/club/images/common/m_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(3) a:hover span{background:url(/club/images/common/m_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(4) a:hover span{background:url(/club/images/common/m_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(5) a:hover span{background:url(/club/images/common/m_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:last-child a:hover span{background:url(/club/images/common/m_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:first-child.on a span{background:url(/club/images/common/m_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(2).on a span{background:url(/club/images/common/m_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(3).on a span{background:url(/club/images/common/m_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(4).on a span{background:url(/club/images/common/m_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:nth-child(5).on a span{background:url(/club/images/common/m_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_menu ul li:last-child.on a span{background:url(/club/images/common/m_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.mt .club_admin ul li a:hover:before{background-color:#ffd9e4;}
#wrap.mt .club_admin ul li.on a:before{background-color:#ffd9e4;}
#wrap.mt .club_menu ul li a:hover span{color:#ff29a2;}
#wrap.mt .club_menu ul li .cm_second li a:hover{color:#ff29a2;}
#wrap.mt .club_menu ul li.on a span{color:#ff29a2;}
#wrap.mt .club_menu ul li .cm_second li:before{background-color:#ff29a2;}
#wrap.mt .club_menu ul li .cm_second li.on a{color:#ff0090;}


#wrap.mt .club_admin p{background:url(/club/images/common/m_adm_icon.png) no-repeat; background-position:left bottom;}
#wrap.mt .club_admin p:after{background-color:#ff29a2;}
#wrap.mt .club_admin ul li:before{background-color:#ff29a2;}

#wrap.mt .h_logo{background:url(/club/images/common/f_logo.png) no-repeat;}

#wrap.mt #sub_top{border-bottom:5px solid #ff29a2; background:url(/club/images/common/m_sub_top.jpg) no-repeat; background-position:center bottom -55px; background-size:100%;}
#wrap.mt #sub_top .sub_top_in .go_myteam{color:#ff40ac;}
#wrap.mt #sub_top .sub_top_in span.name{background-color:#ffc8e9;}

#wrap.mt footer{background-color:#ffe9f3;}
#wrap.mt .top_go a span{color: #ffb3d6;}

#wrap.mt .paging ul li.on a{color: #ff81c8;}

#wrap.mt table.table_list thead th{color:#ffaddb;}

#wrap.mt .table_list > ul.thead li{display:inline-block; vertical-align:middle; font-weight:500; font-size:18px; text-align:center; color:#ffaddb;}
#wrap.mt .table_list .lbtn.appl{background-color:#ffbbda;}
#wrap.mt .table_list .lbtn.appl:hover{background-color:#ff91c3; font-weight:500;}
#wrap.mt .table_list p.tit a:hover{color:#008342;}

#wrap.mt  .tnmt_ing .mbox .match_table thead th.on:before{border:3px solid #ff29a2;}
#wrap.mt  .tnmt_ing .mbox .match_table thead th.on{background-color:#ff29a2; color:#000; font-weight:600;}


#wrap.mt .table_write ul li > div.th label.must_write{background:url(/club/images/board/m_must_write_icon.png) no-repeat; background-position:right center;}
#wrap.mt .table_write ul li > div.th{color:#ffaddb;}





/*µî»ê Ŭ·´*/
#wrap.ds header #top_menu{background:url(/club/images/common/c_left_bg.jpg) repeat-y;}
#wrap.ds #club_logo{border-bottom:5px solid #0aeba9;}
#wrap.ds .club_menu ul li:first-child a:hover span{background:url(/club/images/common/c_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(2) a:hover span{background:url(/club/images/common/c_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(3) a:hover span{background:url(/club/images/common/c_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(4) a:hover span{background:url(/club/images/common/c_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(5) a:hover span{background:url(/club/images/common/c_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:last-child a:hover span{background:url(/club/images/common/c_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:first-child.on a span{background:url(/club/images/common/c_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(2).on a span{background:url(/club/images/common/c_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(3).on a span{background:url(/club/images/common/c_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(4).on a span{background:url(/club/images/common/c_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:nth-child(5).on a span{background:url(/club/images/common/c_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_menu ul li:last-child.on a span{background:url(/club/images/common/c_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.ds .club_admin ul li a:hover:before{background-color:#a8ffe5;}
#wrap.ds .club_admin ul li.on a:before{background-color:#a8ffe5;}
#wrap.ds .club_menu ul li a:hover span{color:#0aeba9;}
#wrap.ds .club_menu ul li .cm_second li a:hover{color:#0aeba9;}
#wrap.ds .club_menu ul li.on a span{color:#0aeba9;}
#wrap.ds .club_menu ul li .cm_second li:before{background-color:#0aeba9;}
#wrap.ds .club_menu ul li .cm_second li.on a{color:#0aeba9;}


#wrap.ds .club_admin p{background:url(/club/images/common/c_adm_icon.png) no-repeat; background-position:left bottom;}
#wrap.ds .club_admin p:after{background-color:#0aeba9;}
#wrap.ds .club_admin ul li:before{background-color:#0aeba9;}

#wrap.ds .h_logo{background:url(/club/images/common/f_logo.png) no-repeat;}

#wrap.ds #sub_top{border-bottom:5px solid #0aeba9; background:url(/club/images/common/c_sub_top.jpg) no-repeat; background-position:center; background-size:100%;}
#wrap.ds #sub_top .sub_top_in .go_myteam{color:#0aeba9;}
#wrap.ds #sub_top .sub_top_in span.name{background-color:#71ffb0;}

#wrap.ds footer{background-color:#ddfff1;}
#wrap.ds .top_go a span{color: #0aeba9;}

#wrap.ds .paging ul li.on a{color: #0aeba9;}

#wrap.ds table.table_list thead th{color:#0aeba9;}

#wrap.ds .table_list > ul.thead li{display:inline-block; vertical-align:middle; font-weight:500; font-size:18px; text-align:center; color:#0aeba9;}
#wrap.ds .table_list .lbtn.appl{background-color:#b2f5e1;}
#wrap.ds .table_list .lbtn.appl:hover{background-color:#80e7c8; font-weight:500;}
#wrap.ds .table_list p.tit a:hover{color:#008342;}

#wrap.ds  .tnmt_ing .mbox .match_table thead th.on:before{border:3px solid #0aeba9;}
#wrap.ds  .tnmt_ing .mbox .match_table thead th.on{background-color:#0aeba9; color:#000; font-weight:600;}


#wrap.ds .table_write ul li > div.th label.must_write{background:url(/club/images/board/c_must_write_icon.png) no-repeat; background-position:right center;}
#wrap.ds .table_write ul li > div.th{color:#0aeba9;}






/*³¬½Ã Ŭ·´*/
#wrap.ns header #top_menu{background:url(/club/images/common/f_left_bg.jpg) repeat-y;}
#wrap.ns #club_logo{border-bottom:5px solid #74c2ff;}
#wrap.ns .club_menu ul li:first-child a:hover span{background:url(/club/images/common/f_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(2) a:hover span{background:url(/club/images/common/f_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(3) a:hover span{background:url(/club/images/common/f_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(4) a:hover span{background:url(/club/images/common/f_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(5) a:hover span{background:url(/club/images/common/f_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:last-child a:hover span{background:url(/club/images/common/f_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:first-child.on a span{background:url(/club/images/common/f_cm_icon1_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(2).on a span{background:url(/club/images/common/f_cm_icon2_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(3).on a span{background:url(/club/images/common/f_cm_icon3_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(4).on a span{background:url(/club/images/common/f_cm_icon4_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:nth-child(5).on a span{background:url(/club/images/common/f_cm_icon6_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_menu ul li:last-child.on a span{background:url(/club/images/common/f_cm_icon5_on.png) no-repeat; background-position:left center;}
#wrap.ns .club_admin ul li a:hover:before{background-color:#bbe1ff;}
#wrap.ns .club_admin ul li.on a:before{background-color:#bbe1ff;}
#wrap.ns .club_menu ul li a:hover span{color:#74c2ff;}
#wrap.ns .club_menu ul li .cm_second li a:hover{color:#74c2ff;}
#wrap.ns .club_menu ul li.on a span{color:#74c2ff;}
#wrap.ns .club_menu ul li .cm_second li:before{background-color:#74c2ff;}
#wrap.ns .club_menu ul li .cm_second li.on a{color:#74c2ff;}


#wrap.ns .club_admin p{background:url(/club/images/common/f_adm_icon.png) no-repeat; background-position:left bottom;}
#wrap.ns .club_admin p:after{background-color:#74c2ff;}
#wrap.ns .club_admin ul li:before{background-color:#74c2ff;}

#wrap.ns .h_logo{background:url(/club/images/common/f_logo.png) no-repeat;}

#wrap.ns #sub_top{border-bottom:5px solid #74c2ff; background:url(/club/images/common/f_sub_top.jpg) no-repeat; background-position:center center; background-size:100%;}
#wrap.ns #sub_top .sub_top_in .go_myteam{color:#74c2ff;}
#wrap.ns #sub_top .sub_top_in span.name{background-color:#9dd4ff;}

#wrap.ns footer{background-color:#ddeeff;}
#wrap.ns .top_go a span{color: #74c2ff;}

#wrap.ns .paging ul li.on a{color: #74c2ff;}

#wrap.ns table.table_list thead th{color:#74c2ff;}

#wrap.ns .table_list > ul.thead li{display:inline-block; vertical-align:middle; font-weight:500; font-size:18px; text-align:center; color:#74c2ff;}
#wrap.ns .table_list .lbtn.appl{background-color:#d2ebff;}
#wrap.ns .table_list .lbtn.appl:hover{background-color:#a4d6ff; font-weight:500;}
#wrap.ns .table_list p.tit a:hover{color:#0568b5;}

#wrap.ns  .tnmt_ing .mbox .match_table thead th.on:before{border:3px solid #74c2ff;}
#wrap.ns  .tnmt_ing .mbox .match_table thead th.on{background-color:#74c2ff; color:#000; font-weight:600;}


#wrap.ns .table_write ul li > div.th label.must_write{background:url(/club/images/board/f_must_write_icon.png) no-repeat; background-position:right center;}
#wrap.ns .table_write ul li > div.th{color:#74c2ff;}








@media screen and (min-width:1921px){

#wrap{max-width:1920px;}

/*Ŭ·´ »ó´Ü(¿ÞÂÊ °íÁ¤)*/
header{position:absolute; height:100%;}
header #top_menu{height:100%;}


/*Ŭ·´ ÄÜÅÙÃ÷ ¿µ¿ª*/
#club_container{width:100%; position:relative; padding-left:350px;}
#sub_top{background-size:100% !important;}


/*Ŭ·´ ǪÅÍ*/
footer{padding-left:350px; }

}





@media screen and (max-width:1500px){


/*Ŭ·´ »ó´Ü(¿ÞÂÊ °íÁ¤)*/
header{width:280px;}

#club_logo{padding:35px 20px;}
#club_logo h1 a div.emblem{width:70px; height:70px;}
#club_logo h1 a div.clubname{font-size:21px;}

/*¼øÀ§ ¹îÁö*/
.ranking_b:before{width:94px; height:97px; top:-26px;}
#club_logo h1 a.ranking_b div.emblem{margin-right:8px;}
#club_logo h1 a.ranking_b div .ranking_t > div{padding:7px 10px 7px 30px;}
#club_logo h1 a.ranking_b div .ranking_t span:before{width:12px; height:20px; top:-1px;}

/*Ŭ·´ ¸Þ´º*/
.club_menu{padding:30px 20px;}
.club_menu ul li a{font-size:19px;}

/*Ŭ·´ °ü¸®ÀÚ ¸Þ´º*/
.club_admin{margin-top:0; padding:0 20px;}
.club_admin p{font-size:22px;}
.club_admin ul{padding:15px;}
.club_admin ul li:before{top:7.5px;}
.club_admin ul li a{font-size:18px;}


/*Ŭ·´ ÄÜÅÙÃ÷ ¿µ¿ª*/
#club_container{padding-left:280px;}
#sub_top{height:145px;}
#sub_top p{font-size:35px;}

#club_contents .inner{width:100%; padding:0 30px;}

/*Ŭ·´ ǪÅÍ*/
footer{padding-left:280px;}
footer .footer_in{width:100%; padding:15px;}



}



@media screen and (max-width:1100px){

/*Ŭ·´ »ó´Ü(¿ÞÂÊ °íÁ¤)*/
header{width:100%; height:60px;}
header #top_menu{width:280px; position: absolute; left: -280px; overflow-y:auto; min-height:auto;}
header #top_menu.open{position:fixed; left: 0; z-index:2; transition:0.5s all ease; height:100%;}
header #top_menu.close{left: -280px; transition:0.5s all ease;}
header #top_menu .menu_close{display:block;}


/*Ŭ·´ °ü¸®ÀÚ ¸Þ´º*/
.club_admin{margin-top:20px;}


header #mobile_menu{display:block; position:absolute; top:0; left:0; width:100%; background-color:#ffffff99;}
header #mobile_menu .menu_box{float:left; padding:17.5px;}
header #mobile_menu .club_box{float:right; padding:5px 10px 5px 0;}
header #mobile_menu .club_box .emblem{display:inline-block; vertical-align:middle; height:50px; width:50px; padding:5px; border-radius:50%; overflow:hidden; position:relative; margin-left:5px;}
header #mobile_menu .club_box .emblem img{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
header #mobile_menu .club_box .go_myteam{display:inline-block; vertical-align:middle; min-width:90px; height:32px; font-size:17px; font-weight:500; text-align:center; border-radius:5px; padding:5px 10px; background-color:#313131;}

/*Ŭ·´ ÄÜÅÙÃ÷ ¿µ¿ª*/
#club_container{padding-left:0;}
#sub_top{height:175px; padding-top:60px;}
#sub_top p{font-size:32px; margin-top:5px;}
#sub_top .sub_top_in{display:none;}

#club_contents{padding-top:25px;}
#club_contents .inner{padding:0 15px;}

/*Ŭ·´ ǪÅÍ*/
footer{padding-left:0;}




/*Å״Ͻº Ŭ·´*/
#wrap.tn header #mobile_menu{border-bottom:1px solid #77873e;}
#wrap.tn header #mobile_menu .club_box .go_myteam{color:#bae900;}


/*¹èµå¹ÎÅÏ Å¬·´*/
#wrap.bm header #mobile_menu{border-bottom:1px solid #528584;}
#wrap.bm header #mobile_menu .club_box .go_myteam{color:#01fffd;}


/*Ź±¸ Ŭ·´*/
#wrap.pp header #mobile_menu{border-bottom:1px solid #d9b884;}
#wrap.pp header #mobile_menu .club_box .go_myteam{color:#ff9c00;}


/*¸¶¶óÅæ Ŭ·´*/
#wrap.mt header #mobile_menu{border-bottom:1px solid #b96a9d;}
#wrap.mt header #mobile_menu .club_box .go_myteam{color:#ff40ac;}


/*µî»ê Ŭ·´*/
#wrap.ds header #mobile_menu{border-bottom:1px solid #6ab99f;}
#wrap.ds header #mobile_menu .club_box .go_myteam{color:#0aeba9;}


/*³¬½Ã Ŭ·´*/
#wrap.ns header #mobile_menu{border-bottom:1px solid #6aa3b9;}
#wrap.ns header #mobile_menu .club_box .go_myteam{color:#74c2ff;}


}




@media screen and (max-width:750px){


}








@media screen and (max-width:650px){

/*Ŭ·´ »ó´Ü(¿ÞÂÊ °íÁ¤)*/
#club_logo{padding:25px 15px;}
#club_logo h1 a div.emblem{width:60px; height:60px;}
#club_logo h1 a div.clubname{font-size:18px;}

/*¼øÀ§ ¹îÁö*/
.ranking_b:before{width:82px; height:85px; top:-20px; left: -11px;}
#club_logo h1 a.ranking_b div.emblem{margin-right:8px;}
#club_logo h1 a.ranking_b div .ranking_t > div{padding:5px 10px 5px 25px;}
#club_logo h1 a.ranking_b div .ranking_t span{font-size: 13px;}
#club_logo h1 a.ranking_b div .ranking_t span:before{width:11px; height:17px; left: -15px;}

/*Ŭ·´ ¸Þ´º*/
.club_menu{padding:20px 15px;}
.club_menu ul li {margin-bottom: 25px;}
.club_menu ul li a{font-size:18px;}

/*Ŭ·´ °ü¸®ÀÚ ¸Þ´º*/
.club_admin{margin-top:30px; padding:0 15px;}
.club_admin p{font-size:20px;}
.club_admin ul li {margin-bottom: 15px;}
.club_admin ul li a{font-size:17px;}

.h_logo{bottom:25px;}





}




@media screen and (max-width:500px){


footer .footer_in a.club_out{display:inline-block; position:relative; font-size:14px; right:auto; bottom:auto; margin-top:10px;}

}