@charset "utf-8";
:root{
    --color--blue:#3f6cdb;
    --color--gray:#7f7f7f;
    --color--gray2:#dcdcdc;
    --color--gray3:#eee;
    --color--gray4:#2a2a2a;
    --color--gray5:#d5d5d5;
    --color--red:#ff3333;
	--color--red2:#df0202;
    --color--back_white:#f9f9f9;
    --color--back_gray:#f2f2f2;
	--color--back_yellow:#ffffbd;
	--color--back_pink:#ffe1e7;
    --font--title: 36px;
	--font--subtitle: 22px;
    --font--text: 18px;
    --font--sub: 16px;
    --font--sub2: 12px;
    --font--sub3: 10px;
    --font--sub4: 14px;
}

video{
width: 100%;
}

.main_wrap{    
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* db , db2 */
.db_wrap, .db_wrap2 {
    background-color: #fff; 
	position:relative;

}
.db_wrap .db_list,
.db_wrap2 .db_list{
    padding: 40px 0;
    box-sizing: border-box;
    font-size: 20px;
}
.db_wrap .db_list li,
.db_wrap2 .db_list li{
    display: flex;
    margin-top: 16px;
    box-sizing: border-box;
	padding: 0 20px;
}
.db_wrap .db_list li:nth-of-type(1),
.db_wrap2 .db_list li:nth-of-type(1){
    margin-top: 0;
}
.db_wrap .db_list li input[type="text"],
.db_wrap .db_list li input[type="tel"],
.db_wrap2 .db_list li input[type="text"],
.db_wrap2 .db_list li input[type="tel"]{
    display: block;
    width: 100%;
    height: 50px;
    font-size: 20px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.db_wrap .db_list li .phone,
.db_wrap2 .db_list li .phone{
    display: flex;
    justify-content: space-between;
}
.db_wrap .db_list li .phone select,
.db_wrap2 .db_list li .phone select{
    display: block;
    width: 100%;
    height: 50px;
    font-size: 20px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.db_wrap .db_list li .phone span,
.db_wrap2 .db_list li .phone span{
    line-height: 2.5;
}
.db_wrap .db_list li .phone>div,
.db_wrap2 .db_list li .phone>div{
    width: 30%;
}
.db_wrap .db_list li>span,
.db_wrap2 .db_list li>span{
    width: 18%;
    font-size: 14px;
    line-height: 50px;
}
.db_wrap .db_list li>div,
.db_wrap2 .db_list li>div{
    width: 82%;
}
.agree_wrap .agree_list{
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.8;
    color: var(--color--gray);  
}
.agree_wrap .agree_list span{
    font-weight: bold;
	cursor:pointer;
}

.db_btn_wrap{
    width: 100%;
    margin: 0 auto;
}
/* db , db2 end */


/* 상담현황 */
.vticker_wrap{height:165px !important; top:0 !important; margin-top:0px; border: 0px solid #5897e6; overflow:hidden;}
.vticker_wrap .vticker{width:100%; background:#fff;}
.vticker_wrap .vticker li{width:100% !important; height:54px; text-align:left; background:#f9f9f9; border-bottom:1px solid #eee; font-size:16.8px; font-weight:bold;}
.vticker_wrap .vticker li:first-child{background:#fff2c4;}
.vticker_wrap .vticker li span{margin:10px 0 !important; padding: 0 4% !important; display:inline-block;}
.vticker_wrap .vticker li .relist{padding-right:5%; border-right:3px solid #ccc;}
.vticker_wrap .vticker li .mark{background:none; color:#f43636; padding:3px 2.5% 0 5% !important; border-radius:2px; border:0px solid #fc5100; font-weight:bold;}
.vticker_wrap .vticker li{height:54px; font-size:18.9px; padding:0px 5% !important; letter-spacing:-1.5px;}

.c_wrap {margin: 0 auto; padding: 20px 0px; text-align: center;  background-color: #111;}
.c_t {display: inline-block; font-size: 1.5em; color: #fff; letter-spacing: -1px; line-height: 1.3;}
.c_t .live-t {font-size: 0.65em; color: red; display: inline-block;}
.counsel_nu {display: inline-block;width:38px; text-align:right;}
.counsel_nu .list {border-bottom: 3px solid red; display: inline-block; width: 100%;}
.counsel_nu .list .list_inner {margin: -2px auto; overflow:hidden;}
.counsel_nu .list .list_inner li {font-size: 1.5em; text-align: center; line-height: 1.3; padding: 0; margin: 0; display: table; table-layout: fixed; float: none; color: red; font-weight: bold;}
.counsel_nu .list .list_inner li span {display: table-cell;}
.counsel_nu .list .list_inner li span.text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.end {font-weight: bold; animation: bling 1s linear infinite;}
@keyframes bling {
	0%{color:#e50c0c;} 
	30%{color:#e50c0c;} 
	31%{color:#ffd800;} 
	70%{color:#ffd800;} 
	71%{color:#e50c0c;} 
	100%{color:#e50c0c;} 
}
.vticker_li{margin: 0px; padding: 0 5%; }




@media (max-width:767px) {
.vticker_wrap .vticker li{height:48px; font-size:19px; padding:0px 2.5% !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 2.5% 0 5%; }
.vticker_li{margin: 0px; padding: 0 5%; }
}
@media (max-width:700px) {
.vticker_wrap .vticker li{height:48px; font-size:19px; padding:0px 2.5% !important; letter-spacing:-1.5px;}

}
@media (max-width:650px) {
.vticker_wrap .vticker li{height:48px; font-size:18px; padding:0px 2.5% !important; letter-spacing:-1.5px;}
}
@media (max-width:600px) {

.vticker_wrap .vticker li{height:48px; font-size:17px; padding:0px 2.5% !important; letter-spacing:-1.5px;}

}

@media (max-width:550px) {
.vticker_wrap .vticker li{height:48px; font-size:15px; padding:0px 3% !important; letter-spacing:-1.5px;}
}

@media (max-width:500px) {
.vticker_wrap .vticker li{height:48px; font-size:15px; padding:0px 3% !important; letter-spacing:-1.5px;}
}
@media (max-width:495px) {
.vticker_wrap .vticker li{height:48px; font-size:13px; padding:0px 2.5% !important; letter-spacing:-1.5px;}
}
@media (max-width:450px) {
.vticker_wrap .vticker li{height:48px; font-size:14px; padding:0px 2.5% !important; letter-spacing:-1.5px;}
}

@media (max-width:420px) {
.c_wrap {position: relative; padding-top: 40px;}
.vticker_wrap{ height:145px !important;}
.vticker_wrap .vticker li span{margin:10px 0; padding: 0 5%; display:inline-block;}
.vticker_wrap .vticker li .relist{padding:0 5%; border-right:1px solid #ccc;}
.vticker_wrap .vticker li{height:48px; font-size:13px; padding:0px 2.5% !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 2.5% 0 5%; }
.vticker_li{margin: 0px; padding: 0 5%; }
.end {display:block; width:100%; margin:0 auto; text-align:center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 17%;}
}
@media (max-width:400px) {
.c_wrap {position: relative; padding-top: 40px;}
.vticker_wrap .vticker li span{margin:10px 0; padding: 0 3%; display:inline-block;}
.vticker_wrap .vticker li .relist{padding:0 3%; border-right:1px solid #ccc;}
.vticker_wrap .vticker li{height:48px; font-size:12.5px; padding:0px 1.5% !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 1.5% 0 3%; }
.vticker_li{margin: 0px; padding: 0 3%; }
.c_t {display: inline-block; font-size: 1.2em; color: #fff; letter-spacing: -1px; line-height: 1.3;}
.end {display:block; width:100%; margin:0 auto; text-align:center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 17%;}
}

@media (max-width:375px) {
.vticker_wrap .vticker li span{margin:10px 0; padding: 0 3%; display:inline-block;}
.vticker_wrap .vticker li .relist{padding:0 3%; border-right:1px solid #ccc;}
.vticker_wrap .vticker li{margin: 0 auto;height:48px; font-size:12.4px; padding:0px 1.5% !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 1.5% 0 3%; }
.vticker_li{margin: 0px; padding: 0 3%; }
}

@media (max-width:360px) {
.vticker_wrap .vticker li span{margin:10px 0; padding: 0 3%; display:inline-block;}
.vticker_wrap .vticker li .relist{padding:0 3%; border-right:1px solid #ccc;}
.vticker_wrap .vticker li{height:48px; font-size:12px; padding:0px 1.5% !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 1.5% 0 3%; }
.vticker_li{margin: 0px; padding: 0 3%; }
}
@media (max-width:320px) {
.vticker_wrap .vticker li span{margin:10px 0; padding: 0 3%; display:inline-block;}
.vticker_wrap .vticker li .relist{padding:0 3%; border-right:1px solid #ccc;}
.vticker_wrap .vticker li{height:48px; font-size:10.8px; padding:0px 1.5% !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 1.5% 0 3%; }
.vticker_li{margin: 0px; padding: 0 3%; }
.c_t {display: inline-block; font-size: 1.5em; color: #fff; letter-spacing: -1px; line-height: 1.3;}
}
@media (max-width:300px) {
.vticker_wrap .vticker li span{margin:10px 0; padding: 0 ; display:inline-block;}
.vticker_wrap .vticker li .relist{padding:0 0%; border-right:1px solid #ccc;}
.vticker_wrap .vticker li{height:48px; font-size:10px; padding:0px !important; letter-spacing:-1.5px;}
.vticker_wrap .vticker li .mark { padding:3px 0 ; }
.vticker_li{margin: 0px; padding: 0 ; }
.c_t {display: inline-block; font-size: 0.8975em; color: #fff; letter-spacing: -1px; line-height: 1.3;}
}