/* PC-first (�⺻ = PC) */
*[class^="cont0"] {padding-bottom:clamp(80px, calc(80px + (160 - 80) * ((100vw - 360px) / 840)), 160px)}
*{margin:0;padding:0;box-sizing:border-box;word-wrap: break-word;word-break: keep-all;font-family:'Pretendard Variable';}
ul li{list-style: none;}
body{overflow-x: hidden;}
.header{position:relative;text-align:center;padding-top:112px}
.header p{color:#333;font-size:26px;line-height:120%;letter-spacing: -2%;text-align: center;border-top:1px solid #B1B1B1;border-bottom:1px solid #B1B1B1;display:inline-block;margin:0 auto;padding:8px 0}
.header:after{background-size: cover;position: absolute;top: 0;left: 0;background: url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/topBg.svg") no-repeat center center;margin-bottom: 92px;content: "";width: 100%;height: 200%;z-index: -1;background-size:cover;}
.header img{width:100%;max-width:675px;margin:34px auto 92px;display:block}
.content{max-width:896px;width:100%;margin:0 auto;padding-bottom:44px;box-sizing:border-box;}
.content > div > strong{font-size:32px;line-height:130%;font-weight:700;text-align:center;display:block;}
.content > div > p{font-size:24px;font-weight:400;line-height:140%;letter-spacing: -1%;text-align:center;;margin-bottom:4px;color:#555}
.content ul{margin-top:30px}
.content ul li{border:1px solid #e5e5e5;border-radius:10px;margin-bottom:16px;padding:24px 40px}
.content ul li div{font-size:18px;line-height:130%;letter-spacing:-1%;color: #777777;font-weight:400;text-align:center}
.content ul li div.first{border-bottom:1px solid #E5E5E5;padding-bottom:24px;margin-bottom:24px;color:#333;font-size:24px;font-weight:600;position:relative;padding-left:25px}
.content ul li div.first:after{content:"";background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/Icon.svg") no-repeat;display:block;width:22px;height:22px;background-size:22px;position:absolute;top:0;left:0}
.content ul li div.first img {vertical-align: middle;margin-right:11px;margin-top:-4px}
.content ul li div.last{text-align:left;}
.content2{width:100%;max-width:1104px;margin:0 auto}
.content2 .topText{text-align:center;}
.content2 .topText strong{font-weight:400;line-height:140%;font-size:24px;letter-spacing:-1%;color:#555}
.content2 .topText h3{font-weight:700;line-height:130%;font-size:32px;color:#222;letter-spacing:-2%;}
.footer.type2{background:#FAF7F4;padding:40px 0}
.footer img{width:100%;max-width:420px;margin:0 auto;display:block}
.ex{text-align:right;padding-bottom:60px;font-size:13px;color:#777;font-weight:400;}

.review-card-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 24px; 
    max-width: 1104px;
    margin: 30px auto 16px;
	width:100%;
	box-sizing: border-box;
}

.review-card-list li {
    background-color: #f7f7f7;
    border-radius: 16px;
    padding: 40px 21px 40px 36px;
    text-align: left;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: 
        "icon title"
        "text text";
    align-items: center;
    gap: 0 12px;
	box-sizing: border-box;
}
.review-card-list li > img {
    grid-area: icon;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
}

.review-card-list li .titBox {
    grid-area: title;
}

.review-card-list li .titBox span {
    display: inline-block;
    font-size: 13px;
	line-height:150%;
    color: #7E582D;
    border: 1px solid #c8b9a8;
    padding: 2px 9px;
    border-radius: 6px;
    margin-bottom: 8px;
    font-weight: 600;
	letter-spacing:-1%;
}

.review-card-list li .titBox strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #333;
	line-height:140%
}
.review-card-list li > p {
    grid-area: text;
    border-top: 1px solid #EAEAEA;
    margin-top: 24px;
    padding-top: 24px;
    font-size: 16px;
    color: #555;
    line-height: 140%;
	letter-spacing:-1%;
	min-height:134px
}

.review-card-list li > p b{
    font-weight: 700;
}
.TitText{background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/txt.svg") no-repeat;width:768px;height:202px;font-size:0;margin:34px auto 92px}
.ex br{display:none}
.icon{width:74px;height:74px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/img.png") no-repeat;font-size:0}
.content ul li div.first:after{display:none}
/* ================================================== */
/* �º��� ������ (1024px ����) - [������ �κ�] */
/* ================================================== */
@media (max-width: 1024px){
	.content ul li div.first:after{display:none}
	.review-card-list {
        grid-template-columns: 1fr;
    }
	.content2{padding:0 24px}
	.content{padding:0 24px;width:100%;max-width:100%}
	.content ul li div.last{font-size:18px;line-height:140%}
	.content ul li{padding:24px 40px}
	.content2 .topText{margin-top:60px}
	.tFooter{display:block}
	.pFooter,.mFooter{display:none}
	.header img{padding:0 46px}
	.TitText{background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/textT.svg") no-repeat;width:768px;height:202px;margin:34px auto 92px}
	.review-card-list li > p{min-height:auto}
	.footer img{max-width:351px}
	.header:after{background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/topBgT.svg") no-repeat;width:100%;background-size:cover;}
}
  				

@media (max-width: 767px) {	
	.header:after{background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/topBgM.svg") no-repeat;width:100%;background-size:cover;}
	.content ul li div.first img{display:none}
	.content ul li div.first{padding-left:19px}
	.content ul li div.first:after{width:16px;height:16px;background-size:16px;top:4px;display:block}
	.content2 .topText h3{font-size:24px}
	.content2 .topText strong{font-size:18px}
	.content ul li div.last{font-size:16px}
	.content > div > strong{font-size:24px}
	.content > div > p{font-size:18px}
	.content{padding:0 16px}
	.content2 .topText{margin-top:40px}
	.content2{padding:0 16px}
	.header{padding-top:66px}
	.header p{font-size:18px}
	.period {margin-left: unset;}
	.score-grid .row-fields.row-fields-half {grid-template-columns: 1fr;}
	.score-grid .row.row-quarter .row-fields-quarter {grid-template-columns: repeat(2, 1fr);}
	.row-fields-quarter{    grid-template-columns: 1fr 1fr;
		grid-template-areas:
		"sel1 sel2"
		"inp1 inp2";
	}
	.content ul li{padding:20px}
	.content ul li div.first{font-size:17px;margin-bottom:18px;padding-bottom:18px;text-align:left;}
	.content ul li div.first img{width:22px;margin-right:6px}

	.row-fields-quarter > :nth-child(1){ grid-area: sel1; }
	.row-fields-quarter > :nth-child(2){ grid-area: inp1; }
	.row-fields-quarter > :nth-child(3){ grid-area: sel2; }
	.row-fields-quarter > :nth-child(4){ grid-area: inp2; }

	.score-grid .row.row-quarter .row-fields-quarter{    grid-template-columns: repeat(2, minmax(0, 1fr));  }
	.score-grid .row.row-quarter .row-fields-quarter > *{    min-width: 0;  }
	.score-grid .row.row-quarter .custom-select,
	.score-grid .row.row-quarter .custom-select .select-btn,
	.score-grid .row.row-quarter .inp{    width: 100%;    max-width: 100%;    box-sizing: border-box;  }
	.score-grid .row.row-quarter .custom-select .select-text{    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;  }

	
	.score-layer__dialog{left: 0;right: 0;top: auto;bottom: 0;width: 100%;max-width: none;border-radius: 18px 18px 0 0;transform: translateY(100%);		transition: transform .25s ease;		padding: 24px 20px 18px;	}
	.score-layer.is-open .score-layer__dialog{transform: translateY(0);}
	.score-layer__dim{opacity: 0;transition: opacity .25s ease;  }
	.score-layer.is-open .score-layer__dim{opacity: 1;}
	.score-layer__dialog{max-height: 80vh;overflow: hidden;  }
	.score-layer__dialog *{ box-sizing: border-box; }
	.score-layer__dialog img{ width:100%; height:auto; }
	.score-layer__actions {grid-template-columns: 1fr 1fr;}

	.score-grid .row.row-quarter.mo-num1 .row-fields-quarter{	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));	}
	.score-grid .row.row-quarter.mo-num2 .row-fields-quarter{grid-template-columns: 1fr;		grid-template-areas: none;	}
	.score-grid .row.row-quarter.mo-num2 .row-fields-quarter > *{		grid-area: auto ;		min-width: 0;		width: 100%;	}
	.score-grid .row.row-quarter.mo-num2 .row-fields-quarter > :last-child{		grid-column: 1 / -1;	}

	.score-grid .row.row-quarter.mo-num4 .row-fields-quarter{
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px;
		grid-template-areas:
		"sel sel sel"
		"s1  s2  s3" !important;
	}

	.score-grid .row.row-quarter.mo-num4 .row-fields-quarter > *{    grid-area: auto !important;    min-width: 0;    width: 100%;  }
	.score-grid .row.row-quarter.mo-num4 .row-fields-quarter > :nth-child(1){ grid-area: sel !important; }
	.score-grid .row.row-quarter.mo-num4 .row-fields-quarter > :nth-child(2){ grid-area: s1  !important; }
	.score-grid .row.row-quarter.mo-num4 .row-fields-quarter > :nth-child(3){ grid-area: s2  !important; }
	.score-grid .row.row-quarter.mo-num4 .row-fields-quarter > :nth-child(4){ grid-area: s3  !important; }
	.score-grid .row.row-quarter.mo-num4 .custom-select,
	.score-grid .row.row-quarter.mo-num4 .custom-select .select-btn,
	.score-grid .row.row-quarter.mo-num4 .inp{    width: 100%;    max-width: 100%;    box-sizing: border-box;  }

	.mFooter{display:block}
	.pFooter,.tFooter{display:none}
	.TitText{background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/textM.svg") no-repeat;width:360px;height:96px;margin:18px auto 40px}    
	.footer.type2{padding:30px 0}
	.footer img{max-width:264px}
	.ex br{display:block}
	.responsivePc{display:none}
	.responsiveMo{display:block}
	.review-card-list li{padding:20px 24px}
	.review-card-list li > img{width:60px;height:60px}
	.icon{width:60px;height:60px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/mdp/mimg.png") no-repeat;background-size:60px}
	.review-card-list li .titBox strong{font-size:18px}
	.review-card-list li > p{font-size:14px;min-height:auto;margin-top:16px}
	.review-card-list{gap:16px}
	
}