@charset "utf-8";

.html-main {
	height:100%;
	overflow:hidden;
	overscroll-behavior-y:none;
}
.html-main body {
	height:100%;
	overflow:hidden;
	overscroll-behavior-y:none;
}
.html-main #wrap {
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	-webkit-transition:opacity 400ms;
	transition:opacity 400ms;
}
.html-main #header {
	background:transparent;
}
.html-main #header .location {
	opacity:0;
	visibility:hidden;
}

.container.main {
	position:relative;
	height:100%;
	padding-bottom:178px;
	overflow:hidden;
	overscroll-behavior-y:contain;
	background:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* 비주얼 영역 */
.main-visual-wrap {
	position:relative;
	height:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-visual-cont {
	display:flex;
	flex-flow:wrap;
	align-items:center;
	width:100%;
	height:100%;
}
.main-visual-cont.view {
	opacity:1;
}
.main-visual-box {
	position:relative;
	width:100%;
}

.main-visual-cont .main-visual-slide {
	overflow:visible;
}
.main-visual-slide .main-slide-inner {
	padding:0 4.444%;
	opacity:0.5;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:600ms;
	transition:600ms;
}
.swiper-slide-active .main-slide-inner {
	opacity:1;
}
.main-visual-slide .slide-info {
	margin-top:4vh;
	text-align:center;
}
.main-visual-slide .swiper-pagination {
	display:inline-block;
	position:static;
	vertical-align:top;
}
.main-visual-slide .swiper-pagination-bullet {
	width:6px;
	height:6px;
	margin:0 5px;
	opacity:1;
	border-radius:3px;
	background:#DDDDDD;
	transition:400ms;
}
.main-visual-slide .swiper-pagination-bullet-active {
	width:20px;
	opacity:1;
	background:#999999;
}
.panel-link {
	display:block;
	color:#222222;
}
.panel-item .panel-label {
	display:inline-block;
	min-width:56px;
	height:26px;
	padding:0 7px;
	margin-bottom:1.58vh;
	color:#fff;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:26px;
	border-radius:13px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.panel-item .panel-label.label-best {
	background:#19C4D8;
}
.panel-item .panel-label.label-hot {
	background:#19C4D8;
}
.panel-item .panel-label.label-new {
	background:#19C4D8;
}
.panel-item .panel-label.label-insurance {
	background:#19C4D8;
}
.panel-item .panel-label.label-event {
	padding:0 10px;
	background:#19C4D8;
}
.panel-item .panel-label.label-gift {
	background:#FB7091;
}
.panel-item .panel-label.label-story {
	background:#0EC99D;
}
.panel-item .panel-name {
	display:block;
	color:#222222;
	font-size:30px;
	letter-spacing:-0.02em;
	font-weight:700;
	line-height:1em;
}
.panel-item .panel-txt {
	display:block;
	margin:1.71vh 0 0;
	color:#222222;
	font-size:18px;
	letter-spacing:-0.02em;
	line-height:1.44em;
}
.panel-item .panel-icon-box {
	width:82.5%;
	max-width:304px;
	margin:5.4vh auto 0;
}
.panel-item .panel-icon {
	display:block;
	width:100%;
	height:auto;
	padding-top:66.666%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.panel-item .icon-type-car.on {
	background-image:url("../images/main/panel_icon_car.jpg");
}
.panel-item .icon-type-overseas.on {
	background-image:url("../images/main/panel_icon_overseas.jpg");
}
.panel-item .icon-type-driver.on {
	background-image:url("../images/main/panel_icon_driver.jpg");
}
.panel-item .icon-type-hiking.on {
	/* background-image:url("../images/main/panel_icon_hiking_v2.jpg"); */
	background-image:url("../images/main/panel_icon_hiking.jpg");
}
.panel-item .icon-type-snowboard.on {
	background-image:url("../images/main/panel_icon_snowboard.jpg");
}
.panel-item .icon-type-asmr.on {
	background-image:url("../images/main/panel_icon_asmr.png");
}
.panel-item .icon-type-word.on {
	background-image:url("../images/main/panel_icon_word.png");
}
.panel-item .icon-type-ana.on {
	background-image:url("../images/main/panel_icon_ana.jpg");
}
.panel-item .icon-type-luck.on {
	background-image:url("../images/main/panel_icon_luck.jpg");
}
.panel-item .icon-type-home.on {
	background-image:url("../images/main/panel_icon_home.jpg");
}
.panel-item .icon-type-diagnosis.on {
	background-image:url("../images/main/panel_icon_diagnosis.jpg");
}
.panel-item .icon-type-alarm.on {
	background-image:url("../images/main/panel_icon_alarm.png");
}
.panel-item .icon-event-banner01.on {
	background-image:url("../images/main/main_event_banner01.jpg");
}
.panel-item .icon-event-banner02.on {
	background-image:url("../images/main/main_event_banner02.jpg");
}
.panel-item .icon-event-banner03.on {
	background-image:url("../images/main/main_event_banner03.png");
}

/* 컨텐츠 영역 */
.dim-layer {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	transition: 800ms ease;
}
.main-content {
	position:fixed;
	left:0%;
	bottom:-100%;
	width:100%;
	height:100%;
	z-index:1001;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:600ms;
	transition:600ms;
}
.main-content .main-content-wrap {
	position:relative;
	height:100%;
	padding-top:168px;
	border-radius:16px 16px 0 0;
	background:-webkit-linear-gradient(270deg, #12D1AC, #766DF8);
	background:linear-gradient(270deg, #12D1AC, #766DF8);
	-webkit-box-shadow:0 -5px 15px rgba(0,0,0,0.1);
	box-shadow:0 -5px 15px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-content .main-content-wrap.wrap0 {
	background:-webkit-linear-gradient(235deg, #12D1AC, #766DF8 50%);
	background:linear-gradient(235deg, #12D1AC, #766DF8 50%);
}
.main-content .main-content-wrap.wrap1 {
	background:-webkit-linear-gradient(235deg, #9355AA, #CC5591 50%);
	background:linear-gradient(235deg, #9355AA, #CC5591 50%);
}
.main-content .main-content-wrap.wrap2 {
	background:-webkit-linear-gradient(235deg, #4889B5, #0C9B80 50%);
	background:linear-gradient(235deg, #4889B5, #0C9B80 50%);
}
.main-content .main-content-wrap.wrap3 {
	background:-webkit-linear-gradient(235deg, #AB4FAE, #804BCF 50%);
	background:linear-gradient(235deg, #AB4FAE, #804BCF 50%);
}
.main-content-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:210px;
	text-align:center;
	border-radius:16px 16px 0 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-content-toggle {
	width:100%;
	height:15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-content-toggle::before {
	content:"";
	position:absolute;
	left:50%;
	top:12px;
	width:80px;
	height:3px;
	margin-left:-40px;
	opacity:0.5;
	border-radius:1.5px;
	background:#fff;
}
.main-content-toggle span {
	font-size:0;
	text-indent:-9999px;
}
.main-content-blank {
	display:none;
	position:absolute;
	left:0;
	top:-42px;
	width:100%;
	height:42px;
	font-size:0;
	text-indent:-9999px;
}
.main-content-txt {
	padding:0 4.444%;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	line-height:26px;
	text-align:left;
}
.main-content-txt .txt-view {
	display:none;
	padding:32px 0 21px;
}
.main-content-txt .txt-1 {
	display:block;
	padding:26px 0 11px;
	text-align:center;
}
.main-content-txt p {
	font-size:20px;
}
.main-content-txt b {
	font-weight:700;
}
.main-content-tab {
	display:flex;
	position:relative;
	padding:0 10px;
	z-index:1;
}
.main-content-tab > ul {
	display:flex;
	justify-content:center;
	flex-direction:row;
	width:100%;
}
.main-content-tab li {
	display: flex;
	justify-content: center;
	width: calc(100% / 4);
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.main-content-tab button {
	position:relative;
	width:48px;
	font-size:0;
	text-align:center;
	vertical-align:top;
	-webkit-transition:600ms;
	transition:600ms;
	/* 최은영 추가   2021-10-29 */
	-webkit-tap-highlight-color: rgba(0,0,0,0.0);
}
.main-content-tab button em {
	position:absolute;
	left:50%;
	top:0;
	width:48px;
	height:48px;
	margin-left:-24px;
	opacity:0;
	border-radius:50%;
	background:#fff;
	z-index:1;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	-webkit-transition:400ms;
	transition:400ms;
}
.main-content-tab button i {
	position:relative;
	display:inline-block;
	width:48px;
	height:48px;
	vertical-align:top;
	z-index:5;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:24px auto;
}
.main-content-tab button span {
	display:block;
	margin-top:3px;
	color:#fff;
	font-size:12px;
	font-weight:400;
	letter-spacing:-0.02em;
	line-height:16px;
}
.main-content-tab .btn-view-insurance i {
	background-image:url("../images/main/tab_icon01.png");
}
.main-content-tab .btn-view-gift i {
	background-image:url("../images/main/tab_icon02.png");
}
.main-content-tab .btn-view-lab i {
	background-image:url("../images/main/tab_icon05.png");
}
.main-content-tab .btn-view-story i {
	background-image:url("../images/main/tab_icon03.png");
}
.main-content-tab .btn-view-helper i {
	background-image:url("../images/main/tab_icon04.png");
}

.content-open .main-content-tab button {
	opacity:0.7;
}
.content-open .main-content-tab .on button {
	opacity:1;
}
.main-content-tab .set button {
	opacity:0;
	-webkit-transition:100ms;
	transition:100ms;
}
.main-content-tab .set.on button {
	-webkit-transition:500ms linear;
	transition:500ms linear;
}
.main-content-tab .on button em {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.main-content-tab .on .btn-view-insurance i {
	background-image:url("../images/main/tab_icon01_on.png");
}
.main-content-tab .on .btn-view-gift i {
	background-image:url("../images/main/tab_icon02_on.png");
}
.main-content-tab .on .btn-view-story i {
	background-image:url("../images/main/tab_icon03_on.png");
}
.main-content-tab .on .btn-view-lab i {
	background-image:url("../images/main/tab_icon05_on.png");
}
.main-content-tab .on .btn-view-helper i {
	background-image:url("../images/main/tab_icon04_on.png");
}

.main-content-btm {
	position:relative;
	height:100%;
	margin:0 4%;
	/* overflow:hidden; */
	border-radius:20px 20px 0 0;
	background:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-content-detail {
	display:none;
	height:100%;
	padding-top:21px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-content-insurance {
	display:block;
	padding-top:58px;
}
.main-content-helper,
.main-content-story {
	padding-top:10px;
}
.more-scroll:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:100px;
	background:-webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	z-index:10;
}
.more-scroll.hidden-scroll:after {
	display:none;
}

.main-content-detail .main-content-inner {
	position:relative;
	height:100%;
	padding:0 0 50px;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:10;
}
.main-content-detail .sort-wrap {
	position:absolute;
	left:0;
	right:0;
	top:0;
	padding:20px 0 15px 20px;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:20;
}
.main-content-detail .sort-wrap ul {
	white-space:nowrap;
}
.main-content-detail .sort-wrap li {
	display:inline-block;
	margin-right:3px;
}
.main-content-detail .sort-wrap li:last-child {
	margin-right:20px;
}
.main-content-detail .sort-wrap .btn-sort {
	height:28px;
	margin:0;
	padding:0 10px;
	color:#999999;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:26px;
	border:1px solid #aaaaaa;
	border-radius:14px;
}
.main-content-detail .sort-wrap .on {
	color:#19C4D8;
	font-weight:500;
	border-color:#19C4D8;
}

.main-content-detail .main-content-inner .inner {
	margin:0 20px;
}
.main-content-info {
	padding:0 0 30px;
	border-bottom:1px solid #E5E5E5;
}
.main-content-info > strong {
	display:block;
	font-size:20px;
	font-weight:700;
	letter-spacing:-0.02em;
	line-height:1.4em;
}
.main-content-info > p {
	margin:7px 0 16px;
	color:#666666;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:1.4em;
}
.main-content-info .btn-direct {
	display:inline-block;
	height:32px;
	padding:0 12px;
	color:#222222;
	font-size:12px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:30px;
	border:1px solid #222222;
	border-radius:16px;
	background:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main-content-list > li {
	padding:20px 0;
	border-bottom:1px solid #E5E5E5;
}
.content-link {
	display:block;
	color:#333;
}
.main-content-box {
	display:flex;
	flex-wrap:nowrap;
	position:relative;
}
.main-content-box .content-label {
	position:absolute;
	left:0;
	top:0;
	width:28px;
	height:16px;
	color:#fff;
	font-size:10px;
	font-weight:500;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:16px;
	border-radius:6px 0 6px 0;
}
.main-content-box .content-label.label-best {
	background:#19C4D8;
}
.main-content-box .content-label.label-hot {
	background:#19C4D8;
}
.main-content-box .content-label.label-new {
	background:#19C4D8;
}
.main-content-box .content-label.label-gift {
	background:#FB7091;
}
.main-content-box .content-label.label-story {
	background:#0EC99D;
}
.main-content-box .content-label span {
	display:inline-block;
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
}
.main-content-box .content-icon {
	width:66px;
	height:66px;
	border-radius:6px;
	background-color:#F4F4F4;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 48px;
}
.content-icon.icon-insurance-car.on {
	background-image:url("../images/main/icon_insurance_car.png");
}
.content-icon.icon-insurance-driver.on {
	background-image:url("../images/main/icon_insurance_driver.png");
}
.content-icon.icon-insurance-kick.on {
	background-image:url("../images/main/icon_insurance_kick.png");
}
.content-icon.icon-insurance-golf.on {
	background-image:url("../images/main/icon_insurance_golf.png");
}
.content-icon.icon-insurance-leisure.on {
	background-image:url("../images/main/icon_insurance_leisure.png");
}
.content-icon.icon-insurance-newcar.on {
	background-image:url("../images/main/icon_insurance_newcar.png");
}
.content-icon.icon-insurance-surfing.on {
	background-image:url("../images/main/icon_insurance_surfing.png");
}
.content-icon.icon-insurance-fishing.on {
	background-image:url("../images/main/icon_insurance_fishing.png");
}
.content-icon.icon-insurance-bicycle.on {
	background-image:url("../images/main/icon_insurance_bicycle.png");
}
.content-icon.icon-insurance-hiking.on {
	background-image:url("../images/main/icon_insurance_hiking.png");
}
.content-icon.icon-insurance-soccer.on {
	background-image:url("../images/main/icon_insurance_soccer.png");
}
.content-icon.icon-insurance-badminton.on {
	background-image:url("../images/main/icon_insurance_badminton.png");
}
.content-icon.icon-insurance-baseball.on {
	background-image:url("../images/main/icon_insurance_baseball.png");
}
.content-icon.icon-insurance-tennis.on {
	background-image:url("../images/main/icon_insurance_tennis.png");
}
.content-icon.icon-insurance-tabletennis.on {
	background-image:url("../images/main/icon_insurance_tabletennis.png");
}
.content-icon.icon-insurance-snowboard.on {
	background-image:url("../images/main/icon_insurance_snowboard.png");
}
.content-icon.icon-insurance-ski.on {
	background-image:url("../images/main/icon_insurance_ski.png");
}
.content-icon.icon-insurance-ana.on {
	background-image:url("../images/main/icon_insurance_ana.png");
}
.content-icon.icon-insurance-cyber.on {
	background-image:url("../images/main/icon_insurance_cyber.png");
}
.content-icon.icon-insurance-home.on {
	background-image:url("../images/main/icon_insurance_home.png");
}
.content-icon.icon-insurance-child.on {
	background-image:url("../images/main/icon_insurance_child.png");
}
.content-icon.icon-insurance-student.on {
	background-image:url("../images/main/icon_insurance_student.png");
}
.content-icon.icon-insurance-domestic.on {
	background-image:url("../images/main/icon_insurance_domestic.png");
}
.content-icon.icon-insurance-overseas.on {
	background-image:url("../images/main/icon_insurance_overseas.png");
}
.content-icon.icon-insurance-viva.on {
	background-image:url("../images/main/icon_insurance_viva.png");
}
.content-icon.icon-gift-car.on {
	background-image:url("../images/main/icon_gift_car.png");
}
.content-icon.icon-gift-home.on {
	background-image:url("../images/main/icon_gift_home.png");
}
.content-icon.icon-gift-cyber.on {
	background-image:url("../images/main/icon_gift_cyber.png");
}
.content-icon.icon-gift-ana.on {
	background-image:url("../images/main/icon_gift_ana.png");
}
.content-icon.icon-gift-golf.on {
	background-image:url("../images/main/icon_gift_golf.png");
}
.content-icon.icon-gift-hiking.on {
	background-image:url("../images/main/icon_gift_hiking.png");
}
.content-icon.icon-gift-newcar.on {
	background-image:url("../images/main/icon_gift_newcar.png");
}
.content-icon.icon-gift-child.on {
	background-image:url("../images/main/icon_gift_child.png");
}
.content-icon.icon-story-asmr.on {
	background-image:url("../images/main/icon_story_asmr.png");
}
.content-icon.icon-story-word.on {
	background-image:url("../images/main/icon_story_word.png");
}
.content-icon.icon-story-magicball.on {
	background-image:url("../images/main/icon_story_magicball.png?20220817");
}
.content-icon.icon-story-feed.on {
	background-image:url("../images/main/icon_story_feed.png");
}
.content-icon.icon-story-event.on {
	background-image:url("../images/main/icon_story_event.png");
}
.content-icon.icon-story-diagnosis.on {
	background-image:url("../images/main/icon_story_diagnosis.png");
}
.content-icon.icon-story-alarm.on {
	background-image:url("../images/main/icon_story_alarm.png");
}
.content-icon.icon-story-saju.on {
	background-image:url("../images/main/icon_story_saju.png");
	background-size: auto 38px;
}
.content-icon.icon-story-tarot.on {
	background-image:url("../images/main/icon_story_tarot.png");
	background-size: auto 38px;
}
.content-icon.icon-helper-check.on {
	background-image:url("../images/main/icon_helper_check.png");
}
.content-icon.icon-helper-billing.on {
	background-image:url("../images/main/icon_helper_billing.png");
}
.content-icon.icon-helper-cs.on {
	background-image:url("../images/main/icon_helper_cs.png?20240612");
}
.content-icon.icon-helper-faq.on {
	background-image:url("../images/main/icon_helper_faq.png");
}
.content-icon.icon-helper-notice.on {
	background-image:url("../images/main/icon_helper_notice.png");
}

.main-content-box .content-txt {
	flex:1;
	padding-left:14px;
}
.main-content-box .content-txt strong {
	display:inline-block;
	color:#000;
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:22px;
}
.main-content-box .content-txt p {
	margin-top:8px;
	color:#666;
	font-size:12px;
	letter-spacing:-0.02em;
	line-height:18px;
}
.btn-close-content {
	position:fixed;
	right:30px;
	bottom:30px;
	width:32px;
	height:32px;
	font-size:0;
	text-indent:-9999px;
	opacity:0;
	border:1px solid #EEEEEE;
	border-radius:50%;
	background:url("../images/main/btn_close_content.png") no-repeat center center;
	background-size:32px auto;
	z-index:-1;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0 3px 15px rgba(0,0,0,0.2);
	box-shadow:0 3px 15px rgba(0,0,0,0.2);
	-webkit-transition:400ms;
	transition:400ms;
}

.content-open .main-content {
	bottom:0px;
	padding-top:42px;
}
.content-open .main-content .main-content-wrap {
	padding-top:224px;
}
.content-open .main-content-top {
	height:224px;
}
.content-open .main-content-blank {
	display:block;
}
.content-open .main-content-txt .txt-view {
	display:none;
}
.content-open .main-content-txt .txt0 {
	display:block;
}
.content-open .btn-close-content {
	opacity:1;
	z-index:1000;
}

.direct .main-content,
.direct .main-content-tab button,
.direct .main-content-tab button em {
	-webkit-transition:none;
	transition:none;
}


/* 컨텐츠 영역 딤처리 */
.main-dim {
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:999;
}


/***** 화면 높이가 760px 미만 start *****/
.view-h-less760 .panel-item .panel-name {
	font-size:27px;
}
.view-h-less760 .panel-item .panel-txt {
	font-size:16px;
}
.view-h-less760 .panel-item .panel-icon-box {
	max-width:264px;
}
/***** 화면 높이가 736px 미만 end *****/


/***** 화면 높이가 620px 미만 start *****/
.view-h-less620 .panel-item .panel-label {
	min-width:52px;
	height:24px;
	font-size:12px;
	line-height:24px;
	border-radius:12px;
}
.view-h-less620 .panel-item .panel-name {
	font-size:24px;
}
.view-h-less620 .panel-item .panel-txt {
	font-size:14px;
}
.view-h-less620 .panel-item .panel-icon-box {
	max-width:220px;
	margin-top:3vh;
}
/***** 화면 높이가 620px 미만 end *****/


@media screen and (max-width:320px){
	.main-content-txt {
		font-size:14px;
	}
	.main-content-txt .txt-view {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.main-content-txt p {
		font-size:17px;
	}
	.main-content-info > strong {
		font-size:18px;
	}
	.main-content-info > p {
		font-size:13px;
	}
}

/* 2023-02-07 관리자연동 메인화면 하단 슬라이드 팝업 */
.mainPopUp .wrap {
	position: fixed;
	z-index: 1200;
	bottom: -100%;
	left: 50%;
	width: 100%;
	height: auto;
	margin-top: 0;
	overflow: hidden;
	transition: all .5s cubic-bezier(0.55, -0.1, 0, 1.21);
	-webkit-transition: all .5s cubic-bezier(0.55, -0.1, 0, 1.21);
	background: #fff;
	box-sizing: border-box;
	border-radius: 15px 15px 0 0;
	max-width: 700px;
	transform: translateX(-50%);
	font-family: 'Roboto', 'Noto Sans KR';
}

.mainPopUp.on .wrap {
	bottom: 0px;
	transition: all .5s cubic-bezier(.4, 0, .2, 1);
	-webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
}

.mainPopUp .dim {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1100;
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-wekit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
}

.mainPopUp.on .dim {
	visibility: visible;
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-wekit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	opacity: 1;
}

.mainPopUp .slide-tit {
	position: relative;
	padding: 30px 24px 20px;
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}

.mainPopUp .slide-tit:after {
	content: '';
	display: block;
	clear: both;
}

.mainPopUp .slide-tit .tit {
	letter-spacing: -1px;
	width: calc(100% - 30px);
	color: #000;
	font-size: 16px;
	line-height: 1;
	word-break: keep-all;
	float: left;
}

.mainPopUp .slide-tit .closeBtn {
	position: absolute;
	top: 20px;
	right: 10px;
	border: none;
	display: block;
	/* margin: 10px 0; */
	width: 32px;
	height: 32px;
	float: right;
	color: #222;
	text-indent: -9999px;
	background: url('/static/resources/etcurl/img/close-btn.png') no-repeat
		center center;
	background-size: 16px;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.mainPopUp .slide-cont {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.mainPopUp .slide-cont img {
	image-rendering: -webkit-optimize-contrast;
}

.mainPopUp .buttons {
	display:flex;
	justify-content:space-between;
	padding:0 20px 25px;
}
.mainPopUp .buttons button {
	display:inline-block;
	width:49%;
	height:58px;
	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;
}
.mainPopUp .buttons button.pink {
	border: 1px solid #FB7091 ;
	background: #FB7091;
}
.mainPopUp .buttons button:first-child {
	border-color:#545861;
	background:#545861;
}
/*250701 원데이 메인배너이미지 변경*/
.main-visual-wrap.banner-renew.height-calc {
	height: calc(100svh - 248px);
}
.main-visual-wrap.banner-renew .panel-item{
	position: relative;
	box-shadow: 0px 5px 40px 0px rgb(0 0 0 / 10%);
	border-radius: 30px;
	width: 100%;
    max-width: 280px;
    margin: 0 auto;
}
.main-visual-wrap.banner-renew .panel-item:before {
	display: block;
	content: '';
	position: absolute; 
    top: -3%;
    left: 13.8%;
	width: 10.25%;
	height: 7.61%;
	z-index: -1;
	background: url('../images/main/oneday-mainobject-mint.png') center center / 100% 100% no-repeat;
}
.main-visual-wrap.banner-renew .panel-item:after{
	display: block;
	content: '';
	position: absolute; 
 	top: 16.2%;
    right: -6%;
    width: 14.88%;
    height: 11.05%;
	z-index: -1;
	background: url('../images/main/oneday-mainobject-yellow.png') center center / 100% 100% no-repeat;
}
.main-visual-wrap.banner-renew .panel-item .panel-icon {
	padding-top: 83.666%;
	background-size: 100% auto;
}
.main-visual-wrap.banner-renew .panel-icon-box {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	border-radius: 30px;
}
.main-visual-wrap.banner-renew .panel-item .icon-type-car.on {
	background-image:url("../images/main/oneday-mainbanner-car.png");
}
.main-visual-wrap.banner-renew .panel-item .icon-type-overseas.on {
	background-image:url("../images/main/oneday-mainbanner-abroad.png");
}
.main-visual-wrap.banner-renew .panel-item .icon-type-driver.on {
	background-image:url("../images/main/oneday-mainbanner-driver.png");
}
.main-visual-wrap.banner-renew .panel-txt-box {
	width: 100%;
	padding: 10% 0 16.7%;
	text-align: center;
}
.main-visual-wrap.banner-renew .panel-txt {
	margin: 0 0 1.71vh ;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.06em;
}
.main-visual-wrap.banner-renew .panel-name {
	color: #1baabb;
	letter-spacing: -0.06em;
}
.main-visual-wrap.banner-renew .panel-name .registerd-sign {
	font-size: xx-large;
}
.main-visual-wrap.banner-renew .slide-info {
	margin-top: 2vh;
}
.main-visual-wrap.banner-renew .swiper-pagination-bullet {
	margin: 0;
}
.main-visual-wrap.banner-renew .swiper-pagination-bullet  +  .swiper-pagination-bullet {
	margin-left: 10px;
}
.main-visual-wrap.banner-renew .swiper-pagination-bullet-active {
	background:#18c5d5;
}
@media screen and (min-width: 400px) {
	.main-visual-wrap.banner-renew .panel-item:after {
		top: 16.5%;
	}
} 
@media screen and (min-width: 450px) {
	.main-visual-wrap.banner-renew .panel-item:after {
		top: 15.5%;
	    width: 15.88%;
	    height: 12.05%;
	}
}
@media screen and (min-width: 560px) {
	.main-visual-wrap.banner-renew .panel-item:after {
		top: 15%;
	}
}
@media screen and (min-width: 1200px) {
	.main-visual-wrap.banner-renew .panel-item {
		max-width: 300px;
	}
	.main-visual-wrap.banner-renew .panel-item:after {
		top: 15.5%;
	} 
}
@media screen and (max-width: 345px) {
	.main-visual-wrap.banner-renew .panel-item:after {
		top: 15.5%;
	}
	.main-visual-wrap.banner-renew .panel-name {
		font-size: 26px;
	}
}
@media screen and (max-width: 324px) {
	.main-visual-wrap.banner-renew .main-slide-inner {
		padding: 0 9.6666%;
	}
	.main-visual-wrap.banner-renew .panel-txt {
		font-size: 14px;
	}
}
@media screen and (max-width: 300px) {
	.main-visual-wrap.banner-renew .panel-txt {
		font-size: 13px;
	}
	.main-visual-wrap.banner-renew .panel-name {
		font-size: 24px;
	}
}
.view-h-less620 .main-visual-wrap.banner-renew .panel-item {
	max-width: 210px;
}
.view-h-less620 .main-visual-wrap.banner-renew .panel-item:after {
	top: 15.2%;
}
.view-h-less620 .main-visual-wrap.banner-renew .panel-txt {
	font-size: 12px;
}
.view-h-less620 .main-visual-wrap.banner-renew .panel-name {
	font-size: 24px;
}
.view-h-less620 .main-visual-wrap.banner-renew .panel-name .registerd-sign {
	font-size: smaller;
	vertical-align: 0;
}
.view-h-more700 .main-visual-wrap.banner-renew .panel-item {
	max-width: 260px;
}
.view-h-more700 .main-visual-wrap.banner-renew .panel-item:after {
	top: 16%;
}
.view-h-more700 .main-visual-wrap.banner-renew .panel-txt {
	font-size: 14px;
}
.view-h-more700 .main-visual-wrap.banner-renew .panel-name {
	font-size: 24px;
}
.view-h-more700 .main-visual-wrap.banner-renew .panel-name .registerd-sign {
	font-size: smaller;
	vertical-align: 0;
}
/*폴드 주소창 있을 시 대응*/
.addbar-ver .main-content .main-content-txt .txt-1{ 
	padding-top: 10px;
}