@charset "utf-8";

@media (max-width: 1400px) {
    .section3 .item::before {height: calc(100% - 34px); width: 95vw;}
    .section3 .item .img img {width:360px;}

}
@media (max-width: 1200px) {
    /*header*/
    #header {position: relative;transition: 0.2s all ease;box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2);}
    #header .header-inner {height: 80px;}
    #header .header-inner .sitelogo {top:15px;}
    #header .header-inner .h_logo {display: block;}
    #header .header-inner .menu {display: none;}
    #header .header-inner .btn-m-menu {display: block;}
    #header .header-inner .btn-m-menu span {position: absolute;left: 0;top: 12px;height: 2px;width: 27px;background: #242424;}
    #header .header-inner .btn-m-menu span:after, #header .header-inner .btn-m-menu span:before {content: "";position: absolute;right: 0;width: 27px;background: #242424;height: 2px;transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;bottom: -10px;transition-property: bottom, transform;}
    #header .header-inner .btn-m-menu span:before {top: -10px;transition-property: top, transform;}
    #header .header-inner .btn-m-menu span:after {bottom: -10px;transition-property: bottom, transform;}

    .section3 .item.right .inwrap, .section3 .item.left .inwrap{gap: 7%;}
    .section3 .item.right .text {padding:6% 0;}
    .section3 .item.left .text {padding:4% 0;}
    .section3 .item .text h3 {font-size:1.4rem;}
    .section3 .item .text p {font-size:1.2rem;}
    .section3 .item .text span {font-size:1.2rem;}

    .partners-group .content .slick-slide a img {max-width: 90%;}

    .footer {padding: 30px 0 50px;}
    .footer-inner {flex-direction: column; }
    .footer-inner .address {margin:16px 0 0 0;}

    .sub-visual .context p {margin-top:0;}

    /*오시는 길*/
    .location-top {flex-direction: column; gap: 36px;}
    .location-top li {padding-right:0;}
    .location-top li strong, .location-bottom li strong {font-size:1.2rem;}

        /*해리푸드 서비스 */
    .service .list .text-box h4 {font-size:2.2rem;}
    .square_box li i {margin-top: 14%;}

    /*서비스안내*/
    .service .content-group {width: 100%; margin: 0 auto; grid-template-columns: 1fr 1fr; gap: 1.2rem;}

}
@media (max-width: 1000px){
    .main-visual {height: 690px;}
    .visual-copy h3 {font-size: 3.2rem;line-height: 68px;}

    .section2 .sec-content ul li .subject-name {font-size:2rem;}
    .section3 .item.right {padding:0 0 0 60px}
    .section3 .item.left {padding:0;}

    .section3 .item.right .text {padding:5% 0;}
    .section3 .item.left .text {padding:4% 0;}


    .sub-visual {display: flex;align-items: center;justify-content: center;}

    /*회사소개*/
    .certi-ul {flex-wrap: wrap;}
    .certi-ul li {width: 50%;}

    /*실버사업*/
    .chart-wrap {margin-top: 0}
    .pieChart  {display:inline-block; position: relative;width: 250px;height: 250px;border-radius: 50%;transition: .1s;animation: pie .5s forwards;top: 64px; z-index: 3;}
    .pieChartInner {background: #fff;position: absolute;top: 50%;left: 50%;width: 170px;height: 170px;border-radius: 50%;text-align: center;line-height: 100px;font-size: 30px;transform: translate(-50%, -50%);}
    .biz-wrap {display:block; margin-top: 20px;}
    .number .cont-wrap {display: none;!important;}
    .chart-wrap .logo-wrap {width: 100px; height: 100px;}
    .big-line {width:340px; height:340px;}
    .big-line span:nth-child(8) {position: absolute; top: 1px; right: 53px; width: 50px; height: 50px; transform: rotate(38deg);}
    .big-line span:nth-child(9) {position: absolute; top: 42%; right: -26px; transform: rotate(88deg); width: 50px; height: 50px;}
    .big-line span:nth-child(10) {position: absolute; bottom: 1px; right: 54px; width: 50px; height: 50px; transform: rotate(-38deg);}
    .big-line span:nth-child(11) {position: absolute; bottom: -1px; left: 54px; width: 50px; height: 50px; transform: rotate(31deg);}
    .big-line span:nth-child(12) {position: absolute; top: 44%; left: -24px; transform: rotate(87deg); width: 50px; height: 50px;}
    .big-line span:nth-child(13) {position: absolute; top: -1px; left: 55px; width: 50px; height: 50px; transform: rotate(-38deg);}


    /*해리푸드*/
    .com-banner {padding: 42px 0;}
    .com-banner > .wrap {flex-wrap: wrap; justify-content: center;gap: 24px;}

    .system ul {flex-wrap: wrap;}
    .system .risk-wrap li {width: 100%; height: auto;}
    .system .risk-wrap li:after {display: none;}
    .system .square_box {flex-wrap:nowrap;!important;}
    .square_box li i {font-size:1rem;}

        /*마더링 소개*/
    .service .list {display: flex;align-items: flex-start;flex-direction: column;}
    .service .list .text-box {width:100%; padding:40px 0 0 0;}

}


@media (max-width: 768px) {
    #header .header-inner {height: 60px;}
    #header .header-inner .sitelogo {width: 120px;top: 5px;}
    .visual-copy {top:46%;}
    .visual-copy h3 {font-size: 2.8rem;line-height: 60px;}
    .section1 .item-box .item {width: 100%;}
    .section1 .img-box .txt {padding:44px;}
    .section1 .inner .sec-title {text-align: center;}
    .section2 {padding:100px 20px 40px; height:auto;}
    .section2 .sec-content {margin:50px 0;}
    .section2 .sec-content ul {flex-wrap: wrap;}
    .section2 .sec-content ul li {width: 50%;}
    .section2 .sec-content ul li .subject-name {font-size:1.4rem;}
    .section2 .sec-content ul li .subject-text {font-size:1.2rem;}
    .section3 {padding: 80px 20px;}
    .section3 .inner .sec-title {margin:60px auto; text-align: center;}
    .section3 .item {width: 100%; background: rgba(192, 189, 185, 0.2);}
    .section3 .item .img {display: none;}
    .section3 .item.right,
    .section3 .item.left {padding:0 0 0 20px}
    .section3 .item.right::before,
    .section3 .item.left::before {display: none;}
    .section3 .item .inwrap {width: 100%;}

    .contact .inner {flex-wrap: wrap;}
    .contact .fl_box, .contact .fr_box {width:100%; height:290px;}
    .contact .item {width:80%;}

    .footer {padding: 30px 0 60px;}
    .footer-inner .policy-area {position: relative; top:20px; right:0;}
    .footer-inner ul {justify-content: flex-start; gap:30px;}

    .sub-visual {height:230px;}
    .sub-visual .context h2 { font-size: 2rem;}
    .lnb {margin-top: -50px}
    .lnb .lnb-inner ul {justify-content: flex-start;}
    .lnb .lnb-inner ul li {padding: 0; flex: 1 0 auto;}
    .lnb .lnb-inner ul li a {min-height: 50px; padding:0;}
    .doc .sub, .doc > h3 {font-size: 1.8rem}
    .doc .visual {display:none;}
    #contents {margin-bottom:0;}
    #contents .doc {padding: 60px 20px;}

    /*회사소개*/
    .certi-ul {margin-top: 40px;}
    .certi-ul li {width: 50%;}
    .infographic {margin-top: 90px;}
    .doughnutSubTitle1,
    .doughnutSubTitle2,
    .doughnutSubTitle3 {display: none;}
    .sec-content .row {flex-direction: column;}
    .sec-content .col-4 {max-width: 100%;}
    .certi-ul li a dl > dd > span {font-size: 1.2rem;}



    /*연혁*/
    .point_box {margin-top:0}
    .history_item {padding:20px 0;}


    /*오시는 길*/
    .location-top .right ol {gap:50px;}

    /*해리푸드*/
    .com-banner > .wrap {width:100%;}
    .com-banner .tlt {font-size:1.25rem; text-align:center; line-height:1.5rem;}
    .com-banner .button-wrap .btn-banner {width: 100%;}
    .com-banner .button-wrap .btn-banner.inquiry .icon {width: 64px; height: 64px; background-size: 40px;}
    .com-banner .button-wrap .btn-banner .conts em {font-size:1.25rem;}
    .com-banner .button-wrap .btn-banner .conts span {font-size: 1rem;}

    .system ul li {width: 100%; margin-bottom: 20px;}
    .square_box li i {margin-top: 45%;}


        /*IT*/
    .system ul {display: grid; justify-content: space-between; grid-template-columns: 1fr;}
    .system .research-wrap li {width: 100%; margin-bottom: 50px;}

    /*마더링소개*/
    .present-content ul {grid-template-columns:1fr 1fr;}


}

@media (max-width: 480px) {
    #header .header-inner .sitelogo {left:20px;}
    #header .header-inner .btn-m-menu {right: 20px;}
    .visual-copy h3 {width: 100%; line-height: 3.2rem; font-size: 2.2rem;}
    .visual-copy p {width: 100%;font-size:1.4rem;line-height:2rem;}
    .section1 .img-box .txt {padding: 24px; line-height: 1.5rem; font-size: 1.2rem;}
    .section3 {padding: 60px 20px;}
    .section1 .inner .sec-title h2,
    .section2 .sec-title h3,
    .section3 .sec-title h3 {font-size: 2rem;}
    .section3 .item .text h3 {font-size:1.2rem;}
    .section3 .item .text p,
    .section3 .item .text span {font-size:1rem;}


    .contact .fl_box, .contact .fr_box {height:250px;}
    .contact .item h3 {font-size: 1.2rem;}
    .contact .item p {font-size:1rem;line-height: 1.5rem;}

    .footer {padding: 30px 20px;}
    .footer-inner {display:block; padding:0 0 30px 0;}
    .footer-inner .hsm-logo {width:130px;}
    .footer-inner .address {margin-left:0;}
    .footer-inner span, .footer-inner p {margin:2px 0; font-size:.9rem;}
    .footer-inner p.info {display: block; }
    .footer-inner .policy-area {position: relative;}
    .footer-inner span {margin-right:16px; line-height: 1.5rem;}
    .lnb .lnb-inner {width:110%;}
    .lnb .lnb-inner ul li a {padding:0; font-size: 1rem;}

    /*회사소개*/
    .certi-ul li {width: 100%;}
    .sec-content .row span {display: grid; text-align: center;}
    .company .sec-content {margin:90px auto 0;}
    .infographic {margin-top: 60px;}

    /*실버사업*/
    .pieChart  {display:inline-block; position: relative;width: 250px;height: 250px;border-radius: 50%;transition: .1s;top: 64px; z-index: 3;}
    .pieChartInner {background: #fff;position: absolute;top: 50%;left: 50%;width: 170px;height: 170px;border-radius: 50%;text-align: center;line-height: 100px;font-size: 30px;transform: translate(-50%, -50%);}
    .biz-wrap {display:block;}
    .biz-wrap ul li {margin-bottom: 20px;}
    .biz-wrap ul li p {font-size: 1.2rem;}
    .biz-wrap ul li span {font-size: 1rem;}
    .number .cont-wrap {display: none;!important;}
    .chart-wrap {margin:0;}

    /*연혁*/
    .hist_yyyy {font-size: 1.8rem;margin-bottom: 20px; line-height: 2rem;}
    .year_box .cont {margin-left:20px;}
    .hist_info {margin-bottom:20px;}
    .hist_info .hist_mm {min-width: 44px;}
    .history_item .thum_box {padding-right:20px;}
    .history_item.reverse .year_box .cont {margin-right:20px;}
    .hist_info .hist_val > dd {font-size: 1rem;}

    /*사회공헌*/
    .social-list {margin-top:24px;}
    .social-text {text-align: left;line-height: 1.5rem;font-size: 1rem;}
    .social-text dd, .social-text dt {font-size: 1rem;}
    .sec-title .disc {line-height: 2rem; font-size: 1rem;}
    .service-wrap ul {flex-direction: column;}
    .service-wrap ul li {width: 100%; height:auto;}

    /*해리푸드*/
    .business-wrap {margin-top: 32px;}
    .business-wrap ul {display: grid; gap:50px;}
    .business-wrap ul h4 {font-size: 1.2rem; margin-bottom:12px;}
    .business-wrap .text-box {margin-top: 20px;}
    .business-wrap .text-box p {font-size: 1rem; margin:0;}
    .com-banner {padding: 24px 0;}
    .com-banner > .wrap {padding: 0 20px;}
    .btn-area a {font-size: 1.2rem;}

    .list li img, .risk-wrap li img {display: none;}

    .service .list .text-box {padding: 24px 0 0 0;}
    .service .list .text-box h4 {font-size: 1.4rem;}
    .service ul li {margin-bottom: 100px;}

    /*해리푸드 시스템*/
    .system ul li .box {font-size: 1rem;}
    .system ul li .txt p {font-size: 1rem;}
    .square_box li {padding: 0}
    .square_box li img {border-radius: 20px;}
    .square_box li i {margin-top: 42%;}

    #contents .doc {position: relative;}
    /*#contents .doc2:before {content: "";width: 100%;height: 100%;background: url('../images/program_bg.png') center top no-repeat;background-size: 100% auto;position: absolute;left: 0;top: 0;z-index: -1;}*/


    /*오시는 길*/
    .location-top, .location-bottom {gap:32px;}
    .location-top .right ol {flex-direction: column; gap:40px;}

    /*IT*/
    .system .research-wrap li {width: 100%;!important;}

    /*해리케어*/
    .harrycare .item-wrap {display: grid;}
    .harrycare .item-wrap li {width: 100%;}
    .harrycare .item-wrap li span {font-size: 1rem;}

    /*마더링요양원*/
    .service .list .text-box p {font-size: 1rem;}
}