@charset "utf-8";
[data-main-con]									{ margin-top:5em; }
@media all and (max-width:1568px){
    [data-main-con]											{ margin-top:4.5em; }
}
@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						{ font-size:1.81em; font-weight:bold; line-height:1; margin-bottom:1em; font-family:var(--font-mango) }
[data-main-con] .sub_txt						{ display:block; line-height:1.2; opacity:.74; margin-top:-1em; margin-bottom:1.82em; }
[data-main-con] .sub_tit						{ display:block; font-size:1.15em; margin-top:2em; margin-bottom:.25em; line-height:1; font-family:var(--font-mango) }


/* 더보기 */
.icon_more										{ display:flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border-radius:100%; background:var(--color-base); transition:var(--trans-ani); margin-left:1em}
.icon_more::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/health/images/main/icon_more.svg) no-repeat 50% 50% / 11px; transition:var(--trans-ani);}
.icon_more:hover,
.icon_more:focus								{ background:var(--color-point); border-color:var(--color-point) }



@media all and (max-width:1568px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.71em;  }
    [data-main-con] .sub_txt								{ margin-bottom:1.5em; font-size:.95rem; }
    [data-main-con] .sub_tit								{ font-size:1.067em; margin-top:1.75em; }
    /* 더보기 */
    .icon_more												{ width:34px; height:34px; }
    .icon_more::before										{ background-size:9px; }
}
@media all and (max-width:1368px){
    [data-main-con] .sub_txt								{ margin-bottom:1em; font-size:.9rem; margin-top:-1.25em; }
    [data-main-con] .sub_tit								{ font-size:1.03em; margin-top:1em; }
}
@media all and (max-width:1268px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.61em; }

    /* 더보기 */
    .icon_more												{ width:35px; height:35px; }
    .icon_more::before										{ background-size:9px; }
}
@media all and (max-width:968px){
    /* 더보기 */
    .icon_more												{ width:30px; height:30px; margin-left:.5em }
    .icon_more::before										{ background-size:8px; }
}
@media all and (max-width:868px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.51em; }
}
@media all and (max-width:468px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.41em; margin-bottom:.75em }
    [data-main-con] .sub_txt								{ font-size:.85rem; }

}


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

 								visual 

**********************************************************************/
[data-main-con="visual"]											{ display:flex; flex-wrap:wrap; --sizeWidth:360px; --sizeSlideHig:500px; margin-top:0}
[data-main-con="visual"] .visual									{ position:relative; flex:auto; max-width:calc(100% - var(--sizeWidth) - 40px); margin-right:40px; height:var(--sizeSlideHig); border-radius:25px;
    background:#bddcb7 url(/resource/health/images/main/img_visual.png) no-repeat 50% 50% / cover; overflow:hidden }
[data-main-con="visual"] .visual .text								{ display:flex; flex-flow:column; padding-top:7.5em; padding-left:4.38em; position:relative; z-index:2; line-height:1 }
[data-main-con="visual"] .visual .text .txt1						{ font-size:1.25em; color:#3f3f3f; margin-bottom:.5em }
[data-main-con="visual"] .visual .text .txt2						{ font-family:var(--font-jalnan); font-size:1.88em; color:#3f3f3f; margin-bottom:.6em }
[data-main-con="visual"] .visual .text strong						{ font-family:var(--font-jalnan); color:#3c8425; font-size:3.5em}

[data-main-con="visual"] .visual .leaf1								{ position:absolute; width:52px; height:50px; background:url(/resource/health/images/main/img_leaf01.png) no-repeat 50% 50% / contain; top:0; left:70%; animation:leaf1 7s ease-in Infinite ;}
[data-main-con="visual"] .visual .leaf2								{ position:absolute; width:82px; height:41px; background:url(/resource/health/images/main/img_leaf02.png) no-repeat 50% 50% / contain; top:0; left:10%; animation:leaf2 5s ease-in Infinite ;}
[data-main-con="visual"] .visual .leaf3								{ position:absolute; width:23px; height:31px; background:url(/resource/health/images/main/img_leaf03.png) no-repeat 50% 50% / contain; top:0; left:50%; animation:leaf3 8s ease-in Infinite ;}
[data-main-con="visual"] .visual .leaf4								{ position:absolute; width:21px; height:46px; background:url(/resource/health/images/main/img_leaf04.png) no-repeat 50% 50% / contain; top:0; left:30%; animation:leaf4 6s ease-in Infinite ;}



/* 알림마당 */
[data-main-con="visual"] .popup_wrap											{ flex:none; width:var(--sizeWidth);  border-radius:25px; overflow:hidden }
[data-main-con="visual"] .popup_wrap .swiper-slide								{ width:100%; }
[data-main-con="visual"] .popup_wrap .swiper-slide a							{ display:block; position:relative; border-radius:25px; overflow:hidden}
[data-main-con="visual"] .popup_wrap .swiper-slide .img							{ overflow:hidden; display:block; height:var(--sizeSlideHig);}
[data-main-con="visual"] .popup_wrap .swiper-slide .img img						{ object-fit:cover; width:100%; height:100%;  }
[data-main-con="visual"] .popup_wrap .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-point);
    outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%); border-radius:25px; }
[data-main-con="visual"] .popup_wrap .swiper-slide > a:focus span[data-alt]		{ opacity:1; }
[data-main-con="visual"] .popup_wrap .swiper_control							{ position:absolute; right:0; bottom:0; z-index:2; background:rgba(0,102,179,.9); border-radius:25px 0 25px 0; padding:.8em; }
[data-main-con="visual"] .popup_wrap .swiper_control .control					{ position:relative; display:flex; gap:20px; }
[data-main-con="visual"] .popup_wrap .swiper_control .control::before			{ position:absolute; width:1px; height:13px; left:50%; top:50%; background:rgba(255,255,255,.3); content:''; transform:translate(-50%,-50%); }
[data-main-con="visual"] .popup_wrap .swiper_control .control button::before	{ filter:invert(1); }
[data-main-con="visual"] .popup_wrap .swiper_control::before,
[data-main-con="visual"] .popup_wrap .swiper_control::after						{ display:none; }

@media all and (max-width:1868px){
    [data-main-con="visual"] .visual .text										{ padding-top:6.5em; padding-left:4em; }
}
@media all and (max-width:1768px){
    [data-main-con="visual"] .visual .text										{ padding-top:5em; padding-left:3.5em; }
    [data-main-con="visual"] .visual .text .txt1								{ font-size:1.15em; }
    [data-main-con="visual"] .visual .text .txt2								{ font-size:1.78em; }
    [data-main-con="visual"] .visual .text strong								{ font-size:3.3em; }
    [data-main-con="visual"] .visual .leaf1										{ width:42px; height:40px; }
    [data-main-con="visual"] .visual .leaf2										{ width:62px; height:31px; }
    [data-main-con="visual"] .visual .leaf3										{ width:16px; height:21px; }
    [data-main-con="visual"] .visual .leaf4										{ width:16px; height:36px; }
}
@media all and (max-width:1668px){
    [data-main-con="visual"]													{ --sizeWidth:346px; --sizeSlideHig:480px; }
}
@media all and (max-width:1568px){
    [data-main-con="visual"]													{ --sizeWidth:332px; --sizeSlideHig:460px; }
    [data-main-con="visual"] .visual											{ background-position:0% 100%; background-size:auto 100% }
    [data-main-con="visual"] .visual .text										{ padding-top:5em; padding-left:3em; }
    [data-main-con="visual"] .visual .text .txt1								{ font-size:1.1em; }
    [data-main-con="visual"] .visual .text .txt2								{ font-size:1.68em; }
    [data-main-con="visual"] .visual .text strong								{ font-size:3.2em; }
}
@media all and (max-width:1468px){
    [data-main-con="visual"]													{ --sizeWidth:310px; --sizeSlideHig:430px;}
    [data-main-con="visual"] .visual											{ margin-right:30px; max-width:calc(100% - var(--sizeWidth) - 30px) }
}
@media all and (max-width:1368px){
    [data-main-con="visual"]													{ --sizeWidth:288px; --sizeSlideHig:400px;}
    [data-main-con="visual"] .visual											{ margin-right:20px; max-width:calc(100% - var(--sizeWidth) - 20px) }
}
@media all and (max-width:1268px){
    [data-main-con="visual"]													{ --sizeWidth:274px; --sizeSlideHig:380px; }

    [data-main-con="visual"] .visual .text										{ padding-top:4em; padding-left:2.5em; }
    [data-main-con="visual"] .visual .text .txt1								{ font-size:1.067em; }
    [data-main-con="visual"] .visual .text .txt2								{ font-size:1.58em; }
    [data-main-con="visual"] .visual .text strong								{ font-size:3em; }
}
@media all and (max-width:1168px){
    [data-main-con="visual"] .visual											{ max-width:inherit; flex:100%; margin-right:0; height:inherit; padding-bottom:15em; background-position:3em 100%; background-size:contain  }
    [data-main-con="visual"] .visual .text .txt2								{ margin-bottom:1em; }
    [data-main-con="visual"] .popup_wrap										{ width:100%; margin-top:1.25em }
    [data-main-con="visual"] .popup_wrap .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
    [data-main-con="visual"] .popup_wrap .swiper-slide							{ width:33.33%; }
    [data-main-con="visual"] .popup_wrap .swiper-slide a						{ margin:0 10px; }
    [data-main-con="visual"] .popup_wrap .swiper-slide .img						{ height:0; padding-top:138.68%; }
    [data-main-con="visual"] .popup_wrap .swiper-slide .img img					{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
    [data-main-con="visual"] .popup_wrap .swiper_control						{ right:10px; }
}
@media all and (max-width:868px){
    [data-main-con="visual"] .visual											{ padding-bottom:12em; }
    [data-main-con="visual"] .visual .text .txt1								{ font-size:1.03em; }
    [data-main-con="visual"] .visual .text .txt2								{ font-size:1.48em; }
    [data-main-con="visual"] .visual .text strong								{ font-size:2.8em; }
    [data-main-con="visual"] .visual,
    [data-main-con="visual"] .popup_wrap,
    [data-main-con="visual"] .popup_wrap .swiper-slide a						{ border-radius:15px; }
    [data-main-con="visual"] .popup_wrap .swiper_control						{ border-radius:15px 0 15px 0; }
    [data-main-con="visual"] .popup_wrap .swiper								{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
    [data-main-con="visual"] .popup_wrap .swiper-slide a						{ margin:0 5px; }
    [data-main-con="visual"] .popup_wrap .swiper_control						{ right:5px; }

    [data-main-con="visual"] .visual .leaf1										{ width:32px; height:30px; }
    [data-main-con="visual"] .visual .leaf2										{ width:42px; height:21px; }
    [data-main-con="visual"] .visual .leaf3										{ width:8px; height:11px; }
    [data-main-con="visual"] .visual .leaf4										{ width:12px; height:26px; }
}
@media all and (max-width:768px){
    [data-main-con="visual"] .visual .text										{ padding-top:3em; }
    [data-main-con="visual"] .popup_wrap .swiper-slide							{ width:50%; }
}
@media all and (max-width:568px){
    [data-main-con="visual"] .visual .text										{ padding-left:2em; }
    [data-main-con="visual"] .visual .text .txt2								{ font-size:1.28em; }
    [data-main-con="visual"] .visual .text strong								{ font-size:2.5em; }
}
@media all and (max-width:468px){
    [data-main-con="visual"] .visual											{ padding-bottom:10em; background-position:1em 100%; }
    [data-main-con="visual"] .visual .text										{ padding-top:2.5em; padding-left:1.5em; }
    [data-main-con="visual"] .visual .text .txt1								{ font-size:1em; }
    [data-main-con="visual"] .visual .text .txt2								{ font-size:1.067em; }
    [data-main-con="visual"] .visual .text strong								{ font-size:2em; }

    [data-main-con="visual"] .visual .leaf1										{ width:22px; height:20px; }
    [data-main-con="visual"] .visual .leaf2										{ width:32px; height:11px; }
    [data-main-con="visual"] .visual .leaf3										{ width:5px; height:8px; }
    [data-main-con="visual"] .visual .leaf4										{ width:8px; height:20px; }

    [data-main-con="visual"] .popup_wrap .swiper_control						{ padding:.5em; }
}
@media all and (max-width:368px){
    [data-main-con="visual"] .visual .text strong								{ font-size:1.8em; }
}
@media all and (max-width:320px){
    [data-main-con="visual"] .popup_wrap .swiper-slide							{ width:100%; }
}
/**********************************************************************

 							banner

**********************************************************************/
[data-main-con="banner"]														{ margin-top:2.5em; }
[data-main-con="banner"] .icon_banner											{ background:#f1f6f9; border-radius:15px; padding:1.88em 3em; overflow:hidden }
[data-main-con="banner"] .icon_banner .swiper									{ overflow:inherit; }
[data-main-con="banner"] .icon_banner .swiper-slide								{ width:calc(100% / 8); }
[data-main-con="banner"] .icon_banner .swiper-slide a							{ display:flex; flex-flow:column; gap:1.15em; align-items: center; text-align:center; }
[data-main-con="banner"] .icon_banner .swiper-slide a strong					{ font-size:1.13em; font-weight:600; opacity:.84; letter-spacing:-.045em; transition:var(--trans-ani); }
[data-main-con="banner"] .icon_banner .icon										{ position:relative; height:60px; width:57px; }
[data-main-con="banner"] .icon_banner .icon::before								{ position:absolute; width:100%; height:100%; left:0; top:0; background-size:contain; background-position:50%; background-repeat:no-repeat; content:''; }
[data-main-con="banner"] .icon_banner .icon1::before							{ background-image:url(/resource/health/images/main/icon_banner01.svg); }
[data-main-con="banner"] .icon_banner .icon2::before							{ background-image:url(/resource/health/images/main/icon_banner02.svg); }
[data-main-con="banner"] .icon_banner .icon3::before							{ background-image:url(/resource/health/images/main/icon_banner03.svg); }
[data-main-con="banner"] .icon_banner .icon4::before							{ background-image:url(/resource/health/images/main/icon_banner04.svg); }
[data-main-con="banner"] .icon_banner .icon5::before							{ background-image:url(/resource/health/images/main/icon_banner05.svg); }
[data-main-con="banner"] .icon_banner .icon6::before							{ background-image:url(/resource/health/images/main/icon_banner06.svg); }
[data-main-con="banner"] .icon_banner .icon7::before							{ background-image:url(/resource/health/images/main/icon_banner07.svg); }
[data-main-con="banner"] .icon_banner .icon8::before							{ background-image:url(/resource/health/images/main/icon_banner08.svg); }
[data-main-con="banner"] .one_banner											{ display:flex; align-items:center; justify-content:center; max-width:640px; gap:5px 80px; height:60px; background:#f9fafa; border-radius:15px; margin:1.25em auto 0 auto}
[data-main-con="banner"] .one_banner a  										{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
[data-main-con="banner"] .one_banner strong										{ display:flex; align-items:center; font-size:1.13em; font-weight:500; margin-right:20px}
[data-main-con="banner"] .one_banner strong>em									{ font-weight:700; margin-left:5px; }
[data-main-con="banner"] .one_banner .icon										{ position:relative; width:21px; height:21px; margin-right:10px; margin-top:-2px; }
[data-main-con="banner"] .one_banner .icon::before								{ position:absolute; width:100%; height:100%; content:''; left:0; top:0; background:url(/resource/health/images/main/icon_banner09.svg) no-repeat 50% 50% / contain; }
[data-main-con="banner"] .one_banner .btn_arr									{ position:relative; }
[data-main-con="banner"] .one_banner .btn_arr::before							{ position:absolute; right:0; top:50%; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#222; transform:translateY(-60%) rotate(45deg);
    																				transition:var(--trans-ani); content:''; vertical-align:middle;  top:50%; right:-30px; }


/* 효과 */
[data-main-con="banner"] .icon_banner .swiper-slide:hover .icon,
[data-main-con="banner"] .icon_banner .swiper-slide:focus .icon					{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main-con="banner"] .icon_banner .swiper-slide a:hover strong,
[data-main-con="banner"] .icon_banner .swiper-slide a:focus strong				{ color:var(--color-point); opacity:1; }

@media all and (max-width:1568px){
    [data-main-con="banner"] .icon_banner .icon									{ height:50px; width:48px; }
    [data-main-con="banner"] .icon_banner .swiper-slide a strong,
    [data-main-con="banner"] .one_banner strong									{ font-size:1.03em; }
    [data-main-con="banner"] .one_banner										{ max-width:inherit; width:fit-content; padding:0 2em; gap:5px 50px; }
    [data-main-con="banner"] .one_banner .btn_arr::before						{ right:0; }
}
@media all and (max-width:1468px){
    [data-main-con="banner"]													{ margin-top:1.88em; }
}
@media all and (max-width:1368px){
    [data-main-con="banner"]													{ margin-top:1.25em; }
    [data-main-con="banner"] .icon_banner										{ padding:1.88em; }
}
@media all and (max-width:1268px){
    [data-main-con="banner"] .icon_banner										{ padding:1.88em 1.5em; }
    [data-main-con="banner"] .icon_banner .swiper-slide a strong,
    [data-main-con="banner"] .one_banner strong									{ font-size:1em; }
    [data-main-con="banner"] .one_banner										{ height:55px; border-radius:10px; }
}
@media all and (max-width:1168px){
    [data-main-con="banner"] .icon_banner										{ overflow:hidden; position:relative; padding:1.88em 50px }
    [data-main-con="banner"] .icon_banner::before								{ position:absolute; width:30px; height:100%; right:50px; top:0; content:''; background:linear-gradient(to left, rgba(241,246,249,1), rgba(241,246,249,.01)) ; z-index:3}
    [data-main-con="banner"] .icon_banner::after								{ position:absolute; width:30px; height:100%; left:50px; top:0; content:''; background:linear-gradient(to right, rgba(241,246,249,1), rgba(241,246,249,.01)) ; z-index:3}
    [data-main-con="banner"] .icon_banner .swiper								{ overflow:hidden; }
    [data-main-con="banner"] .icon_banner .swiper-slide							{ width:auto; min-width:calc(100% / 6) }
    [data-main-con="banner"] .icon_banner .swiper-slide	a						{ padding:0 2em; }
    [data-main-con="banner"] .swiper_control .control							{ position:inherit; }
    [data-main-con="banner"] .icon_banner .swiper_next,
    [data-main-con="banner"] .icon_banner .swiper_prev							{ position:absolute; top:50%; width:30px; height:30px; border-radius:100%; background:var(--color-white); border:1px solid rgba(0,0,0,.1); z-index:4; transform:translateY(-55%) }
    [data-main-con="banner"] .icon_banner .swiper_next							{ right:15px; }
    [data-main-con="banner"] .icon_banner .swiper_prev							{ left:15px; }
    [data-main-con="banner"] .swiper_next::before,
    [data-main-con="banner"] .swiper_prev::before								{ width:5px; height:9px; background-size:auto 9px; margin-top:-.5px }
    [data-main-con="banner"] .swiper_next::before								{ margin-left:2.5px; }
    [data-main-con="banner"] .swiper_prev::before								{ margin-left:-2.5px; }
}
@media all and (max-width:1024px){
    [data-main-con="banner"] .swiper_next::before,
    [data-main-con="banner"] .swiper_prev::before								{ margin-top:-1px }
    [data-main-con="banner"] .swiper_next::before								{ margin-left:.5px; }
    [data-main-con="banner"] .swiper_prev::before								{ margin-left:-.5px; }
}
@media all and (max-width:868px){
    [data-main-con="banner"] .icon_banner .icon									{ height:45px; width:43px; }
    [data-main-con="banner"] .icon_banner .swiper-slide	a						{ padding:0 1.5em; }
    [data-main-con="banner"] .one_banner										{ height:50px; }
    [data-main-con="banner"] .one_banner .icon									{ width:19px; height:19px; }
    [data-main-con="banner"] .one_banner .btn_arr::before						{ width:6px; height:6px; transform:translateY(-65%) rotate(45deg); }
}
@media all and (max-width:568px){
    [data-main-con="banner"] .icon_banner										{ padding:1.5em 40px; border-radius:10px; }
    [data-main-con="banner"] .icon_banner .icon									{ height:35px; width:33px; }
    [data-main-con="banner"] .icon_banner .swiper-slide	a						{ padding:0 1.25em; gap:.55em; }
    [data-main-con="banner"] .one_banner										{ height:45px; padding:0 1.5em; border-radius:8px; gap:5px 20px; }
    [data-main-con="banner"] .icon_banner .swiper_next,
    [data-main-con="banner"] .icon_banner .swiper_prev							{ width:26px; height:26px; }
    [data-main-con="banner"] .swiper_next::before,
    [data-main-con="banner"] .swiper_prev::before								{ margin-top:.3px }
    [data-main-con="banner"] .swiper_next::before								{ margin-left:1.5px; }
    [data-main-con="banner"] .swiper_prev::before								{ margin-left:-1.5px; }
    [data-main-con="banner"] .icon_banner .swiper_prev							{ left:10px; }
    [data-main-con="banner"] .icon_banner .swiper_next							{ right:10px; }
    [data-main-con="banner"] .icon_banner::before								{ right:30px; }
    [data-main-con="banner"] .icon_banner::after								{ left:30px; }
    [data-main-con="banner"] .one_banner strong									{ font-size:.8rem; }

}
@media all and (max-width:368px){
    [data-main-con="banner"] .one_banner										{ padding:0 1em; gap:5px 15px; letter-spacing:-.085em;}
    [data-main-con="banner"] .one_banner .icon									{ width:15px; height:15px; margin-right:5px; }
    [data-main-con="banner"] .one_banner strong									{ font-size:.75rem; }
    [data-main-con="banner"] .one_banner strong>em								{ margin-right:3px; margin-left:3px; }
    [data-main-con="banner"] .one_banner .btn_arr::before						{ transform:translateY(-70%) rotate(45deg); }
}
/**********************************************************************

 						진료시간+홍보동영상

**********************************************************************/
[data-main-con="video"]															{ display:flex; flex-wrap:wrap; align-items:stretch; --sizeWidth:510px; }
[data-main-con="video"] .time													{ flex:none; width:var(--sizeWidth); background:#d5ecfc url(/resource/health/images/main/img_doctor.svg) no-repeat 90% 85% / 124px auto ; border-radius:15px;}
[data-main-con="video"] .time .list												{ display:flex; flex-wrap:wrap; align-items:center; font-size:1.19em;}
[data-main-con="video"] .time .list dt											{ width:50px; font-family:var(--font-mango); color:var(--color-point); }
[data-main-con="video"] .time .list dd											{ display:flex; flex-wrap:wrap; width:calc(100% - 80px);  align-items:center; font-family:var(--font-mango); gap:10px; }
[data-main-con="video"] .time .list dd span										{ font-family:var(--font-pretendard); font-size:1rem; }
[data-main-con="video"] .time .list2											{ display:flex; flex-wrap:wrap; align-items:center; gap:15px; font-size:1.06em }
[data-main-con="video"] .time .list2 dt											{ display:flex; width:77px; justify-content:space-between; font-family:var(--font-mango); color:var(--color-point); }
[data-main-con="video"] .time .list2 dd											{ width:calc(100% - 120px); font-family:var(--font-mango); }


/* 홍보동영상 */
[data-main-con="video"] .video													{ flex:auto; max-width:calc(100% - var(--sizeWidth) - 40px); margin-left:40px; border-radius:15px; background:#ddffc7}
[data-main-con="video"] .video .swiper											{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
[data-main-con="video"] .video .swiper-slide									{ width:33.333%; }
[data-main-con="video"] .video .swiper-slide a									{ display:block; position:relative; margin:0 5px; text-align:center }

[data-main-con="video"] .video_box												{ position:relative; overflow:hidden; display:block; height:0; padding-top:77.419%; border-radius:15px; overflow:hidden; }
[data-main-con="video"] .video_box:before										{ position:absolute; width:100%; height:0; bottom:0; left:0; background:rgba(0,0,0,.5); content:''; transition:var(--trans-ani); z-index:2}
[data-main-con="video"] .video_box:after										{ position:absolute; width:40px; height:40px; border-radius:100%; background:var(--color-white) url(/resource/health/images/common/icon_play.svg) no-repeat 53% 50% / auto 11px;
    content:''; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); z-index:3}
[data-main-con="video"] .video_box>img,
[data-main-con="video"] .video_box>div											{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; object-fit:cover; -o-object-fit:cover; transform:translate(-50%,-50%); }
[data-main-con="video"] .video .swiper-slide strong								{ position:absolute; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:max-content; left:50%; max-width:60%; bottom:-.7em;
    padding:.85em 1.82em; font-size:1.03em; font-weight:600; letter-spacing:-.065em; line-height:1.3;
    border-radius:25px 25px 0 0; background:#ddffc7; transform:translateX(-50%); z-index:2 }
[data-main-con="video"] .video .swiper-slide a:hover .video_box:before			{ height:100%; }
[data-main-con="video"] .video .swiper-slide a:hover .video_box:after			{ opacity:1; }
@media all and (max-width:1568px){
    [data-main-con="video"]														{ --sizeWidth:480px; }
    [data-main-con="video"] .time .list											{ font-size:1.067em;}
    [data-main-con="video"] .time .list2										{ font-size:1.03em }
    [data-main-con="video"] .time .list2 dt										{ width:74px; }
}
@media all and (max-width:1468px){
    [data-main-con="video"]														{ --sizeWidth:450px; }
    [data-main-con="video"] .video												{ max-width:calc(100% - var(--sizeWidth) - 30px); margin-left:30px; }
    [data-main-con="video"] .video .swiper-slide strong							{ font-size:.95rem; padding:.75em 1.5em }
    [data-main-con="video"] .time												{ background-size:114px auto; }
    [data-main-con="video"] .time .list											{ font-size:1.03em;}
    [data-main-con="video"] .time .list dd span									{ font-size:.9rem; }
    [data-main-con="video"] .time .list2										{ font-size:1em }
    [data-main-con="video"] .time .list2 dt										{ width:72px; }
}
@media all and (max-width:1368px){
    [data-main-con="video"]														{ --sizeWidth:430px; }
    [data-main-con="video"] .video												{ max-width:calc(100% - var(--sizeWidth) - 20px); margin-left:20px; }
}
@media all and (max-width:1268px){
    [data-main-con="video"] .time .sub_txt										{ margin-bottom:2em; }
    [data-main-con="video"] .time .sub_tit										{ margin-top:2em; margin-bottom:.5em; }
    [data-main-con="video"] .video .swiper-slide								{ width:50%; }
}
@media all and (max-width:1168px){
    [data-main-con="video"] .time .sub_txt										{ margin-bottom:1.25em; }
    [data-main-con="video"] .time .sub_tit										{ margin-top:1.25em; margin-bottom:.5em; }
}
@media all and (max-width:1068px){
    [data-main-con="video"] .time												{ flex:none; width:100%; display:flex; flex-wrap:wrap; background-size:auto 75%; background-position:98% 50%; }
    [data-main-con="video"] .time h2.title										{ width:100%; }
    [data-main-con="video"] .time .sub_txt										{ margin-bottom:2em; width:100%; }
    [data-main-con="video"] .time .sub_txt br									{ display:none; }
    [data-main-con="video"] .time div											{ width:50%; }
    [data-main-con="video"] .time .sub_tit										{ margin-top:.25em;  }
    [data-main-con="video"] .time .list2 dt										{ width:63px; }
    [data-main-con="video"] .video												{ max-width:inherit; flex:100%; margin-top:1.25em; margin-left:0;}
    [data-main-con="video"] .video .swiper-slide								{ width:50%; }
}
@media all and (max-width:668px){
    [data-main-con="video"] .time												{ padding-right:104px !important; }
    [data-main-con="video"] .time .list											{ align-items:flex-start; line-height:1.2 }
    [data-main-con="video"] .time .list+.list									{ margin-top:.75em; }
    [data-main-con="video"] .time .list dd										{ gap:0; }
    [data-main-con="video"] .time .list dd span									{ width:100%; font-size:.85rem;}
    [data-main-con="video"] .time .sub_tit										{ margin-bottom:.25em; margin-top:0; }
}
@media all and (max-width:600px){
    [data-main-con="video"] .time												{ padding-right:20px !important; background-size:94px auto; background-position:95% 85%;}
    [data-main-con="video"] .time .sub_txt										{ margin-top:-.75em; margin-bottom:1em }
    [data-main-con="video"] .time div											{ width:100%; }
    [data-main-con="video"] .time .list dd span									{ width:auto; margin-left:5px; margin-top:-3px;}
    [data-main-con="video"] .time .sub_tit										{ margin-top:1em; }
    [data-main-con="video"] .video .swiper-slide strong							{ font-size:.9rem; }
    [data-main-con="video"] .video_box:after									{ width:30px; height:30px; }
}
@media all and (max-width:414px){
    [data-main-con="video"] .video .swiper-slide								{ width:100%; }
}
@media all and (max-width:368px){
    [data-main-con="video"] .time												{ background-size:64px auto;}
    [data-main-con="video"] .time .list dt										{ width:35px; }
    [data-main-con="video"] .time .list dd										{ width:calc(100% - 45px); }
    [data-main-con="video"] .time .list2 dd										{ width:calc(100% - 80px); }
    [data-main-con="video"] .time .list+.list									{ margin-top:.5em; }
}
/**********************************************************************

 						공지사항+고시공고

**********************************************************************/
[data-main-con="board"]															{ display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
[data-main-con="board"] .notice													{ width:calc(50% - 20px); background:#ddffc7; border-radius:15px;}
[data-main-con="board"] .public													{ width:calc(50% - 20px); border-radius:15px; background:#d5ecfc}



/* 공통 부분 */
[data-main-con="video"] .time,
[data-main-con="video"] .video,
[data-main-con="board"] .notice,
[data-main-con="board"] .public													{ padding:2.19em 3.13em; position:relative; }
[data-main-con="board"]>div														{ display:flex; flex-flow:column; }
[data-main-con="board"] .swiper													{ width:calc(100% + 16px); height:100%; margin-left:-8px; margin-right:-8px; }
[data-main-con="board"] .swiper .swiper-slide									{ width:50%; display:flex; height:initial }
[data-main-con="board"] .swiper .swiper-slide a									{ margin:0 8px; width:100%; display:block; background:var(--color-white); border-radius:15px; padding:1.56em 1.88em  }
[data-main-con="board"] .swiper	.cate											{ display:inline-block; line-height:1; padding:.5em 1.43em; border-radius:1.43em; font-size:.88em; font-weight:500; }
[data-main-con="board"] .swiper	.cate1											{ background-color:#e5eff7; color:var(--color-point); }
[data-main-con="board"] .swiper	.cate2											{ background-color:#edf8ec; color:#4db848; }
[data-main-con="board"] .swiper dl												{ display:flex; flex-flow:column; margin-top:1em; gap:1em;      word-break: break-all;}
[data-main-con="board"] .swiper dl>dt											{ font-size:1.25em; font-weight:bold; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.3; height:2.6em; overflow:hidden }
[data-main-con="board"] .swiper dl>dd											{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; line-height:1.3; height:5.2em; overflow:hidden; opacity:.74 }
[data-main-con="board"] .swiper .date											{ display:block; margin-top:2em; font-size:.94em; opacity:.54; font-weight:300 }

[data-main-con="video"] .swiper_control,
[data-main-con="board"] .swiper_control											{ position:absolute; right:0; top:0; background:var(--color-white); padding:.5em .5em .5em 1.5em; border-radius:0 0 0 1.88em; }
[data-main-con] .swiper_control::before											{ position:absolute; width:24px; height:24px; background:url(/resource/health/images/main/bg_control.png) no-repeat 50% 50% / cover; right:0; bottom:-24px; content:'';}
[data-main-con] .swiper_control::after											{ position:absolute; width:24px; height:24px; background:url(/resource/health/images/main/bg_control.png) no-repeat 50% 50% / cover; left:-24px; top:0px; content:''; }



[data-main-con="board"] .swiper-slide a::before									{ position:absolute; width:calc(100% - 16px - 6px); height:calc(100% - 6px); left:8px; top:0; content:''; border-radius:15px; border:3px solid var(--color-point); opacity:0;
    transition:var(--trans-ani); transition-property:all; z-index:2; }
[data-main-con="board"] .swiper-slide a:hover::before,
[data-main-con="board"] .swiper-slide a:focus::before 							{ opacity:1; }
[data-main-con="board"] .notice .swiper-slide a::before							{ border-color:#4db848; }
@media all and (max-width:1468px){
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ width:calc(50% - 15px); }
    [data-main-con="video"] .time,
    [data-main-con="video"] .video,
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ padding:2em }

}
@media all and (max-width:1368px){
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ width:calc(50% - 10px); }

}
@media all and (max-width:1068px){
    [data-main-con="board"] .swiper .swiper-slide								{ width:100%; }
}
@media all and (max-width:768px){
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ width:100%; }
    [data-main-con="board"] .public												{ margin-top:1.25em; }
    [data-main-con="board"] .swiper .swiper-slide								{ width:50%; }
    [data-main-con="video"] .time,
    [data-main-con="video"] .video,
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ padding:1.88em; }
    [data-main-con="board"] .swiper .swiper-slide a								{ padding:1.5em; }
    [data-main-con="board"] .swiper dl>dt										{ font-size:1.2em; }

}
@media all and (max-width:468px){
    [data-main-con="video"] .time,
    [data-main-con="video"] .video,
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ padding:1.5em; }
    [data-main-con="board"] .swiper												{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
    [data-main-con="board"] .swiper .swiper-slide a								{ margin:0 5px; padding:1.25em; border-radius:10px;}
    [data-main-con="board"] .swiper-slide a::before								{ width:calc(100% - 10px - 6px); left:5px; border-radius:10px; }
    [data-main-con="video"] .swiper_control,
    [data-main-con="board"] .swiper_control										{ position:initial; width:fit-content;  border-radius:50px; margin:10px auto 0 auto; padding-right:10px;}
    [data-main-con="board"] .swiper dl											{ gap:.5em; margin-top:.75em; }
    [data-main-con="board"] .swiper dl>dt										{ font-size:1.15em; }
    [data-main-con="board"] .swiper dl>dd										{ -webkit-line-clamp:3; height:3.9em; }
    [data-main-con="board"] .swiper .date										{ margin-top:1.5em; }

}
@media all and (max-width:414px){
    [data-main-con="video"] .time,
    [data-main-con="video"] .video,
    [data-main-con="board"] .notice,
    [data-main-con="board"] .public												{ padding:1.5em 1.25em; }
    [data-main-con="board"] .swiper .swiper-slide								{ width:100%; }
}

@keyframes leaf1{
    0% { opacity:0; }
    50% { opacity:1; }
    75% { left:90%;}
    90% {  opacity: 0.3; }
    100% {  top:100%; left:85%; opacity:0; transform:rotate(360deg); }
}
@-moz-keyframes leaf1{
    0% { opacity:0; }
    50% { opacity:1; }
    75% { left:90%;}
    90% {  opacity: 0.3; }
    100% {  top:100%; left:85%; opacity:0; transform:rotate(360deg); }
}
@-webkit-keyframes leaf1{
    0% { opacity:0; }
    50% { opacity:1; }
    75% { left:90%;}
    90% {  opacity: 0.3; }
    100% {  top:100%; left:85%; opacity:0; transform:rotate(360deg); }
}
@keyframes leaf2{
    0% { opacity:0; }
    50% { opacity:1; left:20%; }
    85% { opacity:0; left:10%; }
    100% { top:100%; left:25%; opacity:0; transform:rotate(360deg) }
}
@-moz-keyframes leaf2{
    0% { opacity:0; }
    50% { opacity:1; left:20%; }
    85% { opacity:0; left:10%; }
    100% { top:100%; left:25%; opacity:0; transform:rotate(360deg) }
}
@-webkit-keyframes leaf2{
    0% { opacity:0; }
    50% { opacity:1; left:20%; }
    85% { opacity:0; left:10%; }
    100% { top:100%; left:25%; opacity:0; transform:rotate(360deg) }
}
@keyframes leaf3{
    0% { opacity:0; }
    50% { opacity:1; left:20%; }
    85% { opacity:0; left:50%; }
    100% { top:100%; left:75%; opacity:0; transform:rotate(360deg) }
}
@-moz-keyframes leaf3{
    0% { opacity:0; }
    50% { opacity:1; left:20%; }
    85% { opacity:0; left:50%; }
    100% { top:100%; left:75%; opacity:0; transform:rotate(360deg) }
}
@-webkit-keyframes leaf3{
    0% { opacity:0; }
    50% { opacity:1; left:20%; }
    85% { opacity:0; left:50%; }
    100% { top:100%; left:75%; opacity:0; transform:rotate(360deg) }
}
@keyframes leaf4{
    0% { opacity:0; }
    50% { opacity:1; left:5%; }
    85% { opacity:0; left:40%; }
    100% { top:100%; left:35%; opacity:0; transform:rotate(360deg) }
}
@-moz-keyframes leaf4{
    0% { opacity:0; }
    50% { opacity:1; left:5%; }
    85% { opacity:0; left:40%; }
    100% { top:100%; left:35%; opacity:0; transform:rotate(360deg) }
}
@-webkit-keyframes leaf4{
    0% { opacity:0; }
    50% { opacity:1; left:5%; }
    85% { opacity:0; left:40%; }
    100% { top:100%; left:35%; opacity:0; transform:rotate(360deg) }
}