@charset "utf-8";

.doc-cnt .doc-tit {position:relative; margin-bottom:80px; padding-bottom:40px; font-size:var(--font-size-40); letter-spacing:-.03em; line-height:1.3em; color:#2c2c2c;}
.doc-cnt .doc-tit span {color:var(--color-primary);}
.doc-cnt .doc-tit::after {content:''; position:absolute; left:0; bottom:0; width:52px; height:3px; background-color:var(--color-primary);}
.doc-cnt .sub-tit {margin-bottom:50px; font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.doc-cnt .t-box p {font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.53em; color:#505050;}

.doc-cnt .top-cnt {display:flex;}
.doc-cnt .top-cnt .t-box {flex:1 1 auto; min-width:0; width:1%; margin-right:40px;}
.doc-cnt .top-cnt .video {width:60%;}
.doc-cnt .top-cnt .video video {width:100%; height:100%; object-fit:cover;}
.doc-cnt .top-cnt .img {width:60%;}

.doc-cnt .list-tab {margin:60px 0 0 0;}
.doc-cnt .list-tab ul {display:flex; flex-wrap: wrap; width:100%;}
.doc-cnt .list-tab ul li.active {border:1px solid var(--color-primary); background-color:#fff; color:var(--color-primary);}
.doc-cnt .list-tab ul li {width:auto; height: 64px; display:flex; position:relative; width:calc(100% / 5); align-items:center; justify-content:center; text-align:center; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; line-height:1.44em; color:#898989; background-color:#fafafa;border: 1px solid #ddd;  border-left: 0;}
/* .doc-cnt .list-tab ul li:after {content:''; position:absolute; left:0; top:0; height:100%; width:1px; background:#ddd;} */
.doc-cnt .list-tab ul li:first-child:after {display:none;}
.doc-cnt .list-tab ul li.active::after {display:none;}
.doc-cnt .list-tab ul li.active + li:after {display:none;}
.doc-cnt .list-tab ul li a {padding:0 10px;}
.doc-cnt .list-tab ul li:first-child {border-left:1px solid #ddd;}
.doc-cnt .list-tab ul li:first-child.active {border-left:1px solid var(--color-primary);}
.doc-cnt .list-tab ul li:last-child {border-left:1px solid #ddd;}
.doc-cnt .list-tab ul li:last-child.active {border-right:1px solid var(--color-primary);}

.doc-cnt .location-wrap {position:relative;margin-top:80px;}
.doc-cnt .location {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1;}
.doc-cnt .location.on {opacity:1; z-index:1; position:relative;}
.doc-cnt .location .place {display:flex;}

.doc-cnt .btn-wrap {text-align:center;}
.doc-cnt .more {width:120px; height:48px; font-size:var(--font-size-16) !important; letter-spacing:-.03em; line-height:1.2em; color:#fff !important; font-weight:500; display:inline-flex; align-items:center; justify-content:center; background-color:var(--color-primary);}
.doc-cnt .more span {margin-left:10px;}

.intro .top-wrap .t-box .doc-tit {margin-bottom:0;}
.intro .top-wrap .t-box p {margin-top:50px;}
.intro .middle-wrap {margin:115px 0;}
.intro .middle-wrap .vision {margin-bottom:100px;}
.intro .middle-wrap .vision .t-box p:not(:first-child) {margin-top:30px;}
.intro .middle-wrap .ptn-wrap {margin-top:60px;}
.intro .middle-wrap .ptn-wrap ul {display:flex; flex-wrap:wrap; margin:-10px;}
.intro .middle-wrap .ptn-wrap li {width:20%; padding:10px;}
.intro .btm-wrap ol>li {display:flex;}
.intro .btm-wrap ol>li .img {margin-bottom: 100px;}
.intro .btm-wrap .h-box {width:50%; margin-left:80px;  position:relative; padding-bottom:100px;}
.intro .btm-wrap .h-box::before {content:''; position:absolute; left:0; top:8px; width:1px; height:100%; background-color:#ddd;}
.intro .btm-wrap .h-box .year {position:relative;  padding-left:80px; margin-bottom:35px; font-size:var(--font-size-36); font-weight:400; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.intro .btm-wrap .h-box .year::before {content:''; position:absolute; width:10px; height:10px; background-color:#ddd; left:-5px; top:8px; border-radius:100%;}
.intro .btm-wrap .h-box ul li {display:flex;  padding-left:80px; margin-top:25px;}
.intro .btm-wrap .h-box ul li:first-child {margin-top:0px;}
.intro .btm-wrap .h-box .month {margin-right:15px; width:35px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.intro .btm-wrap .h-box .story p {margin-top:25px; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#505050;}
.intro .btm-wrap .h-box .story p:first-child {margin-top:0;}
.intro .btm-wrap ol>li:first-child .h-box .year {color:var(--color-primary); font-weight:700;}
.intro .btm-wrap ol>li:first-child .h-box .year::before {content:''; position:absolute; width:24px; height:24px; left:-12px; top:50%; transform:translateY(-50%); background-image:url(/images/sub/year-ico.png);}
.intro .btm-wrap ol>li:first-child .h-box .year::after {content:''; position:absolute; width:65px; height:1px; left:0px; top:50%; transform:translateY(-50%); background-color:var(--color-primary);}
.intro .btm-wrap ol>li:last-child {padding-bottom:0;}
.intro .btm-wrap ol>li:last-child::before {height:60%;}

.map-wrap {width:60%; margin-right:80px;}
.map-info {flex:1 1 auto; min-width:0; width:1%;}
.map-info .tit-wrap h3 {margin-bottom:0;}
.map-info .tit-wrap p {margin:20px 0 35px; font-size:var(--font-size-16); font-weight:500; letter-spacing:-.03em; line-height:1.63em; color:#505050;}
.map-info .i-box {margin-bottom:30px; }
.map-info .i-box:last-child {margin-bottom:0;}
.map-info .i-box .info-tit {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:var(--color-primary);}
.map-info .i-box .tt {margin-top:15px; font-size:var(--font-size-16); font-weight:500; letter-spacing:-.03em; line-height:1.63em; color:#505050;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display:none;}

.cranial .top-wrap .t-box .doc-tit {margin-bottom:0;}
.cranial .top-wrap .t-box p {margin-top:25px;} 
.cranial .video-cnt .video-box {margin:120px 0 55px; padding:80px; box-shadow:0px 5px 38px 2px rgba(0, 0, 0, 0.04);}
.cranial .video-cnt .video-box video {width:100%; height:100%;}
.cranial .video-cnt .text-wrap {display:flex;}
.cranial .video-cnt .text-wrap h3 {width:27%; margin-right:120px; margin-bottom:0;}
.cranial .video-cnt .text-wrap h3 span {color:var(--color-primary);}
.cranial .video-cnt .text-wrap .t-box {flex:1 1 auto; min-width:0; width:1%;}
.cranial .video-cnt .text-wrap .t-box p {margin-top:20px; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.63em; color:#505050;}
.cranial .video-cnt .text-wrap .t-box p:first-child {margin-top:0;}
.cranial .middle-img {margin:110px 0; background-image:url(/images/sub/cranial-bg.jpg); background-position-x:50%; width:100%; height:640px; background-repeat:no-repeat; background-size:cover;}
.cranial .middle-img .contain{height:100%; display:flex; align-items:center;}
.cranial .middle-img .img-tit.sub-tit {font-size:var(--font-size-32); margin-bottom:50px; font-weight:700; color:#fff;}
.cranial .middle-img .tt {font-size:var(--font-size-80); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#fff;}
.cranial .middle-img .tt span {font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.2em;}
.cranial .middle-img .tt2 {margin:30px 0 20px; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em;color:#fff;}
.cranial .middle-img .tt3 {font-size:var(--font-size-14); letter-spacing:-.03em; line-height:1.2em;color:#fff;}
.cranial .btm-wrap .cnt01 {padding-bottom:115px; margin-bottom:115px; border-bottom:1px dashed #ddd;}
.cranial .btm-wrap .cnt-box h3 {text-align:center;}
.cranial .btm-wrap .cnt01 h3 {margin-bottom:95px; }
.cranial .btm-wrap .cnt01 ul {position:relative; display:flex; text-align:center; margin:0 -26.5px; padding-bottom:150px;}
.cranial .btm-wrap .cnt01 ul::before {content:''; position:absolute; z-index:-1; left:50%; transform:translateX(-50%); bottom:-10%; width:100%; height:100%; background-image:url(/images/sub/cranial-bg2.png); background-position:50%; background-repeat:no-repeat; background-size:contain;}
.cranial .btm-wrap .cnt01 ul li {padding:0 26.5px; width:25%;}
.cranial .btm-wrap .cnt01 ul li p {margin-top:25px; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.cranial .btm-wrap .cnt01>p {text-align:center; margin-bottom: 0; font-weight:700; color:var(--color-primary);}
.cranial .btm-wrap .cnt02 h3 {margin-bottom:45px; }
.cranial .btm-wrap .cnt02 .exam h4 {margin-bottom:55px; text-align:center; color:var(--color-primary);}
.cranial .btm-wrap .exam ul {display:flex; flex-wrap:wrap; margin:0 -14.5px;}
.cranial .btm-wrap .exam ul li {width:25%; padding:0 14.5px;}
.cranial .btm-wrap .exam ul li p {margin-top:25px; text-align:center; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#505050;}
.cranial .btm-wrap .exam.domestic {margin-top:75px;}
.cranial .btm-wrap .exam.domestic ul {margin:-27.5px -14.5px;}
.cranial .btm-wrap .exam.domestic ul li {padding:27.5px 14.5px;}

.thesis .list-tab {margin:60px 0 40px;}
/* .thesis .doc-tit {margin-bottom:80px;} */

.health .cnt-box:not(:last-child) {margin-bottom:120px;}
.health .top-box {display:flex; align-items:center;}
.health .top-box>.img {width:50%;}
.health .info-wrap {margin-left:80px; flex:1 1 auto; min-width:0; width:1%;}
.health .info-wrap h3 {margin-bottom:0;}
.health .info-wrap ul li {display:flex;}
.health .info-wrap ul li:first-child {margin:45px 0;}
.health .info-wrap ul li .t-box {margin-left:30px; display:flex; flex-direction:column; justify-content:space-around;}
.health .info-wrap ul li .tt { font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.health .info-wrap ul li .tt2 {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#505050;}
.health .btm-box ul {display:flex; justify-content:space-around; margin-top:80px; padding:60px 0; border-top:1px solid #a8a8a8; border-bottom:1px solid #ddd;}
.health .btm-box ul li .box {display:flex; flex-direction:column; align-items:center;}
.health .btm-box ul li .box p {margin-top:18px; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}


.consumer .v-box {padding:100px; border:5px solid #ddd; height:720px;}
.consumer .v-box iframe {width:100%; height:100%;object-fit:cover;}
.consumer video {width:100%; height:100%;object-fit:contain;}
.consumer .cnt-box:not(:last-child) {margin-bottom:115px;}

.consumer .use-info {display:flex; margin:60px 0 120px;}
.consumer .use-info .video-box {width:70.4%; margin-right:8px;}
.consumer .use-info .video-box video {width:100%; height:100%; object-fit:cover;}
.consumer .use-info .img {flex:1 1 auto; min-width:0; width:1%;}
.consumer .use-info .img img {width:100%; height:100%;}
.consumer .box01 .tit-box .sub-tit,
.consumer .box02 .tit-box .sub-tit {color:#fff !important;}
.consumer .box01 {display:flex; align-items:center; color:#fff; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em; background-image:url(/images/sub/consumer-bg.jpg); width:100%; height:701px; background-position:50%; background-repeat:no-repeat; background-size:cover;}
.consumer .box01 .tit-box .sub-tit {margin-bottom:20px;}
.consumer .box01 .txt-box {display:flex; align-items:flex-end;}
.consumer .box01 .txt-box .txt p:nth-child(2) span {margin-right:20px; font-size:var(--font-size-44); color:var(--color-second); font-weight:600;}
.consumer .box01 .txt-box .txt p:nth-child(2) {margin:15px 0 20px;}
.consumer .box01 .txt-box .txt .img {margin:55px 0 15px;}
.consumer .box01 .txt-box .txt p:last-child {text-indent:-15px; margin-left:15px;}

.consumer .box02 {display:flex; align-items:center;  width:100%; height:902px; background-image:url(/images/sub/consumer-bg2.jpg); background-position:50%; background-repeat:no-repeat; background-size:cover;}
.consumer .box02 .tit-box p {font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.2em; color:#fff;}
.consumer .box02 .list-wrap ul {display:flex; margin:0 -20px;}
.consumer .box02 .list-wrap ul li {position:relative; padding:0 20px;}
.consumer .box02 .list-wrap ul li:not(:last-child)::after {content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:14px ; height:13px ; background-image:url(/images/sub/consumer-arrow.png); background-repeat:no-repeat; background-size:contain;}
.consumer .box02 .list-wrap ul li .box {display:flex; flex-direction:column; align-items:center; justify-content:center; width:210px; height:230px; border-radius:10px;}
.consumer .box02 .list-wrap ul li .box p {margin-top:35px; text-align:center;}
.consumer .box02 .list-wrap .items01 {margin:55px -20px 40px;}
.consumer .box02 .list-wrap .items01 li .box {color:#fff; background-color:#1f2c5b; border:2px solid #fff;}
.consumer .box02 .list-wrap .items02 {justify-content:flex-end; margin-right:60px;}
.consumer .box02 .list-wrap .items02 li .box {color:#505050; background-color:#fff; }

.consumer .box03 {margin:115px 0;}
.consumer .box03 .tit-box h4 {font-size:var(--font-size-28); letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.consumer .box03 .tit-box p {margin:30px 0 75px; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:var(--color-primary);}
.consumer .box03 .sub-cnt {display:flex; justify-content:space-between;}
.consumer .box03 .sub-cnt .left {margin-right:25px;}
.consumer .box03 .img-wrap {margin-bottom:45px;}
.consumer .box03 .img-wrap ul {display:flex; margin:0 -5px 15px;}
.consumer .box03 .img-wrap ul li {padding:0 5px;}
.consumer .box03 .img-wrap p { text-align:center; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#505050;}
.consumer .box03 .research-box ul {margin:-10px 0; padding-bottom:150px; position:relative;} 
.consumer .box03 .research-box ul::after {content:''; position:absolute; z-index: -1; bottom:0; transform:translateX(-50%); left:50%; width:391px; height:116px; background-image:url(/images/sub/consumer-arrow2.png); background-repeat:no-repeat; background-size:contain;}
.consumer .box03 .research-box ul li {padding:10px 0;}
.consumer .box03 .research-box ul li .box {padding:30px 34px; display:flex; align-items:center; background-color:#f8f8f8; border-radius:20px;}
.consumer .box03 .research-box ul li .box p:nth-child(2) {position:relative; margin:0 30px 0 20px; padding-right:70px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.consumer .box03 .research-box ul li .box p:nth-child(2)::after {content:''; position:absolute; top:50%; transform:translateY(-50%); right:0;width:50px; height:2px; background-color:#ccc;}
.consumer .box03 .research-box ul li .box p:nth-child(3) {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#505050;}
.consumer .box03 .research-box>p {margin-top:25px; text-align:center; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.consumer .box03 .research-box>p span {color:var(--color-primary);}

.consumer .box04 ul {display:flex; justify-content:space-around; margin-bottom: 120px; padding:60px 0; border-top:1px solid #a8a8a8; border-bottom:1px solid #ddd;}
.consumer .box04 ul li p {margin-top:15px; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#505050;}

.consumer .img-wrap.national-team {margin-bottom:60px; display:flex; align-items:center; justify-content:center;width:100%; height:601px; background-position-y:50%;  background-repeat:no-repeat; background-size:cover;}
.consumer .img-wrap.national-team .coment-box {margin-left:55px;}
.consumer .img-wrap.national-team .coment-box p:first-child {padding-left:35px; font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#2c2c2c;}
.consumer .img-wrap.national-team .coment-box p:nth-child(2) {padding-left:35px; margin-top:13px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em; color:#505050;}

.consumer .box05 .img-wrap {background-image:url(/images/sub/consumer-img7.png);}
.consumer .box06 .img-wrap {background-image:url(/images/sub/consumer-img10.jpg);}
.consumer .box07 .img-wrap {background-image:url(/images/sub/consumer-img13.jpg);}

.consumer .box08 .reviews-wrap>ul {display:flex; margin:0 -15px; padding-bottom:40px;}
.consumer .box08 .reviews-wrap>ul li {width:33.33%; padding:0 15px;}
.consumer .box08 .reviews-wrap>ul li .img {position:relative; padding-bottom:59.21%; overflow:hidden;}
.consumer .box08 .reviews-wrap>ul li .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.consumer .box08 .reviews-wrap>ul li .tit {padding:25px 30px; background-color:#fafafa; color:#454545; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.consumer .box08 .reviews-wrap>ul li .tit span {font-weight:500; color:#242424;}
.consumer .box08 .reviews-wrap .controls {display:flex;align-items:flex-end; justify-content:center;}
.consumer .box08 .reviews-wrap .slick-dots {display:flex !important; justify-content:center;}
.consumer .box08 .reviews-wrap .slick-dots li {padding:0 10px;}
.consumer .box08 .reviews-wrap .slick-dots li button {border:0;font-size:0; width:9px; height:9px; border-radius:100%; background-color:rgba(168,168,168,.6);}
.consumer .box08 .reviews-wrap li.slick-active button {position:relative;background-color:rgba(168,168,168,1);}
.consumer .box08 .reviews-wrap li.slick-active button::after {content:''; position:absolute; left:-4px; top:-4px; width:17px; height:17px; background-color:transparent; border:1px solid #a8a8a8; border-radius:100%;}
.consumer .box08 .reviews-wrap .play-btn {margin-left:20px; display:flex; align-items:flex-end; margin-bottom:1px;}
.consumer .box08 .reviews-wrap .slide-btn {background-color:transparent; width:17px; height:17px; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; background-size:contain;}
.consumer .box08 .reviews-wrap .slide-stop {background-image:url("/images/sub/ctr-stop.png");}
.consumer .box08 .reviews-wrap .slide-play {display:none; background-image:url("/images/sub/ctr-play.png");}

.hospital .cnt-box {margin-top:115px;}
.hospital .img-wrap ul {display:flex;}
.hospital .pocus-wrap ul { margin:0 -15px;}
.hospital .img-wrap ul li {padding:0 15px; text-align:center;}
.hospital .img-wrap ul li p {margin-top:25px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em; font-weight:500;}
.hospital .prod-wrap ul {margin: -15px;}
.hospital .prod-wrap ul li {width:50%;}
.hospital .thesis-wrap ul li {width:33.33%; }
.hospital .thesis-wrap ul li p {color:#2c2c2c;}
.hospital .thesis-wrap ul li:hover img {box-shadow:0px 3px 30px 0px rgba(0, 0, 0, .4);}
.hospital .pocus-wrap ul li p {color:#505050;}
.hospital .pocus-wrap2 ul {display:flex; justify-content:space-around;padding:60px 0;border-top:1px solid #a8a8a8;border-bottom:1px solid #ddd;}
.hospital .pocus-wrap2 ul li .box {display:flex; flex-direction:column; align-items:center;}
.hospital .pocus-wrap2 ul li .box p {margin-top:18px; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.2em;  color:#505050;}

.video-material  .board-search { margin-bottom:60px;}
.video-material .gallery-list ul {display:flex; margin:0 -15px; padding-bottom:40px;}
.video-material .gallery-list ul li {width:33.33%; padding:0 15px; margin-bottom:30px; }
.video-material .gallery-list ul li .thumb {position:relative; padding-bottom:59.21%; overflow:hidden;}
.video-material .gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.video-material .gallery-list ul li .tit {margin-bottom:0; padding:25px 30px; background-color:#fafafa; color:#454545; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.video-material .gallery-list ul li .tit span {font-weight:500; color:#242424;}

.shop .board-search { margin-bottom:60px;}
.experience .product-list ul li .thumb img {width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; object-fit: cover;}