.main section {padding:7.5rem 0;}
.in_main section {padding:5rem 0;}
@media screen and ( max-width:1200px ) {
.main section {padding:5rem 0;}
}

@media screen and ( max-width:900px ) {
.main section {padding:2.5rem 0;}
.in_main section {padding:2.5rem 0;}
}


/* swiper */
.main-visual { position: relative;  left: 0;  right: 0;  top: 0; width:100%; height:46.875rem; overflow: hidden;  }
.main-visual .swiper-slide { width: 100%; height: 100%;  position: relative;  display: flex; align-items: center; }
.main-visual .swiper-slide video {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: 0;  opacity: 1;}
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; /*transition-timing-function: linear;*/}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.swiper-slide.n01 {background-image:url('/common/images/main/visual01.jpg'); }
.swiper-slide.n02 {background-image:url('/common/images/main/visual02.jpg'); }
.swiper-slide.n03 {background-image:url('/common/images/main/visual03.jpg'); }
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}

/* 슬라이드 줌 효과 */
.swiper-slide::before {    content: "";    position: absolute;    inset: 0;    background: inherit;    background-size: cover;    background-position: center;    transform: scale(1.1);    transition: transform 1.2s ease;    z-index: 0;}
.swiper-slide-active::before {    transform: scale(1);}
.swiper-slide > * {    position: relative;    z-index: 1;}

.visual-copy {position: absolute;top:0; left:50%; margin-left:-37.5rem;  width: 75rem; height:100%; padding:5rem 0 0; text-align: left; display:flex; justify-content: space-between; align-items: center; border:0px solid #f00 ;z-index:3}
.visual-copy .copy1,
.visual-copy .today_count{transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);opacity: 0; }
.visual-copy b {font-weight:700;}

.visual-copy .copy1 {transform: translateY(20px); transition-delay: .2s; }
.visual-copy .today_count {transform: translateX(20px); transition-delay: .4s; }
.visual-copy .exp {transform: translateY(20px); transition-delay: .6s; }

.visual-copy strong {font-weight:700 !important; }

.visual-copy.active .copy1 {opacity:1; transform:translateY(0px);transition-delay: 0.2s;}
.visual-copy.active .today_count {opacity:1; transform:translateX(0px);transition-delay: 0.4s;}

/* main text  */
.txt_wrap {width:50%;  }
.copy1 { display:block; color:#fff; font-size:3.125rem; line-height:4.25rem; font-weight:100;  }
.today_count ul {display:inline-flex;align-items: flex-end; gap:2.5rem;margin-top:2rem; padding:2.5rem .5rem 0; border-top:1px solid rgba(255,255,255,0.2); }
.today_count ul li {display:flex; flex-direction: column; color:#fff; gap:.5rem; }
.today_count ul li p { font-size:.9rem; font-weight:400; }
.today_count ul li strong { font-size:1.563rem;  font-weight:700; line-height:1.3em; }
.today_count ul li.n01 { width:8rem; border-bottom:0px solid #f00}
.today_count ul li.n01 p {font-size:1rem; font-weight:500}
.today_count ul li.n01 strong {font-size:3.75rem; line-height:3.75rem; }
/*
.main-visual .swiper-slide.swiper-slide-active .visual-copy .copy1 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .today_count {transform: translateX(0px); opacity:1;}
*/

.visual-swiper-control {  position: absolute;  left: 50%;  margin-left: -580px;  bottom: 80px;  color: #fff;  display: flex;  align-items: center;  z-index: 100; }
.visual-progressbar {  width: 80px;  height: 3px;  position: relative;  background-color: rgba(255, 255, 255, 0.5);  transition: .3s opacity;  text-align: center;  position: relative;  overflow: hidden;  margin: 0 14px;}
.visual-progressbar .bar {  display: block;  content: '';  background-color: var(--color-main);  position: absolute;  left: 0;  top: 0;  width: 0;  height: 100%;}
.visual-progressbar.play .bar {  animation: barMotion 5s forwards linear;}

.visual-swiper-paging.swiper-pagination-progressbar {  width: 80px;  height: 3px;  position: relative;  background-color: rgba(255, 255, 255, 0.3);  transition: .3s opacity;  text-align: center;  position: relative;  overflow: hidden;  margin: 0 0px;}
.visual-swiper-paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background-color: #fff;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.visual-swiper-control .swiper-pagination { display: flex; align-items: center; margin-right: .65rem; font-size: 18px;  color: #fff;  font-weight: 700;}

.visual-swiper-control .swiper-pagination .current-page,
.visual-swiper-control .swiper-pagination .total-page {  width: 24px; font-size:1rem; color:#fff; text-align: center;}
.visual-swiper-control .swiper-pagination .current-page {color:var(--color-main); font-weight:bold;}

/* dot */
.visual-swiper-control .swiper-pagination-bullet {  width: 3.5rem;  height: 4px;  background: #FFF; margin-right:.5rem;  opacity: 0.7;  transition: background 0.3s;}
.visual-swiper-control .swiper-pagination-bullet-active {  background: var(--color-main);  opacity: 1;}

.visual-swiper-control .btn-swiper-prev,
.visual-swiper-control .btn-swiper-next,
.visual-swiper-control .btn-swiper-stop {  width: 20px;  height: 20px;  text-align: left; font-size:0; overflow: hidden;  margin: -3px 5px 0; background-color:transparent; border:0px solid #fff; outline:0;cursor:pointer; }

.visual-swiper-control button:before {content:""; display:inline-block; vertical-align:top; font-size:1rem; color:#333; font-family:'xeicon';}
.visual-swiper-control .btn-swiper-prev:before {content:"\e93b";}
.visual-swiper-control .btn-swiper-next:before {content:"\e93e";}


.visual-swiper-control .btn-swiper-stop::after { content: "\ea3b"; font-size:1.25rem;line-height:20px; color:#333; font-family:'xeicon';/*   */}
.visual-swiper-control .btn-swiper-stop.on::after { content:"\ea3e"; color:var(--color-main); /*   */}

@keyframes barMotion {
  0% { width: 0; }
  100% { width: 100%; }
}



@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-15px);
    	-webkit-transform:translateY(-15px);
    	-ms-transform:translateY(-15px);
    	-moz-transform:translateY(-15px);
    }
}


/* main login */
.main_login {width:340px; border-radius:.65rem; padding:2rem; background-color:#fff; }
.main_login h1 {font-size:1.05rem; font-weight:600; color:var(--color-dark-blue) }
.main_login .list {padding-top:.85rem; display:flex; flex-direction: column; gap:.75rem;  }

.main_login input, 
.main_login button{ height:3rem; line-height:3rem;  border-radius:.35rem;padding:0 1rem;box-shadow:2px 2px 5px rgba(0,0,0,0.05)  }
.main_login input {border:1px solid #E2E5EB; color:#111; font-size:1.125rem; font-weight:600}
.main_login input {padding-left:2.5rem !important; }
.main_login button { width:100%;background-color:var(--color-main); color:#fff; font-weight:600; font-size:1.05rem;box-shadow:2px 2px 5px rgba(0,0,0,0.15)}
.main_login .m_info {display:flex; justify-content: center; font-size:0 ; padding-top:.35rem; }
.main_login .m_info a {position:relative; padding-right:.85rem; margin-right:.85rem; font-size:.9rem; color:var(--color-grey-blue2);  }
.main_login .m_info a:hover {color:var(--color-grey-blue)}
.main_login .m_info a:after {content:''; position:absolute; right:0; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#dedede; }
.main_login .m_info a:last-child {margin:0; padding:0}
.main_login .m_info a:last-child:after {display:none; }
.main_login .login_mobile {display:none; }

@media screen and ( max-width:1200px ) {
	.visual-copy {  width: 100%; padding:0 1rem; left:0; margin:0; bottom:2rem; top:auto;}
	.visual-swiper-control {margin:0; left:0; width:100%;}

	/* main text  */
	.copy1 { font-size:2.5rem; line-height:1.4em;    }
	.today_count ul {gap:0;}
	.today_count ul li {min-width:5rem; }
	.today_count ul li p { font-size:.9rem; font-weight:400; }
	.today_count ul li strong { font-size:1.563rem;  font-weight:700; line-height:1.3em; }
	.today_count ul li.n01 strong {font-size:2.5rem; line-height:2.4rem;}
}

@media screen and ( max-width:900px ) {
    .main-visual {height:35rem}
    .swiper-slide.n01::before {  background-position: 45% center;}
	.swiper-slide.n02::before {  background-position: 68% bottom;}
	.visual-copy {flex-direction: column;align-items: center;justify-content: flex-end;gap:0; bottom:0; }
	.txt_wrap {width:100%;}
    .copy1 { font-size:2rem; line-height:1.4em;    }
	.today_count ul li {min-width:3.5rem; gap:.25rem; }
	.today_count ul li p { font-size:.8rem; font-weight:400; }
	.today_count ul li strong {font-size:1.3rem;}
	
	.today_count ul li.n01 {width:6rem; padding-right:0; gap:.5rem}
	.today_count ul li.n01 p {font-size:.9rem;  }
    .today_count ul li.n01 strong {font-size:1.85rem; line-height:1.85rem;}
    
	.main_login {background-color:transparent !important; width:100%; padding:1.5rem 0 2rem;}
	.main_login h1,
	.main_login .list {display:none;}
	.main_login .login_mobile {display:block; }
	.main_login .button_group {padding:0; }
	.main_login .button_group .button {display:flex;width:100%; height:3.5rem !important; background-color:var(--color-main); }
}

@media screen and ( max-width:640px ) {

}

/* sec1 */
.sec1 .title_wrap {position:absolute; left:0 ;top:0; }
.sec1 .title_wrap p b{font-size:110%;}
.sec1 .button_group {padding-top:.5rem; position:absolute; left:0; top:12rem;}

.sec1 .column {display:flex;  justify-content: flex-end; align-items: flex-end; }
.sec1 ul {display:flex; justify-content: flex-end; flex-wrap: wrap; align-items: flex-end; width:60%; gap:.85rem; }
.sec1 ul li {background-color:#F7F7F7; width:calc(33.3% - .6rem); height:12.5rem ; color:var(--color-dark-blue); border-radius:.65rem; padding:2rem; background-repeat:no-repeat; background-size:auto 3.5rem; background-position:calc(100% - 1.6rem) calc(100% - 1.6rem); }
.sec1 ul li:nth-child(1) {background:transparent; }
.sec1 ul li.n01 {background-image:url('/common/images/main/car_type1.png')}
.sec1 ul li.n02 {background-image:url('/common/images/main/car_type2.png')}
.sec1 ul li.n03 {background-image:url('/common/images/main/car_type3.png')}
.sec1 ul li.n04 {background-image:url('/common/images/main/car_type4.png')}
.sec1 ul li.n05 {background-image:url('/common/images/main/car_type5.png')}
.sec1 ul li p {font-size:1.05rem; line-height:1.3em; font-weight:500; }
.sec1 ul li h2 {font-size:1.85rem; line-height:1.5em; font-weight:700;}
.sec1 ul li h2 i {font-size:50%; font-weight:400; }

@media screen and ( max-width:1200px ) {
.sec1 .title_wrap,
.sec1 .button_group {left:1rem; }
}
@media screen and ( max-width:900px ) {
	.sec1 .column {  flex-direction: column; gap:0rem;justify-content: flex-start; align-items: flex-start; }
	.sec1 .title_wrap {position:relative; left:auto; gap:.5rem}
	.sec1 .title_wrap h1 {font-size:1.85rem; }
	.sec1 .title_wrap p {font-size:1.05rem;}
	.sec1 ul {width:100%;justify-content: flex-start; align-items: flex-start; gap:.5rem; margin-top:2rem;}
	.sec1 ul li { width:calc(33.3% - .35rem); background-position:calc(100% - 1rem) calc(100% - 1rem); height:10rem ; padding:1.8rem;  background-size:auto 2rem; }
	.sec1 ul li:nth-child(1) {display:none;width:0; }
	.sec1 ul li:nth-child(2),
	.sec1 ul li:nth-child(3) {width:calc(50%  - .25rem)!important; border:0px solid #f00}
	.sec1 ul li p {font-size:.9rem;  }
	.sec1 ul li h2 {font-size:1.65rem; line-height:1.5em; font-weight:700;}
	.sec1 .button_group {position:relative; top:auto; left:auto; width:100%;padding-top:1rem;}
	.sec1 .button_group .button {width:100%; text-align:center; background-color:#fff; border:1px solid var(--color-grey-blue2); color:var(--color-dark-blue) }
}
@media screen and ( max-width:640px ) {
	.sec1 ul li {  height:8rem ; padding:1.25rem;  background-size:auto 2rem; }
	.sec1 ul li h2 {font-size:1.25rem;}
}



/* sec2 */
.sec2 {background-image:url('/common/images/main/img_mycar.jpg');  background-repeat:no-repeat; background-size:cover; background-position:center calc(100% + 1.8rem) }
.sec2 .title_wrap {margin-top:-1rem;}
.sec2 .title_wrap strong {color:var(--color-main); }
.sec2 .title_wrap h1 {font-size:2.5rem; line-height:1.5em;}
.sec2 .button_group {padding-top:1rem;}
.sec2 .button_group .button {box-shadow:3px 3px 10px rgba(0,0,0,0.1)}

@media screen and ( max-width:900px ) {
	.sec2 {padding:3.5rem 1rem !important;background-image:url('/common/images/main/img_mycar_mb.jpg') ;  background-position:center bottom;  }
	.sec2 .title_wrap h1 {font-size:1.35rem;  }
	.sec2 .button_group {padding-top:0; width:11rem;display:flex; flex-direction: column; gap:.5rem}
	.sec2 .button_group .button {padding:0 1.2rem; margin:0;  justify-content: flex-start;}
}
@media screen and ( max-width:600px ) {
}

/* sec3 */
.sec3 ul {display:flex;  flex-direction: column; gap:5rem;}
.sec3 ul li {display:flex; justify-content: space-between; align-items: center; }
.sec3 ul li figure {width:45%;}
.sec3 ul li figure img {width:100%; border-radius:1.5rem; }
.sec3 .title_wrap {width:45%; }
.sec3 .title_wrap strong {color:var(--color-main); }
.sec3 .title_wrap p {color:var(--color-grey-blue1)}
.sec3 .button_group {padding-top:1rem;}

@media screen and ( max-width:900px ) {
	.sec3 ul {gap:1rem;}
	.sec3 ul li figure {display:none;}
	.sec3 .title_wrap {background-color:#EEF1FA; border-radius:.65rem; padding:2rem 1.5rem; width:100%;background-repeat:no-repeat; background-position:95% 2.5rem ; background-size:auto 4.5rem; }
	.sec3 ul li:nth-child(1) .title_wrap { background-image:url('/common/images/main/guide_3d_01.png')}
	.sec3 ul li:nth-child(2) .title_wrap { background-image:url('/common/images/main/guide_3d_02.png')}
	.sec3 .button_group {width:100%; display:flex; gap:.5rem; padding-top:.65rem;}
	.sec3 .button {width:100%;margin:0; background-color:#fff; color:var(--color-grey-blue) !important; padding:0;  font-size:.95rem; font-weight:400; border:0 !important; text-align:center; }
	.sec3 .title_wrap {gap:.5rem;}
	.sec3 .title_wrap h1 {font-size:1.25rem; line-height:1.3em;  }
    .sec3 .title_wrap p {font-size:.875rem; line-height:1.3em;  }
	
}


/* sec4 */
.sec4 {background-color:#F9F9F9;}
.sec4 .title_wrap h1 {font-size:2.188rem;}
.sec4 .notice { padding-top:1.5rem; position:relative;}
.sec4 .notice ul {border:2px solid var(--color-dark-blue); border-radius:6rem; padding:1.5rem 2.5rem; background-color:#fff;}
.sec4 .notice li {display:flex; align-items: center; gap:1rem;padding-right:2rem; background:url('/common/images/inc/arrow_longright.png') no-repeat right ; background-size:auto 1.5rem;   }
.sec4 .notice li a:hover {text-decoration:underline}
.sec4 .notice li a { width:80%; color:var(--color-dark-blue); font-size:1.05rem; line-height:1.3em; font-weight:500; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.sec4 .notice li .date {font-size:.95rem; color:var(--color-grey-blue2); }
.sec4 .notice .slide-counter { position:absolute; right:1.8rem; top:-1.45rem; width:3.5rem; font-size: 1rem; letter-spacing:.15rem; color:#888; height:1.5rem; display:flex; align-items: center; justify-content: center;;}
.sec4 .notice .slide-counter span.current {color:#000; font-weight:700;}
.sec4 .notice .slick-prev,
.sec4 .notice .slick-next {position: absolute; top:-3.25rem;width:2rem; height:2rem;font-size:0; z-index:5 }
.sec4 .notice .slick-prev {right:5rem; }
.sec4 .notice .slick-prev:after {content: '\e93d'; font-size:1.2rem; color:#333;}
.sec4 .notice .slick-next {right:0;  }
.sec4 .notice .slick-next:after {content: '\e940'; font-size:1.2rem; color:#333;}
.sec4 .notice .slick-prev:hover:after,
.sec4 .notice .slick-next:hover:after{opacity:1;}

.label_notice {height:1.65rem; margin-right:.5rem; display:inline-flex; align-items: center; justify-content: center;padding:0 1rem; border-radius:5rem; background-color:var(--color-main); font-size:.85rem; font-weight:500; color:#fff;}
/* bigcha */
.banner_wrap {position:relative}
.bigcha { margin-top:3.5rem; padding:2.25rem 6rem;  border-radius:1rem; background:url('/common/images/main/img_bigcha.png') no-repeat center ; background-size:cover; }
.bigcha .title_wrap { color:#fff; gap:0;}
.bigcha .title_wrap h1 { font-size:1.65rem; font-weight:700; line-height:1.3em; color:inherit; }
.bigcha .title_wrap h1 br {display:none; }
.bigcha .title_wrap p { font-size:1rem; color:inherit; padding-top:.65rem}
.bigcha .title_wrap .button_group { padding:0; margin-top:1rem;}
.bigcha .title_wrap .button_group .button { height:2.75rem; color:var(--color-grey-blue1); background-color:#fff; border-radius:.25rem; }





@media screen and ( max-width:900px ) {
	.sec4 .title_wrap h1 {font-size:1.25rem; line-height:1.3em;  }
	.sec4 .notice {padding-top:1rem;}
	.sec4 .notice ul {border:1px solid var(--color-dark-blue);   padding:.85rem 1rem;  }
	.sec4 .notice li {background-size:auto 1rem; background-position:98% ; }
	.sec4 .notice li label {height:1.5rem;min-width:3rem;  padding:0 ;}
	.sec4 .notice li a {font-size:.95rem;}
	.sec4 .notice li .date {display:none; }
	.sec4 .notice .slide-counter {width:2.5rem; }
	.sec4 .notice .slick-prev,
	.sec4 .notice .slick-next { top:-2.65rem;}
	.sec4 .notice .slick-prev {right:4.4rem; }
	.label_notice {height:1.3rem; margin-right:.2rem; padding:0 .65rem; font-size:.7rem;  }

	/* bigcha banner - 모바일앱에서 숨김 */
	.bigcha {display:none !important; }
}


.notice_wrap {padding-bottom:0 !important; overflow:hidden; }
.notice_wrap .notice {position:relative; display:flex; flex-direction: row; align-items: center; gap:.5rem;  padding:1.2rem 2rem;border:1px solid #E9E9E9; border-radius:.75rem; overflow:hidden;}
.notice_wrap .notice h2 { width:6rem; font-size:1rem; color:#333; font-weight:700; display:flex;align-items: center; }
.notice_wrap .notice h2:before {content:''; display:inline-flex ; align-items: center; width:1.5rem; height:1.5rem; margin-right:.5rem;background:url('/common/images/inc/icon_notice.svg') no-repeat left .1rem; background-size:auto 80%; border:0px solid #f00}
.notice_wrap .notice ul {position:relative; width:calc(100% - 6rem); border:0; border-radius:0; padding:0 0 0 1rem; display:block; }
.notice_wrap .notice li {background:none; display:flex; align-items: center;justify-content: space-between; }
.notice_wrap .notice li a { display:flex; height:1.65rem; align-items: center; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;  }
.notice_wrap .notice .btn_more {position:absolute;right:1rem; top:50%; margin-top:-.65rem; font-size:.9rem; color:var(--color-grey-blue2); z-index:10}
.notice_wrap .notice .btn_more:after {content:'\e940'; display:inline-block; vertical-align:top; margin-left:.25rem;margin-top:.1rem; font-size:1rem;color:var(--color-grey-blue2);  }

@media screen and ( max-width:900px ) {
	.notice_wrap {padding-top:0 !important;  border-bottom:1px solid #dedede;}
	.notice_wrap .notice {border-radius:0; border:0; padding:1.3rem 0; }
	.notice_wrap .notice h2 {width:1.5rem;font-size:0; }
	.notice_wrap .notice ul { width:calc(100% - 1.5rem); padding:0; }
	.notice_wrap .notice li a {font-size:.95rem; height:1.3rem;}
	.notice_wrap .notice .btn_more {font-size:0; right:0 }
}




/* sec5 */


.faq .title_wrap {margin-bottom:1.5rem;}

@media screen and ( max-width:900px ) {
.sec5 .faq_list {border-top:0;  }

}

/* sec6 */
.sec6 { background-color:#F5F7F9; }
.sec6 .column {display:flex; justify-content: space-between; align-items: center; }
.sec6 .link {display:flex; gap:1rem; margin-top:1rem;}
.sec6 .link a {display:flex;align-items: center;  height:5.2rem; font-size:1.125rem; font-weight:600; background-color:#fff; border:0.0625rem solid #F2F2F2; border-radius:1rem; padding:0 2.5rem; }
.sec6 .link a:before {content:''; width:2.813rem; height:2.813rem; margin-right:.5rem; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.sec6 .link a.google:before {background-image:url('/common/images/inc/icon_google.svg')}
.sec6 .link a.apple:before {background-image:url('/common/images/inc/icon_apple.svg')}
.sec6 .link a:hover {border-color:var(--color-main); box-shadow:0.125rem 0.125rem 0.375rem rgba(0,0,0,0.05)}
.sec6 .qrcode {display:flex; gap:3rem;padding:1.5rem; }
.sec6 .qrcode li {display:flex;flex-direction: column;  align-items: center; gap:.5rem;}
.sec6 .qrcode li figure {width:9.375rem;height:9.375rem; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
.sec6 .qrcode li p {font-size:.9rem; text-align:center; color:var(--color-grey-blue2); line-height:1.3em; }
.sec6 .qrcode li.google figure {background-image:url('/common/images/inc/qrcode_aos.png')}
.sec6 .qrcode li.apple figure {background-image:url('/common/images/inc/qrcode_ios.png')}

@media screen and ( max-width:900px ) {
	.sec6 .title_wrap {width:100%; }
	.sec6 .title_wrap h1  {font-size:1.25rem; line-height:1.3em;  }
	.sec6 .link {margin-top:.85rem;gap:.5rem;}
	.sec6 .link a {width:100%;height:3rem; padding:0 1rem; font-size:.95rem; border-radius:.5rem;}
	.sec6 .link a:before {width:1.5rem; height:1.5rem; }
	.sec6 .qrcode {display:none;}
	
}

/* badge */
.badgeM {display:inline-block; vertical-align:middle; line-height:1.65rem; color:#fff; font-size:.85rem; font-weight:600; padding:0 1rem; border-radius:.5rem 0 .5rem .5rem;  }
.badgeM.bidder {background-color:#03D7E6; }
.badgeM.seller{background-color:#0366fa; }
.badgeM.delivery {background-color:#e69703; }

/* in main */
.main_board { height:40.625rem;background:url('/common/images/main/bg_main.png') no-repeat center ; background-size:cover; display:flex; justify-content: center; align-items: center;  }
.main_board .column {position:relative; display:flex; justify-content: flex-end;align-items: center;  height:100%;}
.main_board .cont { width:26em; z-index:2; }

.main_board .cont .tit_area .m_status {display:flex; justify-content: space-between; align-items: flex-end; }
.main_board .cont .tit_area h2 {font-size:1.3rem; line-height:1.4em;  font-weight:700; color:var(--color-dark-blue); margin-top:.65rem; max-width:16rem;word-break: keep-all; border:0px solid #f00}
.main_board .cont .tit_area h2 b {   color:var(--color-blue); font-weight:700}
.main_board .cont .tit_area h2 br {display:none;}
.main_board .cont .tit_area .count {position:absolute; left:50%; transform: translate(0,-50%);  margin-left:-37rem; top:50%; min-width:6rem; display:flex; flex-direction: column; z-index:5; gap:2.75rem; border:0px solid #f00}
.main_board .cont .tit_area .count li {font-size:1rem; color:var(--color-dark-blue); display:flex;flex-direction: column;gap:1rem; }
.main_board .cont .tit_area .count li p {font-size:1.1rem; font-weight:400; }
.main_board .cont .tit_area .count li p.line {border-bottom:0.0625rem solid rgba(0,0,0,0.08); padding-bottom:.5rem; }
.main_board .cont .tit_area .count li .number {display:flex; justify-content: flex-end; align-items: flex-end;font-size:3rem; line-height:3rem; font-weight:800; }
.main_board .cont .tit_area .count li .number i { margin-left:.2rem; font-size:.9rem; font-weight:500; line-height:1.4em;  color:var(--color-grey-blue)}
.main_board .item_wrap {display:flex; flex-direction: column; gap:1rem;margin-top:1rem;}
.main_board .item_wrap ul {display:flex; flex-wrap: wrap; justify-content: flex-end; gap:.65rem;}
.main_board .item_wrap ul li { position: relative;  width:calc(33.3% - .45rem); height:7.5rem; padding:1.2rem 0.5rem 1.2rem 1.1rem ; display:flex; flex-direction: column; gap:0.9rem; border-radius:.85rem; background-color:rgba(255,255,255,0.1); overflow: visible; display:flex; justify-content: space-between;  box-shadow:.2rem .2rem 1rem rgba(0,0,0,0.1); }
.main_board .item_wrap ul li:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background-color:rgba(255,255,255, .7);  border-radius:inherit;  backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); }
.main_board .item_wrap ul li.n01 {margin-bottom:-0.65rem;margin-top:-5.2rem;}
.main_board .item_wrap ul .break {flex-basis: 100%; height: 0; padding: 0; margin: 0; padding:0; }
.main_board .item_wrap ul li>div {font-size:.9rem; font-weight:500; color:var(--color-grey-blue1); position:relative; display:block; }
.main_board .item_wrap ul li>div span {letter-spacing:-.04em; }
.main_board .item_wrap ul li>div span i {font-size:90%;}
.main_board .item_wrap ul li>div:first-child {min-height:2.2rem;}
.main_board .item_wrap ul li>div.number {display:flex; justify-content: flex-end; align-items: flex-end;padding-right:0.65rem; color:var(--color-dark-blue);font-size:1.85rem; line-height:1.85rem; font-weight:800; }
.main_board .item_wrap ul li>div.number em { margin-left:.2rem; font-size:.85rem; font-weight:500; line-height:1.4em;  color:var(--color-grey-blue)}
.main_board .item_wrap ul li.imp>div.number {color:var(--color-blue)}
.main_board .infoBox {left:auto; margin-left:auto; right:-1rem; }
.main_board .infoBox:after {left:auto; right:1.35rem;}
.main_board .button {height:3.75rem; border-radius:.5rem; padding:0 2rem; display:flex; justify-content: flex-start; align-items: center;  background-color:var(--color-main); color:#fff; font-size:1.05rem; font-weight:600;box-shadow:.2rem .2rem 1rem rgba(0,0,0,0.1);  background-repeat:no-repeat; background-position:calc(100% - 2rem) center; background-size:auto 1.5rem; background-image:url(/common/images/inc/arrow_longright.svg)
}

.main_board .slide_car {position:absolute; bottom:0rem;top:auto;  left:50%; margin-left:-30rem; width:50rem; height:28rem;   }
.main_board .slide_car li img{width:100%;}

.infoBox{display:none;position:absolute;left:50%; margin-left:-1rem; top:1.35rem;min-width:6rem;width:10rem;height:auto;line-height:normal; font-size:.8rem; line-height:1.3em; padding:.65rem 1rem; color:#fff; word-break:keep-all;  background:var(--color-grey-blue2);border:0px solid #ccc; border-radius:.5rem;box-shadow:.2rem .2rem .85rem rgba(0,0,0,0.1); z-index:10;}
.infoBox:after {content:'';position:absolute;left:1.85rem;top:-0.25rem;width:.5rem;height:.5rem;border-width:0 0 0.0625rem 0.0625rem;border-color:var(--color-grey-blue2);border-style:solid;background:var(--color-grey-blue2);z-index:2;transform:rotate(135deg);}
.infoBox.left {left:-2rem; margin-left:0; }
.infoBox.left:after {left:2.5rem;}

.infoWrap {position:relative; display:inline-block;}
.infoWrap a {display:inline-flex; justify-content: center;align-items: center; margin-left:.05rem; width:1.25rem; height:1.25rem; border-radius:50%; background-color:#E5E9F0;  text-align:center; }
.infoWrap a:before {content:'?';color:var(--color-grey-blue2);}
.infoWrap.active .infoBox{display:block;}

@media screen and ( max-width:1200px ) { 
.main_board { height:36rem;}
.main_board .cont .tit_area .count {left:1rem;margin-left:auto; }
.main_board .slide_car {  left:6rem; margin-left:0; width:32rem; height:20rem; }
.infoBox.flexable {left:-2rem; margin-left:0;}
.infoBox.flexable:after {left:2.5rem;}
}

@media screen and ( max-width:900px ) {
.main_board {min-height:27rem; height: auto; align-items: flex-end;}
.main_board .column {align-items: flex-end;padding-top:2rem; padding-bottom:2rem;}
.main_board .cont {width:100%;}
.main_board .cont .tit_area h2 {max-width:auto;font-size:1.125rem;}
.main_board .cont .tit_area h2 br {display:inline-block;}
.main_board .cont .tit_area .count {position:relative; left:auto; transform: none;  margin-left:auto; top:auto; gap:.35rem; }
.main_board .cont .tit_area .count li {flex-direction: row; justify-content: space-between;gap:.3rem;height:1.8rem; padding:0 .85rem; background-color:rgba(255,255,255, .5);backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); border:0.0625rem dashed #fff; border-radius:3rem; }
.main_board .cont .tit_area .count li p {font-size:.9rem;line-height:1.4em; color:#444; display:flex ;align-items: center;  }
.main_board .cont .tit_area .count li p.line {border-bottom:0; padding:0; margin:0; }
.main_board .cont .tit_area .count li .number { font-size:1.1rem;line-height:1.4em;font-weight:700;color:#000; justify-content: flex-start; align-items: center; }
.main_board .cont .tit_area .count li .number i { margin-left:.05rem; font-size:.85rem; font-weight:500;color:#444;  line-height:1.4em;  color:var(--color-grey-blue)}
.main_board .item_wrap ul {gap:.5rem;}
.main_board .item_wrap ul li {width:calc(33.3% - .35rem); height:auto; padding:1.1rem 1rem 1.2rem; gap:0rem}
.main_board .item_wrap ul li>div {font-size:.9rem; }
.main_board .item_wrap ul li>div.number  {font-size:2rem;}
.main_board .item_wrap ul li.n01 {width:100%;flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:0;margin-top:0;}
.main_board .item_wrap ul .break {display:none !important}

.main_board .slide_car {  left:0; margin-left:0; width:100%; padding:0 1rem;height:13rem; border:0px solid #f00; display:none}
}


/* after login */
.in_main .sec1 .title_wrap {position:relative; left:auto ;top:auto; }
.in_main .sec1 .column { justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:2rem; }
.in_main .sec1 ul { justify-content: flex-start; flex-wrap: nowrap; align-items: center; width:100%; gap:1.25rem; }
.in_main .sec1 ul li { display:block; background-color:#F7F7F7; border:0.0625rem solid #f7f7f7; width:calc(33.3% - .6rem); height:10rem ; color:var(--color-dark-blue); border-radius:.65rem; padding:2rem; transition: all 0.2s ease-in;   background-repeat:no-repeat; background-size:auto 3.5rem; background-position:calc(100% - 1.6rem) calc(100% - 1.6rem); cursor:pointer; }
.in_main .sec1 ul li:hover {border-color:var(--color-main); box-shadow:.2rem .2rem .8rem rgba(0,0,0,0.1)}
.in_main .sec1 ul li p {font-size:1.15rem; line-height:1.3em; font-weight:700; color:#333;}


@media screen and ( max-width:900px ) {
.in_main .sec1 .column {gap:1rem;}
.in_main .sec1 ul {flex-wrap: wrap; gap:.5rem; margin-top:0 !important}
.in_main .sec1 ul li {padding:1rem; height:7rem; background-size:auto 2.5rem; background-position:calc(100% - .9rem) calc(100% - .9rem);  }
.in_main .sec1 ul li p {font-size:.9rem;}
.in_main .sec1 ul li.n01,
.in_main .sec1 ul li.n02{width:calc(50% - .3rem) !important;}
.in_main .sec1 ul li.n03,
.in_main .sec1 ul li.n04,
.in_main .sec1 ul li.n05 {width:calc(33.3% - .35rem) !important;}
}

.in_main .carlist_wrap #tab2{margin-top:1.5rem;}