@import "https://fonts.googleapis.com/earlyaccess/notosanskr.css";

:root { 
	--weight_b: 700;
	--weight_sb: 600;
	--weight_m: 500;
	--weight_r: 400;
	--weight_l: 300;
	--px_header_l: 40px;
	--px_header_m: 32px;
	--px_header_s: 24px;
	--px_title_xl: 24px;
	--px_title_l: 21px;
	--px_title_m: 18px;
	--px_title_s: 16px;
	--px_title_xs: 14px;
	--px_body_l: 18px;
	--px_body_m: 16px;
	--px_body_s: 14px;
	--px_body_xs: 12px;
	--px_detail_l: 16px;
	--px_detail_m: 14px;
	--px_detail_s: 12px;
	--px_label_l: 18px;
	--px_label_m: 16px;
	--px_label_s: 14px;
	--px_label_xs: 12px;
	--px_link_l: 18px;
	--px_link_m: 16px;
	--px_link_s: 14px;
	--vw_header_l: 11.111vw;
	--vw_header_m: 8.889vw;
	--vw_header_s: 6.667vw;
	--vw_title_xl: 6.667vw;
	--vw_title_l: 5.833vw;
	--vw_title_m: 5vw;
	--vw_title_s: 4.444vw;
	--vw_title_xs: 3.889vw;
	--vw_body_l: 5vw;
	--vw_body_m: 4.444vw;
	--vw_body_s: 3.333vw;
	--vw_detail_l: 4.444vw;
	--vw_detail_m: 3.889vw;
	--vw_detail_s: 3.333vw;
	--vw_label_l: 5vw;
	--vw_label_m: 4.444vw;
	--vw_label_s: 3.889vw;
	--vw_label_xs: 3.333vw;
	--vw_link_l: 5vw;
	--vw_link_m: 4.444vw;
	--vw_link_s: 3.889vw
}

:root { 
	--px_m_screen_margin: 16px;
	--vw_m_screen_margin: 4.444vw;
	--px_spacing_1: 2px;
	--px_spacing_2: 4px;
	--px_spacing_3: 8px;
	--px_spacing_4: 10px;
	--px_spacing_5: 12px;
	--px_spacing_6: 16px;
	--px_spacing_7: 20px;
	--px_spacing_8: 24px;
	--px_spacing_9: 32px;
	--px_spacing_10: 40px;
	--px_spacing_11: 48px;
	--vw_spacing_1: 0.556vw;
	--vw_spacing_2: 1.111vw;
	--vw_spacing_3: 2.222vw;
	--vw_spacing_4: 2.778vw;
	--vw_spacing_5: 3.333vw;
	--vw_spacing_6: 4.444vw;
	--vw_spacing_7: 5.556vw;
	--vw_spacing_8: 6.667vw;
	--vw_spacing_9: 8.889vw;
	--vw_spacing_10: 11.111vw;
	--vw_spacing_11: 13.333vw;
	--hf_px_spacing: 20px;
	--hf_vw_spacing: 5.556vw;
	--px_radius_1: 2px;
	--px_radius_2: 4px;
	--px_radius_3: 6px;
	--px_radius_4: 8px;
	--px_radius_5: 12px;
	--px_radius_6: 16px;
	--px_radius_7: 20px;
	--px_radius_8: 22px;
	--px_radius_9: 24px;
	--px_radius_10: 40px;
	--vw_radius_1: 0.556vw;
	--vw_radius_2: 1.111vw;
	--vw_radius_3: 1.667vw;
	--vw_radius_4: 2.222vw;
	--vw_radius_5: 3.333vw;
	--vw_radius_6: 4.444vw;
	--vw_radius_7: 5.556vw;
	--vw_radius_8: 6.111vw;
	--vw_radius_9: 6.667vw;
	--vw_radius_10: 11.111vw;
	--px_size_1: 2px;
	--px_size_2: 4px;
	--px_size_3: 8px;
	--px_size_4: 12px;
	--px_size_5: 16px;
	--px_size_6: 20px;
	--px_size_7: 24px;
	--px_size_8: 32px;
	--px_size_9: 40px;
	--px_size_10: 48px;
	--px_size_11: 52px;
	--vw_size_1: 0.556vw;
	--vw_size_2: 1.111vw;
	--vw_size_3: 2.222vw;
	--vw_size_4: 3.333vw;
	--vw_size_5: 4.444vw;
	--vw_size_6: 5.556vw;
	--vw_size_7: 6.667vw;
	--vw_size_8: 8.889vw;
	--vw_size_9: 11.111vw;
	--vw_size_10: 13.333vw;
	--vw_size_11: 14.444vw
}

:root { 
	--color-blue-50: #EEF6FF;
	--color-blue-100: #cce3ff;
	--color-blue-200: #99c8ff;
	--color-blue-300: #66acff;
	--color-blue-400: #3391ff;
	--color-blue-500: #0075ff;
	--color-blue-600: #005ecc;
	--color-blue-700: #004699;
	--color-blue-800: #002f66;
	--color-blue-900: #001733;
	--color-red-100: #fcd9da;
	--color-red-200: #f9b3b5;
	--color-red-300: #f78e91;
	--color-red-400: #f4686c;
	--color-red-500: #f14247;
	--color-red-600: #c13539;
	--color-red-700: #91282b;
	--color-red-800: #601a1c;
	--color-red-900: #300d0e;
	--color-orange-100: #ffe1cc;
	--color-orange-200: #ffc499;
	--color-orange-300: #ffa666;
	--color-orange-400: #ff8933;
	--color-orange-500: #ff6b00;
	--color-orange-600: #cc5600;
	--color-orange-700: #994000;
	--color-orange-800: #662b00;
	--color-orange-900: #331500;
	--color-yellow-100: #fff1cf;
	--color-yellow-200: #ffe49f;
	--color-yellow-300: #ffd66e;
	--color-yellow-400: #ffc93e;
	--color-yellow-500: #ffbb0e;
	--color-yellow-600: #cc960b;
	--color-yellow-700: #997008;
	--color-yellow-800: #664b06;
	--color-yellow-900: #332503;
	--color-green-100: #cdebe0;
	--color-green-200: #9ad7c1;
	--color-green-300: #68c4a3;
	--color-green-400: #36b084;
	--color-green-500: #039c65;
	--color-green-600: #037d51;
	--color-green-700: #025e3d;
	--color-green-800: #013e28;
	--color-green-900: #011f14;
	--color-gray-50: #F5F5F5;
	--color-gray-100: #dee0e1;
	--color-gray-200: #bdc0c3;
	--color-gray-300: #9ca1a6;
	--color-gray-400: #7b8188;
	--color-gray-500: #5a626a;
	--color-gray-600: #484e55;
	--color-gray-700: #363b40;
	--color-gray-800: #24272a;
	--color-gray-900: #121415;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-accent: #0075ff;
	--color-negative: #f14247;
	--color-warning: #ffbb0e;
	--color-positive: #039c65;
	--color-positiveTransparent: #039c651a;
	--color-negativeTransparent: #f142471a;
	--primary: var(--color-black);
	--secondary: var(--color-white);
	--tertiary: #f5f5f5;
	--fourthly: #EFF3F8;
	--contentPrimary: var(--color-black);
	--contentSecondary: var(--color-gray-500);
	--contentTertiary: var(--color-gray-300);
	--popup-bg: var(--primary);
	--popup-confirm: var(--color-gray-800);
	--popup-confirm-text: var(--color-white);
	--popup-cancel: var(--color-gray-100);
	--popup-cancel-text: var(--color-gray-300);
	--borderOpaque: var(--color-gray-100);
	--borderTransparent: rgba(127, 144, 162, 0.3);
	--borderTransparent15: rgba(127, 144, 162, 0.15);
	--color-bg-06to17: linear-gradient(180deg, #B2D6FF 0%, rgba(157, 161, 186, 0.00)100%), #FFF;
	--color-bg-17to19: linear-gradient(180deg, #FF6AA1 0%, rgba(109, 104, 244, 0.00)100%), #FFEBDB;
	--color-bg-19to06: linear-gradient(180deg, #092443 9%, rgba(20, 48, 68, 0.00)100%), #748DAF;
	--color-neutral-001: #3F466B;
	--color-neutral-002: #676F9D;
	--color-neutral-003: #8B8EA4;
	--color-neutral-004: #9DA1BA;
	--color-neutral-005: #F1F1F1;
	--color-neutral-006: #F6F7FD;
	--color-accent-blue: #649FE5;
	--color-accent-red: #F5637E;
	--color-text-chips: #4f99f1;
	--color-bg-chips: #edf4ff;
	--opacity-50: 0.5
}

:root { 
	--weight_b: 700;
	--weight_sb: 600;
	--weight_m: 500;
	--weight_r: 400;
	--weight_l: 300;
	--px_header_l: 40px;
	--px_header_m: 32px;
	--px_header_s: 24px;
	--px_title_xl: 24px;
	--px_title_l: 21px;
	--px_title_m: 18px;
	--px_title_s: 16px;
	--px_title_xs: 14px;
	--px_body_l: 18px;
	--px_body_m: 16px;
	--px_body_s: 14px;
	--px_body_xs: 12px;
	--px_detail_l: 16px;
	--px_detail_m: 14px;
	--px_detail_s: 12px;
	--px_label_l: 18px;
	--px_label_m: 16px;
	--px_label_s: 14px;
	--px_label_xs: 12px;
	--px_link_l: 18px;
	--px_link_m: 16px;
	--px_link_s: 14px;
	--vw_header_l: 11.111vw;
	--vw_header_m: 8.889vw;
	--vw_header_s: 6.667vw;
	--vw_title_xl: 6.667vw;
	--vw_title_l: 5.833vw;
	--vw_title_m: 5vw;
	--vw_title_s: 4.444vw;
	--vw_title_xs: 3.889vw;
	--vw_body_l: 5vw;
	--vw_body_m: 4.444vw;
	--vw_body_s: 3.333vw;
	--vw_detail_l: 4.444vw;
	--vw_detail_m: 3.889vw;
	--vw_detail_s: 3.333vw;
	--vw_label_l: 5vw;
	--vw_label_m: 4.444vw;
	--vw_label_s: 3.889vw;
	--vw_label_xs: 3.333vw;
	--vw_link_l: 5vw;
	--vw_link_m: 4.444vw;
	--vw_link_s: 3.889vw
}

:root { 
	--px_m_screen_margin: 16px;
	--vw_m_screen_margin: 4.444vw;
	--px_spacing_1: 2px;
	--px_spacing_2: 4px;
	--px_spacing_3: 8px;
	--px_spacing_4: 10px;
	--px_spacing_5: 12px;
	--px_spacing_6: 16px;
	--px_spacing_7: 20px;
	--px_spacing_8: 24px;
	--px_spacing_9: 32px;
	--px_spacing_10: 40px;
	--px_spacing_11: 48px;
	--vw_spacing_1: 0.556vw;
	--vw_spacing_2: 1.111vw;
	--vw_spacing_3: 2.222vw;
	--vw_spacing_4: 2.778vw;
	--vw_spacing_5: 3.333vw;
	--vw_spacing_6: 4.444vw;
	--vw_spacing_7: 5.556vw;
	--vw_spacing_8: 6.667vw;
	--vw_spacing_9: 8.889vw;
	--vw_spacing_10: 11.111vw;
	--vw_spacing_11: 13.333vw;
	--hf_px_spacing: 20px;
	--hf_vw_spacing: 5.556vw;
	--px_radius_1: 2px;
	--px_radius_2: 4px;
	--px_radius_3: 6px;
	--px_radius_4: 8px;
	--px_radius_5: 12px;
	--px_radius_6: 16px;
	--px_radius_7: 20px;
	--px_radius_8: 22px;
	--px_radius_9: 24px;
	--px_radius_10: 40px;
	--vw_radius_1: 0.556vw;
	--vw_radius_2: 1.111vw;
	--vw_radius_3: 1.667vw;
	--vw_radius_4: 2.222vw;
	--vw_radius_5: 3.333vw;
	--vw_radius_6: 4.444vw;
	--vw_radius_7: 5.556vw;
	--vw_radius_8: 6.111vw;
	--vw_radius_9: 6.667vw;
	--vw_radius_10: 11.111vw;
	--px_size_1: 2px;
	--px_size_2: 4px;
	--px_size_3: 8px;
	--px_size_4: 12px;
	--px_size_5: 16px;
	--px_size_6: 20px;
	--px_size_7: 24px;
	--px_size_8: 32px;
	--px_size_9: 40px;
	--px_size_10: 48px;
	--px_size_11: 52px;
	--vw_size_1: 0.556vw;
	--vw_size_2: 1.111vw;
	--vw_size_3: 2.222vw;
	--vw_size_4: 3.333vw;
	--vw_size_5: 4.444vw;
	--vw_size_6: 5.556vw;
	--vw_size_7: 6.667vw;
	--vw_size_8: 8.889vw;
	--vw_size_9: 11.111vw;
	--vw_size_10: 13.333vw;
	--vw_size_11: 14.444vw
}

:root { 
	--color-blue-50: #EEF6FF;
	--color-blue-100: #cce3ff;
	--color-blue-200: #99c8ff;
	--color-blue-300: #66acff;
	--color-blue-400: #3391ff;
	--color-blue-500: #0075ff;
	--color-blue-600: #005ecc;
	--color-blue-700: #004699;
	--color-blue-800: #002f66;
	--color-blue-900: #001733;
	--color-red-100: #fcd9da;
	--color-red-200: #f9b3b5;
	--color-red-300: #f78e91;
	--color-red-400: #f4686c;
	--color-red-500: #f14247;
	--color-red-600: #c13539;
	--color-red-700: #91282b;
	--color-red-800: #601a1c;
	--color-red-900: #300d0e;
	--color-orange-100: #ffe1cc;
	--color-orange-200: #ffc499;
	--color-orange-300: #ffa666;
	--color-orange-400: #ff8933;
	--color-orange-500: #ff6b00;
	--color-orange-600: #cc5600;
	--color-orange-700: #994000;
	--color-orange-800: #662b00;
	--color-orange-900: #331500;
	--color-yellow-100: #fff1cf;
	--color-yellow-200: #ffe49f;
	--color-yellow-300: #ffd66e;
	--color-yellow-400: #ffc93e;
	--color-yellow-500: #ffbb0e;
	--color-yellow-600: #cc960b;
	--color-yellow-700: #997008;
	--color-yellow-800: #664b06;
	--color-yellow-900: #332503;
	--color-green-100: #cdebe0;
	--color-green-200: #9ad7c1;
	--color-green-300: #68c4a3;
	--color-green-400: #36b084;
	--color-green-500: #039c65;
	--color-green-600: #037d51;
	--color-green-700: #025e3d;
	--color-green-800: #013e28;
	--color-green-900: #011f14;
	--color-gray-50: #F5F5F5;
	--color-gray-100: #dee0e1;
	--color-gray-200: #bdc0c3;
	--color-gray-300: #9ca1a6;
	--color-gray-400: #7b8188;
	--color-gray-500: #5a626a;
	--color-gray-600: #484e55;
	--color-gray-700: #363b40;
	--color-gray-800: #24272a;
	--color-gray-900: #121415;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-accent: #0075ff;
	--color-negative: #f14247;
	--color-warning: #ffbb0e;
	--color-positive: #039c65;
	--color-positiveTransparent: #039c651a;
	--color-negativeTransparent: #f142471a;
	--primary: var(--color-black);
	--secondary: var(--color-white);
	--tertiary: #f5f5f5;
	--fourthly: #EFF3F8;
	--contentPrimary: var(--color-black);
	--contentSecondary: var(--color-gray-500);
	--contentTertiary: var(--color-gray-300);
	--popup-bg: var(--primary);
	--popup-confirm: var(--color-gray-800);
	--popup-confirm-text: var(--color-white);
	--popup-cancel: var(--color-gray-100);
	--popup-cancel-text: var(--color-gray-300);
	--borderOpaque: var(--color-gray-100);
	--borderTransparent: rgba(127, 144, 162, 0.3);
	--borderTransparent15: rgba(127, 144, 162, 0.15);
	--color-bg-06to17: linear-gradient(180deg, #B2D6FF 0%, rgba(157, 161, 186, 0.00) 100%), #FFF;
	--color-bg-17to19: linear-gradient(180deg, #FF6AA1 0%, rgba(109, 104, 244, 0.00) 100%), #FFEBDB;
	--color-bg-19to06: linear-gradient(180deg, #092443 9%, rgba(20, 48, 68, 0.00) 100%), #748DAF;
	--color-neutral-001: #3F466B;
	--color-neutral-002: #676F9D;
	--color-neutral-003: #8B8EA4;
	--color-neutral-004: #9DA1BA;
	--color-neutral-005: #F1F1F1;
	--color-neutral-006: #F6F7FD;
	--color-accent-blue: #649FE5;
	--color-accent-red: #F5637E;
	--color-text-chips: #4f99f1;
	--color-bg-chips: #edf4ff;
	--opacity-50: 0.5
}

.section__component {
	padding: var(--vw_spacing_7);
	box-sizing: border-box
}

.section__component>p {
	font-size: var(--vw_label_xs);
	text-align: center;
	opacity: .7;
	margin-bottom: var(--vw_spacing_3)
}

.section__component h1 {
	text-align: center;
	font-weight: 1000;
	background-color: #f5f5f5;
	padding: var(--vw_spacing_3) 0
}

.section__component article {
	margin-top: var(--vw_spacing_3)
}

.layout-list_benefit li:not(:nth-last-child(1) ){
	margin-bottom: var(--vw_spacing_8)
}

.layout-list_benefit li button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.layout-list_benefit li button .left-view {
	display: flex;
	gap: var(--vw_spacing_7);
	align-items: center;
	text-align: left
}

.layout-list_benefit li button .left-view img {
	width: 11.667vw;
	height: 11.667vw
}

.layout-list_benefit li button .left-view h6 {
	font-weight: var(--weight_sb);
	font-size: var(--vw_title_s);
	color: var(--color-neutral-001)
}

.layout-list_benefit li button .left-view p {
	font-size: var(--vw_detail_s);
	color: var(--color-neutral-004)
}

.layout-list_benefit li button .right-chips {
	padding: .556vw 2.778vw;
	box-sizing: border-box;
	background: var(--color-bg-chips);
	color: var(--color-text-chips);
	font-weight: var(--weight_sb);
	font-size: var(--vw_label_s);
	border-radius: var(--vw_radius_7)
}

.layout-list_benefit li button .right-arrow {
	width: 6.667vw;
	height: 6.667vw
}

.layout-list_benefit li button .right-arrow img {
	width: 100%;
	height: 100%
}

.layout-btns-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: var(--vw_spacing_8) var(--vw_spacing_7) var(--vw_spacing_7);
	box-sizing: border-box;
	z-index: 999
}

.layout-btns-2btn {
	display: flex;
	gap: 3.89vw;
	flex-wrap: wrap
}

.layout-btns-bottom {
	display: block;
	width: 100%;
	padding: 4.167vw 0;
	line-height: 1.5;
	font-weight: var(--weight_b);
	font-size: var(--vw_label_m);
	border-radius: 2.778vw
}

.layout-btns-bottom.enable {
	background: var(--primary);
	color: #fff
}

.layout-btns-bottom.disable {
	background: #dedfe1;
	color: #9ca0a6
}

.layout-btns-bottom.blue-fill {
	background: var(--color-accent);
	color: #fff
}

.layout-btns-bottom.blue-line {
	background: #fff;
	border: 1px solid var(--color-accent);
	color: var(--color-accent)
}

.popup_wrap .popup_content {
	display: none;
	width: 77.78vw;
	padding: 7.78vw 6.67vw 8.33vw;
	background-color: #fff;
	border-radius: 6.94vw;
	z-index: 1001;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.popup_wrap .popup_content .popup_content__body p {
	text-align: center;
	font-size: 4.44vw; 
	font-weight: 700 
}

.popup_wrap .popup_content .popup_content__body h6 {
	text-align: center;
	font-size: 4.44vw; 
	font-weight: 700 
}

.popup_wrap .popup_content .popup_content__body p.text_left {
	text-align: left
}

.popup_wrap .popup_content .popup_content__body span {
	margin-top: 2.5vw;
	color: #5a626a;
	font-size: 3.89vw;
	font-weight: 400;
	line-height: 1.2em;
	display: block
}

.popup_wrap .popup_bg {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .7);
	z-index: 1000
}

.popup_content__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 5.56vw
}

.popup_content__footer button {
	height: 12.22vw;
	padding: 0 8.33vw;
	color: #9ca1a6;
	margin: 0 1.39vw;
	font-size: 4vw;
	font-weight: 700;
	background-color: #fff;
	border: 1px solid #dee0e1;
	border-radius: 10.56vw
}

.popup_content__footer button.popup_btn_primary {
	color: #fff;
	background-color: #0075ff;
	border: 1px solid #0075ff
}

* {
	font-family: "Pretendard";
	line-height: 1.5
}

span {
	display: inline-block
}

.pages__app {
	max-width: 480px;
	position: relative
}

@media screen and (min-width: 480px) {
	.pages__app {
		margin: 0 auto
	}
}

.pages__app.join .join_top {
	padding: var(--vw_spacing_8) var(--vw_spacing_8) 0;
	box-sizing: border-box
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_top {
		padding: 24px 24px 0
	}
}

.pages__app.join .join_top>p {
	position: absolute;
	font-size: 11px;
	font-weight: var(--weight_sb);
	color: #000;
	padding-bottom: var(--vw_spacing_3);
	left: 16px;
	top: 8px
}

.pages__app.join .join_top>p span {
	font-weight: var(--weight_sb);
	color: #ff4a4a
}

.pages__app.join .join_top ul {
	display: flex;
	background: var(--color-blue-50);
	border-radius: var(--vw_radius_7)
}

.pages__app.join .join_top ul li {
	position: relative;
	padding: var(--vw_spacing_6);
	text-align: center;
	width: 50%
}

.pages__app.join .join_top ul li img {
	margin: 0 auto;
	height: 17vw
}

.pages__app.join .join_top ul li p {
	font-weight: var(--weight_sb);
	font-size: var(--vw_detail_m);
	color: #6f6f6f
}

.pages__app.join .join_top ul li p span {
	font-weight: var(--weight_sb);
	color: #000
}

.pages__app.join .join_top ul li:first-child p {
	margin-top: var(--vw_spacing_5)
}

.pages__app.join .join_top ul li:first-child::after {
	content: "";
	position: absolute;
	top: 15.278vw;
	right: 0;
	display: block;
	width: 1px;
	height: 21.389vw;
	background: rgba(0, 0, 0, .1)
}

.pages__app.join .join_top ul li:last-child p {
	margin-top: var(--vw_spacing_7)
}

.pages__app.join .join_authn {
	padding: var(--vw_spacing_8) var(--vw_spacing_8) var(--vw_spacing_6);
	box-sizing: border-box;
	margin-bottom: 43.056vw
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn {
		padding: 24px;
		margin-bottom: 120px
	}
}

.pages__app.join .join_authn form:not(:first-of-type ){
	margin-top: var(--vw_spacing_4)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form:not(:first-of-type ){
		margin-top: 8px
	}
}

.pages__app.join .join_authn form#user__value ul li label {
	display: block;
	font-size: var(--vw_label_xs);
	font-weight: var(--weight_sb);
	color: #999
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#user__value ul li label {
		font-size: 14px
	}
}

.pages__app.join .join_authn form#user__value ul li input {
	border: none;
	outline: none;
	background: none;
	width: 100%;
	padding: 1.389vw 0;
	font-size: var(--vw_label_l);
	font-weight: var(--weight_sb);
	color: #000;
	border-bottom: 2px solid rgba(127, 144, 162, .3)
}

.pages__app.join .join_authn form#user__value ul li input::placeholder {
	color: #9ca1a6
}

@media screen and (min-width: 480px) {
.pages__app.join .join_authn form#user__value ul li input
	{
		padding: 16px 0;
		font-size: 18px
	}
}

.pages__app.join .join_authn form#user__value ul li:not(:first-of-type)
{
	margin-top: var(--vw_spacing_6)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#user__value ul li:not(:first-of-type)
	{
		margin-top: 16px
	}
}

.pages__app.join .join_authn form#user__value ul li p.err_txt {
	opacity: 0;
	padding-top: var(--vw_spacing_2);
	font-size: 2.778vw;
	font-weight: var(--weight_r);
	color: var(--color-negative)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#user__value ul li p.err_txt {
		font-size: 12px
	}
}

.pages__app.join .join_authn form#user__value ul li.err input {
	border-bottom: 2px solid var(--color-negative)
}

.pages__app.join .join_authn form#user__value ul li.err p.err_txt {
	opacity: 1
}

.pages__app.join .join_authn form#user__value ul li.select_telecom {
	display: flex;
	flex-flow: row;
	width: 100%
}

.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]
	{
	display: none
}

.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]+label
	{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	border-left: 2px solid rgba(127, 144, 162, .3);
	font-size: var(--vw_label_l);
	border: 2px solid rgba(127, 144, 162, .3);
	border-width: 2px 1px;
	padding: 1.389vw 0
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]+label
		{
		padding: 16px 0;
		font-size: 18px
	}
}

.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]+label:first-of-type
	{
	border-width: 2px 1px 2px 2px;
	border-radius: var(--vw_radius_4) 0 0 var(--vw_radius_4)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]+label:first-of-type
		{
		border-radius: 16px 0 0 16px
	}
}

.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]+label:last-child
	{
	border-width: 2px 2px 2px 1px;
	border-radius: 0 var(--vw_radius_4) var(--vw_radius_4) 0
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]+label:last-child
		{
		border-radius: 0 16px 16px 0
	}
}

.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]:checked+label
	{
	color: #000;
	border-color: #000;
	border-width: 2px !important
}

.pages__app.join .join_authn form#user__value ul li.select_telecom input[type=radio]:disabled+label
	{
	color: #ddd
}

.pages__app.join .join_authn form#check__code {
	display: none
}

.pages__app.join .join_authn form#check__code div {
	position: relative
}

.pages__app.join .join_authn form#check__code div label {
	display: block;
	font-size: var(--vw_label_xs);
	font-weight: var(--weight_sb);
	color: #999
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__code div label {
		font-size: 14px
	}
}

.pages__app.join .join_authn form#check__code div input {
	border: none;
	outline: none;
	background: none;
	width: 100%;
	padding: 1.389vw 0;
	font-size: var(--vw_label_l);
	font-weight: var(--weight_sb);
	color: #000;
	border-bottom: 2px solid rgba(127, 144, 162, .3)
}

.pages__app.join .join_authn form#check__code div input::placeholder {
	color: #9ca1a6
}

.pages__app.join .join_authn form#check__code div input:focus {
	transition: .1s;
	border-color: #000
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__code div input {
		font-size: 18px
	}
}

.pages__app.join .join_authn form#check__code div span.codeTimer {
	position: absolute;
	right: 0;
	top: 8vw;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
	font-size: var(--vw_label_xs);
	color: var(--color-negative)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__code div span.codeTimer {
		font-size: 14px;
		top: 40px
	}
}

.pages__app.join .join_authn form#check__code div p.err_txt {
	opacity: 0;
	padding-top: var(--vw_spacing_2);
	font-size: 2.778vw;
	font-weight: var(--weight_r);
	color: var(--color-negative)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__code div p.err_txt {
		font-size: 12px
	}
}

.pages__app.join .join_authn form#check__code div.err input {
	border-bottom: 2px solid var(--color-negative)
}

.pages__app.join .join_authn form#check__code div.err p.err_txt {
	opacity: 1
}

.pages__app.join .join_authn form#check__code button#reCodeNumber {
	margin-top: 1.667vw;
	padding: var(--vw_spacing_3) 3.889vw;
	font-size: var(--vw_label_xs);
	font-weight: var(--weight_b);
	color: #5a626a;
	border-radius: var(--vw_radius_2);
	border: 1px solid #9ca1a6
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__code button#reCodeNumber {
		font-size: 12px;
		padding: 8px 16px;
		margin: 8px 0
	}
}

.pages__app.join .join_authn form#check__terms input[type=checkbox] {
	display: none
}

.pages__app.join .join_authn form#check__terms input[type=checkbox]+label
	{
	display: block;
	width: 100%;
	text-align: center;
	position: relative
}

.pages__app.join .join_authn form#check__terms input[type=checkbox]+label::before
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 5.56vw;
	height: 5.56vw;
	background-image: url("/assets/img/aispam/app_join/ico_check_off.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: .2s
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms input[type=checkbox]+label::before
		{
		width: 24px;
		height: 24px;
		background-size: 100%
	}
}

.pages__app.join .join_authn form#check__terms input[type=checkbox]:not(#allCheck)+label
{
	padding-left: 8.889vw;
	text-align: left
}

@media screen and (min-width: 480px) {
.pages__app.join .join_authn form#check__terms input[type=checkbox]:not(#allCheck)+label
	{
		padding-left: 30px
	}
}

.pages__app.join .join_authn form#check__terms input[type=checkbox]:checked+label
{
	color: #000 !important
}

.pages__app.join .join_authn form#check__terms input[type=checkbox]:checked+label::before
	{
	background-image: url("/assets/img/aispam/app_join/ico_check_on.svg")
}

.pages__app.join .join_authn form#check__terms .check__all {
	padding: 3.333vw;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: var(--vw_radius_4);
	border: 2px solid rgba(127, 144, 162, .4)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms .check__all {
		border-radius: 16px;
		padding: 16px;
		margin-bottom: 16px
	}
}

.pages__app.join .join_authn form#check__terms .check__all .input__check_all
	{
	width: 100%
}

.pages__app.join .join_authn form#check__terms .check__all .input__check_all label
	{
	padding-left: 5.56vw;
	box-sizing: border-box;
	color: var(--color-gray-400);
	font-size: var(--vw_title_s);
	font-weight: var(--weight_b)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms .check__all .input__check_all label
		{
		font-size: 18px;
		padding-left: 30px
	}
}

.pages__app.join .join_authn form#check__terms .check__all button {
	width: 6.667vw;
	height: 6.667vw
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms .check__all button {
		width: 30px;
		height: 30px
	}
}

.pages__app.join .join_authn form#check__terms .check__all button img {
	min-width: 100%;
	height: 100%;
	transform: rotate(0);
	transition: .2s
}

.pages__app.join .join_authn form#check__terms .check__all button.slideDown img
	{
	transform: rotate(180deg);
	transition: .2s
}

.pages__app.join .join_authn form#check__terms .check__list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--vw_spacing_3) var(--vw_spacing_7);
	box-sizing: border-box
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms .check__list li {
		padding: 8px
	}
}

.pages__app.join .join_authn form#check__terms .check__list li .input__check label
	{
	font-size: var(--vw_label_s);
	color: var(--color-gray-300)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms .check__list li .input__check label
		{
		font-size: 14px;
	}
}

.pages__app.join .join_authn form#check__terms .check__list li a {
	display: block;
	width: 6.667vw;
	height: 6.667vw
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn form#check__terms .check__list li a {
		width: 24px;
		height: 24px
	}
}

.pages__app.join .join_authn .btn__privacy {
	color: var(--color-gray-400);
	padding: 16px 0;
	text-align: right;
	text-decoration: underline;
	font-size: var(--vw_label_s)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn .btn__privacy {
		font-size: 14px
	}
}

.pages__app.join .join_authn .form__recaptcha {
	display: none;
	margin-top: var(--vw_spacing_8);
	transition: .4s
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_authn .form__recaptcha {
		margin-top: 16px
	}
}

.pages__app.join .join_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF
		10.22%);
	padding-bottom: var(--vw_spacing_5)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_footer {
		padding-bottom: 16px
	}
}

.pages__app.join .join_footer .layout-btns-fixed {
	position: relative;
	padding: var(--vw_spacing_8) var(--vw_spacing_7) var(--vw_spacing_5)
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_footer .layout-btns-fixed {
		padding: 16px 0 16px;
		text-align: center
	}
	.pages__app.join .join_footer .layout-btns-fixed .layout-btns-bottom {
		padding: 16px;
		font-size: 18px;
		max-width: 480px;
		margin: 0 auto;
		border-radius: 16px
	}
}

.pages__app.join .join_footer .layout-btns-fixed #complete {
	display: none;
	height: 60px;
	line-height: 1;
	padding: 2px
}

.pages__app.join .join_footer .layout-btns-fixed #complete span {
	font-size: .75em
}

.pages__app.join .join_footer p {
	font-size: 2.5vw;
	color: var(--color-gray-400);
	font-weight: var(--weight_sb);
	text-align: center
}

@media screen and (min-width: 480px) {
	.pages__app.join .join_footer p {
		font-size: 11px
	}
}

.pages__app.join .join_footer p span {
	font-weight: var(--weight_sb);
	color: #ff4a4a
}

.pages__app.join .popup {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 9998
}

.pages__app.cnl {
	padding: 58px var(--vw_spacing_8) 0
}

.pages__app.cnl h2 {
	padding-top: var(--vw_spacing_6);
	font-size: 5.83vw;
	font-weight: var(--weight_b)
}

.pages__app.cnl.benefit {
	display: none;
	padding-bottom: 45.46vw
}

.pages__app.cnl.benefit .benefit_list {
	margin-top: 7.78vw;
	text-align: center
}

.pages__app.cnl.benefit .benefit_list ul li {
	padding: var(--vw_spacing_7) 0;
	text-align: left;
	display: flex;
	gap: 1.67vw;
	vertical-align: center;
	align-items: center
}

.pages__app.cnl.benefit .benefit_list ul li .list_img {
	width: 19.44vw;
	height: 19.44vw
}

.pages__app.cnl.benefit .benefit_list ul li .list_txt h6 {
	font-weight: var(--weight_b);
	font-size: var(--vw_title_m);
	padding-bottom: 2.5vw
}

.pages__app.cnl.benefit .benefit_list ul li .list_txt p {
	font-weight: var(--weight_sb);
	color: var(--color-gray-400);
	font-size: var(--vw_detail_l)
}

.pages__app.cnl.benefit .benefit_list ul li .list_txt p span {
	font-weight: var(--weight_sb);
	color: #000
}

.pages__app.cnl.benefit .benefit_list ul li:not(:last-child)
{
	border-bottom: #f5f5f5 1px solid
}

.pages__app.cnl.benefit .benefit_list .more_benefit {
	margin-top: var(--vw_spacing_2);
	padding: var(--vw_spacing_5) var(--vw_spacing_8);
	border-radius: var(--vw_radius_9);
	border: 1px solid var(--color-blue-400);
	font-size: var(--vw_label_s);
	font-weight: var(--weight_b);
	color: var(--color-blue-400)
}

.pages__app.cnl.benefit .cnl_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: var(--vw_spacing_7)
}

.pages__app.cnl.cnl_authn {
	display: block
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom {
	margin-top: var(--vw_spacing_8)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom form label {
	display: block;
	font-size: var(--vw_label_xs);
	font-weight: var(--weight_sb);
	color: #999
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom form input {
	border: none;
	outline: none;
	background: none;
	width: 100%;
	padding: 1.389vw 0;
	font-size: var(--vw_label_l);
	font-weight: var(--weight_sb);
	color: #000;
	border-bottom: 2px solid rgba(127, 144, 162, .3)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom form input::placeholder {
	color: #9ca1a6
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom form input:focus {
	transition: .1s;
	border-color: #000
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom ul li p.err_txt
	{
	opacity: 0;
	padding-top: var(--vw_spacing_2);
	font-size: 2.778vw;
	font-weight: var(--weight_r);
	color: var(--color-negative)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom ul li.err input
	{
	border-bottom: 2px solid var(--color-negative)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom ul li.err p.err_txt
	{
	opacity: 1
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom ul li:not(:first-of-type)
{
	margin-top: var(--vw_spacing_8)
}

@media screen and (min-width: 480px) {
	.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom ul li:not(:first-of-type){
		margin-top: 16px
	}
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom #userTelecom
	{
	position: relative;
	border: none;
	outline: none;
	background: none;
	width: 100%;
	padding: 1.389vw 0;
	font-size: var(--vw_label_l);
	font-weight: var(--weight_sb);
	color: #000;
	text-align: left;
	border-bottom: 2px solid rgba(127, 144, 162, .3)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom #userTelecom::after
	{
	content: "";
	display: block;
	position: absolute;
	bottom: 1vw;
	right: 0;
	width: 6.67vw;
	height: 6.67vw;
	z-index: 99;
	background-image: url("/assets/img/aispam/app_cnl/ico_arrow_unfold.svg");
	background-size: 6.67vw 6.67vw
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option
	{
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
	bottom: 0;
	left: 0;
	padding: 0 6.67vw;
	background: rgba(0, 0, 0, .7);
	display: none
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul
	{
	display: block;
	position: absolute;
	overflow: hidden;
	left: 2.78vw;
	bottom: 2.78vw;
	padding: 5.56vw 6.67vw;
	width: calc(100% - 5.56vw);
	background: #fff;
	border-radius: 6.94vw
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul li
	{
	margin: 0
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul li a
	{
	padding: var(--vw_spacing_5) 0;
	cursor: pointer;
	opacity: .4
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul .title
	{
	font-size: 5vw;
	font-weight: 700
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul .option
	{
	position: relative;
	font-size: 4.44vw;
	color: var(--color-gray-500)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul .option.select a
	{
	opacity: 1
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #user__telecom .telecom_option ul .option.select::after
	{
	content: "";
	display: block;
	position: absolute;
	top: 4.72vw;
	right: 0;
	width: 6.67vw;
	height: 6.67vw;
	z-index: 999;
	background-image: url("/assets/img/aispam/app_join/ico_check_on.svg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code {
	margin-top: 10vw
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div {
	position: relative
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div label {
	display: block;
	font-size: var(--vw_label_xs);
	font-weight: var(--weight_sb);
	color: #999
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div input {
	border: none;
	outline: none;
	background: none;
	width: 100%;
	padding: 1.389vw 0;
	font-size: var(--vw_label_l);
	font-weight: var(--weight_sb);
	color: #000;
	border-bottom: 2px solid rgba(127, 144, 162, .3)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div input::placeholder
	{
	color: #9ca1a6
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div input:focus
	{
	transition: .1s;
	border-color: #000
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div span.codeTimer
	{
	position: absolute;
	right: 0;
	top: 8vw;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
	font-size: var(--vw_label_xs);
	color: #919fae
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div p.err_txt
	{
	opacity: 0;
	padding-top: var(--vw_spacing_2);
	font-size: 2.778vw;
	font-weight: var(--weight_r);
	color: var(--color-negative)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div.err input
	{
	border-bottom: 2px solid var(--color-negative)
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code div.err p.err_txt
	{
	opacity: 1
}

.pages__app.cnl.cnl_authn .cnl_authn_telecom #check__code button#reCodeNumber
	{
	display: none;
	margin-top: 1.667vw;
	padding: var(--vw_spacing_3) 3.889vw;
	font-size: var(--vw_label_xs);
	font-weight: var(--weight_b);
	color: #5a626a;
	border-radius: var(--vw_radius_2);
	border: 1px solid #9ca1a6
}

.pages__app.cnl.cnl_authn .cnl_authn_footer #complete {
	display: none
}

.pages__app.cnl.cnl_authn .form__recaptcha {
	margin-top: 16px;
	display: none
}

.pages__app.cnl.cnl_survey {
	display: none
}

.pages__app.cnl.cnl_survey .survey__box {
	margin-top: var(--vw_spacing_8);
	padding: var(--vw_spacing_8);
	border-radius: var(--vw_radius_9);
	background: var(--color-blue-50)
}

.pages__app.cnl.cnl_survey .survey__box h6 {
	font-weight: var(--weight_b);
	font-size: var(--vw_title_s)
}

.pages__app.cnl.cnl_survey .survey__box ul {
	margin-top: 3.89vw
}

.pages__app.cnl.cnl_survey .survey__box ul li {
	margin-bottom: var(--vw_spacing_6)
}

.pages__app.cnl.cnl_survey .survey__box ul li input {
	display: none
}

.pages__app.cnl.cnl_survey .survey__box ul li input+label {
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	padding-left: 7.22vw;
	font-size: var(--vw_detail_m);
	font-weight: var(--weight_sb)
}

.pages__app.cnl.cnl_survey .survey__box ul li input+label::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 5.3vw;
	height: 5.3vw;
	border: 1px solid rgba(0, 0, 0, .2);
	background: #fff;
	border-radius: .56vw;
	transition: .2s
}

.pages__app.cnl.cnl_survey .survey__box ul li input:checked+label::before
	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 5.3vw;
	height: 5.3vw;
	background-color: var(--color-accent);
	background-image: url("/assets/img/aispam/app_cnl/ico_check_w.svg");
	background-size: auto 2vw;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-accent);
	transition: .2s
}

.pages__app.cnl.cnl_survey .survey__box .feedback {
	margin-top: var(--vw_spacing_6)
}

.pages__app.cnl.cnl_survey .survey__box .feedback label {
	display: block;
	font-weight: var(--weight_m);
	font-size: var(--vw_label_s);
	color: rgba(0, 0, 0, .5)
}

.pages__app.cnl.cnl_survey .survey__box .feedback input {
	width: 100%;
	margin-top: 1.39vw;
	padding: var(--vw_spacing_4) var(--vw_spacing_6);
	border: none;
	outline: none;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 2.78vw
}

.pages__app.cnl.cnl_survey .survey__box .feedback input::placeholder {
	color: rgba(0, 0, 0, .2)
}

.pages__app.cnl.cnl_survey .survey__box .feedback input:focus {
	border: 1px solid #000;
	transition: .2s
}

.pages__app.cnl.cnl_survey .survey__box .comment {
	margin-top: var(--vw_spacing_6);
	font-size: var(--vw_detail_m);
	font-weight: var(--weight_sb)
}

.pages__app.cnl.cnl_survey button {
	position: fixed;
	bottom: var(--vw_spacing_7);
	left: var(--vw_spacing_7);
	width: calc(100% - var(--vw_spacing_7)*2)
}

.terms__iframe.kt_mvno {
	z-index: 999
}

.terms__iframe.kt_mvno h6 {
	padding: 0 var(--vw_spacing_7) var(--vw_spacing_5)
}

.terms__iframe.kt_mvno iframe {
	width: 100%
}

.terms__iframe.kt_mvno .kt_mvno__body {
	height: 65%;
	border-bottom: 1px solid #eee
}

.terms__iframe.kt_mvno .kt_mvno__body iframe {
	height: 100%
}

.terms__iframe.kt_mvno .kt_mvno_check {
	padding: var(--vw_spacing_7)
}

.terms__iframe.kt_mvno .layout-btns-bottom {
	width: 90%;
	margin: 0 auto
}

@media screen and (min-width: 480px) {
	.terms__iframe.kt_mvno h6 {
		padding: 0 24px 16px
	}
	.terms__iframe.kt_mvno .kt_mvno__body {
		height: calc(100% - 300px)
	}
	.terms__iframe.kt_mvno .kt_mvno_check {
		padding: 24px
	}
	.terms__iframe.kt_mvno .layout-btns-bottom {
		width: 90%;
		max-width: 420px;
		padding: 20px;
		font-size: 18px;
		border-radius: 16px
	}
}

.terms__iframe.kt_mvno input[type=checkbox] {
	display: none
}

.terms__iframe.kt_mvno input[type=checkbox]+label {
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	color: #666
}

.terms__iframe.kt_mvno input[type=checkbox]+label::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 5.56vw;
	height: 5.56vw;
	background-image: url("/assets/img/aispam/app_join/ico_check_off.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: .2s
}

@media screen and (min-width: 480px) {
	.terms__iframe.kt_mvno input[type=checkbox]+label::before {
		width: 24px;
		height: 24px;
		background-size: 100%
	}
}

.terms__iframe.kt_mvno input[type=checkbox]:not(#allCheck)+label 
{
	padding-left: 8.889vw;
	text-align: left
}

@media screen and (min-width: 480px) {
	.terms__iframe.kt_mvno input[type=checkbox]:not(#allCheck)+label {
		padding-left: 30px
	}
}

.terms__iframe.kt_mvno input[type=checkbox]:checked+label {
	color: #000 !important
}

.terms__iframe.kt_mvno input[type=checkbox]:checked+label::before {
	background-image: url("/assets/img/aispam/app_join/ico_check_on.svg")
}

.terms__iframe {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	top: 0;
	left: 0;
	display: none
}

.terms__iframe .dimd {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75)
}

.terms__iframe .iframe_wrap {
	display: none;
	background: #fff;
	position: absolute;
	padding-bottom: 20px;
    bottom: 5vh;
	width: 100%;
	height: auto%;
	border-radius: var(--vw_radius_7) var(--vw_radius_7) 0 0
}

.terms__iframe .iframe_wrap .btn__close {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--vw_spacing_6) var(--vw_spacing_7)
}

.terms__iframe .iframe_wrap .btn__close h6 {
	font-size: var(--vw_title_s);
	font-weight: var(--weight_b)
}

.terms__iframe .iframe_wrap .btn__close button {
	width: var(--vw_size_8);
	height: var(--vw_size_8)
}

.terms__iframe .iframe_wrap .btn__close button img {
	width: 100%;
	height: 100%
}

@media screen and (min-width: 480px) {
	.terms__iframe .iframe_wrap {
		bottom: 5vh;
	    border-radius: 16px;
	    overflow: hidden;
	}
	.terms__iframe .iframe_wrap .btn__close {
		padding: 24px
	}
	.terms__iframe .iframe_wrap .btn__close h6 {
		font-size: 18px
	}
	.terms__iframe .iframe_wrap .btn__close button {
		width: 32px;
		height: 32px
	}
}

@media screen and (min-width: 480px) {
	.popup_content {
		padding: 24px !important;
		max-width: 380px;
		border-radius: 32px !important
	}
	.popup_content .popup_content__body p {
		font-size: 18px !important
	}
	
	.popup_content .popup_content__body p.title  {
		font-size: 25px !important;
	}
	.popup_content .popup_content__footer {
		padding-top: 24px
	}
	.popup_content .popup_content__footer button {
		font-size: 18px;
		margin: 0 20px;
		padding: 0 32px;
		border-radius: 30px;
		height: 60px
	}
}