body.promo-scroll-lock, body.promo-scroll-lock-pop {
	overflow: hidden;
	padding-right: var(--scrollbar-width);
}
.promo-scroll-lock .lyr-bg, 
.promo-scroll-lock .teenie-layer-bg,
.promo-scroll-lock-pop .lyr-bg, 
.promo-scroll-lock-pop .teenie-layer-bg {display: block;}
/* 이미지 영역 */
.promo-banner {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	background: rgb(255, 255, 255);
}

/* 각 이미지 url 수정하고, height 조정 */
.promo-banner01 {
	height: 1660px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_01.jpg') center
		no-repeat;
}
.promo-banner02 {
	height: 160px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_02.jpg') center
		no-repeat;
}
.promo-banner03 {
	height: 1422px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_03.jpg') center
		no-repeat;
}
.promo-banner04 {
	height: 1455px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_04_02.jpg') center
		no-repeat;
}
.promo-banner06 {
	height: 2557px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_06_03.jpg') center
		no-repeat;
}
.promo-banner07 {
	height: 395px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_07_open_03.jpg') center
		no-repeat;
}
.promo-banner08 {
	height: 1078px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_08.jpg') center
		no-repeat;
}
.promo-banner09 {
	height: 2219px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_09_01.jpg') center
		no-repeat;
}
.promo-banner10 {
	height: 1071px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_10.jpg') center
		no-repeat;
}
.promo-banner11 {
	min-height: 846px;
	height: auto;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_11.jpg') no-repeat
		rgb(244, 183, 210) center top/contain;
}
.promo-banner12 {
	height: 267px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_12.jpg') center
		no-repeat;
}
.promo-banner13 {
	height: 1280px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_01.jpg') center
		no-repeat;
}
.promo-banner14 {
	height: 326px;
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_14_open_04.jpg') center
		no-repeat;
}

/* 텍스트 나오는거 효과 이중에 하나 넣으면 됨 밑에 css랑 클래스 수정 */
/*
.fadeIn {animation: fadeIn 1s forwards;}
.shaking {animation: shaking 1s forwards;}
.upDown {animation: upDown 1s forwards;}
.showUp {animation: showUp 1s forwards;}
.showDown {animation: showDown 1s forwards;}
.showLeft {animation: showLeft 1s forwards;}
.showRight {animation: showRight 1s forwards;}
*/
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes shaking {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(5deg);
	}
	50% {
		transform: rotate(2deg);
	}
	75% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes upDown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(calc(-10 / 780 * 100vw));
	}
}
@keyframes showUp {
	0% {
		opacity: 0;
		transform: translateY(calc(40 / 780 * 100vw));
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes showDown {
	0% {
		opacity: 0;
		transform: translateY(calc(-40 / 780 * 100vw));
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes showLeft {
	0% {
		opacity: 0;
		transform: translateX(calc(100 / 780 * 100vw));
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes showRight {
	0% {
		opacity: 0;
		transform: translateX(calc(-100 / 780 * 100vw));
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

/* 텍스트 나오는거 css */
.motion-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 아까 고른 효과 적용하는 곳 */
.motion-box.on .fadeIn {
	animation: fadeIn 1s forwards;
}

/* 넣을 이미지 url, txt## 클래스명 수정하는 곳 */
.motion-box .txt01 {
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_01_txt.png') center
		no-repeat;
}
.motion-box .txt02 {
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_04_txt01_02.png') center
		no-repeat;
}
.motion-box .txt03 {
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_04_txt02_02.png') center
		no-repeat;
}
.motion-box .txt04 {
	background: url('//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_04_txt03_02.png') center
		no-repeat;
}

.motion-box > div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	transition: all 1s;
	transition-delay: 0.8s;
	opacity: 0;
}

/* 딜레이 조정하는 곳 */
.del1 {
	animation-delay: 0.2s !important;
}
.del2 {
	animation-delay: 0.4s !important;
}
.del3 {
	animation-delay: 0.6s !important;
}
.del4 {
	animation-delay: 0.8s !important;
}
.del5 {
	animation-delay: 1s !important;
}
.del6 {
	animation-delay: 1.2s !important;
}
.del7 {
	animation-delay: 1.4s !important;
}
.del8 {
	animation-delay: 1.6s !important;
}

/* notice */
.promo-notice-box {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1920px;
	line-height: 0;
}
.promo-notice-box01 {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_05_close.jpg) no-repeat
		center/cover;
	height: 143px;
}
.promo-notice-box02 {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_07_close.jpg) no-repeat
		center/cover;
	height: 152px;
}
.promo-notice-box03 {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_14_close.jpg) no-repeat
		center/cover;
	height: 183px;
}

.promo-notice-box button {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
.promo-notice-box01 button {
	height: 143px;
}
.promo-notice-box02 button {
	height: 152px;
}
.promo-notice-box03 button {
	height: 183px;
}
.promo-notice-box.on {
	height: auto;
}
.promo-notice-box img {
	display: none;
}
.promo-notice-box.on img {
	display: block;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

/* Q&A */
.promo_qna_wrap {
	padding-bottom: 80px;
	position: relative;
	width: 100%;
}
.promo_qna_list {
	margin: 0 auto;
	margin-top: 173px;
	width: 920px;
	height: auto;
}
.promo_qna_item {
	position: relative;
	box-sizing: border-box;
	padding: 0 20px;
	max-height: 57px;
	transition: max-height 0.5s ease;
	background-color: rgb(255, 255, 255);
	border-radius: 9px;
	text-align: start;
	color: rgb(51, 51, 51);
	overflow: hidden;
	font-family: 'Pretendard', sans-serif;
}
.promo_qna_item.on {
	max-height: 300px;
}
.promo_qna_item dt {
	height: 57px;
	font-size: 18px;
	font-weight: 500;
	padding-left: 40px;
	line-height: 30px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.promo_qna_item dt p {
	display: flex;
}
.promo_qna_item dt::before {
	content: '';
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_11_question.png)
		no-repeat center/cover;
	width: 20px;
	height: 18px;
	position: absolute;
	left: 20px;
}
.promo_qna_item dt::after {
	content: '';
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_11_arrow.png) no-repeat
		center/cover;
	width: 12px;
	height: 9px;
	position: absolute;
	right: 20px;
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}
.promo_qna_item.on dt::after {
	transform: rotate(0deg);
}
.promo_qna_item dd {
	font-size: 14px;
	font-weight: 300;
	padding-left: 60px;
	padding-bottom: 20px;
	padding-right: 40px;
	line-height: 22px;
	position: relative;
}
.promo_qna_item dd::before {
	content: '';
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_11_answer.png)
		no-repeat center/cover;
	width: 16px;
	height: 13px;
	position: absolute;
	left: 35px;
	top: 4px;
}
.promo_qna_item + .promo_qna_item {
	margin-top: 10px;
}

/* 지도 */
.promo_map {
	position: absolute;
	width: 920px;
	height: 580px;
	left: 50%;
	transform: translateX(-50%);
	top: 221px;
}

/* 버튼 */
.promoBtn {
	position: absolute;
	left: 50%;
}
.promoBtn > a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: rgb(0, 0, 0);
}
.promoBtn > button {
	display: flex;
	width: 100%;
	height: 100%;
}
.promoBtn01 {
	width: 445px;
	height: 84px;
	bottom: 0;
	transform: translateX(-460px);
}
.promoBtn02 {
	width: 445px;
	height: 84px;
	bottom: 0;
	transform: translateX(-460px);
}
.promoBtn03 {
	width: 320px;
	height: 50px;
	top: 807px;
	transform: translateX(-50%);
}
.promoBtn04 {
	width: 445px;
	height: 70px;
	bottom: 7px;
	transform: translateX(15px);
}
.promoBtn05 {
	width: 350px;
	height: 50px;
	font-size: 16px;
	color: rgb(255,255,255);
	background-color: rgb(27,46,92);
	margin-top: 30px;
	border-radius: 25px;
	font-weight: 700;
}
.promoBtn05.after {
	background-color: transparent;
	color: rgb(27,46,92);
	box-sizing: border-box;
	border: 1px solid rgb(27,46,92);
}
.promoBtn05>a, .promoBtn05>button {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;	
	justify-content: center;
}
.promoBtn06 {
	width: 140px;
	height: 40px;
	font-size: 16px;
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);
	font-weight: 700;
	bottom: 50px;
	transform: translateX(-50%);
}
.promoBtn07 {
	width: 445px;
	height: 70px;
	bottom: 7px;
	transform: translateX(15px);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box .promoBtn05 {
	margin-top: 30px;
}
.teenie_check_btn_box {
	display: flex;
	gap: 10px;
}
.teenie_check_btn_box .promoBtn05 {
	width: 170px;
	height: 50px;
}
.promoBtn08 {
	text-decoration: underline;
    font-size: 12px;
    color: rgb(51,51,51);
	top: 88px;
    transform: translateX(101px);
}
.promoBtn09 {
	text-decoration: underline;
    font-size: 12px;
    color: rgb(51,51,51);
}
.teenie_input_btn_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* 팝업 */
.promoPopup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100vh;
	overflow: auto;
	z-index: 51;
	max-width: 1920px;
}
.promoPopup02 {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100vh;
	overflow: auto;
	z-index: 5001;
	background-color: rgba(0,0,0,.7);
}
.promoPopup02_con {
	background: url('	//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_sizePopup_01.png') no-repeat center/cover;
	width: 960px;
	height: 927px;
	position: relative;
	margin: 0 auto;
}
.promoPopup02 .layer_close_btn {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.promoPopup .layer_close_btn {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(415px);
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.promoPopup .layer_close_btn img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 12;
}
.promoPopup .layer_close_btn::before {
	transition: opacity 0.3s ease;
	content: '';
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: 10;
	opacity: 0;
}
.promoPopup .layer_close_btn:hover::before {
	opacity: 1;
}
.promoTabWrap {
	position: absolute;
	width: 920px;
	top: 333px;
	left: 50%;
	transform: translateX(-50%);
}
.promoTabBox.tab01on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab01.png);
	opacity: 1;
}
.promoTabBox.tab02on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab02.png);
	opacity: 1;
}
.promoTabBox.tab03on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab03.png);
	opacity: 1;
}
.promoTabBox {
	display: flex;
	gap: 4px;
	width: 920px;
	height: 50px;
}
.promoTab {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.promoTabContentBox {
	display: none;
}
.promoTabContentBox.on {
	display: flex;
	width: 920px;
	height: 897px;
	position: relative;
}
.promoTabContent {
	display: none;
}
.promoTabContent.on {
	display: flex;
	width: 100%;
	height: 100%;
}
.promoTabContent1_1.on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab01_sl01_01.png);
}
.promoTabContent1_2.on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab01_sl02_01.png);
}
.promoTabContent2_1.on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab02_sl01_01.png);
}
.promoTabContent2_2.on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab02_sl02_01.png);
}
.promoTabContent3_1.on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab03_sl01_01.png);
}
.promoTabContent3_2.on {
	background: url(//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_tab03_sl02_01.png);
}
.promoTabContentBox .promo2ndTabBox {
	position: absolute;
	width: 860px;
	left: 50%;
	transform: translateX(-50%);
	height: 50px;
	top: 30px;
	display: flex;
}
.promoTabContentBox .promo2ndTabBox .promo2ndTab {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.teenie-layer-bg {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 4000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.3s;
	display: none;
}
.teenie-input__layer {
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
	container-name: div-layer;
	container-type: inline-size;
}
.teenie-input__layer > .inner {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 5000;
	width: 390px;
	max-height: calc(100% - 80px);
	transform: translate(-50%, -50%);
	overflow: hidden;
	overflow-y: scroll;
	border-radius: 20px;
	-ms-overflow-style: none;
	scrollbar-width: none;	
}
.teenie-input__layer > .inner::-webkit-scrollbar {
  display: none;
}
.teenie-input__layer .margin-box {
	/*margin: 100px 0;*/
	background-color: rgb(255,255,255);
}

.teenie-input__layer .head {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
.teenie-input__layer .lyr-close__btn {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("//filacdn.styleship.com/filacontent2/data/contentsfile/d_260107_TeeniepingRun_13_closeBtn.png");
	font-size: 0;
}
.teenie-input__layer .con {
	display: flex;
  flex-direction: column;
}

.teenie-input__layer .input-notice-box {
	padding: 30px 20px;
	position: sticky;
    width: 100%;
    top: 0;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(27,46,92);
}
.teenie-input__layer .input-notice-box .txt1 {
	width: calc(100% - 80px);
	font-weight: 400;
	font-size: 18px;
	color: rgb(27,46,92);
	line-height: 26px;
}
.teenie-input__layer .input-notice-box.teenie-notice-box .txt1 {
	font-size: 24px;
	line-height: 32px;
}
.teenie-input__layer .input-notice-box strong {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 700;
}
.teenie-input__layer .input-notice-box .txt2 {
	margin-top: 20px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
	line-height: 24px;
}

.teenie-input__layer .teenie-input-wrap .teenie-input-box {
	padding: 30px 20px;
	border-top: 1px solid rgb(27,46,92);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box:nth-of-type(1) {
	border-top: none;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box:last-child {padding-bottom: 0px;}
.teenie-input__layer .teenie-input-wrap .teenie-input-box .sub-tit {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: rgb(27,46,92);
	line-height: 26px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul {margin-top: 25px;}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li {margin-top: 25px;}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li:first-child {margin-top: 0;}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li .txt1 {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: rgb(27,46,92);
	line-height: 24px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li .txt1 a {
	font-weight: 400;
	color: rgb(204, 0, 0);
	cursor: pointer;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li select {
	width: 100%;
	height: 50px;
	margin-top: 15px;
	padding: 0 20px 0 20px;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='5.657' viewBox='0 0 8.485 5.657'%3E%3Cg id='_' data-name='▼' transform='translate(8.485 1.414) rotate(135)'%3E%3Cg id='사각형_18' data-name='사각형 18' fill='none' stroke='%231b2e5c' stroke-width='1'%3E%3Crect width='6' height='2' rx='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='5' height='1' rx='0.5' fill='none'/%3E%3C/g%3E%3Cg id='사각형_19' data-name='사각형 19' transform='translate(6 0) rotate(90)' fill='none' stroke='%231b2e5c' stroke-width='1'%3E%3Crect width='6' height='2' rx='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='5' height='1' rx='0.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	border: 1px solid rgb(204,204,204);
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	outline: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
	cursor: pointer;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li select.on {border-color: rgb(27,46,92);}
.teenie-input__layer .teenie-input-wrap .teenie-input-box._lesson ul li {
	display: flex;
	gap: 10px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box._lesson ul li > div {width: 100%;}
.teenie-input__layer .teenie-input-wrap .teenie-input-box._night input {
	width: 100%;
	margin-top: 15px; 
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box._night input::placeholder {color: rgb(27, 46, 92);}
.teenie-input__layer .teenie-input-wrap .teenie-input-box > div + div {margin-top: 10px;}
.teenie-input__layer .teenie-input-wrap .teenie-input-box input {
	width: 100%;
	height: 50px;
	padding: 0 20px 0 20px;
	border: 1px solid rgb(204,204,204);
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	outline: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box input:focus, 
.teenie-input__layer .teenie-input-wrap .teenie-input-box input.on {
    border-color: rgb(27, 46, 92);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box input[type='text'] {
	margin-top: 15px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box input[type='text']::placeholder {
	color: rgb(27, 46, 92);
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-box {
    padding: 30px 20px;
	border-top: 1px solid rgb(27,46,92);
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-box .agree-tit {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: rgb(27,46,92);
	line-height: 24px;
	display: flex;
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-box .teenie-agree-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-box .teenie-agree-top a {
	font-size: 12px;
	color: rgb(51,51,51);
	text-decoration: underline;
}
.teenie-input__layer .teenie-input-wrap .agree-txt-box .sub-tit {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: rgb(27,46,92);
	line-height: 24px;
}
.teenie-input__layer .teenie-input-wrap .agree-txt-box .agree-txt {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
	line-height: 24px;
	letter-spacing: -0.04em;
}
.teenie-input__layer .teenie-input-wrap .agree-txt-box .agree-txt + .agree-txt {
	margin-top: 10px;
}
.teenie-input__layer .teenie-input-wrap .agree-txt-box {
	border-top: 1px solid rgb(27,46,92);
	padding: 30px 20px;
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-chk {
	position: relative;
	margin-top: 30px;
	width: 100%;
	height: 50px;
	border: 1px solid rgb(204,204,204);
	border-radius: 5px;
	box-sizing: border-box;
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-chk input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-chk label {
	display: flex;
	align-items: center;
	padding-left: 49px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(//filacdn.styleship.com/filacontent2/data/contentsfile/whiteseoul_2024_chk_gr_34x24.png);
	background-position: center left 20px;
	border: 1px solid rgba(27,46,92,0);
	box-sizing: border-box;
	background-size: 14px;
	cursor: pointer;
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
}
.teenie-input__layer .teenie-input-wrap .teenie-agree-chk input:checked + label {
	border: 1px solid rgb(27,46,92);
	border-radius: 5px;
	box-sizing: border-box;
	background-image: url(//filacdn.styleship.com/filacontent2/data/contentsfile/whiteseoul_2024_chk_on_34x24.png);
}

.teenie-input__layer .foot {
	width: 100%;
	height: 90px;
	padding: 20px;
	box-sizing: border-box;
}
.teenie-input__layer .foot .buy__btn {
	display: block;
	width: 100%;
	height: 50px;
	background-color: rgb(27,46,92);
	border-radius: 50px;
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: rgb(255,255,255);
}

.lyr-top__btn {
	position: fixed;
	bottom: 85px;
	right: 20px;
	z-index: 50;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;	
	font-size: 0;
}

.lyr-top__btn {
	bottom: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='btn_top' transform='translate(8 8)'%3E%3Ccircle id='타원_72' data-name='타원 72' cx='20' cy='20' r='20' transform='translate(-8 -8)'/%3E%3Cg id='그룹_167' data-name='그룹 167'%3E%3Cline id='butt' y1='14' transform='translate(12 7)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='패스_232' data-name='패스 232' d='M17,12,12,7,7,12' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='color' x2='14' transform='translate(5 3)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

._type_teenie_btn .top__btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='btn_top' transform='translate(8 8)'%3E%3Ccircle id='타원_72' data-name='타원 72' cx='20' cy='20' r='20' transform='translate(-8 -8)' fill='%231b2e5c'/%3E%3Cg id='그룹_167' data-name='그룹 167'%3E%3Cline id='butt' y1='14' transform='translate(12 7)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='패스_232' data-name='패스 232' d='M17,12,12,7,7,12' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='color' x2='14' transform='translate(5 3)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

._type_club_btn .top__btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='btn_top' transform='translate(8 8)'%3E%3Ccircle id='타원_72' data-name='타원 72' cx='20' cy='20' r='20' transform='translate(-8 -8)'/%3E%3Cg id='그룹_167' data-name='그룹 167'%3E%3Cline id='butt' y1='14' transform='translate(12 7)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='패스_232' data-name='패스 232' d='M17,12,12,7,7,12' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='color' x2='14' transform='translate(5 3)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.teenie-input-box .teenie_input_horizontal {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2,1fr);
}
.teenie-input-box .teenie_input_horizontal>* {
	width: 100%;
}
.teenie-gender-btn input {
	display: none;
}
.teenie-gender-btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border: 1px solid rgb(204,204,204);
	border-radius: 5px;
	color: rgb(27,46,92);
	cursor: pointer;
	font-size: 14px;
	margin-top: 15px;
}
.teenie-gender-btn input:checked + span {
	border-color: rgb(27,46,92);
	background: rgb(238,238,238);
	color: rgb(27,46,92);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li .txt2 {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
	padding-top: 10px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box ul li .txt1+.txt2 {
	padding-top: 0;
	font-size: 12px;
}
.teenie-agree-box ul li label {
	font-size: 14px;
	color: rgb(27,46,92);
	padding-left: 30px;
}
.teenie-agree-box ul li {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}
.teenie-agree-box .teenie-cert-view-btn {
	font-size: 12px;
	color: rgb(51,51,51);
	text-decoration: underline;
}
.common__layer.teenie_layer {
	z-index: 6000;
}
.common__layer.teenie_layer .layer-bg__wrap {
	background-color: rgba(0,0,0,0.3);
	pointer-events: none;
}
.view__layer.teenie_layer .con .box {
	padding: 0;
	border: none;
}
.view__layer.teenie_layer .agree__table {
	margin-top: 5px;
	border: 1px solid rgb(204,204,204);
}
.view__layer.teenie_layer .agree__table td {
	padding: 5px 10px;
	text-align: start;
}
.common__layer.teenie_layer > .inner {
	max-height: 750px;
}
.common__layer.teenie_layer .con {
	overflow: auto;
}
.common__layer.teenie_layer .con.teenie .box {
	max-height: 545px;
}
.common__layer.teenie_layer .con.teenie .teenie_close_btn_inner {
	margin-top: 25px;
}
.common__layer.teenie_layer .teenie_agree_btn_inner {
	display: flex;
	justify-content: flex-end;
	gap: 25px;
	margin: 30px 0;
}
.common__layer.teenie_layer .teenie_agree_btn_inner label {
	font-size: 14px;
	color: rgb(0,0,0);
	padding-left: 30px;
}
.common__layer.teenie_layer .teenie_pop_close {
	width: 90px;
	height: 50px;
	border-radius: 25px;
	background-color: rgb(27,46,92);
	color: rgb(255,255,255);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
}
.common__layer.teenie_layer .teenie_close_btn_inner {
	width: 100%; 
	display: flex;
	justify-content: end;
}
.teenie-input__layer .teenie-ordered-date {
	font-size: 14px;
	color: rgb(27,46,92);
	font-weight: 700;
	margin-bottom: 15px;
}
.teenie-input__layer .teenie-ordered-detail {
	display: flex;
	gap: 15px;
	align-items: top;
	color: rgb(27,46,92);
}
.teenie-input__layer .teenie-ordered-detail-img {
	width: 90px;
	height:78px;
	padding-top: 5px;
}
.teenie-input__layer .teenie-ordered-detail-con {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.teenie-input__layer .teenie-selected-package-tit {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}
.teenie-input__layer .teenie-selected-package-status {
	font-size: 14px;
}
.teenie-input__layer .teenie-selected-option-tit {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
.teenie-input__layer .teenie-selected-option {
	font-size: 14px;
}
.teenie-input-wrap.teenie-input-wrap-check {
	overflow: auto;
}
.teenie-input__layer .teenie-input-wrap.teenie-input-wrap-check .teenie-input-box:last-child {
	padding-bottom: 40px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box .addr-sch-box {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box .addr-sch-box input {
	width: calc(100% - 102px);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box .addr-sch-box .addr-btn {
	width: 92px;
	height: 50px;
	border: 1px solid rgb(27,46,92);
	border-radius: 5px;
	box-sizing: border-box;
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(27,46,92);
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box.teenie-address input[type='text'] {
	margin-top: 10px;
}
.teenie-input__layer .teenie-input-wrap .teenie-input-box.teenie-address input[type='text']:nth-of-type(1) {
	margin-top: 0;
}



/* 로딩 추가 */
._style_loading {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
._style_loading:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 4px solid transparent;
	border-top-color: #000;
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}
/* //로딩 추가 */
.teenie-input-wrap-check .txt2 {
	text-align: center;
	padding-top: 15px;
	font-size: 14px;
	color: rgb(27, 46, 92);
}

.promoPopup_wrap {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	z-index: 50;
	overflow: auto;
}
.promoPopup03 {
	position: relative;
	width: 600px;
	max-height: 100vh;
	overflow: auto;
	z-index: 51;
	margin: 0 auto;
}
.promoPopup03>img {
	height: 855px;
}
.promoPopup03 .layer_close_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button, input[type='submit'], input[type='reset'], input[type='button'] {
	padding: 0;
	border: 0;
	background: none;
	line-height: normal;
	font: inherit;
	color: inherit;
	overflow: visible;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

button {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	outline:0;
}