@import url(/css/main.css?ver=161);

.main .title_wrap strong {color:#136ce1; }

.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-slide.n06 {background-image:url('/common/images/main/visual06.jpg'); }

/* sec1 */
.sec1 .title_wrap {position:absolute; left:0 ;top:0; }
.sec1 .title_wrap h1 {font-weight:normal;}
.sec1 .button_group { position:absolute; left:0; top:11rem;}

.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:66%; gap:.85rem; }
.sec1 ul li {background-color:#F7F7F7; width:calc(33.3% - .6rem); height:8.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) {display:none;background:transparent; }
.sec1 ul li:nth-of-type(2), .sec1 ul li:nth-of-type(3) {width:calc(50% - .5rem);}
.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; }
.sec1 ul li h2 {font-size:1.5rem; line-height:1.5em; font-weight:700;}
.sec1 ul li h2 span {font-size:inherit;}
.sec1 ul li h2 i {padding-left:.125rem;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 ul {width:100%;justify-content: flex-start; align-items: flex-start; gap:.5rem; margin-top:1.5rem;}
	.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 .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;}
	.sec1 ul li h2 i {font-size:80%;}
}

/* bigcha */
.banner_wrap {position:relative}
.bigcha { margin-top:2rem; padding:4.5rem 5rem;  border-radius:1rem; background:url('/common/images/main/img_bigcha.png') no-repeat center ; background-size:cover; }
.bigcha .title_wrap h1 {font-size:1.75rem;color:#fff;}
.bigcha .title_wrap h1 br {display:none;}
.bigcha .title_wrap p { font-size:1rem;color:#fff;}
.bigcha .title_wrap .button_group {padding-top:1rem;}
.bigcha .title_wrap .button_group .button { color:#20222d; background-color:#fff;}

@media screen and ( max-width:900px ) {
	/* bigcha banner - 모바일앱에서 숨김 */
	.bigcha, .logo_sub {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:-1.25rem; 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;  }
}



/* 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:-33rem; 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;}