body {
    margin:0;
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 146px;
    margin-bottom: 24px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.logo-img {
	cursor: pointer;
	width: 190px;
}

.ps-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 48px;
    height: auto;
    background-color: #F6F7F9;
}
.color-sub-main {
	font-size: 16px;
	color: #8f8f8f;
	font-weight: normal;
}
.ps-info {
	margin-top: -2%;
    margin-bottom: 40px;
    border-radius: 5px;
    border: 1px solid #C2C2C2;
    padding: 15px;
    font-size: 14px;
    word-break: keep-all;
    line-height: 25px;
}
.ps-info span {
	font-weight: 700;
	color: #D82337;
}
.ps-container {
    width: 100%;
}
.ps-checkbox-item2 {
    margin: 24px 0px;
}
.ps-checkbox-item3 {
    margin-bottom: 24px;
}
.ps-checkbox-item4 {
	margin-bottom: 34px;	
}  
.ps-checkbox-margin {
    margin-bottom: 8px;
    padding: 12px 24px;
}

.ps-checkbox{
	display:none;
}

.ps-checkbox + label{
	cursor:pointer;
    color: #4B4B4B;
    font-size: 21px;
    font-weight: 600;
}

.ps-checkbox + label > span{
	vertical-align: middle;
}

.ps-checkbox + label:after{
	position: absolute;
}

.ps-checkbox + label:before{
	content: "\1F5F8";
	color: #75787B;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	text-align: center; 
	padding: 4px 2px;
	vertical-align: middle;
	border-radius: 8px;
	background-color: #D9DCDF;
 }

.ps-checkbox:checked + label:before{
	color: #FFFFFF;
	background-color:#FF4A53;
}
/* 버튼 */

.ps-checkbox-tit {
    margin-bottom: 10px;
}
.ps-checkbox-tit-sub-margin {
    margin: 0px 56px;
}
.ps-checkbox-tit-sub {
    box-sizing: content-box;
    color: #75787B;
    font-size: 15px;
    font-weight: 400;
    word-break: keep-all;
}

.ps-checkbox-info {
    padding: 24px;
    border: 1px solid #D9DCDF;
    border-radius: 20px;
    max-height: 308px;
    overflow: scroll;
    word-break: keep-all;
}

/* 스크롤 */
.ps-checkbox-info::-webkit-scrollbar {
    width: 10px;
}

.ps-checkbox-info::-webkit-scrollbar-thumb {
    background-color: #B1B1B1;
    border-radius: 5px;
}

.ps-checkbox-info::-webkit-scrollbar-thumb:hover {
    background-color: #444;
}

.ps-checkbox-info {
    overflow-x: hidden;
    scrollbar-face-color: #666;
    scrollbar-shadow-color: #333;
    scrollbar-highlight-color: #f2f2f2;
    scrollbar-3dlight-color: #f2f2f2;
    scrollbar-darkshadow-color: #333;
    scrollbar-track-color: #f2f2f2;
    scrollbar-arrow-color: #666;
}

.btn {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 18px 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background: #908D79;
    margin-bottom: 1.5rem;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    border: 0px;
    cursor: pointer;
}

.no-sign-container {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
}

.no-sign-left {
	display: inline-block;
    text-align: center;
    min-width: 66px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    border-radius: 11px;
    margin-right: 5px;
    padding: 0 10px;
    background: #D82337;
    color: #fff;
    margin-right: 10px;
}

@media (max-width:768px) {
	.no-sign-container {
	    font-size: 14px;
	}
    .logo-img {
        width: 170px;
    }
    
    .ps-checkbox-item2 {
    	margin-top: 30px;
    }
    
    .ps-checkbox-item3 {
    	margin-bottom: 40px;
    }
   
    .ps-checkbox+label {
        font-size: 16px;
    }
    .color-sub-main {
    	font-size: 14px;
    }
    .ps-checkbox-tit-sub{
        font-size: 14px;
    }
    
    .ps-checkbox + label:before{
		width: 18px;
		height: 18px;
	 }
	
	.ps-checkbox:checked + label:before{
		width: 18px;
		height: 18px;
	}
	.btn {
        padding: 10px 10px;
    }
}

.agreement-container {width: 100%; max-width: 1460px;}
.agreement-wrap {background-color: #FFFFFF; border-radius: 20px; display: flex ; justify-content: center; padding: 64px 230px;}
.wizard-container {padding: 48px 0px; margin-bottom: 0px;}
.title-span {font-size: 27px; font-weight: 700; line-height: 1.5; color: #25282B;}
.ps-checkbox-item1 > div.ps-checkbox-margin {border: 1px solid #D9DCDF; border-radius: 24px;}
.ps-container > div button {width: auto; padding: 12px 24px !important; border-radius: 24px; background-color: #FF4A53; margin-bottom: 0px !important; font-size: 17px !important;}
.ps-container > div button:hover { background-color: #FF7C80; transition: 0.3s;}
.ps-container > div {display: flex; justify-content: center;}

#header-app {display: none;}

@media ( max-width: 1024px ) {
	.agreement-wrap {padding: 48px 24px;}
	.wizard-circle img, .wizard-circle-no span {width: 24px; height: 24px;}
	.wizard-circle-no span {font-size: 23px;}
	.wizard-desc {font-size: 17px;}
	.wizard-line {width: 50px;}
}

@media (max-width:768px) {
	.ps-body {padding: 0px; margin-top: 55px; background-color: #FFFFFF;}
	.title-span {font-size: 23px}
	.main-footer {display: none;}
	.ps-container > div button {width: 100%;}
	.ps-checkbox-info {max-height: 117px;}
	#header-app {display: block;}
	#header-app.gnb-open .gnb-nav{top: 55px !important;}
	#header-app h1.logo {
		left: 0px !important;
		width: auto !important;	
	}
	#app > div.logo {display: none;}
}
@media (max-width: 576px) {
	.wizard-circle {padding: 0px;}
	.wizard-body {margin: 0px 5px;}
	.wizard-line {width: 24px; margin-bottom: 23px;}
}

@media (max-width: 395px) {
	.wizard-body {margin: 0px 2px;}
}