@import url(/css/style.css);

*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

.mobile_head {position:relative; height:50px; line-height:50px; padding:0px 0 0 20px; font-size:16px; color:#333; background-color:#f5f5f5; font-weight:500;  }
.mobile_head .btn_close {position:absolute; right:0; z-index:5; width:50px; height:50px; background:url(/images/pop_close.png) no-repeat center ; background-size:auto 20px; }

h3	{ clear:both; display:block; font-size:12px; line-height:1; color:#777777; padding:0 0 10px 0; letter-spacing:-1px; line-height:1.3; margin:0; }
h4	{ padding:15px 0 10px 20px; margin:0; background:url(/images/h4_icon.png) 0 13px no-repeat; font-size:14px; line-height:16px; color:#333; letter-spacing:-1px; }

.pop_content	{ padding:20px; }
.pop_content p	{ padding:0 10px 10px 20px; margin:0; }
.pop_content ul	{ padding:0; margin:0; }
.pop_content li	{ padding:0 0 15px 20px; }

.pop_explain	{ margin:0 0 20px 0; padding:20px 30px 15px 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafcfc; font-weight:bold; color:#999; }

.txt_red	{ color:#f32b2c; }

.pop_wrap img	{ border:0; vertical-align:middle; } 
.pop_cont .small	{ color:#777777; font-size:11px; font-family:'notoSans ', 돋움, 굴림; }
.pop_cont input	{ height:14px; padding:8px 0 0 5px; background:#fbfbfb; border:1px solid #aaaaaa; vertical-align:middle; }
.pop_cont .pop_table td	{ padding:4px 0 4px 0; }
.addsearch_box	{ width:390px; margin:20px 0 0 0; height:120px; overflow:auto; border:1px solid #eaeaea; }

.photo_wrap	{ padding:20px; }
.photo_wrap .photo_big	{ position:relative; }
.photo_wrap .watermark	{ position:absolute; left:30px; bottom:20px; }
.photo_wrap ul	{ display:inline-block; width:800px; padding:20px 0 0 0; }
.photo_wrap li	{ float:left; width:93px; height:68px; background:#f6f6f6; margin:0 7px 7px 0; text-align:center; }
.photo_wrap li img	{ cursor:pointer; }
.photo_wrap ul:after	{ content:""; font-size:0; height:0; }

.pop_scrolling	{height:500px; padding:30px 0 0 0;}

.pop_rule_box	{ padding:20px; font-size:13px; position:relative; width:100%; font-family:'notoSans '}
.pop_rule_box * { font-family:'notoSans '}
.pop_rule_box h3	{ padding:10px 0 10px 0; margin:0; line-height:16px; font-size:12px; color:#333; }
.pop_rule_box p	{ padding:0 0 5px 10px; margin:0; line-height:1.9; letter-spacing:0; color:#666; }
.pop_rule_box ol	{ padding:0 0 5px 15px; margin:0; color:#666;}
.pop_rule_box ol li	{ padding:0 0 5px 0 !important; }
.pop_rule_box ul	{ padding:0 0 5px 15px; margin:0; color:#666;}
.pop_rule_box ul li	{ padding:0 0 5px 0; list-style:none; line-height:1.7; }
.pop_rule_box li strong	{ color:#2969c6; }

/* 차량비교 */
.car_sort	{ padding:13px 0 8px 10px; margin:0; border-top:1px solid #b3b3b3; border-bottom:1px solid #e6e6e6; font-size:11px; line-height:12px; color:#e6e6e6; }
.car_sort a	{ letter-spacing:-1px; margin:0 7px 0; color:#999; }
.car_sort a strong	{ color:#000; }

.compare_wrap	{ clear:both; position:relative; padding:25px; }
.compare_table	{ position:absolute; left:136px; top:25px; }

.t_form 	{ border-top:2px solid #e12a2b; border-left:1px solid #dbdbdb; }
.t_form th { width:110px; height:30px; padding:0; background:#fcfcfc; border-bottom:1px solid #ededed; color:#bbb; text-align:center; font-size:11px; line-height:1 !important; letter-spacing:-1px; }
.t_form th.bgcolor	{ color:#666; height:25px !important; background:#f9f9f9; border-top:1px solid #dbdbdb; }
.t_form th.head	{ height:117px !important; padding:20px 0 0 0; background:url(/images/sub/pop_compare_img2.png) center 50px no-repeat #fcfcfc; font-size:14px; color:#666; vertical-align:top; }
.t_form th.head strong	{ padding:0 2px; color:#e12a2b; font-size:18px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; }
.t_form td { padding:12px 0 9px 15px; margin:0; border-bottom:1px solid #ededed; color:#666; }
.t_form.table {border-top:1px solid #333;}
.t_form.table th {color:#333;font-size:12px; border-right:1px solid #ededed; }
.t_form.table td {border-right:1px solid #ededed;padding:12px 15px 9px 15px; text-align:right; }
.t_form.table td input {width:100px;}
.t_form.table td .check_select { position:relative; display:block; width:50px;height:20px;border:1px solid #e12a2b; border-radius:30px; overflow:hidden; cursor:pointer;}
.t_form.table td .check_select label {display:block; width:100%;height:100%;border-radius:30px; background:#fff; color:#e12a2b; font-size:12px; line-height:20px;font-weight:bold; text-align:center;}
.t_form.table td .check_select input { position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;filter:alpha(0);_opacity:0;opacity:0;-moz-opacity:0;-webkit-opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
.t_form.table td .check_select input:checked + label { background:#e12a2b; color:#fff;}
.t_form.table2 {border-top:1px solid #333;}
.t_form.table2 td {border-right:1px solid #ededed;padding:9px 0 6px 0;text-align:center;}
.t_form.table2 tbody th {border-right:1px solid #ededed;background:none;width:auto !important; font-weight:normal;color:#333; font-size:12px; line-height:16px !important;}

.sar-table { border-top:2px solid #e12a2b; border-right:1px solid #dbdbdb; }
.sar-table th { height:25px; padding:0; background:#f9f9f9; border-top:1px solid #dbdbdb; border-bottom:1px solid #ededed; color:#9b9b9b; text-align:left; font-size:11px; line-height:1 !important; letter-spacing:-1px; cursor:move; color:#f9f9f9; }
.sar-table th.head	{ height:137px !important; background:#fff; border-top:0 solid #dbdbdb; border-left:1px solid #dbdbdb; color:#666; text-align:center; }
.sar-table th.head .car_list	{ clear:both; padding:0; }
.sar-table th.head .car_list li img	{ width:175px; height:85px; }
.sar-table th.head .car_list li	{ position:relative; float:left; height:137px; margin:0; color:#c8c8c8; padding:0; }
.sar-table th.head .car_list li a:hover	{ text-decoration:none; }
.sar-table th.head .car_list li .title	{ color:#999; font-size:12px; padding:9px 12px 0 12px; font-weight:normal; letter-spacing:0; }
.sar-table th.head .car_list li .title strong	{ color:#111111; font-size:14px; line-height:1.5; font-weight:bold; }
.sar-table th.head .car_list li .clear	{ clear:both; }
.sar-table td { width:165px; height:30px; padding:0 0 0 10px; margin:0; border-left:1px solid #e7e7e7; border-bottom:1px solid #ededed; color:#444; }
.sar-table td.small	{ font-size:11px; }

#handlerTable th { cursor:default; }
.some-handle { cursor:move; }
#constrainTable th { cursor:default; }
#constrainTable th.accept { cursor:move; }
.some-handle { height:18px; margin:0 1px; }

.dragtable-sortable { list-style-type: none; margin: 0; padding: 0; -moz-user-select: none; }
.dragtable-sortable li { display:block; margin: 0; padding: 0; float: left; background: white; }
.dragtable-sortable th	{ width:175px !important;height:25px; }
.dragtable-sortable td	{ width:175px !important;height:30px; }
.dragtable-sortable li:first-child td { display:block; padding:8px 0 0 10px !important; width:165px !important; height:22px !important; white-space:nowrap; vertical-align:middle; }
.dragtable-sortable th.head	{ height:50px !important; }

.ui-sortable-helper { opacity: 0.7;filter: alpha(opacity=70); }
.ui-sortable-placeholder { visibility: visible !important; background: #fff !important; visibility: visible !important; }
.ui-sortable-placeholder * { opacity: 0.0; visibility: hidden; }

/*  이자계산기 */
.iza_box	{ padding:25px; }	
.iza_box p	{ padding:8px 0 0 0; font-size:12px; color:#999; letter-spacing:-1px; line-height:20px; }
.iza_box p span	{ color:#007495; font-weight:bold; }

.iza_price	{ padding:10px 0 10px 20px; color:#333; background:#efefef; border-top:1px solid #ddd; }
.iza_price span	{ display:inline-block; width:55px; color:#666; letter-spacing:-1px; }
.iza_price .input	{ width:125px; background:#fafafa !important; border:1px solid #999; padding:4px 0 2px 5px !important; color:#e12a2b; font-size:14px; font-weight:bold; }
.iza_price input	{ background:none; }

.iza_table	{ width:100%; background:url(/images/sub/calculation_img2.png) right 0 no-repeat #5f5b5c; }
.iza_table th	{ padding:25px 0 12px 30px; font-size:14px; line-height:28px; color:#e9eff5; text-decoration:underline; letter-spacing:-1px; text-align:left; font-family:dotum; }
.iza_table td	{ color:#c1c1c1; vertical-align:top; padding:0 0 0 30px; letter-spacing:-1px; }
.iza_table .sum	{ padding:0 0 10px 0 !important; width:30px !important; background:url(/images/sub/detail_img2.gif) no-repeat center 20px; }
.iza_table td input	{ border:1px solid #797273; padding:3px 10px 4px 0 !important; margin:0 0 4px 0; background:#464041; color:#ff6c00; font-family:Verdana, Geneva, sans-serif; font-size:16px; text-align:right; }
.iza_table td select	{ border:1px solid #797273; margin:0 0 4px 0; background:url(/images/header_select2.gif) no-repeat 97% 50% #464041; color:#ff6c00; font-weight:bold; }
.iza_table td strong	{ padding:0 3px; color:#fff; font-weight:bold; font-size:14px; font-family:Verdana, Geneva, sans-serif; }
.iza_table td.result	{ border:15px solid #5f5b5c; text-align:center; font-size:16px; line-height:1; letter-spacing:0; font-weight:bold; color:#ff3600; padding:20px 0 18px 0 !important; background:url(/images/sub/detail_img1.gif) no-repeat center 0 #3d3a3a; }
.iza_table td.result strong	{ color:#ff4800; font-weight:400; font-size:20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; }
.iza_table td.result .text	{ display:none; }
.iza_table td.result span	{ display:inline-block; width:168px; }
.iza_table .result input	{ color:#ff3600 !important; }

.btn_wrap	{ position:relative; margin:0 auto; padding:20px 0 0 0; text-align:center; }
.btn_wrap .btn	{ border:0; background:url(/images/sub/btn_close.png) no-repeat; width:135px; height:36px; text-indent:-9999px; cursor:pointer; }
.btn_wrap .btn_close { display:inline-block;width:135px; height:36px; cursor:pointer;border:0;background:#e12a2b; color:#fff; font-size:12px; line-height:20px;font-weight:bold; text-align:center;}



/*======================================================================================================================================================================================= 
	popup 
=======================================================================================================================================================================================*/
.modal-popup.modal-reset {display:block !important;position:relative !important;height:auto !important;}
.modal-popup {overflow-y:auto;overflow-x:hidden;position:fixed;left:0;top:0;width:100%;height:100%; background:#fff;z-index:10001;-webkit-overflow-scrolling:touch;/*background:url('../usedcar/pop5.png') no-repeat #ededed;background-size:100%;opacity:0.3;*/}
/*.modal-popup:after {content:'';position:absolute;left:0;top:0;width:100%;height:1000px;z-index:100000;}*/
.modal-popup .pop-header {position:relative;padding:5px 10px 5px 20px;vertical-align: middle;text-align:left;background:var(--txt-default);border-radius:0 !important;border:none !important;}
.modal-popup .pop-header span {display:inline-block;padding-top:18px;color:#333;font-size:19px;line-height:19px;font-weight:500;vertical-align:middle;word-break:keep-all;}
.modal-popup .pop-header .product-title {display:block;padding:14px 13px 11px 13px;background:#154fd2;color:#fff;font-size:16px;-weight:bold;text-align:left;line-height:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all;}
.modal-popup .pop-header .title {display:inline-block;color:#fff;font-size:18px;line-height:40px;font-weight:500; vertical-align:middle;word-break:keep-all;}
.modal-popup .pop-header .title .symbol {display:inline-block; width:40px; height:40px; margin-right:10px;vertical-align:middle;}
.modal-popup .pop-header .btn-pop-close {position:absolute;top:50%;right:2px;width:47px;height:47px;margin:-23px 0 0 0;background:url('/images/pop_close.png') center center no-repeat;background-size:18px 18px;font-size:0;line-height:0;text-indent:-999px;}


.modal-popup .title-wrap {padding:20px 13px 0 13px;}
.modal-popup .title-wrap h3 {color:#333 !important;font-weight:500;}
.modal-popup .tbl-wrap {padding:0 13px;}

.modal-popup.popup-blank {display:block !important;}
.modal-popup .button-group {padding-left:0;padding-right:0;}

/* 레이어형 */
.block-ui, .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5); z-index:10000;}
.block-ui {display:none;}
.block-ui.white {display:block;background:rgba(0,0,0,.3);z-index:999 !important;}
.modal-popup.ty02 {position:relative;width:auto;max-width:100%;max-height:100%; height:auto; background:#fff;padding:1.5rem;  border-radius:0.85rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; }
.modal-popup.ty02 .pop-header {position:relative;height:60px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0;border-radius:0 !important;}
.modal-popup.ty02 .pop-header span {display:inline-block;padding-top:18px;color:#333;font-size:19px;line-height:19px;font-weight:500;vertical-align:middle;word-break:keep-all;}
.modal-popup.ty02 .pop-header .title { display:block; font-size:1rem; line-height:2.5rem; padding-bottom:25px; font-weight:bold ;text-transform:uppercase ;  text-align:center; color:#222; }
.modal-popup.ty02 .pop-header .btn-pop-close {top:0px;right:0px; margin:0; width:47px;height:47px; border:0; background:url('/images/pop_close.png') center center no-repeat;background-size:auto 25px; }
.modal-popup.ty02 .pop-content { display:block;padding:0px 10px 0px;background:#fff;height:calc(100% - 100px);overflow-y:auto;font-size:16px;-webkit-overflow-scrolling:touch; }