@charset "utf-8";

/*공통*/
.gray-bg {background-color:#f4f4f4 !important;}

/* greeting */
.greeting .tit-wrap {margin-bottom:42px;}
.greeting .tit-wrap p {font-size:38px; font-weight:700; line-height:1.4em; color:#2c2c2c;}
.greeting .tit-wrap p span {display:block; font-size:16px; font-weight:700; line-height:1em; letter-spacing:0.6em; color:#8ec31f; margin-bottom:20px;}
.greeting .bg {margin-bottom:45px;}
.greeting .txt-wrap {padding-left:340px;}
.greeting .txt-wrap p {font-size:20px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:25px;}
.greeting .txt-wrap p:last-child {margin-bottom:0;}
.greeting .txt-wrap .sign {display:flex; margin-top:50px; align-items:center; font-size:16px; font-weight:500; color:#2c2c2c; line-height:1em;}
.greeting .txt-wrap .sign img {display:inline-block; margin-left:27px;}

/* history */
.history .logo-wrap {padding:60px; background:#f4f4f4; border-radius:1000px; text-align:center; max-width:1000px; margin:0 auto 60px auto;}
.history .wrap {padding-top:51px; position:relative;}
.history .wrap:before {content:""; position:absolute; width:1px; height:100%; left:50%; margin-left:-0.5px; background:#dfdfdf; top:0;}
.history .wrap:after {content:""; position:absolute; width:7px; height:7px; background:#ccc; border-radius:100%; left:50%; top:0; margin-left:-3.5px;}
.history .wrap .group {padding-left:calc(50% + 60px); position:relative; padding-top:16px; padding-bottom:40px;}
.history .wrap .group:last-child:after {content:""; position:absolute; width:7px; height:7px; background:#ccc; border-radius:100%; left:50%; bottom:0; margin-left:-3.5px;}
.history .wrap .group:before {content:""; position:absolute; width:58px; height:58px; background:#fff; border:20px solid #8ec31f; left:50%; margin-left:-29px; top:0; border-radius:100%;}
.history .wrap .group:nth-child(even) {padding-right:calc(50% + 60px); text-align:right; padding-left:0;}
.history .wrap .year {font-size:34px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:23px;}
.history .wrap .month {display:block; min-width:60px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#00a88b; font-size:18px;}
.history .wrap .group > ul > li {display:flex; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:15px;}
.history .wrap .group > ul > li:last-child {margin-bottom:0;}
.history .wrap .group:nth-child(even) > ul > li {flex-direction: row-reverse;}

/* vision */
.vision .tit-wrap {text-align:center; margin-bottom:60px;}
.vision .tit-wrap h3 {font-size:34px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.vision .tit-wrap .sub-info {font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.vision .list-wrap ul {display:flex; justify-content:center;}
.vision .list-wrap ul li {position:relative; padding:0 40px;}
.vision .list-wrap ul li:before {content:""; position:absolute; width:24px; height:24px; background:url("../images/sub/plus.png") no-repeat 50% 50%; background-size:contain; right:-12px; top:50%; margin-top:-12px;}
.vision .list-wrap ul li:last-child:before {display:none;}
.vision .gray-bg {padding:80px 0 120px 0; margin-top:80px;}

/* location */
.location .root_daum_roughmap {width:100% !important; height:600px !important;}
.location .root_daum_roughmap .wrap_map {height:600px !important;}
.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"CNJ 헬스케어"; font-size:12px; line-height:15px;}
.local {margin-bottom:50px;}
.local-info {display:flex;}
.local-info dl {flex:1; border-right:1px dashed #dfdfdf; text-align:center; padding:135px 10px 40px 10px; background-repeat:no-repeat; background-position:center 40px;}
.local-info dl:nth-child(1) {background-image:url("../images/sub/local_icon1.png")}
.local-info dl:nth-child(2) {background-image:url("../images/sub/local_icon2.png")}
.local-info dl:nth-child(3) {background-image:url("../images/sub/local_icon3.png")}
.local-info dl:last-child {border-right:0;}
.local-info dt {font-size:17px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#8ec31f; margin-bottom:13px;}
.local-info dd {font-size:24px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;}