.exam-con {
	position: relative;
	width: 100%;
}
.exam-con .exam-inner {
    position:relative;
	margin: 0 auto;
	width: 1100px;
}
.introduce{
    display:block;
    width:100%;
    overflow:hidden;
	line-height:1.2;
}
.introduce b{
    font-family:"noto7";
}
.introduce .exam-header h2{
    margin: 0 0 13px;
    font-size:60px;
    font-family:"noto7";
    letter-spacing: -4px;
    line-height: 1;
}
.introduce .exam-header p{
    font-size:23px;
    /* opacity:0.6; */
    font-family:"noto2";
}
.txt-white{
    color:#ffffff;
}
.txt-orange{
    color:#ffab27;
}

/*top*/
.product-visual{
    padding: 297px 0 148px;
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con1_bg.png')top center no-repeat;
}
.product-visual .txt-box{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
    padding: 0 0 36px;
    text-align: center;
}
/* 좌상 + 우상 */
.product-visual .txt-box::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    linear-gradient(#d08cff,#d08cff) left 0 top 0 / 32px 8px no-repeat,
    linear-gradient(#d08cff,#d08cff) left 0 top 0 / 8px 32px no-repeat,

    linear-gradient(#d08cff,#d08cff) right 0 top 0 / 32px 8px no-repeat,
    linear-gradient(#d08cff,#d08cff) right 0 top 0 / 8px 32px no-repeat;
}

/* 좌하 + 우하 */
.product-visual .txt-box::after{
    content:'';
    position:absolute;
    inset:0;
    background:
    linear-gradient(#d08cff,#d08cff) left 0 bottom 0 / 32px 8px no-repeat,
    linear-gradient(#d08cff,#d08cff) left 0 bottom 0 / 8px 32px no-repeat,

    linear-gradient(#d08cff,#d08cff) right 0 bottom 0 / 32px 8px no-repeat,
    linear-gradient(#d08cff,#d08cff) right 0 bottom 0 / 8px 32px no-repeat;
}
.product-visual .txt-box h2{
    font-size:72px;
    font-family: 'noto7';
    line-height: 1.2;
}
.product-visual .txt-box .sub{
    margin:26px auto 51px;
    font-size:32px;
    font-family: 'noto6';
}
.product-visual .txt-box .desc{
    font-size:22px;
    line-height: 1.5;
}
.product-visual .txt-box b{
	font-family:"noto4";
}
.product-visual .signature{
    display:flex;
    justify-content: space-around;
    align-items: center;
    gap:27px;
    margin: 109px 0 0 0;
}
.product-visual .signature li{
    width: 33.33%;
    height: 247px;
    padding:35px 29px;
    text-align:left;
}
.product-visual .signature .signature1{
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con1_img1.png')center no-repeat;
}
.product-visual .signature .signature2{
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con1_img2.png')center no-repeat;
}
.product-visual .signature .signature3{
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con1_img3.png')center no-repeat;
}
.product-visual .signature .desc{
    display: inline-block;
    font-size:22px;
    margin-bottom: 7px;
    color: #ffffff;
}
.product-visual .signature .tit{
    font-size:30px;
    font-family:"noto6";
    color:#ffab27;
    line-height:1.3;
	font-weight:100;
}

.product-sellcount{
    padding: 70px 0 36px;
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con2_bg.png')top center no-repeat;
}
.product-sellcount h5{
    font-size:31px;
	font-family:'noto6';
	text-align:center;
}
.product-sellcount .count-wrap{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 999px;
    margin: 40px auto 31px;
}
.product-sellcount .digit_area{
    display: flex;
    justify-content: space-around;
    align-items:end;
    height:130px;
    width: 821px;
    padding: 0 20px;
    gap: 18px;
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/count_bg.png')top center no-repeat;
    font-size: 113px;
    font-family: 'noto7';
    letter-spacing: 44px;
    line-height: 138px;
    color: #ffffff;
}
.product-sellcount .digit_area .comma{
	width: 30px;
	color:#ffffff;
	font-size:64px;
	margin-left: -47px;
	line-height: 61px;
	font-family: 'noo3';
}
.product-sellcount .digit_area .comma:last-child{
	width: 29px;
	margin-left: -44px;
}
.product-sellcount .count-wrap h6{
	font-size:80px;
	font-family:'noto7';
	color:#ffffff;
}
.product-sellcount .description{
    color:#ffffff;
    font-size:16px;
    opacity: 0.3;
    margin-left: 51px;
}

.product-lineup{
    padding:184px 0 10px;    
}
.product-lineup h3{
    /* margin:0 0 41px; */
    font-size:46px;
    font-family:"noto7";
}
.pcoduct-book-lineup{
    margin: 0 auto 0;
    max-width: 1630px;
    position: relative;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, #ffffff, #fbfbff);
}
.book-lineup-swiper{
    margin: auto 0;
    max-width: 2000px;
    height: 500px;
    overflow: visible;
    padding: 96px 0 0;
    perspective: 2000px;
}
.book-lineup-swiper .swiper-wrapper{
    transform-style: preserve-3d;
}
.book-lineup-swiper .swiper-slide{
	width:227px;
    flex-shrink:0;
	transition: transform .3s;
}
.book-lineup-swiper .swiper-slide > img{
    width:inherit
}
.book-lineup-swiper .swiper-wrapper {
    transform-style: preserve-3d
}

.book-lineup-swiper  swiper-slide-visible {
    transition: transform .2s
}

.book-lineup-swiper .swiper-slide-active {
    transform: translateZ(0) rotateY(0)
}

.book-lineup-swiper .swiper-slide-next {
    transform: translate3d(-5px,0,43px) rotateY(-21deg)!important
}

.book-lineup-swiper .swiper-slide-next+.swiper-slide-visible {
    transform: translate3d(-64px,0,220px) rotateY(-48deg)
}

.book-lineup-swiper .swiper-slide-next+.swiper-slide-visible+.swiper-slide-visible {
    transform: translate3d(-141px,0,440px) rotateY(-66deg);
}

.book-lineup-swiper .swiper-slide-next+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide {
    transform: translate3d(-317px,0,720px) rotateY(-84deg);
}

.book-lineup-swiper .swiper-slide-visible:first-child,
.book-lineup-swiper .swiper-slide:not(.swiper-slide-visible)+.swiper-slide-visible {
    transform: translate3d(317px,0,720px) rotateY(80deg);
}

.book-lineup-swiper .prev-second {
    transform: translate3d(44px,0,220px) rotateY(48deg)!important;
}
.book-lineup-swiper .next-second {
    transform: translate3d(-44px,0,220px) rotateY(-48deg)!important;
}

.book-lineup-swiper .swiper-slide-prev {
    transform: translate3d(6px,0,43px) rotateY(21deg)!important
}

.book-lineup-swiper.swiper_large .swiper-slide:not(.swiper-slide-visible)+.swiper-slide-visible+.swiper-slide {
    transform: translate3d(141px,0,440px) rotateY(66deg);
}

.book-lineup-swiper .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0
}





.product-message{
    padding:0 0 176px;
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con3_bg.png')top center no-repeat;
}
.product-message .intro-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-message .intro-title h4{
    font-size:71px;
    line-height: 1.3;
    margin-top: -40px;
}
.product-message .intro-title img{
    vertical-align: bottom;
}
.product-message .intro-title p{
    margin:34px 0 0 0;
    font-size:34px;
    font-family: 'noto2';
    letter-spacing: -2px;
}
.product-strength{
    padding: 154px 0 191px;
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con4_bg.png')top center no-repeat;
}
.product-strength .identity{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 79px 0 0;
    gap:22px;
}
.product-strength .identity li{
    padding:53px 0 47px 84px;
}
.product-strength .identity li.right{
    padding:53px 0 47px 50%;
}
.product-strength .identity .identity1{
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con4_img1.png')top center no-repeat;
}
.product-strength .identity .identity2{
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con4_img2.png')top center no-repeat;
}
.product-strength .identity .identity3{
    background:url('/_skin/tpl_skin/basic_foreign_language/exam/con4_img3.png')top center no-repeat;
}
.product-strength .identity p{
    color:#ffffff;
    font-size: 20px;
    font-family: 'noto2';
}
.product-strength .identity p >b{
	font-family:"noto4";
}
.product-strength .identity h6{
    margin:0 0 17px;
    font-size:39px;
    font-family:'noto7';
}

.product-method{
    padding:146px 0 ;
    background:#f3f3f3;
}
.product-method .method{
    display:grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    gap: 35px 22px;
}
.product-method .method li{
	position:relative;
    width:523px;
    height: 442px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    padding: 0 0 64px 52px;
    gap:22px;
    border-radius:30px;
    box-shadow:0 13px 30px rgba(159,146,175,0.28)
}
.product-method .method .method1{    
    grid-column: 2;
    grid-row: 1;
	background:#ffffff
}
.product-method .method .method1:after{
	position:absolute;
	display:block;
	width:368px;
	height: 334px;
	content:'';
	right: -20px;
	top:0;
	background: url('/_skin/tpl_skin/basic_foreign_language/exam/con5_img1.png') right -21px top 30px no-repeat;
}
.product-method .method .method2{
    grid-row:1/3;
    background: url('/_skin/tpl_skin/basic_foreign_language/exam/con5_img2.png') right 20px top 20px no-repeat #ffffff;
}

.product-method .method .method3{
    grid-column: 2;
    grid-row: 2;
    background: url('/_skin/tpl_skin/basic_foreign_language/exam/con5_img3.png')right 10px top -30px no-repeat #ffffff;
}
.product-method .method p{
    font-size:26px;
    line-height:1.2;
}
.product-method .method h6{
    font-size:43px;
    line-height:1;
	font-family:'noto6';
}

.product-system{
    padding:190px 0;
    background:#4b5772;
}
.product-system .system{
    display:grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    gap: 35px 22px;
}
.product-system .system li{
	position:relative;
	width:523px;
	height: 442px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: start;
	padding: 0 0 49px 48px;
	gap:22px;
	border-radius:30px;
	box-shadow: 0 18px 92px rgba(0,0,0,0.41);
}
.product-system .system .system1{
    grid-column: 2;
    grid-row: 1;
    background: url('/_skin/tpl_skin/basic_foreign_language/exam/con6_img1.png') top -20px right -98px no-repeat #ffffff;
}
.product-system .system .system2{
    grid-row:1/3;
    background: url('/_skin/tpl_skin/basic_foreign_language/exam/con6_img2.png') top center no-repeat #ffffff;
}

.product-system .system .system3{
    grid-column: 2;
    grid-row: 2;
    background: url('/_skin/tpl_skin/basic_foreign_language/exam/con6_img3.png') top center no-repeat #ffffff;
}
.product-system .system p{
    font-size: 25px;
    line-height: 1.5;
    font-family: 'noto3';
    letter-spacing: -2px;
}
.product-system .system h6{
    font-size: 40px;
    line-height:1;
    font-family:'noto6';
}
.product-contents{
	padding:150px 0;
	background:linear-gradient(to bottom ,#ff990c, #f8ae2d );
}
.product-contents .contents-ment{
	margin:54px 0 0 0;
	font-size:28px;
}
.product-contents .contents-ment > b{
	display:block;
	margin:22px 0 0 0;
	font-size:45px;
}
.language{
	display: grid;
	width: 1170px;
	grid-template-columns: repeat(7, 146px); /* 박스 고정 */
	column-gap: 0px; /* 진짜 간격 */
	row-gap: 20px;
	justify-content: center;
	margin: 81px 0 0 -70px;
}
.language li:nth-child(1){ grid-column: 1; }
.language li:nth-child(2){ grid-column: 3; }
.language li:nth-child(3){ grid-column: 5; }
.language li:nth-child(4){ grid-column: 7; }

.language li:nth-child(5){ grid-column: 2; }
.language li:nth-child(6){ grid-column: 4; }
.language li:nth-child(7){ grid-column: 6; }

.language li {
	width: 216px;
	height:216px;
	border-radius:50%;
	background:#ffffff;
	box-shadow:0 23px 36px rgba(78,29,5,0.29);
	line-height:216px;
	font-size:40px;
	font-family:'noto7';	
}
.language li p{
     background: linear-gradient(to left, #ff7a18, #ffb347);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-promo{
	padding: 104px 0 79px;
	background:url('/_skin/tpl_skin/basic_foreign_language/exam/con7_bg.png') center no-repeat;
}
.product-promo .category_title{
	font-size:25px;
	color:#f8ae2d;
	letter-spacing: 27px;
	font-family:'noto2';
	padding-left: 23px;
}
.product-promo .categoty_desc{
	margin: 20px auto 32px;
	font-size:47px;
	color:#ffffff;
	font-family:"noto7";
	line-height:1.3
}
.product-promo .btn-link{
	display:inline-block;
	padding:18px 73px;
	border-radius:8px;
	background:#f8ae2d;
	color:#000000;
	font-size:22px;
	font-family:'noto6';
}