@charset "utf-8";

*{box-sizing:border-box;}

 #wrap{width:100%; margin:0 auto; position: relative; overflow: hidden;}
 #wrap:before{position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
 .inner{width:1400px; margin:0 auto;}


/*스카이배너*/
#skybnr{width:100%; position:relative;}
#skybnr .bx-viewport{height:auto !important; overflow: visible !important;}
#skybnr ul#sky_list{}
#skybnr ul#sky_list li{width:100%;}
#skybnr .b_inner{height:100%;}
#skybnr .b_inner a{display:block; width:100%; position:relative; word-break:keep-all;}	
/*#skybnr .close{position:absolute;bottom: 10px;right:20px;z-index:1;border-radius:5px 5px 0 0;}
#skybnr .close label{vertical-align:middle;color:#fff; margin-right:20px; font-size:17px;}
#skybnr .close a{display:inline-block; position:relative;}
#skybnr .close a span{font-size:15px; color:#fff;}
#skybnr .close a img{width:28px;}*/

#skybnr .sky_controll{position:absolute; left:50%; transform:translateX(-50%); bottom:9px; z-index: 1;}
#skybnr .sky_controll > ul#skycircle{font-size:0;}
#skybnr .sky_controll > ul#skycircle li{display:inline-block; vertical-align:middle; margin-right:5px;}
#skybnr .sky_controll > ul#skycircle li:last-child{margin-right:0;}
#skybnr .sky_controll > ul#skycircle li a{width:12px; height:12px; display:block; border-radius:50%; border:2px solid #da80ff; box-shadow:0 0 4px 0 #ff80e4;}
#skybnr .sky_controll > ul#skycircle li a.bp{border:2px solid #fff;}
#skybnr .sky_controll > ul#skycircle li a.active{background:#ff80e4;}
#skybnr .sky_controll > ul#skycircle li a.bp.active{background:#ff80e4;}

#skybnr .close{position: relative; display:inline-block; width:100%; padding:7px 10px; background-color:#000; text-align:right; margin-top:-1px;}
#skybnr .close label{display:inline-block; vertical-align:middle; color:#fff; margin-right:10px; font-size:16px;}
#skybnr .close label input{display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;}
#skybnr .close a{display:inline-block; vertical-align:middle;}
#skybnr .close a img{width:20px;}

#skybnr .sv_st{vertical-align:middle;}


#skybnr .skyb1 .b_inner{background:#5200c1;}
#skybnr .skyb1 .b_inner:before{position:absolute; content:""; display:block; width:100%; height:180%; background:#5200c1; left:0; z-index: -1;}
#skybnr .skyb1 .b_inner .bi_in{text-align:center;padding: 26px 15px;}
#skybnr .skyb1 .b_inner .bi_in div{max-width:1400px;margin:0 auto;padding: 10px 0 10px 135px;background:url(/images/common/skyb_bg1_icon.png) no-repeat;background-position:left center;text-align: left;}
#skybnr .skyb1 p{color:#fff;}
#skybnr .skyb1 p.tit{font-weight:700;font-size:24px;color:#ffde00;margin-bottom: 20px;}
#skybnr .skyb1 p.text{font-weight:400;font-size: 17px;line-height: 20px;}

#skybnr .skyb2 .b_inner{background:#050422 url(/images/common/skyb_bg2.png) repeat;}
#skybnr .skyb2 .b_inner:before{position:absolute; content:""; display:block; width:100%; height:170%; background:#050422 url(/images/common/skyb_bg2.png) repeat; left:0; z-index: -1;}
#skybnr .skyb2 .b_inner .bi_in{padding:30px 15px;}
#skybnr .skyb2 .b_inner .bi_in div{position:relative; max-width:1400px; margin:0 auto; padding:10px 0 10px 110px; text-align:center; }
#skybnr .skyb2 .b_inner .bi_in div::before{position:absolute; content:""; display:block; background:url(/images/common/skyb_bg2_icon.png) no-repeat; background-position:left center; top:50%; left:0; transform:translateY(-50%); width:100px; height:65px; filter: drop-shadow(0px 0px 7px #ff14db);}
#skybnr .skyb2 p{color:#000;}
#skybnr .skyb2 p.tit{font-weight:700; font-size:25px; color:#050422; margin-bottom:18px;  text-shadow: -1px 0 #65fffd, 0 1px #65fffd, 1px 0 #65fffd, 0 -1px #65fffd; filter: drop-shadow(0px 0px 5px #50fffd);}
#skybnr .skyb2 p.text{font-weight:500; font-size:16px; color:#fff; line-height:20px;}

#skybnr .skyb3 .b_inner{background: linear-gradient(to right, #1b2796, #414ba3);padding: 20px 15px;}
#skybnr .skyb3 .b_inner:before{position:absolute; content:""; display:block; width:100%; height:150%; background: linear-gradient(to right, #1b2796, #414ba3); left:0; z-index: -1;}
#skybnr .skyb3 .b_inner .bi_in{background: #fff;border: 4px solid #000;padding: 20px 15px;text-align:center;border-radius:20px; min-height: 155px;}
#skybnr .skyb3 .b_inner .bi_in div{max-width:1400px; margin:0 auto; background-position:left center; background-size:90px;}
#skybnr .skyb3 p{color:#000;}
#skybnr .skyb3 p.tit{font-size:24px;color:#000;margin-bottom: 13px;font-weight: 600;letter-spacing:-1.5px;}
#skybnr .skyb3 p.text{font-weight:400; font-size:16px; line-height:20px;}
#skybnr .skyb3 .close a{bottom:37px; right:15px;}
#skybnr .skyb3 .close a:before{display:block;content:"";position:absolute;width:2px;height: 20px;background-color:#000;border-radius:5px;transform:rotate(45deg);right:10px;top:5px;}
#skybnr .skyb3 .close a:after{display:block;content:"";position:absolute;width:2px;height: 20px;background-color:#000;border-radius:5px;transform:rotate(135deg);right:10px;top:5px;}
#skybnr .skyb3 .close label{margin-right: 50px;position: relative;bottom: 18px;color: #000;}
#skybnr .skyb4 img{height:auto; max-width:1903px; width:100%;}



/*헤더*/
header{width:100%; margin:0 auto; position:relative; left:0; top:0;}
header:before{width:100%; display:block; content:""; position:absolute; left:0; top:0; background:linear-gradient(180deg, #0b0f1b, #151c2f); height:320px;}
#top_menu_com{height:115px; position:relative; font-size:0; margin:0 auto; z-index:4; width:1760px;}
#top_menu_com > div{display:inline-block; vertical-align:middle;  position:relative;}
#top_logo_com{width: calc(100% - 700px); padding-top: 30px; text-align: center;}
#top_logo_com a{display:block; width:300px; height:52px; margin:0 auto;}
#top_logo_com a .logo_m{display:none;}
#top_logo_com a span{display:block; position:absolute; width:1px; height:1px; left:-99999px; overflow:hidden;}


.mobilem{display:none;}/*모바일 버튼 안보이게*/

/*헤더 왼쪽(종목선택 버튼)*/
.jongmog {width: 350px;margin-top: 30px;}
.jongmog > ul{font-size:0px;}
.jongmog > ul li{display:inline-block; margin-right:5px;}
.jongmog > ul li:last-child{margin-right:0px;}
.jongmog > ul li a{position:relative; display:block; width:45px; height:45px; border-radius:50%; border:1px solid #fff;}
.jongmog > ul li.jm_t a{background:url(/images/common/jongmog1.png) no-repeat; background-position:center;}
.jongmog > ul li.jm_b a{background:url(/images/common/jongmog2.png) no-repeat; background-position:center;}
.jongmog > ul li.jm_p a{background:url(/images/common/jongmog3.png) no-repeat; background-position:center;}
.jongmog > ul li.jm_m a{background:url(/images/common/jongmog4.png) no-repeat; background-position:center;}
.jongmog > ul li.jm_c a{background:url(/images/common/jongmog5.png) no-repeat; background-position:center;}
.jongmog > ul li.jm_f a{background:url(/images/common/jongmog6.png) no-repeat; background-position:center;}
.jongmog > ul li span{display:block; position:absolute; width:1px; height:1px; left:-99999px; overflow:hidden;}


/*헤더 오른쪽*/
.top_side{font-size:0px; width: 350px; margin-top: 35px;/* background: red; */}
.top_right{display:inline-block; width: 90px; position:relative;}
#tm_menu{font-size:0px;width: calc(100% - 120px);margin-right: 30px;vertical-align: bottom;}
#tm_menu{display:inline-block;}
#tm_menu ul li{ font-size:17px; display: inline-block; text-align: center;
position: relative; width: calc(100% /3);}
#tm_menu ul li a{font-weight:500;}
.loginbtn{display:inline-block; margin-right:25px; width:32px; height:31px; vertical-align:middle;}
.loginbtn#admin{padding-top:18px; text-align:center;}
.loginbtn#admin span{color:#fff; font-size:12.5px; font-weight:500; letter-spacing:-1.5px;}

.top_right .utill{position:absolute; width:max-content; right:0; top:-35px;}
.top_right .utill span.hello{display:inline-block; vertical-align:middle; margin-right:15px; font-size:16px; font-weight:500; color:#fff;}
.top_right .utill a{display:inline-block; vertical-align:middle; font-size:16px; letter-spacing:-1.5px; line-height:1em;}
.top_right .utill a.club_make{padding:4px 10px 4px 33px; color:#fff; font-weight:600; border-radius:5px; margin-right:15px;}
.top_right .utill a.logout{color:#ff7185; font-weight:500;}

#top_menu_open_wrap{display:none;}/*2차메뉴 안보이게*/


/*서브 레이아웃*/
#sub_top{width: 100%;height: 194px;position: relative;box-sizing:border-box;}
#contents_wrap{position: relative;top:0px;margin-top: -79px;}
#contents_wrap .sub_con{width:1760px; background:#fff; box-sizing: border-box; padding: 40px 20px 0px 20px; min-height: 500px; font-size: 16px; border-radius: 20px 20px 20px 20px; margin:0 auto; position: relative; z-index:1;}
#sub_top .inner{position: relative;}

#contents_wrap .sub_con:after{position: absolute; content:""; display:inline-block; width:100%; height:237px; bottom: -227px; left:0px; background: url(/images/common/con_bottom.png) no-repeat; background-position: center bottom; z-index:-1;}


#sub_top:before{display: block; content: ""; position: absolute; width: 589px; height: 219px; right: 0; top:-12px; background: url(/images/common/subtop.png) no-repeat; background-position: center top;}

#sub_navi{display: inline-block;position: absolute;right: 0;top: 70px;width: 444px; border-radius: 20px 20px 0px 0px;}
#sub_top .sub_tit h1{font-size: 50px;line-height: 1em;font-family: 'Pretendard';font-weight: 700;text-align: left;display: inline-block;padding-top: 37px;position: relative;}

#sub_navi ul.navi_line{height: 45px;width: 100%;text-align: left;position: relative;font-size: 0px; box-sizing: border-box;border-radius: 20px 20px 0px 0px; border-bottom:0px;}

#sub_navi ul.navi_line > li{display: inline-block;vertical-align: middle;position: relative;width: calc(100% / 2);height: 45px;font-size: 18px; background-color: #101525e0; }
#sub_navi ul.navi_line > li:first-child{border-radius: 20px 0 0 0;}
#sub_navi ul.navi_line > li:last-child{border-radius: 0 20px 0 0;}
#sub_navi ul.navi_line > li:last-child:after{display: block; content: ""; position: absolute; width: 1px; height: 47px; left: 5px; top: -2px; transform: rotate(24deg);}

#sub_navi ul.navi_line > li > button{height: 45px; position: relative; border: none; cursor: pointer; padding: 0; width: 100%;}
#sub_navi ul.navi_line > li > button span{ font-size: 18px; padding-left:16px; font-weight: 400; display: inline-block;
width: 100%; min-width: 180px; box-sizing: border-box; text-align: left; vertical-align: middle; letter-spacing: -1px;
word-break: keep-all; font-family: 'Pretendard'; color: #fff;}

#sub_navi ul.navi_line > li > button{position: relative;border: none;cursor: pointer;padding: 0;background: url(/images/common/nav_arr.png) no-repeat;background-position: right 8px center;}

#sub_navi ul.navi_line > li .menu_box{ width: 100%; position: absolute; z-index:2; display:none; top:97%; left: 0;
text-align: left;}

#sub_navi ul.navi_line > li .menu_box li{width: 100%; border-bottom: 1px dashed #fff; z-index: 1; position: relative;}

#sub_navi ul.navi_line > li .menu_box li:last-child{border-bottom:0px;}

#sub_navi ul.navi_line > li .menu_box li:hover{background:#101525ed;}


#sub_navi > ul.navi_line > li .menu_box:before{position: absolute; width: 100%; content: ""; display: block;
background-color:#101525e0; height: 100%; left: 0; top: 0; }

#sub_navi ul.navi_line > li .menu_box li a{ font-size: 17px; padding: 10px 10px; display: block;
width: 100%; box-sizing: border-box; word-break: keep-all; line-height: 1.3em; position: relative; color: #fff;}

#contents_box{position:relative;}

/* 위로가기 버튼 */
.top_go{position:fixed;right:10px;bottom:10px;z-index:100;width: 46px;height:50px;}
.top_go a{display:block;width:100%;height:100%;text-align:center;color:#fff;line-height:43px;font-family: 'Pretendard';position:absolute;padding-top: 10px;}
.top_go a span{width:100%; height: 45px; color: #000000; font-family: 'Pretendard'; font-weight: 600; display:block; border-radius: 50%; box-sizing: border-box;}

/*푸터*/
footer{box-sizing:border-box; position: relative;}
.footer_wrap{padding: 250px 5px 15px;}
.f_top{text-align:center;  margin:15px 0;}
.related_institutions{font-size:0px;}
.related_institutions li{display:inline-block; font-size:18px; margin-right:28px;}
.related_institutions li:last-child{margin-right:0px;}
.copyright{background:#000; padding:15px 0; text-align:center;}
.f_on a{font-weight:600;}
.f_bottom{text-align:center; margin:30px 0 15px;}
.f_logo{width:200px; height:35px; margin:0 auto 10px auto;}
.f_logo img{width:100%;}
.f_logo span{position:absolute; display:block; width:1px; height:1px; left:-99999px; overflow:hidden;}
.f_info{font-size:0px;}
.f_info li{display:inline-block; font-size:0px; font-weight:400; margin-right:20px; }
.f_info li:last-child{margin-right:0px;}
.f_info  .f_info_oneline{display:block; margin-right:0px; margin-bottom: 13px; font-size:16px;}
.f_info li > span{display:inline-block; font-size:16px;text-align:left;}
.finfo_t{margin-right:5px; font-weight:500;}




/*사이트맵*/
body.no-scroll {overflow: hidden;}
#sitemap_area{position:fixed; width:100% !important; height:100vh; padding: 160px 100px 100px; overflow:hidden; top:0; right:-150%; z-index:100; transition:0.6s all ease; text-align: left; box-sizing: border-box;}
#sitemap_area.active2{right:0;}
#sitemap_area:before{display:block; position:absolute; width:100%; height:100%; content:""; left:0; top:0; background: linear-gradient(180deg, #0b0f1b, #151c2f); z-index:-1;}
#sitemap_area h1{font-size: 70px; color:transparent; letter-spacing: -5px; font-weight: 700; line-height:1.1em;}

.sitemap_in{width:100%; position:relative; padding-top:150px;}
.sitemap_in #sitemap_close{position:absolute; right: 0px; top: -60px;}
.sitemap_in #sitemap_close a{transition: 0.7s; display:block; width:40px; height:40px;}
.sitemap_in #sitemap_close a:hover{transform:rotateY(180deg);}

.sitemap_here a{word-break:keep-all;}
.sitemap_here ul.sm_box{display:flex; flex-wrap:wrap;}
.sitemap_here ul.sm_box > li{display:inline-block; vertical-align:top; width: calc((100% - 200px) / 4); margin-right:50px;}
.sitemap_here ul.sm_box #sm4{margin-right:0;}

.sitemap_here ul.sm_box > li > span {display:block; position:relative; text-align:center;
border: 1px solid #fff; border-radius: 363px; margin-bottom: 40px;}
.sitemap_here ul.sm_box > li > span a{display:inline-block; width:100%; height:100%; box-sizing:border-box; padding:27px 15px;}
.sitemap_here ul.sm_box > li > span:after {display:block; height:65px; position:absolute; content:""; left: -10px; top: 50%; transform: translateY(-50%);}
.sitemap_here ul.sm_box > li > span > a{font-weight:500; color: #fff; font-size:28px;}

.second_menu {padding-left:30px;}
.second_menu li{margin-bottom:20px; padding-left:20px; position:relative;}
.second_menu li:before{width:8px; height:8px; border-radius:2px; display:block; position:absolute; content:""; left:0; top:9px; transform:rotate(45deg);}
.second_menu li a{font-size:22px; color:#fff;}


/* 모바일 메뉴 */
#left_menu_mobile_wrap{width:300px; height:100%; background:linear-gradient(180deg, #0b0f1b, #151c2f); position:absolute; top:0px; bottom:0px; z-index: 3000;} /*로딩 시, 숨기기위해 right:-300px; 지정 by anji */

#left_menu_mobile_total{width:100%;position:relative; background:#0b0f1b;}
#left_menu_mobile_totaltext{height:80px; position:relative; padding:14px; text-align:center;}
#left_menu_mobile_totaltext:after{display:inline-block; content:""; position:absolute; background: linear-gradient(90deg, #00ff00, #00fdf9, #ff9c00);
width:100%; height: 4px; left:0; bottom:0;}

#left_menu_mobile_totaltext .logo{margin:0 auto; text-align:left;}
#left_menu_mobile_totaltext .logo img{width:140px;}
#left_menu_mobile_total .pre_box{ width:100%; padding:10px; text-align:center; border-bottom: 1px solid #162049;}
#left_menu_mobile_total .pre_box a{ text-align:center; padding:9px 28px; font-size:18px; font-weight:600; border-radius:3px; line-height:1em; color:#0f065f; border:3px solid #0f065f; border-radius:50px; display:block; transition:0.3s all ease;}
#left_menu_mobile_total .pre_box a:hover{color:#fc058b;}
#left_menu_mobile_total .pre_box img{display:inline-block; vertical-align:middle; margin-right:3px;}


#left_menu_mobile_closebutton{position:absolute; right:10px; top:23px; width:30px; height:30px;}
.cssicon{transition:all .5s ease; display:inline-block; height:30px; width:30px;font-size:24px;}
.cssicon:focus{outline:none;}
.cssicon > span, .cssicon > span:before, .cssicon > span:after{border: 0em solid #fff; background-color: #fff; height:.1em; display:block; transition:all .3s ease; transition-property:top,bottom,left,right,transform,border-radius;}
.cssicon > span{top: 50%; left: 50%; width: 100%; position: relative; background: transparent; transform: translate(-50%, -50%);}
.cssicon > span:after, .cssicon span:before{content:"";position:absolute;width:100%;}
.hamburger > span{background-color:#fff;}
.close > span:before{transform:rotate(45deg);}
.close > span:after{transform:rotate(-45deg);}
.cssicon > span span.alt{width:0; height:0; display:inline-block; overflow:hidden; position:absolute;}

.mobile_login{display:none;}
.mb_line{width:100%; padding: 0 15px;position:relative;}
.mb_menu{width:100%;}

.left_menu_mobile_one{width:100%; height:60px; cursor: pointer; position:relative; padding-left:5px; border-bottom: 1px dashed #fff;}
.left_menu_mobile_one_text{font-size:18px; color: #fff; font-weight:600; padding-right:20px; line-height:60px; width:100%; position:relative; letter-spacing:-1px; font-family: 'Pretendard';}
.left_menu_mobile_one_text.more:before{display: block; content: ""; position: absolute; right: 12px; top: 26px; width: 14px; height: 2px;
background-color: #fff; z-index: 2;}
.left_menu_mobile_one_text.more:after{display: block; content: ""; position: absolute; right: 18px; top: 20px; width: 2px;
height: 14px; background-color: #fff; z-index: 2;}

.left_menu_mobile_one_text.more a{display:inline-block; width:auto; height:auto;}
.left_menu_mobile_one_text a{letter-spacing:-1.5px;font-family:'Pretendard'; color:#fff; display:block; width:100%; height:100%;}
.left_menu_mobile_one_text.on a{font-weight:700;}
.left_menu_mobile_one_text.on:after{display:none;}
.left_menu_mobile_one_openbutton{display:none;}

.left_menu_mobile_two{padding:10px 0; background-color:#fff; border-radius:0 0 15px 15px;}
.left_menu_mobile_two li{width:100%; position:relative; padding-left:30px;}
.left_menu_mobile_two li:before{display:block; content:""; position:absolute; width:7px; height:7px; border-radius:2px; transform:rotate(45deg); left:15px; top:14px;}
.left_menu_mobile_two li a{display:block; width:100%;  padding:8px 0;}
.left_menu_mobile_two li a span{font-size:17px; font-weight:600;}
.left_menu_mobile_two li a:hover span{font-weight:700;}



/*광고영역*/
.ad_box{width:100%; overflow:hidden; max-height:300px; overflow:hidden;}
.ad_box img{width:100%;}
#ad2{margin-top:5%; max-height:265px; overflow:hidden;}




/*테니스 css*/
#wrap.tn{background:#f8ffe2;}
#wrap.tn:before {background: url(/images/common/footer_bak.png) no-repeat; background-position: center bottom;}
#wrap.tn .jongmog > ul li.jm_t a{border:1px solid #55f102; background:url(/images/common/jongmog1_ov.png) no-repeat; background-position:center;}


#wrap.tn .top_right .utill span.hello span{color:#00ff00;}
#wrap.tn #tm_menu ul li a{color: #00ff00;}
#wrap.tn #login{background:url(/images/common/login.png) no-repeat;}
#wrap.tn #mypage{background:url(/images/common/user_pagebtn.png) no-repeat;}
#wrap.tn .top_right .utill a.club_make{background:url(/images/common/create_a_club.png) no-repeat; background-position:left 10px center; border:1px solid #00ff00;}
#wrap.tn .top_right .utill a.club_make:hover{color:#00ff00;}
#wrap.tn .loginbtn#admin{background:url(/images/common/rhksflwk_icon_tn.png) no-repeat; background-position:center top;}
#wrap.tn .loginbtn#admin:hover span{color:#00ff00;}
#wrap.tn .left_menu_mobile_one_text:hover a{color:#00ff00;}
#wrap.tn .left_menu_mobile_one_text.on a{color:#00ff00;}
#wrap.tn .mobile_login ul li.hello span{color:#00ff00;}

#wrap.tn #sub_top .sub_tit h1{color: #00ff00;}
#wrap.tn #sub_navi ul.navi_line{border: 1px solid #03e904;}
#wrap.tn #sub_navi ul.navi_line > li:last-child:after{background-color: #00ff00;}
#wrap.tn #sub_navi ul.navi_line > li > button{background: url(/images/common/nav_arr.png) no-repeat; background-position: right 8px center;}
#wrap.tn #sub_navi ul.navi_line > li .menu_box{border-bottom: 2px solid #02e804;}

#wrap.tn .top_go a span{background: linear-gradient(33deg, #ffdb0f, #48fb48); border: 2px solid #f8ffe2;}

#wrap.tn .copyright{color:#01e903;}
#wrap.tn .f_on a{color:#008246;}
#wrap.tn .finfo_t{color:#008246;}

#wrap.tn .left_menu_mobile_two li:before{background-color:#009d0c;}
#wrap.tn .left_menu_mobile_two li a:hover span{color:#009d0c;}

/*사이트맵*/
#wrap.tn #sitemap_area h1{-webkit-text-stroke: 1.5px #00ff00;}
#wrap.tn .sitemap_in #sitemap_close a{background:url(/images/common/sitemap_close.png) no-repeat;}
#wrap.tn .sitemap_in{border-top:2px solid #00ff00;}
#wrap.tn .sitemap_here ul.sm_box > li > span:hover{border:1px solid #00ff00;}
#wrap.tn .sitemap_here ul.sm_box > li > span:hover a{color:#00ff00;}

#wrap.tn .sitemap_here ul.sm_box > li#sm1 > span:after {width: 47px; background:url(/images/common/sitemapcon1.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.tn .sitemap_here ul.sm_box > li#sm2 > span:after {width: 52px; background:url(/images/common/sitemapcon2.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.tn .sitemap_here ul.sm_box > li#sm3 > span:after {width: 48px; background:url(/images/common/sitemapcon3.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.tn .sitemap_here ul.sm_box > li#sm4 > span:after {width: 44px; background:url(/images/common/sitemapcon4.png) no-repeat; background-color: #101626; background-position:center;}

#wrap.tn .second_menu li:before{background:#00ff00;}
#wrap.tn .second_menu li a:hover{color:#00ff00;}



/*배드민턴 css*/
#wrap.bm{background:#ebf9f9;}
#wrap.bm:before {background: url(/images/common/footer_bak_bm.png) no-repeat; background-position: center bottom;}
#wrap.bm .jongmog > ul li.jm_b a{border:1px solid #62eeff; background:url(/images/common/jongmog2_ov.png) no-repeat; background-position:center;}

#wrap.bm .top_right .utill span.hello span{color:#00fdf9;}
#wrap.bm #tm_menu ul li a{color: #00fdf9;}
#wrap.bm #login{background:url(/images/common/login_bm.png) no-repeat;}
#wrap.bm #mypage{background:url(/images/common/user_pagebtn_bm.png) no-repeat;}
#wrap.bm .top_right .utill a.club_make{background:url(/images/common/create_a_club_bm.png) no-repeat; background-position:left 10px center; border:1px solid #00fdf9;}
#wrap.bm .top_right .utill a.club_make:hover{color:#00fdf9;}
#wrap.bm .loginbtn#admin{background:url(/images/common/rhksflwk_icon_bm.png) no-repeat; background-position:center top;}
#wrap.bm .loginbtn#admin:hover span{color:#00fdf9;}
#wrap.bm .left_menu_mobile_one_text:hover a{color:#00fdf9;}
#wrap.bm .left_menu_mobile_one_text.on a{color:#00fdf9;}
#wrap.bm .mobile_login ul li.hello span{color:#00fdf9;}

#wrap.bm #sub_top .sub_tit h1{color: #00fdf9;}
#wrap.bm #sub_navi ul.navi_line{border: 1px solid #00fbe4;}
#wrap.bm #sub_navi ul.navi_line > li:last-child:after{background-color: #00fdf9;}
#wrap.bm #sub_navi ul.navi_line > li > button{background: url(/images/common/nav_arr_bm.png) no-repeat; background-position: right 8px center;}
#wrap.bm #sub_navi ul.navi_line > li .menu_box{border-bottom: 2px solid #00fdf9;}

#wrap.bm .top_go a span{background: linear-gradient(33deg, #0fffb1, #48a0fb); border: 2px solid #f8ffe2;}

#wrap.bm .copyright{color:#00fdf9;}
#wrap.bm .f_on a{color:#004582;}
#wrap.bm .finfo_t{color:#004582;}

#wrap.bm .left_menu_mobile_two li:before{background-color:#00a7a4;}
#wrap.bm .left_menu_mobile_two li a:hover span{color:#00a7a4;}

/*사이트맵*/
#wrap.bm #sitemap_area h1{-webkit-text-stroke: 1.5px #00fdf9;}
#wrap.bm .sitemap_in #sitemap_close a{background:url(/images/common/sitemap_close_bm.png) no-repeat;}
#wrap.bm .sitemap_in{border-top:2px solid #00fdf9;}
#wrap.bm .sitemap_here ul.sm_box > li > span:hover{border:1px solid #00fdf9;}
#wrap.bm .sitemap_here ul.sm_box > li > span:hover a{color:#00fdf9;}

#wrap.bm .sitemap_here ul.sm_box > li#sm1 > span:after {width: 47px; background:url(/images/common/sitemapcon1_bm.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.bm .sitemap_here ul.sm_box > li#sm2 > span:after {width: 52px; background:url(/images/common/sitemapcon2_bm.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.bm .sitemap_here ul.sm_box > li#sm3 > span:after {width: 48px; background:url(/images/common/sitemapcon3_bm.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.bm .sitemap_here ul.sm_box > li#sm4 > span:after {width: 44px; background:url(/images/common/sitemapcon4_bm.png) no-repeat; background-color: #101626; background-position:center;}

#wrap.bm .second_menu li:before{background:#00fdf9;}
#wrap.bm .second_menu li a:hover{color:#00fdf9;}



/*탁구 css*/
#wrap.pp{background:#fff2dd;}
#wrap.pp:before {background: url(/images/common/footer_bak_pp.png) no-repeat; background-position: center bottom;}
#wrap.pp .jongmog > ul li.jm_p a{border:1px solid #ff8400; background:url(/images/common/jongmog3_ov.png) no-repeat; background-position:center;}


#wrap.pp .top_right .utill span.hello span{color:#ff9c00;}
#wrap.pp #tm_menu ul li a{color: #ff9c00;}
#wrap.pp #login{background:url(/images/common/login_pp.png) no-repeat;}
#wrap.pp #mypage{background:url(/images/common/user_pagebtn_pp.png) no-repeat;}
#wrap.pp .top_right .utill a.club_make{background:url(/images/common/create_a_club_pp.png) no-repeat; background-position:left 10px center; border:1px solid #ff9c00;}
#wrap.pp .top_right .utill a.club_make:hover{color:#ff9c00;}
#wrap.pp .loginbtn#admin{background:url(/images/common/rhksflwk_icon_pp.png) no-repeat; background-position:center top;}
#wrap.pp .loginbtn#admin:hover span{color:#ff9c00;}
#wrap.pp .left_menu_mobile_one_text:hover a{color:#ff9c00;}
#wrap.pp .left_menu_mobile_one_text.on a{color:#ff9c00;}
#wrap.pp .mobile_login ul li.hello span{color:#ff9c00;}

#wrap.pp #sub_top .sub_tit h1{color: #ff9c00;}
#wrap.pp #sub_navi ul.navi_line{border: 1px solid #ffa500;}
#wrap.pp #sub_navi ul.navi_line > li:last-child:after{background-color: #ff9c00;}
#wrap.pp #sub_navi ul.navi_line > li > button{background: url(/images/common/nav_arr_pp.png) no-repeat; background-position: right 8px center;}
#wrap.pp #sub_navi ul.navi_line > li .menu_box{border-bottom: 2px solid #ff9c00;}

#wrap.pp .top_go a span{background: linear-gradient(33deg, #ffdb0f, #fb7a48); border: 2px solid #f8ffe2;}

#wrap.pp .copyright{color:#ff9c00;}
#wrap.pp .f_on a{color:#823700;}
#wrap.pp .finfo_t{color:#823700;}

#wrap.pp .left_menu_mobile_two li:before{background-color:#e75500;}
#wrap.pp .left_menu_mobile_two li a:hover span{color:#e75500;}

/*사이트맵*/
#wrap.pp #sitemap_area h1{-webkit-text-stroke: 1.5px #ff9c00;}
#wrap.pp .sitemap_in #sitemap_close a{background:url(/images/common/sitemap_close_pp.png) no-repeat;}
#wrap.pp .sitemap_in{border-top:2px solid #ff9c00;}
#wrap.pp .sitemap_here ul.sm_box > li > span:hover{border:1px solid #ff9c00;}
#wrap.pp .sitemap_here ul.sm_box > li > span:hover a{color:#ff9c00;}

#wrap.pp .sitemap_here ul.sm_box > li#sm1 > span:after {width: 47px; background:url(/images/common/sitemapcon1_pp.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.pp .sitemap_here ul.sm_box > li#sm2 > span:after {width: 52px; background:url(/images/common/sitemapcon2_pp.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.pp .sitemap_here ul.sm_box > li#sm3 > span:after {width: 48px; background:url(/images/common/sitemapcon3_pp.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.pp .sitemap_here ul.sm_box > li#sm4 > span:after {width: 44px; background:url(/images/common/sitemapcon4_pp.png) no-repeat; background-color: #101626; background-position:center;}

#wrap.pp .second_menu li:before{background:#ff9c00;}
#wrap.pp .second_menu li a:hover{color:#ff9c00;}



/*마라톤 css*/
#wrap.mt{background:#ffe7ea;}
#wrap.mt:before {background: url(/images/common/footer_bak_mt.png) no-repeat; background-position: center bottom;}
#wrap.mt .jongmog > ul li.jm_m a{border:1px solid #ff0090; background:url(/images/common/jongmog4_ov.png) no-repeat; background-position:center;}


#wrap.mt .top_right .utill span.hello span{color:#ff4db2;}
#wrap.mt #tm_menu ul li a{color: #ff4db2;}
#wrap.mt #login{background:url(/images/common/login_mt.png) no-repeat;}
#wrap.mt #mypage{background:url(/images/common/user_pagebtn_mt.png) no-repeat;}
#wrap.mt .top_right .utill a.club_make{background:url(/images/common/create_a_club_mt.png) no-repeat; background-position:left 10px center; border:1px solid #ff0090;}
#wrap.mt .top_right .utill a.club_make:hover{color:#ff0090;}
#wrap.mt .loginbtn#admin{background:url(/images/common/rhksflwk_icon_mt.png) no-repeat; background-position:center top;}
#wrap.mt .loginbtn#admin:hover span{color:#ff0090;}
#wrap.mt .left_menu_mobile_one_text:hover a{color:#ff4db2;}
#wrap.mt .left_menu_mobile_one_text.on a{color:#ff4db2;}
#wrap.mt .mobile_login ul li.hello span{color:#ff4db2;}

#wrap.mt #sub_top .sub_tit h1{color: #ff0090;}
#wrap.mt #sub_navi ul.navi_line{border: 1px solid #ff0090;}
#wrap.mt #sub_navi ul.navi_line > li:last-child:after{background-color: #ff0090;}
#wrap.mt #sub_navi ul.navi_line > li > button{background: url(/images/common/nav_arr_mt.png) no-repeat; background-position: right 8px center;}
#wrap.mt #sub_navi ul.navi_line > li .menu_box{border-bottom: 2px solid #ff0090;}

#wrap.mt .top_go a span{background:linear-gradient(33deg, #ffe5f0, #ffa3a3); border: 2px solid #f8ffe2;}

#wrap.mt .copyright{color:#ff0090;}
#wrap.mt .f_on a{color:#ff0090;}
#wrap.mt .finfo_t{color:#ff0090;}

#wrap.mt .left_menu_mobile_two li:before{background-color:#ff0090;}
#wrap.mt .left_menu_mobile_two li a:hover span{color:#ff0090;}

/*사이트맵*/
#wrap.mt #sitemap_area h1{-webkit-text-stroke: 1.5px #ff0090;}
#wrap.mt .sitemap_in #sitemap_close a{background:url(/images/common/sitemap_close_mt.png) no-repeat;}
#wrap.mt .sitemap_in{border-top:2px solid #ff0090;}
#wrap.mt .sitemap_here ul.sm_box > li > span:hover{border:1px solid #ff0090;}
#wrap.mt .sitemap_here ul.sm_box > li > span:hover a{color:#ff0090;}

#wrap.mt .sitemap_here ul.sm_box > li#sm1 > span:after {width: 47px; background:url(/images/common/sitemapcon1_mt.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.mt .sitemap_here ul.sm_box > li#sm2 > span:after {width: 52px; background:url(/images/common/sitemapcon2_mt.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.mt .sitemap_here ul.sm_box > li#sm3 > span:after {width: 48px; background:url(/images/common/sitemapcon3_mt.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.mt .sitemap_here ul.sm_box > li#sm4 > span:after {width: 44px; background:url(/images/common/sitemapcon4_mt.png) no-repeat; background-color: #101626; background-position:center;}

#wrap.mt .second_menu li:before{background:#ff0090;}
#wrap.mt .second_menu li a:hover{color:#ff0090;}


/*등산 css*/
#wrap.ds{background:#e1fff6;}
#wrap.ds:before {background: url(/images/common/footer_bak_cl.png) no-repeat; background-position: center bottom;}
#wrap.ds .jongmog > ul li.jm_c a{border:1px solid #0aeba9; background:url(/images/common/jongmog5_ov.png) no-repeat; background-position:center;}


#wrap.ds .top_right .utill span.hello span{color:#0aeba9;}
#wrap.ds #tm_menu ul li a{color: #0aeba9;}
#wrap.ds #login{background:url(/images/common/login_cl.png) no-repeat;}
#wrap.ds #mypage{background:url(/images/common/user_pagebtn_cl.png) no-repeat;}
#wrap.ds .top_right .utill a.club_make{background:url(/images/common/create_a_club_cl.png) no-repeat; background-position:left 10px center; border:1px solid #0aeba9;}
#wrap.ds .top_right .utill a.club_make:hover{color:#0aeba9;}
#wrap.ds .loginbtn#admin{background:url(/images/common/rhksflwk_icon_cl.png) no-repeat; background-position:center top;}
#wrap.ds .loginbtn#admin:hover span{color:#0aeba9;}
#wrap.ds .left_menu_mobile_one_text:hover a{color:#0aeba9;}
#wrap.ds .left_menu_mobile_one_text.on a{color:#0aeba9;}
#wrap.ds .mobile_login ul li.hello span{color:#0aeba9;}

#wrap.ds #sub_top .sub_tit h1{color: #0aeba9;}
#wrap.ds #sub_navi ul.navi_line{border: 1px solid #0aeba9;}
#wrap.ds #sub_navi ul.navi_line > li:last-child:after{background-color: #0aeba9;}
#wrap.ds #sub_navi ul.navi_line > li > button{background: url(/images/common/nav_arr_cl.png) no-repeat; background-position: right 8px center;}
#wrap.ds #sub_navi ul.navi_line > li .menu_box{border-bottom: 2px solid #0aeba9;}

#wrap.ds .top_go a span{background: linear-gradient(33deg, #efff95, #08ce83); border: 2px solid #f8ffe2;}

#wrap.ds .copyright{color:#0aeba9;}
#wrap.ds .f_on a{color:#00815b;}
#wrap.ds .finfo_t{color:#00815b;}

#wrap.ds .left_menu_mobile_two li:before{background-color:#27a781;}
#wrap.ds .left_menu_mobile_two li a:hover span{color:#27a781;}

/*사이트맵*/
#wrap.ds #sitemap_area h1{-webkit-text-stroke: 1.5px #0aeba9;}
#wrap.ds .sitemap_in #sitemap_close a{background:url(/images/common/sitemap_close_cl.png) no-repeat;}
#wrap.ds .sitemap_in{border-top:2px solid #0aeba9;}
#wrap.ds .sitemap_here ul.sm_box > li > span:hover{border:1px solid #0aeba9;}
#wrap.ds .sitemap_here ul.sm_box > li > span:hover a{color:#0aeba9;}

#wrap.ds .sitemap_here ul.sm_box > li#sm1 > span:after {width: 47px; background:url(/images/common/sitemapcon1_cl.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.ds .sitemap_here ul.sm_box > li#sm2 > span:after {width: 52px; background:url(/images/common/sitemapcon2_cl.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.ds .sitemap_here ul.sm_box > li#sm3 > span:after {width: 48px; background:url(/images/common/sitemapcon3_cl.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.ds .sitemap_here ul.sm_box > li#sm4 > span:after {width: 44px; background:url(/images/common/sitemapcon4_cl.png) no-repeat; background-color: #101626; background-position:center;}

#wrap.ds .second_menu li:before{background:#0aeba9;}
#wrap.ds .second_menu li a:hover{color:#0aeba9;}




/*낚시 css*/
#wrap.ns{background:#def1ff;}
#wrap.ns:before {background: url(/images/common/footer_bak_fs.png) no-repeat; background-position: center bottom;}
#wrap.ns .jongmog > ul li.jm_f a{border:1px solid #74c2ff; background:url(/images/common/jongmog6_ov.png) no-repeat; background-position:center;}


#wrap.ns .top_right .utill span.hello span{color:#74c2ff;}
#wrap.ns #tm_menu ul li a{color: #74c2ff;}
#wrap.ns #login{background:url(/images/common/login_fs.png) no-repeat;}
#wrap.ns #mypage{background:url(/images/common/user_pagebtn_fs.png) no-repeat;}
#wrap.ns .top_right .utill a.club_make{background:url(/images/common/create_a_club_fs.png) no-repeat; background-position:left 10px center; border:1px solid #48afff;}
#wrap.ns .top_right .utill a.club_make:hover{color:#74c2ff;}
#wrap.ns .loginbtn#admin{background:url(/images/common/rhksflwk_icon_fs.png) no-repeat; background-position:center top;}
#wrap.ns .loginbtn#admin:hover span{color:#74c2ff;}
#wrap.ns .left_menu_mobile_one_text:hover a{color:#74c2ff;}
#wrap.ns .left_menu_mobile_one_text.on a{color:#74c2ff;}
#wrap.ns .mobile_login ul li.hello span{color:#74c2ff;}

#wrap.ns #sub_top .sub_tit h1{color: #74c2ff;}
#wrap.ns #sub_navi ul.navi_line{border: 1px solid #74c2ff;}
#wrap.ns #sub_navi ul.navi_line > li:last-child:after{background-color: #74c2ff;}
#wrap.ns #sub_navi ul.navi_line > li > button{background: url(/images/common/nav_arr_fs.png) no-repeat; background-position: right 8px center;}
#wrap.ns #sub_navi ul.navi_line > li .menu_box{border-bottom: 2px solid #74c2ff;}

#wrap.ns .top_go a span{background:linear-gradient(33deg, #dfc7ff, #48afff); border: 2px solid #f8ffe2;}

#wrap.ns .copyright{color:#74c2ff;}
#wrap.ns .f_on a{color:#0568b5;}
#wrap.ns .finfo_t{color:#0568b5;}

#wrap.ns .left_menu_mobile_two li:before{background-color:#0568b5;}
#wrap.ns .left_menu_mobile_two li a:hover span{color:#0568b5;}

/*사이트맵*/
#wrap.ns #sitemap_area h1{-webkit-text-stroke: 1.5px #74c2ff;}
#wrap.ns .sitemap_in #sitemap_close a{background:url(/images/common/sitemap_close_fs.png) no-repeat;}
#wrap.ns .sitemap_in{border-top:2px solid #74c2ff;}
#wrap.ns .sitemap_here ul.sm_box > li > span:hover{border:1px solid #74c2ff;}
#wrap.ns .sitemap_here ul.sm_box > li > span:hover a{color:#74c2ff;}

#wrap.ns .sitemap_here ul.sm_box > li#sm1 > span:after {width: 47px; background:url(/images/common/sitemapcon1_fs.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.ns .sitemap_here ul.sm_box > li#sm2 > span:after {width: 52px; background:url(/images/common/sitemapcon2_fs.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.ns .sitemap_here ul.sm_box > li#sm3 > span:after {width: 48px; background:url(/images/common/sitemapcon3_fs.png) no-repeat; background-color: #101626; background-position:center;}
#wrap.ns .sitemap_here ul.sm_box > li#sm4 > span:after {width: 44px; background:url(/images/common/sitemapcon4_fs.png) no-repeat; background-color: #101626; background-position:center;}

#wrap.ns .second_menu li:before{background:#74c2ff;}
#wrap.ns .second_menu li a:hover{color:#74c2ff;}



@media screen and (max-width: 1800px)
{
  /* 헤더 */
  #top_menu_com{width:100%; box-sizing:border-box; padding:0 15px;}
  #contents_wrap .sub_con{width:100%;}
  }



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

  /*사이트맵*/
#sitemap_area{padding: 160px 75px 100px;}
.sitemap_in {padding-top: 120px;}
.sitemap_here ul.sm_box > li > span > a{font-size:25px;}
.sitemap_here ul.sm_box > li{width: calc((100% - 105px) / 4); margin-right: 35px;}
	
.second_menu li:before{top:7px;}
.second_menu li a{font-size:20px; color:#fff;}	
}


@media screen and (max-width: 1450px)
{
.inner {width: 100%;}


/*서브*/
#sub_top{padding: 0 15px;}
#contents_wrap .sub_con{border-radius:0px;}
#sub_top:before{height: 336px;}


#contents_wrap .sub_con:after{bottom: -160px;}
.footer_wrap{padding: 195px 5px 15px;}

 /*사이트맵*/
.sitemap_in {padding-top: 100px;}
.sitemap_here ul.sm_box > li{width: calc((100% - 70px) / 3);}
.sitemap_here ul.sm_box > li#sm3{margin-right:0;}
.sitemap_here ul.sm_box > li#sm4{margin-right:35px;}


}


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

/*헤더*/
#top_menu_com{height:95px;}
#top_logo_com{padding-top:20px;}
#top_logo_com a {width: 230px; height: 40px;}
#top_logo_com h1 img{width:100%;}
.top_side{margin-top:38px;}
.top_right .utill {top: -32px;}
.jongmog{margin-top:25px;}


/*서브*/
#sub_top .sub_tit h1{font-size:40px;}
#sub_top:before{background-size: 100%; background-position: center;}

/*사이트맵*/
#sitemap_area{padding: 120px 25px 100px;}
.sitemap_here ul.sm_box > li.first > span a{padding: 22px 15px;}
.sitemap_here ul.sm_box > li.first > span > a{font-size:23px;}

}




@media screen and (min-width: 1151px)
{
#left_menu_mobile_wrap{display:none;}
}


@media screen and (max-width: 1150px)
{
/*스카이배너*/
#skybnr .skyb1 .b_inner .bi_in{padding: 20px 15px;}
#skybnr .skyb1 .b_inner .bi_in div{padding: 10px 0 10px 80px; background-size: 65px;}


#skybnr .skyb2 .b_inner .bi_in div{padding:10px 0 10px 80px;}
#skybnr .skyb2 .b_inner .bi_in div::before{width:75px; height:53px; background-size:100%;}


/*헤더*/
#tm_menu{display:none;}
.smbtn{display:none;}
.mobilem{display:inline-block;}

#top_menu_com{height:68px;}
.top_right{width: auto;;}
.top_side{width:auto; float:right; margin: 18px 0;}
#top_logo_com{width: auto; left: 50%; transform: translateX(-50%); padding-top: 13px; position:absolute !important; padding: 14px 0px;}
.top_right .utill{display:none;}
.jongmog{width:auto; float:left; margin: 15px 0 10px;}
.jongmog > ul li a{width:35px; height:35px;}
.jongmog > ul li.jm_t a{background-size:22px;}
.jongmog > ul li.jm_b a{background-size:22px;}
.jongmog > ul li.jm_p a{background-size:19px;}
.jongmog > ul li.jm_m a{background-size:16px;}
.jongmog > ul li.jm_c a{background-size:23px;}
.jongmog > ul li.jm_f a{background-size:28px;}
.loginbtn{margin-right:15px;}


/*모바일메뉴*/
.mobile_login{display:block; border-bottom:1px solid #fff; margin-bottom:10px;}
.mobile_login ul{font-size:0;}
.mobile_login ul li{display:inline-block; vertical-align:middle; width:50%; text-align:center; position:relative; padding:15px 5px;}
.mobile_login ul li.hello{font-size:16px; font-weight:500; color:#fff; width:100%; padding-bottom:0;}
.mobile_login ul li.club_make{width:100%; padding:15px 5px 0 5px;}
.mobile_login ul li a{font-size:17px; color:#000; padding:9px 10px; display:block; border-radius:50px; font-weight:600;}
.mobile_login ul li.club_make a{border:2px solid #fff; color:#fff;}
.mobile_login ul li.club_make a:hover{background:#fff; color:#000;}
.mobile_login ul li.join a{background-color:#daff6a;}
.mobile_login ul li.login a{background-color:#ffb137;}
.mobile_login ul li.mypage a{background-color:#aefff9;}
.mobile_login ul li.logout a{background-color:#ff9d9d;}
.mobile_login ul li.admin a{background-color:#5435ff; color:#fff;}


/*사이트맵*/
#sitemap_area{display:none;}

/*테니스 css*/
#wrap.tn .jongmog > ul li.jm_t a{background-size:22px;}

/*배드민턴 css*/
#wrap.bm .jongmog > ul li.jm_b a{background-size:22px;}

/*탁구 css*/
#wrap.pp .jongmog > ul li.jm_p a{background-size:19px;}

/*마라톤 css*/
#wrap.mt .jongmog > ul li.jm_m a{background-size:16px;}

/*등산 css*/
#wrap.ds .jongmog > ul li.jm_c a{background-size:23px;}

/*낚시 css*/
#wrap.ns .jongmog > ul li.jm_f a{background-size:28px;}

}



@media screen and (max-width: 1000px)
{
#contents_wrap .sub_con:after{display:none;}
#contents_wrap .sub_con {padding: 25px 15px 50px 15px;}

.footer_wrap {padding: 10px 5px 15px;}

}


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

/*스카이배너*/
#skybnr .sky_controll{position:absolute; left:10px; transform:inherit;}

/*서브*/
#sub_navi{width: 100%; margin-top: 23px;}
#contents_wrap{margin-top:-75px;}
#sub_top{height: 213px;}
#sub_top .sub_tit h1{margin-top:0px; font-size: 35px;}
#sub_top:before{width:400px; top:-50px;}


}




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

#top_menu_com{padding-left:10px;}
.jongmog{margin-top:20px;}
.jongmog > ul li a{width:30px; height:30px;}
.jongmog > ul li.jm_t a{background-size:18px;}
.jongmog > ul li.jm_b a{background-size:18px;}
.jongmog > ul li.jm_p a{background-size:15px;}
.jongmog > ul li.jm_m a{background-size:13px;}
.jongmog > ul li.jm_c a{background-size:19px;}
.jongmog > ul li.jm_f a{background-size:24px;}

/*테니스 css*/
#wrap.tn .jongmog > ul li.jm_t a{background-size:18px;}

/*배드민턴 css*/
#wrap.bm .jongmog > ul li.jm_b a{background-size:18px;}

/*탁구 css*/
#wrap.pp .jongmog > ul li.jm_p a{background-size:15px;}

/*마라톤 css*/
#wrap.mt .jongmog > ul li.jm_m a{background-size:13px;}

/*등산 css*/
#wrap.ds .jongmog > ul li.jm_c a{background-size:19px;}

/*낚시 css*/
#wrap.ns .jongmog > ul li.jm_f a{background-size:24px;}


}



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


}



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

/*헤더*/
#top_menu_com{height:auto; padding:15px 10px; display: flex; align-items: center; justify-content: space-between; background-color: #0b0f1b;}
.loginbtn{display:none;}
.top_right{width:auto;}

.top_side{margin:0;}
#top_logo_com{padding:0;}
#top_logo_com a{width:auto; height:auto;}
#top_logo_com a .logo_w{display:none;}
#top_logo_com a .logo_m{display:block; width:115px;}

.jongmog{margin:0;}

}



@media screen and (max-width: 600px)
{
.mobilem img{height:23px;}

/*스카이배너*/
#skybnr .skyb1 .b_inner .bi_in{padding: 15px 15px;}
#skybnr .skyb1 .b_inner .bi_in div{padding: 10px 0; background:none;}
#skybnr .skyb1 p.tit{font-size:23px; margin-bottom: 15px; padding-left:40px; background:url(/images/common/skyb_bg1_icon.png) no-repeat; background-position:left top; background-size:30px;}

#skybnr .skyb2 .b_inner .bi_in {padding: 18px 15px;}
#skybnr .skyb2 p.tit{display:inline-block; position:relative; padding-left:50px;}
#skybnr .skyb2 p.tit:before{position: absolute; content: ""; display: block; background: url(/images/common/skyb_bg2_icon.png) no-repeat; background-position: left top; top: 0; left: 0; width: 45px; height: 30px; filter: drop-shadow(0px 0px 0px #ff14db); background-size:100%;}
#skybnr .skyb2 .b_inner .bi_in div{padding:10px 0;}
#skybnr .skyb2 .b_inner .bi_in div::before{display:none;}

/*헤더*/
#top_menu_com{padding:14px 10px;}
.jongmog{width:100px;}
.jongmog ul li{margin-top:5px;}
.jongmog ul li:nth-child(3n){margin-right:0;}
.jongmog ul li:first-child{margin-top:0;}
.jongmog ul li:nth-child(2){margin-top:0;}
.jongmog ul li:nth-child(3){margin-top:0;}



/*서브*/
#sub_navi ul.navi_line > li{width: 100%;}
#sub_navi ul.navi_line > li:first-child{border-radius: 20px 20px 0 0;}
#sub_navi ul.navi_line > li:last-child{border-radius: 0;}
#sub_top{height:240px;}
#sub_navi ul.navi_line > li:last-child:after{left: -1px; transform: rotate(0deg);}
#sub_navi ul.navi_line > li:last-child:before{display: block; content: ""; position: absolute; width: 1px; height: 47px;
top: -2px; right: -1px; transform: rotate(0deg);}
#sub_top{height: 259px;}
#sub_top:before{display:none;}

#sub_navi ul.navi_line > li:first-child:after{position:absolute; display:inline-block; content:""; width:100%; height:1px; bottom:0; left:0;}



/*푸터*/
.f_top{margin:0 auto;}
.related_institutions li{font-size: 16px; margin:2px 18px 2px 0;}
.f_info .f_info_oneline{font-size: 15px;}
.copyright{padding: 13px 0; font-size:15px;}

#contents_wrap .sub_con:after{bottom: -100px;}




/*테니스 css*/
#wrap.tn #sub_navi ul.navi_line > li:first-child:after{background-color: #00ff00;}
#wrap.tn #sub_navi ul.navi_line > li:last-child:before{background-color: #00ff00;}

/*배드민턴 css*/
#wrap.bm #sub_navi ul.navi_line > li:first-child:after{background-color: #00fdf9;}
#wrap.bm #sub_navi ul.navi_line > li:last-child:before{background-color: #00fdf9;}


/*탁구 css*/
#wrap.pp .jongmog > ul li.jm_p a{background-size:16.5px;}
#wrap.pp #sub_navi ul.navi_line > li:first-child:after{background-color: #ff9c00;}
#wrap.pp #sub_navi ul.navi_line > li:last-child:before{background-color: #ff9c00;}



/*마라톤 css*/
#wrap.mt #sub_navi ul.navi_line > li:first-child:after{background-color: #ff0090;}
#wrap.mt #sub_navi ul.navi_line > li:last-child:before{background-color: #ff0090;}

/*등산 css*/
#wrap.ds #sub_navi ul.navi_line > li:first-child:after{background-color: #0aeba9;}
#wrap.ds #sub_navi ul.navi_line > li:last-child:before{background-color: #0aeba9;}


/*낚시 css*/
#wrap.ns #sub_navi ul.navi_line > li:first-child:after{background-color: #74c2ff;}
#wrap.ns #sub_navi ul.navi_line > li:last-child:before{background-color: #74c2ff;}

}


@media screen and (max-width: 500px)
{
#top_logo_com a .logo_m{width:95px;}
.related_institutions li {font-size: 15px;}
.f_bottom {margin:15px 0;}
.f_logo{width:150px; height:auto;}
.f_info li > span{font-size:15px;}
.copyright {font-size: 13px;}


}