@charset "utf-8";

* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; max-width:750px; margin:0 auto; font-family:'Inter', 'Noto Sans KR', sans-serif; font-size:16px; font-weight: 400}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle}
a {text-decoration:none; color:inherit}
button {background:transparent; border:0; cursor:pointer}
input {border:0}
iframe {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}

/* 퀵버튼 */
#repiera .q_btn {position: fixed; bottom: 20px; right: 20px; z-index: 1}
#repiera .q_btn a {display: block}

#repiera {width:100%; position:relative}
#repiera > img {width:100%}
.cf   img {width:100%}

#main_db {padding: 5%; background: #2d375e}
#main_db dl {width: 100%; display: table; margin-bottom: 10px}
#main_db dl > * {display: table-cell; vertical-align: middle}
#main_db dl dt {width: 25%; font-size: 18px; font-weight: 500; color:#fff}
#main_db dl dd {width: 75%}
#main_db dl dd input {width: 100%; height: 50px; padding: 10px; outline: none; font-size: 18px; font-family: inherit;}
#main_db .agree {text-align: center; margin:3% 0}
#main_db .agree input[type="checkbox"] {vertical-align: middle}
#main_db .agree a {vertical-align: middle; font-size: 9px; color:#fff}
#requestBTN {text-align: center}
#requestBTN button img {width: 100%; max-width: 650px}


.incall {background:#194a8e}
.incall a {display:block; max-width:1000px; margin:0 auto}
.incall a img {width:100%}

#footer {padding:4%; background:#444; text-align:center}
#footer p {color:#eee; line-height:1.5; font-size:9px; opacity:.6; letter-spacing: -0.5px;}

  @font-face {     font-family: 'DS-DIGIB';    font-style: normal;    font-weight: 100;    src: url(./fonts/DS-DIGIB.TTF) format('truetype')  }

/* 하단 픽스 디비창 */
.quick_box {  position: fixed; top: 50%; right: 50px; height:492px;  margin-top: -300px;  }
.quick_box .quick_title  { width:354px; height:132px; margin-top:-30px;  background-image: url(../new_img/quick_bn_top.png)  ; background-position: top center; background-repeat: no-repeat;}

.quick_bn {  margin-top: -60px; margin-left:33px; width: 296px;  text-align: center;background-color:#0e1b38;}
.quick_bn h4 { margin-top:60px;color:#FFFFFF; font-weight:normal; font-size:18px; line-height:24px; padding-top:20px;margin-bottom:5px;}
.quick_bn .time_count {margin: 10px 30px 5px 30px}
.quick_bn .time_count .time_box span.time { font-family: 'DS-DIGIB';  background: #000000; padding: 2px 0; color: #ff0317;font-size: 46px;font-weight: 700; width: 65px; display: inline-block; }
.quick_bn .time_count .time_box span.col {font-size: 24px; font-weight:bold;color:#fff;line-height: 50px; width:15px;vertical-align: top; display: inline-block}
 
.quick_bn  .progress_bar {width: 85%; height: 14px; background: #fff; border-radius: 30px; margin: 10px auto ; overflow: hidden}
.quick_bn  .progress_bar .bar_container {width: 100%; height: 100%;border-radius: 20px;  background: #fff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff0417,   #ffb200);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff0417,  #ffb200); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

.fix_db_form {width: 100%; padding: 0px 0 10px 0;   bottom: 0; left: 0; z-index: 9}
.fix_db_form h1 { display:none;}
.fix_db_form .form_inner {  margin: 0 auto}
.fix_db_form .form_inner ul li {margin-bottom: 8px}
.fix_db_form .form_inner ul li input {width: 85%; height: 40px;   font-family: inherit; font-size: 18px; padding: 0 10px; text-align: center; outline: none; border: 0}
.fix_db_form .form_inner button { background-image: url(../new_img/h_btn.png)  ; width:258px;  height:90px; }

.fix_db_form .form_inner .agree {margin-top:-40px; margin-bottom:20px ;}
.fix_db_form .form_inner .agree input {vertical-align: middle}
.fix_db_form .form_inner .agree a { display:inline-block;font-size: 12px; color:#FFFFFF; letter-spacing: -0.5px;   vertical-align: middle}



    @media all and (max-width:1200px) {
        .quick_box {top: inherit; bottom: 0; left: 0; right: 0; width: 100%; padding:0px;margin-top: 0; height:180px; background:#010f2d ;}
        .quick_box .quick_title { display:none;}

		.quick_bn { display:inline-block;   margin:0px; width: 100%; background-color:#010f2d; }

		.quick_timebox {  margin: -35px auto 0 auto; width:250px; height:50px;background-color:#010f2d; border-radius: 10px;}
		.quick_timebox h4 { padding-top:10px;margin-top:2px; line-height:20px;margin-left:10px ; float:left; }

        .quick_bn .time_count {  margin:0px;padding:0px;   }
        .quick_bn .time_count .time_box { margin-top:-15px; padding-top:2px; width:100%;  }
        .quick_bn .time_count .time_box span.time {font-size: 32px; width: 44px; padding: 3px 0;background:#010f2d ;}
		.quick_timebox:after { clear:both;} 
        .quick_bn .time_count .time_box span.col {line-height: 35px; width:5px;color:#FFF;  }
        .quick_bn  .progress_bar {  width:95%; height:5px;  background:#FFFFFF;border-radius: 1px; margin:5px 10px;}
		.quick_bn  .progress_bar .bar_container {border-radius: 1px; }

		.fix_db_form { width:100%; padding: 0px;  }
		.fix_db_form h1  { display:block; margin: 10px 0;;}
		.fix_db_form h1 img {width:80%; max-width:400px; }


        .fix_db_form .form_inner ul { display: flex; align-items: flex-start; }
        .fix_db_form .form_inner ul li { padding: 0 2px;margin-bottom: 0px; vertical-align: top; }
		.fix_db_form .form_inner ul li.n_name {width: 22%}
		.fix_db_form .form_inner ul li.n_age {width: 15%}
		.fix_db_form .form_inner ul li.n_tel {width: 50%}
		.fix_db_form .form_inner ul li.n_btn {width: 12%; min-width:120px;}

		.fix_db_form .form_inner ul li input {width: 100%; font-size: 14px}
		.fix_db_form .form_inner ul li button {width: 112px;;padding: 3px;   background-image: url(../new_img/h_btn2.png)   ; background-repeat:no-repeat; background-size:contain; }
		.fix_db_form .form_inner .agree {margin-top: -50px;}

		#main_db dl dt {  font-size: 18px;  }

	#footer { height:270px;}

    }


@media screen and (max-width:500px) {
    .quick_box {  height:150px; }
    .fix_db_form h1 {margin-bottom: 5px}
    .fix_db_form h1 img {width: 70%}
    .fix_db_form .form_inner ul li input {height: 40px; padding: 0; font-size: 15px}
    .fix_db_form .form_inner .bnr button {height: 40px; font-size: 16px; line-height: 40px}
    .fix_db_form .form_inner .agree {text-align: center}
    .fix_db_form .form_inner .agree a {font-size: 11px}

    #repiera .q_btn {bottom: 10px; right: 10px; width: 100px; height: 100px}
    #repiera .q_btn a img {width: 100%; height: 100%}
}