html,
		body {
			font-size: 16px;
		}

		.title-img {
			max-height: 80px;
		}

		.number {
			font-size: 2.25rem;
			font-weight: 600;
			width: 50px;
			height: 50px;
			line-height: 47px;
			margin-left: auto;
			margin-right: auto;
			border-radius: 50px;
			background: #cceef2;
			color: #00acc0;
		}

		h4 {
			font-size: 2.25rem;
			font-weight: 800;
		}

		.total-system.eumul {    background-color: #bcd9eb;
			background-image: url(/images/eunmul/main_bg.jpg);
			background-size: contain;
			background-repeat: no-repeat;
		}

		.eumul #mainVisual {
			background: none;
		}

		.eumul #logo {
			height: auto;
			padding-top: 35px;
		}

		.eumul #mainVisual .col1:first-of-type {
			margin-top: -25px;
		}

		.eumul #mainVisual .col1:first-of-type img {
			max-height: 464px;
		}

		.eumul #mainVisual .col1:last-of-type img {
			max-height: 368px;
		}

		#eunmulSet {
			background: #bbdaec;
		}

		#eunmulSet .box {
			background: #fff;
			border: 2px solid #00abc0;
			border-radius: 2rem;
			overflow: visible;
		}

		#benefitOrange {
			background: #ffedd2;
		}

		#benefitOrange .box {
			background: #fff;
			border: 2px solid #e58d1e;
			border-radius: 2rem;
			overflow: visible;
		}

		.title-img {
			margin-top: -22px;
		}

		.product1,
		.product2 {
			width: 65%;
		}

		.product-title {
			width: 62%;
		}

		#eunmulSet .highlight {
			padding: 0 3px;
			background: linear-gradient(0deg, #cceef2 50%, #fff 50%);
			font-weight: 600;
		}

		#eunmulSet .label {
			box-sizing: border-box;
			position: relative;
			width: fit-content;
			display: flex;
			align-items: center;
			padding: 10px;
			background: #cceef2;
			border: 1.5px solid #a8dce2;
			border-radius: 1rem 0 0 1rem;
			margin-left: auto;
			margin-right: auto;
			padding-right: 0;
		}

		#eunmulSet .label img {
			display: block;
			height: 58px;
			margin-right: 20px;
		}

		#eunmulSet .label .title {
			text-align: left;
			display: flex;
			flex-direction: column;
			margin-right: 30px;
		}

		#eunmulSet .label .title span {
			font-size: 1.3125rem;
			color: #00acc0;
		}

		#eunmulSet .label .title strong {
			line-height: 1.3;
			font-size: 2rem;
			font-weight: 800;
			color: #048796;
		}

		#eunmulSet .label .num {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 68px;
			height: 68px;
			background: #fff;
			color: #00acc0;
			font-size: 1.125rem;
			border-radius: 100%;
		}

		#eunmulSet .label .num strong {
			margin-left: 3px;
		}

		#eunmulSet .label::after {
			width: 36px;
			height: calc(100% + 2px);
			display: block;
			background: url(/images/eunmul/label.png) 100% 0 no-repeat;
			background-size: auto 100%;
			position: absolute;
			right: -35px;
			top: -1px;
			content: '';
		}

		.book-area {}

		.book-area .best {
			display: flex;
			align-items: flex-start;
			padding: 0 60px;
		}

		.book-area .best img {
			width: 41%;
			height:auto;
		}

		.book-area .best .text {
			width: calc(100% - 41%);
			text-align: left;
			padding: 20px 20px 20px 35px;
			box-sizing: border-box;
		}

		.book-area .best .text h3 {
			font-size: 2rem;
		}

		.book-area .best .text ul {
			border-top: 1px solid #dcdcdc;
		}

		.book-area .best .text ul li {
			position: relative;
			padding: 8px;
			padding-left: 25px;
			border-bottom: 1px solid #dcdcdc;
		}

		.book-area .best .text ul li::before {
			position: absolute;
			content: '★';
			left: 0;
			top: 8px;
			color: #ffa03b;
		}

		.book-area .book-list {
			width: calc(100% - 120px);
			margin: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		.book-area .book-list li {
			width: 33.333%;
			margin-right: 0;
			margin-bottom: 10px;
			font-size: 1.25rem;
		}

		.book-area .book-list li img {
			width: 160px;
		}

		.kids {
			width: calc(100% - 120px);
		}

		.check-list {
			width: fit-content;
			margin-left: auto;
			margin-right: auto;
		}

		.check-list li:first-of-type {
			border-bottom: 1px solid #dcdcdc;
		}

		.check-list li {
			width: 100%;
			padding: 8px;
box-sizing:border-box;


		}

		.check-list li img{
			width: 12px;
height:auto;
position: relative;
top:-2px;
		}

		.icon-list {
			display: flex;
			gap: 60px;
			width: fit-content;
			margin-left: auto;
			margin-right: auto;
		}

		.icon-list li img {
			width: 150px;
			height: auto;
		}

		.info-text {
			min-width: 465px;
			box-sizing: border-box;
			font-size: 1.25rem;
			color: #737373;
			display: inline-block;
			padding: 8px 15px;
			border-radius: 30px;
			background: #e9e9e9;
			width: fit-content;
			margin-left: auto;
			margin-right: auto;
		}

		.info-text+.btn-blue {
			width: 465px;
			font-size: 1.75rem;
			font-weight: 600;
			display: flex;
			height: 80px;
			background: #00abc0;
			color: #fff;
			border-radius: 1rem;
			align-items: center;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
		}

		#benefitOrange .box .bene01 {
			display: flex;
		}

		#benefitOrange .box .bene01 img {
			width: 40%;
			display: block;
			margin-left: 30px;

		}

		.bene h6 {
			background: #fff;
			font-size: 1.75rem;
			font-weight: 800;
			padding: 0px 15px;
			border-radius: 30px;
			width: fit-content;
			display: block;
			border: 4px solid #fae8d2;
			color: #e58c1c;
		}

		#benefitOrange .box .bene01 .text {
			padding: 0 30px;
			text-align: left;
		}

		#benefitOrange .box .bene01 .text h5 {
			font-size: 2rem;
			font-weight: 800;
		}

		#benefitOrange .box .bene:not(.bene01) {
			position: relative;
			width: calc(100% - 120px);
			margin-left: auto;
			margin-right: auto;
			padding: 50px 30px 30px 30px;
			box-sizing: border-box;
			border-radius: 1.5rem;
			border: 4px solid #fae8d2;
			margin-bottom: 40px;
		}

		#benefitOrange .box .bene:not(.bene01) strong {
			color: #a7a7a7;
			font-weight: 800;
			display: block;
			margin-bottom: 8px;
		}
		#benefitOrange .box .bene:not(.bene01) h6 {
			position: absolute;
			left: 50%;
			top: -25px;
			transform: translateX(-50%);
		}
		#benefitOrange .box .bene:not(.bene01) img{max-width: 80%; display: block; margin-left: auto; margin-right: auto;}
		#benefitOrange .box .bene04{margin-bottom: 0 !important;}
		#videoPurple {
			background: #d8dbff;
		}

		#videoPurple .box {
			background: #fff;
			border: 2px solid #5a5cc8;
			border-radius: 2rem;
			overflow: visible;
		}
		.round-title{width: fit-content; margin-left: auto; margin-right: auto; padding: 5px 20px; font-size: 1.75rem; font-weight: 800; color: #5362cf; background: #dddff6; border-radius: 30px;}
		#videoPurple .video-wrap{width: calc(100% - 120px); margin-left: auto; margin-right: auto;}
		#videoPurple .video-wrap > li{text-align: left; display: flex;    align-items: flex-start;}
		#videoPurple .video-wrap > li .video{overflow: hidden; width: 45%; border-radius: 1rem;  border: 4px solid #444; position: relative; box-sizing:border-box;}
		#videoPurple .video-wrap > li .video a::after{width: 63px; height: 63px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(/images/eunmul/play_icon_big.png) 50% 50% no-repeat; background-size: 100% auto; content: '';}
		#videoPurple .video-wrap > li .video a{position: relative; display: block; height: 0; padding-bottom: 56%;}
		#videoPurple .video-wrap > li .video a img{position: absolute; left: 0; top: 0; width: 100%; display: block;}
		#videoPurple .video-wrap > li .text{width: 55%; padding: 0  0 0 25px; box-sizing: border-box;}
		#videoPurple .video-wrap > li .text h6{font-size: 1.7rem; letter-spacing: -2px; font-weight: 800; padding-left: 40px; background: url(/images/eunmul/play_icon.png) 0 6px no-repeat; background-size: auto 1em;}
		#videoPurple .video-wrap > li .text p{}
		.slider-wrap{position: relative;}
		.prev-btn{z-index: 10; height: 70px; width: 70px; background: url(/images/eunmul/arrow_prev.png) 0 0 no-repeat; position: absolute; left: -35px; top: 50%; background-size: cover;}
		.next-btn{z-index: 10; height: 70px; width: 70px; background: url(/images/eunmul/arrow_next.png) 0 0 no-repeat; position: absolute; right: -35px; top: 50%; background-size: cover;}
		.btn.fill.fix-btn{background: rgba(28,115,225,0.9); padding: 20px 0;}
		.btn.fill.fix-btn > img{height: 83px; width: auto; left: 5%;}
		.btn.fill.fix-btn span img{height: 36px; width: auto; margin: auto;}
#mobilePackForm .inner > .title{padding-top: 0;}
#mobilePackForm .inner > .title img{height: 47px; }

.pcview{display: block;}
.mobview{display: none;}

@media only screen and (max-width: 768px){
    .total-system header .home {
        left: 5%;
        top: 20px;
    }

.title-img{max-width:75%;
    margin-top: -18px;
}

.number{font-size: 1.5rem; width: 40px; height: 40px; line-height: 37px;}
#eunmulSet .label .title span{font-size: 1rem;}
#eunmulSet .label .title strong{font-size: 1.5rem;}
#eunmulSet .label .num{font-size: 1rem; height: 55px; width: 55px;}
#eunmulSet .label::after{right: -29px;}
.book-area .book-list li img{width: 90%;}
.book-area .book-list,
.kids,
#benefitOrange .box .bene:not(.bene01),
#videoPurple .video-wrap{width: 90%;}
.book-area .best{padding: 0 5%;}

#benefitOrange .box .bene01{margin-bottom: 50px;}
#benefitOrange .box .bene01 p br{display: none ;}
h4{font-size: 2rem;}
}


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

#eunmulSet .label .title span{font-size: 0.9rem; letter-spacing:-1px;}
#videoPurple .video-wrap > li{    flex-direction: column;}
#videoPurple .video-wrap > li .video{width: 100%; margin-bottom: 10px;}
#videoPurple .video-wrap > li .text{width: 100%; padding: 0;}
#videoPurple .video-wrap > li .text br{display: none;}
#videoPurple .video-wrap > li .text h6{font-size: 1.25rem; padding-left: 1.8rem; letter-spacing: 0;}

.book-area .best .text h3,
.round-title,
#benefitOrange .box .bene01 .text h5,
.bene h6{font-size: 1.4rem;}
h4{font-size: 1.6rem;}
.info-text{font-size: 1rem; min-width: 90%; max-width: 90%; font-size: 0.9rem;}
.icon-list li img{width: 100px;}
.info-text+.btn-blue{width: 90%; font-size: 1.4rem; height: 60px;}
.prev-btn{left: -25px;}
.prev-btn,
.next-btn{width: 50px; height: 50px}
.next-btn{right: -25px;}
.eumul #mainVisual .col1:last-of-type img{width: 80%; margin-top: 30px;}
.book-area .best .text{padding: 10px; padding-left: 20px;}
.title-img{margin-top: -15px;}
.btn.fill.fix-btn{padding: 15px 0;}
#mobilePackForm .inner > .title img{height: 40px;}
.btn.fill.fix-btn span img{height: 20px;}
.btn.fill.fix-btn > img{height: 45px; left: 0; bottom: 10px;}
}

@media only screen and (max-width: 480px){
#eunmulSet .label img{margin-right: 10px;}
#eunmulSet .label + p{max-width: 90%; margin-left: auto; margin-right: auto;}
.book-area .best{    flex-direction: column;}
#eunmulSet .label .title strong,
.book-area .best .text h3, .round-title, #benefitOrange .box .bene01 .text h5, .bene h6{font-size: 1.25rem;}
.book-area .best img{margin-left: auto; margin-right: auto;}
.book-area .best .text{width: 100%; }
.book-area .best .text h3{text-align: center;}
#eunmulSet .label img{height: 45px;}
#eunmulSet .label{padding: 5px;}
#eunmulSet .label .title{margin-right: 15px;}
#eunmulSet .label .num{width: 45px; height: 45px; flex-direction: column; font-size: 12px; line-height: 1.2;}
.box > p {max-width: 90%; margin-left: auto; margin-right: auto;}
#eunmulSet .label .num{position: relative; z-index: 1;}
#eunmulSet .label::after{right: -15px;}

.check-list{max-width: 90%;}
.book-area .best .text h3,
.round-title,
#benefitOrange .box .bene01 .text h5,
.bene h6{font-size: 1.25rem;}
h4{font-size: 1.4rem;}
.icon-list{gap:20px}
#benefitOrange .box .bene01{flex-direction: column; }
#benefitOrange .box .bene01 .text{text-align: center;}
#benefitOrange .box .bene01 img{width: 50%;margin-left: auto; margin-bottom: -20px;
        margin-right: auto;}
#benefitOrange .box .bene01 h6{margin-left: auto; margin-right: auto;}
#benefitOrange .box .bene:not(.bene01){padding: 30px 15px 20px 15px;}
#videoPurple .video-wrap > li .text{text-align: center;}
#videoPurple .video-wrap > li .text h6{width: fit-content;
        margin-left: auto; font-size: 1rem; padding-left: 1.5rem; background-position: 0 3px;
        margin-right: auto;}
#mobilePackForm .inner > .title img{height: 28px;}
#eunmulSet .box,
#benefitOrange .box,
#videoPurple .box{border-radius:1.5rem; border-width:1px}
#videoPurple .video-wrap > li .video{ border-width:2px;}
.info-text+.btn-blue{font-size: 1.25rem; border-radius:0.8rem}
.title-img{margin-top: -13px;}
}
@media only screen and (max-width: 380px){
.title-img{margin-top: -10px;}
h4 br, .fs4 br{display: block;}
.mobview{display: block;}
.pcview{display: none;}

		.check-list li{
			border-bottom: 1px solid #dcdcdc;
		}

		.check-list li:last-of-type{
			border-bottom: 0px solid #dcdcdc;
		}
}
#mainVisual:after{display: none;}