/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1500px){
	/* header */
		.header .gnb {padding:0 85px 0 500px;}
		.header .gnb .menu > a {padding:0 25px;}
	/* footer */
		.quick {right:20px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1360px){
/* header */
	.header {height:90px;}
	.header .logo_area {left:20px;}
	.header .logo {line-height:90px; width:200px;}
	.header .btn_menu {right:20px;}
	.header .gnb {padding: 0 48px 0 440px;}
	.header .gnb .menu > a {font-size:15px; line-height:90px; padding:0 10px;}
	.header .gnb .snb {top:90px; height:310px; padding:40px 0; border-radius:0 0 30px 30px;}
	.header .gnb .snb .tit {width:250px;}
	.header .gnb .snb .tit strong {font-size:30px; margin-bottom:12px;}
	.header .gnb .snb .tit p {font-size:18px;}
	.header .gnb .snb .flex {width:calc(100% - 250px); gap:20px;}
	.header .gnb .snb a {width:calc((100% - 40px)/3); font-size:16px; padding:0 20px;}
	.header .sitemap {padding:160px 0;}
	.header .sitemap .bg .i1 {left:48px; width:200px;}
	.header .sitemap .bg .i2 {right:32px; width:300px;}
	.header .sitemap .bg .txt {margin-left:-20vw; width:50vw;}
	.header .sitemap .menu {padding:0 20px;}
	.header .sitemap .menu > a {font-size:24px; margin-bottom:30px;}
	.header .sitemap .snb a {font-size:17px; margin-bottom:14px;}
/* footer */
	.fbanner {padding:40px 0 50px;}
	.fbanner:before {bottom:-15px; left:10px; width:8%;}
	.fbanner:after {right:5%; width:20%;}
	.fbanner a {height:60px; background-size:90%;}
	.quick {width:110px;}
	.quick [class*='i'] {font-size:13px;}
/* main */
	.mvisual_wrap .txt span {font-size:34px;}
	.mvisual_wrap .txt strong {font-size:50px;}
	.mvisual_wrap .txt p {font-size:18px;}
	.mtit {font-size:46px;}
	.mcon .tb {font-size:18px; margin-bottom:40px;}
	.mc01 a {font-size:18px;}
	.mc02:before {width:100%;}
	.jq_tab {gap:14px; margin-bottom:40px;}
	.jq_tab.mb8 {margin-bottom:60px;}
	.jq_tab li button {font-size:16px; line-height:40px; height:42px; width:140px;}
	.jq_tab a {font-size:16px; line-height:40px; height:42px; flex:1 1 calc((100% - 42px)/4);}
	.jq_tab.set5 li {width:calc((100% - 56px)/5);}
	.mc03 .mtit {margin-bottom:40px;}
	.mc03_banner .slider__inner {height:31vw;}
	.mc03_banner .slider__inner .slider_item {width:40vw;}
	.mc03_banner .slider__inner .slider_item-selected {width:60vw;}
	.mc03_banner .slider__inner .slider_item-previous,
	.mc03_banner .slider__inner .slider_item-next {width:40vw;}
	.mc03_banner .mc3_controls-previous,
	.mc03_banner .mc3_controls-next {width:50px; height:50px;}
	.mc04:before {width:100%; min-width:100%;}
	.mc04 .txt {width:250px; padding-top:40px;}
	.mc04 .slide_area {width:calc(100% - 250px);}
	.mc04 .mc04_slide {width:calc(100% + 40px);}
	.mc04 .mc04_slide .tt p {font-size:20px; margin:20px 0;}
	.mc05 .flex {gap:20px;}
	.mc05 a {width:calc((100% - 80px)/5); height:280px; padding:30px 24px; font-size:20px;}
	#popup_slide .slick-prev {left:-60px;}
	#popup_slide .slick-next {right:-60px;}
/* sub */
	.svisual {margin-top:90px; height:360px;}
	.svisual .inner {padding-bottom:20px;}
	.svisual h2 {font-size:48px;}
	.svisual p {font-size:18px; margin:12px 0 30px;}
	.svisual .location span {font-size:15px;}
	.svisual .aside {bottom:-32px; height:64px;}
	.svisual .aside a {font-size:18px; height:64px;}
	.svisual.g00 {padding:80px 0 0;}
	.svisual.g00 .inner {gap:30px; padding-bottom:70px;}
	.container {padding-top:102px; padding-bottom:140px; font-size:16px;}
	.container h3 {font-size:40px; margin-bottom:60px;}
	.container p.fz2 {font-size:18px;}
	.stit {font-size:26px; margin:70px 0 35px; padding-left:15px;}
	.btit {font-size:22px; margin:50px 0 20px;}
	.btit.b {font-size:26px;}
	.dtit {font-size:22px; margin:70px 0 14px; padding-left:15px;}
/* 탭 */
	.tabs {margin-bottom:70px;}
	.tabs dd {gap:16px;}
	.tabs a {flex-basis:calc((100% - 32px)/3);}
/* 테이블 */
	.tbl th,
	.tbl td {padding:20px 15px;}
	.tbl col.w90 {width:70px;}
	.tbl col.w120 {width:100px;}
	.tbl col.w200 {width:160px;}
	/* 임직원 현황 */
	.tbl col.job {width:16%;}
	.tbl col.name {width:14%;}
	.tbl col.tel {width:16%;}
	.tbl .half {gap:0 20px; padding:0 10px;}
	.tbl .half li {width:calc(50% - 10px);}

	.over_tbl {position:relative;}
	.over_tbl:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_hand.svg') no-repeat rgba(0,0,0,.5) 50% 50%/ auto 81px; z-index:3; pointer-events:none; transition:.5s linear;}
	.over_tbl.on:before {opacity:0;}
	.over_tbl .inscroll {overflow:auto;}
	.over_tbl .inscroll > * {width:1024px;}
	.over_tbl .inscroll .wset {width:100%; min-width:600px;}
/* 팝업 */
	.popup .inbox {padding:30px; font-size:16px;}
	.popup .btn_close {top:28px; right:28px;}
	.popup .tit {font-size:24px; margin-bottom:30px;}
	.popup .scroll {height:auto; max-height:calc(100vh - 292px); padding-right:16px; width:calc(100% + 24px);}
	.popup .con {font-size:15px;}
	.popup .tbl th,
	.popup .tbl td {padding:20px 10px;}
/* 지도자 배치 시간표 */
	.popup .week_area td p {font-size:15px;}
	#timeline .scroll {overflow:hidden;}
	#timeline .week_area.over_tbl,
	#timeline .week_area.over_tbl .inscroll {max-height:inherit;}
	#timeline .week_area.over_tbl:before {background-position:50% 50vw;}
/* 비밀번호 입력 */
	#inputPassword .btn_submit {font-size:18px; margin-top:30px;}

	br.pc_vw {display:none !important;}
/* 회장인사말 */
	.greetings {gap:50px;}
	.greetings .imgarea {width:40%;}
	.greetings .imgarea:before {top:15px; left:15px;}
	.greetings .txt {width:calc(60% - 50px);}
	.greetings .txt .tt {font-size:28px; margin-bottom:30px;}
	.greetings .txt .name {font-size:18px; margin-top:30px;}
	.greetings .txt .name strong {font-size:20px;}
/* 설립목적 및 연혁 */
	.history_wrap .tit {width:40%; font-size:36px;}
	.history_wrap .tit:after {max-width:80%; margin:120px 0 0 40px;}
	.history {width:60%;}
	.history dt {font-size:24px; margin-bottom:14px;}
	.history dd p {line-height:30px; padding-left:35px; margin-bottom:6px;}
	.history dd p strong {font-size:18px;}
/* 임직원 현황 - 조직도 · 직원 현황 */
	.organization {padding:30px;}
	.organization .boss {width:16vw; margin-bottom:30px;}
	.organization .boss strong {font-size:22px;}
	.organization .boss p {font-size:18px;}
	.organization .box {width:24vw; height:100px; font-size:18px;}
	.organization .box:before,
	.organization .boxs:before,
	.organization .boxs ul:before {top:-33px; height:30px;}
	.organization .center:after {bottom:-33px; width:calc(50% + 33px);}
	.organization .boxs,
	.organization .boxs ul {gap:60px; padding-top:30px;}
	.organization .boxs {margin-top:30px;}
	.organization .boxs:before,
	.organization .boxs ul:before {top:-30px;}
	.organization .boxs ul:after {width:calc(50% + 30px);}
	.organization .c4 {margin-top:30px;}
	.organization .c4:before {top:-63px; height:60px;}
	.organization .c4:after {top:-64px; width:calc(100% + 65px);}
	.director {gap:30px; padding:40px;}
	.director .txt {width:calc(100% - 218px);}
	.director span {font-size:15px;}
	.director strong {font-size:30px; margin:8px 0 30px;}
	.director dl {gap:10px;}
	.director dd {width:calc(100% - 90px);}
/* 임직원 현황 - 임원현황 */
	.none_contents {font-size:20px; padding:60px;}
	.none_contents:before {height:140px; margin-bottom:50px;}
	.executive_status {gap:30px;}
	.executive_status li {width:calc((100% - 90px)/4);}
	.executive_status .txt {padding:20px 10px;}
	.executive_status .name {font-size:20px; margin-bottom:6px;}
/* 위원회 현황 */
	.committee_status .box {width:calc((100% - 40px)/3); padding:30px;}
	.committee_status .box:before {margin-bottom:20px;}
	.committee_status .tt {font-size:20px; margin-bottom:30px;}
	.committee_status .flex {gap:20px;}
	.committee_status dl {width:calc(100% - 10px); gap:14px; line-height:38px;}
	.committee_status dt {font-size:14px; width:80px;}
/* 게시판 목록 */
	.board_list col.w110 {width:90px;}
	.board_list col.w160 {width:140px;}
/* 게시판 상세 */
	.board_view .state span {font-size:15px; line-height:36px; /* padding:0 20px; */;}
	.board_view .tit {font-size:28px;}
	.board_view .info {gap:22px; margin:30px 0 35px;}
	.board_view .info dl {/* gap:10px; */ font-size:15px;}
	.board_view .con {padding:60px 0;}
	.board_view .files a {padding:16px 50px; font-size:15px; line-height:24px; margin-bottom:6px; background-position:20px 50%;}
	.board_view .files.files a {background-size:26px;}
	.board_view .btns_writer {gap:14px;}
	.prevnext {margin-top:80px;}
	.prevnext .arrow {line-height:70px; /* padding:0 20px; */ width:calc(50% - 90px);}
	.btn_list {font-size:18px; line-height:70px; height:70px; width:180px;}
/* 게시판 쓰기 */
	.board_write dd {width:calc(100% - 130px);}
	.board_write dd textarea.text {height:400px;}
	.btns_btm {gap:20px; margin-top:80px;}
	.btns_btm .btn {font-size:18px; width:180px;}
/* 오시는 길 */
	.map_text {gap:30px;}
	.map_text .box {width:calc(50% - 15px); padding:30px;}
	.map_text .tit {font-size:24px; margin-bottom:30px;}
	.map_text dl {line-height:26px; margin-bottom:10px;}
	.map_text dt {padding-left:36px; width:120px;}
	.map_text dd {width:calc(100% - 120px);}
/* 가맹단체 */
	.regular_area {gap:30px; padding:30px;}
	.regular_area .imgfit p {font-size:15px; line-height:34px; padding:0 14px;}
	.regular_area .txt {width:calc(100% - 210px);}
	.regular_area span {font-size:15px;}
	.regular_area .name {font-size:32px; margin:8px 0 32px;}
	.regular_area .personnel {right:60px; gap:6px;}
	.regular_area .personnel p {font-size:15px;}
	.regular_area .personnel strong {font-size:36px;}
/* 종목소개 */
	.introduction_item {gap:20px;}
	.introduction_item a {width:calc((100% - 100px)/6); padding:30px 20px;}
	.introduction_item i {width:60px; height:60px;}
	.introduction_item strong {margin:20px 0 10px; font-size:18px;}
	.introduction_view {padding:30px 210px 30px 30px; margin-bottom:80px;}
	.introduction_view .icon {top:30px; right:30px; width:150px; height:150px;}
	.introduction_view .homepage {gap:10px;}
	.introduction_view .homepage dd {width:calc(100% - 116px);}
/* 생활체육 */
	.lifestyle dl {gap:40px; margin-top:60px;}
	.lifestyle dt,
	.lifestyle dd {width:calc(50% - 20px);}
	.lifestyle dd strong {font-size:22px; margin:30px 0 12px;}
	.lifestyle_contact {gap:30px;}
	.lifestyle_contact .contact_area {width:280px;}
	.lifestyle_contact .contact_area li {padding:30px;}
	.lifestyle_contact .contact_area i {width:60px; height:60px; margin-bottom:25px;}
	.lifestyle_contact .contact_area span {font-size:18px;}
	.lifestyle_contact .contact_area .num {gap:8px; font-size:18px;}
	.lifestyle_contact .contact_area .num strong {font-size:24px;}
	.lifestyle_contact .contact_area dl {gap:6px; margin-top:6px;}
	.lifestyle_contact .conbox {width:calc(100% - 310px);}
	.step_area {gap:20px;}
	.step_area li {padding:28px 24px;}
	.step_area li i {width:100px;}
	.step_area li strong {font-size:18px; margin:20px 0 6px;}
	.btn_more {font-size:18px;}
/* 전문체육 */
	.professional_area {margin-top:60px;}
	.professional_area .btit {margin:30px 0 14px;}
	.main_business {padding-top:60px; margin-top:60px;}
	.main_business:before {height:calc(100% + 290px);}
	.main_business ul {gap:20px;}
	.main_business li {width:calc((100% - 60px)/4); padding:30px;}
	.main_business li i {height:60px;}
	.main_business li strong {font-size:20px; margin:20px 0 6px;}
/* 포토 자료실 */
	.gall_list {gap:40px 20px;}
	.gall_list a {width:calc((100% - 60px)/4);}
	.gall_list .txt {padding-top:20px;}
	.gall_list .tit {font-size:18px;}
	.gall_list .date {margin-top:14px;}
/* 동영상 자료실 */
	.thum_list a {padding:25px 0;}
	.thum_list .imgfit {width:300px;}
	.thum_list .txt {width:calc(100% - 300px); padding-left:30px;}
	.thum_list .tit {font-size:20px;}
	.thum_list .con {font-size:18px; line-height:30px; height:60px; margin:20px 0 30px;}
/* 약관 */
	.terms_area .tit {font-size:26px; margin:80px 0 40px;}
	.terms_area .tt {font-size:20px; margin:30px 0 20px;}
	.terms_area .pl,
	.terms_area li {padding-left:20px; text-indent:-20px;}
	.terms_area .time {margin-top:80px;}
	.privacy_policy .tt {margin:80px 0 20px;}
	.privacy_policy .mb {margin-bottom:20px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.header .gnb .menu:hover > a {color:var(--iden);}
	.header .menu:hover .snb {display:block;}
	.header .gnb .snb a:hover {color:#fff; background:#F36F21;}
	.header .gnb .snb a:hover:after {opacity:1;}
	.header .sitemap .snb a:hover:before {opacity:1;}
	.header .sitemap .gnb1 .snb a:hover {color:#EF6388;}
	.header .sitemap .gnb2 .snb a:hover {color:#0054A6;}
	.header .sitemap .gnb3 .snb a:hover {color:#F58B00;}
	.header .sitemap .gnb4 .snb a:hover {color:#1DA770;}
	.header .sitemap .gnb5 .snb a:hover {color:#CE88CF;}
	.header.hover {background:#fff;}
	.header.hover .logo {background-image:none;}
	.header.hover .logo img {opacity:1;}
	.header.hover .gnb .menu > a {color:#333;}
	.header.hover .btn_menu p {background:#333;}
	.mc01 a:hover:after {opacity:1;}
	.svisual .aside a:hover {color:#fff;}
	.svisual.g01 .aside a:hover {background:#DD5D7F;}
	.svisual.g02 .aside a:hover {background:#0054A6;}
	.svisual.g03 .aside a:hover {background:#F58B00;}
	.svisual.g04 .aside a:hover {background:#1DA770;}
	.svisual.g05 .aside a:hover {background:#CE88CF;}
	.svisual .aside dd {display:flex !important;}
	.tabs a:hover {color:#fff; background:#F36F21; border-color:#F36F21;}
	.board_list .tal a:hover {text-decoration:underline;}
	.board_bottom .paging a:hover {background:#222; color:#fff; font-weight:500;}
	.board_bottom .btn_write:hover {background:#f5f5f5; text-decoration:underline;}
	.board_view .files a:hover {text-decoration:underline;}
	.board_view .files.files a:hover {text-decoration:none;}
	.board_view .files.files a:hover span {text-decoration:underline;}
	.board_view .btns_writer .btn:hover {background:#f5f5f5; text-decoration:underline;}
	.prevnext .arrow:hover {text-decoration:underline;}
	.btn_list:hover {opacity:.8; text-decoration:underline;}

	.introduction_item a:hover {background:#fff;}
	.introduction_item a:hover:before {opacity:1;}
	.gall_list a:hover .tit,
	.thum_list a:hover .tit {text-decoration:underline;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header {height:70px;}
	.header .logo {line-height:70px;}
	.header .gnb {display:none;}
	.header .sitemap {padding:120px 0;}
	.header .sitemap .bg:before {height:30px;}
	.header .sitemap .bg .i1 {bottom:26px; left:30px; width:20vw;}
	.header .sitemap .bg .i2 {bottom:24px; right:2px; width:30vw;}
	.header .sitemap .bg .txt {bottom:24px; width:40vw;}
	.header .sitemap .menu > a {font-size:18px; margin-bottom:20px;}
	.header .sitemap .snb a {font-size:15px; margin-bottom:12px;}
/* footer */
	.fbanner {padding:30px 0 80px;}
	.fbanner:before {bottom:-10px; width:auto; height:80px;}
	.fbanner:after {right:3%; width:26%;}
	.fbanner .slick-list {padding:20px 15px; margin:-20px;}
	.fbanner .slick-slide {padding:0 5px;}
	.fbanner a {height:50px; background-size:80%;}
	.footer .links .inner {gap:20px;}
	.footer .links a {font-size:15px; line-height:50px;}
	.footer .links a:before {left:-11px;}
	.footer .info {padding:25px 0 36px; font-size:15px;}
	.footer .info .inner {display:flex; flex-direction:column;}
	.footer .info .flex {gap:20px; margin:10px 0 14px;}
	.footer .info dl {gap:4px;}
	.footer .sns {position:relative; top:0; right:0; order:-1; gap:6px; justify-content:flex-end; margin-bottom:24px;}
	.footer .sns a {width:36px; height:36px;}
	.footer .sns .logo {position:absolute; top:0; left:0; width:130px; margin-left:0;}
	#topset {top:calc(-100vh + 173px);}
	.quick {top:auto; bottom:40px; width:60px; transform:none;}
	.unfixed .quick {position:absolute; bottom:calc(100% - 133px);}
	.quick [class*='i'] {height:60px; gap:0; font-size:0; margin-bottom:8px;}
	.quick [class*='i']:before {width:28px; height:28px;}
/* main */
	.mvisual_wrap .txt span {font-size:26px;}
	.mvisual_wrap .txt strong {font-size:40px; margin:8px 0 30px;}
	.mvisual_wrap .txt p {font-size:18px;}
	.mvisual_wrap .navi {margin-top:40px; /* gap:8px; */;}
	.mcon {font-size:15px;}
	.mtit {font-size:36px; margin-bottom:6px;}
	.mcon .tb {font-size:17px; margin-bottom:30px;}
	.mcon .more {width:60px; height:60px;}
	.mcon .more:after {width:44px; height:44px;}
	.mc01 {padding:50px 0;}
	.mc01 a {height:160px; gap:20px; font-size:16px;}
	.mc02 {padding:80px 0 100px;}
	.mc02:before {border-radius:0px 150px 0px 0px;}
	.mc02:after {top:100px; left:30px; width:30vw;}
	.mc02 .tb {margin-bottom:26px;}
	.jq_tab {gap:10px; margin-bottom:30px;}
	.jq_tab.mb8 {margin-bottom:40px;}
	.jq_tab li button {font-size:15px;}
	.jq_tab a {font-size:15px; line-height:1.2; flex-basis:calc((100% - 30px)/4);}
	.jq_tab.set5 li {width:calc((100% - 40px)/5);}
	.tab-contents .more {top:-80px;}
	.tab-contents .flex {gap:30px 20px;}
	.tab-contents .flex a {width:calc((100% - 40px)/3); padding:20px;}
	.tab-contents .tag {font-size:13px; line-height:28px; height:28px; padding:0 14px;}
	.tab-contents .tit {font-size:20px; margin:12px 0 18px;}
	.mc03 .mtit {margin-bottom:35px;}
	.mc03_banner .mc3_controls-previous,
	.mc03_banner .mc3_controls-next {width:44px; height:44px; margin-top:-38px;}
	.mc03_banner .mc3_dots {gap:8px; margin-top:30px;}
	.mc04:before {border-radius:0px 0px 0px 80px;}
	.mc04 .txt {width:230px; padding-top:30px;}
	.mc04 .mc04_slide .swiper-slide {flex:0 0 400px; margin-right:30px;}
	.mc04 .mc04_slide a {padding:20px;}
	.mc04 .mc04_slide .tt p {font-size:18px; margin:18px 0;}
	.mc04 .navi {margin-top:22px; gap:6px;}
	.mc04 .navi .mc04_scrollbar {width:calc(100% - 94px);}
	.mc05 {padding:120px 0;}
	.mc05 .flex {gap:10px;}
	.mc05 a {width:calc((100% - 40px)/5); height:240px; padding:20px; font-size:18px;}
	.mc05 .i1,
	.mc05 .i2,
	.mc05 .i3,
	.mc05 .i4,
	.mc05 .i5 {background-size:auto 60px; background-position:right 20px bottom 20px;}
/* sub */
	.svisual {margin-top:70px; height:300px;}
	.svisual h2 {font-size:36px;}
	.svisual p {font-size:16px; margin:10px 0 25px;}
	.svisual .location i {width:18px; height:18px;}
	.svisual .location em {width:28px; height:18px;}
	.svisual .location span {font-size:14px; line-height:18px;}
	.svisual .aside {bottom:-30px; height:60px;}
	.svisual .aside a {font-size:14px; line-height:22px; min-height:60px; height:auto;}
	.svisual.g00 {padding:60px 0 0;}
	.svisual.g00 .inner {gap:20px; padding-bottom:60px;}
	.container {padding-top:80px; padding-bottom:120px; font-size:15px;}
	.container h3 {font-size:36px; margin-bottom:40px;}
	.container p.fz2 {font-size:16px;}
	.stit {font-size:24px; margin:60px 0 30px; padding-left:13px;}
	.stit:before {width:3px;}
	.stit strong {margin-left:6px;}
	.btit {font-size:20px; margin:40px 0 15px;}
	.btit.b {font-size:24px;}
	.dtit {font-size:20px; margin:60px 0 12px; padding-left:13px;}
	.dtit:before {width:4px; height:4px;}
	.mb24 {margin-bottom:20px;}
/* 탭 */
	.tabs {margin-bottom:40px;}
	.tabs dd {gap:10px;}
	.tabs a {flex-basis:calc((100% - 20px)/3); height:50px;}
/* 점선목록 */
	.dots_list li {line-height:26px; padding-left:10px;}
	.dots_list li:before {top:10px; width:3px; height:3px;}
/* 테이블 */
	.tbl th,
	.tbl td {padding:15px 10px;}
	.tbl col.w90 {width:50px;}
	.tbl col.w120 {width:60px;}
	.tbl col.w200 {width:100px;}
	/* 임직원 현황 */
	.tbl col.job {width:20%;}
	.tbl col.name {width:16%;}
	.tbl col.tel {width:22%;}
	.tbl .half {gap:0 10px; padding:0 5px;}
	.tbl .half li {width:100%;}
/* 팝업 */
	.popup .inbox {padding:20px; font-size:15px;}
	.popup .btn_close {top:20px; right:20px; width:36px; height:36px;}
	.popup .tit {font-size:22px; margin-bottom:20px;}
	.popup .scroll {max-height:calc(100vh - 225px); padding-right:10px; width:calc(100% + 10px);}
	.popup .con {font-size:14px;}
	.popup .tbl th,
	.popup .tbl td {padding:15px 5px;}
/* 지도자 배치 시간표 */
	.popup .week_area td p {font-size:14px;}
/* 비밀번호 입력 */
/* 회장인사말 */
	.greetings {gap:40px; flex-direction:column; align-items:center;}
	.greetings .imgarea:before {top:10px; left:10px;}
	.greetings .txt {width:100%;}
	.greetings .txt .tt {font-size:22px; margin-bottom:20px;}
	.greetings .txt .name {font-size:16px; margin-top:20px;}
	.greetings .txt .name strong {font-size:18px;}
/* 설립목적 및 연혁 */
	.his_top {padding:35px 35px 35px 150px;}
	.his_top:before {left:35px; width:80px; height:80px;}
	.history_wrap {flex-direction:column;}
	.history_wrap .tit {width:100%; font-size:26px;}
	.history_wrap .tit:after {width:auto; max-width:none; height:200px; margin:0 0 0 auto;}
	.history {width:100%;}
	.history dt {font-size:22px; margin-bottom:12px;}
	.history dd p strong {font-size:16px;}
/* 임직원 현황 - 조직도 · 직원 현황 */
	.organization {padding:20px;}
	.organization .boss strong {font-size:20px;}
	.organization .boss p {font-size:16px;}
	.organization .box {font-size:16px;}
	.director {gap:20px; padding:30px;}
	.director .imgfit {width:160px;}
	.director .txt {width:calc(100% - 180px);}
	.director strong {font-size:28px; margin:8px 0 25px;}
/* 임직원 현황 - 임원현황 */
	.none_contents {font-size:16px; padding:40px;}
	.none_contents:before {height:100px; margin-bottom:30px;}
	.executive_status {gap:20px;}
	.executive_status li {width:calc((100% - 60px)/4);}
	.executive_status .txt {padding:10px;}
	.executive_status .name {font-size:16px; margin-bottom:4px;}
/* 위원회 현황 */
	.committee_status {gap:10px;}
	.committee_status .box {width:calc((100% - 20px)/3); padding:20px;}
	.committee_status .box:before {width:140px; margin-bottom:15px;}
	.committee_status .tt {font-size:18px; margin-bottom:20px;}
	.committee_status .flex {gap:10px;}
	.committee_status dl {width:calc(100% - 5px); gap:8px; line-height:30px;}
	.committee_status dt {font-size:13px; width:60px;}
/* 게시판 목록 */
	.board_top {margin-bottom:30px;}
	.board_top .search_area,
	.board_top .search_area form {gap:8px;}
	.board_top select.text {width:180px; height:50px; line-height:48px; padding:0 15px;}
	.board_top .inputarea {width:300px; height:50px;}
	.board_top .inputarea .text {width:calc(100% - 48px); height:48px; padding:0 20px;}
	.board_top .inputarea .btn {width:48px; height:48px;}
	.board_list col.w110 {width:70px;}
	.board_list col.w160 {width:110px;}
	.board_list th,
	.board_list td {height:60px; padding:6px 0;}
	.board_list .file i {width:18px; height:18px;}
	.board_list tr.notice .num:before {font-size:13px; line-height:28px; height:28px; width:54px;}
	.board_bottom .paging {gap:4px; margin-top:50px;}
	.board_bottom .paging a {width:36px; height:36px; line-height:36px; font-size:15px;}
	.board_bottom .paging .prev {margin-right:14px;}
	.board_bottom .paging .next {margin-left:14px;}
	.board_bottom .btn_write {line-height:44px; height:46px; padding:0 20px; gap:6px;}
	.board_bottom .btn_write:after {width:18px; height:18px;}
/* 게시판 상세 */
	.board_view {padding:30px;}
	.board_view .state {margin-bottom:10px;}
	.board_view .state span {font-size:14px; line-height:32px; padding:0 15px;}
	.board_view .tit {font-size:24px;}
	.board_view .info {gap:16px; margin:25px 0;}
	.board_view .info dl {gap:8px; font-size:14px;}
	.board_view .con {padding:40px 0;}
	.board_view .files a {padding:14px 50px; font-size:14px; /* line-height:24px; margin-bottom:6px; background-position:20px 50%; */;}
	.board_view .btns_writer {gap:10px;}
	.board_view .btns_writer .btn {line-height:38px; height:40px; padding:0 20px; gap:6px;}
	.board_view .btns_writer .btn:after {width:18px; height:18px;}
	.prevnext {margin-top:60px;}
	.prevnext .arrow {line-height:60px; padding:0 15px; width:calc(50% - 80px);}
	.prevnext strong:before {width:30px;}
	.prevnext .arrow.prev {padding-left:75px;}
	.prevnext .arrow.prev strong {padding-left:32px;}
	.prevnext .arrow.next {padding-right:75px;}
	.prevnext .arrow.next strong {padding-right:32px;}
	.btn_list {font-size:16px; line-height:60px; height:60px; width:160px;}
/* 게시판 쓰기 */
	.board_write {padding:30px;}
	.board_write dl {margin-bottom:20px;}
	.board_write dt {width:110px; line-height:30px; padding-top:10px;}
	.board_write dd {width:calc(100% - 110px);}
	.board_write dd textarea.text {height:300px; padding:15px;}
	input[type="text"],
	input[type="password"],
	input[type="date"],
	select {height:50px;}
	.board_write .captcha {gap:8px;}
	.board_write .captcha .img,
	.board_write .captcha .re,
	.board_write .captcha .text,
	.board_write .captcha .btn {height:50px;}
	.board_write .captcha .img {width:240px;}
	.board_write .captcha .re {width:50px;}
	.board_write .captcha .text {width:calc(100% - 236px); padding:0 15px;}
	.board_write .captcha .btn {width:80px;}
	.board_write .terms {margin-top:30px; padding-top:30px;}
	.board_write .terms .gbox {padding:20px; margin-bottom:20px;}
	.board_write .terms .gbox li {margin-bottom:6px; font-size:15px; padding-left:120px;}
	.btns_btm {gap:10px; margin-top:60px;}
	.btns_btm .btn {font-size:16px; line-height:58px; width:160px;}
/* 오시는 길 */
	.map_area {margin-bottom:30px;}
	.map_area .roughmap_maker_label a {width:260px;}
	.map_area .root_daum_roughmap .wrap_map {height:400px !important;}
	.map_text {gap:20px;}
	.map_text .box {width:calc(50% - 10px); padding:20px;}
	.map_text .tit {font-size:20px; margin-bottom:20px;}
	.map_text dl {line-height:22px; margin-bottom:10px;}
	.map_text dt {padding-left:30px; width:100px;}
	.map_text dd {width:calc(100% - 100px);}
/* 가맹단체 */
	.regular_area {gap:20px; padding:20px;}
	.regular_area .imgfit {width:160px;}
	.regular_area .imgfit p {font-size:14px; line-height:30px; padding:0 10px; border-radius:0 12px;}
	.regular_area .txt {width:calc(100% - 180px);}
	.regular_area span {font-size:14px;}
	.regular_area .name {font-size:28px; margin:6px 0 28px;}
	.regular_area dl {gap:10px; line-height:28px; margin-bottom:8px;}
	.regular_area dt {font-size:14px; width:70px;}
	.regular_area dd {width:calc(100% - 80px); gap:12px;}
	.regular_area .personnel {right:40px; width:120px; gap:4px;}
	.regular_area .personnel p {font-size:14px;}
	.regular_area .personnel strong {font-size:32px;}
/* 종목소개 */
	.introduction_item {gap:10px;}
	.introduction_item a {width:calc((100% - 50px)/6); padding:20px 15px;}
	.introduction_item i {width:40px; height:40px;}
	.introduction_item strong {/* margin:20px 0 10px; */ font-size:16px;}
	.introduction_view {padding:20px 160px 20px 20px; margin-bottom:60px;}
	.introduction_view .icon {top:20px; right:20px; width:120px; height:120px;}
	.introduction_view .homepage dt {font-size:15px;}
/* 생활체육 */
	.lifestyle dl {gap:20px; margin-top:40px;}
	.lifestyle dt,
	.lifestyle dd {width:calc(50% - 10px);}
	.lifestyle dd i {height:44px;}
	.lifestyle dd strong {font-size:20px; margin:20px 0 10px;}
	.lifestyle_contact {gap:60px; flex-direction:column;}
	.lifestyle_contact .contact_area {width:100%; display:flex;}
	.lifestyle_contact .contact_area li {padding:20px; width:50%;}
	.lifestyle_contact .contact_area i {width:40px; height:40px; margin-bottom:15px; padding:8px;}
	.lifestyle_contact .contact_area span {font-size:16px;}
	.lifestyle_contact .contact_area .num {gap:6px; font-size:16px;}
	.lifestyle_contact .contact_area .num strong {font-size:20px;}
	.lifestyle_contact .contact_area dl {gap:4px; margin-top:4px;}
	.lifestyle_contact .conbox {width:100%;}
	.step_area li {padding:24px 20px;}
	.step_area li:before {left:-24px; width:28px;}
	.step_area li i {width:80px;}
	.step_area li strong {font-size:16px; margin:15px 0 6px;}
	.notice_home {padding:15px 25px; gap:10px; margin-bottom:60px;}
	.notice_home:before {width:20px; height:20px;}
	.btn_more {gap:6px; font-size:16px; line-height:50px; height:50px; padding:0 30px;}
	.btn_more:after {width:14px; height:14px;}
	.btn_more.mt24 {margin-top:20px;}
/* 전문체육 */
	.professional_area {margin-top:40px;}
	.professional_area .btit {margin:20px 0 10px;}
	.main_business {padding-top:40px; margin-top:40px;}
	.main_business:before {height:calc(100% + 293px);}
	.main_business ul {gap:10px;}
	.main_business li {width:calc((100% - 30px)/4); padding:20px 10px;}
	.main_business li i {height:40px;}
	.main_business li strong {font-size:18px;}
/* 포토 자료실 */
	.gall_list {gap:40px 10px;}
	.gall_list a {width:calc((100% - 20px)/3);}
	.gall_list .txt {padding-top:15px;}
	.gall_list .tit {font-size:16px;}
	.gall_list .date {margin-top:12px;}
/* 동영상 자료실 */
	.thum_list a {padding:20px 0;}
	.thum_list .imgfit {width:200px;}
	.thum_list .txt {width:calc(100% - 200px); padding-left:20px;}
	.thum_list .tit {font-size:18px;}
	.thum_list .con {font-size:16px; line-height:26px; height:52px; margin:15px 0 20px;}
/* 약관 */
	.terms_area .tit {font-size:22px; margin:60px 0 30px;}
	.terms_area .tt {font-size:18px; margin:20px 0 15px;}
	.terms_area .pl,
	.terms_area li {padding-left:18px; text-indent:-18px;}
	.terms_area .time {margin-top:60px;}
	.privacy_policy .tt {margin:60px 0 15px;}
	.privacy_policy .mb {margin-bottom:15px;}
}

/* ------------------------------ Mobile Over ------------------------------ */
@media screen and (min-width:768px){
	.svisual .aside dd,
	.jq_tab,
	.tabs dd,
	.tabs_jq .jq_tab {display:flex !important;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header {height:60px;}
	.header .logo {line-height:60px; width:180px;}
	.header .logo img {height:38px;}
	.header .btn_menu {right:0; width:60px;}
	.header .btn_menu p {width:20px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-7px;}
	.header .btn_menu .b {margin-top:5px;}
	.header .sitemap {padding:80px 20px 20px; background:#fff;}
	.header .sitemap:before {content:""; position:absolute; top:60px; left:0; width:100%; height:1px; background:#F1F4F6; z-index:1;}
	.header .sitemap .bg:before,
	.header .sitemap .bg * {display:none;}
	.header .sitemap .flex {flex-direction:column; overflow:hidden; max-height:calc(100vh - 60px);}
	.header .sitemap .menu {width:100%; padding:0; background:#fff; margin-bottom:16px; border:0; border-radius:15px; border:#f6f6f6 1px solid; box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.04);}
	.header .sitemap .menu:last-child {margin-bottom:0;}
	.header .sitemap .menu > a {font-size:17px; margin-bottom:0; height:58px; padding:0 20px;}
	.header .sitemap .menu > a.mo_vw {position:relative; display:flex !important; align-items:center;}
	.header .sitemap .menu > a.mo_vw:after {content:""; position:absolute; top:0; right:20px; width:30px; height:100%; background:#939598; mask:url('/pub/images/arrow_gnb_mobile.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_gnb_mobile.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.header .sitemap .menu.open > a.mo_vw:after,
	.header .sitemap .menu.on > a.mo_vw:after {transform:rotate(180deg);}
	.header .sitemap .gnb1.open > a.mo_vw:after,
	.header .sitemap .gnb1.on > a.mo_vw:after {background:#EF6388;}
	.header .sitemap .gnb2.open > a.mo_vw:after,
	.header .sitemap .gnb2.on > a.mo_vw:after {background:#0054A6;}
	.header .sitemap .gnb3.open > a.mo_vw:after,
	.header .sitemap .gnb3.on > a.mo_vw:after {background:#F58B00;}
	.header .sitemap .gnb4.open > a.mo_vw:after,
	.header .sitemap .gnb4.on > a.mo_vw:after {background:#1DA770;}
	.header .sitemap .gnb5.open > a.mo_vw:after,
	.header .sitemap .gnb5.on > a.mo_vw:after {background:#CE88CF;}
	.header .sitemap .snb {padding:13px 0; border-top:#f6f6f6 1px solid; display:none;}
	.header .sitemap .on .snb {display:block;}
	.header .sitemap .snb a {font-size:14px; padding:7px 24px; margin-bottom:0;}
	.header .sitemap .snb a:before {display:none;}
	.header .sitemap .btn_close_last:focus {font-size:13px;}
/* footer */
	.fbanner {padding:24px 0;}
	.fbanner:before,
	.fbanner:after {display:none;}
	.fbanner a {height:60px; background-size:80%;}
	.footer .links .inner {gap:16px;}
	.footer .links a {font-size:12px;}
	.footer .links a:before {left:-9px;}
	.footer .info {padding:24px 0; font-size:12px;}
	.footer .info .flex {gap:0 12px; margin:8px 0 12px;}
	.footer .sns {margin-bottom:26px;}
	.footer .sns a {width:30px; height:30px;}
	.footer .sns .logo {width:110px;}
	#topset {top:calc(-100vh + 64px);}
	.quick {width:48px;}
	.unfixed .quick {bottom:calc(100% - 20px);}
	.quick [class*='i'] {height:48px; border-radius:50%;}
	.quick [class*='i']:before {width:24px; height:24px;}
	.quick .i1:before {background:url('/pub/images/icon_tel_m.svg') no-repeat  50% 50% / 17px;}
	.quick .i2,
	.quick .i3 {display:none;}
	.quick .gotop {font-size:12px; line-height:48px; height:48px; border-radius:50%;}
/* main */
	.mvisual .slick-slide > div {height:640px;}
	.mvisual .slick-slide img {object-position:50% 80%;}
	.mvisual_wrap .txt {justify-content:flex-start; padding-top:140px;}
	.mvisual_wrap .txt span {font-size:22px;}
	.mvisual_wrap .txt strong {font-size:36px; margin:8px 0 24px;}
	.mvisual_wrap .txt p {font-size:17px;}
	.mvisual_wrap .navi {gap:6px;}
	.mvisual_wrap .navi .paging {margin-top:15px;}
	.mvisual_wrap .navi .slick-dots {width:140px; height:3px;}
	.mvisual_wrap .navi button {width:34px; height:34px;}
	.mcon {font-size:14px;}
	.mtit {font-size:32px;}
	.mcon .tb {font-size:16px; margin-bottom:32px;}
	.mcon .more {width:52px; height:52px;}
	.mcon .more:after {width:36px; height:36px;}
	.mc01 {padding:40px 0;}
	.mc01 .inner {flex-wrap:wrap; justify-content:flex-start;}
	.mc01 a {width:calc(100%/3); max-width:calc(100%/3); height:112px; gap:8px; font-size:16px;}
	.mc01 a:before {height:42px; margin:8px 0;}
	.mc02 {padding:60px 0 80px;}
	.mc02:before {border-radius:0px 120px 0px 0px;}
	.mc02:after {top:18px; left:-14px;}
	.mc02 .tb {margin-bottom:24px;}
	.jq_tab {gap:4px;}
	.jq_tab.mb8 {margin-bottom:40px;}
	.jq_tab li {width:calc((100% - 12px)/4);}
	.jq_tab li button {font-size:13px; line-height:38px; height:40px; width:100%;}
	.jq_tab a {font-size:13px; line-height:38px; height:40px; flex-basis:calc((100% - 20px)/3);}
	.jq_tab.set5 li {width:calc((100% - 20px)/3); flex:1 1 calc((100% - 20px)/3);}
	.tab-contents .flex {gap:16px;}
	.tab-contents .flex a {width:100%; padding:24px;}
	.tab-contents .tag {font-size:12px; line-height:24px; height:24px; padding:0 12px;}
	.tab-contents .tit {font-size:16px; margin:10px 0 14px;}
	.tab-contents .date {font-size:12px;}
	.mc02 .more {position:relative; top:0; display:block; margin:40px auto 0; transform:none;}
	.mc03 .mtit {margin-bottom:32px;}
	.mc03_banner .slider__inner {height:44vw;}
	.mc03_banner .slider__inner .slider_item {width:60vw;}
	.mc03_banner .slider__inner .slider_item-trigger-next {left:-15%;}
	.mc03_banner .slider__inner .slider_item-trigger-previous {left:115%;}
	.mc03_banner .slider__inner .slider_item-selected {left:50%; width:calc(100vw - 60px);}
	.mc03_banner .slider__inner .slider_item-previous {left:-30%;}
	.mc03_banner .slider__inner .slider_item-next {left:130%;}
	.mc03_banner .slider__inner .slider_item-first {left:-15%;}
	.mc03_banner .slider__inner .slider_item-last {left:115%;}
	.mc03_banner .slider__inner .slider_item-previous,
	.mc03_banner .slider__inner .slider_item-next {width:60vw;}
	.mc03_banner .mc3_controls-previous,
	.mc03_banner .mc3_controls-next {width:36px; height:36px; margin-top:-36px;}
	.mc03_banner .mc3_dots .dot {width:6px; height:6px;}
	.mc04 {padding:80px 0 60px;}
	.mc04:before {border-radius:0px 0px 0px 60px;}
	.mc04:after {display:none;}
	.mc04 .inner {flex-direction:column;}
	.mc04 .txt {width:100%; padding-top:0;}
	.mc04 .mtit {margin-bottom:6px; text-align:center;}
	.mc04 .tb {text-align:center;}
	.mc04 .slide_area {width:100%;}
	.mc04 .mc04_slide {width:calc(100% + 40px); padding:20px 4px 20px 20px; margin:-20px 0 -20px -20px;}
	.mc04 .mc04_slide .swiper-slide {flex:0 0 70vw; margin-right:8px;}
	.mc04 .mc04_slide a {padding:16px;}
	.mc04 .mc04_slide .tt p {font-size:16px; margin:16px 0;}
	.mc04 .navi {margin-top:40px;}
	.mc04 .navi .mc04_scrollbar {width:calc(100% - 144px);}
	.mc04 .navi .swiper_arrow {width:36px; height:36px;}
	.mc04 .more.mo_vw {width:36px; height:36px; margin-left:18px;}
	.mc04 .more.mo_vw:before {width:52px; height:52px;}
	.mc05 {padding:80px 0 96px;}
	.mc05 .flex {flex-direction:column;}
	.mc05 a {width:100%; height:80px; padding:24px; font-size:17px;}
	.mc05 .i1,
	.mc05 .i2,
	.mc05 .i3,
	.mc05 .i4,
	.mc05 .i5 {background-size:auto 36px; background-position:right 24px center;}
	#popup_slide .inbox {max-width:calc(100vw - 100px);}
	#popup_slide .slick-arrow {width:40px; height:40px; margin-top:-30px;}
	#popup_slide .slick-prev {left:-40px;}
	#popup_slide .slick-next {right:-40px;}
/* sub */
	.svisual {margin-top:60px; height:280px; background:no-repeat 100% 100% / contain;}
	.svisual.g01 {background-image:url('/pub/images/svisual01_m.jpg'); background-color:#FDEBF0;}
	.svisual.g02 {background-image:url('/pub/images/svisual02_m.jpg'); background-color:#ECF5FF;}
	.svisual.g03 {background-image:url('/pub/images/svisual03_m.jpg'); background-color:#FFFEEE;}
	.svisual.g04 {background-image:url('/pub/images/svisual04_m.jpg'); background-color:#E6F9F1;}
	.svisual.g05 {background-image:url('/pub/images/svisual05_m.jpg'); background-color:#F9F1F9;}
	.svisual .inner {padding-bottom:28px;}
	.svisual h2 {font-size:28px;}
	.svisual p {font-size:15px;}
	.svisual .location i {width:15px; height:15px;}
	.svisual .location em {width:24px;}
	.svisual .location span {font-size:12px;}
	.svisual .aside {bottom:-24px; height:48px; overflow:visible;}
	.svisual .aside dl {position:relative;}
	.svisual .aside dt {display:block; border-radius:24px; transition:.2s linear;}
	.svisual.g01 .aside dt {background:#EF6388;}
	.svisual.g02 .aside dt {background:#0054A6;}
	.svisual.g03 .aside dt {background:#F58B00;}
	.svisual.g04 .aside dt {background:#1DA770;}
	.svisual.g05 .aside dt {background:#CE88CF;}
	.svisual .aside dt button {position:relative; display:block; font-size:15px; color:#fff; font-weight:700; line-height:48px; width:100%; padding:0 32px; text-align:left;}
	.svisual .aside dt button:after {content:""; position:absolute; top:0; right:32px; width:24px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.svisual .aside dd {position:absolute; top:100%; left:0; border-radius:24px; padding:13px 0; background:#fff; border:#ddd 1px solid; box-shadow:#0000001a 0 4px 20px; display:none;}
	.svisual .aside a {font-size:15px; line-height:24px; height:auto; min-height:auto; border-radius:0; justify-content:flex-start; padding:7px 32px;}
	.svisual .aside a.on {background:none !important;}
	.svisual .aside .on dt button:after {transform:rotate(180deg);}
	.svisual.g01 .aside a.on {color:#EF6388;}
	.svisual.g02 .aside a.on {color:#0054A6;}
	.svisual.g03 .aside a.on {color:#F58B00;}
	.svisual.g04 .aside a.on {color:#1DA770;}
	.svisual.g05 .aside a.on {color:#CE88CF;}
	.svisual.g00 {padding:64px 0 0;}
	.svisual.g00 .inner {gap:10px;}
	.container {padding-top:84px; padding-bottom:60px; font-size:14px; min-height:calc(100vh - 280px);}
	.container h3 {font-size:28px; margin-bottom:40px;}
	.container p.fz2 {font-size:15px;}
	.stit {font-size:20px; margin:40px 0 16px; padding-left:11px;}
.stit strong {margin-left:6px;}
	.btit {font-size:18px; margin:30px 0 15px;}
	.btit.b {font-size:22px;}
	.dtit {font-size:18px; margin:40px 0 10px; padding-left:10px;}
	.dtit:before {width:3px; height:3px;}
	.mb24 {margin-bottom:18px;}
/* 탭 */
	.tabs,
	.tabs_jq {position:relative; margin-bottom:30px; z-index:10;}
	.tabs dt {display:block;}
	.tabs dt button,
	.tabs_jq .mo_menu {position:relative; display:block; font-size:14px; font-weight:700; line-height:42px; height:44px; width:100%; text-align:left; padding:0 24px; background:#fff; border:#ddd 1px solid; border-radius:22px;}
	.tabs dt button:after,
	.tabs_jq .mo_menu:after {content:""; position:absolute; top:0; right:24px; width:22px; height:100%; background:url('/pub/images/arrow_dep.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.g01 .tabs.on dt button,
	.g01 .tabs_jq.on .mo_menu {border-color:#EF6388;}
	.g02 .tabs.on dt button,
	.g02 .tabs_jq.on .mo_menu {border-color:#0054A6;}
	.g03 .tabs.on dt button,
	.g03 .tabs_jq.on .mo_menu {border-color:#F58B00;}
	.g04 .tabs.on dt button,
	.g04 .tabs_jq.on .mo_menu {border-color:#1DA770;}
	.g05 .tabs.on dt button,
	.g05 .tabs_jq.on .mo_menu {border-color:#CE88CF;}
	.tabs dd,
	.tabs_jq .jq_tab {position:absolute; top:100%; left:0; width:100%; padding:13px 0; background:#fff; border:#ddd 1px solid; overflow:auto; max-height:260px; border-radius:22px; box-shadow:#0000001a 0 4px 20px; display:none;}
	.tabs_jq .jq_tab li {width:100%;}
	.tabs a,
	.tabs_jq .jq_tab a,
	.tabs_jq .jq_tab li button {width:100%; height:auto; font-size:14px; line-height:24px; padding:7px 24px; border-radius:0; border:0; justify-content:flex-start; text-align:left;}
	.tabs a:last-child,
	.tabs_jq .jq_tab a:last-child,
	.tabs_jq .jq_tab li:last-child {border-bottom:0;}
	.tabs a.on,
	.tabs_jq .jq_tab a.on,
	.tabs_jq .jq_tab li.active button {background:none;}
	.g01 .tabs a.on,
	.g01 ~ .popup .tabs a.on,
	.g01 .tabs_jq .jq_tab a.on,
	.g01 .tabs_jq .jq_tab li.active button {color:#EF6388;}
	.g02 .tabs a.on,
	.g02 ~ .popup .tabs a.on,
	.g02 .tabs_jq .jq_tab a.on,
	.g02 .tabs_jq .jq_tab li.active button {color:#0054A6;}
	.g03 .tabs a.on,
	.g03 ~ .popup .tabs a.on,
	.g03 .tabs_jq .jq_tab a.on,
	.g03 .tabs_jq .jq_tab li.active button {color:#F58B00;}
	.g04 .tabs a.on,
	.g04 ~ .popup .tabs a.on,
	.g04 .tabs_jq .jq_tab a.on,
	.g04 .tabs_jq .jq_tab li.active button {color:#1DA770;}
	.g05 .tabs a.on,
	.g05 ~ .popup .tabs a.on,
	.g05 .tabs_jq .jq_tab a.on,
	.g05 .tabs_jq .jq_tab li.active button {color:#CE88CF;}
	.tabs.on dt button:after {transform:rotate(180deg);}
/* 점선목록 */
	.dots_list li {line-height:24px; padding-left:8px;}
/* 테이블 */
	.tbl {border-radius:10px;}
	.tbl th,
	.tbl td {padding:10px 5px;}
	.tbl col.w90 {width:40px;}
	.tbl col.w120 {width:50px;}
	.tbl col.w200 {width:80px;}
	.tbl .dots_list li {font-size:13px;}
	.mo_break_tbl {border:0; overflow:visible; border-radius:0;}
	.mo_break_tbl thead,
	.mo_break_tbl colgroup {display:none;}
	.mo_break_tbl table,
	.mo_break_tbl tbody,
	.mo_break_tbl th {display:block;}
	.mo_break_tbl tr {display:flex; flex-wrap:wrap; border:#ddd 1px solid; border-radius:15px; padding:20px 24px; margin-bottom:12px;}
	.mo_break_tbl tr:last-child {margin-bottom:0;}
	.mo_break_tbl th,
	.mo_break_tbl td {border:0;}
	.mo_break_tbl td {text-align:left; font-size:14px; padding:2px 0; width:100%; display:flex; align-items:center;}
	/* 장애인 체육정보 - 생활체육 */
	.type_lifestyle td:before {order:-2; width:61px;}
	.type_lifestyle td:after {content:""; order:-1; width:1px; height:12px; background:#ddd; margin-right:10px;}
	.type_lifestyle td:nth-child(1) {display:none;}
	.type_lifestyle td:nth-child(2) {font-size:17px; font-weight:800; padding:0 0 8px;}
	.type_lifestyle td:nth-child(2):after {display:none;}
	.type_lifestyle td:nth-child(3):before {content:"활동분야";}
	.type_lifestyle td:nth-child(4):before {content:"운영시간";}
	.type_lifestyle td:nth-child(5):before {content:"운영장소";}
	.type_lifestyle td:nth-child(6):before {content:"비고";}
/* 팝업 */
	.popup .inbox {font-size:14px;}
	.popup .btn_close {width:32px; height:32px;}
	.popup .tit {font-size:18px; margin-bottom:15px;}
	.popup .scroll {max-height:calc(100vh - 198px); padding-right:0; width:100%;}
/* 지도자 배치 시간표 */
	.popup .week_area td p {font-size:13px;}
/* 비밀번호 입력 */
	#inputPassword .btn_submit {font-size:14px; line-height:40px; height:40px; width:120px; margin-top:20px;}
/* 회장인사말 */
	.greetings {gap:30px;}
	.greetings .imgarea {width:80%; max-width:290px; border-radius:10px;}
	.greetings .imgarea:before {top:5px; left:5px;}
	.greetings .txt .tt {font-size:18px; margin-bottom:10px;}
	.greetings .txt .name {font-size:14px; margin-top:10px;}
	.greetings .txt .name strong {font-size:16px;}
/* 설립목적 및 연혁 */
	.his_top {padding:120px 20px 20px; border-radius:10px;}
	.his_top:before {top:20px; left:50%; width:80px; height:80px; transform:translateX(-50%);}
	.history_wrap .tit {font-size:20px;}
	.history_wrap .tit:after {height:140px; margin:20px 0 20px auto;}
	.history:before {left:16px;}
	.history dl {padding-left:43px; margin-bottom:40px;}
	.history dt {font-size:18px; margin-bottom:10px;}
	.history dt:before {left:-33px; width:13px; height:13px;}
	.history dd p {line-height:22px; padding-left:28px; margin-bottom:4px;}
	.history dd p strong {font-size:15px;}
	.history dl:first-child dt:before {left:-43px; width:35px; height:35px; border-width:11px;}
	.history dl:last-child:before {top:20px; height:calc(100% - 20px);}
/* 임직원 현황 - 조직도 · 직원 현황 */
	.organization {padding:16px;}
	.organization .boss {width:26vw; margin-bottom:20px;}
	.organization .boss strong {font-size:16px;}
	.organization .boss p {font-size:14px;}
	.organization .box {width:calc((100vw - 94px)/3); height:80px; font-size:14px;}
	.organization .box:before,
	.organization .boxs:before,
	.organization .boxs ul:before {top:-23px; height:20px;}
	.organization .center {width:200px;}
	.organization .center:after {bottom:-23px; width:calc(((100vw - 94px)/6) + 5px);}
	.organization .boxs,
	.organization .boxs ul {gap:10px; padding-top:20px;}
	.organization .boxs {margin-top:20px;}
	.organization .boxs:before,
	.organization .boxs ul:before {top:-20px;}
	.organization .boxs ul:after {width:calc(50% + 4px);}
	.organization .c4 {margin-top:20px;}
	.organization .c4:before {top:-43px; height:40px;}
	.organization .c4:after {top:-44px; width:calc(100% + 15px);}
	.director {flex-direction:column; gap:20px; padding:16px;}
	.director .imgfit,
	.director .txt {width:100%;}
	.director .imgfit {max-width:180px;}
	.director span {font-size:13px;}
	.director strong {font-size:24px; margin:5px 0 20px;}
	.director dl {gap:8px; margin-bottom:8px;}
	.director dt {font-size:13px; width:70px;}
	.director dd {width:calc(100% - 78px);}
/* 임직원 현황 - 임원현황 */
	.none_contents {font-size:14px; padding:20px;}
	.none_contents:before {height:80px; margin-bottom:20px;}
	.executive_status {gap:10px;}
	.executive_status li {width:calc(50% - 5px);}
	.executive_status .name {font-size:15px; margin-bottom:2px;}
/* 위원회 현황 */
	.committee_status {flex-direction:column;}
	.committee_status .box {width:100%; padding:16px;}
	.committee_status .box:before {width:100px; margin-bottom:10px;}
	.committee_status .tt {font-size:15px; margin-bottom:10px;}
	.committee_status dl {gap:6px;}
/* 게시판 목록 */
	.board_top {flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:10px; margin-bottom:20px;}
	.board_top .search_area,
	.board_top .search_area form {gap:5px; width:100%;}
	.board_top select.text {width:100px; height:40px; line-height:38px; padding:0 10px;}
	.board_top .inputarea {width:calc(100% - 105px); height:40px;}
	.board_top .inputarea .text {width:calc(100% - 38px); height:38px; padding:0 10px;}
	.board_top .inputarea .btn {width:38px; height:38px;}
	.board_list {border-top:#ddd 1px solid;}
	.board_list colgroup,
	.board_list thead {display:none;}
	.board_list table,
	.board_list tbody,
	.board_list td {display:block;}
	.board_list tr {position:relative; display:flex; flex-wrap:wrap; gap:0 20px; border-bottom:#ddd 1px solid; padding:10px 0;}
	.board_list td {height:auto; padding:2px 0; border:0;}
	/* .board_list .num {display:none;} */
	.board_list tr.notice .num:before {display: none;}
	.board_list .tal {width:100%;}
	.board_list .date:before {content:"작성일 :";}
	.board_list .hit:before {content:"조회 :";}
	.board_list .file {position:absolute; bottom:10px; right:0;}
	.board_list .file i {width:16px; height:16px;}
	.board_list tr.notice .tal a:before {content:"공지"; display:inline-block; vertical-align:top; font-size:13px; color:#fff; line-height:22px; height:22px; width:30px; text-align:center; background:#F58B00; border-radius:4px; margin-right:5px;}
	.board_bottom .paging {gap:2px; margin-top:40px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:30px; font-size:13px;}
	.board_bottom .paging .prev {margin-right:5px;}
	.board_bottom .paging .next {margin-left:5px;}
	.board_bottom .btn_write {position:relative; top:0; left:0; width:auto; line-height:38px; height:40px; width:100px; gap:6px; margin:40px auto 0; transform:none;}
	.board_bottom .btn_write:after {width:16px; height:16px;}
/* 게시판 상세 */
	.board_view {padding:20px; border-radius:10px;}
	.board_view .state {margin-bottom:8px;}
	.board_view .state span {font-size:13px; line-height:28px; padding:0 10px;}
	.board_view .tit {font-size:18px;}
	.board_view .info {gap:10px; margin:15px 0;}
	.board_view .info dl {gap:6px; font-size:13px;}
	.board_view .con {padding:30px 0;}
	.board_view .files a {padding:10px 30px; font-size:13px; line-height:20px; margin-bottom:4px; background-position:10px 50%; background-size:14px;}
	.board_view .files.files a {background-size:16px;}
	.board_view .files.files a strong {width:60px;}
	.board_view .files.files a span {width:calc(100% - 60px);}
	.board_view .btns_writer {gap:8px;}
	.board_view .btns_writer .btn {line-height:34px; height:36px; padding:0 16px; gap:4px;}
	.board_view .btns_writer .btn:after {width:16px; height:16px;}
	.prevnext {margin-top:40px;}
	.prevnext .arrow {position:relative; display:block; width:100%; line-height:40px; padding:0 10px; border-top:#ddd 1px solid;}
	.prevnext strong:before {width:24px;}
	.prevnext .arrow.prev,
	.prevnext .arrow.next {padding-left:60px; padding-right:0; text-align:left;}
	.prevnext .arrow.next {border-bottom:#ddd 1px solid;}
	.prevnext .arrow.prev strong,
	.prevnext .arrow.next strong {padding-left:24px; padding-right:0; left:0; right:auto;}
	.prevnext .arrow.prev strong:before {transform:rotate(90deg);}
	.prevnext .arrow.next strong:before {left:0; right:auto; transform:rotate(-90deg);}
	.btn_list {font-size:14px; line-height:40px; height:40px; width:140px; margin:0 auto 40px;}
/* 게시판 쓰기 */
	.board_write {padding:20px; border-radius:10px;}
	.board_write dl {margin-bottom:16px; flex-direction:column;}
	.board_write dt {width:100%; line-height:1; padding:0 0 10px;}
	.board_write dd {width:100%;}
	.board_write dd textarea.text {height:200px; padding:10px;}
	input[type="text"],
	input[type="password"],
	input[type="date"],
	select {height:40px;}
	.board_write .captcha {gap:5px; flex-wrap:wrap;}
	.board_write .captcha .img,
	.board_write .captcha .re,
	.board_write .captcha .text,
	.board_write .captcha .btn {height:40px;}
	.board_write .captcha .img {width:166px;}
	.board_write .captcha .re {width:40px;}
	.board_write .captcha .text {width:calc(100% - 65px); padding:0 10px;}
	.board_write .captcha .btn {width:60px;}
	.board_write .terms {margin-top:20px; padding-top:20px;}
	.board_write .terms .gbox {padding:16px; margin-bottom:10px;}
	.board_write .terms .gbox li {font-size:14px; padding-left:0;}
	.board_write .terms .gbox li strong {position:relative; display:block;}
	.btns_btm {margin-top:40px;}
	.btns_btm .btn {font-size:14px; line-height:46px; width:calc(50% - 5px);}
/* 체크박스 */
	label.check {padding-left:28px;}
/* 오시는 길 */
	.map_area {margin-bottom:20px;}
	.map_area .roughmap_maker_label a {width:200px;}
	.map_area .root_daum_roughmap .wrap_map {height:300px !important;}
	.map_text {flex-direction:column;}
	.map_text .box {width:100%; padding:16px; border-radius:10px;}
	.map_text .tit {font-size:16px; margin-bottom:10px;}
	.map_text dl {margin-bottom:6px;}
	.map_text dt {padding-left:26px; width:90px;}
	.map_text dd {width:calc(100% - 90px);}
/* 가맹단체 */
	.regular_area {flex-direction:column; padding:16px;}
	.regular_area .imgfit {width:100%; max-width:180px;}
	.regular_area .imgfit p {font-size:12px; border-radius:0 10px;}
	.regular_area .txt {width:100%;}
	.regular_area span {font-size:13px;}
	.regular_area .name {font-size:22px; margin:6px 0 24px;}
	.regular_area dl {gap:8px; margin-bottom:8px;}
	.regular_area dt {font-size:13px; width:70px;}
	.regular_area dd {width:calc(100% - 78px); gap:8px;}
	.regular_area .personnel {position:relative; top:0; right:0; width:100%; aspect-ratio:auto; flex-direction:row; align-items:center; gap:4px; border-radius:10px; transform:none; margin-top:20px; line-height:1; padding:10px;}
	.regular_area .personnel p {font-size:13px;}
	.regular_area .personnel strong {font-size:26px;}
/* 종목소개 */
	.introduction_item a {width:calc((100% - 20px)/3); padding:16px 10px;}
	.introduction_item i {width:30px; height:30px;}
	.introduction_item strong {margin:15px 0 5px; font-size:14px;}
	.introduction_item p {line-height:1.2;}
	.introduction_view {padding:20px; margin-bottom:30px;}
	.introduction_view .icon {position:relative; top:0; right:0; width:100px; height:100px; margin:0 auto 20px;}
	.introduction_view .homepage {gap:8px;}
	.introduction_view .homepage dt {width:90px; height:30px; line-height:30px; font-size:14px;}
	.introduction_view .homepage dd {width:calc(100% - 98px);}
/* 생활체육 */
	.lifestyle dl {flex-direction:column !important; margin-top:30px;}
	.lifestyle dt,
	.lifestyle dd {width:100%;}
	.lifestyle dd i {height:30px;}
	.lifestyle dd strong {font-size:18px; margin:15px 0 10px;}
	.lifestyle_contact {gap:40px;}
	.lifestyle_contact .contact_area {flex-direction:column;}
	.lifestyle_contact .contact_area li {position:relative; padding:16px 16px 16px 72px; width:100%;}
	.lifestyle_contact .contact_area i {position:absolute; top:16px; left:16px; margin-bottom:0;}
	.lifestyle_contact .contact_area span {font-size:14px;}
	.lifestyle_contact .contact_area .num {gap:4px; font-size:14px;}
	.lifestyle_contact .contact_area .num strong {font-size:18px;}
	.lifestyle_contact .contact_area dl {gap:3px; margin-top:2px;}
	.step_area {flex-direction:column; gap:16px;}
	.step_area li {position:relative; width:100%; min-height:82px; padding:16px 16px 16px 82px; align-items:flex-start; text-align:left;}
	.step_area li:before {left:50%; top:-24px; transform:translateX(-50%) rotate(90deg);}
	.step_area li i {position:absolute; top:50%; left:16px; width:50px; padding:10px; transform:translateY(-50%);}
	.step_area li strong {font-size:15px; margin:0 0 4px;}
	.notice_home {padding:10px 20px; gap:8px; margin-bottom:40px;}
	.notice_home:before {width:18px; height:18px;}
	.btn_more {gap:4px; font-size:15px; line-height:40px; height:40px; padding:0 20px;}
	.btn_more.mt24 {margin-top:15px;}
/* 전문체육 */
	.professional_area {margin-top:30px;}
	.main_business {padding-top:30px; margin-top:30px;}
	.main_business:before {height:calc(100% + 293px);}
	.main_business ul {flex-wrap:wrap;}
	.main_business li {width:calc(50% - 5px); padding:24px 10px;}
	.main_business li i {height:30px;}
	.main_business li strong {font-size:15px; margin:15px 0 6px;}
/* 포토 자료실 */
	.gall_list {gap:30px 10px;}
	.gall_list a {width:calc(50% - 5px);}
	.gall_list .txt {padding-top:10px;}
	.gall_list .tit {font-size:15px;}
	.gall_list .date {margin-top:10px;}
/* 동영상 자료실 */
	.thum_list a {padding:15px 0;}
	.thum_list .imgfit {width:100px;}
	.thum_list .txt {width:calc(100% - 100px); padding-left:10px;}
	.thum_list .tit {font-size:16px;}
	.thum_list .con {font-size:13px; line-height:20px; height:40px; margin:5px 0;}
/* 약관 */
	.terms_area .tit {font-size:18px; margin:40px 0 20px;}
	.terms_area .tt {font-size:16px; margin:15px 0 10px;}
	.terms_area .pl,
	.terms_area li {padding-left:14px; text-indent:-14px;}
	.terms_area .time {margin-top:40px;}
	.privacy_policy .tt {margin:40px 0 10px;}
	.privacy_policy .mb {margin-bottom:10px;}
}

@media screen and (max-width: 768px) {
  /* 공통 헤더 설정 */
  .header,
  .header.main.fixed {
    height: auto;
  }

  /* 로고 영역: 좌측으로 최대한 정렬, 로고 2개 가로 배치 */
  .header .logo_area,
  .header.main.fixed .logo_area {
    position: relative !important;
    display: flex;
    flex-direction: row;         /* 가로 정렬 */
    align-items: center;         /* 수직 가운데 정렬 */
    gap: 16px;                   /* 로고 사이 간격 */
    padding: 16px 6px 16px 0px;  /* 상 우 하 좌 (좌측 여백 최소화) */
  }

  /* 로고1과 로고2 공통 스타일 */
  .header .logo,
  .header .logo.logo2 {
    width: 140px;
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  /* 로고2 위치 정렬 보정 */
  .header .logo.logo2 {
    position: static;
    margin: 0;
  }

  /* 로고2 내부 이미지 */
  .header .logo.logo2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* 로고2의 텍스트 */
  .header .logo.logo2 h1 {
    font-size: 14px;
    color: #fff;
    margin-left: 4px;
    line-height: 1.4;
  }

  /* 메뉴 버튼 위치 */
  .header .btn_menu {
    right: 20px;
  }

  /* GNB 패딩 제거 */
  .header .gnb {
    padding-left: 0 !important;
  }
}