@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*--------------------------------------------------*/
/* common */
/*--------------------------------------------------*/
*{margin:0; padding:0; box-sizing:border-box; color:#111; letter-spacing:-0.5px;}
*::-webkit-scrollbar{width:8px;}
*::-webkit-scrollbar-thumb{background-color:#c1c1c1; border-radius:12px;}
*::-webkit-scrollbar-track{background-color:#f1f1f1; border-radius:12px;}
ul{list-style:none;}
a{color:inherit; text-decoration:none;}
body{font-family: 'Pretendard';}
h2{color:#111; font-size:30px; line-height:36px; font-weight:700;}
h3{color:#111; font-size:24px; line-height:30px; font-weight:700;}
.wrap{overflow:hidden; width:100%; margin:0 auto;}
.mt80{margin-top:80px;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.dot {
	color: #ccc;
	font-weight: 700;
	padding: 0 4px;
}

/*--------------------------------------------------*/
/* header */
/*--------------------------------------------------*/
.headerWrap {
	position: fixed;
	top: 0;
	/* width: 100% */
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 999;
}
.headerTop{max-width:1280px; display:flex; margin:0 auto;}
.headerTop ul{display:flex; margin-left:auto; padding:12px 0; align-items:center;}
.headerTop ul li{font-size:13px; line-height:14px; font-weight:400; color:#666; margin-right:12px;}
.headerTop ul li::after{content:''; display:inline-block; width:1px; height:8px; background-color:#ccc; margin-left:12px;}
.headerTop ul li:last-child{margin-right:0;}
.headerTop ul li:last-child::after{content:none;}
.headerMain_wrap{width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.08);}
.headerMain{display:flex; max-width:1280px; min-height:80px; margin:0 auto; align-items:center;}
.headerMain h1{width:160px; height:32px; margin-right:44px;}
.headerMain h1 a.logo{display:block; width:100%; height:100%; background:url(/images/common/logo_main.svg) no-repeat center;}
.headerMain .gnb{display:flex; font-weight:700; font-size:16px; line-height:22px; align-items:center;}
.headerMain .gnb li{min-width:54px; margin-right:36px; text-align:center; transition:all 0.2s;}
.headerMain .gnb li:hover{color:#3F72AF;}
.headerMain .rightBox{display:flex; margin-left:auto;}
.headerMain .search {
	position: relative;
	display: flex;
	width: 420px;
	height: 44px;
	border: 0;
	border-radius: 44px;
	background-color: #EEEFF0;
	align-items: center;
	padding: 10px 24px;
}
.headerMain .search .noti_txt {
	position: absolute;
	top: -18px;
	left: 18px;
	font-size: 12px;
	color: #999;
}
.headerMain .search form{display:flex; align-items:center; width:100%;}
.headerMain .search input{color:#111; font-weight:400; font-size:14px; line-height:20px; font-family:'Pretendard'; border:0; background:none; outline:none; text-align:left; float:left; width:100%;}
.headerMain .search input:-ms-input-placeholder{color:#999;}
.headerMain .search input::-webkit-input-placeholder{color:#999;}
.headerMain .search input::-moz-placeholder{color:#999;}
.headerMain .search button{border:0; width:24px; height:24px; margin-left:10px; cursor:pointer;}
.headerMain .member_menu{display:flex;}
.headerMain .member_menu ul{display:flex; align-items:center;}
.headerMain .member_menu ul li{width:24px; height:24px; margin-left:24px; position:relative;}
.headerMain .member_menu ul li span.cartNum{color:#fff; font-size:9px; line-height:12px; font-weight:500; width:18px; height:18px; border-radius:18px; background-color:#FF4040; text-align:center; position:absolute; top:-6px; right:-6px; padding:4px 0;}

/*--------------------------------------------------*/
/* content */
/*--------------------------------------------------*/
.contentWrap {
	width: 100%;
	height: auto;
	padding-top: 149px;
}
.content{max-width:1280px; height:auto; margin:0 auto; display:flex; justify-content:space-between;}
.content2{max-width:1000px; height:auto; margin:0 auto; display:flex; justify-content:space-between;}
.content3{max-width:1280px; height:auto; margin:0 auto; display:flex; flex-direction:column;}

/*--------------------------------------------------*/
/* sidebar : profile*/
/*--------------------------------------------------*/
.sideBar{width:300px; height:auto; border-right:1px solid rgba(0, 0, 0, 0.08); padding-right:60px; margin-bottom:30px;}
.profile{width:100%; padding-top:30px;}
.profile .myPage{width:240px; height:48px; display:flex; align-items:center; color:#111; font-size:16px; line-height:20px; font-weight:700;}
.profile .myPage .profile_img{width:48px; height:48px; border-radius:48px; background:#E9EAEB url(/images/common/profile_img.svg) no-repeat center; margin:0 12px 0 3px;}
.profile .myPage .profile_img img{width:100%; height:auto; border-radius:48px;}
.profile .myPage .profile_txt{display:block;}
.profile .myPage .profile_txt .grade{display:flex; align-items:center; margin-top:6px;}
.profile .myPage .profile_txt .grade::before{content:''; width:36px; height:18px; border-radius:18px; margin-right:4px;}
.profile .myPage .profile_txt .grade.W1::before {
	background:#3F72AF url(/images/common/grade_W1.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.W2::before {
	background:#3F72AF url(/images/common/grade_W2.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.W3::before {
	background:#3F72AF url(/images/common/grade_W3.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.E1::before {
	background:#3F72AF url(/images/common/grade_E1.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.E2::before {
	background:#3F72AF url(/images/common/grade_E2.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.E3::before {
	background:#3F72AF url(/images/common/grade_E3.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.R1::before {
	background:#3F72AF url(/images/common/grade_R1.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.R2::before {
	background:#3F72AF url(/images/common/grade_R2.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade.R3::before {
	background:#3F72AF url(/images/common/grade_R3.svg) no-repeat center;
}
.profile .myPage .profile_txt .grade span {
	color: #3F72AF;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
}
.profile .myCar {
	position: relative;
	width: 240px;
	border: 1px solid rgba(63, 114, 175, 0.60);
	border-radius: 15px;
	margin-top: 24px;
	padding: 20px 16px;
	box-sizing: border-box;
	overflow: hidden;
}
.profile .myCar .myCar_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.profile .myCar .myCar_top span.title {
	color: #3F72AF;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	font-family: "Montserrat";
}
.profile .myCar .myCar_top .edit {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #999;
}
.profile .myCar .myCar_info {
	margin-top: 20px;
}
.profile .myCar .myCar_info p {
	color: #111;
	font-size:16px;
	line-height:22px;
	font-weight:700;
}
.profile .myCar .myCar_info ul {
	margin-top: 8px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
}
.profile .myCar .myCar_info ul li {
	color: #666;
	margin-bottom:2px;
}
.profile .myCar .myCar_info ul li:last-child {
	margin-bottom: 0;
}
.profile .myCar .myCar_info .dot {
	color: #ccc;
	font-weight: 700;
	padding: 0 2px;
}
.profile .myCar .myCarImg {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 100px;
	z-index: -999;
}
.profile .myCar .myCarImg {
	position: absolute;
    top: 50px;
    right: -30px;
}
.profile .myCar .myCarImg.audi {
	background: url(/files/brand/AUDI.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.benz {
	background: url(/files/brand/BENZ.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.bmw {
	background: url(/files/brand/BMW.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.cadillac {
	background: url(/files/brand/CADILLAC.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.chevrolet {
	background: url(/files/brand/CHEVROLET.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.chrysler {
	background: url(/files/brand/CHRYSLER.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.dodge {
	background: url(/files/brand/DODGE.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.ferrari {
	background: url(/files/brand/FERRARI.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.ford {
	background: url(/files/brand/FORD.PNG) no-repeat center;
	background-size: 100% 100%;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.gm {
	background: url(/files/brand/GM.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.honda {
	background: url(/files/brand/HONDA.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.hummer {
	background: url(/files/brand/HUMMER.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.infiniti {
	background: url(/files/brand/INFINITI.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.jaguar {
	background: url(/files/brand/JAGUAR.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.jeep {
	background: url(/files/brand/JEEP.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.landrover {
	background: url(/files/brand/LANDROVER.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.lexus {
	background: url(/files/brand/LEXUS.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.lincoln {
	background: url(/files/brand/LINCOLN.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.mini {
	background: url(/files/brand/MINI.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.mitsubishi {
	background: url(/files/brand/MITSUBISHI.PNG) no-repeat center;
	background-size: 100% 100%;
	background-position : right bottom;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.nissan {
	background: url(/files/brand/NISSAN.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.peugeot {
	background: url(/files/brand/PEUGEOT.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.saab {
	background: url(/files/brand/SAAB.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.toyota {
	background: url(/files/brand/TOYOTA.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.volkswagen, .profile .myCar .myCarImg.vw {
	background: url(/files/brand/VOLKSWAGEN.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}
.profile .myCar .myCarImg.volvo {
	background: url(/files/brand/VOLVO.PNG) no-repeat center;
	background-size: 100% 100%;
	background-color : rgb(255,255,255);
	opacity : 0.2;
}

/*--------------------------------------------------*/
/* sidebar : menu */
/*--------------------------------------------------*/
.sideMenu{margin-top:84px;}
.sideMenu .list ul li a{display:block; height:20px;}
.sideMenu .depth_01{padding:16px 0; border-bottom:1px solid rgba(0, 0, 0, 0.08); display:flex; align-items:center; justify-content:space-between; cursor: pointer;}
.sideMenu .depth_01 p{color:#b2b2b2; font-size:16px; line-height:20px; font-weight:700;}
.sideMenu .depth_01 span.arrow{width:8px; height:8px; border-top:1px solid #111; border-left:1px solid #111;}
.sideMenu .depth_01 span.arrow.top{transform: rotate(45deg); display:block;}
.sideMenu .depth_01 span.arrow.bottom{transform: rotate(225deg); display:none;}
.sideMenu .depth_01.on span.arrow.top{display:none;}
.sideMenu .depth_01.on span.arrow.bottom{display:block;}
.sideMenu .depth_02_wrap {
	padding-bottom: 36px;
	overflow: hidden;
}
.sideMenu .depth_02 {
	margin-bottom: 8px;
}
.sideMenu .depth_02 li {
	color: #111;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	padding-top: 16px;
}
.sideMenu.myPageMenu .depth_02 > li {
	font-size: 15px;
	font-weight: 700;
}
.sideMenu .depth_02 li a.active {
	font-weight: 800;
}
.sideMenu .depth_03 {
	padding-left: 1px;
}
.sideMenu .depth_03 li {
	color: #666;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	padding-top: 8px;
}

/* main content - visual banner */
.mainCont{width:920px; height:auto;}
.visual{margin-top:30px;}
.visualTop{display:flex; align-items:center; justify-content:space-between;}
.visualTop .indicator{display:flex; align-items:center; padding-right:10px;}
.visualTop .indicator a.dot{width:6px; height:6px; border-radius:6px; background-color:#ccc; margin-right:8px;}
.visualTop .indicator a.dot.active{width:18px; background-color:#111;}
.visualTop .indicator a.stop{width:8px; height:10px; background:url(images/common/ind_stop.svg) no-repeat center; border-radius:0; margin:0 0 0 4px;}
.visualTop .indicator a.play{width:8px; height:10px; background:url(images/common/ind_play.svg) no-repeat center; border-radius:0; margin:0 0 0 4px; display:none;}
.bannerWrap{margin-top:36px; width:100%; overflow:visible; position:relative;}
.bannerWrap .button{width:40px; height:40px; border-radius:40px; border:1px solid rgba(0, 0, 0, 0.08); position:absolute; top:50%; margin-top:-20px; z-index:1; background-color:rgba(255, 255, 255, 0.8); backdrop-filter:blur(4px);}
.bannerWrap .button.prev{left:-20px; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25);}
.bannerWrap .button.next{right:-20px; box-shadow:-4px 4px 10px rgba(0, 0, 0, 0.25);}
.bannerWrap .button.prev::after{content:''; width:8px; height:8px; border-top:1px solid #111; border-right:1px solid #111; transform: rotate(225deg); position:absolute; top:16px; left:17px;}
.bannerWrap .button.next::after{content:''; width:8px; height:8px; border-top:1px solid #111; border-right:1px solid #111; transform: rotate(45deg); position:absolute; top:16px; right:17px;}
.bannerSlide{width:100%; overflow:hidden; border-radius:30px;}
.bannerList{width:920px; display:flex; transition: .4s ease-out;}
.bannerList .bannerSet{display:flex; border-radius:30px;}
.bannerList .bannerSet .banner{width:450px; height:280px;}
.bannerList .bannerSet .banner:first-child{margin-right:20px;}
.bannerList .bannerSet .banner a{display:block;}
.bannerList .bannerSet .banner a img{width:450px; height:auto; border-radius:30px;}

/* main content - popular parts */
.popular{margin-top:80px; display:inline-block;}
.popular .popList{width:100%; display:flex; margin-bottom:40px;}
.popular .popList li{width:12.5%; height:auto; margin-right:16px;}
.popular .popList li:last-child{margin-right:0;}
.popular .popList li span{width:101px; height:101px; padding:10px; background-color:#F3F4F5; border-radius:15px; display:block; font-size:0;}
.popular .popList li span img{width:100%; height:auto;}
.popular .popList li p{font-size:13px; line-height:18px; font-weight:400; text-align:center; display:block; margin-top:8px;}

/* main content - hot price */
.hotPrice{width:100%; display:flex;}
.hotPrice .leftBox{width:215px; margin-right:20px; position:relative; display:flex; flex-direction:column; justify-content:space-between;}
.hotPrice .leftBox .textWrap{padding-top:20px;}
.hotPrice .leftBox .textWrap span{display:block;}
.hotPrice .leftBox .textWrap span.title{color:#3F72AF; font-size:14px; line-height:14px; font-weight:700; font-family:"Montserrat"; margin-bottom:20px;}
.hotPrice .leftBox .textWrap h3{font-size:26px; line-height:32px; margin-bottom:12px;}
.hotPrice .leftBox .textWrap p{font-size:14px; line-height:20px; font-weight:400; color:#999; margin-bottom:24px;}
.hotPrice .leftBox .textWrap a{font-size:14px; line-height:20px; font-weight:700; color:#111; display:block; position:relative;}
.hotPrice .leftBox .textWrap a::after{content:''; width:6px; height:6px; border-top:1px solid #111; border-right:1px solid #111; transform: rotate(45deg); position:absolute; top:6px; margin-left:6px;}
.hotPrice .leftBox .buttonWrap{display:flex; position:relative; align-self:flex-start;}
.hotPrice .leftBox .buttonWrap .button{width:40px; height:40px; border-radius:40px; border:1px solid #ccc; display:block;}
.hotPrice .leftBox .buttonWrap .button.prev{margin-right:8px;}
.hotPrice .leftBox .buttonWrap .button.prev::after{content:''; width:8px; height:8px; border-top:1px solid #111; border-right:1px solid #111; transform: rotate(225deg); position:absolute; top:16px; left:18px;}
.hotPrice .leftBox .buttonWrap .button.next::after{content:''; width:8px; height:8px; border-top:1px solid #111; border-right:1px solid #111; transform: rotate(45deg); position:absolute; top:16px; right:18px;}
.hotPrice .leftBox .buttonWrap .button.off{opacity:0.3;}
.hotPrice .pdtList{display:flex;}
.hotPrice .pdtList li{width:215px; margin-right:20px;}
.hotPrice .pdtList li:last-child{margin-right:0;}
.hotPrice .pdtList .image{width:215px; height:215px; border-radius:15px; background-color:#F3F4F5; margin-bottom:12px;}
.hotPrice .pdtList .image img{width:100%; border-radius:15px; mix-blend-mode:darken;}
.hotPrice .pdtList p.brand{color:#111; font-size:13px; line-height:18px; font-weight:400; margin-bottom:8px;}
.hotPrice .pdtList p.name{color:#666; font-size:14px; line-height:20px; font-weight:400; margin-bottom:12px;}
.hotPrice .pdtList .price{color:#111; font-size:16px; line-height:22px; font-weight:700;}
.hotPrice .pdtList .price span.price_sale{color:#FF4040; margin-right:4px;}
.hotPrice .pdtList .price span.price_before{color:#999; font-weight:400; margin-left:6px; text-decoration:line-through;}

.bannerSet .banner .image{width:215px; height:215px; border-radius:15px; background-color:#F3F4F5; margin-bottom:12px;}
.bannerSet .banner .image img{width:100%; border-radius:15px; mix-blend-mode:darken;}
.bannerSet .banner p.brand{color:#111; font-size:13px; line-height:18px; font-weight:400; margin-bottom:8px;}
.bannerSet .banner p.name{color:#666; font-size:14px; line-height:20px; font-weight:400; margin-bottom:12px;}
.bannerSet .banner .price{color:#111; font-size:16px; line-height:22px; font-weight:700;}
.bannerSet .banner .price span.price_sale{color:#FF4040; margin-right:4px;}
.bannerSet .banner .price span.price_before{color:#999; font-weight:400; margin-left:6px; text-decoration:line-through;}

/* main content - ad banner */
.adBanner {
	width: 100%;
	height: auto;
	border-radius: 10px;
	position: relative;
}
.adBanner .adMark {
	width:33px; height:20px; border-radius:20px; padding:4px 8px; background:rgba(0, 0, 0, 0.10); color:#fff; font-size:12px; line-height:12px; text-align:center; position:absolute; top:32px; right:12px;
}
.adBanner .adMark p {
	color:#fff; font-size:12px; line-height:12px; font-weight:700;
}
.adBanner img {
	width: 100%;
	border-radius: 10px;
}

/*--------------------------------------------------*/
/* pdt */
/*--------------------------------------------------*/
.pdt, .cart, .order {
	margin-top: 40px;
	display: inline-block;
	width: 100%;
}
.pdt .pdt-list {
	width: 100%;
	display: flex;
	margin-bottom: 40px;
}
.pdt .pdt-list li {
	width: 12.5%;
	height: auto;
	margin-right: 20px;
}
.pdt .pdt-list li:last-child {
	margin-right: 0;
}
/*
.pdt .pdt-list li span {width:101px; height:101px; padding:10px; background-color:#F3F4F5; border-radius:15px; display:block; font-size:0;}
.pdt .pdt-list li span img {width:100%; height:auto;}
*/
.pdt .pdt-list li p {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	text-align: center;
	display: block;
	margin-top: 8px;
}
.pdt .pdt-list li.image {
	width: 215px;
	height: 215px;
	border-radius: 15px;
	background-color: #F3F4F5;
	margin-bottom: 12px;
	overflow: hidden;
}
/* 썸네일 링크가 컨테이너를 꽉 채우도록 블록 처리 */
.pdt .pdt-list li.image a {display: block; width: 100%; height: 100%;}
/* 썸네일 이미지가 컨테이너 비율에 맞게 축소되어 출력 */
.pdt .pdt-list li.image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
    mix-blend-mode: darken;
}
.pdt .pdt-list span.price_sale {
	color: #FF4040;
	margin-right: 4px;
}
.pdt .pdt-list span.price_before {
	color: #999;
	font-weight: 400;
	margin-left: 6px;
	text-decoration: line-through;
}

.pdtList_wrap {
	margin-bottom:180px;
}
.pdtList_wrap .pdtList{display:flex;}
.pdtList_wrap .pdtList li{width:215px; margin-right:20px;}
.pdtList_wrap .pdtList li:last-child{margin-right:0;}
.pdtList_wrap .pdtList .image{width:215px; height:215px; border-radius:15px; background-color:#F3F4F5; margin-bottom:12px; overflow:hidden;}
/* 썸네일 링크가 컨테이너를 꽉 채우도록 블록 처리 */
.pdtList_wrap .pdtList .image a{display:block; width:100%; height:100%;}
/* 썸네일 이미지가 컨테이너 비율에 맞게 축소되어 출력 */
.pdtList_wrap .pdtList .image img{width:100%; height:100%; object-fit:contain; border-radius:15px; mix-blend-mode:darken;}
.pdtList_wrap .pdtList p.brand{color:#111; font-size:13px; line-height:18px; font-weight:400; margin-bottom:8px;}
.pdtList_wrap .pdtList p.name {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 12px;
}
.pdtList_wrap .pdtList p.name a {
	color: #333;
}
.pdtList_wrap .pdtList .price {
	display: flow-root;
	color: #111;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}
.pdtList_wrap .pdtList .price span.price_sale {
	color: #FF4040;
	margin-right: 4px;
}
.pdtList_wrap .pdtList .price span.price_before {
	color: #999;
	font-weight: 400;
	margin-left: 6px;
	text-decoration: line-through;
}
.pdtList_wrap .pdtList .price .return {
	float: right !important;
	font-size: 14px;
}
/* 부품 리스트 갤러리: 같은 행 카드의 영역(이미지·브랜드·품번·품명·비고·가격·재고·수량·버튼)별 높이를 행에서 가장 높은 카드에 맞춤.
   카드 li 의 자식이 영역 하나씩이고, 최대 9개(도매) — 소매(8개)는 마지막 행이 비어 높이 0 */
.pdtList_wrap .pdtList.pdtList-align {
	display: grid;
	grid-template-columns: repeat(4, 215px);
	grid-template-rows: repeat(9, auto);
	column-gap: 20px;
}
.pdtList_wrap .pdtList.pdtList-align > li {
	width: auto;
	margin-right: 0;
	display: grid;
	grid-row: span 9;
	grid-template-rows: subgrid;
}

.content4 {
	max-width:1280px; height:auto; margin:0 auto; display:flex; justify-content:space-around;
}
.pdtDetailLeft {
    width: 640px;
    height: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    padding-right: 60px;
    margin-bottom: 30px;
}
.pdtDetailRight {
	width: 640px;
	height: auto;
	padding: 0 40px;
}

dl {
	margin: 0;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 12px 0;
	/*border-bottom: 1px solid #e2e5e8;*/
}
.pdtDetailRight > ul > li > dl > dt {
    margin: 0;
    padding: 0;
    width: 110px;
    float: left;
    color: #333;
	font-size: 14px;
}
.pdtDetailRight > ul > li > dl > dd {
    margin: 0;
    padding: 0;
    color: #333;
    width: 400px;
    float: right;
	font-size: 14px;
}
.content5 {
	max-width:1280px; height:auto; margin:0 auto; display:flex; justify-content:flex-start;
}
.content5 .tab {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
}
.content5 .tab li {
    min-width: 54px;
    margin-right: 36px;
    text-align: center;
    transition: all 0.2s;
}

/*--------------------------------------------------*/
/* cart */
/*--------------------------------------------------*/
.cart .pdt-list {
	width: 100%;
	display: flex;
	margin-bottom: 40px;
}
.cart .pdt-list li {width:12.5%; height:auto; margin-right:16px;}
.cart .pdt-list li:last-child {margin-right:0;}
.cart .pdt-list li p {font-size:13px; line-height:18px; font-weight:400; text-align:center; display:block; margin-top:8px;}
.cart .pdt-list li.image a {display:block; width:200px; height:200px; border-radius:15px; background-color:#F3F4F5; overflow:hidden;}
.cart .pdt-list li.image img {mix-blend-mode:darken;}

/*--------------------------------------------------*/
/* order */
/*--------------------------------------------------*/
.order .pdt-list {
	width: 100%;
	display: flex;
	margin-bottom: 40px;
}
.order .pdt-list li {width:12.5%; height:auto; margin-right:16px;}
.order .pdt-list li:last-child {margin-right:0;}
.order .pdt-list li p {font-size:13px; line-height:18px; font-weight:400; text-align:center; display:block; margin-top:8px;}
.order .pdt-list li.image a {display:block; width:200px; height:200px; border-radius:15px; background-color:#F3F4F5; overflow:hidden;}
.order .pdt-list li.image img {mix-blend-mode:darken;}
.order-form .kakao-pay {
	height: 23px;
}

/*--------------------------------------------------*/
/* notice */
/*--------------------------------------------------*/
.notice-content img {
	max-width: 100% !important;
	height: auto !important;
}

/*--------------------------------------------------*/
/* event */
/*--------------------------------------------------*/
.evnet-content img {
	max-width: 100% !important;
	height: auto !important;
}

/*--------------------------------------------------*/
/* my */
/*--------------------------------------------------*/
.table-order-view > tbody > tr > th {
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	background: #f5f5f5;
}
.table-order-view > tbody > tr > td {
	text-align: left !important;
}
.restock .pdt-list {
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}
.restock .pdt-list li {
	height: auto;
}

/*--------------------------------------------------*/
/* footer */
/*--------------------------------------------------*/
.footer{background-color:#000; width:100%; height:auto; color:#999; padding-bottom:60px;}
.footerList {border-bottom:1px solid #333;}
.footerList ul{display:flex; max-width:1280px; padding:24px 0; margin:0 auto;}
.footerList ul li{color:#999; font-size:14px; line-height:20px; font-weight:500; margin-right:48px;}
.footerList ul li b{color:#ccc; font-weight:700;}
.footerCont{max-width:1280px; margin:0 auto; display:flex; justify-content:space-between;}
.footerInfo{margin-top:60px;}
.footerInfo .logo{width:150px; height:30px;}
.footerInfo .logo img{width:100%; height:auto;}
.footerInfo .companyInfo{margin-top:24px;}
.footerInfo .companyInfo span{color:#999; font-size:13px; line-height:18px; font-weight:500; display:inline-block; align-items:center; margin-top:8px; margin-right:8px;}
.footerInfo .companyInfo .gap::after{content:''; width:1px; height:10px; background-color:#666; margin-left:8px; display:inline-block;}
.footerInfo .copyright{margin-top:28px;}
.footerInfo .copyright span{color:#666; font-size:13px; line-height:18px; font-weight:500;}
.csInfo{margin-top:60px; text-align:right;}
.csInfo .csCenter p{color:#ccc; font-size:14px; line-height:20px; font-weight:500; margin-bottom:4px;}
.csInfo .csCenter a{color:#ccc; font-size:28px; line-height:34px; font-weight:700; margin-bottom:8px; font-family:"Montserrat"; display:block;}
.csInfo .csCenter span{color:#999; font-size:13px; line-height:18px; font-weight:500;}
.csInfo ul{margin-top:24px; display:inline-block;}
.csInfo ul li{color:#666; font-size:13px; line-height:18px; font-weight:500; margin-top:4px;}

/*--------------------------------------------------*/
/* quick button */
/*--------------------------------------------------*/
.quickButton{position:fixed; right:28px; bottom:36px; width:72px; height:72px; border-radius:72px; background-color:#fff; border:1px solid rgba(63, 114, 175, 0.12); box-shadow:0px 8px 24px rgba(63, 114, 175, 0.15); text-align:center;}
.quickButton a{padding:13px 0; display:block;}
.quickButton .icon{width:24px; height:24px; margin:0 auto;}
.quickButton .icon img{width:100%; height:auto;}
.quickButton p{color:#3F72AF; font-size:12px; line-height:18px; font-weight:700; margin-top:4px;}

/*--------------------------------------------------*/
/* popup */
/*--------------------------------------------------*/
#modal-popup .modal-body img {
	width: 100% !important;
}
.divider {
	position: relative;
    margin: 30px 0;
}
.divider .border.right {
    left: auto;
    right: 0;
}
.divider .border {
    background: #e7eaee;
    height: 1px;
    position: absolute;
    left: 0;
    width: 40%;
    top: 50%;
}
.btn-naver {
    background: #01c73c;
    border-color: #01c73c;
    color: #fff;
    font-weight: 500;
    background-image: url(/images/ico/login-naver.png);
    background-size: 17px;
    background-position: 17px 50%;
    background-repeat: no-repeat;
}
.btn-kakao {
    background: #fae21e;
    border-color: #fae21e;
    color: #fff;
    font-weight: 500;
}
.btn-naver:hover, .btn-kakao:hover, .btn-facebook:hover, .btn-naver:active, .btn-kakao:active, .btn-facebook:active {
	color: #fff;
}

/* 좋아요 버튼 */
.btn-like {
    flex-shrink: 0;
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    line-height: 0;
    transition: transform 0.15s ease;
}
.btn-like:hover {
    transform: scale(1.15);
}
.btn-like img {
    display: block;
}
/* 상품 이미지 저장 방지 (우클릭은 AutobookLayout에서 차단) */
.no-save, .no-save img {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}