.scroll-hint .mouse-icon { bottom: 30px; left: 50%; margin-left: -27px; position: fixed; width: 54px; height: 82px; background:url('../images/ico-mouse.png') 50% /cover; z-index:9; }
.scroll-hint .mouse-icon:before { content: ""; position: absolute; bottom: 50px; display: block; height: 8px; width: 8px; left: 50%;  margin-left:-4px; animation: scrollAni 2s infinite; background:#cfcfcf; border-radius:50%;}

@keyframes scrollArrow {
 0% {  opacity: 0;  transform: rotate(45deg) translate(0) }
 50% {  opacity: 1 }
 to {  opacity: 0;  transform: rotate(45deg) translate(10px,10px) }
}
@keyframes scrollAni {
    0% {
        transform: translate(0)
    }
    80% {
        transform: translateY(10px)
    }
}


.swiper-container-news {
    z-index: 2;
    width: 100%;
    height: 100%
}

.onactive{}

.ani-tit {opacity: 0; transform: translateY(30px); transition: .5s ease .8s;}
.ani-txt {opacity: 0; transition: .6s ease 1.2s;}
.ani-bx {opacity: 0; transition: .6s ease 1.2s;}
.swiper-slide-active .ani-tit {
    opacity: 1 !important;
    transform: translateY(0)
}
.swiper-slide-active .ani-txt {opacity: 1 !important; }
.swiper-slide-active .ani-bx {opacity: 1 !important; }

.shinsegae-news-01 article{ height: 100vh; padding:0 ; font-family: 'Gmarket Sans'; line-height: 1.4; letter-spacing: -1px;}
.shinsegae-news-01 img{max-width:100%;}
.shinsegae-news-01 .section-wrap{height: 100%; padding:  0 20px; display:flex; align-items: center; justify-content: center; flex-direction: column; }
.shinsegae-news-01 h3{line-height:1.25;}

.section-01{position:relative; text-align: center; background:url('../images/bg-section-05.jpg') 50% /cover; }
.section-01 .section-wrap > div{position:relative;}
.section-01 .section-wrap > div p{position:absolute; display:flex; width: 260px; height: 100%; left: 50%; margin-left: -130px; justify-content: center;align-items: center; background:#fff; }
.section-01 .section-wrap > p{padding-top: 10px;}
.section-01 .balloon{position:absolute; right: 40px; bottom: 40px; width: 237px; height: 136px; z-index:11; background:url('../images/img-balloon.png') 50% / 100%; text-indent: -9999em;}

.vani {
    animation: tit-ani .6s ease forwards;
    animation-delay: .5s;
    opacity: 0
}
.vani1 {
    animation: tit-ani .6s ease forwards;
    animation-delay: .8s;
    opacity: 0
}
@keyframes tit-ani {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.section-02{background: #f5f5f5;}
.quiz-wrap{max-width: 900px; width:100%; font-family: 'Gmarket Sans';}
.quiz-wrap h3{font-size: 40px; font-weight: 500;}
.quiz-wrap h3 span{display:block; padding: 0 0 10px; font-size: 30px;}
.quiz-wrap ul { display: flex; flex-wrap: wrap; width: 890px; margin: 0 -20px 60px}
.quiz-wrap li { width: 250px; margin: 50px 20px 0; }
.quiz-wrap li.right button { background-color: #c31432; color: #fff; }
.quiz-wrap li.sel button { color: #b6b6b6; }
.quiz-wrap li.sel button:hover { }
.quiz-wrap button { width: 100%; height: 80px; background: rgba(255,255,255,0.8); border-radius: 8px; font-size: 30px; font-weight: 500; letter-spacing: -0.48px; color: #292b2b; font-family: 'Gmarket Sans'; box-shadow: 1px 0px 8px 0 rgba(0,0,0,0.1); transition: 0.3s; }
.quiz-wrap button:hover { box-shadow: 1px 0px 8px 0 rgba(0,0,0,0.4)}
.quiz-wrap .answer { min-height: 54px; font-size: 40px; font-weight: 700; }
.quiz-wrap .answer p { color: #292b2b; }
.quiz-wrap .answer p::before { content: ''; display: inline-block; margin-top: 0; margin-right: 16px; background-position: 0 0; background-repeat: no-repeat; background-size: contain; vertical-align: top}
.quiz-wrap .answer p.right::before { width: 40px; height: 40px; background-image: url("../images/i_quiz_right@2x.png")}
.quiz-wrap .answer p.wrong-txt::before { width: 39px; height: 39px; background-image: url("../images/i_quiz_wrong@2x.png")}
.quiz-wrap .highlight { display: inline-block; position: relative; padding-right: 8px; padding-left: 8px; vertical-align: top;}
.quiz-wrap .highlight::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 26px; background-color: rgba(195,20,50,0.2);}
.quiz-wrap .highlight strong { display: inline-block; position: relative; color: #292b2b; white-space: nowrap;}
.quiz-wrap .script { margin-top: 10px; opacity: 0;}
.quiz-wrap .script.on { opacity: 1;}
.quiz-wrap .script .txt { color: #292b2b; font-size: 26px;}
.quiz-wrap .script .bridge {margin-top:30px; padding: 30px 20px; color: #292b2b; font-size: 32px; text-align:center; background:#e2e2e2; border-radius: 15px; opacity: 0;}
.quiz-wrap .script .bridge span { color: #c31432; }
.quiz-wrap .script.on .bridge {opacity: 1; transition: .4s linear 1s;}

.section-05{ text-align: center; background:url('../images/bg-section-05.jpg') 50% /cover; }
.section-05 .bx-special{max-width: 1400px; width:100%; }
.section-05 .bx-special h3 img{width: 170px; margin-bottom: 20px;}
.section-05 .bx-special h3 strong{font-size: 100px; font-weight:700; line-height:1.2; background: linear-gradient(90deg, #b1727d, #e4b7b3);
color: transparent; -webkit-background-clip: text;}
.section-05 .bx-special h3 span{font-size: 40px; font-weight:500; background: linear-gradient(90deg, #eaa6af, #ece0d3);
color: transparent; -webkit-background-clip: text}
.section-05 .bx-special ul{display:flex; margin-top: 40px; justify-content: center; padding-top: 40px; border-top:2px solid #a6a6a5; align-items: flex-end;}
.section-05 .bx-special li{padding: 0 2%;}
.section-05 .bx-special li p{padding-top: 1em; color:#fff; font-size: 14px; font-family: "Noto Sans KR", serif;}
.ico-item{position: relative; overflow:hidden;}
.ico-item img:not(.ico01){position: absolute;left:0; }
.ico-item img.ico01{position: relative;z-index:4;}
.ico-item img.ico02{z-index:3;}
.ico-item img.ico03{z-index:4;}

.ico-bx .ani-txt{transition: .15s ease .4s;}
.swiper-slide-active .ico-bx .ani-txt:nth-child(1) {transition: .6s ease 1.2s;}
.swiper-slide-active .ico-bx .ani-txt:nth-child(2) {transition: .4s ease 2.2s;}
.swiper-slide-active .ico-bx .ani-txt:nth-child(3) {transition: .4s ease 3.9s;}

.ico-item01 img.ico02{left:0; top: 100%; opacity: 0; }
.ico-item01:after{content:'30%'; position: absolute; left:162px; top:20px; color:#fff; text-align:center; z-index:5; opacity: 0;}
.swiper-slide-active .ico-item01 img.ico02 {opacity: 1; top:0; transition: .3s linear 1.5s;}
.swiper-slide-active .ico-item01:after{opacity: 1; transition: .4s linear 1.9s;}
.ico-item02 img.ico01{}
.ico-item02 img.ico02{opacity: 0;}
.swiper-slide-active .ico-item02 img.ico01{opacity: 0; transition: .2s linear 3s;}
.swiper-slide-active .ico-item02 img.ico02{opacity: 1; transition: .5s linear 3.2s;}
.ico-item03 img.ico02{opacity: 0; }
.ico-item03 img.ico03{opacity: 0; }
.swiper-slide-active .ico-item03 img.ico02{opacity: 1; transition: .5s linear 3.9s;}
.swiper-slide-active .ico-item03 img.ico03{opacity: 1; transition: .5s linear 4.3s;}

.section-06{position: relative; background:url('../images/bg-section-06.jpg') 50% /cover; }
.section-06 .bx-special{display:flex;max-width: 1400px;width:100%;height: 60%;color:#fff;justify-content: space-between;}
.section-06-01 .bx-special{align-items: flex-start;}
.section-06 .bx-special .txt{display:flex; font-size: 28px;flex-direction: column;justify-content: space-between;}
.section-06 .bx-special h3 strong{font-size: 180px; font-weight:700; line-height:1;}
.section-06 .bx-special h3 span{display:block; font-size: 45px; font-weight:500;}
.section-06 .bx-special h3 p{display:flex; padding-top:20px; font-size: 110px; font-weight: 300; align-items: flex-end;}
.section-06 .bx-special h3 + p{padding-top: 3em; font-weight:300;}

.pie-chart-bx01{}
.pie-chart-bx02{transition: .6s ease 2.2s;}
.section-06 .ani-txt{transition: .5s ease 2.4s;}
.pie-chart-bx01 .t1{opacity:1;transition: .1s linear 2s; }
.swiper-slide-active .pie-chart-bx01 .t1{opacity:0;}
.pie-chart-bx02 .t2{transition: .1s linear 2.8s; opacity:0;}
.swiper-slide-active .pie-chart-bx02 .t2{opacity:1;}

.pie-chart-bx{overflow:hidden; position: absolute; right: 40px; bottom: 40px; width: 500px; height: 500px; padding-left:27%; transform: rotate(0); background:url('../images/line-pie.png') 0 9% no-repeat;}
.pie-chart-bx span{position: absolute; padding-left: 40px; bottom:30px; color:#fff; font-size: 35px;}
.pie-chart { 
  display:inline-block;
  width: 1000px;
  height: 1000px;
  border-radius: 50%;
  transition: 0.6s;
} 
.pie-chart-bx02 .pie-chart { transition: 1s;} 

.section-07{ text-align: center; background:url('../images/bg-section-07.jpg') 50% /cover; }
.section-07 .bx-special{max-width: 1400px; width:100%; }
.section-07 .bx-special h3 img{width: 170px; margin-bottom: 20px;}
.section-07 .bx-special h3 strong{font-size: 100px; font-weight:700; line-height:1.2; background: linear-gradient(90deg, #eaa6af, #ece0d3); color: transparent; -webkit-background-clip: text;}
.section-07 .bx-special h3 span{font-size: 40px; font-weight:500; background: linear-gradient(90deg, #eaa6af, #ece0d3); color: transparent; -webkit-background-clip: text;}
.section-07 .bx-special ul { max-width:1400px; width:100%; display: flex; flex-wrap: wrap; margin: 50px 0 0; justify-content: center; flex:1;}
.section-07 .bx-special li { width:calc(100% / 3); }
.section-07 .bx-special li button {padding:0 20px; font-size: 43px; font-weight: 500; letter-spacing: -0.48px; color: #292b2b; font-family: 'Gmarket Sans'; }
.section-07 .bx-special li button img{transition: 0.3s; border:1px solid #fbfbfb; border-bottom-width:6px;}
.section-07 .bx-special li button:hover img{ border-color:#c31432;}
.section-07-01{background: url(../images/bg-section-07-01.jpg) 50% / cover;}
.section-07-02{background: url(../images/bg-section-07-02.jpg) 50% / cover;}
.section-07-03{background: url(../images/bg-section-07-03.jpg) 50% / cover;}
.shop-info-bx{display:flex; max-width:1600px; width:calc(100% - 40px); margin:auto; padding:0 20px; align-items: flex-end; justify-content: space-between !important;flex-direction: row !important;}
.shop-info-bx .txt {width: 45%; color:#fff; text-align:left;}
.shop-info-bx .txt h4{font-size:40px; padding-bottom: 60px; color:#c31432; font-weight:700;}
.shop-info-bx .txt p{font-size:24px; word-break: keep-all; font-weight:300; line-height:1.4;}
.shop-info-bx .swiper-container{width: 50%; margin: 0;}

.section-08{ text-align: center; background:#1e2023; }
.section-08 .section-wrap > p{padding-bottom: 50px;}
.section-08 .go-join{ max-width: 486px; }
.section-08 .go-join-chat{ cursor:pointer; }

.section-09{ text-align: center; background: #1e2023 url('../images/img-chat-txt.gif') 50% 50% / auto 100% no-repeat;}
.section-09 .section-wrap > p{padding-bottom: 50px;}
.section-09 .go-join{ max-width: 100%; height:100% }
.section-09 .go-join.go-join-chat{ position: relative;}
.section-09 .go-join.go-join-chat > div{position: absolute; overflow-y:scroll; left:0; top:12%; bottom: 7%; width:100%;}
.section-09 .go-join.go-join-chat img.chat-bg{height:100% }

.section-10{ background:url('../images/bg-section-07.jpg') 50% /cover; }
.section-10 .section-wrap > div{max-width: 1400px; width:100%; }
.section-10 h3 { font-size: 80px; color: #fff; line-height: 1.25; text-shadow: 0px 6px 22.08px rgba(0, 0, 0, 0.4);}
.section-10 h3 strong{color:#c31432;}
.section-10 .balloon{position:absolute; right: 40px; bottom: 40px; width: 281px; height: 114px; z-index:11; background:url('../images/img-balloon-10.png') 50% / 100%; text-indent: -9999em;}

.section-11{position: relative; background:#1e2023; }
.section-11 h3 {position: absolute; top:0; left: 0; }
.section-11 h3 img {height: 50px;}
.section-11 .starfield-info { max-width: 1600px; width: 100%; padding: 40px 0;}
.section-11 .starfield-info .swiper-slide{position: relative; display:flex; padding-top: 60px; justify-content: space-between; align-items: flex-start; background:#1e2023; } 
.section-11 .starfield-info .swiper-slide .left{width: 48%; color:#fff;}
.section-11 .starfield-info .swiper-slide .right{width: 48%;}
.section-11 .starfield-info .swiper-slide .left dl{}
.section-11 .starfield-info .swiper-slide .left dt{padding:20px 0 10px;font-size: 24px; font-weight:700; color:#c31432;}
.section-11 .starfield-info .swiper-slide .left dd{font-size: 19px; font-weight:300;}
.section-11 .starfield-info .swiper-slide .right li + li{margin-top: 15px;}
.section-11 .starfield-info .swiper-slide .right a{position: relative;display:flex; padding: 16px; color:#1e2023; border-radius: 17px; background:#fff; gap: 20px; align-items: center; border:3px solid #fff; transition: .2s border linear;}
.section-11 .starfield-info .swiper-slide .right a:after{content:'바로가기'; position: absolute; right:20px; bottom: 20px; color:#c31432; font-size:15px; text-decoration:underline;}
.section-11 .starfield-info .swiper-slide .right a:hover{border-color: #c31432;}
.section-11 .starfield-info .swiper-slide .right figure{width: 30%; margin:0; padding:0;}
.section-11 .starfield-info .swiper-slide .right dl{width: calc(100% - 20px - 30%);}
.section-11 .starfield-info .swiper-slide .right dt{font-size:23px; font-weight: 700;}
.section-11 .starfield-info .swiper-slide .right dd{padding-top: 10px; font-size:20px; }
.section-11 .last-tit {position: absolute; top:50%; left: 50%; font-size: 80px; color: #fff; text-align:center; line-height: 1.25; text-shadow: 0px 6px 22.08px rgba(0, 0, 0, 0.4); transform:translate(-50%, -50%);}
.section-11 .last-tit strong{color:#c31432;}
.section-11 .swiper-pagination{ position: absolute; display:flex; top: 40px; left:0; width:100%; z-index:11; justify-content: space-around;}
.section-11 .swiper-pagination:after{content:''; display:block; position: absolute; left:0; right:0; top: 10px; border-top:1px solid #dadada; z-index:-1;}
.section-11 .swiper-pagination-bullet{ width: 21px; height: 21px;background:#dadada; opacity:1;}
.section-11 .swiper-pagination-bullet-active{background:#c31432;}
.section-11 .swipe-hint{position: absolute;left:0;right:0;top: 74px;color:#fff;font-size:14px;font-weight:300;text-align:center;z-index: 11;}

.section-12{text-align:center; background:url('../images/bg-section-12.jpg') 50% /cover; }
.section-12 h3{padding-bottom:40px; color:#c31432; font-size:70px; font-weight:700; line-height: 1.25;}
.section-12 p{color:#fff; font-size:28px; font-weight:300;}

.section-12-1 {background:#f5f5f5;}
.section-12-1 .bg-bx > div{display: flex; max-width: 1400px; margin:auto;  padding:20px 0; align-items: center;}
.section-12-1 .bg-bx > div figure span{display:block; padding: 20px 0;}
.section-12-1 .bg-bx > div figure + div{border-left:1px solid #dadada; }
.section-12-1 .bg-bx > div dl{padding: 14px 30px; text-align:left;}
.section-12-1 .bg-bx > div dt{font-size: 27px; font-weight: 500;}
.section-12-1 .bg-bx > div dt strong{display:block;}
.section-12-1 .bg-bx > div dd{margin-top:10px; font-size: 25px; font-weight: 300;}
.section-12-1 p{color:#262626; font-size: 45px; font-weight:400; line-height:1.25;}

.section-13{text-align:center;background:#f5f5f5;}
.section-13 h3{padding-bottom:1.5em; color:#acacac; font-size:50px; font-weight:500;}
.section-13 p{color:#202020; font-size:35px; font-family: "Noto Sans KR", serif;}

@media screen and (max-width: 1400px) {
	/* .section-07 .bx-special li { width: 20%; margin: 50px 20px 0; }
	.section-07 .bx-special li button { height: 120px;} */
}

@media screen and (min-width: 1025px) {
	.mbr{display:none;}
}


@media screen and (max-width: 1024px) {
	.mbr{display:block;}
	.scroll-hint .mouse-icon { bottom: 20px; left: 50%; margin-left: -22px; width: 30px; height: 48px; }
	.scroll-hint .mouse-icon:before {bottom: 30px;  height: 4px; width:4px; left: 50%;  margin-left:-2px}
	@keyframes scrollAni {
		0% {
			transform: translate(0)
		}
		80% {
			transform: translateY(10px)
		}
	}

	.shinsegae-news-01 .section-wrap{height: 100%; padding: 0 20px;}

	.section-01 .balloon{right: 20px; bottom: 20px; width: 140px; height: 80px;}
	.section-01 .section-wrap > div p{position:absolute; display:flex; width: 30%; height: 100%; left: 50%; margin-left: -15%; }
	.section-01 .section-wrap > div p img{width: 80%;}
	.section-01 .section-wrap > p{padding-top: 20px;}
	.section-01 .text-c01-n{width:200px;}

	.quiz-wrap{max-width: 900px; width:100%;}
	.quiz-wrap h3{font-size: 17px; }
	.quiz-wrap h3 span{display:block; padding: 0 0 10px; font-size: 15px;}
	.quiz-wrap ul { display: flex; flex-wrap: wrap; width: 100%; margin: 20px 0 30px;}
	.quiz-wrap li { width: calc(50% - 10px); margin: 10px 5px 0; }
	.quiz-wrap li.right button { background-color: #c31432; color: #fff; }
	.quiz-wrap li.sel button { color: #b6b6b6; }
	.quiz-wrap li.sel button:hover { box-shadow: none; }
	.quiz-wrap button { width: 100%; height: 50px; border-radius: 4px; font-size: 17px; box-shadow: 1px 0px 4px 0 rgba(0,0,0,0.1); }
	.quiz-wrap .answer { min-height: 40px; font-size: 26px; }
	.quiz-wrap .answer p::before { margin-top: 0px; margin-right: 10px}
	.quiz-wrap .answer p.right::before { width: 26px; height:26px; }
	.quiz-wrap .answer p.wrong-txt::before { width: 26px; height: 26px; }
	.quiz-wrap .highlight { display: inline-block; position: relative; padding-right: 8px; padding-left: 8px; vertical-align: top;}
	.quiz-wrap .highlight::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 26px; background-color: rgba(255,20,0,0.2);}
	.quiz-wrap .highlight strong { display: inline-block; position: relative; color: #292b2b; white-space: nowrap;}
	.quiz-wrap .script { margin-top: 5px; /*opacity: 0;*/}
	.quiz-wrap .script.on { opacity: 1;}
	.quiz-wrap .script .txt { color: #292b2b; font-size: 15px;}
	.quiz-wrap .script .bridge {margin-top:20px; padding: 15px 20px; font-size: 14px; border-radius: 7px;}
	.quiz-wrap .script .bridge span { color: #c31432; }

	.video-bx{width: 100%; margin:0 20px;padding: 56.25% 0 0 0 !important; }

	.section-05 .bx-special h3 img,
	.section-07 .bx-special h3 img{width: 100px; margin-bottom: 10px;}
	.section-05 .bx-special h3 strong{font-size: 60px; }
	.section-05 .bx-special h3 span, 
	.section-07 .bx-special h3 span{font-size: 20px; }
	.section-05 .bx-special ul{display:flex; margin-top: 40px; justify-content: center; padding-top: 40px; border-top:1px solid #a6a6a5; align-items: flex-end;}
	.section-05 .bx-special li{padding: 0 2%;}

	.section-05 .bx-special li p{padding-top: 1em; color:#fff; font-size: 13px; }
	.ico-item01 img.ico02{top: 100%; opacity: 0; }
	.ico-item01:after{content:'30%';position: absolute;left:auto;top:10px;left: 56%;right: auto;color:#fff;font-size: 12px;}
	.ico-item02bx{padding-left:7% !important;}

	.section-06 .bx-special{position: relative; max-width: 1400px;width:100%;height: auto; flex-direction: column; align-items: flex-end}
	.section-06-01 .bx-special{flex-direction: column;}
	.section-06 .bx-special .txt{display:block; width:100%; padding-bottom: 50px;font-size: 14px; text-align:left; flex-direction: column;justify-content: space-between;}
	.section-06 .bx-special .txt p br{display:none;}
	.section-06 .bx-special h3 strong{font-size: 60px; font-weight:700; line-height:1;}
	.section-06 .bx-special h3 span{display:block; font-size: 22px; font-weight:500;}
	.section-06 .bx-special h3 p{display:flex; padding-top:20px; font-size: 50px; font-weight: 300; align-items: flex-end;}
	.pie-chart-bx{overflow:hidden; position: inherit; right: 20px; bottom: 20px; width: 160px; height: 160px; transform: rotate(0); background:url('../images/line-pie.png') 0 20% / 70% no-repeat;}
	.pie-chart-bx span{position: absolute; padding-left: 20px; bottom:20px; color:#fff; font-size: 12px;}
	.pie-chart { 
	  display:inline-block;
	  width: 320px;
	  height: 320px;
	} 
	.pie-chart-bx02{position: absolute; right:20px; bottom:20px;}

	.section-07 .bx-special h3 strong{font-size: 50px; }
	.section-07 .bx-special ul { display: flex; flex-wrap: wrap; margin: 40px 0 0 ; justify-content: center; }
	/* .section-07 .bx-special li button { width: 100%; height: 25vw; padding:0 10px;background: rgba(255,255,255,0.8); font-size: 17px; } */
	.section-07 .bx-special li button {padding:0 5px; }
	.section-07 .bx-special li button img{border-bottom-width:4px;}

	.popup-wrap { align-items: center; background: #1e2023; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; left: 0; right: 0; top: 0; z-index: 999999}
	.popup-wrap>div { max-width: 1280px; position: relative}
	.popup-wrap-close { right: 10px; top: 10px; width: 30px; height: 40px; z-index: 1; text-indent: -9999em;}

	.shop-info-bx{max-width:1600px; width:calc(100% - 40px); margin:auto; padding: 20px; flex-direction: column !important; justify-content: center !important;}
	.shop-info-bx .txt {width: 100%; color:#fff; text-align:left;}
	.shop-info-bx .txt h4{font-size: 20px; padding-bottom:10px; }
	.shop-info-bx .txt p{font-size: 14px; padding-bottom:20px; }
	.shop-info-bx .swiper-container{width: 100%;}
	.shop-info-bx img { background: #222; height: 50vw; max-width: 1280px; width: 100%; object-fit: cover;}

	.section-08 .go-join{ width: 300px; max-width: 90%;}
	.section-08 .section-wrap > p{width: 90%; padding-bottom: 20px;}
	.section-09 .section-wrap > p{padding-bottom: 20px;}
	.section-09 .go-join.go-join-chat > div{width:100%;}

	.section-10 h3 { font-size: 30px;text-shadow: 0px 6px 22.08px rgba(0, 0, 0, 0.4); word-break: keep-all;}
	.section-10 .balloon{right: 20px; bottom: 20px; width: 140px; height: 60px;}

	.section-11{padding-top:30px !important;}
	.section-11 h3 {position: absolute; top:10px; left: auto; right: 10px; }
	.section-11 h3 img {height: 30px;}
	.section-11 .starfield-info .swiper-slide{position: relative; display: block; padding-top: 0; } 
	.section-11 .starfield-info .swiper-slide .left{width: 100%; color:#fff;}
	.section-11 .starfield-info .swiper-slide .right{width: 100%;}
	.section-11 .starfield-info .swiper-slide .left dt{padding:20px 0 10px;font-size: 17px; }
	.section-11 .starfield-info .swiper-slide .left dd{margin-bottom: 20px; font-size: 13px;}
	.section-11 .starfield-info .swiper-slide .left img{width:100%; height:50vw; object-fit: cover;}
	.section-11 .starfield-info .swiper-slide .right li + li{margin-top: 10px;}
	.section-11 .starfield-info .swiper-slide .right a{display:flex; padding: 10px; color:#1e2023; border-radius: 4px; background:#fff; gap: 10px; align-items: center;}
	.section-11 .starfield-info .swiper-slide .right figure{width:30%; margin:0; padding:0;}
	.section-11 .starfield-info .swiper-slide .right dt{font-size: 14px; font-weight: 700;}
	.section-11 .starfield-info .swiper-slide .right dd{padding-top: 5px; font-size: 13px; line-height:1.4; color: #666;}
	.section-11 .starfield-info .swiper-slide .right a:after{right:10px; bottom: auto; top:10px; font-size:13px; }

	.section-11 .swiper-pagination{ position: absolute; display:flex; top: 40px; justify-content: center;}
	.section-11 .swiper-pagination:after{top: 6px;}
	.section-11 .swiper-pagination-bullet{ width: 12px; height: 12px; margin:0 4px; background:#dadada; opacity:1;}
	.section-11 .swiper-pagination-bullet-active{background:#c31432;}
	.section-11 .swipe-hint{top: 65px;color:#fff;font-size:13px;}

	.section-11 .last-tit {position: absolute; top:50%; left: 50%; width: 90%; font-size: 30px; color: #fff; line-height: 1.25; text-shadow: 0px 6px 11px rgba(0, 0, 0, 0.4); transform:translate(-50%, -50%); text-align:center;}
	.section-11 .last-tit strong{color:#c31432;}

	.section-12 h3{padding-bottom:0.5em; font-size:35px; line-height:1.2;}
	.section-12 p{font-size: 14px; }
	.section-12-1 .bg-bx > div{display: block; padding:20px 0; }
	.section-12-1 .bg-bx > div figure {display:flex; margin:20px 0; padding:0; gap: 2px;}
	.section-12-1 .bg-bx > div figure span{padding: 0;}
	.section-12-1 .bg-bx > div figure + div{ margin: 0; border-left:0; border-top:1px solid #dadada;}
	.section-12-1 .bg-bx > div img{width: auto;}
	.section-12-1 .bg-bx > div dl{padding: 10px; text-align:left;}
	.section-12-1 .bg-bx > div dt{font-size: 15px; }
	.section-12-1 .bg-bx > div dd{margin-top: 5px; font-size: 14px; }
	.section-12-1 p{font-size: 25px; font-weight:400; }

	.section-13{text-align:center;background:#f5f5f5;}
	.section-13 h3{padding-bottom:1.5em; color:#acacac; font-size: 25px; font-weight:500;}
	.section-13 p{color:#202020; font-size:14px; font-family: "Noto Sans KR", serif;}
}