@font-face {
    font-family: 'PuradakGentleGothicR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.1/PuradakGentleGothicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
* {word-break: keep-all;}
.txtCen{text-align:center;}

.pet-top{width:100%; position:relative; height:auto; z-index:0;}
.pet-container{width:100%; margin: 0 auto; position:relative; padding:0 20px;}
.pet-container .course-timetable-wrap{width:100%}
.pet-top-bg{display:block; position:absolute; width:100%; /* min-height:720px; */ height:100%;}
.pet-top-bg video, .pet-top-bg img{height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; opacity:1;}
.pet-top-tit img{width:100%}
.pet-top-tit p{font-size:21px;  font-family: 'PuradakGentleGothicR'; color:#513c31; margin:20px 0 40px; line-height:1.4}
}
.pet-top-btn{display:inline-block; padding:20px 180px 20px 24px; background: #fff url('/2022/img/edu/pet/pet-arrow-br.png') 90% center no-repeat; color:#513c31; font-size:17px; border-radius:60px; background-size:20px; font-weight:800;}
.pet-top-btn:hover{background: #513c31 url('/2022/img/edu/pet/pet-arrow-wh.png') 90% center no-repeat; color:#fff; background-size:20px; }

.pet-intro{display:block; width:100%; padding-bottom:60px; background: url('/2022/img/edu/pet/pet-gallery-bg.jpg') center center repeat; }

.pet-benefit{display:block; z-index:2; margin-top:-60px;}
.pet-benefit:after {display:block; content:""; clear:both;}
.pet-benefit ul li{ width:100%; position:relative;  display:flex; flex-direction: column; text-align:center; z-index:1; padding:40px 0;}
.pet-benefit ul li + li{margin-top:10px;}

.pet-benefit ul li dl, .pet-benefit ul span{z-index:2;}
.pet-benefit ul li:first-child{margin-left:0}
.pet-benefit-bg{
	display:block; 
	box-shadow:2px 5px 20px rgba(0,0,0,0.13); 
	width:100%;
	height:100%;
	position:absolute; 
	top:0; 
	left:0; 
	z-index:0; 
	border-radius:20px;
	border:4px solid transparent;
	background-image:linear-gradient(#fff, #fff),linear-gradient(45deg, #88d2f6 0%, #ffcd33 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.pet-benefit ul li dl dt {font-family: 'PuradakGentleGothicR'; color:#282828; font-size:24px;}
.pet-benefit ul li dl dd {font-family: 'PuradakGentleGothicR'; font-size:14px; color:#a1a1a1; margin-top:20px;}

.pet-box{display:block; padding:40px 0px}
.pet-tit{display:flex; flex-direction: column; align-items: center; margin-bottom:40px;}
.pet-tit em img{width:100px;}

.pet-tit h3{font-family: 'PuradakGentleGothicR'; color:#282828; font-size:21px; position:relative; z-index:1;display:flex; flex-direction: column; }
.pet-tit h3 *{line-height:1.4; letter-spacing:0}
.pet-tit h3 span{flex-grow: 1; position:relative;}
.pet-tit h3 span em{font-style:normal; display:inline-block; position:relative;}
.pet-tit h3 span em:after {position:absolute; content:""; display:block; width:100%;height:10px; background:#ffcd33; left:0px; bottom:5px; z-index:-1}
.pet-tit p {width:100%; margin-top:12px; font-size:17px;}

.mptSldr {width: 100vw; margin-bottom:20px;}
.mptSldr,
.mptSldr .slick-list,
.mptSldr .slick-track {overflow: visible !important;}
.mptSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.mptSldr .mcmCont.slick-now,
.mptSldr .mcmCont.slick-now + .mcmCont,
.mptSldr .mcmCont.slick-now + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);}

.mpbSldr {width: 100vw; position: absolute; right: 0 !important; top: 0; left:auto !important;}
.mpbSldr,
.mpbSldr .slick-list,
.mpbSldr .slick-track {overflow: visible !important;}
.mpbSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.mpbSldr .mcmCont.slick-now,
.mpbSldr .mcmCont.slick-now + .mcmCont,
.mpbSldr .mcmCont.slick-now + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);}

.pet-gallery .slick-slide{ border-radius:20px; overflow:hidden;  margin:0 4px; height:auto; position:relative;padding-bottom:32vw;}
.pet-gallery .slick-slide span{position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-size:cover !important}

.pet-feed ul {display: flex; justify-content: space-between;flex-direction: column;}
.pet-feed ul li {width:100%; display:block;}
.pet-feed ul li + li {margin-top:20px;}
.pet-feed ul li span{width:100%; height:240px; overflow:hidden; border-radius:20px;display:block; position:relative;}
.pet-feed ul li span img, .pet-classPoint ul li span img{height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; opacity:1;}
.pet-feed ul li dl dt{font-size:17px; font-weight:800; margin:20px 0 10px;}
.pet-feed ul li dl dd{font-size:15px; color:#666; line-height:1.4; width:100%;}

.pet-step{display:block; width:100%; padding:40px 0 16.5vw; background: url('/2022/img/edu/pet/pet-classInfo-bg.jpg') center center repeat; position:relative}
.colorWh *{color:#fff;}

.pet-classPoint ul li{
	box-shadow:2px 5px 20px rgba(0,0,0,0.13); 
	border-radius:20px;
	border:4px solid transparent;
	background-image:linear-gradient(#fff, #fff),linear-gradient(45deg, #88d2f6 0%, #ffcd33 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	position:relative;
	display:flex;
	overflow:hidden;
    align-items: center;
	flex-direction: column;
}

.pet-classPoint ul li dl{padding:24px; width:100%;}
.pet-classPoint ul li dl dt{font-family: 'PuradakGentleGothicR'; color:#282828; font-size:21px; margin-bottom:8px;}
.pet-classPoint ul li dl dd{font-size:15px; line-height:1.4}
.pet-classPoint ul li + li {margin-top:20px;}
.pet-classPoint ul li span{display:block; height:auto; width:100%; position:relative; height:60vw}
.pet-step-deco{width:100%; position:absolute; bottom:-8.5vw; left:0px; text-align:center;}
.pet-step-deco img{width:100%}

.pet-review{display:block; width:100%; padding:40px 0 0; }
.pet-review .pet-box{padding-bottom:0}

.new-eduFac-item {padding:0 10px;}
.new-eduFac-item .new-eduFac-inner {background:#fff; }
.new-eduFac-item .new-eduFac-inner em{display:block; width:100%; background-position:50% !important; background-repeat:no-repeat !important; background-size:cover !important; padding-bottom:60%; margin-bottom:20px;border-radius:12px; overflow:hidden; box-shadow:2px 0px 6px rgba(0,0,0,0.16)}