@charset "utf-8";

button,input[type='button'],input[type='submit'] {cursor: pointer;}
:root {
    --primary: #E46D0A;
    --text: #2d2d2d;
}
.fnt1-5 {font-size: 1.5rem!important;}

/* 카페24 단정해 */
@font-face {
    font-family: 'Cafe24Danjunghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
.wrapper {position: relative; width: 100%; overflow: hidden; font-family: "Pretendard Variable", Pretendard, -apple-system, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; color:#2d2d2d;}
#header {position: fixed ;z-index:2;left: 0;top: 0;width: 100%; transform: translateY(0); will-change: transform;}
#header:hover {background-color: #FFF;}
#header:hover .header-inner .menu > li > a {color:#262626;}
#header .header-inner .sitelogo .h_logo {display:none;}
#header.scroll {transform: translateY(-100%);}
#header .header-inner {position: relative;width: 100%;max-width: 1360px;margin: 0 auto;padding:0 30px; box-sizing: border-box;}
#header .header-inner .sitelogo {position: absolute;left: 30px;top: 17px; padding:12px 0; z-index: 10; width: 141px;}
#header .header-inner .sitelogo a {display: block;}
#header .header-inner .sitelogo a img {max-width: 100%;}
#header .header-inner .menu {position: relative;display: flex;justify-content: flex-end;margin-right: -45px;}
#header .header-inner .menu > li {position: relative;text-align: center;padding: 0 45px;}
#header .header-inner .menu > li > a {position: relative;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 600;height: 90px;letter-spacing: -0.03em;color: #FFF;line-height: 30px;white-space: nowrap;overflow: hidden;}
#header .header-inner .menu > li > a:after {content: ""; width: 0;height: 3px;left: 50%;bottom: 0;background-color:var(--primary);position: absolute;transition: all 0.3s;}
#header .header-inner .menu > li.active > a:after {width: 100%; left: 0;}
#header .header-inner .menu > li .submenu {display:none; left: 0;width: 100%;overflow:hidden;position: absolute;padding:20px 0;z-index: 99;}
#header .header-inner .menu > li .submenu li a {width:100%; display: inline-block;vertical-align: middle;font-size: 1.125rem;color:#2d2d2d;padding:14px 0;}
#header .header-inner .menu > li .submenu li a:hover {text-decoration: underline; color: var(--primary);}
#header .header-inner .menu > li .blog img {width:60px;}
#header .header-inner .btn-m-menu {display:none; position: absolute; top: 50%; margin-top: -12px;right: 30px;width: 27px;height: 24px;text-align: center;text-indent: -9999em;z-index: 92;transition: all 0.5s ease-in-out;}
#header .submenu-bg {display: block;position: absolute;left: 0;width: 100%;height:0;background: #fff;z-index:9;transition: height .25s ease, top .25s ease;box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1); }


/*모바일*/
.m-navi {position: fixed;top: 0;right: 0;width: 300px; height: 100%;overflow: auto;transition: .3s ease-in-out;-ms-transform: translateX(100%);transform: translateX(100%);background: #ffffff;z-index: 101;}
.m-navi .m-top {padding: 16px; border-bottom: 1px solid #e3e3e3;}
.m-navi a img {width:102px }
.m-nav {padding-top:10px;}
.m-nav > ul> li > a {position: relative;padding:20px 16px;display: block;color: #242424;font-size: 1.2em;font-weight: 500;}
.m-nav > ul> li > a:after {content: "";position: absolute;top: 50%;right: 15px;transform: translateY(-75%) rotate(45deg);width: 10px;height: 10px;border-right: 2px solid #2d2d2d;border-bottom: 2px solid #2d2d2d;}
.m-nav > ul> li > a:last-child:after {display: none;}
.m-nav > ul >li.active > a:after {transform: translateY(-35%) rotate(-135deg);border-color: #2d2d2d;}
.m-nav > ul >li:nth-child(3) a:after,.m-nav > ul >li:nth-child(4) a:after {display: none;}
.m-nav > ul > li .submenu {display: none;position: static;transform: translateX(0);margin: -1px 0 0 0;width: 100%;padding: 10px 0;background: #f6f6f6;}
.m-nav > ul > li .submenu > ul {display: block;width: 100%;}
.m-nav > ul > li .submenu > ul > li {text-align: left;padding: 0;}
.m-nav > ul > li .submenu > ul > li > a {display: block;position: relative;padding: 12px 0 12px 25px;color: #2d2d2d;font-size: 1rem;font-weight: 400;}
.close {position: absolute;top: 14px;right: 12px;width: 27px;height: 24px;text-indent: -9999em;overflow: hidden;}
.close:after,.m-navi .close:before {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#242424;}
.close:before {transform:rotate(45deg);}
.close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.76; z-index:98;}

html.menu-opened {overflow:hidden;}
html.menu-opened .m-navi {transform: translateX(0);}
html.menu-opened .mobile-overlay {display:block;}

.swiper {max-width: 100%;height: 100%; position: relative;}
.swiper-button-next, .swiper-button-prev {color: #FFF;}
.swiper-pagination {bottom: 130px !important;}
.swiper-pagination-bullet-active {background: #FFF !important;width: 90px !important; height: 12px !important;border-radius: 0!important;}
.swiper-pagination-bullet {background: #808080;opacity: 100%;width: 90px;height: 12px; margin:0 6px!important;border-radius: 0!important; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 50px !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 50px !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #FFF !important; height:8px;}
.swiper-pagination-progressbar.swiper-pagination-horizontal {background: #808080; height:8px; }
.custom-pagination {width:auto; display: flex;box-sizing:border-box;align-items:center;color:#fff;font-size:2em;z-index:2;}
.controller-wrap {position: absolute;width: 100%;left: 0;bottom: 100px;z-index: 2; padding: 0 30px;}
.controller {width: 1280px;margin: 0 auto;}
.controller strong {font-size: 1.4rem; font-weight: bold;}
.controller span {font-size: 1.4rem;}
.progress-bar {position: relative;width: 120px;height: 3px;margin: 0 20px;background-color: rgba(255,255,255,0.5);}
.progress-fill {position: absolute;inset: 0;display: block;height: 100%;background-color:#FFF;}
.current {color:#FFF;}
.slick-list {padding:0!important;}
.slick-track {display:flex!important; align-items: center; margin-right: -20px; margin-left: -20px; gap:16px;will-change: transform;transform: translateZ(0);backface-visibility: hidden;}
.slick-slide {padding:0 20px;}

.container {position: relative;width: 100%;top: -1px;left: 2px;z-index: 1}
.main-visual {position: relative;height: 840px;top: 0;left: 0;}
.main-bg {position: relative;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: center;}
.visual-copy {width: 100%;max-width: 1360px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); padding:0 30px; box-sizing: border-box;}
.visual-copy h3 {position: relative;width: fit-content;margin-top: -1.00px;margin-right: -11.81px;font-weight: 700;color: #ffffff;font-size: 3.5rem;letter-spacing: -2.56px;line-height: 5rem; text-shadow: 5px 1px 11px rgba(0, 0, 0, .3);}
.visual-copy p {position: relative;font-weight: 500;color: #ffffff;font-size: 1.6rem;margin-top:20px;line-height:2.2rem;}


/*주요서비스*/
.section1 {width:100%; position: relative; padding: 120px 0;}
.section1 .inner {max-width: 1360px;margin: 0 auto; padding: 0 30px;}
.section1 .inner .sec-title span {display:block; color:var(--primary); margin:8px 0; font-weight: 600; font-size: 1.75rem;}
.section1 .inner .sec-title h2 {color: #262626; font-size: 2.4rem; font-weight: 800;}
.section1 .inner .sec-title {padding-bottom:54px}
.section1 .story-wrap {display: flex; flex-wrap: wrap;gap: 40px 32px;}
.section1 .item-box {width:100%; display: flex;gap: 40px 32px; flex-wrap: wrap;transition: all 0.5s ease-in-out; }
.section1 .item-box .item {width: calc(50% - 16px);position: relative;overflow: hidden;transition: 0.3s;box-sizing: border-box;}
.section1 .img-box .txt {position: absolute;left: 0;bottom: 0;padding: 32px;color: #fff;z-index: 1;font-size: 1.8rem;line-height: 2.5rem; font-weight: 700;  text-align: left;}
.section1 .img-box:hover img{transform: scale(1.2, 1.2); transition-duration: 0.5s;}
.section1 .img-box img {transition-duration: 1s;}

/*section2*/
.section2 {padding:130px 0;height: 630px;background: url('../images/sec2_bg.jpg')no-repeat 0 0; background-size: cover;}
.section2 .sec-title {max-width: 1360px;margin: 0 auto; text-align: center;}
.section2 .sec-title span {display:block; font-size: 1.75rem;color: var(--primary); margin: 8px 0;font-weight: 600;}
.section2 .sec-title h3 {font-size: 2.4rem; color: #FFF; font-weight: 800;}
.section2 .sec-content {max-width: 1360px;margin: 80px auto; text-align: center;}
.section2 .sec-content ul {display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.section2 .sec-content ul li {width: 100%;padding: 30px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; flex-direction: column; align-items: center; gap: 12px;}
.section2 .sec-content ul li i {display: block; width:48px; height:48px;}
.section2 .sec-content ul li .subject-name {font-size: 2rem; color:#FFF; font-weight: 800;}
.section2 .sec-content ul li .subject-text {color:#FFF; font-size: 1.375rem; line-height: 2rem;}

/*section3*/
.section3 {padding:130px 20px; width:100%; background:#f1f1f1;}
.section3 .inner {max-width: 1360px;margin: 0 auto;}
.section3 .inner .sec-title {margin-left:23%;}
.section3 .inner .sec-title span {display:block; color:var(--primary); margin:8px 0; font-weight: 600; font-size: 1.75rem;}
.section3 .sec-title h3 {font-size: 2.4rem; font-weight: 800;}
.section3 .item {position: relative; z-index: 1; margin: 8px 0; width: fit-content;}
.section3 .item::before {content:""; z-index: -1; width: calc(100vw - 512px); height: calc(100% - 120px);  position: absolute; bottom: 0;}
.section3 .item .inwrap {display: flex; width: fit-content; align-items: flex-end; transition: 0.4s;}
.section3 .item .text {padding-bottom: 48px;line-height: 1.7rem;}
.section3 .item .text h3 {font-size: 1.6rem; color: var(--primary); font-weight: bold; text-align: left; margin-bottom: 16px;}
.section3 .item .text p {font-size: 1.4rem; color: #424241; margin-top: 4px; text-align: left; line-height: 150%;}
.section3 .item .text span {font-size: 1.4rem; color: #262626; display: block; margin-top: 8px; text-align: left;}
.section3 .item .img {font-size: 0;}
.section3 .item .img img {max-width: 100%;}

.section3 .item.right {padding: 0 32px 0 230px; margin-left: auto; }
.section3 .item.right .inwrap {gap: 186px;}
.section3 .item.right::before {background: linear-gradient(to right, rgba(192,189,185,0.2),transparent); left:0; border-radius: 80px 0 0 0;}
.section3 .item.left {padding: 0 216px 0 32px; }
.section3 .item.left .inwrap {gap: 92px;}
.section3 .item.left::before {background: linear-gradient(to left, rgba(192,189,185,0.2),transparent); right:0; border-radius: 0 80px 0 0;}

/*contact*/
.contact {position: relative;width: 100%;}
.contact .inner {display: flex; align-items: center; justify-content: center;}
.contact .fl_box {background: url("../images/contact_bg1.png") no-repeat; background-size: cover; width:50%; height: 462px; position: relative;}
.contact .fr_box {background: url("../images/contact_bg2.png") no-repeat; background-size: cover; width:50%; height: 462px; position: relative;}
.contact .item {width: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.contact .item h3 {font-size: 1.75rem; color: #FFF; font-weight: 800; margin-bottom: 12px}
.contact .item p {font-size: 1.25rem; color: #FFF; line-height: 2rem; margin-bottom: 12px;}

.btn-area a {border: 1px solid #FFF; border-radius: 100px;height: 40px;color: #fff;font-size: 1.25rem;padding: 4px 20px;display: inline-flex;align-items: center;gap: 4px;}
.btn-area a::after {content:""; width: 24px; height: 24px; background: url(../images/arr02_wh_rit_24.svg) center no-repeat;}

/****partners*****/
.partners-group {position: relative;width:100%; padding:30px; box-sizing: border-box;}
.partners-group .content {max-width: 1360px;margin: 0 auto; overflow: hidden;}
.partners-group .content .slick-slide a{display:flex; justify-content: center;}
.partners-group .content .slick-slide a img {max-width: 80%;}

/****top button*****/
.top-btn {z-index: 10;overflow: hidden;position: fixed;right: 30px;bottom: 30px;width: 60px;height: 60px;border: 1px solid #eee;border-radius: 50%;background-color: #fff;}
.top-btn i {display: block;width: 100%;height: 100%;background-image: url(../images/top_btn_arrow.svg);background-repeat: no-repeat;background-position: center;}

/****footer*****/
.footer {position: relative;width: 100%;background-color: #252333;padding:50px 0; box-sizing: border-box;}
.footer-inner {display: flex;position: relative;max-width: 1360px; margin: 0 auto; padding: 0 30px; box-sizing: border-box;}
.footer-inner .hsm-logo {display:block; width: 141px;height: 62px;object-fit: cover;}
.footer-inner .address  {margin-left:64px;}
.footer-inner .policy-area {position: absolute;top:7px; right:30px;}
.footer-inner p {margin:8px 0;}
.footer-inner p.info {display: flex;align-items: center; gap: 32px;}
.footer-inner p.company-info {display: flex;align-items: center; gap: 32px;}

.footer-inner span, .footer-inner p {font-size: 1rem; color: #fff}
.footer-inner ul {display: flex;justify-content: flex-end;align-items: center;gap:50px;}
.footer-inner ul li a {color:#fff;}

/*sub-visual*/
.sub-visual {display:flex; align-items: center;height: 360px;position: relative;overflow: hidden;}
.sub-visual.bg1 {background: url("../images/sub_visual5.jpg") center center; background-size: cover;}
.sub-visual.bg2 {background: url("../images/sub_visual1.jpg") center center; background-size: cover;}
.sub-visual.bg3 {background: url("../images/sub_visual2.jpg") center center; background-size: cover;}
.sub-visual.bg4 {background: url("../images/sub_visual3.jpg") center center; background-size: cover;}
.sub-visual.bg5 {background: url("../images/sub_visual4.jpg") center center; background-size: cover;}
.sub-visual .context {position: relative;z-index: 1;max-width: 1360px; width: 100%;margin: 0 auto;color: #fff;text-align: center;}
.sub-visual .context h2 {font-size: 2.5rem;font-weight: 700;line-height: 1.2em;letter-spacing: -0.03em; text-align: center;}
.sub-visual .context p {display: flex; font-size: 1.5rem;font-weight: 400;line-height: 2em;letter-spacing: -0.03em;margin-top: 50px; justify-content: center;}
.sub-visual .context p span img {vertical-align: top;}
.lnb {width: 100%;margin-top:-65px; background: #FFF; position: relative;border-bottom:1px solid #ececec;}
.lnb .lnb-inner {max-width: 1360px;margin: 0 auto;background: #fff;border-radius: 20px 20px 0 0;}
.lnb .lnb-inner ul {display: flex;justify-content: center;position: relative;}
.lnb .lnb-inner ul li a {display: flex;font-size: 1.125rem;font-weight: 400;line-height: 1.2em;letter-spacing: -0.03em;color: #454545;min-height: 67px;align-items: center;justify-content: center;position: relative;}
.lnb .lnb-inner ul li a:hover {color: var(--primary);}
.lnb .lnb-inner ul li a:hover:after {content:''; position:absolute; width:100%; height:3px; background:var(--primary); left:0; bottom: 0; }
.lnb .lnb-inner ul li.active a:after {content:''; position:absolute; width:100%; height:3px; background:var(--primary); left:0; bottom: 0; }
.lnb .lnb-inner ul li.active a {color: var(--primary);}

/*서브공통*/
#contents {max-width: 1360px;margin: 0 auto 80px; box-sizing: border-box;}
#contents .doc {padding: 80px 30px; position: relative;}
.doc .sub {display: block; text-align: center; font-size:2.5rem; font-weight:200; padding: 12px 0;}
.doc > h3 {text-align: center; font-size:2.5rem; font-weight:700;}
.doc > p {text-align: center; font-size:1.25rem; line-height:1.7rem; margin-top:32px; color:#2d2d2d;}
.doc .visual {margin-top: 100px;}
.sec-title .disc {text-align:left; font-size: 1.25rem; margin-top:24px; line-height:2rem;}
.heading-deco {position:relative; padding-left:24px; font-size:1.5rem; color:#2d2d2d; font-weight: 600; text-align: left;}
.heading-deco:before {content: "";top: 1px;left: 6px;width: 5px;height: 24px;position: absolute;background:var(--primary);border-radius: 14px;}
.tg {width: 100%; margin-top:30px; border-collapse: collapse;border-spacing: 0;border-top: 3px solid #949494;font-size: 16px;font-weight: 300;line-height: 1.625em;}
.tg th {padding: 13px 20px;border: 1px solid #ddd;border-top: 0;background: #fafafa;font-weight: 500; font-size: 1.125rem;vertical-align: middle; word-break: break-all; word-wrap: break-word; display: table-cell;}
.tg td {padding: 13px 20px;border: 1px solid #ddd;border-top: 0;text-align: center; vertical-align: middle; font-size: 1.125rem; word-break: break-all; word-wrap: break-word;display: table-cell;}
.tg.left td {text-align: left;}
.tg tr th:first-child, .tg tr td:first-child {border-left: 0;}
.tg tr th:last-child, .tg tr td:last-child {border-right: 0;}
.tg tr td.display-none {display: none;}
.common {width: 100%; margin-top:30px; border-collapse: collapse;border-spacing: 0;border-top: 3px solid #949494;font-size: 16px;font-weight: 300;line-height: 1.625em;}
.common tr th {padding: 13px 20px;border: 1px solid #ddd;border-top: 0;background: #fafafa;font-weight: 500; font-size: 1.125rem; vertical-align: middle; word-break: break-all; word-wrap: break-word;  }
.common tr td {padding: 13px 20px;border: 1px solid #ddd;border-top: 0;text-align: center; vertical-align: middle; font-size: 1.125rem; word-break: break-all; word-wrap: break-word;display: table-cell; }
.common tr th:first-child, .common tr td:first-child {border-left: 0;}
.common tr th:last-child, .common tr td:last-child {border-right: 0;}
.v-application .mt-10 {margin-top: 40px;}

/*사업분야*/
.infographic {display: flex; justify-content: center; margin-top: 130px; position: relative;}
.infographic span {padding: 0;}
.titleFontSize {font-size: 1.4rem !important;}
.doughnutTitle {position: absolute;z-index: 1;top: -195px;left: 0;width: 100%; font-size: 2rem;font-weight: 600;}
.doughnutSubTitle1 {position: absolute;z-index: 1;top: -70px;left: -90px; padding: 8px 0!important;}
.doughnutSubTitle2 {min-width: 84px;position: absolute;z-index: 1;top: -70px;left: 350px; padding: 8px 0!important;}
.doughnutSubTitle3 {position: absolute;z-index: 1;top: -444px;left: 50%;transform: translateX(-50%); padding: 8px 0!important;}
.palette {--g: 10px;--s: 100px;height: 350px;width: 350px;position: relative;display: inline-block;overflow: hidden}
.palette>* {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: var(--s) solid var(--c,#477992);transform: rotate(60deg);border-radius: 50%;-webkit-clip-path: polygon(calc(50% + var(--g)/2) 50%,calc(50% + var(--g)/2) 0,100% 0,100% calc(78.665% - var(--g)/2),50% calc(50% - var(--g)/2));clip-path: polygon(calc(50% + var(--g)/2) 50%,calc(50% + var(--g)/2) 0,100% 0,100% calc(78.665% - var(--g)/2),50% calc(50% - var(--g)/2))}
.color1 {transform: rotate(180deg);--c: #42a1d9;}
.color2 {transform: rotate(-60deg);--c: #7cbeca}
.trianglePalet {width: 0;height: 0;position: absolute;z-index: 1;border-bottom: 12px solid transparent;border-top: 12px solid transparent;border-right: 20px solid transparent;}
.tri1 {transform: rotate(149deg);top: -96px;left: -11px;border-left: 20px solid #42a1d9;}
.tri2 {transform: rotate(30deg);top: -96px;left: 323px;border-left: 20px solid #477992;}
.tri3 {transform: rotate(-90deg);top: -383px;left: 160px;border-left: 20px solid #7cbeca;}
.doughnutSubicon1 {position: absolute;z-index: 1;top: -331px;left: 156px}
.doughnutSubicon2 {left: 255px}
.doughnutSubicon2,
.doughnutSubicon3 {position: absolute;z-index: 1;top: -148px}
.doughnutSubicon3 {left: 46px}
.company .sec-content {max-width:840px; margin:90px auto 0;}
.infographic .row {justify-content: center;}
.sec-content .row span {font-size: 1.2rem; position: relative; padding:0 26px 24px 6px; display: flex; text-align: left;}
/*.sec-content .row span:before {background-color:#666666;border-radius: 50%;content: "";display: inline-block;width:4px;height: 4px;left: 7px;pointer-events: none;position: absolute;top: 9px;transform: scale(1.3);}*/
.sec-content .row {display: flex; flex-wrap: wrap; justify-content: center;}
.sec-content .col-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%; margin-bottom: 16px;}
.txt-wrap {margin-top:40px;}

/*인증서*/
.certi-ul {display:flex; justify-content: center; margin-top: 80px; align-items: flex-start;}
.certi-ul li {width:25%;}
.certi-ul li a {display:block; cursor: default; margin: 10px;}
.certi-ul li a dl {padding: 10px;border: 1px solid #f0f0f0;position: relative;}
.certi-ul li a dl > dd {display:flex; overflow: hidden;position: relative;width: 100%;height: 60px;text-align: center; align-items: center; margin-top: 8px;}
.certi-ul li a dl > dt > img {width:100%;}
.certi-ul li a dl > dd > span {display: block;width: 100%;color: #222;font-size: 1.2rem;padding: 8px 10px; box-sizing: border-box;}

/*실버사업*/
.chart-wrap {width: 100%;height: 500px;position: relative; display: flex; align-items: center; margin: 200px 0 100px;}
.d-inline-block {display: inline-block;}
.chart {position: absolute;top: 28%;left: 50%;transform: translate(-50%, -31%)}
.pieChart {position: relative;width: 320px;height: 320px; top: 53px;z-index: 3;border-radius: 50%;transition: .1s;animation: pie .5s forwards;}
.pieChartInner {background: #fff;position: absolute;top: 50%;left: 50%;width: 240px;height: 240px;border-radius: 50%;text-align: center;line-height: 100px;font-size: 30px;transform: translate(-50%, -50%);}
.big-line {width: 420px;height: 420px;border: 1px solid rgb(159, 159, 159);border-radius: 50%; display:inline-block;}
@keyframes pie {
    0% {background: conic-gradient(#bfbfbf 0 0,#fff 0 100%)}
    6% {background: conic-gradient(#bfbfbf 0 6%,#fff 0 100%)}
    12% {background: conic-gradient(#bfbfbf 0 12%,#fff 0 100%)}
    18% {background: conic-gradient(#bfbfbf 0 18%,#fff 0 100%)}
    25% {background: conic-gradient(#bfbfbf 0 25%,#fff 0 100%)}
    33% {background: conic-gradient(#bfbfbf 0 33%,#fff 0 100%)}
    38% {background: conic-gradient(#bfbfbf 0 38%,#fff 0 100%)}
    44% {background: conic-gradient(#bfbfbf 0 44%,#fff 0 100%)}
    50% {background: conic-gradient(#bfbfbf 0 50%,#fff 0 100%)}
    56% {background: conic-gradient(#bfbfbf 0 56%,#fff 0 100%)}
    62% {background: conic-gradient(#bfbfbf 0 62%,#fff 0 100%)}
    68% {background: conic-gradient(#bfbfbf 0 68%,#fff 0 100%)}
    75% {background: conic-gradient(#bfbfbf 0 75%,#fff 0 100%)}
    82% {background: conic-gradient(#bfbfbf 0 82%,#fff 0 100%)}
    88% {background: conic-gradient(#bfbfbf 0 88%,#fff 0 100%)}
    94% {background: conic-gradient(#bfbfbf 0 94%,#fff 0 100%)}
    to {background: conic-gradient(#bfbfbf 0 100%,#fff 100% 100%)}
}
.chart-wrap .logo-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 150px;height: 150px;}
.b-info {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.info-line {display:inline-block; width: 350px; height: 350px; border: 1px solid rgb(159, 159, 159); border-radius: 50%;}
.logo-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 120px;height: 120px;}
.v-image {position: relative;overflow: hidden;flex: 1 0 auto;max-width: 100%;display: flex;}
.v-responsive__sizer {padding-bottom: 100%;transition: padding-bottom .2s cubic-bezier(.25, .8, .5, 1);flex: 1 0 0;}
.v-image__image {background-size: cover;z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-image: url(https://www.harrygnd.co.kr/img/harrygndLogoBig.2c8987dc.png);background-position: center center;}
.number {transform: translateX(-50%); position: absolute;width: 50px;height: 50px;border-radius: 50%;background-color: #bebebe;border: 4px solid #5a5a5a;display: flex; align-items: center; justify-content: center}
.number .white-text {color: #fff;font-size: 1.5rem;}
.number .cont-wrap {position: relative; display:inline-block; transition: all .3s ease-in-out;}
.number .cont-wrap .contents {position: absolute; top: -46px; left: -250px; width: 192px; height: 40px; display: inline-block!important; }
.number .cont-wrap .title {font-size: 1.6rem; text-align: center; display:block;margin-bottom: 8px;}
.number .cont-wrap .text {font-size: 1.2rem; text-align: center; display:block; line-height: 1.5rem;}
.big-line {position: relative;}
.big-line span:nth-child(8) {position: absolute; top: 9px; right: 70px; width: 50px; height: 50px; transform: rotate(38deg); display:flex; justify-content: center; align-items: center;}
.big-line span:nth-child(9) {position: absolute; top: 42%; right: -26px; transform: rotate(88deg); width: 50px; height: 50px; display:flex; justify-content: center; align-items: center;}
.big-line span:nth-child(10) {position: absolute; bottom: 8px; right: 72px; width: 50px; height: 50px; transform: rotate(-38deg); display:flex; justify-content: center; align-items: center;}
.big-line span:nth-child(11) {position: absolute; bottom: 10px; left: 68px; width: 50px; height: 50px; transform: rotate(31deg); display:flex; justify-content: center; align-items: center;}
.big-line span:nth-child(12) {position: absolute; top: 44%; left: -24px; transform: rotate(87deg); width: 50px; height: 50px; display:flex; justify-content: center; align-items: center;}
.big-line span:nth-child(13) {position: absolute; top: 9px; left: 70px; width: 50px; height: 50px; transform: rotate(-38deg); display:flex; justify-content: center; align-items: center;}
.big-line .arrow-wrap i:before {content: "";width: 3px;height: 15px;background-color: #bebebe; border-radius:2px; position: absolute;top:14px;left: 23px;transform: rotate(-48deg);display: inline-block;}
.big-line .arrow-wrap i:after {content: "";width: 3px;height: 15px;background-color: #bebebe; border-radius:2px; position: absolute;top: 22px;left: 23px;transform: rotate(48deg);}
.biz-wrap {display:none;}
.biz-wrap ul li {margin-bottom: 40px;line-height: 2.5rem;}
.biz-wrap ul li p {font-size: 1.6rem; }
.biz-wrap ul li span {font-size: 1.2rem;}

/*연혁*/
.timeline_wrapper {position: relative; flex-direction: column; display:flex; padding:0 20px;}
.line {position: absolute;top: 20px;left: 50%;transform: translateX(-50%);width: 2px;height: 100%;background:var(--primary);z-index: 0;}
.history_item {display: flex;padding: 0 80px; position: relative; }
.history_item .thum_box {padding-right: 80px;display: flex; justify-content: flex-end;}
.history_item .thum_box, .history_item .timeline_box {position: relative;width: 50%;}
.point_box {position: absolute;left: -15px;z-index: 1;margin-top: 14px;}
.year_box .circle {position: relative;width: 30px;height: 30px;background-color: rgba(0, 0, 0, 0.05);border-radius: 50%;mix-blend-mode: normal;}
.year_box .circle::before {content: '';width: 12px;height: 12px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.year_box .circle::after {content: '';width: 8px;height: 8px;background:var(--primary);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.year_box .cont {margin-left: 80px;}
.hist_yyyy {font-size: 2.7rem;color: var(--primary);font-weight: 700;line-height: 60px;margin-top: -10px;margin-bottom: 30px;display: block;}
.hist_info {display: flex;}
.hist_info .hist_mm {min-width: 62px;font-size: 22px;color: #1D1D1D;font-weight: 700;line-height: 30px;}
.hist_info .hist_val > dd {position: relative;font-size: 20px;color: #3E3E3E;font-weight: 400;line-height: 2rem;}
.history_item.reverse {flex-direction: row-reverse;text-align: right;}
.history_item + .history_item {margin-top: 80px;}
.history_item.reverse .year_box .cont {margin-left: 0;margin-right: 80px;}
.history_item.reverse .point_box {left: auto;right: -15px; }
.history_item.reverse .hist_info {flex-direction: row-reverse;}


/*사회공헌*/
.social-list {display: flex; margin-top: 40px;}
.social-list li {width: 33.3333%;}
.social-list li span {display:block; margin-top:16px;}
.sec-content {text-align: center;}
.social-text {margin-top: 60px; line-height: 2rem; text-align: left;}
.social-text dl {display: flex; align-items: flex-start; gap: 24px; font-size: 1.25rem; padding:8px 0;}
.social-text dt {font-weight: 600;}


/*오시는 길*/
.root_daum_roughmap .cont {display: none;}
.location-top {display: flex;margin-top:40px; justify-content: space-between; padding: 40px 0 28px; border-bottom: 1px solid #dfdfdf;}
.location-top li, .location-bottom li {position: relative;padding-right: 80px;padding-left: 90px;}
.location-top li::before, .location-bottom li::before {content: '';width: 50px;height: 50px;display: block;position: absolute;left: 0;}
.location-top li strong, .location-bottom li strong {font-weight: bold;font-size: 1.625rem;}
.location-top li p, .location-bottom li p {margin-top: 10px; text-align: left; line-height: 1.5rem;}
.location-top .left ol li.address::before {background: url('../images/ic-location.png') no-repeat; background-size: cover;}
.location-top .right ol {display: flex; }
.location-top .right ol li.bus::before {background: url('../images/ic-bus.png') no-repeat;background-size: cover;}
.location-top .right ol li.tel::before {background: url('../images/ic-phone.png') no-repeat;background-size: cover;}
.location-top .right ol li.fax::before {background: url('../images/ic-fax.png') no-repeat;background-size: cover;}
.location-bottom {padding-top: 28px;}
.location-bottom ol {display: flex; flex-direction: column; gap: 36px;}
.location-bottom li.park::before {background: url('../images/ic-park.png') no-repeat;background-size: cover;}
.location-bottom li.bus::before {background: url('../images/ic-bus.png') no-repeat;background-size: cover;}
.location-bottom li.subway::before {background: url('../images/ic-subway.png') no-repeat;background-size: cover;}

/*해리푸드 소개*/
.business-wrap {margin-top: 80px;}
.business-wrap ul {display: flex; gap:1.5rem; }
.business-wrap ul h4 {color: var(--primary); text-align: center; font-size: 1.5rem; font-weight:700; margin-bottom:20px;}
.business-wrap .text-box {margin-top: 40px;}
.business-wrap  .text-box p {margin-top: 6px; text-align: center; font-size:1.25rem; line-height:1.7rem;}
.com-banner {width: 100%;padding:30px; background: rgba(192, 189, 185, 0.1);}
.com-banner > .wrap {width:94%; max-width:1360px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 30px; gap: 12px;}
.com-banner .tlt {font-size:1.75rem; font-weight:700;}
.com-banner .button-wrap {display:flex; align-items:center; justify-content:flex-end; gap:20px;}
.com-banner .button-wrap .btn-banner {width:490px; background:var(--primary); padding:20px 30px; box-shadow:0 4px 9px 1px rgb(179 67 2 / 45%); display:flex; align-items:center; gap:20px; position:relative; border-radius: 12px;}
.com-banner .button-wrap .btn-banner .icon {width:84px; height:84px; border-radius:50%; background-color:#FFF; background-size:cover; background-position:center; background-repeat:no-repeat;}
.com-banner .button-wrap .btn-banner .conts {flex:1; line-height: 1.5rem}
.com-banner .button-wrap .btn-banner .conts em {display:block; font-size:1.75rem; font-weight:600;color:#fff;}
.com-banner .button-wrap .btn-banner .conts span {display:block; font-size:1.25rem; color:#FFF; margin-top:12px;}
.com-banner .button-wrap .btn-banner a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius: 8px;}
.com-banner .button-wrap .btn-banner.inquiry .icon {background-image:url(../images/ic-inquiry.svg); background-size: 56px;}
.com-banner .button-wrap .btn-banner.desktop .icon {background-image:url(../images/ic-desktop.svg);}

/*해리푸드 서비스*/
.service ul li {margin-bottom: 120px;}
.service ul li:last-child {margin-bottom: 0;}
.service .list {display: flex; align-items: center;}
.service .list img {border-radius: 0 200px 200px 0;width: 664px;}
.service .list .text-box {width: calc(100% - 420px);padding: 0 0 0 5%; margin-top:0;}
.service .list .text-box span {color:var(--primary); font-size:1.2rem; font-weight:700;}
.service .list .text-box h4 {font-size: 2.5rem; font-weight:700; padding:24px 0 28px;}
.service .list .text-box p {font-size:1.25rem; line-height:2rem;}
.service .list .text-box p em {font-weight: 700; color:var(--primary);}
.service .list .btn-area {margin-top: 28px;}
.service .list .btn-area a {border-color:var(--primary); color:var(--primary);}
.service .list .btn-area a:after {content: "";width: 24px;height: 24px;background: url(../images/arr02_rit_24.svg) center no-repeat;}

.service-wrap ul {display: flex; margin-top: 40px;gap: 24px;}
.service-wrap ul li {width:50%;}

/*해리푸드 관리시스템*/
.system ul {display: flex;justify-content: space-between; margin-top: 60px;}
.system ul li {width: calc((100% - 18px) / 2); border:1px solid #c4c4c4;position: relative;display: flex; justify-content: space-between; align-items: center;padding: 40px;box-sizing: border-box;border-radius: 14px;transition: all 0.3s; text-align: left; line-height: 150%; font-size: 1.2rem;}
.system ul li .txt .tit {font-size:1.25rem; font-weight:700; margin-bottom:20px; line-height:1.7rem;}
.system ul li .txt p {font-size:1.2rem; line-height:1.75rem;}
.system ul li .box {padding:40px; line-height: 2rem;}
.square_box {width:100%; gap: 2.4rem 1.9rem; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.square_box li {line-height: 1.3rem;position: relative; padding: 0!important;}
.square_box li img {width: 100%; border-radius: 12px;}
.square_box li i {display: block;width: 85%;margin: auto;margin-top: 50%; font-size: 1.2rem; line-height: 1.6rem;}
.square_box li em {font-size: 1.4rem;display: block;margin-bottom: 1rem; font-weight: 700;}
.square_box li span {position: absolute;width: 100%;height: 80%;bottom: 0;left: 0;color: #fff;background: linear-gradient(0deg, #333, transparent); border-radius: 0 0 12px 12px;}

.system .risk-wrap li {width: calc((100% - 20%) / 5); height:370px; padding:40px 20px; border:none; background:#f5f5f5; justify-content: space-between; flex-direction: column; position: relative; text-align: center;}
.system .risk-wrap li:after {content: "";width: 24px;height: 24px;background: url(../images/ic-arrow-next.png) center no-repeat; position: absolute; top: 45%; left: 110%;}
.system .risk-wrap li:last-child:after {display: none;}

.system .research-wrap li {width: calc((100% - 18px) / 3); flex-direction: column; padding:0; justify-content: flex-start;}
.system .research-wrap li p {background: #8a8a8a;padding: 36px 0;width: 100%;border-radius: 12px 12px 0 0;font-size: 1.5rem;color: #FFF;font-weight: 700; text-align:center;}


/*해리케어*/
.harrycare .item-wrap {display:flex; flex-wrap: wrap; justify-content:space-between; padding-top:40px;}
.harrycare .item-wrap li {display:flex; width: calc((100% - 32px) / 3); margin-bottom: 60px;}
.harrycare .item-wrap li span {font-size: 1.25rem; padding-top:20px; display:block; color:var(--text);}


/*마더링요양원*/
.homelist {padding-top: 120px;}


/*서비스안내*/
.service .content-group {display: grid;grid-template-columns: 1fr 1fr;max-width: 1360px;margin: 50px auto;gap: 1.2rem;}
.service .content-group article {margin-bottom: 48px;}
.service .content-group article img {width: 100%;}
.service .content-group article h4 {font-size: 1.8rem;text-align: center;margin: 32px 0 36px 0; font-weight: 700;}
.service .content-group article ul li {font-size:1.125rem; margin: 10px auto;line-height: 1.4rem;}
.service .content-group article ul li:before {content: "";display: inline-block;width: 1.2rem;height: 1rem;background-image: url(../images/check_icon.svg);background-size: cover;margin-right: 0.4rem;}

/*개인정보처리방침*/
.terms .content-group {margin-top: 50px;}
.terms h3 {font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; font-weight: 700;}
.terms p {font-size: 1.125rem; line-height: 2rem; margin-bottom: 2rem; }

/* editor load css  */
.clckRow { cursor: pointer; }
#contents > div > div.attchd > span.attchFile > a { display: block; margin-bottom: 6px; }
#contents > div > div.cntnt p { min-height: 24px; }
#contents > div > div.cntnt img { width: 100%; }



/* FullCalendar Theme */
#calendar { max-width: 1100px;  margin: 0 auto; }
.fc-col-header > thead > tr { height: 36px; }
.fc-col-header > thead > tr > th { padding: 8px 0; }

.fc-col-header-cell-cushion, .fc-daygrid-day-number {
    text-decoration: none;
}

.fc-scrollgrid-sync-inner > .fc-col-header-cell-cushion,
.fc-day-mon .fc-daygrid-day-number,
.fc-day-tue .fc-daygrid-day-number,
.fc-day-wed .fc-daygrid-day-number,
.fc-day-thu .fc-daygrid-day-number,
.fc-day-fri .fc-daygrid-day-number {
    color: black;
}

.fc-day-sun .fc-col-header-cell-cushion,
.fc-day-sun a{
    color : red;
}

.fc-day-sat .fc-col-header-cell-cushion,
.fc-day-sat a {
    color : blue;
}

.fc-event td { background-color: white; }

@media (max-width: 768px) {
    .fc-view-harness,
    .fc-view-harness-active {
        height: 630px !important;
    }
    .fc-toolbar-title {
        font-size: 24px !important;
    }
}

.clndrEvents { background-color: #ededed; padding: 4px 0 2px 0; }
.clndrWeekEvents { background-color: #f9f9f9; padding: 4px 0 2px 0; }

.fc-ctmMenu { height: 146px; }
.fc-ctmSnack { height: 48px; }
.fc-ctmMenu-ttl { margin-bottom: 4px; }
.fc-ctmMenu-ttl > .fc-event-time { font-size: 16px; font-weight: 600; }
.fc-ctmMenu-Dtl { font-size: 14px; font-weight: 500; padding-left: 14px !important; }