/*  */
@charset "utf-8";
:lang(ko){letter-spacing:-0.0635em;}

body{
    font-family: 'Roboto', 'Noto Sans KR';
    letter-spacing: -0.0635em;
    max-width: 750px;
    background: #f9f9fb;
    margin: 0 auto;    
}

button{
	font-family: 'Roboto', 'Noto Sans KR';
}
#wrap{
    width: 100%;
    height:100%;
    background: #f9f9fb;
    position: relative;
    overflow-x: hidden;
}
.header{
    padding: 12px 0;
	width: 100%;
	height: 45px;
    background-color: #fff;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #dddee4;
}
.header.rgb{
    background-color: #f9f9fb;
}
.header.green{
	background-color: #20b7a4;
	border-bottom: none;
}
.header.text{ }
.header.text .back{
	position:absolute;
	left:15px;
	height:15px;
	width: 11px;
}
.header.text .home{
	position:absolute;
	left:15px;
	height:20px;
	width: 20px;
}
.header.text h1{
	text-align: center;
	font-size: 16px;
	color: #111;
}
.header img{
    width: 100px;
    height: auto;
}
.main{
    margin-top: 45px;
    background-color: #f9f9fb;
    padding-bottom: 130px;
}
.visual-box {
    position: relative;
    width: 100%;
    /* min-height: 335px; */
    background-color: #20b7a4;
}
.main .form-area .form{
    padding: 20px;
    color: #333;
}
.form-area .form-input{
    margin-bottom: 30px;
}
.form-area .label{
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.main .form-area .banner{
    margin-top: -20px;
    padding: 30px 20px 0;
    height: auto;
    background: #f9f9fb;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    line-height: 24px;
}

.main .form-area{
    position: relative;
}
.form-area form .form-input{
    margin-bottom: 30px;
}
.form-area form .label{
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.form-area .label .number{
	font-size: 17px;
	font-weight: bolder;
	color: #009591;
}
.form-area .label .text{
    margin-left: 3px;
}
.form-area input[type=text],
.form-area input[type=tel],
.form-area input[type=password]{
    display: block;
    width: 100%;
    padding: 0 15px;
    height: 45px;
    font-size: 16px;
    color: #000 !important;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.form-area input[type=text]:disabled,
.form-area input[type=tel]:disabled,
.form-area input[type=password]:disabled,
.form-area select:disabled{
	background:#ebeef1;
	color:#757575;
	box-shadow: none;
}
.form-area input[type=text]:focus,
.form-area input[type=tel]:focus,
.form-area input[type=password]:focus{
    outline:none;
    border:1px solid #20b7a4;    
    box-shadow: 0px 0px 10px 0px rgb(33 184 164 / 40%);
}
.form-area input[type=text]::placeholder,
.form-area input[type=tel]::placeholder,
.form-area input[type=password]::placeholder{
    font-size:16px;
    color:#757575;
    font-weight:300;
    letter-spacing: -0.0635em;
    font-family: 'Roboto', 'Noto Sans KR';    
}
.form-area input[type=text]:focus::placeholder,
.form-area input[type=tel]:focus::placeholder,
.form-area input[type=password]:focus::placeholder{
    color:transparent;    
}

.form-area select {
    display: block;
    width: 100%;
    padding: 0 15px;
    height: 45px;
    font-size: 16px;
    letter-spacing: -0.0635em;
    color: #000;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    margin-right: 5px;
    font-family: 'Roboto', 'Noto Sans KR';
    background: url(../images/skTelecom/select-arrow.png) no-repeat #fff right 15px center;
    background-size:11px 6px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;
}
.form-area select:invalid{
	color: #757575;
	font-weight: 300;
}
.form-area select option[value=""][disabled]{
	display: none;
}
.form-area .form-input .phone-carrier{
	width:100%;
	margin-bottom:10px
}
.form-area .form-input .radio-set,
.form-area .form-input .time-set{
    display: flex;
    gap: 5px;
}
.form-area .form-input .time-set label{
	display: none;
}
.form-area .form-input .radio-set.share{
    display: flex;
	flex-wrap: wrap;
    gap: 5px;   
}
.form-area .form-input .radio-set.share input[type="radio"] + label{
	width:calc(50% - 2.5px);
}
.radio-set input[type="radio"] {
    display: inline-block;
    position: absolute;
    left: -9999px;
}
.radio-set input[type="radio"] + label{
    padding:11.5px 0;
    margin-right:0;
    width:100%;
    text-align:center;
    color:#757575;
    background: white;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.radio-set input[type="radio"] + label::before{
    display:none;
}
.radio-set input[type="radio"]:checked + label{
    color:#fff;
    background: #20b7a4;
    box-shadow: 0px 5px 15px 0px rgb(33 184 164 / 40%);
}
.form-area .phone-set{
    display: flex;
    gap: 10px;
}
.form-area .phone-set select{
    width:105px;
}
.form-area .phone-set input{
    width: calc(100% - 120px);
}
.form-area .certi-set{    
    margin-top:10px;
}
#noticeBox{
	margin-top:30px;
}
.form-area .certi-set .certi-number{
    position: relative;
    display: inline-block;
    width: calc(70% - 10px);
}
.form-area .certi-set .certi-number span{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #ed1651;
    font-size: 16px;
    font-family: Roboto;
}
.form-area .certi-set button{
    width: 30%;
    height: 45px;
    background:#556b79;
    font-size: 15px;
    color:#fff;
    border-radius: 15px;
    border: 1px solid #556b79;
    float:right;
}

article .agree-single{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    background:#fff;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
input[type=checkbox],
input[type=radio]{
    display: inline-block; 
    position: absolute; 
    left: -9999px;
}
.check-circle{
	width: 100%;
}
.check-circle input[type=checkbox] + label,
.check-circle input[type=radio] + label{
    position: relative;
    padding: 0 10px 0 35px;
    display:block;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.check-circle input[type=checkbox] + label::before,
.check-circle input[type=radio] + label::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url("../images/skTelecom/btn-check-circle-off.png") no-repeat center top;
    background-size: 24px auto;
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.check-circle input[type=checkbox]:checked + label::before,
.check-circle input[type=radio]:checked + label::before{
    background: url("../images/skTelecom/btn-check-circle-on.png") no-repeat center top;
    background-size: 24px auto;
}

.check-vsign input[type=checkbox] + label{
    position: relative;
    padding: 0 10px 0 22px;
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 22px;
}
.check-vsign input[type=checkbox] + label::before{
    content: "";
    display: inline-block;
    width: 10.5px;
    height: 7.5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background:url("../images/skTelecom/btn-check-off.png") no-repeat center top;
    background-size: 10px auto;
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.check-vsign input[type=checkbox]:checked + label::before{
    background: url("../images/skTelecom/btn-check-on.png") no-repeat center top;
    background-size: 10px auto;
}
.check-vsign input[type=radio] + label{
    position: relative;
    padding: 0 10px 0 22px;
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 22px;
}
.check-vsign input[type=radio] + label::before{
    content: "";
    display: inline-block;
    width: 10.5px;
    height: 7.5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background:url("../images/skTelecom/btn-check-off.png") no-repeat center top;
    background-size: 10px auto;
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.check-vsign input[type=radio]:checked + label::before{
    background: url("../images/skTelecom/btn-check-on.png") no-repeat center top;
    background-size: 10px auto;
}
li.check-vsign{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
li.check-vsign a{
	display: flex;
	align-items: center;
	padding: 7px 0;
	margin-right: 10px;
	min-width: 145px;
}
li.check-vsign .rule_link {
	position: relative;
	width: 15px;
	height: 10px;
	top: 2px;
	right: inherit;
	background: url(/static/resources/moriaHoneQ/img/btn_arrowR.png) center right no-repeat;
	background-size: 4px 7px;
}
li.check-vsign label {
	padding: 5px 0;
	font-weight:300;
	color: #333;
	text-align: right;
	width: 60px;
	font-size: 14px;
}
.agree-single button{
    width: 7px;
    height: 11px;
    background: url("../images/skTelecom/btn-arrow-right-big.png") no-repeat center center;
    background-size: 7px auto;
    color: transparent;
    text-indent: -1000000px;
    border: none;
}
article .agree-multiple{    
    padding: 20px 15px;
    margin-top:20px;
    background:#fff;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
article .agree-multiple > div + ul{
    padding-top: 20px;
    margin-top: 15px;
    position: relative;
}
article .agree-multiple > div + ul::before{
    content:'';
    width: calc(100% + 30px);
    display: block;
    border-top: 1px solid #e7e8e9;
    position: absolute;
    top: 0;
    left: -15px;
}
.ul-term-set li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-bottom: 15px;
}
.ul-term-set li:last-child{
    margin-bottom: 0;
}
.ul-term-set li .btn-term-see{
    width: 4px;
    height: 7px;
    background: url("../images/skTelecom/btn-arrow-right.png") no-repeat center center;
    background-size: 4px auto;
    color: transparent;
    text-indent: -1000000px;
    border: none;
}
.notice-title{
    color:#333;
}
.notice-view {
    padding: 15px 20px;
    margin-top: 10px;
    background: #ebeef1;
    border-radius: 15px;
}
.notice-view li{
    position:relative;
    margin-top: 5px;
    padding-left: 18px;
    color:#666666;
    letter-spacing: -0.08em;
    line-height:18px;
    text-align: left;
    font-size: 12px;
}
.notice-view li:first-child{
	margin-top:0;
}
.notice-view li:before{
    content:"";
    position:absolute;
    left:0;
    top: 2px;
    width:13px;
    height:13px;
    background:url("../images/skTelecom/icon-info.png") no-repeat center center;
    background-size: 13px auto;
}
.notice-view li .warning {
    color:#E83F42;
    font-style:normal;
}
.text-low{
    padding: 0 20px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    color: #808080;
    text-align: center;
}
.image-hotline{
	position: fixed;
	top: 45px;
	width: 100%;
	display: flex;
	background: #2fa796;
	flex-direction: column;
	align-items: center;
}
.image-hotline img{
	max-height: 50px;
	min-height: 28px;
}
.complete-check-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:74px;
    margin-top: 117.5px;
    background: url(../images/skTelecom/icon-complete.png) no-repeat center top;
    background-size: 49px 48px;
    text-align:center;
}
.complete-check-box.kai{
	margin-top: 80px;
	padding-top: 70px;
}
.complete-check-box .main-title{
    font-size: 20px;
    color: #333;
    line-height: 25px;
}
.complete-check-box .sub-title{
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}
.complete-check-box .main-title span,
.complete-check-box .sub-title span{
    color: #009591;
}
.complete-check-box .event-reward{
	margin: 25px 0 35px;
	color: #000;
	font-size: 16px;
	position:relative;
}
.complete-check-box .event-reward:before{
	content:'';
	display:block;
	margin:15px auto;
	width:200px;
	height:1px;
	border-top:1px solid #e0e0e0;
}
.complete-check-box .event-reward:after{
	content:'';
	display:block;
	margin:15px auto;
	width:200px;
	height:1px;
	border-top:1px solid #e0e0e0;
}
.complete-check-box .event-reward span{
	color: #009591;
	font-size: 15px;
}
.complete-check-box .case-employee-reward{
	margin-top: 25px;
	width: 250px;
	height: 375px;
	background: url(/static/resources/etcurl/images/event/img-event-end.png) no-repeat center top 90px;
	background-size:contain
}
.complete-check-box .case-employee-reward .label{
	padding: 3px 15px;
	margin-bottom: 10px;
	display:inline-block;
	font-size:14px;
	font-weight:500;
	color:#20b7a4;
	border: 1px solid #20b7a4;
	border-radius:15px
}
.complete-check-box .case-employee-reward p{
	font-size:14px;
	color:#111;
}
.complete-check-box .case-employee-reward p span{
	color:#666;
}
.complete-check-box .case-normal{
	width: 100%;
}
#vvipDiv{
	width:80%;
}
#vvipDiv  .p-notice{
	padding: 30px 0
}
.complete-check-box .p-notice{
	padding:30px;
	margin: 40px auto 0;
	width:calc(100% - 50px);
	background: #fff;
	font-size:15px;
	color:#111;
	font-weight:400;
	border-radius:15px;
}
.certi-area{
	margin-top: 20px;
}
.certi-area button{
	padding:12px 0 11px;
	width: 100%;	
	background: #556b79;
	color: #fff;
	border: none;
	border-radius: 15px;	
}
 .footer, .btn_area{
    max-width: 525px;
    padding: 25px 20px 25px;
    position:fixed;
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    height:110px;
    bottom:0;
    font-size:0;
    background:linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 1%, rgba(255, 255, 255) 45%, #fff);
    z-index: 10;
}
.footer button,
.btn_area button{
    width: 100%;
    height : 60px;
    background: #8d9695;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
    font-weight: 500;
    position:relative;
    z-index: 1;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
 }
.footer.two-button,
.footer.half-button,
.btn_area.posFix,
.footer.two-same-button{
	display: flex;
	gap:10px;
 }
 .footer.two-button button:first-child,
 .btn_area.posFix button:first-child{
	flex:50%;
	background-color:#ccc;
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.footer.two-same-button button:first-child{
	background-color:#ccc;
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}

.footer button::after,
.btn_area button::after{
    content: "";
    width: 0%;
    height: 100%;
    top:0;
    left: 0;
    border-radius: 30px;
    position: absolute;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
  }
.footer button.on::after,
.btn_area button.on::after{
    width: 100%;
    z-index: -1;
    background:#009591;
    box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%);
}
.visual-anniv{
	padding:0 20px 40px;
	margin-top: -45px;
	height: 100%;
	background: #74d3ce;
}
.visual-anniv .anniv-top{
	height: 210px;
	background: url(/static/resources/etcurl/images/event/img_anniv_03.png?312356) no-repeat center top 20px;
	background-size: calc(100% - 10px) auto;
}
.visual-anniv .anniv-top::before{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	left:0;
	width: 75px;
	height:45px;
	background: url(/static/resources/etcurl/images/event/img_anniv_02.png) no-repeat center center;
	background-size: 75px 45px;
}
.visual-anniv .anniv-top::after{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	right:0;
	width: 75px;
	height:45px;
	background: url(/static/resources/etcurl/images/event/img_anniv_01.png) no-repeat center center;
	background-size: 75px 45px;
}
.visual-anniv .anniv-middle{
	margin-top:10px;
	padding: 175px 10px 15px;
	background: url(/static/resources/etcurl/images/event/img_anniv_04.png?312356) no-repeat center top 20px #00847f;
	background-size: calc(100% - 20px) auto;
	border-radius:15px;
}
.anniv-middle .ul_anniv{
	display: flex;
    justify-content: space-evenly;	
	}
.anniv-middle .ul_anniv li{
	width: 100%;
}
.anniv-middle .ul_anniv input[type="radio"]{
	display:none;
}

.anniv-middle .ul_anniv input[type="radio"]{
	display:none;
}
.anniv-middle .ul_anniv input[type=radio] + label{
	width: 100%;
	height: 140px;
	float: left;
	cursor:pointer;
	background: url(/static/resources/etcurl/images/event/twenty_pop_radio01.png) no-repeat center center;
	background-size: 100%;
	transition: all, 0.1s;	
}
.anniv-middle .ul_anniv input[type=radio] + label.rdo_img02{background: url(/static/resources/etcurl/images/event/twenty_pop_radio02.png) no-repeat center center;background-size: 100%;}
.anniv-middle .ul_anniv input[type=radio] + label.rdo_img03{background: url(/static/resources/etcurl/images/event/twenty_pop_radio03.png) no-repeat center center;background-size: 100%;}
.anniv-middle .ul_anniv input[type=radio] + label.rdo_img04{background: url(/static/resources/etcurl/images/event/twenty_pop_radio04.png) no-repeat center center;background-size: 100%;}

.anniv-middle .ul_anniv input[type=radio]:checked + label{	
	background: url(/static/resources/etcurl/images/event/twenty_pop_radio01On.png) no-repeat center center;
	background-size: 100%;
}
.anniv-middle .ul_anniv input[type=radio]:checked + label.rdo_img02{background: url(/static/resources/etcurl/images/event/twenty_pop_radio02On.png) no-repeat center center;background-size: 100%;}
.anniv-middle .ul_anniv input[type=radio]:checked + label.rdo_img03{background: url(/static/resources/etcurl/images/event/twenty_pop_radio03On.png) no-repeat center center;background-size: 100%;}
.anniv-middle .ul_anniv input[type=radio]:checked + label.rdo_img04{background: url(/static/resources/etcurl/images/event/twenty_pop_radio04On.png) no-repeat center center;background-size: 100%;}

.visual-anniv .anniv-bottom{
	padding:20px;
	background: #1baaa2;
	border-radius:15px;
}
.anniv-bottom .image-wrap{
	position: relative;
}
.anniv-bottom .image-wrap .btn-kakao{
	display: block;
	position: absolute;
	bottom: 3%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 18%;
	font-size: 0;
	color: transparent;
}
.notice-area{
	padding: 20px;
	margin-top: 20px;
}
.notice-area .p-title{
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
}
.notice-area .ul-error{
	padding: 15px;
	background-color: #fff;
	border-radius: 15px;
}
.ul-error{
	margin-top: 12px;	
}
.ul-error li{
	margin-top: 5px;
	padding-left: 16px;
	position: relative;
	font-size: 12px;
	color: #666;
	line-height: 17px;
}
.ul-error li span{
	color: #ed1651;
}
.ul-error li .event-text{
	color: #004834;
}
.ul-error li::before {
	content:'';
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(/static/resources/etcurl/images/event/icon_error_red.png) no-repeat center center;
	background-size:13px auto;
	filter: brightness(1.3);
}
.text-error{
	margin-top: 12px;
	padding-left: 16px;
	position: relative;
	font-size: 12px;
	color: #fff;	
}
.text-error::before {
	content:'';
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(/static/resources/etcurl/images/event/icon_error.png) no-repeat center center;
	background-size:13px auto;
}
.text-error-red{
	margin-top: 12px;
	padding-left: 18px;
	position: relative;
	font-size: 12px;
	color: #000;	
}
.text-error-red::before {
	content:'';
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(/static/resources/etcurl/images/event/icon_error_red.png) no-repeat center center;
	background-size:13px auto;
}
.error-red,
.msg_error{
	display:none;
	margin-top: 12px;
	font-size: 12px;
	color: #ed1651;	
}
/* 미디어대응 */
@media(min-width:390px){
    .visual-anniv .anniv-top{height: 235px;}
	.visual-anniv .anniv-middle{padding-top:210px;padding-bottom: 25px;}
}
@media(max-width:360px){
    .visual-anniv .anniv-top{height: 200px;}
	.visual-anniv .anniv-middle{padding-top: 170px;padding-bottom: 0;}
}
@media(max-width:340px){
    .visual-anniv .anniv-top{height: 190px;}
	.visual-anniv .anniv-middle{padding-top: 150px;padding-bottom: 0;}
}
@media(max-width:330px){
    .visual-anniv .anniv-top{height: 160px;}
	.visual-anniv .anniv-middle{padding-top: 140px;padding-bottom: 0;}
}
@media(max-width:290px){
    .visual-anniv .anniv-top{height: 155px;}
	.visual-anniv .anniv-middle{padding-top: 110px;padding-bottom: 0;}
	.visual-anniv .anniv-bottom{padding:10px;}
}

/* 팝업  */
button {
	margin:0;
	padding:0;
    color:#222;
    border: 0;
	outline: 0;
    font-size:1em;
	-webkit-appearance:none;
    background-color: transparent;
    cursor: pointer;
}
.inner{
	position:relative;
	width:auto;
	min-width:calc(240px - 8.888%);
	margin:0 4.444%;
}
.content-in .top-notice{
	margin-bottom: 35px;
}
.content-in h3{
	margin-bottom:10px;
	font-size: 15px;
	color: #333;
}
.content-in .border-box{
	border: 1px solid #999;
	padding: 15px;
}
.content-in dl{
	margin-top: 20px;
}
.content-in dl dt{
	font-size: 15px;
	color: #333;
}
.content-in dl dd{
	margin-top: 5px;
	line-height: 1.6;
}
.alert-popup-bg{
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity:0;
	z-index:9;
}
.popup-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	bottom: 0;
	overflow: hidden;
	z-index:1000;
	display:none;
}
.popup-container.view {
	display:flex;
}
.popup-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #f9f9fb;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.popup-container .popup-wrap .popup-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/* 슬라이드 팝업 (공통 디자인) */
.slide-popup .popup-wrap{
	width: 100%;
	position: absolute;
	left:0;
	bottom: 0%;
}
.slide-popup .popup-wrap .popup-header{
	position: relative;
	margin-bottom: 20px;
	padding:30px 0 20px;
}
.slide-popup .popup-wrap .popup-header h2{
    font-size: 16px;
    font-weight:400;
	line-height: 1.5;
	color: #222222;
	letter-spacing: -0.02em;
	text-align:center;
}
.layer-popup-type .popup-wrap .popup-header p{
	margin-top: 22px;
    font-size: 12px;
    color: #666;
    letter-spacing: -0.02em;
    line-height: 1.5;
}
.slide-popup .popup-wrap .popup-content{
	flex: 1;
	align-items: initial;
	justify-content:start;
	flex-direction:column;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 130px;
}
.slide-popup .popup-wrap .popup-btn{
	width: 100%;
}


/* 슬라이드 팝업 (풀팝업) */
.full-popup-type .popup-wrap{
	left:100%;
	height: 100%;
	-webkit-transition:left 400ms;
	transition:left 400ms;
}
.full-popup-type .popup-wrap.move {
	left:0%;
}
.full-popup-type .popup-wrap .popup-header{	
	padding:15px 0 12px;
}
.full-popup-type .popup-wrap .popup-header h2{
	display:block;
	margin-top: 3px;
}

.full-popup-type .popup-wrap .popup-header .popup-close{
	position:absolute;
	right:0;
	top:50%;
	width: 24px;
	height: 24px;
	margin-top:-11px;
	background:url("/static/resources/platform/oneday/images/common/btn_close_24px.svg") no-repeat center center;
}
.full-popup-type .popup-wrap .popup-header .popup-close span {
	font-size:0;
	text-indent:-9999px;
}
.full-popup-type .popup-wrap .popup-header .popup-close img {
	display:none;
}
.full-popup-type.search-popup .popup-wrap .popup-header{
	margin-bottom:0px;
}
.full-popup-type.search-popup .inner > .step-view{
	padding: 10px 0 8px 0;
	height: auto;
}
.full-popup-type.search-popup .popup-btn{
	padding-top: 20px;
}
.full-popup-type.search-popup .popup-btn .Check{
	margin-bottom: 0px;
}
.full-popup-type.search-popup .popup-btn .guideline-view{
	margin-bottom: 20px;
}
.divStepCert .confirm_back.btnPrev{
	display: none;
}
/*  */
.main .top-notice{
	padding:20px;
}
.visual-box .executives-campaign{
/* 	min-height: 320px; */
}
/* .visual-box .executives-campaign::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    background: url(/static/resources/etcurl/images/event/img-banner-hanafam.png) no-repeat center center;
    background-size: contain;
}
.visual-box .executives-campaign.normal::before{
	background: url(/static/resources/etcurl/images/event/img-banner-normal.png) no-repeat center center;
    background-size: contain;
} */
.visual-box .executives-campaign.normal .image1,
.visual-box .executives-campaign.normal .image3,
.visual-box .executives-campaign.vvip .image1,
.visual-box .executives-campaign.vvip .image2,
.visual-box .executives-campaign .image2,
.visual-box .executives-campaign .image3{
	display: none;
}
.visual-box .executives-campaign .image1,
.visual-box .executives-campaign.normal .image2{
	display: block;
}
.visual-box .executives-campaign.vvip{
	margin-bottom: 5px;
}
.visual-box .executives-campaign.vvip .image3{
	display: block;
}
.form-event-subscription{	
}
.event-subscription{
	height:100%;
	position: relative;
	padding: 30px 20px;
	margin-top: -20px;
	border-radius: 20px 20px 0 0;
	background: #f9f9fb;
}
.form-event-subscription .user-info-box{
	background-color:#fff;
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border: none;
    border-radius: 15px;
	
}
.user-info-box .i-wrap{	
    height: 60px;
    width:100%;
    position:relative;
    transition: all 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.user-info-box li + li{
	border-top:1px solid #ccc;
}
.user-info-box .i-wrap{
	position: relative;
}
.user-info-box .i-wrap label{
	background: transparent;
    position: absolute;
    top: 2px;
    height: 60px;
    display: none;
    width: 100%;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 300;
    color: transparent;
    left:0;
} 
.user-info-box .i-wrap input{
	background: transparent;
	width:100%;
    height: 60px;    
    padding: 0 20px;
    font-size: 16px;
    border:none;
    border-radius:15px;
    line-height:1;
}
.user-info-box .i-wrap input::placeholder{
	color: #757575;
	font-weight:300;
	font-size:16px;
	letter-spacing: -0.0635em;
}
.user-info-box .i-wrap input:focus{
	border:2px solid #28b2a5; 
}
.user-info-box .i-wrap.social-number{
	display: flex;
	align-items: center;
	gap: 10px;
} 
.user-info-box .i-wrap .input-social-number{
	position: relative;
}
.title-accordian{
	padding: 10px 0 10px 90px;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight:500;
	color: #000;
	background: url(/static/resources/etcurl/images/event/img-shougun.png) no-repeat center left;
	background-size: 80px auto;
	position:relative;
}
.title-accordian:after{
	content:'';
	display:block;
	position:absolute;
	height:2px;
	width:100%;
	bottom: -4px;
	left: 0;
	border-bottom:2px solid #666;
}
.div-QandA-group{
	margin-bottom: 40px;
	padding: 0 20px
}
.div-QandA-group > ol > li{
	border-bottom: 1px solid #dddee4;
}
.div-QandA-group > ol > li > div > span::before{
	content: "Q1.";
	display: block;
}
.div-QandA-group > ol > li:nth-child(2) > div > span::before{
	content: "Q2.";
}
.div-QandA-group > ol > li:nth-child(3) > div > span::before{
	content: "Q3.";
}
.div-QandA-group > ol > li:nth-child(4) > div > span::before{
	content: "Q4.";
}
.div-QandA-group > ol > li:nth-child(5) > div > span::before{
	content: "Q5.";
}
.div-QandA-group > ol > li:nth-child(6) > div > span::before{
	content: "Q6.";
}
.div-QandA-group > ol > li:nth-child(7) > div > span::before{
	content: "Q7.";
}
.div-QandA-group > ol > li:nth-child(8) > div > span::before{
	content: "Q8.";
}
.div-QandA-group > ol > li:nth-child(9) > div > span::before{
	content: "Q9.";
}
.div-QandA-group > ol > li:nth-child(10) > div > span::before{
	content: "Q10.";
}
.div-QandA-group .title-bar{
    display: flex;
    gap: 5px;
    padding: 20px 50px 20px 0;
    font-size: 14px;
    line-height: 19px;
    letter-spacing:-0.08em;
    word-break: keep-all;
    color:#000;
    font-weight: 500;
    background: url("/static/resources/moriaHoneQ/img/select_arrow.png") right 20px top 26px no-repeat;
    background-size: 12px 6px;
    justify-content: flex-start;
}
.div-QandA-group .title-bar + .answer-show + .title-bar{
	border-top: 1px solid #dddee4;
}
.div-QandA-group .title-bar.title-bar-active{
	background: url("/static/resources/moriaHoneQ/img/btn_arrowU_g.png") right 20px top 26px no-repeat;
	background-size: 12px 6px;
	color: #009591;
}
.div-QandA-group span{
}
.div-QandA-group section{
    padding: 0 25px;
}
.div-QandA-group section p{
	margin-bottom:20px;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	word-break:keep-all;
}
.div-QandA-group section p .kome{
	position:relative;
	display: block;
	margin: 5px 0 0 15px;
	color: #999;	
}
.div-QandA-group section p .kome:before{
	content:"※";
	position: absolute;	
	top: 0px;
	left: -15px;
}
.div-QandA-group section p .kome.red{
	color:#dc231e;
}
.div-QandA-group .employee .title-exam{
	margin-bottom: 10px;
	font-size: 14px;
	color: #111;
	font-weight: 500;
}
.div-QandA-group .employee .body-exam{
	width: calc(100% + 40px);
}
.div-QandA-group .employee .body-exam span{
	display: block;;
}
.normal-event{
	padding: 0 20px;
	font-size:13px
}
.normal-event .normal-event-title{
	font-weight: 500;
	color: #333;
}
.normal-event .normal-event-body{
	margin: 10px 0 20px;
	color: #666;
	word-break: keep-all;
}
.normal-event .normal-event-law{
	color: #666;
	font-weight: 300;
}
/* layer popup */
.popup_box { display: none; height: 100%; width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 5000; }
.dimmed { /* background:rgba(0,0,0,0.6); */}
.pop_h2 { float: left; width: 100%; color: #111; font-size: 15px; padding-bottom: 15px;}
.popup_m_box {background: rgba(0, 0, 0, 0.6);z-index: 5200;
}
.popup_m_container {
	position: fixed;
	/* width: calc(100% - 50px); */
	max-width: 400px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #f9f9fb;
	border-radius: 15px;
}
.popup_m_header {
	font-size: 16px;
	color: #010101;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	max-height: 84px;
}
.popup_m_header h1 {
	padding: 20px 0 0;
	width: 100%;
}
.popup_m_top{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50px;
	margin-top: 30px;
	background: url(../images/skTelecom/icon-complete.png) no-repeat center top;
	background-size: 49px 48px;
	text-align:center;
}
.popup_m_body {
	width: 100%;
	padding: 20px;
	text-align: center;
}
.popup_m_body .url-text-set p{
	word-break:keep-all
}
.popup_m_body .url-text-set p:first-child{
	color: #009591
}
.popup_m_body .url-text-set p:last-child{
	text-align: left;
	color: #ed1651;
	line-height: 1.4;
}
.popup_m_body .popup_cont_box span{
	color:#009591;
}
.certifi_head{float:left;width:100%;}
.certifi_head h2{text-align:center;width:100%;float:left;padding:20px 10px;font-size:18px;color:#111;}
.certifi_head .btn_md_box{padding:25px 15px;background:#f2f2f2}
.certifi_head .btn_md_box input[type=radio].btn_radio:disabled + label{color:#777;background:#d9d9d9}
.certifi_body{float:left;width:100%;padding:20px 15px;}
.certifi_box{float:left;width:100%;text-align:center}
.certifi_box > strong{font-size:16px;color:#111;display:block;width:100%;word-break: keep-all;}
.certifi_box > span{color:#999;font-size:13px;display:block;width:100%;padding:10px;word-break:keep-all;}
.certifi_box > div{width:100%;float:left;padding-top:15px;}
.field_title + .certifi_box > div{padding-top:10px;}
.certifi_box > div > ul{width:100%;float:left;}
.certifi_box > div > ul > li{position:relative;width:calc(50% - 3px);border:1px solid #ccc;border-radius:3px;float:left;background-repeat:no-repeat;background-position:center 20px;background-size:35px auto;background-color:#fff}
.certifi_box > div > ul > li a{display:inline-block;width:100%;padding:48px 0 15px 0;font-size:15px;font-weight:500;letter-spacing:-1px;}
.certifi_box > div > ul > li span{display:none;position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);background:#28b2a5;text-align:center;color:#fff;padding:10px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;font-weight:400;font-size:13px;}
.certifi_box > div > ul > li a:after{content:"\f105";font-family:'FontAwesome';vertical-align:1px;padding-left:4px}
.certifi_box > div > ul > li.certi_03 a:after{display:none}
.certifi_box > div > ul > li + li{margin-left:6px}
.certi_01{background-image:url('../img/icon_certi01.png');height:87px}
.certi_02{background-image:url('../img/icon_certi02.png');height:87px}
.certi_03{background-position:center center !important;height:87px;}
.certi_01 a{height:85px}
.certi_02 a{height:85px}
.certi_03 a{padding:0 !important;height:85px}


.certifi_phone{width:100%;float:left;}
.certifi_phone .cerp_tit{font-size:18px;font-weight:700;color:#333;width:100%;float:left;margin-bottom:10px;}
.certifi_plist{width:100%;float:left;}
.certifi_plist input[type=radio].btn_radio + label{width:calc(25% - 4.5px) !important;float:left;height:40px;margin-right:6px;color: #777;background:#fff;border: 1px solid #999;font-weight:400;font-size:14px;padding:0 !important;line-height:38px;}
.certifi_plist input[type=radio].btn_radio:checked + label{border-color:#28b2a5;color:#fff; background:#28b2a5;}
.certifi_plist select{width:calc(25% - 4.5px) !important;float:left;}
.certifi_phone .certifi_set{margin-top:20px}
.certifi_phone .certifi_set input{border:none;border-bottom:1px solid #3d3d49;color:#111;text-align:center;border-radius:0;}
.certifi_phone .certifi_set + .msg_box{margin-top:0}
.agree_check_box{width:100%;float:left;background:#f2f2f2;border-radius:3px;padding:15px;margin-top:20px}
.agree_check_box .acb_title{border-bottom:1px solid  #999;padding:10px 0;margin-bottom:5px;color:#111;font-weight:700;font-size:16px;position:relative;}
.agree_check_box .acb_title strong{font-weight:700}
.agree_check_box .agree_check_list{background:none;padding:0;border-radius:0;}
.agree_check_box .agree_check_list li{font-size:16px;}
.agree_check_box .agree_check_list li.num_att{padding-right:0;display:none;}
.agree_check_box .agree_check_list li .agree_txt{display:block;width:100%;font-size:16px;color:#999;padding:8px 0;line-height:20px}

.phone_att span.time{position:absolute;right:71px;top:50%;color:#7ca3bf;font-size:14px;margin-top:-10px;}
.phone_att .full{border-radius:3px;margin-bottom:6px}
.phone_att div .btn{position:absolute;right:10px;top:50%;margin-top:-12px;font-size:12px;width:50px;border-radius:50px;padding:2px 12px 2px;font-weight:400;}
.phone_att div .btn1{position:absolute;right:10px;top:50%;margin-top:-12px;font-size:12px;width:55px;border-radius:50px;padding:3px 4px 3px;font-weight:400;border:1px solid #999;background:#fff;}
.phone_att .full.btn_sky{background: #28b2a5;color: #fff;}

.agree_check_box.check_fold .acb_title .icon_check{display:inline-block;width:22px;height:22px;position:absolute;left:0;top:7px;background:url('../img/form_checkOn.png') 0px 0px no-repeat;background-size:22px auto;} 
.agree_check_box.check_fold .acb_title{border-bottom:none;padding:5px 0 10px 30px;letter-spacing:-1px;}
.agree_check_box.check_fold .agree_check_list{margin-bottom:0;-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}
.agree_check_box.check_fold .agree_check_list li{overflow:hidden;height:0;-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;margin-top:0;}
.agree_check_box.check_fold .agree_check_list li.num_att{display:block;height:auto;padding:0;position:relative;padding-bottom:10px;}

/* test */
.test_auth_method { font-size:14px}
.test_auth_method + label{float: left !important;
    width: calc(25% - 4px) !important;
    margin-right: 4px !important;
    margin-left: 0px !important;}
.test_auth_method + label:last-child { margin-right:0 !important}

.certify_card_box{float:left;width:100%;}
.certify_card{background:#fff;border:solid 1px #ddd;border-radius:5px;padding:20px 20px 20px 100px;position:relative;}
.certify_card:before{content:"";position:absolute;top:50%;left:15px;background:url("../img/common/icon_S1-3-2.png")  no-repeat;background-size:70px 70px;display:block;margin-top:-35px;width:70px;height:70px;}
.certify_card> strong{background:#16a077;color:#fff;font-size:13px;border-radius:10px;padding:0 10px;margin-bottom:6px;display:inline-block;}
.certify_card .certify_code{font-size:14px;color:#111;margin-bottom:2px;}
.certify_card .certify_issue, .certify_card .certify_date{font-size:14px;color:#666;margin-bottom:2px}
.certify_card .certify_issue >span, .certify_card .certify_date> span{color:#aaa;}

.no_certify{width:100%;text-align:center;padding-bottom:70px;}
.no_certify >img{width:80px;height:80px;margin:30px auto 25px auto;}
.no_certify .no_certiTxt{font-size:14px;color:#111;}
.no_certify .no_certiTxt >strong{color:#007e7b;display:block;font-size:18px;}

.form-area .form-input + .form-input.mt50{
	border-top: 1px solid #ddd;
	padding-top:40px
}

.ul-wrap{
	padding: 35px 30px;
}
.list-dot-green{
    line-height: 21px;
    font-weight: 400;
    margin-top: 0;
    color: #999;
    word-break: keep-all;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 18px 10px 18px 15px;
    text-align: left;
}
.list-dot-green li {
	padding-left: 11px;
	margin-bottom: 6px;
	position: relative;
}
.list-dot-green li:last-child{
	margin-bottom: 0;
	}
.list-dot-green li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	border-radius: 10px;
	background: #009591;
}
.list-dot-green li > ul > li{
	margin-bottom: 0
}
.list-dot-green li > ul > li:before{
	content: "-";
	left: 0;
	top: -1px;	
	background: none;
}
.list-register{
	padding:20px;
	font-weight: 500;
	font-size:16px;
	margin-top: 0;
	color: #333;
	word-break: keep-all;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	text-align: left;
	line-height: 1.8;
}
.list-register li{
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.list-register li p:first-child{
	
}
.list-register li p:last-child{
	color:#009591;
}
.list-dot-green.no-boder{
	margin-top:30px;
	border: none;
	padding: 20px 30px;
}
.list-dot-green.no-boder li > a{
	color:#009591;
}
.popup_m_footer {
	width: 100%;
	padding: 20px;
}

.btn_half_box,
.btn_ban_box{
	display: flex;
	gap:10px;
}
.popup_m_footer .btn_ban_box .btn.btn_aaa{
	background-color:#8d9695;
	box-shadow:none;
	border:none;
}
.popup_m_footer .btn_ban_box.txtChanged .btn{
	transition: none;
}
.btn_ban_box.txtChanged .btn.btn_aaa.btnAlertCancel,
.btn_ban_box.txtChanged .btnAlertOk{
	font-size:0;
}
.btn_ban_box.txtChanged .btn.btn_aaa.btnAlertCancel:before{
	content:'취소';
	display:block;
	font-size:16px;
}
.btn_ban_box.txtChanged .btnAlertOk:before{
	content:'확인';
	display:block;
	font-size:16px;
}
.popup_m_footer .btn {
	width: 100%;
	height : 50px;
	background: #009591;
	border: none;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	border-radius: 30px;
	font-weight: 500;
	position:relative;
	z-index: 1;
	border-radius: 25px !important;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%);
}
.popup_m_footer .btn.gray{
	background: #ccc;
	box-shadow:none;
}
.modal_m_off {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 5;
	padding: 10px;
}
.modal_m_off img {
	height: 15px;
	filter: invert(1);
}
.popup_m_body .no_data_box1 {
	margin-top: 31px;
	padding-bottom: 10px
}
.pop_btn_fixed{
	position:absolute;
	bottom: 2px;
	left:0px;
	right:0px;
	z-index:1;
	padding: 15px 0 18px;
	box-shadow: 0px 15px 20px 20px #fff;
	width: calc(100% - 40px);
	height: 60px;
	font-size: 16px;
	margin: 0 auto 20px;
	border-radius: 30px;
	background:#009591;
	border:none;
	color:#fff
}
.pop_btn_fixed:before {
	content: "";
    display: block;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%);
}

.check-agree-box .check-all input[type=checkbox]+label:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -11px 0 0 -6px;
	background: url(/static/resources/moriaHoneQ/img/img_chkOff.png)
		no-repeat;
	background-size: 24px 24px;
	content: "";
}
.check-agree-box .check-all input[type=checkbox]:checked+label:before{
	text-align: center;
	background: url(/static/resources/moriaHoneQ/img/img_chkOn.png) 0 0
		no-repeat;
	background-size: 24px 24px;
}
.mainPopUp .wrap {
	position: fixed;
	z-index: 1200;
	bottom: -100%;
	left: 50%;
	width: 100%;
	height: auto;
	margin-top: 0;
	overflow: hidden;
	transition: all .5s cubic-bezier(0.55, -0.1, 0, 1.21);
	-webkit-transition: all .5s cubic-bezier(0.55, -0.1, 0, 1.21);
	background: #f9f9fb;
	box-sizing: border-box;
	border-radius: 15px 15px 0 0;
	max-width: 700px;
	transform: translateX(-50%);
	font-family: 'Roboto', 'Noto Sans KR';
	max-height: 98%;
	display: flex;
	flex-direction: column;
}
.mainPopUp.on .wrap {
	bottom: 0px;
	transition: all .5s cubic-bezier(.4, 0, .2, 1);
	-webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
}
.mainPopUp .dim {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1100;
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-wekit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
}
.mainPopUp.on .dim {
	visibility: visible;
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-wekit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	opacity: 1;
}
.mainPopUp .slide-tit {
	position: relative;
	padding: 30px 24px 20px;
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}
.mainPopUp .slide-tit:after {
	content: '';
	display: block;
	clear: both;
}
.mainPopUp .slide-tit .tit {
	letter-spacing: -1px;
	width: calc(100% - 30px);
	color: #000;
	font-size: 16px;
	line-height: 1;
	word-break: keep-all;
	float: left;
}
.mainPopUp .slide-tit .closeBtn {
	position: absolute;
	top: 20px;
	right: 10px;
	border: none;
	display: block;
	/* margin: 10px 0; */
	width: 32px;
	height: 32px;
	float: right;
	color: #222;
	text-indent: -9999px;
	background: url('/static/resources/etcurl/img/close-btn.png') no-repeat
		center center;
	background-size: 16px;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.mainPopUp .slide-cont {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	padding:15px 20px 130px;
	margin-bottom: 0px;
	flex: 1;
	overflow-y: auto;
}
.mainPopUp .slide-cont .notice-warnning,
#dataEmpty .notice-warnning{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50px;
	margin-top: 30px;
	background: url(/static/resources/moriaHoneQ/img/pop_warning.png) no-repeat center top;
	background-size: 49px 48px;
	text-align:center;
}
.mainPopUp .slide-cont .notice-warnning .main-text,
#dataEmpty .notice-warnning .main-text{
	margin: 10px 0;
	font-size: 20px;
	color: #000;
	font-weight: 500;
}
.mainPopUp .slide-cont .notice-warnning .sub-text,
#dataEmpty .notice-warnning .sub-text{
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;
}
.mainPopUp .slide-cont .notice-warnning .sub-text span,
#dataEmpty .notice-warnning .sub-text span{
	font-weight: 500;
	color: #009591;
}
.slide-cont .ul-confirm-event{
	padding:20px;
	background-color:#fff;
	border: 1px solid #ccc;
	border-radius: 15px;
}
.slide-cont .ul-confirm-event li{
	display:flex;
	justify-content: space-between;
	/* margin-bottom: 10px; */
}
.slide-cont .ul-confirm-event li + li{
	margin-top: 10px;
}
.slide-cont .ul-confirm-event li:last-child{
	margin-bottom:0;
}
.slide-cont .ul-confirm-event li p{
	color:#666;	
}
.slide-cont .ul-confirm-event li p:last-child{
	color:#000;
	font-weight:500;
}
.slide-cont .ul-confirm-event li:nth-child(5) p:last-child{
	color:#009591;
}
.mainPopUp .popup-close {
	position:absolute;
	left:0;
	top: 4px;
	width:100%;
	height:30px;
	z-index:10;
}
.mainPopUp .popup-close span {
	display: block;
	width: 50px;
	height: 4px;
	margin:0 auto 7px;
	font-size:0;
	text-indent:-9999px;
	border-radius: 1.5px;
	background-color: #ddd;
}

#popShareHistory .footer,
#popInquiryResult .footer{
	position: absolute;
	left: 50%;
}
.tb-share {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-top: 2px solid #009591;
}
.tb-share caption {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}
.tb-share th,
.tb-share td {
	height:30px;
	font-size:12px;
	letter-spacing:-0.025em;
	line-height:16px;
	vertical-align:middle;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.tb-share th {
	padding: 15px 2px;
	color:#222222;
	font-weight:500;
	background: #e0f7f5;
}
.tb-share td {
	padding: 15px 5px;
	color:#666666;
	text-align: center;
}
.tb-share tr th:last-child,
.tb-share tr td:last-child {
	border-right:0 none;
}
.ul-iquiry-result{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ul-iquiry-result li{
	display: flex;
    justify-content: space-between;
    align-items: center;    
    background:#fff;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.ul-iquiry-result li .contract-period{
	font-size:14px;
	color:#666666;
}
.ul-iquiry-result li .expire-point{
	margin-left:3px;;
	font-size:14px;
	color:#009591;
}
.ul-iquiry-result li input[type=radio] + label{
	padding: 14px 30px 14px 30px;
	border: 2px solid #fff;
	border-radius: 15px;
}
.ul-iquiry-result li input[type=radio] + label:before{
	display:none;
}
.main-image{
    margin-top: 45px;
    padding-bottom: 220px;
    background-color: #018d70;
}
.wrap-btn-bottom{
	position: fixed;
	padding: 20px;
	bottom: 0;
	width: 100%;
	max-width: 750px;
	background-color: #f9f9fb;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 -1px 20px 5px rgb(0 0 0 / 10%);
}
.wrap-btn-bottom .btn-group button{
	width: 100%;
    height : 60px;
    background: #8d9695;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
    font-weight: 500;
    position:relative;
    z-index: 1;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.wrap-btn-bottom .btn-group{	
	display: grid;
	gap:10px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows:1fr 1fr 1fr;
	grid-template-areas:
		'a a'
		'b c'
		'd d';
}
.wrap-btn-bottom .btn-group .btn-subs{
	grid-area:a;
	background: #009591;
	box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%);
	padding-bottom: 8px;
	font-size: 16px;	
	line-height:1;	
}
.wrap-btn-bottom .btn-group .btn-subs span,
.wrap-btn-bottom .btn-group .btn-share span{
	display:block;
	font-size:13px;
	font-weight:400;
	margin-top:5px;
}
.wrap-btn-bottom .btn-group .btn-share{
	grid-area:b;
	background: #fff;
	color:#009591;
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
	line-height:1;
}
.wrap-btn-bottom .btn-group .btn-history{
	grid-area:c;
	background: #fff;
	color:#009591;
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.wrap-btn-bottom .btn-group .btn-quiz{
	grid-area:d;
	background: #018d70;
	box-shadow: 0px 5px 15px 0px #018d7066;
}

.social-number-wrap{
	display: flex;
	align-items: center;
	gap: 10px;
}
.social-number-wrap label{
	background: transparent;
    position: absolute;
    top: 2px;
    height: 60px;
    display: none;
    width: 100%;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 300;
    color: transparent;
    left:0;
}
.social-number-wrap .input-social-number{
	width: 100%;
}


/* 가상키패드 */
#mtk_txtStep1CustNo2,#mtk_txtCardNo3,#mtk_txtCardNo4{left:initial !important;}

/* 풀팝업  */
.full_popup_box{display:none;height:100%;width:100%;position:fixed;bottom:0;left: 50%;transform: translateX(-50%);max-width: 681px;z-index:5000;}
.full_popup_box.pop_open ~ .pop_small3{background: rgba(0,0,0,0.7);}
.full_popup_box.pop_open ~ .pop_small{background: rgba(0,0,0,0.7);}
.full_popup_box.pop_open{visibility:visible;opacity:1;display:block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;overflow:hidden;top:0;padding: 0;}
.full_popup_box .popup_container{position:relative;width:100%;height:100%;background: #fff !important;overflow:hidden;}
.full_popup_box .popup_header{position:fixed;float:left;left:0;right:0;width:100%;height:auto;padding: 9px 0 11px;background: #fff !important;box-sizing:border-box;border-bottom: 1px solid #e7e9ee !important;color:#111;font-size:16px;z-index: 5;letter-spacing: -1px;}
.full_popup_box .popup_header h1{position:relative;text-align: center;}
.full_popup_box .popup_header .modal_off{position:absolute;top: 5px;right: 7px;height:100%;z-index:5;}
.full_popup_box .popup_header img{width:34px;height:34px;padding:10px;}
.full_popup_box .popup_body{ float:left; width:100%; overflow:auto; margin-top:50px; padding: 40px 25px 0px; height:calc(100% - 80px); background: #fff !important; min-width:320px; padding-bottom:80px; border-top:0; -ms-overflow-style: none; scrollbar-width: none; }

.new_term{float: left;margin:0;padding:0;}
.new_term .text_box{line-height: 24px;float: left;}
.new_term .status_bar_01{width: 300px;background: url("/static/resources/webria/img/temp/status_bar_03.png") no-repeat bottom left;background-size: 300px auto;height: 39px;margin: 0 auto;}
.new_term .status_bar_02{width: 300px;background: url("/static/resources/webria/img/temp/status_bar_01.png") no-repeat bottom left;background-size: 300px auto;height: 39px;margin: 0 auto;}
.new_term .status_bar_03{width: 300px;background: url('/static/resources/webria/img/temp/status_bar_01.png') no-repeat bottom left;background-size: 300px auto;height: 39px;margin: 0 auto;}
.new_term .status_bar_04{width: 300px;background: url('/static/resources/webria/img/temp/status_bar_04.png') no-repeat bottom left;background-size: 300px auto;height: 39px;margin: 0 auto;}

.new_term ul.list_status{margin: 0;}
.new_term ul.list_status li{float: left;width: 20%;font-size: 11px;text-align: center;}
.new_term .qr_box{float: left;padding: 5px 0 10px;}
.new_term .qr_box p.kome{float: left;margin-left: 20px;word-break: keep-all;width: 70%;margin-top:7px;position: relative;}
.new_term .qr_box p.kome:before{content: "※";position: absolute;left: -20px;}
.new_term .qr_box .img_qr_311{width: 54px;height: 54px;float: right;background: url("/static/resources/webria/img/temp/term_qr_311.png") no-repeat;background-size: 54px auto;margin-top: 10px;}
.new_term .qr_box .img_qr_312{width: 54px;height: 54px; float: right;background: url("/static/resources/webria/img/temp/term_qr_312.png") no-repeat;background-size: 54px auto;margin-top: 10px;}
.new_term .qr_box .img_qr_313{width: 54px;height: 54px; float: right;background: url('/static/resources/webria/img/temp/term_qr_313.png') no-repeat;background-size: 54px auto;}
.new_term .qr_box .img_qr_paymentInfoSave{width: 54px;height: 54px; float: right;background: url('/static/resources/webria/img/temp/img_qr_paymentInfoSave.png') no-repeat;background-size: 54px auto;}

.new_term p a.link{text-decoration: underline;color:#009591;}
.new_term p.kome{margin-left: 20px;position: relative;}
.new_term p.kome:before{content: "※";position: absolute;left: -20px;}

.new_term h2{display:none;}

.new_term h3{margin-bottom: 10px;float: left;background: #28b2a5;padding: 3px 10px 5px 20px;color: #fff;font-size: 16px;position: relative;}
.new_term h3:before {content:"";display: inline-block;width: 6px;height: 20px;background: #fff;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);}

.new_term .term_tb{font-size: 14px;/* border-top:2px solid #4d4d4d; */border-bottom:1px solid #e5e5e5;}
.new_term .term_tb th, .new_term .term_tb td{padding:10px;text-align:center;}
.new_term .term_tb th:last-child, .new_term .term_tb td:last-child{border-right:0;}
.new_term .term_tb thead tr:first-child th {border-top:none;}
.new_term .term_tb thead tr th, .new_term .term_tb tbody tr th {background:#f9f9f9;}
.new_term .term_tb thead th, .new_term .term_tb tbody th{color:#333;font-size: 14px;font-weight:500;background:#f9f9f9;vertical-align:middle;border-top:1px solid #e5e5e5;}
.new_term .term_tb tbody td{color:#555;font-size: 14px;font-weight:400;background:#fff;vertical-align:middle;border-top:1px solid #e5e5e5;text-align: left;}
.new_term .term_tb tbody td.strong{font-size: 15px;font-weight:500;color: #333;word-break: keep-all;}
.new_term .term_tb tbody th.weak{font-weight:400;text-align: right;}
.new_term .term_tb tbody td span.underline{text-decoration:underline !important;}
.new_term .term_tb tbody td.flex_even{display: flex;justify-content: space-evenly;}
.new_term .term_tb tbody td span.icon_normal{background: #fcdb19;padding: 2px 16px 3px;display: inline-block;margin-left: 10px;border-radius: 15px;line-height: 18px;}
.new_term .term_tb tbody td span.icon_good{background: #4fb348;padding: 2px 16px 3px;display: inline-block;margin-left: 10px;border-radius: 15px;line-height: 18px;color: #fff;}
.new_term .term_tb tbody td span.icon_veryGood{background: #19a3cd;padding: 2px 16px 3px;display: inline-block;margin-left: 10px;border-radius: 15px;line-height: 18px;color: #fff;}
.new_term .term_tb tbody tr:first-child th, .new_term .term_tb tbody tr:first-child td {border-top:2px solid #4d4d4d;}

.dash_list ul {font-size: 14px;color: #333;line-height: 21px;position: relative;}
.dash_list li{list-style: none;position: relative;margin-left: 10px;margin-top: 5px;margin-bottom: 0;}
.dash_list li:first-child{margin-top:0px ;}
.dash_list li:before {content: "-";display: inline-block;height: 8px;width: 12px;position: absolute;left: -10px;top: 3px;}
.icon{content: "";}

.p_chk ul:after{display:block;content:"";clear:both}
.p_chk ul li{float:left;padding-right:10px}

.confirm_back{position: absolute;top: 11px;left: 14px;z-index:10;}
.confirm_back img{width: auto;height: 20px;}
.step_info{padding:25px 15px 8px;text-align: left;background:none;font-size: 14px;}
.section{padding:20px}
.block { display: inline-block; width: 100%; min-width: 100px !important; position:relative;}
.btn.authMethod{ display: inline-block; padding:10px 0px 11px; height: 45px; text-align:center; background: #fff; font-size:15px; color: #111; font-weight:500; border-radius: 15px; border: none; transition: all, 0.3s; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%); }
.btn.authMethod.on{ background: #20b7a4; color: #fff; box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%); }
.simpleCert_set{ display:flex; flex-direction: column; }
.simpleCert_set p{ font-size: 20px; color:#111; }
.simpleCert_set .bg_icon{ margin: 20px 0 60px; width: 100%; height: 250px; background: url(/static/resources/mo/image/icon_simpleCer.png) no-repeat center center; background-size: 75px auto; }
.simpleCert_set button{ height:45px; background:#556b79; color: #fff; font-size:15px; border-color:#ccc; border-radius: 15px; border: none; }
.test_ria_auth_method {position:absolute;color:#fff;background:#e89999;bottom: -32px;right: 0;padding: 2px 6px;}
#twoTestBtn{ display:flex; justify-content: flex-end; gap: 5px; }
#twoTestBtn a{ position: relative; bottom: 0; }

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
.blind{display: none;}
.dis_n, .hide { display: none !important; }
.btn_gray2 { background:#ccc !important; color:#fff !important; border-radius:3px; font-size:15px; border-color:#ccc}

/* checkbox */
input[type=checkbox] { display: inline-block; position: absolute; left: -9999px; }
input[type=checkbox] + label { position: relative; display: inline-block; cursor: pointer; font-size: 16px; line-height: 22px; padding: 8px 10px 8px 30px; /* word-break:keep-all; */color:#999;}
.btn, .btn_white, .btn_default, .btn_white_round, .btn_green, .btn_blue, .btn_dark, .btn_gray, .btn_dis, .btn_xg, .btn_lg, .btn_md, .btn_sm, .btn_xs, .btn_reset, .btn_more { display: inline-block; min-width: 90px; padding: 11px 16px 12px; background-color: #fff; color: #666; text-align: center; border: solid 1px #ccc; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#rdoMobileCertCarrier{margin-bottom: 12px;}
.new_car_v1.new_car_v2 .btn_blue {background: #28b2a5 ;color: #fff;border-radius: 15px;border-color:#28b2a5;font-size:15px;}

/* box_rad01 */
.box_rad01{background:#fff;border:solid 1px #ddd;border-radius:3px;box-sizing: border-box;padding:0 15px;margin-bottom:15px;position:relative;}
.box_rad01.sec_bg01{border:none;padding:15px 15px 5px 15px}
.box_rad01 .rule_checklist{margin-bottom:15px;-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.box_rad01 .rule_checklist dt{border-bottom:solid 1px #999;padding:0 0 10px 0;margin-bottom:5px;color:#111;font-weight:700;font-size:16px;}
.box_rad01 .rule_checklist dd{position:relative;box-sizing:border-box;padding-right:30px;width:100%;}
.box_rad01 .rule_checklist dd>span{padding:8px 0;display:inline-block;}
.box_rad01 .rule_checklist dd>label{padding-right:0;width:100%;}
.box_rad01 .rule_checklist dd .rule_link{width:30px;height:40px;display:block;position:absolute;top:0;right:0;background:url(../img/common/bg_linkarrow.png) center center  no-repeat;background-size:8px 14px;}	
.box_rad01 .rule_checklist dd.customer_txt{padding:0;}
.box_rad01 .rule_checklist dd.customer_txt > .rule_link{position:relative;width:100%;text-align:left;color: #999;padding-left:30px;margin-top:0;display:block;line-height:40px;font-size:16px;background:none}
.box_rad01 .rule_checklist dd.customer_txt > .rule_link:after{content:"";position: absolute;top:50%;right:11px;margin-top:-7px;background:url(../img/common/bg_linkarrow.png) center center  no-repeat;background-size:8px 14px;width:8px;height: 14px;}
.box_rad01 .rule_checklist.check_fold{margin-bottom:0;-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.box_rad01 .rule_checklist.check_fold dt{position:relative;border-bottom:none;padding:0px 0 5px 0px;/* letter-spacing:-1px */}
.box_rad01 .rule_checklist.flex_agree dd{ display: flex; align-items: center; justify-content: space-between; padding-right: 0; }
.box_rad01 .rule_checklist.flex_agree dd a{ display: flex; align-items: center; margin-right: 10px; min-width: 145px; position: unset; background-position-x: right; margin-top: 0; width: auto; height: auto; }
.box_rad01 .rule_checklist.flex_agree dd label{ text-align: right; width: auto !important; }

.alert_box {display:none;background-color:rgba(0, 0, 0, 0.6);position:fixed;top:0;width:100%;height:100%;left:0px;z-index:60000;}
.alert_container {position:absolute;max-width:500px;min-width:328px;border-radius:10px;top:50%;left:50%;transform:translate(-50%, -50%);background: #f9f9fb;}
.alert_header{font-size: 16px; color: #010101; text-align: center; width: 100%; padding: 0 20px; max-height: 84px; }
.alert_header h1 {padding: 20px 0 0;font-size: 16px;}
.alert_header h1.warning{/* background:url("../img/icon_alert01.png") no-repeat center left; *//* background-position-x:20px; */}
.alert_header h1.notice{background:url("../img/icon_alert02.png") no-repeat center left;background-position-x:20px;}
.alert_body{width:100%;padding: 20px;text-align:center;}
.alert_body p {/* text-align:center; *//* color:#333; *//* font-size:16px; *//* line-height: 22px; *//* height: auto; *//* white-space:pre-line; *//* letter-spacing:-1px; *//* display: block; */font-weight: 500;}		
.alert_body .alert_tit{line-height: 28px;color:#000;font-weight: 400;}
.alert_body .alert_txt{color:#666;word-break: keep-all;}		
.alert_body a.arr_right{color:#009591;text-align: center;display: inline-block;font-size: 16px;line-height: 22px;font-weight: 300;background: url('../img/arr-right-color.png') right top 8px no-repeat #fff;background-size: 4px 8px;padding-right: 11px;}
.alert_foot{width:100%;padding: 20px;}
.alert_foot a{display:block;}
.alert_btn{ width: 100%; height : 50px; background: #009591; border: none; color: #fff; font-size: 16px; padding: 10px; text-align: center; border-radius: 30px; font-weight: 500; line-height:32px; position:relative; z-index: 1; border-radius: 25px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%); }
.alert_foot2 .alert_btn{width:50%;}
.alert_foot2 .alert_btn:nth-child(1){border-bottom-right-radius:0;border-right:1px solid #dcdcdc;}
.alert_foot2 .alert_btn:nth-child(2){border-bottom-left-radius:0;}
.alert_btn:hover{color:#2259bb;text-decoration:none}
.alert_close_btn{position:absolute;width: 15px;height: 15px;background: url("/static/resources/mo/img/icon_gnbClose.png") no-repeat center center;background-size: 15px;top: 16px;right: 16px;z-index:1000;padding:15px;filter: invert(1);}
.alert_box.perinfo_alert .alert_container{ background: #f9f9fb; }
.alert_box.perinfo_alert .popup_m_footer { display: flex; gap: 10px; flex-direction: row-reverse; }
.alert_box.perinfo_alert .popup_m_footer .btn{line-height: 32px;}
.alert_box.perinfo_alert .alert_foot .alert_btn{width:50%;}
.alert_box.perinfo_alert .alert_foot .alert_btn:nth-child(1){border-bottom-right-radius:0;border-right:1px solid #dcdcdc;}
.alert_box.perinfo_alert .alert_foot .alert_btn:nth-child(2){border-bottom-left-radius:0;}
.alert_box.perinfo_alert .pop_btn_fixed { border: none; background: #009591; color: #fff; width: calc(100% - 40px); padding: 18px 0; border-radius: 30px; font-size: 18px; line-height: 1; letter-spacing: -1px; box-shadow: 0 10px 13px rgb(0 149 145 / 20%); position: fixed; bottom: 0; left: 20px; }
.alert_foot.alert_foot2{display:flex;gap: 10px;}
.alert_foot.alert_foot2 .alert_btn:nth-child(1){border-radius:none;border:none;background:#8d9695;box-shadow: none;color: transparent;}
.alert_foot.alert_foot2 .alert_btn:nth-child(1)::before{content:'아니요';color:#fff;display:block;}
.alert_foot.alert_foot2 .alert_btn:nth-child(2){color:transparent;}
.alert_foot.alert_foot2 .alert_btn:nth-child(2)::before{content:'예';color:#fff;display:block;}
.alert_foot.alert_foot2 a.alert_close_btn{top: 18px;right: 18.5px;}

.pop_small3.on{position:fixed;top:0;left: 50%;transform: translateX(-50%);display:block;height:100%;width:100%;z-index:6000;max-width: 681px;background: rgba(0,0,0,0.6)}
.pop_small3.on>div{position:absolute;top:50%;left:50%;display:block;transform: translate(-50%, -50%);background:#fff;border-radius: 15px;width:80%;padding:30px 15px;text-align:center;color:#111;font-size:15px;}
.pop_small3.on >div> .pop_sIcon{display:block;color:#28b2a5;border-bottom:solid 1px #ddd;padding-bottom:13px;margin-bottom:21px;}
.pop_small3.on >div> .pop_sIcon:before{content:"";display:inline-block;background: url(/static/resources/moria/img/common/bg_alim2.png) left top no-repeat;background-size:15px 15px;width:15px;height:15px;margin:0 6px -2px 0;}
.pop_small3.on p{word-break:break-all;margin:10px 0}
.pop_small3.on p>.ps_tit{display:block;margin-bottom:10px}
.pop_small3{display:none}

.btn_deg08{background:#009591;border:none;/* border-top:solid 1px #eee; */color:#fff;font-size:18px;padding:15px 0;box-sizing:border-box}
.pop_btn_popover{position:absolute;/* bottom: 0px; */left:0px;right:0px;width:100%;z-index:1;margin-top: 10px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.pop_btn_popover_fl{position:absolute;left:0px;right:0px;width:100%;z-index:1;margin-top: 10px;border-bottom-left-radius: 15px;}
.pop_btn_popover_fr{position: absolute;left: 50%;right: 0%;width:100%;z-index:1;margin-top: 10px;border-bottom-right-radius: 15px;}


.stepView { }
.stepView ul{
    display: flex;
    justify-content: flex-end;    
    padding: 30px 20px 10px;
    width: 100%;
    align-items: flex-end;
    background: #f9f9fb;
}
.stepView ul li{
    width: 20px;
    height: 20px;
    margin-left: 5px;
    font-size: 1px;
    color: transparent;
    border-radius: 50%;
    background: transparent url("/static/resources/mo/image/m_tab.png") no-repeat;
    background-position-y: -20px;
    filter: drop-shadow(2px 4px 6px #99999955);
}
.stepView ul li.on{
    background-position-y: 0px;
}

/* 파일미리보기  */
.title-reward-documents{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.title-reward-documents .title{
    float: none;
    width: initial;
}
.title-reward-documents .guide{
    padding:3px 15px;
    margin-bottom: 11px;
    background:#556b79;
    color:#fff;
    font-size:12px;
    border-radius:3px;
    text-align:center
}
.reward-documents{
    padding: 7px 5px 8px;
    position: relative;
    display:flex;
    align-items: center;
    background:#fff;
    border-radius: 15px;
    box-shadow: 0 5px 15px 0 #0000001a;
    justify-content: flex-start;
    padding-right: 25px;
    /* margin-bottom: 10px; */
}
.reward-documents + .reward-documents{
    margin-top: 10px;
}
.reward-documents .image-preview{
    width: 140px;
    height: 45px;
    display: block;
    overflow: hidden;
    background: url(/static/resources/mo/img/icon_img2.png) no-repeat center center;
    border-radius:10px;
}
.reward-documents .image-preview.pdf{
    background: url(/static/resources/mo/image/icon_PDF.png) no-repeat center center;
    background-size: contain;
}
.reward-documents .image-preview.pdf img{
    display:none;
}
.reward-documents .name{
	flex-basis: 100%;
	margin-bottom: 0;
	margin-left: 20px;
}
.reward-documents .name input{
	width: 80%;
	background: #fff;
	box-shadow: none;
	padding: 0 10px 0 3px;
	color: #999 !important;
	font-size: 14px;
}
.reward-documents .button{
    width: 100% !important;
    margin: 0;
    position: absolute;
}
.reward-documents .button button {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url('/static/resources/mo/image/icon_search_cancel_gray.png')center center no-repeat transparent;
    background-size: 20px auto;
    border:none;
    transform: translateY(-50%);
    color: transparent;
    margin: 0;
}
.btn-register{
	margin-top: 20px;
	padding: 6px;
	width:100%;
	background: #20b7a4;
	color: #fff;
	font-size: 15px;
	line-height: 33px;
	border-radius: 15px;
	box-shadow: 0px 5px 15px 0px rgb(32 183 164 / 40%);
}

/* loading bar */
.loadingWrap {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:100000;overflow:hidden;}
.lds-ellipsis {display: inline-block;position: absolute;width: 80px;height: 80px;top:50%;left:50%;transform:translate(-50%, -50%);}
.lds-ellipsis div {position: absolute;top: 33px;width: 13px;height: 13px;border-radius: 50%;background: #fff;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}
@keyframes lds-ellipsis3 {
	0% {transform: scale(1);}
	100% {transform: scale(0);}
}
@keyframes lds-ellipsis2 {
	0% {transform: translate(0, 0);}
	100% {transform: translate(24px, 0);}
}
.lds-ripple {display: inline-block;position: absolute;width: 80px;height: 80px;top:50%;left:50%;transform:translate(-50%, -50%);}
.lds-ripple div {position: absolute;border: 4px solid #fff;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {
	0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}
	100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}
}

/* 2024-11-30 자동차보험 리브랜등 이벤트 */
.ul-car-insu{
	margin: 0px 8.5%;
	display: flex;
	gap: 2%;
}	
.ul-car-insu input[type=radio] + label{
	display:block;
	cursor:pointer;
	background-size: 100%;
	transition: all, 0.1s;
}
.ul-car-insu input[type=radio]:checked + label img{
	opacity:0
}
.ul-car-insu input[type=radio]:checked + label.btn01{
	background:url("/static/resources/etcurl/images/event/btn-carInsu-01-on.png");
	background-size: cover;
}
.ul-car-insu input[type=radio]:checked + label.btn02{
	background:url("/static/resources/etcurl/images/event/btn-carInsu-02-on.png");
	background-size: cover;
}
.ul-car-insu input[type=radio]:checked + label.btn03{
	background:url("/static/resources/etcurl/images/event/btn-carInsu-03-on.png");
	background-size: cover;
}
.ul-car-insu input[type=radio]:checked + label.btn04{
	background:url("/static/resources/etcurl/images/event/btn-carInsu-04-on.png");
	background-size: cover;
}

.ul-car-insuEv{
	margin: 0px 8.5%;
	display: flex;
	gap: 2%;
}	
.ul-car-insuEv input[type=radio] + label{
	display:block;
	cursor:pointer;
	background-size: 100%;
	transition: all, 0.1s;
}
.ul-car-insuEv input[type=radio]:checked + label img{
	opacity:0
}
.ul-car-insuEv input[type=radio]:checked + label.btn01{
	background:url("/static/resources/etcurl/images/event/btn-carInsuEv-01-on.png");
	background-size: cover;
}
.ul-car-insuEv input[type=radio]:checked + label.btn02{
	background:url("/static/resources/etcurl/images/event/btn-carInsuEv-02-on.png");
	background-size: cover;
}
.ul-car-insuEv input[type=radio]:checked + label.btn03{
	background:url("/static/resources/etcurl/images/event/btn-carInsuEv-03-on.png");
	background-size: cover;
}
.ul-car-insuEv input[type=radio]:checked + label.btn04{
	background:url("/static/resources/etcurl/images/event/btn-carInsuEv-04-on.png");
	background-size: cover;
}

.image-wrap.video{
	position: relative;
}
.intro-video{
	position: absolute;
	width: 750px;
	height: 422px;
	left: 50%;
	transform: translateX(-50%);
}
.intro-video-mo{
	position: absolute;
	width:100vw;
	height:55.556vw;
	left: 50%;
	transform: translateX(-50%);
	max-width: 750px;
	max-height: 416.55px;
}
.popup-event{	
}
.popup-event .popup-wrap{
	opacity:0;	
	-webkit-transition:200ms;
	transition:200ms;
	left:initial
}
.popup-event .popup-wrap.move{
	opacity:1;
	-webkit-transform:none;
	transform:none;
	max-width:750px;
	margin:0 auto;
}
.popup-event .full-popup-type .popup-wrap.move{
	width: 100%;
}
.popup-event .popup-wrap .popup-header{	
	text-align:center;
	position: relative;
	font-size: 1rem;
	color: #111;
}
.popup-event .popup-wrap .popup-content{
	flex: 1;
	align-items: initial;
	justify-content:start;
	flex-direction:column;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 130px;
}
.ul-event-dot-green{
    line-height: 21px;
    font-weight: 400;
    margin-top: 0;
    color: #555;
    word-break: keep-all;
    background: #fff;
    border-radius: 15px;
    text-align: left;
	letter-spacing:-0.05em;
}
.ul-event-dot-green li{
	padding-left: 11px;
	margin-bottom: 6px;
	position: relative;
	line-height: 1.3;
}
.ul-event-dot-green li span{
	margin-right:3px;
	color:#111;
	font-weight:500;
}
.ul-event-dot-green li:last-child{
	margin-bottom: 0;
	}
.ul-event-dot-green li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	border-radius: 10px;
	background: #009591;
}
.check-circle.flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-updown{
	width:11px;
	height: 6px;
	background: url(../images/skTelecom/select-arrow.png) no-repeat center center;
	background-size: 11px 6px;
	font-size: 0;
	color: transparent;
	transition: all .2s;
}
.btn-updown.on{
	background: url(../images/skTelecom/select-arrow.png) no-repeat center center;
	background-size: 11px 6px;
	transform: rotate(180deg);
}
.popup-event .footer{
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 1%, #f9f9fb 45%, #f9f9fb);
}
#popJoinComplete .popup_m_body{
	padding-bottom:10px
}
#popJoinComplete .complet_box strong{
    color: #333;
    line-height: 18px;
    display: block;
    margin-bottom: 10px;
}
#popJoinComplete .complet_box p{
	line-height: 18px;
}

/* 새로운 약관팝업창 */
.new_popup {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	right: 0;
	z-index: 5000;
	max-width: initial;
}
.new_popup.pop_open ~ .pop_small3 {
	background: rgba(0, 0, 0, 0.7);
}
.new_popup.pop_open ~ .pop_small {
	background: rgba(0, 0, 0, 0.7);
}
.new_popup.pop_open {
	visibility: visible;
	opacity: 1;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	top: 0;
	padding: 0;
}
.new_popup .popup_container {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}
.new_popup .popup_header {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	padding: 15px 0 12px;
	background: #fff;
	box-sizing: border-box;
	color: #111;
	font-size: 16px;
	z-index: 5;
	letter-spacing: -0.08em; 
}
.new_popup .popup_header h1 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-left: 0;
	text-align: center;
	padding-right: 0;
}
.new_popup .popup_header .modal_off {
	position: absolute;
	top: 5px;
	right: 7px;
	height: 100%;
	z-index: 5;
}
.new_popup .popup_header img {
	width: 34px;
	height: 34px;
	padding: 10px;
}
.new_popup .popup_body {
	width: 100%;
	overflow: auto;
	margin-top: 50px;
	padding: 40px 25px 0px;
	height: calc(100% - 80px);
	background: #fff;
	min-width: 320px;
	padding-bottom: 80px;
	border-top: 0;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.new_popup .popup_body::-webkit-scrollbar {
	display: none;
}
.new_popup .popup_top_box {
	padding: 68px 0 45px;
	background: url(/static/resources/moriaHoneQ/img/pop_point.png)
		no-repeat center top;
	background-size: 48px 48px;
	text-align: center;
}
.new_popup .popup_top_box h1 {
	font-size: 19px;
	font-weight: 500;
	color: black;
	letter-spacing: -1px;
}
.new_popup .popup_cont_box {
	width: 100%;
	padding: 0
}
.new_popup .popup_cont_box .term_frame {
}
.new_popup .popup_cont_box .term_top {
	border-top: 1px solid #e8e9ee;
	border-bottom: 1px solid #e8e9ee;
	padding: 15px 0;
}

.new_popup .popup_cont_box .term_top h2 {
	font-size: 15px;
	color: #666666;
	text-align: center;
	font-weight: 400;
	width: 100%;
}
.new_popup .popup_cont_box .term_top span {
	margin-top: 15px;
}
.new_popup .popup_cont_box .term_body {
	color: #333;
	margin-top: 20px;
}
.new_popup .popup_cont_box .term_body .term_list1 li {
	margin-left: 12px;
	position: relative;
}
.new_popup .popup_cont_box .term_body .term_list1 li:before {
	display: block;
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	background: #999;
	left: -10px;
	top: 11px;
	margin-top: -2px;
	overflow: hidden;
	border-radius: 50%;
}

.new_popup .popup_cont_box .term_body .kome {
	margin-top: 20px
}

.new_popup table th:first-child, .new_popup table td:first-child,
	.new_popup table td:nth-child(2) {
	border-left: none;
	text-align: center;
	white-space: normal;
}

.pop_btn_fixed.btn_deg04 { 
	background-size: 21px 100%;
	box-sizing: border-box;
}
.pop_btn_fixed.btn_deg04 {
	box-shadow: 0px 15px 20px 20px #fff;
	width: calc(100% - 40px);
	margin: 0 auto 20px;
	border-radius: 30px;
	padding: 15px 0 15px;
	font-size: 18px;
	height: 62px;
}
.pop_btn_fixed.btn_deg04:before {
	content: "";
	display: block;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 30px;
	box-shadow: 0px 5px 15px 0px rgb(32 183 164/ 40%);
}

/* pc */
body.pc{
	width: 1000px;
	max-width: initial;
	/* background: #37bfa4; */
}
body.pc.pop-open{
	height:100%;
	overflow:hidden;
}
.pc .ul-car-insu{		
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background: url(/static/resources/etcurl/images/event/carInsu-rebrand-pc-03.png) no-repeat center center;
}
.pc .ul-car-insuEv{		
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background: url(/static/resources/etcurl/images/event/carInsu-event-pc-04.png) no-repeat center center;
}

/*alert box*/
.pc .alert_box {display:none;background-color:rgba(0, 0, 0, 0.6);position:fixed;top:0;width:100%;height:100%;left:0px;z-index:60000;}
.pc .alert_container {position:absolute;max-width:500px;min-width:400px;border-radius:10px;top:50%;left:50%;transform:translate(-50%, -50%);}
.pc .alert_header{width:100%;float:left;background:#28b2a5;border-top-left-radius:10px;border-top-right-radius:10px;padding: 0;}
.pc .alert_header h1 {color:#fff;padding: 22px 20px 18px;padding-left:54px;font-size:18px;font-weight:400;line-height:18px;text-align: left;}
.pc .alert_header h1.warning{background:url("/static/resources/web/img/icon_alert01.png") no-repeat center left;background-position-x:20px;background-size:20px auto;}
.pc .alert_header h1.notice{background:url("/static/resources/web/img/icon_alert02.png") no-repeat center left;background-position-x:20px;}
.pc .alert_body{width:100%;float:left;background:#fff;padding: 0;text-align: initial;}
.pc .alert_body p {text-align:center;padding:50px 25px;color:#333;font-size:16px;max-height:250px;overflow-y:auto;white-space:pre-line;}
.pc .alert_foot{width:100%;float:left;padding: 0;}
.pc .alert_foot a{display:block;}
.pc .alert_btn{width:100%;float:left;text-align:center;padding:11.5px;background:#e8e8e8;border-top: 1px solid #ddd;font-size:16px;border-radius: 0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;color: #555;font-weight: normal;line-height: initial;box-shadow: none;}
.pc .alert_foot2 .alert_btn{width:50%;}
.pc .alert_foot2 .alert_btn:nth-child(1){border-bottom-right-radius:0;border-right:1px solid #dcdcdc;}
.pc .alert_foot2 .alert_btn:nth-child(2){border-bottom-left-radius:0;}
.pc .alert_btn:hover{color:#28b2a5;text-decoration:none}
.pc .alert_close_btn{position:absolute;width:30px;height:30px;background:url("/static/resources/web/img/icon_alertClose.png") no-repeat center center;top:13px;right:15px;z-index:1000;padding:15px;filter: unset;}
.w750 {width:750px !important;}

.popup_box {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20000;
	transition: all 10s ease-out
}
.dimmed {
	background: rgba(0, 0, 0, 0.6);
}
.popup_box .popup_container {
	position: relative;
	width: 540px;
	/* min-width: 600px; */
	max-width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 10px;
}
.popup_box .popup_header {
	height: 60px;
	margin: -1px 0 0 0;
	background: #28b2a5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
.popup_box .popup_header h1 {float:left;width:calc(100% - 80px);color:#333;font-weight:500;font-size:20px;color:#fff;line-height:60px;height:60px;padding-left:40px;letter-spacing:-0.5px;}
.popup_box .popup_body .bg_01 {padding: 10px 20px;background:#f0f8f8 !important;}
.popup_box .popup_footer{float:left;width:100%;background:#fff;padding-top:30px;padding-bottom:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.popup_box .popup_footer a {display:block; position:absolute;top:0;right:0;width:80px;height:60px;}
.popup_box .popup_footer a img {padding:20px 0 0 15px}
.popup_box .popup_header h2 {
	width: calc(100% - 80px);
	color: #333;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	line-height: 60px;
	height: 60px;
	padding-left: 40px;
	letter-spacing: -0.5px;
}
.popup_box .popup_body {
	background: #fff;
	padding: 40px;
	max-height: 505px;
	overflow-y: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#popCarInsuRebrd.popup_box .popup_body.event{
	max-height: initial;
}
.popup_box .popup_header .popup-close {
	position: absolute;
	right: 30px;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -11px;
	background: url("/static/resources/web/img/bg_popup_close.png")	no-repeat center center;
	font-size: 0;
	color: transparent;
}
.form_area input, select{
	width: 100%;
	padding: 0 12px;
	border: 1px solid #b9b9b9;
	height: 44px;
	font-size: 15px;
	color: #555;
	max-width: 100%;
}
.form_area .form_input{
	display: flex;
	align-items: center;
}
.form_area .form_input + .form_input{
	margin-top:10px;
}
.form_area .form_input .label {
	flex:1;
	font-size: 15px;
	font-weight: 500;
	color: #111;
}
.form_area .form_input > .div-set{ width: 364px; display: flex; gap: 5px; }
.form_area .form_input > .div-set > div:first-child{width: 215px;}
.form_area .form_input > .div-set > div:last-child{	flex:1.2;}
.form_area .form_input .phone_set{ display:flex; gap:5px }
.form_area .form_input .phone_set select{ width:180px; }
.form_area .form_input .radio_set{ display:flex; }
.form_area .form_input > .div-set > div .div-set{width:100%;}
.form_area .form_input input[type=radio] + label{font-size:14px;font-weight:400;background:#fff;text-align:center;border: 1px solid #b9b9b9;margin:0;display: block;width: 100%;cursor: pointer;padding: 12px 0 10px;height: 44px;}
.form_area .form_input input[type=radio] + label + input[type=radio] + label{border-left:none;}
.form_area .form_input input[type=radio] + label:before{background:none;}
.form_area .form_input input[type=radio]:checked + label:before{background:none;}
.form_area .form_input input[type=radio]:checked + label{color:#fff;border-color:#28b2a5;background:#28b2a5;}
input[type=radio].btn_radio:disabled + label:before {display:none;}

.form_area select{ position:relative; font-family:"Noto Sans KR"; -webkit-appearance:button; -webkit-padding-end:30px; -webkit-padding-start:10px; -webkit-user-select:none; background:url("/static/resources/web/img/icon_selectBg.gif") right center no-repeat #fff; background:none\0/IE9; background-size:22px auto; cursor:pointer; padding:0px 0px 0 10px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; color:#555; max-width:100%;}
.form_area select::-ms-expand {display:none;}
.form_area select option{ border:1px solid #f00}
.form_area select:focus::-ms-value{margin-left:-9px;padding-left:10px;}
.form_area .form_input #btnNumRequestResend{width: 144px;background:#64696f;border-radius:0;color:#fff;line-height:35px;height:44px;padding:0;}
.form_area .form_input .certi_set .certi_number{position:relative;}
.form_area .form_input .certi_set input{border:1px solid #b9b9b9;/* height:44px; */font-size:15px;color:#555;padding:0 60px 0 10px;max-width:100%;} 
.form_area .form_input .certi_set span{ display: block; position:absolute; top: 50%; transform: translateY(-50%); right: 10px; letter-spacing: 0; color: #ed1651; background:url('/static/resources/web/img/icon_clock.gif') no-repeat; background-position: left 23px center; padding-left: 43px; }

.pc .agree-multiple{
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #e5e5e5;
	padding: 30px 20px 25px;
}
.pc .agree-multiple > div + ul{
    padding-top: 25px;
    margin-top: 20px;
    position: relative;
}
.pc .agree-multiple > div + ul::before{
    content:'';
    width: calc(100% + 40px);
    display: block;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    top: 5px;
    left: -20px;
}
.pc .agree-multiple input[type=checkbox] + label{
    width: 100%;
    position: relative;
    padding: 0;
    display:block;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.pc .agree-multiple input[type=checkbox] + label::before{
    content: "전체동의";
    display: flex;
    font-size: 14px;
    color:#555;
    width: 90px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 0;
    left: inherit;
    transform: translateY(-50%);
    background: linear-gradient(to top, #f8f8f8 5px, #fff 5px);
    border: 1px solid #9d9d9d;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 0.2s ease-in-out;
    justify-content: center;
    align-items: center;
}
 .pc .agree-multiple input[type=checkbox]:checked + label::before{
    background: linear-gradient(to top, #009591 5px, #28b2a5 5px);
    border: 1px solid #28b2a5;
	 color:#fff;
}
.pc .check-vsign input[type=checkbox] + label{
    position: relative;
    padding: 0 10px 0 30px;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    line-height: 22px;
}
.pc .check-vsign input[type=checkbox]+label::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(
	"/static/resources/web/img/common/bg_check03.png") 0px 0px no-repeat;
	background-size: 24px auto;
	-webkit-transition: all 5s ease-in-out;
	-moz-transition: all 5s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pc .check-vsign input[type=checkbox]:checked + label::before{
    text-align: center;
	line-height: 24px;
	background: url("/static/resources/web/img/common/bg_check03.png") 0px -25px no-repeat;
}
.pc .agree-multiple > div + ul.ul-term-set{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0;
}
.pc .agree-multiple > div + ul.ul-term-set li{
	width:50%;
	margin: 0;
	justify-content: flex-start;
}
.pc .agree-multiple > div + ul.ul-term-set li .btn-term-see{
    width: 13px;
    height: 15px;
    background: url("/static/resources/webria/img/btn_paper.png") no-repeat center center;
    background-size: contain;
    color: transparent;
    text-indent: -1000000px;
    border: none;
}
.pc .agree-multiple > div + ul.ul-term-set::before{
	display:none
}
.ul-event-dot li{
	padding-left: 11px;
	margin-bottom: 6px;
	position: relative;
	line-height: 1.3;
}
.ul-event-dot li span{
	margin-right:3px;
	color:#111;
	font-weight:500;
}
.ul-event-dot li:last-child{
	margin-bottom: 0;
	}
.ul-event-dot li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	border-radius: 10px;
	background: #8d9695;
}
.btn-group {
	margin-top:20px;
}
.btn-group button{
	width: 100%;
	height: 44px;
	background: #8d9695;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 4px;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-group button.on{
	background: #009591
}
.pc #popJoinComplete .popup_body{
	padding-bottom:0
}
.pc #popJoinComplete .btn_full_box{
	text-align:center;
}
.pc #popJoinComplete .btn{
	width: 180px;
	height:44px;
	background-color: #009591;
	color:#fff;
	border-radius: 4px;
	border: none;	
}
.pc #popJoinComplete .complet_box strong{
    color: #333;
    line-height: 30px;
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    text-align: center;
}
.pc #popJoinComplete .complet_box strong span,
.pc #popJoinComplete .complet_box p span{
	color:#009591
}
.pc #popJoinComplete .complet_box p{
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -0.08em;
}
.pc .form_area .form_input #btnNumRequestResend {background: #9aacc5;}