/* common */
.teamplay-wrap img {width:100%;}
.teamplay-wrap * {font-family:"Pretendard Variable", Pretendard, sans-serif; box-sizing:border-box; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.teamplay-wrap {overflow:hidden;}
#wrapper {min-width:100% !important;}
#container {border:none !important; padding:0 !important;}
.ast {position:relative; font-weight:inherit; line-height:1 !important; vertical-align: initial;}

/* PC */
.only-pc {display:block;}
.only-ta, .only-mo {display:none;}

/* TA */
@media (max-width:1199px) and (min-width:768px){
	.only-pc {display:none;}
	.only-ta {display:block;}
	.only-mo {display:none;}
}

/* MO */
@media (max-width:767px){
	.only-pc, .only-ta {display:none;}
	.only-mo {display:block;}
}

.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}

.teamplay-wrap .inner {position:relative; width:100%; margin:0 auto; max-width:1200px; text-align:center;}
.teamplay-wrap .inner.full {max-width:100%;}

/* common TA */
@media (max-width:1199px) and (min-width:768px){
	.teamplay-wrap .inner {padding:0 20px;}
	.teamplay-wrap .inner.full {padding:0;}
}

/* common MO */
@media (max-width:767px){
	.mt20 {margin-top:5.2.778vw !important;}
	.mt30 {margin-top:4.167vw !important;}
	.mt40 {margin-top:5.556vw !important;}
	.mt60 {margin-top:8.333vw !important;}
	.mt80 {margin-top:11.111vw !important;}
	.mt100 {margin-top:13.889vw !important;}
	.teamplay-wrap .inner {padding:0 4vw;}
	.teamplay-wrap .inner.full {padding:0;}

}


.teamplay-wrap::before{
	position:absolute;content:'';top:0;left:0;right:0; height:887px;z-index:1;
	background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2027/teamplay/visual_bg.jpg') 50% top no-repeat; 
	background-size:cover;
}
/* MO */
@media (max-width:767px){
	.teamplay-wrap::before{
		position:absolute;content:'';top:0;left:0;right:0; height:44.444vw;z-index:1;
		background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2027/teamplay/visual_bg_mo.jpg') 50% top no-repeat; 
		background-size:cover;
	}
}


/* visual */
.teamplay-wrap .visual * {line-height:140%;}
.teamplay-wrap .visual {position:relative;}
.teamplay-wrap .visual img {width:auto; margin:0 auto;}
.teamplay-wrap .visual .act_wrap {display:flex; flex-direction:column; gap:28px; padding:140px 0 0;position: relative;z-index:2;}
.teamplay-wrap .visual .act_wrap h3 {color:#111; font-size:36px; font-weight:700; text-align:center;}
/* MO */
@media (max-width:767px){
	.teamplay-wrap .visual .act_wrap { gap:3.889vw; padding:19.444vw 0 0;}
	.teamplay-wrap .visual .act_wrap h3 { font-size:6.111vw;}
	.teamplay-wrap .visual .act_wrap h2 img { width:86.666vw;}
}


/* cont01 */
.teamplay-wrap .cont01 { padding:120px 0 0;position: relative;z-index:2;}

.teamplay-wrap .counter_box {display:flex; flex-direction:column; align-items:center; gap:40px; padding:60px 32px; border-radius:20px; border:1px solid #006DEA; background:#FFF; color:#111;}
.teamplay-wrap .counter_box p {color:#111; font-size:30px; font-weight:300; line-height:140%;}
.teamplay-wrap .counter_box p strong {font-weight:700;}
.counter_box .counter_wrap {width:100%; display:flex; align-items:flex-start; gap:16px;}
.counter_box .counter_wrap .counter_text {width:100%; display:flex; align-items:center; justify-content:space-between; flex:1 0 0; padding:24px 32px; border-radius:10px; background:#F5F7F9;}
.counter_box .counter_wrap .counter_text strong {font-size:20px; font-weight:400; line-height:120%; text-align:center;}
.counter_box .counter_wrap .counter_text > div {display:flex; align-items:center; gap:8px;}
.counter_box .counter_wrap .counter_text > div span {display:flex; align-items:center; font-size:40px; font-weight:800; line-height:130%; letter-spacing:-0.4px; background:linear-gradient(180deg, #006DEA 0%, #00317D 124.41%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.counter_box .counter_wrap .counter_text > div em{font-size: 20px;}
.counter_box .counter_wrap .counter {font-size:40px; font-weight:800; line-height:130%; background:linear-gradient(180deg, #006DEA 0%, #00317D 124.41%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.teamplay-wrap .cont01 .notice {color:#555; font-size:16px; font-weight:300; line-height:150%; text-align:center;}

.teamplay-wrap .tit_wrap {display:flex; flex-direction:column; align-items:center; font-size:40px; font-weight:400; line-height:130%; letter-spacing:-0.52px; color:#111; text-align:center;}
.teamplay-wrap .tit_wrap strong {font-weight:800;font-size:52px;}
.teamplay-wrap .tit_wrap .ast {position:relative;}
.teamplay-wrap .txt_wrap {margin-top:60px; display:flex; flex-direction:column; align-items:center; font-size:20px; font-weight:300; line-height:140%; letter-spacing:-0.2px; color:#222; text-align:center;}
.teamplay-wrap .txt_wrap strong {font-weight:700;}
.teamplay-wrap .txt_wrap h4 {margin-top:16px; font-size:30px; font-weight:700; line-height:140%; letter-spacing:-0.3px; background:linear-gradient(180deg, #006DEA 0%, #00317D 124.41%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.teamplay-wrap .gray_box {margin-top:60px; display:flex; flex-direction:column; align-items:center; gap:16px; padding:48px 32px; border-radius:20px; background:#F7F7F7;font-size: 20px;}
.teamplay-wrap .gray_box h3 {font-size:30px; font-weight:700; line-height:140%; letter-spacing:-0.3px; color:#111; text-align:center;}
/* MO */
@media (max-width:767px){
	.teamplay-wrap .cont01 { padding:16.667vw 0 0;}
	.teamplay-wrap .counter_box { gap:5.556vw; padding:8.333vw 4.444vw; border-radius:2.778vw;}
	.teamplay-wrap .counter_box p { font-size:5.556vw; }
	.counter_box .counter_wrap{flex-direction: column;gap:2.222vw;}
	.counter_box .counter_wrap .counter_text { padding:3.333vw 4.444vw; border-radius:2.778vw;}
	.counter_box .counter_wrap .counter_text strong {font-size:4.444vw;}
	.counter_box .counter_wrap .counter_text > div {gap:1.111vw;}
	.counter_box .counter_wrap .counter_text > div span {font-size:7.778vw; font-weight:800;}
	.counter_box .counter_wrap .counter_text > div em{font-size: 4.444vw;}
	.counter_box .counter_wrap .counter {font-size:7.778vw;}

	.teamplay-wrap .cont01 .notice {font-size:3.611vw;}

	.teamplay-wrap .tit_wrap {font-size:7.778vw; }
	.teamplay-wrap .tit_wrap strong {font-size: 9.444vw;}
	.teamplay-wrap .tit_wrap .ast {position:relative;}
	.teamplay-wrap .txt_wrap {margin-top:8.333vw; font-size:4.444vw;}
	.teamplay-wrap .txt_wrap strong {font-size: 4.444vw;}
	.teamplay-wrap .txt_wrap h4 {margin-top:4.444vw; font-size:5.556vw;}
	.teamplay-wrap .gray_box {margin-top:8.333vw; gap:2.222vw; padding:6.667vw 4.444vw; border-radius:2.778vw;font-size: 4.444vw; }
	.teamplay-wrap .gray_box h3 {font-size:5.556vw;}
}


/* cont02 */
.cont02 {padding:120px 0 60px 0;}

.cont02 .teamplay_table {width:100%; margin:32px auto 0; border-top: 2px solid #111;}
.cont02 .teamplay_table th, .cont02 .teamplay_table td { padding:24px;vertical-align: middle; font-size:18px; font-weight:300; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.cont02 .teamplay_table th {background:#E8F3FF; font-weight:700;}
.cont02 .teamplay_table tr th:last-child, .cont02 .teamplay_table tr td:last-child {border-right:0 !important;}
.cont02 .teamplay_table td.emp strong { font-weight:700;}
/* MO */
@media (max-width:767px){
	.cont02 {padding:16.667vw 0 8.333vw 0;}
	.cont02 .teamplay_table { margin:4.444vw auto 0;}
	.cont02 .teamplay_table th, .cont02 .teamplay_table td { padding:3.333vw 0; font-size:3.889vw;}
}


/* cont03 */
.cont03{ padding:60px 0; border-top: 1px solid #DDD;}
.cont03 .notice * { font-size:16px; font-weight:300; line-height:150%; color:#555; text-align:left;}
.cont03 .notice { display:flex; flex-direction: column; gap:8px;}
.cont03 .notice p {display:flex; gap:5px;}
.cont03 .notice .indent {padding-left:15px;}
.cont03 .blue {color:#06D;font-weight: 800;}

/* MO */
@media (max-width:767px){
	.cont03{padding:8.333vw 0;}
	.cont03 .notice *{font-size: 3.611vw;}
	.cont03 .notice { display:flex; flex-direction: column; gap:2.222vw;}
	.cont03 .notice p {display:flex; gap:0.556vw;}
	.cont03 .notice .indent {padding-left: 2.222vw;}
}

/* fixed banner */
.r_fixed_bn {position:fixed; top:294px; right:0; z-index:99;}
.r_fixed_bn .ast {font-size:18px; font-weight:700; color:#FFF;}
.r_fixed_bn .r_banner_link a { width:172px; padding:18px 0 18px 21px; border-radius:10px 0 0 10px; background:#0066DD; text-align:left;}
.r_fixed_bn .r_banner_link a + a {margin-top:20px;}
.r_fixed_bn .r_banner_link a strong {display:block; font-size:20px; font-weight:400; line-height:120%; color:#FFF;}
.r_fixed_bn .r_banner_link a small {display:block; margin-top:4px; font-size:16px; font-weight:800; line-height:120%; letter-spacing:-0.32px; color:#fff;}
.r_fixed_bn .r_banner_link a small .arrow {
	display:inline-block;
	width:4px;
	height:8px;
	margin-left:8px;
	vertical-align:middle;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0.530273 0.530334L4.53027 4.53033L0.530273 8.53033' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center;
	background-size:contain;
}
/* MO */
@media (max-width:767px){
	.r_fixed_bn {position:fixed; top:auto; bottom:0; left:0;right:0;margin:0 auto; z-index:99;}
	.r_fixed_bn .ast {font-size:5vw; font-weight:700; color:#FFF;}
	.r_fixed_bn .r_banner_link a { width:100%; padding:4.444vw 0; border-radius:0; background:#0066DD; text-align:center;}
	.r_fixed_bn .r_banner_link a strong {display:inline-block; font-size:5vw; font-weight:500; line-height:120%; color:#FFF;}
	.r_fixed_bn .r_banner_link a small {display:inline-block; margin-top:0; font-size:5vw; font-weight:500; line-height:120%; letter-spacing:-0.32px; color:#fff;}
	.r_fixed_bn .r_banner_link a small .arrow {
		display:inline-block;
		width:1.389vw;
		height:2.778vw;
		margin-left:2.222vw;
		vertical-align:middle;
		background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0.530273 0.530334L4.53027 4.53033L0.530273 8.53033' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center;
		background-size:contain;
	}


}