@charset "utf-8";

/* 센터소개 */
.center_intrcn {position:relative; padding-top:60px; word-break:keep-all; background:url('/images/web/planthospital/sub/img_center01.png') no-repeat left top;}
.center_intrcn .cont_top {height:140px; position: relative; margin:0 0 0 360px; padding:35px 30px; font-size:30px; color:#fff; background:#539c1d; box-sizing: content-box;}
.center_intrcn .cont_top:after {content:''; position:absolute; right:0; bottom:0; width:156px; height:143px; background:url('/images/web/planthospital/sub/img_center02.png') no-repeat right bottom;}
.center_intrcn .txt2 span {font-family:'NotoM'; border-bottom:1px solid #fff; }
.center_intrcn .txt3 {margin-top:25px; font-size:20px;}
.center_intrcn .txt4 {margin-top:30px; font-size:16px; line-height:1.6; color:#444; word-break:keep-all; text-align: justify}

/* 연혁 */
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:15px; color:#fff; text-align:center; background:url('/images/web/planthospital/sub/bg_history.png') no-repeat;}
.history_box h3 span {display:block; font-size:24px; line-height:28px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:90px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}

/* 오시는 길 */
.con_map {position:relative; height:460px; overflow:hidden;}
.con_map .root_daum_roughmap {width:100%; }
.con_map .top_map {position:absolute; left:0; bottom:0; width:100%; height:90px; padding:15px 0; overflow:hidden; background:url('/images/web/planthospital/sub/bg_map1.png') repeat; z-index:2}
.con_map ul {padding:0 50px;}
.con_map ul li {width:35%; float:left; color:#fff; line-height:40px; font-family:"NotoR"; font-size:16px;}
.con_map ul li.icon_Tmap1 {width:100%; background:url("/images/web/planthospital/sub/icon_map1.png") no-repeat left top; margin-bottom:10px;}
.con_map ul li.icon_Tmap2 {background:url("/images/web/planthospital/sub/icon_map2.png") no-repeat left top;}
.con_map ul li strong {padding:0 30px 0 50px; font-family:"NotoM"; font-weight:normal;}
.con_map_box ul li {min-height:90px; padding:20px 0 20px 120px; border-top:1px dashed #b2b7c7;}
.con_map_box ul li.icon_map1 {border-top:none; background:url("/images/web/planthospital/sub/icon_map3.png") no-repeat left 20px;}
.con_map_box ul li.icon_map2 {background:url("/images/web/planthospital/sub/icon_map4.png") no-repeat left 20px;}
.con_map_box ul li.icon_map3 {background:url("/images/web/planthospital/sub/icon_map5.png") no-repeat left 20px;}
.con_map_box ul li.icon_map4 {background:url("/images/web/planthospital/sub/icon_map6.png") no-repeat left 20px;}
.con_map_box ul li dl dd {margin:10px 0 0 30px;}

/* 온라인 의뢰절차 */
.online_step dl{position: relative; margin-top:15px; display:table; min-height:92px; }
.online_step dl:first-child{margin-top:0;}
.online_step dl dt{position: absolute; left:0; top:0;}
.online_step dl dd{padding-left:110px; min-height:92px; display:table-cell; vertical-align: middle;}

/* 관련사이트 */
.sc_site {position:relative; overflow:hidden; font-size:0; line-height:0;}
.sc_site li {width:31.33%; display:inline-block; margin:20px 1% 0; text-align:center; line-height:1.4; font-size:14px; vertical-align: top;}
.sc_site li div {border:1px solid #c8d1db; background:url('/images/web/planthospital/sub/pt_site.png') repeat;}
.sc_site li div img{max-width:100%;}
.sc_site li div p {display:block; border-bottom:1px solid #c8d1db; padding:10px 0; background:#fff;}
.sc_site li div p span{display:block; line-height:72px; color:#333; font-size:16px; font-weight: bold;}
.sc_site li div a {margin:10px 0;}
.sc_site.foreign li div p span{font-size:13px; line-height:20px;}

/*250805 소개*/
.introduce {font-family: 'Pretendard';color: #111;margin-top: -2.5rem;}
.introduce .wrap1{width: 100%;height: 100%;}
.introduce .wrap1 .titleWrap{display: flex;width: 100%;height: 17.5rem;background: url('/images/web/gplatform/sub/img_01.png') no-repeat top right;background-size: contain;align-items: flex-end;margin-bottom: 1rem;}
.introduce .wrap1 .titleWrap h3{font-weight: 400;font-size: 1.5rem;line-height: 2.5rem;margin-bottom: 0;letter-spacing: -2.5px;}
.introduce .wrap1 .titleWrap h3 span{position: relative;display: inline-block;font-size: 2.5rem;font-weight: 700;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background: linear-gradient(117deg, rgba(31, 101, 202, 1) 0%, rgba(35, 151, 228, 1) 100%);}
.introduce .wrap1 .contWrap{width: 100%;margin-top: 3rem;}
.introduce .wrap1 .contWrap ul{display: flex;gap: 3rem;}
.introduce .wrap1 .contWrap ul li{font-size: 1.25rem;font-weight: 400;letter-spacing: -1px;}
.introduce .wrap1 .contWrap ul li:nth-of-type(2n - 1){line-height: 1.5rem;white-space: nowrap;}
.introduce .wrap1 .contWrap ul li:nth-of-type(2n) {font-size: 0.9rem;line-height: 1.5rem;}
.introduce .wrap1 .contWrap ul li span{font-weight: 600;}
.introduce .wrap2{margin-top: 3.25rem;}
.introduce .wrap2 .imgWrap{width: 100%;text-align: left;}
.introduce .wrap2 .imgWrap img{max-width: 100%;}
.introduce .wrap2 .contWrap {position:relative; margin-top: 2rem;}
.introduce .wrap2 .contWrap:before {content:"";position: absolute;display: block;background:url('/images/web/gplatform/sub/img_bg_01.png') no-repeat;width: 558px;height: 584px;top: 3.5rem;left: -0.5rem;background-size:contain;z-index: -1;}
.introduce .wrap2 .contWrap .title {position: relative;padding-left: 1.75rem;font-size: 1.5rem;font-weight: 700;letter-spacing: -0.5px;}
.introduce .wrap2 .contWrap .title span{position: absolute;color: #0474f0;font-size: 1.25rem;font-weight: 800;top: -0.8rem;left: 0;letter-spacing: 0;}
.introduce .wrap2 .contWrap .list{padding-left: 1.75rem;margin-top: 1rem;}
.introduce .wrap2 .contWrap .list li{position: relative;font-size: 0.9rem;letter-spacing: -0.3px;font-weight: 400;line-height: 1.7rem;padding-left: 0.9rem;}
.introduce .wrap2 .contWrap .list li:before {position: absolute;content:"";display:block;width:6px;height:6px;background:#0474f0;border-radius:50%;top: 0.65rem;left:0;}
.introduce .wrap2 .contWrap .list li span {font-weight:700;}
.introduce .wrap3{max-width: 40rem;margin-top: 2.7rem;margin-left: auto;}
.introduce .wrap3 .imgWrap{width: 100%;text-align: right;}
.introduce .wrap3 .imgWrap img{max-width: 100%;}
.introduce .wrap3 .contWrap {position: relative;margin-top:1.65rem}
.introduce .wrap3 .contWrap:before {content:"";position: absolute;display: block;background:url('/images/web/gplatform/sub/img_bg_02.png') no-repeat;width:316px;height: 273px;top: -1.2rem;left: -13.5rem;background-size:contain;}
.introduce .wrap3 .contWrap .title {position: relative;padding-left: 1.75rem;font-size: 1.5rem;font-weight: 700;letter-spacing: -0.5px;}
.introduce .wrap3 .contWrap .title span{position: absolute;color: #0474f0;font-size: 1.25rem;font-weight: 800;top: -0.8rem;left: 0;letter-spacing: 0;}
.introduce .wrap3 .contWrap .list{padding-left: 1.75rem;margin-top: 1rem;}
.introduce .wrap3 .contWrap .list li{position: relative;font-size: 0.9rem;letter-spacing: -0.3px;font-weight: 400;line-height: 1.7rem;padding-left: 0.9rem;}
.introduce .wrap3 .contWrap .list li:before {position: absolute;content:"";display:block;width:6px;height:6px;background:#0474f0;border-radius:50%;top: 0.65rem;left:0;}
.introduce .wrap3 .contWrap .list li span {font-weight:700;}

.introduce .wrap4{margin-top: 3rem;}
.introduce .wrap4 .bottomTitle{font-size: 1.5rem;line-height: 2.5rem;letter-spacing: -2px;text-align: center;font-weight: 400;}
.introduce .wrap4 .bottomTitle span.gr{-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background: linear-gradient(-67deg,rgba(35, 151, 228, 1) 0%, rgba(14, 84, 185, 1) 100%);}
.introduce .wrap4 .bottomTitle span{font-weight: 700;}

@media screen and (min-width:1201px) {	

	
	/* 스크롤 이벤트 CSS */
	[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:1s}
	[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:1s}
	[data-aos][data-aos][data-aos-delay="10"],body[data-aos-delay="10"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="10"].aos-animate,body[data-aos-delay="10"] [data-aos].aos-animate{transition-delay:.5s}
	[data-aos][data-aos][data-aos-delay="10"],body[data-aos-delay="10"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="5"].aos-animate,body[data-aos-delay="5"] [data-aos].aos-animate{transition-delay:.25s}

	/* slide 종류 설정 */
	[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
	[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
	[data-aos=fade-up]{transform:translate3d(0,100px,0)}
	[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
	[data-aos=fade-down-shot]{transform:translate3d(0,-50px,0)}
	[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
	[data-aos=fade-left]{transform:translate3d(100px,0,0)}
	[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
	[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
	[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
	[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}		
	
}

/********** Media quary **********/

@media screen and (max-width:1280px) {
.introduce {margin-top:-1.2rem;}
}
@media screen and (max-width:1019px) {

	/* 센터소개 */
	.center_intrcn {padding-top:0; background-size:auto 182px;}
	.center_intrcn .cont_top {height:auto; margin:0 0 0 30%; padding:30px 25px; font-size:26px;}
	.center_intrcn .txt3 {font-size:18px;}	

	
	/* 관련사이트 */
	.sc_site li {width:48%; }

}

@media screen and (max-width:840px) {

	/* 오시는길 */
	.con_map .top_map {height:auto;}
	.con_map ul {padding:0 20px;}
	.con_map ul li {width:100%; float:none; padding:4px 0 4px 40px; line-height:22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.con_map ul li.icon_Tmap1 {margin-bottom:10px; width:100%;}
	.con_map ul li.icon_Tmap1,
	.con_map ul li.icon_Tmap2 {background-size:30px; }
	.con_map ul li strong {position:absolute; left:-1000000em; top:-1000000em;}

}

@media screen and (max-width:768px) {
	/* 250805 */
	.introduce .wrap1 .titleWrap {height: 12rem;background-size:contain;}
	.introduce .wrap1 .titleWrap h3 {font-size:1.5rem;line-height: 1.5;margin-bottom: 0;}
	.introduce .wrap1 .titleWrap h3 span {font-size:1.5rem;}
	.introduce .wrap1 .contWrap ul {flex-wrap:wrap; gap:1rem;}
	.introduce .wrap1 .contWrap ul li:nth-of-type(2n) {line-height:1.5}
	.introduce .wrap2{margin-top: 1.5rem;}
	.introduce .wrap2 .contWrap .list {padding-left: 1.5rem;}
	.introduce .wrap2 .contWrap .list li {line-height:1.7}
	.introduce .wrap2 .contWrap .title {font-size:1.2rem; padding-left: 1.5rem;}
	.introduce .wrap2 .contWrap .title span{font-size:1rem;}
	.introduce .wrap3{margin-top: 1.5rem;}
	.introduce .wrap3 .contWrap .list {padding-left: 1.5rem;}
	.introduce .wrap3 .contWrap .title {font-size:1.2rem;padding-left: 1.5rem;}
	.introduce .wrap3 .contWrap .title span{font-size:1rem; }
	.introduce .wrap3 .contWrap .list li {line-height:1.7}
	.introduce .wrap4{margin-top: 1.5rem;}
	.introduce .wrap4 .bottomTitle {font-size:1.2rem; line-height:1.7}
	.introduce .wrap4 .bottomTitle br {display:none;}
}

@media screen and (max-width:640px) {

	/* 센터소개 */
	.center_intrcn {padding-top:240px; background-size:100% auto;}
	.center_intrcn .cont_top {margin:0 20px; padding:25px 20px;}
	.center_intrcn .cont_top:after {display:none;}

}

@media screen and (max-width:560px) {	

	/* 센터소개 */
	.center_intrcn {padding-top:220px;}
	.center_intrcn .cont_top {margin:0;}
	
	/* 오시는 길 */
	.con_map_box ul li {min-height:60px; padding:20px 0 20px 80px;}
	.con_map_box ul li.icon_map1,
	.con_map_box ul li.icon_map2,
	.con_map_box ul li.icon_map3,
	.con_map_box ul li.icon_map4 {background-size:70px; }

	/* 관련사이트 */
	.sc_site li {width:98%;}

}

@media screen and (max-width:480px) {
	
	/* 센터소개 */
	.center_intrcn {padding-top:180px;}
	
}

@media screen and (max-width :380px) {



}