@charset "utf-8"; #main { background:url(/resource/health/images/main/bg.jpg) no-repeat center bottom / cover; } /* 타이틀 */ [data-main-con] {padding-bottom:5em;gap:0 5em;} [data-main-con] .title {display:flex;gap:0 1.875em;align-items:flex-end;margin-bottom:1.875em;flex-wrap:wrap;} [data-main-con] .h2_title { font-size:2.25em; font-weight:700; line-height:1; color:var(--color-base);font-family:var(--font-TTT);margin-top:.25em; } [data-main-con] .title .text {color:var(--color-base2);font-size:1.125em;text-align:left; } @media all and (max-width:1568px){ /* 타이틀 */ [data-main-con] {padding-bottom:4em;gap:0 4em;} [data-main-con] .h2_title { font-size:2em; } [data-main-con] .title .text {font-size:1.063em;} [data-main-con] .h3_title {font-size:1.375em;} } @media all and (max-width:1368px){ [data-main-con] {padding-bottom:3.5em;gap:0 3.5em;} [data-main-con] .h2_title { font-size:1.875em; } } @media all and (max-width:1268px){ /* 타이틀 */ [data-main-con] {padding-bottom:3em;gap:3em 0;} [data-main-con] .title {margin-bottom:1.75em;} [data-main-con] .h2_title { font-size:1.75em; } [data-main-con] .title .text {font-size:1em;} } @media all and (max-width:868px){ /* 타이틀 */ [data-main-con] {padding-bottom:2.5em;gap:2.5em 0;} [data-main-con] .title {margin-bottom:1.5em;gap: 0 1.5em;} [data-main-con] .h2_title { font-size:1.625em; } [data-main-con] .title .text {font-size:1.063em;} } @media all and (max-width:568px){ [data-main-con] .title {margin-bottom:1.5em;text-align:center;gap:.5em 0;align-items: flex-start;} [data-main-con] .title .text {width:100%; line-height:1.2; margin-top:.15em} } @media all and (max-width:468px){ /* 타이틀 */ [data-main-con] {padding-bottom:2em;gap:2em 0;} [data-main-con] .title {margin-bottom:1.375em;gap:.5em 0;align-items: flex-start;} } /* 더보기 */ .more { position:relative; display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:100%; background:var(--color-point); transition:var(--trans-ani);} .more::before, .more::after { position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%);background:var(--color-white); } .more::before { width:14px; height:2px;} .more::after {width:2px; height:14px;} .more:hover, .more:focus {opacity:.7;} @media all and (max-width:1368px){ .more { width:36px; height:36px; } } @media all and (max-width:468px){ .more { width:34px; height:34px; } } /* tab */ .control_main_tab .conts_tab { display:none; } .control_main_tab .conts_tab.active { display:block; position:relative } /********************************************************************** main_visual **********************************************************************/ .visual {position:relative;display:flex; align-items:center;background:#ebf1fb;width:96%;height:558px;max-width:1800px;overflow:hidden;margin:0 auto;border-radius:3.75em;} .visual::before {content:'';position:absolute;left:50%;bottom:0;width:94%;max-width:1500px;height:100%;transform:translateX(-50%);background:url(/resource/health/images/main/img_visual.png) no-repeat right bottom/ auto 436px;z-index:2; pointer-events: none;} .visual::after {content:'';display:block;width:25.18em;height:25.18em;background:var(--color-point);position:absolute;top:-6em;right:-6em;opacity:.03;border-radius:100%;animation:updown 3s ease-in infinite;animation-delay:3s;z-index:1;} .visual .con_inner::before {content:'';display:block;width:25.18em;height:25.18em;background:var(--color-pink);position:absolute;bottom:-8em;left:-4em;opacity:.03;border-radius:100%;animation:updown 3s ease-in infinite;animation-delay:2s;} .visual .con_inner::after {content:'';display:block;width:17.125em;height:17.125em;border:3.75em solid var(--color-point);position:absolute;bottom:-18em;left:8em;opacity:.03;border-radius:100%;box-sizing: content-box;animation:updown 3s ease-in infinite;z-index:1;} .visual .title_wrap .txt {margin-bottom:2.5em; display: flex;flex-flow: column;gap: .375em;} .visual .title_wrap .txt span {color:var(--color-base2);font-weight:600;font-size:1.375em;} .visual .title_wrap .txt strong {color:var(--color-point);font-weight:700;font-size:3em;font-family:var(--font-TTT);} .visual .title_wrap .txt strong b {color:var(--color-pink);} .visual .title_wrap .btn_wrap {position: relative;display:flex;align-items:flex-start;gap:0 1.25em;--sizeIcon:110px; z-index: 2;} .visual .title_wrap .btn_wrap > li {width:var(--sizeIcon);} .visual .title_wrap .btn_wrap > li > a {display:block;text-align:center;} .visual .title_wrap .btn_wrap > li > a .icon {position:Relative;z-index:2;display:block;width:var(--sizeIcon);height:var(--sizeIcon);background:var(--color-white);border-radius:1.5em;box-shadow:5px 5px 10px rgba(9,40,91,.1);margin-bottom:1.25em;} .visual .title_wrap .btn_wrap > li > a .icon::before {content:'';position:absolute;width:100%; height:100%;display:block;background-repeat:no-repeat;background-position:center center;} .visual .title_wrap .btn_wrap > li > a .icon01::before {background-image:url('/resource/health/images/main/icon_btn01.svg');background-size:46px 52px;} .visual .title_wrap .btn_wrap > li > a .icon02::before {background-image:url('/resource/health/images/main/icon_btn02.svg');background-size:57px 55px;} .visual .title_wrap .btn_wrap > li > a .icon03::before {background-image:url('/resource/health/images/main/icon_btn03.svg');background-size:43px 40px;} .visual .title_wrap .btn_wrap > li > a .icon04::before {background-image:url('/resource/health/images/main/icon_btn04.svg');background-size:52px 50px;} .visual .title_wrap .btn_wrap > li > a:hover .icon::before, .visual .title_wrap .btn_wrap > li > a:focus .icon::before {animation:iconShow 2s ease;} .visual .title_wrap .btn_wrap > li > a strong {display:block;font-size:1.063em;color:var(--color-base1);font-weight:500;line-height:1.4;padding:0 .5em;text-align:center;transition:var(--trans-ani);} .visual .title_wrap .btn_wrap > li > a:hover strong, .visual .title_wrap .btn_wrap > li > a:focus strong {color:var(--color-point);} @media all and (max-width:1668px){ .visual::before {width: 92%;background-size:auto 400px;} .visual .con_inner {width:92%;max-width: initial;} } @media all and (max-width:1568px){ .visual {border-radius:3em;height: 500px} .visual::before {background-size:auto 400px;} .visual::after {width:24.18em;height:24.18em;} .visual .con_inner::before {width:24.18em;height:24.18em;} .visual .con_inner::after {width:16.125em;height:16.125em;} .visual .title_wrap .txt {margin-bottom:1.5em;gap: .25em;} .visual .title_wrap .txt span {font-size:1.25em;} .visual .title_wrap .txt strong {font-size:2.5em;} .visual .title_wrap .btn_wrap {--sizeIcon:100px;} .visual .title_wrap .btn_wrap > li > a .icon {border-radius:1.25em;} .visual .title_wrap .btn_wrap > li > a .icon01::before {background-size:44px 50px;} .visual .title_wrap .btn_wrap > li > a .icon02::before {background-size:55px 53px;} .visual .title_wrap .btn_wrap > li > a .icon03::before {background-size:42px 38px;} .visual .title_wrap .btn_wrap > li > a .icon04::before {background-size:50px 48px;} } @media all and (max-width:1468px){ .visual {border-radius:2.5em;height: 480px;} .visual::before {background-size:auto 360px;} .visual::after {width:23.18em;height:23.18em;top: -8em;right: -8em;} .visual .con_inner::before {width:23.18em;height:23.18em;bottom: -10em;left: -6em;} .visual .con_inner::after {width:15.125em;height:15.125em;bottom:-16em;left: 6em;} } @media all and (max-width:1368px){ .visual {border-radius:2.25em;height: 460px;} .visual::before {background-size:auto 340px;} .visual::after {width:23.18em;height:23.18em;top: -8em;right: -8em;} .visual .con_inner::before {width:23.18em;height:23.18em;bottom: -10em;left: -6em;} .visual .con_inner::after {width:15.125em;height:15.125em;bottom:-16em;left: 6em;} .visual .title_wrap .txt span {font-size:1.125em;} .visual .title_wrap .txt strong {font-size:2.25em;} .visual .title_wrap .btn_wrap {gap:0 1.125em; } .visual .title_wrap .btn_wrap {--sizeIcon:96px;} .visual .title_wrap .btn_wrap > li > a .icon01::before {background-size:42px 48px;} .visual .title_wrap .btn_wrap > li > a .icon02::before {background-size:53px 51px;} .visual .title_wrap .btn_wrap > li > a .icon03::before {background-size:39px 36px;} .visual .title_wrap .btn_wrap > li > a .icon04::before {background-size:48px 46px;} .visual .title_wrap .btn_wrap > li > a strong {font-size:1em;} } @media all and (max-width:1268px){ .visual {border-radius:2em;height: 420px;} .visual::before {width: 100%;background-size:auto 320px;background-position: right -6% bottom;} .visual::after {width:22.18em;height:22.18em;top: -9em;right: -9em;} .visual .con_inner::before {width:22.18em;height:22.18em;bottom: -10em;left: -7em;} .visual .con_inner::after {width:14.125em;height:14.125em;bottom:-14em;left: 6em;} .visual .title_wrap .btn_wrap > li > a .icon {margin-bottom:1em;} .visual .title_wrap .btn_wrap {--sizeIcon:94px;gap:0 1em;} .visual .title_wrap .btn_wrap > li > a .icon {margin-bottom:.875em;} .visual .title_wrap .btn_wrap > li > a .icon01::before {background-size:40px 46px;} .visual .title_wrap .btn_wrap > li > a .icon02::before {background-size:51px 50px;} .visual .title_wrap .btn_wrap > li > a .icon03::before {background-size:37px 34px;} .visual .title_wrap .btn_wrap > li > a .icon04::before {background-size:46px 43px;} } @media all and (max-width:1024px){ .visual {border-radius:1.5em;height: 380px;} .visual::before {background-size:auto 280px; background-position: right -8% bottom;} .visual .title_wrap .btn_wrap {--sizeIcon:90px;} } @media all and (max-width:968px){ .visual {height: 340px;} .visual::before {background-size:auto 250px; background-position: right -8% bottom;} .visual .title_wrap .txt span {font-size:1.063em;} .visual .title_wrap .txt strong {font-size:2.125em;} } @media all and (max-width:868px){ .visual {display:block;height:auto;} .visual::before {display:none;} .visual::after {width:20.18em;height:20.18em;} .visual .con_inner {width:100%;padding:2.75em;} .visual .con_inner::before {width:20.18em;height:20.18em;bottom: -11em;left: -7em;} .visual .con_inner::after {width:12.125em;height:12.125em;bottom:-13em;left: 5em;border-width: 3em;} .visual .title_wrap .txt {text-align: center;flex-wrap:wrap;margin-bottom:1.25em;} .visual .title_wrap .txt span {font-size:1.063em;} .visual .title_wrap .txt strong {font-size:2.125em;} .visual .title_wrap .btn_wrap {justify-content: center;--sizeIcon:86px;flex-wrap:Wrap;gap:1em;} .visual .title_wrap .btn_wrap > li > a .icon {border-radius:1.125em;} } @media all and (max-width:668px){ .visual::after {width:18em;height:18em;} .visual .con_inner {padding:2.5em;} .visual .con_inner::before {width:18em;height:18em;bottom: -9em;} .visual .con_inner::after {width:10em;height:10em;bottom:-10em;} .visual .title_wrap .txt span {font-size:1em;} .visual .title_wrap .txt strong {font-size:2em;} .visual .title_wrap .btn_wrap {--sizeIcon:82px;} .visual .title_wrap .btn_wrap > li > a .icon {margin-bottom:.875em;} .visual .title_wrap .btn_wrap > li > a .icon01::before {background-size:40px 46px;} .visual .title_wrap .btn_wrap > li > a .icon02::before {background-size:51px 50px;} .visual .title_wrap .btn_wrap > li > a .icon03::before {background-size:37px 34px;} .visual .title_wrap .btn_wrap > li > a .icon04::before {background-size:46px 43px;} } @media all and (max-width:468px){ .visual .title_wrap .txt strong {font-size:1.875em;} .visual .title_wrap .btn_wrap > li {width:calc((100% - 1em) / 2);} .visual .title_wrap .btn_wrap > li > a .icon {margin-left:auto;margin-right:auto;border-radius:1.125em;} } @media all and (max-width:320px){ .visual .title_wrap .txt span, .visual .title_wrap .txt strong { line-height:1.2; } .visual .title_wrap .txt strong { margin-top:.25em; } } /********************************************************************** 빠른 서비스 & 보건의료원 진료 안내 **********************************************************************/ [data-main-con="information"] {position:relative;z-index:2;display:flex;align-items:flex-end;flex-wrap:wrap;justify-content: space-between;--sizeInfo:540px;} [data-main-con="information"] .quick {margin-top:5em;width:calc(100% - 5em - var(--sizeInfo));} [data-main-con="information"] .quick .btns {display:flex;gap:1.25em;flex-wrap:wrap;} [data-main-con="information"] .quick .btns > li {width:calc((100% - 2.5em) / 3);} [data-main-con="information"] .quick .btns > li > a {border:1px solid #e5e5e5;border-radius:1.25em;display:flex;align-items:center;gap:0 1.5em;--sizeIcon:55px;padding:2.72em 2.5em;transition:var(--trans-ani);} [data-main-con="information"] .quick .btns > li > a:hover, [data-main-con="information"] .quick .btns > li > a:focus {border-color:#708bb6;box-shadow:5px 5px 10px rgba(0,0,0,.1);} [data-main-con="information"] .quick .btns > li > a .icon {width:var(--sizeIcon);height:var(--sizeIcon);} [data-main-con="information"] .quick .btns > li > a .icon::before {content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center left;} [data-main-con="information"] .quick .btns > li > a:hover .icon::before, [data-main-con="information"] .quick .btns > li > a:focus .icon::before{animation:iconShow 2s ease;} [data-main-con="information"] .quick .btns > li > a .icon01::before {background-image:url('/resource/health/images/main/icon_quick01.svg');background-size:51px 52px;} [data-main-con="information"] .quick .btns > li > a .icon02::before {background-image:url('/resource/health/images/main/icon_quick02.svg');background-size:51px 50px;} [data-main-con="information"] .quick .btns > li > a .icon03::before {background-image:url('/resource/health/images/main/icon_quick03.svg');background-size:44px 50px;} [data-main-con="information"] .quick .btns > li > a .icon04::before {background-image:url('/resource/health/images/main/icon_quick04.svg');background-size:50px 48px;} [data-main-con="information"] .quick .btns > li > a .icon05::before {background-image:url('/resource/health/images/main/icon_quick05.svg');background-size:54px 50px;} [data-main-con="information"] .quick .btns > li > a .icon06::before {background-image:url('/resource/health/images/main/icon_quick06.svg');background-size:55px 45px;} [data-main-con="information"] .quick .btns > li > a strong {width:calc(100% - 1.5em - var(--sizeIcon));color:var(--color-base1);font-size:1.25em;font-weight:700;line-height:1.3;} [data-main-con="information"] .quick .btns > li > a:hover strong, [data-main-con="information"] .quick .btns > li > a:focus strong {color:var(--color-point);} [data-main-con="information"] .info {position:relative;width:var(--sizeInfo);border-radius:1.25em 5em 1.25em 1.25em;background:linear-gradient(120deg,#274d8c, #183b74);padding:3.75em;overflow:hidden;margin-top:-3.75em;} [data-main-con="information"] .info::before {content:'';position:absolute;right:-3em;top:-3em;width:9.82em;height:9.82em;border:1.75em solid var(--color-white);opacity:.05;border-radius:100%;} [data-main-con="information"] .info .h2_title {position:relative;color:var(--color-white);font-size:2em;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.625em;} [data-main-con="information"] .info .h2_title::after {content:'';display:block;position:absolute;right:0;bottom:-6px;width:105px;height:88px;background:url('/resource/health/images/main/icon_info.png') no-repeat center / 100%;} [data-main-con="information"] .info .text {margin:1.875em 0 2.375em;} [data-main-con="information"] .info .text dl + dl {margin-top:1.5em;} [data-main-con="information"] .info .text dl {display:flex;align-items:flex-start;flex-wrap:wrap;gap:0 1.25em;} [data-main-con="information"] .info .text dl dt {background:rgba(0,0,0,.2);border-radius:2.5em;color:var(--color-white);font-size:1.1875em;font-weight:600;text-align:center;padding:.25em;width:7rem} [data-main-con="information"] .info .text dl dd {color:var(--color-white);display:flex;width:calc(100% - 7rem - 1.25em);} [data-main-con="information"] .info .text dl dd ul li {display:flex;flex-wrap:wrap;font-size:1.125em;} [data-main-con="information"] .info .text dl dd ul li + li {margin-top:.375em ;} [data-main-con="information"] .info .text dl dd ul li strong {min-width:4em;font-weight:500;} [data-main-con="information"] .info .text dl dd ul li span {width:calc(100% - 4em);font-weight:300;opacity:.7;} [data-main-con="information"] .info .text dl dd ul li span.color_yellow{color:#fff99b;opacity:1;} [data-main-con="information"] .info .text dl dd ul li small {display:block;font-size:.88em;color:var(--color-white);} [data-main-con="information"] .info .text dl dd ul li span a {display:block;} [data-main-con="information"] .info .text dl dd ul li .color_red {flex:none;color:#ffcfe3;} [data-main-con="information"] .info .btns {display:flex;align-items:center;gap:0 .625em;flex-wrap:wrap;} [data-main-con="information"] .info .btns > li {width:calc((100% - 1.25em) / 3);} [data-main-con="information"] .info .btns > li > a {display:block;border:1px solid var(--color-white);color:var(--color-white);border-radius:6px;padding:.41em;text-align:center;transition:var(--trans-ani);} [data-main-con="information"] .info .btns > li > a:hover, [data-main-con="information"] .info .btns > li > a:focus {background:var(--color-white);color:var(--color-point);} @media all and (max-width:1568px){ [data-main-con="information"] {--sizeInfo: 500px;} [data-main-con="information"] .quick {margin-top:4em;width:calc(100% - 4em - var(--sizeInfo));} [data-main-con="information"] .quick .btns {gap:1.125em;} [data-main-con="information"] .quick .btns > li {width: calc((100% - 2.25em) / 3);} [data-main-con="information"] .quick .btns > li > a {gap:1.125em; padding: 2.5em 2.25em;border-radius: 1.125em;} [data-main-con="information"] .quick .btns > li > a strong {font-size:1.125em; width: calc(100% - 1.125em - var(--sizeIcon));} [data-main-con="information"] .info {padding:3.25em;margin-top:-3.25em; border-radius: 1.125em 4.5em 1.125em 1.125em;} [data-main-con="information"] .info .h2_title {font-size:1.875em} [data-main-con="information"] .info .h2_title::after {width: 82px;height: 69px;} [data-main-con="information"] .info .text {margin: 1.75em 0 2em;} [data-main-con="information"] .info .text dl + dl {margin-top:1.375em;} [data-main-con="information"] .info .text dl dt {font-size:1.125em; width: 6.75rem;} [data-main-con="information"] .info .text dl dd {width: calc(100% - 6.75em - 1.25em);} [data-main-con="information"] .info .text dl dd ul li {font-size:1.063em;} [data-main-con="information"] .info .text dl dd ul li + li {margin-top:.25em;} } @media all and (max-width:1468px){ [data-main-con="information"] {--sizeInfo: 480px;} } @media all and (max-width:1368px){ [data-main-con="information"] {--sizeInfo: 460px;} [data-main-con="information"] .quick {margin-top:3.5em;width:calc(100% - 3.5em - var(--sizeInfo));} [data-main-con="information"] .quick .btns {gap:1em;} [data-main-con="information"] .quick .btns > li { width: calc((100% - 2em) / 3);} [data-main-con="information"] .quick .btns > li > a {gap: 1em; padding: 2.25em 1.75em;--sizeIcon: 54px;} [data-main-con="information"] .quick .btns > li > a strong {font-size:1.063em;} [data-main-con="information"] .quick .btns > li > a .icon01::before {background-size:48px 50px;} [data-main-con="information"] .quick .btns > li > a .icon02::before {background-size:48px 48px;} [data-main-con="information"] .quick .btns > li > a .icon03::before {background-size:41px 58px;} [data-main-con="information"] .quick .btns > li > a .icon04::before {background-size:50px 48px;} [data-main-con="information"] .quick .btns > li > a .icon05::before {background-size:48px 44px;} [data-main-con="information"] .quick .btns > li > a .icon06::before {background-size:54px 43px;} [data-main-con="information"] .quick .btns > li > a strong { width: calc(100% - 1em - var(--sizeIcon));} [data-main-con="information"] .info {padding:3em;margin-top:-3em;} [data-main-con="information"] .info .h2_title {font-size:1.75em;padding-bottom: .5em;} [data-main-con="information"] .info .h2_title::after {width:80px;height:67px;bottom:-4px;} [data-main-con="information"] .info .text {margin: 1.5em 0 1.75em;} [data-main-con="information"] .info .text dl dt {font-size:1.063em;width:6.5rem;padding: .375em;} [data-main-con="information"] .info .text dl dd {width: calc(100% - 6.5rem - 1.25em);} [data-main-con="information"] .info .text dl dd ul li {font-size:1em;} [data-main-con="information"] .info .text dl dd ul li strong {min-width:3.5em;} [data-main-con="information"] .info .text dl dd ul li span { width: calc(100% - 3.5em);} [data-main-con="information"] .info .btns {gap:0 .5em;} [data-main-con="information"] .info .btns > li {width: calc((100% - 1em) / 3);} [data-main-con="information"] .info .btns > li > a {font-size: .938em;} } @media all and (max-width:1268px){ [data-main-con="information"] .quick {margin-top:3em;width:100%;} [data-main-con="information"] .info {width:100%;margin-top:0;} [data-main-con="information"] .info .h2_title {font-size:1.625em;} [data-main-con="information"] .info .text dl {gap:0 1.5em;} [data-main-con="information"] .info .text dl dt {padding:.3em;} [data-main-con="information"] .info .text dl dd {width: calc(100% - 6.5rem - 1.5em);margin-top: .375em;} [data-main-con="information"] .info .text dl dd ul {display:flex;gap:0 1.25em;width: 100%;} [data-main-con="information"] .info .text dl dd ul li {width:calc((100% - 2.5em) / 3);} [data-main-con="information"] .info .text dl dd ul li + li {margin-top:0;} } @media all and (max-width:1024px){ [data-main-con="information"] .quick .btns > li > a strong, [data-main-con="information"] .info .text dl dd ul li {font-size:1.125em;} [data-main-con="information"] .info .text dl dt {font-size:1.125em;} [data-main-con="information"] .info .text dl dd ul {gap:1.5em;} [data-main-con="information"] .info .text dl dd ul li {width:auto;} [data-main-con="information"] .info .text dl dd ul li strong {min-width:3em;} [data-main-con="information"] .info .text dl dd ul li span { width: calc(100% - 3em);} } @media all and (max-width:868px){ [data-main-con="information"] .quick {margin-top:2.5em;} [data-main-con="information"] .quick .btns {gap:.75em;} [data-main-con="information"] .quick .btns > li { width: calc((100% - 1.5em) / 3);} [data-main-con="information"] .quick .btns > li > a {--sizeIcon:52px;padding: 1.875em 1.625em;border-radius: 1em;gap:.75em;} [data-main-con="information"] .quick .btns > li > a .icon01::before {background-size:46px 48px;} [data-main-con="information"] .quick .btns > li > a .icon02::before {background-size:46px 46px;} [data-main-con="information"] .quick .btns > li > a .icon03::before {background-size:40px 46px;} [data-main-con="information"] .quick .btns > li > a .icon04::before {background-size:46px 44px;} [data-main-con="information"] .quick .btns > li > a .icon05::before {background-size:46px 42px;} [data-main-con="information"] .quick .btns > li > a .icon06::before {background-size:52px 41px;} [data-main-con="information"] .info {padding:2.75em;border-radius:1em 4em 1em 1em;} [data-main-con="information"] .info .h2_title {font-size:1.5em;} [data-main-con="information"] .info .h2_title::after {width:72px;height:60px;} [data-main-con="information"] .info .text {margin:1.375em 0 1.5em;} } @media all and (max-width:768px){ [data-main-con="information"] .info {padding:2.5em;} [data-main-con="information"] .info .text {margin:1.25em 0 1.375em;} [data-main-con="information"] .info .text dl { flex-direction:column; } [data-main-con="information"] .info .text dl dd { padding-left:2em; width:100% } [data-main-con="information"] .info .text dl dd ul {gap:.2em .75em; } [data-main-con="information"] .info .text dl:first-child dd:nth-child(2)>ul { flex-wrap:wrap; } [data-main-con="information"] .info .text dl:first-child dd:nth-child(2)>ul>li { width:100%; gap:5px .5em } [data-main-con="information"] .info .text dl:first-child dd:nth-child(2)>ul>li span { display:flex; gap:5px .5em; width:auto; } } @media all and (max-width:668px){ [data-main-con="information"] .quick .btns > li { width: calc((100% - .75em) / 2);} [data-main-con="information"] .info::before {right: -3.5em;top: -3.5em;width: 9em;height: 9em;} [data-main-con="information"] .info .text dl:last-child dd:nth-child(2)>ul { flex-wrap:wrap; } } @media all and (max-width:568px){ [data-main-con="information"] .quick .btns > li > a strong, [data-main-con="information"] .info .text dl dd ul li {font-size:1.063em;} [data-main-con="information"] .info {padding:2em;} [data-main-con="information"] .info .text dl dt {width:6rem;font-size:1.063em;} [data-main-con="information"] .info .text dl dd ul {gap: .5em} } @media all and (max-width:468px){ [data-main-con="information"] .quick {margin-top:2em;} [data-main-con="information"] .quick .btns > li > a {--sizeIcon:49px;padding: 1.5em;border-radius: 12px;} [data-main-con="information"] .quick .btns > li > a .icon01::before {background-size:44px 46px;} [data-main-con="information"] .quick .btns > li > a .icon02::before {background-size:44px 44px;} [data-main-con="information"] .quick .btns > li > a .icon03::before {background-size:38px 44px;} [data-main-con="information"] .quick .btns > li > a .icon04::before {background-size:44px 42px;} [data-main-con="information"] .quick .btns > li > a .icon05::before {background-size:44px 40px;} [data-main-con="information"] .quick .btns > li > a .icon06::before {background-size:49px 39px;} [data-main-con="information"] .info {padding:1.5em;border-radius: 12px 38px 12px 12px;} [data-main-con="information"] .info .h2_title::after {width:68px;height:57px;} [data-main-con="information"] .info .text {margin:1.125em 0 1.25em;} [data-main-con="information"] .info .text dl {flex-flow: column;} [data-main-con="information"] .info .text dl dt {width:100%;} [data-main-con="information"] .info .text dl dd {width:100%;margin-top:1em; padding-left:0 } [data-main-con="information"] .info .text dl dd ul {padding:0 1em; gap:.2em .5em} [data-main-con="information"] .info .text dl:first-child dd:nth-child(2)>ul>li { gap:0px .5em } } @media all and (max-width:368px){ [data-main-con="information"] .quick .btns {gap:.5em;} [data-main-con="information"] .quick .btns > li > a {--sizeIcon:44px;padding:1.25em 1.5em;gap:.5em;flex-flow: column; align-items: center; height: 100%;} [data-main-con="information"] .quick .btns > li > a .icon::before {background-position:center;} [data-main-con="information"] .quick .btns > li > a .icon01::before {background-size:41px 42px;} [data-main-con="information"] .quick .btns > li > a .icon02::before {background-size:40px 40px;} [data-main-con="information"] .quick .btns > li > a .icon03::before {background-size:34px 40px;} [data-main-con="information"] .quick .btns > li > a .icon04::before {background-size:40px 38px;} [data-main-con="information"] .quick .btns > li > a .icon05::before {background-size:40px 36px;} [data-main-con="information"] .quick .btns > li > a .icon06::before {background-size:44px 35px;} [data-main-con="information"] .quick .btns > li > a strong {text-align:center;width:100%;} [data-main-con="information"] .quick .btns > li > a strong, [data-main-con="information"] .info .text dl dt, [data-main-con="information"] .info .text dl dd ul li {font-size:1em;} [data-main-con="information"] .info {padding:1.375em; } [data-main-con="information"] .info::before {width: 8.5em;height: 8.5em;border-width: 1.5em;} [data-main-con="information"] .info .h2_title::after {display:none;} [data-main-con="information"] .info .text {margin:1.063em 0 1.125em;} [data-main-con="information"] .info .btns {gap:.5em 0;} [data-main-con="information"] .info .btns > li {width:100%;} } /********************************************************************** 새소식 & 알림존 **********************************************************************/ [data-main-con="notice"] {position:relative;display:flex;justify-content: space-between;--sizePop:540px;flex-wrap:wrap;} [data-main-con="notice"] .title {justify-content: space-between;align-items:center;} /*새소식*/ [data-main-con="notice"] .news {width:calc(100% - 5em - var(--sizePop));} [data-main-con="notice"] .news .tab_menu {display:flex;gap:0 1.25em;margin-right:5em;flex-wrap:wrap;} [data-main-con="notice"] .news .tab_menu > li + li:before {content:'';display:inline-block;vertical-align:middle;margin-right:1.25em;width:6px;height:6px;background:var(--color-point);opacity:.2;border-radius:100%; margin-top: -.5em;} [data-main-con="notice"] .news .tab_menu > li > button {font-size:1.625em;font-family:var(--font-TTT);color:var(--color-point);opacity:.6;font-weight:700;} [data-main-con="notice"] .news .tab_menu > li.active > button{opacity:1;} [data-main-con="notice"] .news .tab_menu > li > button span {display:block;line-height: 1;margin-top: .25em;} [data-main-con="notice"] .news .more {position:absolute;right:0;top:-4.5em;} [data-main-con="notice"] .news .list {display:flex;gap:0 1.25em;flex-wrap:wrap;} [data-main-con="notice"] .news .list > li {width:calc((100% - 2.5em) / 3);} [data-main-con="notice"] .news .list > li > a {display:block;background:#f3f6fa;border:1px solid transparent;border-radius:1.25em;padding:1.97em 2em;transition:var(--trans-ani);} [data-main-con="notice"] .news .list > li > a:hover, [data-main-con="notice"] .news .list > li > a:focus {background:var(--color-white);border-color:#708bb6;box-shadow:5px 5px 10px rgba(0,0,0,.1);} [data-main-con="notice"] .news .list > li > a dl {display:flex;flex-flow:column;gap:.875em 0;margin-bottom:1.062em;} [data-main-con="notice"] .news .list > li > a dt {font-size:1.25em;font-weight:700;height:3.15em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} [data-main-con="notice"] .news .list > li > a dd {color:var(--color-base2);height:6.25em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} [data-main-con="notice"] .news .list > li > a .date {color:var(--color-base2);} /*알림존*/ [data-main-con="notice"] .popup { position:relative;flex:none; width:var(--sizePop);} [data-main-con="notice"] .popup .swiper {border:1px solid #e5e5e5;border-radius:1.25em;overflow:hidden;} [data-main-con="notice"] .popup .swiper-slide { width:100%; } [data-main-con="notice"] .popup .swiper-slide a { display:block; position:relative; } [data-main-con="notice"] .popup .swiper-slide a .img { position:relative; width:100%;overflow:hidden; display:block; height:0; padding-top: 52.79%; } [data-main-con="notice"] .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="notice"] .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="notice"] .popup .swiper-slide > a:focus span[data-alt] { opacity:1;} [data-main-con="notice"] .popup .swiper_control {display:flex; justify-content:space-between; background:#eee;padding:.5em 1.25em .5em 1.75em;border-radius:2em;} [data-main-con="notice"] .popup .swiper_page { justify-content:left; align-items:center; } [data-main-con="notice"] .popup .control { display:flex; } [data-main-con="notice"] .popup .control .btn_slide_allView { display:block; width:24px; height:24px; background:url(/resource/health/images/main/icon_allview.svg) no-repeat 50% / auto 14px; } /* 배너모두보기 */ [data-main-con="notice"] .popup .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.6);transition:0.5s ease 0s;transition-property:opacity, visibility;} [data-main-con="notice"] .popup .area_ban_all.active { opacity:1; visibility:visible; } [data-main-con="notice"] .popup .area_ban_all .inr {position:absolute;top:50%;left:50%;width:94%;background: var(--color-white);max-width:1500px;max-height:80%;box-sizing:border-box;padding: 0;border-radius: 2.5em;transform:translate(-50%, calc(-50% - 0.5px));} [data-main-con="notice"] .popup .area_ban_all .title {position:relative; flex-flow: column;gap:.75em;justify-content: center;align-items: center;background: #ebf1fb;padding: 2.875em;margin-bottom: 0;border-radius: 2.5em 2.5em 0 0;overflow:hidden;} [data-main-con="notice"] .popup .area_ban_all .title::before {content:'';display:block;width:20em;height:20em;background:var(--color-pink);position:absolute;top:-11em;right:-4em;opacity:.03;border-radius:100%;} [data-main-con="notice"] .popup .area_ban_all .title::after {content:'';display:block;width: 12em;height: 12em;border: 3.25em solid var(--color-point);position:absolute;bottom: -13em;left: 1em;opacity:.03;border-radius:100%;box-sizing: content-box;} [data-main-con="notice"] .popup .area_ban_all .title .text {color: var(--color-base1); font-size: 1.375em;font-weight:500;text-align:center;} [data-main-con="notice"] .popup .area_ban_all .title .text strong {font-weight:700;} [data-main-con="notice"] .popup .area_ban_all .box {padding:2.875em;} [data-main-con="notice"] .popup .area_ban_all .list_all {display:flex;flex-wrap:wrap;gap:10px;margin:0 auto;padding-right:15px;max-height: calc(100vh - 28em);overflow-y:auto;} [data-main-con="notice"] .popup .area_ban_all .list_all::-webkit-scrollbar { -webkit-appearance:none; width:6px;} [data-main-con="notice"] .popup .area_ban_all .list_all::-webkit-scrollbar-thumb { background-color:var(--color-point); border-radius:5px; } [data-main-con="notice"] .popup .area_ban_all .list_all::-webkit-scrollbar-track { border-radius:5px; background-color:#e2e2e2; } [data-main-con="notice"] .popup .area_ban_all .list_all > li { flex:0 1 calc((100% - 20px) / 3); } [data-main-con="notice"] .popup .area_ban_all .list_all > li a { position:relative; display:block; text-align:center; } [data-main-con="notice"] .popup .area_ban_all .list_all .img { position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top: 52.79%; } [data-main-con="notice"] .popup .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; } [data-main-con="notice"] .popup .area_ban_all .list_all span[data-alt] { opacity:0; overflow:hidden; position:absolute; text-indent:-9999em; } [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView {opacity:1;position:absolute;top: -30px;right: 30px;min-width:inherit;width:60px;height:60px;padding:0px;background-color:var(--color-point);border:0px;border-radius:100%;transition:var(--trans-ani);} [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView:hover, [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView:focus {background:var(--color-pink);} [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView::before { position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-white);} [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView::after {position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-white);} @media all and (max-width:1568px){ [data-main-con="notice"] {--sizePop: 500px;} [data-main-con="notice"] .news {width: calc(100% - 4em - var(--sizePop));} [data-main-con="notice"] .news .tab_menu {gap: 0 1.125em;margin-right: 4em;} [data-main-con="notice"] .news .tab_menu > li + li:before {margin-right: 1.125em;margin-top:-.375em;} [data-main-con="notice"] .news .tab_menu > li > button {font-size:1.5em;} [data-main-con="notice"] .news .more {top:-4.4em;} [data-main-con="notice"] .news .list {gap:1.125em;} [data-main-con="notice"] .news .list > li {width: calc((100% - 2.25em) / 3);} [data-main-con="notice"] .news .list > li > a {padding: 1.718em 1.75em;border-radius: 1.125em;} [data-main-con="notice"] .news .list > li > a dt {font-size:1.125em;height: 3.12em;} [data-main-con="notice"] .news .list > li > a dd {font-size:.938em;} [data-main-con="notice"] .news .list > li > a .date {font-size:.938em;} [data-main-con="notice"] .popup .area_ban_all .title, [data-main-con="notice"] .popup .area_ban_all .box {padding: 2.5em;} [data-main-con="notice"] .popup .area_ban_all .title .text {font-size:1.25em;} } @media all and (max-width:1468px){ [data-main-con="notice"] {--sizePop: 480px;} [data-main-con="notice"] .news .list > li > a {padding: 1.451em 1.75em;border-radius: 1.125em;} [data-main-con="notice"] .popup .area_ban_all .inr {border-radius:2.25em;} [data-main-con="notice"] .popup .area_ban_all .title {border-radius:2.25em 2.25em 0 0;} [data-main-con="notice"] .popup .area_ban_all .title::before {width:19em;height:19em;} [data-main-con="notice"] .popup .area_ban_all .title::after {width:11em;height:11em;} } @media all and (max-width:1368px){ [data-main-con="notice"] {--sizePop: 460px;} [data-main-con="notice"] .news {width: calc(100% - 3.5em - var(--sizePop));} [data-main-con="notice"] .news .tab_menu {gap: 0 1em;margin-right:3.5em;} [data-main-con="notice"] .news .tab_menu > li + li:before {margin-right:1em;margin-top:-.25em;} [data-main-con="notice"] .news .tab_menu > li > button {font-size:1.375em;} [data-main-con="notice"] .news .more {top:-4.2em;} [data-main-con="notice"] .news .list {gap:1em;} [data-main-con="notice"] .news .list > li {width: calc((100% - 2em) / 3);} [data-main-con="notice"] .news .list > li > a {padding: 1.3em 1.5em;} [data-main-con="notice"] .news .list > li > a dl {gap:.75em 0;margin-bottom:1.021em;} [data-main-con="notice"] .news .list > li > a dt {font-size:1.063em;} [data-main-con="notice"] .popup .swiper_control {padding: .375em 1.125em .375em 1.5em;} } @media all and (max-width:1268px){ [data-main-con="notice"] .news {width:100%;} [data-main-con="notice"] .news .tab_menu > li > button {font-size:1.25em;} [data-main-con="notice"] .news .list > li > a {padding:1.5em;} [data-main-con="notice"] .news .more { top: -4em;} [data-main-con="notice"] .popup {width:100%;} [data-main-con="notice"] .popup .swiper {width:calc(100% + 1em); margin-left:-.5em; margin-right:-.5em;border:none;border-radius:0; } [data-main-con="notice"] .popup .swiper-slide {width:50%;} [data-main-con="notice"] .popup .swiper-slide > a {margin-right:.5em;margin-left:.5em;width:calc(100% - 1em);border:1px solid #e5e5e5;border-radius:1.25em;overflow:hidden;} [data-main-con="notice"] .popup .area_ban_all .title::before {width: 18em; height: 18em;top: -10em;right: -2em;} [data-main-con="notice"] .popup .area_ban_all .title::after { width: 10em;height: 10em; bottom: -12em;left: 0;} } @media all and (max-width:1024px){ [data-main-con="notice"] .news .more { top: -4.2em;} [data-main-con="notice"] .news .tab_menu > li + li:before {margin-top:-.15em;} [data-main-con="notice"] .news .list > li > a dt {font-size:1.125em;} [data-main-con="notice"] .news .list > li > a dd, [data-main-con="notice"] .news .list > li > a .date {font-size:1em;} } @media all and (max-width:868px){ [data-main-con="notice"] .news .list > li > a {border-radius: 1em;} [data-main-con="notice"] .news .more { top: -4em;} [data-main-con="notice"] .popup .area_ban_all .title, [data-main-con="notice"] .popup .area_ban_all .box {padding: 2.375em;} [data-main-con="notice"] .popup .area_ban_all .list_all {padding-right:10px;max-height: calc(100vh - 29em);} [data-main-con="notice"] .popup .area_ban_all .list_all > li {flex: 0 1 calc((100% - 20px) / 2);} [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView {width:50px;height:50px;top: -25px;right: 25px;} [data-main-con="notice"] .popup .area_ban_all .inr {border-radius:2em;} [data-main-con="notice"] .popup .area_ban_all .title {border-radius:2em 2em 0 0;} [data-main-con="notice"] .popup .area_ban_all .title::before {width:17em;height:17em;top:-10em;right:-3em;} [data-main-con="notice"] .popup .area_ban_all .title::after {width:10em;height:10em;} } @media all and (max-width:768px){ [data-main-con="notice"] .news .list {gap:.75em;} [data-main-con="notice"] .news .list > li {width:100%;} [data-main-con="notice"] .news .list > li > a dt, [data-main-con="notice"] .news .list > li > a dd {height:auto;} [data-main-con="notice"] .news .list > li > a dd {-webkit-line-clamp: 2;} [data-main-con="notice"] .popup .swiper {width:100%; margin-left:0; margin-right:0;border: 1px solid #e5e5e5;border-radius: 1em; } [data-main-con="notice"] .popup .swiper-slide {width:100%;} [data-main-con="notice"] .popup .swiper-slide > a {margin-right:0;margin-left:0;width:100%;border:none;border-radius:0;} [data-main-con="notice"] .popup .area_ban_all .title, [data-main-con="notice"] .popup .area_ban_all .box {padding: 2em;} } @media all and (max-width:668px){ [data-main-con="notice"] .news .list > li > a dt {font-size:1.063em;} [data-main-con="notice"] .news .list > li > a dd, [data-main-con="notice"] .news .list > li > a .date {font-size:.938em;} [data-main-con="notice"] .popup .area_ban_all .title {padding:3em 2em 2em 2em;gap:.5em;} [data-main-con="notice"] .popup .area_ban_all .title::before {width: 16em; height: 16em;} [data-main-con="notice"] .popup .area_ban_all .title::after {width: 9em;height: 9em;bottom: -10em;border-width: 2.5em;} [data-main-con="notice"] .popup .area_ban_all .title .h2_title {font-size:1.5em;} [data-main-con="notice"] .popup .area_ban_all .title .text {font-size:1.125em;} [data-main-con="notice"] .popup .area_ban_all .btn_slide_allView {transform: translateX(50%);right: 50%;} [data-main-con="notice"] .popup .area_ban_all .list_all > li {flex:0 1 100%;} } @media all and (max-width:568px){ [data-main-con="notice"] .news .tab_menu {width:100%;} [data-main-con="notice"] .news .tab_menu > li + li:before {margin-top:-.17em;} [data-main-con="notice"] .news .more { top: -3.65em;} } @media all and (max-width:468px){ [data-main-con="notice"] .news .tab_menu {gap:0 .75em;margin-right:3em;} [data-main-con="notice"] .news .tab_menu > li + li:before {width:4px;height:4px;margin-right:.75em;margin-top:-.15em;} [data-main-con="notice"] .news .more { top: -3.5em;} [data-main-con="notice"] .news .list > li > a, [data-main-con="notice"] .popup .swiper {border-radius: 12px;} [data-main-con="notice"] .popup .swiper_control {padding: .375em 1.063em .375em 1.375em;} [data-main-con="notice"] .popup .control .btn_slide_allView {width:20px;height:20px;} [data-main-con="notice"] .popup .area_ban_all .box {padding: 1.5em;} [data-main-con="notice"] .popup .area_ban_all .title::before {width:15em;height:15em;right: -5em;} [data-main-con="notice"] .popup .area_ban_all .title::after {width: 8em;height: 8em;bottom: -9em;left: -4em;border-width: 2.5em;} [data-main-con="notice"] .popup .area_ban_all .title .h2_title {font-size:1.375em;line-height:1.2;} [data-main-con="notice"] .popup .area_ban_all .title .text {font-size:1.063em;} } @media all and (max-width:368px){ [data-main-con="notice"] .popup {padding-bottom:3em;} [data-main-con="notice"] .popup .swiper_control { position: absolute; bottom: 0;left: 50%;transform: translateX(-50%); z-index: 2;} } /********************************************************************** 휴진 안내 **********************************************************************/ [data-main-con="closure"] {background:#fff7fa;width:94%;max-width:1800px;margin:0 auto;border-radius:3.75em;padding:5em 0;margin-bottom:5em;} [data-main-con="closure"] .title {align-items: center; justify-content: space-between;} [data-main-con="closure"] .title .flex { display: flex;gap: 0 1.875em;align-items: flex-end;flex-wrap:wrap;} [data-main-con="closure"] .title .more {background:var(--color-pink);} [data-main-con="closure"] .calendar_wrap {display:flex;gap:0 3.75em;--sizeWidth:560px;min-height:534px;flex-wrap:wrap;} /* 달력 */ [data-main-con="closure"] .calendar_box {width:var(--sizeWidth);border-radius:1.25em;background:var(--color-white);padding:3.125em;border:1px solid transparent;} [data-main-con="closure"] .calendar_box .year {display:flex; justify-content:space-between; } [data-main-con="closure"] .calendar_box .year .date {display:flex;gap:0 1.5em;align-items:center;} [data-main-con="closure"] .calendar_box .year .date button {width:40px;height:40px;background:var(--color-pink);border-radius:100%;} [data-main-con="closure"] .calendar_box .year .date button::before {content:'';display:block;width:100%;height:100%;background-position:center;background-size:auto 16px;background-repeat:no-repeat;filter:brightness(0) invert(1);} [data-main-con="closure"] .calendar_box .year .date button.prev::before {background-image:url('/resource/health/images/common/icon_prev.svg')} [data-main-con="closure"] .calendar_box .year .date button.next::before {background-image:url('/resource/health/images/common/icon_next.svg')} [data-main-con="closure"] .calendar_box .year .date strong {font-size:2.375em;font-weight:800;line-height:1.1;} [data-main-con="closure"] .calendar_box .year .info {display:flex;gap:0 1em;} [data-main-con="closure"] .calendar_box .year .info > li {display:flex;gap:0 8px;align-items:center;} [data-main-con="closure"] .calendar_box .year .info > li span {width:14px;height:14px;border-radius:100%;} [data-main-con="closure"] .calendar_box .closure {background:var(--color-white);border:1px solid #a7bfec;} [data-main-con="closure"] .calendar_box .today {background:#e7f0ff;border:1px solid #a7bfec;} [data-main-con="closure"] .calendar_box .year .info > li strong {color:var(--color-base2);} [data-main-con="closure"] .calendar_box .calendar_list {margin-top:1.5em;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:1.125em 0;display:flex;gap:0 8px;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays > li {width:calc((100% - 48px) / 7);font-size:1.125em;text-align:center;line-height:1;} [data-main-con="closure"] .calendar_box .calendar_list .sun {color:#f2183c;} [data-main-con="closure"] .calendar_box .calendar_list .sat {color:#023589;} [data-main-con="closure"] .calendar_box .calendar_list .days {display:flex;gap:0 8px;} [data-main-con="closure"] .calendar_box .calendar_list .days > li {width:calc((100% - 48px) / 7);font-size:1.125em;text-align:center;line-height:1;padding:12px 0;} [data-main-con="closure"] .calendar_box .calendar_list .days > li .date {width:36px;height:36px;margin:0 auto;border-radius:100%;display:flex;align-items: center;justify-content: center;transition:var(--trans-ani);} [data-main-con="closure"] .calendar_box .calendar_list .days > li:hover .date, [data-main-con="closure"] .calendar_box .calendar_list .days > li:focus .date {opacity:.6;} [data-main-con="closure"] .board {width:calc(100% - 3.75em - var(--sizeWidth));border-radius:1.25em;background:var(--color-white);border:1px solid #f1c6d9;padding:3.125em;} [data-main-con="closure"] .board .tab_menu {display:flex;gap:10px;justify-content: space-between;margin-bottom:1.25em;} [data-main-con="closure"] .board .tab_menu > li {flex:0 1 auto;} [data-main-con="closure"] .board .tab_menu > li button {border-radius:2em;border:1px solid #e5e5e5;padding:.75em 1.5em;} [data-main-con="closure"] .board .tab_menu > li button span {display:flex;align-items:center;gap:0 10px;justify-content: center;font-size:1.063em;color:var(--color-base1);} [data-main-con="closure"] .board .tab_menu > li button span .icon {background-repeat:no-repeat;background-position:left center;height: 22px;} [data-main-con="closure"] .board .tab_menu > li button span .icon01 {width:16px;background-image:url('/resource/health/images/main/icon_all.svg');} [data-main-con="closure"] .board .tab_menu > li button span .icon02 {width:22px;background-image:url('/resource/health/images/main/icon_outpatient01.svg');} [data-main-con="closure"] .board .tab_menu > li button span .icon03 {width:20px;background-image:url('/resource/health/images/main/icon_outpatient02.svg');} [data-main-con="closure"] .board .tab_menu > li button span .icon04 {width:18px;background-image:url('/resource/health/images/main/icon_dental.svg');} [data-main-con="closure"] .board .tab_menu > li button span .icon05 {width:19px;background-image:url('/resource/health/images/main/icon_oriental.svg');} [data-main-con="closure"] .board .tab_menu > li button.active {background:var(--color-pink);border-color:var(--color-pink);} [data-main-con="closure"] .board .tab_menu > li button.active span {color:var(--color-white);} [data-main-con="closure"] .board .tab_menu > li button.active .icon {filter:brightness(0) invert(1);} [data-main-con="closure"] .board .conts_tab {background:#f8f8f8;border-radius:12px;padding:2.5em;min-height:368px;} [data-main-con="closure"] .board .conts_tab .title {border-bottom:1px solid #c0c0c0;padding-bottom:.75em;margin-bottom:.25em;} [data-main-con="closure"] .board .conts_tab .title h3 {font-size:1.375em;font-weight:700;color:var(--color-point);} [data-main-con="closure"] .board .conts_tab .title h3 .icon {display: inline-block;vertical-align: middle;margin-top: -3px;margin-right:12px;width:32px;height:27px;background:url('/resource/health/images/main/icon_calendar.svg') no-repeat left center / 100%;} [data-main-con="closure"] .board .conts_tab .list > li {border-bottom:1px dashed #dbdbdb;} [data-main-con="closure"] .board .conts_tab .list > li a {display:flex;align-items:center;gap:0 1em;--sizeCate:94px;padding:.85em 0;flex-wrap:wrap;} [data-main-con="closure"] .board .conts_tab .list > li .cate {width:var(--sizeCate);background:var(--color-point);color:var(--color-white);text-align:center;padding:.25em;border-radius:6px;font-size:.938em;} [data-main-con="closure"] .board .conts_tab .list > li strong {width:calc(100% - var(--sizeCate) - 1em);font-size:1.063em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} [data-main-con="closure"] .board .conts_tab .list > li.none_data {display:block;height:100%;border-bottom: 0;border-radius: 0;padding: 1.25em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data::before {content:'';position: absolute;left: 0;display:block;bottom: 0;width:100%;height:100%;background:url('/resource/health/images/main/bg_normal.png') no-repeat center bottom / auto 200px;opacity:.5;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p {font-size:1.5em;text-align:center;position: relative; z-index: 1;font-weight:500;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p strong {display: inline;font-weight: 700; font-size: 1em;} @media all and (max-width:1668px){ [data-main-con="closure"] .con_inner {width:92%;} [data-main-con="closure"] .calendar_wrap {gap:0 3em;--sizeWidth:540px;} [data-main-con="closure"] .calendar_box {padding:3em;} [data-main-con="closure"] .board {width: calc(100% - 3em - var(--sizeWidth));padding:3em;} [data-main-con="closure"] .board .tab_menu > li button {padding:.75em 1.25em;} [data-main-con="closure"] .board .conts_tab {padding:2.25em;} [data-main-con="closure"] .board .tab_menu {flex-wrap:wrap; justify-content: flex-start;gap:8px;} [data-main-con="closure"] .board .tab_menu > li button span {gap:0 8px;font-size:1em;} } @media all and (max-width:1588px){ [data-main-con="closure"] .board .tab_menu > li button {padding:.75em 1.1em;} } @media all and (max-width:1568px){ [data-main-con="closure"] {border-radius:3em;padding:4em 0;margin-bottom:4em;} [data-main-con="closure"] .calendar_wrap {--sizeWidth:520px;gap:0 2.75em;} [data-main-con="closure"] .calendar_box {padding:2.75em;} [data-main-con="closure"] .calendar_box .year .date {gap:0 1.25em;} [data-main-con="closure"] .calendar_box .year .date strong {font-size:2em;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays {padding:1.063em 0;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays > li {font-size:1.063em;} [data-main-con="closure"] .calendar_box .calendar_list .days > li {font-size:1.063em;padding:10px 0;} [data-main-con="closure"] .board {width: calc(100% - 2.75em - var(--sizeWidth));padding:2.75em;} [data-main-con="closure"] .board .tab_menu > li {flex: 1 0 calc((100% - 16px) / 3);} [data-main-con="closure"] .board .tab_menu > li button {width:100%;padding:.75em;} [data-main-con="closure"] .board .conts_tab {padding:2.25em;min-height: 337px;} [data-main-con="closure"] .board .conts_tab .title h3 {font-size:1.25em;} [data-main-con="closure"] .board .conts_tab .title h3 .icon {width:30px;height:25px;} [data-main-con="closure"] .board .conts_tab .list > li a {padding: .75em 0; --sizeCate: 90px;} [data-main-con="closure"] .board .conts_tab .list > li .cate {font-size:.88em;} [data-main-con="closure"] .board .conts_tab .list > li strong {font-size:1em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p {font-size:1.375em;padding:1em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data::before {background-size:auto 180px;} } @media all and (max-width:1468px){ [data-main-con="closure"] {border-radius:2.5em;} [data-main-con="closure"] .calendar_wrap {--sizeWidth:500px;} [data-main-con="closure"] .calendar_box .year {gap: 1em;} } @media all and (max-width:1368px){ [data-main-con="closure"] {border-radius:2.25em;padding:3em;margin-bottom:3.5em;} [data-main-con="closure"] .con_inner {width:100%;} [data-main-con="closure"] .calendar_wrap {--sizeWidth:480px;gap:2.25em} [data-main-con="closure"] .calendar_box .year .date strong {font-size:1.875em;} [data-main-con="closure"] .calendar_box .year .date button {width:36px;height:36px;} [data-main-con="closure"] .board {width: calc(100% - 2.25em - var(--sizeWidth));} } @media all and (max-width:1268px){ [data-main-con="closure"] {border-radius:1.125em;margin-bottom:3em;} [data-main-con="closure"] .calendar_wrap {gap:2em;} [data-main-con="closure"] .calendar_box {width:100%;padding:2.5em;} [data-main-con="closure"] .calendar_box .year .date {width:auto;} [data-main-con="closure"] .calendar_box .year .date strong {font-size:1.75em;} [data-main-con="closure"] .calendar_box .year .date button {width:34px;height:34px;} [data-main-con="closure"] .calendar_box .year .info {width: auto; } [data-main-con="closure"] .board {width:100%;padding:2.5em;} [data-main-con="closure"] .board .tab_menu {gap:6px;} [data-main-con="closure"] .board .tab_menu > li {flex:1 0 auto;} [data-main-con="closure"] .board .tab_menu > li button {padding:.625em 1em;} [data-main-con="closure"] .board .conts_tab {padding:2em;min-height: 329px;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p {padding:0;} [data-main-con="closure"] .board .conts_tab .list > li.none_data::before {background-size: auto 160px;} } @media all and (max-width:1024px){ [data-main-con="closure"] .calendar_box .year .date {gap:0 1em;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays > li, [data-main-con="closure"] .calendar_box .calendar_list .days > li {font-size:1.125em;} [data-main-con="closure"] .board .conts_tab .list > li strong {font-size:1.063em;} [data-main-con="closure"] .board .conts_tab {min-height:295px;} [data-main-con="closure"] .board .conts_tab .title h3 .icon {width:28px;height:23px;} [data-main-con="closure"] .board .conts_tab .list > li .cate {font-size:.94em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data::before {background-size:auto 150px;} } @media all and (max-width:868px){ [data-main-con="closure"] {padding:2.75em;margin-bottom:2.5em;border-radius:1em;} [data-main-con="closure"] .title .flex {gap:0 1.5em;} [data-main-con="closure"] .calendar_wrap {gap:1.75em;} [data-main-con="closure"] .calendar_box .year .date {gap:0 .75em;} [data-main-con="closure"] .calendar_box .year .date strong {font-size:1.625em;} [data-main-con="closure"] .calendar_box .year .date button {width:28px;height:28px;} [data-main-con="closure"] .calendar_box .year .date button::before {background-size:auto 14px;} [data-main-con="closure"] .calendar_box, [data-main-con="closure"] .board {padding:2.375em;} [data-main-con="closure"] .board .tab_menu > li button span .icon {height:18px;} [data-main-con="closure"] .board .tab_menu > li button span .icon01 {width:14px;} [data-main-con="closure"] .board .tab_menu > li button span .icon02 {width:20px;} [data-main-con="closure"] .board .tab_menu > li button span .icon03 {width:18px;} [data-main-con="closure"] .board .tab_menu > li button span .icon04 {width:16px;} [data-main-con="closure"] .board .tab_menu > li button span .icon05 {width:17px;} [data-main-con="closure"] .board .conts_tab {padding:1.875em;min-height:292px;} } @media all and (max-width:768px){ [data-main-con="closure"] {padding:2.5em;margin-bottom:2.5em;} [data-main-con="closure"] .calendar_wrap {gap:1.5em;} [data-main-con="closure"] .calendar_box, [data-main-con="closure"] .board {padding:2.25em;} [data-main-con="closure"] .board .tab_menu > li {flex: 1 0 calc((100% - 12px) / 3);} [data-main-con="closure"] .board .conts_tab {padding:1.5em;min-height:281px;} } @media all and (max-width:568px){ [data-main-con="closure"] {padding:2em;} [data-main-con="closure"] .title .flex {gap:0 1em; flex-direction:column; align-items:flex-start;} [data-main-con="closure"] .calendar_box .year .info {justify-content: flex-end;width:100%;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays > li, [data-main-con="closure"] .calendar_box .calendar_list .days > li {font-size:1.063em;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays {padding: 1em 0;} [data-main-con="closure"] .calendar_box .calendar_list .days > li {padding:8px 0;} [data-main-con="closure"] .calendar_box .year .date strong {font-size:1.5em;} [data-main-con="closure"] .calendar_box .year .date button {width:26px;height:26px;} [data-main-con="closure"] .calendar_box .year .date button::before {background-size:auto 12px;} [data-main-con="closure"] .board .conts_tab {min-height:auto;} [data-main-con="closure"] .board .conts_tab .title h3 {font-size:1.125em;} [data-main-con="closure"] .board .conts_tab .title h3 .icon {width:26px;height:21px;margin-right: 10px;} [data-main-con="closure"] .board .conts_tab .list > li a {gap:.5em;--sizeCate:80px;} [data-main-con="closure"] .board .conts_tab .list > li strong {width:100%;} [data-main-con="closure"] .board .conts_tab .list > li .cate {font-size:.94em;} [data-main-con="closure"] .board .conts_tab .list > li strong {font-size:1.063em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p {padding: .75em 0 7.5em;} } @media all and (max-width:468px){ [data-main-con="closure"] {padding:1.5em;margin-bottom:2em;border-radius:12px;} [data-main-con="closure"] .title {align-items: flex-start; } [data-main-con="closure"] .title .flex { width:calc(100% - 40px); } [data-main-con="closure"] .title .more {margin-top:-3px;} [data-main-con="closure"] .calendar_wrap {gap:1.25em;} [data-main-con="closure"] .calendar_box .year .date { width: 100%;justify-content: center;} [data-main-con="closure"] .calendar_box .calendar_list .days > li .date {width:30px;height:30px;} [data-main-con="closure"] .calendar_box, [data-main-con="closure"] .board {padding:1.75em;} [data-main-con="closure"] .board .conts_tab {padding:1.375em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p {font-size:1.25em;padding: 0 0 6em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data::before {background-size: 90%; max-width: 280px;left: 50%;transform: translateX(-50%);} } @media all and (max-width:414px){ [data-main-con="closure"] .calendar_box .year { flex-direction:column; } [data-main-con="closure"] .calendar_box .year .info { justify-content:center; } [data-main-con="closure"] .calendar_box .calendar_list { margin-top:1em; } } @media all and (max-width:368px){ [data-main-con="closure"] {padding:1.375em;} [data-main-con="closure"] .calendar_wrap {gap:1em;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays, [data-main-con="closure"] .calendar_box .calendar_list .days {gap:0 4px;} [data-main-con="closure"] .calendar_box .calendar_list .weekdays > li, [data-main-con="closure"] .calendar_box .calendar_list .days > li {font-size:1em;width: calc((100% - 36px) / 7);} [data-main-con="closure"] .calendar_box .calendar_list .days > li .date {width:24px;height:24px;} [data-main-con="closure"] .calendar_box, [data-main-con="closure"] .board {padding:1.25em;} [data-main-con="closure"] .board .tab_menu > li button span {font-size:.938em;} [data-main-con="closure"] .board .conts_tab {padding:1.125em;} [data-main-con="closure"] .board .conts_tab .list > li strong {font-size:1em;} [data-main-con="closure"] .board .conts_tab .list > li .cate {font-size:.88em;} [data-main-con="closure"] .board .conts_tab .list > li.none_data p {padding: 0 0 5em;} }