/* 리본카 live css 영역 */

/* live gnb */
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu.live .gnb-live-on{display:none;}
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu.live.on{position:relative; display:flex; align-items: center;  }
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu.live.on .gnb-live-on{display:block; width:16px; height:16px; position:relative; margin-left:2px; }
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu.live.on .gnb-live-on .live-dot{width:16px; height:16px; border-radius: 2px; background:url(../images/live/ic_gnb_live_dot01.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.2s 0s infinite linear alternate; animation-delay: .2s; }
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu.live.on .gnb-live-on::after{content:""; display:block; width:16px; height:16px; background:url(../images/live/ic_gnb_live_dot02.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0px; animation: liveOn 1.2s 0s infinite linear alternate; animation-delay: .4s; }
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu.live.on .gnb-live-on::before{content:""; display:block; width:16px; height:16px; background:url(../images/live/ic_gnb_live_dot03.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.2s 0s infinite linear alternate; animation-delay: .6s; }


/* main live pop */
.live-layer-pop{width:400px;border:1px solid #131313; box-sizing:border-box;position:fixed; left:50%; top:220px; transform: translate( -50%, -0 ); background:#fff; z-index: 99; }
.live-layer-pop .live-layer-video{width:100%; height:224px; position:relative; }
.live-layer-pop .live-layer-video .live-layer-con{width:100%; height:100%; position:relative;}

.live-layer-pop .live-layer-video .live-layer-con .live-video-thum{width:100%;height:100%;position:absolute; z-index: 1; top:0; left:0; }
.live-layer-pop .live-layer-video .live-layer-con #pip-play{width:100%; height:100%; position: absolute; z-index: 2; top:0; left:0; background:rgba(0,0,0,0.4); display:flex; align-items: center; justify-content: center; cursor:pointer;}
.live-layer-pop .live-layer-video .live-layer-con #pip-stop{width:100%; height:100%; position: absolute; z-index: 2; top:0; left:0; background:rgba(0,0,0,0.0); display:flex; align-items: center; justify-content: center; cursor:pointer; display:none;}
.live-layer-pop .live-layer-video .live-layer-con #pip-stop img{display:none;}
.live-layer-pop .live-layer-video .live-layer-con #pip-stop:hover{width:100%; height:100%; position: absolute; z-index: 2; top:0; left:0; background:rgba(0,0,0,0.4); display:flex; align-items: center; justify-content: center; cursor:pointer; display:none;}
.live-layer-pop .live-layer-video .live-layer-con #pip-stop:hover img{display:block;}

.live-layer-pop .live-layer-video .live-layer-time-count{height:30px; border-radius: 30px; display:flex; align-items: center; position:absolute; top:5px; left:5px; background:rgba(0,0,0,0.5); z-index: 4; }
.live-layer-pop .live-layer-video .live-layer-time-count .live-time-count-tit{display:flex; align-items: center; justify-content: center; width:74px; height:30px; border-radius: 30px; background:#cd0000; color:#fff; font-size:14px; letter-spacing: -0.2px; font-weight:700; }

.live-layer-pop .live-layer-video .live-layer-time-count .live-time-count-tit .live-time-count-dot{width:16px; height:16px; border-radius: 2px; background:url(../images/live/ic_gnb_live_dot01_w.png) no-repeat center; background-size:contain; animation: liveOn 1.2s 0s infinite linear alternate; animation-delay: .2s; position:relative; margin-right:3px; }
.live-layer-pop .live-layer-video .live-layer-time-count .live-time-count-tit .live-time-count-dot::after{content:""; display:block; width:16px; height:16px; background:url(../images/live/ic_gnb_live_dot02_w.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0px; animation: liveOn 1.2s 0s infinite linear alternate; animation-delay: .4s; }
.live-layer-pop .live-layer-video .live-layer-time-count .live-time-count-tit .live-time-count-dot::before{content:""; display:block; width:16px; height:16px; background:url(../images/live/ic_gnb_live_dot03_w.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.2s 0s infinite linear alternate; animation-delay: .6s; }

.live-layer-pop .live-layer-video .live-layer-time-count .live-time-count{padding:0px 12px 0px 6px; box-sizing:border-box; color:#fff; font-size:16px; letter-spacing: -0.2px; display:flex; align-items: center; }
.live-layer-pop .live-layer-video .live-layer-time-count .live-time-count span{color:#fff; font-size:16px; letter-spacing: -0.2px; display:flex; width:82px; }

.live-layer-pop .live-layer-info{ width:100%; }
.live-layer-pop .live-layer-info .live-layer-title{padding:20px 20px 0px 20px; box-sizing:border-box; position: relative; display:flex; align-items: center; width:100%; justify-content: space-between; }
.live-layer-pop .live-layer-info .live-layer-title .title-txt{display:flex; align-items: center; font-size:16px; letter-spacing: -0.2px; font-weight:700; width:calc( 100% - 100px ); }
.live-layer-pop .live-layer-info .live-layer-title .title-txt .layer-car-list-paging{max-width:100px;margin-left:6px; font-size:16px; letter-spacing: -0.2px; font-weight:400; color:#999; }
.live-layer-pop .live-layer-info .live-layer-title .title-txt .lay.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car_pay spaner-car-list-paging span{font-size:16px; letter-spacing: -0.2px; font-weight:400; color:#999; }
.live-layer-pop .live-layer-info .live-layer-title .title-txt .layer-car-list-paging span.swiper-pagination-current{color:#131313;}

.live-layer-pop .live-layer-info .live-layer-title .layer-car-list-btn{}
.live-layer-pop .live-layer-info .live-layer-title .layer-car-list-btn ul{display:flex; align-items: center;}
.live-layer-pop .live-layer-info .live-layer-title .layer-car-list-btn ul li{cursor:pointer;}
.live-layer-pop .live-layer-info .live-layer-title .layer-car-list-btn ul li.layer-car-list-play{display:none;}

.live-layer-pop .live-layer-info .live-layer-car{width:100%;padding:20px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list{width:100%;}
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con{width:100%; height:106px; display:flex;}
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-thum{width:124px; height:92px; margin-top:4px; position:relative; overflow:hidden; }
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-thum img{max-height:100%; max-width:unset; position: absolute; top:50%; left:50%; transform: translate( -50%, -50% );}

.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info{display:flex; flex-direction: column; width:calc( 100% - 144px ); margin-left:20px; justify-content:space-between; }
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car-name .car-model{font-size:18px; letter-spacing: -0.2px; line-height:1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; }
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car-name .car-trim{font-size:18px; letter-spacing: -0.2px;  line-height:1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; }

.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car-name .car-info{ display:flex;  align-items: center; margin-top:6px;}
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car-name .car-info li{margin-right:8px; font-size:12px; letter-spacing: -0.2px; color:#888; }
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car-name .car-info li:last-child{margin-right:0px;}

.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car_pay{font-size:18px; letter-spacing: -0.2px;display:flex; align-items:center;}
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car_pay span{font-size:18px; letter-spacing: -0.2px; font-weight:700; margin-right:4px;}
.live-layer-pop .live-layer-info .live-layer-car .live-layer-car-list .live-layer-car-box .live-layer-car-con .live-layer-car-info .car_pay span.discount{font-size:14px; color:#999; text-decoration:line-through; font-weight:400; margin-left:5px;}

.live-layer-pop .live-layer-info .live-layer-btn{width:100%;padding:24px; box-sizing:border-box;}
.live-layer-pop .live-layer-info .live-layer-btn .btn{width:100%; height:56px;}
.live-layer-pop .live-layer-info .live-layer-btn .btn span{font-size:20px;}

.live-layer-pop .live-layer-close{width:100%; height:40px; display:Flex; align-items: center; justify-content: space-between; padding:0 24px; box-sizing:border-box; background:#333; }
.live-layer-pop .live-layer-close .live-layer-day-close{color:#fff; cursor:pointer; font-size:14px; letter-spacing: -0.2px; }
.live-layer-pop .live-layer-close .live-layer-close-btn{color:#fff; cursor:pointer; font-size:14px; letter-spacing: -0.2px; }

/* LP 라이브 뱃지 */
.lp-infos .lp-bage .bage.live{background:#fff; border:1px solid #cd0000; box-sizing:border-box;color:#cd0000; cursor:pointer;}
.lp-infos .lp-bage .bage.live::after{content:""; display:block; width:6px; height:4px; background:url(../images/live/lp_live_arrow.png) no-repeat center; margin-left:4px;  }
.lp-infos .lp-bage .bage.live:hover{ background:#cd0000; color:#fff; }
.lp-infos .lp-bage .bage.live:hover::after{content:""; display:block; width:6px; height:4px; background:url(../images/live/lp_live_on_arrow.png) no-repeat center; margin-left:4px;  }
.lp-infos .lp-bage .bage.live:active::after{content:""; display:block; width:6px; height:4px; background:url(../images/live/lp_live_on_arrow.png) no-repeat center; margin-left:4px;  }
/*
.lp-infos .lp-bage .bage.live.onair::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_live.png) no-repeat center; margin-right:4px;}
.lp-infos .lp-bage .bage.live.onair:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_live_on.png) no-repeat center;}
.lp-infos .lp-bage .bage.live.onair:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_live_on.png) no-repeat center;}
*/
.lp-infos .lp-bage .bage.live.onair .live-bage-move{ margin-right:4px; width:12px; height:12px; background:url(../images/live/lp_bage_live_dot01.png) no-repeat center; background-size:contain; position:relative; animation: liveOn 1.1s 0s infinite linear alternate; animation-delay: .2s; }
.lp-infos .lp-bage .bage.live.onair .live-bage-move::after{content:""; display:block; width:12px; height:12px; background:url(../images/live/lp_bage_live_dot02.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.1s 0s infinite linear alternate; animation-delay: .4s; }
.lp-infos .lp-bage .bage.live.onair .live-bage-move::before{content:""; display:block; width:12px; height:12px; background:url(../images/live/lp_bage_live_dot03.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.1s 0s infinite linear alternate; animation-delay: .6s; }

.lp-infos .lp-bage .bage.live.onair:hover .live-bage-move{ background:url(../images/live/lp_bage_live_w_dot01.png) no-repeat center; background-size:contain; }
.lp-infos .lp-bage .bage.live.onair:hover .live-bage-move::after{background:url(../images/live/lp_bage_live_w_dot02.png) no-repeat center; background-size:contain; }
.lp-infos .lp-bage .bage.live.onair:hover .live-bage-move::before{background:url(../images/live/lp_bage_live_w_dot03.png) no-repeat center; background-size:contain; }



.lp-infos .lp-bage .bage.live.lock::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock.png) no-repeat center; margin-right:4px;}
.lp-infos .lp-bage .bage.live.lock:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}
.lp-infos .lp-bage .bage.live.lock:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}

.lp-infos .lp-bage .bage.live.prev::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_retime.png) no-repeat center; margin-right:4px;}
.lp-infos .lp-bage .bage.live.prev:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_retime_on.png) no-repeat center;}
.lp-infos .lp-bage .bage.live.prev:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_retime_on.png) no-repeat center;}

.lp-infos .lp-bage .bage.live.counsel::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock.png) no-repeat center; margin-right:4px;}
.lp-infos .lp-bage .bage.live.counsel:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}
.lp-infos .lp-bage .bage.live.counsel:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}

.lp-infos .lp-bage .bage.live.reserve{background:#cd0000; color:#fff;}
.lp-infos .lp-bage .bage.live.reserve::after{display:none;}


/* live lp layer */
.live-layer{ width:100%; height:100%; background:#fff; position: absolute; left:0; top:0; z-index: 4; border:1px solid #ddd; box-sizing:border-box; display:none; }
.live-layer .live-layer-form{width:100%; height:100%; padding:20px; position:relative;}
.live-layer .live-layer-form .live-layer-header{box-sizing:border-box; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; padding-bottom:10px; }
.live-layer .live-layer-form .live-layer-header .title{ font-size:14px; font-weight:500; }
.live-layer .live-layer-form .live-layer-header .live-layer-close{cursor:pointer;}

.live-layer .live-layer-form .live-layer-body{width:100%; height:calc( 100% - 25px ); overflow-y: auto;  }
.live-layer .live-layer-form .live-layer-body.rerun{height:calc( 100% - 25px );}
.live-layer .live-layer-form .live-layer-body .live-layer-con{ margin-top:10px; }
.live-layer .live-layer-form .live-layer-body .live-layer-con .layer-con-title{font-size:14px; font-weight:500; height:22px; display:flex; align-items: center;}
.live-layer .live-layer-form .live-layer-body .live-layer-con .layer-list{ width:100%; }
.live-layer .live-layer-form .live-layer-body .live-layer-con .layer-list li{font-size:14px; font-weight:500; color:#888; margin-top:4px; padding-left:6px; box-sizing:border-box; position:relative; line-height:1.4; word-break: keep-all;}
.live-layer .live-layer-form .live-layer-body .live-layer-con .layer-list li a{font-size:14px; font-weight:500; color:#888; margin-top:2px;line-height:1.4; word-break: keep-all;}
.live-layer .live-layer-form .live-layer-body .live-layer-con .layer-list li a:hover{color:#131313; font-weight:700; }
.live-layer .live-layer-form .live-layer-body .live-layer-con .layer-list li::before{content:""; display:block; width:2px; height:2px; border-radius: 2px; position:absolute; left:0; top:8px; background:#888; }

.live-layer .live-layer-form .live-layer-footer{position: absolute; left:0; bottom:0; width:100%; }
.live-layer .live-layer-form .live-layer-footer .live-layer-btn{width:100%; height:48px; display:flex; align-items: center; justify-content: center; font-size: 16px; font-weight:500; background:#f6f6f6; border-top:1px solid #ddd; }

/* vip live 뱃지 */
.car-info .vip-bage .bage.live{background:#fff; border:1px solid #cd0000; box-sizing:border-box;color:#cd0000; cursor:pointer;}
.car-info .vip-bage .bage.live::after{content:""; display:block; width:6px; height:4px; background:url(../images/live/lp_live_arrow.png) no-repeat center; margin-left:4px;  }
.car-info .vip-bage .bage.live:hover{ background:#cd0000; color:#fff; }
.car-info .vip-bage .bage.live:hover::after{content:""; display:block; width:6px; height:4px; background:url(../images/live/lp_live_on_arrow.png) no-repeat center; margin-left:4px;  }
.car-info .vip-bage .bage.live:active::after{content:""; display:block; width:6px; height:4px; background:url(../images/live/lp_live_on_arrow.png) no-repeat center; margin-left:4px;  }

.car-info .vip-bage .bage.live.onair .live-bage-move{ margin-right:4px; width:12px; height:12px; background:url(../images/live/lp_bage_live_dot01.png) no-repeat center; background-size:contain; position:relative; animation: liveOn 1.1s 0s infinite linear alternate; animation-delay: .2s; }
.car-info .vip-bage .bage.live.onair .live-bage-move::after{content:""; display:block; width:12px; height:12px; background:url(../images/live/lp_bage_live_dot02.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.1s 0s infinite linear alternate; animation-delay: .4s; }
.car-info .vip-bage .bage.live.onair .live-bage-move::before{content:""; display:block; width:12px; height:12px; background:url(../images/live/lp_bage_live_dot03.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1.1s 0s infinite linear alternate; animation-delay: .6s; }

.car-info .vip-bage .bage.live.onair:hover .live-bage-move{ background:url(../images/live/lp_bage_live_w_dot01.png) no-repeat center; background-size:contain; }
.car-info .vip-bage .bage.live.onair:hover .live-bage-move::after{background:url(../images/live/lp_bage_live_w_dot02.png) no-repeat center; background-size:contain; }
.car-info .vip-bage .bage.live.onair:hover .live-bage-move::before{background:url(../images/live/lp_bage_live_w_dot03.png) no-repeat center; background-size:contain; }

.car-info .vip-bage .bage.live.lock::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock.png) no-repeat center; margin-right:4px;}
.car-info .vip-bage .bage.live.lock:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}
.car-info .vip-bage .bage.live.lock:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}

.car-info .vip-bage .bage.live.prev::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_retime.png) no-repeat center; margin-right:4px;}
.car-info .vip-bage .bage.live.prev:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_retime_on.png) no-repeat center;}
.car-info .vip-bage .bage.live.prev:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_retime_on.png) no-repeat center;}

.car-info .vip-bage .bage.live.counsel::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock.png) no-repeat center; margin-right:4px;}
.car-info .vip-bage .bage.live.counsel:hover::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}
.car-info .vip-bage .bage.live.counsel:active::before{content:""; width:12px; height:12px; background:url(../images/live/lp_bage_lock_on.png) no-repeat center;}

.car-info .vip-bage .bage.live.reserve{background:#cd0000; color:#fff; cursor: default;}
.car-info .vip-bage .bage.live.reserve::after{display:none;}

/* vip live pop */
.vip-live-pop{width:280px; height:400px;}

.live-counsel-pop{width:280px; display:none; position: absolute; background:#fff; padding:20px; box-sizing:border-box; border:1px solid #ddd;}
.live-counsel-pop .live-counsel-close{width:100%; height:14px; display:flex; align-items: center; justify-content: flex-end;}
.live-counsel-pop .live-counsel-close img{cursor:pointer;}
.live-counsel-pop .live-counsel-body{margin-top:10px;}
.live-counsel-pop .live-counsel-body .live-counsel-title{width:100%; font-size:15px; font-weight:500; line-height:1.3; text-align: center;}
.live-counsel-pop .live-counsel-body .live-counsel-txt{ margin-top:10px; font-size:14px; color:#666; letter-spacing: -0.5px; word-break: keep-all; line-height:1.3;}

.live-counsel-pop .live-counsel-ft{width:100%;padding-top:20px;}
.live-counsel-pop .live-counsel-ft .btn{width:100%;margin-top:10px;}
.live-counsel-pop .live-counsel-ft .btn span{font-size:16px;}

/* vip live pip */
.vip-live-pip{width:260px; z-index: 99998; position: fixed; top:50%; right:27px; transform: translate( -0, -50% ); overflow: hidden; box-shadow: 0px 10px 10px rgba(0,0,0,0.16); }
.vip-live-pip .live-pip-head{width:100%; height:28px; display: flex; align-items: center; justify-content: space-between; padding:0px 3px 0px 8px; background:#131313; }
.vip-live-pip .live-pip-head .live-pip-head-title{font-size:12px; color:#fff;}
.vip-live-pip .live-pip-head .live-pip-head-btn{display:flex; align-items: center; position: relative;}
.vip-live-pip .live-pip-head .live-pip-head-btn::after{content:""; width:1px; height:9px; background:#666; position: absolute; right:21px; top:50%; transform: translate( -0, -50% );}
.vip-live-pip .live-pip-head .live-pip-head-btn button{display:flex; align-items: center;}
.vip-live-pip .live-pip-head .live-pip-head-btn button.live-pip-sizing::after{content:""; width:20px; height:20px; display:block; background: url(../images/live/pip_size.png) no-repeat center;  }
.vip-live-pip .live-pip-head .live-pip-head-btn button.live-pip-close::after{content:""; width:20px; height:20px; display:block; background: url(../images/live/pip_close.png) no-repeat center;  }

.vip-live-pip .live-pip-head .live-pip-head-btn button span{font-size:12px; color:#acacac; margin-right:3px; }
.vip-live-pip .live-pip-head .live-pip-head-btn button:last-child{margin-left:1px;}

.vip-live-pip .live-pip-head .live-pip-head-btn button.live-pip-sizing:hover::after{background: url(../images/live/pip_size_hover.png) no-repeat center; }
.vip-live-pip .live-pip-head .live-pip-head-btn button.live-pip-sizing:hover span{color:#fff;}
.vip-live-pip .live-pip-head .live-pip-head-btn button.live-pip-close:hover::after{background: url(../images/live/pip_close_hover.png) no-repeat center; }

.vip-live-pip .live-pip-video{width:100%; height:146px; overflow: hidden;}
.vip-live-pip .live-pip-video iframe{width:100%;height:100%;}

.vip-live-pip .live-pip-body{display:none;}

.vip-live-pip.mode-b{width:830px; left:calc(( 100% - 1200px ) / 2); box-shadow: -6px 10px 10px rgba(0,0,0,0.16); }
.vip-live-pip.mode-b .live-pip-head{height:37px; padding:0 8px 0 16px; }
.vip-live-pip.mode-b .live-pip-head .live-pip-head-title{font-size:15px; font-weight:500;}
.vip-live-pip.mode-b .live-pip-video{width:100%; height:466px;}

.vip-live-pip.mode-b .live-pip-head .live-pip-head-btn button.live-pip-sizing{margin-right:3px; }
.vip-live-pip.mode-b .live-pip-head .live-pip-head-btn button.live-pip-close{margin-left:3px; }


.vip-live-pip.mode-b .live-pip-body{background:#fff; padding:30px; display:flex; gap:0px 40px; }


.vip-live-pip.mode-b .live-pip-body .live-pip-info{width:605px;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title{display:flex; align-items: center; flex-wrap: wrap; gap:10px 0px; }
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .live-ico{padding:0px 12px 0px 10px; height:30px; border-radius: 30px; background:#cd0000; display:flex; align-items: center; margin-right:13px; }
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .live-ico .ico{width:16px; height:16px; margin-right:4px;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .live-ico .txt{font-size:14px; font-weight:700; color:#fff;}

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .live-ico .ico .dot{display:none;}

.vip-live-pip.mode-b.onair .live-pip-body .live-pip-info .live-pip-title .live-ico .ico .dot{width:16px; height:16px; display:block; background:url(../images/live/live_onair_bottom.png) no-repeat center; background-size:contain; animation: liveOn 1s 0s infinite linear alternate; animation-delay: .1s; position:relative; margin-right:3px; }
.vip-live-pip.mode-b.onair .live-pip-body .live-pip-info .live-pip-title .live-ico .ico .dot::after{content:""; display:block; width:16px; height:16px; background:url(../images/live/live_onair_body.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0px; animation: liveOn 1s 0s infinite linear alternate; animation-delay: .2s; }
.vip-live-pip.mode-b.onair .live-pip-body .live-pip-info .live-pip-title .live-ico .ico .dot::before{content:""; display:block; width:16px; height:16px; background:url(../images/live/live_onair_top.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1s 0s infinite linear alternate; animation-delay: .4s; }

.vip-live-pip.mode-b.counsel .live-pip-body .live-pip-info .live-pip-title .live-ico .ico{background:url(../images/live/live_live_ico.png) no-repeat center;}
.vip-live-pip.mode-b.prev .live-pip-body .live-pip-info .live-pip-title .live-ico .ico{background:url(../images/live/live_prev_ico.png) no-repeat center;}

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .title{font-size:24px; margin-right:13px;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .title span{font-size:24px; font-weight:700;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-title .date{font-size:14px; color:#666;}

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-title{font-size:20px; font-weight:500; line-height:1.3; margin-top:19px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; }

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery{display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;  }
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery.more{height:100px; overflow:auto; -webkit-line-clamp:unset;} 
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery pre{font-size:16px; line-height: 1.3; color:#666; white-space: pre-line;}

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery pre a{font-size:16px; color:#666;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery pre span{font-size:16px; color:#666;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery pre b{font-size:16px; color:#666;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery pre strong{font-size:16px; color:#666;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-pip-summery pre p{font-size:16px; color:#666;}

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-summery-more{margin-top:20px; height:22px; display:flex; font-size:14px; color:#666;}
.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-summery-more::after{content:""; display:block; width:14px; height:14px; background:url(../images/smartbuy/btn_lp_filter_arrow.png) no-repeat center; margin-left:10px; transform: rotate(180deg); transition: all 0.2s; }

.vip-live-pip.mode-b .live-pip-body .live-pip-info .live-summery-more.active::after{transform: rotate(0deg); }

.vip-live-pip.mode-b .live-pip-body .live-pip-btn{width:125px;display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button{ width: 100%; height:36px; display:flex; align-items: center; padding-left:16px; border-radius: 36px; border:1px solid #ddd; position: relative; overflow: hidden; margin-top:4px; }
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button:first-child{margin-top:0px;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button span{display: flex; align-items: center; font-size:14px; color:#515151; }
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button span::before{ content:""; display:block; width:15px; height:15px; margin-right:6px; }
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-comment span::before{background:url(../images/live/live_comment_ico.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-share span::before{background:url(../images/live/live_share_ico.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-comment-list span::before{background:url(../images/live/live_comment_list_ico.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-video-list span::before{background:url(../images/live/live_video_list_ico.png) no-repeat center;}

.vip-live-pip.mode-b .live-pip-body .live-pip-btn button:hover{border:1px solid #131313;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button:hover span{color: #131313;}

.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-comment:hover span::before{background:url(../images/live/live_comment_ico_hover.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-share:hover span::before{background:url(../images/live/live_share_ico_hover.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-comment-list:hover span::before{background:url(../images/live/live_comment_list_ico_hover.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-video-list:hover span::before{background:url(../images/live/live_video_list_ico_hover.png) no-repeat center;}

.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.active{border:1px solid #131313;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.active span{color: #131313;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-comment-list.active span::before{background:url(../images/live/live_comment_list_ico_hover.png) no-repeat center;}
.vip-live-pip.mode-b .live-pip-body .live-pip-btn button.live-video-list.active span::before{background:url(../images/live/live_video_list_ico_hover.png) no-repeat center;}

.vip-live-pip.mode-b .live-pip-body .live-pip-btn button:hover span{color:#131313;}

/* vip 라이브 채팅 */
.vip-live-cont {width:370px; position: fixed; z-index: 99997; right:calc(( 100% - 1200px ) / 2); top:50%; transform: translate( -0, -50% ); background:#fff; border:1px solid #ddd; box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.16) }
.vip-live-chat{display:none;}
.vip-live-chat iframe{width:100%; height:100%; border:0px;}

.vip-live-chat .chat-close{position: absolute; width:16px; height:16px; right:60px; top:15px; z-index: 99;}
.vip-live-chat .chat-close .chat-close-ico{width:16px; height:16px; position: relative; cursor: pointer;}
.vip-live-chat .chat-close .chat-close-ico::before{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(45deg); position: absolute; left:8px; top:0; transition: all 0.2s;}
.vip-live-chat .chat-close .chat-close-ico::after{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(135deg); position: absolute; left:8px; top:0; transition: all 0.2s;} 

.vip-live-chat .chat-close .chat-close-ico:hover::before{transform: rotate( 135deg );}
.vip-live-chat .chat-close .chat-close-ico:hover::after{transform: rotate( 225deg );}

/* vip 이전 영상 */
.vip-live-cont.prev-video-form{display:none;}

.vip-live-cont.prev-video-form .prev-video-title{width:100%; height:51px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; padding:0 20px; }
.vip-live-cont.prev-video-form .prev-video-title .title{font-size:16px; }
.vip-live-cont.prev-video-form .prev-video-title .prev-video-close{width:16px; height:16px; display: flex; align-items: center; justify-content: center; position: relative; }
.vip-live-cont.prev-video-form .prev-video-title .prev-video-close .close-ico{width:16px; height:16px; position: relative; cursor: pointer;}
.vip-live-cont.prev-video-form .prev-video-title .prev-video-close .close-ico::before{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(45deg); position: absolute; left:8px; top:0; transition: all 0.2s;}
.vip-live-cont.prev-video-form .prev-video-title .prev-video-close .close-ico::after{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(135deg); position: absolute; left:8px; top:0; transition: all 0.2s;} 

.vip-live-cont.prev-video-form .prev-video-title .prev-video-close .close-ico:hover::before{transform: rotate( 135deg );}
.vip-live-cont.prev-video-form .prev-video-title .prev-video-close .close-ico:hover::after{transform: rotate( 225deg );}

.vip-live-cont.prev-video-form .prev-video-list-box{width:100%; height:calc( 100% - 51px );  overflow: hidden; position: relative; }
.vip-live-cont.prev-video-form .prev-video-list{width:100%; height:100%; overflow-y: auto; padding:10px 0px; position: absolute; left:0; top:0; }
.vip-live-cont.prev-video-form .prev-video-list .prev-video-box{width:100%; }
.vip-live-cont.prev-video-form .prev-video-list .prev-video-box .prev-video-con{display:flex; align-items: center; padding:10px 20px; background:#fff; gap:0px 15px; }
.vip-live-cont.prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-thumnail{width:120px;}
.vip-live-cont.prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-info{width:calc( 100% - 135px );}
.vip-live-cont.prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-info .video-title{font-size:14px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;  }
.vip-live-cont.prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-info .video-date{height:26px; display:flex; align-items: center; font-size:12px; color:#888; }

.vip-live-cont.prev-video-form .prev-video-list .prev-video-box .prev-video-con:hover{background:#f0f0f0;}



#liveCommentPop{display:none;}
.layer-pop#liveCommentPop .layer-pop-body{padding-bottom:20px;}
#liveCommentPop .live-comment-form{width:100%;}

#liveCommentPop .live-comment-form .live-comment-summery{width:100%; margin-top:20px;}
#liveCommentPop .live-comment-form .live-comment-summery .text{font-size:14px; color:#666; line-height:1.3;margin-top:10px;}
#liveCommentPop .live-comment-form .live-comment-summery .text:first-child{margin-top:0px;}
#liveCommentPop .live-comment-form .live-comment-summery .text span{font-size:14px; color:#666; font-weight:700;}

#liveCommentPop .live-comment-form .live-comment-input-box{width:100%; margin-top:30px;}
#liveCommentPop .live-comment-form .live-comment-input-box .title{display:flex; align-items: center; font-size:16px; font-weight:700; }
#liveCommentPop .live-comment-form .live-comment-input-box .live-comment-input{width:100%; margin-top:10px;}
#liveCommentPop .live-comment-form .live-comment-input-box .live-comment-input textarea{width:100%;padding:8px 12px; border:1px solid #ddd; font-size:14px; line-height:1.3; resize: none; outline: none; }
#liveCommentPop .live-comment-form .live-comment-input-box .live-comment-input textarea:focus{border:1px solid #131313;}


/* 라이브 페이지 */
.live-section{width:1200px; margin:0 auto 130px auto;}
.live-section .live-form{width:100%; display:flex; transition: all 0.4s;}
.live-section .live-form .live-video-form{width:100%; transition: all 0.4s;}
.live-section .live-form .live-video-form .live-video-box{width:100%; position: relative; }
.live-section .live-form .live-video-form .live-video-box::before{content:''; display:block; padding-top:56.2% }
.live-section .live-form .live-video-form .live-video-box iframe{width:100%; height:100%; position: absolute; left:0; top:0; }

.live-section .live-form .live-video-form .live-info-form{width:100%; display:flex; margin-top:40px; justify-content: space-between;}
.live-section .live-form .live-video-form .live-info-form .live-info-box{width:calc( 100% - 250px );}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info{width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head{display:flex; align-items: center; flex-wrap: wrap; }
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head .live-bage{display:flex; align-items: center; justify-content: center; padding:0px 12px 0px 10px; height:30px; border-radius: 30px; background:#cd0000; margin-right:12px; }
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head .live-bage i{width:16px; height:16px; margin-right:4px; position: relative; }
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head .live-bage .bage-txt{font-size:14px; font-weight:700; color:#fff;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head .live-title{font-size:24px; width:calc( 100% - 130px );}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head .live-title span{font-size:24px; font-weight:700;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-head .live-date{font-size:14px; font-weight:500; color:#666; margin:13px 0px 0px 0px; }
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-info .live-video-title{width:100%; margin-top:20px; font-size:20px; font-weight:500; line-height:1.4;}

.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary{width:100%;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary{font-size:16px; color:#666; line-height:1.4; white-space: pre-line; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; transition: all 0.4s;   }
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary.more{-webkit-line-clamp:unset;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary a{font-size:16px; color:#666;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary a:hover{color:#131313; text-decoration: underline;}

.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary-more{margin-top:20px; height:22px; display:flex; font-size:14px; color:#666;}
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary-more::after{content:""; display:block; width:14px; height:14px; background:url(../images/smartbuy/btn_lp_filter_arrow.png) no-repeat center; margin-left:5px; transform: rotate(180deg); transition: all 0.2s; }
.live-section .live-form .live-video-form .live-info-form .live-info-box .live-video-summary .video-summary-more.active::after{transform: rotate(0deg); }

/* 라이브 뱃지 */
.live-section .live-form .live-video-form.onair .live-info-form .live-info-box .live-video-info .live-video-head .live-bage i{width:16px; height:16px; background:url(../images/live/live_onair_bottom.png) no-repeat center; background-size:contain; animation: liveOn 1s 0s infinite linear alternate; animation-delay: .1s; position:relative; margin-right:3px; }
.live-section .live-form .live-video-form.onair .live-info-form .live-info-box .live-video-info .live-video-head .live-bage i::after{content:""; display:block; width:16px; height:16px; background:url(../images/live/live_onair_body.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0px; animation: liveOn 1s 0s infinite linear alternate; animation-delay: .2s; }
.live-section .live-form .live-video-form.onair .live-info-form .live-info-box .live-video-info .live-video-head .live-bage i::before{content:""; display:block; width:16px; height:16px; background:url(../images/live/live_onair_top.png) no-repeat center; background-size:contain; position:absolute; left:0; bottom:0; animation: liveOn 1s 0s infinite linear alternate; animation-delay: .4s; }

.live-section .live-form .live-video-form.counsel .live-info-form .live-info-box .live-video-info .live-video-head .live-bage i{background:url(../images/live/live_consult_ico.png) no-repeat center;}
.live-section .live-form .live-video-form.prev .live-info-form .live-info-box .live-video-info .live-video-head .live-bage i{background:url(../images/live/live_prev_ico.png) no-repeat center;}

/* 라이브 btn */
.live-video-form .live-info-form .live-video-btn-box{width:136px;display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start;}
.live-video-form .live-info-form .live-video-btn-box button{ width: 100%; height:36px; display:flex; align-items: center; padding-left:16px; border-radius: 36px; border:1px solid #ddd; position: relative; overflow: hidden; margin-top:4px; }
.live-video-form .live-info-form .live-video-btn-box button:first-child{margin-top:0px;}
.live-video-form .live-info-form .live-video-btn-box button span{display: flex; align-items: center; font-size:14px; color:#515151; }
.live-video-form .live-info-form .live-video-btn-box button span::before{ content:""; display:block; width:15px; height:15px; margin-right:6px; }
.live-video-form .live-info-form .live-video-btn-box button.live-comment span::before{background:url(../images/live/live_comment_ico.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-share span::before{background:url(../images/live/live_share_ico.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-comment-list span::before{background:url(../images/live/live_comment_list_ico.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-video-list span::before{background:url(../images/live/live_video_list_ico.png) no-repeat center;}

.live-video-form .live-info-form .live-video-btn-box button.live-comment:hover span::before{background:url(../images/live/live_comment_ico_hover.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-share:hover span::before{background:url(../images/live/live_share_ico_hover.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-comment-list:hover span::before{background:url(../images/live/live_comment_list_ico_hover.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-video-list:hover span::before{background:url(../images/live/live_video_list_ico_hover.png) no-repeat center;}

.live-video-form .live-info-form .live-video-btn-box button.live-comment.active span::before{background:url(../images/live/live_comment_ico_hover.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-share.active span::before{background:url(../images/live/live_share_ico_hover.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-comment-list.active span::before{background:url(../images/live/live_comment_list_ico_hover.png) no-repeat center;}
.live-video-form .live-info-form .live-video-btn-box button.live-video-list.active span::before{background:url(../images/live/live_video_list_ico_hover.png) no-repeat center;}

.live-video-form .live-info-form .live-video-btn-box button:hover{border:1px solid #131313;}
.live-video-form .live-info-form .live-video-btn-box button.active{border:1px solid #131313;}

.live-video-form .live-info-form .live-video-btn-box button:hover span{color:#131313; }
.live-video-form .live-info-form .live-video-btn-box button.active span{color:#131313;}

/* 라이브 채팅 */
.live-section .live-form.chat-on .live-video-form{width:calc( 100% - 402px ); transition: all 0.4s;}
.live-section .live-form.chat-on .live-video-form .live-info-form{padding-right:20px;}
.live-section .live-form.chat-on .live-video-form .live-info-form .live-info-box{width:calc( 100% - 166px );}

.live-section .live-form .live-chat-form{width:0px; display:none; transition: all 0.4s; border:1px solid #ddd; border-top:0px; background:#fff; position: relative; }
.live-section .live-form .live-chat-form iframe{width:100%; height:100%; border:0px;}

.live-section .live-form.chat-on .live-chat-form{width:402px; display:block; transition: all 0.4s;}

.live-section .live-form .live-chat-form .chat-close{position: absolute; width:16px; height:16px; right:60px; top:15px; z-index: 99;}
.live-section .live-form .live-chat-form .chat-close .chat-close-ico{width:16px; height:16px; position: relative; cursor: pointer;}
.live-section .live-form .live-chat-form .chat-close .chat-close-ico::before{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(45deg); position: absolute; left:8px; top:0; transition: all 0.2s;}
.live-section .live-form .live-chat-form .chat-close .chat-close-ico::after{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(135deg); position: absolute; left:8px; top:0; transition: all 0.2s;} 

.live-section .live-form .live-chat-form .chat-close .chat-close-ico:hover::before{transform: rotate( 135deg );}
.live-section .live-form .live-chat-form .chat-close .chat-close-ico:hover::after{transform: rotate( 225deg );}

/* 이전영상 */
.live-section .live-form.list-on .live-video-form{width:calc( 100% - 350px ); transition: all 0.4s;}
.live-section .live-form.list-on .live-video-form .live-info-form{padding-right:20px;}

.live-section .live-form .prev-video-form{width:0px; transition: all 0.4s; display:none; border:1px solid #ddd; border-top:0px; background:#fff;}
.live-section .live-form.list-on .prev-video-form{width:350px; transition: all 0.4s; display:block;}

.live-section .live-form .prev-video-form .prev-video-title{width:100%; height:51px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: space-between; padding:0 20px; }
.live-section .live-form .prev-video-form .prev-video-title .title{font-size:16px; }
.live-section .live-form .prev-video-form .prev-video-title .prev-video-close{width:16px; height:16px; display: flex; align-items: center; justify-content: center; position: relative; }
.live-section .live-form .prev-video-form .prev-video-title .prev-video-close .close-ico{width:16px; height:16px; position: relative; cursor: pointer;}
.live-section .live-form .prev-video-form .prev-video-title .prev-video-close .close-ico::before{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(45deg); position: absolute; left:8px; top:0; transition: all 0.2s;}
.live-section .live-form .prev-video-form .prev-video-title .prev-video-close .close-ico::after{content:""; width:1px; height:16px; background:#131313; display:block; transform: rotate(135deg); position: absolute; left:8px; top:0; transition: all 0.2s;} 

.live-section .live-form .prev-video-form .prev-video-title .prev-video-close .close-ico:hover::before{transform: rotate( 135deg );}
.live-section .live-form .prev-video-form .prev-video-title .prev-video-close .close-ico:hover::after{transform: rotate( 225deg );}

.live-section .live-form .prev-video-form .prev-video-list-box{width:100%; height:calc( 100% - 51px );  overflow: hidden; position: relative; }
.live-section .live-form .prev-video-form .prev-video-list{width:100%; height:100%; overflow-y: auto; padding:10px 0px; position: absolute; left:0; top:0; }
.live-section .live-form .prev-video-form .prev-video-list .prev-video-box{width:100%; }
.live-section .live-form .prev-video-form .prev-video-list .prev-video-box .prev-video-con{display:flex; align-items: center; padding:10px 20px; background:#fff; gap:0px 15px; }
.live-section .live-form .prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-thumnail{width:120px;}
.live-section .live-form .prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-info{width:calc( 100% - 135px );}
.live-section .live-form .prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-info .video-title{font-size:14px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;  }
.live-section .live-form .prev-video-form .prev-video-list .prev-video-box .prev-video-con .video-info .video-date{height:26px; display:flex; align-items: center; font-size:12px; color:#888; }

.live-section .live-form .prev-video-form .prev-video-list .prev-video-box .prev-video-con:hover{background:#f0f0f0;}


/* 라이브 페이지 컨텐츠 */
.live-cont{width:100%; margin-top:60px; display:flex; border-top:1px solid #131313; border-bottom:1px solid #eee; }
.live-cont .live-car-list{width:430px; padding:40px 40px 35px 0px; border-right:1px solid #eee;}
.live-cont .live-car-list .live-car-list-title{width:100%; display:flex; align-items: center; justify-content: space-between;}
.live-cont .live-car-list .live-car-list-title .title{font-size:20px; font-weight:700; }
.live-cont .live-car-list .list-controler{display:flex; align-items: center;}
.live-cont .live-car-list .list-controler .list-paging{position: relative; height:22px; display: flex; align-items: center; justify-content: center;}
.live-cont .live-car-list .list-controler .list-paging .live-car-list-paging{ font-size:14px; color:#999; font-weight:500; }
.live-cont .live-car-list .list-controler .list-paging .live-car-list-paging .swiper-pagination-current{font-size:14px; font-weight:500; color:#131313;}
.live-cont .live-car-list .list-controler .list-paging .live-car-list-paging .swiper-pagination-total{font-size:14px; color:#999; font-weight:500; }

.live-cont .live-car-list .list-controler .list-control{width:72px; height:24px; display:flex; align-items: center; margin-left:11px; position: relative;}
.live-cont .live-car-list .list-controler .list-control .list-control-btn{width:24px;cursor: pointer;}
.live-cont .live-car-list .list-controler .list-control .list-control-btn.live-car-list-play{display:none;}


.live-cont .live-car-list .live-car-list-form{margin-top:12px;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box{height:240px;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con{border-bottom:1px solid #eee; width:100%; height:calc( 100% / 2 ) !important;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont{padding:15px 0px; display:flex; gap:0px 15px;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-thumnail{width:80px; height:60px; position: relative; overflow: hidden; }
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-thumnail img{position: absolute; left:50%; top:50%; transform: translate( -50%, -50% );}

.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info{width:calc( 100% - 95px );}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-name{font-size:14px;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-trim{font-size:14px; margin-top:5px; }
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-infos{width:100%; display:flex; align-items: center; height:26px; gap:0px 8px;   }
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-infos li{font-size:12px; color:#888;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-pay{display:flex; align-items: center; margin-top:5px; }
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-pay .pay{font-size:14px;}
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-pay .pay span{font-size:14px; font-weight:700; }
.live-cont .live-car-list .live-car-list-form .live-car-list-box .live-car-list-con .car-list-cont .car-info .car-pay .discount{font-size:14px; color:#999; text-decoration: line-through; margin-left:6px; }

.live-cont .live-car-list .car-list-summary{width:100%; margin-top:20px; font-size:14px; color:#666; }

.live-cont .live-car-list .live-car-list-none{width:100%; height:240px; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.live-cont .live-car-list .live-car-list-none .txt{font-size:16px; color:#666; margin-top:11px;}

.live-cont .live-summary{width:calc( 100% - 430px ); padding:40px 0px 40px 40px;  }
.live-cont .live-summary .live-summary-title{font-size:20px; font-weight:700;}
.live-cont .live-summary .live-summary-step{width:100%; margin-top:30px;}
.live-cont .live-summary .live-summary-step .step-list{width:100%; display:flex; align-items: center; justify-content: space-between; gap:0px 10px; }
.live-cont .live-summary .live-summary-step .step-list .step-list-con{display:flex;flex-direction: column; width:25%; max-width:25%; height:100px; align-items: center; justify-content: center; background:#f9f9f9; font-size:18px; line-height:1.3; position: relative; }
.live-cont .live-summary .live-summary-step .step-list .step-list-con span{font-size:18px; font-weight:700;}
.live-cont .live-summary .live-summary-step .step-list .step-list-con::after{content:""; width:26px; height:26px; border-radius: 26px; background:#0061FD url(../images/live/live_consult_step.png) no-repeat center; position: absolute; right:-17px; top:50%; transform: translate(  -0, -50% ); z-index: 1;  }
.live-cont .live-summary .live-summary-step .step-list .step-list-con:last-child::after{display:none;}

.live-cont .live-summary .live-summary-box{width:100%; display:flex; align-items: center; gap:0 25px; margin-top:50px;}
.live-cont .live-summary .live-summary-box .live-summary-visual{width:150px;}
.live-cont .live-summary .live-summary-box .live-summary-con{width:calc( 100% - 175px );}
.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-txt{font-size:16px; line-height:1.4;}
.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn{width:100%; display:flex; align-items: center; margin-top:15px;}
.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn a{display:flex; align-items: center; justify-content: center; width:50%; height:48px; border:1px solid #ddd; font-size:16px; font-weight:700; }
.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn a.live-cosult-btn{border-radius: 5px 0px 0px 5px; margin-right:-1px;}
.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn a.live-view-btn{border-radius: 0px 5px 5px 0px;}

.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn a.live-cosult-btn::before{content:""; display:block; width:22px; height:17px; margin-right:8px; background:url(../images/live/live_consult_ico_b.png) no-repeat center;}
.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn a.live-view-btn::before{content:""; display:block; width:17px; height:18px; margin-right:8px; background:url(../images/live/live_view_ico.png) no-repeat center;}

.live-cont .live-summary .live-summary-box .live-summary-con .live-summary-btn a:hover{border:1px solid #131313; z-index: 1; position: relative;}

.rb-video-form{width:100%; margin-top:90px;}
.rb-video-form .rb-video-head{width:100%; display:flex; align-items: center; justify-content: space-between;}
.rb-video-form .rb-video-head .title{font-size:24px; font-weight:700;}
.rb-video-form .rb-video-head .more{font-size:14px; font-weight:500; color:#888;}

.rb-video-form .rb-video-list-form{margin-top:24px;}
.rb-video-form .rb-video-list-form .rb-video-list-box{}
.rb-video-form .rb-video-list-form .rb-video-list-box .rb-video-list-con{}
.rb-video-form .rb-video-list-form .rb-video-list-box .rb-video-list-con .rb-video-con{width:100%;}
.rb-video-form .rb-video-list-form .rb-video-list-box .rb-video-list-con .rb-video-con .rb-video-thumnail{width:100%; height:154px; overflow:hidden; position:relative;}
.rb-video-form .rb-video-list-form .rb-video-list-box .rb-video-list-con .rb-video-con .rb-video-thumnail img{position:absolute; top:50%; left:50%; transform: translate( -50%, -50% );}
.rb-video-form .rb-video-list-form .rb-video-list-box .rb-video-list-con .rb-video-con .rb-video-title{width:100%; margin-top:16px; font-size:16px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;    }
.rb-video-form .rb-video-list-form .rb-video-list-box .rb-video-list-con .rb-video-con .rb-video-date{margin-top:10px; font-size:14px; color:#666; }

.rb-video-form .loop-btn-box{margin-top:50px;}

.live-lp-btn-box{width:100%; text-align: center; margin-top:80px;}
.live-lp-btn-box .txt{font-size:14px; color:#666;}
.live-lp-btn-box .btn-box{margin-top:20px;}
.live-lp-btn-box .btn-box .btn{width:320px; height:60px;}
.live-lp-btn-box .btn-box .btn span{font-size:16px; font-weight: 700;}

.live-line-bn-form{width:100%; height:80px; position: relative;}
.live-line-bn-form .live-line-bn-box{width:100%; height:80px; position: fixed; bottom:0; left:0; z-index: 99; background:#00704a; display:flex; align-items: center; justify-content: center;}
.live-line-bn-form .live-line-bn-box.fixed-none{position: relative;}
.live-line-bn-form .live-line-bn-box .live-line-bn-con{width:1200px; height:80px; display:flex; align-items: center; justify-content: space-between;}
.live-line-bn-form .live-line-bn-box .live-line-bn-con .live-line-bn-txt{display:flex; align-items: center; font-size:20px; color:#fff; }
.live-line-bn-form .live-line-bn-box .live-line-bn-con .live-line-bn-txt span{font-size:20px; color:#fff; font-weight:700; margin:0 4px;}
.live-line-bn-form .live-line-bn-box .live-line-bn-con .live-line-bn-txt::before{content:""; display:block; width:176px; height:80px; margin-right:16px; background:url(../images/live/live_line_bn_obj.png) no-repeat center;  }

.live-line-bn-form .live-line-bn-box .live-line-bn-con .live-line-bn-btn{width:174px; height:36px; display:flex; align-items: center; justify-content: center; background:#fff; border-radius: 36px;}
.live-line-bn-form .live-line-bn-box .live-line-bn-con .live-line-bn-btn span{font-size:14px; font-weight:700;}

.live-sign-form{width:100%; margin-top:50px;}
.live-sign-form .page-title .page-title-txt .main-txt{font-size:24px; font-weight:700; }
.live-sign-form .page-title .page-title-txt .sub-txt{font-size:14px; font-weight:500;}
.live-sign-form .page-title .page-title-txt .sub-txt span{font-size:14px; font-weight:700;}

.live-sign-form .live-sign-banner{width:100%; margin-top:40px; height:100px; background:#00704a url(../images/live/live_sign_bn_obj.png) no-repeat; background-position: 95px center; display:flex; align-items: center; }
.live-sign-form .live-sign-banner .text-box{margin-left:297px;}
.live-sign-form .live-sign-banner .text-box .title{font-size:20px; color:#fff; }
.live-sign-form .live-sign-banner .text-box .title span{font-size:20px; color:#fff; font-weight:700; }
.live-sign-form .live-sign-banner .text-box .txt{font-size:14px; color:#fff; margin-top:4px; font-weight:400; }
.live-sign-form .live-sign-banner .login-btn{width:120px; height:45px; border-radius: 45px; display:flex; align-items: center; justify-content: center; background:#fff; font-size:14px; font-weight:700; margin-left:77px; }

.live-sign-form .live-sign-box{width:100%; display:flex; gap:0px 80px; margin-top:50px;}
.live-sign-form .live-sign-box .live-sign-car-form{width:480px;}
.live-sign-form .live-sign-box .live-sign-car-form .title-box{display:flex; align-items: flex-end; padding-bottom:24px; border-bottom:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-car-form .title-box .title{font-size:18px; font-weight:700;}
.live-sign-form .live-sign-box .live-sign-car-form .title-box .txt{font-size:14px; font-weight:500; color:#666; margin-left:10px;}

.live-sign-form .live-sign-box .car-search-form{width:100%; padding:20px 0px;}
.live-sign-form .live-sign-box .car-search-form .car-search-box{display:flex; align-items: center; gap:0px 12px;}
.live-sign-form .live-sign-box .car-search-form .car-search-box .car-search-filter{width:132px;}
.live-sign-form .live-sign-box .car-search-form .car-search-box .car-search-filter .select-box .select-choice{height:44px; font-size:14px; padding:0px 30px 0px 8px; }
.live-sign-form .live-sign-box .car-search-form .car-search-box .car-search-filter .select-box .select-choice::after{background:url(../images/common/footer_notice_next.png) center center; top:12px; right:8px;}
.live-sign-form .live-sign-box .car-search-form .car-search-box .car-search-filter .select-box .select-list{top:44px;}
.live-sign-form .live-sign-box .car-search-form .car-search-box .car-search-filter .select-box .select-list li{font-size:14px;}

.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form{width:300px; height:44px; display:flex; position:relative;}
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box{ width:300px; height:44px;  border:1px solid #ddd; box-sizing:border-box; background:#fff; padding:0 12px; display:flex; align-items: center; justify-content: space-between; position: relative; }
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box input[type=text] {width:calc( 100% - 60px ); height:100%; font-size: 14px; outline: none; border:0px; }
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box:hover{border:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box.focus{border:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box.active{border:1px solid #131313;}

.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box .live-search-delete{width:16px; height:16px; border-radius: 16px; display:flex; align-items: center; justify-content: center;  background:#ddd; cursor: pointer; display:none;}
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-box .live-search-delete.active{display:flex;}

.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-reflash{width:24px; height:24px; border-radius: 24px; display:flex; align-items: center; justify-content: center;  background:#e3e3e3; cursor: pointer; position: absolute; right:-34px; top:50%; transform: translate( -0, -49.99% ); overflow: hidden; cursor: default; }
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-reflash img{position:relative; z-index: 2;}
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-reflash.active{ background:#0061FD; cursor: pointer; }
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-reflash.active:hover::after{ content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0; z-index: 1;  }
.live-sign-form .live-sign-box .live-sign-car-form .car-search-inpt-box .live-search-form .live-search-reflash.active:active::after{ content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.1); position: absolute; left:0; top:0; z-index: 1;  }

.live-research{width:300px; background:#fff; position: absolute; left:-1px; top:50px; padding:20px; box-sizing:border-box; border:1px solid #ddd; z-index: 99; display: none ; }

.live-research .lp-search-info-title{display:flex; align-items: center; justify-content: space-between; height:24px;}
.live-research .lp-search-info-title .text{display:flex; align-items: center; font-size:16px; font-weight:700;  }
.live-research .lp-search-info-title .text img{margin-right:6px;}
.live-research .lp-search-info-title .lp-research-all-delete{ cursor: pointer; font-size:12px; font-weight:700; color:#666;  }

.live-research .lp-search-research-list{width:100%; padding-top:20px; box-sizing:border-box;  height:180px; }
.live-research .lp-search-research-list .lp-research-con{ display:flex; align-items: center; justify-content: space-between; padding:5px 0px;  }
.live-research .lp-search-research-list .lp-research-con a{  line-height:14px; font-size: 14px; display:block; width:calc( 100% - 32px ); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.live-research .lp-search-research-list .lp-research-con .lp-research-delete{cursor:pointer;height:22px; display:flex; align-items: center; }

.live-research .lp-search-research-none{display:flex; flex-direction: column; align-items: center; justify-content: center; height:100%; height:180px; }
.live-research .lp-search-research-none .lp-research-none-txt{font-size:16px; color:#666; margin-top:15px; }

.live-sign-form .live-sign-box .car-search-form .car-tag-box{margin-top:20px;}
.live-sign-form .live-sign-box .car-search-form .car-tag-box .car-tag-list-form{width:100%;}
.live-sign-form .live-sign-box .car-search-form .car-tag-box .car-tag-list-form .car-tag-list-box{width:100%; display:flex; align-items: center; }
.live-sign-form .live-sign-box .car-search-form .car-tag-box .car-tag-list-form .car-tag-list-box .car-tag-list-con{padding:0 6px 0 2px; width:max-content; margin-right:12px;}
.live-sign-form .live-sign-box .car-search-form .car-tag-box .car-tag-list-form .car-tag-list-box .car-tag-list-con:last-child{margin-right:0px;}
.live-sign-form .live-sign-box .car-search-form .car-tag-box .car-tag-list-form .car-tag-list-box .car-tag-list-con .check-box-round label span{color:#666;}
.live-sign-form .live-sign-box .car-search-form .car-tag-box .car-tag-list-form .car-tag-list-box .car-tag-list-con .check-box-round input[type=checkbox]:checked + label span{color:#131313;}

.live-sign-form .live-car-summary{width:100%; height:50px; display:none; text-align:center; line-height:50px; background:#f9f9f9; font-size:14px; color:#515151; margin-bottom:20px; }
.live-sign-form .live-car-summary span{font-size:14px; font-weight:700;}
.live-sign-form .live-car-summary.active{display:block;}


/* 라이브 차량 lp */
.live-lp-form{width:100%; max-height:70vh; overflow-y: auto; }
.live-lp-form .live-lp-box{width:100%; display:flex; flex-direction: column; gap:20px 0px;  }

.live-lp-form .live-lp-box .live-lp-con{display:flex;}
.live-lp-form .live-lp-box .live-car-check{width:24px; height:24px; display:flex; align-items: center; justify-content: center; margin-top: 39px; margin-right:20px;}
.live-lp-form .live-lp-box .live-car{display:flex; width:calc( 100% - 44px ) }
.live-lp-form .live-lp-box .live-car .thumnail{ width:134px; margin-right:20px; height:100px; position: relative; overflow: hidden; }
.live-lp-form .live-lp-box .live-car .thumnail img{position: absolute; left:50%; top:50%; transform: translate( -50% , -50% ); }

.live-lp-form .live-lp-box .live-car .car-info{width:calc( 100% - 154px )}
.live-lp-form .live-lp-box .live-car .car-info .car-name{font-size:16px; line-height:1.3;}
.live-lp-form .live-lp-box .live-car .car-info .car-trim{font-size:16px; line-height:1.3;}
.live-lp-form .live-lp-box .live-car .car-info .car-infos{display:flex; align-items: center; margin-top:2px; gap:0px 8px; height: 24px; }
.live-lp-form .live-lp-box .live-car .car-info .car-infos li{font-size:12px; color:#888;}
.live-lp-form .live-lp-box .live-car .car-info .car-pay{display:flex; align-items: center; margin-top:4px; height:26px;}
.live-lp-form .live-lp-box .live-car .car-info .car-pay .pay{font-size:18px;}
.live-lp-form .live-lp-box .live-car .car-info .car-pay .pay span{font-size:18px; font-weight:700;}
.live-lp-form .live-lp-box .live-car .car-info .car-pay .discount{font-size:14px; color:#999; text-decoration: line-through; margin-top:4px; margin-left:4px; }

.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .thumnail::before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); position: absolute; left:0; top:0; z-index: 2;  }
.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .car-info .car-name{color:#acacac;}
.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .car-info .car-trim{color:#acacac;}
.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .car-info .car-infos li{color:#acacac;}
.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .car-info .car-pay .pay{color:#acacac;}
.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .car-info .car-pay .pay span{color:#acacac;}
.live-lp-form .live-lp-box .live-lp-con.disabled .live-car .car-info .car-pay .discount{color:#acacac;}

.live-lp-form .live-lp-box .live-lp-con.disabled input[type='checkbox'] + label{display:none;}

.live-sign-car-form{width:480px; position: relative;}
.live-sign-car-form.info-fixed .live-sign-car-box{position: fixed; width:480px; left:calc(( 100% - 1200px ) / 2); top:0; z-index: 2; }
.live-sign-car-form.info-bottom .live-sign-car-box{position: absolute; bottom:0px; top:auto; left:0px; width:480px;}

/* 검색 정보 없음 */
.live-lp-form .search-none-form{height:620px; display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; }
.live-lp-form .search-none-form .search-none-box{margin:0px 0px 50px 0px;}
.live-lp-form .search-none-form .live-research{position: relative; display:block !important; top:0px; left:0px; width:400px; z-index: 3;}

/* 상담 신청폼 */
.live-sign-form .live-sign-box .live-sign-con{width:640px; height:max-content;}
.live-sign-form .live-sign-box .live-sign-con .title-box{display:flex; align-items: center; justify-content: space-between; padding-bottom:24px; border-bottom:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-con .title-box .title{font-size:18px; font-weight:700;}
.live-sign-form .live-sign-box .live-sign-con .title-box .txt{font-size:14px; font-weight:500; color:#666; margin-left:10px;}

.live-sign-form .live-sign-box .live-sign-con .sign-box{margin-top:30px; padding-bottom:20px; border-bottom:1px solid #eee; }
.live-sign-form .live-sign-box .live-sign-con .sign-box:first-child{margin-top:0px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box:last-child{padding-bottom:30px; border-bottom:1px solid #acacac;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con{width:100%; margin-top:10px; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .sign-con-tit{width:100%; height:44px; display:flex; align-items: center; font-size:15px; font-weight:500; }

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont{display:flex; flex-direction: column;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form{width:100%;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-head{display:flex; height:40px; padding:0 20px; justify-content: space-between; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-head li{width:36px; height:36px; display:flex; align-items: center; justify-content: center; font-size:16px; font-weight:500; color:#888; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body{display:flex; padding:0 20px; justify-content: space-between; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li{width:36px; display:flex; flex-direction: column; font-size:14px; font-weight:700; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li button{width:36px; height:36px; display:flex; align-items: center; justify-content: center; border-radius: 36px; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li.today::after{content:"오늘"; display:flex; width:100%; height:16px; align-items: center; justify-content: center; margin:10px 0px; font-size:12px; font-weight:500; color:#0061FD;    }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li.today button{color:#0061FD;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li.holiday button{color:#ff3f3f; cursor: default; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li button:disabled{color:#acacac; cursor: default;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li.holiday button:disabled{color:#ff3f3f; cursor: default;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li button:hover{background:rgba(0,0,0,0.06);}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li button:active{background:rgba(0,0,0,0.1);}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-date-form .date-body li button.active{background: #333; color:#fff;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form{width:100%;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-date-none{width:100%; height:120px; display:none; align-items: center; justify-content: center; background:#f9f9f9; font-size:16px; color:#666;  }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-date-none.active{display:flex;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box{display:none; flex-wrap: wrap; gap:12px 12px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box.active{display:flex;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li{width:calc(25% - 9px);}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]{ display:none; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"] + label{display:flex; width:100%; height:44px; align-items: center; cursor:pointer; justify-content: center; background:#fff; border:1px solid #ddd; border-radius: 2px; position: relative; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"] + label span{font-size:14px; color:#515151;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"] + label span b{font-size:14px; font-weight:700; color:#515151;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"] + label:hover{background:#f4f9ff; border:1px solid #cde0ff;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"] + label:hover span{color:#579aff;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"] + label:hover span b{color:#579aff;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:checked + label{background:#fff; border:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:checked + label::before{content:""; display:block; width:18px; height:18px; border-radius: 18px; background:#333 url(../images/live/live_check_ico.png) no-repeat center; position: absolute; right:-8px; top:-8px;  }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:checked + label span{color:#131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:checked + label span b{color:#131313;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:disabled + label{background:#e3e3e3; border:1px solid #ddd; cursor: default;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:disabled + label span{color:#acacac;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-time-form .live-time-box li input[type="radio"]:disabled + label span b{color:#acacac;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .live-time-summary{width:100%; height:22px; display:flex; align-items: center; margin-top:8px; font-size:14px; font-weight:700; color:#888; }

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box{width:100%; display:flex; align-items: center; gap:0px 20px; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con{width:calc( 50% - 10px );}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"]{ display:none; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"] + label{display:flex; width:100%; height:44px; align-items: center; cursor:pointer; padding:0 12px; background:#fff; border:1px solid #ddd; border-radius: 2px; position: relative; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"] + label span{font-size:14px; color:#515151;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"] + label span b{font-size:14px; font-weight:700; color:#515151;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"] + label:hover{background:#f4f9ff; border:1px solid #cde0ff;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"] + label:hover span{color:#579aff;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"] + label:hover span b{color:#579aff;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"]:checked + label{background:#fff; border:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"]:checked + label::before{content:""; display:block; width:18px; height:18px; border-radius: 18px; background:#333 url(../images/live/live_check_ico.png) no-repeat center; position: absolute; right:-8px; top:-8px;  }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"]:checked + label span{color:#131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-communicate-box .live-communicate-con input[type="radio"]:checked + label span b{color:#131313;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box{width:100%; display:flex; gap:0px 20px; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con{width:calc( 50% - 10px ); display: flex;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"]{ display:none; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label{display:flex; width:100%; cursor:pointer; padding:20px; background:#fff; border:1px solid #ddd; border-radius: 2px; position: relative; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label .title{width:60px; font-size:16px; font-weight:500; color:#515151;  }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label ul{margin-left:20px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label ul li{font-size:14px; color:#515151; display:flex; align-items: center; height:22px; margin-top:4px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label ul li:first-child{margin-top:0px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label ul li::before{content:""; display:block; width:16px; height:16px; background:url(../images/live/live_open_list_ico.png) no-repeat center; margin-right:8px; }

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label:hover{background:#f4f9ff; border:1px solid #cde0ff;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label:hover .title{color:#0061FD;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"] + label:hover ul li{color:#0061FD;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"]:checked + label{background:#fff; border:1px solid #131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"]:checked + label::before{content:""; display:block; width:18px; height:18px; border-radius: 18px; background:#333 url(../images/live/live_check_ico.png) no-repeat center; position: absolute; right:-8px; top:-8px;  }
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"]:checked + label .title{color:#131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"]:checked + label ul li{color:#131313;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .sign-con .cont .live-open-box .live-open-con input[type="radio"]:checked + label ul li::before{background:url(../images/live/live_open_list_ico_on.png) no-repeat center;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form{width:100%;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box{width:100%;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con{width:100%; display:flex; padding:10px 0px; border-bottom:1px solid #ddd; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .title{width:145px; height:32px; display:Flex; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .title span{display:flex; font-size:15px; font-weight:500; margin-top:14px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form{width:calc( 100% - 145px );}

.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .input-box{font-size:14px;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form textarea{width:100%; height:160px; border:1px solid #ddd; outline: none; padding:8px 12px; font-size:14px; line-height:1.4; resize: none; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form textarea:focus{border:1px solid #131313;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-number{display:flex; align-items: center;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-number .input-box{width:calc( 100% - 130px );}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-number .btn{height:44px; width:120px; margin-left:10px; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-number .btn span{font-size:15px; font-weight:500;}

.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-check{display:none; align-items: center; margin-top:10px; position: relative;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-check.active{display:flex;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-check .input-box{width:calc( 100% - 130px );}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-check .btn{height:44px; width:120px; margin-left:10px; }
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-check .btn span{font-size:15px; font-weight:500;}
.live-sign-form .live-sign-box .live-sign-con .sign-box .live-user-form .live-user-box .live-user-con .input-form .phone-check .time-count{position: absolute; left:315px; top:50%; transform: translate( -0, -50%); font-size:14px; font-weight:500; color:#ff3f3f; text-align: right;  }


/* 약관 동의 */
.live-policy-form{width:100%; margin-top:120px; padding-bottom:30px; border-bottom:1px solid #acacac; }
.live-policy-form .live-policy-tit{font-size:18px; font-weight:600; padding-bottom:24px; border-bottom:1px solid #131313; }

.live-policy-form .live-policy-all{width:100%; height:46px; border-bottom:1px solid #eee; box-sizing:border-box; display: flex; align-items: center;}
.live-policy-form .live-policy-all label span{font-size:15px; font-weight:500;}

.live-policy-form .live-policy-box{width:100%;}
.live-policy-form .live-policy-box .live-policy-con{width:100%;}
.live-policy-form .live-policy-box .live-policy-con .live-policy-title{display:flex; align-items: center; justify-content: space-between; height:46px; }
.live-policy-form .live-policy-box .live-policy-con .live-policy-title .policy-arrow{cursor:pointer; transform: rotate(180deg); transition: all 0.2s; }
.live-policy-form .live-policy-box .live-policy-con.active .live-policy-title .policy-arrow{transform: rotate(0deg);}

.live-policy-form .live-policy-box .live-policy-con  .policy-summery{width:100%; padding:20px; background:#f9f9f9; max-height:200px; overflow-y: auto;  }

.live-policy-form .live-policy-box .live-policy-con  .policy-summery p{font-size:14px; color:#888; line-height:1.4;}
.live-policy-form .live-policy-box .live-policy-con  .policy-summery p.title{font-weight:700; margin-bottom:4px; margin-top:8px;}
.live-policy-form .live-policy-box .live-policy-con  .policy-summery p:first-child{margin-top:0px;}

.live-policy-form .live-policy-box .live-policy-con  .policy-summery .policy-list{width:100%;}
.live-policy-form .live-policy-box .live-policy-con  .policy-summery .policy-list li{display:flex; width:100%; margin-top:12px; }
.live-policy-form .live-policy-box .live-policy-con  .policy-summery .policy-list li:first-child{margin-top:0px;}
.live-policy-form .live-policy-box .live-policy-con  .policy-summery .policy-list li .policy-sum-tit{ width:160px; font-size: 14px; font-weight:700; color:#888; padding-left:16px; box-sizing:border-box; position: relative; }
.live-policy-form .live-policy-box .live-policy-con  .policy-summery .policy-list li .policy-sum-tit::before{content:"";display:block; width:4px; height:4px; border-radius: 4px; background:#888; position: absolute; left:4px; top:4px; }
.live-policy-form .live-policy-box .live-policy-con  .policy-summery .policy-list li .policy-sum-txt{ width:calc( 100% - 180px ); font-weight:400; font-size: 14px; color:#888; margin-left:20px; line-height:1.3; word-break: keep-all; }

.live-policy-form .live-policy-summery{font-size:14px; font-weight:700; color:#888; margin-top:10px;}

/* 유의 사항 */
.live-sign-summary{width:100%; margin-top:90px;}
.live-sign-summary .title{display:flex; align-items: center; font-size:18px; font-weight:700; }
.live-sign-summary .title::before{content:""; display:block; width:20px; height:20px; background:url(../images/contents/review_care_ico.png) no-repeat center; margin-right:8px; }

.live-sign-summary .summary-list{width:100%; margin-top:16px;}
.live-sign-summary .summary-list li{font-size:14px; color:#666; padding-left:15px; position: relative; margin-top:10px; display:flex; align-items: center;}
.live-sign-summary .summary-list li:first-child{margin-top:0px;}
.live-sign-summary .summary-list li::before{content:""; display:block; width:3px; height:3px; background:#999; border-radius: 3px; position: absolute; left:4px; top:7px; }
.live-sign-summary .summary-list li a{display:flex; width:68px; height:20px; display:flex; align-items: center; justify-content: center; font-size:12px; font-weight:700; border-radius: 4px; background:#f6f6f6; margin-left:8px; }
.live-sign-summary .summary-list li a::before{content:""; display:block; width:20px; height:20px; background:url(../images/contents/link_ico_s.png) no-repeat center;  }

.live-footer-share{width:100%; margin-top:90px; padding-top:20px; border-top:1px solid #131313; display:flex; justify-content: flex-end;}


/* 상담 선택 차량 리스트 */
.live-car-form{width:1200px; position: fixed; left:50%; bottom:0px; transform: translate( -50% , -0% ); background:#fff; border:1px solid #131313; border-bottom:0px; z-index: 9;  }
.live-car-form .live-car-box{width:100%;}
.live-car-form .live-car-box .live-car-head{width:100%; display:flex; align-items: center; justify-content: space-between; }
.live-car-form .live-car-box .live-car-head .live-car-title{display:flex; align-items: center; padding-left:40px;cursor:pointer;}
.live-car-form .live-car-box .live-car-head .live-car-title .title{font-size:16px; display:flex; align-items: center;}
.live-car-form .live-car-box .live-car-head .live-car-title .title span{font-size:16px; font-weight:700; color:#0061FD; margin-left:6px;}
.live-car-form .live-car-box .live-car-head .live-car-title .arrow{ margin-left:6px; transform: rotate(180deg); transition: all 0.2s; }
.live-car-form .live-car-box .live-car-head.active .live-car-title .arrow{transform: rotate(0deg); transition: all 0.2s;}

.live-car-form .live-car-box .live-car-head .live-car-btn{width:240px;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn{width:240px; height:50px; display:flex; align-items: center; justify-content: center; background:#0061FD; position: relative; }
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn span{font-size:16px; font-weight:500; color:#fff; position: relative; z-index: 1;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn:hover::after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn:active::after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0;}

.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn.disabled{background:#e3e3e3; cursor: default;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn.disabled span{color:#acacac;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn.disabled:hover::after{display:none;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-sign-btn.disabled:active::after{display:none;}

.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn{width:240px; height:50px; display:flex; align-items: center; justify-content: center; background:#0061FD; position: relative; }
.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn span{font-size:16px; font-weight:500; color:#fff; position: relative; z-index: 1;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn:hover::after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn:active::after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0;}

.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn.disabled{background:#e3e3e3; cursor: default;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn.disabled span{color:#acacac;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn.disabled:hover::after{display:none;}
.live-car-form .live-car-box .live-car-head .live-car-btn .live-modify-btn.disabled:active::after{display:none;}


.live-car-form .live-car-box .live-car-body{ display:none; }
.live-car-form .live-car-box .live-car-body .live-car-chk-list{border-top:1px solid #ddd; padding:20px 40px; display:flex; justify-content: space-between;}
.live-car-form .live-car-box .live-car-body .live-car{display:flex; width:50%; align-items: flex-start; }

.live-car-form .live-car-box .live-car-body .live-car:last-child{padding:0px 0px 0px 40px; border-left:1px solid #ddd;}
.live-car-form .live-car-box .live-car-body .live-car:first-child{padding:0px 40px 0px 0px; border-left:0px; }
.live-car-form .live-car-box .live-car-body .live-car .thumnail{ width:134px; margin-right:20px; height:100px; position: relative; overflow: hidden; }
.live-car-form .live-car-box .live-car-body .live-car .thumnail img{position: absolute; left:50%; top:50%; transform: translate( -50% , -50% ); }

.live-car-form .live-car-box .live-car-body .live-car .car-info{width:calc( 100% - 154px )}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-name{font-size:16px; line-height:1.3;}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-trim{font-size:16px; line-height:1.3;}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-infos{display:flex; align-items: center; margin-top:2px; gap:0px 8px; height: 24px; }
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-infos li{font-size:12px; color:#888;}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-pay{display:flex; align-items: center; margin-top:4px; height:26px;}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-pay .pay{font-size:18px;}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-pay .pay span{font-size:18px; font-weight:700;}
.live-car-form .live-car-box .live-car-body .live-car .car-info .car-pay .discount{font-size:14px; color:#999; text-decoration: line-through; margin-top:4px; margin-left:4px; }

.live-car-form .live-car-box .live-car-body .live-car  .live-car-delete{width:32px; height:32px; border-radius: 32px; display:flex; align-items: center; justify-content: center; background:#f6f6f6; position: relative; overflow: hidden; }
.live-car-form .live-car-box .live-car-body .live-car  .live-car-delete img{position: relative; z-index: 1;}
.live-car-form .live-car-box .live-car-body .live-car  .live-car-delete:hover::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0; }
.live-car-form .live-car-box .live-car-body .live-car  .live-car-delete:active::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.1); position: absolute; left:0; top:0; }

.live-complete{}
.live-complete .page-title .page-title-txt{height:auto;flex-direction: column; align-items: center; width:100%;}
.live-complete .page-title .page-title-txt .title-ico{width:48px;}
.live-complete .page-title .page-title-txt .main-txt{margin-top:20px;}
.live-complete .page-title .page-title-txt .sub-txt{margin-top:10px;}

.live-complete .live-complete-form{width:100%; margin-top:40px;}
.live-complete .live-complete-form .live-complete-box{margin-top:90px;}
.live-complete .live-complete-form .live-complete-box:first-child{margin-top:0px;}

.live-complete .live-complete-form .live-complete-box .title{font-size:18px; font-weight:700; padding-bottom:24px; border-bottom:1px solid #131313;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl{width:100%;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl .complete-tbl-head{width:100%; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl .complete-tbl-head li{height:22px; display:flex; align-items: center; font-size:15px; font-weight:500; color:#666; }
.live-complete .live-complete-form .live-complete-box .live-complete-tbl .complete-tbl-body{width:100%; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl .complete-tbl-body li{min-height:22px; display:flex; align-items: center; font-size:14px; font-weight:500; color:#131313; line-height:1.3; }

.live-complete .live-complete-form .live-complete-box .live-complete-tbl.live-login-none .complete-tbl-head li:first-child{width:290px;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl.live-login-none .complete-tbl-head li:last-child{width:calc( 100% - 290px );}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl.live-login-none .complete-tbl-body li:first-child{width:290px;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl.live-login-none .complete-tbl-body li:last-child{width:calc( 100% - 290px );}

.live-complete .live-complete-form .live-complete-box .live-complete-tbl.live-login .complete-tbl-head li{width:25%;}
.live-complete .live-complete-form .live-complete-box .live-complete-tbl.live-login .complete-tbl-body li{width:25%;}

.live-complete .live-complete-form .live-complete-box .live-car-list-form{width:100%;padding:20px 0px; display:flex; align-items: flex-start; gap:0px 80px; border-bottom:1px solid #ddd;  }
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box{width:calc( 50% - 40px );}

.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car{display:flex; width:calc( 100% - 44px ) }
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .thumnail{ width:134px; margin-right:20px; height:100px; position: relative; overflow: hidden; }
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .thumnail img{position: absolute; left:50%; top:50%; transform: translate( -50% , -50% ); }

.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info{width:calc( 100% - 154px )}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-name{font-size:16px; line-height:1.3;}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-trim{font-size:16px; line-height:1.3;}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-infos{display:flex; align-items: center; margin-top:2px; gap:0px 8px; height: 24px; }
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-infos li{font-size:12px; color:#888;}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-pay{display:flex; align-items: center; margin-top:4px; height:26px;}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-pay .pay{font-size:18px;}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-pay .pay span{font-size:18px; font-weight:700;}
.live-complete .live-complete-form .live-complete-box .live-car-list-form .live-car-list-box .live-car .car-info .car-pay .discount{font-size:14px; color:#999; text-decoration: line-through; margin-top:4px; margin-left:4px; }


/* 라이브 소개 */
.live-intro-section{width:100%; margin-bottom:130px;}
.live-intro-section .page-title{width:1200px; margin:50px auto 0 auto; }
.live-intro-section .page-title .page-title-txt .main-txt{font-size:24px; font-weight:700; }


.live-info-wrapper { display: flex; width: 1200px; margin: 0 auto; padding: 70px 0 60px; }
.live-info-wrapper h3{font-size:36px; font-weight:700;}
.live-info-wrapper .half { flex: 1; }
.live-info-wrapper .half.img { width: 600px; position: relative; }
.live-info-wrapper .half.img img { width: 100%; }
.live-info-wrapper .half.img [class*='talk'] { position: absolute; top: 25px; left: 90px; z-index: 1; display: flex; justify-content: center; gap: 3px; width: 55px; height: 29px; padding-top: 8px; background: url('../images/live/img_talk_box01.png') no-repeat center/100% auto; }
.live-info-wrapper .half.img [class*='talk'] span { opacity: 0; width: 6px; height: 6px; border: 2px solid #333; border-radius: 100%; background-color: #fff; animation: dottedEf .8s 0s infinite linear alternate; }
.live-info-wrapper .half.img [class*='talk'] span:nth-child(2) { animation-delay: .4s; }
.live-info-wrapper .half.img [class*='talk'] span:nth-child(3) { animation-delay: .8s; }
.live-info-wrapper .half.img .talk02 { left: auto; right: 120px; background-image: url('../images/live/img_talk_box02.png'); animation-delay: .4s; }
.live-info-wrapper .live-info h4 { margin-top: 35px; font-size: 22px; font-weight: 700; line-height: 28px; color: #131313; }
.live-info-wrapper .live-info p { margin-top: 30px; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -.3px; color: #131313; }
.live-info-wrapper .live-info p ~ p { margin-top: 15px; }

.live-info-wrapper .live-info p strong{font-size:16px; font-weight:700;}
.live-info-wrapper .live-info .live-btn{margin-top:30px;}
.live-info-wrapper .live-info .live-btn .btn{width:238px;}
.live-info-wrapper .live-info .live-btn .btn span{font-size:16px;}

.live-info-wrapper .half .box01{position: absolute; left:207px; bottom:160px; }
.live-info-wrapper .half .box01 .box-bubble{ padding:9px 20px; border-radius: 19px; text-align: center; background:#2e3546; color:#fff; font-size:14px; font-weight:700; line-height:1.4; width:max-content; position: relative; box-shadow: 3px 3px 6px rgba(51, 51, 51, 0.1); }
.live-info-wrapper .half .box01 .box-bubble::after{content:""; display:block; width:28px; height:18px; background:url(../images/live/live_intro_bubble02.png) no-repeat center; position: absolute; right:-13px; top:12px;  }

.live-info-wrapper .half .box02{position: absolute; left:278px; top:8px; }
.live-info-wrapper .half .box02 .box-bubble{ padding:9px 16px; border-radius: 19px; text-align: center; background:#0061FD; color:#fff; font-size:14px; font-weight:700; line-height:1.4; width:max-content; position: relative; box-shadow: 3px 3px 6px rgba(51, 51, 51, 0.1); }
.live-info-wrapper .half .box02 .box-bubble::after{content:""; display:block; width:23px; height:15px; background:url(../images/live/live_intro_bubble01.png) no-repeat center; position: absolute; left:-3px; bottom:-10px;  }


.live-step-wrapper { background-color: #F7FBFF; padding: 80px 0 70px; }
.live-step-wrapper h3 { width: 1200px; margin: 0 auto; text-align: center; font-size:36px; font-weight:700; color:#333; }
.live-step-wrapper .live-step { width: 1200px; margin: 30px auto 0; }
.live-step-wrapper .live-step .video { position: relative; width: 860px; margin: 0 auto; border-radius: 15px; overflow: hidden; }
.live-step-wrapper .live-step ul { display: flex; margin-top: 45px; counter-reset: count; }
.live-step-wrapper .live-step ul li { position: relative; flex: 1; padding-top: 100px; background: url('../images/live/icon_live_step01.png') no-repeat center top/auto; text-align: center; }
.live-step-wrapper .live-step ul li:after { content: ''; position: absolute; top: 110px; right: -22px; width: 47px; height: 15px; background: url('../images/live/img_live_step_arr.png') no-repeat center/100% auto; }
.live-step-wrapper .live-step ul li:last-child:after { display: none; }
.live-step-wrapper .live-step ul li:nth-child(2) { background-image: url('../images/live/icon_live_step02.png'); }
.live-step-wrapper .live-step ul li:nth-child(3) { background-image: url('../images/live/icon_live_step03.png'); }
.live-step-wrapper .live-step ul li:nth-child(4) { background-image: url('../images/live/icon_live_step04.png'); }
.live-step-wrapper .live-step ul li span { display: block; font-size: 16px; font-weight: 700; line-height: 30px; color: #131313; }
.live-step-wrapper .live-step ul li span:before { counter-increment: count; content: counter(count); display: inline-block; vertical-align: 0; width: 30px; height: 30px; margin-right: 6px; border-radius: 100%; background-color: #0061FD; text-align: center; font-size: 16px; line-height: 30px; color: #fff; }
.live-step-wrapper .live-step ul li p { padding-top: 15px; font-size: 16px; line-height: 20px; }
.live-step-wrapper .live-step ul li p strong { font-weight: 700; font-size: 16px; }

.live-introduce-wrapper { width: 1200px; margin: 0 auto; padding: 80px 0 100px; border-top:1px solid #ddd; }
.live-introduce-wrapper h3{font-size:36px; font-weight:700; text-align: center;}
.live-introduce-wrapper .live-introduce { padding-top: 60px; }
.live-introduce-wrapper .live-introduce ul li { display: flex; align-items: center; padding: 0 100px; }
.live-introduce-wrapper .live-introduce ul li:nth-child(even) { flex-direction: row-reverse; }
.live-introduce-wrapper .live-introduce ul li:nth-child(even) .info { padding: 0 0 0 50px; }
.live-introduce-wrapper .live-introduce ul li:nth-child(even) .info p { transform: translateX(10px); }
.live-introduce-wrapper .live-introduce ul li:nth-child(even) .info p[class*="user"]:before { left: auto; right: -55px; }
.live-introduce-wrapper .live-introduce ul li:nth-child(even) .info p[class*="user"]:after { left: auto; right: -8px; transform: rotate(45deg); }
.live-introduce-wrapper .live-introduce ul li ~ li { margin-top: 70px; padding-top: 70px; border-top: 1px solid #ddd; }
.live-introduce-wrapper .live-introduce ul li .info { position: relative; z-index: 1; flex: 1; padding: 0 45px 0 115px; }
.live-introduce-wrapper .live-introduce ul li .info h4 { font-size: 28px; font-weight: 700; line-height: 34px; letter-spacing: -.5px; color: #131313; }
.live-introduce-wrapper .live-introduce ul li .info p { position: relative; width: 270px; margin-top: 22px; padding: 18px 28px; border-radius: 20px; background-color: #F6F6F6; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); transform: translateX(-10px); transition-duration: .4s; transition-delay: .6s; opacity: 0; font-size:16px; line-height:1.3; }
.live-introduce-wrapper .live-introduce ul li .info p strong{font-size:16px; font-weight:700;}
.live-introduce-wrapper .live-introduce ul li .info p ~ p { margin-top: 16px; transition-delay: .8s; }
.live-introduce-wrapper .live-introduce ul li .info.action p { transform: translateX(0); opacity: 1; }
.live-introduce-wrapper .live-introduce ul li .info p[class*="user"]:before { content: ''; position: absolute; left: -55px; top: -5px; width: 50px; height: 50px; background: url('../images/live/img_live_face01.png') no-repeat center/auto; }
.live-introduce-wrapper .live-introduce ul li .info p.user02:before { background-image: url('../images/live/img_live_face02.png'); }
.live-introduce-wrapper .live-introduce ul li .info p.user03:before { background-image: url('../images/live/img_live_face03.png'); }
.live-introduce-wrapper .live-introduce ul li .info p.user04:before { background-image: url('../images/live/img_live_face04.png'); }
.live-introduce-wrapper .live-introduce ul li .info p.user05:before { background-image: url('../images/live/img_live_face05.png'); }
.live-introduce-wrapper .live-introduce ul li .info p.user06:before { background-image: url('../images/live/img_live_face06.png'); }
.live-introduce-wrapper .live-introduce ul li .info p[class*="user"]:after { content: ''; position: absolute; left: -8px; top: 0; z-index: -1; border: 4px solid transparent; border-bottom-width: 14px; border-bottom-color: #F6F6F6; transform: rotate(-45deg); }
.live-introduce-wrapper .live-introduce ul li .video { position: relative; width: 550px; border-radius: 15px; overflow: hidden; }
.live-intro-section .video:before { content: ''; display: block; width: 100%; padding-top: 56.3%; }
.live-intro-section .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% }

.live-call-wrapper{width:100%; padding:80px 0 70px 0; background:#fff; }
.live-call-wrapper h3{font-size:36px; font-weight:700; text-align: center;}
.live-call-wrapper h2{font-size:22px; text-align: center; font-weight:400; margin-top:30px;}
.live-call-wrapper h2 span{font-size:22px; font-weight:700;}
.live-call-wrapper .live-call-cont{width:1200px; margin:60px auto 0 auto; position: relative; }
.live-call-wrapper .live-call-cont .image-con{width:max-content; margin:0 auto; position: relative;}
.live-call-wrapper .live-call-cont .image-con .obj-img{position: absolute; right:-45px; bottom:0;}
.live-call-wrapper .live-call-cont .image-con img{margin:0 auto;}
.live-call-wrapper .live-call-cont .live-call-btn{margin:30px auto 0 auto;}
.live-call-wrapper .live-call-cont .live-call-btn .btn{margin:0 auto; width:320px; height:60px;}
.live-call-wrapper .live-call-cont .live-call-btn .btn span{font-weight:700; font-size:16px; color:#131313;}

.live-call-wrapper .live-call-cont .call-bubble01{position: absolute; left:-41px; top:95px;}
.live-call-wrapper .live-call-cont .call-bubble01 .bubble-box{padding:20px 24px; background:#2e3546; color:#fff; font-size:16px; border-radius: 20px; position: relative; z-index: 2;  box-shadow: 3px 3px 6px rgba(51, 51, 51, 0.1);  }
.live-call-wrapper .live-call-cont .call-bubble01 .bubble-box span{font-size:16px; color:#fff; font-weight:700;}
.live-call-wrapper .live-call-cont .call-bubble01 .bubble-box::after{content:""; display:block; width:47px; height:43px; background:url(../images/live/live_bubble_b02.png) no-repeat center; position: absolute; left:112px; bottom:-17px; z-index: -1;  }

.live-call-wrapper .live-call-cont .call-bubble02{position: absolute; right:-112px; top:269px;}
.live-call-wrapper .live-call-cont .call-bubble02 .bubble-box{padding:20px 24px; background:#0061FD; color:#fff; font-size:16px; border-radius: 20px; position: relative; z-index: 2; box-shadow: 3px 3px 6px rgba(51, 51, 51, 0.1);  }
.live-call-wrapper .live-call-cont .call-bubble02 .bubble-box span{font-size:16px; color:#fff; font-weight:700;}
.live-call-wrapper .live-call-cont .call-bubble02 .bubble-box::after{content:""; display:block; width:54px; height:38px; background:url(../images/live/live_bubble_b01.png) no-repeat center; position: absolute; left:22px; bottom:-16px; ; }

.live-intro-section .rb-video-form{width:1200px; margin:70px auto 0 auto;}









/* live animation */
@keyframes liveOn {
    0%{
        opacity: 0;
    }
    70%, 100% {
        opacity: 1;
    }
}

@keyframes dottedEf {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

[data-motion=slide-up] {
    transform: translateY(1.875rem);
    -webkit-transform: translateY(1.875rem);
    opacity: 0;
  }
  
  [data-motion=slide-down] {
    transform: translateY(-1.875rem);
    -webkit-transform: translateY(-1.875rem);
    opacity: 0;
  }
  
  [data-motion=slide-left] {
    transform: translateX(-1.875rem);
    -webkit-transform: translateX(-1.875rem);
    opacity: 0;
  }
  
  [data-motion=slide-right] {
    transform: translateX(1.875rem);
    -webkit-transform: translateX(1.875rem);
    opacity: 0;
  }
  
  [data-motion=scale-up] {
    text-align: center;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.9;
  }
  
  [data-motion=scale-down] {
    text-align: center;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0.9;
  }
  
  [data-motion=fade-in] {
    opacity: 0;
  }