@charset "utf-8";
import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('style.css');
* {
  padding:0;
  margin:0;
}
body {
  padding:0;
  margin:0;
  font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; 
	padding-top: 60px;
}

a {
  color:inherit;
  text-decoration:none;
}
img {
  vertical-align:top;
}
ul, ol, li {
    list-style: none;
}

/* CSS Document */

 .mo {display:none;}

.pc {
  width:100%;
  max-width:1600px;
  margin:0 auto;
	display: block;
}


article img {
  width:100%;
}
article p {
  padding:0 4%;
  text-align:justify;
  font-size:20px;
  line-height:1.9em;
  letter-spacing:-0.065em;
  font-weight:300;
  color:#232323;
}
b {
  font-weight:600;
  color:#000;
}

.pt4{
  padding-top:4%;
}
.pt7{
  padding-top:10%;
}

.car_list { width: 100%; max-width:800px;  padding-top: 360px; margin-top: -360px;  background: #1c2127;}
.car_list .inner { position: relative; z-index: 1!important; padding: 0px; max-width:800px;  margin: 0 auto; background: #1c2127; overflow: hidden; }
.car_list h5 img {width: 100%; margin: 0 auto; text-align: center; display: block;   }
.car_list ul { padding:0;}
.car_list ul li { width:50%; float:left; padding: 0px 10px 20px 10px; box-sizing:border-box; cursor: pointer;}
.car_list ul li:nth-child(odd) { padding: 0px 5px 20px 10px; }
.car_list ul li:nth-child(2n) { padding: 0px 10px 20px 5px; }

.car_list .hiddenvalue { display:none; } 
.prdBt-top { padding: 0px 0; position: relative; box-sizing: border-box;}




/* 디비부분-피씨  */
.dbt{position: relative;}
#dbrap1 {
  position:relative;
  background:#00183f;
  z-index:99;
}


#db1 { width:100%; max-width: 700px; margin:0 auto; padding: 40px 20px 0px 20px; font-family:'맑은고딕','돋움',dotum,sans-serif; font-size:0.95em;border-top: 0px;background: #00183f;}
#db1 th, td {
  padding:10px 0;
}
#db1 tr td {padding:5px 0 10px; border-bottom:1px;}
#db1 th {
  text-align:left;
  width:15%;
	color: #fff;
}
#db1 th span{
  text-align:left;
	color: #ff2525;

}
#db1 td {
  text-align:left;
  padding-left:5px;
  width:85%;
}
#db1 input,select {
  height:40px;
  padding-left:5px;
  font-size:1em;
  border-radius:2px;
  border:1px solid #ccc;

}
#db1 input {
  width:98%;
} 

#db1 input[type="checkbox"] {
  border:none;
  height:auto;
}



#db1 .dbtext{
  text-align: center;
	font-size: 26px;
	font-weight: 600;
	font-family:'Noto Sans KR';
	color: #fff;
}


#db1 .pri {
  text-align:right;
  font-size:11px;
  letter-spacing: -0.065em;
  color:#666;
}
#db1 .pri input {
  height:auto;
  width:auto;
  vertical-align:bottom;
}
#db1 .pri a {
  color:blue;
}
#db1 .w25 {
  width:25%;
}
#db1 .w30 {
  width:30%;
}
#db1 .w50 {
  width:50%;
} 
#db1 .w70 {
  width:70%;
}
#db1 input[type="image"] {
  border:none;
  height:auto;

}
#db1 .txtc {
  text-align:center;
  padding:10px 0;

}

#db1 .money input {
  height:35px;
}
#db1 .money {
  line-height:2.7;
}

.pri, #db1 .check {line-height: 1.5; font-size: 12px; font-family: '굴림','gulim',serif; text-align:center;color: #eee;}
.pri input, #db1 .check input {height:13px; width:13px; vertical-align: middle;}


/* 디비부분-피씨 끝  */

#db1 button {
    width: 75%;
    display: block;
    position: relative;
    margin: 0 auto 15px;
    height: 55px;
    border-radius: 30px;
    background: #1167dd;
    border: 0;
    box-shadow: 0 3px 5px rgba(0,0,0,.11);
    color: #fff;
    font-size: 1.25em;
    animation: btn 2s ease-in infinite;
	cursor: pointer;
}
@keyframes btn { 0% {top:0;} 50% {top:10px; background: #1167dd;} 65% {top:10px; background: #000;} 100% {top:0;} }



/*추가*/
#bar {max-width:740px; margin:0 auto; display: none;}
.bar_pop {position:fixed; left:0; right:0; bottom:0; z-index:888; width: 100%; margin:0 auto;background:#0054ab;}
#bar table {width:100%; background:#0054ab; color:#333; text-align:center; padding:0px; margin: 0 auto; max-width:600px}
#bar table th,td {padding:5px 0;}
#bar table th {width:60px; padding-left:10px; color:#fff}
#bar table th span {color:#ff6666}
#bar table .load {padding:15px 0 5px; line-height:1.5; text-align:center; font-size:11px; color:#196ce6; letter-spacing: 0;}
#bar table .load img {width:35px;}
#bar table .tc {text-align:center; font-size:12px; }
#bar table .tc a {background:#333; color:rgba(255,255,255,0.9); padding:0 3px; font-size:12px;}
#bar table .tz {text-align:right; font-size:13px; padding:0 0 10px;}
#bar table .tz a {background:#333; color:rgba(255,255,255,0.9); padding:0 3px; font-size:12px;}
#bar table .txtc { text-align: center; width: 100%;}
#bar table td.mon input { width: 15%;}
#bar table input[type="text"] { border:1px solid #ddd; font-size:1.1em; height:36px; padding-left:10px; width:90%;}
#bar table input[type="number"] { border:1px solid #ddd; font-size:1.1em; height:36px; padding-left:10px; width:90%;}
#bar table input[type="tel"] { border:1px solid #ddd; font-size:1.1em; height:36px; width:28%; padding-left:10px;}
#bar table select { border:1px solid #ddd; font-size:1.1em; height:40px; width:30%; padding-left:10px;}
#bar table button {background:#0e0eff; border-radius:0;  color:#fff; width:100%; height:60px; border:0;  letter-spacing: -0.065em; font-size: 16px; font-weight: bold;
animation:change_color 2s  infinite; vertical-align: middle; }
#bar table .pp {padding:5px 0;}
#bar .ep {margin: 0 auto; background: #fff; width: 45%; border-radius: 20px; margin-top: 15px;}
#bar .ep p {font-size:32px; font-weight:bold; letter-spacing: -0.065em; margin: 50 50px; color: #196ce6; padding: 10px;}
#bar table .tz {text-align:center; font-size:13px; padding: 5px 15px 15px 30px; margin:0 auto; color:#fff}
#bar table .tz a {background:#333; color:rgba(255,255,255,0.9); padding:0 3px; font-size:12px;}
#bar table .symptom {font-size: 15px; color: #666; line-height:1.5;}



/* 디비부분-모바일  */



/* 디비부분-모바일 */


.mini {font-size: 0.7em;}

footer {
  width:100%;
  background:#f8f8f8;
  font-family:'맑은고딕','돋움',dotum,sans-serif;
  font-size:13px;
  letter-spacing:-0.065em;
	z-index:99;
}


footer #prdPar_b01{
  color:#4e4e4e;
  line-height:1.5;
  text-align:center;
  padding-bottom:5%;
}



.fix_db_form {width: 100%; padding: 10px; background: #2d2a27; position: fixed; bottom: 0; left: 0; z-index: 9}
.fix_db_form h1 {text-align: center; line-height: 1; margin-bottom: 0px;width:100%;max-width: 600px; margin: auto;padding-top: 10px;}
.fix_db_form .form_inner {max-width: 800px; margin: 0 auto}
.fix_db_form .form_inner ul {width: 70%; float: left; display: flex;}
.fix_db_form .form_inner ul li {margin-right: 5px}
.fix_db_form .form_inner ul li.n_name {width: 60%;}
.fix_db_form .form_inner ul li.n_tel {width: 90%;height:50px;}


.fix_db_form .form_inner ul li input {width: 90%; height: 50px; padding: 0 10px; border-radius: 3px; font-family: inherit; font-size: 18px; outline: 0; border: 0; text-align: center; letter-spacing: -1px}

.fix_db_form .form_inner ul li .selet2 {width: 30%;height:50px;  border:1px solid #eee; border-radius:5px;vertical-align:top;}
.fix_db_form .form_inner ul li .tel2 {width: 24%;height:50px;  border:1px solid #eee; border-radius:5px; }


.fix_db_form .form_inner .agree {text-align: right; clear: both; line-height: 2}
.fix_db_form .form_inner .agree input {vertical-align: middle}
.fix_db_form .form_inner .agree a {font-size: 13px; color:#fff; letter-spacing: -1px}



fix_db_form .form_inner .bnr {width: 30%; float: left}
.fix_db_form .form_inner .bnr2 button {width: 25%;  height: 54px; background: #f4cd85; border-radius: 3px; color: #000; font-size: 24px; font-weight: 600; font-family: inherit; letter-spacing: -1px; line-height: 40px; margin: auto;margin-top: 14px;}


@media screen and (max-width:700px) {
	body {
 
	padding-top: 50px;
}
	
	 .pc {display:none;}
	.mo {display: block;}
	
	.dbt{position: relative;}
#dbrap {
  position:relative;
  background:#173f73;
  z-index:99;
}


#db1 { width:100%; margin:0 auto; padding: 20px; font-family:'맑은고딕','돋움',dotum,sans-serif; font-size:0.95em; border: 0px solid #ededed;border-top: 0px;background: #00183f;}
#db1 th, td {
  padding:10px 0;
}
#db1 tr td {padding:5px 0 5px; border-bottom:1px;}
#db1 th {
  text-align:left;
  width:24%;
}
#db1 th span{
  text-align:left;
	color: #ff2525;

}
#db1 td {
  text-align:left;
  padding-left:5px;
  width:80%;
	color: #fff;
}
#db1 input,select {
  height:36px;
  padding-left:5px;
  font-size:1em;
  border-radius:2px;
  border:1px solid #ccc;

}
#db1 input {
  width:96%;
} 

#db1 input[type="checkbox"] {
  border:none;
  height:auto;
}



#db1 .dbtext{
  text-align: center;
	font-size: 26px;
	font-weight: 600;
	font-family:'Noto Sans KR';
	color: #fff;
}


#db1 .pri {
  text-align:right;
  font-size:11px;
  letter-spacing: -0.065em;
  color:#666;
}
#db1 .pri input {
  height:auto;
  width:auto;
  vertical-align:bottom;
}
#db1 .pri a {
  color:blue;
}
#db1 .w25 {
  width:25%;
}
#db1 .w30 {
  width:26%;
}
#db1 .w50 {
  width:50%;
} 
#db1 .w70 {
  width:70%;
}
#db1 input[type="image"] {
  border:none;
  height:auto;
}
#db1 .txtc {
  text-align:center;
  padding:10px 0;
	
}
#db1 .money input {
  height:35px;
}
#db1 .money {
  line-height:2.7;
}

.pri, #db1 .check {line-height: 1.5; font-size: 12px; font-family: '굴림','gulim',serif; text-align:center;}
.pri input, #db1 .check input {height:13px; width:13px; vertical-align: middle;}
	
	
	
	
	.fix_db_form {width: 100%; padding: 10px; background: #2d2a27; position: fixed; bottom: 0; left: 0; z-index: 9}
.fix_db_form .form_inner {max-width: 800px; margin: 0 auto}

	.fix_db_form h1 {padding-bottom: 10px;padding-top: 0px;}
    .fix_db_form h1 img {width: 70%}
	
	.fix_db_form .form_inner ul {width: 82%;margin:0 auto;float:left;display: flex;}
    .fix_db_form .form_inner ul li input {height: 40px; padding: 0; font-size: 14px}
   	
	
	.fix_db_form .form_inner .bnr2 button {margin: auto; text-align: center; margin-top: 6px; width: 75%; height: 40px; background: #f4cd85; border-radius: 3px; color: #000; font-size: 20px; font-weight: 600; font-family: inherit; letter-spacing: -1px; line-height: 30px;margin-left: 10%; }
	
	
    .fix_db_form .form_inner .agree {text-align: center}
    .fix_db_form .form_inner .agree a {font-size: 11px}
	
	.fix_db_form .form_inner ul li.n_name {width: 56%}

	.fix_db_form .form_inner ul li.n_tel {width: 100%;height:40px;}
	
	.fix_db_form .form_inner ul li .selet2 {height:40px;  }
.fix_db_form .form_inner ul li .tel2 {height:40px; }
	
	
	
	
}



.custom_request { width:100%; overflow: hidden;padding-top: 40px;padding-bottom: 40px;}
.custom_request > div { width:100%; margin:0 auto; max-width:800px;}
.custom_request > div > div { width:100%;text-align: center; }

.custom_request .list { width:95%; margin:0 auto; border: 1px solid #000;  border-radius:0; overflow: hidden;  }
.custom_request .list div { width:100%; float:left; }
.custom_request .list div > ul { width:100%; float:left; }
.custom_request .list div > ul > li { float:left; height:45px; line-height:45px; font-size:18px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
.custom_request .list div > ul > li:nth-child(1) { width:100%; }


.custom_request .list .list_head { font-weight:600; color:#000;  width: 100%;background-color: #ebebeb;font-size: 20px;padding-bottom: 20px; letter-spacing: -1px; padding: 2%;}
.custom_request .list .list_head li {width: 100%;  font-size: 2em; font-weight:600; color:#fff}

.custom_request .list .list_body { overflow:hidden; height:225px; }
.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #EEE; background-color:#ffffff; }
.custom_request .list .list_body li span { font-size:14px; font-weight: bold; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.8px; }
.custom_request .list .list_body li span:nth-child(1) { width:20%; float:left; }
.custom_request .list .list_body li span:nth-child(2) { width:30%; float:left; }
.custom_request .list .list_body li span:nth-child(3) { width:30%; float:left;}
.custom_request .list .list_body li span:nth-child(4) { width:20%; float:left; text-align: center; }


.on_now_tag{
    font-size: 30px;
    color: #fd183a;
    padding: 2px 8px;
    margin-left: -8px;
    font-weight: 500;
}
.on_now_tag:after {
    content: "";
    display: inline-block;
	vertical-align:text-top;
    width: 8px;
    height: 8px;
    background-color: #fd183a;
    border-radius: 50%;
    margin-left: 2px; margin-top: 4px;
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



@keyframes change_color{
  0% {background-color: #d50e0e;}
  50% {background-color: #333;}
  100% {background-color: #d50e0e;}
}



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


	
    
	
  article p {font-size:17px;}
  button.btn1 {top: 415px; left: 58px; padding: 5px; font-size: 15px;}
.pp{ font-size: 15px;}
    .car_list .inner {padding: 40px 0 0px;}
    .car_list ul { padding: 40px 0;}
	
	
}



@media screen and (max-width:420px) {
  article p {font-size:16px;}   
}

@media screen and (max-width:580px) {
  article p {font-size:16px;}
    
}

@media screen and (max-width:425px) {
  article p {font-size:16px;}

    
}

@media screen and (max-width:414px) {
  article p {font-size:16px;}
    
}


@media screen and (max-width:330px) {
  #db {font-size:0.8em;}
  article p {font-size:15px;}
  #db th {width:22%;}
  #db td {width:78%;}
  #db .w25 {width:20%;}
  #db .money input {height:30px;}
}




.dbform {
	width: 80%; margin: auto;
}



.on_now_tag{
    font-size: 30px;
    color: #fd183a;
    padding: 2px 10px;
    margin-left: -7px;
    font-weight: 500;
}
.on_now_tag:after {
    content: "";
    display: inline-block;
	vertical-align:text-top;
    width: 12px;
    height: 12px;
    background-color: #fd183a;
    border-radius: 50%;
    margin-left: 3px;
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



@keyframes change_color{
  0% {background-color: #d50e0e;}
  50% {background-color: #333;}
  100% {background-color: #d50e0e;}
}

@media screen and (max-width:900px) {
.pc {display:none;}
.mo {display:block;}
.ul2 {padding:15px 0 10px;}
.ul2 li {border:1px solid #eaeaea; background:#fff; padding:10px;margin-bottom:5px;}
.ul2 .li_l {float:left; width:85%;}
.ul2 li p {font-size:14px; line-height:1.4; padding-top:5px;}
.ul2 li img {float:right; width:15%;}
.ul2 li i {font-size:11px; color:#9f9f9f;}
}

@media screen and (max-width:640px) {
	.mo {
  width:100%;
  max-width:700px;
  margin:0 auto;
	display: block;

}
.pc {
  width:100%;
  max-width:1600px;
  margin:0 auto;
		display: none;
}
	
	
	.dbform {
	width: 100%; margin: auto;
}
	
header {padding:20px 15px;}
header i {font-size:13px;}
header h1 {margin:5px 0; font-size:28px; line-height:1.35; letter-spacing: -0.03em;}
header p {font-size:14px;}
header .sub_nav {padding:0px 0 15px;}
section article p {font-size:18px; line-height:1.7;} 
section article .sub_mini {color:#000; font-size:12px;text-align: center;}
aside p {font-size:18px;}
aside h3 {font-size:27px;}
aside table th {width:150px; padding-left:10px;}
aside table select { width:25%; font-size:16px; padding-left:5px;}
.mt50{margin-top:40px;}
	
	
	
	  .custom_request {float:left;  background-color:#f4f4f4; width:95%; padding: 10px; margin-bottom: 0px;border-bottom: 0px solid #595959; margin:0 auto;text-align: center;border-radius: 0px;  }
			.custom_request > div {  float:left; text-align: center; width:100%; color:#f7f7f7; font-size:28px; padding-top:0px; padding-bottom:0px; padding-left:0%; padding-right:0%; margin:0;  background-color:#fff; }
	
	.custom_request .list { width:100%; float:left;margin: 0px; padding: 0px;}
		.custom_request .list div { width:100%; float:left; }
		.custom_request .list div > ul { width:100%; float:left; }
		.custom_request .list div > ul > li {  width:100%; float:left; height:50px; line-height:50px; font-size:16px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
		.custom_request .list div > ul > li:nth-child(1) { width:20%; }
		.custom_request .list div > ul > li:nth-child(2) { width:20%; }
		.custom_request .list div > ul > li:nth-child(3) { width:30%; }
		.custom_request .list div > ul > li:nth-child(4) { width:27%; }

		.custom_request .list .list_head {  width: 100%; border:0px solid #161d50; background-color:#ebebeb; letter-spacing: -1px; }
		.custom_request .list .list_head li { background-color:#272727; width: 100%; font-family: 'Pretendard-SemiBold';}

		.custom_request .list .list_body { overflow:hidden; height:120px; border:0px solid #161d50; height: 200px;}
		.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #888888; background-color:#ffffff;}
		.custom_request .list .list_body li span { font-size:14px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;}
		.custom_request .list .list_body li span:nth-child(1) { width:20%; float:left; }
		.custom_request .list .list_body li span:nth-child(2) { width:20%; float:left; }
		.custom_request .list .list_body li span:nth-child(3) { width:30%; float:left; }
		.custom_request .list .list_body li span:nth-child(4) { width:27%; float:left; }
	

	
}




.fix_db_form .form_inner .agree .modal-close a {
 color: #000;
}

.dbPointFixBanner2 {
	position: fixed;width: 100%; top: 0;margin: auto;background: #000;text-align: center;
}


/* 개인정보처리방침 CSS */
	.privacyBtn { cursor: pointer; }
	.privacy_popup { position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 80; background-color: rgba(0, 0, 0, 0.6); display: none; }
	.privacy_popup > #privacyContent { position: absolute; width: 90%; height: 300px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); left: 5%; top: 50%; margin-top: -150px; }
	#privacyContent > div { width: 100%; float: left; }
	
	#privacyContent > .titWrap { height: 45px; line-height: 45px; background-color: #F8F8F8; padding: 0 15px; color: #000; position: relative; }
	#privacyContent > .titWrap > span { width: calc(100% - 35px); float: left; font-size: 15px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#privacyContent > .titWrap > i { font-size: 21px; position: absolute; cursor: pointer; right: 15px; top: 50%; margin-top: -10.5px; }
	
	#privacyContent > .conWrap { height: 255px; padding: 15px; background-color: #FFF; color: #000; overflow-y: auto; font-size: 13px; letter-spacing: -0.5px; }