﻿/* 메인과 서브페이지 전체에 영향을 미치는 LAYOUT CSS */

html,body {min-height:100%;}
body .ui-focus.ui-shadow-inset {box-shadow:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
body .fullCont {height: calc(100vh - 120px);}

#alert_pop {position:fixed; width:100%; max-width:550px; z-index:999999999;top:50%;left:50%;transform:translate(-50%,-50%);}
@media(min-width:930px){
	#alert_pop {right:50%;left: auto;width: 525px;max-width:525px;margin-right:-500px;transform:translate(0,-50%);}
}
.anchorCover {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:1;}

.bodyFixed {position: fixed;z-index:-1;}

.copyrightBox {height: 63px;line-height: 63px;background: #fff;}
.copyrightBox p {text-align: center;}

#mobile_wrap {min-height:100vh;}
/* 폰트 정의 */
.FS_pageTitle {font-size:19px !important; color:#000; font-weight:bold;}
.FS_sectionTitle {font-size:17px !important; color:#000; font-weight:bold;}
.FS_largerTxt {font-size:19px !important; font-weight: 400;}
.FS_largerTxt-b {font-size:19px !important; font-weight:bold;}
.FS_largeTxt {font-size:17px !important; font-weight: 400;}
.FS_largeTxt-b {font-size:17px !important; font-weight:bold;}
.FS_smallTxt {font-size:14px !important; font-weight: 400;}
.FS_smallTxt-b {font-size:14px !important; font-weight:bold;}
.FS_smallerTxt {font-size:12px !important; font-weight: 400;}
.FS_smallerTxt-b {font-size:12px !important; font-weight:bold;}
.FS_guideTxt {font-size:14px !important; color:#aaa; font-weight: 400;}
.FS_guideTxt-b {font-size:14px !important;color: #aaa; font-weight:bold;}

/* 여백조절 */
.PD_small {padding-top:6px;}

/*FC 컬러 정의 */
.brandColor {color:#2962FF;}
.brandColor_disabled {color:#2962FF; opacity:.3;}

.FC_title {color:#000;}
.FC_normal {color:#222;}
.FC_light {color:#999 !important;}
.FC_lightest {color:#ddd;}

/* 라인칼러 */
.LC_object {border-bottom:1px solid #ddd !important;}
.LC_line {border-bottom:1px solid #efefef !important;} /* 섹션의 구분선 */

/* 보더칼러 */
.BC_normal {border:1px solid #ddd;} /* 버튼의 라인, 텍스트필드, 드롭다운보더, 터치가 가능한 요소에 사용 */
.BC_light {border:1px solid #efefef;}

.FC_error {color:#ec132e;}
.FC_caution {color:#ffc041;}
.FC_info {color:#1755da;}
.FC_success {color:#3ac73b;}

.BC_lightest {background-color:#f4f4f4 !important;}
.BC_lighter {background-color:#f0f0f0 !important;}
.BC_light {background-color:#e0e0e0 !important;}

.BTN_default {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;border:1px solid #ccc;background: #fff;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_default-active {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;border-width:1px;border-style:solid;background: #fff;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_default-active.dis03 {opacity:0.3;}
.BTN_default-disable {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;border:1px solid #ddd;color: #DDD;background: #fff;}
.BTN_point {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;color: #fff;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_point-active {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;color: #fff;background: #2962FF;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_point-disable {box-sizing:border-box;display: block;height: 44px;line-height: 44px;border-radius:4px;color: #fff;background: #2979FF;box-shadow:0 2px 4px rgba(0,0,0,.16);opacity:.3;}
.BTN_list {box-sizing:border-box;display: block;height: 32px;line-height: 32px;text-align: center;border-radius:2px;border:1px solid #999;background: #fff;}
.BTN_list-active {box-sizing:border-box;display: block;height: 32px;line-height: 32px;text-align: center;border-radius:2px;border:1px solid #000;background: #fff;}
.BTN_list-disable {box-sizing:border-box;display: block;height: 32px;line-height: 32px;text-align: center;border-radius:2px;border:1px solid #ddd;color: #DDD;background: #fff;}
.BTN_block {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;color: #fff;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_block-disable {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;color: #fff;background: #2979FF;box-shadow:0 2px 4px rgba(0,0,0,.16);opacity:.3;}
.totar_width .BTN_block .plus_btn_more {color: #fff;}
.BTN_form {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;border:1px solid #ddd;background: #F8F8F8;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_flat {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;}
.BTN_Link {box-sizing:border-box;}
.BTN_alert {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;border:1px solid #EC132E;color: #EC132E;background: #FFF4F4;}
.BTN_listClose {box-sizing:border-box;display: inline-block;;text-align: center;height: 32px;line-height: 32px;border-radius:2px;border:1px solid #ccc;background: #fff;padding:0 3px;white-space:nowrap;}
.BTN_listClose span {display: inline-block;height: 100%;background-image:url(/m/images/svg/header_top_close-ccc.svg);background-repeat:no-repeat;background-position: 0 center;background-size: 18px;padding-left: 24px;}
.BTN_nob_bg {box-sizing:border-box;display: block;height: 32px;line-height: 32px;text-align: center;border-radius:2px;border:1px solid #EFEFEF;background:#EFEFEF;} /* 배경색이 회색, 보더 없음 */

.BTN_test-lh {box-sizing:border-box;display: block;height: 44px;line-height: 44px;text-align: center;border-radius:4px;color: #fff;background: #2979FF;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_test-pd {box-sizing:border-box;display: block;padding:11px 0;text-align: center;border-radius:4px;color: #fff;background: #2979FF;box-shadow:0 2px 4px rgba(0,0,0,.16);}
.BTN_test-fl {box-sizing:border-box;display: flex;align-items:center;justify-content:center;height: 44px;text-align: center;border-radius:4px;color: #fff;background: #2979FF;box-shadow:0 2px 4px rgba(0,0,0,.16);}


/* 아이콘 모음 */
.ICO_close {background-image:url(/m/images/svg/header_top_close.svg);background-repeat:no-repeat;background-position:center center;}
.ICO_info {background-image:url(/m/images/svg/font_ico_info.svg);background-repeat:no-repeat;background-position:center center;}
.ICO_caution {background-image:url(/m/images/svg/font_ico_caution.svg);background-repeat:no-repeat;background-position:center center;}

._inputChecker {position: relative;display: inline-block;width: 100%;}
._inputChecker input:not([type=hidden]) {width: 100%;border:1px solid #ddd;height: 44px;line-height: 44px;border-radius:4px;font-size: 15px;padding:0 8px;box-sizing: border-box;}
._inputChecker input:not([type=hidden])::placeholder {color: #aaa;}
._inputChecker input:not([type=hidden]):hover {border:1px solid #7F7F7F;}
._inputChecker input:not([type=hidden])._focus {border:1px solid #2979FF;}
._inputChecker + ._inputChecker {padding-left:0;}
._inputChecker ._text {color: #999;margin-top: 8px;font-size: 14px;}
._inputChecker ._innerIco {position: absolute;right: 8px;top: 13px;width: 20px;height: 20px;z-index:1;}
._inputChecker ._innerIco:before {width: 100%;height: 100%;background-size: 20px;display: inline-block;}
._inputChecker ._innerIco.vis:before {visibility:hidden;}
._inputChecker ._innerClear {display: none;position: absolute;right: 8px;top: 13px;width: 20px;height: 20px;z-index:2;}
._inputChecker ._innerClear:before {content:"";background-image:url(/m/images/svg/input_status_clear.svg);width: 100%;height: 100%;background-size: 16px;background-repeat:no-repeat;background-position: center;display: inline-block;}
._inputChecker ._innerClear.vis:before {visibility:hidden;}

._inputChecker[info-data='error'] ._text {color: #EC132E;position: relative;}
._inputChecker[info-data='error']:before {content:"";background-image:url(/m/images/svg/input_status_error.svg);width: 100%;height: 100%;background-size: 20px;display: inline-block;position: absolute;right: 8px;top: 13px;width: 20px;height: 20px;z-index:1;}
._inputChecker[info-data='error'] input:not([type=hidden]) {border:1px solid #EC132E;}
._inputChecker[info-data='alert'] ._text {color: #FFC041;position: relative;}
._inputChecker[info-data='alert']:before {content:"";background-image:url(/m/images/svg/input_status_error.svg);width: 100%;height: 100%;background-size: 20px;display: inline-block;position: absolute;right: 8px;top: 13px;width: 20px;height: 20px;z-index:1;}
._inputChecker[info-data='info'] ._text {color: #1755DA;position: relative;}
._inputChecker[info-data='info'] ._innerIco {display: none;}
._inputChecker[info-data='seccess'] ._text {position: relative;}
._inputChecker[info-data='seccess']:before {content:"";background-image:url(/m/images/svg/input_status_seccess.svg);width: 100%;height: 100%;background-size: 20px;display: inline-block;position: absolute;right: 8px;top: 13px;width: 20px;height: 20px;z-index:1;}
._inputChecker[info-data='eye-open'] ._text {position: relative;}
._inputChecker[info-data='eye-open'] ._innerClear:before {content:"";background-image:url(/m/images/svg/input_status_eye-open.svg);width: 100%;height: 100%;background-size: 20px;display: inline-block;}
._inputChecker[info-data='eye-close'] ._text {position: relative;}
._inputChecker[info-data='eye-close'] ._innerClear:before {content:"";background-image:url(/m/images/svg/input_status_eye-close.svg);width: 100%;height: 100%;background-size: 20px;display: inline-block;}

textarea._inputChecker {width: 100%;border: 1px solid #ddd;height: 6rem;line-height: 1.5rem;border-radius: 4px;font-size: 15px;padding: 8px;box-sizing: border-box;}
textarea._inputChecker::-webkit-scrollbar {display: block;width: 12px;}
textarea._inputChecker::-webkit-scrollbar-track {background : #f7f7f7;-webkit-border-radius:0px;border-radius:0px;}
textarea._inputChecker::-webkit-scrollbar-thumb {height:2px;width:50px;-webkit-border-radius:30px;border-radius:30px;background-clip: padding-box;border: 2px solid transparent;}

select._inputChecker {width: 100%;border: 1px solid #ddd;height: 44px;line-height: 44px;border-radius: 4px;font-size: 15px;padding: 0 8px;box-sizing: border-box;background: url(/m/images/svg/select_drop.svg) no-repeat right 3px center/34px #fff;}

._inputChecker.radio {width: auto;}
._inputChecker.checkbox {width: auto;}

._inputChecker.file input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
._inputChecker.file label { display: inline-block;position: absolute;left: 6px;top: 5px;font-size: inherit; line-height: normal; vertical-align: middle; background-color: #F8F8F8; cursor: pointer; border: 1px solid #ccc; width: 85px;height: 32px;line-height: 32px;text-align: center;border-bottom-color: #ccc; border-radius: 2px; }
._inputChecker.file .upload-name { display: inline-block;height: 44px;line-height: 44px;box-sizing:border-box;padding:0 8px 0 100px;font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ddd; border-bottom-color: #ddd; border-radius: 2px; -webkit-appearance: none;-moz-appearance: none; appearance: none; }

._inputChecker input[type=checkbox] + span {background: url(/m/images/svg/input_check-off.svg) no-repeat center center/20px;vertical-align: sub;}
._inputChecker input[type=checkbox]:checked + span {background: url(/m/images/svg/input_check-on.svg) no-repeat center center/20px;vertical-align: sub;}

._inputChecker input[type=radio] + span {background: url(/m/images/svg/input_radio_check-off.svg) no-repeat center center/20px;vertical-align: sub;}
._inputChecker input[type=radio]:checked + span {background: url(/m/images/svg/input_radio_check-on.svg) no-repeat center center/20px;vertical-align: sub;}

._inputChecker.checkFlat {height: 44px;line-height: 44px;text-align: center;}
._inputChecker.checkFlat input[type=radio] + span {background: none; position: absolute;left: 0;width: 100%;height: 100%;border: 1px solid #ddd;color: #aaa;box-sizing: border-box;padding: 0;margin: 0;display: inline-block;}
._inputChecker.checkFlat input[type=radio]:checked + span {border: 1px solid #2979ff;color: #2979ff;}


._primary span:after {content:"*";position: absolute;color: #EC132E; margin-left:3px;}
.contWrap.p_list {margin-top:0;margin-bottom:0;}
.contWrap.p_list._cancel {opacity:.3;}
.sectorDOM {border-bottom:10px solid #E8ECEF;background: #fff;}
.sectorDOM article {padding-bottom:16px;position: relative;}
.sectorDOM article:first-child {padding-top:16px;}
.sectorDOM.st1 article:first-child {padding-top:5px;}
.sectorDOM article > h2 .smallTxt {position: absolute;right: 0;top: 0;}
.sectorDOM .sectionList {border-top:1px solid #CCC;}
.sectorDOM .sectionList:first-child {border-top:0;}
.sectorDOM._cancel {}
.sectorDOM._cancel .dataSec,
.sectorDOM._cancel .sectionInner .listTitleDOM,
.sectorDOM._cancel .Profile_Wrap,
.sectorDOM._cancel .sponCategoryDOM {opacity:0.3}

.sectorDOM-noBD {border-bottom:0;background: #fff;}
.sectorDOM-noBD article {padding-bottom:16px;position: relative;}
.sectorDOM-noBD article.noBT {padding-bottom:0;position: relative;}
.sectorDOM-noBD article:first-child {padding-top:16px;}
.sectorDOM-noBD article > h2 {}
.sectorDOM-noBD article > h2 span {position: relative;}
.sectorDOM-noBD .sectionBodyDOM .sectionList:last-child {border-bottom:1px solid #CCC;}
.sectorDOM-noBD .sectionBodyDOM-full .sectionList:last-child {border-bottom:1px solid #CCC;}

.guideDOM {padding:10px 16px;background: #F4F4F4;}
.guideDOM .point {font-weight: 700;}
.guideDOM .text {margin-top: 5px;}
.guideDOM .text:first-child {margin-top: 0;}

.listTitleDOM {height: 44px;line-height: 44px;display:block;zoom:1;border-bottom:1px solid #CCC;}

.sectionInner .listTitleDOM {border-bottom:0;}
.sectionInner .listTitleDOM .topCon {display:flex;justify-content:space-between;}
.listTitleDOM:after {content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;}
.listTitleDOM .FL_left {float: left;}
.listTitleDOM .FL_right {float: right;}
.listTitleDOM-full {height: 44px;line-height: 44px;display:block;zoom:1;}
.listTitleDOM:after {content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;}
.listTitleDOM-full .FL_left {float: left;}
.listTitleDOM-full .FL_right {float: right;}

.tabDOM {background: #fff;}
.tabDOM > ul {display:flex;width: 100%;align-items:center;position: relative;}
.tabDOM > ul > li {position: relative;flex-grow:1;text-align: center;}
.tabDOM > ul > li a {position: relative;display:block;height: 42px;line-height: 42px;padding-bottom:2px;}
.tabDOM > ul > li._active a {}
.tabDOM > ul > li._active a:after {content:"";position: absolute;height: 2px;width: 100%;left: 0;bottom: 0;}
.tabDOM > ul > li + li {}
.tabDOM > ul > li + li:before {content:"";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 14px;background: #EFEFEF;}

.inpDOM {vertical-align: middle;cursor: pointer;}
.inpDOM label input[type=checkbox] + span { display:inline-block;width:20px;height:20px;    background: none;background-image:url(/m/images/svg/input_check-off.svg);background-repeat:no-repeat;background-size:20px;vertical-align:middle;padding-right:3px;}
.inpDOM label input[type=checkbox]:checked + span{;background-image:url(/m/images/svg/input_check-on.svg);background-position: center;}
.inpDOM label input[type=checkbox]:disabled + span{opacity:.5;}


.sectionTitleDOM {height: 40px;line-height: 39px;}
.sectionTitleDOM._noH {height: auto;line-height: inherit;}
.sectionTitleDOM .sectionInner {border-bottom:1px solid #000;box-sizing:border-box;}
.sectionTitleDOM-full {height: 40px;line-height: 39px;}
.sectionTitleDOM-full._noH {height: auto;line-height: inherit;}
.sectionTitleDOM-full .sectionInner {height:40px; line-height:39px; border-bottom:1px solid #000;padding:0 16px;margin:0;box-sizing:border-box;}
.sectionTitleDOM-full._noH  .sectionInner {height: auto;line-height: inherit;}
.sectionTitleDOM-full.st1 {height: 60px;line-height: 59px;}
.sectionTitleDOM-full.st1 .sectionInner {height: 60px;line-height: 59px;border-bottom:1px solid #000;padding:0 16px;margin:0;box-sizing:border-box;}
.sectionTitleDOM-full .sectorRight {float: right;}
.sectionSubTitleDOM {height: 40px;line-height: 39px;}
.sectionSubTitleDOM .sectionInner {padding:0;margin:0 16px; border-bottom:1px solid #ccc;box-sizing:border-box;}
.sectionSubTitleDOM-full {height: 40px;line-height: 39px;}
.sectionSubTitleDOM-full .sectionInner {border-bottom:1px solid #ccc;padding:0 16px;margin:0;box-sizing:border-box;}
.sectionBodyDOM .sectionList {border-top:1px solid #CCC;}
.sectionBodyDOM .sectionList:first-child {border-top:0;}
.sectionBodyDOM .sectionList .sectionInner {margin: 0 16px;}
.sectionBodyDOM-full .sectionList {border-top:1px solid #CCC;}
.sectionBodyDOM-full .sectionList:first-child {border-top:0;}
.sectionBodyDOM-full .sectionList .sectionInner {padding: 0 16px;}


.sectionInner {margin:0 16px;}

.layerFix{display:none;font-size:0;}
.layerFix.on{display:block !important;}
.layerFix.on .layerCon{animation:slideupt .5s ease-in-out;}
.layerFix .layerBg{display:none;position:fixed;width:100%;max-width:680px;height:100%;background:rgba(0,0,0,.7);left:auto;top:0;width:100%;height:100%;z-index:9998;}
.layerFix .layerBg.L-filter {display: block;}
.layerFix .layerConWrap{position:fixed;z-index:99999;max-width:680px;top:50%;padding:0;left:auto;background:#fff;box-sizing:border-box;font-size:initial;overflow-y:auto;}
.layerFix .btnClLyr{display:inline-block;width:53px;height:53px;font-size:0;background:url(/m/images/xxx2.png)no-repeat center / 40% 40%;position:absolute;right:0;top:0;cursor:pointer;}

/* .layerFix .secTop{position:absolute;height:53px;position:absolute;left:0;top:0;width:100%;z-index:99;} */
.layerFix .secTop .tit{font-size:20px;text-align:center;line-height:53px;font-weight:bold;box-shadow:0 0 8px #666;}
.layerFix .secMid{font-size:14px;overflow-y:auto;}
.layerFix .secBot{position:absolute;left:0;bottom:0;width:100%;height:53px;z-index:999;animation:slideupb .5s ease-in-out;}
.layerFix .secBot .btnClLyr{background:none;}
.layerFix .secBot .btnCp{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:53px;}

.layerFix.L-filter .secMid ul{margin:0;}
.layerFix.L-filter .secMid ul li .tit{background:#e7e7e7;line-height:35px;padding:0 15px;}
.layerFix.L-filter .secMid ul li .con{background:#fff;padding:10px 15px;font-size:0;text-align:center;}
.layerFix.L-filter .secMid ul li .con .ui-checkbox,.layerFix.L-filter .secMid ul li .con .ui-radio,.layerFix.L-filter .secMid ul li .con label{display:inline-block;}
.layerFix.L-filter .secMid ul li .con .ui-checkbox-on{border-color:red;}
.layerFix.L-filter .secMid ul li .con .ui-radio-on{border-color:blue;}
.layerFix.L-filter .secMid ul li .con label{padding:3px 5px;margin:2px;font-size:12px;border:1px solid #ddd;border-radius:3px;}
.layerFix.L-filter .secMid ul li .con label:after{display:none;}
.layerFix.L-filter .secMid ul li .con input[type=checkbox],.layerFix.L-filter .secMid ul li .con input[type=radio]{display:none;}
.layerFix.choiceJoin .layerConWrap{width:80%;height:90vh;}
.layerFix.choiceJoin .layerCon{font-size:14px;text-align:left;padding:10px 15px;box-sizing:border-box;overflow-y:auto;}
.layerFix.choiceJoin .btn_gray_board{width:100%;}
.layerFix.choiceJoin .tit{font-size:18px;color:#333;font-weight:bold;padding-top:30px;margin-top:30px;border-top:1px solid #eee;}
.layerFix.choiceJoin .tit:first-child{padding-top:0;margin-top:0;border-top:0;}
.layerFix.choiceJoin .stit{font-size:11px;color:#999;padding:15px 0 20px;margin-top:0;}
.layerFix.choiceJoin .snsWrap{text-align:left;}
.layerFix.choiceJoin .snsWrap a{width:100%;overflow:hidden;border-radius:5px;margin-bottom:2%;}
.layerFix.choiceJoin .snsWrap a:first-child{margin-left:0;}
.layerFix.choiceJoin .snsWrap a.naver{background-position:-60px 0;}
.layerFix.choiceJoin .snsWrap a.kakao{background-position:-120px 0;}
.layerFix.choiceJoin .snsWrap a.faceb{background-position:0 0;}
/*.layerFix.choiceJoin .snsWrap a span:first-of-type{width:20px;height:20px;}*/
.layerTab.review li{width:80%;}
.layerTab.review .layerCon{/* border:10px solid red */;box-sizing:border-box;}
.layerTab.review .image{text-align:center;}
.layerTab.review .image img{max-width:100%;max-height:30vh; padding:10px;}
.layerTab.review .txtWrap{padding:15px;box-sizing:border-box;}
.layerTab.review .sndWrap{overflow:hidden;}
.layerTab.review .sndWrap .starRating{float:left;}
.layerTab.review .sndWrap .day{float:right;}
.layerTab.review .btnClLyr{background:none;}
.layerTab.review .selOpt{font-size:16px;}
.layerTab.review .selOpt div{display:inline-block;width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.layerTab.review .selOpt .tit{font-size:16px;font-weight:bold;padding:10px 0 2px;}
.layerTab.review .line{padding-top:10px;margin-top:7px;border-top:1px solid #ddd;}
.layerTab.review .reviewTxt{font-size;16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;line-height:17px;}
/*sns회원가입*/
.layerFix.choiceJoin .snsWrap .icon-w {display:inline-block;vertical-align:middle;width:13px;}
.layerFix.choiceJoin .snsWrap img {max-width:100%;max-height:100%;}
.layerFix.choiceJoin .snsWrap .snsBtn {display:inline-block;width:100%;vertical-align:top;font-size:12px;color:#fff;letter-spacing:-.6px;}
.layerFix.choiceJoin .snsWrap .btn_kakao .snsBtn {color:#000;}
/*레이어별도*/
.layerFix.L-filter .layerConWrap{left:0;right:0;top:0;bottom:0;width: 100%;display: none;}

@media (min-width:930px){
	.layerFix .layerBg {width: 525px;left: auto;right: 50%;margin-right: -500px;}
	.layerFix .layerConWrap {right: 50%;margin-right:-500px;max-width:525px;}
	.layerFix.L-filter .layerConWrap {width: 525px;left: auto;right: 50%;margin-right: -500px;}
	.layerFix.dot_pop .layerConWrap {width: 525px !important;left: auto !important;}
}
@media (max-width:929px){
	.layerFix .layerBg.L-filter {width: 100%;max-width:680px;display: block;right: auto;margin-right: 0;left: 50%;transform: translateX(-50%);}
	.layerFix .layerConWrap {right: 50%;margin-right:-500px;max-width:525px;}
	.layerFix.escrow .layerConWrap {margin-left: 0 !important;left: 50%; margin-right: 0;transform: translate(-50%);}
	.layerFix.L-filter .layerConWrap {width: 100%;max-width:680px;display: block;right: auto;margin-right: 0;left: 50%;transform: translateX(-50%);}
	.layerFix.dot_pop .layerConWrap {width: 525px !important;left: auto !important;}
}

/* 라이브 티비 */
#mobile_wrap.liveTvWrap {position: relative;font-size: 13px;width: 100%;max-width:768px;margin: 0 auto;overflow: hidden;}
.liveTvWrap {height: 100%;}
/* ._ipone._direct .liveTvWrap {height: calc(100% - 70px);} */
.liveTvWrap .bodyDOM {position: relative;height: 100%;}
.liveTvWrap .setIcon {display: inline-block;width: 30px;height: 30px;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:14px auto;position: relative;}
.liveTvWrap .setIcon .tac {}
.liveTvWrap .setIcon.set-volume {background-image:url(/m/images/live_ico_volume.png);}
.liveTvWrap .setIcon.set-volume._on {background-image:url(/m/images/live_ico_volume_ex.png);}
.liveTvWrap .setIcon.set-share {background-image:url(/m/images/live_ico_share.png);}
.liveTvWrap .setIcon.set-home {background-image:url(/m/images/live_ico_home.png);}
.liveTvWrap .setIcon.set-cart {background-image:url(/m/images/live_ico_cart.png);}
.liveTvWrap .setIcon.set-coupon {background-image:url(/m/images/live_ico_coupon.png);}
.liveTvWrap .setIcon.set-viewer {background-image:url(/m/images/live_ico_viewer.png);}
.liveTvWrap .footIcon {display: inline-block;width: 46px;height: 46px;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:26px auto;background-color: rgba(0,0,0,0.5);position: relative;}
.liveTvWrap .footIcon .tac {position: absolute;top: 5px;right: 5px;border-radius:100%;width:20px;height:20px;text-align: center;line-height: 20px;background: #ffb504;font-size: 12px;color: #fff;}
.liveTvWrap .footIcon.set-like {background-image:url(/m/images/live_ico_like.png);}
.liveTvWrap .footIcon.set-volume {background-image:url(/m/images/live_ico_volume.png);}
.liveTvWrap .footIcon.set-volume._on {background-image:url(/m/images/live_ico_volume_ex.png);}
.liveTvWrap .footIcon.set-share {background-image:url(/m/images/live_ico_share.png);}
.liveTvWrap .footIcon.set-home {background-image:url(/m/images/live_ico_home.png);}
.liveTvWrap .footIcon.set-cart {background-image:url(/m/images/live_ico_cart.png);background-color: rgba(250,32,80,1);}
.liveTvWrap .footIcon.set-coupon {background-image:url(/m/images/live_ico_coupon.png);background-color: rgba(250,32,80,1);}
.liveTvWrap .footIcon.set-viewer {background-image:url(/m/images/live_ico_viewer.png);}


.liveTvWrap .footIcon.set-like .se span {display: inline-block;width: 40px;height: 40px;background-size: contain;}
.liveTvWrap .footIcon.set-like .se.ico-1 span {background-image:url(/m/images/live_ico_icon_01.png);}
.liveTvWrap .footIcon.set-like .se.ico-2 span {background-image:url(/m/images/live_ico_icon_02.png);}
.liveTvWrap .footIcon.set-like .se.ico-3 span {background-image:url(/m/images/live_ico_icon_03.png);}
.liveTvWrap .footIcon.set-like .se.ico-4 span {background-image:url(/m/images/live_ico_icon_04.png);}
.liveTvWrap .footIcon.set-like .se.ico-5 span {background-image:url(/m/images/live_ico_icon_05.png);}
.liveTvWrap .footIcon.set-like .se.ico-6 span {background-image:url(/m/images/live_ico_icon_06.png);}
.liveTvWrap .footIcon.set-like .se.ico-7 span {background-image:url(/m/images/live_ico_icon_07.png);}
.liveTvWrap .footIcon.set-like .se.ico-8 span {background-image:url(/m/images/live_ico_icon_08.png);}
.liveTvWrap .footIcon.set-like .se.ico-9 span {background-image:url(/m/images/live_ico_icon_09.png);}
.liveTvWrap .footIcon.set-like .se.ico-10 span {background-image:url(/m/images/live_ico_icon_10.png);}
.liveTvWrap .footIcon.set-like .se.ico-11 span {background-image:url(/m/images/live_ico_icon_11.png);}
.liveTvWrap .footIcon.set-like .se.ico-12 span {background-image:url(/m/images/live_ico_icon_12.png);}
.liveTvWrap .footIcon.set-like .se.ico-13 span {background-image:url(/m/images/live_ico_icon_13.png);}
.liveTvWrap .footIcon.set-like .se.ico-14 span {background-image:url(/m/images/live_ico_icon_14.png);}
.liveTvWrap .footIcon.set-like .se.ico-15 span {background-image:url(/m/images/live_ico_icon_15.png);}
.liveTvWrap .footIcon.set-like .se.ico-16 span {background-image:url(/m/images/live_ico_icon_16.png);}
.liveTvWrap .footIcon.set-like .se.ico-17 span {background-image:url(/m/images/live_ico_icon_17.png);}
.liveTvWrap .footIcon.set-like .se.ico-18 span {background-image:url(/m/images/live_ico_icon_18.png);}
.liveTvWrap .footIcon.set-like .se.ico-19 span {background-image:url(/m/images/live_ico_icon_19.png);}
.liveTvWrap .footIcon.set-like .se.ico-20 span {background-image:url(/m/images/live_ico_icon_20.png);}


.liveTvWrap ._follow {white-space: nowrap;box-sizing:border-box;background: transparent;color: #fa2050;border:1px solid #fa2050;}
.liveTvWrap ._follow:after {content:"팔로우";}
.liveTvWrap ._follow._on {background: #fa2050;color: #fff;border:0;}
.liveTvWrap ._follow._on:after {content:"팔로잉";}

.liveTvWrap .top_fix_close {position: absolute;top: 15px;right: 10px;z-index:1002;width: 32px;height: 32px;line-height: 32px;cursor:pointer;}
.liveTvWrap .top_fix_close span {font-size: 32px;text-shadow: 0px 0px 18px #fff;color: #ccc;}

.liveTvWrap .top_fix_profile {position: absolute;display: inline-block;top: 20px;left: 10px;z-index:1;width: calc(100% - 40px);}
.liveTvWrap .top_fix_profile .profileDOM {height: 46px;padding:8px;background: #fff;border-radius:50px;position: absolute;top: 0;left: 0;width: 100%;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn {display: flex;justify-content: flex-start;align-items:center;width: calc(100% - 40px);}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li {height: 46px;position: relative;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li img {width:100%;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(1) {}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(1) span {display: inline-block;width: 46px;height:46px;border-radius:100%;overflow: hidden;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) {width: calc(100% - 108px);padding:0 10px;box-sizing:border-box;min-width:140px;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) .tit {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;font-size: 16px;line-height:1.2rem;margin-top: 4px;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) .txt {font-size: 13px;margin-top: 5px;line-height: 1.2rem;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) .txt2 {margin-left:13px;background:url(/m/images/live_ico_eye_b.png)no-repeat left center/13px auto;padding:0 5px 0 15px;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) .txt3 {}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) .txt3 span {font-size: 11px;vertical-align: text-top;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(2) .txt3 em {margin-left: 2px;}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(3) {}
.liveTvWrap .top_fix_profile .profileDOM .fixedIn li:nth-child(3) a {display:inline-block;border-radius:20px;padding:5px 10px;position: relative;top: 50%;transform: translateY(-50%);}
.liveTvWrap .top_fix_profile .btnSplitDOM {position: absolute;top: 70px;left: 0;}
.liveTvWrap .top_fix_profile .btnSplitDOM ul {display:flex;justify-content:flex-start;}
.liveTvWrap .top_fix_profile .btnSplitDOM li {margin-left:10px;height: 40px;}
.liveTvWrap .top_fix_profile .btnSplitDOM li:first-child {margin-left:0;}

.liveTvWrap .top_fix_profile .viewPrizeDOM {position: absolute;top: 108px;left: 0;}
.liveTvWrap .top_fix_profile .viewPrizeDOM ul {display:flex;flex-wrap:wrap;width: 70px;padding:0 4px;background:rgba(0,0,0,0.3);border-radius:5px;/*max-height: 152px;*/max-height: 78px;overflow-y: auto;}
.liveTvWrap .top_fix_profile .viewPrizeDOM li {width: 100%;position: relative;padding-top:4px;}
.liveTvWrap .top_fix_profile .viewPrizeDOM li:last-child {margin-bottom:4px;}
.liveTvWrap .top_fix_profile .viewPrizeDOM li .liveSet {position: absolute;top: 4px;left: 0;font-size: 11px;z-index:1;}
.liveTvWrap .top_fix_profile .viewPrizeDOM li .liveSet._on {border-radius:0 0 5px 0;padding:0px 3px;background-image:linear-gradient(to left,#f92150,#ff5be8);}
.liveTvWrap .top_fix_profile .viewPrizeDOM li .liveSet._on:after {content:'라이브중';color:#fff;}
.liveTvWrap .top_fix_profile .viewPrizeDOM li .livePay {position: absolute;bottom: 0;left: 0;background:rgba(0,0,0,0.5);color: #fff;padding: 0 3px;font-size: 11px;z-index:1;}
.liveTvWrap .top_fix_profile .viewPrizeDOM li .imgSet {width: 100%;height: 0;display: block;padding-top: 100%;position: relative;overflow: hidden;background:rgba(0,0,0,0.3);}
.liveTvWrap .top_fix_profile .viewPrizeDOM li .imgSet img {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}



.bg_wrap.st1 .face_liveting_wrap {margin:0;position: relative;padding-top: 100vh;overflow: hidden;z-index:0;left:50%;transform:translateX(-50%);max-width:680px;}

.liveTvWrap .bg_wrap .main_img { position:absolute;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;z-index:2;/*;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);*/background-repeat:no-repeat;background-position:center center;background-size:cover;}

.liveTvWrap .bg_wrap .main_img video {position:fixed;right:0;bottom:0;width:100%;height:100%;z-index:-100;-o-object-fit: cover;object-fit: cover;}
/*
.liveTvWrap .bg_wrap .main_img img,
.liveTvWrap .bg_wrap .main_img video {position:absolute;top:0;left:50%;height:100%;width:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
.liveTvWrap .bg_wrap .main_img.wid img,
.liveTvWrap .bg_wrap .main_img.wid video {position:absolute;top:0;left:50%;height:auto;width:100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
.liveTvWrap .bg_wrap img.thumb {width:100%;visibility:hidden;z-index:1;position: fixed;top: 100%;left: 0;}
*/
/* .liveTvWrap .bg_wrap .main_img video[poster] {
	height:100vh;
	width:100vw;
} */
/*
.bg_wrap.st1 .face_liveting_wrap {background: #000;position: fixed;top: 0; right: 0; bottom: 0; left: 0;z-index: -99;}

.liveTvWrap .bg_wrap .main_img {}
.liveTvWrap .bg_wrap .main_img img,
.liveTvWrap .bg_wrap .main_img video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
*/

.liveTvWrap .bg_wrap .main_img .progress_wrap {}

.footListWrap {position:absolute;bottom:15px;padding:0 10px;box-sizing:border-box;width:100%;z-index:4;display:flex;justify-content:space-between;}
.footListWrap[aria-hidden='true'] {display:none;}
._ipone .footListWrap {padding:0 10px;}
.footListWrap .fl-left {width:100%;}
.footListWrap .fl-left ul {display:flex;justify-content:flex-start;}
.footListWrap .fl-left li {height: 46px;background: transparent;margin-left:5px;width: calc(100% - 46px);}
.footListWrap .fl-left li:first-child {margin-left:0;width: 46px;}
.footListWrap .fl-left li .ui-shadow-inset {box-shadow:none;background:transparent;border:0;margin:0;padding:0;}
.footListWrap .fl-left li .talkLink {border:0;background: rgba(0,0,0,0.5);border-radius:30px;padding:0 13px;box-sizing:border-box;color: #fff;overflow: hidden;height: 46px;line-height: 46px;color: #fff;width: calc(100% - -25px);font-size: 13px;}
.footListWrap .fl-left li .talkLink::placeholder {color:#fff;}
.footListWrap .fl-right {}
.footListWrap .fl-right ul {display:flex;}
.footListWrap .fl-right li.ulist {height: 46px;margin-left:5px;position: relative;}
.footListWrap .fl-right li.ulist:first-child {margin-left:0;}
.footListWrap .fl-right li.ulist a {-webkit-tap-highlight-color:transparent}
.footListWrap .fl-right li.ulist .liveBag {position: absolute;transform: translateX(-50%);bottom: 60px;left: 50%;z-index: 1;padding: 8px;background: rgba(250,32,80,1);border-radius: 10px;box-sizing: border-box;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.footListWrap .fl-right li.ulist .liveBag:after {content:"";position: absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-top:10px solid rgba(250,32,80,1);border-left:10px solid transparent;border-right:10px solid transparent;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.footListWrap .fl-right li.ulist .liveBag ol {display:flex;}
.footListWrap .fl-right li.ulist .liveBag ol .olist {flex-grow:1;position: relative;margin-left:8px;border-radius:4px;overflow: hidden;width: 70px;height: 70px;background:rgba(0,0,0,0.3);}
.footListWrap .fl-right li.ulist .liveBag ol .olist:first-child {margin-left:0;}
.footListWrap .fl-right li.ulist .liveBag ol .olist img {width: 100%;}
.footListWrap .fl-right li.ulist .liveBag ol .olist .pay {position: absolute;bottom:0;left: 0;padding:0 3px;height:22px;line-height: 22px;text-align: center;color: #fff;background:rgba(0,0,0,0.5);font-size: 12px;}
.footListWrap .fl-right li.ulist .liveBag ol .olist .anchorCover {z-index:2;}
.footListWrap .fl-right li.ulist .liveBag ol .olist .coverSet {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(250,32,80,0.6);z-index:1;text-align: center;}
.footListWrap .fl-right li.ulist .liveBag ol .olist .coverSet p {color: #fff;}
.footListWrap .fl-right li.ulist .liveBag ol .olist .coverSet p:first-child {margin-top: 10px;}
.footListWrap .fl-right li.ulist .liveBag ol .olist .coverSet p em {font-size: 18px;}

.couponEnrightWrap {position: absolute;right: 10px;top: 90px;z-index:3;width: 120px;}
.couponEnrightWrap .WingIn {text-align: right;}
.couponEnrightWrap .WingIn ._endListOpen {background:#000;display: block;}
.couponEnrightWrap .WingIn ._liveListOpen {background:#000;display: block;}
.couponEnrightWrap .WingIn .coupBg {background:url(/m/images/live_bg_coupon1.png)no-repeat center center/100% auto;width: 90px;height:50px;display: inline-block;}
.couponEnrightWrap .WingIn .coupBg .txtIn {text-align:center;margin:0;box-sizing:border-box;width:100%;display:inline-block;font-size: 12px;font-weight: 700;margin-top: 18px;}
.couponEnrightWrap .WingIn .share {margin-top:6px;}
.couponEnrightWrap .WingIn .share img {width: 50px;}

.profileWrap {position: absolute;right: 10px;top: 52%;z-index:3;width: 120px;}
._ipone .profileWrap {top: calc(52% - 30px);}
.profileWrap .WingIn {text-align: right;}
.profileWrap .WingIn .profileSet {margin-top: 6px;margin-right:5px;border-radius:100%;overflow: hidden;display: inline-block;width: 80px;height: 80px;}
.profileWrap .WingIn .profileSet img {width: 100%;}
.profileWrap .WingIn .profileOption {font-size: 12px;padding:5px 10px;background: rgba(250,32,80,0.5);color: #fff;text-align: center;border-radius:5px;line-height: 16px;}
.profileWrap .WingIn .profileTxt {font-size: 12px;line-height: 15px;margin-top: 6px;padding:5px 10px;background: rgba(250,32,80,0.5);color: #fff;text-align: center;border-radius:5px;}

.txtAreaWrap {position: absolute;bottom: 70px;left: 0;width: 100%;padding:0 10px;z-index:2;box-sizing:border-box;}
._ipone .txtAreaWrap {bottom: 100px;}
.txtAreaWrap .shotChat {font-size: 12px;position: absolute;bottom: 190px;height: 76px;overflow: auto;}
.txtAreaWrap.creator .shotChat {bottom: calc(40vh + 20px);}
.txtAreaWrap .shotChat .ChatLine {display: block;margin-top:6px;}
.txtAreaWrap .shotChat .ChatLine:first-child {margin-top:0;}
.txtAreaWrap .shotChat .ChatLine .lineIn {display:inline-block;background:rgba(255,255,255,0.8);border-radius:5px;padding:5px;white-space: nowrap;}
.txtAreaWrap .shotChat .ChatLine .imgPic {float: left;width:22px;height: 22px;display: inline-block;border-radius:100%;overflow: hidden;}
.txtAreaWrap .shotChat .ChatLine .imgPic img {width: 100%;vertical-align:top;}
.txtAreaWrap .shotChat .ChatLine .txt {padding-left:6px;color:#000;font-weight:700;display:flex;justify-content:flex-start;align-items: center;}
.txtAreaWrap .shotChat .ChatLine .txt:after { content:"";background-color:#ffb504;border-radius:100%;width:22px;height:22px;background-repeat:no-repeat;background-position:center center;display:inline-block;background-size:14px auto;margin-left:5px;}
.txtAreaWrap .shotChat .ChatLine .txt.buy {}
.txtAreaWrap .shotChat .ChatLine .txt.buy:after {content:"";background-image:url(/m/images/live_chet_buy.png);}
.txtAreaWrap .shotChat .ChatLine .txt.cart {}
.txtAreaWrap .shotChat .ChatLine .txt.cart:after {content:"";background-image:url(/m/images/live_chet_cart.png);}
.txtAreaWrap .shotChat .ChatLine .txt .nic {color: #fa2050;}

.txtAreaWrap .txtChat {font-size: 12px;margin-top: 20px;max-width: calc(100% - 150px);height: 120px;overflow: auto;}
.txtAreaWrap.creator .txtChat {height: 40vh;}
/* .txtAreaWrap .txtChat._step {height: 94px;} */
.txtAreaWrap .txtChat._step {height: 120px;}
.txtAreaWrap .txtChat .ChatLine {display: block;margin-top:2px;}
.txtAreaWrap .txtChat .ChatLine:first-child {margin-top:0;}
.txtAreaWrap .txtChat .ChatLine .lineIn {display:inline-block;line-height: 23px;color: #fff;max-width:100%;word-break:break-all;background:rgba(0,0,0,0.2);border-radius:5px;padding:0 5px;}
.txtAreaWrap .txtChat .ChatLine .lineIn .nic {margin-right:5px;}
.txtAreaWrap .txtChat .ChatLine .nic {color: #fa2050;}
.txtAreaWrap .ChatLine._step {text-align: left;}
.txtAreaWrap .ChatLine._step .lineIn {display:inline-block;border-radius:5px;padding:0 5px;line-height: 23px;color: #ffff00;max-width:100%;word-break:break-all;}
.txtAreaWrap .ChatLine._step .lineIn .material-icons {color: #333;vertical-align: bottom;}


.txtAreaWrap .ChatUnder .ChatLine {margin-top: 6px;width: 100%;line-height: 1.3rem;}
.txtAreaWrap .ChatUnder .ChatLine span {color: #fff;display: inline-block;font-size: 12px;padding:5px 30px 5px 10px;color: #fff;border-radius:5px;background:/*url(/m/images/sub2_arrow2.png)no-repeat right 10px center/7px auto*/ rgba(250,32,80,0.5);}

.liveListWrap {display: none;position: fixed;top: 0;right: -300px;width:300px;height: 100vh;z-index:1002;background:rgba(0,0,0,0.8);}
.liveListWrap .liveIn {padding:20px 10px 0;position: relative;z-index:1001;}
.liveListWrap .liveIn h3 {color: #fff;font-size: 15px;font-weight: 700;padding:6px 0;position: relative;}
.liveListWrap .liveIn h3 .closeAreaAnchor {position: absolute;right: 0;top: 0;color: #fff;padding: 6px 0;font-size: 12px;}
.liveListWrap .liveIn .liveBody {height: calc(100vh - 53px);overflow-y:scroll;}
.liveListWrap .liveIn .liveBody dl {display:flex;justify-content:space-between;position: relative;border-radius:10px;overflow: hidden;margin-bottom:10px;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.liveListWrap .liveIn .liveBody dt {width: 40%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.liveListWrap .liveIn .liveBody dt .liveTac {position: absolute;left: 5px;top: 5px;background:rgba(0,0,0,0.8);border-radius:3px;overflow: hidden;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);z-index:2;}
.liveListWrap .liveIn .liveBody dt .liveTac .sticker {background:#fa2050;color: #fff;border-radius:0 5px 5px 0;padding:0 5px;height: 20px;line-height: 20px;display: inline-block;}
.liveListWrap .liveIn .liveBody dt .liveTac .viewerNm {background:url(/m/images/live_ico_eye_w.png)no-repeat left center/13px auto;color: #fff;padding:0 5px 0 15px;margin:0 5px;height: 20px;line-height: 20px;display: inline-block;}
.liveListWrap .liveIn .liveBody dt img {position:absolute;top:50%;left:50%;width: 100%;transform:translate(-50%,-50%);:100%;z-index:1;}
.liveListWrap .liveIn .liveBody dd {width: 60%;background: #fff;margin-left:40%;padding:0 10px;box-sizing:border-box;}
.liveListWrap .liveIn .liveBody dd .tit {font-size: 15px;color: #000;font-weight: 700;line-height: 1.3rem;max-height: 2.6rem;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:5px 0 10px;}
.liveListWrap .liveIn .liveBody dd .bodyPrize {display:flex;padding:0;}
.liveListWrap .liveIn .liveBody dd .bodyPrize .imgSet {width:50px;margin-right:5px;border-radius:5px;overflow: hidden;}
.liveListWrap .liveIn .liveBody dd .bodyPrize .imgSet img {width: 100%;}
.liveListWrap .liveIn .liveBody dd .bodyPrize .txtSet {width: 50%;display: flex;flex-wrap: wrap;align-content: flex-end;}
.liveListWrap .liveIn .liveBody dd .bodyPrize .txtSet .sticker {}
.liveListWrap .liveIn .liveBody dd .bodyPrize .txtSet .sticker .t-live {border-radius:4px;padding:0px 3px;background-image:linear-gradient(to left,#f92150,#ff5be8);}
.liveListWrap .liveIn .liveBody dd .bodyPrize .txtSet .sticker .t-live:after {content:'라이브중';color:#fff;font-size: 13px;}
.liveListWrap .liveIn .liveBody dd .bodyPrize .txtSet .pay {color: #fa2050;font-size: 17px;word-break: break-all;}
.liveListWrap .liveIn .liveBody dd .bodyPrize .txtSet .pay em {font-weight: 700;}
.liveListWrap .liveIn .liveBody dd .seller {margin: 10px 0 5px;padding:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.liveListWrap .liveIn .liveBody dd .seller a {color: #888;}


.liveListSetWrap {display: block;width:100%;max-width:768px;}

.liveListSetWrap .alertSet {padding:0 10px;height: 30px;display:inline-block;color:#fa2050;z-index:2;border-radius: 20px;border:1px solid #fa2050;box-sizing:border-box;white-space: nowrap;background:transparent;margin-top:6px;position: relative;}
.liveListSetWrap .alertSet:after {content:"알림받기";white-space: nowrap;vertical-align: middle;color: #fa2050;}
.liveListSetWrap .alertSet span {vertical-align: middle;font-size: 20px;color: #fa2050;}

.liveListSetWrap .alertSet._on {background: #fa2050;}
.liveListSetWrap .alertSet._on:after {content:"알림취소";color: #fff;}
.liveListSetWrap .alertSet._on span {color: #fff;}

.liveListSetWrap.listUnder {border-top:1px solid #e2e2e2;}


.liveListSetWrap._today {border-bottom: 1px solid #e2e2e2;}
.
.liveListSetWrap._livemain {position: relative;overflow:hidden;transition:all 0.2s;visibility:hidden;}
.liveListSetWrap._livemain._visible {visibility:hidden;}
.liveListSetWrap._livemain.slick-initialized {display:block !important;height: auto;}
.mainSlideDom {position: relative;border:0;outline:0;}
.mainSlideDom .anchorCover {z-index:3;}
.mainSlideDom .sectorChk {}
.liveListSetWrap._livemain .slick-dots {position: absolute;bottom: 8px;right: 15px;}
.liveListSetWrap._livemain .slick-dots li {float: left;margin-left: 5px;}
.liveListSetWrap._livemain .slick-dots li:first-child {margin-left:5px;}
.liveListSetWrap._livemain .slick-dots li button {display: inline-block;border:0;outline:0;width:8px;height: 8px;border-radius:100%;text-indent: -9999px;padding: 0;background-color:rgba(255,255,255,0.3);}
.liveListSetWrap._livemain .slick-dots li.slick-active button {background-color: #fff;}

.liveListSetWrap._livemain .liveState {position: absolute;bottom:26px;left:26px;z-index:2;color: #fff;}
.liveListSetWrap._livemain .liveState .tacIn {position: relative;display: inline-block;background-color:rgba(0,0,0,0.5);padding:0 10px 0 0;border-radius: 20px;overflow: hidden;height: 16px;line-height: 16px;font-size: 11px;}
.liveListSetWrap._livemain .liveState .tacIn:before {content:"LIVE";background:#e60012;padding: 0 8px;border-radius:0 10px 10px 0;margin-right: 5px;overflow:hidden;font-size: 10px;height: 16px;line-height: 15px;display: inline-block;float: left;}

.liveListSetWrap._livemain .txt.text1 {font-size: 19px;font-weight: 700;margin-top: 4px;}
.liveListSetWrap._livemain .txt.text2 {font-size: 19px;font-weight: 700;margin-top: 8px;}
.liveListSetWrap._livemain .txt.text3 {font-size: 13px;font-weight: 400;margin-top: 10px;}
.liveListSetWrap._livemain .mainImgBak {}
.liveListSetWrap._livemain .mainImgBak:before {content:"";background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));display: inline-block;width: 100%;height: 60%;position: absolute;bottom: 0;left: 0;}
.liveListSetWrap._livemain .mainImgBak img {width: 100%;}
.liveListSetWrap.listUnder {border-top:1px solid #e2e2e2;}

@media screen and (max-width:440px){
	.liveListSetWrap._livemain .mainImgBak:before {height:70%;}
}

@media screen and (max-width:370px){
	.liveListSetWrap._livemain .mainImgBak:before {height:80%;}
}
