@charset "utf-8";


/* Popup Print */
.carhistory-wrap									{margin-top:50px; padding:0 10px; background-color:#e3e3e3;}


/* Car Info Header */
.carinfo-header										{margin:0 -30px; padding:30px 0; background-color:#fff; text-align:center;}
.carinfo-header strong,
.carinfo-header em,
.carinfo-header span								{display:block;}
.carinfo-header strong								{position:relative; margin-bottom:20px; padding-bottom:20px; font-family:'NotoKrL'; font-weight:normal; font-size:30px; color:#333;}
.carinfo-header strong:after						{content:""; position:absolute; bottom:0; left:50%; width:35px; height:2px; background-color:#e6e6e6; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.carinfo-header em									{margin-bottom:10px; font-family:'NotoKrM'; font-size:18px; color:#000;}
.carinfo-header span								{font-size:14px; color:#151515;}


/* Layout Carhistory */
.carhistory > li .contents							{padding:30px 20px;}
.carhistory > li									{margin-top:30px; background-color:#fff;}
.carhistory > li > em								{display:block; padding-left:20px; font-family:'NotoKrM'; font-size:16px; color:#fff; line-height:40px; background-color:#189bfa;}


/* 사고이력요약 */
.summary											{margin:-10px; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.summary li											{padding:10px; width:100%; text-align:center;}
.summary li > article								{padding:20px 0;}
.summary li p										{display:block; margin:0 auto; width:80px;}
.summary li p img									{width:100%;}
.summary li em										{display:block; margin:10px 0; font-size:17px; color:#000;}
.summary li span									{display:block; font-family:'NotoKrM'; font-size:19px; color:#189bfa;}
.summary li strong									{display:block; padding-top:15px; font-weight:normal; font-size:16px; color:#000;}
.line-box											{flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.line-box li										{width:25%;}
.line-box li article								{border:1px solid #e6e6e6;}
.width-compact										{margin:-10px auto; max-width:600px;}
.width-minimum										{margin:-10px auto; max-width:400px;}


/* 보조설명 */
.message											{margin-top:30px; text-align:center;}
.message em											{position:relative; padding-left:45px; font-family:'NotoKrM'; font-size:18px; color:#353535; line-height:1.6;}
.message em:after									{content:""; position:absolute; top:-3px; left:0; z-index:1; width:36px; height:30px; background:url('/img/carhistory/siren.png') no-repeat;}
.message strong										{font-weight:normal; color:#189bfa;}
.explain											{display:block; margin-bottom:20px; font-size:15px; color:#000; line-height:1.4;}
.explain b											{font-weight:normal; color:#189bfa;}


/* Table Report */
.table-report table									{width:100%;}
.table-report table th,
.table-report table td								{padding:5px; height:50px; font-family:'NotoKrM'; font-size:16px; border:1px solid #d2d2d2; text-align:center;}
.table-report table th								{font-weight:normal; color:#333; background-color:#f5f5f5;}
.table-report table td								{color:#189bfa;}
.table-report table td > em							{color:#000;}
.table-report table.td-left td						{padding-left:20px; text-align:left;}


/* Table Accident */
.table-accident table								{width:100%;}
.table-accident table th,
.table-accident table td							{padding:10px; font-family:'NotoKrM'; font-size:15px; border:1px solid #d2d2d2; text-align:center;}
.table-accident table th							{height:50px; font-weight:normal; color:#333; background-color:#f5f5f5;}
.table-accident table td							{color:#000;}
.table-accident table td p							{display:block; padding:4px 0;}
.table-accident table td > em						{display:inline-block; padding:0 7px; height:20px; line-height:20px; font-family:'NotoKrM'; font-size:13px; color:#fff; background-color:#3c3c3c; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.table-accident table td > a						{display:inline-block; margin-bottom:10px; padding:0 10px; height:20px; line-height:20px; font-size:12px; color:#189bfa; border:1px solid #189bfa; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}


/* Divide */
.divide												{margin:0 -10px;}
.divide:after										{content:""; display:block; float:none; clear:both;}
.divide > li										{float:left; padding:0 10px; width:50%;}


/* 용어설명 */
.guide-box											{position:relative; margin-top:30px; padding:30px; background-color:#f5f5f5;}
.guide-box > span									{position:absolute; top:0; z-index:1; padding:8px 20px; font-size:15px; color:#fff; background-color:#189bfa; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px;}
.guide-box > dl										{margin-top:15px;}
.guide-box > dl > dt								{position:relative; margin-bottom:5px; padding-left:10px; font-family:'NotoKrB'; font-size:15px; color:#151515;}
.guide-box > dl > dt:before							{content:""; position:absolute; top:5px; left:0; z-index:1; width:4px; height:4px; background-color:#189bfa;}
.guide-box > dl > dd								{padding:0 10px; font-size:13px; color:#333; line-height:1.4;}


/* 미가입기간 */
.period												{margin-top:40px; padding:25px; font-size:18px; color:#000; border:1px solid #e8e8e8; background-color:#f5f5f5; text-align:center;}
.period b											{font-weight:normal; color:#189bfa;}


/* 상세설명 */
.detailed											{margin-top:25px;}
.detailed > li										{margin-bottom:8px; font-size:14px; color:#000; line-height:1.2;}
.detailed > li b									{font-weight:normal; color:#189bfa;}
.detailed > li em									{display:block; padding-top:15px; font-size:13px; color:#787878;}


/* 유의사항 */
.carhistory-caution									{margin-bottom:50px;}
.carhistory-caution > li							{position:relative; margin-bottom:5px; padding-left:10px; font-size:14px; color:#000; line-height:1.4;}
.carhistory-caution > li:before						{content:"-"; position:absolute; top:0; left:0; z-index:1;}
.carhistory-caution > li b							{font-weight:normal; color:#189bfa;}


/* 보험처리 상세정보 */
.dashed-line										{margin:0 -10px;}
.dashed-line > li									{padding:30px 0; display:table; width:100%; border-top:1px dashed #b4b4b4;}
.dashed-line > li:first-child						{border-top:none;}
.time,
.accident01,
.accident02											{display:table-cell; vertical-align:top; padding:0 10px;}
.time												{vertical-align:middle; width:20%; font-size:24px; color:#189bfa; text-align:center;}
.accident01											{width:50%;}
.accident02											{width:30%;}
.accident01 > em,
.accident02 > em									{display:block; margin-bottom:5px; font-size:16px; color:#fff; line-height:50px; text-align:center;}
.accident01 > em									{background-color:#189bfa;}
.accident02 > em									{background-color:#00b5b8;}
.color01											{color:#189bfa;}
.color02											{color:#00b5b8;}


/* 이용정보 */
.use-information									{margin:0 -15px; padding:40px 0; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.use-information li									{padding:0 15px; width:100%;}
.use-information li dt								{position:relative; margin-bottom:20px; padding-bottom:20px; font-family:'NotoKrL'; font-size:24px; color:#189bfa; text-align:center;}
.use-information li dt:after						{content:""; position:absolute; bottom:0; left:50%; width:24px; height:2px; background-color:#dcdcdc; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.use-information li dd								{position:relative; margin-bottom:15px; font-size:15px; color:#333; line-height:1.5;}
.use-information li dd em							{display:block; padding-left:10px; line-height:1.5;}
.use-information li dd em:before					{content:""; position:absolute; top:9px; left:0; z-index:1; width:4px; height:4px; background-color:#189bfa;}
.use-information li dd span							{display:block; margin-top:8px; padding:0 10px;}


/* 중고차사고이력정보서비스는? */
.accident-service									{margin:0 -30px; padding:60px 0; background-color:#fff; text-align:center;}
.accident-service > dl > dt							{position:relative; margin-bottom:30px; padding-bottom:30px; font-family:'NotoKrL'; font-weight:normal; font-size:34px; color:#333;}
.accident-service > dl > dt:after					{content:""; position:absolute; bottom:0; left:50%; width:35px; height:2px; background-color:#e6e6e6; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.accident-service > dl > dd							{margin-bottom:15px; font-size:15px; color:#151515;}
.accident-service > em								{display:block; margin-top:30px; font-size:24px; color:#333; line-height:1.6;}
.accident-service .conclusion						{margin-top:50px; color:#333;}
.accident-service .conclusion span					{display:block; margin-bottom:10px; font-size:15px;}
.accident-service .conclusion p						{font-family:'NotoKrL'; font-size:42px;}