@charset "utf-8";
[data-main-con]												{ margin-top:5.63em; }
@media all and (max-width:1568px){
    [data-main-con]											{ margin-top:4.63em; }
}
@media all and (max-width:1268px){
    [data-main-con]											{ margin-top:4em; }
}
@media all and (max-width:868px){
    [data-main-con]											{ margin-top:3em; }
}
@media all and (max-width:468px){
    [data-main-con]											{ margin-top:2.5em; }
}

/* 타이틀 */
[data-main-con] h2.title									{ display:flex; align-items:center; font-size:2em; color:var(--color-point); line-height:1; margin-bottom:.75em; font-family:var(--font-tenada) }


/* 더보기 */
.icon_more							{ display:flex; align-items:center; justify-content:center; position:relative; width:35px; height:35px; border:1px solid #c9c9c9; border-radius:100%; background:var(--color-white); transition:var(--trans-ani);}
.icon_more::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/hamyeol/images/main/icon_plus.svg) no-repeat 50% 50% / 11px; transition:var(--trans-ani);}
.icon_more:hover,
.icon_more:focus					{ transform:rotate(90deg); background:var(--color-point); border-color:var(--color-point) }
.icon_more:hover::before,
.icon_more:focus::before			{ filter:invert(1); }




@media all and (max-width:1568px){
    /* 타이틀 */
    [data-main-con] h2.title					{ font-size:1.9em;  }
}
@media all and (max-width:1268px){
    /* 타이틀 */
    [data-main-con] h2.title					{ font-size:1.8em; }

    /* 더보기 */
    .icon_more									{  width:30px; height:30px; }
    .icon_more::before							{ background-size:9px; }
}
@media all and (max-width:868px){
    /* 타이틀 */
    [data-main-con] h2.title					{ font-size:1.7em; }
}
@media all and (max-width:468px){
    /* 타이틀 */
    [data-main-con] h2.title					{ font-size:1.6em; }
}





/**********************************************************************

 								visual 

**********************************************************************/
.visual															{ position:relative; width:100%; border-radius:0 0 0 11.25em; overflow:hidden }
.visual .text													{ position:absolute; left:50%; top:50%; transform:translate(-50%,-65%); display:flex; flex-flow:column; justify-content:center}
.visual .text strong											{ font-size:3.25em; font-family:var(--font-tenada); color:var(--color-white); }
.visual .text span												{ font-size:1.25em; font-weight:600; color:var(--color-white); line-height:1.4; margin-top:1em }
.visual .swiper-slide											{ width:100%; }
.visual .swiper-slide a											{ position:relative; display:block;  }
.visual .swiper-slide .img										{ width:100%; height:0; padding-top:34.375%; overflow:hidden; background-position:50% 50%; background-size:cover; z-index:-1 }
.visual .swiper_control											{ position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%, calc(50% + 5.5em)) }
.visual .swiper_control .control								{ justify-content:flex-start; }
.visual .swiper_control .control .swiper_page					{ margin-right:1em; color:var(--color-white); }
.visual .swiper_control .control .swiper_page i::after			{ background-color:rgba(255,255,255,.3); }
.visual .swiper_control button::before							{ filter:invert(1); }




@media all and (max-width:1768px){
    .visual														{ border-radius:0 0 0 10em; }
    .visual .text strong										{ font-size:3em; }
    .visual .text span											{ font-size:1.15em; }
    .visual .swiper-slide .img									{ padding-top:36.375%; }
}
@media all and (max-width:1668px){
    .visual														{ border-radius:0 0 0 9em; }
    .visual .text strong										{ font-size:2.9em; }
    .visual .text span											{ font-size:1.1em; }
}
@media all and (max-width:1468px){
    .visual .text strong										{ font-size:2.9em; }
    .visual .text span											{ font-size:1.1em; }
    .visual .swiper-slide .img									{ padding-top:40.375%; }
}
@media all and (max-width:1268px){
    .visual .text strong										{ font-size:2.8em; }
    .visual .text span											{ font-size:1.067em; }
    .visual .swiper-slide .img									{ padding-top:44.375%; }
    .visual .swiper_control										{ transform:translate(-50%, calc(50% + 4.5em)) }
}
@media all and (max-width:1068px){
    .visual														{ border-radius:0 0 0 8em; }
    .visual .text strong										{ font-size:2.7em; }
    .visual .swiper-slide .img									{ padding-top:48.375%; }
    .visual .swiper_control										{ transform:translate(-50%, calc(50% + 3.5em)) }
}
@media all and (max-width:868px){
    .visual														{ border-radius:0 0 0 7em; }
    .visual .text												{ top:45%; }
    .visual .text strong										{ font-size:2.6em; }
    .visual .text span											{ margin-top:.75em; }
    .visual .swiper-slide .img									{ padding-top:52.375%; }
    .visual .swiper_control										{ transform:translate(-50%, calc(50% + 2.5em)) }
}
@media all and (max-width:668px){
    .visual														{ border-radius:0 0 0 4em; }
    .visual .text												{ top:42%; }
    .visual .text strong										{ font-size:2.5em; }
    .visual .text span											{ margin-top:.5em; }
    .visual .swiper-slide .img									{ padding-top:56.375%; }
}
@media all and (max-width:568px){
    .visual .text strong										{ font-size:2.25em; }
    .visual .text span											{ margin-top:.5em; font-size:1em }
    .visual .swiper-slide .img									{ padding-top:70.375%; }
    .visual .swiper_control										{ transform:translate(-50%, calc(50% + 1.5em)) }
}
@media all and (max-width:468px){
    .visual .text strong										{ font-size:2em; }
    .visual .text span											{ margin-top:.25em; }
    .visual .text span br										{ display:none; }
    .visual .swiper-slide .img									{ padding-top:80.375%; }
    .visual .swiper_control										{ transform:translate(-50%, calc(50% + 1.5em)) }
}
@media all and (max-width:368px){
    .visual .text strong										{ font-size:1.8em; }
    .visual .swiper-slide .img									{ padding-top:90.375%; }
    .visual .swiper_control										{ transform:translate(-50%, calc(50% + .5em)) }
}
/**********************************************************************

 							banner

**********************************************************************/
[data-main-con="banner"] .icon_list								{ display:flex; flex-wrap:wrap; gap:1.88em; }
[data-main-con="banner"] .icon_list>li							{ width:calc((100% - 7.52em) / 5); }
[data-main-con="banner"] .icon_list>li>a						{ display:flex; flex-flow:column; border:1px solid #dce3eb; padding:2.81em 2.5em; border-radius:30px; transition:var(--trans-ani);}
[data-main-con="banner"] .icon_list>li dl						{ display:flex; flex-flow:column; gap:13px; line-height:1 }
[data-main-con="banner"] .icon_list>li dl dt					{ font-weight:600; color:#5f91c9; }
[data-main-con="banner"] .icon_list>li dl dd					{ font-size:1.75em; font-family:var(--font-tenada); color:var(--color-point); }
[data-main-con="banner"] .icon_list>li .more					{ font-weight:500; color:#666; margin-top:1.75em; position:relative; display:flex; gap:.94em; line-height:1; align-items:center; }
[data-main-con="banner"] .icon_list>li .more::after				{ display:inline-block; content:''; width:10px; height:10px; background:url(/resource/hamyeol/images/main/icon_plus.svg) no-repeat 50% 50% / auto; opacity:.3; }
[data-main-con="banner"] .icon_list>li .icon					{ margin-top:.75em; display:flex; justify-content:end;}
[data-main-con="banner"] .icon_list>li .icon::before			{ display:block; width:97px; height:97px; background-position:50%; background-size:contain; background-repeat:no-repeat; content:'';  opacity:.3 }
[data-main-con="banner"] .icon_list>li .icon1::before			{ background-image:url(/resource/hamyeol/images/main/icon_swimming.svg); }
[data-main-con="banner"] .icon_list>li .icon2::before			{ background-image:url(/resource/hamyeol/images/main/icon_health.svg); }
[data-main-con="banner"] .icon_list>li .icon3::before			{ background-image:url(/resource/hamyeol/images/main/icon_aerobics.svg); }
[data-main-con="banner"] .icon_list>li .icon4::before			{ background-image:url(/resource/hamyeol/images/main/icon_aquarobics.svg); }
[data-main-con="banner"] .icon_list>li .icon5::before			{ background-image:url(/resource/hamyeol/images/main/icon_rental.svg); }
[data-main-con="banner"] .banner								{ background:var(--color-point); border-radius:1.88em; margin-top:3.13em; display:flex; flex-wrap:wrap; justify-content:space-between; padding:4em 3.13em 3.13em  }
[data-main-con="banner"] .banner .info							{ flex:none; max-width:calc(100% - 251px - 3em); color:var(--color-white) }
[data-main-con="banner"] .banner .info .title					{ color:var(--color-white); padding-left:75px; position:relative }
[data-main-con="banner"] .banner .info .title::before			{ position:absolute; width:50px; height:50px; left:0; top:-.4em; content:''; background:url(/resource/hamyeol/images/main/icon_ex.png) no-repeat 50% 50% / contain; }
[data-main-con="banner"] .banner .info .title span				{ display:inline-block; margin-top:-5px; }
[data-main-con="banner"] .banner .info .add_list				{ display:flex; flex-wrap:wrap; gap:10px 35px; align-items:center; margin-top:2.5em; }
[data-main-con="banner"] .banner .info .add_list>li				{ display:flex; gap:.75em; align-items:center; font-size:1.13em; line-height:1; }
[data-main-con="banner"] .banner .info .add_list .icon::before	{ display:flex; background-position:50%; background-size:contain; background-repeat:no-repeat; content:'';   }
[data-main-con="banner"] .banner .info .add_list .icon1::before { width:16px; height:20px; background-image:url(/resource/hamyeol/images/main/icon_map.svg); margin-top:-1px; }
[data-main-con="banner"] .banner .info .add_list .icon2::before { width:20px; height:20px; background-image:url(/resource/hamyeol/images/main/icon_tel.svg); }

[data-main-con="banner"] .banner .info .txt_list				{ display:flex; flex-wrap:wrap; align-items:center; margin-top:2em }
[data-main-con="banner"] .banner .info .txt_list+.txt_list		{ margin-top:.25em; }
[data-main-con="banner"] .banner .info .txt_list>dt				{ min-width:4.5em; font-size:1.13em; font-weight:700; }
[data-main-con="banner"] .banner .info .txt_list>dd				{ margin-right:2em }

[data-main-con="banner"] .banner .btn							{ width:251px; display:flex; flex-flow:column; align-items:center;}
[data-main-con="banner"] .banner .btn .img						{ margin-top:-5.5em;}
[data-main-con="banner"] .banner .btn ul						{ display:flex; width:100%; flex-flow:column; max-width:210px; gap:.63em; }
[data-main-con="banner"] .banner .btn ul>li>a					{ border:1px solid var(--color-white); padding:0; font-weight:500; border-radius:8px; line-height:1; display:flex; align-items:center;  justify-content:center; gap:10px;
    color:var(--color-white); transition:var(--trans-ani); height:50px;}
[data-main-con="banner"] .banner .btn ul>li.on>a				{ background:var(--color-white); color:var(--color-point); }
[data-main-con="banner"] .banner .btn ul>li.on .icon::before	{ display:flex; width:25px; height:24px; background:url(/resource/hamyeol/images/main/icon_star.png) no-repeat 50% 50% / contain;  content:''; margin-top:-1px }


/* 효과 */
[data-main-con="banner"] .icon_list>li>a:hover,
[data-main-con="banner"] .icon_list>li>a:focus					{ border-color:var(--color-point);  box-shadow:5px 5px 5px rgba(0,0,0,.1); }
[data-main-con="banner"] .icon_list>li>a:hover .icon::before,
[data-main-con="banner"] .icon_list>li>a:focus .icon::before	{ animation:iconShow 0.7s ease-in-out 1 forwards;  opacity:1  }
[data-main-con="banner"] .banner .btn ul>li.on>a:hover .icon::before,
[data-main-con="banner"] .banner .btn ul>li.on>a:focus .icon::before			{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main-con="banner"] .banner .btn ul>li>a:hover,
[data-main-con="banner"] .banner .btn ul>li>a:focus				{ background:var(--color-white); color:var(--color-point); }

@media all and (max-width:1768px){
    [data-main-con="banner"] .icon_list>li>a					{ padding:2.5em 2em; }
    [data-main-con="banner"] .icon_list>li dl dt,
    [data-main-con="banner"] .icon_list>li .more				{ font-size:.98em; }
    [data-main-con="banner"] .icon_list>li dl dd				{ font-size:1.65em; }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:92px; height:92px; }
}
@media all and (max-width:1568px){
    [data-main-con="banner"] .icon_list							{ gap:1em; }
    [data-main-con="banner"] .icon_list>li						{ width:calc((100% - 4em) / 5); }
    [data-main-con="banner"] .icon_list>li>a					{ padding:2em 1.88em; }
    [data-main-con="banner"] .icon_list>li dl dt,
    [data-main-con="banner"] .icon_list>li .more				{ font-size:.95em; }
    [data-main-con="banner"] .icon_list>li dl dd				{ font-size:1.55em; }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:88px; height:88px; }
    [data-main-con="banner"] .banner							{ margin-top:3em; padding:3.5em 3em 3em }
    [data-main-con="banner"] .banner .info .title::before		{ top:-.6em; }
    [data-main-con="banner"] .banner .info .add_list>li			{ font-size:1.067em; }
    [data-main-con="banner"] .banner .info .add_list			{ margin-top:2.25em; }
    [data-main-con="banner"] .banner .info .txt_list			{ margin-top:1.75em; }
    [data-main-con="banner"] .banner .info .txt_list>dd			{ font-size:.98em; margin-right:1.5em }
    [data-main-con="banner"] .banner .btn ul>li>a				{ height:45px; font-size:.98em;}
    [data-main-con="banner"] .banner .btn ul>li.on .icon::before{ width:22px; height:21px; }
}
@media all and (max-width:1468px){
    [data-main-con="banner"] .icon_list>li>a					{ padding:1.88em 1.5em; border-radius:20px }
    [data-main-con="banner"] .icon_list>li dl dt,
    [data-main-con="banner"] .icon_list>li .more				{ font-size:.9em; }
    [data-main-con="banner"] .icon_list>li .more				{ margin-top:1.5em; }
    [data-main-con="banner"] .icon_list>li dl dd				{ font-size:1.45em; }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:82px; height:82px; }
    [data-main-con="banner"] .banner							{ padding:3em 2.5em 2.5em; border-radius:20px }
    [data-main-con="banner"] .banner .info						{ max-width:calc(100% - 231px - 2em); }
    [data-main-con="banner"] .banner .info .add_list>li			{ font-size:1.03em; }
    [data-main-con="banner"] .banner .info .add_list			{ margin-top:2em; }
    [data-main-con="banner"] .banner .info .txt_list			{ margin-top:1.5em; }
    [data-main-con="banner"] .banner .info .txt_list>dd			{ font-size:.95em; margin-right:1.5em }
    [data-main-con="banner"] .banner .btn						{ width:231px; }
    [data-main-con="banner"] .banner .btn ul>li>a				{ font-size:.9em;}
}
@media all and (max-width:1368px){
    [data-main-con="banner"] .banner .info						{ max-width:calc(100% - 200px - 2em); }
    [data-main-con="banner"] .banner .info .add_list			{ margin-top:1.5em; gap:10px 25px;  }
    [data-main-con="banner"] .banner .info .txt_list>dt			{ width:100%; font-size:1.03em; }
    [data-main-con="banner"] .banner .btn						{ width:200px; }
    [data-main-con="banner"] .banner .btn .img					{ margin-top:-1em; }
}
@media all and (max-width:1268px){
    [data-main-con="banner"] .banner .info						{ max-width:inherit; width:100%; }
    [data-main-con="banner"] .banner .info .title				{ padding-left:55px; }
    [data-main-con="banner"] .banner .info .title::before		{ width:40px; height:40px; top:-.45em }

    [data-main-con="banner"] .banner .info .txt_list>dt			{ width:auto; }
    [data-main-con="banner"] .banner .btn						{ width:100%; margin-top:2em }
    [data-main-con="banner"] .banner .btn ul					{ flex-flow:row wrap; max-width:inherit }
    [data-main-con="banner"] .banner .btn ul>li					{ width:calc((100% - .63em) / 2); }
    [data-main-con="banner"] .banner .btn .img					{ display:none }
}
@media all and (max-width:1168px){
    [data-main-con="banner"] .icon_list>li>a					{ padding:1.5em 1.25em; border-radius:15px }
    [data-main-con="banner"] .icon_list>li dl dd				{ font-size:1.35em; }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:75px; height:75px; }

    [data-main-con="banner"] .banner .info .txt_list>dd			{ font-size:.9em; }
}
@media all and (max-width:968px){
    [data-main-con="banner"] .icon_list>li						{ width:calc((100% - 2em) / 3); }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:65px; height:65px; }
    [data-main-con="banner"] .icon_list>li:nth-last-child(-n+2)	{ width:calc((100% - 1em) / 2); }
    [data-main-con="banner"] .banner .info .txt_list>dt			{ width:100%; }
    [data-main-con="banner"] .banner .info .txt_list>dd			{ margin-right:1em; }
}
@media all and (max-width:868px){
    [data-main-con="banner"] .banner .info .title::before		{ top:-.6em }
}
@media all and (max-width:668px){
    [data-main-con="banner"] .banner							{ margin-top:2em; padding:2.5em 2em; }
    [data-main-con="banner"] .banner .info .title				{ padding-left:40px; }
    [data-main-con="banner"] .banner .info .title::before		{ width:30px; height:30px; top:-.3em;}
}
@media all and (max-width:568px){
    [data-main-con="banner"] .icon_list>li						{ width:calc((100% - 1em) / 2); }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:55px; height:55px; }
    [data-main-con="banner"] .icon_list>li:nth-last-child(-n+1)	{ width:100%; }
    [data-main-con="banner"] .icon_list>li .more				{ margin-top:1em; }
}
@media all and (max-width:468px){
    [data-main-con="banner"] .banner							{ padding:1.5em }
    [data-main-con="banner"] .banner .info .title				{ padding-left:0; padding-top:40px; }
    [data-main-con="banner"] .banner .info .title::before		{ width:25px; height:25px; top:0; left:50%; transform:translateX(-50%);}
    [data-main-con="banner"] .banner .btn ul>li.on .icon::before{ width:18px; height:17px; }

}
@media all and (max-width:320px){
    [data-main-con="banner"] .icon_list							{ gap:.5em; }
    [data-main-con="banner"] .icon_list>li:nth-last-child(-n+2),
    [data-main-con="banner"] .icon_list>li						{ width:100%; }
    [data-main-con="banner"] .icon_list>li .icon::before		{ width:45px; height:45px; }
    [data-main-con="banner"] .banner .btn ul>li					{ width:100%; }

}
/**********************************************************************

 							notice 

**********************************************************************/
[data-main-con="board"]														{ background:#f2f7fc; border-radius:0 11.25em 0 0; padding:6.25em 0 }
[data-main-con="board"] .con_inner											{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
[data-main-con="board"] .board												{ position:relative; flex:auto; max-width:calc(100% - 620px - 6.25em); margin-right:6.25em; margin-top:7.5px; }
[data-main-con="board"] .board .tab_menu									{ display:flex; gap:0 2.19em }
[data-main-con="board"] .board .tab_menu>li>button							{ font-size:2em; font-family:var(--font-tenada); color:#99a1aa; line-height:1; padding:0; margin:0; }
[data-main-con="board"] .board .tab_menu>li.active>button					{ color:var(--color-point); }


[data-main-con="board"] .board .conts_tab									{ display:none; border-top:1px solid #dae1ea; margin-top:1em }
[data-main-con="board"] .board .conts_tab.active							{ display:block; }
[data-main-con="board"] .board .conts_tab .list								{ display:flex; flex-flow:column; }
[data-main-con="board"] .board .conts_tab .list>li							{ display:flex; align-items:center; border-bottom:1px solid #dae1ea;}
[data-main-con="board"] .board .conts_tab .list>li>a						{ display:flex; align-items:center; width:100%; padding:1.5em .5em; gap:1.25em; justify-content:space-between; }
[data-main-con="board"] .board .conts_tab .list>li>a>dl						{ display:flex; flex-flow:column; max-width:calc(100% - 5em); flex:auto }
[data-main-con="board"] .board .conts_tab .list>li>a>dl>dt					{ display:flex; align-items:center; width:100%; font-size:1.25em; font-weight:500; color:var(--color-base1); gap:10px; transition:var(--trans-ani); }
[data-main-con="board"] .board .conts_tab .list>li>a:hover dt,
[data-main-con="board"] .board .conts_tab .list>li>a:focus dt				{ color:var(--color-point); }
[data-main-con="board"] .board .conts_tab .list>li>a>dl>dt>em				{ max-width:90%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
[data-main-con="board"] .board .conts_tab .list>li>a>dl>dt .new				{ font-size:.75rem; font-weight:900; color:var(--color-red); }

[data-main-con="board"] .board .conts_tab .list>li>a>dl>dd					{ display:none;}
[data-main-con="board"] .board .conts_tab .list>li .date					{ color:#666; padding-left:27px; position:relative; }
[data-main-con="board"] .board .conts_tab .list>li .date::before			{ position:absolute; width:19px; height:16px; content:''; background:url(/resource/hamyeol/images/main/icon_calendar.svg) no-repeat 50% 50% / auto; left:0; top:50%; transform:translateY(-55%); }
[data-main-con="board"] .board .conts_tab .list>li:nth-child(1)>a			{ padding:1.05em .5em; }
[data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date		{ display:flex; width:90px; height:90px;min-width:90px; border:1px solid #dae1ea; border-radius:20px; background:var(--color-white); flex-flow:column; justify-content:center;
    align-items:center; order:1; padding-left:0; font-size:1.88em; font-weight:900; color:var(--color-point); gap:8px; line-height:.7 }
[data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date::before{ display:none; }
[data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date>i		{ font-weight:bold; font-size:.47em; color:var(--color-base1) }

[data-main-con="board"] .board .conts_tab .list>li:nth-child(1) dl			{ order:2; gap:5px; }
[data-main-con="board"] .board .conts_tab .list>li:nth-child(1) dl>dt		{ font-weight:bold; }
[data-main-con="board"] .board .conts_tab .list>li:nth-child(1) dl>dd		{ display:block; font-size:1.13em; color:#666; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
[data-main-con="board"] .board .conts_tab .icon_more						{ position:absolute; right:0; top:-7.5px; }


/* 알림마당 */
[data-main-con="board"] .popup                                 			 	{ flex:none; width:620px; border:1px solid #dae1ea; border-radius:.63em; background:var(--color-white); overflow:hidden; }
[data-main-con="board"] .popup .swiper-slide                   				{ width:100%; }
[data-main-con="board"] .popup .swiper-slide a                 				{ display:block; position:relative; }
[data-main-con="board"] .popup .swiper-slide a .img            			 	{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top:58.254%; }
[data-main-con="board"] .popup .swiper-slide a .img img        			 	{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-main-con="board"] .popup .swiper-slide > a span[data-alt] 			{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1);
    outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main-con="board"] .popup .swiper-slide > a:focus span[data-alt]  		{ opacity:1;}
[data-main-con="board"] .popup .swiper_control                              { display:flex; justify-content:space-between; border-top:1px solid #dae1ea; padding:1em;}
[data-main-con="board"] .popup .swiper_page                                 { margin-right:0px; justify-content:left; align-items:center; }
[data-main-con="board"] .popup .control                                     { display:flex; }
[data-main-con="board"] .popup .control .btn_slide_allView					{ display:block; width:25px; height:25px; background:url(/resource/hamyeol/images/main/icon_all.svg) no-repeat 50% / 12px; }


/* 배너모두보기 */
.area_ban_all																{ opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s easae 0s;
    transition-property:opacity, visibility;}
.area_ban_all.active														{ opacity:1; visibility:visible; }
.area_ban_all .inr															{ position:absolute; top:50%; left:50%; width:94%; max-width:1500px; max-height:80%; box-sizing:border-box; padding:0; transform:translate(-50%, calc(-50% - 0.5px));}
.area_ban_all .inr .round_box												{ display:table; margin:0 auto 2em auto; border-radius:3em; padding:15px 35px; background:var(--color-white); font-size:1.67em; }
.area_ban_all .inr .round_box strong										{ font-weight:bold; }
.area_ban_all .list_all														{ display:flex; flex-wrap:wrap; gap:10px; margin:0 auto;  overflow-y:auto; max-height:calc(100vh - 20em); padding-right:15px}
.area_ban_all .list_all::-webkit-scrollbar 									{ -webkit-appearance:none; width:6px;}
.area_ban_all .list_all::-webkit-scrollbar-thumb 							{ background-color:rgba(255, 255, 255, .8); border-radius:5px; border:2px solid #000; }
.area_ban_all .list_all::-webkit-scrollbar-track 							{ border-radius:5px; background-color:#000; }
.area_ban_all .list_all > li												{ flex:0 1 calc((100% - 20px) / 3); }
.area_ban_all .list_all > li a												{ position:relative; display:block; text-align:center; }
.area_ban_all .list_all .img												{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top:58.254%; }
.area_ban_all .list_all .img img											{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
.area_ban_all .list_all span[data-alt]										{ opacity:0; overflow:hidden; position:absolute; text-indent:-9999em; }
.area_ban_all .btn_slide_allView											{ opacity:1; position:absolute; top:0; right:0px; min-width:inherit; width:60px; height:60px; padding:0px; background-color:var(--color-point); border:0px; border-radius:100%;}
.area_ban_all .btn_slide_allView::before									{ display:block; width:20px; height:20px; margin:0 auto; background:url(/resource/hamyeol/images/main/icon_plus.svg) no-repeat 50% 50% / 20px auto; transition:var(--trans-ani);
    transition-property:transform; filter:invert(100%) sepia(30%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(102%); content:''; transform:rotate(45deg); }
.area_ban_all .btn_slide_allView:hover::before,
.area_ban_all .btn_slide_allView:focus::before								{ transform:rotate(135deg);}






@media all and (max-width:1768px){
    [data-main-con="board"]													{ border-radius:0 10em 0 0; padding:6em 0 }
    [data-main-con="board"] .board .conts_tab .list>li>a>dl>dt				{ font-size:1.2em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) dl>dd	{ font-size:1.1em; }
    .area_ban_all .inr .round_box											{ font-size:1.57em; }
}
@media all and (max-width:1668px){
    [data-main-con="board"]													{ border-radius:0 9em 0 0; padding:5.5em 0 }
}
@media all and (max-width:1568px){
    [data-main-con="board"] .board											{ max-width:calc(100% - 600px - 5em); margin-right:5em; }
    [data-main-con="board"] .board .tab_menu>li>button						{ font-size:1.9em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ font-size:1.78em; width:85px; height:85px;min-width:85px; }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ padding:1.45em .5em; }
    [data-main-con="board"] .popup                                 			{ width:600px; }
}
@media all and (max-width:1468px){
    [data-main-con="board"] .board											{ max-width:calc(100% - 550px - 4em); margin-right:4em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ font-size:1.68em; }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ padding:1.2em .5em; }
    [data-main-con="board"] .board .conts_tab .list>li>a>dl>dt				{ font-size:1.167em; }

    [data-main-con="board"] .popup                                 			{ width:550px; }
    .area_ban_all .inr .round_box											{ font-size:1.47em; }
}
@media all and (max-width:1268px){
    [data-main-con="board"] .board											{ max-width:calc(100% - 500px - 3em); margin-right:3em; }
    [data-main-con="board"] .board .tab_menu>li>button						{ font-size:1.8em; }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ gap:1em; padding:1em .5em;}
    [data-main-con="board"] .board .conts_tab .list>li>a>dl>dt				{ font-size:1.067em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) dl>dd	{ font-size:1em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ font-size:1.58em; width:80px; height:80px;min-width:80px; }
    [data-main-con="board"] .popup                                 			{ width:500px; }
    .area_ban_all .list_all > li											{ flex:0 1 calc((100% - 10px) / 2); }

}
@media all and (max-width:1168px){
    [data-main-con="board"] .board											{ max-width:calc(100% - 450px - 2em); margin-right:2em; }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ padding:.8em .5em;}
    [data-main-con="board"] .board .conts_tab .list>li>a>dl>dt				{ font-size:1.03em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ width:75px; height:75px;min-width:75px; }
    [data-main-con="board"] .popup                                 			{ width:450px; }

}
@media all and (max-width:1068px){
    [data-main-con="board"]													{ border-radius:0 8em 0 0; padding:5em 0 }
    .area_ban_all .inr .round_box											{ font-size:1.37em; }
    [data-main-con="board"] .board											{ max-width:calc(100% - 400px - 2em); margin-right:2em; }
    [data-main-con="board"] .board .conts_tab								{ margin-top:.75em; }
    [data-main-con="board"] .board .conts_tab .list>li .date				{ font-size:.9em; padding-left:24px }
    [data-main-con="board"] .board .conts_tab .list>li .date::before		{ width:17px; height:14px; transform:translateY(-50%); }
    [data-main-con="board"] .board .conts_tab .list>li>a					{ padding:.75em .5em; }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ width:70px; height:65px; border-radius:10px; min-width:70px;}
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1)>a		{ padding:.75em .5em; }
    [data-main-con="board"] .popup                                 			{ width:400px; }
}
@media all and (max-width:1024px){
    [data-main-con="board"] .board											{ max-width:inherit; margin-right:0; flex:100%; }
    [data-main-con="board"] .popup											{ margin-top:2em; width:100%; padding:5px 0 0 0}
    [data-main-con="board"] .popup .swiper-slide							{ width:50%; }
    [data-main-con="board"] .popup .swiper-slide a							{ margin:0 5px; border-radius:10px; overflow:hidden }
    [data-main-con="board"] .popup .swiper_control							{ margin-top:5px; }
}
@media all and (max-width:868px){
    [data-main-con="board"]													{ border-radius:0 7em 0 0; padding:4em 0 }
    [data-main-con="board"] .board .tab_menu>li>button						{ font-size:1.7em; }
    .area_ban_all .inr .round_box											{ font-size:1.27em; }
    .area_ban_all .btn_slide_allView										{ width:50px; height:50px; }
}
@media all and (max-width:668px){
    [data-main-con="board"]													{ border-radius:0 4em 0 0; padding:3em 0 }
    [data-main-con="board"] .board .tab_menu								{ gap:0 1em; }
    [data-main-con="board"] .board .conts_tab .icon_more					{ top:-9.5px; }
    [data-main-con="board"] .popup											{ padding:0}
    [data-main-con="board"] .popup .swiper-slide							{ width:100%; }
    [data-main-con="board"] .popup .swiper-slide a							{ margin:0 ; border-radius:0; overflow: nherit }
    [data-main-con="board"] .popup .swiper_control							{ margin-top:0; padding:.5em 1em }
    .area_ban_all .inr .round_box											{ font-size:1.2em; padding:30px 15px 10px 15px; text-align:center; line-height:1.2  }
    .area_ban_all .btn_slide_allView										{ width:45px; height:45px; right:inherit; left:50%; top:-22.5px; transform:translateX(-50%);}
    .area_ban_all .list_all > li											{ flex:100%; }
    .area_ban_all .list_all													{ padding-right:8px; }
}
@media all and (max-width:468px){
    [data-main-con="board"] .board .tab_menu>li>button						{ font-size:1.6em; }
    [data-main-con="board"]													{ border-radius:0 3em 0 0; padding:2.5em 0 }
    [data-main-con="board"] .board .conts_tab .list>li:nth-child(1) .date	{ width:60px; height:60px;min-width:60px; }
}