@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* color */
body{
	--iden:#0054A6;
}
.iden {color:#0054A6;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:110px; z-index:100; background:#fff; color:#333;}
.header .logo_area {position:absolute; top:0; left:55px; display:flex; gap:20px;}
.header .logo {width:220px; line-height:110px; font-size:0; z-index:10; background:no-repeat 50% 50% / contain;}
.header h1 {font-size:0; opacity:0; width:0; height:0;}
.header .btn_menu {position:absolute; top:0; right:55px; width:28px; height:100%; z-index:30;}
.header .btn_menu a {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.header .btn_menu .close {display:none;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:28px; height:2px; background:#333; margin-left:-14px; border-radius:2px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-9px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:7px;}
.header.on .btn_menu .open {display:none;}
.header.on .btn_menu .close {display:block;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb {position:relative; display:flex; justify-content:center; z-index:0; color:#333; padding-left: 440px;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:20px; font-weight:700; line-height:110px; padding:0 50px;}
.header .gnb .menu.on > a {color:var(--iden);}
.header .gnb .snb {position:fixed; top:110px; left:0; width:100%; height:390px; background:#fff; padding:60px 0; border-radius:0 0 40px 40px; z-index:1; display:none;}
.header .gnb .snb:before,
.header .gnb .snb:after {content:""; position:absolute; left:0; width:100%; border-radius:0 0 40px 40px;}
.header .gnb .snb:before {top:50%; height:50%; box-shadow:#0000001a 0 4px 20px; z-index:-1;}
.header .gnb .snb:after {top:0; height:100%; background:#fff;}
.header .gnb .snb .inner {position:relative; display:flex; z-index:1;}
.header .gnb .snb .tit {width:350px; line-height:1.6;}
.header .gnb .snb .tit strong {display:block; font-size:34px; font-weight:800; margin-bottom:16px;}
.header .gnb .snb .tit p {font-size:22px;}
.header .gnb .snb .flex {width:calc(100% - 350px); flex-wrap:wrap; gap:32px 24px;}
.header .gnb .snb a {position:relative; width:calc((100% - 48px)/3); height:62px; font-size:18px; font-weight:700; line-height:30px; padding:0 24px; display:flex; align-items:center; background:#F6F6F6; border-radius:31px;}
.header .gnb .snb a:after {content:""; position:absolute; top:0; right:24px; width:30px; height:100%; background:url('/pub/images/arrow_snb.svg') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.header .gnb .snb a.on {color:#fff; background:#F36F21;}
.header .gnb .snb a.on:after {opacity:1;}
.header .gnb .focus .snb {display:block;}
.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; padding:210px 0; z-index:1; display:none;}
.header.on .sitemap {display:block;}
.header .sitemap .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background:linear-gradient(#fff -2.19%, #ECF5FF 71.51%);}
.header .sitemap .bg:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:40px; background:#414141; z-index:1;}
.header .sitemap .bg i {position:absolute; background:no-repeat 50% 50% / contain; z-index:2;}
.header .sitemap .bg .i1 {bottom:36px; left:48px; width:237px; aspect-ratio:237/217; background-image:url('/pub/images/img_sitemap_left.svg');}
.header .sitemap .bg .i2 {bottom:34px; right:32px; width:341px; aspect-ratio:341/251; background-image:url('/pub/images/img_sitemap_right.svg');}
.header .sitemap .bg .txt {position:absolute; bottom:34px; left:50%; margin-left:-36px; width:578px; aspect-ratio:193/32; background:url('/pub/images/txt_sitemap.svg') no-repeat 50% 50% / contain; z-index:0;}
.header .sitemap .flex {position:relative; z-index:1;}
.header .sitemap .menu {width:20%; padding:0 50px; border-left:#ddd 1px solid;}
.header .sitemap .menu:first-child {border-left:0;}
.header .sitemap .menu > a {display:block; font-size:34px; font-weight:800; line-height:1.6; margin-bottom:40px;}
.header .sitemap .snb a {position:relative; display:block; font-size:20px; line-height:1.6; margin-bottom:16px;}
.header .sitemap .snb a:last=child {margin-bottom:0;}
.header .sitemap .snb a:before {content:""; position:absolute; top:50%; left:-13px; width:5px; height:5px; border-radius:50%; transform:translateY(-50%); opacity:0; transition:.2s linear;}
.header .sitemap .snb a.on:before {opacity:1;}
.header .sitemap .gnb1 .snb a.on {color:#EF6388;}
.header .sitemap .gnb2 .snb a.on {color:#0054A6;}
.header .sitemap .gnb3 .snb a.on {color:#F58B00;}
.header .sitemap .gnb4 .snb a.on {color:#1DA770;}
.header .sitemap .gnb5 .snb a.on {color:#CE88CF;}
.header .sitemap .gnb1 > a {color:#EF6388;}
.header .sitemap .gnb1 .snb a:before {background:#EF6388;}
.header .sitemap .gnb2 > a {color:#0054A6;}
.header .sitemap .gnb2 .snb a:before {background:#0054A6;}
.header .sitemap .gnb3 > a {color:#F58B00;}
.header .sitemap .gnb3 .snb a:before {background:#F58B00;}
.header .sitemap .gnb4 > a {color:#1DA770;}
.header .sitemap .gnb4 .snb a:before {background:#1DA770;}
.header .sitemap .gnb5 > a {color:#CE88CF;}
.header .sitemap .gnb5 .snb a:before {background:#CE88CF;}
.header .sitemap .btn_close_last {position:fixed; bottom:0; right:0; font-size:0;}
.header .sitemap .btn_close_last:focus {font-size:14px; color:#fff; background:var(--iden); padding:10px 20px; border:0;}

.header.main {background:none;}
.header.main .logo {background-image:url('/pub/images/logo_w.svg');}
.header.main .logo img,
.header.main .logo2 img {opacity:0;}
.header.main .logo2 {background-image:url('/site_bandabi/pub/images/logo_w.svg');}
.header.main .gnb .menu > a {color:#fff;}
.header.main .btn_menu p {background:#fff;}

.header.main.fixed,
.header.focus_wrap {background:#fff;}
.header.main.fixed .logo,
.header.on .logo,
.header.focus_wrap .logo {background-image:none;}
.header.main.fixed .logo img,
.header.on .logo img,
.header.focus_wrap .logo img {opacity:1;}
.header.main.fixed .gnb .menu > a,
.header.focus_wrap .gnb .menu > a {color:#333;}
.header.main.fixed .btn_menu p,
.header.on .btn_menu p,
.header.focus_wrap .btn_menu p {background:#333;}

.header.fixed {border-bottom:#f6f6f6 1px solid;}

/* footer */
.footer {position:relative; z-index:30;}
.footer .inner {position:relative; z-index:2;}
.fbanner {position:relative; z-index:1; padding:48px 0 56px;}
.fbanner:before,
.fbanner:after {content:""; position:absolute; background:no-repeat 50% 50% / contain;}
.fbanner:before {bottom:-19px; left:14px; width:238px; aspect-ratio:119/101; background-image:url('/pub/images/img_fbanner_left.svg');}
.fbanner:after {bottom:0; right:143px; width:296px; aspect-ratio:148/29; background-image:url('/pub/images/img_fbanner_right.svg');}
.fbanner .slick-list {min-width:100%; padding:20px 10px; margin:-20px;}
.fbanner .slick-slide {padding:0 10px;}
.fbanner a {width:calc((100% - 100px)/6); height:80px; background:#fff no-repeat 50% 50%; box-shadow:#0000001a 0 4px 20px; border-radius:12px; font-size:0;}
.fbanner a.i1 {background-image:url('/pub/images/logo_hwaseong.svg'); background-size:auto 28px;}
.fbanner a.i2 {background-image:url('/pub/images/logo_fbanner02.png');}
.fbanner a.i3 {background-image:url('/pub/images/logo_fbanner03.svg');}
.fbanner a.i4 {background-image:url('/pub/images/logo_fbanner04.png');}
.fbanner a.i5 {background-image:url('/pub/images/logo_fbanner05.svg');}
.fbanner a.i6 {background-image:url('/pub/images/logo_fbanner06.png'); background-size:70%;}
.footer .links {background:#414141;}
.footer .links .inner {display:flex; gap:22px;}
.footer .links a {position:relative; font-size:16px; color:#fff; font-weight:700; line-height:60px;}
.footer .links a:before {content:""; position:absolute; top:50%; left:-12px; width:2px; height:2px; background:#fff; border-radius:50%; transform:translateY(-50%);}
.footer .links a:first-child:before {display:none;}
.footer .info {padding:32px 0 48px; font-size:16px; color:#333; line-height:1.6; background:#fff;}
.footer .info .flex {gap:24px; flex-wrap:wrap; margin:10px 0 16px;}
.footer .info dl {display:flex; gap:6px;}
.footer .info dt {font-weight:700;}
.footer .info .copy {color:#939598;}
.footer .sns {position:absolute; top:32px; right:20px; display:flex; gap:8px;}
.footer .sns a {width:40px; height:40px; background:no-repeat 50% 50% / contain; border-radius:50%; font-size:0;}
.footer .sns a.i1 {background-image:url('/pub/images/icon_sns01.svg');}
.footer .sns a.i2 {background-image:url('/pub/images/icon_sns02.svg');}
.footer .sns .logo {width:179px; aspect-ratio:179/53; background:url('/pub/images/logo_hwaseong.svg') no-repeat 50% 50% / contain; margin-left:24px; font-size:0;}

#topset {position:absolute; top:-100vh;}
.quick {position:fixed; top:50%; right:55px; width:124px; transform:translateY(-50%); z-index:30;}
.quick > * {display:block; border-radius:12px; width:100%;}
.quick [class*='i'] {height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; font-size:14px; color:#333; font-weight:700; background:#fff; margin-bottom:10px; border:#333 1px solid;}
.quick [class*='i']:before {content:""; display:block; width:30px; height:30px; background:no-repeat 50% 50% / contain; border-radius:50%;}
.quick .i1 {background:#F36F21; color:#fff; border-color:#F36F21;}
.quick .i1:before {background-image:url('/pub/images/icon_tel.svg'); background-size:16px; background-color:#fff3;}
.quick .i2,
.quick .i3 {font-size:0 !important; gap:0 !important;}
.quick .i2:before {background-image:url('/pub/images/icon_sns01.svg');}
.quick .i3:before {background-image:url('/pub/images/icon_sns02.svg');}
.quick .gotop {display:block; font-size:16px; color:#fff; font-weight:800; line-height:36px; height:36px; text-align:center; background:#333;}

/* main */
.mvisual_wrap {position:relative;}
.mvisual .slick-slide > div {font-size:0; height:854px; max-height:100vh;}
.mvisual .slick-slide > div div {height:100%; max-height:100vh;}
.mvisual .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.mvisual .slick-slide .box {height:inherit;}
.mvisual .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mvisual_wrap .txt {position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:center; z-index:10; color:#fff;}
.mvisual_wrap .txt span {display:block; font-size:40px; font-weight:800; line-height:1.1;}
.mvisual_wrap .txt strong {display:block; font-size:64px; font-weight:800; line-height:1.4; margin:10px 0 40px;}
.mvisual_wrap .txt p {font-size:22px; font-weight:700; line-height:1.6;}
.mvisual_wrap .navi {margin-top:65px; display:flex; gap:8px;}
.mvisual_wrap .navi .paging {margin-top:17px;}
.mvisual_wrap .navi .slick-dots {width:240px; height:4px; background:#fff; border-radius:2px; overflow:hidden;}
.mvisual_wrap .navi .slick-dots li {display:none;}
.mvisual_wrap .navi .slick-dots .slick-active {display:block;}
.mvisual_wrap .navi .slick-dots button {position:relative; display:block; font-size:0; width:100%;}
.mvisual_wrap .navi .slick-dots button:before {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#F36F21; border-radius:2px; transition:.2s linear;}
.mvisual_wrap .navi .slick-dots .slick-active button:before {animation:mvisual 5s forwards;}
@keyframes mvisual {
	0% {width:0;}
	100% {width:100%;}
}
.mvisual_wrap .navi button {width:40px; height:40px; background:#ffffff1a no-repeat 50% 50%; border-radius:50%; font-size:0;}
.mvisual_wrap .navi .arrow {background-image:url('/pub/images/arrow_slide.svg'); display:block !important;}
.mvisual_wrap .navi .next {transform:rotate(180deg);}
.mvisual_wrap .navi .papl {display:none;}
.mvisual_wrap .navi .papl.on {display:block;}
.mvisual_wrap .navi .pause {background-image:url('/pub/images/icon_pause.svg');}
.mvisual_wrap .navi .play {background-image:url('/pub/images/icon_play.svg'); background-size:10px;}
.mcon {position:relative; font-size:16px; color:#333; line-height:1.6; overflow:hidden;}
.mtit {font-size:52px; font-weight:800; ; text-align:center; margin-bottom:8px;}
.mcon .tb {font-size:22px; color:#666; line-height:1.6; text-align:center; margin-bottom:48px;}
.mcon .more {position:relative; display:block; width:80px; height:80px; font-size:0;}
.mcon .more:before,
.mcon .more:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%;}
.mcon .more:before {width:100%; height:100%; background:rgba(51,51,51,.10);}
.mcon .more:after {width:56px; height:56px; background:#333 url('/pub/images/btn_more.svg') no-repeat 50% 50%;}
.mc01 {padding:56px 0;}
.mc01 .inner {display:flex; justify-content:center;}
.mc01 a {position:relative; width:256px; max-width:20%; height:180px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:24px; font-size:20px; font-weight:700; text-align:center;}
.mc01 a:before {content:""; display:block; width:100%; height:56px; background:no-repeat 50% 50% / contain;}
.mc01 a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#333 1px solid; border-radius:20px; box-shadow:#0000001a 0 4px 20px; opacity:0; transition:.2s linear;}
.mc01 a.i1:before {background-image:url('/pub/images/icon_mc01_01.svg');}
.mc01 a.i2:before {background-image:url('/pub/images/icon_mc01_02.svg');}
.mc01 a.i3:before {background-image:url('/pub/images/icon_mc01_03.svg');}
.mc01 a.i4:before {background-image:url('/pub/images/icon_mc01_04.svg');}
.mc01 a.i5:before {background-image:url('/pub/images/icon_mc01_05.svg');}
.mc02 {padding:100px 0 120px; z-index:1;}
.mc02:before,
.mc02:after {content:""; position:absolute; pointer-events:none;}
.mc02:before {top:0; left:0; width:calc(100% - 120px); max-width:100%; height:100%; border-radius:0px 200px 0px 0px; background:linear-gradient(0deg, #fff8ec00 -2.19%, #FFF8EC 103.1%); z-index:-2;}
.mc02:after {top:153px; left:93px; width:379px; aspect-ratio:379/314; background:url('/pub/images/bg_mc02.svg') no-repeat 0 0 / contain; z-index:-1;}
.mc02 .tb {margin-bottom:32px;}
.jq_tab {display:flex; justify-content:center; gap:16px; flex-wrap:wrap; margin-bottom:48px;}
.jq_tab.mb8 {margin-bottom:80px;}
.jq_tab li button {display:block; font-size:18px; font-weight:700; line-height:44px; height:46px; width:150px; text-align:center; border:#ddd 1px solid; border-radius:23px; background:#fff;}
.jq_tab a {display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:700; line-height:44px; height:46px; flex:1 1 calc((100% - 48px)/4); text-align:center; border:#ddd 1px solid; border-radius:23px; background:#fff;}
.jq_tab a.on,
.jq_tab li.active button {color:#fff; background:#F36F21; border-color:#F36F21;}
.jq_tab.flex_start {justify-content:flex-start;}
.jq_tab.set5 li {width:calc((100% - 64px)/5);}
.jq_tab.set5 li button {width:100%;}
.tab-contents {position:relative; display:none;}
.tab-contents.active {display:block;}
.tab-contents .more {position:absolute; top:-110px; right:0;}
.tab-contents .flex {flex-wrap:wrap; gap:40px 32px;}
.tab-contents .flex a {width:calc((100% - 64px)/3); padding:32px; background:#fff; border:#fff 1px solid; box-shadow:#0000001a 0 4px 20px; border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.tab-contents .tag {font-size:14px; font-weight:800; line-height:30px; height:30px; padding:0 16px; border-radius:15px;}
.tab-contents .tit {font-size:22px; font-weight:700; margin:16px 0 22px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.tab-contents .tag.c1 {color:#FC3838; background:#FFE0E1DE;}
.tab-contents .tag.c2 {color:#0054A6; background:#0054A61A;}
.tab-contents .tag.c3 {color:#F36F21; background:#F36F211A;}
.mc03 .mtit {margin-bottom:48px;}
.mc03_banner {position:relative;width:100%;max-width:100%;}
.mc03_banner .slider__inner {display:flex;position:relative;align-items:center;width:1180px;max-width:100%;height:463px;margin:0 auto;}
.mc03_banner .slider__inner .slider_item {position:absolute;width:700px;aspect-ratio:898/463;opacity:0;transition:all 0.3s ease-in-out;z-index:-1;}
.mc03_banner .slider__inner .slider_item-trigger-next {left:15%;transform:translateX(-50%);}
.mc03_banner .slider__inner .slider_item-trigger-previous {left:85%;transform:translateX(-50%);}
.mc03_banner .slider__inner .slider_item-selected {width:898px;box-shadow:0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);opacity:1;left:50%;transform:translateX(-50%);z-index:2;}
.mc03_banner .slider__inner .slider_item-previous,
.mc03_banner .slider__inner .slider_item-next {width:700px;opacity:.1;z-index:1;}
.mc03_banner .slider__inner .slider_item-last,
.mc03_banner .slider__inner .slider_item-first {opacity:0;z-index:0;}
.mc03_banner .slider__inner .slider_item-previous {left:30%;transform:translateX(-50%);}
.mc03_banner .slider__inner .slider_item-next {left:70%;transform:translateX(-50%);}
.mc03_banner .slider__inner .slider_item-first {left:15%;transform:translateX(-50%);}
.mc03_banner .slider__inner .slider_item-last {left:85%;transform:translateX(-50%);}
.mc03_banner .slider__inner .slider_item-container {position:relative;width:100%;height:100%;}
.mc03_banner .slider__inner .slider_item-img {position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc03_banner .slider__inner .slider_item-datas {position:absolute;bottom:0;width:100%;padding:.5rem 0;background-color:rgba(255, 255, 255, 0.75);text-align:center;font-family:'Arial';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mc03_banner .mc3_controls {display:flex;position:absolute;top:0; left:0;right:0;width:100%;height:100%;justify-content:space-between;align-items:center;}
.mc03_banner .mc3_controls-previous,
.mc03_banner .mc3_controls-next {position:absolute; top:50%; width:56px; height:56px; margin-top:-48px; border:#ddd 1px solid;cursor:pointer; font-size:0; background:#fff url('/pub/images/arrow_slide2.svg') no-repeat 50% 50%; border-radius:50%; z-index:10;}
.mc03_banner .mc3_controls-previous {left:0;}
.mc03_banner .mc3_controls-next {right:0; transform:rotate(180deg);}
.mc03_banner .mc3_controls-previous:focus,
.mc03_banner .mc3_controls-next:focus {outline:none;}
.mc03_banner .mc3_dots {position:relative; display:flex; justify-content:center; gap:10px; margin-top:40px; pointer-events:none;}
.mc03_banner .mc3_dots .dot {display:block; width:8px; height:8px; background:#d9d9d9; border-radius:50%; transition:.2s linear;}
.mc03_banner .mc3_dots .dot.active {background:#F36F21;}
.mc04 {padding:160px 0 140px; z-index:1;}
.mc04:before,
.mc04:after {content:""; position:absolute; pointer-events:none;}
.mc04:before {top:0; right:0; width:calc(100% - 120px); min-width:1360px; height:100%; border-radius:0px 0px 0px 100px; background:linear-gradient(180deg, #ecf5ff00 -2.19%, #ECF5FF 103.1%); z-index:-2;}
.mc04:after {bottom:0; right:10px; width:calc(100% - 230px); height:94px; background:url('/pub/images/bg_mc04.svg') no-repeat 100% 100% / contain;}
.mc04 .inner {display:flex;}
.mc04 .txt {position:relative; width:440px; padding-top:48px;}
.mc04 .mtit {margin-bottom:8px; text-align:left;}
.mc04 .tb {text-align:left;}
.mc04 .slide_area {width:calc(100% - 440px);}
.mc04 .mc04_slide {width:calc(100% + ((100vw - 1360px)/2) + 20px); overflow:hidden; padding:20px; margin:-20px 0 -20px -20px;}
.mc04 .mc04_slide .swiper-slide {flex:0 0 438px; margin-right:40px;}
.mc04 .mc04_slide .swiper-slide:last-child {margin-right:0;}
.mc04 .mc04_slide a {display:block; width:100%; border-radius:20px; background:#fff; box-shadow:0px 4px 20px 0px rgba(0,0,0,.08); padding:24px;}
.mc04 .mc04_slide .imgfit {display:block; width:100%; aspect-ratio:3/2; border-radius:12px;}
.mc04 .mc04_slide .tt p {font-size:22px; font-weight:700; margin:24px 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.mc04 .navi {margin-top:26px; display:flex; align-items:center; gap:8px;}
.mc04 .navi .mc04_scrollbar {position:relative; width:calc(100% - 96px); height:4px; background:#fff; border-radius:2px;}
.mc04 .navi .swiper-scrollbar-drag {background:#0054A6;}
.mc04 .navi .swiper_arrow {width:40px; height:40px; background:#fff url('/pub/images/arrow_slide3.svg') no-repeat 50% 50%; border-radius:50%; border:#ddd 1px solid; font-size:0;}
.mc04 .navi .arrow_next {transform:rotate(180deg);}
.mc05 {padding:160px 0;}
.mc05 .mtit {margin-bottom:2px;}
.mc05 .flex {gap:30px;}
.mc05 a {position:relative; width:calc((100% - 120px)/5); height:320px; border-radius:20px; padding:40px 32px; font-size:24px; font-weight:800;}
.mc05 .i1 {background:#FFEFF2 url('/pub/images/icon_mc05_01.png') no-repeat right 32px bottom 32px;}
.mc05 .i2 {background:#F3F8E4 url('/pub/images/icon_mc05_02.png') no-repeat right 37px bottom 37px;}
.mc05 .i3 {background:#FEF6E8 url('/pub/images/icon_mc05_03.png') no-repeat right 34px bottom 37px;}
.mc05 .i4 {background:#ECF5FF url('/pub/images/icon_mc05_04.png') no-repeat right 21px bottom 28px;}
.mc05 .i5 {background:#F1F4F6 url('/pub/images/icon_mc05_05.png') no-repeat right 23px bottom 37px;}

/* 메인 팝업 슬라이드 */
#popup_slide .inbox {background:none; padding:0; width:1200px; max-width:calc(100vw - 140px);}
#popup_slide .btn_close {top:0; right:0; background:none;}
#popup_slide .btn_close:before {content:""; display:block; width:100%; height:100%; background:#fff; mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%;}
#popup_slide .tit {color:#fff; margin-bottom:20px;}
#popup_slide .popup_slide_area .slick-slide > div {padding:0 5px; font-size:0;}
#popup_slide .popup_slide_area .slick-slide a {display:block; aspect-ratio:3/4; border-radius:20px; overflow:hidden;}
#popup_slide .popup_slide_area .slick-slide a img {width:100%; height:100%; object-fit:cover;}
#popup_slide .slick-arrow {position:absolute; top:50%; width:56px; height:56px; margin-top:-48px; border:#ddd 1px solid;cursor:pointer; font-size:0; background:#fff3; border-radius:50%; z-index:10; box-shadow:#0003 0 0 10px, inset #0000001a 0 0 20px;}
#popup_slide .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:#fff; mask:url('/pub/images/arrow_slide2.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_slide2.svg') no-repeat 50% 50%;}
#popup_slide .slick-prev {left:-76px;}
#popup_slide .slick-next {right:-76px; transform:rotate(180deg);}
#popup_slide .btns {margin-top:20px; display:flex; justify-content:center; gap:10px;}
#popup_slide .btns a {font-size:13px; color:#fff; font-weight:500; line-height:30px; height:30px; padding:0 20px; background:#222; border-radius:30px;}


/* sub */
.svisual {position:relative; margin-top:110px; height:400px; background:no-repeat 50% 50% / cover; color:#333; line-height:1.6; z-index:20;}
.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/pub/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/pub/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/pub/images/svisual05.jpg');}
.svisual .inner {position:relative; height:100%; padding-bottom:26px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.svisual h2 {display:block; font-size:52px; font-weight:800;}
.svisual p {font-size:22px; margin:14px 0 34px;}
.svisual .location {display:flex; align-items:center;}
.svisual .location i {width:20px; height:20px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.svisual .location em {width:32px; height:20px; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50%;}
.svisual .location span {font-size:16px; color:#666;}
.svisual .aside {position:absolute; bottom:-36px; left:20px; width:calc(100% - 40px); height:72px; display:flex; background:#fff; border-radius:34px; overflow:hidden; box-shadow:#0000001a 0px 4px 20px;}
.svisual .aside dl {width:100%;}
.svisual .aside dt {display:none;}
.svisual .aside dd {display:flex; width:100%;}
.svisual .aside a {flex:1 1 calc(100%/7); font-size:20px; color:#333; font-weight:700; height:72px; line-height:1.2; text-align:center; border-radius:34px; display:flex; justify-content:center; align-items:center; text-align:center;}
.svisual .aside a.on {color:#fff;}
.svisual.g00 {padding:100px 0 0; height:auto;}
.svisual.g00 .inner {justify-content:flex-start; gap:34px; height:auto; padding-bottom:80px;}
.svisual.g00 p {display:none;}
.svisual.g00 .aside {bottom:0; height:0; box-shadow:none; border-bottom:#ddd 1px solid; border-radius:0; overflow:hidden;}
.svisual.g01 .aside a.on {background:#DD5D7F;}
.svisual.g02 .aside a.on {background:#0054A6;}
.svisual.g03 .aside a.on {background:#F58B00;}
.svisual.g04 .aside a.on {background:#1DA770;}
.svisual.g05 .aside a.on {background:#CE88CF;}

.container {padding-top:114px; padding-bottom:160px; font-size:18px; color:#333; line-height:1.6;}
.container h3 {display:block; font-size:44px; font-weight:800; text-align:center; margin-bottom:80px; letter-spacing:-.88px;}
.container strong.b {font-weight:800;}
.container p.fz2 {font-size:20px;}
.container .color6 {color:#666;}
.stit {position:relative; font-size:28px; font-weight:800; margin:80px 0 40px; padding-left:16px;}
.stit:before {content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:url('/pub/images/bg_stit.svg') no-repeat 50% 50% / contain;}
.stit strong {color:#0054A6; margin-left:8px;}
.btit {font-size:24px; font-weight:800; margin:60px 0 24px;}
.btit.b {font-size:28px;}
.dtit {position:relative; font-size:24px; font-weight:800; line-height:1.6; margin:80px 0 16px; padding-left:16px;}
.dtit:before {content:""; position:absolute; top:50%; left:0; width:6px; height:6px; border-radius:50%; background:#F36F21; transform:translateY(-50%);}
.dtit.c2:before {background:#0054A6;}

.mb24 {margin-bottom:24px;}

/* 탭 */
.tabs {margin-bottom:80px;}
.tabs dt {display:none;}
.tabs dd {display:flex; gap:20px;}
.tabs a {flex:1 1 calc((100% - 40px)/3); font-weight:700; line-height:1.2; height:52px; border:#ddd 1px solid; border-radius:26px; text-align:center; display:flex; justify-content:center; align-items:center;}
.tabs .on {color:#fff; background:#F36F21; border-color:#F36F21;}
.tabs_jq .mo_menu {display:none;}

/* 점선목록 */
.dots_list li {position:relative; line-height:30px; padding-left:12px;}
.dots_list li:before {content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background:#939598; border-radius:50%;}

/* 테이블 */
.tbl {border:#ddd 1px solid; border-radius:20px; overflow:hidden;}
.tbl th,
.tbl td {text-align:center; border:#ddd 1px solid; border-bottom:0; padding:25px 20px;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl thead th {font-weight:700; border-top:0; background:#F6F6F6;}
.tbl col.w90 {width:90px;}
.tbl col.w120 {width:120px;}
.tbl col.w200 {width:200px;}
/* 임직원 현황 */
.tbl col.job {width:240px;}
.tbl col.name {width:200px;}
.tbl col.tel {width:200px;}
.tbl .half {flex-wrap:wrap; gap:0 40px; padding:0 20px;}
.tbl .half li {width:100%; text-align:left;}
/* 지도자 배치 시간표 */
.tbl .thead thead th {background:#FEF6E8; border-bottom:0;}
.tbl .tbody tbody th {background:#F6F6F6;}

/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%); padding:50px; width:1360px; max-width:calc(100% - 40px); max-height:calc(100vh - 40px); font-size:18px; color:#333; line-height:1.6; border-radius:20px;}
.popup .btn_close {position:absolute; top:32px; right:32px; width:40px; height:40px; border:#e6e6e6 1px solid; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .tit {font-size:28px; font-weight:800; text-align:center; margin-bottom:40px;}
.popup .scroll {height:564px; max-height:calc(100vh - 355px); overflow:hidden scroll; padding-right:18px; width:calc(100% + 26px);}
.popup .scroll_over {overflow:auto; max-height:calc(100vh - 334px); padding-right:28px;}
.popup .con {font-size:16px; color:#666; line-height:1.6;}
.popup .con .tt {font-size:24px; font-weight:600; padding:16px 0;}
.popup .btns {padding-right:28px;}
.popup .btn_clo {color:#222; background:#fff; border:#222 1px solid;}
.popup .tbl th,
.popup .tbl td {padding:25px 10px;}
/* 지도자 배치 시간표 */
.popup .week_area td {word-break:break-word;}
.popup .week_area td strong {color:#0054A6; font-weight:800;}
.popup .week_area td p {font-size:16px; margin-top:4px;}
/* 비밀번호 입력 */
#inputPassword .inbox {width:500px;}
#inputPassword .btn_submit {display:block; font-size:20px; color:#fff; font-weight:700; line-height:60px; height:60px; width:140px; text-align:center; background:#333; border-radius:30px; margin:40px auto 0;}

/* 회장인사말 */
.greetings {align-items:flex-start; gap:100px; letter-spacing:-.5px;}
.greetings .imgarea {position:relative; width:540px; z-index:1; border-radius:20px;}
.greetings .imgarea:before {content:""; position:absolute; top:20px; left:20px; width:100%; height:100%; background:#0054A6; border-radius:inherit; z-index:-1;}
.greetings .imgarea .imgfit {border-radius:inherit;}
.greetings .txt {width:calc(100% - 640px);}
.greetings .txt .tt {font-size:34px; color:#0054A6; font-weight:800; margin-bottom:40px;}
.greetings .txt p {line-height:1.8;}
.greetings .txt strong {font-weight:800;}
.greetings .txt .name {font-size:20px; font-weight:700; margin-top:40px;}
.greetings .txt .name strong {font-size:22px;}

/* 설립목적 및 연혁 */
.his_top {position:relative; padding:48px 48px 48px 204px; background:#F6F6F6; border-radius:20px;}
.his_top:before {content:""; position:absolute; top:50%; left:48px; width:108px; height:108px; background:#fff url('/pub/images/icon_his_top.svg') no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%);}
.history_wrap {display:flex;}
.history_wrap .tit {position:relative; width:600px; font-size:44px; font-weight:800;}
.history_wrap .tit:after {content:""; display:block; width:380px; aspect-ratio:380/321; background:url('/pub/images/img_history.svg') no-repeat 50% 50% / contain; margin:150px 0 0 60px;}
.history {position:relative; width:calc(100% - 600px);}
.history:before {content:""; position:absolute; top:30px; left:23px; width:2px; height:calc(100% - 30px); background:#ddd;}
.history dl {position:relative; padding-left:73px; margin-bottom:60px;}
.history dl:last-child {margin-bottom:0;}
.history dt {position:relative; font-size:28px; font-weight:800; margin-bottom:16px;}
.history dt:before {content:""; position:absolute; top:50%; left:-56px; width:15px; height:15px; background:#fff; border:#0054A6 3px solid; border-radius:50%; transform:translateY(-50%);}
.history dd p {position:relative; line-height:32px; padding-left:37px; margin-bottom:8px;}
.history dd p:last-child {margin-bottom:0;}
.history dd p strong {position:absolute; top:0; left:0; font-size:20px;}
.history dl:first-child dt:before {left:-73px; width:45px; height:45px; background:#0054A6; border:#E6EEF7 15px solid;}
.history dl:last-child:before {content:""; position:absolute; top:30px; left:0; width:50px; height:calc(100% - 30px); background:#fff;}

/* 임직원 현황 - 조직도 · 직원 현황 */
.organization,
.organization .boss,
.organization .box {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.organization {border:#ddd 1px solid; border-radius:20px; padding:40px;}
.organization .boss {width:180px; aspect-ratio:1/1; color:#fff; line-height:1.6; text-align:center; background:#0054A6; border-radius:50%; margin-bottom:40px;}
.organization .boss strong {font-size:24px; font-weight:800;}
.organization .boss p {font-size:20px; font-weight:700;}
.organization .box {position:relative; width:300px; height:120px; text-align:center; border:3px solid; border-radius:10px; background:#fff; font-size:20px; font-weight:700; line-height:1.6;}
.organization .box:before,
.organization .boxs:before,
.organization .boxs ul:before {content:""; position:absolute; top:-43px; left:50%; width:1px; height:40px; background:#ddd;}
.organization .center {border-color:#F58B00;}
.organization .center:after,
.organization .boxs ul:after,
.organization .c4:after {content:""; position:absolute; height:1px; background:#ddd;}
.organization .center:after {bottom:-43px; right:50%; width:calc(50% + 43px);}
.organization .boxs,
.organization .boxs ul {position:relative; display:flex; gap:80px; padding-top:40px;}
.organization .boxs {margin-top:40px;}
.organization .boxs:before,
.organization .boxs ul:before {top:-40px;}
.organization .boxs ul:after {top:0; left:50%; width:calc(50% + 40px); transform:translateX(-50%);}
.organization .c2 {border-color:#1DA770;}
.organization .c3 {border-color:#EF6388;}
.organization .c4 {border-color:#CE88CF; margin-top:40px;}
.organization .c4:before {top:-83px; height:80px;}
.organization .c4:after {top:-84px; right:50%; width:calc(100% + 85px);}
.director {display:flex; align-items:center; gap:40px; padding:48px; border:#ddd 1px solid; border-radius:20px;}
.director .imgfit {width:180px; aspect-ratio:36/43; border-radius:10px;}
.director .txt {width:calc(100% - 228px); line-height:1.6;}
.director span {display:block; font-size:16px; color:#0054A6; font-weight:700;}
.director strong {display:block; font-size:34px; margin:8px 0 36px;}
.director dl {display:flex; align-items:flex-start; gap:12px; margin-bottom:10px; line-height:30px;}
.director dl:last-child {margin-bottom:0;}
.director dt {font-size:14px; color:#0054A6; font-weight:800; text-align:center; background:#0054A61A; border-radius:15px; width:80px;}
.director dd {width:calc(100% - 92px); font-weight:700;}

/* 임직원 현황 - 임원현황 */
.none_contents {font-size:22px; color:#666; font-weight:700; line-height:1.6; text-align:center; padding:80px; text-align:center; background:#F6F6F6; border-radius:20px;}
.none_contents:before {content:""; display:block; width:100%; height:160px; background:url('/pub/images/img_none_contents.svg') no-repeat 50% 50% / contain; margin-bottom:60px;}
.executive_status {display:flex; flex-wrap:wrap; gap:30px;}
.executive_status li {width:calc((100% - 120px)/5); border:#ddd 1px solid; border-radius:20px; overflow:hidden; background:#F6F6F6;}
.executive_status .imgfit {width:100%; aspect-ratio:31/30; background:#fff;}
.executive_status .txt {background:#F6F6F6; padding:24px 10px; text-align:center; border-top:#ddd 1px solid;}
.executive_status .name {font-size:24px; font-weight:800; margin-bottom:8px;}
.executive_status .position {color:#0054A6; font-weight:700;}

/* 위원회 현황 */
.committee_status {display:flex; gap:20px; flex-wrap:wrap;}
.committee_status .box {width:calc((100% - 40px)/3); border:#ddd 1px solid; border-radius:20px; padding:40px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.committee_status .box:before {content:""; display:block; width:160px; aspect-ratio:1/1; margin:0 auto 24px; background:no-repeat 50% 50% / cover; border-radius:50%;}
.committee_status .tt {font-size:22px; font-weight:800; margin-bottom:32px; text-align:center;}
.committee_status .flex {gap:24px;}
.committee_status dl {width:calc(100% - 12px); display:flex; gap:16px; line-height:38px; font-weight:800;}
.committee_status dt {font-size:16px; width:84px; text-align:center; border-radius:20px;}
.committee_status dd {min-width:30px;}
.committee_status .i1:before {background-image:url('/pub/images/icon_committee_status01.svg'); background-color:#FFEFF2;}
.committee_status .i1 dt {color:#EF6388; background:#FFEFF2;}
.committee_status .i2:before {background-image:url('/pub/images/icon_committee_status02.svg'); background-color:#ECF5FF;}
.committee_status .i2 dt {color:#0054A6; background:#ECF5FF;}
.committee_status .i3:before {background-image:url('/pub/images/icon_committee_status03.svg'); background-color:#F3F8E4;}
.committee_status .i3 dt {color:#1DA770; background:#F3F8E4;}

/* 게시판 목록 */
.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:40px;}
.board_top .total span {font-weight:700; color:#0054A6;}
.board_top .search_area,
.board_top .search_area form {display:flex; gap:10px;}
.board_top select.text {width:200px; height:60px; line-height:58px; padding:0 20px;}
.board_top .inputarea {width:320px; height:60px; border:#ddd 1px solid; display:flex; overflow:hidden; border-radius:8px;}
.board_top .inputarea .text {width:calc(100% - 58px); height:58px; border:0; border:0; padding:0 24px; outline:0;}
.board_top .inputarea .btn {width:58px; height:58px; background:url('/pub/images/btn_search.svg') no-repeat 50% 50%; border:0; outline:0; font-size:0;}

.board_list col.w110 {width:110px;}
.board_list col.w160 {width:160px;}
.board_list th,
.board_list td {height:80px; padding:8px 0; text-align:center;}
.board_list th {font-weight:700;}
.board_list thead {position:relative; z-index:1;}
.board_list thead:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#F6F6F6; border-radius:20px; z-index:-1;}
.board_list td {color:#666; border-bottom:#ddd 1px solid;}
.board_list .tal a {position:relative; display:inline-block; vertical-align:top; color:#333; font-weight:700; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .file i {display:block; width:20px; height:20px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto; font-size:0;}
.board_list tr.notice .num {font-size:0;}
.board_list tr.notice .num:before {content:"공지"; display:block; font-size:14px; color:#fff; font-weight:800; line-height:32px; height:32px; width:58px; text-align:center; background:#F58B00; border-radius:16px; text-align:center; margin:0 auto;}

.board_bottom {position:relative;}
.board_bottom .paging {display:flex; justify-content:center; gap:6px; margin-top:60px;}
.board_bottom .paging a {width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:16px;}
.board_bottom .paging a.on {background:#222; color:#fff; font-weight:500;}
.board_bottom .paging .arrow {font-size:0; background:no-repeat 50% 50% !important;}
.board_bottom .paging .two {background-image:url('/pub/images/page_two.svg') !important;}
.board_bottom .paging .one {background-image:url('/pub/images/page_one.svg') !important;}
.board_bottom .paging .prev {margin-right:18px;}
.board_bottom .paging .next {margin-left:18px;}
.board_bottom .paging .next,
.board_bottom .paging .last {transform:scaleX(-1);}
.board_bottom .btn_write {position:absolute; top:50%; right:0; transform:translateY(-50%); font-weight:700; line-height:48px; height:50px; padding:0 32px; background:#fff; border:#333 1px solid; border-radius:50px; display:flex; justify-content:center; align-items:center; gap:8px;}
.board_bottom .btn_write:after {content:""; display:block; width:20px; height:20px; background:url('/pub/images/icon_write.svg') no-repeat 50% 50% / contain;}

/* 게시판 상세 */
.board_view {border:#ddd 1px solid; border-radius:20px; padding:50px 48px;}
.board_view .state {margin-bottom:16px;}
.board_view .state span {display:inline-block; vertical-align:top; font-size:16px; font-weight:800; line-height:38px; padding:0 20px; border-radius:20px;}
.board_view .state.c1 span {color:#F36F21; background:#F36F211A;}
.board_view .state.c2 span {color:#0054A6; background:#0054A61A;}
.board_view .tit {font-size:32px; font-weight:800;}
.board_view .info {display:flex; gap:24px; margin:32px 0 40px;}
.board_view .info dl {display:flex; gap:10px; font-size:16px; color:#666;}
.board_view .info dt {font-weight:700;}
.board_view .con {border-top:#ddd 1px solid; padding:80px 0; line-height:1.8; overflow:hidden;}
.board_view img {height:auto !important; width:800px !important;}
.board_view .files a {display:block; background:#F6F6F6 url('/pub/images/icon_down.svg') no-repeat 32px 50%; padding:16px 68px; font-size:16px; line-height:26px; margin-bottom:8px; border-radius:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .files a:last-child {margin-bottom:0;}
.board_view .files.files a {background-image:url('/pub/images/icon_link.svg'); color:#0054A6; display:flex;}
.board_view .files.files a strong {width:98px;}
.board_view .files.files a span {width:calc(100% - 98px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .btns_writer {display:flex; justify-content:flex-end; gap:16px;}
.board_view .btns_writer .btn {font-weight:700; line-height:48px; height:50px; padding:0 32px; background:#fff; border:#333 1px solid; border-radius:50px; display:flex; justify-content:center; align-items:center; gap:8px;}
.board_view .btns_writer .btn:after {content:""; display:block; width:20px; height:20px; background:no-repeat 50% 50% / contain;}
.board_view .btns_writer .btn_write:after {background-image:url('/pub/images/icon_write.svg');}
.board_view .btns_writer .btn_del:after {background-image:url('/pub/images/icon_del.svg');}
.prevnext {position:relative; margin-top:100px;}
.prevnext .arrow {position:absolute; top:0; display:block; line-height:72px; padding:0 20px; width:calc(50% - 100px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prevnext strong {position:absolute; top:0;}
.prevnext strong:before {content:""; position:absolute; top:0; width:40px; height:100%; background:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50%;}
.prevnext .arrow.prev {left:0; padding-left:95px;}
.prevnext .arrow.prev strong {left:0; padding-left:52px;}
.prevnext .arrow.prev strong:before {left:0;}
.prevnext .arrow.next {right:0; padding-right:95px; text-align:right;}
.prevnext .arrow.next strong {right:0; padding-right:52px;}
.prevnext .arrow.next strong:before {right:0; transform:rotate(180deg);}
.prevnext .next strong:before {transform:rotate(180deg);}
.btn_list {display:block; font-size:20px; color:#fff; font-weight:700; line-height:72px; height:72px; width:200px; margin:0 auto; background:#333; text-align:center; border-radius:36px;}

/* 게시판 쓰기 */
.board_write {border:#ddd 1px solid; border-radius:20px; padding:50px 48px;}
.board_write dl {display:flex; margin-bottom:24px; width:100%;}
.board_write dl:last-child {margin-bottom:0;}
.board_write dt {width:144px; font-weight:700; line-height:30px; padding-top:15px;}
.board_write dd {width:calc(100% - 144px);}
.board_write dd textarea.text {height:600px; padding:20px;}
.board_write dd .w1 {width:400px;}
.board_write .captcha {display:flex; gap:10px;}
.board_write .captcha .img,
.board_write .captcha .re,
.board_write .captcha .text,
.board_write .captcha .btn {height:60px; border-radius:8px; overflow:hidden; border:#ddd 1px solid;}
.board_write .captcha .img {width:260px;}
.board_write .captcha .img img {width:100%; height:100%; object-fit:cover;}
.board_write .captcha .re {width:60px; background:#333 url('/pub/images/btn_re.svg') no-repeat 50% 50%; font-size:0;}
.board_write .captcha .text {width:360px; padding:0 20px;}
.board_write .captcha .btn {width:100px; color:#fff; background:#222; border-color:#222;}
.board_write .terms {margin-top:40px; padding-top:40px; border-top:#d9d9d9 1px solid;}
.board_write .terms .gbox {background:#F6F6F6; border-radius:10px; padding:24px 30px; margin-bottom:24px;}
.board_write .terms .gbox li {position:relative; margin-bottom:8px; font-size:16px; padding-left:132px;}
.board_write .terms .gbox li:last-child {margin-bottom:0;}
.board_write .terms .gbox li strong {position:absolute; top:0; left:0;}
.btns_btm {display:flex; justify-content:center; gap:24px; margin-top:100px;}
.btns_btm .btn {font-size:20px; font-weight:700; line-height:68px; width:200px; text-align:center; border:#333 2px solid; border-radius:36px;}
.btns_btm .btn_bg {color:#fff; background:#333;}
.btns_btm .btn_bl {color:#333; background:#fff;}

/* 체크박스 */
label.check {position:relative; display:block; line-height:30px; padding-left:32px;}
label.check input {display:none;}
label.check i {position:absolute; top:5px; left:0; width:20px; height:20px; background:#ddd url('/pub/images/icon_check.svg') no-repeat 50% 50%; border-radius:3px; transition:.2s linear;}
label.check input:checked + i {background-color:#F36F21;}

/* 오시는 길 */
.roughmap_maker_label {border:0 !important;}
.map_area {margin-bottom:40px;}
.map_area .roughmap_maker_label a {display:block; width:320px; aspect-ratio:64/25; background:url('/pub/images/icon_map_point.png') no-repeat 50% 50% / contain; transform:translateY(74px);}
.map_area .roughmap_maker_label .roughmap_lebel_text {font-size:0; padding:0; border:0; background:none; color:transparent;}
.root_daum_roughmap {max-width:100%;}
.root_daum_roughmap .cont .section.lst,
.map_area .roughmap_maker_label:after {display:none;}
.map_text {display:flex; gap:40px;}
.map_text .box {width:calc(50% - 20px); padding:40px; border:#ddd 1px solid; border-radius:20px;}
.map_text .tit {font-size:28px; font-weight:800; margin-bottom:32px;}
.map_text dl {display:flex; align-items:flex-start; line-height:30px; margin-bottom:12px;}
.map_text dl:last-child {margin-bottom:0;}
.map_text dt {position:relative; padding-left:40px; font-weight:700; width:130px; background:no-repeat 0 0 / contain;}
.map_text dd {width:calc(100% - 130px);}
.map_text .c1 .tit {color:#0054A6;}
.map_text .c1 .i1 dt {background-image:url('/pub/images/icon_map_text_11.svg');}
.map_text .c1 .i2 dt {background-image:url('/pub/images/icon_map_text_12.svg');}
.map_text .c2 .tit {color:#F36F21;}
.map_text .c2 .i1 dt {background-image:url('/pub/images/icon_map_text_21.svg');}
.map_text .c2 .i2 dt {background-image:url('/pub/images/icon_map_text_22.svg');}
.map_text .c2 .i3 dt {background-image:url('/pub/images/icon_map_text_23.svg');}

/* 가맹단체 */
.regular_area {position:relative; display:flex; align-items:center; gap:40px; padding:48px; background:#F6F6F6; border-radius:20px;}
.regular_area .imgfit {position:relative; width:180px; aspect-ratio:90/113; border-radius:10px; overflow:hidden;}
.regular_area .imgfit p {position:absolute; bottom:0; left:0; font-size:16px; color:#fff; font-weight:700; line-height:36px; padding:0 16px; border-radius:0 13px; background:#333;}
.regular_area .txt {width:calc(100% - 220px);}
.regular_area span {display:block; font-size:16px; color:#0054A6; font-weight:700;}
.regular_area .name {font-size:34px; font-weight:800; line-height:1.6; margin:8px 0 36px;}
.regular_area dl {display:flex; gap:12px; line-height:30px; margin-bottom:10px;}
.regular_area dl:last-child {margin-bottom:0;}
.regular_area dt {font-size:14px; color:#0054A6; font-weight:800; width:80px; text-align:center; background:#0054A61A; border-radius:15px;}
.regular_area dd {width:calc(100% - 92px); display:flex; gap:16px;}
.regular_area .personnel {position:absolute; top:50%; right:80px; width:140px; aspect-ratio:1/1; transform:translateY(-50%); border-radius:50%; background:#333; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px;}
.regular_area .personnel p {font-size:16px; font-weight:700;}
.regular_area .personnel strong {font-size:40px;}

/* 종목소개 */
.introduction_item {display:flex; flex-wrap:wrap; gap:32px;}
.introduction_item a {position:relative; width:calc((100% - 160px)/6); padding:40px; text-align:center; background:#F6F6F6; border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.introduction_item a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#0054A6 2px solid; border-radius:inherit; opacity:0; transition:.2s linear;}
.introduction_item i {width:76px; height:76px; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.introduction_item i img {max-width:100%; max-height:100%;}
.introduction_item strong {display:block; margin:24px 0 13px; font-size:22px; font-weight:800;}
.introduction_item p {color:#666; font-weight:700; line-height:1.65;}
.introduction_view {position:relative; padding:48px 248px 48px 48px; background:#F6F6F6; border-radius:20px; margin-bottom:100px;}
.introduction_view .icon {position:absolute; top:48px; right:48px; width:160px; height:160px; background:#fff; display:flex; justify-content:center; align-items:center; border-radius:50%;}
.introduction_view p {line-height:1.8;}
.introduction_view .homepage {display:flex; align-items:center; gap:12px;}
.introduction_view .homepage dt {width:96px; height:36px; line-height:36px; font-size:16px; color:#0054A6; font-weight:800; text-align:center; background:#0054A61A; border-radius:20px;}
.introduction_view .homepage dd {width:calc(100% - 118px);}

/* 생활체육 */
.lifestyle dl {display:flex; align-items:center; gap:80px; margin-top:80px;}
.lifestyle dt,
.lifestyle dd {width:calc(50% - 40px);}
.lifestyle dt {border-radius:20px;}
.lifestyle dd i {display:block;}
.lifestyle dd i img {max-width:100%; max-height:100%;}
.lifestyle dd strong {display:block; font-size:24px; margin:40px 0 16px;}
.lifestyle dl:nth-child(2n) {flex-direction:row-reverse;}
.lifestyle_contact {display:flex; gap:80px;}
.lifestyle_contact .contact_area {width:340px; border-radius:20px; overflow:hidden;}
.lifestyle_contact .contact_area li {width:100%; padding:40px;}
.lifestyle_contact .contact_area i {display:flex; justify-content:center; align-items:center; width:80px; height:80px; border-radius:50%; overflow:hidden; margin-bottom:32px;}
.lifestyle_contact .contact_area span {display:block; font-size:20px; font-weight:700;}
.lifestyle_contact .contact_area .num {display:flex; gap:10px; font-size:20px;}
.lifestyle_contact .contact_area .num strong {font-size:28px;}
.lifestyle_contact .contact_area dl {display:flex; gap:8px; margin-top:8px;}
.lifestyle_contact .contact_area dt {font-weight:700;}
.lifestyle_contact .contact_area .c1 {background:#FEF6E8;}
.lifestyle_contact .contact_area .c1 i {background:#F58B00;}
.lifestyle_contact .contact_area .c2 {background:#ECF5FF;}
.lifestyle_contact .contact_area .c2 i {background:#0054A6;}
.lifestyle_contact .conbox {width:calc(100% - 420px);}
.step_area {display:flex; gap:20px;}
.step_area li {position:relative; width:calc((100% - 60px)/4); background:#F6F6F6; border-radius:20px; padding:32px 24px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.step_area li:before {content:""; position:absolute; top:50%; left:-26px; width:32px; aspect-ratio:1/1; background:#fff url('/pub/images/arrow_step.svg') no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%); z-index:1; box-shadow:rgba(0,0,0,.06) 0 4px 20px;}
.step_area li:first-child:before {display:none;}
.step_area li i {width:120px; aspect-ratio:1/1; border-radius:50%; display:flex; justify-content:center; align-items:center; background:#fff;}
.step_area li strong {display:block; font-size:20px; margin:24px 0 8px;}
.notice_home {border:#ddd 1px solid; border-radius:20px; padding:25px 32px; display:flex; align-items:center; gap:12px; margin-bottom:80px;}
.notice_home:before {content:""; width:24px; height:24px; background:url('/pub/images/icon_home2.svg') no-repeat 50% 50% / contain;}
.btn_more {display:inline-flex; align-items:center; gap:8px; font-size:20px; color:#fff; font-weight:700; line-height:60px; height:60px; padding:0 48px; background:#333; border-radius:30px;}
.btn_more:after {content:""; width:15px; height:15px; background:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}
.btn_more.mt24 {margin-top:24px;}

/* 전문체육 */
.professional_area {margin-top:80px;}
.professional_area .img {border-radius:20px; overflow:hidden; ;}
.professional_area .btit {margin:40px 0 16px;}
.professional_area p {line-height:1.8;}
.main_business {position:relative; padding-top:80px; margin-top:80px; z-index:1;}
.main_business:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:calc(100% + 344px); background:#F6F6F6; z-index:-1; transform:translateX(-50%);}
.main_business ul {display:flex; gap:40px;}
.main_business li {width:calc((100% - 120px)/4); background:#fff; border:#ddd 1px solid; border-radius:20px; padding:40px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center;}
.main_business li i {height:80px; display:flex; justify-content:center; align-items:center;}
.main_business li i img {max-height:100%;}
.main_business li strong {font-size:22px; margin:24px 0 8px;}
.main_business li p {color:#666; font-weight:700; line-height:1.65;}

/* 포토 자료실 */
.gall_list {display:flex; flex-wrap:wrap;	gap:60px 40px;}
.gall_list a {width:calc((100% - 120px)/4);}
.gall_list span {display:block;}
.gall_list .imgfit {width:100%; aspect-ratio:155/116;}
.gall_list .txt {padding-top:24px;}
.gall_list .tit {font-size:20px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.gall_list .date {color:#666; margin-top:16px;}

/* 동영상 자료실 */
.thum_list {border-top:#333 2px solid;}
.thum_list a {display:flex; align-items:center; border-bottom:#ddd 1px solid; padding:30px 0;}
.thum_list span {display:block;}
.thum_list .imgfit {width:310px; aspect-ratio:155/116;}
.thum_list .txt {width:calc(100% - 310px); padding-left:40px;}
.thum_list .tit {font-size:22px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list .con {font-size:20px; color:#666; line-height:32px; height:64px; margin:24px 0 40px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.thum_list .date {color:#666;}

/* 약관 */
.terms_area {line-height:1.8; letter-spacing:-.5px;}
.terms_area .tit {font-size:28px; font-weight:800; margin:100px 0 60px;}
.terms_area .tit:first-child {margin-top:0;}
.terms_area .tt {font-size:22px; font-weight:700; line-height:1.6; margin:40px 0 24px;}
.terms_area .tit + .tt {margin-top:0;}
.terms_area .pl,
.terms_area li {padding-left:21px; text-indent:-21px;}
.terms_area li li {padding-left:0; text-indent:0;}
.terms_area .c6 {color:#666;}
.terms_area .time {margin-top:100px;}
.privacy_policy .tt {margin:100px 0 24px;}
.privacy_policy .mb {margin-bottom:24px;}
.privacy_policy .pl0 {padding-left:0; text-indent:0;}

