@charset "utf-8";

/* ******************************************************
	00. common
*******************************************************/
* {margin: 0; padding: 0; box-sizing: border-box;}
li {list-style: none;}
a {text-decoration: none; color: inherit;}

.letter{letter-spacing:normal !important} 
.under{text-decoration: underline !important}
html.fix{overflow-y:hidden}

.desk{display:block}
.mobile{display:none}

html{font-family:'MINIRegular' , 'Nanum Myeongjo', sans-serif;font-weight:300;text-align:left;color:#262626;font-size:16px;line-height:1;letter-spacing:0;word-break:keep-all;}
input,textarea,select,button {font-family:'MINIRegular' , 'Nanum Myeongjo', sans-serif;;font-weight:400;letter-spacing:0;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face {
	font-family: 'MINIRegular';
	font-style: normal;
	font-weight: 300;
	src: url('../font/mini_serif-regular-web.eot'); /* IE9 Compat Modes */
	src: url('../font/mini_serif-regular-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../font/mini_serif-regular-web.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../font/mini_serif-regular-web.woff') format('woff'); /* Modern Browsers */
  }
@font-face {
	font-family: 'MINIBold';
	font-style: normal;
	font-weight: 600;
	src: url('../font/mini_serif-bold-web.eot'); /* IE9 Compat Modes */
	src: url('../font/mini_serif-bold-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../font/mini_serif-bold-web.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../font/mini_serif-bold-web.woff') format('woff'); /* Modern Browsers */
  }
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumMyeongjo-Regular.eot);
  src: url(../font/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(../font/NanumMyeongjo-Regular.woff) format('woff'),
       url(../font/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumMyeongjo-Bold.eot);
  src: url(../font/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(../font/NanumMyeongjo-Bold.woff) format('woff'),
       url(../font/NanumMyeongjo-Bold.ttf) format('truetype');
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* ******************************************************
	01. layout
*******************************************************/
.wrap{position:relative; opacity:0; transition:opacity 0.5s ease;}
.wrap.open {opacity:1;}

.color_01{color:#0454b3 !important;}
.color_02{color:#1c69d5 !important;}

.inner {position:relative; max-width:1190px; margin:0 auto; padding:0 45px;}

/* contents */
#container{position:relative;padding:150px 0 100px 0;}
#contents{position:relative; max-width:1190px; margin:0 auto; padding:40px 45px 0 45px;}

.search-result {display: none;}
.search-result.active {display: block;}
.carnum-inner {}
.carnum-inner h3 {font-size: 34px; margin-bottom: 10px; font-family:'MINIBold' , 'Nanum Myeongjo', sans-serif;font-weight:600;}
.carnum-inner p {margin-bottom: 50px; line-height: 1.6em;}
.carnum-inner .search {overflow: hidden; margin-bottom: 20px;}
.carnum-inner .search li:first-child {float: left; width: 420px;}
.carnum-inner .search li:last-child {float: left; width: 150px;}
.carnum-inner .dic {}
.carnum-inner .dic ul {}
.carnum-inner .dic li {font-size: 12px; color: #666; padding: 4px; line-height: 1.5em;}
.carnum-inner .dic li::before {content: '*'; padding-right: 6px;}

.right-text {overflow: hidden; margin-top: 50px;}
.right-text p {float: right;}
.right-text p span {color: rgb(190, 42, 42);}

.car-infor {margin-top: 10px; background: #e6e6e6;; padding: 40px;}
.car-infor .car-infor-inner {padding: 40px; background: #fff;}
.car-type {overflow: hidden; margin-bottom: 10px;}
.car-type > li:first-child {float: left; width: 15%; padding-top: 14px; line-height: 100%;}
.car-type > li:last-child {float: left; width: 85%;}
.models-dic li {font-size: 12px; color: #666; padding: 3px; line-height: 1.5em;}

.car-year {overflow: hidden; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #c7c7c7;}
.car-year li:first-child {float: left; width: 15%; padding-top: 14px; line-height: 100%;}
.car-year li:last-child {float: left; width: 85%;}

.result {width: 100%; overflow: hidden; margin-bottom: 25px;}
.result h3 {margin-bottom: 15px; font-size: 24px;}
.result-inner {overflow: hidden;}
.pdf-downoad {background-color: #e6e6e6; width: 25%; padding: 15px; margin-right: 10px; float: left; margin-bottom: 15px;}
.pdf-downoad p {font-weight: 400; margin-bottom: 20px; line-height: 1.4em;}
.pdf-downoad a {font-weight: 700; font-size: 11px; transition: 0.2s; color: #1c69d4;}
.pdf-downoad a:hover {color: #0454b3;}
.pdf-downoad a .bx {font-size: 14px;}
.result-dic {}

/* Middle Teaser */
.middle-teaser {}
.middle-teaser .teaser-1 {display: flex; margin-bottom: 50px; gap: 30px;}
.middle-teaser .teaser-1 .content {flex: 1;}
.middle-teaser .teaser-1 .content h3 {font-family: 'MINIBold', 'Nanum Myeongjo', sans-serif; font-size: 28px; font-weight: 700; margin: 15px 0;}
.middle-teaser .teaser-1 .content p {line-height: 1.5em; margin-bottom: 10px;}
.middle-teaser .teaser-1 img {width: 100%;}
.middle-teaser .teaser-1 .mo-content {display: none;}



.carnum-inner .search input {width: 100%;}

html.modal_open {position:fixed;top:0;left:0;}
html.ios , body.ios {
	/*
	overflow: auto !important;
	*/
	height : 100% !important;
}

body.ios input , body.ios select , body.ios textarea{
	-webkit-user-select : text;
	-moz-user-select : text;
	-ms-user-select : text;
	user-select: text;
}

body.ios .pop_wrap {position:absolute;/*  -webkit-overflow-scrolling : touch;*/}



/* ******************************************************
	02. table
*******************************************************/
table.board_list{width:100%;table-layout:fixed;}
table.board_list > tbody > tr > th,
table.board_list > tbody > tr > td{padding:15px 20px;font-size:15px;color:#666;line-height:22px;vertical-align:middle;text-align:left;border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
table.board_list > tbody > tr > th {font-weight:700;color:#262626}
table.board_list > tbody > tr:first-child > th,
table.board_list > tbody > tr:first-child > td {border-top-color:#999}
table.board_list > tbody > tr:last-child > th,
table.board_list > tbody > tr:last-child > td {border-bottom-color:#999}


/* ******************************************************
	03. button
*******************************************************/
a.btn_default , input[type=submit].btn_default , button.btn_default{display:inline-block;min-width:185px;max-width:285px;height:40px;padding:0 15px;font-size:14px;line-height:40px;text-align:center;box-sizing:border-box;transition:color 0.4s, border 0.4s, background 0.4s ease}
a.btn_default.wide,
button.btn_default.wide {max-width:none;}
.btn_default.big {font-size:24px; line-height:72px; height:72px; max-width:none; padding:0 40px;font-weight:700;}

a.btn_blue , input[type=submit].btn_blue , button.btn_blue{color:#fff;background:#1c69d4;}
a.btn_blue:hover , input[type=submit].btn_blue:hover , button.btn_blue:hover{background:#0653b6;}

a.btn_gray , input[type=submit].btn_gray , button.btn_gray{color:#fff;background:#666;}
a.btn_gray:hover , input[type=submit].btn_gray:hover , button.btn_gray:hover{background:#4d4d4d;}


/* 상단 바로가기 버튼 */
#btn_page_top{position:fixed;bottom:150px;left:50%;z-index:10;display:none;margin-left:596px;width:44px;height:44px;background:url(../images/common/btn_top.png) left top no-repeat;}


.pc_block_con {display:block;}
.mobile_block_con {display:none;}
.pc_inline_con {display:inline-block;}
.mobile_inline_con {display:none;}


/* ******************************************************
	04. INUPT
*******************************************************/
input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=tel],
input[type=password]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;height:40px;text-align:left;font-size:14px;line-height:16px;color:#262626;padding:12px 10px;background-color:#fff;border-radius:0;border:2px solid #c7c7c7;box-sizing:border-box;transition:background 0.5s, border 0.5s ease;z-index:0;outline:none;box-sizing:border-box;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 40px #efefef inset;-webkit-text-fill-color: #333}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;}
select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:100%;height:40px;font-size:14px;color:#444;line-height:1;padding:5px 20px 5px 10px;border-radius:0;background-color:#fff;border:2px solid #c7c7c7;box-sizing:border-box;z-index:0;white-space:normal;word-wrap:normal;word-break:normal;background:url(/images/select_arrow_blue.svg) right center no-repeat;background-size:40px auto; }
select:focus{outline:none;border:2px solid #1c69d4}
select::-ms-expand{display:none}
select{padding:5px 10px \0/IE9;}
textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:100%;height:160px;font-size:14px;line-height:20px;color:#333;padding:20px 10px;background-color:#fff;border:2px solid #c7c7c7;border-radius:0;box-sizing:border-box;resize:none;transition:background 0.5s, border 0.5s ease;}


input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus,
input[type=text].active,
input[type=number].active,
input[type=email].active,
input[type=url].active,
input[type=tel].active,
input[type=password].active,
textarea.active {outline:none;border:2px solid #1c69d4 !important;z-index:1}

input[type=text]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=tel]:disabled,
input[type=password]:disabled,
select:disabled{background-color:#e4e4e4}

::-webkit-input-placeholder{color:#888}
::-moz-placeholder{color:#888}
:-ms-input-placeholder{color:#888}
:-moz-placeholder{color:#888}
input[type=submit]{display:inline-block;border:none;outline:none;padding:0;background:none;border-radius:0;cursor:pointer}
button{display:inline-block;border:none;outline:none;padding:0;background:none;border-radius:0;cursor:pointer}
button > span{position:relative;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #efefef inset;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


/* jquery-ui */
.ui-datepicker .ui-datepicker-title select {display:inline-block; min-width:0; width:40%; height:30px; padding:5px 10px; margin:0 3px; color:#222; font-size:14px; line-height:1; border:1px solid #ddd; background-color:#fff; background-image:url(../../images/util/select_arrow_gray.png); background-position:right 8px center; background-repeat:no-repeat; vertical-align:middle; -webkit-appearance:inherit; appearance:inherit}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:4px;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top:3px;}


.form-checkbox {position:relative;display:inline-block; line-height:20px;}
.form-checkbox input[type=checkbox] {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-checkbox input[type=checkbox]:checked + .form-check-icon:after {opacity:1;}
.form-checkbox input[type=checkbox]:checked + .form-check-icon:before {border-color:#1c69d4;}
.form-checkbox .form-check-icon {position:relative; display:block; min-width:20px; min-height:20px;}
.form-checkbox .form-check-icon:before {content:''; position:absolute; top:0; left:0; display:block; width:20px; height:20px; border:2px solid #c7c7c7; border-radius:0; background-color:#fff; box-sizing:border-box;}
.form-checkbox .form-check-icon:after {content:''; position:absolute; top:0; left:0; display:block; width:20px; height:20px; background:url('../images/content/icon_form_checkbox.png') 0 center no-repeat; z-index:5; opacity:0; transform:rotate(0.01deg);background-size:20px auto;}
.form-checkbox .form-check-icon > em {display:block; padding-left:25px; font-size:13px; color:#333;}

.form_select {position:relative;display:inline-block;width:100%;height:36px;border:2px solid #c7c7c7;}
.form_select select{position:absolute;top:-2px;left:1px;width:100%;height:40px;margin:0;border:none;}



.form_grid {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:20px 0;}
.form_grid > div{display:flex; flex-wrap:wrap; margin:-5px;}
.form_grid > div > div{box-sizing:border-box;padding:5px;}
.form_grid .grid_01{width:100%;}
.form_grid .grid_02{width:50%;}
.form_grid .grid_03{width:33.33%;}
.form_grid .grid_04{width:25%;}
.form_grid .grid_05{width:20%;}
.form_grid .grid_06{width:16.66%;}

.upload_file{position:relative;padding-right:240px;overflow:hidden;}
.upload_file:first-child{margin-top:0;}
.upload_file input[type='file']{position:absolute;top:0;left:0;display:block;width:100%;height:40px;opacity:0;z-index:5;cursor:pointer;}
.upload_file input[type='text']{}
.upload_file .btn_file{position:absolute;top:0;right:0;max-width:230px;min-width:230px; width:230px;height:40px;}
.upload_file .btn_file_add,
.upload_file .btn_file_del{position:absolute;top:0;right:0;}
.upload_file_info {font-size:14px; color:#999; line-height:20px; margin-top:7px;}


.btn_file_add{position:relative;display:inline-block;width:40px;height:40px;box-sizing:border-box;background:#1c69d4;border:2px solid #1c69d4;z-index:10;}
.btn_file_add:before{content:'';position:absolute;top:50%;left:50%;display:block;width:14px;height:2px;margin:-1px 0 0 -7px;background:#fff;}
.btn_file_add:after{content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;margin:-7px 0 0 -1px;background:#fff;}

.btn_file_del{position:relative;display:inline-block;width:40px;height:40px;box-sizing:border-box;background:#fff;border:2px solid #c7c7c7;z-index:10;}
.btn_file_del:before{content:'';position:absolute;top:50%;left:50%;display:block;width:14px;height:2px;margin:-1px 0 0 -7px;background:#666;}

/* repair */
.repair {text-align: center; line-height: 1.4rem;}
.repair .tit {font-size: 24px; margin-bottom: 10px; line-height: 2rem;}


@media only screen and (max-width: 1024px) {
	
	.pdf-downoad {width: 48%;}

}



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

	#btn_page_top{bottom:70px;right:15px}

	.inner {padding:0 15px}

	#contents{padding:20px 15px;} 

	.carnum-inner .search li:first-child {float: none; margin-bottom: 10px;}

	.car-infor {padding: 20px;}
	.car-infor .car-infor-inner {padding: 20px;}
	.car-type {overflow: hidden; margin-bottom: 10px;}
	.car-type li:first-child {float: none; width: 100%; margin-bottom: 10px;}
	.car-type li:last-child {float: none; width: 100%;}
	.car-year li:first-child {float: none; width: 100%; margin-bottom: 10px;}
	.car-year li:last-child {float: none; width: 100%;}
	.carnum-inner .search li:first-child {float: none; width: 100%;}
	.carnum-inner .search li:last-child {float: none; width: 100%;}

	.middle-teaser .teaser-1 {display: block; margin-bottom: 50px; gap: 30px;}
	.middle-teaser .teaser-1 .content {flex: none;}
	.middle-teaser .teaser-1 .content p img {width: 100%;}
	.middle-teaser .teaser-1 .mo-content {display: block;}
	.middle-teaser .teaser-1 .pc-content {display: none;}

	.pdf-downoad {width: 100%; float: none;}

	a.btn_default , input[type=submit].btn_default , button.btn_default{display:inline-block;min-width:100%;max-width:100%;}

	.pc_block_con {display:none;}
	.mobile_block_con {display:block;}
	.pc_inline_con {display:none;}
	.mobile_inline_con {display:inline-block;}
}