/* 공통 */
._course .secTitle{
	background: #000;
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.025em;
    font-weight: 300;
    font-family: 'Geologica';
    padding: calc(5 / 14* 1em) 0;
    border-radius: 11px;
}


/* 인덱스 공통 */
._course { --course_gap : 17px;}
._course._index { position: relative; width: 100%; overflow: hidden; padding-top: var(--contMargin); box-sizing: border-box;}
._course._index .visual{border-radius: 26px; overflow: hidden; position: relative;}
._course._index .visual::before{
	content:''; display: block; width: 100%; padding-bottom: calc((500*100)/1860*1%);
}
._course._index .visual img{
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	width: 100%; height: 100%; object-fit: cover;
}
._course._index ._tabList{margin: var(--course_gap) 0;}
._course._index .smallTitle{
	display: inline-flex; padding: calc(5/13*1em) calc(17/13*1em); border-radius: 20px;
	border: 1px solid #000; box-sizing: border-box;
	font-size: 13px; letter-spacing: -0.025em; font-family: 'Geologica';
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._course._index .visual::before{padding-bottom: max(34%,140px);}
}
@media screen and (max-width:1024px) {
	._course { --course_gap : 15px;}
	._course._index .visual,
	._course._index section .cont,
	._course._index .s5 .right .box{border-radius: 18px !important;}
	._course._index .s5 .right .box.n2 .imgBx{border-radius: 14px !important;}
}
@media screen and (max-width:820px) {
	._course._index .smallTitle{font-size: 13px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



._course._index section{display: flex; margin-bottom: var(--course_gap);}
._course._index section:last-child{margin-bottom: 0;}
._course._index section .cont{background-color: #fff;border-radius: var(--borderRadius); box-sizing: border-box; overflow: hidden;}
._course._index section .cont:nth-of-type(1){margin-right: var(--course_gap);}


/* 너비 */
._course._index .s1 .cont{width: calc((100% / 2) - (var(--course_gap) / 2));}
._course._index .s2 .cont.left,
._course._index .s3 .cont.left{width: calc(55.4%);}
._course._index .s2 .cont.right,
._course._index .s3 .cont.right{width: calc((100% - 55.4%) - var(--course_gap));}
._course._index .s4 .cont.left{width: 60%;}
._course._index .s4 .cont.right{width: calc(40% - var(--course_gap));}
._course._index .s5 .cont.left{width: 60%;}
._course._index .s5 .cont.right{width: calc(40% - var(--course_gap));}

/* 패딩 */
._course._index .s1 .cont.left{padding: 47px 0; padding-left: 60px; padding-right: 54px; padding-bottom: 66px;}
._course._index .s2 .cont.right{padding: 45px 61px; padding-bottom: 66px;}
._course._index .s3 .cont.left{padding: 47px 65px; padding-bottom: 66px;}
._course._index .s3 .cont.right{padding: 55px 61px; padding-bottom: 85px;}
._course._index .s4 .cont.left{padding: 57px 48px;}
._course._index .s4 .cont.right{padding: 36px 30px;}
._course._index .s5 .cont.left{padding: 48px 66px; margin-bottom: 56px;}
._course._index .secTitle{margin: var(--course_gap) 0;}
@media screen and (max-width:1600px) {
	._course._index .s1 .cont.left,
	._course._index .s2 .cont.right,
	._course._index .s3 .cont.left,
	._course._index .s3 .cont.right,
	._course._index .s4 .cont.left,
	._course._index .s4 .cont.right,
	._course._index .s5 .cont.left,
	._course._index .s5 .right .box.n1
	{padding: 50px 30px !important;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._course._index section{flex-direction: column;}
	._course._index section .cont{width: 100% !important; margin-right: 0;}
	._course._index section .cont:nth-of-type(1){margin-bottom: var(--course_gap);}
}
@media screen and (max-width:820px) {
	._course._index .s1 .cont.left,
	._course._index .s2 .cont.right,
	._course._index .s3 .cont.left,
	._course._index .s3 .cont.right,
	._course._index .s4 .cont.left,
	._course._index .s4 .cont.right,
	._course._index .s5 .cont.left,
	._course._index .s5 .right .box.n1
	{padding: 40px 20px !important;}
}
@media screen and (max-width:500px) {
	._course._index .s1 .cont.left,
	._course._index .s2 .cont.right,
	._course._index .s3 .cont.left,
	._course._index .s3 .cont.right,
	._course._index .s4 .cont.left,
	._course._index .s4 .cont.right,
	._course._index .s5 .cont.left,
	._course._index .s5 .right .box.n1
	{padding: 34px 14px !important;}
}
@media screen and (max-width:320px) {}

/* 섹션1 */
._course._index .s1{}
._course._index .s1 .left{height: 867px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
._course._index .s1 .left small{}
._course._index .s1 .left .txt{}
._course._index .s1 .left .txt h3{
	font-size: 42px; letter-spacing: -0.025em; font-weight: 600; line-height: 1.4047;
	margin-bottom: calc(40/42*1em);
}
._course._index .s1 .left .txt h3 b{color: #008823;}
._course._index .s1 .left .txt h3 b.pink{color: #fa89a8;}
._course._index .s1 .left .txt h3 b.purple{color: #8b52e9;}
._course._index .s1 .left .txt h3 b.orange{color: #ff6000;}
._course._index .s1 .left .txt p{
	font-size: 18px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.7777;
}
._course._index .s1 .right{}
._course._index .s1 .right .imgBx{position: relative; width: 100%; height: 100%;}
/* ._course._index .s1 .right .imgBx::before{content:''; display: block; width: 100%; padding-bottom: calc(867*100/921*1%);} */
._course._index .s1 .right .imgBx img{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%,-50%);}

@media screen and (max-width:1600px) {
	._course._index .s1 .left{height: auto;}
	._course._index .s1 .left .txt{margin-top: 80px;}
	._course._index .s1 .left .txt p{padding-right: 20px; box-sizing: border-box; word-break: keep-all;}
	._course._index .s1 .left .txt p br{display: none;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._course._index .s1 .left .txt h3{font-size: 34px;}
	._course._index .s1 .left .txt p{font-size: 16px;}
}
@media screen and (max-width:1024px) {
	._course._index .s1 .left{margin-bottom: 0 !important;}
	._course._index .s1 .right{display: none;}
	._course._index .s1 .left .txt p{padding-right: 0;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._course._index .s1 .left .txt{margin-top: 40px;}
	._course._index .s1 .left .txt h3{font-size: 22px;}
	._course._index .s1 .left .txt p{font-size: 13px;}
}
@media screen and (max-width:320px) {}



/* 섹션2 */
._course._index .s2{}
._course._index .s2 .cont{}
._course._index .s2 .left .swiper{}
._course._index .s2 .left .swiper-slide{}
._course._index .s2 .left .swiper-slide .imgBx{}
._course._index .s2 .left .swiper-slide .imgBx img{width: 100%;}
._course._index .s2 .left .swiper-slide .imgBx img.mo{display: none;}
._course._index .s2 .right{
	display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
}
._course._index .s2 .right .con{width: 100%;}
._course._index .s2 .right .con .txtBx{

}
._course._index .s2 .right .con .txt{
	display: none; margin-top: 20px;
	font-size: 42px; margin-bottom: calc(62/42*1em);
}
._course._index .s2 .right .con .txt.on{display: block;}
._course._index .s2 .right .con .txt h4{
	letter-spacing: -0.025em; font-weight: 600; line-height: 1.4047;
	margin-bottom: calc(10/42*1em);
}
._course._index .s2 .right .con .txt h4 b{color: #bebebe;}
._course._index .s2 .right .con .txt small{
	font-size: 18px; letter-spacing: -0.025em; color: #1c1c1c; line-height: 1.3; font-weight: 500;
}
._course._index .s2 .right .slideBx{display: flex; align-items: flex-end;}
._course._index .s2 .right .swiper{width: 526px; margin: 0; margin-right: 20px;}
._course._index .s2 .right .swiper-wrapper{}
._course._index .s2 .right .swiper-slide{cursor: pointer;}
._course._index .s2 .right .swiper-slide .imgBx{}
._course._index .s2 .right .swiper-slide .imgBx img{filter: brightness(0.5);}
._course._index .s2 .right .swiper-slide .imgBx img.mo{display: none;}
._course._index .s2 .right .swiper-slide.swiper-slide-thumb-active .imgBx img{filter: brightness(1);}

/* 컨트롤 */
._course._index .s2 .right .slideBx .control{display: flex;}
._course._index .s2 .right .slideBx .control [class^='arrow']{font-size: 20px; cursor: pointer;}
._course._index .s2 .right .slideBx .control .arrow_prev{}
._course._index .s2 .right .slideBx .control .arrow_next{margin-right: 8px;}
._course._index .s2 .right .slideBx .control [class^='arrow'] i{display: block;}
._course._index .s2 .right .slideBx .control .pagination{font-size: 18px; font-weight: 500; letter-spacing: -0.1em; color: #b7b7b7;}
._course._index .s2 .right .slideBx .control .pagination .swiper-pagination-current{color: #000;}

@media screen and (max-width:1900px) {
	._course._index .s2 .right .slideBx{flex-direction: column-reverse;}
	._course._index .s2 .right .swiper{margin-right: 0; width: 100%;}
	._course._index .s2 .right .slideBx .control{margin-bottom: 8px; padding-right: 6px;}
	._course._index .s2 .right .con{}
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._course._index .s2 .left .swiper{height: 100%;}
	._course._index .s2 .left .swiper-slide .imgBx{height: 100%;}
	._course._index .s2 .left .swiper-slide .imgBx img{height: 100%; object-fit: cover;}
	._course._index .s2 .right .con .txt{font-size: 32px; word-break: keep-all;}
	._course._index .s2 .right .con .txt small{font-size: 16px;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._course._index .s2 .right{justify-content: unset;}
	._course._index .s2 .right .con .txt{ margin-bottom: 30px;}

	._course._index .s2 .left .swiper{height: auto;}
	._course._index .s2 .left .swiper-slide .imgBx{height: auto;}
	._course._index .s2 .left .swiper-slide .imgBx img{height: auto;}
}
@media screen and (max-width:820px) {
	._course._index .s2 .right .con .txt{font-size: 26px;}
	._course._index .s2 .left .swiper-slide .imgBx img.mo{display: block; max-width: 500px; margin: 0 auto;}
	._course._index .s2 .left .swiper-slide .imgBx img.pc{display: none;}
	._course._index .s2 .right .swiper-slide .imgBx img.mo{display: block;}
	._course._index .s2 .right .swiper-slide .imgBx img.pc{display: none;}
}
@media screen and (max-width:500px) {
	._course._index .s2 .right .con .txt{font-size: 20px;}
	._course._index .s2 .right .con .txt small{font-size: 14px; line-height: 1.3;}
}
@media screen and (max-width:320px) {}



/* 섹션3 */
._course._index .s3{}
._course._index .s3 .left{
	display: flex; flex-direction: column; align-items: flex-start;
}
._course._index .s3 .left > div{display: flex;align-items: center;gap: 10px;}
._course._index .s3 .left > div p{font-size: 14px;}
._course._index .s3 .left .chart{margin: auto; overflow-x: auto; width: 100%;}
._course._index .s3 .left .chart img{min-width: 500px; width: 100%;}
._course._index .s3 .left .chart .box{
    cursor: pointer;
}
._course._index .s3 .left .chart map{}
._course._index .s3 .left .chart map area{}
._course._index .s3 .right{min-height: 767px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
._course._index .s3 .right .txtBx{margin-top: 80px;}
._course._index .s3 .right .txtBx ul{display: none;}
._course._index .s3 .right .txtBx ul.on{display: block;}
._course._index .s3 .right .txtBx ul li{
	font-size: 22px; margin-bottom: calc(32/22*1em);
}
._course._index .s3 .right .txtBx ul li:last-child{margin-bottom: 0;}
._course._index .s3 .right .txtBx ul li strong{
	display: block;
	letter-spacing: -0.025em; font-weight: 600;
	margin-bottom: calc(16/22*1em);
}
._course._index .s3 .right .txtBx ul li div{
	font-size: calc(18/22*1em); letter-spacing: -0.025em;
	display: flex; line-height: 1.3;
}
._course._index .s3 .right .txtBx ul li div small{
	display: block; min-width: 72px; color: #bababa;
}
._course._index .s3 .right .txtBx ul li div p{ color: #1f1f1f;}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._course._index .s3 .right{min-height: auto;}
	._course._index .s3 .right .txtBx ul li{font-size: 20px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._course._index .s3 .left .chart{margin-top: 20px;}
}
@media screen and (max-width:500px) {
	._course._index .s3 .right .txtBx{margin-top: 50px;}
	._course._index .s3 .right .txtBx ul li{font-size: 18px;}
	._course._index .s3 .right .txtBx ul li div{font-size: 14px;}
	._course._index .s3 .right .txtBx ul li div small{min-width: 50px;}
}
@media screen and (max-width:320px) {}

/* 섹션4 */
._course._index .s4{}

._course._index .s4 .left{}
._course._index .s4 .right{}
._course._index .s4 .right .tab{display: flex; margin-bottom: 40px;}
._course._index .s4 .right .tab li{
	padding: calc(10/20*1em) 0.8em;
	font-size: 20px; font-weight: 600; letter-spacing: -0.045em; background-color: #dbdbdb;
	margin-right: 13px;
}
._course._index .s4 .right .tab li.on{background-color: #ff6000; color: #fff;}
._course._index .s4 .right .tab li:last-child{margin-right: 0;}
._course._index .s4 .right .tab li.on{}
._course._index .s4 .right .tab li p{}
._course._index .s4 .right .tableArea{}
._course._index .s4 .right .tableArea h4{
	font-size: 18px; font-weight: 600; letter-spacing: -0.025em; margin-bottom: calc(22/18*1em);
}
._course._index .s4 .right .tableBx{display: none;}
._course._index .s4 .right .tableBx.on{display: block;}
._course._index .s4 .right .tableBx .table{
	border-top: 1px solid #000;
}
._course._index .s4 .right .tableBx .thead{background-color: #b9c8df;}
._course._index .s4 .right .tableBx .thead .td{min-height: 4px;}
._course._index .s4 .right .tableBx .tbody{}
._course._index .s4 .right .tableBx .tl{display: flex; border-bottom: 1px solid #ccc;}
._course._index .s4 .right .tableBx .td{
	display: flex; align-items: center; justify-content: center;
	padding: 0 6px; box-sizing: border-box; text-align: center;
	word-break: break-all; padding: 10px 0; line-height: 1.3; min-height: 64px; box-sizing: border-box;
	font-weight: 500;
}

/* 너비 */
._course._index .s4 .right .tableBx .td.time{width: 70px;}
._course._index .s4 .right .tableBx .td.course{width: 80px;}
._course._index .s4 .right .tableBx .td.applyDay{width: calc((100% - 70px - 80px - 130px) / 2); word-break: keep-all;}
._course._index .s4 .right .tableBx .td.testDay{width: calc((100% - 70px - 80px - 130px) / 2); word-break: keep-all;}
._course._index .s4 .right .tableBx .td.resultDay{width: 130px;}


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

}
@media screen and (max-width:1500px) {
	/* ._course._index .s4 .cont{width: 100%; margin-right: 0;} */


	._course._index .s4{flex-direction: column;}
	._course._index .s4 .cont.left{width: 100%; margin-right: 0;}
	._course._index .s4 .cont.right{width: 100%; margin-top: var(--course_gap);}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._course._index .s4 .right .tab li{font-size: 16px;}
}
@media screen and (max-width:820px) {
	._course._index .s4 .right .tableBx .tbody{font-size: 14px;}
	._course._index .s4 .right .tableBx .td{word-break: keep-all;}
}
@media screen and (max-width:600px) {
	._course._index .s4 .right .tab li{font-size: 14px; margin-right: 10px;}
	._course._index .s4 .right .tableArea h4{line-height: 1.3; word-break: keep-all;}

	._course._index .s4 .right .tableBx .table{border-top: none;}
	._course._index .s4 .right .tableBx .tl{flex-direction: column; margin-bottom: 20px; border: 1px solid #666 !important; box-sizing: border-box;}
	._course._index .s4 .right .tableBx .thead{display: none;}
	._course._index .s4 .right .tableBx .td{
		border-bottom: 1px solid #666; box-sizing: border-box; width: 100% !important; justify-content: flex-start;
		min-height: unset; height: auto; padding: 0; min-height: 40px; word-break: break-all;
		position: relative; text-align: left; padding: 4px; padding-left: 100px; font-size: 13px;
	}
	._course._index .s4 .right .tableBx .td:last-child{border-bottom: none;}
	._course._index .s4 .right .tableBx .td::before{
		content:''; display: block; position: absolute; top: 0; left: 0;
		width: 90px; background-color: #333; height: 100%; line-height: 40px; color: #fff; text-align: center;
	}
	._course._index .s4 .right .tableBx .td:nth-of-type(1)::before{content:'타임';}
	._course._index .s4 .right .tableBx .td:nth-of-type(2)::before{content:'과목';}
	._course._index .s4 .right .tableBx .td:nth-of-type(3)::before{content:'원서접수';}
	._course._index .s4 .right .tableBx:nth-child(1) .td:nth-of-type(4)::before{content:'필기시험';}
	._course._index .s4 .right .tableBx:nth-child(2) .td:nth-of-type(4)::before{content:'실기시험';}
	._course._index .s4 .right .tableBx .td:nth-of-type(5)::before{content:'합격자발표';}
}
@media screen and (max-width:320px) {
	._course._index .s4 .right .tableBx .td{font-size: 12px; padding-left: 80px;}
	._course._index .s4 .right .tableBx .td::before{width: 70px;}
}



/* 섹션5 */
._course._index .s5{}
._course._index .s5 .left{position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 824px;}
._course._index .s5 .left .bg{
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	background-size: cover; width: 100%; height: 100%; filter: brightness(0.5);
}
._course._index .s5 .left .smallTitle{position: relative; border-color: #fff; color: #fff;}
._course._index .s5 .left .con{position: relative; width: 100%;}
._course._index .s5 .left .con strong{
	display: block;
	font-size: 42px; letter-spacing: -0.025em; font-weight: 600;color: #fff; margin-bottom: 1em;
}
._course._index .s5 .left .con > p{
	font-size: 18px; letter-spacing: -0.025em; line-height: 1.6; color: #ccc;
	margin-bottom: calc(32/18*1em);
}
._course._index .s5 .left .con .tab{display: flex;}
._course._index .s5 .left .con .tab li{
	width: 280px; display: flex; align-items: center; justify-content: center;
	font-size: 18px; letter-spacing: -0.025em; color: #fff; padding: calc(14/18*1em) 0;
	border-radius: 30px; margin-right: 12px;
}
._course._index .s5 .left .con .tab li:last-child{margin-right: 0 ;}
._course._index .s5 .left .con .tab li p{color: #fff;}

._course._index .s5 .right{background-color: transparent; border-radius: 0;}
._course._index .s5 .right .box{background-color: #fff;border-radius: var(--borderRadius); height: 824px; margin-bottom: var(--course_gap); box-sizing: border-box; overflow-y: auto;}
._course._index .s5 .right .box:last-child{margin-bottom: 0;}
._course._index .s5 .right .box .smallTitle{background-color: #ff6000; color: #fff; border: none;}
._course._index .s5 .right .box .txt{font-size: 26px;}
._course._index .s5 .right .box .txt strong{display: block; letter-spacing: -0.025em; font-weight: 600; margin-bottom: calc(20/26*1em);}
._course._index .s5 .right .box .txt p{font-size: calc(18/26*1em); color: #565656; line-height: 1.555;}

._course._index .s5 .right .box.n1{padding: 44px 50px; padding-bottom: 57px;}
._course._index .s5 .right .box.n1{display: flex; flex-direction: column; align-items: flex-start;}
._course._index .s5 .right .box.n1 .txt{}
._course._index .s5 .right .box.n1 .txt strong{
	margin-bottom: calc(37/26*1em); margin-top: calc(120/26*1em);
}
._course._index .s5 .right .box.n1 .txt p{}
._course._index .s5 .right .box.n1 .tab{display: flex; margin-top: 80px; margin-bottom: 30px;}
._course._index .s5 .right .box.n1 .tab li{
	font-size: 17px; font-weight: 500; letter-spacing: -0.025em;
	box-sizing: border-box;
	padding: 6.5px 21px; margin-right: 25px;
}
._course._index .s5 .right .box.n1 .tab li:last-child{margin-right: 0;}
._course._index .s5 .right .box.n1 .tab li.on{color: #fff;}
._course._index .s5 .right .box.n1 .conBx{margin-top: auto; width: 100%;}
._course._index .s5 .right .box.n1 .conBx .con{display: none;}
._course._index .s5 .right .box.n1 .conBx .con.on{display: block;}
._course._index .s5 .right .box.n1 .conBx .con .imgBx{}
._course._index .s5 .right .box.n1 .conBx .con .imgBx img{width: 100%; max-width: 700px;}
._course._index .s5 .right .box.n1 .conBx .con ul{display: flex; justify-content: space-between; max-width: 560px; margin: 0 auto; padding-bottom: 20px; box-sizing: border-box;}
._course._index .s5 .right .box.n1 .conBx .con ul li{display: flex; flex-direction: column; align-items: center; justify-content: center;}
._course._index .s5 .right .box.n1 .conBx .con ul li small{letter-spacing: -0.025em; color: #7d7d7d;}
._course._index .s5 .right .box.n1 .conBx .con ul li img{margin-top: 30px; margin-bottom: 32px;}
._course._index .s5 .right .box.n1 .conBx .con ul li strong{font-size: 26px; letter-spacing: -0.025em; font-weight: 600;}

._course._index .s5 .right .box.n2{padding: 15px;}
._course._index .s5 .right .box.n2 .imgBx{width: 100%; height: 48.54368%; border-radius: 22px; overflow: hidden;}
._course._index .s5 .right .box.n2 .imgBx div{width: 100%; height: 100%; background-size: cover;}
._course._index .s5 .right .box.n2 .txtBx{padding: 33px 37px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: calc(100% - 48.54368%); box-sizing: border-box;}
._course._index .s5 .right .box.n2 .txtBx .smallTitle{}


@media screen and (max-width:1900px) {
	._course._index .s5 .left .con > p{word-break: keep-all;}
	._course._index .s5 .left .con > p br{display: none;}
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._course._index .s5{flex-direction: column;}
	._course._index .s5 .cont{width: 100% !important; margin-right: 0;}
	._course._index .s5 .cont.left{margin-bottom: var(--course_gap); height: auto;}
	._course._index .s5 .right{display: flex; flex-wrap: wrap;}
	._course._index .s5 .left .con{margin-top: 80px; text-align: center;}
	._course._index .s5 .left .con strong{margin-bottom: 1.5em;}
	._course._index .s5 .left .con > p{max-width: 800px; margin: 0 auto; margin-bottom: 4em; }
	._course._index .s5 .left .con .tab{justify-content: center;}
	._course._index .s5 .right .box{width: calc(50% - var(--course_gap)/2); height: auto; min-height: 700px;}
	._course._index .s5 .right .box:nth-of-type(1),
	._course._index .s5 .right .box:nth-of-type(3){margin-right: var(--course_gap);}
	._course._index .s5 .right .box:nth-of-type(3){margin-bottom: 0;}
	._course._index .s5 .right .box.n1 .conBx .con ul{justify-content: space-around; padding-bottom: 0;}
	._course._index .s5 .right .box.n1 .txt p{max-width: 500px; word-break: keep-all;}
	._course._index .s5 .right .box.n1 .txt p br{display: none;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._course._index .s5 .left .con strong{font-size: 34px;}
	._course._index .s5 .left .con > p{font-size: 16px;}
	._course._index .s5 .left .con .tab li{font-size: 16px; padding: 10px 0;}

	._course._index .s5 .right .box{min-height: unset;}
	._course._index .s5 .right .box .txt{font-size: 22px;}
	._course._index .s5 .right .box .txt strong{margin-top: 60px !important; margin-bottom: 20px !important;}
	._course._index .s5 .right .box .txt p{word-break: keep-all;}
	._course._index .s5 .right .box .txt p br{display: none;}
	._course._index .s5 .right .box.n2 .imgBx{height: auto;}
	._course._index .s5 .right .box.n2 .txtBx{height: auto;}
	._course._index .s5 .right .box.n2 .txtBx .bottom{margin-top: 60px;}
	._course._index .s5 .right .box.n1 .tab{margin-top: 60px;}
	._course._index .s5 .right .box.n1 .tab li{font-size: 14px; margin-right: 10px;}

	._course._index .s5 .right .box.n2 .imgBx{padding-bottom: 56%; position: relative;}
	._course._index .s5 .right .box.n2 .imgBx div{position: absolute; top: 0; left: 0;}
	._course._index .s5 .right .box.n2 .txtBx{padding: 20px 10px;}
}
@media screen and (max-width:820px) {
	._course._index .s5 .right .box{width: 100%;}
	._course._index .s5 .right .box:nth-of-type(1),
	._course._index .s5 .right .box:nth-of-type(3){margin-right: 0;}
	._course._index .s5 .right .box:nth-of-type(3){margin-bottom: var(--course_gap);}

	._course._index .s5 .right .box .txt{font-size: 24px;}
	._course._index .s5 .right .box .txt p{max-width: 400px;}
	._course._index .s5 .right .box.n1 .conBx .con ul{max-width: 380px; justify-content: space-between; margin: unset; padding-left: 20px;}
}
@media screen and (max-width:500px) {
	._course._index .s5 .left .con{margin-top: 50px;}
	._course._index .s5 .left .con strong{font-size: 26px; margin-bottom: 1em;}
	._course._index .s5 .left .con > p{font-size: 14px;}
	._course._index .s5 .left .con .tab{flex-direction: column;}
	._course._index .s5 .left .con .tab li{width: 100%; margin-bottom: 6px; margin-right: 0; font-size: 14px;}

	._course._index .s5 .right .box .txt strong{font-size: 22px; margin-top: 44px !important;}
	._course._index .s5 .right .box .txt p{font-size: 14px;}

	._course._index .s5 .right .box.n1 .tab{margin-top: 40px;}

	._course._index .s5 .right .box.n1 .conBx .con ul {padding-left: 0; max-width: 290px; margin: 0 auto;}
	._course._index .s5 .right .box.n1 .conBx .con ul li img{margin: 12px 0; width: 60px;}
	._course._index .s5 .right .box.n1 .conBx .con ul li strong{font-size: 20px;}

	._course._index .s5 .right .box.n2{padding: 10px;}
}
@media screen and (max-width:400px) {
	._course._index .s5 .right .box.n1 .tab{flex-direction: column;}
	._course._index .s5 .right .box.n1 .tab li{margin-right: 0; margin-bottom: 4px;}
	._course._index .s5 .right .box.n1 .tab li:last-child{margin-bottom: 0;}
}