.pccp {font-family:Pretendard;}
.pccp img {display:block;margin: 0 auto;max-width:100%;}
.pccp .row img {width:100%;}
.pccp .row {margin: 0 auto;width:100%;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;}
.pccp .sec {position:relative;z-index:1;}

.pccp .hero {padding: 150px 0 120px 0;background: url('/2023/img/landing/pccp_bg_01.png') center center / cover no-repeat;}
.pccp .hero .ttl {margin: 65px auto 50px auto;}
.pccp .hero .sttl {margin-bottom:110px;}
.pccp .hero .row div {width:26%;margin-right:1%;}
.pccp .hero .row div:last-of-type {margin-right:0;}

.pccp .hero .slider {width:100%;margin: 0 auto; }
.pccp .hero .slide {width:100%;margin-right:0;padding: 0 0.2%;}
.pccp .hero .slide div img {width:100%;border-radius: 20px;}
.pccp .hero .slide div {width:100%;margin-right:0;padding: 0;position:relative;z-index:1;}
.pccp .hero .slide div:after {position:absolute;width: 100%;height:100%;top:0;left:0;content: '';background-color: rgba(0,0,0,0.6);z-index:2;transition:0.5s background-color ease;border-radius: 20px;}
.pccp .hero .slick-active div:after {background-color: transparent;transition:0.5s background-color ease;}
.pccp .slick-dots {margin-top:40px;display:flex;justify-content:center;}
.pccp .slick-dots li {width:16px;height:16px;border-radius:100%;color: transparent;background-color: #ffffff;opacity: 0.5;margin-right:8px;}
.pccp .slick-dots li:last-of-type {margin-right:0;}
.pccp .slick-dots li.slick-active {opacity: 1;}

.pccp .sec_01 {background: url('/2023/img/landing/pccp_bg_02.png') center center / cover no-repeat;padding:40px 80px;}
.pccp .sec_02, .pccp .sec_04 {background: #c8e0f7;padding:105px 0 165px 0;position:relative;z-index:2;background: url('/2023/img/landing/pccp_bg_03.png') center center / cover no-repeat;}


.pccp .sec_04 {padding: 105px 0 185px 0;}

.pccp .sec_02 .row, .pccp .sec_04 .row  {margin-top:4%;}
.pccp .sec_02 .row div, .pccp .sec_04 .row div {width:31%;margin-right:1%;}
.pccp .sec_02 .row div:last-of-type, .pccp .sec_04 .row div:last-of-type {margin-right:0;}


.pccp .sec_03 {background: #ffffff;padding:145px 0 105px 0;}
.pccp .sec_03 .map {display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin: 70px auto 0;position:relative;}
.pccp .sec_03 .map div {width: 26%;position:relative;z-index:3;margin-bottom:3%;}
.pccp .sec_03 .way {position:absolute;z-index:1;top:50%;left:0;transform:translateY(-63%);}
.pccp .rec {background: url('/2023/img/landing/pccp_bg_07.png') center center / cover no-repeat;padding:105px 0 110px;}
.pccp .rec_wrap {border-radius: 20px;width:1110px;margin: 0 auto;margin-top:90px; }
.pccp .rec_wrap .tabs {display:flex;justify-content:center;width:100%;margin: 0 auto;}
.pccp .rec_wrap .tab {width:33.2%;margin: 0 auto;text-align:center;color: #ffffff ;background-color: #d2e0ec;font-weight:700;font-size:32px;display:flex;justify-content:center;padding: 35px 0;border-radius: 20px 20px 0 0;cursor:pointer;transition: 0.6s all ease;}
.pccp .rec_wrap .tab span {display:none;}
.pccp .rec_wrap .tab.on {background-color: #000000;position:relative;transition: 0.6s all ease;}
.pccp .rec_wrap .tab.on span {display:block;margin-right:25px;width:45px;}
.pccp .rec_wrap .tab.on:after {position:absolute;top:0;transform:translateY(-50%);right:2%;content: ''; width:149px;height:54px;-webkit-animation: blink 1.2s infinite;animation: blink 1.2s infinite;background: url('/2023/img/landing/pccp_icn.png') center center / contain no-repeat;}
.pccp .rec_wrap .tab.c_lg.on:after {background: url('/2023/img/landing/pccp_icn_01.png') center center / contain no-repeat;}
.pccp .tabs_cont {background: #ffffff;border-radius: 0 0 20px 20px;padding: 25px 75px 65px; }
.pccp .tabs_cont ul {display:none;transition: 0.6s all ease;}
.pccp .tabs_cont ul.on {display:block;transition: 0.6s all ease;}
.pccp .tabs_cont li {display:block;font-weight:500;font-size: 20px;color: black;padding:25px 0;border-bottom-style: dashed;border-bottom: 2px dashed #d8d8d8;}


.pccp .sec_05 {background: url('/2023/img/landing/pccp_bg_04.png') center center / cover no-repeat;padding: 170px 0 140px 0;z-index:5;margin-top: -65px; }
.pccp .sec_05 .row {margin-top: 65px;}
.pccp .sec_05 .row div {width:29%;margin-right:1%;}
.pccp .sec_05 .row div:last-of-type {margin-right:0;}

.pccp .sec_06 {background: #036eda;padding:110px  0 105px 0;}
.pccp .sec_06 .row {margin-top: 65px;position:relative;z-index:1;}
.pccp .sec_06 .row div {width:28%;margin-right:1%;}
.pccp .sec_06 .row div:last-of-type {margin-right:0;}
.pccp .sec_06 .arrow {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:110%;z-index:-1;}

.pccp .sec_06 .slider {width:100%;margin: 10% auto 0;}
.pccp .sec_06 .slide {width:100%;margin-right:0;padding: 0 0.2%;opacity:0.5;transition:0.5s opacity ease;}
.pccp .sec_06 .slide img {width:100%;}
.pccp .sec_06 .slick-active {transition:0.5s opacity ease;opacity:1;}

.pccp .cmp_list {background: url('/2023/img/landing/pccp_bg_05.png') center center / cover no-repeat;padding:115px 0 130px 0 ;}
.pccp .cmp_list .row {margin-top: 60px;justify-content: unset;margin-bottom:10px;}
.pccp .cmp_list .row div {width:24%;margin-right:1%;margin-bottom:1%;}
.pccp .cmp_list .row div img {width:100%;}
.pccp .cmp_list .row div:last-of-type {margin-right:0;}

.pccp .read_more-btn {display:flex;justify-content:center;cursor:pointer;background: #000000;padding:30px;border-radius: 20px;margin-bottom:20px;}
.pccp .read_more-btn p {color: #ffffff;text-align:center;position:relative;font-weight:700;font-size: 24px;}
.pccp .read_more-btn p:after {position:absolute;top:5px;right:-70px;width:31px;height:22px;background: url('/2023/img/landing/pccp_arrow_02.png') center center / contain no-repeat;content:'';transition: 0.5s transform ease;}
.pccp .read_more-btn p.on:after {transform:rotate(-180deg);transition: 0.5s transform ease;}

.pccp .read_more {margin-bottom:20px;}
.pccp .read_more ul {display:none;justify-content:center;width:100%;flex-wrap:wrap;display-direction:column;transition: 3s all ease;transform: translateY(100%);}
.pccp .read_more ul.on {display:flex;transform: translateY(0);transition: 3s all ease;}
.pccp .read_more li {background:#ffffff;color: #000000;margin-bottom:20px;padding: 30px 45px;border-radius:20px;display:grid;grid-template-columns: 1fr 4fr;grid-template-rows: auto;width:100%;}
.pccp .read_more li span {font-weight:700;font-size:24px;}
.pccp .read_more li p {font-weight:400;font-size:24px;}

.pccp .sec_07 {background: url('/2023/img/landing/pccp_bg_06.png') center center / cover no-repeat;padding:90px 0 70px 0 ;}


@media(max-width: 1920px) {
	
}


@media(max-width: 1200px) {
	.pccp .rec_wrap {width:100%;}
}


@media(max-width:992px) {
	.pccp .hero {padding: 15% 0 14% 0;}
	.pccp .hero .ttl {margin: 7% auto 3.5% auto;max-width:80%;}
	.pccp .hero .sttl {margin-bottom:10%;max-width:60%;}
	.pccp .sec_01 {padding:4% 0 9% 0;}
	.pccp .sec_02 {padding:10% 0 12% 0;}
	.pccp .sec_02 .row {margin-top:4%;}
	.pccp .sec_02 {padding:10% 0 12% 0;}
	.pccp .sec_04 {padding:10% 0 20% 0;}
	.pccp .sec_03 {padding: 10% 0 7% 0;}
	.pccp .sec_05 {margin-top: -10%;}
	.pccp .rec {padding:10% 0 11%;}
	.pccp .sec_05 {padding: 17% 0 14% 0; }
	.pccp .sec_07 {padding:6% 0 10% 0;}
	.pccp .sec_05 .row {margin-top: 10%;}
	.pccp .sec_06 {padding: 12%  0 11% 0;}
	.pccp .cmp_list {padding:12% 0 13% 0 ;}

}


@media(max-width:768px) {
	.pccp .sec_02, .pccp .sec_04 {background: url('/2023/img/landing/pccp_bg_03_m.png') center center / cover no-repeat;}
	.pccp .hero {background: url('/2023/img/landing/pccp_bg_01_m.png') center center / cover no-repeat;}
	.pccp .sec_02 .ttl, .pccp .sec_04 .ttl {max-width:30%;}
	.pccp .sec_03 .ttl {max-width:70%;}
	.pccp .sec_06 .ttl {max-width:80%;}
	.pccp .sec_03 .map {margin: 7% auto 0;}
	.pccp .sec_03 .map div {width:40%;margin: 0 2% 2% 0 ;}
	.pccp .sec_03 .way {top:44%;left: 50%;transform: translate(-50%, -50%);}
	.pccp .rec {background: url('/2023/img/landing/pccp_bg_07_m.png') center center / cover no-repeat;}
	.pccp .rec .ttl {max-width:80%;}
	.pccp .rec_wrap {margin-top:12%;font-size:26px; }
	.pccp .rec_wrap .tab {padding: 10px 2px 8px;font-size:16px;border-radius: 16px 16px 0 0;}
	.pccp .tabs_cont {padding: 15px 25px 35px; }
	.pccp .tabs_cont li {font-size: 14px;padding:10px 0;}
	.pccp .rec_wrap .tab.on span {margin-right: 5px;width:20px;margin-right:5px;}
	.pccp .rec_wrap .tab.on:after {width:80%;height:35px;top: -4px;right:-22px; }
	.pccp .sec_05 {background: url('/2023/img/landing/pccp_bg_04_m.png') center center / cover no-repeat;}
	.pccp .sec_05 .ttl {width:80%;}
	.pccp .sec_05 .row div {width:100%;margin-right: 0;margin-bottom:2%;}
	.pccp .sec_07 {background: url('/2023/img/landing/pccp_bg_06_m.png') center center / cover no-repeat;}
	.pccp .cmp_list {background: url('/2023/img/landing/pccp_bg_05_m.png') center center / cover no-repeat;}
	.pccp .cmp_list .ttl {max-width: 60%;}
	.pccp .cmp_list .row {justify-content:space-between;}
	.pccp .cmp_list .row div {width:49%;margin-right:0;margin-bottom: 2%;}
	.pccp .read_more-btn {padding:20px 0;}
	.pccp .read_more-btn p {font-size:20px;}
	.pccp .read_more-btn p:after {right:-40px;width:24px;top:2px;}
	.pccp .read_more li {padding: 20px;margin-bottom:15px;border-radius:15px;grid-template-columns: 1fr 3fr;column-gap: 5%;}
	.pccp .read_more li span , .pccp .read_more li p {font-size:18px;}

	.pccp .sec_02:after, .pccp .sec_04:after {width: 79px;height: 28px ;bottom:-27px;background: url('/2023/img/landing/pccp_bg_icon_m.png') center center / contain no-repeat;}
	/* .pccp .sec_04:after {left: 51%;height:34px;width:103px;   left:51%;height:44px;width:137px;bottom:-38px;} */
}

@media(max-width:500px) {
	.pccp .hero .slide div img, .pccp .hero .slide div:after {border-radius: 16px;}

}