html {font-size: 10px;}
html, body {}
.wrap{width:100%;background: #fbf0fc;}
.dis_table{display:table; width:100%; height:100%;}
.dis_table_cell{display:table-cell; width:100%; height:100%; font-size:0;}
.in{position:relative; width:100%; margin:0 auto; height:100%;max-width: 75rem;}

::-webkit-scrollbar {width:1rem;height:1rem;}
::-webkit-scrollbar-thumb {
	background-color: #000;
	border-radius:1rem;
	background-clip:padding-box;
	border:2px solid transparent;
}
::-webkit-scrollbar-thumb:hover {background-color: #000;}
::-webkit-scrollbar-track {background-color:#fff;}

.visual {}
.visual .in {padding: 8.6rem 5rem 4rem;}
.visual h1 {color: #4b2084;font-size: 5rem;font-weight: 700;line-height: 1;text-align: center;}
.visual h1 em {color: #dc196c;}
.visual .txt_set {background: url("../images/visual_img.png") no-repeat left top;background-size: contain;padding: 2rem 0 0 21.5rem;margin-top: 6.2rem;}
.visual .txt_set p {color: #000;font-size: 1.8rem;line-height: 2.6rem;font-weight: 500;}
.visual .txt_set p:nth-child(2) {margin-top: 2rem;}
.visual .txt_set p em {color: #dc196c;}
.visual .txt_set p em.blue {color: #2453bc;}

.sec01 {}
.sec01 .in {padding: 0 5rem;}
.sec01 .in .box {background: #fff;border-top: 1px solid #b19fca;border-bottom: 1px solid #b19fca;padding: 3rem 2rem;}
.sec01 .in .box:nth-child(2) {margin-top: 2rem;}
.sec01 .in .box h3 {color: #000;font-size: 1.7rem;line-height: 1;font-weight: 500;}
.sec01 .in .box h3.red {color: #dc196c;}
.sec01 .in .box ul {
	counter-reset: number 0;
}
.sec01 .in .box li {position: relative;color: #000;font-size: 1.6rem;line-height: 2.6rem;font-weight: 300;padding: 0 0 0 2rem;margin-top: 2rem;}
.sec01 .in .box li:first-child {margin-top: 3rem;}
.sec01 .in .box li:before {
	position: absolute;top: 0;left: 0;
	color: #000;font-size: 1.6rem;line-height: 2.6rem;font-weight: 500;
	counter-increment: number 1;
	content: counter(number) ". ";
}
.sec01 .in .box li em {color: #000;font-size: 1.6rem;line-height: 2.6rem;font-weight: 500;}
.sec01 .in .box.box02 li {font-weight: 500;}
.sec01 .in .box.box02 li em {color: #dc196c;}
.sec01 .in .box.box02 li em.bl {color: #2453bc;}
.sec01 .in .box.box02 li span.blank {display: block;line-height: 0.5;}
.sec01 .in .box.box02 li span {font-weight: 300;}
.sec01 .in .box.box02 li:before {
	content: '';
	position: absolute;top: 1rem;left: 0.6rem;
	background: #000;font-size: 0;line-height: 0;
	width: 4px;height: 4px;
	border-radius: 100%;
}

.sec01 .in .btn_set {display: flex;gap: 2.3rem;margin-top: 4.4rem;justify-content: center;}
.sec01 .in .btn_set a {position: relative;width: 33.3rem;height: 8.2rem;border-radius: 1rem;background: #4b2084;color: #fff;font-size: 2rem;line-height: 8.2rem;padding-left: 8.6rem;text-align: center;
	box-shadow: 0px 1.2rem 3.2rem 0px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}
.sec01 .in .btn_set a:after {
	content: '';
	position: absolute;top: 0;left: 0;
	width: 8.6rem;height: 100%;
	background: #fff;
}
.sec01 .in .btn_set a:nth-child(1):after {background: #fff url("../images/qr01.png") no-repeat center center;background-size: 78% auto;}
.sec01 .in .btn_set a:nth-child(2):after {background: #fff url("../images/qr02.png") no-repeat center center;background-size: 78% auto;}
.sec01 .in p.desc {font-size: 1.6rem;line-height: 2.4rem;text-align: center;color: #000;margin-top: 3.8rem;}

.sec02 {}
.sec02 .in {padding: 4.5rem 5rem 0;}
.sec02 .in ul {}
.sec02 .in ul li {position: relative;height: 10rem;}
.sec02 .in ul li:first-child:before {
	content: '';
	position: absolute;top: 0;left: 0;z-index: 2;
	width: 100%;
	height: 1px;
	background: url('../images/dash_bg.png') repeat-x left center;
}
.sec02 .in ul li:after {
	content: '';
	position: absolute;bottom: 0;left: 0;z-index: 2;
	width: 100%;
	height: 1px;
	background: url('../images/dash_bg.png') repeat-x left center;
}
.sec02 .in ul li a {position: relative;line-height: 10rem;font-size: 2.2rem;font-weight: 500;padding-left: 7.2rem;}
.sec02 .in ul li:first-child a {background: url('../images/icn_list01.png') no-repeat left center;background-size: auto 9.9rem;}
.sec02 .in ul li:not(:first-child) a {background: url('../images/icn_list02.png') no-repeat left center;background-size: auto 9.9rem;}
.sec02 .in ul li:first-child a:after {
	content: '';
	position: absolute;top: 50%;right: 2.4rem;z-index: 2;
	width: 1.95rem;height: 2.85rem;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.5px" height="28.5px"><path fill-rule="evenodd" stroke="rgb(0, 0, 0)" stroke-width="3px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M3.096,2.835 L13.630,13.369 L3.096,23.904 "/></svg>') no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}
.sec02 .in ul li:not(:first-child) a:after {
	content: '다운로드';
	position: absolute;top: 50%;right: 2.4rem;z-index: 2;
	font-size: 1.6rem;line-height: 3.4rem;
	background: #e1d7e9;
	transform: translateY(-50%);
	padding: 0 2rem;
	border-radius: 1rem;
}
.sec02 .in ul li a span.right{}

footer {}
footer .in {padding: 4rem 5rem 4.7rem;}
footer .in h4 {position: relative;color: #000;font-size: 1.6rem;line-height: 2.4rem;padding-left: 3.5rem;font-weight: 500;}
footer .in h4:before {
	content: '';
	position: absolute;top: 50%;left: 0;
	width: 3rem;height: 1.7rem;
	background: url("../images/icn_speaker.png") no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}
footer .in p {font-size: 1.6rem;line-height: 2.4rem;color: #000;margin-top: 2rem;font-weight: 300;}

@media all and (max-width: 749px) {
	html {font-size: 1.33333333333333vw;}
}