@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/share/fonts/Pretendard-Black.woff2') format('woff2'), url('/share/fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/share/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/share/fonts/Pretendard-Bold.woff2') format('woff2'), url('/share/fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/share/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/share/fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/share/fonts/Pretendard-Medium.woff2') format('woff2'), url('/share/fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/share/fonts/Pretendard-Regular.woff2') format('woff2'), url('/share/fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/share/fonts/Pretendard-Light.woff2') format('woff2'), url('/share/fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/share/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/share/fonts/Pretendard-Thin.woff2') format('woff2'), url('/share/fonts/Pretendard-Thin.woff') format('woff');
}


/****************************************************************************************************/
#content {padding-bottom:0 !important}
.point {color:#FC8500 !important}
.point2 {color:#00C63B !important}

.speed_qzBox {position:relative; max-width:768px; min-width:320px; margin:0 auto; padding-bottom:270px; font-size:16px; letter-spacing:-0.04em; color:#212329; font-family:"Pretendard", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; overflow:hidden}
.speed_qzBox .cont {width:94%; margin:0 auto;}

.speed_qzBox .top_tltBox {font-size:42px; line-height:119px; text-align:center; font-weight:700}
.speed_qzBox .alphago_imgbBox {margin-bottom:50px}

.speed_qzBox .qnaBox .qtlt {font-size:38px; font-weight:600; line-height:1.3em; margin-bottom:68px;}
.speed_qzBox .qnaBox .qtlt .gray_tlt {font-weight:400; color:#565656;}


.speed_qzBox .radioUl {width:88%; margin:0 auto;}
.speed_qzBox .radioUl li {margin-bottom:20px;}
.speed_qzBox .ck_radio {position:relative;}
.speed_qzBox .ck_radio input[type="radio"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.speed_qzBox .ck_radio label {display:block; position:relative; width:100%; height:100%; border:1px solid #DFDFDF; padding:0 20px; height:119px; font-size:42px; font-weight:500; text-align:center; justify-content:center; align-items:center; display: flex; border-radius:70px}
.speed_qzBox .ck_radio input:checked + label {border-color:#FC8500; color: #fff; background: #FC8500;}

.speed_qzBox .qzBtn {position:fixed; bottom:0; left:50%; transform: translateX(-50%); display:block; max-width:768px; width:100%; line-height:119px; font-size:38px; font-weight:700; background:#F88504; color:#fff; text-align:center; z-index:10}

.speed_qzBox .wrongBox {position:fixed; bottom:160px; left:50%; transform: translateX(-50%); width:680px; height:130px; background:rgba(17,17,17,0.85); border-radius:25px; padding:21px 44px; align-items:center; display: flex;}
.speed_qzBox .wrongBox .wrong_icon img {height:51px;}
.speed_qzBox .wrongBox .wrong_txt {color:#fff; font-size:29px; line-height:1.3em; margin-left:25px;}


@media only screen and  (max-width: 768px) {
	.speed_qzBox {padding-bottom:27vw; font-size:1.6vw;}

	.speed_qzBox .top_tltBox {font-size:4.2vw; line-height:11.9vw;}
	.speed_qzBox .alphago_imgbBox {margin-bottom:5vw}

	.speed_qzBox .qnaBox .qtlt {font-size:3.8vw; margin-bottom:6.8vw;}

	.speed_qzBox .radioUl li {margin-bottom:2vw;}
	.speed_qzBox .ck_radio label {padding:0 2vw; height:11.9vw; font-size:4.2vw; border-radius:7vw}

	.speed_qzBox .qzBtn {line-height:11.9vw; font-size:3.8vw;}

	.speed_qzBox .wrongBox {bottom:16vw; width:68vw; height:13vw; border-radius:2.5vw; padding:2.1vw 4.4vw;}
	.speed_qzBox .wrongBox .wrong_icon img {height:5.1vw;}
	.speed_qzBox .wrongBox .wrong_txt {font-size:2.9vw; margin-left:2.5vw;}
}

@media only screen and  (max-width: 480px) {
	.speed_qzBox {padding-bottom:31vw; font-size:1.6vw;}

	.speed_qzBox .top_tltBox {font-size:5.2vw; line-height:14.9vw;}
	.speed_qzBox .alphago_imgbBox {margin-bottom:6vw}

	.speed_qzBox .qnaBox .qtlt {font-size:4.8vw; margin-bottom:7.8vw;}

	.speed_qzBox .radioUl li {margin-bottom:3vw;}
	.speed_qzBox .ck_radio label {padding:0 3vw; height:14.9vw; font-size:5.2vw; border-radius:8vw}

	.speed_qzBox .qzBtn {line-height:14.9vw; font-size:4.8vw;}

	.speed_qzBox .wrongBox {bottom:19vw; width:90%; height:16vw; border-radius:3.5vw; padding:3.1vw 5.4vw;}
	.speed_qzBox .wrongBox .wrong_icon img {height:6.1vw;}
	.speed_qzBox .wrongBox .wrong_txt {font-size:3.9vw; margin-left:3.5vw;}
}


.speed_qzBox .qz_logoBox {padding:30px 0 0 2%}
.speed_qzBox .qz_logoBox img {height:59px;}

.speed_qzBox .line_bt {border-bottom:17px solid #F8F8F8;}
.speed_qzBox .sec01 {padding:150px 0 68px;}

.speed_qzBox .big_tltBox {margin-bottom:60px; font-size:46px; font-weight:700; color:#29333F; line-height:1.3em}

.speed_qzBox .nv_pay_pointBox {border:1px solid #F2F5FA; padding:23px 42px;  border-radius:25px; align-items:center; display: flex;}
.speed_qzBox .nv_pay_pointBox .tlt {font-size:34px; line-height:1.3em; font-weight:700}
.speed_qzBox .nv_pay_pointBox .price {font-size:51px; line-height:1.3em; font-weight:700; margin-left:auto}

.speed_qzBox .nv_payBox {margin-top:34px;}
.speed_qzBox .nv_payBox .img img {height:259px;}
.speed_qzBox .nv_payBox .txt {margin-top:-15px; font-size:34px; line-height:1.3em}


.speed_qzBox .sec02 {padding-top:60px}
.speed_qzBox .sec02 .big_tltBox {font-weight:600}
.speed_qzBox .sec02 .big_tltBox .big {font-weight:700}

.speed_qzBox .sp_qz_slBox {overflow:hidden}
.speed_qzBox .sp_qz_slBox li {/*display:inline-block; vertical-align:top;*/ width:560px !important; margin-left:25px; z-index:2}
.speed_qzBox .sp_qz_slBox .imgBox img {max-width:100%;}
.speed_qzBox .sp_qz_slBox .txtBox {height:205px; padding:40px 30px; border:1px solid #F2F5FA; border-top:0; border-radius:0 0 25px 25px; text-align:left; font-size:32px; font-weight:500; line-height:1.3em;}

.speed_qzBox .swiper-wrapper {height:auto !important}

.speed_qzBox .swiper-wrapper {transition-timing-function: linear;}


@media only screen and  (max-width: 768px) {
	.speed_qzBox .qz_logoBox {padding:3vw 0 0 2%}
	.speed_qzBox .qz_logoBox img {height:5.9vw;}

	.speed_qzBox .line_bt {border-width:1.7vw;}
	.speed_qzBox .sec01 {padding:15vw 0 6.8vw;}

	.speed_qzBox .big_tltBox {margin-bottom:6vw; font-size:4.6vw;}

	.speed_qzBox .nv_pay_pointBox {padding:2.3vw 4.2vw; border-radius:2.5vw;}
	.speed_qzBox .nv_pay_pointBox .tlt {font-size:3.4vw;}
	.speed_qzBox .nv_pay_pointBox .price {font-size:5.1vw;}

	.speed_qzBox .nv_payBox {margin-top:3.4vw;}
	.speed_qzBox .nv_payBox .img img {height:25.9vw;}
	.speed_qzBox .nv_payBox .txt {margin-top:-1.5vw; font-size:3.4vw;}


	.speed_qzBox .sec02 {padding-top:6vw}

	.speed_qzBox .sp_qz_slBox li {width:60vw !important; margin-left:2.5vw;}
	.speed_qzBox .sp_qz_slBox .txtBox {height:20.5vw; padding:4vw 3vw; border-radius:0 0 2.5vw 2.5vw; font-size:3.2vw;}
}

@media only screen and  (max-width: 480px) {
	.speed_qzBox .qz_logoBox {padding:4vw 0 0 3%}
	.speed_qzBox .qz_logoBox img {height:6.9vw;}

	.speed_qzBox .line_bt {border-width:2vw;}
	.speed_qzBox .sec01 {padding:16vw 0 7.8vw;}

	.speed_qzBox .big_tltBox {margin-bottom:7vw; font-size:5.6vw;}

	.speed_qzBox .nv_pay_pointBox {padding:3.3vw 5.2vw; border-radius:3.5vw;}
	.speed_qzBox .nv_pay_pointBox .tlt {font-size:4.4vw;}
	.speed_qzBox .nv_pay_pointBox .price {font-size:6.1vw;}

	.speed_qzBox .nv_payBox {margin-top:4.4vw;}
	.speed_qzBox .nv_payBox .img img {height:32.9vw;}
	.speed_qzBox .nv_payBox .txt {margin-top:-1.5vw; font-size:4.4vw;}


	.speed_qzBox .sec02 {padding-top:7vw}

	.speed_qzBox .sp_qz_slBox li {width:76vw !important; margin-left:3.5vw;}
	.speed_qzBox .sp_qz_slBox .txtBox {height:29vw; padding:5vw 4vw; border-radius:0 0 3.5vw 3.5vw; font-size:4.2vw;}
}