@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* 공통 :: 버튼 */
.cm-btn-wrap{margin-top:10rem;}
.cm-btn-wrap .cm-btn{display: flex; align-items:center; justify-content:center; width:24rem; height:6rem; border:2px solid #000; border-radius:3rem; box-sizing:border-box; margin:auto;}
.cm-btn-wrap .cm-btn .txt{font-size:1.8rem; letter-spacing:-0.04em; color:#000; font-weight:600;}

@media all and (max-width:800px){
	/* 공통 :: 버튼 */
	.cm-btn-wrap{margin-top:5rem;}
	.cm-btn-wrap .cm-btn{width:20rem; height:5rem;}
	.cm-btn-wrap .cm-btn .txt{font-size:1.6rem;}
}

/* ------- 2. 일정 ------- */
/* 일정 :: 상단 달력영역 */
.schedule-top-con{position: relative; display: flex; justify-content:space-between; margin-bottom:15rem; padding-top:2rem;}
.schedule-top-category-box{position: absolute; top:-2rem; right:0; display: flex; align-items:center; justify-content:flex-end;}
.schedule-top-category-box .category{display: flex; align-items:center; margin-left:2rem; font-size:1.7rem; line-height:1.94; letter-spacing:-0.02em; color:#000; font-weight:600;}
.schedule-top-category-box .category span{display: block; width:7px; height:7px; border-radius:50%; margin-right:0.5rem;}
.schedule-top-category-box .category span.domestic{background:#B3CC2D;}
.schedule-top-category-box .category span.overseas{background:#0857C3;}

.schedule-calendar-box{width:37.88%; max-width:500px; background:#f5f5f5; border-radius:2rem; padding:2rem; box-sizing:border-box;}
/* 일정 :: 상단 달력 :: 우측 리스트메뉴 */
.schedule-list-box{display: flex ; flex-direction: column; width:59.85%; max-width:790px; background:#f5f5f5; border-radius:2rem; padding:2rem; box-sizing:border-box;	}
.schedule-list-box .current-month{text-align:center; margin-bottom:2rem; font-size:3rem; line-height:1.1em; font-weight:500; }
.schedule-list-box .current-month strong{display:inline-block; color:#000; font-weight:500;}
.schedule-list-content{height:calc(100% - 3.3rem); background:#fff; border-radius:2rem; padding:3rem; padding-right:1.5rem; box-sizing:border-box;}
.schedule-list-content .inner-list{padding-right:3rem; box-sizing:border-box; overflow:auto; max-height:26rem;}

.schedule-list-content .inner-list::-webkit-scrollbar {
	width: 5px;
	height: 15px;
}
.schedule-list-content .inner-list::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius:5px;
}
.schedule-list-content .inner-list::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius:5px;
}

.schedule-list-content .inner-list .list-item{border-bottom:1px solid rgba(0,0,0,0.1); padding:1rem; box-sizing:border-box;}
.schedule-list-content .inner-list .list-item:last-child{border-bottom:0;}
.schedule-list-content .inner-list .list-item a{display: flex; align-items:center;}
.schedule-list-content .inner-list .list-item .state-box{}
.schedule-list-content .inner-list .list-item .state-box span{display: flex; align-items:center; justify-content:center; width:8rem; height:3rem; border-radius:3rem; font-size:1.4rem; color:#fff; font-weight:600; letter-spacing:-0.01em;}
.schedule-list-content .inner-list .list-item .state-box .domestic{background:#B3CC2D;}
.schedule-list-content .inner-list .list-item .state-box .overseas{background:#0857C3;}
.schedule-list-content .inner-list .list-item .tit-box{width:calc(100% - 16rem); padding:0 1rem; box-sizing:border-box;}
.schedule-list-content .inner-list .list-item .tit-box .tit{font-size:1.4rem; letter-spacing:-0.01em; color:#000; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0.5rem 0;}
.schedule-list-content .inner-list .list-item .date{width:8rem; font-size:1.4rem; letter-spacing:-0.01em; color:#888; font-weight:600; text-align:right;}

@media all and (max-width:800px){
	/* ------- 2. 일정 ------- */
	/* 일정 :: 상단 달력영역 */
	.schedule-top-con{display: block; margin-bottom:8rem;}
	.schedule-calendar-box{width:100%; max-width:none;}
	/* 일정 :: 상단 달력 :: 우측 리스트메뉴 */
	.schedule-list-box{width:100%; max-width:none; margin-top:3rem;}
	.schedule-list-box .current-month{margin-bottom:1.5rem; font-size:2rem;}
	.schedule-list-content{padding:2rem;}

	.schedule-list-content .inner-list .list-item .state-box span{width:6rem; height:2.5rem; font-size:1.3rem;}
	.schedule-list-content .inner-list .list-item .tit-box{width:calc(100% - 14rem); padding:0 1rem; box-sizing:border-box;}
	.schedule-list-content .inner-list .list-item .tit-box .tit{font-size:1.3rem;}
	.schedule-list-content .inner-list .list-item .date{font-size:1.3rem;}
}

/* ------- 2. 뷰페이지 ------- */
.seminar-view-con {padding-top: 10rem;}
.seminar-tit {padding-bottom:3.5rem; font-size: 4rem; font-weight: 700; letter-spacing: -0.02em; color: #000; line-height: 1.2; border-bottom: 1px solid #000;}
/* 뷰페이지 :: 상단 정보 */
.seminar-view-top {padding-top: 6rem; display: flex; margin-bottom:10rem;}
.seminar-view-top .left-con {width: 34.84%;}
.seminar-view-top .img-list-con {width: 100%; position: relative; padding: 2rem 2rem 2.5rem; background: #F5F5F5; border-radius: 2rem; box-sizing: border-box;}
.seminar-view-top .slick-list{border-radius: 2rem; overflow: hidden;}
.seminar-view-top .img-list li span {position: relative; display: block; width: 100%; height: 0; padding-top: 142.85%; border-radius: 2rem; overflow: hidden;}
.seminar-view-top .img-list li span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.seminar-view-top .img-list-con .slick-dots {margin-top:2.5rem;}
.seminar-view-top .img-list .slick-dots{display: flex; align-items:Center; justify-content:center;}
.seminar-view-top .img-list .slick-dots li{margin:0 5px;}
.seminar-view-top .img-list .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:1rem; height:1rem; background-color:rgba(0,0,0,0.1); font-size:0; border-radius:50%;}
.seminar-view-top .img-list .slick-dots li.slick-active button{background-color:#B1BF00;}
.seminar-view-top .state-box{display: flex; margin:0 -0.5rem; margin-top:2rem;}
.seminar-view-top .state-box span{display: flex; align-items:center; justify-content:center; width:8rem; height:3rem; border-radius:3rem; background:#000; color:#fff; font-size:1.4rem; letter-spacing:-0.01em; font-weight:600; margin:0 0.5rem;}
.seminar-view-top .state-box span.domestic{background:#B3CC2D;}
.seminar-view-top .state-box span.overseas{background:#0857C3;}
 
.seminar-view-top .right-con {width: 65.16%; padding-left:8rem; padding-top:6rem; box-sizing:border-box;}
.seminar-view-top .right-con .txt-box{padding-bottom:4rem; margin-bottom:4rem; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.1); }
.seminar-view-top .right-con .txt-box .txt01{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#050505; font-weight:700; margin-bottom:3rem;}
.seminar-view-top .right-con .txt-box .txt02{font-size:1.7rem; line-height:1.76; letter-spacing:-0.02em; color:#888; font-weight:500;}
.seminar-view-top .right-con .info-box{}
.seminar-view-top .right-con .info-box dl{display: flex; font-size:1.7rem; letter-spacing:-0.02em; line-height:1.5; margin-bottom:2.5rem;}
.seminar-view-top .right-con .info-box dl:last-child{margin-bottom:0;}
.seminar-view-top .right-con .info-box dl dt{width:12rem; font-weight:700; color:#000;}
.seminar-view-top .right-con .info-box dl dd{width:calc(100% - 12rem); font-weight:500; color:#888;}
.seminar-view-top .right-con .info-box dl dd a{color:#0857C3; text-decoration: underline;}

/* 뷰페이지 :: 하단 상세내용 */
.seminar-view-info{margin-bottom:6rem;}
.seminar-view-tbl-box{}
.seminar-view-tbl{width:100%; text-align:center;}
.seminar-view-tbl thead tr th,
.seminar-view-tbl tbody tr th,
.seminar-view-tbl tbody tr td{padding:1.2rem 2rem; font-size:1.7rem; letter-spacing:-0.02em; font-weight:500;}

.seminar-view-tbl thead tr th{background:#000; color:#fff;}
.seminar-view-tbl tbody tr th,
.seminar-view-tbl tbody tr td{border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
.seminar-view-tbl tbody tr td:last-child{border-right:0;}

.seminar-view-tbl tbody tr.bg-gray td{background:rgba(0,0,0,0.1);}

.seminar-view-tbl-box .seminar-view-tbl-plus-box{margin-top:3rem;}
.seminar-view-tbl-box .seminar-view-tbl-plus-box .plus-txt{position: relative; font-size:1.7rem; letter-spacing:-0.02em; line-height:1.76; color:#888; font-weight:500; padding-left:0.7em;}
.seminar-view-tbl-box .seminar-view-tbl-plus-box .plus-txt:before{position: absolute; content:'*'; left:0; top:0;}
/* 지도 */
.seminar-view-map-box{margin-top:8rem;}
.seminar-view-map-box .map-frame{position: relative; width:100%; height:0; padding-top:44rem;}
.seminar-view-map-box .map-frame iframe{position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:none;}

@media all and (max-width:800px){
	/* ------- 2. 뷰페이지 ------- */
	.seminar-view-con {padding-top: 5rem;}
	.seminar-tit {padding-bottom:2rem; font-size: 3rem;}
	/* 뷰페이지 :: 상단 정보 */
	.seminar-view-top {display: block; padding-top: 3rem; margin-bottom:5rem;}
	.seminar-view-top .left-con {width: 100%;}
	.seminar-view-top .img-list-con .slick-dots {margin-top:1.5rem;}
	.seminar-view-top .img-list .slick-dots li{margin:0 2px;}
	.seminar-view-top .state-box{margin-top:1.5rem;}
	.seminar-view-top .state-box span{width:5rem; height:2.5rem; font-size:1.3rem;}
 
	.seminar-view-top .right-con {width: 100%; padding-left:0rem; padding-top:4rem;}
	.seminar-view-top .right-con .txt-box{padding-bottom:3rem; margin-bottom:3rem;}
	.seminar-view-top .right-con .txt-box .txt01{margin-bottom:1.5rem;}
	.seminar-view-top .right-con .txt-box .txt02{font-size:1.6rem;}
	.seminar-view-top .right-con .info-box{}
	.seminar-view-top .right-con .info-box dl{display: block; font-size:1.6rem; margin-bottom:1rem;}
	.seminar-view-top .right-con .info-box dl dt{width:100%;}
	.seminar-view-top .right-con .info-box dl dd{width:100%}

	/* 뷰페이지 :: 하단 상세내용 */
	.seminar-view-info{margin-bottom:4rem;}
	.seminar-view-tbl thead tr th,
	.seminar-view-tbl tbody tr th,
	.seminar-view-tbl tbody tr td{padding:1rem; font-size:1.5rem;}

	.seminar-view-tbl-box .seminar-view-tbl-plus-box{margin-top:2rem;}
	.seminar-view-tbl-box .seminar-view-tbl-plus-box .plus-txt{font-size:1.5rem;}
	/* 지도 */
	.seminar-view-map-box{margin-top:4rem;}
	.seminar-view-map-box .map-frame{padding-top:30rem;}
}


/* ****************** 01. Why 덴티움 ********************* */
/* ------- 1. 기업경쟁력 :: Surgery & Digital ------- */
/* ===== Surgery & Digital :: Visual ===== */
.surgery-visual-box .visual-img-list{display: flex; align-items:center; justify-content:space-between; max-width:1800px; margin:auto; width:100%;}
.surgery-visual-box .visual-img-list .list-item{text-align:left;}
.surgery-visual-box .visual-img-list .list-item:nth-child(1){width:31.112%; max-width:56rem; margin-top:10rem;}
.surgery-visual-box .visual-img-list .list-item:nth-child(2){width:26.945%; max-width:48.5rem; margin-left:-10rem;}
.surgery-visual-box .visual-img-list .list-item:nth-child(2) span{margin-bottom:2rem;}
.surgery-visual-box .visual-img-list .list-item:nth-child(3){width:33.612%; max-width:60.5rem;}
.surgery-visual-box .visual-img-list .list-item span{display: block; opacity:0; filter:blur(10px); transform:translateX(-30px); transition:var(--transition-custom2);}
.surgery-visual-box .visual-img-list .list-item span img{max-width:100%;}
.surgery-visual-box .bottom-img{position: absolute; bottom:5rem; right:5rem; width:27vw; max-width:50rem; opacity:0; filter:blur(10px); transform:translateX(-30px); transition:var(--transition-custom2);}

/* visual 효과 */
#visual.active .surgery-visual-box .visual-img-list .list-item span,
#visual.active .surgery-visual-box .bottom-img{opacity:1; filter:blur(0); transform:translateX(0);}
#visual.active .surgery-visual-box .visual-img-list .list-item:nth-child(1) span{transition-delay:0.2s;}
#visual.active .surgery-visual-box .visual-img-list .list-item:nth-child(2) span:nth-child(1){transition-delay:0.3s;}
#visual.active .surgery-visual-box .visual-img-list .list-item:nth-child(2) span:nth-child(2){transition-delay:0.4s;}
#visual.active .surgery-visual-box .visual-img-list .list-item:nth-child(3) span{transition-delay:0.5s;}
#visual.active .surgery-visual-box .bottom-img{transition-delay:0.6s;}
#visual.active .surgery-visual-box .bottom-img img{max-width:100%;}

/* ===== Surgery & Digital :: Content ===== */
.surgery-digital-top {text-align: center; padding-bottom: 29rem;}
.surgery-digital-top-txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.6; margin-top: 7rem;}
.surgery-digital-top-txt span {color: #0857C3;}
.cm-why-top-img { position: relative;width: 100%; margin: 7rem auto 0; max-width: var(--area-width); height: 25rem; background: url(/images/content/surgery_digital_top_img.jpg)no-repeat center/cover; overflow: hidden;}
/* .cm-why-top-img .inner {   display: flex; align-items: center;justify-content: center; width: 100%; height: 100%; max-width: var(--area-width);margin: 0 auto; border-radius: 1rem; ; box-shadow: 0 0 9999px 9999px rgba(255, 255, 255, 1);} */
.cm-why-top-img img {max-width: 100%;}
.surgery-digital-con01 {padding: 14rem 0 38rem; background-image: url(/images/content/surgery_digital_con01_bg.png);}
.surgery-digital-con01 .cm-sub-title .txt02 {color: #fff; line-height: 1.41;}
.surgery-digital-con02 {padding: 30rem 0; background-color: #F5F5F5;}
.sd-concept-list {margin-top: 7rem;}
.sd-concept-list li {display: flex; flex-wrap: wrap; margin-bottom: 10rem; min-height: 53.6rem;}
.sd-concept-list li:last-child {margin-bottom: 0;}
.sd-concept-list li.reverse {flex-direction: row-reverse; }
.sd-concept-list li .img-con {width: 50%;}
.sd-concept-list li .img-con span {position: relative; display: block; width: 100%; height: 100%; border-radius: 1rem 0 0 1rem; overflow: hidden;}
.sd-concept-list li .img-con span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit:cover;}
.sd-concept-list li.reverse .img-con span {border-radius: 0 1rem 1rem 0;}
.sd-concept-list li .txt-con {position: relative; width: 50%; display: flex; align-items: center; padding: 6rem; -webkit-box-sizing: border-box;-moz-box-sizing:border-box;
box-sizing: border-box; background: #fff; border-radius: 0 1rem 1rem 0;}
.sd-concept-list li.reverse .txt-con {border-radius: 1rem 0 0 1rem;}
.sd-concept-list li .txt-con .category{position: absolute; top:5rem; right:5rem; font-size:2rem; letter-spacing:-0.025em; line-height:1.2; font-weight:800; color:#E6E9D4}
.sd-concept-list li .txt-con .tit-box {margin-bottom: 3rem;}
.sd-concept-list li .txt-con .tit-box span {display: inline-block; min-width: 11.8rem; text-align: center; border-radius: 3rem; height: 3.1rem; line-height: 3.1rem; font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; background: var(--main-color); margin-bottom: 1.8rem;}
.sd-concept-list li .txt-con .tit-box .tit {font-size: 4.8rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.14; margin-bottom: 2rem;} 
.sd-concept-list li .txt-con .tit-box .sub-tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.2;}
.sd-concept-list li .txt-con .tit-box .sub-tit b {font-weight: 600; color: var(--main-color);}
.sd-concept-list li .txt-con dl{margin-bottom:3rem;}
.sd-concept-list li .txt-con dl:last-child{margin-bottom:0rem;}
.sd-concept-list li .txt-con dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.2; margin-bottom: 1rem;}
.sd-concept-list li .txt-con dl dd .txt {position: relative; padding-left: 1rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.02rem; color: #050505; line-height: 1.36; margin-bottom: 0.5rem;}
.sd-concept-list li .txt-con dl dd .txt:last-of-type {margin-bottom: 0;}
.sd-concept-list li .txt-con dl dd .txt:before {position: absolute; content: '·'; left: 0; top: 0;}
.surgery-digital-con03 {padding: 22.5rem 0; text-align: center; background-image: url(/images/content/surgery_digital_con03_bg.png);}
.surgery-digital-con03 .txt {font-size: 2.8rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; line-height: 1.42;}
.surgery-digital-con05 {padding: 26.5rem 0; background-image: url(/images/content/surgery_digital_con05_bg.png);}
.surgery-digital-con05 .inner {display: flex; align-items: center; justify-content: space-between;}
.surgery-digital-con05 .tit {font-size: 6.8rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.29;}
.surgery-digital-con05 .tit b {color: var(--main-color);}
.surgery-digital-con05 .txt-box {font-weight: 700; letter-spacing: -0.025em; color: #7F7F7F;}
.surgery-digital-con05 .txt-box .txt01{font-size: 2.8rem; line-height: 1.3; margin-bottom: 6rem;}
.surgery-digital-con05 .txt-box .txt02 {font-size: 2rem; line-height: 1.6;}

/* ------- 1. 기업경쟁력 :: Surgery & Digital ------- */
@media all and (max-width:1580px){
	/* ===== Surgery & Digital :: Visual ===== */
	.surgery-visual-box .bottom-img{width:23vw;}
}
@media all and (max-width:1360px){
	.cm-why-top-img {border-radius: 0;}
}
@media all and (max-width:1280px){
	/* ===== Surgery & Digital :: Visual ===== */
	.surgery-visual-box .visual-img-list .list-item:nth-child(2){margin-left:0;}
	.surgery-visual-box .bottom-img{bottom:20rem; width:30vw;}
}
@media all and (max-width:800px){
	/* ===== Surgery & Digital :: Visual ===== */
	.surgery-visual-box .visual-img-list .list-item:nth-child(1){margin-top:0;}
	.surgery-visual-box .bottom-img{bottom:10rem;}
	/* ===== Surgery & Digital :: Content ===== */
	.sd-concept-list li .txt-con .category{right:3rem;}
}


/* ------- 1. 기업경쟁력 :: 장기 임상데이터 ------- */
/* ===== 장기 임상데이터 :: Visual ===== */
.clinical-visual-box{text-align:left; max-width:1520px; margin:10rem auto 0; padding: 0 var(--area-padding); box-sizing: border-box;}
.clinical-visual-box .year-box{margin-bottom:3.5rem; opacity:0; filter:blur(10px); transform:translateX(-30px); transition:var(--transition-custom2); transition-delay:0.2s;}
.clinical-visual-box .txt-box .visual-txt01{font-size:6rem; line-height:1.2; letter-spacing:-0.025em; color:#fff; font-weight:700; opacity:0; filter:blur(10px); transform:translateX(-30px); transition:var(--transition-custom2); transition-delay:0.3s;}
.clinical-visual-box .txt-box .visual-txt01 b{color:var(--main-color);}
.clinical-visual-box .txt-box .visual-txt02{font-size:7rem; line-height:1.2; letter-spacing:-0.025em; color:#fff; font-weight:700; opacity:0; filter:blur(10px); transform:translateX(-30px); transition:var(--transition-custom2); transition-delay:0.4s;}
.clinical-visual-box .img-box{display: flex;}
.clinical-visual-box .img-box span img{max-width:100%; width:17rem; opacity:0; filter:blur(10px); transform:translateX(-30px); transition:var(--transition-custom2);}
.clinical-visual-box .img-box span:nth-child(1) img{transition-delay:0.5s;}
.clinical-visual-box .img-box span:nth-child(2) img{transition-delay:0.6s;}

/* visual :: active */
#visual.active .clinical-visual-box .year-box,
#visual.active .clinical-visual-box .txt-box .visual-txt01,
#visual.active .clinical-visual-box .txt-box .visual-txt02,
#visual.active .clinical-visual-box .img-box span img{opacity:1; filter:blur(0); transform:translateX(0);}


/* ===== 장기 임상데이터 :: Content ===== */
.clinical-data-con {padding: 30rem 0 22rem;  background: url(/images/content/clinical_data_bg_new.jpg)no-repeat center/cover}
.clinical-data-con .clinical-data-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; line-height: 1.6; text-align: center; padding-bottom: 30rem;}
.clinical-data01 {display: flex; align-items: center; margin-bottom: 30rem;}
.clinical-data01 .img {width: 50%; border-radius: 1rem; overflow: hidden;}
.clinical-data01 .img img {max-width: 100%;}

.clinical-data01 .txt-box {width: 50%; padding: 0 3rem 0 11.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.clinical-data01 .txt-box .txt01.white-txt {margin-top: 5.5rem; color: #fff; line-height: 1.6;}
.clinical-data01 .txt-box .txt02 {line-height: 1.41; color: #fff;}
.clinical-data02 {text-align: center; padding: 0 var(--area-padding); margin-bottom: 17rem;}
.clinical-data02 img {max-width: 100%;}
.clinical-data03 { text-align: center;}
.clinical-data03 .tit {font-size: 6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.13; margin-bottom: 4.5rem;}
.clinical-data03 .tit b {font-weight: 600; font-size: 14rem;}
.clinical-data03 .txt01 {font-size: 4.8rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.41; margin-bottom: 6rem;}
.clinical-data03 .txt01 b {color: var(--main-color);}
.clinical-data03 .txt02 {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color:#8D8D8D; line-height: 1.6;}
.clinical-data03 .tit {font-size: 5rem;}
.clinical-data03 .tit b {font-size: 8rem;}
.clinical-data03 .txt01 {font-size: 4rem;}

/* ===== 장기 임상데이터 :: Content ===== */
/* long term */
.data-term-con{background: transparent linear-gradient(180deg, #B3CC2D00 0%, #B3CC2D95 59%, #B3CC2D 100%) 0% 0% no-repeat padding-box; padding:14rem 0; text-align:center;}
.data-term-con img{max-width:100%;}
.data-term-img{position: relative; display: inline-block;}
.data-term-img .year-txt{position: absolute; top:-1rem; left:39rem;}
.data-term-img .year-txt .year{font-size:13rem; letter-spacing:-0.025em; color:#C8242B; font-weight:700; line-height:0.8;}
.data-term-img .year-txt .txt{position: absolute; bottom:0; right:0; text-align:right; font-size:1.6rem; line-height:1.18; letter-spacing:0.2em; color:#fff; font-weight:300;}
/* 케이스 검증 */
.data-case-con{position: relative; }
.data-case-con .bg{position: absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:0; padding-top:62.083%;}
.data-case-con .bg img{position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height:119.2rem; object-fit:cover;}
.data-case-con .txt-box{padding:35rem 0 48rem;}
.data-case-con .txt-box .txt{position: relative; z-index:1; font-size:6.8rem; line-height:1.47; letter-spacing:-0.025em; color:#fff; font-weight:700;}
.data-case-con .txt-box .txt b{position: relative; color:var(--main-color); font-weight: 800;}
.data-case-con .txt-box .txt b:before{position: absolute; content:''; width:100%; height:5px; bottom:0; left:0; background:var(--main-color);}
/* 25years */
.data-year-con {position: relative; z-index:1; margin-top:-30rem; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%); padding-top:30rem; overflow:hidden;}
.data-year-con > .area{position: relative;}
.data-year-con .cm-sub-title{}
.data-year-con .cm-sub-title .txt01{}
.data-year-con .cm-sub-title .txt02{color:#fff;}
.data-year-con .cm-sub-title .txt01 + .txt02{margin-top: 3rem;}
.data-year-con .cm-sub-title .txt02 + .txt01{margin-top: 4rem; color:#fff;}

.data-year-con .img-list{display: flex; justify-content:space-between; margin-block:10rem;}
.data-year-con .img-list .list-item{width:calc(50% - 1rem);}
.data-year-con .img-list .list-item img{width:100%;}
.data-year-con .txt-box .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#fff; font-weight:600; text-align:center;}

/* 25years :: flow effect */
.data-year-con .flow-wrapper .flow-list{margin:1rem 0; opacity:0.3;}
.data-year-con .flow-wrapper .flow-list .list-item{height:15.9rem;}

/* implant */
.data-implant-con{position: relative; width:100%; z-index:9;}
.data-implant-con .bg{position: relative; width:100%; height:100%;}
.data-implant-con .bg img{width:100%;}
.data-implant-con .txt-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1; display: flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding-bottom:5.2vw; box-sizing:border-box;}
.data-implant-con .txt-box .top-txt{font-size:2.4rem; color:#fff; font-weight:700; text-align:center;}

.data-implant-con .glow-img{position: absolute; top:30%; left:50%; transform:translateX(-50%); mix-blend-mode: screen;}
.data-implant-con .txt-box .logo-img{display: inline-block; position: relative; }
.data-implant-con .txt-box .logo-img > img{position: relative; z-index:1; max-width: 1059px; width: 57vw;}
.data-implant-con .txt-box .logo-img .inner-txt{text-align:right; font-size:2rem; line-height:1.2; letter-spacing:0; font-weight:700; color:#fff; padding-right: 7rem; margin-top: -9rem;}
.data-implant-con .txt-box .logo-img .inner-txt span{opacity:0.3; font-weight:500;}

/* Dentium */
.data-dentium-con{width:100%; height:100vh;}
.data-dentium-con > .area{display: flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; box-sizing:border-box;}
.data-dentium-con .cm-sub-title{position: relative;}
.data-dentium-con .cm-sub-title .logo-bg{position: absolute; top:0; left:50%; transform:translate(-50%, -50%); width:81rem; height:15.2rem;}
.data-dentium-con .cm-sub-title .logo-bg span{position: absolute; top:0; left:0; width:100%; height:100%; }
.data-dentium-con .cm-sub-title .logo-bg span svg{width:100%; height:auto;}
.data-dentium-con .cm-sub-title .logo-bg span svg *{fill:rgba(255,255,255,0.05);}
.data-dentium-con .cm-sub-title .logo-bg span.blur{backdrop-filter: blur(5px);}
.data-dentium-con .cm-sub-title .txt01{position: relative; }
.data-dentium-con .cm-sub-title .txt02{position: relative; color:#fff; margin-top:2rem;}
.data-dentium-con .cm-sub-title .inner-txt{margin-top:7rem;}
.data-dentium-con .cm-sub-title .inner-txt .txt01{color:#fff; margin-bottom:4rem;}
.data-dentium-con .cm-sub-title .inner-txt .txt01:last-child{margin-bottom:0;}

/* Dentium :: flow effect */
.data-dentium-con .flow-wrapper .flow-list{margin:1rem 0; opacity:0.9;}
.data-dentium-con .flow-wrapper .flow-list .list-item{height:6.8rem; animation: 90s textLoop infinite linear;}
.data-dentium-con .flow-wrapper .flow-list.reverse .list-item{animation: 95s textLoopReverse infinite linear;}
.data-dentium-con .flow-wrapper:before{position: absolute; content:''; top:0; left:0; width:100%; height:100%; background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1;}


/* flow effect */
.flow-wrapper{position: absolute; bottom:0; left:0; z-index:0;}
.flow-wrapper:before{position: absolute; content:''; top:0; left:0; width:100%; height:30%; background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1;}
.flow-wrapper:after{position: absolute; content:''; bottom:0; left:0; width:100%; height:30%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);}
.flow-wrapper .flow-list{display: flex;}
.flow-wrapper .flow-list .list-item{height:15.9rem; animation: 70s textLoop infinite linear; margin:0 0.5rem; pointer-events:none;}
.flow-wrapper .flow-list.reverse .list-item{animation: 70s textLoopReverse infinite linear;}
.flow-wrapper .flow-list .list-item img{height:100%;}

@keyframes textLoop {
    0% { transform: translateX(0) }
    100% { transform: translateX(-100%) }
}
@keyframes textLoopReverse {
    0% { transform: translateX(-100%) }
    100% { transform: translateX(0%) }
}

/* ------- 1. 기업경쟁력 :: 장기 임상데이터 ------- */
@media all and (max-width:1580px){
	/* ===== 장기 임상데이터 :: Content ===== */
	/* long term */
	.data-term-img .year-txt{left:24vw;}
}
@media all and (max-width:1280px){
	/* ===== 장기 임상데이터 :: Content ===== */
	/* long term */
	.data-term-img .year-txt{left:24vw;}
	.data-term-img .year-txt .year{font-size:8vw;}
	.data-term-img .year-txt .txt{font-size:1vw;}
	/* implant */
	.data-implant-con .txt-box{padding-bottom:0;}
	.data-implant-con .txt-box .logo-img .inner-txt{padding-right: 4rem; margin-top: -4rem;}
}
@media all and (max-width:800px){
	/* ===== 장기 임상데이터 :: Visual ===== */
	.clinical-visual-box{margin:0rem auto;}
	.clinical-visual-box .year-box{margin-bottom:1.5rem; width:8rem;}
	.clinical-visual-box .year-box svg{width:100%; height:auto;}
	.clinical-visual-box .txt-box .visual-txt01{font-size:3rem;}
	.clinical-visual-box .txt-box .visual-txt02{font-size:3.4rem;}
	.clinical-visual-box .img-box span img{width:10rem;}

	/* ===== 장기 임상데이터 :: Content ===== */
	/* long term */
	.data-term-img .year-txt{left:23vw; top:0;}
	/* 케이스 검증 */
	.data-case-con .bg img{height:62rem;}
	.data-case-con .txt-box{padding:20rem 0;}
	.data-case-con .txt-box .txt{font-size:4.4rem;}
	/* 25years */
	.data-year-con .img-list{display: block; margin-block:5rem;}
	.data-year-con .img-list .list-item{width:100%; margin-bottom:1rem;}
	.data-year-con .img-list .list-item:last-child{margin-bottom:0rem;}
	/* implant */
	.data-implant-con{padding:10rem 0;}
	.data-implant-con .bg img{width: 116%; margin-left: -8%;}
	.data-implant-con .glow-img{top:40%; }
	.data-implant-con .glow-img img{width:100%;}
	.data-implant-con .txt-box .logo-img{margin-top:2rem;}
	.data-implant-con .txt-box .logo-img .inner-txt{font-size:1.4rem; padding-right: 3rem; margin-top: -3rem;}
	/* Dentium */
	.data-dentium-con{height:auto; padding-block:10rem;}
	.data-dentium-con .cm-sub-title .logo-bg{width:45rem; height:auto;}
	.data-dentium-con .cm-sub-title .logo-bg svg{width:100%; height:auto;}
	.data-dentium-con .cm-sub-title .inner-txt{margin-top:4rem;}
	.data-dentium-con .cm-sub-title .inner-txt .txt01{margin-bottom:2rem;}
}
@media all and (max-width:480px){
	/* ===== 장기 임상데이터 :: Content ===== */
	/* implant */
	.data-implant-con .glow-img{top:40%; }
	.data-implant-con .txt-box .logo-img .inner-txt{padding-right: 2rem; margin-top: -1rem;}
}

/* ------- 1. 기업경쟁력 :: 연구 & 개발 ------- */
.research-con-top {padding: 7rem 0 30rem;}
.research-cm-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.6; padding-top: 6rem;}
.research-cm-txt b {font-weight: 600;}
.research-top-img {position: relative; width: 100%; margin: 7rem 0 0; height: 25rem; background-image: url(/images/content/research_top_img.jpg?ver=250620);  overflow: hidden;}
.research-top-img .inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; max-width: var(--area-width); margin: 0 auto; border-radius: 1rem; ; box-shadow: 0 0 9999px 9999px rgba(255, 255, 255, 1);}
.research-con01 {padding: 26rem 0; background-image: url(/images/content/research_con01_bg.png);}
.research-con01 .txt02 {color: #fff; line-height: 1.41;}
.research-con02 {padding: 30rem 0;}
.research-con02 .cm-sub-title {margin-bottom: 21.5rem;}
.research-con02 .research-con02-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #BFBFBF; line-height: 1.6; padding-top: 6rem;}
.research-process {display: flex; flex-wrap: wrap;}
.research-process li {position: relative; width: 16.66%; border-right: 1px solid rgba(112, 112, 112, 0.17); text-align: center; padding: 1rem 3rem 5.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transform: translateX(-30px); transition: var(--transition-custom2);}
.research-process li:first-child {border-left:  1px solid rgba(112, 112, 112, 0.17);}
.research-process li:before {position: absolute; content: ''; left: -2.6rem; top: 50%; margin-top: -2.6rem; width: 5.2rem; height: 5.2rem; border-radius: 50%; background: rgba(177, 191, 0, 0.14);}
.research-process li:after {position: absolute; left: -2rem; top: 50%; margin-top: -2rem; content: '\e93f'; font-family: xeicon; width: 4rem; height: 4rem;  border-radius: 50%; background: #B1BF00; text-align: center; line-height: 4rem; font-size: 2.4rem; color: #fff;}
.research-process li:first-child:before,
.research-process li:first-child:after {display: none;}
.research-process li .icon {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; border-radius: 2rem; margin: 0 auto 2.5rem; transition: all 0.3s;}
.research-process li .icon .research-process-icon .cls-1 {fill: #000;}
.research-process li .icon .research-process-icon .cls-2 {fill:#b1bf00;}
.research-process li.active .icon {background: #B1BF00; box-shadow: 28px 25px 73px #F8FEB3;}
.research-process li.active .icon .research-process-icon .cls-1 {fill: #fff;}
.research-process li.active .icon .research-process-icon .cls-2 {fill: #fff; opacity: 0.45;}
.research-process li dl dt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.44;}
.research-process li dl dd {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.02em; color: #666666; line-height: 1.375; padding-top: 1rem;}
.research-process.animated li {opacity: 1; transform: translateX(0);}
.research-process li:nth-child(2) {transition-delay: 0.2s;}
.research-process li:nth-child(3) {transition-delay: 0.4s;}
.research-process li:nth-child(4) {transition-delay: 0.6s;}
.research-process li:nth-child(5) {transition-delay: 0.8s;}
.research-process li:nth-child(6) {transition-delay: 1.0s;}


.research-con03 {padding: 24rem 0; background-image: url(/images/content/research_con03_bg.png);}
.research-con03 .research-cm-txt {color: #fff;}
.research-con03 .research-con03-txt {font-size: 1.6rem; font-weight: 300; letter-spacing: -0.025em; color: #838383; line-height: 1.5; padding-top: 5.5rem;}
.research-con04 {padding: 30rem 0;}
.research-con04 .cm-sub-title {margin-bottom: 7rem;}
.research-nation li {border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2.5rem 4rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.research-nation li:first-child {border-top: 1px solid rgba(0,0,0,0.1);}
.research-nation li:nth-child(odd) {background: #F5F5F5;}
.research-nation li dl {display: flex; align-items: center;}
.research-nation li dl dt {width: 18rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; color: #050505; }
.research-nation li dl dt img {margin-right: 1.3rem; margin-top: -0.4rem;}
.research-nation li dl dd {width: calc(100% - 18rem); font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #050505; line-height: 1.16;}


/* ------- 3. 제품정보 :: 제품인트로 ------- */
/* 제품 인트로 :: 상단 */
.prd-intro-list{position: absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); display: flex; justify-content:space-between; max-width:1000px;}
.prd-intro-list .list-item{position: relative; width:calc(33.33% - 4rem); background:rgba(255,255,255,0.2); backdrop-filter:blur(1rem) brightness(0.9); border-radius:2rem; opacity:0; filter:blur(10px); transition:var(--transition-custom2);}
.prd-intro-list .list-item a{pointer-events:none;}
.prd-intro-list .list-item .img-box{}
.prd-intro-list .list-item .img-box span{display: block; position: relative; width:100%; height:0; padding-top:137.5%;}
.prd-intro-list .list-item .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:65%; max-height:65%; object-fit:cover;}
.prd-intro-list .list-item:nth-child(1) .img-box span img{top:-5rem;}
.prd-intro-list .list-item:nth-child(2) .img-box span img,
.prd-intro-list .list-item:nth-child(3) .img-box span img{top:-10rem;}
.prd-intro-list .list-item .txt-box{position: absolute; width:100%; left:0; bottom:4rem; text-align:center;}
.prd-intro-list .list-item .txt-box .tit{font-size:2rem; letter-spacing:-0.05em; font-weight:600; color:var(--main-color);}
.prd-intro-list .list-item .txt-box .txt{font-size:3.6rem; letter-spacing:-0.025em; font-weight:700; color:#fff; margin-top:1.3rem;}
/* 제품 인트로 :: 상단 :: active */
#visual.active.visual-animated .prd-intro-list .list-item{opacity:1; filter:blur(0px);}
#visual.active.visual-animated .prd-intro-list .list-item a{pointer-events:auto;}
#visual.active.visual-animated .prd-intro-list .list-item:nth-child(1){transition-delay:0.3s;}
#visual.active.visual-animated .prd-intro-list .list-item:nth-child(2){transition-delay:0.4s;}
#visual.active.visual-animated .prd-intro-list .list-item:nth-child(3){transition-delay:0.5s;}
.prd-intro-list .list-item:nth-child(odd){transform:translateY(0rem);}
.prd-intro-list .list-item:nth-child(even){transform:translateY(10rem);}

#visual.active.visual-animated .prd-intro-list .list-item:nth-child(odd){transform:translateY(-5rem);}
#visual.active.visual-animated .prd-intro-list .list-item:nth-child(even){transform:translateY(5rem);}

/* 제품 인트로 :: 솔루션 */
.prd-intro-solution{padding-block:19rem 11rem; box-sizing:border-box;}
.prd-intro-solution-con{display: flex;}
.prd-intro-solution-con .left-box{width:50%;}
.prd-intro-solution-con .left-box .tit{font-size:4.8rem; line-height:1.41; letter-spacing:-0.025em; color:#000; font-weight:700;}
.prd-intro-solution-con .left-box .tit b{font-weight:inherit; color:var(--main-color);}
.prd-intro-solution-con .right-box{width:50%;}
.prd-intro-solution-con .right-box .txt01{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#050505; font-weight:700; margin-bottom:4rem;}
.prd-intro-solution-con .right-box .txt02{font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#050505; margin-bottom:2rem;}
.prd-intro-solution-con .right-box .txt02:last-child{margin-bottom:0;}
.prd-intro-solution-con + .plus-txt{margin-top:8rem; padding-block:2rem; font-size:13.5rem; letter-spacing:-0.025em; line-height:1; font-weight:600; color:rgba(0,0,0,0.04); text-align:center; background: linear-gradient(to right, #eee, #eee) no-repeat; -webkit-background-clip: text; background-clip: text; background-size: 0%;}

/* 제품 인트로 :: process */
.prd-intro-process{background:#f5f5f5; padding-block:18rem;}
.prd-process-item{position: relative; display: flex; align-items: flex-start; justify-content:space-between; margin-bottom:10rem;}
.prd-process-item:before{position: absolute; content:''; width:1px; height:calc(100% + 10rem); background:#B1BF00; opacity:0.4; top:2.5rem; left:5rem;}
.prd-process-item:last-child{margin-bottom:0;}
.prd-process-item:last-child:before{display: none;}
.prd-process-item .left-box{position: relative; width:24.24%; display: flex; align-items:center; margin-top:-2.5rem;}
.prd-process-item .left-box .num{position: relative; width:10rem; height:10rem; border-radius:50%; background:rgba(177, 191, 0, 0.14); display: flex; align-items:center; justify-content:center; transform:scale(0.33); transition:var(--transition-custom2);}
.prd-process-item .left-box .num:before{position: absolute; content:''; width:100%; height:100%; background:#B1BF00; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.33); border-radius:50%; transition:var(--transition-custom2);}
.prd-process-item .left-box .num strong{position: relative; font-size:2.8rem; color:#fff; font-weight:700; opacity:0; transition:var(--transition-custom2); filter: blur(10px);}
.prd-process-item .left-box .process-tit{width: calc(100% - 10rem); font-size:4.8rem; letter-spacing:-0.025em; color:#000; font-weight:700; padding-left:3rem; box-sizing:border-box;}

.prd-process-item .right-box{width:75.76%; display: flex; align-items:center; background:#fff; border-radius:1rem;}
.prd-process-item .right-box .img-box{width:40%; }
.prd-process-item .right-box .img-box span img{width:100%; transition:var(--transition-custom2); opacity:0; filter: blur(10px);}
.prd-process-item .right-box .txt-box{width:60%; padding: 2rem 2rem 2rem 5rem; box-sizing:border-box;}
.prd-process-item .right-box .txt-box .tit{font-size:4.8rem; line-height:1.41; letter-spacing:-0.025em; color:#000; font-weight:700; transition:var(--transition-custom2); opacity:0; transform:translateY(50px); filter: blur(10px);}
.prd-process-item .right-box .txt-box dl{margin-top:3.3rem;}
.prd-process-item .right-box .txt-box dl dt{font-size:2rem; line-height:1.2; letter-spacing:-0.025em; color:#050505; font-weight:600; margin-bottom:2rem; transition:var(--transition-custom2); opacity:0; transform:translateY(50px); transition-delay:0.2s; filter: blur(10px);}
.prd-process-item .right-box .txt-box dl dd{font-size:1.7rem; line-height:1.75; letter-spacing:-0.025em; color:#050505; transition:var(--transition-custom2); opacity:0; transform:translateY(50px);  transition-delay:0.3s; filter: blur(10px);}
.prd-process-item .right-box .txt-box a{display: flex; align-items:center; justify-content:space-between; width:20rem; height:4.2rem; background:var(--main-color); border-radius:0.5rem; padding-inline:2rem; font-size:1.4rem; letter-spacing:-0.025em; color:#fff; margin-top:4rem; box-sizing:border-box; transition:var(--transition-custom2); opacity:0; transform:translateY(50px);  transition-delay:0.4s; filter: blur(10px);}

/* animated */
.prd-process-item.animated .left-box .num{transform:scale(1);}
.prd-process-item.animated .left-box .num:before{transform:translate(-50%, -50%) scale(0.75);}
.prd-process-item.animated .left-box .num strong{opacity:1; filter: blur(0px);}
.prd-process-item.animated .right-box .img-box span img{opacity:1; filter: blur(0px);}
.prd-process-item.animated .right-box .txt-box .tit,
.prd-process-item.animated .right-box .txt-box dl dt,
.prd-process-item.animated .right-box .txt-box dl dd,
.prd-process-item.animated .right-box .txt-box a{opacity:1; transform:translateY(0); filter: blur(0px);}

/* ------- 3. 제품정보 :: 제품인트로 ------- */
@media all and (max-width:1280px){
	.prd-process-item .right-box .txt-box .tit {font-size: 4rem;}
}
@media all and (max-width:800px){
	/* 제품 인트로 :: 상단 */
	.prd-intro-list{display: block; width:calc(100% - (2 * var(--area-padding)));}
	.prd-intro-list .list-item{width:100%; transform:translateY(0) !important; margin:1rem 0;}
	.prd-intro-list .list-item a{display: flex; align-items:center;}
	.prd-intro-list .list-item .img-box{width:40%}
	.prd-intro-list .list-item .img-box span{width:100%; padding-top:10vh}
	.prd-intro-list .list-item .img-box span img{max-height:80%;}
	.prd-intro-list .list-item:nth-child(1) .img-box span img,
	.prd-intro-list .list-item:nth-child(2) .img-box span img,
	.prd-intro-list .list-item:nth-child(3) .img-box span img{top:0rem;}
	.prd-intro-list .list-item .txt-box{position: relative; width:60%; left:auto; bottom:auto; text-align:left;}
	.prd-intro-list .list-item .txt-box .tit{font-size:1.6rem;}
	.prd-intro-list .list-item .txt-box .txt{font-size:2rem;}
	
	/* 제품 인트로 :: 솔루션 */
	.prd-intro-solution{position: relative; padding-block:10rem 5rem;}
	.prd-intro-solution-con{display: block; padding-bottom:8rem;}
	.prd-intro-solution-con .left-box{width:100%;}
	.prd-intro-solution-con .left-box .tit{font-size:3rem;}
	.prd-intro-solution-con .right-box{width:100%;}
	.prd-intro-solution-con .right-box .txt01{font-size:1.8rem; margin-bottom:2.5rem;}
	.prd-intro-solution-con .right-box .txt02{font-size:1.4rem; margin-bottom:1.5rem;}
	.prd-intro-solution-con + .plus-txt{position: absolute; left: 50%; bottom:3rem; transform: translateX(-50%); font-size:4rem; height: 1.2em;white-space:nowrap; margin:0; padding:0;}
	
	/* 제품 인트로 :: process */
	.prd-intro-process{padding-block:10rem;}
	.prd-process-item{display: block; margin-bottom:6rem;}
	.prd-process-item:before{left:3rem;}
	.prd-process-item .left-box{width:100%;}
	.prd-process-item .left-box .num{width:6rem; height:6rem; }
	.prd-process-item .left-box .num strong{font-size:2rem;}
	.prd-process-item .left-box .process-tit{font-size:3rem; padding-left:2rem;}

	.prd-process-item .right-box{display: block; width:calc(100% - 7rem); margin-left:7rem; box-sizing:border-box; margin-top: 1rem;}
	.prd-process-item .right-box .img-box{width:100%; }
	.prd-process-item .right-box .img-box img{max-width:50%; margin:auto;}
	.prd-process-item .right-box .txt-box{width:100%; padding:var(--area-padding);}
	.prd-process-item .right-box .txt-box .tit{font-size:3rem;}
	.prd-process-item .right-box .txt-box dl{margin-top:1rem;}
	.prd-process-item .right-box .txt-box dl dt{font-size:1.6rem; margin-bottom:1rem;}
	.prd-process-item .right-box .txt-box dl dd{font-size:1.5rem;}
}


/* ------- 3. 제품정보 :: Bright CT ------- */
/* visual */
.bright-ct-visual-box{display: flex; align-items:center; justify-content:space-between;}
.bright-ct-visual-box .left-box{width:53%; margin-top:5rem;}
.bright-ct-visual-box .left-box .logo-box{margin-bottom:8rem; text-align:left; transform:translateY(30px); opacity:0; filter: blur(10px); transition:var(--transition-custom2);}
.bright-ct-visual-box .left-box .logo-box span{display: block; width:32.4rem;}
.bright-ct-visual-box .left-box .logo-box span svg{width:100%; height:auto;}
.bright-ct-visual-box .left-box .left-list{display: flex; margin:0 -1rem;}
.bright-ct-visual-box .left-box .left-list .list-item{width:calc(16.66% - 2rem); margin:0 1rem; transform:translateY(50px); opacity:0; filter: blur(10px); transition:var(--transition-custom2);}
.bright-ct-visual-box .left-box .left-list .list-item .icon{position: relative; display: block; width:100%; height:0; padding-top:100%; border:2px solid #fff; box-sizing:border-box; border-radius:50%;}
.bright-ct-visual-box .left-box .left-list .list-item .icon svg{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:auto; max-width:60%;}
.bright-ct-visual-box .left-box .left-list .list-item .txt{font-size:1.7rem; line-height:1.41; letter-spacing:-0.025em; color:#fff; margin-top:1rem;}
.bright-ct-visual-box .right-box{width:45.91%;}
.bright-ct-visual-box .right-box span{display: block; transform:translateY(50px); opacity:0; filter: blur(10px); transition:var(--transition-custom2);}
.bright-ct-visual-box .right-box span img{max-width:100%;}
/* visual :: active */
#visual.active .bright-ct-visual-box .left-box .logo-box,
#visual.active .bright-ct-visual-box .left-box .left-list .list-item,
#visual.active .bright-ct-visual-box .right-box span{transform:translateY(0); opacity:1; filter: blur(0);}

#visual.active .bright-ct-visual-box .left-box .left-list .list-item:nth-child(1){transition-delay:0.2s}
#visual.active .bright-ct-visual-box .left-box .left-list .list-item:nth-child(2){transition-delay:0.3s}
#visual.active .bright-ct-visual-box .left-box .left-list .list-item:nth-child(3){transition-delay:0.4s}
#visual.active .bright-ct-visual-box .left-box .left-list .list-item:nth-child(4){transition-delay:0.5s}
#visual.active .bright-ct-visual-box .left-box .left-list .list-item:nth-child(5){transition-delay:0.6s}
#visual.active .bright-ct-visual-box .left-box .left-list .list-item:nth-child(6){transition-delay:0.7s}
#visual.active .bright-ct-visual-box .right-box span{transition-delay:0.4s}

/* content */
.prd-view-page{padding:18rem 0;}
.prd-view-con{padding-bottom:15rem;}
.prd-view-con:last-child{padding-bottom:0rem;}
/* 제품공통 :: 타이틀 */
.prd-view-tit-box{text-align:center; margin-bottom:5rem;}
.prd-view-tit-box.cm-al{margin-bottom:3.5rem;}
.prd-tit{font-size:4.8rem; line-height:1.41; letter-spacing:-0.025em; color:#fff; font-weight:600;}
.prd-txt01{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:rgba(255,255,255,0.5); margin-top:2rem;}
.prd-txt02{font-size:1.7rem; line-height:1.76; letter-spacing:-0.025em; color:#838383; }
.prd-view-tit-box .prd-txt01 + .prd-txt02{margin-top:1rem;}

.prd-txt01.style02{color:#fff; margin-top:6rem;}
/* 제품공통 :: 화살표 */
.cm-arrow-icon{position: absolute; top:50%; transform:translate(50%, -50%); display: flex; align-items:center; font-size:1.8rem; letter-spacing:-0.4em;}
.cm-arrow-icon i:nth-child(1){color:rgba(53, 183, 179, 0.2);}
.cm-arrow-icon i:nth-child(2){color:rgba(53, 183, 179, 0.6);}
.cm-arrow-icon i:nth-child(3){color:rgba(53, 183, 179, 1);}

/* Bright CT :: Content */
.bright-ct-page{background:no-repeat top center; background-size:cover; background-image:url('../../images/content/bright_ct_bg.jpg');}
/* con01 */
.bright-con01{display: flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,0.1); backdrop-filter:blur(2rem); border-radius:2rem; padding:7rem; }
.bright-con01 .prd-view-tit-box{margin-bottom:8rem;}
.bright-con01 .img-box{width:42.373%; max-width:500px;}
.bright-con01 .img-box img{max-width:100%;}
.bright-con01 .txt-box{width:33%;}
.bright-con01 .txt-box .inner-item{display: flex; align-items:center; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; border-radius:0.7rem; padding:0 3rem; height:6rem; font-size:2rem; margin-bottom:2rem;}
.bright-con01 .txt-box .inner-item:last-child{margin-bottom:0;}
.bright-con01 .txt-box .inner-item dt{width:44%}
.bright-con01 .txt-box .inner-item dd{width:56%; color:#fff;}

.bright-con01 .txt-box .inner-item:nth-child(1) dt{color:#D8261B}
.bright-con01 .txt-box .inner-item:nth-child(2) dt{color:#F4BA19}
.bright-con01 .txt-box .inner-item:nth-child(3) dt{color:#1BA64E}
.bright-con01 .txt-box .inner-item:nth-child(4) dt{color:#299ACE}

.bright-con01 .img-list{width:22.035%; display: flex; flex-wrap:wrap; margin:-0.8rem -0.5rem;}
.bright-con01 .img-list .list-item{width:calc(50% - 1rem); margin:0.8rem 0.5rem;}
.bright-con01 .img-list .list-item span img{width:100%;}
.bright-con01 .img-list .list-item .txt{font-size:1.2rem; color:#fff; margin-top:1rem; text-align:center;}

/* con02 */
.bright-con02{display: flex; justify-content:space-between;}
.bright-con02 .list-item{width:46.5%;}
.bright-con02 .list-item .inner-box{display: flex; justify-content:space-between;}
.bright-con02 .list-item .inner-box .inner-left{display: flex; flex-wrap:wrap; width:35.1%; max-width:215px; margin:-1.5rem 0;}
.bright-con02 .list-item .inner-box .inner-left span{margin:1.5rem 0;}
.bright-con02 .list-item .inner-box .inner-left span img{max-width:100%;}

.bright-con02 .list-item .inner-box .inner-right{width:60.77%; max-width:373px;}
.bright-con02 .list-item .inner-box .inner-right .img-box{}
.bright-con02 .list-item .inner-box .inner-right .img-box img{max-width:100%;}
.bright-con02 .list-item .inner-box .inner-right .txt-box{margin-top:5rem;}
.bright-con02 .list-item .inner-box .inner-right .txt-box .txt{position: relative; padding-left:1.5rem; font-size:1.7rem; line-height:1.5; color:#fff; margin-bottom:1rem;}
.bright-con02 .list-item .inner-box .inner-right .txt-box .txt:last-child{margin-bottom:0;}
.bright-con02 .list-item .inner-box .inner-right .txt-box .txt:before{position: absolute; content:''; width:5px; height:5px; border-radius:50%; background:#fff; top:1rem; left:0;}
.bright-con02 .list-item .inner-box .inner-right .txt-box .txt.big{font-size:2.8rem; font-weight:600;}
.bright-con02 .list-item .inner-box .inner-right .txt-box .txt.big:before{top:2rem;}
.bright-con02 .list-item .inner-box .inner-right .txt-box .txt.blue{color:#5B9BD5;}

/* con03 */
.bright-con03{display: flex; justify-content:space-between;}
.bright-con03 .list-item{width:calc(50% - 0.5rem);}
.bright-con03 .list-item .prd-view-tit-box .prd-txt01{}
.bright-con03 .list-item .img-box{}
.bright-con03 .list-item .img-box img{max-width:100%;}

/* con04 */
.cm-bg-black{background:#000; padding:15rem 0; margin:15rem 0; box-sizing:border-box;}
.bright-con04{display: flex; margin:0 -2.55rem;}
.bright-con04 .list-item{width:calc(20% - 5.5rem); margin:0 2.55rem; text-align:center;}
.bright-con04 .list-item .img-box{position: relative; }
.bright-con04 .list-item .img-box .cm-arrow-icon{right:-2.25rem;}
.bright-con04 .list-item .img-box img{max-width:100%;}
.bright-con04 .list-item .txt-box{margin-top:1.5rem;}
.bright-con04 .list-item .txt-box .tit{font-size:2rem; line-height:1.5; color:#C8C9CA; font-weight:600;}
.bright-con04 .list-item .txt-box .txt{font-size:1.7rem; line-height:1.88; color:#E6E7E8; margin-top:1rem;}

.bright-con04.list04{margin:0 -3.3rem;}
.bright-con04.list04 .list-item{width:calc(25% - 5.5rem); margin:0 3.3rem;}

/* con05 */
.bright-con05{display: flex; justify-content:space-between;}
.bright-con05 .list-item{width:calc(50% - 0.7rem); text-align:center;}
.bright-con05 .list-item .bright-con05-tit{display: inline-flex; align-items:center; justify-content:center; min-width:30rem; min-height:5rem; padding:1rem 2rem; box-sizing:border-box; border:1px solid #35B7B3; border-radius:5px; margin:0 auto 3rem; font-size:2rem; line-height:1.5; letter-spacing:0; color:#39AEAA; font-weight:600;}
.bright-con05 .list-item .inner-box{display: flex; justify-content:space-between;}
.bright-con05 .list-item .inner-box .img-box{width:calc(50% - 0.65rem);}
.bright-con05 .list-item .inner-box .img-box img{width:100%;}

/* con06 - 통이미지 */
.bright-img-wrap{text-align:center; margin-top:8rem;}
.bright-img-wrap .img-box img{max-width:100%;}

/* con07 */
.bright-con07{display: flex; margin:0 -0.65rem;}
.bright-con07 .img-box{width:calc(25% - 1.3rem); margin:0 0.65rem; background:#fff; border-radius:1rem;}
.bright-con07 .img-box span{position: relative; display: block; width:100%; height:0; padding-top:162.5%;}
.bright-con07 .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; object-fit:cover;}

/* video */
.video-iframe-wrapper{position:relative; margin:0px auto; overflow:hidden;}
.video-iframe-box{position:relative; padding-top:49.243%; height:0; background-color:#111}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:60px; color:#fff; line-height:50px; text-shadow:1px 1px 10px rgba(0, 0, 0, .5);}

/* ------- 3. 제품정보 :: Bright CT ------- */
@media all and (max-width:800px){
	/* visual */
	.bright-ct-visual-box .left-box .logo-box{margin-bottom:3rem;}
	.bright-ct-visual-box .left-box .logo-box span{width:20rem;}
	.bright-ct-visual-box .left-box .left-list{flex-wrap:wrap; max-width:25rem; margin-block:-0.5rem;}
	.bright-ct-visual-box .left-box .left-list .list-item{width:calc(33.33% - 2rem); margin-block:0.5rem;}
	.bright-ct-visual-box .left-box .left-list .list-item .txt{font-size:1.2rem; margin-top:0.5rem;}
	.bright-ct-visual-box .left-box .left-list .list-item .icon{width: calc(100% + 4px);}

	/* content */
	.prd-view-page{padding:8rem 0;}
	.prd-view-con{padding-bottom:8rem;}
	/* 제품공통 :: 타이틀 */
	.prd-view-tit-box{margin-bottom:3rem;}
	.prd-view-tit-box.cm-al{margin-bottom:3rem;}
	.prd-tit{font-size:3rem;}
	.prd-txt01{font-size:1.7rem; margin-top:1rem;}
	.prd-txt02{font-size:1.5rem;}

	.prd-txt01.style02{margin-top:3rem;}

	/* Bright CT :: Content */
	/* con01 */
	.bright-con01{flex-wrap:wrap; padding:5rem 3rem;}
	.bright-con01 .img-box{width:100%; max-width:500px; margin:0 auto 2rem;}
	.bright-con01 .txt-box{width:50%;}
	.bright-con01 .txt-box .inner-item{padding:0 1.5rem; height:4rem; font-size:1.6rem; margin-bottom:1rem;}

	.bright-con01 .img-list{width:50%; padding-left:3rem; box-sizing:border-box;}
	
	/* con02 */
	.bright-con02{display: block;}
	.bright-con02 .list-item{width:100%; margin-bottom:5rem;}
	.bright-con02 .list-item .inner-box{display: flex; justify-content:space-between;}

	.bright-con02 .list-item .inner-box .inner-right{max-width:calc(100% - 215px);}
	.bright-con02 .list-item .inner-box .inner-right .txt-box{margin-top:3rem;}
	.bright-con02 .list-item .inner-box .inner-right .txt-box .txt{font-size:1.5rem; }
	.bright-con02 .list-item .inner-box .inner-right .txt-box .txt:before{top:0.9rem;}
	.bright-con02 .list-item .inner-box .inner-right .txt-box .txt.big{font-size:2.4rem;}
	.bright-con02 .list-item .inner-box .inner-right .txt-box .txt.big:before{top:1.6rem;}

	.bright-con02 .list-item .inner-box .inner-left{margin:-0.7rem 0;}
	.bright-con02 .list-item .inner-box .inner-left span{margin:0.7rem 0;}

	/* con03 */
	.bright-con03{display: block;}
	.bright-con03 .list-item{width:100%; margin-bottom:2rem;}

	/* con04 */
	.cm-bg-black{padding:8rem 0; margin:8rem 0;}
	.bright-con04{flex-wrap:wrap; margin:-2rem;}
	.bright-con04 .list-item{width:calc(50% - 4rem); margin:2rem;}
	.bright-con04 .list-item .img-box .cm-arrow-icon{right:-1.8rem;}
	.bright-con04 .list-item:nth-child(even) .img-box .cm-arrow-icon{display: none;}
	.bright-con04 .list-item .txt-box{margin-top:1rem;}
	.bright-con04 .list-item .txt-box .tit{font-size:1.6rem;}
	.bright-con04 .list-item .txt-box .txt{font-size:1.4rem; margin-top:0.5rem;}

	.bright-con04.list04{margin:-2rem;}
	.bright-con04.list04 .list-item{width:calc(50% - 4rem); margin:2rem;}

	/* con05 */
	.bright-con05{display: block;}
	.bright-con05 .list-item{width:100%; margin-bottom:4rem;}
	.bright-con05 .list-item:last-child{margin-bottom:0;}
	.bright-con05 .list-item .bright-con05-tit{min-height:4rem; padding:0.7rem 1.5rem; margin:0 auto 2rem; font-size:1.6rem;}

	/* con06 - 통이미지 */
	.bright-img-wrap{margin-top:4rem;}

	/* con07 */
	.bright-con07{flex-wrap:wrap; margin:-0.65rem;}
	.bright-con07 .img-box{width:calc(50% - 1.3rem); margin:0.65rem;}
}
@media all and (max-width:480px){
	/* Bright CT :: Content */
	/* con01 */
	.bright-con01 .txt-box{width:100%; margin-bottom:2rem;}
	.bright-con01 .img-list{width:100%; padding-left:0rem;}

	/* con02 */
	.bright-con02 .list-item .inner-box .inner-right{max-width:none;}
}

/* ------- 3. 제품정보 :: Dentium 3D Viewer ------- */
.d-viewer-page{background:no-repeat top center; background-size:cover; background-image:url('../../images/content/d_viewer_bg.jpg');}

/* Dentium 3D Viewer :: Content */
.d-viewer-page .bright-con04{margin-bottom:5rem;}

/* con02 */
.d-viewer-con02{display: flex; justify-content:space-between;}
.d-viewer-con02 .img-box{width:calc(50% - 0.5rem); background:#000;}
.d-viewer-con02 .img-box img{width:100%;}
/* con03 */
.d-viewer-con03{position: relative; margin-bottom:12rem;}
.d-viewer-con03:last-child{margin-bottom:0;}
.d-viewer-con03 .d-viewer-con03-txt{position: absolute; top:-8rem; transform:translateX(-50%); display: inline-flex; align-items:center; justify-content:center; font-size:2rem; letter-spacing:-0.05em; line-height:1.5; color:#fff; font-weight:600; min-width:20rem; min-height:4rem; padding:1rem 3rem; color:#fff; border-radius:4rem; box-sizing:border-box; white-space: nowrap;}
.d-viewer-con03 .d-viewer-con03-txt.gray{background:#404040; left:250px;}
.d-viewer-con03 .d-viewer-con03-txt.green{background:#B3CC2D; left:970px;}
.d-viewer-con03 .d-viewer-con03-tit{font-size:3.8rem; letter-spacing:-0.05em; line-height:1; font-weight:600; color:#fff; margin-top:3rem;}

/* ------- 3. 제품정보 :: Dentium 3D Viewer ------- */
@media all and (max-width:1380px){
	/* con03 */
	.d-viewer-con03 .d-viewer-con03-txt.gray{left:25vw;}
	.d-viewer-con03 .d-viewer-con03-txt.green{left:72vw;}
}
@media all and (max-width:800px){
	/* Dentium 3D Viewer :: Content */
	.d-viewer-page .bright-con04{margin-bottom:3rem;}

	/* con02 */
	.d-viewer-con02{display: block;}
	.d-viewer-con02 .img-box{width:100%; margin-bottom:2rem;}

	/* con03 */
	.d-viewer-con03 .d-viewer-con03-txt{top:-6rem; font-size:1.6rem; min-width:auto; min-height:3.5rem; padding:0.8rem 3rem;}
	.d-viewer-con03 .d-viewer-con03-txt.gray{left:16vw;}
	.d-viewer-con03 .d-viewer-con03-txt.green{left:67vw;}
	.d-viewer-con03 .d-viewer-con03-tit{font-size:2.4rem; margin-top:2rem;}
}

/* ------- 3. 제품정보 :: Bright Implant ------- */
/* visual */
.bright-implant-visual-box{display: flex; flex-direction: column; justify-content: center; height:100%;}
.bright-implant-visual-box .bright-implant-tit{font-size:1.8rem; line-height:1.77; letter-spacing:-0.025em; color:#fff; font-weight:400; margin-bottom:2rem;}
.bright-implant-visual-box .logo-box{display: block; max-width:50rem; margin:0 auto;}
.bright-implant-visual-box .logo-box svg{width:100%; height:auto;}

/* Bright Implant :: Content */
.bright-implant-page{background:no-repeat top center; background-size:contain; background-image:url('../../images/content/bright_inplant_bg.jpg');}
/* con01 */
.bright-implant-con01{display: flex; align-items:center;}
.bright-implant-con01 .left-box{width:50%; padding:7.5rem 10rem; box-sizing:border-box; background:rgba(255,255,255,0.1); backdrop-filter:blur(1rem); border-radius:2rem;}
.bright-implant-con01 .left-box img{max-width:100%;}
.bright-implant-con01 .right-box{width:50%; padding-left:10rem; box-sizing:border-box;}
.bright-implant-con01 .right-box .tit{font-size:4.8rem; line-height:1.41; letter-spacing:-0.025em; color:#fff; font-weight:600; margin-bottom:5rem;}
.bright-implant-con01 .right-box .txt{font-size:2rem; letter-spacing:-0.025em; line-height:1.6; color:#fff; margin-bottom:5rem;}
.bright-implant-con01 .right-box .txt.green{color:#B3CC2D; font-weight:600;}
.bright-implant-con01 .right-box .txt:last-child{margin-bottom:0;}

/* con02 */
.bright-implant-bg{position: relative; padding:15rem 0; box-sizing:border-box;}
.bright-implant-bg.bg01{background:no-repeat top center; background-size:contain; background-image:url('/images/content/bright_implant_bg01.png'); margin-top:20rem;}
.bright-implant-bg.bg02{background:no-repeat top center; background-size:contain; background-image:url('/images/content/bright_implant_bg02.png');}

.bright-implant-tit-box{text-align:center; margin-bottom:4rem;}
.bright-implant-con02{display: flex; flex-wrap:wrap; margin:-2rem;}
.bright-implant-con02 .list-item{display: flex; flex-wrap:wrap; width:calc(50% - 4rem); margin:2rem; background:rgba(255,255,255,0.1); border-radius:2rem; padding:6.5rem; box-sizing:border-box; backdrop-filter:blur(1rem);}
.bright-implant-con02 .list-item .prd-view-tit-box .prd-txt01{color:#fff; margin-top:0;}
.bright-implant-con02 .list-item .prd-view-tit-box .inner-img{margin-top:6rem;}
.bright-implant-con02 .list-item .prd-view-tit-box .inner-img img{max-width:100%;}
.bright-implant-con02 .list-item .img-box{margin-top:3rem;}
.bright-implant-con02 .list-item .img-box img{max-width:100%;}

.bright-implant-con02 .list-item.wide{width:calc(100% - 4rem);}
.bright-implant-con02 .list-item.wide .prd-view-tit-box{width:40%;}
.bright-implant-con02 .list-item.wide .img-box{width:60%; margin-top:0;}

/* con04 */
.bright-implant-con04{}
.bright-implant-con04 .img-list{display: flex; flex-wrap:wrap; margin:-0.7rem;}
.bright-implant-con04 .img-list .list-item{position: relative; width:calc(25% - 1.4rem); margin:0.7rem;}
.bright-implant-con04 .img-list .list-item img{width:100%;}
.bright-implant-con04 .img-list .list-item .plus-img{position: absolute; top:-1rem; right:0; transform:translateY(-100%); width:50%;}
.bright-implant-con04 .bottom-box{display: flex; justify-content:space-between; align-items:center; margin:1.3rem -0.7rem 0;}
.bright-implant-con04 .bottom-box .left-box{width:calc(50% - 1.4rem); margin:0 0.7rem}
.bright-implant-con04 .bottom-box .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#fff; font-weight:600;}
.bright-implant-con04 .bottom-box .right-box{width:calc(25% - 1.4rem); margin:0 0.7rem;}
.bright-implant-con04 .bottom-box img{max-width:100%;}
/* con05 */
.bright-implant-con05 .img-list{display: flex; flex-wrap:wrap; margin:-0.5rem;}
.bright-implant-con05 .img-list .list-item{width:calc(50% - 1rem); margin:0.5rem;}
.bright-implant-con05 .img-list .list-item img{max-width:100%;}
.bright-implant-con05 .img-list .list-item .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; color:#fff; margin-top:2rem; text-align:center;}

.bright-implant-con04 + .bright-implant-con05{margin-top:15rem;}
.bright-implant-con05 + .bright-implant-con04{margin-top:30rem;}

/* ------- 3. 제품정보 :: Bright Implant ------- */
@media all and (min-width:1921px){
	.bright-implant-page,
	.bright-implant-bg.bg01,
	.bright-implant-bg.bg02{background-size:100vw auto;}
}
@media all and (max-width:800px){
	/* visual */
	.bright-implant-visual-box .bright-implant-tit{font-size:1.6rem;}
	.bright-implant-visual-box .logo-box{max-width:40rem; }

	/* Bright Implant :: Content */
	.bright-implant-page{background-size:cover;}
	/* con01 */
	.bright-implant-con01{display: block;}
	.bright-implant-con01 .left-box{width:100%; padding:5rem 3rem; margin-bottom:3rem;}
	.bright-implant-con01 .right-box{width:100%; padding-left:0rem; }
	.bright-implant-con01 .right-box .tit{font-size:3rem; margin-bottom:3rem;}
	.bright-implant-con01 .right-box .txt{font-size:1.8rem; margin-bottom:3rem;}

	/* con02 */
	.bright-implant-bg{padding:8rem 0;}
	.bright-implant-bg.bg01{margin-top:8rem;}

	.bright-implant-tit-box{margin-bottom:2rem;}
	.bright-implant-con02{margin:-1rem;}
	.bright-implant-con02 .list-item{display: flex; flex-wrap:wrap; width:calc(100% - 2rem); margin:1rem; padding:5rem 3rem;}
	.bright-implant-con02 .list-item .prd-view-tit-box .inner-img{margin-top:3rem;}
	.bright-implant-con02 .list-item .img-box{margin-top:2rem;}

	.bright-implant-con02 .list-item.wide{width:calc(100% - 2rem);}
	
	/* con04 */
	.bright-implant-con04 .img-list .list-item{width:calc(50% - 1rem); margin:0.5rem;}
	.bright-implant-con04 .img-list .list-item .plus-img{top:0rem; transform:translateY(0);}
	.bright-implant-con04 .bottom-box{margin:1rem -0.5rem 0;}
	.bright-implant-con04 .bottom-box .left-box{margin:0 0.5rem}
	.bright-implant-con04 .bottom-box .txt{font-size:1.6rem;}
	.bright-implant-con04 .bottom-box .right-box{width:calc(50% - 1rem);}
	/* con05 */
	.bright-implant-con05 .img-list .list-item .txt{font-size:1.6rem; margin-top:1rem;}

	.bright-implant-con04 + .bright-implant-con05{margin-top:10rem;}
	.bright-implant-con05 + .bright-implant-con04{margin-top:10rem;}

}
@media all and (max-width:480px){
	/* con02 */
	.bright-implant-con02 .list-item.wide .prd-view-tit-box{width:100%;}
	.bright-implant-con02 .list-item.wide .img-box{width:100%; margin-top:2rem;}
}