@charset 'UTF-8';
/* CARDOK 202304 */
/* base 
	width 768px
*/

:root{--safeTop:env(safe-area-inset-top);--safeBtm:env(safe-area-inset-bottom);}
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('/cardok/css/fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('/cardok/css/fonts/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 
	regular 400
	midium 500
	semiblod 600
	bold 700
	extrabold 800
	black 900
*/


/* 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 Variable',-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400;font-size:15px;line-height:18px}
body{position:relative;background-color:#ebebeb;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}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	transition:background-color 5000s;
	-webkit-text-fill-color:#000 !important;
}

/* common */
body{
	overscroll-behavior-y:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:antialiased;
}
@media only screen and (max-width:768px){
	body{overscroll-behavior-y:auto;background:#fff}
}

.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt24{margin-top:24px !important;}
.mt32{margin-top:32px !important;}
.mt64{margin-top:64px !important;}

.fc_prm{color: #00D48D !important;}

.ellip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellip_line2{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellip_line3{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.swiper-scrollbar{border-radius:0;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.4);margin:0 24px}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:0;right:0;bottom:24px;z-index:50;height:4px;width:auto !important}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(255,255,255,1);border-radius:0;left:0;top:0}
.swiper-pagination{position:absolute;bottom:16px;right:16px;left:auto;display:inline-block;border-radius:14px;background:rgba(0, 0, 0, 0.5);width:58px;height:28px;color:#fff;line-height:28px;font-size:13px}
.swiper-pagination-fraction{left:auto !important;right:15px;height:18px;line-height:18px;padding:0 9px;border-radius:9px;font-size:12px;display:inline-block;width:auto !important}

.md-ripples{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.ripples-light .ripple{background-color:#fff}
.ripples-dark .ripple{background-color:#000}
.ripple{background-color:#000;opacity:.1;position:absolute;border-radius:50%;pointer-events:none;animation:ripple .3s ease-out}

@keyframes ripple{from{transform:scale(0)}to{transform:scale(1)}}

/* scrollbar hide */
.scroll_hide::-webkit-scrollbar {display: none;}/* webkit */
.scroll_hide {
-ms-overflow-style: none; /* IE */
scrollbar-width: none; /* FF */
}

/* paging */
.paging{position:fixed;text-align:center;z-index:101;left:0;right:0;z-index:99;}
.app_body .nav_container .paging{bottom:64px;}
.paging .paging_wrap{width:100%;max-width:768px;margin:0 auto;background:#fff;text-align: center;padding:16px 0 16px;box-shadow:4px 0px 16px rgba(0, 0, 0, 0.08);}
.paging_arr{display:inline-block;width:32px;height:32px;font-size:14px;line-height:30px;color:#4a4a4a;margin:0;vertical-align:top;box-sizing:border-box;background-image:url(/cardok/images/bg_paging_arr.png);background-repeat:no-repeat;background-size:64px 64px;}
.paging_arr.paging_prev{background-position:0 0;}
.paging_arr.paging_next{background-position:-32px 0;}
.paging_arr.paging_prev.disabled{background-position:0 -32px;cursor:default}
.paging_arr.paging_next.disabled{background-position:-32px -32px;cursor:default}
.paging_num{display:inline-block;width:32px;height:32px;font-size:14px;padding:7px 0 7px;line-height:14px;color:#4a4a4a;margin:0 4px;vertical-align:top;box-sizing:border-box;}
.paging_num.paging_current{background:#00D48D;color:#fff;border:1px solid #00D48D;border-radius:100%;font-weight:500;}

/* loading */

/* button */
.btn{position:relative;display:block;width:100%;text-align:center;line-height:21px;padding:11px 0;height:45px;font-size:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;outline:0;border-radius:8px}
.btn:disabled{cursor:default;pointer-events:none;background:#ccc !important;border:1px solid #ccc !important;color:#000 !important}

.btn_t0{background-color:#fff;color:#000;border-radius:6px;border:1px solid #000}
.btn_t0:hover{background:#fff}
.btn_t1{background-color:#00D48D;color:#000;border:1px solid #00D48D}
.btn_t1:hover{background:#00D48D}
.btn_t2{background-color:#fff;color:#000;border:1px solid #00D48D;color:#00D48D}
.btn_t2:hover{background:#fff}
.btn_t3{background:transparent;color:#000;border:1px solid #00D48D;color:#00D48D}
.btn_t3:hover{background:transparent}
.btn_t4{background:#CCC;color:#fff;border:1px solid #CCC;}
.btn_t4:hover{background:#CCC}
.btn_img_upload{background-color:#fff;border:1px solid #ccc;}
.btn_img_upload span{display: inline-block;padding-left:30px;font-size:14px;color:#909090;font-weight:700;background:url(/cardok/images/icon_camera.png) 0 50% no-repeat;background-size:21px 18px;}

.btn_area{display:flex;flex-direction:row;text-align:center;padding:12px 0;}
.btn_area li{flex:1 0 auto;}
.btn_area_t2 li{flex:1 1 auto;width:50%}
.btn_area_t2 li:nth-child(1) span{display: block;margin-right:6px;}
.btn_area_t2 li:nth-child(2) span{display: block;margin-left:6px;}
.btn_area_t3 li{flex:1 1 auto;width:33.33%}
.btn_area_t3 li:nth-child(1) span{display: block;margin-right:3px;}
.btn_area_t3 li:nth-child(2) span{display: block;margin-left:3px;margin-right:3px;}
.btn_area_t3 li:nth-child(3) span{display: block;margin-left:3px;}
/* .btn_area + .btn_area{margin-top:-12px;} */
.fixed_btn_area{position:fixed;left:0;right:0;bottom:0;z-index:100;}
.container.fbtn_container.nav_container .fixed_btn_area{bottom:64px}
.fixed_btn_wrap{position: relative;width:100%;max-width:768px;margin:0 auto;background:#fff;padding:16px 16px;box-sizing: border-box;}
.fixed_btn_wrap .btn_area{padding:0}
.fixed_btn_sub{margin-top:8px;text-align: center;}
.fixed_btn_sub_top{margin-top:0;margin-bottom:16px;}
.fixed_btn_sub a,.fixed_btn_sub button,.udl{display: inline-block;color:#00D48D;font-size:13px;font-weight:600;}
.fixed_btn_sub a.udl,.fixed_btn_sub button.udl,.udl{text-decoration: underline;}
.fixed_btn_sub button:disabled{color:#8a8a8a}
.tooltip{position: absolute;top:-24px;right:16px;background-color:#D9D9D9;border-radius:5px;line-height:30px;padding:0 8px;font-size:11px;}
.tooltip:before{content:'';display: block;position: absolute;bottom:-6px;right:12px;width:6px;height:7px;background: url(/cardok/images/bg_tooltip.png) 0 0 no-repeat;background-size:6px 7px;}
.fixed_search_btn{display: flex;}
.btn_refresh{flex:0 0 auto;margin-right:8px;display: inline-block;width:60px;height:45px;border:1px solid #00D48D;background-color:#fff;background-image: url(/cardok/images/btn_refresh.png);background-position:50% 50%;background-repeat: no-repeat;background-size:21px 21px;border-radius:8px;}

/* daum iframe close */
.btn_zip_area_close{position:absolute;top:-48px;right:-1px;width:48px;height:48px;background:rgba(0,0,0,0.5) url(/cardok/images/btn_close_popup.png) 50% 50% no-repeat;background-size:16px 16px;}

/* form */
.radio_box_select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.radio_box_select.radio_box_select_row3{grid-template-columns:repeat(3,minmax(0,1fr));}
.radio_wrap{position: relative;}
.radio_box{position:absolute;top:0;left:0;width:28px;height:28px;outline:0}
.radio_box + .radio_box_label{display: block;height:40px;line-height:38px;border:1px solid #CCC;border-radius:6px;box-sizing:border-box;text-align: center;font-weight:500;font-size:15px;color:#909090;cursor:pointer}
.radio_box:checked + .radio_box_label{border:1px solid #00D48D;color:#00D48D}

.check_box_select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.check_wrap{position: relative;}
.check_box{position:absolute;top:0;left:0;width:28px;height:28px;outline:0}
.check_box + .check_box_label{display: block;height:40px;line-height:16px;padding:11px 4px;border:1px solid #CCC;border-radius:6px;box-sizing:border-box;text-align: center;font-weight:500;font-size:13px;color:#909090;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.check_box:checked + .check_box_label{border:1px solid #00D48D;color:#00D48D}

.form_group{margin-top:32px;}
.form_desc_txt{margin-top:16px;;font-size:11px;color:#8a8a8a;}
.form_desc_txt p + p{margin-top:4px;}
.form_row{position:relative;margin-top:16px;transition:border-color .3s ease-in-out}
.form_row_btn{position: relative;}
.form_row_btn button{position:absolute;bottom:0;right:0;font-size:14px;color:#00D48D;line-height:32px;height:32px;}
.form_row_btn .inpt{padding-right:90px;}
.form_row_unit{position: relative;}
.form_row_unit span{position:absolute;bottom:0;right:0;font-size:13px;color:#000;line-height:32px;height:32px;font-weight:600;}
.form_row_unit .inpt{padding-right:25px;text-align: right;}
.form_row label{display:block;font-size:13px;color:#8a8a8a;font-weight:600;line-height:19px;pointer-events:none;}
.form_row.error_inpt .inpt{border-bottom:1px solid #EB4C60 !important}
.form_inp{position:relative;}
.form_inp_txt{box-sizing:border-box;width:100%;padding:8px 0;border:0;border-radius:0;outline:none;min-height:32px;font-size:16px;line-height:20px;color:#000;background-color:transparent;border-bottom:1px solid #E4E4E4;font-weight:600;}
.form_ntc{margin-top:8px;color:#EB4C60;font-size:13px}
.form_ntc strong{font-weight:500;}
.form_desc{margin-top:8px;color:#8a8a8a;font-size:11px}
.form_desc strong{font-weight:500;}
.form_txt_box{margin-top:16px;border:1px solid #ccc;border-radius:6px;padding:16px;}
.fit_txt_box{margin:0 16px;border:1px solid #ccc;border-radius:6px;padding:16px;height:100%;box-sizing:border-box;}
.fit_txt_box .inpta{height:100%}
.inpt{box-sizing:border-box;width:100%;outline:0;padding:6px 0;border:0;border-radius:0;outline:none;height:32px;font-size:18px;line-height:20px;color:#000;background-color:transparent;transition:border-color .3s ease-in-out}
.inpt{border-bottom:1px solid #E4E4E4;font-weight:700;}
.inpta{display: block;width:100%;min-height:52px;font-size:16px;line-height:24px;color:#000;box-shadow:none;resize:none;outline:none;border:0;}
.inpt:focus{border-bottom:1px solid #00D48D}
.inpt::-webkit-input-placeholder,.inpt_round::-webkit-input-placeholder,.inpta::-webkit-input-placeholder{font-size:16px;color:#ccc;font-weight:600;letter-spacing:0 !important}
.inpt::-ms-input-placeholder,.inpt_round::-ms-input-placeholder,.inpta::-ms-input-placeholder{font-size:18px;color:#ccc;font-weight:600;letter-spacing:0 !important}
.inpt_round{display: block;width:100%;height:40px;font-size:16px;line-height:24px;color:#000;box-shadow:none;resize:none;outline:none;border:1px solid #ccc;border-radius:6px;padding:13px 16px}
.inpt_round:focus{border:1px solid #00D48D}
input[type='password']{letter-spacing:2px}
input[type='password']:-webkit-input-placeholder{letter-spacing:0 !important}
input[type='password']:-ms-input-placeholder{letter-spacing:0 !important}
.inpt::-ms-clear,.inpt_round::-ms-clear{display:none}
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.round_check{position:absolute;top:0;left:0;width:14px;height:14px;outline:0}
.round_check + label{position:relative;display:inline-block;padding-left:20px;font-size:14px;font-weight:300;line-height:20px;cursor:pointer;}
.round_check:disabled + label{color:#ccc}
.round_check + label:before{content:'';position:absolute;top:0;left:0;display:block;width:20px;height:20px;background:url(/cardok/images/icon_check.png) no-repeat 0 50%;background-size:14px 14px}
.round_check:checked+label:before{content:'';background:url(/cardok/images/icon_checked.png) no-repeat 0 50%;background-size:14px 14px}
.check_wrap_all label{color:#00D48D;}
.check_item_lg .round_check + label{font-size:17px;line-height:20px;padding-left:0;display: block;}
.check_item_lg .round_check + label:before,.check_item_lg .round_check:checked+label:before{left:auto;right:0;background-size:18px 18px;}
.filter_check_list li{margin-top:16px;}
.option_wrap{height:360px;overflow:hidden;}
.option_wrap.view_all{height:auto;overflow:hidden;}
.filter_more{margin-top:16px;}
.btn_option_more{display: inline-block;font-size:14px;color:#666;}

.form_inp .sel_box{margin-top:8px}
.sel{background:#fff;width:100%;padding:0 16px;height:50px;border-radius:4px;font-size:15px;line-height:50px;color:#000;border:none;border-radius:4px;-webkit-appearance:none;outline:0;box-sizing:border-box;-webkit-box-sizing:border-box}
.sel_box{position:relative;display:block;height:52px;border:1px solid #ccc;border-radius:4px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
.sel_box:after{content:'';display:block;width:24px;height:24px;position:absolute;right:16px;top:50%;margin-top:-12px;background:url(/cardok/images/btn_expand_down.png) 50% 50% no-repeat;background-size:24px 24px}

.form_date{position: relative;margin-top:16px;}
.form_date .inpt{padding-right:80px}
.form_date .btn_clendar_open{display: inline-block;position: absolute;top:0;right:40px;width:32px;height:32px;background:url(/cardok/images/icon_calendar.png) 50% 50% no-repeat;background-size:24px 24px;} 
.form_date .btn_clendar_clear{display: inline-block;position: absolute;top:0;right:0;width:32px;height:32px;background:url(/cardok/images/btn_close_popup.png) 50% 50% no-repeat;background-size:16px 16px;}
.flatpickr-day.selected{background:#00D48D !important;border-color:#00D48D !important}
.flatpickr-calendar{top:auto !important;left:0 !important;bottom:32px !important;left:-8px !important}
.flatpickr-calendar:before,.flatpickr-calendar:after{display:none !important}

/* img upload */
.form_img_box{position:relative;padding:24px 0;}
.btn_webapp_img{position:absolute;top:0;right:0;bottom:0;left:0;display:none;border:0;z-index:1000;width:100%}
.form_img_box_1 .btn_webapp_img{top:24px;bottom:auto;height:46px}
.dropzone{position:relative;z-index:1;display:block;height:auto;border:0 !important}
.dropzone .dz-message {width:100%;margin:0 !important;text-align:center;text-align:center;}
.dropzone .dz-message .icon_upload{display:block;width:100%;background-color:#fff;border:1px solid #ccc;padding:12px 0;height:46px;line-height:22px;border-radius:8px;cursor:pointer;box-sizing:border-box}
.dropzone .dz-message .icon_upload span{display: inline-block;padding: 1px 0 0 30px;font-size:14px;color:#909090;font-weight:700;background:url(/cardok/images/icon_camera.png) 0 50% no-repeat;background-size:21px 18px;}
.dropzone .dz-preview {position: relative;width:100%;margin:16px auto !important;min-height:auto;max-width:100%;text-align:center;border:0}
.dropzone .dz-preview img{max-width:100%;vertical-align:top;}
.dz-details{display: none;}
.form_img_box_1 .dropzone .dz-preview img{width:100%;}
.dropzone .remove{position:absolute;top:-12px;right:-12px;display:inline-block;width:30px;height:30px;background:url(/cardok/images/btn_photo_del.png) 50% 50% no-repeat;background-size:15px 15px;cursor:pointer !important}
.dropzone .dz-preview.dz-image-preview .dz-details {display: none}

.add_photos_area{position: relative;margin-top:8px;width:100%;height:60px;}
.add_photos_area .fileinput_button{position: absolute;top: 0;left: 0;margin: 0;width:100%;height:60px;opacity: 0;filter: alpha(opacity=0);cursor: pointer;z-index:1;}
.add_photos_area .btn_add_photos{position: relative;box-sizing: border-box;width:100%;height:60px;border-radius:4px;border:1px solid #ddd;}
.add_photos_area .btn_add_photos span{display: inline-block;color:#9198A3;font-size:13px;line-height:24px;font-weight:500;color:#000;padding-left:30px;background:url(/cardok/images/icon_camera.png) 0 50% no-repeat;background-size:24px 24px;}
.added_img{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; grid-auto-rows: 1fr;}
.added_img li{position: relative;overflow:hidden;z-index:100;-ms-touch-action:auto;touch-action:auto;}
.added_img li img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:4px}
.added_img li:after{content:'';display: block;;position: absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border: 1px solid rgba(0, 0, 0, 0.2);z-index:1;}
.remove_photo{position: absolute;top:0;right:0;width:36px;height:36px;border-radius:0 4px 0 4px;background: rgba(0, 0, 0, 0.8) url(/cardok/images/btn_close_w.png) 50% 50% no-repeat;background-size:20px 20px;z-index:2;cursor:pointer !important}

@media only screen and (max-width:374px){
.form_img_multi{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; grid-auto-rows: 1fr;}
.form_tit{font-size:15px;}
.form_stit{font-size:14px;}
}

.no_img{position: relative;padding:16px 16px;min-height:64px;background:rgba(0,0,0,0.1)url(/cardok/images/no_img.png) 50% 50% no-repeat;background-size:64px 64px;}
.no_img_car{position: relative;background:rgba(0,0,0,0.1)url(/cardok/images/no_img_car.png) 50% 50% no-repeat;background-size:128px 128px;}
.no_content_sn{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;}
.no_content_sn h4{padding-top:120px;background:url(/cardok/images/no_content_sn.png) 50% 0 no-repeat;background-size:57px 89px;font-size:600;font-size:20px}
.no_content_sn p{margin-top:15px;font-size:15px;line-height:23px;}
.no_content_sn p span{display: inline-block;text-decoration: underline;}
.no_list{position: fixed;left:0;top:0;right:0;bottom:0;z-index:9999;font-size:20px;font-weight:600;line-height:25px;}
.no_list .no_list_wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100%;max-width:768px;height:100%;margin:0 auto;background:#fff;z-index:2;}
.no_list_like{padding-top:70px;background:url(/cardok/images/no_content_like.png) 50% 0 no-repeat;background-size:56px 46px;}
.no_list_view{padding-top:70px;background:url(/cardok/images/no_content_view.png) 50% 0 no-repeat;background-size:50px 51px;}
.move_list{margin-top:74px;}
.move_list a{font-size:14px;color:#00D48D;border-bottom:1px solid #00D48D;padding-bottom:2px}

/* layout */
body.body_fixed {
	position: sticky;
	overflow-y: hidden
}
body.body_fixed::-webkit-scrollbar{display:none}

.wrap{display:flex;position:relative;width:100%;max-width:768px;min-height:100svh;margin:0 auto;background:#fff;flex-direction:column;z-index:2;}
.wrap_blk{background:#26262C}
.dhome_wrap{background:#21222B;}
.container{flex:1 1 auto;position:relative;width:100%;max-width:768px;margin:0 auto;}
.container.nav_container{padding-bottom:64px;}
.container.fntc_container{padding-bottom: 170px;}
.container.fbtn_container{padding-bottom: 77px;}
.container.fbtn_container.nav_container{padding-bottom:141px}
.container.fbtn_sub_container.nav_container{padding-bottom:175px}
.container.fbtn_sub_container{padding-bottom: 104px;}

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

/* login */
.id_save_wrap{margin-top:12px;}
.idpw_find{display:flex;margin:0 16px 0;padding:8px 0 24px;justify-content:space-between}
.idpw_find li{position:relative;flex:1 0 auto}
.idpw_find li:nth-child(2){text-align:right}
.idpw_find li a{color:#5c5c5c;font-size:14px;font-weight:400}
.idpw_find li:nth-child(1) a{font-weight:600}
.idpw_find li span{position:relative;display:inline-block;padding-left:10px;margin-left:8px}
.idpw_find li span:after{position:absolute;left:0;top:4px;content:'';display:block;width:2px;height:16px;background:#E8E9EB}
.idpw_find li span:nth-child(1):after{display:none}
.idpw_find li:nth-child(1) span{padding-left:0;margin-left:0}

/* 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%;max-width:768px;margin:0 auto;height:60px;background:#fff;}
.app_head_primary_bg,.app_head_primary_bg .app_head_warp{background: #00D48D;}
.app_head_secondary_bg,.app_head_secondary_bg .app_head_warp{background: #26262C;}
.app_head_content{position:relative;max-width:768px;margin:0 auto;padding:10px 10px 10px 50px;height:60px;box-sizing:border-box}
.app_tit{position:relative;text-align:center;font-size:17px;padding:10px 50px;line-height:40px;font-weight:600;}
.app_tit .header_logo{display: block;padding:10px 0;height:20px;}
.app_tit img{height:20px}
.app_head_primary_bg .app_tit,.app_head_secondary_bg .app_tit{color:#fff}
.hbtn{position:absolute;width:40px;height:40px;top:10px;left:0;background-position:50% 50%;z-index:110;background-repeat:no-repeat;}
.hbtn_right{left:auto;right:0;}
.hbtn.btn_back,.hbtn.btn_search_back,.btn_app_back{background:url(/cardok/images/btn_back.png) 50% 50% no-repeat;background-size:9px 16px}
.hbtn.btn_back_w{background:url(/cardok/images/btn_back_w.png) 50% 50% no-repeat;background-size:9px 16px}
.hbtn.btn_close,.hbtn.btn_contract_cancel{background:url(/cardok/images/btn_close_popup.png) 50% 50% no-repeat;background-size:16px 16px}
.hbtn.btn_close_w{background:url(/cardok/images/btn_close_w.png) 50% 50% no-repeat;background-size:16px 16px;}
.hbtn.btn_setting{background:url(/cardok/images/btn_setting.png) 50% 50% no-repeat;background-size:20px 20px}
.hbtn.hbtn_search{right:10px;background:url(/cardok/images/nav_search.png) 50% 50% no-repeat;background-size:20px 20px}
.btn_app_close{display:none}
.head_search_area{position: relative;height:40px;background:#F0F0F0;border-radius:20px 20px}
.head_search{box-sizing:border-box;width:100%;outline:0;padding:10px 60px 10px 20px;border:0;border-radius:0;outline:none;height:40px;font-size:15px;line-height:20px;color:#000;background-color:transparent;}
.head_search::-webkit-input-placeholder{font-size:15px;color:#B1B1B1;letter-spacing:0 !important}
.head_search::-ms-input-placeholder{font-size:15px;color:#B1B1B1;letter-spacing:0 !important}
.btn_icon_search{position: absolute;top:0;right:0;width:40px;height:40px;background:url(/cardok/images/nav_search.png) 50% 50% no-repeat;background-size:20px 20px}

/* intro */
.intro_area{position: absolute;top:0;right:0;bottom:0;left:0;max-height:100svh;background: #00D48D;display: flex;align-items:center}
.intro_logo{text-align: center;margin:20px 20px 20px;height:40px;background:url(/cardok/images/logo_white.svg) 50% 50% no-repeat;background-size:280px 34px;}
.intro_txt{text-align:center;font-size:24px;font-weight:600;color:#fff;}
.intro_txt strong{font-weight:800;}
.intro_img{position: relative;margin:30px 30px;text-align:center;}
.intro_img img{position: relative;max-width:100%;z-index:10;}
.intro_img:before{content:'';display: block;position: absolute;left:50%;top:0;bottom:0;width:1px;height:100%;background:#fff;z-index:1;}
.btn_skip_area{position: absolute;bottom:80px;left:0;right:0;text-align: center;z-index:11}
.btn_skip{display: inline-block;padding-bottom:10px;font-size:30px;font-weight:800;color:#fff;border-bottom:1px solid #fff;}

/* search_focus */
.search_app_head{position: fixed;z-index:110;}
.search_focus .content{display: none;}
.search_content{position: relative;z-index:110;display: none;}
.search_focus .search_content{display: block;}
.search_history{padding:16px;}
.sh_header{display: flex;justify-content:space-between;}
.sh_header h3{font-size:13px;font-weight:600;}
.sh_header .btn_search_history{font-size:13px;color:#8a8a8a}
.no_search_history{margin-top:24px;font-size:15px;color:#909090;}
.sh_list{padding-top:12px;}
.sh_list li{display: flex;align-items:center;margin-top:12px;}
.sh_list li a.search_link{flex:1 1 auto;display: block;margin-right:12px;padding:2px 0 2px 0;}
.search_link strong{display: block;font-size:15px;font-weight:400;}
.search_link span{display: block;color:#909090;font-size:12px;}
.btn_del_item{flex:0 0 auto;display: inline-block;width:32px;height:32px;background:url(/cardok/images/btn_del_search.png) 50% 50% no-repeat;background-size:16px 16px;}

.no_search_result{padding:64px 16px;font-size:15px;line-height:24px;text-align: center;}
.search_current{padding-bottom:100px;}
.search_result_list + .search_result_list{position: relative;margin-top:-1px;border-top:10px solid #F7F7F7}
.srl{position: relative;padding:12px 24px 12px 24px;border-bottom:1px solid #E4E4E4}
.srl .inp_lb strong{display: block;font-size:15px;font-weight:400;}
.srl .inp_lb span{display: block;color:#909090;font-size:12px;}
.srl .more_view_car_list{position: absolute;top:8px;right:0;bottom:8px;display: inline-block;width:24px;background:url(/cardok/images/btn_view.png) 5px 50% no-repeat;background-size:5px 10px;}


/* search */
.search_header{padding:4px 16px 16px 16px;display: flex;justify-content:space-between;border-bottom:1px solid #E4E4E4}
.search_brand{flex:0 0 auto;}
.btn_brand_view{position: relative;display:block;height:36px;line-height:36px;background:#000;border-radius:18px 18px;width:120px;padding:0 16px;color:#fff;font-size:14px;font-weight:500;}
.btn_brand_selected{background:#00D48D;}
.btn_brand_selected span{padding-right:24px;}
.btn_brand_view span{display: inline-block;line-height:34px;vertical-align:top;}
.btn_brand_view em{display: none;position: absolute;top:8px;right:30px;display: inline-block;border-radius:9px;padding:0 2px;line-height:18px;min-width:18px;font-size:11px;background:#fff;text-align: center;color:#000;box-sizing:border-box}
.btn_brand_selected em{display: block;}
.btn_brand_view:after{content:'';display: block;width:8px;height:5px;position: absolute;top:50%;right:16px;margin-top:-3px;background:url(/cardok/images/arr_bot_w.png) 0 0 no-repeat;background-size:8px 5px;}
.search_filter{flex:0 0 auto;display: flex;justify-content:flex-end;}
.btn_recently{display: inline-block;margin-right:16px;line-height:35px;padding-left:16px;font-size:13px;background:url(/cardok/images/icon_recently.png) 0 50% no-repeat;background-size:11px 11px;}
.btn_filter_view{display: inline-block;width:36px;height:36px;background:url(/cardok/images/btn_filter.png) 50% 50% no-repeat;background-size:20px 20px;}

.search_category_wrap{display: flex;min-height:calc(100vh - 129px)}
.category_depth1{flex:0 0 auto;width:125px;border-right:1px solid #e4e4e4}
.category_depth2{flex:1 1 auto;width:auto;}
.category_depth1_list li{padding-top:6px;}
.btn_category_d1{font-size:18px;font-weight:700;color:#ccc;line-height:32px;display: block;padding:0 12px;}
.btn_category_d1.on{color:#000}
.all_view{padding:16px;}
.btn_all_view{font-size:13px;}
.btn_all_view span{display: inline-block;padding-right:11px;background:url(/cardok/images/icon_allview.png) 100% 50% no-repeat;background-size:5px 9px;}
.btn_category_d3 img{width:30px;height:30px;object-fit:cover;object-position:center center;margin-right:8px;}
.category_depth3_list .category_depth3_li{position: relative;border-bottom:1px solid #e4e4e4}
.category_depth3_list .category_depth3_li .btn_category_d3{position: relative;display: block;width:100%;padding:12px 24px 12px 12px;line-height:30px;height:54px;text-align: left;font-size:15px;font-weight:500;}
.category_depth3_list .category_depth3_li .btn_category_d3:after{content:'';position: absolute;top:50%;right:12px;margin-top:-4px;display: block;width:11px;height:7px;background: url(/cardok/images/icon_category_b.png) 0 50% no-repeat;background-size:11px 7px;transition:all 0.3s ease;transform:rotate(0deg)}
.category_depth3_list .category_depth3_li .btn_category_d3.show:after{transform:rotate(180deg)}

.category_depth4_list{padding:8px 0;border-top:1px solid #e4e4e4}
.category_depth4_list li{position: relative;padding:8px 24px 8px 12px;}
.category_depth4_list li .inp_lb strong{display: block;font-size:15px;font-weight:400;}
.category_depth4_list li .inp_lb span{display: block;color:#909090;font-size:12px;}
.category_depth4_list li .more_view_car_list{position: absolute;top:8px;right:0;bottom:8px;display: inline-block;width:24px;background:url(/cardok/images/btn_view.png) 5px 50% no-repeat;background-size:5px 10px;}

/* brand_layer */ 
.brand_tab{display: flex;justify-content:center;}
.brand_tab li{flex:0 0 auto;width:auto;padding:15px 4px;}
.btn_brand_select{display: inline-block;line-height:30px;padding:0 15px;background:#ccc;border-radius:15px;font-size:12px;font-weight:500;color:#fff}
.btn_brand_select.selected{background:#00D48D}
.brand_list{padding:16px 0 32px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.brand_list li{text-align: center;}
.brand_label{position: relative;display: inline-block;width:70px;text-align:center;cursor:pointer}
.checkbox_brand{position:absolute;top:50%;left:50%;width:0;height:0;outline:0}
.brand_label .brand_logo_round{display:inline-block;width:64px;height:64px;padding:11px;border-radius:100%;box-sizing: border-box;border:1px solid #E4E4E4;box-sizing: border-box;background:#fff;}
.brand_label .checkbox_brand:checked + .brand_logo_round{border:1px solid #00D48D}
.brand_label .brand_logo_round img{width:40px;height:40px;object-fit:cover;object-position:center center;vertical-align:top}
.brand_name{display: inline-block;margin-top:8px;font-size:12px;color:#8a8a8a}

.check_li_d1{margin:0 -16px;border-bottom:1px solid #E4E4E4}
.check_li_d2{border-top:1px solid #E4E4E4}
.check_list_d1 .round_check{position:absolute;top:50%;left:16px;width:14px;height:14px;outline:0;margin-top:-7px}
.check_list_d1 .round_check + label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 36px;font-size:15px;font-weight:400;line-height:40px;cursor:pointer;}
.check_list_d1 .round_check:disabled + label{color:#ccc}
.check_list_d1 .round_check + label:before{content:'';position:absolute;top:50%;left:16px;margin-top:-7px;display:block;width:14px;height:14px;background:url(/cardok/images/icon_check.png) no-repeat 0 0;background-size:14px 14px}
.check_list_d1 .round_check:checked+label:before{content:'';background:url(/cardok/images/icon_checked.png) no-repeat 0 0;background-size:14px 14px}
.check_li_d2 .round_check + label{padding:12px 12px 12px 56px;}
.check_li_d2 .round_check + label:before{left:36px}
.check_list_d1 .round_check + label .count{font-size:12px;font-weight:400;color:#909090;}

.order_wrap{padding:16px 16px 32px}
.order_check_list li{margin-top:24px;}

.filter_wrap{position: relative;display: flex;min-height:100%;flex-wrap:nowrap;width:100%}
.filter_catetory{flex:0 0 auto;width:100px;position: sticky;top:0;height:100%;align-self: start;}
.filter_catetory li{padding-top:6px;}
.filter_catetory li .btn_filter_catetory{display: block;font-size:18px;font-weight:700;color:#ccc;line-height:32px;display: block;padding:0 16px;}
.filter_catetory li .btn_filter_catetory.on{color:#000}
.filter_content_wrap{flex:1 1 auto;width:auto;border-left:1px solid #e4e4e4}
.filter_item_box{padding:16px;}
.filter_item_box + .filter_item_box{border-top:1px solid #e4e4e4}
.filter_item{padding:16px 0}
.filter_item .color_list_wrap{position: relative;width:100%;display: flex;flex-wrap: nowrap;}
.color_list_wrap .check_wrap_all{flex:0 0 auto;width:40px;}
.color_filter_list{flex:1 1 auto;width:56px;display: flex;flex-wrap: nowrap; overflow:hidden;overflow-x:scroll}/* ??? */
.color_filter_list li{flex:0 0 auto;margin-left:8px;text-align: center;margin-top:0;width:54px;}
.filter_tit{font-size:16px;font-weight:700;}

.slide_value_area{text-align: right;font-size:15px;color:#00D48D;font-weight:500;}
.slider_control_area{margin-top:16px;padding:16px 16px}
.noUi-target {background: #D9D9D9 !important;border-radius: 3px !important;height:6px !important;border:0 !important;box-shadow:none !important}
.noUi-connect{background:#00D48D !important}
.noUi-horizontal .noUi-handle{width:30px !important;height:30px !important;box-sizing: border-box !important;background:#fff !important;border:1 px solid #00D48D !important;border-radius:100%;box-shadow: 1px 1px 4px 0px #00000033 !important;top:-12px !important;right:-15px !important}
.noUi-horizontal .noUi-handle:before{display: none !important;}
.noUi-horizontal .noUi-handle:after{display: none !important;}

/* A HOME */
.home_top_wrap{position: relative;}
.home_top_wrap .swiper-scrollbar{margin:0 !important;bottom:36px !important;left:20px !important;right:auto !important;width:160px !important;height:2px !important;border-radius:0 !important;background:rgba(0,0,0,1)}
.home_top_wrap .swiper-scrollbar .swiper-scrollbar-drag{background:#fff !important}
.home_img_wrap{position: relative;height:282px;padding:24px 20px;box-sizing:border-box;}
.home_img_tit{position:relative;z-index:3;margin-top:16px;font-size:20px;line-height:27px;font-weight:700;}
.home_img_desc{position:relative;z-index:3;margin-top:8px;font-size:14px;line-height:17px;font-weight:600;}
.bg_home_img{position: absolute;right:0;bottom:0;}
.bg_home_img img{max-width:180px;}
.logo_black{width:134px;height:17px;background:url(/cardok/images/logo_black.svg) 0 0 no-repeat;background-size:134px 17px;}

.home_tit{margin:0 16px;font-weight:600;font-size:17px;line-height:22px;}
.home_tit.home_tit_1{padding-left:25px;background:url(/cardok/images/icon_home_tit_1.png) 0 50% no-repeat;background-size:22px 22px;}
.home_tit.home_tit_2{padding-left:25px;background:url(/cardok/images/icon_home_tit_2.png) 0 50% no-repeat;background-size:22px 22px;}
.home_tit.home_tit_3{padding-left:25px;background:url(/cardok/images/icon_home_tit_3.png) 0 50% no-repeat;background-size:22px 22px;}
.home_tit.home_tit_4{padding-left:25px;background:url(/cardok/images/icon_home_tit_4.png) 0 50% no-repeat;background-size:22px 22px;}
.home_tit a{position: relative;display: block;padding-right:24px;}
.home_tit a:after{content:'';position: absolute;top:0;right:0;display:block;width:22px;height:22px;background:url(/cardok/images/icon_more_home_tit.png) 50% 50% no-repeat;background-size: 8px 14px;}
.home_car_row_list_wrap{margin-top:36px;min-height:225px}
.home_car_row_list{display: flex;overflow:hidden;overflow-x:scroll;padding:0 16px;margin-top:16px;}
.home_car_row_list li + li{margin-left:10px;}
.home_car_row_list li a{display: block;width:145px;word-break: keep-all}
.home_car_row_list li a .car_thumb{position:relative;padding-top:72%;background:#f6f6f6}
.home_car_row_list li a .car_thumb span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display: block;}
.home_car_row_list li a .car_thumb span:before{content:'';position: absolute;top:0;right:0;bottom:0;left:0;display: block;}
.home_car_row_list li a .car_thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.home_car_row_list li a .car_name{margin-top:8px;font-size:14px;font-weight:600;line-height:18px;min-height:18px;}
.home_car_row_list li a .car_desc{margin-top:4px;font-size:13px;line-height:17px;color:#8A8A8A;min-height:17px;}
.home_car_row_list li a .car_desc span{display: block;}

.home_car_col_list_wrap{margin-top:48px;}
.home_car_col_list{margin:22px 16px 0}
.home_car_col_list li + li{margin-top:10px;}
.home_car_col_list li a{position: relative;display:flex;width:100%;word-break: keep-all}
.home_car_col_list li a .car_thumb{position:relative;flex:0 0 auto;width:160px;background:#f6f6f6}
.home_car_col_list li a .car_thumb:before{content:'';width:100%;display: block;padding-top:72%;}
.home_car_col_list li a .car_thumb span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display: block;}
.home_car_col_list li a .car_thumb span:before{content:'';position: absolute;top:0;right:0;bottom:0;left:0;display: block;}
.home_car_col_list li a .car_thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.home_car_col_list li a .car_summary{flex:1 1 auto;margin-left:12px;display: flex;flex-direction:column;justify-content:space-between}
.home_car_col_list li a .car_name{font-size:14px;font-weight:600;line-height:18px;min-height:18px;}
.home_car_col_list li a .car_desc{margin-top:4px;font-size:13px;line-height:17px;color:#8A8A8A;min-height:17px;}
.home_car_col_list li a .car_price{font-size:12px;font-weight:600;line-height:18px;min-height:18px;}
.home_car_col_list li a .car_price strong{font-size:15px;line-height:18px;font-weight:600;min-height:18px;}
.home_car_col_list li a .car_price_cc{margin-top:2px;font-size:11px;font-weight:300;line-height:16px;min-height:16px;}

.home_car_row_col_list_wrap{margin-top:48px;}
.home_car_row_col_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:20px;margin:16px 16px 0}
.home_car_row_col_list li a{display: block;width:100%;word-break: keep-all}
.home_car_row_col_list li a .car_thumb{position:relative;padding-top:72%;background:#f6f6f6}
.home_car_row_col_list li a .car_thumb span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display: block;}
.home_car_row_col_list li a .car_thumb span:before{content:'';position: absolute;top:0;right:0;bottom:0;left:0;display: block;}
.home_car_row_col_list li a .car_thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.home_car_row_col_list li a .car_name{margin-top:8px;font-size:14px;font-weight:600;line-height:18px;min-height:18px;}
.home_car_row_col_list li a .car_desc{margin-top:4px;font-size:13px;line-height:17px;color:#8A8A8A;min-height:17px;}
.home_car_row_col_list li a .car_desc span{display: block;}

.skeleton {
	background-color: #e2e5e7;
	background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 70%, rgba(255,255,255,0) 100%);
	background-size: 40px 100%;
	background-repeat: no-repeat;
	background-position: left -40px top 0;
	animation: shine 1s ease infinite;
}

@keyframes shine {
	to {
		background-position: right -40px top 0;
	}
}

/* car list */
.list_filter{display: flex;justify-content:flex-end;}
.list_btn{position: relative;flex:0 0 auto;margin-left:10px;}
.btn_list_select{display: inline-block;width:25px;height:36px;background-position:50% 50%;background-repeat: no-repeat;background-size:21px 20px;}
.btn_type_thumb{background-image: url(/cardok/images/btn_type_thumb.png);}
.btn_type_list{background-image: url(/cardok/images/btn_type_list.png);}
.btn_order{background-image: url(/cardok/images/btn_order.png);}
.btn_filter{background-image: url(/cardok/images/btn_filter.png);}
.list_btn .filter_count{position: absolute;top:-2px;right:-2px;font-size:10px;display: inline-block;border-radius:7px;line-height:14px;min-width:10px;padding:0 2px;background:#00D48D;text-align: center;}

.car_list_area{padding-bottom:94px;}
.car_list .car_li{margin:0 16px}
.car_box{position: relative;display: flex;flex-wrap:wrap;}
.car_list.type_thumb .car_li{margin-top:16px;}
.car_img_box{position: relative;z-index:8;}
.car_list .car_img_box{width:100%;flex:1 1 auto;}
.car_list .car_img_box:before{content:'';width:100%;display: block;padding-top:72%;}
.car_booking .car_img_wrap:after{content:'';position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display: block;background:rgba(0, 0, 0, 0.55)}
.car_list .car_img_box .car_img_wrap{position: absolute;left:0;top:0;right:0;bottom:0;}
.car_img_box img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.info_booking{position: absolute;left:0;top:0;right:0;bottom:0;display: flex;align-items:center;width:100%;z-index:9;}
.info_booking_wrap{flex:1 1 auto;width:100%;text-align: center;color:#fff;}
.booking_msg{font-weight:700;font-size:18px;line-height:26px;}
.booking_date{font-size:11px;}
.booking_alarm{margin-top:20px;}
.btn_alarm_booking{display: inline-block;height:36px;border-radius:18px;padding:0 12px;line-height:36px;background: #FFFFFF;font-size:11px;font-weight:500;color:#000}
.btn_alarm_booking span{display: inline-block;padding-left:15px;background:url(/cardok/images/icon_alarm.png) 0 50% no-repeat;background-size:9px 9px;}
.btn_like{position: absolute;top:10px;right:10px;width:30px;height:30px;background: url(/cardok/images/icon_like.png) 50% 50% no-repeat;background-size:21px 18px;z-index:10;}
.btn_like.btn_liked{background: url(/cardok/images/icon_liked.png) 50% 50% no-repeat;background-size:21px 18px;}
.label_booking{display: none;}
.car_list.type_thumb .car_summary{margin-top: 15px;width:100%}
.car_list .car_name{font-size:17px;font-weight:700;}
.car_list .car_history{margin-top:4px;font-size:14px;color:#8a8a8a;}
.car_price_info{display: flex;align-items:baseline;width:100%;margin-top:10px;}
.car_list .car_price{font-size:12px;line-height:36px;}
.car_list .car_price strong{font-size:25px;font-weight:600;}
.car_price_add{font-size:12px;font-weight:500;color:#8a8a8a;}
.car_list.type_thumb .car_price_add{margin-left:10px;}
.car_price_add span{position: relative;display: inline-block;}
.car_price_add span + span{padding-left:10px;margin-left:10px;}
.car_price_add span + span:before{content:'';display: block;position: absolute;left:0;top:50%;margin-top:-5px;height:10px;width:1px;background:#8a8a8a}
.car_label_list{display: flex;margin-top:5px;}
.car_label{display: inline-block;line-height:22px;height:22px;padding:0 5px;background:rgba(0,212,141,0.08);color:#00D48D;font-size:12px;font-weight:500;border-radius:3px;}
.car_label + .car_label{margin-left:5px;}
.car_label span{display: inline-block;}
.ico_fire{padding-left:14px;background: url(/cardok/images/icon_hot.png) 0 50% no-repeat;background-size:9px 12px}
.ico_star{padding-left:18px;background: url(/cardok/images/icon_star.png) 0 50% no-repeat;background-size:13px 13px}
.ico_card{padding-left:18px;background: url(/cardok/images/icon_card.png) 0 50% no-repeat;background-size:13px 13px}

.car_list.type_list .car_li{margin-top:20px;padding-top:20px;border-top:1px solid #E4E4E4}
.car_list.type_list .car_li:nth-child(1){border-top:0;padding-top:0;}
.car_list.type_list .car_box{flex-wrap:nowrap}
.car_list.type_list .car_img_box{flex:0 0 auto;width:40%;margin-right:10px;display: flex;}
.car_list.type_list .car_summary{flex:1 1 auto;display: flex;flex-wrap:wrap;align-content:space-between;}
.car_list.type_list .car_summary .car_basic_info{flex:1 1 auto;width:100%;}
.car_list.type_list .car_summary .car_price_info{flex:1 1 auto;width:100%;}
.car_list.type_list .info_booking{display: none;}
.car_list.type_list .label_booking{display:inline-block;position: absolute;left:10px;bottom:10px;border-radius:3px;background:#000;color: #00D48D;font-size:12px;line-height:20px;padding:0 10px;z-index:9;}
.car_list.type_list .btn_like{top:auto;right:5px;bottom:5px;}
.car_list.type_list .car_name{font-size:14px;font-weight:600;}
.car_list.type_list .car_history{margin-top:0;font-size:12px;}
.car_list.type_list .car_price_info{flex-wrap:wrap;margin-top:0;}
.car_list.type_list .car_price{flex:1 1 auto;width:100%;line-height:20px;font-weight:600;}
.car_list.type_list .car_price strong{font-size:17px;}
.car_list.type_list .car_price_add{font-size:11px;font-weight:400;color:#000;}
.car_list.type_list .car_price_add span + span{padding-left:6px;margin-left:6px;}
.car_list.type_list .car_price_add span + span:before{content:'';display: block;position: absolute;left:0;top:50%;margin-top:-5px;height:10px;width:1px;background:#000}
.car_list.type_list .car_label_list{margin-top:3px;}
.car_list.type_list .car_label{line-height:15px;height:15px;padding:0 3px;font-size:10px;}
.car_list.type_list .car_label + .car_label{margin-left:5px;}
.car_list.type_list .icon_hot{padding-left:11px;background: url(/cardok/images/icon_hot.png) 0 50% no-repeat;background-size:8px 11px}
.car_list.type_list .icon_new{padding-left:14px;background: url(/cardok/images/icon_star.png) 0 50% no-repeat;background-size:11px 11px}
.car_list.type_list .icon_creadit{padding-left:14px;background: url(/cardok/images/icon_card.png) 0 50% no-repeat;background-size:11px 11px}

/* car detail view */
.notice_bar a{display: block;height:19px;padding:8px 16px;background:#26262C;color:#fff;font-size:13px;font-weight: 500;}
.notice_bar strong{color:#00D48D;;}
.car_img_list{position:relative;background:#e5e5e5}
.car_img_list li{position:relative;padding-top:72%}
.car_img_list li .swiper_img_box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.car_img_list li .swiper_img_box img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.car_detail_box{border-bottom:10px solid #f7f7f7}
.detail_wrap{padding:24px 16px}
.car_info .car_name{font-size:20px;font-weight:600;line-height:24px;}
.car_info .car_history{font-size:14px;color:#8a8a8a}
.car_price_wrap{margin-top:16px;display: flex;justify-content:space-between;align-items:center}
.car_price_wrap .car_price{font-weight:600;font-size:14px;}
.car_price_wrap .car_price .car_price_val{font-size:25px;line-height:30px;font-weight:600;}
.car_price_wrap .btn_txt_link{font-size:12px;display: inline-block;border-bottom:1px solid #000}
.car_price_list{margin-top:16px;}
.car_price_list li{display: flex;justify-content:space-between;align-items:center;font-size:14px;font-weight: 500;color: #8a8a8a;line-height:18px;}
.car_price_list li + li{margin-top:4px;}
.car_price_list li strong{font-weight:500}
.car_status_list{display: flex;}
.car_status_list li{flex:1 1 auto;text-align: center;}
.car_status_list{border-top:1px solid #E4E4E4;margin-top:16px;padding:16px 0}
.status_value{margin:0 auto;border-radius:100%;border:1px solid #ccc;height:65px;width:65px;display:flex;align-items:center;}
.status_value strong{display:block;flex:1 1 100%;padding:0;text-align: center;line-height:16px;font-size: 14px;font-weight:700;}
.status_label{margin-top:12px;font-weight:500;font-size:13px;color:#8a8a8a}
.car_check_date{background:rgba(0,212,141,0.1);color:#8a8a8a;font-size:15;font-weight:700;text-align: center;line-height:24px;padding:8px 16px;border-radius:6px}
.car_check_date strong{color:#00D48D}
.ct_tab{display: flex;}
.ct_tab li + li{margin-left:16px;}
.ct_tab li a{display: inline-block;color:#ccc;font-size:20px;font-weight:700;line-height:24px;}
.ct_tab li a.selected{color:#000;border-bottom:2px solid #000;padding-bottom:3px}
.detail_list{padding:16px 0}
.detail_list li{display: flex;justify-content:space-between;align-items:center;font-size:15px;line-height:18px;}
.detail_list li + li{margin-top:8px;}
.detail_list li strong{font-weight:400;}
.detail_tit{font-size:20px;font-weight:700;padding-bottom:16px;}
.detail_txt_box{background:#EBEBEB;color:#8a8a8a;font-size:15;font-weight:700;text-align: center;line-height:24px;margin-bottom:12px;padding:8px 16px;border-radius:6px}
.detail_txt_box strong{color:#00D48D}
.btn_question{display: inline-block;vertical-align:middle;width:24px;height:24px;background:url(/cardok/images/btn_question.png) 50% 50% no-repeat;background-size:12px 12px;}
.car_detail_wrap{position: relative;line-height:25px;font-size:15px;height:150px;overflow:hidden}
.car_detail_wrap:before{position: absolute;right: 0;bottom:0;left: 0;z-index: 1000;height: 80px;display: block;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
content: "";}
.car_detail_wrap.view_all{height:auto;}
.car_detail_wrap.view_all:before{display: none;}
.car_detail_wrap p + p{margin-top:16px;}
.detail_img{margin:16px 0;}
.detail_img img{max-width:100%}
.btn_more_view{margin-top:16px;font-size:15px;display: inline-block;border-bottom:1px solid #000;color:#000}
.banner_img{width:100%;}

.option_list{display: grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
.option_list li strong{font-size:13px;font-weight:400;line-height:20px;word-break: keep-all}
.option_list li{text-align: center;margin-top:24px;padding-top:56px;background-size:48px 48px;background-repeat: no-repeat;background-position:50% 0;opacity:.4}
.option_list li.on{opacity:1 !important}
.option_list li.icon_opt_116_1{background-image: url(/cardok/images/icon_opt/icon_opt_116_1.png);}
.option_list li.icon_opt_116_2{background-image: url(/cardok/images/icon_opt/icon_opt_116_2.png);}
.option_list li.icon_opt_116_3{background-image: url(/cardok/images/icon_opt/icon_opt_116_3.png);}
.option_list li.icon_opt_116_4{background-image: url(/cardok/images/icon_opt/icon_opt_116_4.png);}
.option_list li.icon_opt_116_5{background-image: url(/cardok/images/icon_opt/icon_opt_116_5.png);}
.option_list li.icon_opt_116_6{background-image: url(/cardok/images/icon_opt/icon_opt_116_6.png);}
.option_list li.icon_opt_116_7{background-image: url(/cardok/images/icon_opt/icon_opt_116_7.png);}
.option_list li.icon_opt_116_8{background-image: url(/cardok/images/icon_opt/icon_opt_116_8.png);}
.option_list li.icon_opt_116_9{background-image: url(/cardok/images/icon_opt/icon_opt_116_9.png);}
.option_list li.icon_opt_116_10{background-image: url(/cardok/images/icon_opt/icon_opt_116_10.png);}
.option_list li.icon_opt_116_11{background-image: url(/cardok/images/icon_opt/icon_opt_116_11.png);}
.option_list li.icon_opt_116_12{background-image: url(/cardok/images/icon_opt/icon_opt_116_12.png);}
.option_list li.icon_opt_116_13{background-image: url(/cardok/images/icon_opt/icon_opt_116_13.png);}
.option_list li.icon_opt_116_14{background-image: url(/cardok/images/icon_opt/icon_opt_116_14.png);}
.option_list li.icon_opt_116_15{background-image: url(/cardok/images/icon_opt/icon_opt_116_15.png);}
.option_list li.icon_opt_116_16{background-image: url(/cardok/images/icon_opt/icon_opt_116_16.png);}
.option_list li.icon_opt_117_1{background-image: url(/cardok/images/icon_opt/icon_opt_117_1.png);}
.option_list li.icon_opt_117_2{background-image: url(/cardok/images/icon_opt/icon_opt_117_2.png);}
.option_list li.icon_opt_117_3{background-image: url(/cardok/images/icon_opt/icon_opt_117_3.png);}
.option_list li.icon_opt_117_4{background-image: url(/cardok/images/icon_opt/icon_opt_117_4.png);}
.option_list li.icon_opt_117_5{background-image: url(/cardok/images/icon_opt/icon_opt_117_5.png);}
.option_list li.icon_opt_117_6{background-image: url(/cardok/images/icon_opt/icon_opt_117_6.png);}
.option_list li.icon_opt_117_7{background-image: url(/cardok/images/icon_opt/icon_opt_117_7.png);}
.option_list li.icon_opt_117_8{background-image: url(/cardok/images/icon_opt/icon_opt_117_8.png);}
.option_list li.icon_opt_117_9{background-image: url(/cardok/images/icon_opt/icon_opt_117_9.png);}
.option_list li.icon_opt_117_10{background-image: url(/cardok/images/icon_opt/icon_opt_117_10.png);}
.option_list li.icon_opt_118_1{background-image: url(/cardok/images/icon_opt/icon_opt_118_1.png);}
.option_list li.icon_opt_118_2{background-image: url(/cardok/images/icon_opt/icon_opt_118_2.png);}
.option_list li.icon_opt_118_3{background-image: url(/cardok/images/icon_opt/icon_opt_118_3.png);}
.option_list li.icon_opt_118_4{background-image: url(/cardok/images/icon_opt/icon_opt_118_4.png);}
.option_list li.icon_opt_118_5{background-image: url(/cardok/images/icon_opt/icon_opt_118_5.png);}
.option_list li.icon_opt_118_6{background-image: url(/cardok/images/icon_opt/icon_opt_118_6.png);}
.option_list li.icon_opt_118_7{background-image: url(/cardok/images/icon_opt/icon_opt_118_7.png);}
.option_list li.icon_opt_118_8{background-image: url(/cardok/images/icon_opt/icon_opt_118_8.png);}
.option_list li.icon_opt_118_9{background-image: url(/cardok/images/icon_opt/icon_opt_118_9.png);}
.option_list li.icon_opt_118_10{background-image: url(/cardok/images/icon_opt/icon_opt_118_10.png);}

.progress_w_tit{display: flex;justify-content:space-between;}
.progress_w_tit span{color:#000;font-weight:400;font-size:15px;}
.progress_w_tit strong{color:#00D48D;font-weight:600;font-size:15px;}
.progress_w{background-color:#E4E4E4;position: relative;margin:8px 0 0;height:5px;width: 100%;}
.progress_w_done {background:#00D48D;height:5px;width: 0;}

.history_summary{padding:16px;}
.ins_car_name{padding-top:16px;font-size:20px;line-height:24px;font-weight:600;}
.gray_box{background:#f7f7f7;padding:16px;}
.history_content_date{font-size:12px;color:#909090;border-bottom:1px solid #cecdcd;line-height:24px;font-weight:500;}
.history_text_list li{display: flex;border-bottom:1px solid #CECDCD;line-height:24px;padding:12px 0;font-size:15px;}
.history_text_list li span{flex:0 0 auto;width:84px;}
.history_text_list li strong{flex:1 1 auto;margin-left:16px;font-weight:700;}

.border_box_t{padding:24px 16px;border-top:10px solid #f7f7f7}
.border_box_tit_wrap{display: flex;justify-content:space-between;align-items:center;font-size:20px;line-height:26px;font-weight:700;}
.border_box_tit{font-size:20px;font-weight:700;}
.history_icon_list{margin-top:24px;display: grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.history_icon_list li{position: relative;background:#F0F0F0;border-radius:6px;padding:72px 6px 12px;text-align: center;font-size:15px;}
.history_icon_list li:before{content:'';display: block;width:100%;height:52px;position: absolute;top:12px;left:6px;right:6px;}
.history_icon_list li:nth-child(1):before{background: url(/cardok/images/icon_car_history_01.png) 50% 50% no-repeat;background-size:45px 48px;}
.history_icon_list li:nth-child(2):before{background: url(/cardok/images/icon_car_history_02.png) 50% 50% no-repeat;background-size:62px 38px;}
.history_icon_list li:nth-child(3):before{background: url(/cardok/images/icon_car_history_03.png) 50% 50% no-repeat;background-size:59px 36px;}
.history_icon_list li span{display: block;}
.history_icon_list li strong{display: block;font-weight:700;}

.detail_list_type2{padding:16px 0}
.detail_list_type2 li{display: flex;font-size:15px;line-height:18px;}
.detail_list_type2 li + li{margin-top:8px;}
.detail_list_type2 li span{flex:0 0 auto;width:112px;color:#8A8A8A}
.detail_list_type2 li strong{flex:1 1 auto;margin-left:8px;font-weight:400;}

.detail_list_type3{padding:16px 0}
.detail_list_type3 li{display: flex;justify-content:space-between;align-items:center;font-size:15px;line-height:18px;}
.detail_list_type3 li + li{margin-top:8px;}
.detail_list_type3 li span{color:#8A8A8A}
.detail_list_type3 li strong{margin-left:8px;font-weight:600;}

.insurance_price_list{padding:16px 0;}
.insurance_price_list li + li{margin-top:16px;}
.ins_date_price{display: flex;justify-content:space-between;align-items:center;font-size:15px;line-height:18px;}
.ins_date_price span{color:#8A8A8A}
.ins_date_price strong{color:#00D48D;font-weight:600;}
.ins_detail{margin-top:12px;;background: #F0F0F0;border-radius:6px;line-height:28px;display: grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;font-size:12px;}
.ins_detail span{display: block;position: relative;text-align: center;}
.ins_detail span:before{content:'';background:#CECDCD;width:1px;height:14px;position: absolute;left:0;top:7px;}
.ins_detail span:nth-child(1):before{display: none;}

.link_list{margin-bottom:16px;}
.link_list li{border-bottom:1px solid #E4E4E4}
.link_list li a{position: relative;display: block;height:20px;padding:16px 24px 16px 0;font-size:17px;font-weight: 500;}
.link_list li a:after{content:'';width:24px;height:20px;position: absolute;top:16px;right:0;background:url(/cardok/images/icon_more_r.png) 50% 50% no-repeat;background-size:6px 10px;}
.link_list.link_list_gray li a:after{background:url(/cardok/images/icon_more_r_gray.png) 50% 50% no-repeat;background-size:6px 10px;}

.car_row_list{display: flex;overflow:hidden;overflow-x:scroll}
.car_row_list li + li{margin-left:16px;}
.car_row_list li a{display: block;width:140px}
.car_row_list li a .car_thumb{position:relative;padding-top:72%}
.car_row_list li a .car_thumb span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display: block;}
.car_row_list li a .car_thumb span:before{content:'';position: absolute;top:0;right:0;bottom:0;left:0;display: block;border:1px solid rgba(0,0,0,.2)}
.car_row_list li a .car_thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.car_row_list li a .car_name{margin-top:8px;font-size:14px;}
.car_row_list li a .car_price{margin-top:4px;font-size:14px;font-weight:700;}

.content_footer{border-top:11px solid #f7f7f7;margin-top:50px;}
.wrap_blk .content_footer{border-top:11px solid rgba(255,255,255,.08)}
.cc_tit{font-size:11px;color:#8a8a8a;font-weight:700;}
.cc_txt{font-size:11px;color:#8a8a8a}
.cc_txt_imp{color:#00D48D}
.logo_gray{display:inline-block;width:83px;height:10px;background:url(/cardok/images/logo_gray.svg) 0 0 no-repeat;background-size:83px 10px;}
.copyright_txt{margin-top:4px;font-size:11px;color:#8a8a8a}
.footer_address{margin-top:4px;font-size:11px;color:#8a8a8a;line-height:16px}
.list_terms{display: flex;margin-top:4px;}
.list_terms li{position: relative;flex:0 0 auto;}
.list_terms li + li{margin-left:8px;padding-left:8px;}
.list_terms li + li:before{content:'';display: block;position: absolute;left:0;top:50%;margin-top:-4px;height:9px;width:1px;background:#8a8a8a}
.list_terms li a{display: inline-block;color:#8a8a8a;font-size:11px;}

/* contract - guide */
.content_wrap{padding:24px 16px}
.content_wrap.border_wrap{border-bottom:10px solid #f7f7f7}
.selected_brand_logo img{max-height:40px}
.selected_car_name{margin-top:16px;font-size:32px;font-weight:700;line-height:40px;}
.selected_car_desc{margin-top:8px;font-size:20px;font-weight:700;line-height:28px;}
.selected_car_img{margin:0 -16px;padding:32px 0;}
.selected_car_img img{width:100%}

.guide_desc li{position: relative;padding:0 0 0 50px}
.guide_desc li + li{margin-top:16px;}
.guide_desc_tit{font-size:16px;font-weight:600;line-height:24px;}
.guide_desc_txt{font-size:12px;font-weight:500;line-height:18px;color:#8a8a8a}
.guide_desc li:before{content:'';display: block;width:35px;height:35px;position: absolute;left:0;top:50%;margin-top:-17px;background-size:35px 35px;background-repeat: no-repeat;background-position: 0 0;}
.guide_desc_01:before{background-image: url(/cardok/images/guide_icon_01.png);}
.guide_desc_02:before{background-image: url(/cardok/images/guide_icon_02.png);}
.guide_desc_03:before{background-image: url(/cardok/images/guide_icon_03.png);}
.guide_desc_04:before{background-image: url(/cardok/images/guide_icon_04.png);}

.important_txt{margin-top:16px;text-align: center;}
.important_txt p{font-size:14px;font-weight:700;line-height:16px;color:#8a8a8a}
.icon_info{display: inline-block;padding-left:16px;background:url(/cardok/images/icon_info.png) 0 2px no-repeat;background-size:12px 12px;font-size:12px;line-height:16px;color:#00D48D}
.icon_info_gray{display: inline-block;padding-left:24px;background:url(/cardok/images/icon_info_gray.png) 0 0 no-repeat;background-size:16px 16px;}
.icon_company{display: inline-block;padding-left:24px;background:url(/cardok/images/icon_company.png) 0 0 no-repeat;background-size:16px 16px;}

.content_tit_area.content_tit_row{display: flex;justify-content: space-between;align-items:center;}
.content_tit{font-size:16px;font-weight:600;}
.content_tit_desc{font-size:11px;color:#8a8a8a;}
.content_tit + .icon_info{margin-top:8px;}

.test_drive_guide_top{position: relative;margin-bottom:64px;background-color:#00D48D;padding:16px 16px 112px;}
.test_drive_guide_top:before{content:'';display: block;width:100%;height:135px;position: absolute;bottom:-48px;left:0;right:0;background: url(/cardok/images/bg_guide_car.png) 50% 0 no-repeat;background-size:250px 135px;}
.guide_logo{width:125px;height:15px;background:url(/cardok/images/logo_white.svg) 0 0 no-repeat;background-size:125px 15px;}
.guide_head_txt{margin-top:8px;font-size:28px;line-height:37px;font-weight:700;}
.guide_tit{text-align: center;font-size:20px;font-weight:600;}

.test_drive_guide_desc{padding-top:16px;}
.test_drive_guide_desc li{margin-top:24px;}
.btn_guide_desc{position: relative;display: block;width:100%;text-align: left;padding-left:48px;line-height:34px;font-size:18px;font-weight:600;box-sizing:border-box;background-position:0 0;background-repeat: no-repeat;background-size:34px 34px;}
.btn_guide_desc_01{background-image: url(/cardok/images/icon_buy_01.png);}
.btn_guide_desc_02{background-image: url(/cardok/images/icon_buy_02.png);}
.btn_guide_desc_03{background-image: url(/cardok/images/icon_buy_03.png);}
.btn_guide_desc_04{background-image: url(/cardok/images/icon_buy_04.png);}
.btn_guide_desc:after{content:'';position: absolute;top:0;right:0;display: block;width:14px;height:34px;background: url(/cardok/images/icon_more_b.png) 0 50% no-repeat;background-size:14px 6px;transition:all 0.3s ease;transform:rotate(0deg)}
.btn_guide_desc.view_show:after{transform:rotate(180deg)}
.guide_desc_view{padding-top:8px;}
.guide_desc_view dl{padding:8px 16px 8px 48px}
.guide_desc_view dl dt{font-size:15px;font-weight:500;line-height:20px;}
.guide_desc_view dl dd{margin-top:4px;font-size:13px;font-weight:500;line-height:18px;color:#8a8a8a;word-break: keep-all}

.introduce_title{padding:0 20px;font-size:35px;line-height:37px;font-weight:700;color:#fff;}
.introduce_desc{margin-top:35px;padding:0 20px;font-size:35px;line-height:37px;font-weight:300;color:#fff;}
.introduce_desc strong{position: relative;display: block;font-weight:700;}
.introduce_desc strong:before{content:'';position: absolute;bottom:0;left:65px;background:#fff;width:110px;height:1px;display: block;}
.introduce_desc strong:after{content:'';position: absolute;bottom:0;left:180px;display: block;width:146px;height:17px;background:url(/cardok/images/logo_white.svg) 0 0 no-repeat;background-size:146px 17px;}
.introduce_top_img{margin-top:50px}
.introduce_top_img img{width:100%}
.introduce_txt{padding:45px 30px;font-size:26px;line-height:32px;font-weight:300;color:#fff}
.introduce_txt p+p{margin-top:32px;}
.introduce_list_wrap{margin-top:50px;padding:0 30px}
.introduce_sub_title{color:#00D48D;font-size:17px;line-height:20px;font-weight:500;}
.introduce_list li{position: relative;margin-top:16px;padding:16px;height:170px;background:rgba(255,255,255,0.08);border-radius:10px;color:#fff;box-sizing:border-box;display: flex;flex-direction:column;justify-content: space-between;}
.introduce_list li h4{font-size:22px;font-weight:600;line-height:27px;}
.introduce_list li p{font-size:16px;line-height:21px;font-weight:400;}
.introduce_list_2:after{content:'';display: block;position: absolute;right:16px;bottom:14px;width:131px;height:49px;background:url(/cardok/images/img_svc_02.png) 0 0 no-repeat;background-size:131px 49px;}
.introduce_list_5:after{content:'';display: block;position: absolute;right:16px;top:24px;width:147px;height:65px;background:url(/cardok/images/img_svc_03.png) 0 0 no-repeat;background-size:147px 65px;}
.introduce_list_6:after{content:'';display: block;position: absolute;right:0;bottom:0;width:101px;height:121px;background:url(/cardok/images/img_svc_04.png) 0 0 no-repeat;background-size:101px 121px;}
.cardok_logo_box{margin-top:16px;background:#00D48D;border-radius:10px;height:130px;display: flex;justify-content: center;align-items: center}
.cardok_msg{margin-top:32px;font-size:26px;line-height:32px;color:#fff;font-weight: 300;}
.cardok_msg strong{display: block;font-weight: 700;}

.fade_up_content{
	-webkit-transition:opacity 0.6s linear, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:opacity 0.6s linear, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:opacity 0.6s linear, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:opacity 0.6s linear, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity:0;
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
}
.fade_up_content.fade_up{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}

/* contract - payment_price */
.contract_wrap{padding:24px 0}

.payment_list{margin-top:16px;}
.payment_list li{display: flex;justify-content:space-between;align-items:center;font-size:15px;color: #000;line-height:24px;}
.payment_list li + li{margin-top:2px;}
.payment_list li span{font-weight:300}
.payment_list li strong{font-weight:500}
.payment_list li.base_price{color:#8a8a8a}
.payment_list li.total_price{margin-top:16px;padding-top:16px;border-top:1px solid #E4E4E4;font-size:18px;}
.payment_list li.total_price span{color:#8a8a8a;font-weight:700;}
.payment_list li.total_price strong{color:#00D48D;font-weight:700;}
.payment_list.payment_list_type2 li{font-size:13px;}
.payment_list.payment_list_type2 li.total_price{margin-top:8px;padding-top:8px;border-top:1px solid #E4E4E4;font-size:14px;}
.payment_list.payment_list_type2 li.total_price span{font-weight:700;}
.payment_list.payment_list_type2 li.total_price strong{color:#8A8A8A;font-weight:700;}

.payment_info{position: relative;padding:16px;background:#00D48D;color:#fff;border-radius:3px}
.payment_car_name{position: absolute;top:16px;right:16px;font-size:14px;font-weight: 500;}
.payment_state h3{font-size:14px;font-weight: 500;}
.payment_state p{margin-top:12px;font-size:25px;font-weight:700;}
.history_payment .payment_list{margin-top:8px;}
.history_payment_header{display: flex;justify-content:space-between;line-height:22px;}
.history_payment .history_payment_tit{font-weight:600;font-size:18px;}
.history_payment .history_payment_id{font-weight: 500;font-size:13px;color:#8A8A8A;}
.history_payment_box{margin:0 -16px 0;padding:32px 16px 0}
.history_payment_box + .history_payment_box{margin-top:32px;border-top:11px solid #F7F7F7;}
.history_inner_box{margin-top:24px;}
.payment_list_top li{color:#8A8A8A;font-size:14px;}
.payment_list_top li strong{font-weight:400;}
.history_inner_box .payment_list + .payment_list{margin-top:24px;padding-top:24px;border-top:1px solid #e4e4e4}
.history_inner_box .payment_list{margin:0;}
.history_inner_box .payment_list li{margin-top:4px;}
.history_payment .payment_list li.before_total_price span{color:#8a8a8a;font-weight:700;}
.history_payment .payment_list li.before_total_price strong{color:#8a8a8a;font-weight:700;}
.history_payment .payment_list li.after_total_price span{color:#8a8a8a;font-weight:700;}
.history_payment .payment_list li.after_total_price strong{color:#00D48D;font-weight:700;}
.history_payment .payment_list li.refund_amount span{color:#8a8a8a;font-weight:700;}
.history_payment .payment_list li.refund_amount strong{color:#00D48D;font-weight:700;}

.dot_list_tit{font-size:11px;line-height:16px;color:#8A8A8A;font-weight:500;}
.dot_list > li{position: relative;padding-left:12px;font-size:11px;line-height:16px;color:#8A8A8A;word-break: keep-all}
.dot_list > li + li{margin-top:4px;}
.dot_list > li:before{content:'';position: absolute;left:4px;top:7px;width:2px;height:2px;border-radius:100%;background:#8a8a8a;}
.dot_list > li .txt_udl_link{display: inline-block;text-decoration: underline;color:#8a8a8a}

/* contract process */
.page_tit{font-size:20px;line-height:28px;font-weight:600;}
.page_tit + .icon_info{margin-top:8px;}
.page_tit_desc{margin-top:8px;font-size:12px;line-height:16px;color:#00D48D;font-weight:500;}
.page_tit_desc_gray{margin-top:8px;font-size:12px;line-height:16px;color:#909090;font-weight:500;}
.payment_desc_txt{margin-top:16px;font-size:12px;color:#8a8a8a;}
.contract_process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:32px;}
.contract_process li{position: relative;padding-top:8px;text-align: center;font-size:11px;color:#ccc;font-weight:600;}
.contract_process li.on{color:#00D48D}
.contract_process li:before{content:'';display: block;width:100%;height:5px;position: absolute;left:0;top:0;right:0;background:#E4E4E4}
.contract_process li.on:before{background:#00D48D}

.agreement_list{margin-top:16px;}
.agreement_all{margin-top:16px;padding-bottom:16px;border-bottom:1px solid #E4E4E4}
.agreement_list li{position: relative;padding-right:40px;}
.agreement_list li + li{margin-top:16px;}
.agreement_list li .btn_view_agreement{position: absolute;top:0;right:0;display: inline-block;width:20px;height:20px;background:url(/cardok/images/btn_view.png) 100% 50% no-repeat;background-size:5px 10px;}
.agreement_list li p{margin-top:4px;font-size:11px;color:#8a8a8a;padding-left:20px;}

.bank_account_info{padding:24px 16px;background:#EBEBEB;border-radius:6px;margin-top:24px;text-align: center;}
.bank_name{line-height:17px;font-weight:700;font-size:15px;}
.bank_name img{height:17px}
.account_info{margin-top:8px;line-height:17px;font-weight:700;font-size:13px;color:#8a8a8a}
.account_num{margin-top:8px;line-height:28px;font-weight:700;font-size:20px;color:#00D48D}

.ins_list{margin-top:16px;}
.ins_list li{position: relative;padding:8px 0;display: flex;align-items:center;font-size:14px;color: #000;line-height:40px;border-bottom:1px solid #E4E4E4;}
.ins_list li span{flex:1 1 auto;position: relative;padding-right:60px;font-weight:600;}
.ins_list li span .btn_ins_view{position: absolute;top:0;right:0;height:40px;display: inline-block;color:#8a8a8a;font-size:13px;font-weight:500;}
.ins_list li img{width:40px;height:40px;margin-right:8px}

.list_more{padding:16px 0 32px;text-align: center;}
.list_more .btn_list_more{font-size:13px;color:#8a8a8a;line-height:24px;display: inline-block;}

.complete_wrap{padding-top:64px;}
.complete_msg{padding-top:100px;background-position:50% 0;background-repeat: no-repeat;background-size:84px 84px;font-size:20px;font-weight: 600;line-height:28px;text-align: center;}
.td_complete_msg{background-image: url(/cardok/images/icon_completed_1.png);}
.buy_complete_msg{background-image: url(/cardok/images/icon_completed_2.png);}
.complete_process_wrap{position: relative;max-width:260px;margin:32px auto 0;}
.complete_process_wrap:before{content:'';display: block;width:100%;height:2px;position: absolute;top:16px;left:0;right:0;background:#ccc;}
.complete_process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.complete_process li{position: relative;padding-top:40px;text-align: center;font-size:15px;color:#b7b7b7;font-weight:600;}
.complete_process li.on{color:#00D48D}
.complete_process li:nth-child(1){text-align:left;}
.complete_process li:nth-child(3){text-align:right;}
.complete_process li:before{content:'';display:block;width:24px;height:24px;background:#ccc;position: absolute;top:5px;border-radius:100%;}
.complete_process li:nth-child(2):before{left:50%;margin-left:-12px;}
.complete_process li:nth-child(3):before{right:0;}
.complete_process li.on:before{width:34px;height:34px;top:0;background:#00D48D}
.complete_process li.on:nth-child(2):before{left:50%;margin-left:-17px;}
.complete_process li.on:after{content:'';display:block;width:34px;height:34px;background:url(/cardok/images/icon_complete.png) 50% 50% no-repeat;position: absolute;top:0;background-size:16px 10px;z-index:1;}
.complete_process li.on:nth-child(2):after{left:50%;margin-left:-17px;}
.complete_process li.on:nth-child(3):after{right:0;}
.complete_txt{color:#8a8a8a;text-align: center;font-size:15px;font-weight:500;margin-top:32px;line-height:20px;}
.complete_question{margin-top:24px;text-align: center;}
.complete_question a{display: inline-block;font-size:13px;font-weight:500;color:#8a8a8a;line-height:16px;border-bottom:1px solid #8a8a8a}


/* dealer */
.car_search_tit{text-align: center;font-size:25px;font-weight:700;line-height:35px;padding-top:72px;}
.car_search_inp{position:relative;margin:48px 32px 0;transition:border-color .3s ease-in-out}
.car_search_inp .inpt{box-sizing:border-box;width:100%;outline:0;padding:8px 0;border:0;border-radius:0;outline:none;height:56px;font-size:40px;line-height:56px;color:#000;background-color:transparent;transition:border-color .3s ease-in-out;border-bottom:6px solid #E4E4E4;text-align: center;font-weight:700;}
.car_search_inp .inpt:focus{border-bottom:6px solid #00D48D}
.car_search_inp .inpt::-webkit-input-placeholder{font-size:40px;color:#ccc;font-weight:700;letter-spacing:0 !important}
.car_search_inp .inpt::-ms-input-placeholder{font-size:40px;color:#ccc;font-weight:700;letter-spacing:0 !important}

.s_car_info{display: flex;align-items:center;padding-bottom:32px;}
.s_brand_logo{flex:0 0 auto;margin-right:8px;}
.s_brand_logo img{height:40px;}
.s_car_name_num{flex:1 1 auto;width:auto;line-height:20px;font-weight:700;line-height:20px;}
.s_car_name{font-size:18px;}
.s_car_num{font-size:18px;}

.car_info_box + .car_info_box{padding-top:16px;margin-top:16px;border-top:1px solid #e4e4e4}
.car_info_list{padding-top:8px;}
.car_info_list > li{display:flex;margin-top:8px;}
.car_info_list > li .car_info_tit{flex:0 0 auto;width:100px;line-height:20px;font-size:15px;font-weight:400;color:#8a8a8a;}
.car_info_list > li .car_info_desc{flex:1 1 auto;width:auto;line-height:20px;font-size:15px;font-weight:400;margin-left:6px;}
.car_history_list > li{padding-bottom:8px}
.car_history_list > li + li{border-top:1px solid #eee}
.car_info_desc_list_tit{margin-top:8px;}

.car_option_info_box{margin-top:32px;border:1px solid #dcdcdc;background:#f9f9f9;border-radius:6px;padding:16px}
.option_tit{font-size:14px;font-weight:700;color:#909090}
.car_option_list{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.car_option_list li{font-size:13px;line-height:18px;}
.car_option_list li .no_option{color:#939393}
.car_option_info_wrap + .car_option_info_wrap{padding-top:16px;margin-top:16px;border-top:1px solid #CECDCD}

.ud_txt_btn_area{padding:32px 0;text-align: center;}
.btn_ud_txt{font-size:13px;color:#00D48D;font-weight:700;line-height:20px;display: inline-block;border-bottom:1px solid #00D48D}

.tar_btn{text-align: right;}
.color_select{font-size:14px;color:#00D48D;font-weight:600;}
.color_list{padding-top:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.color_list li{text-align: center;margin-top:8px;}
.color_label{display: inline-block;cursor:pointer}
.color_label span.color_round{display:inline-block;width:40px;height:40px;text-align: center;line-height:38px;font-size:15px;font-weight:700;color:#8A8A8A;border-radius:100%;box-sizing: border-box;border:1px solid #D9D9D9;vertical-align:top}
.color_label span.color_round.color_label_all{background: linear-gradient(180deg, #EBEBEB 0%, #CCCCCC 100%);}
.color_label span.color_name{margin-top:8px;display: block;text-align: center;font-size:15px;}
.color_label .radio_color:checked + .color_round{border:2px solid #00D48D;line-height:36px;}
.color_label .radio_color:checked + .color_round + .color_name{color:#00D48D;font-weight:700}

.img_upload_btn_area{padding:24px 0;}
.uploaded_file_view{position:relative;border:1px solid #ccc;text-align:center;}
.uploaded_file_view img{width:100%;vertical-align:top}
.uploaded_file_view .btn_img_del{position:absolute;top:-12px;right:-12px;display:inline-block;width:30px;height:30px;background:url(/cardok/images/btn_photo_del.png) 50% 50% no-repeat;background-size:15px 15px;}
.uploaded_file_list{margin-top:24px;background:#fff;}
.uploaded_file_list ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.uploaded_file_list ul li{position:relative;flex:0 0 33.33%;}
.uploaded_file_list ul li .uploaded_file_box{position:relative;padding-top:72%;border-radius:5px 5px;border:1px solid #ccc;}
.uploaded_file_box .dropzone{position: absolute;width:100%;height:0;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display: flex;align-items:center;cursor:pointer}
.uploaded_file_box .dropzone .dz-message {flex:1 1 auto;width:100%;text-align:center;text-align:center;}
.uploaded_file_box .dropzone .dz-message .icon_upload{display:block;width:100%;background-color:#fff;padding:12px 0;line-height:22px;border-radius:8px;border:0;}
.uploaded_file_box .dropzone .dz-message .icon_upload span{display: inline-block;padding: 1px 0 0 30px;font-size:14px;color:#909090;font-weight:700;background:url(/cardok/images/icon_camera.png) 0 50% no-repeat;background-size:21px 18px;}
.uploaded_file_box .dropzone .dz-preview {position: absolute;width:100%;height:100%;text-align:center;border:0}
.uploaded_file_box .dropzone .dz-preview img{position: absolute;top:0;right:0;bottom:0;left:0;vertical-align:top;width:100%;height:100%;object-fit:cover;object-position:center center;}
.dropzone .remove{position:absolute;top:-12px;right:-12px;display:inline-block;width:30px;height:30px;background:url(/cardok/images/btn_photo_del.png) 50% 50% no-repeat;background-size:15px 15px;cursor:pointer !important}
.dropzone .dz-preview.dz-image-preview .dz-details {display: none}

.uploaded_file_list ul li img{position: absolute;top:0;right:0;bottom:0;left:0;vertical-align:top;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:5px 5px}
.uploaded_file_list ul li .btn_img_del{position:absolute;top:-12px;right:-12px;display:inline-block;width:30px;height:30px;background:url(/cardok/images/btn_photo_del.png) 50% 50% no-repeat;background-size:15px 15px;}

.form_img_multi{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; grid-auto-rows: 1fr;}
.form_img_multi .form_img_box{margin:0}
.form_img_multi .dropzone{min-height:auto}
.form_img_multi .dropzone .dz-preview {margin:8px auto;min-height:auto;max-width:100%;text-align:center;border:0}
.form_img_multi .dropzone .dz-preview img{max-width:100%;}

.form_row_car_price .inpt{box-sizing:border-box;width:100%;outline:0;padding:8px 35px 8px 0;border:0;border-radius:0;outline:none;height:56px;font-size:25px;line-height:56px;color:#00D48D;background-color:transparent;transition:border-color .3s ease-in-out;border-bottom:3px solid #E4E4E4;font-weight:700;}
.form_row_car_price.price_won .inpt{padding:8px 20px 8px 0}
.form_row_car_price .inpt:focus{border-bottom:3px solid #00D48D}
.form_row_car_price .inpt::-webkit-input-placeholder{font-size:25px;color:#ccc;font-weight:700;letter-spacing:0 !important}
.form_row_car_price .inpt::-ms-input-placeholder{font-size:25px;color:#ccc;font-weight:700;letter-spacing:0 !important}
.form_row_car_price span{position:absolute;bottom:0;right:0;font-size:18px;color:#000;line-height:56px;height:56px;font-weight:600;}

.card_msg_input{margin:0 16px;padding-bottom:100px;}
.card_msg_input .inpta_box{height:112px}
.msg_inp_count{margin-top:8px;text-align: right;color:#B2B7C0;font-size:13px;line-height:16px;}

.mypage_intro{position: relative;background:#00D48D;z-index:2;text-align: center;padding-bottom:108px;}
.no_my_car_info .mypage_intro{padding-bottom:56px}
.no_my_car_info .mypage_intro_wrap{display: inline-block;padding:0 24px;border-left:6px solid #fff;border-right:6px solid #fff}
.my_logo{text-align: center;height:20px;background:url(/cardok/images/logo_white.svg) 50% 50% no-repeat;background-size:140px 17px;opacity:.5}
.my_tit{padding-top:24px;color:#fff;font-size:28px;font-weight:900;line-height:32px;}
.my_tit span{display: inline-block;border-bottom:1px solid #fff}
.my_name{margin-top:4px;font-size:14px;font-weight:500;color:#fff}
.my_name strong{font-size:19px;font-weight:600;line-height:28px;}
.no_my_car_text{margin-top:150px;;font-size:14px;line-height:17px;font-weight:600;color:#fff}
.my_car_img{padding:16px}
.my_car_img img{max-width:100%;}
.my_car_brand_logo img{width:100%;height:100%;object-fit:contain;object-position:center center;}
.my_car_brand_name{position: relative;color:#00D48D;font-size:21px;font-weight:900;line-height:32px;text-align: center;}
.my_info{position: relative;margin-top:-42px;padding:50px 0 24px 0;border-radius:20px 20px 0 0;background:#fff;z-index:3;}
.no_my_car_info .my_info{margin-top:-20px;padding:20px 0 12px 0}
.my_car_brand_logo{position: absolute;top:-46px;left:50%;margin-left:-46px;border-radius:46px 46px;background:#fff;padding:4px;width:84px;height:84px;}
.my_car_brand_logo_wrap{border:1px solid #ccc;border-radius:42px;width:82px;height:82px;box-sizing:border-box;padding:12px;}
.my_info_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px;}
@media only screen and (max-width:480px) {
	.my_info_list{grid-template-columns:repeat(3);grid-template-columns:25% 45% 30%;}
}
.my_info_list li{position: relative;text-align: center;}
.my_info_list li strong{display: block;padding:0 8px;font-size: 17px;font-weight:700;color:#00D48D}
.my_info_list li span{margin-top:4px;display: block;padding:0 8px;font-size: 12px;font-weight:600;color:#8a8a8a}
.my_info_list li + li:before{content:'';position: absolute;left:0;top:50%;margin-top:-15px;display: block;width:1px;height:30px;background:#e4e4e4;}
.mypage_link_box{padding:0 16px 16px 16px;}
.cc_link_area{margin-top:8px;}
.cc_link{font-size:11px;color:#8a8a8a;border-bottom:1px solid #8a8a8a}

.my_car_list .cc_txt{text-align: center;}
.no_my_car{display: flex;align-items:center;min-height:calc(100svh - 264px)}
.no_my_car_wrap{flex:1 1 auto;width:100%;color:#fff;text-align: center;}
.no_my_car_wrap p{font-size:20px;line-height:26px;font-weight:600;}
.no_my_car_wrap a{font-size:14px;margin-top:16px;}
.my_car_list .no_my_car{min-height:calc(100svh - 124px)}
.my_current_box{margin:0 16px 16px;padding:32px 16px;background:#4a4a54;border-radius:10px 10px}
.my_before_box{padding:40px 16px;}
.my_before_box + .my_before_box{border-top:10px solid #3c3c41}
.my_before_box .state_header{margin-bottom:0 !important;}
.state_header{margin-bottom:40px;}
.my_state_txt{font-size:20px;line-height:28px;color:#fff;font-weight:600;}
.my_state_desc{font-size:14px;line-height:20px;color:#8a8a8a;font-weight:600;}
.my_state_desc strong{font-weight:600;color:#00D48D}
.state_label_link{display: flex;justify-content: space-between;align-items:center}
.state_label{flex:0 0 auto;}
.state_label strong{display: inline-block;background:#00D48D;line-height:21px;padding:0 8px;border-radius:3px 3px;font-size:13px;font-weight:500;}
.state_label strong.bg_white{background:#fff;color:#00D48D;}
.state_label strong.bg_red{background:#EB0000;color:#fff}
.state_label span{margin-left:8px;display: inline-block;color:#8a8a8a;line-height:21px;font-size:13px;font-weight:500;}
.state_more_view{display: inline-block;flex:0 0 auto;padding-right:12px;font-size:13px;font-weight:600;color:#8a8a8a;background:url(/cardok/images/icon_more_r_8a.png) 100% 50% no-repeat;background-size:6px 10px;}
.m_car_detail_info{padding:16px 0;font-size:12px;font-weight: 500;color:#ccc}
.m_car_name{font-size:16px;color:#fff;font-weight:600;line-height:24px;}
.m_car_img{position: relative;}
.m_car_img:before{content:'';width:100%;display: block;padding-top:72%;}
.m_car_img img{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.confirm_msg{padding:24px 0;text-align: center;}
.confirm_msg p{font-size:15px;font-weight:500;color:#fff}
.confirm_msg a{margin-top:16px;display: inline-block;font-size:13px;font-weight:500;color:#8a8a8a;line-height:16px;border-bottom:1px solid #8a8a8a}

.state_area .complete_process_wrap{max-width:100%;margin:32px 16px 0;}
.state_area .complete_process_wrap:before{background:#808087;}
.state_area .complete_process li{color:#8A8A8A;}
.state_area .complete_process li.on{color:#00D48D}
.state_area .complete_process li:before{background:#808087;}
.state_area .complete_process li.on:before{background:#00D48D}
.m_car_price{display: flex;justify-content: center;background:#8A8A8A;color:#fff;height:18px;line-height:18px;}
.m_car_price li{position: relative;display: inline-block;font-size:11px;}
.m_car_price li span{display: inline-block;font-size:12px;}
.m_car_price li + li{padding-left:5px;margin-left:4px;}
.m_car_price li + li:after{content:'';display: block;width:1px;height:10px;background:#fff;position: absolute;left:0;top:50%;margin-top:-5px}
.my_before_box .m_car_price + .btn_area{margin-top:24px}

.car_label_select{display: flex;padding-top:8px;flex-wrap:wrap}
.car_label_select li{position: relative;flex:0 0 auto;margin:8px 8px 0 0;}
.check_tag{position:absolute;top:0;left:0;right:0;bottom:0;outline:0}
.car_label_select li .tag_label{position: relative;z-index:1;display: inline-block;line-height:32px;height:32px;padding:0 5px;border:1px solid #ccc;color:#909090;font-size:15px;font-weight:500;border-radius:3px;cursor:pointer}
.check_tag:checked + .tag_label{background:rgba(0,212,141,0.08);color:#00D48D;border-color:#00D48D;}
.car_label_select li .tag_label span{display: inline-block;height:32px;}
.car_label_select li .ico_fire{padding-left:24px;background: url(/cardok/images/icon_hot.png) 0 50% no-repeat;background-size:15px 19px}
.car_label_select li .ico_star{padding-left:26px;background: url(/cardok/images/icon_star.png) 0 50% no-repeat;background-size:21px 21px}
.car_label_select li .ico_card{padding-left:26px;background: url(/cardok/images/icon_card.png) 0 50% no-repeat;background-size:21px 21px}

/* ft_nav */
.ft_nav{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:100}
.ft_nav .ft_nav_wrap{width:100%;max-width:768px;margin:0 auto;box-shadow:-2px 0px 8px rgba(0, 0, 0, 0.1);background:#fff}
.ft_nav_list{display:flex;flex-direction:row;text-align:center;padding:0}
.ft_nav_list li{flex:1 0 auto}
.ft_nav_list li a{display:block;padding:12px 0 12px;height:40px;font-size:11px;color:#000}
.ft_nav_list li a.selected{color:#00D48D}
.ft_nav_list li a strong{position:relative;display:inline-block;min-width:32px;padding-top:24px;font-weight:500;line-height:14px;background-size:20px 20px;background-position:50% 0;background-repeat:no-repeat}
.nav_home a strong{background-image:url(/cardok/images/nav_home.png)}
.nav_home a.selected strong{background-image:url(/cardok/images/nav_home_on.png)}
.nav_search a strong{background-image:url(/cardok/images/nav_search.png)}
.nav_search a.selected strong{background-image:url(/cardok/images/nav_search_on.png)}
.nav_contract a strong{background-image:url(/cardok/images/nav_contract.png)}
.nav_contract a.selected strong{background-image:url(/cardok/images/nav_contract_on.png)}
.nav_mypage a strong{background-image:url(/cardok/images/nav_my.png)}
.nav_mypage a.selected strong{background-image:url(/cardok/images/nav_my_on.png)}
.nav_like a strong{background-image:url(/cardok/images/nav_like.png)}
.nav_like a.selected strong{background-image:url(/cardok/images/nav_like_on.png)}
.ft_nav_list li a.md-ripples .ripple{background:#ddd}

/* dhome */
.dhome_header{padding:8px 16px 48px;background:#00D48D}
.dealer_info{display: flex;align-items:flex-start}
.dealer_info .d_profile_img{flex:0 0 auto;margin-right:12px;padding-top:4px;}
.dealer_info .d_profile_img span{display: inline-block;width:34px;height:34px;background:url(/cardok/images/bg_user.png) 0 0 no-repeat;background-size:34px 34px;border-radius:17px 17px;overflow:hidden}
.dealer_info .d_profile_img img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.dealer_hr{flex:1 1 auto;}
.d_name{font-weight:700;font-size:25px;line-height:44px;}
.d_name span{display: inline-block;vertical-align:top;font-size:40px;}
.d_name strong{display: inline-block;vertical-align:top;}
.dealer_hr p{margin-top:4px;font-size:14px;color:#000;font-weight:500;}
.dealer_hr p a{color:#000;text-decoration: underline;font-weight:700;}
.dealer_progress{margin-top:48px;}
.date_mmyy{font-size:15px;font-weight: 700;color:#fff}
.progress {background-color:rgba(255,255,255,.5);border-radius:6px;position: relative;margin:8px 0 0;height: 12px;width: 100%;}
.progress_done {background:#fff;border-radius:6px;height:12px;width: 0;}
.progress_txt{margin-top:6px;display: flex;justify-content:space-between;font-size:12px;color:#fff;font-weight:600;}

.dhome_content_box{position: relative;margin-top:-25px;padding:16px;border-radius:16px 16px 0 0;background:#21222B;color:#fff;z-index:3;}
.current_month{margin-bottom:40px;font-weight:700;font-size:22px;line-height:26px;}
.dhome_grid{margin-top:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
grid-template-areas:
"dhome_item1 dhome_item1"
"dhome_item2 dhome_item3"
"dhome_item2 dhome_item4"
"dhome_item5 dhome_item6";
}
.dhome_item{display: flex;justify-content:space-between;flex-direction:column;padding:16px;background:#323341;border-radius:10px;}
.dhome_item_tit{display: flex;align-items:center;line-height:16px;}
.dhome_item_tit h3{font-size:14px;font-weight:600;}
.dhome_item_tit .ic_new{margin-left:6px;background:#00D48D;color:#fff;font-size:10px;width:16px;height:16px;text-align: center;line-height:16px;border-radius:100%;}
.dhome_item1{grid-area: dhome_item1;}
.dhome_item2{grid-area: dhome_item2;}
.dhome_item3{grid-area: dhome_item3;}
.dhome_item4{grid-area: dhome_item4;}
.dhome_item5{grid-area: dhome_item5;}
.dhome_item6{grid-area: dhome_item6;}
.dhome_item_content{text-align: right;margin-top:6px;}
.dhome_item_flex_content{display: flex;justify-content:space-between;align-items:baseline}
.dhome_item1 .dhome_item_content strong{font-size:45px;font-weight:700;line-height:54px;}
.dhome_item5 .dhome_item_content strong{font-size:25px;font-weight:700;line-height:28px;}
.dhome_item6 .dhome_item_content strong{font-size:25px;font-weight:700;line-height:28px;}
.dhome_item_content_count span{position: relative;display: inline-block;font-size:25px;line-height:28px;font-weight:700;}
.dhome_item_content_count span + span{padding-left:6px;margin-left:6px}
.dhome_item_content_count span + span:after{content:'';position: absolute;left:0;bottom:5px;display: block;width:1px;height:12px;background:#fff;}

.link_car_edit a{display: block;font-size:17px;font-weight:700;line-height:24px;background:url(/cardok/images/icon_more_r_w.png) 100% 50% no-repeat;background-size:7px 12px;}
.progress_area{position: relative;height: 120px;width: 120px;margin:16px auto 0;}
.progressbar,.progressbar_contentcircle {display: flex;justify-content: center;align-items:center;left:0;top:0;height: 120px;position: absolute;width: 120px;}
.progressbar_circle,.progressbar_background {fill: none;stroke: #00D48D;stroke-width: 10;stroke-linecap: round;stroke-dasharray: 0;stroke-dashoffset: 0;position: relative;z-index: 10;}
.progressbar_background {stroke:rgba(255,255,255,0.3);stroke-width: 10;z-index: 0;}
.progressbar_count {color: #fff;font-size: 45px;line-height:120px;text-align: center;width: 100%;font-weight:700;}

.my_car_category_wrap{position:sticky;top:60px;margin-top:-16px;padding:16px 0;background:#fff;z-index:100}	
.my_car_category{position: relative;width:100%;}
.state_btn_list{box-sizing:border-box}
.state_btn_list li{width:auto !important;}
.state_btn_list li{padding-left:5px;}
.state_btn_list li:nth-child(1){padding-left:16px;}
.state_btn_list li:last-child{padding-right:16px;}
.btn_state_select{position: relative;display: inline-block;color:#00D48D;font-size:15px;border:1px solid #00D48D;border-radius:16px;box-sizing:border-box;height:32px;line-height:30px;padding:0 20px}
.state_btn_list li.on .btn_state_select{color:#fff;background:#00D48D;}
.btn_state_select.new:after{content:'';position: absolute;top:50%;margin-top:-2px;right:10px;display: block;width:4px;height:4px;border-radius:100%;background:#EB0000;}

.dealder_car_list{padding-bottom:94px;min-height:calc(100svh - 264px)}
.dcar_li{padding:40px 16px;}
.dcar_li + .dcar_li{border-top:10px solid #F7F7F7}

.d_state_label_link{display: flex;justify-content: space-between;align-items:center}
.d_state_label{flex:0 0 auto;}
.d_state_label strong{display: inline-block;line-height:21px;padding:0 8px;border-radius:3px 3px;font-size:13px;font-weight:500;color:#fff}
.d_state_label strong.bg_gray{background:#4C4C4C}
.d_state_label strong.bg_green{background:#00D48D}
.d_state_label strong.bg_red{background:#EB0000}
.d_state_label span{margin-left:8px;display: inline-block;color:#8a8a8a;line-height:21px;font-size:13px;font-weight:500;}
.d_state_label .state_more_view{display: inline-block;flex:0 0 auto;padding-right:12px;font-size:13px;font-weight:600;color:#8a8a8a;background:url(/cardok/images/icon_more_r_8a.png) 100% 50% no-repeat;background-size:6px 10px;}
.d_car_detail_info{padding:16px 0;font-size:12px;font-weight: 500;color:#8a8a8a}
.d_car_name{font-size:16px;color:#000;font-weight:600;line-height:24px;}
.d_car_ib_wrap{display: flex;}
.d_car_btn_list{flex:0 0 auto;width:140px;margin-left:12px;}
.d_car_btn_list li + li{margin-top:8px;}
.btn_d_car_modify{width:100%;height:30px;line-height:20px;padding:5px 0;font-size:14px;font-weight:600;color:#8A8A8A;border:1px solid #CCCCCC;border-radius:8px}
.d_car_img_box{flex:1 1 auto;height:100%}
.d_car_img{position: relative;}
.d_car_img:before{content:'';width:100%;display: block;padding-top:72%;}
.d_car_img img{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.d_car_img_static img{object-fit:contain;object-position:center center;}
.d_car_price{display: flex;justify-content: center;background:#8A8A8A;color:#fff;height:24px;line-height:24px;}
.d_car_price li{position: relative;display: inline-block;font-size:11px;}
.d_car_price li span{display:inline-block;font-size:12px;}
.d_car_price li + li{padding-left:5px;margin-left:4px;}
.d_car_price li + li:after{content:'';display: block;width:1px;height:10px;background:#fff;position: absolute;left:0;top:50%;margin-top:-5px}
.d_car_history_date{margin-top:16px;font-size:12px;color:#aaa}
.d_car_state_btn_list{margin-top:8px;border-top:1px solid #ccc;padding-top:8px;display: flex;overflow:hidden}
.d_car_state_btn_list li{position: relative;flex:1 1 auto;width:auto;}
.btn_change_state{display: block;width:100%;text-align: center;color:#4C4C4C;font-size:16px;line-height:30px;font-weight: 500;}
.d_car_state_btn_list li + li{padding-left:1px;}
.d_car_state_btn_list li + li:after{content:'';display: block;width:1px;height:14px;background:#CCCCCC;position: absolute;left:-1px;top:50%;margin-top:-7px}

.content_tab_wrap{padding:0 16px 24px}
.content_tab{z-index:10;position: sticky;top:60px;}
.content_tab_wrap .content_tab{background:#fff;}
.content_tab_wrapper{position: relative;padding-bottom:2px;}
.layermodal_box .content_tab_wrapper{margin:0 16px}
.content_tab_nav{display: flex;height:30px;}
.tab_nav_3 .tab_item{width:33.33%}
.tab_nav_2 .tab_item{width:50%}
.tab_item{flex:1 1 auto;text-align: center;}
.tab_item a{display:inline-block;text-align: center;font-size:17px;font-weight:700;line-height:30px;color:#ccc}
.tab_slider{display: block;height:2px;position: absolute;bottom:0;left:0;right:0;background-color:#CCCCCC;}
.tab_slider span{height:2px;position:absolute;z-index:1200;box-sizing:border-box;bottom:0;transform: translateX(0);transition: transform 0.3s ease-out;text-align: center;}
.tab_slider span em{display: block;height:2px;background-color:#000;}
.tab_item .active{background-color:transparent!important;border:none!important;color:#000!important;}

.content_box_tab_wrap{position: sticky;top:0;padding:16px 0 16px;background:#fff;z-index:10;}
.content_box_tab{min-width:260px;max-width:260px;margin:0 auto;display: flex;background:#EFEFEF;border-radius:5px;padding:3px;}
.content_box_tab li{flex:1 1 auto;width:50%;}
.content_box_tab li a{display: block;width:100%;height:34px;font-size:14px;line-height:34px;color:#7B7B7B;text-align: center;}
.content_box_tab li a.active{color:#000;background:#fff;border-radius:5px;}

/* .doc_img{height:calc(100svh - 182px);overflow-y:auto} */
.doc_img img{width:100%}

.car_delivery_visual .swiper-slide{position:relative;padding-top:72%}
.car_delivery_visual .swiper-slide .swiper_img_box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.car_delivery_visual .swiper-slide .swiper_img_box img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.car_delivery_visual .swiper-slide img{vertical-align:top;width:100%;height:100%;object-fit:cover;object-position:center center;}

.no_data_comment{display: flex;align-items:center;height:calc(100svh - 124px);}
.no_data_comment_wrap{flex:1 1 auto;width:100%;text-align: center;}
.no_data_comment_wrap p{font-size:20px;line-height:26px;font-weight:600;padding-top:70px;background:url(/cardok/images/icon_no_data.png) 50% 0 no-repeat;background-size:68px 46px;}
.no_data_comment_wrap a{font-size:14px;margin-top:64px;}


.layermodal{position: fixed;z-index:1;visibility:hidden;opacity:0;transition: all .2s}
.layermodal.layermodal_show{position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100svh;z-index:1;display:flex;align-items:flex-end;justify-content:center;visibility:visible;opacity:1;z-index:1000;}
.layermodal_bg,.layermodal_bg_ifr,.layermodal_upload_bg{position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100svh;background:rgba(0,0,0,.5);z-index:1000}
.layermodal_wrapper{position: relative;background-color: #000;bottom:-100svh;height:100svh;box-sizing: border-box;z-index:9001;min-width:320px;max-width:768px;width:100%;z-index:1100;display:flex;flex-direction:column;border-radius:12px 12px 0 0;transition: bottom 0.1s ease-out;overflow:hidden}
.layermodal_cth .layermodal_wrapper{height:auto}
.layermodal_iframe_wrapper{position: relative;background-color: #000;bottom:0;right:-100%;box-sizing: border-box;z-index:9001;overflow:hidden;min-width:320px;max-width:768px;width:100%;height:100%;z-index:1100;display:flex;flex-direction:column;border-radius:0;transition: right 0.2s ease-out;}
.layermodal_content{position: relative;z-index:1;flex:1 1 auto;height:auto;overflow-y:scroll}
.layermodal_box{background:#fff;position: relative;display:flex;flex-direction:column;height:100svh;}
.layermodal_cth .layermodal_box{height:auto;}
.layermodal_header{position: sticky;height:60px;top:0;}
.layermodal_box .content_tab{position:sticky;top:60px;}
.layermodal_box .tab_content_wrap{position: relative;z-index:1;flex:1 1 auto;height:auto;overflow-y:scroll;display: flex;flex-direction:column;}
.layermodal_header_bdb{box-sizing: border-box;border-bottom:1px solid #e4e4e4}
.layermodal_tit{font-size:17px;font-weight:500;padding:10px 60px 10px 60px;line-height:40px;text-align: center;}
.layermodal_body{position: relative;}
.layermodal_body_fit{display: flex;flex-direction:column;height:100%;}
.tab_content_box_wrap{flex:1 1 auto;height:auto;display:flex;flex-direction:column;}
.tab_content_box_wrap .layer_modal_body_wrap{flex:1 1 auto;height:auto;}
.layermodal_iframe .layermodal_body{height:100svh;}
.layer_modal_body_wrap{padding:16px;}
.layer_modal_body_wrap.npd{padding:0;}

.layermodal_footer{position:sticky;bottom:0;height:77px;z-index:10;background:#fff}
.layermodal_sub_btn .layermodal_footer{height:104px}
.btn_layermodal_close,.btn_layermodal_upload_close{position: absolute;top:10px;right:10px;width:40px;height:40px;display: block;background: url(/cardok/images/btn_close_popup.png) 50% 50% no-repeat;background-size:16px 16px;cursor:pointer}

.layermodal_title{padding-bottom:16px;border-bottom:1px solid #828282}
.layermodal_title h3{font-size:18px;font-weight:500;color:#000;line-height:20px;}
.layermodal_title h3 span{display: inline-block;color:#BDBDBD;font-size:14px;margin-left:4px;font-weight: normal;}
.layermodal_sub_title{margin-top:30px;padding-bottom:16px;border-bottom:1px solid #828282}
.layermodal_sub_title.nbd{border:0;padding-bottom:0;}
.layermodal_sub_title h4{font-size:16px;font-weight:500;color:#000;line-height:20px;}

.agreement_form{padding:16px 0 16px}
.all_agree_check{position: relative;padding:0 0 16px 0;border-bottom:1px solid #E8E9EB}
.all_agree_check + .agreement_wrap{margin-top:16px;}
.all_agree_check .square_check + label{font-size:16px;line-height:28px;padding:0 0 0 40px;font-weight:500;word-break:keep-all;color:#22272E}
.agreement_list_new li{position:relative;margin-top:8px;width:100%;display:flex;justify-content:space-between;}
.agreement_list_new li .square_check + label{flex:0 1 auto;font-size:14px;line-height:16px;padding:6px 0 6px 40px;word-break:keep-all;color:#333;}
.btn_agreement_more{flex:0 0 auto;margin-left:10px;width:24px;font-size:12px;line-height:16px;padding:6px 0;text-align:center;text-decoration:underline;color:#333;}

.join_txt{padding:24px 16px;text-align:center;font-size:18px;line-height:1.5;font-weight:500;}
.join_txt span{display:block;margin-top:15px;font-weight:normal;font-size:13px;color:#666;}
.join_prc_txt{margin-top:40px;text-align:center;font-size:15px;}
.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;border-radius:8px;}
.process li{flex:1 0 auto;text-align:center;}
.prc_chk{background:#00D48D;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:20px;padding:15px;text-align:center;background:#eaeaea;font-weight:500;}
.corp_list li{margin-top:20px;padding-bottom:20px;position:relative;border-bottom:1px solid #ddd}
.corp_list li label{display:block;}
.corp_list li label:before{top:5px;}

.contract_verification{position:relative;}
.contract_verification .limit_count{position:absolute;top:0;right:55px;width:50px;text-align:right;font-size:15px;font-weight:500;line-height:20px;padding:6px 0;color:#EB0000}
.verification .limit_count{position:absolute;top:0;right:5px;width:50px;text-align:right;font-size:15px;font-weight:500;line-height:76px;color:#EB0000}

.setting_list{margin:0 -16px;padding:16px 16px}
.setting_list + .setting_list{border-top:11px solid #F7F7F7}
.setting_list li{position:relative;line-height:34px;color:#000;font-weight:500;}
.setting_list li+li{margin-top:16px;border-top:1px solid #E4E4E4;padding-top:16px}
.setting_list li a{position: relative;display:block;padding:6px 24px 6px 0;line-height:20px;color:#000;font-weight:500;}
.setting_list li a:after{content:'';width:24px;height:32px;position: absolute;top:0;right:0;background:url(/cardok/images/icon_more_r.png) 50% 50% no-repeat;background-size:6px 10px;}
.setting_list li .switch{position:absolute;bottom:0;right:0;}
.setting_list li p{font-size:17px;line-height:20px;color:#000;font-weight:500;}
.setting_list li p strong{font-weight:600;color:#000;}
.app_version{margin-top:24px;text-align:center}
.app_version h4{font-size:20px;color:#8A8A8A;font-weight:700;padding-bottom:8px;}
.app_version p,.app_version p strong{font-size:15px;color:#8A8A8A;font-weight:500;}
.switch {display:inline-block;height:34px;position:relative;width:60px;}
.switch input {display:none;}
.slider {background-color:#E4E4E4;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:#00D48D;}
input:checked + .slider:before {transform:translateX(26px);}
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}

/* popup */
.popup{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100svh;z-index:1;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.popup.popup_show{visibility:visible;opacity:1;z-index:2000;}
.popup_bg,.popup_bg_prevent{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100svh;background:rgba(0,0,0,.4);z-index:2100}
.popup_container{min-width:320px;max-width:480px;width:100%;margin:0 16px;z-index:2200;transform:scale3d(.7, .7, 0);transition: transform 0.1s 0.1s cubic-bezier(0.99, 0.04, 0.57, 1.31)}
.popup.popup_show .popup_container {transform: scale3d(1, 1, 1);transition: transform 0.1s 0.1s cubic-bezier(0.99, 0.04, 0.57, 1.31)}
.popup_content{position:relative;width:100%;max-height:calc(100svh - 64px);background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:4px 4px 16px rgba(0, 0, 0, 0.5);display:flex;flex-direction:column;}
.popup_body{padding:24px 16px 16px;}
.popup_footer{padding:16px 16px}
.popup_content_title{font-size:19px;line-height:23px;font-weight:500;}
.popup_content_txt{margin-top:8px;font-size:15px;line-height:22px;color:#8a8a8a}
.popup_content_txt_list{margin-top:12px;color:#000;font-size:14px;line-height:20px}
.rdo_list li + li{margin-top:12px;}
.btn_grid_row_area{display: grid;grid-template-columns: repeat(auto-fit, minmax(80px, auto));gap:8px;}
.popup_footer .btn_grid_row_area{margin-top:0;}
.popup_footer .btn_col_area{margin-top:0;}
.btn_col_area li + li{margin-top:8px;}
.info_list{padding-top:8px;}
.info_list > li{display: flex;justify-content:space-between;align-items:center;font-size:15px;color: #000;line-height:24px;margin-top:4px;}
.info_list > li span{flex:0 0 auto;line-height:20px;font-size:15px;font-weight:400;color:#8a8a8a;}
.info_list > li strong{flex:0 0 auto;width:auto;line-height:20px;font-size:15px;font-weight:400;margin-left:6px;}
#toast-container{position:fixed;z-index:9999;pointer-events:none}
#toast-container > div{position:relative;pointer-events:auto;overflow:hidden}
#toast-container{width:100%;margin-left:auto;margin-right:auto}
.alert_toast{position:fixed;left:0;top:16px;right:0;margin:0 auto;max-width:320px;z-index:200;transition:all .3s ease-in-out}
.alert_toast.mid{top:50%;margin-top:-24px;}
.alert_toast.bot{top:auto;bottom:16px;margin-top:-24px;}
.alert_toast_box{height:48px;margin:0 16px;background:rgba(0,0,0,.8);border-radius:12px;color:#fff;padding:16px 16px;font-size:12px;text-align:center;font-weight:600;box-sizing:border-box}
@media only screen and (max-width:480px) {
	.alert_toast{max-width:100%;}
}

.footer_notice{position:fixed;left:0;bottom:80px;right:0;margin:0 auto;max-width:768px;z-index:200;transition:all .3s ease-in-out}
.ft_link{position: relative;display: block;margin:0 16px;padding:16px 32px 16px 16px;background:rgba(0,0,0,.8);border-radius:4px;color:#fff;font-size:12px;font-weight:500;box-sizing:border-box;}
.ft_link:after{content:'';position: absolute;top:50%;right:16px;margin-top:-7px;display: block;width:9px;height:14px;background:url(/cardok/images/icon_more_r_w.png) 0 0 no-repeat;background-size:9px 14px;}
.ft_link strong{display: block;font-size:17px;font-weight:700;}
.ft_link span{display: block;font-size:14px;margin-top:6px;}


/* terms */
.wrap_terms{font-size:13px;font-weight:300;color:#000;text-align:left;line-height:20px;}
.terms_version_date{text-align: right;color:#8A8A8A;font-size:13px;font-weight:500;}
.tit_main{margin-top:20px;font-size:15px;color:#000;font-weight:700;}
.tit_subject{margin-top:20px;font-size:13px;color:#000;font-weight:500;}
.list_1depth >	li{margin-top:10px;}
.list_1depth .txt_num{margin:0 8px 0 0;display:inline-block;vertical-align:top}
.list_1depth >	li .terms_p{margin:10px 0 0 20px}
.terms_p + .terms_p{margin-top:10px;}
.terms_p.tar{text-align: right;}
.list_2depth{margin:9px 0 0 0}
.list_2depth li{margin-top:5px;line-height:20px}
.list_2depth li:nth-child(1){margin-top:0;}
.list_2depth_type2{margin:10px 0 0 20px}
.list_2depth_type2 li{margin-top:5px;}
.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}
.list_1depth li h5{margin:10px 0 0 20px;font-size:13px;font-weight:400}
.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;margin-top:20px;}
.terms_table{width:100%;table-layout:fixed;}
.terms_table thead tr th{padding:4px 4px;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:4px 4px;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:4px 4px;text-align:left;color:#000;font-size:13px;border:1px solid #000;background:#fff;vertical-align:top;font-weight:normal;word-break:break-all}
.terms_table tbody tr td p + p{margin-top:20px;}
.terms_table.tdc tbody tr td{text-align: center;}
.list_1depth li .hpn_list{margin:5px 0 0 20px}
.hpn_list > li{position: relative;padding-left:12px;font-size:13px;line-height:16px;color:#000;word-break: keep-all}
.hpn_list > li + li{margin-top:4px;}
.hpn_list > li:before{content:'';position: absolute;left:4px;top:8px;width:4px;height:1px;border-radius:100%;background:#000;}
.hpn_list > li .txt_udl_link{display: inline-block;text-decoration: underline;color:#000}
.terms_box + .terms_box{margin-top:16px;border-top:1px solid #e4e4e4}
.tab_content_terms_wrap{padding:24px 0;}

/* loading */
.loading_wrap{position: fixed;z-index:9001;top:0;right:0;bottom:0;left:0;display: flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.loading_wrap.loading_show{visibility:visible;opacity:1;z-index:9001}
.loading_animation {width: 48px;height: 48px;border: 6px dashed #00D48D;border-radius: 50%;display: inline-block;position: relative;-webkit-animation: loading_roatate 2s linear infinite;animation: loading_roatate 2s linear infinite;}
@-webkit-keyframes loading_roatate {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
	}
@keyframes loading_roatate {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}
@media only screen and (max-width:768px){
}



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



.signature_wrap{position: relative;}
.signature_btn{margin-top:16px;}
.signature-pad--body{position:relative;margin-top:16px;position: relative;width:100%;height:150px;border:1px solid #e4e4e4;border-radius:8px;}
.signature-pad--body canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius:8px;background:transparent !important}
.signature_wrap .btn_remove_signature{position:absolute;top:-12px;right:-12px;display:inline-block;width:30px;height:30px;background:url(/cardok/images/btn_photo_del.png) 50% 50% no-repeat;background-size:15px 15px;cursor:pointer !important}
/* 
.contract_doc_img{margin:0 -16px;}
.contract_doc_img img{max-width:100%;}
.contract_doc_scroll_wrap{width:100%;overflow:hidden;overflow-x:scroll}
.contract_doc{width:2040px;margin:0 auto;}
.contract_page{padding:48px}
.doc_header_cc{font-size:36px;line-height:54px;}
.contract_doc .fc_blue{color:#0434ff}
.doc_title{padding:12px 0;font-size:60px;line-height:54px;font-weight:800;text-align: center;}
.doc_txt{margin-top:12px;font-size:29px;line-height:36px;word-break: keep-all}
.doc_header_cc_flex{display: flex;justify-content: space-between;font-size:36px;line-height:81px;}
.doc_page2{margin-top:144px;border-bottom:9px solid #5d5d5d}
.doc_page2_body{height:2160px}
.doc_notice_tit{border-top:9px solid #5d5d5d;text-align: center;line-height:81px;font-size:45px;background:#bbb;padding:12px 0;}
.doc_notice{border-bottom:3px solid #999}
.doc_notice_list{font-size:36px;line-height:54px;padding:36px 0;}
.doc_input{border-bottom:3px solid #000}
.doc_input_number{display: flex;border-top:3px solid #000;border-bottom:3px solid #000;font-size:42px;}
.doc_input_number_tit{flex:0 0 auto;border-right:3px solid #999;padding:3px 24px;line-height:81px;}
.doc_input_number_content{flex:1 1 auto;font-size:42px;padding:3px 24px;font-weight:500;line-height:81px;}
.doc_input_contract_info{display: grid;grid-template-columns:12% 8% 36% 8% 36%;margin-top:12px;border-top:3px solid #000;border-bottom:3px solid #000;}
.row_flex{display: flex;align-items:center;width:100%;height:100%;justify-content:center}
.doc_input_row_sub_tit{border-left:3px solid #999;border-right:3px solid #999;height:100%;}
.doc_input_row_tit{text-align: center;font-size:45px;align-self: center;height:100%;line-height:54px;}
.doc_input_row_sub_tit{text-align: center;font-size:39px;line-height:48px;}
.doc_input_col_content{font-size:33px;line-height:42px;}
.doc_input_col_content + .doc_input_col_content{border-top:3px solid #999}
.contract_name{font-size:42px;font-weight:500;line-height:42px;font-family:GangwonEdu_OTFBoldA;font-weight:500;font-style:italic}
.doc_input_row_flex{display: flex;}
.doc_inp_label{padding: 3px;flex:0 0 auto;font-weight:500;}
.doc_inp_content{font-size:33px;padding:3px;font-family:GangwonEdu_OTFBoldA;font-weight:500;font-style:italic}
.doc_signature_row{position: relative;text-align: right;padding:3px;}
.doc_signature_row .signature{position: absolute;bottom:3px;right:0;}
.doc_signature_row .signature img{width:auto;height:100px;}
.doc_signature_row .signature_round{width:auto;height:200px;top:10px;bottom:auto;}
.doc_signature_row .signature_round img{height:200px}
.doc_input_contract_info .doc_signature_row .signature_round{top:-100px;bottom:auto;}
.doc_signature_row .signature_square{width:auto;height:260px;top:-130px;bottom:auto;}
.doc_signature_row .signature_square img{height:260px}
.doc_signature_row .signature_user img{width:auto;height:100px;}
.doc_signature_row .doc_signature_label{position: relative;z-index:3;}
.doc_input_company_info{display: grid;grid-template-columns:12% 16% 36% 36%;border-bottom:3px solid #000;}
.doc_input_row_content_bdr{border-right:3px solid #999}
.doc_signature_row_label{height:72px;padding:3px;display: flex;align-items:center;border-top:3px solid #999;}
.doc_signature_row_label span{flex:1 1 auto;width:100%;text-align: center;}
.doc_input_row_label{border-left:3px solid #999;border-right:3px solid #999;font-size:39px;}
.doc_input_label{width:100%;text-align: center;line-height:60px}
.doc_input_company_info .doc_signature_row{height:72px;text-align: left;}
.doc_input_company_info .signature_name{line-height:72px;font-size:45px;font-weight:500;padding:0 48px;font-family:GangwonEdu_OTFBoldA;font-style:italic}
.doc_input_company_info .doc_signature_label{position: absolute;bottom:9px;right:6px;;z-index:3;}
.doc_input_row_center{text-align: center;line-height:60px}
.doc_input_row_center span{display: inline-block;width:150px;text-align: center;font-weight:500;}
.doc_input_date{margin-top:12px;display: flex;border-top:3px solid #000;border-bottom:3px solid #000;font-size:39px;line-height:45px;}
.doc_input_date_tit{flex:0 0 auto;width:20%;border-right:3px solid #999;padding:1px 0;text-align: center;}
.doc_input_date_content{flex:1 1 auto;font-size:39px;padding:3px 24px;font-weight:500;text-align: center;}
.doc_inp_info_tit{margin-top:12px;border-top:3px solid #000;font-size:42px;text-align: center;line-height:54px;}
.doc_rule_txt{margin-top:12px;font-size:39px;font-weight:500;line-height:48px;}
.doc_date{margin-top:12px;text-align: right;font-size:39px;line-height:48px;}
.doc_contract_info{display: grid;grid-template-columns:20% 30% 20% 30%;align-items:center;width:100%;border-top:3px solid #999;font-size:36px;line-height:48px;}
.doc_contract_info_label,.doc_contract_info_label_2{display: flex;align-items:center;justify-content:center;height:100%;border-right:3px solid #999;box-sizing:border-box;padding:6px 12px;}
.doc_contract_info_label_2{border-left:3px solid #999}
.doc_contract_info_content{box-sizing:border-box;padding:3px 12px}
.contract_price{display:inline-block;width:120px}
.doc_tac{text-align: center;}
.doc_tar{text-align: right;}
.special_content{display: flex;justify-content:space-between;margin-top:6px;}
.special_txt{flex:0 0 auto;width:180px;font-size:36px;line-height:48px;font-weight:500;}
.special_insert{flex:1 1 auto;font-size:36px;line-height:48px;font-weight:500;}
.special_insert span{display: inline-block;line-height:48px;vertical-align:top;}
.special_insert img{height:48px}
.stamp_tax{flex:0 0 auto;width:300px;margin-left:48px;font-size:36px;border:3px solid #999;text-align: center;}
.stamp_tit{border-bottom:3px solid #999;line-height:48px;}
.stamp_txt{line-height:48px;padding:12px 0;}
.doc_contract_signature{display: grid;grid-template-columns:15% 35% 15% 35%;height:120px;align-items:center;border-bottom:6px solid #000}
.doc_signature{position: relative;text-align: left;height:96px;padding:3px;}
.doc_signature_tit{text-align: center;line-height:96px;font-size:42px;}
.doc_signature .signature_name{line-height:96px;font-size:51px;font-weight:500;font-family:GangwonEdu_OTFBoldA;font-style:italic}
.doc_signature .doc_signature_label{position: absolute;right:6px;bottom:3px;z-index:3;font-size:36px;}
.doc_signature .signature{position: absolute;bottom:6px;right:0;}
.doc_signature .signature.signature_round{right:-50px;bottom:-20px}
.doc_signature .signature img{height:200px}
.doc_signature .signature_user img{width:auto;height:100px;}
.paper_info{text-align: right;font-size:30px;line-height:36px;} */


.contract_doc_img{margin:0 -16px;}
.contract_doc_img img{max-width:100%;}
.contract_doc_scroll_wrap{width:100%;overflow:hidden;overflow-x:scroll}
.contract_doc{width:680px;margin:0 auto;}
.contract_page{padding:32px}
.doc_header_cc{font-size:11px}
.contract_doc .fc_blue{color:#0434ff}
.doc_title{padding:4px 0;font-size:20px;font-weight:800;text-align: center;}
.doc_txt{margin-top:4px;font-size:11px;line-height:14px;word-break: keep-all}
.doc_header_cc_flex{display: flex;justify-content: space-between;font-size:12px}
.doc_page2{margin-top:48px;border-bottom:3px solid #5d5d5d}
.doc_page2_body{height:720px}
.doc_notice_tit{border-top:3px solid #5d5d5d;text-align: center;background:#bbb;padding:4px 0;}
.doc_notice{border-bottom:1px solid #999}
.doc_notice_list{font-size:12px;line-height:18px;padding:8px 0;}
.doc_input{border-bottom:1px solid #000}
.doc_input_number{display: flex;border-top:1px solid #000;border-bottom:1px solid #000;font-size:14px;}
.doc_input_number_tit{flex:0 0 auto;border-right:1px solid #999;padding:1px 8px;line-height:18px}
.doc_input_number_content{flex:1 1 auto;font-size:14px;padding:1px 8px;font-weight:500;line-height:18px}
.doc_input_contract_info{display: grid;grid-template-columns:12% 8% 36% 8% 36%;margin-top:4px;border-top:1px solid #000;border-bottom:1px solid #000;}
.row_flex{display: flex;align-items:center;width:100%;height:100%;justify-content:center}
.doc_input_row_sub_tit{border-left:1px solid #999;border-right:1px solid #999;height:100%;}
.doc_input_row_tit{text-align: center;font-size:15px;align-self: center;height:100%;}
.doc_input_row_sub_tit{text-align: center;font-size:13px;line-height:16px;}
.doc_input_col_content{font-size:11px;line-height:14px;}
.doc_input_col_content + .doc_input_col_content{border-top:1px solid #999}
.contract_name{font-size:14px;font-weight:500;line-height:14px;font-family:GangwonEdu_OTFBoldA;font-weight:500;font-style:italic}
.doc_input_row_flex{display: flex;}
.doc_inp_label{padding: 1px;flex:0 0 auto;font-weight:500;}
.doc_inp_content{font-size:11px;padding:1px;font-family:GangwonEdu_OTFBoldA;font-weight:500;font-style:italic}
.doc_signature_row{position: relative;text-align: right;padding:1px;}
.doc_signature_row .signature{position: absolute;bottom:1px;right:0;}
.doc_signature_row .signature img{width:auto;height:32px;}
.doc_signature_row .doc_signature_label{position: relative;z-index:3;}
.doc_input_company_info{display: grid;grid-template-columns:12% 16% 36% 36%;border-bottom:1px solid #000;}
.doc_input_row_content_bdr{border-right:1px solid #999}
.doc_signature_row_label{height:32px;padding:1px;display: flex;align-items:center;border-top:1px solid #999;}
.doc_signature_row_label span{flex:1 1 auto;width:100%;text-align: center;}
.doc_input_row_label{border-left:1px solid #999;border-right:1px solid #999;font-size:13px;}
.doc_input_label{width:100%;text-align: center;line-height:20px}
.doc_input_company_info .doc_signature_row{height:32px;text-align: left;}
.doc_input_company_info .signature_name{line-height:32px;font-size:15px;font-weight:500;padding:0 16px;font-family:GangwonEdu_OTFBoldA;font-style:italic}
.doc_input_company_info .doc_signature_label{position: absolute;bottom:1px;right:2px;;z-index:3;}
.doc_input_row_center{text-align: center;line-height:20px}
.doc_input_row_center span{display: inline-block;width:50px;text-align: center;font-weight:500;}
.doc_input_date{margin-top:4px;display: flex;border-top:1px solid #000;border-bottom:1px solid #000;font-size:13px;line-height:15px;}
.doc_input_date_tit{flex:0 0 auto;width:20%;border-right:1px solid #999;padding:1px 0;text-align: center;}
.doc_input_date_content{flex:1 1 auto;font-size:13px;padding:1px 8px;font-weight:500;text-align: center;}
.doc_inp_info_tit{margin-top:4px;border-top:1px solid #000;font-size:14px;text-align: center;line-height:18px;}
.doc_rule_txt{margin-top:4px;font-size:13px;font-weight:500;}
.doc_date{margin-top:4px;text-align: right;font-size:13px;}
.doc_contract_info{display: grid;grid-template-columns:20% 30% 20% 30%;align-items:center;width:100%;border-top:1px solid #999;font-size:12px;}
.doc_contract_info_label,.doc_contract_info_label_2{display: flex;align-items:center;justify-content:center;height:100%;border-right:1px solid #999;box-sizing:border-box;padding:2px 4px;}
.doc_contract_info_label_2{border-left:1px solid #999}
.doc_contract_info_content{box-sizing:border-box;padding:1px 4px}
.contract_price{display:inline-block;width:50px}
.doc_tac{text-align: center;}
.doc_tar{text-align: right;}
.special_content{display: flex;margin-top:2px;}
.special_txt{flex:0 0 auto;width:70px;font-size:12px;line-height:16px;font-weight:500;}
.special_insert{flex:1 1 auto;font-size:12px;line-height:16px;font-weight:500;}
.contract_history_content{position: relative;}
.special_insert span{position: relative;padding-right:150px;display: inline-block;line-height:16px;vertical-align:top;}
.special_insert span img{position: absolute;top:-8px;right:0;height:32px;z-index:1;}
.stamp_tax{flex:0 0 auto;width:100px;margin-left:16px;font-size:12px;border:1px solid #999;text-align: center;}
.stamp_tit{border-bottom:1px solid #999;line-height:18px;}
.stamp_txt{line-height:16px;padding:4px 0;}
.doc_contract_signature{display: grid;grid-template-columns:15% 35% 15% 35%;height:40px;align-items:center;border-bottom:2px solid #000}
.doc_signature{position: relative;text-align: left;height:32px;padding:1px;}
.doc_signature_tit{text-align: center;line-height:32px;font-size:14px;}
.doc_signature .signature_name{line-height:32px;font-size:17px;font-weight:500;font-family:GangwonEdu_OTFBoldA;font-style:italic}
.doc_signature .doc_signature_label{position: absolute;right:2px;bottom:1px;z-index:3;font-size:11px;}
.doc_signature .signature{position: absolute;bottom:2px;right:0;}
.doc_signature .signature img{height:32px}
.paper_info{text-align: right;font-size:10px;}

@media print {
	body{background:#fff}
	.app_head, .fixed_btn_area,.ft_nav{ display:none }
	.content_wrap{padding:0}
	.contract_page{padding:0 !important}
}