@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

* {font-family:'pretendard', sans-serif !important;margin: 0; padding: 0;}
a:hover, a:focus, a:checked {text-decoration: none;}
/*pc*/
@media all and (min-width: 1200px) {
	 body {zoom:100%;}
	 .wrap {width: 800px;}
}

/*테블릿*/
@media screen and (min-width:768px) and (max-width:1200px) {
	body {zoom:75%;}
	.wrap {width: 800px;}
}

/*모바일*/
@media screen and (max-width:320px) {
	body {zoom:35%;}
	body * {zoom:99%}
}
@media screen and (min-width:321px) and (max-width:375px) {
	body {zoom:46%;}
	body * {zoom:99%}
}
@media screen and (min-width:376px) and (max-width:479px) {
	body {zoom:50%;}
	body * {zoom:99%}
}
@media screen and (min-width:480px) and (max-width:539px) {
	body {zoom:60%;}
	body * {zoom:99%}
}
@media screen and (min-width:540px) and (max-width:639px) {
	body {zoom:65%;}
	body * {zoom:99%}
}
@media screen and (min-width:640px) and (max-width:767px) {
	body {zoom:80%;}
	body * {zoom:99%}
}

.wrap {position: relative; padding: 0 30px; margin: 0 auto;}
.btn_go {
	width: 100%;
	background: #12d0a1;
	position: fixed;
	bottom: 0;
	text-align: center;
	z-index: 9999;
}
.btn_go a {color: #fff; font-size: 48px; font-weight: bold; width: 100%; padding: 30px 0; display: block;}
header {
	width: 100%;
	height: 851px;
	background: url(/static/images/customer/serviceinfo/mobile/bg.png) no-repeat center;
	background-size:cover;
}
header .header_bg {
	width: 100%;
	height: 851px;
	background: url(/static/images/customer/serviceinfo/mobile/bg_twinkle.png) no-repeat center;
	}
header .right_phone {
	width: 284px;
	height: 562px;
	position: absolute;
	right: 40px;
	top: 183px;
	background: url(/static/images/customer/serviceinfo/mobile/top_phone_bg.png) no-repeat;
	box-shadow: 41px 41px 56px -5px #141f51;
	border-radius: 35px;
	}
header .right_phone video {margin-top: 39px; margin-left: 12px;}
header .head_text {padding-top: 144px;}
header .head_text .download {margin-top: 60px;}

.banner {width: 100%; text-align: center; background: #0f1736;}
.banner img {width: auto; max-width: 100%;}

section {padding: 68px 0; text-align: center; background: #f5f7f9;}
section:nth-child(2n) {background: #fff;}
.content_title h2 {
	font-size: 24px;
	font-weight:400;
	color: #2b2b2b;
	border: 1px solid #363636;
	border-radius: 50px;
	padding: 15px 40px;
	display: inline-block;
	margin: 0;
}
.content_title p {margin: 40px 0 60px 0; font-size: 40px; font-weight: 700; color: #000; line-height: 48px;}
.content_title p strong {font-size: 40px; font-weight: 700; color: #12d0a1; }
.content_title p i {font-size: 40px; color: #2a82df; position:relative; top: 3px;}
.phone_img {
	width: 590px;
	height: 463px;
	background: url(/static/images/customer/serviceinfo/mobile/phone_bg.png) no-repeat;
	margin: 0 auto;
}
.phone_img img {margin-top: 60px; margin-left: 2px;}

.con_text {font-size: 30px; color: #2f2f2f; margin-top: 40px; margin-bottom: 0;}
.con_text b {font-size: 30px; color: #000; font-weight: bold;}

.content .box_group {width: 100%; display: flex; justify-content: space-between;}
.content .box_item {width: 49%; background: #fff; border-radius: 30px; border: 1px solid #e7edf0;}
.content .box_item * {font-size: 24px; font-weight: 600;}
.content .box_item p {text-align: left; padding: 30px 0 0 30px; line-height: 32px;}

.content ul {width: 90%; margin: 0 auto; margin-left: 0;}
.content li {display: flex; justify-content: space-between; align-items: center; text-align: left; border-top: 1px solid #dfdfdf; padding: 30px 60px;}
.content li:first-child {border-top: 0;}
.content li p {font-size: 40px; color: #000; font-weight: 700; line-height: 44px;}
.content li p small {font-size: 24px; color: #858585; font-weight: 300;}


footer {padding: 60px 0 160px 0; background: #f8f8f8; text-align: center;}
footer * {font-size: 30px; color: #767676}
footer .foot_logo {margin-bottom: 30px;}
footer p {font-size: 24px; line-height: 50px; margin-bottom: 30px; font-weight: 300;}
footer p img {margin-top: -5px;}
footer p a {color: #363636; padding: 0 15px;}
footer p strong {color: #000; font-weight: bold;}
a {text-decoration: none;}