* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; font-family: 'Inter', 'Noto Sans KR', sans-serif; font-size:16px}
a {text-decoration:none; color:inherit}
ul,ol,dl {list-style:none}
input[type="text"],
input[type="number"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border:0; padding:0 10px}
button {background:transparent; border:0; outline:0; cursor:pointer}
img {border:0; vertical-align:middle}
iframe {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}

#boosterx {width:100%}
#boosterx > img {width:100%}
#boosterx_m {display: none;}
#boosterx_m > img {width:100%}

#header {width: 100%; height: auto; background: #000; position: fixed; top:0; left: 0}
.header_inner {width: 1200px; margin: 0 auto; display: flex; align-items: center}
.header_inner li {width: 50%}
.header_inner li a {display: block; padding: 3%}
.header_inner li a img {width: 50%}
.header_inner li.incall {text-align: right}

.cf_area {text-align: center; padding: 50px 0; background: #131a20}
.cf_area img {max-width: 750px;}

#main_db {background: #eee; padding: 30px}
#main_db form {width: 700px; margin: 0 auto}
#main_db .input_db {}
#main_db .input_db ul {}
#main_db .input_db ul li {margin-bottom: 10px; display: flex; align-items: center}
#main_db .input_db ul li p {width:20%; display: inline-block; font-size: 21px}
#main_db .input_db ul li input {width: 80%; height: 45px; font-family: inherit; font-size: 18px}
#main_db .agree {text-align: center; margin: 20px 0}
#main_db .agree input[type="checkbox"] {vertical-align: middle}
#main_db .agree a {font-size: 11px; letter-spacing: -1px; vertical-align: middle}
#main_db .bnr {text-align: center}


.incall a {display:block}
.incall a img {width:100%}

#footer {padding:20px 10px; background:#444; text-align:center}
#footer p {color:#eee; line-height:1.5; font-size:9px; font-weight:300; opacity:.6}

.time-table .timer_tit {margin-bottom: 10px}
.time-table .timer {text-align: center}
.time-table .timer > span {display: inline-block; background: linear-gradient(90deg, rgba(2,161,249,1) 0%, rgba(41,241,156,1) 100%); font-size: 57px; font-weight: 600; color: #fff; width:25%; height: auto; line-height: inherit; border-radius: 5px}
.time-table .timer > span.col {background: transparent; padding: 0; color: #fff; width: auto; letter-spacing: -1px; font-weight: 300}

/* 하단 픽스 디비창 */
#fix_dbForm {width: 1200px; height: auto; position: fixed; bottom: 0; left: 50%; z-index: 999; background: #000; box-shadow: 0 5px 10px rgba(0,0,0,0.2); border-radius: 10px; margin-left: -600px; border: 10px solid transparent; border-image: linear-gradient(45deg, rgba(2,161,249,1) 0%, rgba(41,241,156,1) 100%); border-image-slice: 1; border-bottom: 0}
#fix_dbForm form {display: flex; align-items: center; padding: 30px}
#fix_dbForm .right_input {width: 55%}
#fix_dbForm .right_input .db_table {width: 100%}
#fix_dbForm .right_input .db_table tbody th {font-size: 21px; font-weight: 500; color: #fff; text-align: left}
#fix_dbForm .right_input .db_table tbody td {padding: 0 5px}
#fix_dbForm .right_input .db_table tbody td input {width: 100%; height: 45px; padding: 0 10px; font-family: inherit; font-size: 18px;}
#fix_dbForm .left_area {width: 45%; text-align: center}
#fix_dbForm .agree a {font-size: 11px; color:#fff}

/* 상담신청현황 슬라이드 */
.application_state {width:100%; background:#0c2650; padding: 20px 0 50px 0}
.application_state > h2 {text-align: center; color:#fff; font-size: 36px; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px}
.application_state .state_wrap {width: 100%; margin: 0 auto; background: #fff;}
.application_state .state_th {width:100%; display:table; border-bottom:1px solid #eee; margin-bottom:7px}
.application_state .state_th div { height:40px; display:table-cell; vertical-align:middle; text-align:center; font-size: 18px}

.application_state .state_th div p {font-size: 18px}

.state_slide .state_td {width: 100%;  line-height:35px; outline:none; text-align: center}
.state_slide .state_td p {width: 25%; font-size:18px; color:#333; letter-spacing: -1px; float: left}

.state_slide .state_td p span {width:40px;height: 15px; display: inline-block;   background: #fd4242; color:#fff; line-height: 15px; text-align: center; font-size:0.75em; font-weight: 600; vertical-align: middle}


@media screen and (max-width:1200px) {
    .header_inner {width: 100%}
    .header_inner li.incall {width: 60%}
    .header_inner li.logo {width: 40%}
    .header_inner li a img {width: 80%}
    #fix_dbForm {display: none}
    #boosterx_m {display: block}
    #boosterx {display: none;}

    #main_db {padding: 5% 3%; display: block}
    #main_db form {width: 100%; display: block}
    #main_db .input_db {width: 100%; text-align: left}
    #main_db .input_db ul li {width: 100%; float: none}

    #main_db .input_db ul li {width: 100%; display: flex; align-items: center; margin-bottom: 10px}
    #main_db .input_db ul li p {width: 20%}
    #main_db .input_db ul li input {width: 80%}
    #main_db .bnr {width: 100%}
    #main_db .agree {margin: 20px 0}
    #main_db .bnr button img {width: 100%}

    .time-table {text-align: center; background: #eee; padding: 5% }
    .time-table .timer_tit img {width: 80%}
    .time-table .timer > span {background: #222}
    .time-table .timer > span.col {color:#222}


}