@charset 'UTF-8';
/* carbook 202107 */

:root{--safeTop:env(safe-area-inset-top);--safeBtm:env(safe-area-inset-bottom);}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/css/font/Pretendard-Black.subset.woff2') format('woff2'), url('/css/font/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/css/font/Pretendard-Bold.subset.woff2') format('woff2'), url('/css/font/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/css/font/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/css/font/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/css/font/Pretendard-Medium.subset.woff2') format('woff2'), url('/css/font/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/css/font/Pretendard-Regular.subset.woff2') format('woff2'), url('/css/font/Pretendard-Regular.subset.woff') format('woff');
}

/* common */
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:Pretendard,HelveticaNeue-Light,-apple-system,AppleSDGothicNeo-Light,Futura,sans-serif;font-weight:400;font-size:15px;line-height:18px}
body{position:relative;background-color:#fff;color:#000;word-break:break-all;-webkit-text-size-adjust:none;padding:var(--safeTop) 0 var(--safeBtm);}
html{font-size:10px;line-height:15px;}
table{border-collapse:collapse}
fieldset,img{border:0;vertical-align:top}
ol,ul{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
img{vertical-align:top}
mark{color:inherit;font-weight:700;background:0 0}
button,input{-webkit-border-radius:0;border-radius:0;background:0 0;box-sizing:border-box;-webkit-appearance:none;border:0;outline:0;}
button{cursor:pointer}
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.blind::before{display:block;width:0;height:0;content:'\00a0';font-size:0}

/* common */
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.btn_copy{display: inline-block;padding-right:28px;height:32px;line-height:32px;color:#333;font-weight: bold;background:url(/images/icon_copy.png) 100% 50% no-repeat;background-size:24px 24px;}
.btn_search_parts_view{display:inline-block;width:32px;height:32px;line-height:32px;color:#333;font-weight: bold;background:url(/images/btn_search_b.png) 50% 50% no-repeat;background-size:24px 24px;}
.btn_cart_parts_view{display:inline-block;width:32px;height:32px;line-height:32px;color:#333;font-weight: bold;background:url(/images/cart_in.png) 50% 50% no-repeat;background-size:24px 24px;}
.btn_image_upload{display:inline-block;width:32px;height:32px;line-height:32px;color:#333;font-weight: bold;background:url(/images/icon_image_upload.png) 50% 50% no-repeat;background-size:24px 24px;}
.btn_upload{display:inline-block;width:32px;height:32px;line-height:32px;color:#333;font-weight: bold;background:url(/images/icon_upload.png) 50% 50% no-repeat;background-size:24px 24px;}
.btn_copy:hover{color:#000}
/* popup */

/* loading */
.loading_area{min-height:400px;}
#loader-wrapper{padding:125px 0 125px}
.loader_car{width: 150px; height: 150px; border: 1px #fff solid;position: relative;margin:0 auto;border-radius: 50%;background: #4a4a4a;}
.loader_car .loading{font-size: 10px; position: absolute; width: 100%; text-align: center; line-height: 14px; font-family: 'Century Gothic', sans-serif; font-style: italic; left: 0; top: 50%; margin-top: 20px; color: #fff; font-weight: bold; text-transform: uppercase;}
.loader-circle-1{width: 138px; height: 138px; left: 5px; top: 5px; border: 1px #fff solid; border-radius: 50%; position: absolute; border-right-color: transparent;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
.loader-circle-2{width: 126px; height: 126px; left: 5px; top: 5px; border: 1px transparent solid; border-radius: 50%; position: absolute; border-right-color: #e81512;
-webkit-animation: spin 5s linear infinite;
animation: spin 5s linear infinite;
}
.loader_car .line{width: 10px; height: 2px; background: #fff; position: absolute;}
.loader_car .line:nth-child(1){left: 16px; top: 50%; margin-top: -1px;}
.loader_car .line:nth-child(2){transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 33px; top: 33px;}
.loader_car .line:nth-child(3){top: 16px; left: 50%; width: 2px; height: 10px;}
.loader_car .line:nth-child(4){transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); right: 33px; top: 33px;}
.loader_car .line:nth-child(5){right: 16px; top: 50%; margin-top: -1px;}
.loader_car .line:nth-child(6){transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); right: 33px; bottom: 33px; background: #e81512;}
.loader_car .subline{position: absolute; width: 3px; height: 2px; background: #fff;}
.loader_car .subline:nth-child(7){transform: rotate(22.5deg); -moz-transform: rotate(22.5deg); -webkit-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); left: 21px; top: 50px;}
.loader_car .subline:nth-child(8){transform: rotate(67.5deg); -moz-transform: rotate(67.5deg); -webkit-transform: rotate(67.5deg); -ms-transform: rotate(67.5deg); left: 50px; top: 21px;}
.loader_car .subline:nth-child(9){transform: rotate(112.5deg); -moz-transform: rotate(112.5deg); -webkit-transform: rotate(112.5deg); -ms-transform: rotate(112.5deg); right: 50px; top: 21px;}
.loader_car .subline:nth-child(10){transform: rotate(157.5deg); -moz-transform: rotate(157.5deg); -webkit-transform: rotate(157.5deg); -ms-transform: rotate(157.5deg); right: 21px; top: 50px;}
.loader_car .subline:nth-child(11){transform: rotate(22.5deg); -moz-transform: rotate(22.5deg); -webkit-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); right: 20px; bottom: 49px; background: #e81512;}
.loader_car .needle{width: 14px; height: 14px; border-radius: 50%; border: 1px #fff solid; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px;  z-index: 1;  
-webkit-animation: pegIt 3s infinite ease-in-out;
animation: pegIt 3s infinite ease-in-out;
}
.loader_car .needle:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 3.5px 50px 3.5px 0; border-color: transparent #e81512 transparent transparent; position: absolute; right: 50%; top: 50%; margin: -3.5px 0 0 0; border-radius: 0 50% 50% 0;}

@keyframes pegIt {
0% {transform: rotate(0deg);}
16% {transform: rotate(75deg);}
25% {transform: rotate(55deg);}
30% {transform: rotate(90deg);}
36% {transform: rotate(170deg);}
42% {transform: rotate(150deg);}
50% {transform: rotate(227deg);}
100% {transform: rotate(0deg);}
}

@-webkit-keyframes pegIt {
0% {-webkit-transform: rotate(0deg);}
16% {-webkit-transform: rotate(75deg);}
25% {-webkit-transform: rotate(55deg);}
30% {-webkit-transform: rotate(90deg);}
36% {-webkit-transform: rotate(170deg);}
42% {-webkit-transform: rotate(150deg);}
50% {-webkit-transform: rotate(227deg);}
100% {-webkit-transform: rotate(0deg);}
}

@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/* link */
.tlink,.tlink:active,.tlink:link,.tlink:visited{position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:2px;color:#fff;
border-bottom:1px solid #fff;}
.tlink:hover{color:#fff;border-bottom:0 solid #fff;}
.tlink:after{content:"";position:absolute;width:0;height:1px;bottom:-1px;left:0;background-color:#fff;}
.tlink:hover:after{width:100%;-webkit-nsition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;-o-nsition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;}
.tlink_blk,.tlink_blk:active,.tlink_blk:link,.tlink_blk:visited{color:#000;border-bottom:1px solid #000}
.tlink_blk:hover{color:#000;border-bottom:0 solid #000;}
.tlink_blk:after{background-color:#000;}

/* content_tab */
.content_tab_area{display:flex;justify-content:space-between;border-bottom:1px solid #ececec;align-items:center}
.content_tab{display: flex;}
.content_tab li a{margin:0;background-color: #fff;border-radius: 0;box-sizing: border-box;border:1px solid #ddd;border-bottom:0;cursor: pointer;font-size:15px;font-weight:normal;opacity: 1;height: 50px;padding:0 20px;color: #222;display: inline-flex;align-items: center;justify-content: center;text-align: center;transition:all 0.22s ease;}
.content_tab li a.active{background:#ececec;font-weight:500;}
.content_tab li + li a{border-left:0}
.content_tab_info{padding-right:10px;}
.content_tab_info strong{color:#408ff2;}

/* layout */
body.scroll_lock{overflow-y:hidden;}
.warp{position: relative;overflow:hidden;}
.container{position:relative;max-width:1120px;padding:20px 20px;margin:0 auto;z-index:1;}
.app_body .container{width:auto;max-width:710px}

@media only screen and (max-width:750px){
	.fbtn_container{padding:20px 20px 70px;}
	.container{width:auto;padding:20px 10px 80px;}
}
/* app_head */
.app_head{position:relative;height:60px;z-index:100;background:#fff;}
.app_head_warp{position:fixed;left:0;top:0;right:0;width:100%;height:60px;background:#fff;}
.app_head_content{position:relative;max-width:750px;margin:0 auto;}
.app_tit{position:relative;text-align:center;font-size:20px;padding:15px 70px;line-height:30px;}
.hbtn{position:absolute;width:60px;height:60px;top:0;background-position:50% 50%;background-size:40px 40px;z-index:110;background-repeat:no-repeat;}
.hbtn_back{left:0;background-image:url(/images/icon_back.svg);}

@media only screen and (max-width:1160px){
}
@media only screen and (max-width:750px){
	.app_head_content{max-width:100%}
}

/* form */
.form_area{position:relative;}
.form_tit{font-size:18px;padding-bottom:10px;border-bottom:1px solid #000;font-weight:500;}
.form_row{margin-top:20px;}
.form_inp_btn{position:relative;padding-right:100px;}
.form_row .verification .inpt{padding:15px 70px 15px 15px;}
.form_row_mt{margin-top:10px;}
.form_inp_btn .limit_count{position:absolute;right:100px;top:0;width:60px;text-align:center;line-height:50px;font-size:14px;color:#4a9af1}
.btn_form_add{position:absolute;top:0;right:0;width:90px;height:50px;line-height:50px;font-size:14px;transition:all 300ms ease-in-out;}
.form_row label{display:block;margin-bottom:10px;font-size:14px;color:#666;font-weight:500;}
.inpt,.inpta{box-sizing:border-box;width:100%;outline:0;padding:15px 15px;color:#8a8a8a;border:none;outline:none;height:50px;font-size:15px;line-height:20px;background-color:#f0f0f0;}
.inpta{height:90px;line-height:20px;font-size:14px;display:block;box-shadow:none;outline:0;resize:none;}
.inpt::-webkit-input-placeholder{font-size:13px;}
.input_chk{position:relative;display:block;box-sizing:border-box;padding-right:80px;}
.input_chk input{position:absolute;top:50%;left:1px;width:18px;height:18px;margin-top:-10px;outline:0}
.input_chk label{position:relative;display:block;width:100%;padding-left:30px;font-size:13px;font-weight:500;line-height:20px;cursor:pointer;color:#666}
:root .input_chk label:before{content:'';position:absolute;top:50%;left:1px;display:block;width:20px;height:20px;margin-top:-10px;background:url(/images/bg_chk.png) no-repeat 0 0;background-size:20px 20px}
:root .input_chk input:checked+label:before{content:'';background:url(/images/bg_chked.png) no-repeat 0 0;background-size:20px 20px}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0 !important;background:#f0f0f0;background-image:none;}
select::-ms-expand{display:none;}
.selectbox{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;line-height:3;background:#f0f0f0;overflow:hidden;}
.selectbox select{flex:1;padding:15px 20px;font-size:14px;color:#666;cursor:pointer;font-weight:normal;}
.selectbox::after{content:'\25BC';position:absolute;top:0;right:0;height:50px;padding:0 10px;background:#f0f0f0;color:#666;cursor:pointer;pointer-events:none;-webkit-transition:.25s all ease;-o-transition:.25s all ease;transition:.25s all ease;}
.selectbox:hover::after{color:#408ff2;}

.img_upload{position:relative;text-align:center;}
.icon_upload{display:inline-block;padding-left:30px;background:url(/images/icon_camera.png) 0 50% no-repeat;background-size:20px 20px;}
.upload_file{position:absolute;left:0; top:0; width:100%; height:105%; cursor:pointer; opacity:0;}
.uploaded_file_view{position:relative;margin-top:10px;border:1px solid #ddd;padding:20px;text-align:center;}
.uploaded_file_view img{width:100%;max-width:280px}
.btn_img_del{position:absolute;top:5px;right:5px;display:inline-block;width:40px;height:40px;background:url(/images/btn_close.svg) 0 0 no-repeat;background-size:40px 40px;}
.uploaded_file_list{border:1px solid #ddd;padding:0 19px 19px 19px;background:#fff;overflow:hidden}
.uploaded_file_list ul{margin-left:-20px;}
.uploaded_file_list ul li{position:relative;float:left;margin:20px 0 0 20px;width:93px;height:93px;border:1px solid #ddd;background:#f8f8f8}
.uploaded_file_list ul li img{vertical-align:top;width:100%;height:100%}
.uploaded_file_list ul li .btn_img_del{position:absolute;top:5px;right:5px;display:inline-block;width:30px;height:30px;background-color:rgba(0,0,0,.5);border-radius:15px;background-image:url(/images/btn_delete.png);background-position: 50% 50%;background-repeat: no-repeat;background-size:16px 16px;}
.img_loading,.img_loading em{position:absolute;display:inline-block;height:5px;left:2px;right:2px;bottom:2px;background:rgba(0,0,0,.5);}
.img_loading em{left:0;bottom:0;background-color:#4a9af1;}
.uploaded_file_list li .loading{width:90px;left:4px;bottom:4px}
.uploaded_file_list ul:after{display:block;clear:both;content:''}

.switch {display:inline-block;height:34px;position:relative;width:60px;}
.switch input {display:none;}

.slider {background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;}
.slider:before {background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px;}
input:checked + .slider {background-color:#408ff2;}
input:checked + .slider:before {transform:translateX(26px);}
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}

.active_toggle{position: relative;width: 40px;height: 30px;text-align: left;}
.active_toggle input[type="checkbox"]{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: 0px;cursor: pointer;opacity: 0;z-index: 2;}
.active_toggle em{display: block;width: 40px;height: 12px;background-color: #c7c7c7;border-radius: 6px;transition: 0.5s ease background-color;}
.active_toggle em:before{content: '';position: absolute;box-sizing:border-box;top: -9px;width: 30px;height: 30px;background-color: #eee;border-radius: 50%;box-shadow: 2px 6px 15px #d7d7d7;transform: translate(0px,0px);transition: 0.4s ease transform, 0.4s box-shadow;}
.active_toggle em:after{content: '';position: absolute;top: 50%;right: 0px;left: 35px;width: 0px;height: 6px;margin-top: -15px;margin-left: -23px;border: 3px solid #c7c7c7;border-radius: 20px;transform:translate(0px,0px);transition: 0.2s ease width, 0.4s ease border-radius, 0.4s ease transform;}
.active_toggle input[type="checkbox"]:checked + em:before{box-shadow: 2px 6px 15px #e6e6e6;transform: translate(10px,0px);}
.active_toggle input[type="checkbox"]:checked + em:after{width: 6px;border-radius: 50%;transform: translate(7px,0px);border: 3px solid #408ff2;}
.active_toggle input[type="checkbox"]:checked + em{background-color: #408ff2;}

@media only screen and (max-width:750px){
}

/* button */
.cbtn_area{position:relative;margin-top:40px;}
.fbtn_area{position:relative;margin-top:40px;}
.fbtn{text-decoration:none;width:100%;font-weight:500;font-size:15px;line-height:20px;padding:15px 20px 15px;box-sizing:border-box;position:relative;cursor:pointer;display:block;outline:none;overflow:hidden;transition:all 300ms ease-in-out;text-align:center;}
.fbtn:disabled,.fbtn:disabled:hover{background:#ebe9eb !important;color:#999 !important}
.fbtn_col{display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:row;}
.fbtn_col li{flex:1 0 50%}
.fbtn_row li + li{margin-top:10px;}
.btn_gray{color:#fff;background:#333;}
.btn_gray:hover{background-color:#000;}
.btn_blue{color:#fff;background:#408ff2}
.btn_blue:hover{background:#006cf1}
.btn_sblk{color:#666;background:#fff;border:1px solid #666}
.btn_sblk:hover{background-color:#fff;border-color:#000;color:#000;}

@media only screen and (max-width:750px){
	.fbtn_area{position:fixed;left:0;bottom:0;right:0;margin-top:0;z-index:9000}
}


.swiper-container{width:100%;height:100%}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;/* Fix of Webkit flickering */z-index:1} 
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-fade .swiper-slide{transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active{pointer-events:auto;}
.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;z-index:10;width:40px;height:40px;margin-top:-20px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-position:50% 50%;background-repeat:no-repeat;background-size:40px 40px;opacity:1;background-image:url(/images/cursor-next.svg);}
.swiper-button-disabled{opacity:0;cursor:default}
.swiper-button-prev{left:10px;transform:rotate( -180deg );}
.swiper-button-next{right:10px;}
.swiper-pagination{position:absolute;bottom:20px;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;box-sizing:border-box;z-index:12;}
.swiper_count_1 .swiper-pagination{display:none;}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%;}
.swiper-container-vertical > .swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%;}
.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, 0.5);border-radius: 10px;left: 0;top: 0;}
.swiper-scrollbar-cursor-drag {cursor: move;}
.swiper-scrollbar-lock {display: none;}
.swiper-zoom-container {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.swiper-zoom-container > img,.swiper-zoom-container > svg,.swiper-zoom-container > canvas {max-width: 100%;max-height: 100%;object-fit: contain;}
.swiper-slide-zoomed {cursor: move;}

/* intro */
.intro_txt{padding:60px 0 60px;text-align:center;font-size:32px;line-height:1.5;}
.intro_txt strong{color:#408ff2}
.intro_img{text-align:center;}
.intro_img img{width:300px;}
.sns_list{max-width:480px;margin:0 auto}
.sns_list li{position: relative;margin-top:10px;}
.sns_list li:nth-child(1){margin-top:0;}
.sns_list li a{display:block;height:24px;padding:13px 10px;line-height:24px;text-align:center;font-weight:500;border-radius:6px;background-repeat:no-repeat;background-size:24px 24px;background-position:15px 50%;}
.sms{border:1px solid #000;background-color:#fff;background-image:url(/images/sms.png)}
.account{border:1px solid #000;background-color:#fff;background-image:url(/images/email.png)}
.apple{border:1px solid #000;background-color:#fff;background-image:url(/images/apple.png)}
.kakao{border:1px solid #fee500;background-color:#fee500;background-image:url(/images/kakao.png)}
.naver{border:1px solid #1dc502;background-color:#1dc502;color:#fff;background-image:url(/images/naver.png)}
.google { border-radius:1px !important;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);cursor:pointer;background-color: #fff; color: #757575; background-image: url(/images/google.png);}
#naverIdLogin{position: relative;border:1px solid #1dc502;background-color:#1dc502;background-image:url(/images/naver.png);background-position:15px 50%;background-repeat:no-repeat;background-size:24px 24px;font-weight:500;border-radius:6px;}
#naverIdLogin a img{display: none;}
#naverIdLogin a{position: relative;}
.sns_list li.naver{cursor:pointer}
.sns_list li.naver .naver_txt{position: relative;color:#fff;position: absolute;left:0;top:0;right:0;bottom:0;width:100%;padding:13px 10px;line-height:24px;text-align:center;font-weight:500;}
.google_b{position:relative;height:24px;padding:13px 10px;color:#757575;text-align:center;font-weight:500;border-radius:1px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);cursor:pointer}
.google_b .icon{position:absolute;left:15px;top:50%;display: inline-block;width:24px;height:24px;margin-top:-12px;background-image:url(/images/google.png);background-position:0 50%;background-repeat:no-repeat;background-size:24px 24px;}

.footer_wrap{position:relative;max-width:1120px;padding:20px 20px;margin:60px auto 0;line-height:24px;z-index:1;color:#000;font-weight: normal;font-size:12px;background-color:#f8f8f8}
.index_container .footer_wrap{width:auto;max-width:440px}
.footer_list{display:block}
.footer_list strong{display:inline-block;margin-right:10px;}
.copyright{border-top:1px solid #ddd;margin-top:5px;padding-top:5px;font-size:12px;color:#999}
@media only screen and (max-width:750px){
	.index_container .footer_wrap{width:auto;max-width:100%}
	.footer_list li { display:flex; flex-direction:row; justify-content:space-between;line-height:24px}
	.footer_list li strong { font-weight:600; margin-right:0;flex:1 1 auto;width:80px;}
}



/* login join */
.join_txt{margin-top:30px;text-align:center;font-size:16px;line-height:1.5;font-weight:500;}
.join_txt span{display:block;margin-top:15px;font-weight:normal;font-size:13px;color:#666;}
.garage_list li{border-bottom:1px solid #ddd}
.garage_list a{display:block;padding:20px 10px;}
.garage_list a:hover{background:#f9f9f9;}
.garage_name{font-weight:500;}
.garage_addr{margin-top:5px;font-size:14px;color:#999;font-weight:normal;}
.agreement_all{padding:15px 5px;}
.agreement_all .input_chk label{color:#000;font-size:15px;}
.agreement_list{border-top:1px solid #ddd;}
.agreement_list li{padding:15px 5px;border-bottom:1px solid #ddd;}
.input_chk .terms_link{position:absolute;top:0;right:0;text-decoration:underline;color:#666;font-size:14px;}
.join_inp_list li{padding:15px 0;border-bottom:1px solid #ddd}
.join_inp_list li strong{display:block;font-size:14px;color:#999}
.join_inp_list li span{margin-top:10px;display:block;font-size:14px;color:#666}
.process{padding:20px 10px;margin-top:30px;border:1px solid #ddd;display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:row;}
.process li{flex:1 0 25%;text-align:center;}
.prc_chk{background:#408ff2;display:inline-block;width:40px; height:40px; position:relative;border-radius:25px;box-sizing:border-box;}
.prc_chk.nchk{background:#fff;border:2px solid #999}
.prc_chk:before{content:''; display:block; width:8px; height:14px;border-bottom:4px solid #fff; border-right:4px solid #fff; -webkit-nsform:rotate(45deg); -moz-nsform:rotate(45deg); -ms-nsform:rotate(45deg);transform:rotate(45deg); position:absolute; left:15px; top:9px;}
.prc_chk.nchk:before{display:none;}
.process li strong{display:block;margin-top:10px;font-size:13px;}
.prc_msg{margin-top:10px;padding:15px;text-align:center;background:#eaeaea;font-weight:500;}

@media only screen and (max-width:750px){
	.sns_list{max-width:100%;}
}

.modal{opacity:0;position:fixed;top:0px; left:0;width:100%; height:100%;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;transition:opacity 0.5s;z-index:1000;}
.modal.show_modal{opacity:1;transition:opacity 0.5s;}
.modal.hide_modal{top:-100vh;height:0;}
.modal_overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);}
.modal_warp{display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:column;overflow:hidden;position:absolute;padding:20px 0;width:710px;max-width:80vw;max-height:80vh;text-align:center;background-color:rgb(255,255,255);border-radius:6px;box-sizing:border-box;}
.modal_tit{padding:10px 0 20px;}
.modal_content{text-align:left;overflow-y:auto;padding:0 20px;}
.modal_close{position:absolute;top:25px;right:25px;display:inline-block;width:40px;height:40px;background:url(/images/btn_close.svg) 0 0 no-repeat;background-size:40px 40px;cursor:pointer}

@media only screen and (max-width:750px){
	.modal_warp{border-radius:0;width:100%;max-width:100vw;height:100%;max-height:100vh;}
}

.tit_policy{display:block;font-weight:500;font-size:20px;line-height:30px;color:#000}
.wrap_terms{width:100%;font-size:13px;font-weight: normal;color:#666;text-align: left;}
.tit_subject{display:block;padding-top:40px;line-height:28px;font-size:15px;color:#000;}
.tit_subject.fst{padding-top:0}
.tit_subject + .terms_p{padding-top:10px;}
.list_1depth{padding-left:25px}
.list_1depth li{padding-top:10px;line-height:20px}
.list_1depth .txt_num{margin:-2px 12px 0 -25px;display: inline-block;vertical-align:top}
.list_2depth{padding:9px 0 0 0}
.list_2depth li{padding-top:5px;line-height:20px}
.list_2depth li:nth-child(1){padding-top:0;}
.list_2depth_type2{padding:10px 0 0 40px}
.list_2depth_type2 li{line-height:26px}
.list_2depth_type2 .txt_num{display:inline-block;min-width:15px;margin:0 4px 0 -19px;vertical-align:top}
.list_1depth .list_2depth_type2{padding-left:19px}
.list_1depth .list_2depth_type2 li{padding-top:0}
.tit_terms{margin-top:30px;padding-top:30px;font-size:18px;font-weight:500;color:#000;line-height:30px;border-top: 1px solid #e1e1e1}
.tit_terms_sub{font-size:13px;padding:10px 0;}
.wrap_terms .tit_terms:nth-child(1){margin-top:0;border:0;}
.terms_dl{margin-top:10px;}
.terms_dl dt{padding-bottom:5px;font-weight:600;}
.wrap_terms .info_table_area{margin-top:10px;}
.terms_table_area{max-width:100%;overflow-x:auto;padding:8px 0;}
.terms_table{width:100%;table-layout:fixed;}
.terms_table thead tr th{padding:8px 8px;line-height:18px;font-size:13px;background:#e5e5e5;text-align:center;border:1px solid #000;color:#000;vertical-align:middle;font-weight:500}
.terms_table tbody tr th{padding:8px 8px;line-height:18px;font-size:13px;background:#f6f6f6;text-align:left;border:1px solid #000;color:#000;vertical-align:middle;font-weight:500}
.terms_table tbody tr th.bgw{background:#fff;}
.terms_table tbody tr td{padding:8px 8px;text-align:left;color:#000;font-size:13px;border:1px solid #000;background:#fff;vertical-align:middle;font-weight:normal;word-break:break-all}

/* setting */
.user{position:relative;padding:20px 0 20px 60px;border-bottom:1px solid #333}
.user_pp_img{position:absolute;top:20px;left:0;height:50px;width:50px;overflow:hidden;border-radius:25px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
.welcome,.user_name{font-size:16px;font-weight:500;line-height:25px;}
.btn_logout{position:absolute;bottom:20px;right:0;display:inline-block;width:80px;height:30px;padding:0;line-height:30px;font-size:14px;}
.setting_list{margin-top:20px;}
.setting_list + .setting_list{padding-top:20px;border-top:1px solid #ddd}
.setting_list li{position:relative;margin-top:15px;line-height:34px;color:#666;}
.setting_list li:nth-child(1){margin-top:0;}
.setting_list li a{display:block;padding:5px 0;line-height:20px;color:#666;}
.setting_list li .switch{position:absolute;top:0;right:0;}
.setting_list li p{font-size:13px;line-height:20px;color:#999;}
.setting_list li p strong{font-weight:normal;color:#408ff2;}
.form_area .sns_list{max-width:100%;margin:50px auto 0}
.adviser_list li{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-between;line-height:32px;border-bottom:1px solid #ddd;padding:9px 120px 9px 5px;}
.adviser_list li span{display: inline-block;line-height:32px;vertical-align:top;font-size:14px;}
.adviser{flex:1 0 20%;text-align: left;}
.adviser_status{flex:1 0 25%;text-align: left;}
.adviser_name{flex:1 0 25%;text-align: left;}
.adviser_num{flex:1 0 30%;text-align: left;}
.adviser_btn{position: absolute;top:9px;right:50px;width:70px;text-align: right;}
.adviser_list li .active{position: absolute;top:9px;right:5px;width:40px;height:32px;text-align: right;}
.adviser_list li .active .active_toggle{position: absolute;top:9px}
.btn_adv_modify{display: inline-block;vertical-align:top;width:32px;height:32px;background:url(/images/btn_modify.png) 50% 50% no-repeat;background-size:20px 20px}
.btn_adv_del{display: inline-block;vertical-align:top;width:32px;height:32px;background:url(/images/del.png) 50% 50% no-repeat;background-size:16px 16px}

@media only screen and (max-width:480px){
	.adviser_list li{padding:9px 80px 9px 5px ;flex-wrap:wrap}
	.adviser{flex:1 0 40%;}
	.adviser_status{flex:1 0 60%;}
	.adviser_name{flex:1 0 40%;}
	.adviser_num{flex:1 0 60%;}
	.adviser_btn{top:9px;right:5px;}
	.adviser_list li .active{top:auto;bottom:9px;}
}

body.chat_body {position:fixed !important;width:100%;height:100%;overflow:hidden;}
.chat{z-index:99;position:absolute;top:60px;bottom:50px;width:100%;padding:0;box-sizing:border-box;background-color:#fff;}
.chat_scroll{width:100%;height:100%;overflow:hidden;overflow-y:auto}
.chat_wrap{padding:20px 20px;max-width:710px;margin:0 auto;}
.msg{margin-top:20px;}
.chat_txt{position:relative;min-height:20px;display:inline-block;font-size:15px;line-height:20px;word-break:break-all;vertical-align:top;padding:0;width:100%;width:auto;min-width:0;max-width:262px;border-radius:3px;color:#0b0d0f;box-sizing:border-box;background-color:#f3f5f8;border-radius:3px 20px 20px 20px;padding:7px 11px 8px 11px;}
.user_msg{text-align: right;}
.user_msg .chat_txt{border-radius:20px 3px 20px 20px;background-color:#408ff2;color:#fff;}
.txt_time {font-size:11px;color:#a5a7aa;display:block;padding:8px 0 3px 0;margin-left:-1px;line-height:11px;}
.chat_bot {z-index:101;position:absolute;bottom:0px;left:0;width:100%;font-size:15px;border-top:1px solid #e0e0e0}
.chat_bot_wrap{max-width:750px;height:50px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.con_user_text{-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;height: 20px;padding: 15px 0 15px;}
.chat_bot .chat_input{overflow-y: auto;width: 100%;height: 100%;font-size: 15px;color: #000;-webkit-box-sizing: border-box;box-sizing: border-box;border: none;outline: none;resize: none;}
.chat_bot_wrap .img_upload{padding:5px 5px;width:50px}
.chat_bot_wrap .btn_img_upload{display: inline-block;width:40px;height:40px;background-image:url(/images/img.png);background-position:50% 50%;background-repeat:no-repeat;background-size:32px 32px;}
.msg_send{padding:5px 5px;width:50px}
.btn_send_user_text{display: inline-block;width:40px;height:40px;background-image:url(/images/send_msg.png);background-position:50% 50%;background-repeat:no-repeat;background-size:24px 17px;border-radius:100%;background-color:#408ff2;}
.btn_send_user_text:disabled{background-color:#d3d5da;}

.notice_list li{border-bottom:1px solid #ddd}
.notice_list li a{display:block;padding:20px 10px;}
.notice_list li a strong{display: block;line-height:20px;font-weight: normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}
.notice_list li a span{margin-top:5px;display: block;color: #999;font-size:13px;}
.pico{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(/images/bg_paging.png) no-repeat;text-indent:-9999px;vertical-align:top}
.paging_comm{overflow:hidden;position:relative;width:100%;padding:30px 0;text-align:center}
.paging_comm .inner_paging{display:inline-block}
.paging_comm .btn_paging{display:block;float:left;width:28px;height:28px;margin:0 3px;border:1px solid #e6e6e6;text-align:center;transition:all .2s ease-in-out;}
.paging_comm .btn_paging .pico{width:12px;height:9px;margin:9px auto 0}
.paging_comm .btn_paging:hover{border-color:#000;background:#000}
.paging_comm .btn_fst .pico{background-position:0 0}
.paging_comm .btn_fst:hover .pico{background-position:0 -20px}
.paging_comm .btn_prev{margin-right:4px}
.paging_comm .btn_prev .pico{width:6px;background-position:-20px 0}
.paging_comm .btn_prev:hover .pico{background-position:-20px -20px}
.paging_comm .btn_next{margin-left:9px}
.paging_comm .btn_next .pico{width:6px;background-position:-30px 0}
.paging_comm .btn_next:hover .pico{background-position:-30px -20px}
.paging_comm .btn_lst .pico{background-position:-40px 0}
.paging_comm .btn_lst:hover .pico{background-position:-40px -20px}
.paging_comm .pnum{float:left;margin-left:5px;font-size:14px;font-weight:normal;width:28px;line-height:28px;border:1px solid #e6e6e6;color:#666;transition:all .2s ease-in-out;}
.paging_comm .pnum:first-child{margin-left:0}
.paging_comm .pnum:hover{text-decoration:none;border-color:#000;background:#000;color:#fff;}
.paging_comm em.pnum{border-color:#000;background:#000;color:#fff;font-weight: normal;}
.paging_comm:after{display:block;clear:both;content:''}
.board_view_hd{border-bottom:1px solid #ddd;padding:15px}
.bd_tit{display:block;font-size:18px;font-weight: normal;}
.bd_date{display:block;font-size:13px;margin-top:10px;color:#999}
.board_view_bd{margin-bottom:20px;padding:50px 15px;text-align:left;font-size:15px;line-height:1.5;border-bottom:1px solid #ddd}
.board_view_bd .art_img{padding-top:30px;}
.board_view_bd .art_img img{max-width:100%}
.board_view_bd .mov{position:relative;margin-top:30px;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.board_view_bd .mov iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.board_ft_btn{padding-bottom:20px;}
.board_ft_btn .bf_btn{display:block;width:100px;width:80px;font-size:14px;line-height:40px;text-align:center;transition:all .2s ease-in-out;}
.board_ft_btn .btn_l{float:left;margin-right:10px;height:38px;border:1px solid #000;line-height:38px;color:#000;}
.board_ft_btn .btn_l:hover{background-color:#000;text-decoration:none;color:#fff;}
.board_ft_btn .btn_r{float:right;height:40px;color:#fff;background-color:#4d4d4d;}
.board_ft_btn .btn_r:hover{background-color:#000;text-decoration:none;}
.board_ft_btn:after{display:block;clear:both;content:''}

.garage_img{position: relative;padding:30px 0;border-top:1px solid #ddd}
.garage_img img{width:100%;}

/* alarm */
.alarm{padding:20px 0 0;}
.alarm h2{font-size:15px;font-weight:500;}
.alarm_list li{position:relative;margin-top:10px;min-height:110px;border: 1px solid #e0e0e0;background: #fff;border-top-color: #ececec;border-radius: 8px;overflow:hidden}
.alarm_link{display: block;padding:10px;}
.alarm_link:hover,.alarm_link.read{background:#f9f9f9;}
.alarm_tit{display: block;padding:5px 60px 5px 0;line-height:20px;font-size:15px;font-weight:500;}
.alarm_desc{display:-webkit-box;display:-webkit-flex;display: flex;justify-content:space-between}
.alarm_txt p{font-size:13px;color: #666;line-height:20px;}
.alarm_txt .alarm_time{display: block;margin-top:2px;font-size:13px;color:#999;}
.alarm_img{position: relative;margin-left:10px;border-radius:6px;}
.alarm_img::before {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;border-radius:6px;border-radius: inherit;background-color: rgba(0,0,0,.02);}
.alarm_img img{width:60px;height:60px;border-radius:6px}
.btn_del_alarm{position:absolute;top:5px;right:5px;width:30px;height:30px;background: url(/images/btn_delete.png) 50% 50% no-repeat;background-size:16px 16px;}


/* content layout */
.header{position: relative;z-index:100;height:60px;}
.header_wrap{position: fixed;left:0;top:0;width:100%;margin:0 auto;z-index:1;transition:all 300ms ease-in-out;background:#fafafa;box-shadow:0 0.5px rgba(0, 0, 0, 0.2);}
.nav{position: relative;margin:0 auto;text-align: center;max-width:1160px;padding:10px 0 10px;height:40px;}
.logo_area a{display: inline-block;padding:3px 0;}
.logo_area img{height:34px;}
.logo_area a span{display: inline-block;font-size:20px;line-height:34px;}
.menu{display:-webkit-box;display:-webkit-flex;display:flex;}
.menu li{padding:0 20px;}
.menu li a{display: block;padding:20px 0;line-height:20px;font-size:18px;font-weight:500;}
.menu li a:hover,.menu li a.selected{color: #408ff2;}
.gnb{position: absolute;top:10px;right:5px;display:-webkit-box;display:-webkit-flex;display:flex;}
.gnb a{position: relative;display: inline-block;width:40px;height:40px;padding:0 0;text-align:center;}
.gnb li + li{margin-left:5px}
.gnb a .gnb_icon{display: inline-block;width:40px;height:40px;background-position:50% 50%;background-repeat: no-repeat;background-size:36px 36px;vertical-align:top}
.gnb a .gnb_icon.gnb_barcode_icon{background-image: url(/images/barcode.png);background-position:50% 50%;background-size:36px 36px;}
.gnb_search_icon{background-image: url(/images/btn_search_h.png);}
.gnb_ntc_icon{background-image: url(/images/alarm.png);}
.gnb_my_icon{background-image: url(/images/my.png);}
.gnb_cart{background-image: url(/images/cart_nav.png);}
.gnb_ico_num{position: absolute;top:0;right:2px;padding: 0 4px 0 4px;min-width:12px;height:20px;line-height:20px;display: inline-block;vertical-align: top;text-indent: -1px;font-size:12px;font-family: tahoma !important;font-weight:500;color: #fff;background-color: #408ff2;border-radius:10px}
.gnb a .gnb_txt{display: block;font-size:12px;line-height:18px;color: #999;}
.gnb a:hover .gnb_txt{color: #000;}
.gnb_search{width:30px;}
.btn_search{width:30px;height:50px;background:url(/images/btn_search_h.png) 50% 50% no-repeat;background-size:24px 24px;}
.btn_cs_add{width:50px;height:50px;background:url(/images/btn_cs_add.png) 50% 50% no-repeat;background-size:24px 24px;}
.btn_nav{position: absolute;left:5px;top:5px;width:50px;height:50px;background:url(/images/btn_nav.png) 50% 50% no-repeat;background-size:36px 36px;}
.mnav .hbtn_back{left:55px}


/* aside */
.aside{position: fixed;top:0;right:0;left:-480px;width:480px;height:100vh;background: #fafafa;z-index:9000;overflow:hidden;box-shadow:1px 0px 1px 0px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.aside.aside_show{left:0}
.aside_header{position:absolute;top:0;left:0;right:0;height:0;height:50px;overflow:hidden;display:flex;justify-content:space-between;}
.aside_wrap{position: absolute;top:50px;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;}
.ah_btn_area{display:flex;justify-content:flex-end;}
.ah_btn{display: inline-block;width:50px;height:50px;background-position:50% 50%;background-repeat: no-repeat;}
.btn_aside_home{background-image: url(/images/home.png);background-size:36px 36px;}
.btn_aside_myinfo{background-image: url(/images/my.png);background-size:36px 36px;}
.btn_aside_alarm{background-image: url(/images/alarm.png);background-size:36px 36px;}
.btn_aside_close{background-image: url(/images/btn_delete.png);background-size:36px 36px;}
.aside_list{margin:0 10px;padding:15px 0;border-top:1px solid #ddd}
.aside_list li{position:relative;margin-top:15px;line-height:30px;color:#666;}
.aside_list li:nth-child(1){margin-top:0;}
.aside_list li a{display:block;padding:5px 0;line-height:20px;color:#666;}

@media only screen and (max-width:750px){
	.header_wrap_m{display: block;}
	.header{border:0;min-width:100%}
	.gnb a{width:40px;}
	.logo_area a{margin-left:60px;}
	.nav{text-align: left;}
	.aside{left:-100vw;width:100vw;}
}

/* main */
.main_container{position:relative;max-width:1160px;padding:30px 0;margin:0 auto;z-index:1;}
.main_swiper{position:relative;width:100%;overflow:hidden;}
.main_swiper .swiper-slide{background-color:#f6f6f6;height:200px;}
.search_history .swiper-pagination{position: relative;bottom:auto;width:auto;height:50px;position: static;}
.search_history .swiper-pagination-bullet{margin:0;background-color: #fff;border-radius: 0;box-sizing: border-box;border:1px solid #ddd;cursor: pointer;font-size:15px;font-weight:normal;opacity: 1;height: 50px;width: 100%;color: #222;display: inline-flex;align-items: center;justify-content: center;text-align: center;transition:all 0.22s ease;}
.search_history .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#222;font-weight:500;color: #fff;border:1px solid #222;}
.car_search_list li{border-bottom:1px solid #ddd;}
.car_search_list li a{display:flex;flex-direction:row;align-items:left !important;padding:10px 10px;line-height:40px;}
.car_search_list li a:hover{background:#fafafa;}
.car_search_list li a strong{flex:0 0 auto;width:110px;}
.car_search_list li a span{flex:0 0 auto;width:180px;}
.car_search_list li a em{flex:1 0 auto;}
.parts_list_txt li{border-bottom:1px solid #ddd;}
.parts_list_txt li a{display:flex;padding-bottom:20px;flex-direction:row;align-items:left !important;padding:10px 10px;line-height:40px;}
.parts_list_txt li a:hover{background:#fafafa;}
.parts_list_txt li a strong{flex:0 0 auto;width:110px;}
.parts_list_txt li a em span{display: block;line-height:20px;}
.parts_list_txt li a em span.search_date{line-height:40px;}
.search_area + .filter_area{margin-bottom:10px;}
.main_content_title{position: relative;margin:30px 0 0;}
.main_content_title h2{font-size: 22px;font-weight: 500;line-height:30px;letter-spacing: 1px;color: #000;border: 0;}
.main_content_title a{position: absolute;top:0;right:0;display: inline-block;font-size:14px;color: #666;line-height:30px;padding:0 10px;}

@media only screen and (max-width:750px){
	.main_container{width:100%;padding:30px 0 20px 0;}
	.search_history .swiper-pagination{margin:0}
	.main_content_title{margin:30px 10px 0;}
	.car_search_list li a{flex-wrap:wrap !important;line-height:30px;}
	.car_search_list li a em{flex:1 1 auto;width:100%;box-sizing: border-box;padding-left:110px;}
	.search_area + .filter_area{margin-top:-20px;border-top:0}
	.search_area{margin:0 20px 30px !important}
}

/* product_list */
.no_result{margin-top:30px;text-align:center;font-size:16px;line-height:1.5;font-weight:500;}
.search_area{position:relative;margin:0 auto 60px;max-width:400px;}
.search_wrap{position:relative;padding:13px 126px 13px 14px;border: 2px solid #408ff2;border-radius:0;height:30px;background-color:#fff}
.input_text{width:100%;padding:0px 0 0px 0;background-color: #fff;font-size: 18px;line-height: 30px;color: #000;font-weight: 500;outline: 0;vertical-align:top}
.input_text::-webkit-input-placeholder{font-size:14px;color: #999;font-weight:normal;}
.btn_search_submit{position: absolute;top: 0;right: 0;bottom: 0;width: 56px;height:56px;background-color: #408ff2;background-image: url(/images/btn_search.png);background-position:50% 50%;background-repeat:no-repeat;background-size:32px 32px;cursor: pointer;}
.btn_search_parts{position: absolute;top: 0;right: 0;bottom: 0;width: 56px;height:56px;background-color: #eee;background-image: url(/images/btn_search.png);background-position:50% 50%;background-repeat:no-repeat;background-size:32px 32px;cursor: pointer;}
.autocomplete{position: absolute;top:60px;left:0;right:0;height:auto;}
.autocomplete-suggestions {box-sizing: border-box;width:100% !important;background-color: #fff;border: 1px solid rgba(33,33,33,.07);border-radius:0 0 6px 6px;cursor: default; overflow: auto;}
.autocomplete-suggestion {padding:10px 10px;line-height:20px;white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding:10px 10px;}
.autocomplete-selected {background-color: rgba(64, 143, 242, 0.15);}
.autocomplete-suggestions strong { font-weight: 500; color: #408ff2; }
.autocomplete-group { padding:10px 10px; font-weight: 500; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.pd_container{position:relative;max-width:1160px;padding:30px 0;margin:0 auto;z-index:1;}
.filter_area{border-top:1px solid #ddd}
.filter_row{border-bottom:1px solid #ddd;display:flex;flex-direction:row;}
.filter_tit{flex:1 0 auto;width:90px;padding:10px 10px;line-height:30px;}
.filter_tit strong{font-weight:500;font-size:15px;}
.select_filter_detail{box-sizing:border-box;width:100%;}
.select_filter,.select_filter_detail li{display:flex;width:100%;padding:0;flex-wrap:wrap}
.select_filter_detail li{border-top:1px solid #ddd}
.select_filter_detail li:nth-child(1){border-top:0}
.select_filter_5 .sel_filter_box{box-sizing:border-box;padding:10px 5px;width:20%;}
.select_filter_detail li .sel_filter_box{box-sizing:border-box;padding:10px 5px;width:20%;}
.select_filter_detail li .detail_search_inp{box-sizing:border-box;padding:10px 5px;width:80%;}
.select_filter_detail li.select_filter_detail_option .detail_search_inp{width:60%;}
.inpt_t2{box-sizing:border-box;width:100%;outline:0;padding:5px 5px;color:#8a8a8a;border:none;outline:none;height:30px;font-size:14px;line-height:20px;background-color:#fff;border:1px solid #ddd}
.inpt_t2::-webkit-input-placeholder{font-size:13px;}
.sel_filter{position: relative;box-sizing:border-box;width:100%;line-height:30px;height:30px;background:#fff;border:1px solid #ddd !important;padding:0 20px 0 5px;font-size:14px;color:#666;cursor:pointer;font-weight:normal;background: url(/images/select_arrow.png) right 4px center no-repeat;background-size:12px 12px}
.filter_list{box-sizing:border-box;width:100%;padding:10px 0px;display:flex;flex-wrap:wrap}
.btn_filter{line-height:30px;padding:0 10px;color: #666;}
.btn_filter.selected{color: #408ff2;font-weight:500;}
.selected_filter{position: relative;padding:0 35px 10px 10px;margin-bottom:20px;border-bottom:1px solid #ddd}
.sft{position: relative;display: inline-block;height: 30px;margin:10px 2px 0;padding: 0 21px 0 6px;background-color: #408ff2;border-radius: 3px;font-size:13px;line-height: 30px;color: #fff;letter-spacing: -.5px;vertical-align: top;cursor:pointer}
.sft:after{position: absolute;top:8px;right:5px;background-image:url(/images/del_tag.png);background-repeat:no-repeat;background-size:8px 8px;background-position:50% 50%;width:16px;height:16px;display: block;content: "";}
.btn_clear{position: absolute;bottom:10px;right:5px;width:30px;height:30px;background: url(/images/refresh.png) 50% 50% no-repeat;background-size:16px 16px;}
.list_option{position: relative;height:40px;padding:0 0 10px;border-bottom:1px solid #ebebeb}
.list_order{display: inline-block;position: relative;width:150px;}
.list_order + .list_order{margin-left:6px;}
.btn_list_order{position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width:150px;height:40px;padding: 0 17px 0 5px;border: 1px solid #ddd;background: transparent;font-size: 14px;line-height: 24px;color: #959595;vertical-align: top;}
.btn_list_order:after{position:absolute;display:block;top:16px;right:7px;width:10px;height:5px;background:url(/images/bg_more_lk.png) 0 0 no-repeat;background-size:10px 5px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);content:''}
.list_order.open .btn_list_order:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.list_order .list_order_select{display: none;position:absolute;top:39px;right: 0;left: 0;z-index: 100;border: 1px solid #ddd;background-color: #fff;}
.list_order .list_order_select ul li a{display: block;padding:5px 5px;font-size:14px;line-height:20px;color: #777;}
.list_order .list_order_select ul li a:hover{background:#fafafa;}
.list_order .list_order_select ul li a.selected{color: #408ff2;}
.list_order.open .list_order_select{display: block;}
.list_type_select{position: absolute;top:0;right:0;width:77px;height:38px;border:1px solid #ddd}
.btn_list_type{display: inline-block;width:38px;height:38px;background-image: url(/images/list_type.png);background-repeat: no-repeat;background-size:118px 22px;}
.btn_list_type.btn_list_type_0{background-position:8px 50%;}
.btn_list_type.btn_list_type_0.selected{background-position:-24px 50%;}
.btn_list_type.btn_list_type_1{border-left:1px solid #ddd;width:39px;background-position:-56px 50%;}
.btn_list_type.btn_list_type_1.selected{background-position:-88px 50%;}
.date_filter{display:flex;margin-bottom:30px;}
.period{display:flex;flex:1 1 auto;width:40%;}
.period li:nth-child(1){margin-left:0;}
.period li{flex: 1 1;margin-left:-1px;}
.period li button{display: block;width: 100%;border: 1px solid #ddd;font-size: 15px;font-weight: 500;line-height: 48px;color: #333;letter-spacing: -.5px;white-space: nowrap;}
.period li button.selected{position: relative;border-color:#408ff2;color:#408ff2}
.date_select{display:flex;flex:1 1 auto;width:200px;margin:0 20px;border: 1px solid #ddd;}
.date_select .date_input{position: relative;flex: 1 1 auto;position: relative;height:48px;padding:0 10px;line-height:48px;font-family: Tahoma,Geneva,sans-serif;font-size: 15px;color: #333;text-decoration: none;cursor:pointer}
.date_select .date_input .calendar{display: inline-block;position: absolute;top:16px;right:6px;width:16px;height:16px;background:url(/images/calendar.png) 0 0 no-repeat;background-size:16px 16px;}
.date_select .dash{width:20px;text-align: center;line-height:48px;}

.list_type_0 .parts_link{display:flex;align-items:center;margin:0 0;box-sizing:border-box;padding: 15px 15px;border-bottom: 1px solid #ececec;}
.list_type_0 .parts_link:hover{background:#f9f9f9;}
.list_type_0 .parts_link .parts_img{padding-right:15px;}
.parts_link .parts_img span{display: block;position: relative;}
.list_type_0 .parts_link .parts_img img{width:120px;height:120px;}
.parts_link .parts_img span::before{position:absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,.1);content: "";}

.list_type_1{padding-top:30px;}
.list_type_1 li{float:left;width:25%;}
.list_type_1 li .parts_link{display: block;box-sizing:border-box;margin:0 10px 30px 10px;}
.list_type_1 .parts_link .parts_img img{width:100%;height:100%}
.list_type_1 .part_desc{height:135px;overflow:hidden}
.list_type_1 .part_desc .part_name{margin-top:10px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}
.list_type_1 .part_desc .part_detail{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}
.list_type_1 .parts_link:hover .parts_img span::before{position:absolute;top: 0;left: 0;right: 0;bottom: 0;border:1px solid rgba(64,143,242,1);content: "";}
.parts_list.list_type_1:after{display:block;clear:both;content:''}

.list_type_1 li .parts_link .parts_img img{max-width:100%;}
.parts_link .part_desc .part_name{font-size:15px;font-weight:500;}
.parts_link .part_desc .part_detail{margin-top:5px;font-size:13px;color: #666;}
.parts_link .part_date{margin-top:5px;font-size:12px;color: #666;}
.parts_link .part_stock{margin-top:5px;font-size:14px;color: #408ff2;font-weight:500;}

.list_type_txt{border-top:1px solid #ececec}
.list_type_txt .parts_link{display:flex;align-items:center;margin:0 0;box-sizing:border-box;padding: 15px 15px;border-bottom: 1px solid #ececec;}
.list_type_txt .parts_link:hover{background:#f9f9f9;}
.list_type_txt .parts_link .part_desc{display: block;}
.list_type_txt .parts_link div{width:100%;display:flex;flex-direction:row;padding:5px 0;line-height:24px;}
.list_type_txt .parts_link div span{flex:0 0 auto;width:120px}

.category_select{position:relative;width:100%;max-width:1160px;padding:20px;background:#fff;box-sizing:border-box;border:1px solid #ebebeb;overflow:hidden;}
.content_tab_area + .category_select{margin-top:-1px}
.category_select ul{position:relative;}
.category_select li{position:relative;width:auto !important;padding:0 10px;}
.category_select li:nth-child(1){margin-left:0}
.category_select li a{position:relative;display:block;min-width:120px;min-height:80px;padding:15px 15px 15px 15px;line-height:24px;text-align:center;background: #FFFFFF;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 12px;}
.category_select li a strong{font-size:16px;display: inline-block;margin-bottom:5px;padding-left:40px;line-height:32px;background-position:0 50%;background-size:32px 32px;background-repeat: no-repeat;}
.category_select li a.category_oil strong{background-image: url(/images/icon_oil.png);}
.category_select li a.category_break strong{background-image: url(/images/icon_break.png);}
.category_select li a.category_joint strong{background-image: url(/images/icon_joint.png);}
.category_select li a.category_alternator strong{background-image: url(/images/icon_alternator.png);}
.category_select li a.category_start_motor strong{background-image: url(/images/icon_starter.png);}
.cs_desc_type1,.cs_desc_type2{display:flex;text-align: left;margin-top:4px;font-size:15px;height:24px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cs_desc_type1 span,.cs_desc_type2 span{flex:0 0 auto;width:70px;font-weight:700;}

.category_select li.on a,.category_select li a:hover{background:#f6f6f6;}

.search_car{min-height:400px;}
.part_list_area{min-height:400px}
.part_list_area .no_result{margin:0;height:50px;padding:175px 10px;}
.search_car_desc{margin-top:10px;line-height:30px;padding:0 20px;}
.search_car_desc .car_brand{font-size:15px;color: #999;font-weight:500}
.search_car_desc .car_name{margin-top:10px;font-size:22px;color: #333;font-weight:600}
.search_car_desc .car_desc{margin-top:10px;font-size:16px;color: #666;}
.search_car_img{max-width:450px;margin:0 auto}
.search_car_img img{width:100%}
.car_info_tit_area{position: relative;}
.car_info_tit_area .posr{position: absolute;bottom:0;right:10px}
.car_info_tit{margin-top:20px;padding:10px;font-size:16px;}
.car_info_list{display:flex;flex-wrap:wrap;padding:0 20px 20px 20px;border:1px solid #ddd;background:#fafafa;}
.car_info_list li{flex:1 1 auto;width:25%;margin-top:20px;}
.car_info_list li span{display: inline-block;padding-bottom:5px;font-size:15px;border-bottom:1px solid #ddd;color:#999}
.car_info_list li strong{display: block;margin-top:5px;color: #333;font-size:16px;font-weight:500;}
.ready_msg{padding:20px 20px 20px 20px;min-height:220px;border:1px solid #ddd;background-color:#fafafa;text-align: center;display: flex;justify-content: center;align-items: center;}
.ready_msg strong{display: inline-block;font-size:20px;min-width:64px;padding:80px 0 0 0;background: url(/images/icon_exc.png) 50% 0 no-repeat;background-size:64px 64px;}
.car_info_list_v2{padding:10px 10px 10px 10px;border:1px solid #ddd;background:#fafafa;}
.car_info_list_v2 + .car_info_list_v2{margin-top:20px;}
.car_info_list_v2 li h4{display: block;color: #000;font-size:17px;line-height:30px;font-weight:bold;border-bottom:1px solid #ddd}
.car_info_list_v2 li h4 span{display: inline-block;padding:0 5px;}
.car_info_list_v2 li h4 span.oem{font-family:'Helvetica Neue';color:#000;}
.car_info_list_v2 li h4 span.bosch{font-family:Source-Sans-Pro-Black;font-size:20px;color:#E00420;}
.car_info_list_v2 li h4 span.mann{color:#f7ea04;background:#045c34;}
.car_info_list_v2 > li{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;}
.car_info_list_v2 > li:nth-child(1){border-top:0;padding-top:0;margin-top:0;}
.car_info_list_v2 li > span{display: inline-block;padding-bottom:5px;font-size:15px;border-bottom:1px solid #ddd;color:#999}
.car_info_detail{margin-top:10px;}
.car_info_detail li{display:flex;flex-direction:row;line-height:30px;}
.car_info_detail li span{flex:0 0 118px;color:#666;border:0;text-align:left;}
.car_info_detail li strong{flex:0 0 auto;color:#000;}
.car_info_detail li .btn_search_parts_view{margin-left:5px;}

.service_list{padding:10px 10px 10px 10px;border:1px solid #ddd;background:#fafafa;}
.service_img{position:relative;width:100%}
.service_img img{width:100%}
.service_img .btn_img_del{position:absolute;top:10px;right:10px;display:inline-block;width:40px;height:40px;background-color:rgba(0,0,0,.5);border-radius:20px;background-image:url(/images/btn_delete.png);background-position: 50% 50%;background-repeat: no-repeat;background-size:16px 16px;}
.service_comment_list li{margin-top:20px;}
.service_comment_list li .msg_balloon{position: relative;display: inline-block;padding: 11px 13px;max-width:80%;border: 1px solid #dfdfdf;border-radius: 12px;background-color: #fff;line-height: 1.5;word-break: break-all;}
.service_comment_list li .msg_time{display: inline-block;margin-left:5px;vertical-align:baseline;font-size:11px;color:#999;}
.service_comment_list li .msg_balloon .btn_balloon_del{position:absolute;top:-15px;right:-15px;display:inline-block;width:28px;height:28px;border:1px solid #ddd;background-color:rgba(255,255,255,1);border-radius:20px;background-image:url(/images/btn_delete.png);background-position: 50% 50%;background-repeat: no-repeat;background-size:12px 12px;}

@media only screen and (max-width:1160px){
	.list_option{padding:0 10px 10px;}
	.list_type_select{right:10px}
	.date_filter{padding:0 10px;}
}

@media only screen and (max-width:750px){
	.search_wrap{border-radius:0;}
	.search_area{max-width:100%}
	.autocomplete{position: static !important;top:0;left:0;right:0;height:auto;}
	.autocomplete-suggestions{position: static !important;}
	.date_filter{flex-direction:column}
	.period{width:100%;}
	.date_select{width:100%;margin:10px 0 0;}
	.date_search_btn{width:100%;margin-top:10px;}
	.parts_list.list_type_0{padding:20px 0;}
	.list_type_0 .parts_link{margin:0;padding:15px 10px;align-items:flex-start;}
	.list_type_0 .parts_link .parts_img img{width:80px;height:80px;}
	.list_type_1 li{float:left;width:50%;}
	.list_type_1 li .parts_link{display: block;box-sizing:border-box;margin:0 10px 30px 10px;}
	.list_type_1 .part_desc .part_name{font-size:14px;}
	.select_filter{padding:5px 0;}
	.select_filter_5 .sel_filter_box{width:50%;padding:5px 5px;}
	.select_filter_detail li{padding:5px 0;}
	.select_filter_detail li .sel_filter_box{width:50%;padding:5px 5px;}
	.select_filter_detail li .detail_search_inp{width:50% !important;padding:5px 5px;}
	.car_info_list li{width:50%;}
	.search_car_desc{padding:0 20px;}
	.filter_row{flex-direction:column;}
	.filter_tit{flex:1 1 auto;padding-bottom:0;}
	.select_filter{flex:1 1 auto;width:100%;}
	.pd_container{padding:30px 0 20px 0;}
}

/* view */
.location{position:relative;padding:0 10px 10px;overflow:hidden;border-bottom:1px solid #ddd}
.location strong{float:left;color:#7e7e7e;font-weight:normal;font-size:14px;line-height:20px}
.location a{position: relative;float:left;margin-right:4px;padding-right:20px;color:#7e7e7e;font-size:14px;line-height:20px;}
.location a:after{content:'';position: absolute;top:4px;right:0;display: block;width:16px;height:16px;background:url(/images/bg_loc.png) 0 0 no-repeat;background-size:16px 16px;}
.location a:last-child:after{background:none;}
.location:after{display:block;clear:both;content:''}

.part_tit{padding-top:35px;text-align:center}
.part_tit h2{padding:0 30px;padding-bottom:8px;color:#7e7e7e;font-size:26px;line-height:34px;border-bottom:1px solid #e4e4e4}
.tit_comment{margin:0 30px;padding:8px 0;line-height:18px}

.option_pm{display:inline-block;height:30px;border:1px solid #ddd}
.option_pm .option_num{display:inline-block;width:35px;height:30px;border:0;line-height:30px;text-align:center;color:#3e3e3e;vertical-align:top}
.option_pm button{display:inline-block;width:30px;height:30px;vertical-align:top;background-size:16px 16px;background-position:50% 50%;background-repeat: no-repeat;outline:none}
.option_pm .btn_minus{background-image:url(/images/btn_minus.png);border-right:1px solid #ddd}
.option_pm .btn_plus{background-image:url(/images/btn_plus.png);border-left:1px solid #ddd}

.pd_top_wrap{position: relative;margin-top:50px;display:flex;flex-direction:row;justify-content:space-between}
.pd_dimg{flex:1 0;box-sizing:border-box;width:490px;height:490px;}
.pd_dimg .pd_thumb{width:490px;border:1px solid #ddd}
.pd_dimg .pd_thumb img{vertical-align:middle;width:100%}
.share{margin-top:10px;padding:15px 0;display:flex;flex-direction:row;justify-content:space-between}
.share em{display: inline-block;line-height:50px;vertical-align:middle}
.share a{display:inline-block;height:50px;width:50px;background-repeat:no-repeat;background-size:36px 36px;background-position:50% 50%;}
.share a + a{margin-left:20px;}

.pd_option_area{position:relative;flex:1 1 auto;margin-left:40px;}
.pd_option{padding:10px 0;border-top:1px solid #e4e4e4}
.pd_option dl{position:relative;margin-top:5px;padding:3px 0 3px 90px;min-height:24px;line-height:24px;z-index:1}
.pd_option dl dt{position:absolute;left:0;top:0;padding-top:3px;width:90px}
.pd_option dl dd{position:static}
.pd_option dl.pd_price{z-index:10;font-size:13px;color:#7e7e7e}
.pd_option dl.pd_price .price{display:inline-block;width:64px;text-align:right;text-decoration:line-through;margin-right:6px}
.benefit{margin:12px;padding:12px;border:1px solid #e4e4e4}
.benefit h3{color:#7e7e7e;font-size:11px}
.benefit ul li{position:relative;padding-right:90px}
.benefit ul li a{color:#7e7e7e}
.benefit ul li a em{position:absolute;top:0;right:0;color:#3786db}
.benefit ul li a:hover em{text-decoration:underline}
.pd_option dl.pd_oprice{line-height:30px;padding:0 0 3px 90px;z-index:3}
.pd_option dl.pd_oprice dd{color:#ea2340;font-weight:bold;font-size:28px}
.pd_option.pd_tprice{border-top:0;border-bottom:1px solid #e4e4e4}
.pd_option.pd_tprice dl{line-height:24px;padding:0 0 3px 90px;color:#7e7e7e}
.pd_option.pd_tprice dt{padding:0;text-align:left;font-size:14px;font-weight:bold}
.pd_option.pd_tprice dd{font-weight:bold;font-size:16px;text-align:right;color:#ea2340;}
.pd_option_select{padding:5px 0}
.pd_option_select dl{min-height:37px;padding:5px 0 5px 90px}
.pd_option_select dl dt{line-height:37px;padding-top:5px;font-size:13px;}
.pd_option_select dl.open{z-index:100;}
.pd_option_select dl.open .soption{display: block;z-index:100;}
.opselectbox{position:relative;border:1px solid #ddd;height:35px;z-index:10;background-color:#fff}
.opselectbox.on{z-index:11;border:1px solid #408ff2}
.opselectbox .select_btn{position: relative;display:block;padding:0 25px 0 10px;height:100%;font-size:12px;line-height:35px;color:#3e3e3e;}
.opselectbox .select_btn:after{position:absolute;display:block;top:16px;right:7px;width:10px;height:5px;background:url(/images/bg_more_lk.png) 0 0 no-repeat;background-size:10px 5px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);content:''}
.pd_option_select dl.open .opselectbox .select_btn:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.opselectbox .select_btn em{color:#908f8b}
.opselectbox .select_btn:hover{background-color:#f8f8f8}
.opselectbox .soption{display:none;position:absolute;left:-1px;top:35px;z-index:12;width:100%;font-size:11px;border:1px solid #408ff2;background:#fff}
.opselectbox .soption li{position:relative;height:40px;border-top:1px solid #ddd}
.opselectbox .soption li:first-child{border-top:0}
.opselectbox .soption li a{display:block;padding:5px 5px 5px 5px;height:30px;line-height:30px;color:#3e3e3e;overflow:hidden}
.opselectbox .soption li a .obd{float:left;margin:0 6px 0 0;width:30px;height:30px;vertical-align:middle}
.opselectbox .soption li a .obd img{width:100%}
.opselectbox .soption li a:hover,.opselectbox .soption li a.selected{background-color:#f8f8f8}
.pd_option_selected ul li{position:relative;min-height:77px;margin-bottom:10px;overflow:hidden;border:1px solid #ddd;background:#fff}
.pd_option_selected ul li .box{position:relative;padding:10px 10px 50px 10px;overflow:hidden}
.pd_option_selected ul li .box .obd{float:left;margin:0 10px 0 0;width:70px;height:70px}
.pd_option_selected ul li .box .obd img{width:100%}
.pd_option_selected ul li .box .option_pd_name{display: block;font-size:13px;padding-right:30px;line-height:20px;color:#3e3e3e;white-space:normal;word-wrap:break-word}
.pd_option_selected ul li .box .option_pm{position:absolute;left:10px;bottom:7px}
.pd_option_selected ul li .btn_del_opt{position:absolute;right:8px;top:8px;background: url(/images/btn_delete.png) 50% 50% no-repeat;background-size:16px 16px;width:24px;height:24px;}
.pd_option_selected ul li .option_price{position:absolute;right:11px;bottom:11px;font-size:14px;text-align:right}

.part_view{padding:80px 0;}
.part_view_title{margin:30px 0 10px;color:#3e3e3e;font-size:16px;line-height:32px;text-align:left;font-weight:500;}
.info_table_area{border-top:1px solid #3e3e3e}
.info_table{width:100%;table-layout:fixed;}
.info_table thead tr th{padding:8px 8px;line-height:18px;font-size:13px;background:#e5e5e5;border-bottom:1px solid #000;text-align:center;color:#000;vertical-align:middle;font-weight:500}
.info_table tbody tr th{width:130px;padding:10px 5px;height:20px;line-height:18px;font-size:13px;background:#f8f8f8;text-align:left;border-bottom:1px solid #ddd;color:#000;vertical-align:middle;font-weight:normal}
.info_table tbody tr td{padding:10px 5px;text-align:left;color:#3e3e3e;font-size:13px;border-bottom:1px solid #ddd;line-height:20px;vertical-align:middle;font-weight:normal;word-break:break-all}
.info_table_desc{text-align:left;margin-top:10px;font-size:14px;color:#7e7e7e}
.part_view .part_view_title{padding:75px 0 10px;color:#333;font-size:24px;line-height:30px;text-align:center}
.part_view .detail_tit_desc{padding-bottom:30px;color:#7e7e7e;font-size:16px;line-height:30px;text-align:center}
.part_view .article{padding:0 30px 50px;text-align:center;font-size:14px;line-height:20px}
.part_view .article img{margin-bottom:140px;vertical-align:top;max-width:100%}

.relative_area{display:flex;flex-direction:row;justify-content:space-between}
.relative{flex:1 1 auto;width:50%;margin-top:30px;}
.relative_part .relative_wrap{margin-right:10px;}
.relative_car .relative_wrap{margin-left:10px;}
.relative_wrap{border:1px solid #ddd;padding:20px;box-sizing:border-box;}
.relative .relative_tit{font-size:18px;font-weight: 500;line-height:30px;padding-bottom:10px;letter-spacing: 1px;color: #000;border: 0;}
.relative_pd li .pd_link{display: block;box-sizing:border-box;margin:0}
.relative_pd .pd_img span{display: block;position: relative;}
.relative_pd .pd_img span::before{position:absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid rgba(0,0,0,.1);content: "";}
.relative_pd .pd_link .pd_img img{width:100%;height:100%}
.relative_pd .pd_desc{height:135px;overflow:hidden}
.relative_pd .pd_desc .pd_name{margin-top:10px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}
.relative_pd .pd_desc .pd_detail{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}
.relative_pd .pd_link:hover .pd_img span::before{position:absolute;top: 0;left: 0;right: 0;bottom: 0;border:1px solid rgba(64,143,242,1);content: "";}
.relative_pd .pd_desc .pd_name{font-size:15px;font-weight:500;}
.relative_pd .pd_desc .pd_detail{margin-top:5px;font-size:13px;color: #666;}
.relative_pd .pd_date{margin-top:5px;font-size:12px;color: #666;}
.relative_wrap .swiper-button-prev{left:0;top:40%}
.relative_wrap .swiper-button-next{right:0;top:40%}

@media only screen and (max-width:1160px){
	.pd_top_wrap{padding:0 10px 0;}
	.part_view{padding:80px 10px;}
}

@media only screen and (max-width:960px){
	.pd_dimg{flex:1 0;width:390px;height:390px;}
	.pd_dimg .pd_thumb{width:390px;}
}

@media only screen and (max-width:750px){
	.pd_top_wrap{flex-direction:column}
	.pd_dimg{width:100%;height:auto}
	.pd_dimg .pd_thumb{width:100%;}
	.pd_option_area{width:100%;margin-left:0;margin-top:20px;}
	.pd_thumb_lst{display: none;}
	.relative_area{flex-direction:column}
	.relative{flex:1 1 auto;width:100%;}
	.relative_wrap{border-left:0;border-right:0}
	.relative_part .relative_wrap{margin-right:0;}
	.relative_car .relative_wrap{margin-left:0;}
}