@charset "utf-8";

/**************************************************************************************************/
/* 공통 */
/**************************************************************************************************/
html {
	height:100%;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
}

body {
	min-width:240px;
	height:100%;
	font-family: NotoSansCJKkr;
	color:#222;
	font-size:12px;
	word-break:keep-all;
	-webkit-font-smoothing:antialiased;
}
#wrap {
	-webkit-overflow-scrolling: touch;
}
#wrap.giftbox {
	height: calc(100% - 48px);
}
.inner {
	position:relative;
	width:auto;
	min-width:calc(240px - 8.888%);
	margin:0 4.444%;
}
.container {
	padding-top:48px;
}
.container.pinpad-open-scrollup{
	padding-bottom: 300px !important;
}
.container.contractor-detail-info {
	min-height: 100vh;
}
button {
	border: 0;
	outline: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 5000s ease-in-out 0s ;
}


/* 모바일 + ios 환경에서 header 및 ground-btm 의 클래스 추가 > 스크립트로 재설정 (ui.js 참조) */
html.html-ios.unset #header {
	display:none;
}
html.html-ios.unset .container .ground-btm {
	position:unset;
	opacity:0;
}


/**************************************************************************************************/
/* 해더 */
/**************************************************************************************************/
#header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:48px;
	background:#fff;
	z-index:990;
}
#header > .inner {
	height:48px;
}
#header > .gnb-top-wrap.inner {
	height:auto;
    margin: 0 6%;
}
#header .location {
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:48px;
}
.registerd-sign{
	font-size:x-large;
	vertical-align:middle;
}
.mypage-header #header .location{
	color: #fff;
}
#header .btn-back,
#header .btn-home,
#header .btn-setting,
#header .btn-menu,
#header .btn-home-my,
#header .btn-close,
#header .btn-alert,
#header .btn-prev {
	position:absolute;
	top:50%;
	width:24px;
	height:24px;
	margin-top:-12px;
	background-attachment: initial;
}
/* 원데이 로고 하나만 있을 때 */
#header .btn-logo.only-one{
	position:absolute;
	top:50%;
	margin-top:-12px;
	background-attachment: initial;
}
#header .btn-back, #header .btn-prev {
	left:0;
	background:url("../images/common/btn_back.svg") no-repeat center center;
}
#header .btn-home-my {
	left:0;
	background:url("../images/common/btn_home.svg") no-repeat center center;
}
#header .btn-setting {
	right:45px;
	background:url("../images/common/btn_setting.svg") no-repeat center center;
}
#header .btn-menu {
	right:0;
	background:url("../images/common/btn_hambug.png") no-repeat center center;
	background-size:20px auto;
}

#header .btn-home {
	right:0;
	background:url("../images/common/btn_home.svg") no-repeat center center;
}
#header .btn-close {
	right:0;
	background:url("../images/common/btn_close_24px.svg") no-repeat center center;
}
#header .btn-logo {
	display: block;
	left:0;
	width:74px;
	height:27px;
	transition: all .35s;
}
#wrap.logo-open #header .btn-logo{
	width:60px;
	height:20px;
}

#header .btn-logo::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background:url("../images/common/logo_txt_oneday.png") no-repeat center center;
	background-size: cover;
}
#header .hana-all-logo-wrap{
	position:absolute;
	top:50%;
	margin-top:-12px;
	border-radius: 20px;
	transition: padding .35s, border .35s;
	border: 1px solid #fff;
	background-color: #fff;
	z-index: 1000000;
}
#wrap #header.main .logo-open-dim{
	content: "";
	display: block;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
	transition: opacity .35s;
}
#wrap.logo-open #header .logo-open-dim{
    opacity: 1;
	height: 100vh;
    width: 100vw;
}
#wrap.logo-open .main-content{
	z-index: 0;
}
#wrap.logo-open #header .hana-all-logo-wrap{
	padding: 10px;
	border: 1px solid #ddd;
}
#header .hana-all-logo-wrap .oneQ-log-wrap,
#header .hana-all-logo-wrap .oneday-log-wrap{
	padding: 0 12px 0 11px;
    border: 1px solid #ffffff;
    border-radius: 50px;
    background: rgb(255, 255, 255);
}
#header .hana-all-logo-wrap .oneQ-log-wrap{
	margin-top: 10px;
	display: none;
}
#header .hana-all-logo-wrap .oneday-log-wrap{
	display: flex;
	align-items: center;
	padding-left: 0;
	transition: padding-left .35s;
}
.logo-open #header .hana-all-logo-wrap .oneday-log-wrap{
	padding-left: 11px;
}

#header .hana-all-logo-wrap .btn-oneQ-logo{
	display: block;
	left:0;
	width:80px;
	height:27px;
	position: relative;
}
#header .hana-all-logo-wrap .btn-oneQ-logo::after{
	content: '';
    display: block;
	position: absolute;
	left: 0;
	top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/main/img_logo_hana.png") no-repeat center center;
    background-size: 100%;
}
#header .hana-go-link-btn{
	width: 24px;
    height: 24px;
    background: url("../images/main/btn_logo_arrowR.png") no-repeat;
    background-size: 100% auto;
	transform: rotate(90deg);
	transition: transform .35s;
	margin-left: 10px;
	margin-top: 3px;
}
#wrap.logo-open #header .hana-go-link-btn{
	background: url("../images/main/btn_logo_arrowL.png") no-repeat;
	background-size: 100% auto;
}




#header .btn-alert {
	right:45px;
	background:url("../images/common/icon_alert.svg") no-repeat center center;
}
#header .btn-alert.add-alert:after {
	content:"";
	position:absolute;
	right:-1px;
	top:1px;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#FF4343;
}
#header [class*="btn-"] span {
	font-size:0;
	text-indent:-9999px;
}


/**************************************************************************************************/
/* 풋터 플로팅 영역 */
/**************************************************************************************************/
.ground-btm {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	z-index:9;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transform: translate3d(0,0,0);
	-webkit-overflow-scrolling: touch;
}
.fixed-btm {
	padding:20px 0 32px;
	background:#fff;
	z-index: 999999;
}
.fixed-btm-two{
	padding:20px 0 32px;
	background:#fff;
	z-index: 999999;
}
.fixed-btm-two .inner{
	display:flex;
}
.fixed-btm-two .inner button:first-child{
	line-height:1.2;
	margin-right:10px
}
.fixed-btm.mlmr {
	margin: 0 4.444%;
}
.flex-row-box {
	display:flex;
	flex-direction:row;
}
.flex-row-box > * {
	flex:1;
}
.fixed-btm .flex-row-box {
	gap:5px;
}
.not-fixed.ground-btm{
    position: static;
}


/**************************************************************************************************/
/* 디자인 가이드 */
/**************************************************************************************************/
/* 텍스트 */
.site-txt {
	color:#19C4D8;
}
.present .site-txt {
	color:#FB7091;
}


/* 버튼 */
.btn-floating {
	display:inline-block;
	width:100%;
	height:56px;
	color:#fff;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:56px;
	border:1px solid #19C4D8;
	border-radius:4px;
	background:#19C4D8;
}
.btn-floating:active {
	background-color: #1AAABB;
}
.btn-calcu {
	border:0;
	background: linear-gradient(to right, #9953F6, #20D2C6) !important;
}
.btn-calcu.pink {
	border:0;
	background: linear-gradient(to right, #FB7091, #9458F4) !important;
}
.btn-view-more {
	display:inline-block;
	width:100%;
	height:56px;
	color:#222222;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:56px;
	border:1px solid #999999;
	border-radius:4px;
	background:#fff;
}
.pink-txt {
	color: #FB7091 !important;
}
.pink-bg {
	background: #FB7091 !important;
}
.btn-floating.pink {
	border: 0px solid #FB7091;
	background: #FB7091;
}
.btn-floating.pink:active {
	background-color: #E15E7D;
}
.btn-floating.popup-close:active {
	/* background-color: #15141A; */
}
.btn-floating.popup-close.pink:active {
	background-color: #E15E7D;
}
.btn-floating.disabled,
.btn-floating:disabled {
	border-color:#b1bfc1 !important;
	background:#b1bfc1 !important;
}
.btn-floating.btn-cancel {
	border-color:#545861;
	background:#545861;
}
.btn-floating.btn-off {
	color:#19C4D8;
	background:#fff;
}
.btn-floating.btn-more {
	color:#222;
	border-color:#222;
	background:transparent;
}
.btn-floating.btn-go-main {
	border-color:#3B3A40;
	background:#3B3A40;
}
.btn-line {
	width:auto;
	min-width:130px;
	padding:0 1em;
	color:#222;
	font-size:16px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:40px;
	border:1px solid #bbb;
	border-radius:4px;
	background:#fff;
}
.btn-blue {
	width:auto;
	min-width:130px;
	padding:0 1em;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:40px;
	border:1px solid #19C4D8;
	border-radius:4px;
	background:#19C4D8;
}
.btn-pink {
	width:auto;
	min-width:130px;
	padding:0 1em;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:40px;
	border:1px solid #FB7091;
	border-radius:4px;
	background:#FB7091;
}
.btn-inside {
	height:24px;
	padding:0 0.5em;
	color:#666;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:24px;
	border:1px solid #bbb;
	border-radius:4px;
	background:#fff;
}
.btn-inside.on {
	background:#19C4D8;
	border:1px solid #19C4D8;	
}
.check-subscription-content-1 .more-info-btn-wrap .btn-inside.on span{
	color: #fff;
}
.btn-inside.on-pink {
	background:#FB7091;
	border:1px solid #FB7091;
}
.check-subscription-content-1 .more-info-btn-wrap .btn-inside.on-pink span{
	color: #fff;
}
.btn-inside2 {
	min-width:78px;
	height:40px;
	padding:0 1em;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:1;
	border:0 none;
	border-radius:4px;
	background:#3B3A40;
}
.btn-inside2:disabled {
	background:#B1BFC1;
}
.btn-inside3 {
	min-width:78px;
	height:40px;
	padding:0 1em;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:1;
	border:0 none;
	border-radius:4px;
	background:#000000;
	width: 100%;
}
.btn-inside4 {
	min-width:78px;
	height:40px;
	padding:0 1em;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:1;
	border:0 none;
	border-radius:4px;
	background:#BBBBBB;
	width: 100%;
}
.btn-text {
	display:inline-block;
	position:relative;
	padding-bottom:2px;
	color:#333;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:1.333;
	background:none;
}
.btn-text:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:1px;
	background:#333;
}

.step-view {
	position:relative;
	height: 48px;
	width:100%;
	margin:0;
	padding:10px 4.444% 26px;
	font-size:0;
	letter-spacing:0;
	line-height:12px;
	background:#fff;
	z-index:10;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.inner > .step-view {
	padding-left:0;
	padding-right:0;
}
.step-view li {
	display:inline-block;
	width:6px;
	height:6px;
	margin:0 0 0 8px;
	vertical-align:middle;
	border:0 none;
	border-radius:50%;
	background:#bbbbbb;
}
.step-view li:first-child {
	margin:0;
}
.step-view .active {
	width:8px;
	height:8px;
	border:2px solid #19C4D8;
	background:#fff;
}
.step-view.pink .active {
	width:8px;
	height:8px;
	border:2px solid #FB7091;
	background:#fff;
}
.step-view .done {
	width:6px;
	height:6px;
	border:0 none;
	background:#19C4D8;
}
.step-view.pink .done {
	width:6px;
	height:6px;
	border:0 none;
	background:#FB7091;
}


/* 아이콘 */
.btn-icon {
	display:inline-block;
	font-size:0;
	text-indent:-9999px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.btn-icon.info {
	width:14px;
	height:14px;
	background-image:url("../images/common/icon_info.svg");
}
.btn-icon.more {
	width:16px;
	height:16px;
	background-image:url("../images/common/icon_more.svg");
}
.btn-icon.ques {
	width:18px;
	height:18px;
	background-image:url("../images/common/Icon_ques_mark.svg");
}


/* 체크박스 */
.checkbox {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.checkbox input {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0;
	z-index:5;
	cursor: pointer;
}
.checkbox i {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	text-indent:-9999px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.checkbox i:before {
	content:"";
	position:absolute;
	top:50%;
	width:14px;
	height:10px;
	margin-top:-4px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:auto;
}
.checkbox i:after {
	content:"";
	position:absolute;
	top:50%;
	width:0;
	height:10px;
	margin-top:-4px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:auto;
}
.checkbox input:checked + i:before {
	opacity:0;
	-webkit-transition:opacity 0ms 200ms;
	transition:opacity 0ms 200ms;
}
.checkbox input:checked + i:after {
	width:14px;
	-webkit-transition:width 200ms;
	transition:width 200ms;
}
.checkbox input:disabled + i:after{
    width:14px;
}
.checkbox.type1 {
	width:22px;
	height:22px;
}
.checkbox.type1 i {
	border:1px solid #bbb;
	border-radius:50%;
	background:transparent;
}
.checkbox.type1 i:before {
	left:4px;
	background-image:url("../images/common/icon_checkbox_22px_off.svg");
}
.checkbox.type1 i:after {
	left:4px;
	background-image:url("../images/common/icon_checkbox_22px_on.svg");
}
.checkbox.type1 input:checked + i {
	border-color:#19C4D8;
	background:#19C4D8;
}
.checkbox.type1 input:checked + i.pink {
	border-color:#E15E7D;
	background:#E15E7D;
}

.checkbox.type2 {
	width:20px;
	height:20px;
}
.checkbox.type2 i {
	height:20px;
	border:1px solid #bbb;
	border-radius:50%;
	background:transparent;
}
.checkbox.type2 i:before {
	left:3px;
	background-image:url("../images/common/icon_checkbox_20px_off.svg");
}
.checkbox.type2 i:after {
	left:3px;
	background-image:url("../images/common/icon_checkbox_20px_on.svg");
}
.checkbox.type2 input:checked + i {
	border-color:#1AAABB;
	background:#1AAABB;
}
.checkbox.type2 input:checked + i.pink {
	border-color:#E15E7D;
	background:#E15E7D;
}
.checkbox.type2 input:disabled + i{
    border-color: #DDDDDD;
    background-color: #DDDDDD;
}
.checkbox.type3 {
	width:16px;
	height:16px;
}
.checkbox.type3 i:before {
	left:1px;
	background-image:url("../images/common/icon_checkbox_16px_off.svg");
}
.checkbox.type3 i:after {
	left:1px;
	background-image:url("../images/common/icon_checkbox_16px_on.svg");
}
.checkbox.type3 i.pink:after{
	left:1px;
	background-image:url("../images/common/icon_checkbox_16px_on_pink.svg");
}

.chk-align-box {
	display:flex;
	flex-wrap:nowrap;
	margin-top:31px;
}
.chk-align-box > .checkbox {
	top:3px;
}
.chk-align-box > label {
	flex:1;
	margin-left:6px;
	font-size:14px;
	font-weight:500;
	letter-spacing : 0.02em;
	line-height:20px; 
}


/* 라디오 */
.radiobox {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.radiobox input {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0;
	z-index:5;
}
.radiobox i {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid #bbb;
	border-radius:50%;
	background:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:200ms;
	transition:200ms;
}
.radiobox i:after {
	content:"";
	position:absolute;
	opacity:0;
	border-radius:50%;
	background:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:200ms;
	transition:200ms;
}
.radiobox input:checked + i {
	border-color:#222;
	background:#222;
}

.radiobox.type1 {
	width:16px;
	height:16px;
}
.radiobox.type1 i:after {
	left:4px;
	top:70%;
	width:6px;
	height:6px;
}
.radiobox.type1 input:checked + i:after {
	top:4px;
	opacity:1;
}
.radiobox.type2 {
	width:20px;
	height:20px;
}
.radiobox.type2 i:after {
	left:5px;
	top:70%;
	width:8px;
	height:8px;
}
.radiobox.type2 input:checked + i:after {
	top:5px;
	opacity:1;
}


/* 토글 스위치 */
.toggle-sw {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.toggle-sw.push {
	left: 9.89vw;
}
.toggle-sw input {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0;
	z-index:5;
}
.toggle-sw i {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.toggle-sw.type1 {
	width:48px;
	height:24px;
}
.toggle-sw.type1 i {
	border-radius:12px;
	background:#D3D3D3;
	-webkit-transition:200ms;
	transition:200ms;
}
.toggle-sw.type1 i:after {
	content:"";
	display:block;
	position:absolute;
	left:3px;
	top:3px;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
	z-index:1;
	-webkit-transition:200ms;
	transition:200ms;
}
.toggle-sw.type1 input:checked + i {
	background:#3B3A40;
}
.toggle-sw.type1 input:checked + i:after {
	left:28px;
}

.toggle-sw.type2 {
	width:48px;
	height:24px;
}
.toggle-sw.type2 i {
	border-radius:12px;
	background:#D3D3D3;
	-webkit-transition:200ms;
	transition:200ms;
}
.toggle-sw.type2 i:after {
	content:"";
	display:block;
	position:absolute;
	left:3px;
	top:3px;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
	z-index:1;
	-webkit-transition:200ms;
	transition:200ms;
}
.toggle-sw.type2 input:checked + i {
	background:#19C4D8;
}
.toggle-sw.type2 input:checked + i:after {
	left:28px;
}


/* 셀렉트 탭 */
.select-tab-wrap h4 {
	margin-bottom:10px;
	color:#666666;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.4;
}
.select-tab {
	overflow:hidden;
}
.select-tab ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 -4px;
}
.select-tab li {
	position:relative;
	width:50%;
	margin:0 0 8px;
	padding:0 4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.select-tab.type-row li {
	width:100%;
}
.select-tab.type-col li {
	width:auto;
	flex:1;
}
.select-tab li a,
.select-tab li button,
.select-tab li label {
	display:block;
	width:100%;
	padding:14px 0 13px;
	color:#666;
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:20px;
	border:1px solid #ddd;
	border-radius:4px;
	outline:0 none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:300ms;
	transition:300ms;
}
.select-tab li .selected,
.select-tab li input[type="radio"]:checked + label,
.select-tab li input[type="checkbox"]:checked + label {
	color:#222;
	border-color:#1AAABB;
}
.select-tab.pink .selected, 
.select-tab.pink input[type="radio"]:checked + label,
.select-tab.pink input[type="checkbox"]:checked + label{
	color:#222;
	border-color:#E15E7D;
}
.select-tab li input[type="radio"],
.select-tab li input[type="checkbox"] {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0;
}


/* 셀렉트 콤보박스 */
.select-combobox {
	position:relative;
	z-index:1;
}
.select-combobox .combo-tit {
	position:relative;
	padding:10px 20px 10px 0;
	font-size:18px;
	letter-spacing:-0.02em;
	line-height:1.4em;
	border-bottom:1px solid #222;
}
.select-combobox .combo-tit:after {
	content:"";
	display:block;
	position:absolute;
	right:2px;
	top:50%;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:url("../images/common/btn_accordion_down_16px.svg") no-repeat center center;
}
.select-combobox ul {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	margin-top:-1px;
	padding:15px 14px;
	border:1px solid #999999;
	border-radius:4px;
	background:#fff;
	z-index:2;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);
	box-shadow:0 5px 15px rgba(0,0,0,0.2);
	max-height: 296px;
	overflow-x: hidden;
	overflow-y: auto;
}
.select-combobox ul .selectable {
	display:block;
	padding:13px 21px 12px;
	color:#333;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:19px;
	border-radius:4px;
}
.select-combobox ul .selected {
	color: #fff;
	font-weight: 700;
	background: #19C4D8;
	position: relative;
}
/* .select-combobox ul .selected:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 7px;
	display: block;
	color: #fff;
	right: 14px;
	top: 50%;
	border-bottom: solid 2px currentColor;
	border-left: solid 2px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg) translate(0, -70%);
} */
.select-combobox ul.pink .selected {
	background:#fb7091;
}
.select-combobox.passed .combo-tit {
	color:#ddd;
	border-bottom-color:#ddd;
}
.select-combobox.passed .combo-tit:after {
	opacity:0.2;
}
.select-combobox.open .combo-tit {
	color:#222;
	border-bottom-color:transparent;
}
.select-combobox.open .combo-tit:after {
	opacity:1;
	-webkit-transform:rotateZ(180deg);
	transform:rotateZ(180deg);
	-webkit-transition:300ms;
	transition:300ms;
}
.select-combobox .form-label {
	margin-bottom:5px;
}

/* 셀렉트 콤보박스 - small-size */
.small-size-wrap{
	padding-bottom: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.small-size-wrap .select-combobox-title{
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
	margin-right: 10px;
}
.small-size-wrap .select-combobox-title::after{
	content: ":";
	display: inline-block;
	margin-left: 5px;
}
.select-combobox.small-size{
	width: 125px;
}
.select-combobox.small-size .combo-tit{
	border-bottom: 1px solid #666;
	/* color: #666; */
	padding: 5px 30px 5px 5px;
	font-size: 15px;
	text-align: end;
}
.select-combobox.small-size ul{
	text-align: center;
}
/* 셀렉트 콤보박스 - small-size */


/* 인풋 */
input::-webkit-input-placeholder {
	color:#bbb;
}
textarea::-webkit-input-placeholder {
	color:#bbb;
}
input::placeholder {
	color:#bbb;
}
textarea::placeholder {
	color:#bbb;
}
.form-label {
	display:inline-block;
	margin:0 0 15px;
	color:#666;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
}
.form-input .input-text {
	position:relative;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.form-input .input-text.search-wrap{
	position: relative;
	padding-right: 50px
}
.form-input .input-text.search-wrap .search-btn{
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../images/common/search-wrap.svg")no-repeat center;
	background-size:100% auto;
}
.form-input .input-text:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#333;
}
.form-input .input-text:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	z-index:1;
	-webkit-transition:width 400ms;
	transition:width 400ms;
}
.form-input .input-text.passed:before {
	background:#ddd;
}
.form-input .input-text.focused:after {
	width:100%;
	background:#19c4d8;
}
.form-input .input-text.pink.focused:after {
	width:100%;
	background:#fb7091;
}
.form-input .input-text.pink input {
	caret-color: #fb7091 !important;
}
.form-input .input-text.error:after {
	width:100%;
	background:#fb7091;
}
.form-input .input-text.disabled:not(.no-disabled):after {
	width:100%;
	background:#ddd;
}
.form-input input[type="text"],
.form-input input[type="password"],
.form-input input[type="tel"],
.form-input input[type="number"]  {
	width:100%;
	padding:0 0 10px;
	color:#222;
	font-size:18px;
	font-weight:400;
	border:0;
	outline:0;
	background:none;
	-webkit-text-fill-color: #222;
	opacity: 1;
	-webkit-opacity : 1;
}
.form-input input[type="text"]::placeholder,
.form-input input[type="password"]::placeholder,
.form-input input[type="tel"]::placeholder,
.form-input input[type="number"]::placeholder {
	-webkit-text-fill-color: #ddd;
	color:#ddd;
	opacity: 1;
	-webkit-opacity : 1;
}


.form-input input[type="text"].color-point{
	color: #1AAABB !important;
	-webkit-text-fill-color: #1AAABB !important;
	font-weight: 500;
}
.form-input .input-text.focused input {
	caret-color:#19c4d8;
}
.form-input .input-text.error input {
	caret-color:#E83F42;
}
.form-input .input-text.disabled:not(.no-disabled) input,
.form-input .input-text:not(.no-disabled) input:not(.touchTranskey):read-only {
	color:#222 !important;
	caret-color:#222;
	-webkit-text-fill-color: #222;
}
.form-input .msg {
	display:block;
	margin-top:10px;
	color:#999;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:18px;
}
.form-input .msg-error {
	color:#E83F42;
	margin-top:10px;
	display:block;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:18px;
}
.form-input .msg + .msg {
	margin-top:0;
}

.code-number:after {
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
}
.code-number,
.code-number.four>form{
	display: flex;
}
.code-number .input-text {
	width:48%;
}
.code-number .hy {
	width:4%;
	color:#ccc;
	font-size:18px;
	text-align:center;
	line-height:20px;
}


/* 아코디언 메뉴 */
.accordion-wrap {
	border-bottom:1px solid #DDDDDD;
}
.accordion-wrap .accordion-tit {
	position:relative;
	padding:19px 4.444%;
	color:#666666;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:18px;
	-webkit-transition:all 300ms;
	transition:all 300ms;
}
.accordion-wrap .accordion-tit:after {
	content:"";
	position:absolute;
	right:4.444%;
	top:50%;
	width:16px;
	height:16px;
	margin-top:-8px;
	opacity:0.6;
	background:url("../images/common/btn_accordion_down_16px.svg") no-repeat center center;
	-webkit-transition:opacity 300ms, transform 300ms;
	transition:opacity 300ms, transform 300ms;
}
.accordion-wrap.open .accordion-tit {
	color:#1AAABB;
	font-weight:500;
	font-size: 16px;
}
.present .accordion-wrap.open .accordion-tit {
	color:#E15E7D;
	font-weight:500;
	font-size: 16px;
}
.accordion-wrap.open .accordion-tit:after {
	opacity:1;
	-webkit-transform:rotateZ(180deg);
	transform:rotateZ(180deg);
}
.accordion-wrap .accordion-cont {
	display:none;
	padding:0 4.444% 40px;
}

.gift-disabled input {
	color: #bbb;
}


/* 가이드라인 설명문 */
.guideline-view {
    padding-top:10px;
}
.guideline-view.with-bg {
	background-color:#f7f7f7;
	border-radius: 5px;
	padding: 20px;
}
.guideline-view li,
.guideline-view > p {
    position:relative;
    margin-top:10px;
    padding-left:20px;
    color:#666666;
    letter-spacing:-0.02em;
    line-height:18px;
	text-align: left;
	font-size: 12px;
}
.guideline-view li:first-child,
.guideline-view > p:first-child {
	margin-top:0;
}
.guideline-view li:before,
.guideline-view > p:before {
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:16px;
    height:16px;
    background:url("../images/common/icon_info.svg") no-repeat center center;
}
.guideline-view li .warning {
    color:#E83F42;
    font-style:normal;
}

.info-box {
	margin-top:22px;
	padding:20px;
	border-radius:4px;
	background:#F7F7F7;
}
.info-box li {
	position:relative;
	margin-top:9px;
	padding-left:19px;
	color:#666;
	letter-spacing:-0.02em;
	line-height:18px;
	word-break:keep-all;
}
.info-box li:first-child {
	margin-top:0;
}
.info-box li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:14px;
	height:18px;
	background:url("../images/common/icon_info.svg") no-repeat center center;
}


/* 넘버링 리스트 */
.number-list > li {
	display:flex;
	flex-direction:row;
	gap:5px;
	margin-top:8px;
	color:#666666;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:1.5em;
}
.number-list > li:first-child {
	margin-top:0;
}
.number-list > li > i {
	font-style:normal;
}
.number-list > li > span {
	flex:1;
}
.number-list.number-list-pop {
	margin-top:12px;
}


/* 도트 리스트 */
.dot-list > li {
	position:relative;
	padding-left:10px;
	color:#666666;
	line-height:18px;
	font-size: 12px;
}
.dot-list > li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:7px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#19C4D8;
}
.present .dot-list > li:before {
	background:#FB7091;
}
.dot-list2 > li {
	position:relative;
	padding-left:8px;
}
.dot-list2 > li:before {
	content:"•";
	display:block;
	position:absolute;
	left:0;
	top:0;
}


/* 하이픈 리스트 */
.hyphen-list > li {
	position:relative;
	padding-left:10px;
	color:#666666;
	line-height:1.5;
}
.hyphen-list > li:before {
	content:"-";
	position:absolute;
	left:0;
	top:0;
}


/**************************************************************************************************/
/* 팝업 */
/**************************************************************************************************/
/* 전체 팝업 (공통 디자인) */
html.pop-open {
	height:100vh;
	overflow:hidden;
	overscroll-behavior-y:none;
}
html.pop-open body {
	height:100%;
	overflow:hidden;
	overscroll-behavior-y:none;
}
html.pop-open #wrap {
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
}
html.pop-open .container {
	overscroll-behavior-y:contain;
	/* visibility:hidden; */
}
html.pop-open.not-hidden .container{
	visibility:initial;
}
html.pop-open .hidden-ground {
	visibility:hidden;
	z-index:-1;
}

.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: #fff;
	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;
}


/* 알림 팝업 */
.notification-popup .popup-wrap{
	width: 280px;
	height: 180px;/* 운영 소스 */
	/* height:auto; */ /* 기존 소스 */
	border-radius: 4px;
	opacity:0;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.32);
	box-shadow:0 0 10px rgba(0,0,0,0.32);
	-webkit-transform:translateY(60%);
	transform:translateY(60%);
	-webkit-transition:400ms;
	transition:400ms;
}
.notification-popup.height-auto .popup-wrap{
	height: auto !important;
}
.notification-popup .popup-wrap.move {
	opacity:1;
	-webkit-transform:none;
	transform:none;
}
.notification-popup .popup-wrap .popup-header {
	padding:22px 0 21px;
	text-align:center;
}
.notification-popup .popup-wrap .popup-header h2 {
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.4;
}
.notification-popup .popup-wrap .popup-content{
	width: 100%;
	height:auto;
	min-height:128px;
}
.notification-popup .popup-wrap .popup-content p{
	margin-top: 10px;
	padding:0 10px;
	text-align: center;
}
.notification-popup .popup-wrap.image{
	width: initial;
	height: initial;
	border-radius: 15px;
	background: none;
}
.notification-popup .popup-wrap.image .popup-content{
	position: relative;	
}
.notification-popup .popup-wrap.image .popup-content img{
	width: calc(100% - 40px);
	max-width: 620px;
}
.notification-popup .popup-wrap.image .popup-content a{
	position: absolute;
	right: 9%;
	top: 3%;
	width: 9%;
	height: 6%;
}
.notification-popup .popup-content p span{
	display: block;
	font-size: 14px;
	font-family: NotoSansCJKkr-Regular, NotoSansCJKkr;
	color: #666666;
	line-height: 1.33;
	letter-spacing: -0.02em;
}
.notification-popup .popup-content p span.bold{
	font-size: 16px;
	font-weight:500;
	margin-bottom: 10px;
	line-height: 1.5;
	color: #222222;
	letter-spacing: -0.02em;
}
.notification-popup .popup-wrap .popup-btn{
	width: 100%;
	height: 52px;
	line-height:52px;
	text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
	display: flex;
}
.notification-popup .popup-wrap .popup-btn button,
.notification-popup .popup-wrap .popup-btn a{
		-webkit-box-flex: 1;
		-ms-flex: 1;
	flex-grow: 1;
	flex-basis: 0;
	cursor: pointer;
}
.notification-popup .popup-wrap .popup-btn button span,
.notification-popup .popup-wrap .popup-btn a span{
	color: #fff;
	font-size: 16px;
	font-weight:500;
	letter-spacing: -0.02em;
	line-height: 1.33;
}
.notification-popup .popup-wrap .popup-btn .popup-btn-mainback{
	background-color: #545861;
}
.notification-popup .popup-wrap .popup-btn .popup-btn-continue{
	background-color: #19c4d8;
}
.notification-popup .popup-wrap .popup-btn .popup-btn-continue-cancle-ok{
	background-color: #19c4d8;
}
.notification-popup .popup-wrap .popup-btn .popup-btn-confirm {
	background-color:#000000;
}


/* 슬라이드 팝업 (공통 디자인) */
.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: 20px;
}
.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{
	margin-bottom:30px;
	padding:15px 0 12px;
}
.full-popup-type .popup-wrap .popup-header h2{
	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("../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;
}

/* 슬라이드 팝업 (하단슬라이드) */
.layer-popup-type .popup-wrap {
	border-radius:16px 16px 0 0;
	-webkit-transition:bottom 400ms;
	transition:bottom 400ms;
}
.layer-popup-type:not(.layer-popup-type2) .popup-wrap {
	bottom:-56%;
	height:56%;
}
.layer-popup-type2 .popup-wrap {
	bottom:-98%;
	height: 98%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.layer-popup-type .popup-wrap.move {
	bottom:0% !important;
}
.layer-popup-type .popup-wrap .popup-header {
	border-bottom: 1px solid #EFEFEF;
}
.layer-popup-type .popup-wrap .popup-header .popup-close {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:30px;
	z-index:10;
}
.layer-popup-type .popup-wrap .popup-header .popup-close span {
	display: block;
	width: 80px;
	height: 3px;
	margin:0 auto 7px;
	font-size:0;
	text-indent:-9999px;
	border-radius: 1.5px;
	background-color: #DDDDDD;
}
.layer-popup-type .popup-wrap .popup-header.header2 {
	padding-bottom:15px;
	border-bottom:0 none;
	margin-bottom: 30px;
}
.layer-popup-type .popup-wrap .popup-header.hidden-tit {
	margin-bottom:0;
	border-bottom:0 none;
}
.layer-popup-type .popup-wrap .popup-header.hidden-tit h2 {
	height:0;
	font-size:0;
	overflow:hidden;
	visibility:hidden;
}
.popup-wrap .content-in {
	width:100%;
}
.layer-popup-type2 .popup-wrap.h-auto {
	height: auto;
}
/* 해외여행 필수안내툴팁 안내팝업*/
.layer-popup-type2.list-content-type .popup-wrap  {
	height: auto;
	max-height: 80%;
}
.layer-popup-type2.list-content-type .popup-wrap .popup-content.list-content-type {
 	flex: auto;
}
.layer-popup-type2.list-content-type .popup-wrap .popup-content.list-content-type li.popup-content-line:last-child {
	padding-bottom: 0;
}
/*고객동의*/
#popJoinAgree .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*휴대폰인증동의*/
#popAgreePhone .popup-wrap {
	height: auto;
}
/*가입자유의사항*/
#popPrecautions .popup-wrap {
	height: auto;
}
/*중복가입안내*/
#popOverlapJoin .popup-wrap {
	height: auto;
}
/*실손중복가입안내*/
#popCheckDuplicate .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*여행목적안내*/
#popPurposeTravelCheck .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*여행목적안내*/
#popPurposeTravel .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*여행 - 동반인보험가입 안내*/
#popCompInfo .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*보장내용 토글스위치 버전*/
#popChangeGuaranteed_planType1 .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*보장내용 토글스위치 버전*/
#popChangeGuaranteed_planType2 .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*보장내용 토글스위치 버전*/
#popChangeGuaranteed_planType3 .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*보장내용 토글스위치 버전*/
#popCoverChange .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*보장내용 토글스위치 버전*/
#popChangeGuaranteed_basic_plan .popup-wrap {
	height: auto;
	max-height: 80%;
}
/*보장내용 토글스위치 버전*/
#popChangeGuaranteed_high_quality_plan .popup-wrap {
	height: auto;
	max-height: 80%;
}
#popAgreePhone.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popPrecautions.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popOverlapJoin.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popPurposeTravelCheck.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popPurposeTravel.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popChangeGuaranteed_planType1.slide-popup .popup-wrap .popup-content.toggle-switches-type {
	flex: auto;
}
#popChangeGuaranteed_planType2.slide-popup .popup-wrap .popup-content.toggle-switches-type {
	flex: auto;
}
#popChangeGuaranteed_planType3.slide-popup .popup-wrap .popup-content.toggle-switches-type {
	flex: auto;
}
#popChangeGuaranteed_basic_plan.slide-popup .popup-wrap .popup-content.toggle-switches-type {
	flex: auto;
}
#popChangeGuaranteed_high_quality_plan.slide-popup .popup-wrap .popup-content.toggle-switches-type {
	flex: auto;
}
#popCoverChange.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popCheckDuplicate.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
#popCompInfo.slide-popup .popup-wrap .popup-content {
	flex: auto;
}
.toggle-switches-type li.popup-content-line:last-child {
	margin-bottom: 0;
}

/* 알럿 */
.alert-container{
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	overflow: hidden;
	z-index:2000;
	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;
	display:none;
}
.alert-container .alert-wrap{
	position:relative;
	width: 280px;
	height: 160px;/* 운영 소스 */
	opacity:0;
	overflow: hidden;
	border-radius:4px;
	background-color: #fff;
	z-index:10;
		display: -webkit-box;
		display: -ms-flexbox;
	display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
	flex-direction: column;
		-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.32);
	box-shadow:0 5px 15px rgba(0,0,0,0.32);
		-webkit-transform:translateY(60%);
	transform:translateY(60%);
		-webkit-transition:400ms;
	transition:400ms;
}
.alert-container .alert-wrap.move {
	opacity:1;
	-webkit-transform:none;
	transform:none;
}
.alert-wrap .alert-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;
	width: 100%;
	min-height: 120px;
}
.alert-wrap .alert-content p{
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #222222;
	text-align: center;
	letter-spacing: -0.02em;
	line-height: 1.4;
	padding: 0 20px;
}
.alert-wrap .alert-content p strong {
	font-size:16px;
	font-weight:500;
}
.alert-wrap .alert-content p .sub-txt {
	display:block;
	margin-top:10px;
	color:#666666;
	line-height:20px;
}
.alert-wrap .alert-btn{
	width: 100%;
	height: 40px;
	text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
	display: flex;
}
.alert-wrap .alert-btn button{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex-grow: 1;
	cursor: pointer;
	width:50%;
}
.alert-wrap .alert-btn button span{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.33;
	
}
.alert-wrap .alert-btn .alert-btn-continue{
	background-color: #000000;
}
.alert-wrap .alert-btn .alert-btn-close {
	background-color: #BBBBBB;
}
.alert-wrap .alert-btn .alert-btn-confirm {
	background-color:#BBBBBB;
}
.alert-wrap .alert-btn .alert-btn-confirm2 {
	background-color:#000000;
}
.alert-container.new-type-1 .alert-wrap{
	max-width: 280px;
	height: auto;
	width: auto;
}
.alert-container.new-type-1 .alert-content{
	height: auto;
	width: auto;
	flex-direction: column;
	padding: 24px 20px 0;
}
.alert-container.new-type-1 .alert-content .alert-icon{
	width: 48px;
	height: 48px;
	background:url("../images/common/alert-icon.svg") no-repeat center;
	background-size:100% auto;
}
.alert-container.new-type-1 .alert-content p.alert-title{
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 21px 0;
	position: relative;
}
.alert-container.new-type-1 .alert-content p.alert-title strong{
	font-weight: bold;
}
.alert-container.new-type-1 .alert-content .alert-text{
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding:10px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.alert-container.new-type-1 .alert-content .alert-text p{
	text-align: left;
	font-size: 12px;
	font-weight:400;
	padding: 0 0 0 10px;
	position: relative;
	margin-bottom: 4px;
	margin: 0;
}
.alert-container.new-type-1 .alert-content .alert-text p::after{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #19C4D8;
	left: 0;
	top: 5px;
}
.alert-container.new-type-1 .alert-info{
	font-size: 12px;
	letter-spacing:-0.02em;
	line-height:1.6;
	padding: 15px 0 30px 0;
	margin: 0 12px;
	position: relative;
	word-break:normal;
	text-align: center;
}
.alert-content .completed-visual-new{
	padding-top:0; 
	background-color: #fff;
}
.alert-content .completed-visual-new p{
	width: initial;
	font-size:15px;
	line-height: 1.6;
	padding: 0 5px;
}


.alert-container.new-type-1 .ul-contract-fonfirm{
	width:100%;
	border-top:1px solid #ddd;
	padding: 20px 0;
}
.alert-container.new-type-1 .ul-contract-fonfirm li{
	display:flex;
	gap: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	position: relative;
}
.alert-container.new-type-1 .ul-contract-fonfirm li:before{
	content:'';
	display:block;
	width: 3px;
	height: 3px;
	background:#19C4D8;
	position:absolute;
	left: 0px;
	top: 8px;
}
.alert-container.new-type-1 .ul-contract-fonfirm li p{
	text-align: left;
	font-size: 14px;
	font-weight:400;
	margin: 0;
	padding:0;
	line-height: 1.6;
}
.alert-container.new-type-1 .ul-contract-fonfirm li p span{
	font-family: Roboto, NotoSansCJKkr;
}

.alert-container.new-type-1 .div-confirm{
	width:100%;
	border-top:1px solid #ddd;
	padding: 20px 0;
}
/*가입완료화면 체크아이콘*/
.check-icon-tit{
	margin-bottom:30px;
	padding-top:67px;
	text-align:center;
	background:url("../images/common/img_check.svg") no-repeat center top;
}

/* 팝업 내부 컨텐츠 */
.popup-container .check-tit {
	margin-bottom:30px;
	padding-top:67px;
	text-align:center;
	background:url("../images/common/img_check.svg") no-repeat center top;
}
.popup-container .check-tit b {
	font-size:20px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.7em;
}
.popup-container .popup-content .cont {
	margin:0 10px;
	color:#666;
	letter-spacing:-0.02em;
	line-height:1.666em;
}
.popup-container .popup-content .innerContent p {
	margin:0 10px;
	letter-spacing:-0.02em;
	line-height:1.666em;
}
.pop-tbl {
	width:100%;
	/* border-top:1px solid #ccc; */ /* 기존 소스 */
}
.pop-tbl caption {
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
}
.pop-tbl th,
.pop-tbl td {
	padding:10px 5px; /* 운영 소스 */
	/* padding:6px 5px; */ /* 기존 소스 */
	letter-spacing:-0.02em;
	line-height:1.4; /* 운영 소스 */
	border:1px solid #ddd; /* 운영 소스 */

	/* border-right:1px solid #ddd;
	border-bottom:1px solid #ddd; */ /* 기존 소스 */
}
.pop-tbl th {
	font-size:14px; /* 운영 소스 */
	/* font-size:12px; */ /* 기존 소스 */
	font-weight:500;
	line-height:1.33;
	vertical-align:middle;
	background:#f9f9f9; /* 운영 소스 */
	/* background:#F5F5F5; */ /* 기존 소스 */
}
.pop-tbl td {
	color:#666;
	font-size:13px; /* 운영 소스 */
	/* font-size:12px; */ /* 기존 소스 */
	/* line-height:1.5; */ /* 기존 소스 */
}

.pop-tbl tbody tr > *:first-child { /* 운영 소스 */
	border-left:0 none;
}

.pop-tbl tr > *:last-child {
	border-right:0 none;
}


/* 통합청약서 팝업 */
#popOnedayLayerFrame .popup-header {
	margin-bottom:0;
}
.popup-container .popup-wrap .popup-content.content-oneday-layer {
	padding-bottom:0;
}
.popup-container .popup-wrap .popup-content.content-oneday-layer .content-in {
	height:100%;
}
.popup-container .popup-wrap .popup-content.content-oneday-layer .cont {
	height:100%;
	margin:0;
}


/* 본인인증 화면(레이어형식) 열린 상태에서 추가된 팝업창의 경우 z-index 변경 */
.popup-container.popup-over,
.alert-container.popup-over {
	z-index:1002;
}


/* 핀패드 (퍼블화면용 - 개발 시 사용하지 않음) */
.pinpad {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	opacity:0;
	background:#F7F7F7;
	z-index:1001;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transition:300ms;
	transition:300ms;
}
.pinpad.view {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.pinpad ul {
	display:flex;
	flex-wrap:wrap;
	margin-right:-1px;
	text-align:center;
}
.pinpad ul > li {
	display:block;
	width:25%;
	height:73px;
	margin:0;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.pinpad li .pin-number {
	width:100%;
	height:100%;
	font-size:20px;
	font-weight:500;
	line-height:72px;
	border:0 none;
	background:#F7F7F7;
}
.pinpad .confirm {
	width:50%;
}
.pinpad li button {
	width:100%;
	height:100%;
	line-height:72px;
	border:0 none;
}
.pinpad li .btn-pin-cancel {
	font-size:0;
	text-indent:-9999px;
	background:#3B3A40 url("../images/common/pinpad_cancel.svg") no-repeat center center;
}
.pinpad li .btn-pin-back {
	font-size:0;
	text-indent:-9999px;
	background:#3B3A40 url("../images/common/pinpad_back.svg") no-repeat center center;
}
.pinpad li .btn-pin-confirm {
	border-radius:0;
}


/* 풀화면 딤처리 */
.dim-full {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:9999;
}


/**************************************************************************************************/
/* 페이징 */
/**************************************************************************************************/
.paging-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 8.333vw;
	padding-bottom: 17.000vw;
}
.paging-wrap .num {
	color: #000;
	font-size: 16px;
}
.paging-wrap>.pre {
	font-size: 0;
	position: relative;
	margin-right: 30px;
}
.paging-wrap>.next {
	font-size: 0;
	position: relative;
	margin-left: 30px;
}
.paging-wrap>.pre::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../images/common/paging_arrow.svg');
}
.paging-wrap>.pre.active::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../images/common/paging_arrow_active.svg');
	transform: rotate(180deg);
}
.paging-wrap>.next::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../images/common/paging_arrow.svg');
	transform: rotate(180deg);

}
.paging-wrap>.next.active::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../images/common/paging_arrow_active.svg');
	transform: rotate(0deg);
}


/**************************************************************************************************/
/* 로딩 */
/**************************************************************************************************/
html.now-loading {
	height:100vh;
	overflow:hidden;
}
html.now-loading:after {
	content:"";
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:99999;
}
html.now-loading body {
	overflow:hidden;
}
.loadingWrap {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:100000;
}
.loadingWrap.full {
	background:#fff;
} 
.lds-ellipsis {
	display: inline-block;
	position: absolute;
	top:50%;
	left:50%;
	width: 150px; /* 운영 소스 */
	height: 150px; /* 운영 소스 */
	/* width: 60px; */ /* 기존 소스 */
	/* height: 60px;  */ /* 기존 소스 */
	text-align: center;	/* 운영 소스 */
	transform:translate(-50%, -50%);
	/* background: url("../images/common/loading_3.gif") no-repeat center; */ /* 기존 소스 */
	/* background-size:contain; */ /* 기존 소스 */
}

.loading-view {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:30;
}
.ground-btm.loading{
	z-index: 40;
}
.loading-view .loading-cont {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	text-align:center;
}
.loading-view .loading-img span {
	display:block;
	width:88px;
	height:88px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center center;
}
.loading-view .loading-img .loading01 {
	background-image:url("../images/common/img_loading01.svg");
}
.loading-view .loading-img .loading01_payment {
	background-image:url("../images/common/img_loading_payment.svg");
}
.loading-view .loading-img .retry {
	background-image:url("../images/common/img_retry.svg");
}
.loading-view .loading-img .recontact {
	background-image:url("../images/common/img_recontact.svg");
}
.loading-view .loading-img .no-event {
	background-image:url("../images/common/img_no_event.svg");
}
.loading-view .loading-img .payment-error {
	background-image:url("../images/common/payment-error.svg");
}
.loading-view .loading-img .service-check-full-screen-img{
	background-image:url("../images/common/service-check-full-screen-img.svg");
}
.loading-view .loading-img .service-check-popup-img{
	width: 60px;
	height: 60px;
	background-image:url("../images/common/service-check-popup-img.svg");
}
.loading-view .construct-txt {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 22px;
	padding-bottom: 22px;
	margin-top: 20px;
}
.loading-view .construct-txt>div {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
}
.loading-view .construct-txt>div:nth-of-type(1)>span {
	margin-bottom: 15px;
}
.loading-view .construct-txt>div>span:nth-of-type(1) {
	font-size: 16px;
	color: #666;
}
.loading-view .construct-txt>div>span:nth-of-type(2) {
	font-size: 18px;
	color: #222;
}

.loading-view .loading-txt {
	margin-top:22px;
}
.loading-view .loading-txt em {
	display:block;
	color:#666666;
	font-size:16px;
	font-style:normal;
	letter-spacing:-0.02em;
	line-height:30px;
}

.loading-view .loading-txt.reverse em {
	display:block;
	color:#222;
	font-size:20px;
	font-style:normal;
	letter-spacing:-0.02em;
	line-height:30px;
	font-weight: normal;
}
.loading-view .loading-txt.reverse p {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	margin-top: 10px;
}

.loading-view .loading-txt p {
	color:#222222;
	font-size:20px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:30px;
}
.loading-view .loading-close {
	position:absolute;
	right:4.444%;
	top:18px;
	width:24px;
	height:24px;
	font-size:0;
	text-indent:-9999px;
	background:url("../images/common/btn_close_24px.svg") no-repeat center center;
}

/* 위즈베라 로딩 수정 */
#dc_overlay >div>div{
    padding: 0 !important;
    padding-top: 6px !important;
    height: 20px !important;
}
#dc_overlay img{	
    width: initial;
    transition: initial;
}

/* 전화번호부 로딩 */
.phone-number-loading-wrap{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.phone-number-loading-wrap .phone-number-loading{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -20vh;
}
.phone-number-loading-wrap .lds-ellipsis.phone-number-loading-gif{
    width: 60px;
    height: 60px;
    position: static;
    transform:translate(0%, 0%);
}
.phone-number-loading-wrap .phone-number-loading-text{
    color: #fff;
    letter-spacing: -0.02em;
}
.phone-number-loading-wrap .phone-number-loading-text.top{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 11px;
    margin-top: 25px;
}
.phone-number-loading-wrap .phone-number-loading-text.bottom{
    opacity: .8;
    font-size: 16px;
    font-weight: 400;
}
.service-popup-type.loading-view .loading-box{
	width: 100%;
    margin: 0 40px;
}
.service-popup-type.loading-view .loading-img span{
	width: 80px;
	height: 80px;
}
.service-popup-type.loading-view .loading-txt{
	margin-top: 12px;
}
.service-popup-type.loading-view .loading-txt.reverse em{
	font-size: 22px;
	font-weight: 500;
}
.service-popup-type.loading-view .loading-txt.reverse p{
	font-size: 14px;
	font-weight: 400;
	margin-top: 12px;
}
.service-popup-type.loading-view .construct-txt>div>span:nth-of-type(1){
	font-weight: 400;
}
.service-popup-type.loading-view .construct-txt>div>span:nth-of-type(2),
.service-check-alert .loading-view .construct-txt>div>span:nth-of-type(2){
	font-size: 16px;
	font-weight: 500;
}
.service-popup-type.loading-view .construct-txt{
	border-bottom: none;
}
.service-check-popup.full-popup-type .popup-wrap .popup-header h2{
	visibility: hidden;
}
.service-check-popup.full-popup-type .popup-wrap .popup-header{
	margin-bottom: 0;
}
.service-check-popup.slide-popup .popup-wrap .popup-content{
	padding-bottom: 0;
}
.service-check-popup .loading-view{
	display: block;
	position: initial;
	left: initial;
	top: initial;
}
.service-check-popup .service-popup-type.loading-view .loading-box{
	margin-top: -54px;
	max-width: 280px;
}
.service-check-alert.alert-container.new-type-1 .alert-wrap{
	max-width: 280px;
}
.service-check-alert.alert-container.new-type-1 .alert-content p.alert-title{
	font-size: 14px;
	margin-top: 0;
}
.service-check-alert.alert-container.new-type-1 .alert-content p.alert-title b{
	font-size: 20px;
}
.service-check-alert .loading-view .construct-txt{
	margin-top: 0;
}
.service-check-alert .alert-wrap .alert-content-text{
	font-size: 12px;
	text-align: start;
	font-weight: 400;
	padding: 0 10px;
}
.service-check-alert.alert-container.new-type-1 .alert-content .alert-text{
	border: none;
	margin-top: 5px;
}
.service-check-alert .Check{
	margin: 10px 20px 20px 20px;
}
/**************************************************************************************************/
/* 툴팁 */
/**************************************************************************************************/
.tooltip {
	width: 18px;
	height: 18px;
	position: relative;
	font-size: 0;
	color: transparent;
	margin-left: 5px;
}
.tooltip::before {
	content: '';
	display: inline-block;
	background: url('../images/common/Icon_info_18px.svg');
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.tooltip-layer {
	opacity: 0;
	transition: all 0.2s ease-in;
	background: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 4px 3px 11px 0px rgb(0 0 0 / 17%);
	position: absolute;
	bottom: 8.5vw;
	padding: 40px 20px 25px;
	width: calc(100% - 20.444%);
	z-index: -1;
}
.tooltip-layer>p {
	font-size: 14px;
}
.tooltip-layer>p>em {
	text-decoration: underline;
}
.tooltip-layer .b-close {
	position: absolute;
	font-size: 0;
	color:transparent;
	display: block;
	top: 15px;
	right: 15px;
}
.tooltip-layer>ul {
	margin-top:20px;
}
.tooltip-layer>ul>li {
	padding-left: 0;
	display: flex;
}
.tooltip-layer>ul>li>span:nth-of-type(2) {
	padding-left: 5px;
}
.tooltip-layer .b-close::before {
	content: '';
	background: url('../images/common/tooltip-btn_close_16px.svg') 0 no-repeat;
	width: 16px;
	height: 16px;
	display: block;
}

.tooltip-box {
	display:inline-block;
	position:relative;
}
.tooltip-layer2 {
	position:absolute;
	/* left:0px; */
	top:100%;
	width:268px;
	border:1px solid #999999;
	border-radius:4px;
	background:#fff;
	opacity:0;
	z-index:-1;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);
	box-shadow:0 5px 15px rgba(0,0,0,0.2);
	-webkit-transition:opacity 400ms, z-index 400ms;
	transition:opacity 400ms, z-index 400ms;
}
.tooltip-layer2 .tooltip-cont {
	padding:25px;
	text-align:left;
}
.tooltip-layer2 .tooltip-cont h5 {
	margin-bottom:10px;
	color:#222222;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:19px;
}
.tooltip-layer2 .tooltip-cont p {
	color:#666666;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:18px;
}
.tooltip-layer2 .tooltip-close {
	position:absolute;
	right:14px;
	top:14px;
	width:16px;
	height:16px;
	font-size:0;
	text-indent:-9999px;
	background:url("../images/common/tooltip-btn_close_16px.svg") no-repeat center center;
	background-size:cover;
}
.tooltip-box.view .tooltip-layer2 {
	opacity:1;
	z-index:11;
	left: 0px;
}

/* tag */
.tag {
	position: relative;
	display: inline-block;
	background-color: #19C4D8;
	display: inline-block; 
	margin-left: 8px;
	padding: 6px 10px 6px 42px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}
.tag.icon--mascot:before {
	content:'';
	position: absolute;
	bottom: 0;
	left: 5px;
	width: 32px;
	aspect-ratio: 1;
	background-image: url("/static/resources/mo/img/icon_mascot_heart_small.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
}


/**************************************************************************************************/
/* 조회 결과 내용 없음 기본 화면 */
/**************************************************************************************************/
.result-box {
	text-align:center;
}
.result-box .icon span {
	display:inline-block;
	width:60px;
	height:60px;
	font-size:0;
    text-indent:-9999px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.result-box .icon.error span {
	background-image:url("../images/contract/contract_error.svg");
}
.result-box .icon.no-join span {
	background-image:url("../images/charge/icon_no_join.svg");
}
.result-box p {
    display:block;
    margin:12px 0 0;
	color:#222222;
    font-size:24px;
    letter-spacing:-0.02em;
    line-height:1.4;
}
.noti-small-text{
	font-size: 15px !important;
}
.result-box .more-txt {
	display:block;
	margin:11px 0 0;
	color:#666666;
	font-size:16px;
	letter-spacing:-0.02em;
	line-height:1.5;
}
.result-box .more-txt em {
	font-style:normal;
}


/**************************************************************************************************/
/* as-is 디자인 수정 */
/**************************************************************************************************/
/* as-is 팝업창 숨기기 */
.layer_pop_wrap {
	display:none !important;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
}
.layer_pop_wrap.layer_open {
	display:none !important;
}


/* as-is 핀패드(transkey) */
html .dv_transkey_div {
	position:fixed;
	top:auto !important;
	bottom:0;
	width:100% !important;
	height:auto;
	border:0 none;
}
html .dv_transkey_disp {
	display:none;
}
html .dv_transkey_div_2 {
	width:100%;
	border-bottom:1px solid #CCCCCC;
	background:#F7F7F7;
}
html .dv_transkey_div2 {
	/* width:25% !important; */
	border-right:1px solid #CCCCCC;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html .dv_transkey_div2_Height {
	height:60px;
}
html .dv_transkey_div2_2_nTop {
	margin-top:17px;
}
html .dv_transkey_div3_3_nTop {
	margin-top:17px;
}
html .dv_transkey_div_a2 {
	/* width:25% !important; */
	background:#3B3A40;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html .dv_transkey_div_2.dv_transkey_end{
	
}
html .dv_transkey_div_2.dv_transkey_end .dv_transkey_div3.dv_transkey_div_a2.dv_transkey_div2_Height{
	width: 25% !important;;
}
html .dv_transkey_div3_1 {
	width:25% !important;
	background:#3B3A40;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html .dv_transkey_div_b {
	width:50% !important;
	background:#19C4D8;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html .dv_transkey_div_b.pink {
	background: #FB7091 !important;
}
html .dv_transkey_div_2.dv_transkey_end .dv_transkey_div2_2 {
	margin-top:12px;
	background:url("../images/common/pinpad_back.svg") no-repeat center center !important;
	background-size:contain;
}
html .dv_transkey_div_2.dv_transkey_end .dv_transkey_div3_3 {
	background:url("../images/common/pinpad_cancel.svg") no-repeat center center !important;
	background-size:contain;
}
html .dv_transkey_div2.dv_transkey_div_a2.dv_transkey_end.dv_transkey_div2_Height .dv_transkey_div2_2.dv_transkey_div2_2_qTop{
	background:url("../images/common/pinpad_back.svg") no-repeat center center !important;
	background-size:contain;
}
#mtk_txtStep1CustNo2 .dv_transkey_disp{
	display: block;
}
html .transkey.dv_transkey_div.dv_transkey_div_qHeight div:not(:first-child){
	display:flex;
	justify-content: space-evenly; 
}

/* as-is 팝업창 이용약관 등에 사용되는 디자인 */
/*layer_info_box*/
.layer_info_box ul.terms_box {
	text-align:left;
}
.layer_info_box ul.terms_box li {
	position: relative;
	width: 100%;
	margin-bottom: 16px;
	word-break: keep-all;
}
.layer_info_box ul.terms_box li .tit {
	display:block;
	margin-bottom: 7px;
}
.layer_info_box ul.terms_box li .txt {
	position: relative;
	margin-top: 4px;
	padding-left: 12px;
	font-weight: 300;
	line-height: 20px;
}
.layer_info_box ul.terms_box li .txt:before {
	display:block;
	position:absolute;
	top: 9px;
	left:0;
	border: 1.5px solid #999;
	border-radius: 4px;
	content:"";
}
.layer_info_box ul.terms_box.line-top {
	margin-top:21px;
	border-top:1px solid #e7e9ee;
}
.layer_info_box ul.terms_box.line-top li:first-child {
	margin-top:20px;
}
.layer_info_box ul.txt_list {
	padding: 15px 13px 16px;
}
.layer_info_box ul.txt_list li {
	margin-top:10px;
	color:#000;
	font-size:16px;
	border-top:1px solid #e3e4e8;
}
.layer_info_box ul.txt_list li:first-child {
	margin-top:0;
	border-top:0;
}
.layer_info_box ul.txt_list li .link {
	padding-right:16px;
	color:#19C4D8;
	font-size:14px;
	cursor:pointer;
	background: url(../images/as_is/btn_arrowR_on.png) no-repeat right 8px;
	background-size: 4px 7px;
}

.layer_info_box ol {
	margin-top:50px;
	font-size:18px;
	text-align:left;
}
.layer_info_box ol li {
	margin-top:38px;
}
.layer_info_box ol li:first-child {
	margin-top:0;
}
.layer_info_box ol li .tit {
	font-weight: 500;
}
.layer_info_box ol li .num {
	position:absolute;
	top:0;
	left:0;
	font-weight: 500;
}
.layer_info_box ol li .edit {
	position:absolute;
	top:0;
	right:0;
	color:#19C4D8;
	font-size:14px;
	text-decoration-line:underline;
	font-weight:300;
}
.layer_info_box ol li .list_info_box ul li .tit {
	color:#666;
	font-weight: 300;
}
.layer_info_box ol li .list_info_box ul li .data {
	color:#000;
	font-weight: 400;
}

.layer_info_box .layer_cont .tit_wrap {
	position:relative;
	margin-bottom:-2px;
	font-size:16px;
}
.layer_info_box .layer_cont .num_tit_wrap {
	position:relative;
}
.layer_info_box .layer_cont .num_tit_wrap .tit {
	padding-left: 20px;
}
.layer_info_box .list_info_box {
	margin:14px 0;
	border-top:1px solid #e7e9ee;
	border-bottom:1px solid #e7e9ee;
}
.layer_info_box .list_info_box ul {
	padding:16px 0;
}
.layer_info_box .list_info_box ul:after {
	content:"";
	display:block;
	clear:both;
}
.layer_info_box .list_info_box ul li {
	float:left;
	width:100%;
	margin:0;
	padding-top:7px;
	list-style-type:none;
	font-size:16px;
}
.layer_info_box .list_info_box ul li:first-child {
	padding-top:0;
}
.layer_info_box .list_info_box ul li .tit {
	padding:0;
	color:#000;
	font-weight:400;
}
.layer_info_box .list_info_box ul li .data {
	width:67%;
	color:#666;
	text-align:right;
	font-weight:300;
}
.layer_info_box .txt_warning {
	margin-top:30px;
	padding-left: 26px;
	padding-bottom:2px;
	color: #999;
	text-align:left;
	background: url("../images/as_is/img_warning.png") no-repeat 0 0;
	background-size: 20px auto;
}
.layer_info_box .call {
	color:#19C4D8;
	font-size:22px;
	font-weight:500;
	text-align:center;
}

/* box_rad01 */
.box_rad01 {
	position:relative;
	margin-top:43px;
	margin-bottom:15px;
	padding:0;
	text-align:left;
	letter-spacing:-0.2px;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}
.box_rad01 .h3_font {
	margin-bottom: 12px;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	word-break: keep-all;
}
.box_rad01 .tb_type01 {
	border-top:solid 1px #555;
	background:#fff
}
.box_rad01 .tb_type01 thead th {
	border-bottom:solid 1px #555!important;
}
.box_rad01 .tb_type01 th,
.box_rad01 .tb_type01 td {
	padding:10px;
	font-size: 16px;
	font-weight: 400;
	vertical-align: middle;
	text-align:left;
	border-right:solid 1px #e3e3e3;
	border-bottom:solid 1px #e3e3e3;
}
.box_rad01 .tb_type01 td {
	color:#666;
	font-weight: 300;
}
.box_rad01 .tb_type01 th {
	width:91px;
	color:#111;
}
.box_rad01 .tb_type01 tr th:last-child,
.box_rad01 .tb_type01 tr td:last-child {
	border-right:none;
}

.para_box {
	font-size: 12px;
	line-height: 1.5;
}
.para_box h4 {
	padding:10px 0 5px 0;
	font-size: 14px;
	font-weight: 500;
}
.para_box p {
	font-size: 14px;
}
.para_box ol {
	margin: 0px;
}
.para_box ol li,
.para_box ul li {
	list-style: decimal;
	margin:0 0 0 15px;
	font-size: 12px;
	line-height: 1.5;
}

/* 2021-06-01 새로운 약관 양식  */
.new_term {
	margin:0;
	padding:0 0 1px;
}
.new_term .text_box {
	float: left;
	line-height: 1.5;
	font-size:12px;
}
.new_term .status_bar_01 {
	width: 300px;
	height: 39px;
	margin: 0 auto;
	background: url("../images/as_is/status_bar_03.png") no-repeat bottom left;
	background-size: 300px auto;
}
.new_term .status_bar_02 {
	width: 300px;
	height: 39px;
	margin: 0 auto;
	background: url("../images/as_is/status_bar_01.png") no-repeat bottom left;
	background-size: 300px auto;
}
.new_term .status_bar_04 {
	width: 300px;
	height: 39px;
	margin: 0 auto;
	background: url(/static/resources/webria/img/temp/status_bar_04.png) no-repeat bottom left;
	background-size: 300px 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;
	position: relative;
	width: 70%;
	margin-top:7px;
	margin-left: 20px;
	word-break: keep-all;
}
.new_term .qr_box p.kome:before {
	content: "※";
	position: absolute;
	left: -20px;
}
.new_term .qr_box .img_qr_311 {
	float: right;
	width: 54px;
	height: 54px;
	margin-top: 10px;
	background: url("../images/as_is/term_qr_311.png") no-repeat;
	background-size: 54px auto;
}
.new_term .qr_box .img_qr_312 {
	width: 54px;
	height: 54px;
	float: right;background: url("../images/as_is/term_qr_312.png") no-repeat;background-size: 54px auto;margin-top: 10px;
}

.new_term p a.link {
	color:#19C4D8;
	text-decoration: underline;
}
.popup-container .popup-content .innerContent .new_term p.kome {
	position: relative;
	margin: 0 0 0 14px;
	line-height: 1.4;
}
.new_term p.kome:before {
	content: "※";
	position: absolute;
	left: -15px;
}

.new_term h2 {
	display:none;
}
.new_term h3 {
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding: 9px 10px 5px 20px; /* 운영 소스 */
	/* padding: 3px 10px 5px 20px; */ /* 기존 소스 */
	color: #fff;
	font-size: 14px;
	font-weight:400;
	background: #19C4D8;
}
.new_term h3:before {
	content:"";
	display: inline-block;
	position: absolute;
	top: 7px; 
	left: 5px;
	width: 6px;
	height: 20px;
	background: #fff;
}

.new_term .term_tb {
	width:100%;
	font-size: 12px;
	border-top: 1px solid #cccccc;
	border-bottom:1px solid #dddddd;
}
.new_term .term_tb caption {
	font-size:0;
	text-indent:-9999px;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
}
.new_term .term_tb th,
.new_term .term_tb td {
	padding:6px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.new_term .term_tb thead th,
.new_term .term_tb tbody th {
	color:#222;
	font-size: 12px;
	font-weight:500;
	text-align:center;
	line-height:1.333;
	vertical-align:middle;
	white-space: nowrap;
	background:#f5f5f5;
}
.new_term .term_tb tbody td {
	color:#666;
	font-size: 12px;
	font-weight:400;
	line-height: 1.5;
	text-align: left;
	vertical-align:middle;
	background:#fff;
}
.new_term .term_tb tr th:last-child,
.new_term .term_tb tr td:last-child {
	border-right:0;
}
.new_term .term_tb tbody td.strong {
	color: #333;
	font-size: 12px;
	font-weight:500;
}
.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 {
	display: inline-block;
	padding: 2px 16px 3px;
	margin-left: 10px;
	line-height: 18px;
	border-radius: 15px;
	background: #fcdb19;
}
.new_term .term_tb tbody td span.icon_good {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 16px 3px;
	color: #fff;
	line-height: 18px;
	border-radius: 15px;
	background: #4fb348;
}

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

.new_term .fl {
	float:left;
}
.new_term .fr {
	float:right;
}
.new_term .mt3 {
	margin-top:3px !important;
}
.new_term .mt10 {
	margin-top:10px !important;
}
.new_term .mt30 {
	margin-top:30px !important;
}
.new_term .mt40 {
	margin-top: 40px !important;
}
.new_term .mb50 {
	margin-bottom:50px !important;
}
.new_term .mb10 {
	margin-bottom:10px !important;
}
.new_term .pt0 {
	padding-top:0px !important;
}
.new_term .pt15 {
	padding-top:15px !important;
}
.new_term .pb0 {
	padding-bottom:0px !important;
}
.new_term .pb15 {
	padding-bottom:15px !important;
}
.new_term .pl0 {
	padding-left:0px !important;
}
.new_term .pr0 {
	padding-right:0px !important;
}
.new_term .bdt0 {
	border-top:0px !important;
}
.new_term .bdr0 {
	border-right:0px !important;
}
.new_term .bdb0 {
	border-bottom:0px !important;
}
.new_term .bdl0 {
	border-left:0px !important;
}


/* 최은영 추가 아래 */
@supports (-webkit-touch-callout: none) {
	height : -webkit-fill-available;
}

/**************************************************************************************************/
/* 운영 소스 추가  >> 2022.02.09 */
/**************************************************************************************************/


/* 2차 수정 ------------------------------ 
1차 수정을 적용한뒤의 행열입니다. */

/* 137 수정 및 추가 */
#header .btn-logo.event {
	left:0;
	width:98.5px;
	height:33px;
}
#header .btn-logo.event::before {
	content: '';
	display: block;
	width:98.5px;
	height:33px;
	background:url("../images/common/logo_oneday_christmas.png") no-repeat center center;
	background-size: cover;
}
/* 2차수정 끝 */



/* 3차 수정 ------------------------------ 
 2차 수정을 적용한뒤의 행열입니다. */

/* 27 수정 및 추가 */
.blur {
	height:100vh;
	overflow:hidden;
}
.blur:after {
	content:"";
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:99999;
}
#wrap.load_blur {
	height:100vh;
	overflow:hidden;
}
#wrap.load_blur:after {
	content:"";
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:99999;
}

#header .btn-menu.event {
	top:35px;
}

#header .btn-logo.event {
	top:14px;
	left:-14px;
	width:120px;
	height:63px;
}
#header .btn-logo.event::before {
	content: '';
	display: block;
	width:120px;
	height:63px;
	background:url("../images/common/logo_oneday_newyearsday.gif") no-repeat center center;
	background-size: cover;
}

#header .btn-logo.summer {
	top:14px;
	left:-14px;
	width:120px;
	height:63px;
}
#header .btn-logo.summer::before {
	content: '';
	display: block;
	width:;
	height:63px;
	background:url("../images/common/logo_oneday_summer_ver2.gif") no-repeat center center;
	background-size: cover;
}

/* 겨울 테마로고 */
#header .btn-logo.winter {
	top:14px;
	left:-14px;
	width:120px;
	height:63px;
}
#header .btn-logo.winter::before {
	content: '';
	display: block;
	width:;
	height:63px;
	background:url("../images/common/logo_oneday_winter.gif") no-repeat center center;
	background-size: cover;
}

/* 크리스마스 테마로고 */
#header .btn-logo.christmas {
	top:14px;
	left:-14px;
	width:120px;
	height:63px;
}
#header .btn-logo.christmas::before {
	content: '';
	display: block;
	width:;
	height:63px;
	background:url("../images/common/logo_oneday_christmas.gif") no-repeat center center;
	background-size: cover;
}

/* 하나손해보험로고 크로스오버  */
#header .btn-logo.crossover {
	top: 60%;
	left:0;
	width: 96px;
	height: 23px;
}
#header .btn-logo.crossover::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background:url("../images/common/logo_oneday_hanainsu.gif?20240219") no-repeat center center;
	background-size: cover;
}

.loadingWrap .lds-ellipsis div:nth-child(1){
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    animation: ring 1s linear infinite;
}
.loadingWrap .lds-ellipsis div:nth-child(1)::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(255, 255, 255, .3);
}
.loadingWrap .lds-ellipsis div:nth-child(2){
    color: #737373;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 150px;
    animation: text 3s ease-in-out infinite;
}
.loadingWrap .lds-ellipsis div:nth-child(2)::before{
	content:"Loading..."
}

@keyframes ring{
    0%{
        transform: rotate(0deg);
        box-shadow: 1px 3px 2px #12d1ac;
    }
    25%{
        transform: rotate(90deg);
        box-shadow: 1px 3px 2px #449fd2;
    }
    50%{
        transform: rotate(180deg);
        box-shadow: 1px 3px 2px #766df8;
    }
    75%{
        transform: rotate(270deg);
        box-shadow: 1px 3px 2px #b76dee;
    }
    100%{
        transform: rotate(360deg);
        box-shadow: 1px 3px 2px #f86de4;
    }
}

@keyframes text{
    50%{
        color: white;
    }
}
html .pinpad-scroll .container{
	padding-bottom: 280px !important;
}

/* 2022-04-01 봄테마로고 적용*/
#header .btn-logo.spring {
	left:0;
	width:98.5px;
	height:33px;
}
#header .btn-logo.spring::before {
	content: '';
	display: block;
	width:98.5px;
	height:33px;
	background:url("../images/common/logo_oneday_spring.png") no-repeat center center;
	background-size: cover;
}


/* 운영용 공통요소 */
/* width % */
.wauto{width:auto !important;}
.wPc0{width:0% !important;}
.wPc1{width:1% !important;}
.wPc2{width:2% !important;}
.wPc3{width:3% !important;}
.wPc4{width:4% !important;}
.wPc5{width:5% !important;}
.wPc6{width:6% !important;}
.wPc7{width:7% !important;}
.wPc8{width:8% !important;}
.wPc9{width:9% !important;}
.wPc10{width:10% !important;}
.wPc11{width:11% !important;}
.wPc12{width:12% !important;}
.wPc13{width:13% !important;}
.wPc14{width:14% !important;}
.wPc15{width:15% !important;}
.wPc16{width:16% !important;}
.wPc17{width:17% !important;}
.wPc18{width:18% !important;}
.wPc19{width:19% !important;}
.wPc20{width:20% !important;}
.wPc21{width:21% !important;}
.wPc22{width:22% !important;}
.wPc23{width:23% !important;}
.wPc24{width:24% !important;}
.wPc25{width:25% !important;}
.wPc26{width:26% !important;}
.wPc27{width:27% !important;}
.wPc28{width:28% !important;}
.wPc29{width:29% !important;}
.wPc30{width:30% !important;}
.wPc31{width:31% !important;}
.wPc32{width:32% !important;}
.wPc33{width:33% !important;}
.wPc34{width:34% !important;}
.wPc35{width:35% !important;}
.wPc36{width:36% !important;}
.wPc37{width:37% !important;}
.wPc38{width:38% !important;}
.wPc39{width:39% !important;}
.wPc40{width:40% !important;}
.wPc41{width:41% !important;}
.wPc42{width:42% !important;}
.wPc43{width:43% !important;}
.wPc44{width:44% !important;}
.wPc45{width:45% !important;}
.wPc46{width:46% !important;}
.wPc47{width:47% !important;}
.wPc48{width:48% !important;}
.wPc49{width:49% !important;}
.wPc50{width:50% !important;}
.wPc51{width:51% !important;}
.wPc52{width:52% !important;}
.wPc53{width:53% !important;}
.wPc54{width:54% !important;}
.wPc55{width:55% !important;}
.wPc56{width:56% !important;}
.wPc57{width:57% !important;}
.wPc58{width:58% !important;}
.wPc59{width:59% !important;}
.wPc60{width:60% !important;}
.wPc61{width:61% !important;}
.wPc62{width:62% !important;}
.wPc63{width:63% !important;}
.wPc64{width:64% !important;}
.wPc65{width:65% !important;}
.wPc66{width:66% !important;}
.wPc67{width:67% !important;}
.wPc68{width:68% !important;}
.wPc69{width:69% !important;}
.wPc70{width:70% !important;}
.wPc71{width:71% !important;}
.wPc72{width:72% !important;}
.wPc73{width:73% !important;}
.wPc74{width:74% !important;}
.wPc75{width:75% !important;}
.wPc76{width:76% !important;}
.wPc77{width:77% !important;}
.wPc78{width:78% !important;}
.wPc79{width:79% !important;}
.wPc80{width:80% !important;}
.wPc81{width:81% !important;}
.wPc82{width:82% !important;}
.wPc83{width:83% !important;}
.wPc84{width:84% !important;}
.wPc85{width:85% !important;}
.wPc86{width:86% !important;}
.wPc87{width:87% !important;}
.wPc88{width:88% !important;}
.wPc89{width:89% !important;}
.wPc90{width:90% !important;}
.wPc91{width:91% !important;}
.wPc92{width:92% !important;}
.wPc93{width:93% !important;}
.wPc94{width:94% !important;}
.wPc95{width:95% !important;}
.wPc96{width:96% !important;}
.wPc97{width:97% !important;}
.wPc98{width:98% !important;}
.wPc99{width:99% !important;}
.wPc100{width:100% !important;}
/* width px*/
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w64 {width:64px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w220 {width:220px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w320 {width:320px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w385 {width:385px !important;}
.w389 {width:389px !important;}
.w400 {width:400px !important;}
.w420 {width:420px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w480 {width:480px !important;}
.w700 {width:700px !important;}
.w510 {width:510px !important;}
.w540 {width:540px !important;}
.w580 {width:580px !important;}
.w600 {width:600px !important;}
.w650 {width:650px !important;}
.w700 {width:700px !important;}
.w710 {width:710px !important;}
.w740 {width:740px !important;}
.w750 {width:750px !important;}
.w760 {width:760px !important;}
.w800 {width:800px !important;}
.w810 {width:810px !important;}
.w820 {width:820px !important;}
.w830 {width:830px !important;}
.w940 {width:940px !important;}
.w1000 {width:1000px !important;}
/* height px*/
.h10 {height:10px !important;}
.h20 {height:20px !important;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.h60 {height:60px !important;}
.h70 {height:70px !important;}
.h80 {height:80px !important;}
.h90 {height:90px !important;}
.h100 {height:100px !important;}
.h125 {height:125px !important;}
.h160 {height:160px !important;}
.h200 {height:200px !important;}
.h275 {height:275px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h550 {height:550px !important;}
.h600 {height:600px !important;}
.hauto{height:auto !important;}
/* min-height */
.minh0 {min-height:0px !important;}
.minh200 {min-height:200px !important;}
/* margin */
.m0{margin:0 !important;}
.ml0{margin-left:0 !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml11{margin-left:11px !important;}
.ml12{margin-left:12px !important;}
.ml13{margin-left:13px !important;}
.ml14{margin-left:14px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml19{margin-left:19px !important;}
.ml20{margin-left:20px !important;}
.ml21{margin-left:21px !important;}
.ml22{margin-left:22px !important;}
.ml23{margin-left:23px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml26{margin-left:26px !important;}
.ml27{margin-left:27px !important;}
.ml28{margin-left:28px !important;}
.ml29{margin-left:29px !important;}
.ml30{margin-left:30px !important;}
.ml31{margin-left:31px !important;}
.ml32{margin-left:32px !important;}
.ml33{margin-left:33px !important;}
.ml34{margin-left:34px !important;}
.ml35{margin-left:35px !important;}
.ml36{margin-left:36px !important;}
.ml37{margin-left:37px !important;}
.ml38{margin-left:38px !important;}
.ml39{margin-left:39px !important;}
.ml40{margin-left:40px !important;}
.ml41{margin-left:41px !important;}
.ml42{margin-left:42px !important;}
.ml43{margin-left:43px !important;}
.ml44{margin-left:44px !important;}
.ml45{margin-left:45px !important;}
.ml46{margin-left:46px !important;}
.ml47{margin-left:47px !important;}
.ml48{margin-left:48px !important;}
.ml49{margin-left:49px !important;}
.ml50{margin-left:50px !important;}
.ml51{margin-left:51px !important;}
.ml52{margin-left:52px !important;}
.ml53{margin-left:53px !important;}
.ml54{margin-left:54px !important;}
.ml55{margin-left:55px !important;}
.ml56{margin-left:56px !important;}
.ml57{margin-left:57px !important;}
.ml58{margin-left:58px !important;}
.ml59{margin-left:59px !important;}
.ml60{margin-left:60px !important;}
.ml61{margin-left:61px !important;}
.ml62{margin-left:62px !important;}
.ml63{margin-left:63px !important;}
.ml64{margin-left:64px !important;}
.ml65{margin-left:65px !important;}
.ml66{margin-left:66px !important;}
.ml67{margin-left:67px !important;}
.ml68{margin-left:68px !important;}
.ml69{margin-left:69px !important;}
.ml70{margin-left:70px !important;}
.mlPc20{margin-left:20% !important;}

.mt-15{margin-top:-15px !important;}
.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt11{margin-top:11px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt19{margin-top:19px !important;}
.mt20{margin-top:20px !important;}
.mt21{margin-top:21px !important;}
.mt22{margin-top:22px !important;}
.mt23{margin-top:23px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt26{margin-top:26px !important;}
.mt27{margin-top:27px !important;}
.mt28{margin-top:28px !important;}
.mt29{margin-top:29px !important;}
.mt30{margin-top:30px !important;}
.mt31{margin-top:31px !important;}
.mt32{margin-top:32px !important;}
.mt33{margin-top:33px !important;}
.mt34{margin-top:34px !important;}
.mt35{margin-top:35px !important;}
.mt36{margin-top:36px !important;}
.mt37{margin-top:37px !important;}
.mt38{margin-top:38px !important;}
.mt39{margin-top:39px !important;}
.mt40{margin-top:40px !important;}
.mt41{margin-top:41px !important;}
.mt42{margin-top:42px !important;}
.mt43{margin-top:43px !important;}
.mt44{margin-top:44px !important;}
.mt45{margin-top:45px !important;}
.mt46{margin-top:46px !important;}
.mt47{margin-top:47px !important;}
.mt48{margin-top:48px !important;}
.mt49{margin-top:49px !important;}
.mt50{margin-top:50px !important;}
.mt51{margin-top:51px !important;}
.mt52{margin-top:52px !important;}
.mt53{margin-top:53px !important;}
.mt54{margin-top:54px !important;}
.mt55{margin-top:55px !important;}
.mt56{margin-top:56px !important;}
.mt57{margin-top:57px !important;}
.mt58{margin-top:58px !important;}
.mt59{margin-top:59px !important;}
.mt60{margin-top:60px !important;}
.mt61{margin-top:61px !important;}
.mt62{margin-top:62px !important;}
.mt63{margin-top:63px !important;}
.mt64{margin-top:64px !important;}
.mt65{margin-top:65px !important;}
.mt66{margin-top:66px !important;}
.mt67{margin-top:67px !important;}
.mt68{margin-top:68px !important;}
.mt69{margin-top:69px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.mt105{margin-top:105px !important;}
.mt110{margin-top:110px !important;}
.mt115{margin-top:115px !important;}
.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}
.mt130{margin-top:130px !important;}
.mt135{margin-top:135px !important;}
.mt140{margin-top:140px !important;}
.mt145{margin-top:145px !important;}
.mt150{margin-top:150px !important;}
.mt155{margin-top:155px !important;}
.mt160{margin-top:160px !important;}

.mr0{margin-right:0 !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr12{margin-right:12px !important;}
.mr13{margin-right:13px !important;}
.mr14{margin-right:14px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr17{margin-right:17px !important;}
.mr18{margin-right:18px !important;}
.mr19{margin-right:19px !important;}
.mr20{margin-right:20px !important;}
.mr21{margin-right:21px !important;}
.mr22{margin-right:22px !important;}
.mr23{margin-right:23px !important;}
.mr24{margin-right:24px !important;}
.mr25{margin-right:25px !important;}
.mr26{margin-right:26px !important;}
.mr27{margin-right:27px !important;}
.mr28{margin-right:28px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr31{margin-right:31px !important;}
.mr32{margin-right:32px !important;}
.mr33{margin-right:33px !important;}
.mr34{margin-right:34px !important;}
.mr35{margin-right:35px !important;}
.mr36{margin-right:36px !important;}
.mr37{margin-right:37px !important;}
.mr38{margin-right:38px !important;}
.mr39{margin-right:39px !important;}
.mr40{margin-right:40px !important;}
.mr41{margin-right:41px !important;}
.mr42{margin-right:42px !important;}
.mr43{margin-right:43px !important;}
.mr44{margin-right:44px !important;}
.mr45{margin-right:45px !important;}
.mr46{margin-right:46px !important;}
.mr47{margin-right:47px !important;}
.mr48{margin-right:48px !important;}
.mr49{margin-right:49px !important;}
.mr50{margin-right:50px !important;}
.mr51{margin-right:51px !important;}
.mr52{margin-right:52px !important;}
.mr53{margin-right:53px !important;}
.mr54{margin-right:54px !important;}
.mr55{margin-right:55px !important;}
.mr56{margin-right:56px !important;}
.mr57{margin-right:57px !important;}
.mr58{margin-right:58px !important;}
.mr59{margin-right:59px !important;}
.mr60{margin-right:60px !important;}
.mr61{margin-right:61px !important;}
.mr62{margin-right:62px !important;}
.mr63{margin-right:63px !important;}
.mr64{margin-right:64px !important;}
.mr65{margin-right:65px !important;}
.mr66{margin-right:66px !important;}
.mr67{margin-right:67px !important;}
.mr68{margin-right:68px !important;}
.mr69{margin-right:69px !important;}
.mr70{margin-right:70px !important;}

.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20{margin-bottom:20px !important;}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb31{margin-bottom:31px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb34{margin-bottom:34px !important;}
.mb35{margin-bottom:35px !important;}
.mb36{margin-bottom:36px !important;}
.mb37{margin-bottom:37px !important;}
.mb38{margin-bottom:38px !important;}
.mb39{margin-bottom:39px !important;}
.mb40{margin-bottom:40px !important;}
.mb41{margin-bottom:41px !important;}
.mb42{margin-bottom:42px !important;}
.mb43{margin-bottom:43px !important;}
.mb44{margin-bottom:44px !important;}
.mb45{margin-bottom:45px !important;}
.mb46{margin-bottom:46px !important;}
.mb47{margin-bottom:47px !important;}
.mb48{margin-bottom:48px !important;}
.mb49{margin-bottom:49px !important;}
.mb50{margin-bottom:50px !important;}
.mb51{margin-bottom:51px !important;}
.mb52{margin-bottom:52px !important;}
.mb53{margin-bottom:53px !important;}
.mb54{margin-bottom:54px !important;}
.mb55{margin-bottom:55px !important;}
.mb56{margin-bottom:56px !important;}
.mb57{margin-bottom:57px !important;}
.mb58{margin-bottom:58px !important;}
.mb59{margin-bottom:59px !important;}
.mb60{margin-bottom:60px !important;}
.mb61{margin-bottom:61px !important;}
.mb62{margin-bottom:62px !important;}
.mb63{margin-bottom:63px !important;}
.mb64{margin-bottom:64px !important;}
.mb65{margin-bottom:65px !important;}
.mb66{margin-bottom:66px !important;}
.mb67{margin-bottom:67px !important;}
.mb68{margin-bottom:68px !important;}
.mb69{margin-bottom:69px !important;}
.mb70{margin-bottom:70px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}

.mauto {margin:0 auto !important;}

/* padding */
.p0 {padding:0 !important;}
.pl0{padding-left:0 !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl3{padding-left:3px !important;}
.pl4{padding-left:4px !important;}
.pl5{padding-left:5px !important;}
.pl6{padding-left:6px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl9{padding-left:9px !important;}
.pl10{padding-left:10px !important;}
.pl11{padding-left:11px !important;}
.pl12{padding-left:12px !important;}
.pl13{padding-left:13px !important;}
.pl14{padding-left:14px !important;}
.pl15{padding-left:15px !important;}
.pl16{padding-left:16px !important;}
.pl17{padding-left:17px !important;}
.pl18{padding-left:18px !important;}
.pl19{padding-left:19px !important;}
.pl20{padding-left:20px !important;}
.pl21{padding-left:21px !important;}
.pl22{padding-left:22px !important;}
.pl23{padding-left:23px !important;}
.pl24{padding-left:24px !important;}
.pl25{padding-left:25px !important;}
.pl26{padding-left:26px !important;}
.pl27{padding-left:27px !important;}
.pl28{padding-left:28px !important;}
.pl29{padding-left:29px !important;}
.pl30{padding-left:30px !important;}
.pl31{padding-left:31px !important;}
.pl32{padding-left:32px !important;}
.pl33{padding-left:33px !important;}
.pl34{padding-left:34px !important;}
.pl35{padding-left:35px !important;}
.pl36{padding-left:36px !important;}
.pl37{padding-left:37px !important;}
.pl38{padding-left:38px !important;}
.pl39{padding-left:39px !important;}
.pl40{padding-left:40px !important;}
.pl41{padding-left:41px !important;}
.pl42{padding-left:42px !important;}
.pl43{padding-left:43px !important;}
.pl44{padding-left:44px !important;}
.pl45{padding-left:45px !important;}
.pl46{padding-left:46px !important;}
.pl47{padding-left:47px !important;}
.pl48{padding-left:48px !important;}
.pl49{padding-left:49px !important;}
.pl50{padding-left:50px !important;}
.pl51{padding-left:51px !important;}
.pl52{padding-left:52px !important;}
.pl53{padding-left:53px !important;}
.pl54{padding-left:54px !important;}
.pl55{padding-left:55px !important;}
.pl56{padding-left:56px !important;}
.pl57{padding-left:57px !important;}
.pl58{padding-left:58px !important;}
.pl59{padding-left:59px !important;}
.pl60{padding-left:60px !important;}
.pl61{padding-left:61px !important;}
.pl62{padding-left:62px !important;}
.pl63{padding-left:63px !important;}
.pl64{padding-left:64px !important;}
.pl65{padding-left:65px !important;}
.pl66{padding-left:66px !important;}
.pl67{padding-left:67px !important;}
.pl68{padding-left:68px !important;}
.pl69{padding-left:69px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}

.pt0{padding-top:0 !important;}
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt6{padding-top:6px !important;}
.pt7{padding-top:7px !important;}
.pt8{padding-top:8px !important;}
.pt9{padding-top:9px !important;}
.pt10{padding-top:10px !important;}
.pt11{padding-top:11px !important;}
.pt12{padding-top:12px !important;}
.pt13{padding-top:13px !important;}
.pt14{padding-top:14px !important;}
.pt15{padding-top:15px !important;}
.pt16{padding-top:16px !important;}
.pt17{padding-top:17px !important;}
.pt18{padding-top:18px !important;}
.pt19{padding-top:19px !important;}
.pt20{padding-top:20px !important;}
.pt21{padding-top:21px !important;}
.pt22{padding-top:22px !important;}
.pt23{padding-top:23px !important;}
.pt24{padding-top:24px !important;}
.pt25{padding-top:25px !important;}
.pt26{padding-top:26px !important;}
.pt27{padding-top:27px !important;}
.pt28{padding-top:28px !important;}
.pt29{padding-top:29px !important;}
.pt30{padding-top:30px !important;}
.pt31{padding-top:31px !important;}
.pt32{padding-top:32px !important;}
.pt33{padding-top:33px !important;}
.pt34{padding-top:34px !important;}
.pt35{padding-top:35px !important;}
.pt36{padding-top:36px !important;}
.pt37{padding-top:37px !important;}
.pt38{padding-top:38px !important;}
.pt39{padding-top:39px !important;}
.pt40{padding-top:40px !important;}
.pt41{padding-top:41px !important;}
.pt42{padding-top:42px !important;}
.pt43{padding-top:43px !important;}
.pt44{padding-top:44px !important;}
.pt45{padding-top:45px !important;}
.pt46{padding-top:46px !important;}
.pt47{padding-top:47px !important;}
.pt48{padding-top:48px !important;}
.pt49{padding-top:49px !important;}
.pt50{padding-top:50px !important;}
.pt51{padding-top:51px !important;}
.pt52{padding-top:52px !important;}
.pt53{padding-top:53px !important;}
.pt54{padding-top:54px !important;}
.pt55{padding-top:55px !important;}
.pt56{padding-top:56px !important;}
.pt57{padding-top:57px !important;}
.pt58{padding-top:58px !important;}
.pt59{padding-top:59px !important;}
.pt60{padding-top:60px !important;}
.pt61{padding-top:61px !important;}
.pt62{padding-top:62px !important;}
.pt63{padding-top:63px !important;}
.pt64{padding-top:64px !important;}
.pt65{padding-top:65px !important;}
.pt66{padding-top:66px !important;}
.pt67{padding-top:67px !important;}
.pt68{padding-top:68px !important;}
.pt69{padding-top:69px !important;}
.pt70{padding-top:70px !important;}
.pt90{padding-top:90px !important;}
.pt95{padding-top:95px !important;}
.pt100{padding-top:100px !important;}
.pt150{padding-top:150px !important;}

.pb0{padding-bottom:0 !important;}
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb3{padding-bottom:3px !important;}
.pb4{padding-bottom:4px !important;}
.pb5{padding-bottom:5px !important;}
.pb6{padding-bottom:6px !important;}
.pb7{padding-bottom:7px !important;}
.pb8{padding-bottom:8px !important;}
.pb9{padding-bottom:9px !important;}
.pb10{padding-bottom:10px !important;}
.pb11{padding-bottom:11px !important;}
.pb12{padding-bottom:12px !important;}
.pb13{padding-bottom:13px !important;}
.pb14{padding-bottom:14px !important;}
.pb15{padding-bottom:15px !important;}
.pb16{padding-bottom:16px !important;}
.pb17{padding-bottom:17px !important;}
.pb18{padding-bottom:18px !important;}
.pb19{padding-bottom:19px !important;}
.pb20{padding-bottom:20px !important;}
.pb21{padding-bottom:21px !important;}
.pb22{padding-bottom:22px !important;}
.pb23{padding-bottom:23px !important;}
.pb24{padding-bottom:24px !important;}
.pb25{padding-bottom:25px !important;}
.pb26{padding-bottom:26px !important;}
.pb27{padding-bottom:27px !important;}
.pb28{padding-bottom:28px !important;}
.pb29{padding-bottom:29px !important;}
.pb30{padding-bottom:30px !important;}
.pb31{padding-bottom:31px !important;}
.pb32{padding-bottom:32px !important;}
.pb33{padding-bottom:33px !important;}
.pb34{padding-bottom:34px !important;}
.pb35{padding-bottom:35px !important;}
.pb36{padding-bottom:36px !important;}
.pb37{padding-bottom:37px !important;}
.pb38{padding-bottom:38px !important;}
.pb39{padding-bottom:39px !important;}
.pb40{padding-bottom:40px !important;}
.pb41{padding-bottom:41px !important;}
.pb42{padding-bottom:42px !important;}
.pb43{padding-bottom:43px !important;}
.pb44{padding-bottom:44px !important;}
.pb45{padding-bottom:45px !important;}
.pb46{padding-bottom:46px !important;}
.pb47{padding-bottom:47px !important;}
.pb48{padding-bottom:48px !important;}
.pb49{padding-bottom:49px !important;}
.pb50{padding-bottom:50px !important;}
.pb51{padding-bottom:51px !important;}
.pb52{padding-bottom:52px !important;}
.pb53{padding-bottom:53px !important;}
.pb54{padding-bottom:54px !important;}
.pb55{padding-bottom:55px !important;}
.pb56{padding-bottom:56px !important;}
.pb57{padding-bottom:57px !important;}
.pb58{padding-bottom:58px !important;}
.pb59{padding-bottom:59px !important;}
.pb60{padding-bottom:60px !important;}
.pb61{padding-bottom:61px !important;}
.pb62{padding-bottom:62px !important;}
.pb63{padding-bottom:63px !important;}
.pb64{padding-bottom:64px !important;}
.pb65{padding-bottom:65px !important;}
.pb66{padding-bottom:66px !important;}
.pb67{padding-bottom:67px !important;}
.pb68{padding-bottom:68px !important;}
.pb69{padding-bottom:69px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb85{padding-bottom:85px !important;}
.pb90{padding-bottom:90px !important;}
.pb95{padding-bottom:95px !important;}
.pb100{padding-bottom:100px !important;}

.pr0{padding-right:0 !important;}
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr3{padding-right:3px !important;}
.pr4{padding-right:4px !important;}
.pr5{padding-right:5px !important;}
.pr6{padding-right:6px !important;}
.pr7{padding-right:7px !important;}
.pr8{padding-right:8px !important;}
.pr9{padding-right:9px !important;}
.pr10{padding-right:10px !important;}
.pr11{padding-right:11px !important;}
.pr12{padding-right:12px !important;}
.pr13{padding-right:13px !important;}
.pr14{padding-right:14px !important;}
.pr15{padding-right:15px !important;}
.pr16{padding-right:16px !important;}
.pr17{padding-right:17px !important;}
.pr18{padding-right:18px !important;}
.pr19{padding-right:19px !important;}
.pr20{padding-right:20px !important;}
.pr21{padding-right:21px !important;}
.pr22{padding-right:22px !important;}
.pr23{padding-right:23px !important;}
.pr24{padding-right:24px !important;}
.pr25{padding-right:25px !important;}
.pr26{padding-right:26px !important;}
.pr27{padding-right:27px !important;}
.pr28{padding-right:28px !important;}
.pr29{padding-right:29px !important;}
.pr30{padding-right:30px !important;}
.pr31{padding-right:31px !important;}
.pr32{padding-right:32px !important;}
.pr33{padding-right:33px !important;}
.pr34{padding-right:34px !important;}
.pr35{padding-right:35px !important;}
.pr36{padding-right:36px !important;}
.pr37{padding-right:37px !important;}
.pr38{padding-right:38px !important;}
.pr39{padding-right:39px !important;}
.pr40{padding-right:40px !important;}
.pr41{padding-right:41px !important;}
.pr42{padding-right:42px !important;}
.pr43{padding-right:43px !important;}
.pr44{padding-right:44px !important;}
.pr45{padding-right:45px !important;}
.pr46{padding-right:46px !important;}
.pr47{padding-right:47px !important;}
.pr48{padding-right:48px !important;}
.pr49{padding-right:49px !important;}
.pr50{padding-right:50px !important;}
.pr51{padding-right:51px !important;}
.pr52{padding-right:52px !important;}
.pr53{padding-right:53px !important;}
.pr54{padding-right:54px !important;}
.pr55{padding-right:55px !important;}
.pr56{padding-right:56px !important;}
.pr57{padding-right:57px !important;}
.pr58{padding-right:58px !important;}
.pr59{padding-right:59px !important;}
.pr60{padding-right:60px !important;}
.pr61{padding-right:61px !important;}
.pr62{padding-right:62px !important;}
.pr63{padding-right:63px !important;}
.pr64{padding-right:64px !important;}
.pr65{padding-right:65px !important;}
.pr66{padding-right:66px !important;}
.pr67{padding-right:67px !important;}
.pr68{padding-right:68px !important;}
.pr69{padding-right:69px !important;}
.pr70{padding-right:70px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}
.pr105{padding-right:105px !important;}
.pr110{padding-right:110px !important;}
.pr115{padding-right:115px !important;}
.pr120{padding-right:120px !important;}
.pr125{padding-right:125px !important;}

.mtb6{margin-top:6px !important;margin-bottom:6px !important;}
.mtb10{margin-top:10px !important;margin-bottom:10px !important;}
.mtb15{margin-top:15px !important;margin-bottom:15px !important;}
.pd0{padding:0px !important;}
.pd10{padding:10px !important;}
.pd15{padding:15px !important;}
.prl8{padding-right:8px !important;padding-left:8px !important;}
.prl10{padding-right:10px !important;padding-left:10px !important;}
.prl15{padding-right:15px !important;padding-left:15px !important;}
.prl20{padding-right:20px !important;padding-left:20px !important;}
.ptb10{padding-top:10px !important;padding-bottom:10px !important;}
.ptb15{padding-top:15px !important;padding-bottom:15px !important;}

/* line height */
.lh10 {line-height:10px !important;}
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh15 {line-height:15px !important;}
.lh16 {line-height:16px !important;}
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh21 {line-height:21px !important;}
.lh22 {line-height:22px !important;}
.lh23 {line-height:23px !important;}
.lh24 {line-height:24px !important;}
.lh25 {line-height:25px !important;}
.lh26 {line-height:26px !important;}
.lh27 {line-height:27px !important;}
.lh28 {line-height:28px !important;}
.lh29 {line-height:29px !important;}
.lh30 {line-height:30px !important;}
.lh31 {line-height:31px !important;}
.lh32 {line-height:32px !important;}
.lh33 {line-height:33px !important;}
.lh34 {line-height:34px !important;}
.lh35 {line-height:35px !important;}
.lh36 {line-height:36px !important;}
.lh37 {line-height:37px !important;}
.lh38 {line-height:38px !important;}
.lh39 {line-height:39px !important;}
.lh40 {line-height:40px !important;}
.lh45 {line-height:45px !important;}
.lh50 {line-height:50px !important;}
.lh55 {line-height:55px !important;}
.lh60 {line-height:60px !important;}
.lh65 {line-height:65px !important;}
.lh70 {line-height:70px !important;}
.lh75 {line-height:75px !important;}
.lh80 {line-height:80px !important;}
.lh85 {line-height:85px !important;}
.lh90 {line-height:90px !important;}
.lh95 {line-height:95px !important;}
.lhp100 {line-height:100% !important;}
.lhp110 {line-height:110% !important;}
.lhp120 {line-height:120% !important;}
.lhp130 {line-height:130% !important;}
.lhp140 {line-height:140% !important;}
.lhp150 {line-height:150% !important;}
.lhp160 {line-height:160% !important;}
.lhp170 {line-height:170% !important;}
.lhp180 {line-height:180% !important;}
.lhp190 {line-height:190% !important;}
.lhp200 {line-height:200% !important;}
.lhp210 {line-height:210% !important;}
.lhp220 {line-height:220% !important;}
.lhp230 {line-height:230% !important;}
.lhp240 {line-height:240% !important;}
.lhp250 {line-height:250% !important;}
.lhp260 {line-height:260% !important;}
.lhp270 {line-height:270% !important;}
.lhp280 {line-height:280% !important;}
.lhp290 {line-height:290% !important;}
.lhp300 {line-height:300% !important;}
.lhp310 {line-height:310% !important;}
.lhp320 {line-height:320% !important;}
.lhp330 {line-height:330% !important;}
.lhp340 {line-height:340% !important;}
.lhp350 {line-height:350% !important;}
.lhp360 {line-height:360% !important;}
/* border 0 */
.bdt0 {border-top:0px !important;}
.bdr0 {border-right:0px !important;}
.bdb0 {border-bottom:0px !important;}
.bdl0 {border-left:0px !important;}

/* font size */
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}

.fc_red{color:#e83f42 !important;}

/* height */
.hp100 {height:100% !important;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.h60 {height:60px !important;}
.h70 {height:70px !important;}
.h120 {height:120px !important;}
.h140 {height:140px !important;}
.h160 {height:160px !important;}
.h190 {height:190px !important;}
.h200 {height:200px !important;}
.h220 {height:220px !important;}
.h240 {height:240px !important;}
.h280 {height:280px !important;}
.h340 {height:340px !important;}
.h360 {height:360px !important;}
.h400 {height:400px !important;}
.h420 {height:420px !important;}
.h430 {height:430px !important;}
.h480 {height:480px !important;}
.h700 {height:700px !important;}
.h520 {height:520px !important;}
.h600 {height:600px !important;}
.h630 {height:630px !important;}
.h710 {height:710px !important;}
.h800 {height:800px !important;}

.maxh240 {max-height:240px !important;}
.minw140 {min-width:140px !important;}
.minw200 {min-width:200px !important;}
.minw210 {min-width:210px !important;}
.minw290 {min-width:290px !important;}
.minw750 {min-width:750px !important;}

/* etc */
.dn{display:none !important;}
.db {display:block !important;}
.di {display:inline !important;}
.dib {display:inline-block !important;}
.cb {clear:both}
.underline {text-decoration:underline;}
.spanbox {display:block;width:100%;}
iframe.w2iframe {display:block;border:none;width:100vw;height:100vh;}
/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/* overflow */
.ofh {overflow:hidden !important;}
.ofy {overflow-y:auto !important;}
.ofx {overflow-x:auto !important;}

/* letter-spacing */
.ls_base {letter-spacing:initial !important;}
.lse05 {letter-spacing:0.5em !important;}
.lse1 {letter-spacing:1em !important;}
.lse2 {letter-spacing:2em !important;}
.lsp05 {letter-spacing:-0.5px !important;}
.lsp1 {letter-spacing:-1px !important;}
.lsp12 {letter-spacing:-1.2px !important;}
.lsp2 {letter-spacing:-2px !important;}

/* align */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.vam {vertical-align:middle !important;}
.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}
.vas {vertical-align: super !important;}

/* border zero */
.bb0 {border-bottom:0 !important;}
.bl0 {border-left:0 !important;}
.br0 {border-right:0 !important;}
.bt0 {border-top:0 !important;}


/* display */
.hid {position:absolute; left:0; top:-70000px;}
.clear {clear:both;}
.clear:before {content:'';display:block;clear:both;overflow:hidden;}

/* position */
.pr {position:relative !important;}
.pa {position:absolute !important;}
.pf {position:fixed !important;}
.ps {position:static !important;}
.disn {display:none !important;}
.disb {display:block !important;}
.disib {display:inline-block !important;}
.disf{display:flex !important;}

/*font-weight*/
.fw_3{font-weight:300 !important;}
.fw_4{font-weight:400 !important;}
.fw_5{font-weight:500 !important;}
.fw_6{font-weight:600 !important;}
.fw_7{font-weight:700 !important;}

/* font color */
.fc_blue{color:#19C4D8 !important;}
.fc_999{color:#999 !important;}
.fc_666{color:#666 !important;}
.fc_111{color:#111 !important;}
.fc_blue1{color:#009591 !important;}
.fc_red1{color:#e34051 !important;}
.fc_fff{color:#fff !important;}

/* line color */
.line_neon1{background: linear-gradient(to top, #19c4d850 10%, transparent 40%);}
.line_neon2{background: linear-gradient(to top, #FB709150 10%, transparent 40%);}

.slide-popup .popup-wrap .popup-content .innerContent h4{margin: 10px 0 5px;}
ol.type1 > li {position:relative;line-height: 1.6;margin-left: 16px;}
ol.type1 > li:before {position:absolute;left: -16px;font-size:12px;}
ol.type1 > li:last-child {margin-bottom:5px;}
ol.type1 > li:nth-child(1):before {content:'①';}
ol.type1 > li:nth-child(2):before {content:'②';}
ol.type1 > li:nth-child(3):before {content:'③';}
ol.type1 > li:nth-child(4):before {content:'④';}
ol.type1 > li:nth-child(5):before {content:'⑤';}
ol.type1 > li:nth-child(6):before {content:'⑥';}
ol.type1 > li:nth-child(7):before {content:'⑦';}
ol.type1 > li:nth-child(8):before {content:'⑧';}
ol.type1 > li:nth-child(9):before {content:'⑨';}
ol.type1 > li:nth-child(10):before {content:'⑩';}
ol.type1 > li:nth-child(11):before {content:'⑪';}
ol.type1 > li:nth-child(12):before {content:'⑫';}
ol.type1 > li:nth-child(13):before {content:'⑬';}
ol.type1 > li:nth-child(14):before {content:'⑭';}
ol.type1 > li:nth-child(15):before {content:'⑮';}

ol.type2{margin-top:5px}
ol.type2 > li {padding-left:12px;position:relative;line-height: 1.5;}
ol.type2 > li:before {position:absolute;left: -2px;font-size:12px;}
ol.type2 > li:last-child {margin-bottom:5px;}
ol.type2 > li:nth-child(1):before {content:'1.';}
ol.type2 > li:nth-child(2):before {content:'2.';}
ol.type2 > li:nth-child(3):before {content:'3.';}
ol.type2 > li:nth-child(4):before {content:'4.';}
ol.type2 > li:nth-child(5):before {content:'5.';}
ol.type2 > li:nth-child(6):before {content:'6.';}
ol.type2 > li:nth-child(7):before {content:'7.';}
ol.type2 > li:nth-child(8):before {content:'8.';}
ol.type2 > li:nth-child(9):before {content:'9.';}
ol.type2 > li:nth-child(10):before {content:'10.';}
ol.type2 > li:nth-child(11):before {content:'11.';}
ol.type2 > li:nth-child(12):before {content:'12.';}
ol.type2 > li:nth-child(13):before {content:'13.';}
ol.type2 > li:nth-child(14):before {content:'14.';}
ol.type2 > li:nth-child(15):before {content:'15.';}

/* 2023-03-15 해외여행PC대응 스크롤 */
html::-webkit-scrollbar,
.slide-popup .popup-wrap .popup-content::-webkit-scrollbar,
.select-combobox ul::-webkit-scrollbar{
	width:0.5vh;
	height:100vh;
}

html::-webkit-scrollbar-thumb,
.slide-popup .popup-wrap .popup-content::-webkit-scrollbar-thumb,
.select-combobox ul::-webkit-scrollbar-thumb{
	background:hsl(0 0% 50% / 0.30);
	height:5%;
	border-radius:20px
}

html::-webkit-scrollbar-track,
.slide-popup .popup-wrap .popup-content::-webkit-scrollbar-track,
.select-combobox ul::-webkit-scrollbar-track{
	background:transparent;
}

.Check label,
.select-tab li input[type="radio"],
.toggle-sw input{
	cursor: pointer;
}

/*사이버금융범죄 개정화면*/
.cyber_price_new{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
.cyber_price_new::after{
    content: "";
    position: absolute;
    left: -20px;
    bottom: 0;
    background: #eee;
    width: calc(100% + 40px);
    height: 1px;
}
.cyber_price_new .check_label{
   	font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -0.02em;
    margin-left: 1px;
}
.cyber_price_new .label.bodyfont18{
	font-weight: 500;
    letter-spacing: -0.02em;
    color: #222;
}
.cyber_price_new .cyber-tit-price{
	margin: 30px 0 10px;
    font-size: 15px;
    line-height: 1;
    color: #222;
    display: inline-block;
    width: 100%;
}
.cyber_price_new .cyber-tit-price button.quesbtn-wrap{
	transform:translateY(0);
}
/*슬라이더 css*/
.cyber_price_new .slider-container{margin-top: 30px;}
.cyber_price_new .slider-container.bdb0 .rs-container{border-bottom: 0px !important;}
.cyber_price_new .rs-container{
	padding-bottom: 23px;
    border-bottom: 1px solid #eee;
    width: calc(100% - 20px);
    margin: 0 auto;
}
.cyber_price_new .rs-container .rs-bg,
.cyber_price_new .rs-container .rs-selected{
    background-color: #d9d9d9;
    border: none;
    height: 5px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 100%;
    border-radius: 4px;
}
.cyber_price_new .rs-container .rs-selected{background-color: #19c4d8;}
.cyber_price_new .rs-container .rs-scale{
	position: unset;
	width: calc(100% - 15px);
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 40px;
}
.cyber_price_new .rs-container .rs-scale span{float: none;}
.cyber_price_new .rs-container .rs-scale span:last-child{width: 10px !important;}
.cyber_price_new .rs-container.rs-noscale span:first-child::before,
.cyber_price_new .rs-container.rs-noscale span:last-child::before{content: none;}
.cyber_price_new .rs-container .rs-scale span:last-child ins{margin-left: -9px !important;}
.cyber_price_new .rs-container .rs-scale span ins{
	color: #000;
    letter-spacing: -0.05em;
    font-size: 13px;
}
.cyber_price_new .rs-container .rs-pointer{
	background-color: #19c4d8;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 15px;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 15px;
    box-shadow: none;
}
.cyber_price_new .rs-container .rs-pointer:before,
.cyber_price_new .rs-container .rs-pointer:after{content:none;}
.cyber_price_new .rs-container .rs-pointer .rs-tooltip{
	width: auto;
    min-width: unset;
    height: unset;
    background: transparent;
    border: none;
    border-radius: unset;
    position: absolute;
    transform: translate(-50%,-20px);
    left: calc(50% - 3px);
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.05em;
    padding: 0;
    color: #19c4d8;
    font-weight: 500;
}
.cyber_price_new .rs-container .rs-pointer .rs-tooltip:before{content:none;}
.cyber_price_new .rs-container .rs-pointer .rs-tooltip:after{
	content:"만원"
}
.cyber_price_new .select-tab ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    gap: 8px 8px;
}
.cyber_price_new .select-tab ul li{
    width: calc((100% - 16px) / 3);
    margin: 0;
    padding: 0;
}
/*선물하기*/
.cyber_price_new .slider-container.pink .rs-container .rs-pointer,
.cyber_price_new .slider-container.pink .rs-container .rs-selected{background-color: #FB7091;}
.cyber_price_new .slider-container.pink .rs-container .rs-pointer .rs-tooltip{color: #FB7091;}

/* 베네피아포인트  */
.benepia-point-form{
	margin: 40px 0;
}
.benepia-point-form .form-input:first-child{
	margin-bottom: 40px;
}
.benepia-point-form .form-input:nth-child(2){
	margin-bottom: 20px;
}
.sortation-content-wrap.benepia li:first-child div.price{
	color: #1aaabb;
}
.sortation-content-wrap.benepia li:nth-child(2) {
	position:relative;
	margin-bottom: 20px;
	padding-bottom: 20px;	
}
.sortation-content-wrap.benepia li:nth-child(2):after{
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:1px;
	background:#ddd;
	bottom:0px;
}

.bounce {
	position : relative;
	-moz-animation:bounce 2s infinite alternate;
	-webkit-animation:bounce 2s infinite alternate;
	-o-animation:bounce 2s infinite alternate;
	animation:bounce 2s infinite alternate;
}
@-webkit-keyframes bounce {
	0% {
		transform:translateY(0);
	}
	20% {
		transform:translateY(-5px);
	}
	40% {
		transform:translateY(0);
	}
	60% {
		transform:translateY(0);
	}
	80% {
		transform:translateY(-5px);
	}
	100% {
		transform:translateY(0);
	}
}
@-moz-keyframes bounce {
	0% {
		transform:translateY(0);
	}
	20% {
		transform:translateY(-5px);
	}
	40% {
		transform:translateY(0);
	}
	60% {
		transform:translateY(0);
	}
	80% {
		transform:translateY(-5px);
	}
	100% {
		transform:translateY(0);
	}
}
@-o-keyframes bounce {
	0% {
		transform:translateY(0);
	}
	20% {
		transform:translateY(-5px);
	}
	40% {
		transform:translateY(0);
	}
	60% {
		transform:translateY(0);
	}
	80% {
		transform:translateY(-5px);
	}
	100% {
		transform:translateY(0);
	}
}
@-ms-keyframes bounce {
	0% {
		transform:translateY(0);
	}
	20% {
		transform:translateY(-5px);
	}
	40% {
		transform:translateY(0);
	}
	60% {
		transform:translateY(0);
	}
	80% {
		transform:translateY(-5px);
	}
	100% {
		transform:translateY(0);
	}
}
@keyframes bounce {
	0% {
		transform:translateY(0);
	}
	20% {
		transform:translateY(-5px);
	}
	40% {
		transform:translateY(0);
	}
	60% {
		transform:translateY(0);
	}
	80% {
		transform:translateY(-5px);
	}
	100% {
		transform:translateY(0);
	}
}