@charset "utf-8";

/* common */
.dim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;cursor:auto;}
.contTitle{font-size:4.8rem;font-weight:500;color:#111;line-height:1.4585;word-break:keep-all;}
.contTitle02{font-size:5.2rem;margin-bottom:2.715%;}
.contBorder{padding-bottom:6.945%;border-bottom:1px solid #ddd;margin:0 0 7.071% 0;}
.basicText{font-size:2rem;color:#555;letter-spacing:-0.02em;line-height:1.7;word-break:keep-all;}
.contTop .basicText{margin-top:2.273%;}

.grayBg{padding:6.629% 0;background:#f4f4f4;border-radius:1.822915vw;text-align:center;}

.boxCont ul{padding-top:14px;word-break:keep-all;}
.boxCont ul li dl dt{font-size:2.2rem;font-weight:500;letter-spacing:-0.02em;color:#111;line-height:1.5;}
.boxCont ul li dl dd{font-size:2rem;letter-spacing:-0.02em;color:#555;line-height:1.7;margin-top:8px;}
.boxCont ul li:nth-child(n+2){margin-top:25px;}

.boxTitle{font-size:3.2rem;font-weight:500;color:#111;letter-spacing:0;margin-bottom:1.074%;}
.boxText{font-size:2rem;line-height:1.7;letter-spacing:-0.02em;color:#555;}

/* 회사소개 > 회사소개 */
.managementBox h3{font-size:5.2rem;font-weight:500;color:#111;}
.managementBox ul{display:flex;margin-top:70px;}
.managementBox ul li{width:23.359%;position:relative;}
.managementBox ul li:nth-child(n+2){margin-left:2.18%;}
.managementBox ul li dl{position:absolute;left:10.542%;bottom:6.365%;color:#fff;}
.managementBox ul li dl dt{font-size:2.083332vw;font-weight:700;margin-bottom:17.58%;}
.managementBox ul li dl dd{font-size:1.041665vw;font-weight:500;line-height:1.4;}

/* 회사소개 > 오시는길 */
.locationTop{display:flex;align-items:flex-end;margin-bottom:7.576%;}
.locationTop .contTitle{width:50%;padding-right:20px;}
.locationTop ul{width:50%;padding-left:5.051%;position:relative;top:-8px;}
.locationTop ul li:nth-child(n+2){margin-top:15px;}
.locationTop ul li dl{display:flex;font-size:2rem;}
.locationTop ul li dl dt{width:140px;font-weight:600;padding-right:10px;flex-shrink:0;}
.locationTop ul li dl dd{padding-top:3px;}

.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap .map_border{display:none !important;}

/* 회사소개 > 연혁 */

.histroyWrap .contTop{background:url(/img/introduce/history_top.jpg)no-repeat center top / cover;padding:162px 0 181px;}
.histroyWrap .contTop h3{font-size:8rem;color:#fff;letter-spacing:-0.02em;text-align:center;font-weight:400;}
.histroyWrap .contTop h3 span{font-size:12rem;font-family: "BaskOldFace";}

.historyBox{padding:10.09% 0 7.62%;}
.historyBox .historyCont{display:flex;}
.historyBox .period{width:50%;font-size:10rem;line-height:100px;font-weight:600;letter-spacing:-0.02em;margin-top:-13px;}
.historyBox .historyCont:nth-child(n+2) ol{padding-top:150px;}
.historyBox .historyCont:nth-child(n+2) .period{padding-top:150px;}
.historyBox ol{width:50%;border-left:4px solid #b20e10;padding:0 0 0 9.091%;color:#555;font-size:1.8rem;letter-spacing:-0.02em;}
.historyBox ol li .year{font-size:5rem;letter-spacing:-0.06em;font-weight:600;color:#111;margin:-7px 0 27px;line-height:1;}
.historyBox ol > li{line-height:1.889;}
.historyBox ol > li:nth-child(n+2){margin-top:21.74%;}
.historyBox ol > li ul li{position:relative;}
.historyBox ol > li ul li .imgBox{margin:31px 0 0 0;}

.historyBox ol > li ul.dotList > li:before{position:absolute;left:0;top:0;display:inline-block;content:'·';}
.historyBox ol > li ul.dashList > li:before{position:absolute;left:0;top:0;display:inline-block;content:'-';}
.historyBox ol > li ul.dashList{padding-left:7px;margin-top:4px;}
.historyBox ol > li ul.dotList > li{padding-left:8px;}
.historyBox ol > li ul.dashList > li{padding-left:10px;line-height:1.75;font-size:1.6rem;}
.historyBox ol > li ul.numList > li{display:flex;}
.historyBox ol > li ul.numList > li > span{width:41px;flex-shrink:0;font-weight:600;color:#111;}

/* 사업영역 */

.businessCont .detail{display:flex;justify-content:space-between;margin-top:80px;}
.businessCont .detail > dl{width:calc(50% - 12px);background:#fbf6f6;padding:2.336% 3.157%;}
.businessCont .detail > dl dt{font-size:3.5rem;font-weight:600;letter-spacing:-0.02em;margin-bottom:19px;}
.businessCont .detail > dl dd{font-size:2rem;line-height:1.7;color:#555;letter-spacing:-0.02em;padding-left:3px;}
.businessCont .detail > dl dd ul li{padding-left:10px;position:relative;word-break:keep-all;}
.businessCont .detail > dl dd ul li:before{position:absolute;left:0;top:0;display:inline-block;content:'·';}
.businessCont .detail > dl dd ul li:nth-child(n+2){margin-top:8px;}
.businessCont .detail > dl.goal dt{color:#d50d0f;}

/* R&D */
.r_d_wrap .contBorder{padding-bottom:8.208%;}
.r_d_wrap .contTop .imgBox{margin-top:4.546%;}
.r_d_wrap .rndOverview .imgBox{margin-top:4.104%;}
.r_d_wrap .rndOverview .text{margin-top:4.925%;font-size:2rem;color:#555;}


/* 제품구성 */
.productBox{display:flex;}
.productBox .imgWrap{width:50%;padding-right:2.526%;}
.productBox .imgWrap img{border-radius:1.822915vw;}
.productBox .productInfo{width:50%;padding:2.778% 0 0 3.8515%;word-break:keep-all;}
.productBox .productInfo .titleBox h3{font-size:4.8rem;letter-spacing:-0.02em;font-weight:500}
.productBox .productInfo .titleBox p{font-size:2rem;font-weight:500;letter-spacing:-0.02em;margin-top:27px;}
.productBox .productInfo .textBox{letter-spacing:-0.02em;color:#555;font-size:1.8rem;line-height:1.556;margin-top:6.705%;}
.productBox .productInfo .textBox p{font-size:1.6rem;color:#945205;line-height:1.5;margin:10px 0 20px;}
.productBox .productInfo .textBox p:last-of-type{margin-bottom:0;}
.productBox .productInfo .textBox ul li .redText{color:#b20e10;margin-bottom:5px;font-weight:500;}
.productBox .productInfo .textBox ul li dl dt{font-weight:700;font-size:1.8rem;color:#111;}
.productBox .productInfo .textBox ul li dl dd{font-size:1.8rem;margin-top:10px;}
.productBox .productInfo .textBox ul li:nth-child(n+2){margin-top:30px;}

.productHalf{display:flex;justify-content:space-between;}
.productHalf li{width:47.349%;}

.aestheticsWrap .contTop .productHalf{margin-bottom:6.314%;}
.aestheticsWrap .productBox .imgWrap .imgBox{background:url(/img/product/aesthetics_circle.png)no-repeat left top;background-size:59% auto;display:flex;flex-direction:column;justify-content:flex-end;margin-top:6.65%;padding:30% 0 26px 34.575%;}
.aestheticsWrap .productBox .imgWrap .imgBox .text{font-size:2.5vw;font-weight:500;letter-spacing:-0.02em;line-height:1.4586;margin-bottom:4px;position:relative;top:13px;}
.aestheticsWrap .productBox .imgWrap .imgBox .set{font-size:5.20835vw;font-weight:500;display:flex;align-items:baseline;position:relative;top:13px;}
.aestheticsWrap .productBox .imgWrap .imgBox .set span{font-size:2.5vw;margin-left:10px;}


.homecare_wrap .contBox:nth-of-type(n+2){margin-top:10.48%;}
.homecare_wrap .contTop .grayBg{padding-top:9.47%;}
.homecare_wrap .homecareMeritInfoBox{display:flex;justify-content:space-between;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo{padding:1.5625vw 2.08335vw 2.60415vw;letter-spacing:-0.02em;border-radius:1.5625vw;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo h4{min-width:450px;margin:0 0.7813vw 1.66665vw;font-size:2.4rem;font-weight:700;text-align:center;background:#fff;border-radius:1.5625vw;padding:0.8073vw 10vw;display:inline-block;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo h5{font-size:2.4rem;font-weight:700;margin-top:2.4479vw;text-align:left;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo .imgBox{width:45%;text-align:right;margin-right:5%;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ul{display:flex;align-items:center;margin:1.1979vw 0 1.71875vw;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ul li{padding:0.3646vw 0.9896vw;font-size:1.8rem;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:0.91146vw;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ul li:nth-child(n+2){margin-left:5px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ol li{display:flex;font-size:2rem;line-height:1.7;text-align:left;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ol li:nth-child(n+2){margin-top:7px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ol li > span{margin-right:10px;flex-shrink:0;font-weight:700;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo .flexCont{display:flex;justify-content:center;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo .flexCont .textBox{width:50%;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.left{width:100%;background:#daeef3;text-align:center;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.left h5 span{color:#056a99;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.left ul li{color:#056a99;background:#c4e1ea;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.left ol li{color:#056a99;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right{width:63.132%;background:#f4f4f4;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right h5{color:#555;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right h5 span{color:#111;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right ol li{color:#555;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right ol li > span{color:#111;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right ol li strong{color:#111;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right ul li{background:#dbdbdb;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div{display:flex;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div > div{width:50%;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div > div:nth-child(1){padding-right:2.34375vw;border-right:1px solid #ccc;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div > div:nth-child(2){padding-left:2.34375vw;}
.homecare_wrap .homecarePersonal h4{font-size:4.2rem;font-weight:500;color:#111;letter-spacing:0;margin-bottom:1.894%;}
.homecare_wrap .homecarePersonal .grayBg{display:flex;justify-content:center;align-items:center;margin:50px 0 78px;} 
.homecare_wrap .homecarePersonal .grayBg img:first-child{width:41.288%;padding-right:1.894%;}
.homecare_wrap .homecarePersonal .grayBg img:last-child{width:39.331%;padding-left:5.051%;}
.homecare_wrap .homecarePersonal .boxTitle{padding-top:1.011%;}

.homecare_wrap .homecarePatent ul{display:flex;flex-wrap:wrap;margin:0 -0.926%;padding:6.629%;}
.homecare_wrap .homecarePatent ul li{width:24%;margin:10px 0;cursor:pointer;}
.homecare_wrap .homecarePatent ul li:nth-child(n+2){margin-left:1.3333%}
.homecare_wrap .homecarePatent ul li .imgBox{position:relative;border:1px solid #ddd;}
.homecare_wrap .homecarePatent ul li .imgBox:before{width:100%;height:100%;content:'';background:rgba(0, 0, 0,.4);left:0;top:0;display:none;position:absolute;}
.homecare_wrap .homecarePatent ul li .imgBox:after{width:32.26%;height:22.99%;content:'';background:url('/img/common/certification_btn.png')no-repeat center center / 100% auto;left:50%;top:50%;transform:translate(-50%,-50%);display:none;position:absolute;}
.homecare_wrap .homecarePatent ul li .imgBox:hover:before,
.homecare_wrap .homecarePatent ul li .imgBox:hover:after{display:block;}
.homecare_wrap .homecarePatent ul li > p{word-break:keep-all;font-weight:700;letter-spacing:-0.01em;color:#111;margin-top:19px;text-align:center;}
.homecare_wrap .homecarePatent ul li .certificationDetail{display:none;cursor:auto;position:relative;width:590px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1003;}
.homecare_wrap .homecarePatent ul li .certificationDetail .closeBtn{position:absolute;top:0;right:-60px;cursor:pointer;}


@media all and (max-width:1279px) {
/* 회사소개 > 오시는길 */
.locationTop ul{top:-10px;}
.locationTop ul li dl dt{width:130px;}

/* 제품구성 */
.homecare_wrap .contTop .grayBg img{width:55%;}

}


@media all and (max-width:979px) {
/* 회사소개 > 회사소개 */
.managementBox ul li dl dt{font-size:2.60417vw;}
.managementBox ul li dl dd{font-size:1.69271vw;}

/* 회사소개 > 오시는길 */
.locationTop{display:block;}
.locationTop .contTitle{width:100%;padding-right:0;}
.locationTop ul{width:100%;padding-left:0;position:relative;top:0;margin-top:20px;}

/* 회사소개 > 연혁 */

.histroyWrap .contTop h3{font-size:7rem;}
.histroyWrap .contTop h3 span{font-size:11rem;}

.historyBox .historyCont{display:block;}
.historyBox .period{width:100%;margin:0 0 50px;}
.historyBox ol{width:100%;}
.historyBox .period br{display:none;}
.historyBox .historyCont:nth-child(n+2) ol{padding-top:0;}


/* 제품구성 */
.homecare_wrap .homecarePersonal .grayBg{display:block;}
.homecare_wrap .homecarePersonal .grayBg img:first-child{width:65%;padding-right:0;margin-bottom:50px;}
.homecare_wrap .homecarePersonal .grayBg img:last-child{width:50%;padding-left:0;}

.homecare_wrap .homecarePatent ul li .certificationDetail{width:70%;}
.homecare_wrap .homecarePatent ul li .certificationDetail .closeBtn{right:-8%}


}
@media all and (max-width:767px) {
/* common */
.contTitle{font-size:3.7rem;line-height:1.4}
.contBorder{padding-bottom:60px;margin-bottom:50px;}
.contTop .basicText{margin-top:20px;}

.contTitle02{font-size:4.1rem;margin-bottom:29px;}

.grayBg{border-radius:4vw;}

.boxTitle{font-size:2.8rem;}
.boxCont ul li:nth-child(n+2){margin-top:17px;}

/* 회사소개 > 회사소개 */
.managementBox h3{font-size:4.1rem;}
.managementBox ul{flex-wrap:wrap;margin:30px -1% 0;}
.managementBox ul li{width:48%;margin:1% !important;}
.managementBox ul li dl dt{font-size:5.99739vw;margin-bottom:20px;}
.managementBox ul li dl dd{font-size:2.9987vw;}

/* 회사소개 > 오시는길 */
.locationTop{margin-top:80px;}
.root_daum_roughmap .wrap_map{height:350px !important;}
.locationTop ul li dl dt{width:100px;}

/* 회사소개 > 연혁 */
.histroyWrap .contTop {padding:108px 0 120px;}
.histroyWrap .contTop h3{font-size:5.5rem;line-height:1.3;}
.histroyWrap .contTop h3 span{font-size:8rem;display:block;}

.historyBox .period{font-size:6rem;}
.historyBox ol li .year{font-size:3.9rem;margin-bottom:22px;}
.historyBox ol{border-left-width:3px;}
.historyBox ol > li:nth-child(n+2){margin-top:70px;}
.historyBox ol > li ul li .imgBox{margin:10px 0 5px 0;}
.historyBox .historyCont:nth-child(n+2) .period{padding-top:80px;margin: 0 0 30px;}


/* 사업영역 */
.businessCont .detail{display:block;}
.businessCont .detail > dl{width:100%;padding:25px 33px;}
.businessCont .detail > dl + dl{margin-top:20px;}
.businessCont .detail > dl dt{margin-bottom:13px;}

/* R&D */
.r_d_wrap .contBorder{padding-bottom:87px;}
.r_d_wrap .contTop .imgBox{margin-top:48px;}
.r_d_wrap .rndOverview .imgBox{margin-top:43px;}
.r_d_wrap .rndOverview .text{margin-top:52px;}

/* 제품구성 */
.productBox{display:block;}
.productBox .imgWrap{width:100%;margin-bottom:30px;}
.productBox .imgWrap img{border-radius:4vw;}
.productBox .productInfo{width:100%;padding-left:0;}

.aestheticsWrap .contTop .productHalf{display:block;margin-bottom:66px;}
.aestheticsWrap .contTop .productHalf > li{width:100%;}
.aestheticsWrap .contTop .productHalf > li:nth-child(n+2){margin-top:20px;}
.aestheticsWrap .productBox .imgWrap .imgBox{padding:35% 0 26px 38.575%;}
.aestheticsWrap .productBox .imgWrap .imgBox .text{font-size:4.5vw;}
.aestheticsWrap .productBox .imgWrap .imgBox .set{font-size:9vw;}
.aestheticsWrap .productBox .imgWrap .imgBox .set span{font-size:4.5vw;}

.homecare_wrap .contBox:nth-of-type(n+2){margin-top:111px;}

.homecare_wrap .homecareMeritInfoBox{display:block;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.left{width:100%;border-radius:3.5vw;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo{padding:20px 27px 33px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo h4{min-width:100%;font-size:2.4rem;border-radius:30px;padding:10px 0;margin:0 10px 20px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo h5{font-size:2.4rem;margin-top:31px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ul{margin:15px 0 22px}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ul li{font-size:1.8rem;padding:5px 12px;border-radius:17.5px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ol li{font-size:2rem; }
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo ol li:nth-child(n+2){margin-top:4px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo .flexCont{display:block;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo .flexCont .textBox{width:100%;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo .imgBox{width:100%;margin-right:0;text-align:center;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right{width:100%;margin-top:30px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div{display:block;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div > div{width:100%;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div > div:nth-child(1){padding:0 0 30px 0;border-bottom:1px solid #ccc;border-right:0;margin-bottom:30px;}
.homecare_wrap .homecareMeritInfoBox .homecareMeritInfo.right > div > div:nth-child(2){padding-right:0;}
.homecare_wrap .homecarePersonal h4{font-size:3.6rem;margin-bottom:20px;}
.homecare_wrap .homecarePersonal .boxTitle{padding-top:10px;margin-bottom:12px;}
.homecare_wrap .homecarePersonal .grayBg{margin:33px 0 52px;}
.homecare_wrap .homecarePersonal .grayBg img:first-child{width:75%;padding-right:0;margin-bottom:5%;}
.homecare_wrap .homecarePersonal .grayBg img:last-child{width:60%;padding-left:0;}

.homecare_wrap .homecarePatent ul li{width:49%;margin-left:0 !important;}
.homecare_wrap .homecarePatent ul li:nth-child(2n){margin-left:2% !important;}
}

@media all and (max-width:501px) {
/* 제품구성 */
.homecare_wrap .homecarePersonal .grayBg img:first-child{width:90%;padding-right:0;}
.homecare_wrap .homecarePersonal .grayBg img:last-child{width:80%;padding-left:0;}

.homecare_wrap .homecarePatent ul li .certificationDetail .closeBtn{top:-50px;right:0;}
}