/*--------------------------------------------------------------
# 인터넷소개 페이지 - kt
--------------------------------------------------------------*/
.intrWrap{
	width:100%;
	position:relative;
	margin-top:10rem;
	padding:0 0 12rem 0;
}
.intrSidebox{
	position:relative;
	max-width:120rem;
	padding:0 2rem;
	margin:0 auto;
}

.intrTitle {
	padding:10rem 2rem;
    display: flex;
    /* gap: 1rem; */
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.intrTitle img {
    height: 8rem;
}
.intrTitle h1{
	margin:3rem 0 2rem 0;
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 5.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 5.8rem;
}
.intrTitle p {
    display: flex;
    margin: 0;
    color: #111;
    font-family: 'Pretendard';
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.4rem;
    align-items: center;
    justify-content: center;
}
.intrTitle p img{
	margin:0 0.8rem 0 0;
	height:3.4rem;
}
.intrTitle p b{
	color: var(--main_color, #8754FB);
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}


.prpWrap{
	position:relative;
	width:100%;
	padding:0 0 6rem 0;
}
.prpSideBox{
	position:relative;
	max-width:120rem;
	padding:0 2rem;
	margin:0 auto;
}
.prpCardWrap{
	position:relative;
	width:100%;
}
.line:nth-child(1){
	margin:0;
}
.line{
	position:relative;
	width:100%;
	margin:6rem 0 0 0;
	padding:0 0 0 16rem;
	min-height:20rem;
}
.line h2{
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4rem;
	
	margin:0;
	padding:2.7rem 0 0 0;
}
.line h2:before {
    position: absolute;
    display: inline-block;
    content: '';
    top: 1rem;
    left: 0;
    border-radius: 3px;
    height: 2px;
    align-self: stretch;
    width: 100%;
    background: var(--main_color, #8754FB);
}

.lineCheck{
	display:flex;
	margin:2rem 0 0 0;
	gap:2rem;
}
.lineCheck .checkBox{
	margin:0
}


.cardBoxTong{
	cursor:pointer;
	position: relative;
    display: flex;
    padding: 3rem 4rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
}

.cardBox {
    position: relative;
}
.cardBox input[type="radio"] {
  display: none;
}
.cardBox label.cardLabel{
	cursor:pointer;
	position: relative;
    display: flex;
    padding: 3rem 4rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
}
.cardBox input[type="radio"]:checked + label.cardLabel {
	border: 1px solid var(--main_color, #8754FB);
	background: var(--light_color, #F8F7FE);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
.cardBox label.cardLabel:before{
	right: 2.2rem;
    top: 2.2rem;
    content: '';
    position: absolute;
    margin: 0;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    box-sizing: border-box;
    background: #eee;
    border: none;
}
.cardBox input[type="radio"]:checked + label.cardLabel:before {
    background: url(../img/internet/sub/prp_radio_ck.png) no-repeat center / cover;
}
label.cardLabel h3{
	color: #111;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
label.cardLabel h3 b{
	margin: 0 0 0 0.7rem;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
label.cardLabel dl {
    gap: 0.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
label.cardLabel dl span{
	color: #111;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
label.cardLabel dl b{
	color: #888;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
}
label.cardLabel p{
	color: #8754FB;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
}
label.cardLabel p span{
	margin: 0 0 0 0.5rem;
}
























.prpIntroWrap{
	position:relative;
	width:100%;
	padding:6rem 0 0rem 0;
}
.prpIntroBox{
	position:relative;
	margin:12rem 0 0 0;
}
.prpIntroBox:nth-child(1){
	margin:0;
}
.prpIntroSideBox{
	position:relative;
	max-width:120rem;
	padding:0 2rem;
	margin:0 auto;
}
.prpTitleBox {
    display: flex;
    width: 100%;
    border-radius: 1.8rem;
    padding: 4rem;
    background: #F8F7FE;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.prpTitleBox span {
    border-radius: 2.2rem;
    background: linear-gradient(0deg, #8754FB 0%, #8754FB 100%), #8754FB;
    display: flex;
    width: 6.4rem;
    height: 6.4rem;
	padding:1.1294rem 2.2588rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-Bold';
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.4rem;
}
.prpTitleBox h2{
	margin:2rem 0 1.2rem 0;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5rem;
}
.prpTitleBox h3{
	margin:0;
	color: #8754FB;
	font-family: 'Pretendard';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
	text-align: center;
}


.discBox{
	position:relative;
	margin:6rem 0 0 0;
}
.discTitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.discTitle img{
	height:5rem;
}
.discTitle h3{
	margin:1rem 0;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 5.6rem;
}
.discTitle span{
	display: flex;
	padding: 1rem 2rem;
	justify-content: center;
	align-items: center;
	border-radius: 5rem;
	border: 1px solid var(--main_color, #8754FB);
	color: #8754FB;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
}
.discTable{
	position:relative;
	margin:3rem 0 2rem 0;
}
.discTable table {
    width: 100%;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-collapse: collapse;
}
.discTable table thead tr th{
	padding: 2rem 0.2rem;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-collapse: collapse;
    border-bottom: 1px solid #8754FB;
}
.discTable table thead tr th.nborB{
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.discTable table thead tr th.col{
	color:#fff;
	background: #8754FB;
}

.discTable table tbody tr td{
	padding: 2rem 0.2rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-collapse: collapse;
    color: #111;
    text-align: center;
    font-family: 'Pretendard-Medium';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
}
.discTable table tbody tr td.tit{
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	background: #F8F8F8;
}
.discTable table tbody tr td.tit2{
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	background: #F8F8F8;
}
.discTable table tbody tr td.pup{
	color: #8754FB;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
}
.discTable table tbody tr td.col{
	color:#fff;
	background: #8754FB;
}
.discTable table tbody tr td.price{
	background: #F8F7FE;
	color: #8754FB;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 3.4rem;
}
.discTable table tbody tr td.price span{
	color: #8754FB;
font-size: 3rem;
line-height: 3.4rem;
}



.prpSubInfo ul li:nth-child(1) {
    margin: 0;
}
.prpSubInfo ul li {
    padding: 0 0 0 1rem;
    position: relative;
    margin: 0.8rem 0 0 0;
    color: #666;
    font-family: 'Pretendard';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
}
.prpSubInfo ul li b{
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}
.prpSubInfo ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.8rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #8754FB;
}

.prpInfoBox.nonemar {
    margin: 0;
}
.prpInfoBox{
	position:relative;
	width:100%;
	margin:6rem 0 0 0;
	padding:0 0 0 4.6rem;
}
.prpNumText{
	position:relative;
}
.prpNumText h2 {
    margin: 0 0 3rem 0;
    color: #111;
    text-align: left;
    font-family: 'Pretendard-SemiBold';
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 4rem;
}
.prpNumText span {
    top: 0.3rem;
    position: absolute;
    left: -4.6rem;
    display: flex;
    width: 3.4rem;
    height: 3.4rem;
    padding: 0.6rem 1.2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 1.2rem;
    background: linear-gradient(0deg, #8754FB 0%, #8754FB 100%), #8754FB;
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-ExtraBold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2.1rem;
}


/*=== 약정할인 ===*/
.contract {
    gap: 2rem;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.contract h3.point{
	margin:3rem 0 0 0;
}
.contract h3{
	color: #111;
	font-family: 'Pretendard';
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}
.contract h3 b{
	position:relative;
	color: #8754FB;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
}
.contract h3 b img {
    left: 0;
    width: 7.6rem;
    top: -4.2rem;
    height: 3.9rem;
    position: absolute;
}
.contract h4{
	color: #111;
	text-align:left;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.contract h4 b{
	display:block;
	color:#8754FB;
	font-family: 'Pretendard-Bold';
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
}
.contract p{
	margin:0;
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.contract p span{
	color:#8754FB;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
}

.contract.checkText{
	gap:0;
	margin:2rem 0;
}
.contract p.checkline{
	padding:0 0 0 2rem;
	position:Relative;
}
.contract p.checkline:before {
    content: '';
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/internet/common/check_after.png) no-repeat center/cover;
}
.contract p.checkline strong{
	font-family: 'Pretendard-Bold';
	font-weight: 700;
}

.contract p.clrcleline{
	padding:0 0 0 1.4rem;
	position:Relative;
}
.contract p.clrcleline:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
	border-radius:50%;
	background:#8754FB;
}

.coractTable{
	width:100%;
	position:relative;
}
.coractTable table{
	width:100%;
	position:relative;
	border:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
}
.coractTable table thead th{
	padding:2rem 0.2rem;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
	border-right:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	border-bottom: 1px solid #8754FB;
}
.coractTable table tbody td{
	padding:2rem 0.2rem;
	border:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	color: #111;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}
.coractTable table tbody tr td:nth-child(1){
	background: #F8F8F8;
}


/*=== 결합할인 ===*/
.combined{
	display:flex;
	width:100%;
	gap:3rem;
}
.combinedInner{
	width:50%;
	position:relative;
	padding: 0px 2rem 2rem 2rem;
	border-radius: 1.6rem;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.combinedInner h2 {
    text-align: left;
    display: flex;
    padding: 2rem 0px;
    gap: 0.8rem;
    color: #8754FB;
    font-family: 'Pretendard-SemiBold';
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.8rem;
    border-bottom: 1px solid #EEE;
    margin: 0 0 2rem 0;
    justify-content: flex-start;
    align-items: center;
}
.combinedInner h2 img{height:2rem;}

.cmdBox {
    display: flex;
    gap: 2.4rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.cmdInner{
	position:relative;
	width:100%;
}
.cmdInner h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.cmdInner h3 p {
    display: flex;
    color: #111;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    align-items: center;
    justify-content: flex-start;
}
.cmdInner h3 p span{
	margin:0 0 0 0.8rem;
	padding: 0px 1rem;
	border-radius: 99px;
	border: 1px solid var(--main_color, #8754FB);
	background: var(--light_color, #F8F7FE);
	color: var(--main_color, #8754FB);
	font-family: 'Pretendard-SemiBold';
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.cmdInner h3 dl{
	margin:0.6rem 0 0 0;
	display:block;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;/
}
.cmdInner ul.bora{
	margin:1rem 0 0 0;
	width: 100%;
	display: flex;
	padding: 1.6rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0.5rem;
	background: #F8F7FE;
}
.cmdInner ul.bora dl{
	color: #8754FB;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
	margin:0 0 0.2rem 0;
}
.cmdInner ul.bora li{
	position:relative;
	padding:0 0 0 1rem;
	margin:0.4rem 0 0 0;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.cmdInner ul.bora li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #8754FB;
}
.cmdInner ul.bora li b{
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}

.cmdInner ul.white{
	margin:1rem 0 0 0;
	width: 100%;
	display: flex;
	padding: 1.6rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	background: #fff;
	border-radius: 0.5rem;
	border: 1px solid #EEE;
}
.cmdInner ul.white dl{
	color: #8754FB;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
	margin:0 0 0.2rem 0;
}
.cmdInner ul.white li{
	position:relative;
	padding:0 0 0 1.7rem;
	margin:0.4rem 0 0 0;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.cmdInner ul.white li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 1.1rem;
    height: 0.8rem;
	background: url(../img/internet/sub/cmdCheck.png) no-repeat center / cover;
}


.cmdBtn{
	width:100%;
	position:relative;
}
.cmdBtn a{
	display: flex;
	padding: 1.5rem 2rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	align-self: stretch;
	width:100%;
	border-radius:0.5rem;
	border: 1px solid #8754FB;
	color: #8754FB;
	text-align: center;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
}
.cmdBtn a:hover{
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	color: #FFF;
	border: 1px solid #8754FB;
	background: #8754FB;
}


/*=== 제휴카드 ===*/
.affiliateBox{
	position:relative;
	width:100%;
}
.affTable{
	width:100%;
	position:relative;
}
.affTable table{
	width:100%;
	position:relative;
	border:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
}
.affTable table thead th{
	padding:2rem 0.2rem;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
	border-right:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	border-bottom: 1px solid #8754FB;
}
.affTable table tbody td{
	padding:2rem 0.2rem;
	border:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	color: #111;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}
.affTable table tbody tr td.bg{
	background: #F8F8F8;
}
.affTable table tbody tr td.cat{
	color: #06F;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.affTable table tbody tr td span{
	display:block;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}

/*=== 인터넷속도비교 ===*/
.speedBox{
	position:Relative;
}
.speedItem{
	position:Relative;
	margin:0 0 4rem 0;
}
.speedItem ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    align-items: flex-start;
}
.speedItem ul li{
    flex: 0 0 calc(33.3333333333% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
    background: #fff;
    position: Relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.speedInner{
	border-radius: 1.6rem;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	position:Relative;
	width:100%;
	display: block;
	padding:3rem;
}
.spdTop {
    margin: 0 0 3rem 0;
    padding: 0 0 3rem 0;
    border-bottom: 1px solid #eee;
    gap: 2rem;
    display: flex;
    align-items: center;
}
.spdTop img{
	height:10rem;
}
.spdToptext p{
	text-align: center;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.spdToptext {
	text-align: center;
	width: 100%;
	color: #111;
	font-family: 'Pretendard-Bold';
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
}
.spdToptext span{
	color: #8754FB;
}
.spdBottom {
	gap:2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.spdrecom {
    display: flex;
    padding: 0.6rem 1.8rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 99px;
    border: 2px solid #8754FB;
    color: #8754FB;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
}
.spdSubtext h3 dl {
    margin: 0 0 0.8rem 0;
    color: #111;
    font-family: 'Pretendard-SemiBold';
	text-align:left;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
}
.spdSubtext h3 p{
	position:Relative;
	padding: 0 0 0 1rem;
	margin:0.4rem 0 0 0;
	color: #111;
	text-align:left;
	font-family: 'Pretendard';
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.spdSubtext h3 p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #8754FB;
}

/*=== 셋톱박스 ===*/
.settopBox{
	position:Relative;
}
.subsTitle{
	position:Relative;
}
.subsTitle h3{
	margin:0 0 4rem 0;
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}
.settItem{
	position:Relative;
	margin:0 0 4rem 0;
}
.settItem ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
}
.settItem ul li{
    flex: 0 0 calc(33.3333333333% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
    background: #fff;
    position: Relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.settInner{
	border-radius: 2rem;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: #FFF;
	box-shadow: -10px -10px 30px 0px rgba(0, 0, 0, 0.05) inset;
	position:Relative;
	width:100%;
	display: flex;
	padding: 3rem;
	flex-direction: column;
	align-items: center;
	gap: 3rem;
	flex: 1 0 0;
	align-self: stretch;
}
.settTitle{
}
.settTitle h2 {
    gap: 0.6rem;
    display: flex;
    color: #8754FB;
    text-align: center;
    font-family: 'Pretendard-Bold';
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4.4rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.settTitle h2 span{
	color: #111;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.settImg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.settImg img{
	height:14rem;
}
.settSubt h3{
	text-align: center;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.settSubt h3 span{
	color: #8754FB;
	font-weight: 700;
	font-family: 'Pretendard-Bold';
}

/*=== 인잘알, 가입진행 절차 안내 ===*/
.joinprInner{
	position:relative;
	width:100%;
}
.joinprTitle{
	display: flex;
	padding: 2rem 0;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 1.6rem 1.6rem 0px 0px;
	background: linear-gradient(270deg, #C5ACFF 0%, #8754FB 100%);
	color: #FFF;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}

.jopr{
	width:100%;
	position:relative;
	padding: 3rem 1.3rem;
	border-radius: 0px 0px 1.6rem 1.6rem;
	border-right: 1px solid var(--stroke_box, #EEE);
	border-bottom: 1px solid var(--stroke_box, #EEE);
	border-left: 1px solid var(--stroke_box, #EEE);
	background: #FFF;
}
.jopr ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.1rem;
    list-style-type: none;
}
.jopr ul li{
    flex: 0 0 calc(20% - 2.2rem);
    margin: 1.1rem;
    box-sizing: border-box;
    background: #fff;
    position: Relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.jopr ul li:before {
    content: '';
    position: absolute;
    right: -2.2rem;
    width: 2.2rem;
    height: 2.1rem;
    background-image: url(/public/img/internet/sub/subarrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.jopr ul li:last-child:before{
	content:none;
}
.joprCont {
    gap: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.joprCont span{
	display: flex;
	padding: 1rem 1.4rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border-radius: 5.2rem;
	background: var(--light_color, #F8F7FE);
	color: #8754FB;
	text-align: center;
	font-family: 'Pretendard-ExtraBold';
	font-size:1.8rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2.1rem;
	text-transform: uppercase;
}
.joprContimgh3{position:Relative;}
.joprCont img{height:10rem;}
.joprCont h3{
	margin: 1rem 0 0 0;
	text-align:center;
	color: #111;
	text-align: center;
	font-family: 'Pretendard-Medium';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}


.saunWrap{
	position:Relative;
	margin:12rem 0 0 0;
	width:100%;
	display: block;
	padding: 7rem 8rem;
	border-radius: 1.6rem;
	background: linear-gradient(180deg, rgba(197, 172, 255, 0.10) 0%, rgba(135, 84, 251, 0.10) 100%);
}
.saunWrap img{
	position:absolute;
	right:0;
	top:0;
	height:100%;
}
.saunInner {
	z-index:2;
    gap: 2rem;
    display: flex;
    position: Relative;
    flex-direction: column;
    align-items: flex-start;
}
.saunInner dl{
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}
.saunInner dl span{
	font-weight: 700;
}
.saunInner h2{
	text-align:left;
	color: #111;
	font-family: 'Pretendard-Light';
	font-size: 4.2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 5.4rem;
}
.saunInner h2 span{
	font-family: 'Pretendard-ExtraBold';
	color: #8754FB;
	font-weight: 800;
}
.saunInner p{
	text-align:left;
	color: #111;
	font-family: 'Pretendard';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}

@media (max-width:1400px) {
	.intrTitle img {
		height: 7rem;
	}
	.intrTitle h1 {
		margin: 3rem 0 2rem 0;
		font-size: 4.6rem;
		line-height: 5.2rem;
	}
}
@media (max-width:991px) {
	.intrTitle {
		padding: 8rem 2rem;
	}
	.intrTitle img {
		height: 6rem;
	}
	.intrTitle h1 {
		margin: 2.6rem 0 1rem 0;
		font-size: 3.6rem;
		line-height: 5rem;
	}
	
	
	.line {
		position: relative;
		width: 100%;
		margin: 6rem 0 0 0;
		padding: 0;
		min-height: 20rem;
	}
	.line h2 {
		position: relative;
		font-size: 2.8rem;
		line-height: 3.6rem;
		padding: 2rem 0 2rem 0;
	}
	.line h2:before {
		top:0;
	}
	.cardBox label.cardLabel {
		padding: 2rem 2rem;
		gap: 1.6rem;
		border-radius: 1rem;
	}
	label.cardLabel h3 {
		font-size: 3rem;
		line-height: 3.6rem;
	}
	label.cardLabel h3 b {
		margin: 0 0 0 0.7rem;
		font-size: 2rem;
		line-height: 3.6rem;
	}
	label.cardLabel dl span {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	label.cardLabel p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.cardBox label.cardLabel:before {
		right: 2rem;
		top: 2rem;
		width: 2.6rem;
		height: 2.6rem;
	}
	
	
	.prpTitleBox {
		border-radius: 1.8rem;
		padding: 3rem;
	}
	.prpTitleBox span {
		border-radius: 1.6rem;
		width: 6rem;
		height: 6rem;
		padding: 0;
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.prpTitleBox h2 {
		margin: 2rem 0 1.2rem 0;
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
	.prpTitleBox h3 {
		font-size: 1.7rem;
		line-height: 2.6rem;
	}
	
	
	.combined {
		flex-direction: column;
		gap: 1rem;
	}
	.combinedInner {
		width: 100%;
	}
	
	
	.speedItem ul {
		gap: 1rem;
		width: 100%;
		display: flex;
		padding: 0;
		margin: 0;
		list-style-type: none;
		align-items: flex-start;
		flex-direction: column;
		align-content: flex-start;
	}
	.speedItem ul li {
		width: 100%;
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.speedInner {
		padding: 3rem 4rem;
	}
	.spdTop {
		margin: 0 0 2rem 0;
		padding: 0px 0 2rem 0;
		gap: 2rem;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: center;
	}
	.spdBottom {
		gap: 2rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.spdToptext {
		width: auto;
	}
	
	
	.settItem ul {
		gap: 2rem;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		list-style-type: none;
		flex-direction: column;
	}
	.settItem ul li {
		flex: 0 0 calc(100% - 2rem);
		margin: 0;
	}
	
	
	.joprCont img {
		height: 8rem;
	}
	
	
	.saunWrap {
		margin: 10rem 0 0 0;
		padding: 6rem 4rem;
		border-radius: 1.6rem;
	}
	.saunInner h2 {
		font-size: 3.2rem;
		line-height: 4.4rem;
	}
	.saunWrap img {
		bottom: 0;
		position: absolute;
		right: 0;
		top: inherit;
		height: 80%;
	}
	
	
	.discTable table thead tr th {
		padding: 2rem 0.2rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.discTable table tbody tr td {
		padding: 2rem 0.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.discTable table tbody tr td.price span {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	
	
	.coractTable table thead th {
		padding: 2rem 0.2rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.coractTable table tbody td {
		padding: 2rem 0.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.affTable table thead th {
		padding: 2rem 0.2rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.affTable table tbody td {
		padding: 2rem 0.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media (max-width:767px) {
	.intrWrap {
		margin-top: 6rem;
		padding: 0 0 5rem 0;
	}
	.intrTitle {
		padding: 5rem 2rem 4rem 2rem;
	}
	.intrTitle img {
		height: 4rem;
	}
	.intrTitle h1 {
		margin: 2rem 0 1rem 0;
		font-size: 2.4rem;
		line-height: 3.4rem;
		letter-spacing: -0.48px;
	}
	.intrTitle p {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.intrTitle p img {
		margin: 0 0.8rem 0 0;
		height: 2.6rem;
	}
	
	
	.prpWrap {
		overflow:hidden;
		padding: 0 0 4rem 0;
	}
	.prpWrap .swiper{
		overflow:unset;
	}
	.line {
		margin: 4rem 0 0 0;
	}
	.line h2 {
		font-size: 2rem;
		line-height: 2.6rem;
		padding: 1rem 0 1.6rem 0;
	}
	.cardBox label.cardLabel {
		padding: 2rem 2rem;
		gap: 1rem;
		border-radius: 0.6rem;
	}
	label.cardLabel h3 {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}
	label.cardLabel h3 b {
		margin: 0 0 0 0.4rem;
		font-size: 1.4rem;
		line-height: 3.4rem;
	}
	label.cardLabel dl {
		gap: 0.4rem;
	}
	label.cardLabel dl span {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	label.cardLabel dl b {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	label.cardLabel p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.cardBox label.cardLabel:before {
		right: 1.4rem;
		top: 1.4rem;
		width: 2rem;
		height: 2rem;
	}
	
	
	.prpIntroWrap {
		padding: 4rem 0 0rem 0;
	}
	.prpTitleBox {
		border-radius: 1rem;
		padding: 3rem;
	}
	.prpTitleBox h2 {
		margin: 1.4rem 0 0.8rem 0;
		font-size: 2.6rem;
		line-height: 3.8rem;
	}
	.prpTitleBox span {
		border-radius: 1.2rem;
		width: 3.7rem;
		height: 3.7rem;
		font-size: 1.5rem;
		line-height: 1.9rem;
	}
	.prpTitleBox h3 {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	
	
	.discBox {
		margin: 4rem 0 0 0;
	}
	.discTitle img {
		height: 4rem;
	}
	.discTitle h3 {
		margin: 1rem 0;
		font-size: 2.6rem;
		line-height: 3.8rem;
	}
	.discTitle span {
		padding: 1rem 2.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.discTable {
		margin: 3rem 0 1rem 0;
	}
	.discTable table thead tr th {
		line-height: 15.552px;
		font-size: 12.724px;
		padding: 1.4rem 0.2rem;
	}
	.discTable table tbody tr td {
		line-height: 15.552px;
		font-size: 11.31px;
		padding: 1.4rem 0.2rem;
	}
	.discTable table tbody tr td.price span {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.discTable table tbody tr td.price {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.prpSubInfo ul li {
		padding: 0 0 0 0.7rem;
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.prpSubInfo ul li:before {
		top: 0.8rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	
	
	.prpIntroBox {
		margin: 8rem 0 0 0;
	}
	.prpInfoBox {
		margin: 4rem 0 0 0;
		padding: 0;
	}
	.prpNumText {
		margin: 0 0 2rem 0;
		gap: 0.8rem;
		display: flex;
		position: relative;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.prpNumText h2 {
		margin: 0;
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.prpNumText span {
		top: inherit;
		position: relative;
		left: inherit;
		width: 2.6rem;
		height: 2.6rem;
		padding: 0.45rem 0.91rem;
		border-radius: 0.9rem;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	
	
	.contract {
		gap: 1.4rem;
	}
	.contract h3 {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.contract h3.point {
		margin: 2rem 0 0 0;
	}
	.contract h3 b img {
		left: 0;
		width: 7.6rem;
		top: -2.7rem;
		height: 2.4rem;
	}
	.contract h4 {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.contract h4 b {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.contract p{
		font-size: 1.3rem;
		line-height: 2rem;
	}
	
	.contract.checkText {
		gap: 0;
		margin: 1.4rem 0;
	}
	.contract p.checkline:before {
		top: 0.2rem;
		left: 0;
		width: 1.6rem;
		height: 1.6rem;
	}
	.contract p.clrcleline{
		padding:0 0 0 1.2rem;
		position:Relative;
	}
	.contract p.clrcleline:before {
		top: 0.6rem;
		left: 0;
		width: 0.6rem;
		height: 0.6rem;
	}
	
	
	.coractTable table thead th {
		padding: 1.4rem 0.2rem;
		font-size: 12.513px;
		line-height: 16.194px;
	}
	.coractTable table tbody td {
		padding: 1.4rem 0.2rem;
		font-size: 11.777px;
		line-height: 16.194px;
	}
	
	
	.cmdBox {
		gap: 1.8rem;
	}
	.combinedInner {
		padding: 0px 1.6rem 1.6rem 1.6rem;
		border-radius: 0.8rem;
	}
	.combinedInner h2 {
		padding: 1.5rem 0px;
		gap: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
		margin: 0 0 1.6rem 0;
	}
	.cmdInner h3 p {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.cmdInner h3 p span {
		margin: 0 0 0 0.6rem;
		padding: 0px 1rem;
		font-size: 1.3rem;
		line-height: 2.6rem;
	}
	.cmdInner h3 dl {
		margin: 0.6rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.cmdInner ul.bora dl {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin: 0 0 0.2rem 0;
	}
	.cmdInner ul.bora li {
		padding: 0 0 0 0.7rem;
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.cmdInner ul.bora li:before {
		top: 0.7rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	.cmdInner ul.white dl {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin: 0 0 0.2rem 0;
	}
	.cmdInner ul.white li {
		padding: 0 0 0 1.4rem;
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.cmdInner ul.white li:before {
		top: 0.6rem;
		width: 0.9rem;
		height: 0.6rem;
	}
	.cmdBtn a {
		padding: 1.4rem 2rem;
		gap: 1rem;
		border-radius: 0.4rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.affTable table thead th {
		padding: 1.4rem 0.2rem;
		font-size: 12.513px;
		line-height: 16.194px;
	}
	.affTable table tbody td {
		padding: 1.4rem 0.2rem;
		font-size: 11.777px;
		line-height: 16.194px;
	}
	.affTable table tbody tr td span {
		font-size: 10px;
		line-height: 15px;
	}
	
	
	.subsTitle h3 {
		margin: 0 0 2rem 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	
	
	.speedInner {
		border-radius: 0.8rem;
		padding: 2.4rem;
	}
	.spdTop {
		margin: 0 0 2.4rem 0;
		padding: 0px 0 2.4rem 0;
	}
	.spdToptext p {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.spdToptext {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
	.spdBottom {
		gap: 1rem;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.spdrecom {
		padding: 0.6rem 1.4rem;
		gap: 10px;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.spdSubtext h3 dl {
		margin: 0 0 0.4rem 0;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.spdSubtext h3 p {
		padding: 0 0 0 0.7rem;
		margin: 0.2rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.spdSubtext h3 p:before {
		top: 0.8rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	
	
	.settItem {
		margin: 0 0 2rem 0;
	}
	.settItem ul {
		gap: 1rem;
	}
	.settInner {
		border-radius: 1rem;
		padding: 3rem 2rem;
		gap: 2rem;
	}
	.settTitle h2 {
		gap: 0.2rem;
		font-size: 2.8rem;
		line-height: 3.6rem;
	}
	.settTitle h2 span {
		font-size: 1.7rem;
		line-height: 2.5rem;
	}
	.settImg img {
		height: 10rem;
	}
	.settSubt h3 {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	
	
	.joinprTitle {
		padding: 1.4rem 0;
		border-radius: 1rem 1rem 0px 0px;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.jopr {
		padding: 3rem 2rem;
		border-radius: 0px 0px 1rem 1rem;
	}
	.jopr ul {
		display: flex;
		padding: 0;
		margin: 0;
		gap:8rem;
		list-style-type: none;
		flex-direction: column;
		align-items: center;
	}
	.jopr ul li {
			display: block;
        width: 100%;
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
		box-sizing: border-box;
		background: #fff;
		position: Relative;
	}
	.joprCont span {
		padding: 1rem 1.6rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.joprContimgh3 {
		gap: 3rem;
		display: flex;
		align-items: center;
	}
	.joprCont h3 {
		margin: 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.jopr ul li:before {
		z-index:2;
		background: #fff;
		position: absolute;
		bottom: -6.5rem;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
		content: '';
		position: absolute;
		right: inherit;
		width: 2.1rem;
		height: 5.2rem;
		background-image: url( /public/img/internet/sub/subarrow.png);
		background-size: 2.1rem;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.jopr ul li:last-child:after{
		content:none;
	}
	.jopr ul li:after{
		z-index:1;
		content:'';
		position: absolute;
		bottom: -4rem;
		left:0;
		width:100%;
		height:1px;
		background:#eee;
	}
	
	
	.saunWrap {
		text-align:center;
		margin: 2rem 0 0 0;
		padding: 4rem 1rem 0 1rem;
		border-radius: 1rem;
	}
	.saunInner {
		z-index: 2;
		gap: 1rem;
		display: flex;
		position: Relative;
		flex-direction: column;
		align-items: center;
	}
	.saunInner h2 {
		text-align: center;
		font-size: 2.6rem;
		line-height: 3.4rem;
	}
	.saunInner dl {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.saunInner p {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.saunWrap img {
		bottom: 0;
		position: relative;
		right: 0;
		top: inherit;
		height: 20rem;
	}
}




.pidropBox{
	position:Relative;
	margin: 2rem 0 0 0;
}

.pidrop{
	width:100%;
	position:Relative;
	border-bottom: 1px solid #ddd;
	padding:3rem 0;
}
.pidropTop {
	cursor:pointer;
    padding: 0 0 0 4.6rem;
    width: 100%;
    position: Relative;
}
.pistep {
    top: 0.3rem;
    position: absolute;
    left: 0rem;
    display: flex;
    width: 3.4rem;
    height: 3.4rem;
    padding: 0.6rem 1.2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.4rem;
    background: linear-gradient(0deg, #8754FB 0%, #8754FB 100%), #8754FB;
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-ExtraBold';
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.4rem;
}
.pititle {
    position:Relative;
}
.pititle h3{
	margin: 0;
    color: #111;
    text-align: left;
    font-family: 'Pretendard-SemiBold';
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 4rem;
}
.arrow {
    position: absolute;
    right: 1rem;
    top: 0px;
    width: 4rem;
    height: 4rem;
    background-image: url(/public/img/internet/sub/faqarrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pidrop.on .arrow{
	transform: rotate(180deg);
}

.nonemarT{
	margin:0;
}
.pidropContent {
    display: none;
    padding: 3rem 0 0 0;
    background: #fff;
    border-top: none;
}
.pidropContent .prpNumText span{display:none;}
/*--------------------------------------------------------------
# 가입신청서
--------------------------------------------------------------*/
.subcWrap{
	width:100%;
	position:relative;
	margin-top:10rem;
	padding:0 0 12rem 0;
}
.subcSidebox{
	position:relative;
	max-width:117rem;
	padding:0 2rem;
	margin:0 auto;
}

.subcTitle {
	padding:8rem 0;
    display: flex;
    /* gap: 1rem; */
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.subcTitle img{
	height:8rem;
}
.subcTitle h1{
	margin:3rem 0 1rem 0;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5.6rem;
}
.subcTitle p{
	margin:0;
	color: #111;
	font-family: 'Pretendard';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
	text-align: center;
}

.sucBox{
	width:100%;
	position:relative;
	margin:6rem 0 0 0;
}
.sucBox:nth-child(1){
	margin:0;
}
.such2 {
    position: relative;
    /* margin: 0 0 2rem 0; */
}
.such2 h2{
	position:relative;
	display:inline-block;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5.6rem;
}
.such2 h2:before {
    top: -0.2rem;
    right: -1.8rem;
    color: #8754FB;
    font-family: 'Pretendard-SemiBold';
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    content: '*';
    position: absolute;
}
.such2 dl{
	margin:0.4rem 0 0 0;
	padding:0 0 0 1rem;
	position:relative;
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.such2 dl.dlmar{
	margin:1rem 0 0 0;
}
.such2 dl:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #8754FB;
}


.sucflex{
	display:flex;
	width:100%;
	position:relative;
}

.sucflex.nameNum {gap:3rem;}

.sucflex.jumin{gap:1rem;}
.sucflex.jumin span {color: #999;font-family: 'Pretendard';font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 6.6rem;}

.sucflex.Phone{gap:0.6rem}
.sucflex.Phone select{width:27.2rem;}

.sucflex.address{gap:1rem}
.sucflex.address input{width:18.7rem;}
.sucflex.address .Btn {
    cursor: pointer;
    display: flex;
    height: 6.6rem;
    padding: 0px 3rem;
    align-items: center;
    gap: 0px;
    border-radius: 0.4rem;
    border: 1px solid #111;
    background: #FFF;
    color: #111;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
}

.sucflex.email{gap:1rem;}
.sucflex.email span {color: #111;font-family: 'Pretendard';font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 6.6rem;}
.sucflex.email input{width:25rem;}
.sucflex.email .sucSel select{width:25rem;}

.sucflex.card{gap:1rem;}
.sucflex.card span {color: #111;font-family: 'Pretendard';font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 6.6rem;}
.sucflex.card input{width:37rem;}
.sucflex.card .sucSel select{width:20rem;}

.sucIn{
	margin:2rem 0 0 0;
	width:100%;
	display:block;
	position:relative;
}
.sucIn p{
	margin:0 0 0.4rem 0;
	display:block;
	color: #222;
	font-family: 'Pretendard-Medium';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.6rem;
}

.sucIn input {
border: 1px solid rgba(0, 0, 0, 0.10);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6.6rem;
border-radius: 0.4rem;
background: #ffffff;
padding: 0rem 3rem 0rem 3rem;
color: #111;
font-family: 'Pretendard';font-weight: 500;font-size: 1.8rem;font-style: normal;line-height: 2.6rem;}
.sucIn input:-webkit-autofill,
.sucIn input:-webkit-autofill:hover,
.sucIn input:-webkit-autofill:focus,
.sucIn input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn input:focus,
.sucIn input:active {background:#FFF; border:1px solid #8754fb;}
.sucIn input:focus{outline: none;}

.sucIn input::placeholder {
	color: #888;
	font-family: 'Pretendard-Light';
	font-weight: 300;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.6rem;
}
.sucIn input.marT1{margin:1rem 0 0 0;}


.sucSel{
	position:relative;
}
.sucSel:before {
    transform: translateY(-50%);
    z-index: 2;
    content: '';
    position: absolute;
    right: 3rem;
    top: 50%;
    width: 10px;
    height: 6px;
    background-image: url(
	/public/img/internet/sub/sel_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sucIn select {
	cursor:pointer;
border: 1px solid rgba(0, 0, 0, 0.10);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6.6rem;
border-radius: 0.4rem;
background: #ffffff;
padding: 0rem 3rem 0rem 3rem;
color: #111;
font-family: 'Pretendard';font-weight: 500;font-size: 1.8rem;font-style: normal;line-height: 2.6rem;
-webkit-appearance: none;}
.sucIn select:-webkit-autofill,
.sucIn select:-webkit-autofill:hover,
.sucIn select:-webkit-autofill:focus,
.sucIn select:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn select:focus,
.sucIn select:active {background:#FFF; border:1px solid #8754fb;}
.sucIn select:focus{outline: none;}


.radioBoxInner{
	margin:2rem 0 0 0;
	width:100%;
	display:block;
	position:relative;
}
.radioBoxInner p{
	margin:0 0 0.4rem 0;
	display:block;
	color: #222;
	font-family: 'Pretendard-Medium';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.6rem;
}
.radioBox {
    padding: 1.8rem 0 1.8rem 0;
    margin: 0;
    width: 100%;
    display: flex;
	gap:5rem;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.radioBox label {
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.radioBox input {
    margin: 0;
    margin-right: 0.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    background: url(../img/internet/sub/radio_unck.png) no-repeat center / cover;
    border: none;
    outline: none;
}
.radioBox input[type="radio"]:checked {
    background: url(../img/internet/sub/radio_ck.png) no-repeat center / cover;
}
.radioBox label span{
	color: #222;
	font-family: 'Pretendard-Medium';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}



.checkBox{
	position:relative;
	margin:1rem 0 2rem 0;
}
.checkBox input[type="checkbox"]{ 
	position:absolute; 
    width:1px; 
    height:1px; 
    padding:0; 
    margin:-1px; 
    overflow:hidden; 
    clip:rect(0,0,0,0); 
    border:0; 
}
.checkBox input[type="checkbox"] + label{ 
	display:inline-block; 
    position:relative; 
    padding-left:3rem; 
    cursor:pointer; 
	text-align: left;
	
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.checkBox input[type="checkbox"] + label:before{ 
	content:''; 
    position:absolute; 
    left:0; 
    top:0rem;
    width:2.4rem;
    height:2.4rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(../img/internet/common/check_before.png) no-repeat center/cover;
}
.checkBox input[type="checkbox"]:checked + label:after{ 
	content: ''; 
    position:absolute; 
	top:0rem;
	left:0; 
	width:2.4rem;
	height:2.4rem;
	background:url(../img/internet/common/check_after.png) no-repeat center/cover;
}


.sucIn textarea {
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.10);
    font-family: Pretendard;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    position: relative;
    height: 18rem;
    border-radius: 0.4rem;
    background: #ffffff;
    padding: 2rem 3rem 2rem 3rem;
    color: #111;
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 2.6rem;
}
.sucIn textarea:-webkit-autofill,
.sucIn textarea:-webkit-autofill:hover,
.sucIn textarea:-webkit-autofill:focus,
.sucIn textarea:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn textarea:focus,
.sucIn textarea:active {background:#FFF; border:1px solid #8754fb;}
.sucIn textarea:focus{outline: none;}
.sucIn textarea::placeholder {
	color: #888;
	font-family: 'Pretendard-Light';
	font-weight: 300;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.6rem;
}


.priContBox{
	position:relative;
	width:100%;
	margin:4rem 0 0 0;
}
.priContBox .checkBox {
    margin: 0rem 0 1rem 0;
}
.priContBox .checkBox input[type="checkbox"] + label:before {
    top: 0.4rem;
}
.priContBox .checkBox input[type="checkbox"]:checked + label:after {
    top: 0.4rem;
}
.priContBox .checkBox input[type="checkbox"] + label{
	font-size: 1.8rem;
	line-height:3.2rem;
}
.priContBox .checkBox input[type="checkbox"] + label span {
    margin: 0 0 0 0.6rem;
    color: #8754FB;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}


.priconttext{
	width:100%;
	position:relative;
	border-radius: 4px;
	padding: 2rem 3rem;
	background: #F8F7FE;
}
.priconttext ul li:nth-child(1){
	margin:0;
}
.priconttext ul li{
	padding:0 0 0 1rem;
	position:relative;
	margin:0.8rem 0 0 0;
	color: #111;
	font-family: 'Pretendard';
	font-size:1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.priconttext ul li:before{
	content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #8754FB;
}


.subcBtnBox {
    margin: 5rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.subcBtn{
	cursor:pointer;
	border-radius: 99px;
	background: #8754FB;
	display: flex;
	padding: 2.2rem 10rem;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}

@media (max-width:1400px) {
	.subcTitle {
		padding: 6rem 0;
	}
	.subcTitle img {
		height: 6rem;
	}
	.subcTitle h1 {
		margin: 2.6rem 0 0.6rem 0;
		font-size: 3.6rem;
		line-height: 5rem;
	}
	.subcTitle p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.such2 h2 {
		font-size: 3.6rem;
		line-height: 5rem;
	}
	.sucIn {
		margin: 1.6rem 0 0 0;
	}
	.sucflex.jumin span{
		line-height: 6rem;
	}
	.sucflex.email span{
		line-height: 6rem;
	}
	.sucIn p {
		margin: 0 0 0.4rem 0;
		font-size: 1.7rem;
		line-height: 3.2rem;
	}
	.sucIn input {
		height: 6rem;
		border-radius: 0.4rem;
		padding: 0rem 3rem 0rem 3rem;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.sucIn select {
		height: 6rem;
		border-radius: 0.4rem;
		padding: 0rem 3rem 0rem 3rem;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.sucflex.address .Btn {
		height: 6rem;
		padding: 0px 3rem;
		border-radius: 0.4rem;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.radioBoxInner p {
		margin: 0 0 0.4rem 0;
		font-size: 1.7rem;
		line-height: 3.2rem;
	}
	.radioBox {
		padding: 1.6rem 0 1.6rem 0;
		gap: 5rem;
	}
}
@media (max-width:991px) {
	.subcWrap {
		margin-top: 8rem;
		padding: 0 0 10rem 0;
	}
	.sucIn input {
		height: 5rem;
		border-radius: 0.4rem;
		padding: 0rem 2rem 0rem 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucIn input::placeholder{
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucIn select {
		height: 5rem;
		border-radius: 0.4rem;
		padding: 0rem 2rem 0rem 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucflex.jumin span{
		line-height: 5rem;
	}
	.sucflex.email span{
		line-height: 5rem;
	}
	.sucflex.address .Btn {
		height: 5rem;
		padding: 0px 2rem;
		border-radius: 0.4rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucIn textarea {
		height: 16rem;
		padding: 1.6rem 2rem 1.6rem 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucIn textarea::placeholder{
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	
	.sucflex.email input {
		width: 20rem;
	}
	.sucflex.email .sucSel select {
		width: 20rem;
	}
	.sucflex.card input {
		width: 30rem;
	}
	.sucflex.card .sucSel select {
		width: 15rem;
	}
	
	.radioBoxInner {
		margin: 1.6rem 0 0 0;
	}
	.radioBox {
		padding: 1.4rem 0 1.4rem 0;
		gap: 4rem;
	}
	.radioBox label span {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}
@media (max-width:767px) {
	.subcWrap {
		margin-top: 6rem;
		padding: 0 0 8rem 0;
	}
	.subcTitle {
		padding: 4rem 0 6rem 0;
	}
	.subcTitle img {
		height: 4rem;
	}
	.subcTitle h1 {
		letter-spacing: -0.48px;
		margin: 2rem 0 0.6rem 0;
		font-size: 2.4rem;
		line-height: 3.4rem;
	}
	.subcTitle p {
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.such2 h2 {
		font-size: 2.3rem;
		line-height: 2.9rem;
	}
	.such2 h2:before {
		top: -0.2rem;
		right: -1.4rem;
		font-size: 2rem;
		line-height: 2.9rem;
	}
	
	.sucflex {
		display: flex;
		width: 100%;
		position: relative;
		flex-direction: column;
	}
	.sucflex.nameNum {
		gap: 2rem;
	}
	.sucIn p {
		margin: 0 0 0.4rem 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.sucIn input {
		height: 5rem;
		border-radius: 0.4rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn input::placeholder{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucflex.nameNum {
		gap: 0rem;
	}
	.sucflex.jumin {
		display: flex;
		gap: 0.6rem;
		flex-direction: row;
	}
	.sucflex.Phone {
		display: flex;
		gap: 0.6rem;
		flex-direction: row;
	}
	.sucflex.Phone select {
		width: 13rem;
	}
	.sucIn select {
		height: 5rem;
		border-radius: 0.4rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucSel:before {
		right: 1.6rem;
		top: 50%;
		        width: 8px;
        height: 4px;
	}
	.sucflex.address {
		display: flex;
		gap: 0.6rem;
		flex-direction: row;
	}
	.sucflex.address input {
		width: 16rem;
	}
	.sucflex.address .Btn {
		height: 5rem;
		padding: 0px 1.6rem;
		border-radius: 0.4rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn input.marT1 {
		margin: 0.6rem 0 0 0;
	}
	.sucflex.email {
		padding: 0 0 5.6rem 0;
		display: flex;
		gap: 0.6rem;
		flex-direction: row;
		position: relative;
	}
	.sucflex.email input {
		width: 50%;
	}
	.sucflex.email span {
		font-size: 1.6rem;
		line-height: 5rem;
	}
	.sucflex.email .sucSel {
		left: 0;
		bottom: 0rem;
		position: absolute;
		display: block;
		width: 100%;
	}
	.sucflex.email .sucSel select {
		width: 100%;
	}
	
	.such2 dl.dlmar {
		margin: 0.6rem 0 0 0;
	}
	.such2 dl {
		margin: 0.4rem 0 0 0;
		padding: 0 0 0 0.8rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.such2 dl:before {
		top: 0.6rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.radioBoxInner p {
		margin: 0 0 0.4rem 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.radioBox {
		padding: 1rem 0 1.4rem 0;
		gap: 3rem;
	}
	.radioBox label span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.radioBox input {
		margin-right: 0.6rem;
		width: 2rem;
		height: 2rem;
	}
	
	.checkBox input[type="checkbox"] + label {
		padding-left: 2.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.checkBox input[type="checkbox"] + label:before {
		width: 2rem;
		height: 2rem;
	}
	.checkBox input[type="checkbox"]:checked + label:after {
		width: 2rem;
		height: 2rem;
	}
	
	.sucIn textarea {
		height: 12rem;
		padding: 1.2rem 1.6rem 1.2rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn textarea::placeholder{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.sucflex.card {
		padding: 0 0 5.6rem 0;
		display: flex;
		gap: 0.6rem;
		flex-direction: row;
	}
	.sucflex.card input {
		width: 100%;
	}
	.sucflex.card .sucSel{
		position:absolute;
	}
	.sucSel.year {
		padding: 0 0.3rem 0 0;
		bottom: 0;
		width: 50%;
		left: 0;
	}
	.sucSel.month{
		padding: 0 0 0 0.3rem;
		bottom: 0;
		width: 50%;
		right: 0;
	}
	.sucflex.card .sucSel select {
		width: 100%;
	}
	
	
	.priContBox .checkBox input[type="checkbox"] + label:before {
		top: 0;
	}
	.priContBox .checkBox input[type="checkbox"]:checked + label:after {
		top: 0;
	}
	.priContBox .checkBox input[type="checkbox"] + label {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.priContBox .checkBox input[type="checkbox"] + label span {
		margin: 0 0 0 0.4rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.priconttext {
		border-radius: 4px;
		padding: 1.4rem 1.4rem;
	}
	.priconttext ul li {
		padding: 0 0 0 0.8rem;
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.priconttext ul li:before {
		top: .7rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.subcBtnBox {
		margin: 3rem 0 0 0;
	}
	.subcBtn {
		width: 100%;
		border-radius: 0.6rem;
		padding: 1.8rem 3rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
}