/*////////////common 공통 레이아웃 ////////////*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{font-family: 'Noto Sans KR', sans-serif;}
@font-face {
	font-family:-apple-system,BlinkMacSystemFont,'yg-jalnan';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body{}
#container{
  margin:0 auto;
  width:100%;
  max-width:800px;
  background-color:#fff;
  /* common 가이트 추후 삭제 */
  height:100vh;
  /* border-right:1px solid;
  border-left:1px solid; */
  font-size:16px;
  /* font-size:14px; */
  color:#222;
  font-family: 'Noto Sans KR', sans-serif;
	padding-right:constant(safe-area-inset-right);
	padding-left:constant(safe-area-inset-left);
	padding-right:env(safe-area-inset-right);
	padding-left:env(safe-area-inset-left);
}
p{
  margin: 0;
}
ul, ol, li{
  list-style-type:none
}
img, fieldset{
  border:none;vertical-align: middle
}
img {
  object-fit: cover;
}
hr {
  clear:both;
}
a {
  color:inherit;
  text-decoration:none;
  text-decoration-line: none !important;
}
table{
  border-collapse:collapse
}
/* input, textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
  padding:10px;
} */
textarea{padding:7px;}
input::placeholder{color:#B0B0B0;}
textarea::placeholder{color:#B0B0B0;line-height:1.3rem;}
select{
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
  width:100%;
  font-size:16px;
  padding:7px;
  height:50px;
  background-color: #fff;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #fff url('/app/img/cust_down_arrow.png') no-repeat 98% center ;
  background-size: 15px;
}
button{
  outline:0;
  background:#fff;
  border:none;
  cursor:pointer;
  border-radius:5px;
}

.content{max-width:1024px;width:100%;background-color:#fff;margin:0 auto;overflow-y:auto;position:relative;z-index:99}
.wrap{padding-top:55px;box-sizing:border-box;}
.blue_btn{background:#46B9E6;color:#fff;font-size:18px;width:48%;height:50px;border-radius: 5px;}
.blue_btn2{background:#46B9E6;color:#fff;font-size:18px;width:100%;height:50px;border-radius: 5px;}
.blue_btn3{background:#46B9E6;color:#fff;font-size:18px;width:100%;height:50px;border-radius: 0px;}
.gray_btn{background:#EBEBEB;color:#8A8A8A;font-size:18px;width:48%;height:50px;border-radius: 5px;}
.flex_between{display:flex;justify-content:space-between;align-items:center;}
.flex{display:flex;align-items:center;}
.bold600{font-weight:600;}
.bold500{font-weight:500}
.b_btn_box{padding:20px;box-sizing:border-box;bottom:0;left:50%;width:100%;}
.two_btn{display:flex;justify-content:space-between;align-items:center;}
.two_btn button{width:49%;}
.btn_box{padding:20px 0;box-sizing:border-box;width:100%;}
.textright {text-align:right; }
.hr_bold {border-top: 5px solid #f2f2f2;line-height: 2;}
.tr_style {border-bottom: 2px solid #000000;background:#f7f7f7;}


.fontbold{font-weight: 450 !important;}
.fontnormal{font-weight: normal !important;}

.fontsize10{font-size: 10px;}
.fontsize11{font-size: 11px;}
.fontsize12{font-size: 12px;}
.fontsize13{font-size: 13px;}
.fontsize14{font-size: 14px;}
.fontsize15{font-size: 15px;}
.fontsize16{font-size: 16px;}
.fontsize17{font-size: 17px;}
.fontsize18{font-size: 18px;}
.fontsize19{font-size: 19px;}
.fontsize20{font-size: 20px;}

.colorFF6A59{color: #FF81BE !important;}
.color5000FF{color: #5000FF !important;}
.color46B9E6{color: #46B9E6 !important;}
.colorFF81BE{color: #FF81BE !important;}
.colorFFC803{color: #FFC803 !important;}
.color133649{color: #133649 !important;}
.colorEBEFF1{color: #EBEFF1 !important;}
.colorf43ddf{color: #FF81BE !important;}
.colorbbb{color: #bbb !important;}
.color000{color: #000 !important;}
.color222{color: #222 !important;}

.bcolor01{background-color: #C1A5E4 !important;}
.bcolor02{background-color: #A157DB !important;}
.bcolor03{background: rgba(161, 87, 219, 0.1) !important;}
.bcolor04{background-color: #FF81BE !important;}

/* 라이브러리 */
.con {margin:0 auto;}
.row::after {content:"";display:block;clear:both;}
.cell {float:left;box-sizing:border-box;}
.cell-right {float:right;box-sizing:border-box;}
.margin-0-auto {margin:0 auto;}
.block {display: flex;justify-content: center;align-items: center;}
.inline-block {display:inline-block;}
.text-align-center {text-align:center;}
.line-height-0-ch-only {line-height:0;}
.line-height-0-ch-only > * {line-height:normal;}
.relative {position:relative;}
.absolute-left {position:absolute;left:0;}
.absolute-right {position:absolute;right:0;}
.absolute-middle {position:absolute;top:50%;transform:translateY(-50%);}
.table {display:table}
.table-cell {display:table-cell;}
/* .display{display: block;width:100%;height:100%;} */


/*/////////////////////tail//////////////////*/
#tail{
  display: flex;
  justify-content:space-around;
  align-items: center;
  width: 100%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 2;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.2);
}
#tail a{
  width: 20%;
  height: 9vh;
  /* background-color: #eee;border: 1px solid; */
  display: block;
  text-align: center;
  display: flex;justify-content: center;align-items: center;
  text-decoration: none;
}
#tail p{
  margin-bottom: 0px;
  color: #A6A6A6;
  font-size: 12px;
}
#tail img{
  width: 25px;
  /* height: 30px; */
  margin-bottom: 3px;
}


/*/////////////////////splash//////////////////*/
#splash{
  background:#46B9E6;
  width:100%;
  height:100vh;
  overflow:hidden;
}
#splash .splash_logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:135px;
}
#splash .w_logo{
  position: absolute;
  bottom:30px;
  left: 50%;
  transform: translate(-50%,-50%);
  width:170px;
}




/*/////////////////////index//////////////////*/
#index .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom:13vh;
    /* bottom: 24%; */
    right: 12%;
    display:none;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
}
#index .back-to-top p{
  margin-top: 3px;
}
#index .glyphicon{
  position: relative;
  top: 3px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
#index .btn-group-lg>.btn, .btn-lg{
  padding: 0px;
  background-color: #515151 !important;
}
#index .btn-primary:focus, .btn-primary:hover {
    background-position: 0;
		background-color: #FF81BE !important;
    background-image: none !important;
		border: none !important;
		outline: 0;
}
#index .btn-primary{
	background-color: #FF81BE !important;
	background-image: none !important;
	border: none !important;
	outline: 0;
}
#index .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#index .plus_btn a{
  display: block;
}
#index .plus_btn img{
  width: 42px;
}
#index{
  padding-bottom: 9vh;
}
#index .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#index .index_tit img{
  width: 25px;
}
#index .index_tit a{
  display: block;
}
#index .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#index .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#index .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#index .index_btn a{
  display: block;
}
#index .index_btn button{
  padding: 8px 16%;
  font-size: 16px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 46%;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  white-space:nowrap;
}
#index .index_btn p{
  margin-bottom: 0;
}
#index .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
/* .list_box .inner{margin-top:10px;}
.list_box hr{border:1px solid #f2f2f2;margin-top:2px;}
.category{display:flex;justify-content:space-between;}
.category li{width:20%;text-align:center;font-size:15px;}
.category li a{height:100%;width:75%;display:block;margin:0 auto;color:#888;padding:1px 0;}
.category li a.color{border-bottom:2px solid #46B9E6;color:#46B9E6;} */
#index .index_menu{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px 0px 0px;
  border-bottom: 2px solid #F2F2F2;
  font-size: 15px;
  color:rgba(34, 34, 34, 0.6);
}
#index .index_menu a{
  height:100%;width:75%;display:block;margin:0 auto;color:#888;padding:2px 0;
}
#index .index_menu p{

  width:20%;text-align:center;font-size:15px;
}
#index .menu_on{
  color: #46B9E6 !important;
  border-bottom: 2px solid #46B9E6;
  padding: 1px 0;
}
#index .tit{
  padding: 20px 20px 10px;
  font-size: 18px;
  line-height:1em;
  color: #000;
}
#index .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#index .poplu >div:first-child{
  margin-left: 20px;
}
#index .poplu >div{
  display: block;
  padding-right: 20px;
}
#index .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
  height: auto;
  /* height: 230px; */
}
#index .poplu >div >a >img:first-child{
  width: 100%;
  width: 170px !important;
  height: 114px !important;
  min-width: 170px !important;
  min-height: 114px !important;
  max-width: 170px !important;
  max-height: 114px !important;
}
#index .heart_red{
  position: absolute;
  width: 20px;
  right: 4%;
  top: 4%;
}
#index .poplu >div >a >div >p{
  margin-bottom: 3px;
  margin-top: 3px;
}
#index .poplu >div >a >div:nth-child(3) >p:first-child{
  height: 40px;
  width: 100%;
  /* color: red; */
  /* background-color: red; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  /* line-height: 1.2em;  */
  /* height: 3.6em; */
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
	line-height: 1.4
}
#index .poplu >div >a >div >div{
  display: flex;justify-content: flex-start;align-items: center;
}
#index .poplu >div >a >div >div.pro_price {
	justify-content: flex-end;
}
#index .poplu >div >a >div >div.pro_price p {
	font-size: 14px
}
#index .poplu >div >a >div >div.pro_price span {
	margin-right: 5px
}
#index .poplu >div >a >div >div p{
  margin-bottom: 0;
  color: #000;
}
#index .poplu >div >a >div >div p.seller {
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#index .poplu >div >a >div >div >img{
  width: 20px !important;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#index .poplu >div >a >div:last-child{
  text-align: right;
}
#index .poplu .line{
  color: #B0B0B0;
  font-size: 12px;
  text-decoration: line-through;
  margin-top: 0;
}
#index .poplu2_margin{
  margin-top:20px;
}
#index .poplu2{
  padding:0 20px 10px;
}
#index .poplu2 >div{
  display: flex;
}
#index .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  /* width: 100%; */
}
#index .poplu2_pic{
  position: relative;
  width: 135px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#index .poplu2_pic >img:first-child{
  width: 130px;
  height: 90px;
  min-width: 130px;
  min-height: 90px;
  max-width: 130px;
  max-height: 90px;
  margin-right: 5px;
  object-fit: cover;
}
#index .poplu2_pic >img:last-child{
  position: absolute;
  top: 8%;
  right: -3%;
  width: 16px;
}
#index .poplu2_pic >span{
  position: absolute;
  top: 8%;
  right: -3%;
  width: 16px;
  display:inline-block;background:url('/app/img/heart.png');width:16px;height:14px;background-size: 16px 14px;vertical-align:middle;
}

#index .poplu2_pic >span.on{background:url('/app/img/heart_red.png');background-size: 16px 14px;vertical-align:middle}

.heart_big{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  display:inline-block;background:url('/app/img/heart.png');width:16px;height:14px;background-size: 16px 14px;vertical-align:middle;
}

.heart_big.on{background:url('/app/img/heart_red.png');background-size: 16px 14px;vertical-align:middle}

#index .poplu2_cont{
  width: 100%;
  height: 90px;
  margin-left: 10px;
  position: relative;
}
#index .poplu2_cont img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#index .poplu2_cont >div p{
  /* margin-bottom: 5px; */
}
#index .poplu2_cont >div:first-child{
  /* width: 160px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  /* line-height: 1.2em; */
  /* height: 3.6em; */
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  /* white-space: pre-wrap;  */
	     /* current browsers */
}
#index .poplu2_cont >div >p:first-child{
  /* color: red !important; */
  display: inline;
	/*width: 160px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    /* line-height: 1.2em; */
    /* height: 3.6em; */
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
}
#index .poplu2_cont >div:last-child{
  width: 100%;
  position: absolute;
  bottom:0;
}
#index .poplu2_cont >div:last-child{
  display: flex;justify-content: space-between;align-items: flex-end;
}
#index .poplu2_cont >div:last-child >div:first-child{
  display: flex;justify-content: flex-start;align-items: center;
}
#index .poplu2_cont >div >div >p{
  margin-bottom: 0;
}
#index .poplu2_cont >div >div:first-child >p{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	width: 66px;
	height: 20px;
	line-height: 19px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#index .poplu2_cont >div >div:last-child{
	width: 100%;
	text-align: right;
}
/* #index .poplu2_cont >div >div:last-child >p{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	height: 20px;
	width: 100%;
	line-height: 19px;
} */
.line{
  text-decoration: line-through;
  color: #B0B0B0;
  text-align: right;
  font-size: 12px;
}
#index .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#index .tab_bottom{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
  padding: 0px 8px;
}
#index .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  padding: 0px 8px;
}
#index .search_tab div{
  /* width: 20%; */
}
#index .footer{
  background: #f2f2f2;
  padding: 20px 20px 5vh;
  font-size: 13px;
  /* position:absolute; */
  bottom: 0;
  width: 100%;
}
#index .f_cont{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: rgba(34, 34, 34, 0.7);
}
#index .f_cont2{
  color: rgba(34, 34, 34, 0.6);
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
#index .f_cont2 >p{
  width: 100%;
}
#index .f_cont3{
  color: rgba(34, 34, 34, 0.6);
  line-height: 20px;
}

/*/////////////////////main_popsearch//////////////////*/
#main_popsearch .search_bar{
  height: 56px;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
}
#main_popsearch .search_bar >img{
  width: 25px;
  position: absolute;
  right: 5%;
}
#main_popsearch .search_bar >p{
  margin-left: 5%;
}
#main_popsearch .search_bar >p >a{
  display: block;
}
#main_popsearch .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#main_popsearch .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 80%;
  color: #000;
}
#main_popsearch .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#main_popsearch .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#main_popsearch .search_menu{
  display: flex;
}
#main_popsearch .search_menu a{
  display: block;
  width: 50%;
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid #DADADA;
  color: #999;
}
#main_popsearch .search_menu p{
  margin-bottom: 0;
  font-size: 16px;
}
#main_popsearch .btn_on{
  border-bottom: 2px solid #222222 !important;
  color: #000 !important;
}
#main_popsearch .search_cont{
  padding: 20px;
}
#main_popsearch .search_cont a{
  display: block;
}
#main_popsearch .search_cont p{
  font-size: 16px;
  margin-bottom: 20px;
}


/*/////////////////////main_popsearch//////////////////*/
#main_popsearch .search_bar{
  height: 56px;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
}
#main_popsearch .search_bar >img{
  width: 25px;
  position: absolute;
  right: 5%;
}
#main_popsearch .search_bar >p{
  margin-left: 5%;
}
#main_popsearch .search_bar >p >a{
  display: block;
}
#main_popsearch .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#main_popsearch .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 70%;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#main_popsearch .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#main_popsearch .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#main_popsearch .search_menu{
  display: flex;
}
#main_popsearch .search_menu a{
  display: block;
  width: 50%;
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid #DADADA;
  color: #999;
}
#main_popsearch .search_menu p{
  margin-bottom: 0;
  font-size: 16px;
}
#main_popsearch .btn_on{
  border-bottom: 2px solid #222222 !important;
  color: #000 !important;
}
#main_popsearch .search_cont{
  padding: 20px;
}
#main_popsearch .search_cont a{
  display: block;
}
#main_popsearch .search_cont p{
  font-size: 16px;
  margin-bottom: 20px;
}


/*/////////////////////main_nowsearch//////////////////*/
#main_nowsearch .search_bar{
  height: 56px;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
}
#main_nowsearch .search_bar >img{
  width: 25px;
  height: 25px;
  position: absolute;
  right: 5%;
}
#main_nowsearch .search_bar >p{
  margin-left: 5%;
}
#main_nowsearch .search_bar >p >a{
  display: block;
}
#main_nowsearch .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#main_nowsearch .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 70%;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#main_nowsearch .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#main_nowsearch .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#main_nowsearch .search_menu{
  display: flex;
}
#main_nowsearch .search_menu a{
  display: block;
  width: 50%;
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid #DADADA;
  color: #999;
}
#main_nowsearch .search_menu p{
  margin-bottom: 0;
  font-size: 16px;
}
#main_nowsearch .btn_on{
  border-bottom: 2px solid #222222 !important;
  color: #000 !important;
}
#main_nowsearch .search_cont{
  padding: 20px;
}
#main_nowsearch .search_cont a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#main_nowsearch .search_cont p{
  font-size: 16px;
  margin-bottom: 0px;
}
#main_nowsearch .search_cont img{
  width: 20px;
  height: 20px;
}


/*/////////////////////main_search//////////////////*/
#main_search .search_bar{
  height: 56px;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
}
#main_search .search_bar >img{
  width: 25px;
  position: absolute;
  right: 5%;
}
#main_search .search_bar >p{
  margin-left: 5%;
}
#main_search .search_bar >p >a{
  display: block;
}
#main_search .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#main_search .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 70%;
  color: #000;
  border: 0px;
  background-color: inherit;
}
#main_search .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#main_search .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#main_search .bar_cont{
  position: absolute;
  display: flex;justify-content: space-between;align-items: center;
  width: 62%;
  margin-left: 18%;
}
#main_search .bar_cont p{
  margin-bottom: 0;
  font-size: 16px;
}
#main_search .bar_cont img{
  background-color: #6F6F6F;
  width: 15px;
  height: 15px;
  border-radius: 50px;
}
#main_search .tit{
  font-size: 18px;
  padding: 20px 20px 10px;
  display: flex;justify-content: space-between;align-items: center;
  width: 100%;
}
#main_search .fliter a{
  display: flex;
  width: 100%;
}
#main_search .fliter p{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 5px;
  margin-bottom: 0;
}
#main_search .fliter img{
  width: 16px;
  height: 16px;
  margin-top: 3px;
}
#main_search .result{
  padding: 0px 20px;
  margin-bottom: 20px;
}
#main_search .result p{
  margin-bottom: 0;
  margin-right: 10px;
}
#main_search .result a{
  display: flex;justify-content: flex-start;align-items: center;
  width: 100%;
}
#main_search .result a img:first-child{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-right: 10px;
}
#main_search .poplu2{
  padding: 20px 20px 0px;
  border-top: 8px solid #eee;
}
#main_search .poplu2 >div{
  display: flex;
}
#main_search .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  width: 100%;
}
#main_search .poplu2_pic{
  position: relative;
  width: 130px;
  height: 90px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#main_search .poplu2_pic >img:first-child{
  width: 130px;
  height: 90px;
}
#main_search .poplu2_pic >img:last-child{
  position: absolute;
  top: 8%;
  right: 3%;
  width: 16px;
}
#main_search .poplu2_cont{
  width: 100%;
  position: relative;
  height: 90px;
}
#main_search .poplu2_cont img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#main_search .poplu2_cont >div p{
  margin-bottom: 5px;
}
#main_search .poplu2_cont >div:last-child{
  width: 100%;
  position: absolute;
  bottom: 0;
}
#main_search .poplu2_cont >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#main_search .poplu2_cont >div:last-child >div:first-child{
  display: flex;justify-content: flex-start;align-items: center;
}
#main_search .poplu2_cont >div >div >p{
  margin-bottom: 0;
}


/*/////////////////////main_search//////////////////*/
#main_bell .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#main_bell .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#main_bell .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#main_bell .bell_cont{
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
	width: 100%;
	height: 76px;
}
#main_bell .bell_cont p{
  margin-bottom: 5px;
}
#main_bell .bell_cont p:first-child{
  font-size: 16px;
  color: #222;
}
#main_bell .bell_cont p:last-child{
  color: #B0B0B0;
}


/*/////////////////////mypage//////////////////*/
#mypage .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage .index_tit img{
  width: 25px;
}
#mypage .index_tit a{
  display: block;
}
#mypage .index_tit div{
  width: 15%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage .index_tit div:last-child{
  justify-content: flex-end;
}
#mypage .index_tit >p{
  position: absolute;
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 18px;
  font-weight: 600;
}
#mypage .my_info{
  display: flex;justify-content: flex-start;align-items: center;
  padding: 20px;
  position: relative;
  width: 100%;
}
#mypage .my_info p{
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	width: 90%;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage .my_info >a{
  display: flex;

  margin-right: 15px;
}
#mypage .my_info >a:first-child >img:first-child{
  width: 60px;
  height: 60px;
  border-radius: 50px;
  margin-right: 15px;
}
#mypage .my_info .right_arrow{
  position: absolute;
  width: 30px;
  right: 0;
  top: 50%;
  transform: translate(-50%,-50%);
  margin-right: 0;
}
#mypage .my_info .right_arrow img{
  width: 100%;
}
#mypage .my_info >a >div{
  width: 100%;
}
#mypage .my_info div div{
  display: flex;align-items: center;
  width: 100%;
  margin-top: 12px;
}
#mypage .my_info div div p{
  margin-bottom: 0;
}
#mypage .my_info div div img{
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
#mypage .my_info div div a:first-child{
  display: flex;align-items: center;
  width: 210px;
  margin-right: 10px;
  color: #8C8C8C;
}
#mypage .my_info div div a:last-child{
  display: flex;align-items: center;justify-content: flex-start;
  width: 100%;
}
#mypage .my_info div div a:last-child p{
  background-color: #8C8C8C;
  padding: 2px 8px;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
}
#mypage .my_info2{
  background: #F8F8F8;
  padding: 20px;
  margin: 20px;
  border-radius: 15px;
  display: flex;justify-content: space-around;align-items: center;
}
#mypage .my_info2 >div{
  text-align: center;
	width: 40%;
}
#mypage .my_info2 >div p:first-child{
  color: rgba(34, 34, 34, 0.6);
}
#mypage .my_info2 >div p:last-child{
  font-weight: bold;
  font-size: 15px;
	margin-top: 6px;
}
#mypage .my_info3{
  width : 100%;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 0px 20px;
}
#mypage .my_info3 >div >a >img{
  width: 60px;
  height: 60px;
}
#mypage .my_info3 div{
  padding: 10px;
  text-align: center;
}
#mypage .my_info3 p{
  font-size: 13px;
}
#mypage .my_info3 p >img{
  width: 18px;
  margin-right: 5px;
}


/*/////////////////////mypage_seller_after//////////////////*/
#mypage_seller_after .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px 0px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_seller_after .index_tit img{
  width: 25px;
}
#mypage_seller_after .index_tit a{
  display: block;
}
#mypage_seller_after .index_tit div{
  width: 15%;
}
#mypage_seller_after .index_tit >p{
  position: absolute;
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 18px;
  font-weight: 600;
}
#mypage_seller_after .my_info{
  display: flex;justify-content: flex-start;align-items: center;
  padding: 20px;
  position: relative;
  width: 100%;
}
#mypage_seller_after .my_info p{
  margin-bottom: 0;
}
#mypage_seller_after .my_info >a{
  display: block;
  margin-right: 15px;
}
#mypage_seller_after .my_info >a:first-child >img:first-child{
  width: 60px;
  border-radius: 10px;
}
#mypage_seller_after .my_info .right_arrow{
  position: absolute;
  width: 30px;
  right: 0;
  top: 50%;
  transform: translate(-50%,-50%);
  margin-right: 0;
}
#mypage_seller_after .my_info .right_arrow img{
  width: 100%;
}
#mypage_seller_after .my_info >a >div{
  width: 100%;
}
#mypage_seller_after .my_info div div{
  display: flex;align-items: center;
  width: 100%;
  margin-top: 10px;
}
#mypage_seller_after .my_info div div p{
  margin-bottom: 0;
}
#mypage_seller_after .my_info div div img{
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
#mypage_seller_after .my_info div div a:first-child{
  display: flex;align-items: center;
  width: 210px;
  margin-right: 10px;
  color: #8C8C8C;
}
#mypage_seller_after .my_info div div a:last-child{
  display: flex;align-items: center;justify-content: flex-start;
  width: 100%;
}
#mypage_seller_after .my_info div div a:last-child p{
  background-color: #8C8C8C;
  padding: 2px 8px;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
}
#mypage_seller_after .my_info2{
  background: #F8F8F8;
  padding: 20px;
  margin: 20px;
  border-radius: 15px;
  display: flex;justify-content: space-around;align-items: center;
}
#mypage_seller_after .my_info2 >div{
  text-align: center;
}
#mypage_seller_after .my_info2 >div p:first-child{
  color: rgba(34, 34, 34, 0.6);
}
#mypage_seller_after .my_info2 >div p:last-child{
  font-weight: bold;
  font-size: 17px;
}
#mypage_seller_after .my_info3{
  width : 100%;
  display: flex;
  padding: 0px 20px;
}
#mypage_seller_after .my_info3 >div >a >img{
  width: 100%;
}
#mypage_seller_after .my_info3 div{
  padding: 10px;
  text-align: center;
}
#mypage_seller_after .my_info3 p{
  font-size: 13px;
}
#mypage_seller_after .my_info3 p >img{
  width: 18px;
  margin-right: 5px;
}


h2{
  font-size: 20px;
  font-weight: 600;
  padding: 10px 20px;
}
/*/////////////////////mypage_myinfo//////////////////*/
#mypage_myinfo{
  padding-bottom: 30px;
}
#mypage_myinfo .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_myinfo .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_myinfo .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_myinfo .album_img{
  text-align: center;
  padding: 0px 20px;
  position: relative;
}
#mypage_myinfo .album_img >label{
  text-align: center;
}
#mypage_myinfo .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#mypage_myinfo .album_img >label div{
  display: flex;justify-content: center;align-items: center;
  margin-top: 12px;
}
#mypage_myinfo .prof_img{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#mypage_myinfo .prof_img img:first-child{
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
#mypage_myinfo .prof_img img:last-child{
  width: 35px;
  height: 35px;
  position: absolute;
  right: -5%;
  bottom: -9%;
}
#mypage_myinfo .join_form{
  padding: 25px 25px 0px;
  width: 100%;
  margin-top: 20px;
  font-size: 13px;
}
#mypage_myinfo .join_form >div{
  width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
#mypage_myinfo .join_form >div >div{
  padding: 2px;
  display: flex;justify-content: space-between;align-items: center;
  height: 35px;
}
#mypage_myinfo .join_form >div >div:first-child >p{
  font-size: 16px;
  margin-bottom: 0;
}
#mypage_myinfo .join_form input{
  width: 100%;
  height: 35px;
  padding-left: 0px;
  outline: none;
  font-size: 16px;
  border: 0px !important;
}
#enter_button{
  display: flex;justify-content: space-around;align-items: center;
  margin: 0px 20px;
  margin-top: 30px;
}
#enter_button a{
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}
#enter_button button{
  background-color: #46B9E6;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  font-size: 18px;color: #fff;
  font-weight: normal;
}
#mypage_myinfo .number_s{
  color: #FF81BE;
  width: 30%;
  text-align: right;
}
#mypage_myinfo .introdu{
  border-bottom: none !important;
  height: 120px !important;
}
#mypage_myinfo .introdu input{
  border: 1px solid #D8D8D8 !important;
  border-radius: 5px;
  padding: 5px 10px 80px;
  margin-top: 60px;
  height: 100px;
  width: 100%;
}
#mypage_myinfo .out{
  border-bottom: none !important;
}
#mypage_myinfo .out div:first-child{
  margin-bottom: 10px;
}
#mypage_myinfo .out a{
  display: block;
}
#mypage_myinfo .out a p{
  padding: 3px 8px;
  background: #EBEBEB;
  border-radius: 5px;
  width: 30%;
  text-align: center;
  color: #8A8A8A;
  margin-top: 15px;
}
#mypage_myinfo .search_select2{
  padding: 20px;
  text-align: right;
}
#mypage_myinfo .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
/*  */
#mypage_myinfo .custom_box2 input[type="checkbox"]{
  width: 20px !important;
	height: 20px !important;
	border: 1px solid #bcbcbc !important;
	cursor: pointer;
  margin-right: 5px;
}
#mypage_myinfo .custom_box2 input[type="checkbox"]:checked{
  border: none;
  background-image: url("/app/img/Check.png")!important;
  background-size: 100%;
  background-color: #46B9E6;
}
#mypage_myinfo .custom_box2 input[type="checkbox"] + label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 1rem;
}
#mypage_myinfo .custom_box2 input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
}
#mypage_myinfo .custom_box2 label{
  margin: 5px 10px 6px 5px !important;
}
#mypage_myinfo .custom_box2 label input{
  margin: 0 6px 0 0!important;
  line-height: 20px;
}
#mypage_myinfo input,#mypage_myinfo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#mypage_myinfo .input_box label{
  margin-bottom: 0;
}
#mypage_myinfo .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#mypage_myinfo .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}


/*/////////////////////mypage_member//////////////////*/
#mypage_member .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_member .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_member .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_member >p{
  text-align: center;
  margin-top: 100px;
  font-size: 20px;
}


/*/////////////////////mypage_zzim//////////////////*/
#mypage_zzim .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_zzim .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_zzim .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_zzim >p{
  text-align: center;
  margin-top: 100px;
  font-size: 20px;
}
#mypage_zzim .poplu2{
  padding: 10px 20px;
}
#mypage_zzim .poplu2 >div{
  display: flex;
  margin-bottom:20px;
  width: 100%;
  height: 90px;
}
#mypage_zzim .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  width: 100%;
  height: 80px;
}
#mypage_zzim .poplu2_pic{
  position: relative;
  width: 130px;
  height: 90px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#mypage_zzim .poplu2_pic >img:first-child{
  width: 130px;
  height: 90px;
}
#mypage_zzim .poplu2_pic >img:last-child{
  position: absolute;
      top: 8%;
      right: 5%;
      width: 16px;
}
#mypage_zzim .poplu2_cont{
  width: 100%;
  height: 90px;
  position: relative;
}
#mypage_zzim .poplu2_cont img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#mypage_zzim .poplu2_cont >div p{
  /* margin-bottom: 5px; */
}
#mypage_zzim .poplu2_cont >div:last-child{
  width: 100%;
  position: absolute;
  bottom: 0;
}
#mypage_zzim .poplu2_cont >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#mypage_zzim .poplu2_cont >div:last-child >div:first-child{
  display: flex;justify-content: flex-start;align-items: center;
}
#mypage_zzim .poplu2_cont >div >div >p{
  margin-bottom: 0;
}
#mypage_zzim .all{
  padding: 10px 20px 0px;
}
#mypage_zzim .all p{
  margin-bottom: 0;
  font-size: 16px;
}


/*/////////////////////login//////////////////*/
#login{
  padding:20px;
  box-sizing:border-box;
  height:100vh;
}
#login .login_logo{
  width:155px;
  margin:0 auto;
  padding-top:15vh;
}
#login .login_logo img{
  width:100%;
}
#login .login_input{
  margin-top:40px;
  margin-bottom:30px;
}
#login .login_input input:first-child{
  margin-bottom:15px;
}
#login .login_info{
  margin-top:20px;
}
#login .auto_login input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px; padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0); border: 0
}
#login .auto_login input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left:30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:14px;
  font-weight: 400;
}
#login .auto_login input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top:0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #C4C4C4;
  border-radius :5px;}
#login .auto_login input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#login .auto_login input[type="checkbox"]:checked + label:before {
  content: '\2714';
  font-size:13px;
  color:#fff;
  font-weight:600;
  background: #46B9E6;
  border:none;
}
#login .find_login{
  font-size:14px;
}
#login .find_login img{
  width:22px;
}
#login .join_email{
  text-decoration:underline;
  /* position:absolute; */
  bottom:5vh;
  left:50%;
  /* transform: translate(-50%,-50%); */
  font-size:14px;
  text-align: center;
}
.custom_join{
  text-align: center;
  padding: 10%;
}
#login input,#login  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
  padding:10px;
}


/*/////////////////////seller_tax//////////////////*/
.title3{
  width: 100%;
  padding: 15px 0px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
.title3 img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
.title3 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#seller_tax{
  padding: 0px 20px 15px;
  width: 100%;
}
#seller_tax .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#seller_tax .seller-account{
  height:100vh;
  box-sizing:border-box;
}
#seller_tax .mark{
  display: flex;
  background-color: #fff;
}
#seller_tax .mark li{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e9e9e9;
  margin-left:5px;
}
#seller_tax .mark li.color{
  background:#FF81BE;
}
#seller_tax .seller_check{
  width:100%;
  display:flex;
  justify-content:space-between;
}
#seller_tax .seller_check img{
  display:block;
  width:35px;
  margin:0 auto;
  padding:5px 0;
}
#seller_tax .box-radio-input{
  width:48%;
}
#seller_tax .box-radio-input input[type="radio"]{
  display:none;
}
#seller_tax .box-radio-input input[type="radio"] + span{
  display:block;
  background:#f6f6f6;
  border:2px solid #f6f6f6;
  text-align:center;
  cursor:pointer;
  border-radius:5px;
  box-sizing:border-box;
  width:100%;
  font-size:14px;
  padding:15px;
  transition: 0.3s;
}
#seller_tax .box-radio-input input[type="radio"]:checked + span{
  border:2px solid #FF81BE;
}
#seller_tax .sub_title{
  padding:20px 0;
  font-size:15px;
}
#seller_tax .b_border_btn{
  width:100%;
  height:40px;
  font-size:16px;
  border:2px solid #222;
  margin-top:10px;
}
#seller_tax .input_box{
  padding-left: 0px;
}
#seller_tax .input_box input[type="text"]{
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 0px;
}
#seller_tax .input_box li{
  margin-bottom: 20px;
}
#seller_tax .input_box label{
  font-weight: 400;
}
#seller_tax input, textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
  padding:10px;
}

/*/////////////////////seller_account//////////////////*/
#seller_account{
  height:100vh;
  box-sizing:border-box;
  padding: 0px 15px;
}
#seller_account .title{
  width: 100%;
  padding: 15px 0px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#seller_account .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#seller_account .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#seller_account .mark{
  display: flex;
  background-color: #fff;
}
#seller_account .mark li{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e9e9e9;
  margin-left:5px;
}
#seller_account .mark li.color{
  background:#FF81BE;
}
#seller_account .seller_check{
  width:100%;
  display:flex;
  justify-content:space-between;
}
#seller_account .seller_check img{
  display:block;
  width:35px;
  margin:0 auto;
  padding:5px 0;
}
#seller_account .box-radio-input{
  width:48%;
}
#seller_account .box-radio-input input[type="radio"]{
  display:none;
}
#seller_account .box-radio-input input[type="radio"] + span{
  display:block;
  background:#f6f6f6;
  border:2px solid #f6f6f6;
  text-align:center;
  cursor:pointer;
  border-radius:5px;
  box-sizing:border-box;
  width:100%;
  font-size:14px;
  padding:15px;
  transition: 0.3s;
}
#seller_account .box-radio-input input[type="radio"]:checked + span{
  border:2px solid #FF81BE;
}
#seller_account .sub_title{
  padding:20px 0;
  font-size:15px;
}
#seller_account .b_border_btn{
  width:100%;
  height:40px;
  font-size:16px;
  border:2px solid #222;
  margin-top:10px;
}
#seller_account .input_box{
  padding-left: 0px;
}
#seller_account .input_box input[type="text"]{
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 0px;
}
#seller_account .input_box li{
  margin-bottom: 20px;
}
#seller_account .input_box label{
  font-weight: 400;
}
#seller_account .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#seller_account select{
  border-radius: 0px !important;
  border-bottom: 1px solid #eee;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
#seller_account input, textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
  padding:10px;
}


/*/////////////////////signup//////////////////*/
#signup .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#signup .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#signup .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#signup .check {
  position: relative;
}
#signup .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#signup .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#signup .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top:4px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#signup .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#signup .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#signup .all_agree_box{
  padding: 0px 20px;
}
#signup .all_agree_box label{
  font-size:18px !important;
}
#signup .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#signup .agree_list p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}
#signup .agree_list li{
  margin-bottom:15px;
}
#signup .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#signup .optional{
  padding-left:30px;
}
#signup .optional > div{
  margin-bottom:10px;
}
#signup .optional label{
  margin-right:15px;
}
#signup .flex{
  align-items: center;
}
#signup .flex div{
  line-height: 29px;
  margin-right: 10px;
  height: 29px;
  width: 30%;
}
#signup .flex label{
  margin: 0;
  font-size: 14px !important;
  font-weight: normal;
}


/*/////////////////////signup2//////////////////*/
#signup2 .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#signup2 .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#signup2 .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#signup2 .b_btn_box{
  padding: 20px;
  /* position: fixed;
  transform: translateX(-50%);
  left: 50% */
}
#signup2 input,#signup2  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#signup2 .input_box label{
  margin-bottom: 0;
}
#signup2 .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#signup2 .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
}
#signup2 .input_box span{
  color:#FF81BE;
}
#signup2 .confirm_input{
  position:relative;
}
#signup2 .certification{
  color:#FF81BE;
  font-size:14px;
  position:absolute;
  bottom:16px;
  right:0;
}


/*/////////////////////signup3//////////////////*/
#signup3 .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#signup3 .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#signup3 .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#signup3 input[type="checkbox"], #signup3 textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#signup3 .album_img{
  text-align: center;
  padding: 0px 20px;
  position: relative;
}
#signup3 .album_img >label{
  text-align: center;
}
#signup3 .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#signup3 .album_img >label div{
  display: flex;justify-content: center;align-items: center;
  margin-top: 12px;
}
#signup3 .prof_img{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#signup3 .prof_img img:first-child{
  width: 100px;
  height: 100px;
  background:#F4F4F4;
  border:1px solid #EAEAEA;
  border-radius: 50px;
  margin-bottom: 30px;
  display:flex;
  justify-content: center;
  align-items:center;
  padding: 22px;
}
#signup3 .prof_img img:last-child{
  width: 35px;
  height: 35px;
  position: absolute;
  right: -4%;
  bottom: 8%;
}
#signup3 input,#signup3  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#signup3 .input_box label{
  margin-bottom: 0;
}
#signup3 .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#signup3 .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#signup3 .input_box span{
  color:#FF81BE;
}
#signup3 .confirm_input{
  position:relative;
}
#signup3 .certification{
  color:#FF81BE;
  font-size:14px;
  position:absolute;
  bottom:16px;
  right:0;
}
/*  */
#signup3 input[type="checkbox"]{
  width: 20px !important;
	height: 20px !important;
	border: 1px solid #bcbcbc !important;
	cursor: pointer;
  margin-right: 5px;
}
#signup3 input[type="checkbox"]:checked{
  background: #46B9E6;
  border: none;
  background-image: url(/app/img/Check.png);
  background-size: 100%;
}
#signup3 input[type="checkbox"] + label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 1rem;
}
#signup3 input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
}
#signup3 .custom_box label{
  margin: 5px 10px 6px 0px!important;
}
#signup3 .custom_box label input{
  margin: 0 6px 0 0!important;
}


/*/////////////////////signup4//////////////////*/
#signup4 .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#signup4 .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#signup4 .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#signup4 .signup_completion{
  text-align:center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:100%;
}
#signup4 .signup_completion .title{
  font-size:20px;
  margin-top:12px;
}
#signup4 .signup_completion p{
  line-height:2;
}
#signup4 .title2{
  font-size: 20px;
  margin-top: 12px;
}


/*/////////////////////find_id//////////////////*/
#find_id{
  width: 100%;
  height: 100vh;
  position: relative;
}
#find_id .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#find_id .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#find_id .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#find_id .tab {
  overflow: hidden;
  display:flex;
  border-bottom:2px solid #eee;
  padding-left: 0!important;
}
#find_id .tab ul{
  width: 100%;
  padding-left: 0!important;
  margin: 0;
}
#find_id .tab li{
  color: #aaa;
  width:50%;
  text-align:center;
}
#find_id .tab li a{
  padding: 10px 0;
  transition:0.3s;
  display: inline-block;
  font-size:16px;
}
#find_id .tab li.current{
  border-bottom:2px solid #222;
  color:#333;
}
#find_id .tab li a.current{
  color:#333;
}
#find_id input,#find_id  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#find_id .input_box label{
  margin-bottom: 0;
  font-weight: normal;
}
#find_id .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#find_id .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#find_id .input_box span{
  color:#FF81BE;
}
#find_id .confirm_input{
  position:relative;
}
#find_id .certification{
  color:#FF81BE;
  font-size:14px;
  position:absolute;
  bottom:16px;
  right:0;
}
#find_id .current >P{
  padding: 0px 20px;
  margin-bottom: 30px;
  font-size: 15px;
}
#find_id .btn_box {
    padding: 20px;
    box-sizing: border-box;
    /* position: absolute; */
    bottom: 0;
    left: 50%;
    /* transform: translate(-50%,0%); */
    width: 100%;
}

/*/////////////////////find_pass//////////////////*/
#find_pass .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#find_pass .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#find_pass .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#find_pass .tab {
  overflow: hidden;
  display:flex;
  border-bottom:2px solid #eee;
  padding-left: 0!important;
}
#find_pass .tab ul{
  width: 100%;
  padding-left: 0!important;
  margin: 0;
}
#find_pass .tab li{
  color: #aaa;
  width:50%;
  text-align:center;
}
#find_pass .tab li a{
  padding: 10px 0;
  transition:0.3s;
  display: inline-block;
  font-size:16px;
}
#find_pass .tab li.current{
  border-bottom:2px solid #222;
  color:#333;
}
#find_pass .tab li a.current{
  color:#333;
}
#find_pass input,#find_id  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#find_pass .input_box label{
  margin-bottom: 0;
  font-weight: normal;
}
#find_pass .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#find_pass .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#find_pass .input_box span{
  color:#FF81BE;
}
#find_pass .confirm_input{
  position:relative;
}
#find_pass .certification{
  color:#FF81BE;
  font-size:14px;
  position:absolute;
  bottom:16px;
  right:0;
}
#find_pass .current >P{
  padding: 0px 20px;
  margin-bottom: 30px;
  font-size: 15px;
}
#find_pass .b_btn_box {
    padding: 20px;
    box-sizing: border-box;
    /* position: fixed; */
    bottom: 0;
    left: 50%;
    /* transform: translate(-50%,0%); */
    width: 100%;
}
#find_pass_reset .b_btn_box {
    padding: 20px;
    box-sizing: border-box;
    /* position: fixed; */
    bottom: 0;
    left: 50%;
    /* transform: translate(-50%,0%); */
    width: 100%;
}



/*/////////////////////find_id_result//////////////////*/
#find_id_result {
  padding: 0px 0px;
  height:100vh;
  box-sizing:border-box;
}
#find_id_result .b_btn_box{
  padding: 20px 20px;
  /* position: fixed; */
  bottom: 0;
  left: 0;
  background-color: #fff;
}
#find_id_result .b_btn_box button{width: 48% !important;}
#find_id_result .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#find_id_result .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#find_id_result .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#find_id_result .sub_title{
  font-size:15px;
  line-height:1.7;
  margin-bottom: 30px;
  padding: 0 20px;
}
#find_id_result .result{
  background:#f4f4f4;
  width: 90%;
  padding:40px 0;
  text-align:center;
  border-radius:5px;
  font-size:18px;
  margin: 0 auto;
}
#find_id_result h2{
  padding: 0 20px;
}


/*/////////////////////find_pass_reset//////////////////*/
#find_pass_reset .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#find_pass_reset h2{
  padding: 10px 20px;
}
#find_pass_reset .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#find_pass_reset .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#find_pass_reset .tab {
  overflow: hidden;
  display:flex;
  border-bottom:2px solid #eee;
  padding-left: 0!important;
}
#find_pass_reset .tab ul{
  width: 100%;
  padding-left: 0!important;
  margin: 0;
}
#find_pass_reset .tab li{
  color: #aaa;
  width:50%;
  text-align:center;
}
#find_pass_reset .tab li a{
  padding: 10px 0;
  transition:0.3s;
  display: inline-block;
  font-size:16px;
}
#find_pass_reset .tab li.current{
  border-bottom:2px solid #222;
  color:#333;
}
#find_pass_reset .tab li a.current{
  color:#333;
}
#find_id h2{
  padding: 10px 20px;
}
#find_pass_reset input,#find_id  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#find_pass_reset .input_box label{
  margin-bottom: 0;
  font-weight: normal;
}
#find_pass_reset .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#find_pass_reset .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#find_pass_reset .current >P{
  padding: 0px 20px;
  margin-bottom: 30px;
  font-size: 15px;
}
#find_pass_reset .b_btn_box {
    padding: 20px;
    box-sizing: border-box;
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 50%; */
    /* transform: translate(-50%,0%); */
    width: 100%;
}


/*/////////////////////seller_profile//////////////////*/
#seller_profile .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px 0px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#seller_profile .index_tit >div:last-child img{
  width: 25px;
}
#seller_profile .index_tit img{
  width: 30px;
}
#seller_profile .index_tit a{
  display: block;
}
#seller_profile .index_tit div{
  width: 15%;
}
#seller_profile .index_tit >p{
  position: absolute;
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 18px;
  font-weight: 600;
}
#seller_profile .seller_profile{
  padding-bottom:55px;
}
#seller_profile .profile_box{
  box-sizing:border-box;
  padding:20px;
}
#seller_profile .profile_box .info{
  display:flex;
}
#seller_profile .profile{
  width:50px;
  height:50px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0;
  margin-right:10px;
}
#seller_profile .profile img{
  width:100%;
  height:100%;
  border-radius: 50px;
  object-fit:cover;
}
#seller_profile .profile_box .box{
  display:flex;
  justify-content:space-between;
  width:100%;
}
#seller_profile .profile_box .box >div:first-child{
	/* justify-content:  */
	flex-flow: row wrap;
}
#seller_profile .profile_box .ic_setting{
  width:25px;
  height:25px;
}
#seller_profile .profile_box .ic_setting img{
  width:100%;
  /* height:100%; */
}
#seller_profile .nickname{
  font-size:18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	width: 100%;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#seller_profile .msg_btn{
  background:#46B9E6;color:#fff;
  border-radius:5px;
  height:30px;
	width: 110px;
  padding:0 5px;
  margin-top:10px;
}

#seller_profile .introduction{
  width:100%;
  max-height: 270px;
  overflow-y: scroll;
  font-size:15px;color:#888;
  padding:20px 0 10px;
  word-wrap: break-word;
}
#seller_profile .list{
  padding-right: 20px;
}
#seller_profile .total span{
  color:#FF81BE ;
}
#seller_profile .list li{
  display:flex;justify-content:space-between;
  margin-bottom:20px;
}
#seller_profile .list .img{
  width:130px;
  height:90px;
  position:relative;
  flex-shrink:0;
  margin-right:10px;
}
#seller_profile .list .img a{
  width:100%;
  height:100%;
  display:block;
}
#seller_profile .list .img img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#seller_profile .list .img .like{
  position:absolute;
  top: 0;
  right: 0;
  background:none;
  width: 2.8rem;
}
#seller_profile .list .txt{
  width:100%;
  display:flex;flex-flow:column;
  justify-content:space-between;
}
#seller_profile .title_box .title{
  font-size:14px;
  box-shadow: none;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#seller_profile .title_box .sub_title{
  font-size:10px;
  color:#46B9E6;
}
#seller_profile .price_box{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
#seller_profile .small_profile img{
  width:25px;
  height:25px;
  object-fit:cover;
  border-radius:50%;
  margin-right:3px;
}
#seller_profile .price_box >div:first-child{
	height:25px;
	width:55%;
}
#seller_profile .small_profile p{
  font-size:11px;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#seller_profile .price{
  text-align:right;
	margin-bottom: 6px;
}
#seller_profile .cost{
  font-size:12px;
  color:#b0b0b0;
  text-decoration:line-through;
}
#seller_profile .discount{
  font-size:12px;
}
#seller_profile .discount span{
  font-size:12px;
  color:#FF81BE;
  font-weight:400;
  margin-right:3px;
}
#seller_profile .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#seller_profile .sell_info p:first-child{
  width: 100%;
}
#seller_profile .sell_info p:last-child{}
#seller_profile .sell_info p:last-child img{
  width: 1.5rem;
}
#seller_profile .fliter{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
#seller_profile .fliter select{
  font-size: 15px !important;
  text-align: center;
  color: #333;
  width: 70px;
  padding-right: 5px;
  border: none;
  border:0; //기본 스타일 제거
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
   box-sizing: border-box;
   background:transparent;
	 background: none !important;
}
#seller_profile .fliter img{
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
/* #seller_profile .search_tab{
  display: flex;align-items: flex-start;justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 15px;
}
#seller_profile .search_tab a{
  display: flex;justify-content: center;align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#seller_profile .search_tab div{
  width: 24%;
}
#seller_profile .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
} */
#seller_profile .search_tab{
  /* width: 100%; */
  /* overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex; */
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid #F0F0F0;
}
#seller_profile .search_tab >div{
  /* display: block; */
  display: inline-block;
  padding:0px 10px;
}
#seller_profile .search_tab a{
  align-items: center;
  height: 35px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  display: block;
  position: relative;
}
#seller_profile .search_tab p{
  text-align: center;
  height: 35px;
  margin: 10px 0px;
  width: 100%;
}
#seller_profile .search_tab p:first-child{
  margin:0px 5px;
}
#seller_profile .tab_on{
  border-bottom: 3px solid #46B9E6;
  color: #46B9E6 !important;
  width: 100%;
}


/*/////////////////////sequence//////////////////*/
#sequence{
  position: relative;
  width: 100%;
  padding-bottom: 15vh;
}
#sequence .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequence .index_tit img{
  width: 25px;
}
#sequence .index_tit a{
  display: block;
}
#sequence .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#sequence .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#sequence .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#sequence .index_btn a{
  display: block;
}
#sequence .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
	height: 38px;
}
#sequence .index_btn p{
  margin-bottom: 0;
}
#sequence .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#sequence .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#sequence .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  padding: 0px 8px;
}
#sequence .search_tab div{
  /* width: 24%; */
}
#sequence .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#sequence .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequence .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
  /* font-size: 15px; */
}
#sequence .sell_info >div >p:first-child{
  margin-left: 15px;
}
#sequence .sell_info >div >p:last-child{
	margin-left: 15px;
}
.border46B9E6{
  border: 1px solid #46B9E6;
  border-radius: 40px;
  padding: 2px 8px;
}
.borderFF81BE{
  border: 1px solid #FF81BE;
  border-radius: 40px;
  padding: 2px 8px;
}
#sequence .sell_info >div >p:nth-child(2){
  margin-left: 15px;
}
#sequence .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 15px;
}
#sequence .total span{
  color:#FF81BE;
}
/*  */
.sequ_cont_sub_tit{
  display: block !important;
}
.sequ_cont_sub_tit2{
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  font-size: 15px;
  height: 80px;
}

.sequ_cont_sub_tit p:last-child{
  color: #B0B0B0 !important;
}
#sequence .sequ_cont{
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 80px;
	position: relative;
}
#sequence .sequ_cont >div:first-child{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sequence .sequ_cont >div >a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* margin-bottom: 15px; */
}
#sequence .sequ_cont >div >a >p{
  /* margin-left: 15px; */
  /* padding-right: 120px; */
  font-size: 15px;
  padding-left: 10px;
  /* width: 55%; */
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequence .sequ_cont >div >a >img{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#sequence .sequ_cont >div >a >div{
  padding-left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  /* width: 100%; */
}
#sequence .sequ_cont >div >a >div >p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequence .sequ_cont >div >a >div >p:last-child{
  font-size: 13px !important;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequence .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#sequence .plus_btn a{
  display: block;
}
#sequence .plus_btn img{
  width: 42px;
}
/*  */
#sequence .plus_btn2{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 24%;
  right: 10%;
}
#sequence .plus_btn2 a{
  display: block;
}
#sequence .plus_btn2 img{
  width: 42px;
}
#sequence .dots{
}
#sequence .dots div{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: 3px 0px;
}


/*/////////////////////sequen_buy//////////////////*/
#sequen_buy{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_buy .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_buy .index_tit img{
  width: 25px;
}
#sequen_buy .index_tit a{
  display: block;
}
#sequen_buy .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_buy .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#sequen_buy .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#sequen_buy .index_btn a{
  display: block;
}
#sequen_buy .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#sequen_buy .index_btn p{
  margin-bottom: 0;
}
#sequen_buy .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#sequen_buy .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#sequen_buy .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  padding: 0px 8px;
}
#sequen_buy .search_tab div{
  /* width: 24%; */
}
#sequen_buy .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#sequen_buy .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_buy .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_buy .sell_info >div >p:first-child{
  /* margin-right: 15px; */
}
#sequen_buy .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#sequen_buy .total span{
  color:#FF81BE;
}
/* #sequen_buy .sequ_cont{
  padding: 0px 20px;
}
#sequen_buy .sequ_cont >div >a{
  display: flex;justify-content: flex-start;align-items: center;
  margin-bottom: 15px;
}
#sequen_buy .sequ_cont >div >a >img{
  width: 101px;
  height: 64px;
}
#sequen_buy .sequ_cont >div >a >div{
  padding-left: 10px;
  display: flex;justify-content: space-between;align-items: center;
} */
/*  */
#sequen_buy .sequ_cont{
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 80px;
	position: relative;
}
#sequen_buy .sequ_cont >div:first-child{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_buy .sequ_cont >div >a{
  display: flex;justify-content: flex-start;align-items: center;
}
#sequen_buy .sequ_cont >div >a p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_buy .sequ_cont >div >a p:first-child{
  font-size: 15px !important;
}
#sequen_buy .sequ_cont >div >a p:last-child{
  font-size: 13px !important;
  margin-top: 4px;
}
#sequen_buy .sequ_cont >div >a >img{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#sequen_buy .sequ_cont >div >a >div{
  padding-left: 10px;
  /* display: flex;justify-content: space-between;align-items: center; */
  /* width: 100%; */
}
#sequen_buy .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 5%;
}
#sequen_buy .plus_btn a{
  display: block;
}
#sequen_buy .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}
#sequen_buy .dots{
}
#sequen_buy .dots div{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: 3px 0px;
}



/*popup5*/
#popup5 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup5 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 15px;
}
#popup5 #popmenu p {
    margin-top: 40px;
    margin-bottom: 40px !important;
}
#popup5 #popmenu a{
  display: block;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  height: 5rem;
  width: 100%;
  font-size: 15px;
}
#popup5 #popmenu .pop_button div{
  cursor: pointer;
  text-align: center;
  width: 100%;
}
#popup5 #popmenu .pop_button div:nth-child(2){
  border-bottom: 1px solid #F2F2F2;
}
#popup5 #popmenu .pop_button div button{
  width: 100%;
}
#popup5 #popmenu .pop_button div img{
  margin-right: 10px;
  margin-top: 3px;
  width: 20px;
}
#popup5 .exit {
  color: #000;
  float: left;
  bottom: 0px;
}
#popup5 .ok {
  background: #4d5fe7;
  color: #fff;
  float: left;
}
.remove_box {
    position: absolute;
    width: 100%;
    height: 100vh;
}

/*popup6*/
#popup6 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup6 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 20px;
}
#popup6 #popmenu .input_box >p{
  padding: 10px 0px;
  color: rgba(0, 0, 0, 0.85);
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#popup6 #popmenu  ul{
  padding: 0px !important;
}
#popup6 #popmenu .input_box li label{
  text-align: left;
  width: 100%;
  font-weight: normal;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
#popup6 #popmenu .pop6_btn{
  width: 100%;
  padding-top: 20px;
}
#popup6 #popmenu select{
  margin-bottom: 10px;
}
#popup6 #popmenu .blue_btn{
	width: 100% !important;
}

/*popup18*/
#popup18 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup18 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 20px;
}
#popup18 #popmenu .input_box >p{
  padding: 10px 0px;
  color: rgba(0, 0, 0, 0.85);
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#popup18 #popmenu  ul{
  padding: 0px !important;
}
#popup18 #popmenu .input_box li label{
  text-align: left;
  width: 100%;
  font-weight: normal;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
#popup18 #popmenu .pop6_btn{
  width: 100%;
  padding-top: 20px;
}
#popup18 #popmenu select{
  margin-bottom: 10px;
}


/*popup10*/
#popup10 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup10 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 20px;
}
#popup10 #popmenu .input_box >p{
  padding: 10px 0px;
  color: rgba(0, 0, 0, 0.85);
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#popup10 #popmenu  ul{
  padding: 0px !important;
}
#popup10 #popmenu .input_box li label{
  text-align: left;
  width: 100%;
  font-weight: normal;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
#popup10 #popmenu .pop6_btn{
  width: 100%;
  padding-top: 20px;
}
#popup10 #popmenu select{
  margin-bottom: 10px;
}
#popup10 #popmenu .blue_btn{
	width: 100% !important;
}
#popup12 #popmenu .blue_btn{
	width: 100% !important;
}
#popup18 #popmenu .blue_btn{
	width: 100% !important;
}

/*popup12*/
#popup12 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup12 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 20px;
}
#popup12 #popmenu .input_box >p{
  padding: 10px 0px;
  color: rgba(0, 0, 0, 0.85);
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#popup12 #popmenu  ul{
  padding: 0px !important;
}
#popup12 #popmenu .input_box li label{
  text-align: left;
  width: 100%;
  font-weight: normal;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
#popup12 #popmenu .pop6_btn{
  width: 100%;
  padding-top: 20px;
}
#popup12 #popmenu select{
  margin-bottom: 10px;
}


/*popup15*/
#popup15 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup15 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 20px;
}
#popup15 #popmenu .input_box >p{
  padding: 10px 0px;
  color: rgba(0, 0, 0, 0.85);
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#popup15 #popmenu  ul{
  padding: 0px !important;
}
#popup15 #popmenu .input_box li label{
  text-align: left;
  width: 100%;
  font-weight: normal;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
#popup15 #popmenu .pop6_btn{
  width: 100%;
  padding-top: 20px;
}
#popup15 #popmenu select{
  margin-bottom: 10px;
}

/*팝업창*/
/* #popup {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 9;
}
#popup #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
#popup #popmenu .tit{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#popup #popmenu .pop_button button{
  cursor: pointer;
  width: 100%;
  height: 50px;
  background-color: #222;
  color: #fff;
  font-size: 17px;
  border-radius: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#popup #popmenu .pop_q{
  font-size: 13px;
  background-color: #EDEDED;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
#popup #popmenu .pop_cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#popup #popmenu .pop_cont a{
  display: flex;
}
#popup #popmenu .pop_cont >p{
  font-size: 18px;
  font-weight: bold;
}
#popup #popmenu .pop_cont img{
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
#popup #popmenu .b_cont2{
  background: #46B9E6;
  box-shadow: 0px 2px 4px rgba(173, 173, 173, 0.25);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 15px;
}
#popup #popmenu .b_cont2 img{
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
#popup #popmenu .b_cont2 p{
  font-size: 16px;
  color: #fff;
}
#popup #popmenu >p{
  font-size: 15px;
  margin-bottom: 5px;
}
#popup #popmenu .pop_cont2{
  border-bottom: 1px solid #DADADA;
  margin-bottom: 20px;
  padding: 10px 0px;
}
#popup #popmenu .pop_cont2 span{
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
  color:#000;
}
#popup #popmenu .pop_cont3 label{
  font-size: 16px;
  margin-right: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  width: 100%;
  margin-bottom: 15px;
  padding: 5px 0px;
}
#popup #popmenu .pop_cont3 input{
  border:0px;
  font-weight: normal !important;
}
#popup #popmenu .pop_cont3 input::placeholder{
  font-weight: normal !important;
}
#popup #popmenu .pop_cont4 input{
  background-color: #F4F4F4;
  border: 0;
  padding: 10px 10px 80px 10px;
  width: 100%;
}
#popup #popmenu .pop_cont4 input::placeholder{
  color: #000;
} */


/*팝업창*/
#popup2 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999999;
}
#popup2 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 300px;
    height: 160px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup2 #popmenu p {
    margin-top: 20px;
    margin-bottom: 30px !important;
    text-align: center;
    font-size: 17px;
    color: #333;
}
#popup2 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 45%;
  height: 40px;
  border-radius: 5px;
  font-size: 16px;
  color: #46B9E6;
}
#popup2 .exit {
  color: #fff;
  height: 40px;
  width: 100%;
  background-color: #46B9E6;
}


/*popup3*/
#popup3 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup3 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 15px;
}
#popup3 .pop_cont >p {
    margin-top: 20px;
    margin-bottom: 20px !important;
    font-size: 20px;
    font-weight: 450;
    letter-spacing: -1.04pt;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
}
#popup3 .pop_cont >div{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#popup3 .pop_cont button{
  background-color: #130F26;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 0px;
  font-size: 18px;
  height: 50px;
}
#popup3 .pop_cont >div >a >div{
  padding: 20px;
  background: #F0F0F0;
  border-radius: 20px;
  width: 124px;
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup3 .pop_cont >div >a p{
  font-size: 16px;
  margin-top: 15px;
}
#popup3 .pop_cont >div >a >div img{
  width: 50px;
}
#popup3 .exit {
  color: #000;
  float: left;
  bottom: 0px;
}
#popup3 .ok {
  background: #4d5fe7;
  color: #fff;
  float: left;
}


/*popup13*/
#popup13 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup13 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 15px;
}
#popup13 .pop_cont >p {
    margin-top: 20px;
    margin-bottom: 20px !important;
    font-size: 20px;
    font-weight: 450;
    letter-spacing: -1.04pt;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
}
#popup13 .pop_cont >div{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
#popup13 .pop_cont >div >a{
  text-align: center;
  display: block;
}
#popup13 .pop_cont button{
  background-color: #130F26;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 0px;
  font-size: 18px;
  height: 50px;
}
#popup13 .pop_cont >div >a >div{
  padding: 20px;
  background: #F0F0F0;
  border-radius: 20px;
  width: 124px;
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup13 .pop_cont >div >a p{
  font-size: 1.5rem;
  margin-top: 15px;
}
#popup13 .pop_cont >div >a >div img{
  width: 50px;
}
#popup13 .exit {
  color: #000;
  float: left;
  bottom: 0px;
}
#popup13 .ok {
  background: #4d5fe7;
  color: #fff;
  float: left;
}

/*popup16*/
#popup16 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup16 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 15px;
}
#popup16 .pop_cont >p {
    margin-top: 20px;
    margin-bottom: 20px !important;
    font-size: 20px;
    font-weight: 450;
    letter-spacing: -1.04pt;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
}
#popup16 .pop_cont >div{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
#popup16 .pop_cont >div >a{
  text-align: center;
  display: block;
}
#popup16 .pop_cont button{
  background-color: #130F26;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 0px;
  font-size: 18px;
  height: 50px;
}
#popup16 .pop_cont >div >a >div{
  padding: 20px;
  background: #F0F0F0;
  border-radius: 20px;
  width: 124px;
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup16 .pop_cont >div >a p{
  font-size: 1.5rem;
  margin-top: 15px;
}
#popup16 .pop_cont >div >a >div img{
  width: 50px;
}
#popup16 .exit {
  color: #000;
  float: left;
  bottom: 0px;
}
#popup16 .ok {
  background: #4d5fe7;
  color: #fff;
  float: left;
}

/*popup17*/
#popup17 {
    display: none;
    width: 100%;
    /* height: 100vh; */
    /* background: rgba(0, 0, 0, 0.5); */
    position: fixed;
    top: 0;
    z-index: 9999;
}
/* #popup17 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 15px;
}
#popup17 .pop_cont >p {
    margin-top: 20px;
    margin-bottom: 20px !important;
    font-size: 20px;
    font-weight: 450;
    letter-spacing: -1.04pt;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
} */
#popup17 .search_bar{
  height: 56px;
  width: 100%;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: fixed;
  display: flex;justify-content: flex-start;align-items: center;
  background-color: #fff;
  z-index: 99999;
}
#popup17 .search_bar >img{
  width: 25px;
  position: absolute;
  right: 5%;
	cursor: pointer;
}
#popup17 .search_bar >p{
  margin-left: 5%;
}
#popup17 .search_bar >p >a{
  display: block;
}
#popup17 .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#popup17 .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  height: 35px;
  width: 70%;
  color: #000;
  border: 0px;
  background-color: inherit;
}
#popup17 .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F9F9F9;
  outline: none;
  float: left;
  border-radius: 50px;
}
#popup17 .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}

/*팝업창*/
#popup4 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup4 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 220px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup4 #popmenu >p:first-child {
    margin-top: 20px;
    margin-bottom: 20px !important;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
#popup4 #popmenu >p:nth-child(2) {
  margin-bottom: 30px;
}
#popup4 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 92%;
  height: 50px;
  border-radius: 0px;
  font-size: 17px;
  margin-top: 15px;
}
#popup4 .exit {
  color: #fff;
  height: 40px;
  width: 100%;
  background-color: #222;
}


/*popup7*/
#popup7 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup7 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 9999999;
    padding: 15px;
}
#popup7 #popmenu p {
    margin-top: 40px;
    margin-bottom: 40px !important;
    font-weight: 450;
    letter-spacing: -1.04pt;
    text-align: center;
}
#popup7 #popmenu a{
  display: block;
  display:flex;justify-content: flex-start;align-items: center;
  height: 5rem;
  font-size: 15px;
}
#popup7 #popmenu .pop_button div{
  cursor: pointer;
  text-align: center;
  width: 100%;
}
#popup7 #popmenu .pop_button div:nth-child(2){
  border-top: 1px solid #F2F2F2;
}
#popup7 #popmenu .pop_button div button{
  width: 100%;
}
#popup7 #popmenu .pop_button div img{
  margin-right: 10px;
  margin-top: 3px;
  height: 20px;
}
#popup7 .exit {
  color: #000;
  float: left;
  bottom: 0px;
}
#popup7 .ok {
  background: #4d5fe7;
  color: #fff;
  float: left;
}


/*popup8*/
#popup8 {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
}
#popup8 #popmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    z-index: 999;
    padding: 15px;
}
#popup8 #popmenu p {
    margin-top: 40px;
    margin-bottom: 40px !important;
    font-weight: 450;
    letter-spacing: -1.04pt;
    text-align: center;
}
#popup8 #popmenu a{
  display: block;
  display:flex;justify-content: flex-start;align-items: center;
  height: 5rem;
  font-size: 15px;
}
#popup8 #popmenu .pop_button div{
  cursor: pointer;
  text-align: center;
  width: 100%;
}
#popup8 #popmenu .pop_button div img{
  width: 25px;
}
#popup8 #popmenu .pop_button div:nth-child(2){
  border-bottom: 1px solid #F2F2F2;
}
#popup8 #popmenu .pop_button div button{
  width: 100%;
}
#popup8 #popmenu .pop_button div img{
  margin-right: 10px;
}
#popup8 .exit {
  color: #000;
  float: left;
  bottom: 0px;
}
#popup8 .ok {
  background: #4d5fe7;
  color: #fff;
  float: left;
}


/*팝업창*/

/* ============================ */
#popup9 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup9 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: left;
    background: #fff;
    border-radius: 10px;
    overflow: auto;
    padding: 0px 15px 15px;
}
#popup9 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
#popup9 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup9 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup9 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup9 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup9 .exit {
  height: 40px;
  width: 100%;
}

/* popup19 */
#popup19 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup19 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 180px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup19 #popmenu >p:first-child {
    margin-top: 12%;
    margin-bottom: 20px !important;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
#popup19 #popmenu >p:nth-child(2) {
  margin-bottom: 30px;
  padding: 0px 15px;
}
#popup19 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 92%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
}
#popup19 .exit {
  color: #fff;
  height: 40px;
  width: 100%;
  background-color: #46B9E6 ;
}
/* ============================ */
#popup26 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup26 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: left;
    background: #fff;
    border-radius: 10px;
    overflow: auto;
    padding: 0px 15px 15px;
}
#popup26 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
#popup26 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup26 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup26 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup26 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup26 .exit {
  height: 40px;
  width: 100%;
}
/* ============================ */
#popup25 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup25 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: left;
    background: #fff;
    border-radius: 10px;
    overflow: auto;
    padding: 0px 15px 15px;
}
#popup25 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
#popup25 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup25 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup25 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup25 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup25 .exit {
  height: 40px;
  width: 100%;
}


/* ============== 튜토리얼 popup20 */
#popup20 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup20 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 400px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup20 #popmenu .mySwiper{
  border-radius: 10px;
}
#popup20 #popmenu .mySwiper >div >div{
  text-align: center;
}
#popup20 #popmenu .mySwiper >div >div img{
  width: 100%;
}
#popup20 .exit {
  color: #fff;
  height: 40px;
  width: 100%;
  background-color: #46B9E6 ;
}


/*popup11*/
#popup11 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup11 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 220px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup11 #popmenu >p:first-child {
    margin-top: 20px;
    margin-bottom: 20px !important;
    text-align: center;
    font-size: 20px;
    color: #000;
    padding-top: 10%;
}
#popup11 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.pop_btn{
  width: 100%;
  height: 50%;
  position: relative;
}
#popup11 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 90%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup11 .exit {
  height: 40px;
  width: 100%;
  /* background-color: #222; */
}


/*popup14*/
#popup14 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup14 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 220px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup14 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    /* margin-bottom: 20px !important; */
    text-align: center;
    font-size: 20px;
    color: #000;
}
#popup14 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup14 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.pop_btn{
  width: 100%;
  height: 50%;
  position: relative;
}
#popup14 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 90%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup14 .exit {
  height: 40px;
  width: 100%;
  /* background-color: #222; */
}

/*popup60*/
#popup60 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup60 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    /* height: 177px; */
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
#popup60 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    /* margin-bottom: 20px !important; */
    text-align: center;
    font-size: 20px;
    color: #000;
}
#popup60 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup60 #popmenu .pop_btn button{
  cursor: pointer;
  text-align: center;
  width: 90%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
  background-color: #fff !important;
  color: #46B9E6!important;
}
#popup60 .exit {
  height: 40px;
  width: 100%;
  /* background-color: #222; */
}

/*popup61*/
#popup61 {
    display: none;
    width: 0px;
    height:100%;
    position: absolute;
    top: 0px;
    left:50%;
    z-index: 999;
}
#popup61 .wrap {
  position:relative;
  width: 100vw;
  height:100%;
}
#popup61 .wrap .button{
  position: absolute;
  left:-50vw;
  bottom:20px;
  width: 100%;
}
#popup61 .wrap .button button{
  background: #46B9E6;
  color: #fff;
  font-size: 18px;
  width: calc(100% - 40px);
  height: 50px;
  border-radius: 5px;
  margin:0 20px;
}

/*popup21*/
#popup21 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup21 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 180px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup21 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 20px;
    color: #000;
}
#popup21 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup21 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup21 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup21 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup21 .exit {
  height: 40px;
  width: 100%;
}

/*popup22*/
#popup22 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup22 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup22 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
#popup22 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup22 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup22 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup22 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup22 .exit {
  height: 40px;
  width: 100%;
}

/*popup23*/
#popup23 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup23 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
#popup23 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
#popup23 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup23 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup23 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup23 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup23 .exit {
  height: 40px;
  width: 100%;
}

/*popup24*/
#popup24 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup24 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 200px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
#popup24 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
#popup24 #popmenu >p:first-child{
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
#popup24 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup24 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup24 .blue_btn2{
  margin-top: 30px;
}
#popup24 .save_menu1{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#popup24 .save_menu1 a >div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px;
  padding: 0px 3px 5px;
}
#popup24 .save_menu1 p{
  font-size: 13px;
}
#popup24 .save_menu1 img{
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 3px;
}
#popup24 .save_menu1 >p{
  margin-left: 5px;
  margin-right: 5px;
}
#popup24 .custom_btn_buy{
  height: 2.5rem;
  width: 3rem;
  text-align: center;
  background-color: #8C8C8C;
  color: #fff;
  font-size: 13px;
  line-height: 12px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-left: 5px;
}

/*popup25*/
#popup25 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup25 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup25 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: left;
    font-size: 14px;
    color: #000;
}
#popup25 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup25 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup25 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup25 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup25 .exit {
  height: 40px;
  width: 100%;
}

/*popup26*/
#popup26 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
}
#popup26 #popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 340px;
    height: 90%;
    text-align: center;
    background: #fff;
    border-radius: 10px;
}
#popup26 #popmenu >p:nth-child(2) {
    margin-top: 14px;
    text-align: left;
    font-size: 14px;
    color: #000;
}
#popup26 #popmenu >p:first-child{
  padding-top: 8%;
  font-size: 15px;
}
#popup26 #popmenu .pop_button{
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#popup26 #popmenu .pop_btn{
  width: 100%;
  height: 60%;
  position: relative;
}
#popup26 #popmenu .pop_button button{
  cursor: pointer;
  text-align: center;
  width: 86%;
  height: 50px;
  border-radius: 5px;
  font-size: 17px;
  margin-top: 15px;
  margin: 15px 10px;
}
#popup26 .exit {
  height: 40px;
  width: 100%;
}


/*/////////////////////sequen_group2//////////////////*/
#sequen_group2 .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sequen_group2 .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_group2 .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_group2 .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_group2 .sell_info >a >div{
  display: flex;justify-content: flex-end;align-items: center;
}
#sequen_group2 .sell_info >a >div >p:last-child{
  text-align: right;
}
#sequen_group2 .sequ_cont >a >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_group2 .sequ_cont >a >div >div{
  display: flex;justify-content: flex-start;align-items: center;
  padding: 12px 20px;
}
#sequen_group2 .sequ_cont >a >div >div >div:first-child{
  margin-right: 10px;
  background-color: #8C8C8C;
  color: #fff;
  padding: 2px 8px;
  border-radius: 50px;
}
#sequen_group2 .sequ_cont >a >div >div >div:last-child p:last-child{
  color: #B0B0B0;
  font-size: 13px;
}
#sequen_group2 .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#sequen_group2 .plus_btn a{
  display: block;
}
#sequen_group2 .plus_btn img{
  width:42px;
  height: 42px;
}


/*/////////////////////sequen_group//////////////////*/
#sequen_group{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_group .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_group .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_group .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_group .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#sequen_group .index_btn a{
  display: block;
}
#sequen_group .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#sequen_group .index_btn p{
  margin-bottom: 0;
}
#sequen_group .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#sequen_group .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#sequen_group .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#sequen_group .search_tab div{
  width: 24%;
}
#sequen_group .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#sequen_group .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_group .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_group .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#sequen_group .total span{
  color:#FF81BE ;
}
#sequen_group .sequ_cont{
  padding: 0px 20px;
}
#sequen_group .sequ_cont >div >a{
  display: flex;justify-content: flex-start;align-items: center;
  margin-bottom: 10px;
}
#sequen_group .sequ_cont >div >a >img{
  width: 10rem;
}
#sequen_group .sequ_cont >div >a >div{
  padding-left: 10px;
  display: flex;justify-content: space-between;align-items: center;
  width: 100%;
}
#sequen_group .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#sequen_group .plus_btn a{
  display: block;
}
#sequen_group .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}


/*/////////////////////sequen_videofold_edit//////////////////*/
#sequen_videofold_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_videofold_edit .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_videofold_edit .index_tit img{
  width: 25px;
}
#sequen_videofold_edit .index_tit a{
  display: block;
}
#sequen_videofold_edit .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_videofold_edit .index_tit div:last-child{
  justify-content: flex-end;
}
#sequen_videofold_edit .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#sequen_videofold_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_videofold_edit .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_videofold_edit .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_videofold_edit .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_videofold_edit .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#sequen_videofold_edit .index_btn a{
  display: block;
}
#sequen_videofold_edit .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#sequen_videofold_edit .index_btn p{
  margin-bottom: 0;
}
#sequen_videofold_edit .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#sequen_videofold_edit .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#sequen_videofold_edit .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#sequen_videofold_edit .search_tab div{
  width: 24%;
}
#sequen_videofold_edit .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#sequen_videofold_edit .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_videofold_edit .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_videofold_edit .sell_info >div >p:first-child{
  margin-right: 15px;
}
#sequen_videofold_edit .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#sequen_videofold_edit .total span{
  color:#FF81BE ;
}
#sequen_videofold_edit .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#sequen_videofold_edit .plus_btn a{
  display: block;
}
#sequen_videofold_edit .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}
#sequen_videofold_edit .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#sequen_videofold_edit .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#sequen_videofold_edit .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#sequen_videofold_edit .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#sequen_videofold_edit .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#sequen_videofold_edit .all_agree_box{
  padding: 0px 20px;
}
#sequen_videofold_edit .all_agree_box label{
  font-size:18px !important;
}
#sequen_videofold_edit .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#sequen_videofold_edit .agree_list p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}
#sequen_videofold_edit .agree_list li{
  margin-bottom:15px;
}
#sequen_videofold_edit .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#sequen_videofold_edit .contents{
  position: relative;
}
#sequen_videofold_edit .contents >img{
  width: 10rem;
}
#sequen_videofold_edit .contents >div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
#sequen_videofold_edit .contents >div >img{
  width: 2.5rem;
  height: 2.5rem;
}
#sequen_videofold_edit .time{
  color: #fff;
  font-size: 9px !important;
  position: absolute;
  left: 30%;
  bottom: 2%;
}
#sequen_videofold_edit .edit_btn{
  display: flex;
  padding: 25px 10px;
  position: fixed;
  width: 100%;
  bottom: 0;
}
#sequen_videofold_edit .edit_btn a{
  display: block;
}
#sequen_videofold_edit .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}


/*/////////////////////sequen_myvideo//////////////////*/
#sequen_myvideo .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_myvideo .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_myvideo .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_myvideo input,#sequen_myvideo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#sequen_myvideo .album_img >label{
  text-align: center;
}
#sequen_myvideo .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#sequen_myvideo .prof_img{
  width: 100%;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}


#sequen_myvideo .prof_img img:first-child{
  width: 70px;
  height: 70px;
  background:#F4F4F4;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  margin-bottom:30px;
  padding: 25px;
}

#sequen_myvideo input,#sequen_myvideo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#sequen_myvideo .input_box{
  /* padding-top: 20px; */
}
#sequen_myvideo .input_box label{
  margin-bottom: 0;
  font-weight: normal !important;
}
#sequen_myvideo .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#sequen_myvideo .input_box li:last-child{
  margin-bottom: 0;
}
#sequen_myvideo .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#sequen_myvideo .search_bar{
  height: 45px;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
}
#sequen_myvideo .search_bar >p{
  margin-left: 5%;
}
#sequen_myvideo .search_bar >p >a{
  display: block;
}
#sequen_myvideo .search_bar .search_bnt{
  width: 100%;
  height: 35px;
}
#sequen_myvideo .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  outline: none;
  float: left;
  width: 80%;
  height: 35px;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#sequen_myvideo .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  outline: none;
  float: left;
  border-right: 1px solid #F2F2F2;
  border-radius: 0px !important;
}
#sequen_myvideo .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#sequen_myvideo .edit_btn{
  display: flex;
  padding: 25px 10px;
  width: 100%;
}
#sequen_myvideo .edit_btn a{
  display: block;
}
#sequen_myvideo .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}


/*/////////////////////sequen_myvideo//////////////////*/
#sequen_upload{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_upload .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_upload .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_upload .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_upload input,#sequen_myvideo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#sequen_upload .album_img{
  padding-top: 15px;
}
#sequen_upload .album_img >label{
  text-align: center;
}
#sequen_upload .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#sequen_upload .prof_img{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#sequen_upload .prof_img img:first-child{
  width: 70px;
  height: 70px;
  background:#F4F4F4;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  margin-bottom:30px;
  padding: 25px;
}
#sequen_upload input,#sequen_myvideo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#sequen_upload .input_box{
  padding-top: 20px;
}
#sequen_upload .input_box label{
  margin-bottom: 0;
  font-weight: normal !important;
}
#sequen_upload .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#sequen_upload .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#sequen_upload .search_bar{
  height: 45px;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
  margin-top: 10px;
}
#sequen_upload .search_bar >p{
  margin-left: 5%;
}
#sequen_upload .search_bar >p >a{
  display: block;
}
#sequen_upload .search_bar .search_bnt{
  width: 100%;
  height: 35px;
}
#sequen_upload .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  outline: none;
  float: left;
  width: 80%;
  height: 35px;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#sequen_upload .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  outline: none;
  float: left;
  border-right: 1px solid #F2F2F2;
  border-radius: 0px !important;
}
#sequen_upload .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#sequen_upload .edit_btn{
  display: flex;
  padding: 25px 10px;
  width: 100%;
}
#sequen_upload .edit_btn a{
  display: block;
}
#sequen_upload .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}


/*/////////////////////video//////////////////*/
#video{
  position: relative;
  width: 100%;
  padding-bottom: 15vh;
}
#video .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video .index_tit img{
  width: 25px;
}
#video .index_tit a{
  display: block;
}
#video .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#video .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#video .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video .index_btn a{
  display: block;
  font-size: 15px;
  white-space:nowrap;
}
#video .index_btn button{
  padding: 8px 8%;
  font-size: 16px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 46%;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
	height: 38px;
}
#video .index_btn p{
  margin-bottom: 0;
}
#video .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video .search_tab div{
  width: 24%;
}
#video .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
  /* font-size: 1px; */
}
#video .sell_info >div >p:first-child{
  margin-left: 15px;
}
#video .sell_info >div >p:last-child{
	margin-left: 15px;
}
#video .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video .total span{
  color: #FF81BE !important;
}
/* #video .sequ_cont{
  padding: 0px 20px;
}
#video .sequ_cont >div >a{
  display: flex;justify-content: flex-start;align-items: center;
  margin-bottom: 15px;
}
#video .sequ_cont >div >a >img{
  width: 101px!important;
  height: 64px;
}
#video .sequ_cont >div >a >div{
  padding-left: 10px;
  display: flex;justify-content: space-between;align-items: center;
}
#video .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 12%;
  right: 5%;
}
#video .plus_btn a{
  display: block;
}
#video .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
} */

/*  */
#video .sequ_cont{
	padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 80px;
  position: relative !important;
}
#video .sequ_cont >div:first-child{
	display: flex;
  justify-content: space-between;
  align-items: center;
}
#video .sequ_cont >div >a{
	display: flex;
  justify-content: flex-start;
  align-items: center;
  /* margin-bottom: 15px; */
}
#video .sequ_cont >div >a p{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video .sequ_cont >div >a p:last-child{
  font-size: 13px !important;
}
#video .sequ_cont >div >a >img{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#video .sequ_cont >div >a >div{
	padding-left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  /* width: 100%;*/
}
#video .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#video .plus_btn a{
  display: block;
}
#video .plus_btn img{
  width: 42px;
}
#video .dots{
}
#video .dots div{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: 3px 0px;
}

/*/////////////////////video//////////////////*/
#video_bodymentor{
  position: relative;
  width: 100%;
  padding-bottom: 20vh;
}
#video_bodymentor .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_bodymentor .index_tit img{
  width: 24px;
}
#video_bodymentor .index_tit a{
  display: block;
}
#video_bodymentor .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#video_bodymentor .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#video_bodymentor .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video_bodymentor .index_btn a{
  display: block;
  font-size: 15px;
  white-space: nowrap;
}
#video_bodymentor .index_btn button{
  padding: 8px 8%;
    font-size: 16px;
    background: #F7F7F7;
    border-radius: 50px;
    color: #8a8a8a;
    width: 46%;
    box-shadow: 0px 2px 4px rgb(54 54 54 / 12%)!important;
}
#video_bodymentor .index_btn p{
  margin-bottom: 0;
}
#video_bodymentor .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video_bodymentor .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video_bodymentor .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video_bodymentor .search_tab div{
  width: 24%;
}
#video_bodymentor .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video_bodymentor .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video_bodymentor .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#video_bodymentor .sell_info >div >p:first-child{
  margin-right: 15px;
}
#video_bodymentor .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video_bodymentor .total span{
  color:#FF81BE ;
}
#video_bodymentor .sequ_cont{
  padding: 0px 20px;
}
#video_bodymentor .sequ_cont >div >a{
  display: flex;justify-content: flex-start;align-items: center;
  margin-bottom: 10px;
}
#video_bodymentor .sequ_cont >div >a >img{
  width: 120px;
  height: 80px;
}
#video_bodymentor .sequ_cont >div >a >div{
  padding-left: 10px;
  display: flex;justify-content: space-between;align-items: center;
  /* width: 100%; */
  font-size: 15px;
}
#video_bodymentor .sequ_cont >div >a >div >p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video_bodymentor .sequ_cont >div >a >div >p:last-child{
  font-size: 13px;
}
#video_bodymentor .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#video_bodymentor .plus_btn a{
  display: block;
}
#video_bodymentor .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}
#video_bodymentor .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  padding-top: 15px;
}
#video_bodymentor .poplu >div:first-child{
  margin-left: 20px;
}
#video_bodymentor .poplu >div{
  display: block;
  padding-right: 10px;
  /* width: 100%; *//**/
}
#video_bodymentor .poplu >div a{
  display: block;
  /* position: relative; */
  /* width: 170px;
  height: 230px; */
  width: 100%;
  height: 30px;
}
#video_bodymentor .poplu >div a p{
  background-color: #fff;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 30px;
  /* padding: 5px 10px; */
  width: 7.5rem;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  color: rgba(34, 34, 34, 0.6);
}
#video_bodymentor .member_btn {
  /* width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; */
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: 9vh;
  padding: 0px 15%;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  /* right: 10%; */
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#video_bodymentor .member_btn >div{
  height: 45px;
}
#video_bodymentor .member_btn a{
  font-size: 15px;
}


/*/////////////////////video_videofold_edit//////////////////*/
#video_videofold_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_videofold_edit .index_tit{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#video_videofold_edit .index_tit img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_videofold_edit .index_tit a{
  display: block;
}
#video_videofold_edit .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#video_videofold_edit .index_tit div:last-child{
  justify-content: flex-end;
}
#video_videofold_edit .index_tit >p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video_videofold_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_videofold_edit .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_videofold_edit .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_videofold_edit .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#video_videofold_edit .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video_videofold_edit .index_btn a{
  display: block;
}
#video_videofold_edit .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#video_videofold_edit .index_btn p{
  margin-bottom: 0;
}
#video_videofold_edit .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video_videofold_edit .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video_videofold_edit .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video_videofold_edit .search_tab div{
  width: 24%;
}
#video_videofold_edit .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video_videofold_edit .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video_videofold_edit .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#video_videofold_edit .sell_info >div >p:first-child{
  margin-left: 15px;
}
#video_videofold_edit .sell_info >div >p:nth-child(2){
  margin-left: 15px;
}
#video_videofold_edit .sell_info >div >p:last-child{
	margin-left: 15px;
}
#video_videofold_edit .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video_videofold_edit .total span{
  color:#FF81BE ;
}
#video_videofold_edit .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#video_videofold_edit .plus_btn a{
  display: block;
}
#video_videofold_edit .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}
#video_videofold_edit .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#video_videofold_edit .check input[type="checkbox"] + label {
  display:flex;justify-content:flex-start;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-bottom: 10px;
}
#video_videofold_edit .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#video_videofold_edit .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#video_videofold_edit .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#video_videofold_edit .all_agree_box{
  padding: 0px 20px;
}
#video_videofold_edit .all_agree_box label{
  font-size:18px !important;
}
#video_videofold_edit .agree_list{
  padding-right: 20px;
}
#video_videofold_edit .agree_list p{
	margin-bottom: 0;
  font-size: 15px !important;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video_videofold_edit .agree_list p:nth-child(2){
  font-size: 13px !important;
}
#video_videofold_edit .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#video_videofold_edit .contents{
  position: relative;
}
#video_videofold_edit .contents >img{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#video_videofold_edit .contents >div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 6px;
}
#video_videofold_edit .contents >div >div{
  padding-right: 10px;
}
#video_videofold_edit .contents >div >img{
  width: 2.5rem;
  height: 2.5rem;
}
#video_videofold_edit .time{
  color: #fff;
  font-size: 9px !important;
  position: absolute;
  left: 30%;
  bottom: 2%;
}
#video_videofold_edit .edit_btn{
  padding: 10px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
}
#video_videofold_edit .edit_btn a{
  display: block;
}
#video_videofold_edit .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}


/*/////////////////////video_videofold_edit_sub2//////////////////*/
#video_videofold_edit_sub2{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_videofold_edit_sub2 .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px;
  text-align: center;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_videofold_edit_sub2 .index_tit img{
  width: 25px;
}
#video_videofold_edit_sub2 .index_tit a{
  display: block;
}
#video_videofold_edit_sub2 .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#video_videofold_edit_sub2 .index_tit div:last-child{
  justify-content: flex-end;
}
#video_videofold_edit_sub2 .index_tit >p{
  margin-bottom: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
#video_videofold_edit_sub2{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_videofold_edit_sub2 .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_videofold_edit_sub2 .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_videofold_edit_sub2 .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#video_videofold_edit_sub2 .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video_videofold_edit_sub2 .index_btn a{
  display: block;
}
#video_videofold_edit_sub2 .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#video_videofold_edit_sub2 .index_btn p{
  margin-bottom: 0;
}
#video_videofold_edit_sub2 .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video_videofold_edit_sub2 .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video_videofold_edit_sub2 .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video_videofold_edit_sub2 .search_tab div{
  width: 24%;
}
#video_videofold_edit_sub2 .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video_videofold_edit_sub2 .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video_videofold_edit_sub2 .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#video_videofold_edit_sub2 .sell_info >div >p:first-child,
#video_videofold_edit_sub2 .sell_info >div >p:nth-child(2){
  margin-right: 15px;
}
#video_videofold_edit_sub2 .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video_videofold_edit_sub2 .total span{
  color:#FF81BE ;
}
#video_videofold_edit_sub2 .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#video_videofold_edit_sub2 .plus_btn a{
  display: block;
}
#video_videofold_edit_sub2 .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}
#video_videofold_edit_sub2 .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#video_videofold_edit_sub2 .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#video_videofold_edit_sub2 .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#video_videofold_edit_sub2 .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#video_videofold_edit_sub2 .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#video_videofold_edit_sub2 .all_agree_box{
  padding: 0px 20px;
}
#video_videofold_edit_sub2 .all_agree_box label{
  font-size:18px !important;
}
#video_videofold_edit_sub2 .agree_list{
  /* margin-top: 20px; */
  padding-right: 20px;
}
#video_videofold_edit_sub2 .agree_list p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}
#video_videofold_edit_sub2 .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#video_videofold_edit_sub2 .contents{
  position: relative;
}
#video_videofold_edit_sub2 .contents >img{
  width: 10rem;
}
#video_videofold_edit_sub2 .contents >div:last-child{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-left: 10px; */
}
#video_videofold_edit_sub2 .contents >div:last-child >img{
  width: 2.5rem;
  height: 2.5rem;
}
/* #video_videofold_edit_sub2 .time{
  color: #fff;
  font-size: 9px !important;
  position: absolute;
  left: 30%;
  bottom: 2%;
} */
#video_videofold_edit_sub2 .edit_btn{
  display: flex;
  padding: 25px 10px;
  position: fixed;
  width: 100%;
  bottom: 0;
}
#video_videofold_edit_sub2 .edit_btn a{
  display: block;
}
#video_videofold_edit_sub2 .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#video_videofold_edit_sub2 .time {
    color: #fff;
    font-size: 9px !important;
    position: absolute;
    right: 5%;
    bottom: 4%;
}
#video_videofold_edit_sub2 .img_cont{
  position: relative;
  margin-right: 10px;
}
#video_videofold_edit_sub2 .img_cont >img {
  width: 120px;
  height: 80px;
  position: relative;
}
#video_videofold_edit_sub2 .time img {
    width: 10px;
    height: 10px;
    margin-left: 2px;
}



/*/////////////////////video_groupfolder//////////////////*/
#video_groupfolder{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_groupfolder .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_groupfolder .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_groupfolder .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#video_groupfolder .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video_groupfolder .index_btn a{
  display: block;
}
#video_groupfolder .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#video_groupfolder .index_btn p{
  margin-bottom: 0;
}
#video_groupfolder .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video_groupfolder .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video_groupfolder .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video_groupfolder .search_tab div{
  width: 24%;
}
#video_groupfolder .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video_groupfolder .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video_groupfolder .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#video_groupfolder .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video_groupfolder .total span{
  color:#FF81BE !important;
}
#video_groupfolder .sequ_cont{
  padding: 0px 20px;
}
#video_groupfolder .sequ_cont >div >a{
  display: flex;justify-content: flex-start;align-items: center;
  margin-bottom: 10px;
}
#video_groupfolder .sequ_cont >div >a >img{
  width: 120px;
  height: 80px;
}
#video_groupfolder .sequ_cont >div >a >div{
  padding-left: 10px;
  display: flex;justify-content: space-between;align-items: center;
  /* width: 100%; */
}
#video_groupfolder .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#video_groupfolder .plus_btn a{
  display: block;
}
#video_groupfolder .plus_btn img{
  width: 2.5rem;
  height: 2.5rem;
}
#video_groupfolder .dots{
  position: absolute;
  right: 5%;
  width: 10px;
  z-index: 99;
}
#video_groupfolder .dots div{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: 3px 0px;
}


/*/////////////////////video_videolist//////////////////*/
#video_videolist{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_videolist .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video_videolist .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_videolist .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  width: 75%;
}
#video_videolist .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video_videolist .index_btn a{
  display: block;
}
#video_videolist .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#video_videolist .index_btn p{
  margin-bottom: 0;
}
#video_videolist .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video_videolist .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video_videolist .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video_videolist .search_tab div{
  width: 24%;
}
#video_videolist .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video_videolist .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video_videolist .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
/* #video_videolist .sell_info >div >p:first-child{
  margin-right: 15px;
} */
#video_videolist .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video_videolist .total span{
  color:#FF81BE ;
}
#video_videolist .sequ_cont{
  padding: 0px 20px;
}
#video_videolist .sequ_cont >div >a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  height: 80px;
}
#video_videolist .sequ_cont >div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position:relative;
}
#video_videolist .img_cont{
  position: relative;
  margin-right: 10px;
}
#video_videolist .img_cont >img:first-child{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#video_videolist .time {
    color: #fff;
    font-size: 9px !important;
    position: absolute;
    right: 4%;
    bottom: 4%;
}
#video_videolist .time img {
    width: 10px;
    height: 10px;
    margin-left: 2px;
}
#video_videolist .sequ_cont >div >a >div{
  display: flex;justify-content: space-between;align-items: center;
  /* width: 100%; */
}
#video_videolist .sequ_cont >div >a >div >div:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video_videolist .sequ_cont >div >a >div >div.dots{
  overflow:initial;
  text-overflow:initial;
  -webkit-line-clamp:initial;
  -webkit-box-orient:initial;
	word-wrap:initial;
  white-space:initial;
}

#video_videolist .sequ_cont .text_box{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height:80px;
}
#video_videolist .sequ_cont >div >a >div >div >p{
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  margin-right: 20px;
}
#video_videolist .sequ_cont >div >a >div >div >p:last-child{
  font-size: 13px !important;
}
/* css 곂쳐서 클래스 지정해서 수정 */
#video_videolist .cus_marginz >div >a >div >div >p{
  margin-right: 0px;
}
#video_videolist .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#video_videolist .plus_btn a{
  display: block;
}
#video_videolist .plus_btn img{
  width: 42px;
  height: 42px;
}
#video_videolist .dots{
  position: absolute;
  right: 0%;
  width: 10px;
  z-index: 99;
}
#video_videolist .dots div{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: 3px 0px;
}
/* #video_videolist .time {
    color: #fff;
    font-size: 9px !important;
    position: absolute;
    left: 24%;
    bottom: 3%;
}
#video_videolist .time img {
    width: 10px;
    margin-left: 2px;
} */
/* ======================= 추가작업 */
#video_videolist .lock {
    /* width: 80px; */
    /* height: 100%; */
    position: relative;
    display: flex;
}
#video_videolist .lock >div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 80px
}
#video_videolist .fillter {
    background-color: rgba(4, 4, 4, 0.5);
    position: absolute;
    z-index: 9;
    width: 120px;
    height: 55px;
}
#video_videolist .lock >div img:first-child {
    /* z-index: 1; */
    position: relative;
}
#video_videolist .accordion-body >div img {
    width: 80px;
}
#video_videolist .lock >div >img:last-child {
    position: absolute;
    z-index: 99;
    /* width: 30% !important; */
    height: 30% !important;
}
}#video_videolist .time{
  font-size: 10px !important;
}
.cus_vse{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cus_vse >div{
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
.cus_vse >div >p{
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
.cus_vse{
  width: 100% !important;
}


/*/////////////////////sequen_video_videolist//////////////////*/
#sequen_video_videolist{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_video_videolist .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sequen_video_videolist .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_video_videolist .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  /* position: absolute; */
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
		word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
    width: 75%;
}
#sequen_video_videolist .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#sequen_video_videolist .index_btn a{
  display: block;
}
#sequen_video_videolist .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#sequen_video_videolist .index_btn p{
  margin-bottom: 0;
}
#sequen_video_videolist .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#sequen_video_videolist .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#sequen_video_videolist .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#sequen_video_videolist .search_tab div{
  width: 24%;
}
#sequen_video_videolist .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#sequen_video_videolist .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_video_videolist .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_video_videolist .sell_info >div >p:first-child{
  margin-right: 15px;
}
#sequen_video_videolist .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#sequen_video_videolist .total span{
  color:#FF81BE;
}
#sequen_video_videolist .sequ_cont{
  padding: 0px 20px;
}
#sequen_video_videolist .sequ_cont >div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 80px;
	position: relative;
}
#sequen_video_videolist .sequ_cont >div >a{
  display:block;
  width:100%;
  height:80px;
}
#sequen_video_videolist .sequ_cont >div >a.cus_list{
  display:flex !important;
}
.flex_box{
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
}
.sub_tit_box{
  width: calc(100% - 120px);
}
#sequen_video_videolist .img_cont{
  position: relative;
}
#sequen_video_videolist .img_cont >img{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#sequen_video_videolist .time {
    color: #fff;
    font-size: 9px !important;
    position: absolute;
    right: 4%;
    bottom: 4%;
}
#sequen_video_videolist .time img {
    width: 10px;
    height: 10px;
    margin-left: 4px;
}
#sequen_video_videolist .sequ_cont .welll{
  padding-left: 10px;
  padding-right: 15px;
  height:80px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
 /*  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;    */
}
#sequen_video_videolist .sequ_cont .welll >p:last-child{
  margin-top: 5px;
  font-size: 13px !important;
}
#sequen_video_videolist .sequ_cont .welll >p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-size: 15px !important;
  line-height: 17px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_video_videolist .sequ_cont >div >a >div{
  width:100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sequen_video_videolist .sequ_cont >div >a >div.cus_list_cont{
  width:120px;
}
#sequen_video_videolist .plus_btn{
  background: #46B9E6;
  box-shadow: 0px 3px 6px #AEAEAE;
  width: 5rem;
  height: 5rem;
  display: flex;justify-content: center;align-items: center;
  border-radius: 50px;
  position: fixed;
  bottom: 15%;
  right: 10%;
}
#sequen_video_videolist .plus_btn a{
  display: block;
}
#sequen_video_videolist .plus_btn img{
  width: 42px;
  height: 42px;
}
#sequen_video_videolist .dots{
  /* position: absolute;
  right: 0; */
  width: 10px;
  z-index: 99;
}
#sequen_video_videolist .dots div{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: 3px 0px;
}
/*  */





/*/////////////////////video_edit//////////////////*/
#video_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_edit .index_tit{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video_edit .index_tit img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_edit .index_tit a{
  display: block;
}
#video_edit .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#video_edit .index_tit div:last-child{
  justify-content: flex-end;
}
#video_edit .index_tit >p{
  margin-bottom: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    width: 75%;
		word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#video_edit .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_edit .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_edit .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#video_edit .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#video_edit .index_btn a{
  display: block;
}
#video_edit .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#video_edit .index_btn p{
  margin-bottom: 0;
}
#video_edit .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
#video_edit .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#video_edit .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
}
#video_edit .search_tab div{
  width: 24%;
}
#video_edit .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#video_edit .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#video_edit .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#video_edit .sell_info >div >p:first-child,
#video_edit .sell_info >div >p:nth-child(2){
  margin-right: 15px;
}
#video_edit .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#video_edit .total span{
  color:#FF81BE ;
}
#video_edit .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#video_edit .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
  margin-bottom: 0px;
}
#video_edit .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#video_edit .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#video_edit .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#video_edit .all_agree_box{
  padding: 0px 20px;
}
#video_edit .all_agree_box label{
  font-size:18px !important;
}
#video_edit .agree_list{
  margin-top: 10px;
  padding-right: 20px;
  width: 100%;
  height: 80px;
}
#video_edit .agree_list p{
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#video_edit .agree_list a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#video_edit .img_cont{
  margin-left: 10px;
  position: relative;
  margin-right: 10px;
}
#video_edit .img_cont >img{
  width: 120px;
  height: 80px;
  min-width: 120px;
  min-height: 80px;
  max-width: 120px;
  max-height: 80px;
}
#video_edit .img_cont2{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#video_edit .img_cont2 img{
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 10px;
}
#video_edit .time{
  color: #fff;
  font-size: 9px !important;
  position: absolute;
  right: 4%;
  bottom: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#video_edit .time img{
  width: 10px;
  height: 10px;
  margin-left: 3px;
}
#video_edit .edit_btn{
  padding: 10px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
}
#video_edit .edit_btn a{
  display: block;
}
#video_edit .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}


/*/////////////////////video_folderadd//////////////////*/
#video_folderadd .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_folderadd .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_folderadd .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#video_folderadd .album_img{
  text-align: center;
  width: 100%;
}
#video_folderadd .album_img >label{
  text-align: center;
}
#video_folderadd .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#video_folderadd .prof_img{
  width: 100%;
  height: 220px;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  margin-top: 20px;
  padding: 10px 10px 30px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#video_folderadd .prof_img img{
  /* max-height:100px; */
  width: 240px !important;
  height: 160px !important;
  max-width: 240px !important;
  max-height: 160px !important;
  min-width: 240px !important;
  min-height: 160px !important;
  object-fit: cover;
}
#video_folderadd .on img{
  /* border: 1px solid red; */
  width: 240px !important;
  height: 160px !important;
  max-width: 240px !important;
  max-height: 160px !important;
  min-width: 240px !important;
  min-height: 160px !important;
  object-fit: cover !important;
}
#video_folderadd .album_txt{
  position: absolute;
  bottom: 6%;
  padding-top: 10px;
}
#video_folderadd input,#video_folderadd  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#video_folderadd .input_box{
  padding-top: 20px;
}
#video_folderadd .input_box label{
  margin-bottom: 0;
  width: 100%;
  font-weight: normal !important;
}
#video_folderadd .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#video_folderadd .search_bar{
  height: 45px;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
  margin-top: 10px;
}
#video_folderadd .search_bar >p{
  margin-left: 5%;
}
#video_folderadd .search_bar >p >a{
  display: block;
}
#video_folderadd .search_bar .search_bnt{
  width: 100%;
  height: 35px;
}
#video_folderadd .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  outline: none;
  float: left;
  width: 80%;
  height: 35px;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#video_folderadd .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  outline: none;
  float: left;
  border-right: 1px solid #F2F2F2;
  border-radius: 0px !important;
}
#video_folderadd .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#video_folderadd .edit_btn{
  display: flex;
  padding: 25px 10px;
  width: 100%;
  /* position: fixed; */
  /* bottom:0; */
}
#video_folderadd .edit_btn a{
  display: block;
}
#video_folderadd .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
/*  */
#video_folderadd .search_select2{
  padding: 20px;
  text-align: right;
}
#video_folderadd .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
/*  */
#video_folderadd input,#video_folderadd  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#video_folderadd .input_box label{
  margin-bottom: 0;
}
#video_folderadd .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#video_folderadd .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}


/*/////////////////////video_group_folderadd//////////////////*/
#video_group_folderadd .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#video_group_folderadd .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#video_group_folderadd .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#video_group_folderadd .album_img{
  text-align: center;
  width: 100%;
}
#video_group_folderadd .album_img >label{
  text-align: center;
}
#video_group_folderadd .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#video_group_folderadd .prof_img{
  width: 100%;
  height: 220px;
  border: 1px solid #EAEAEA;
  border-radius: 15px;
  margin-top: 20px;
  padding: 10px 10px 30px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#video_group_folderadd .prof_img img{
  width: 240px !important;
  height: 160px !important;
  max-width: 240px !important;
  max-height: 160px !important;
  min-width: 240px !important;
  min-height: 160px !important;
  object-fit: cover;
}
#video_group_folderadd .album_txt{
  position: absolute;
  bottom: 6%;
  padding-top: 10px;
}
#video_group_folderadd input,#video_group_folderadd  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#video_group_folderadd .input_box{
  padding-top: 20px;
}
#video_group_folderadd .input_box label{
  margin-bottom: 0;
  width: 100%;
  font-weight: normal !important;
}
#video_group_folderadd .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#video_group_folderadd .search_bar{
  height: 45px;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
  margin-top: 10px;
}
#video_group_folderadd .search_bar >p{
  margin-left: 5%;
}
#video_group_folderadd .search_bar >p >a{
  display: block;
}
#video_group_folderadd .search_bar .search_bnt{
  width: 100%;
  height: 35px;
}
#video_group_folderadd .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  outline: none;
  float: left;
  width: 80%;
  height: 35px;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#video_group_folderadd .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  outline: none;
  float: left;
  border-right: 1px solid #F2F2F2;
  border-radius: 0px !important;
}
#video_group_folderadd .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#video_group_folderadd .edit_btn{
  display: flex;
  padding: 25px 10px;
  width: 100%;
  /* position: fixed; */
  bottom:0;
}
#video_group_folderadd .edit_btn a{
  display: block;
}
#video_group_folderadd .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
/*  */
#video_group_folderadd .search_select2{
  padding: 20px;
  text-align: right;
}
#video_group_folderadd .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
/*  */
#video_group_folderadd input,#video_group_folderadd  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#video_group_folderadd .input_box label{
  margin-bottom: 0;
}
#video_group_folderadd .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#video_group_folderadd .input_box li:last-child{
  margin-bottom: 0px;
  padding-bottom: 15px;
}
#video_group_folderadd .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}


/*/////////////////////video_detail//////////////////*/
#video_detail{
  position: relative;
  width: 100%;
  /* padding-bottom: 10vh; */
}
#video_detail .title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  position: absolute;
  z-index: 999;
}
#video_detail .title img {
  position: none;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 0;
}
#video_detail .dots{
}
#video_detail .dots div{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  margin: 3px 0px;
}
#video_detail .video_img{
  width: 100%;
  position: relative;
}
#video_detail .video_img >img{
  width: 100%;
  height: 22rem;
}
#video_detail .v_bnt img{
  width: 35px;
  height: 35px;
}
#video_detail .v_bnt{
  position: absolute;
  top: calc((100% - 35px)/ 2);
  left: calc((100% - 35px)/ 2);
}
#video_detail .tit{
  padding: 20px 20px 10px;
  font-size: 18px;
  color: #000;
}
#video_detail .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
#video_detail .cust_linkbtn{
  padding: 10px 20px;
  text-align: left !important;
}
#video_detail .cust_linkbtn button{
  border: 1px solid #ddd;
  border-radius: 50px;
  padding: 2px 6px;
}
#video_detail .poplu >div:first-child{
  margin-left: 20px;
}
#video_detail .poplu >div{
  display: block;
  padding-right: 10px;
}
#video_detail .poplu >div a{
  display: block;
  position: relative;
  width: 101px;
  height: 64px;
}
#video_detail .poplu >div >a >img:first-child{
  width: 101px;
  height: 64px;
}
#video_detail .poplu2{
  padding: 10px 20px;
}
#index .poplu2 >div{
  display: flex;
}
#index .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  width: 100%;
}
#video_detail .poplu2_pic{
  position: relative;
  width: 65%;
  margin-right: 10px;
  margin-bottom: 20px;
}
#video_detail .poplu2_pic >img:first-child{
  width: 100%;
}
#video_detail .poplu2_pic >img:last-child{
  position: absolute;
  top: 5%;
  right: 3%;
  width: 13px;
}
#video_detail .poplu2_cont{
  width: 100%;
}
#video_detail .poplu2_cont img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#video_detail .poplu2_cont >div p{
  margin-bottom: 5px;
}
#video_detail .poplu2_cont >div:last-child{
  width: 100%;
}
#video_detail .poplu2_cont >div:last-child{
  display: flex;justify-content: space-between;align-items: flex-end;
}
#video_detail .poplu2_cont >div:last-child >div:first-child{
  display: flex;justify-content: flex-start;align-items: center;
}
#video_detail .poplu2_cont >div >div >p{
  margin-bottom: 0;
}
#video_detail .title_sub{
  font-size: 18px!important;
  padding: 10px 20px;
}
#video_detail .v_info{
  background: #F9F9F9;
  border-radius: 5px;
  padding: 15px;
  margin: 0px 20px 20px;
}
#video_detail .v_info p:first-child{
  margin-bottom: 6px;
}
#video_detail .v_cont{
  padding: 10px 20px;
  box-sizing: inherit !important;
}
#video_detail .v_cont p{
  margin-bottom: 6px;
  font-size: 14px !important;

}
#video_detail .v_cont b{
  font-size: 15px !important;
}
#video_detail .v_cont p:first-child{
  color: #222;
}
#video_detail .v_cont p:last-child{
  color: #000;
}
/*  */

a.go-to-top{
  position:absolute;
  bottom: 12%;
  right: 5%;
  z-index:99;

  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50px;

  line-height:40px;
  text-align:center;
  text-decoration:none;

  font-size: 14px;

  background: #46B9E6 ;
  /* opacity: 0.7; */
  color:#fff;
}








/*/////////////////////message//////////////////*/
#message{
  padding-bottom: 20vh;
}
#message .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#message .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#message .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#message .search_bar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
#message .search_bar >p{
  color: rgba(0, 0, 0, 0.6);
}
#message .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
}
#message .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 70%;
  color: #000;
  border: 0px;
  background-color: inherit;
}
#message .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#message .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#message .tit{
  padding: 5px 20px 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
#message .fliter{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
#message .fliter select{
  font-size: 15px !important;
  text-align: center;
  color: #333;
  /* width: 80px; */
  padding-right: 5px;
  border: none;
  border:0; //기본 스타일 제거
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
   box-sizing: border-box;//select 박스의 크기 방식 지정.
   background: none !important;
   background-size: 0px !important;
}
#message .fliter img{
  width: 16px;
  height: 16px;
  margin-top: 3px;
}
#message .m_cont{
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  justify-content: space-between;align-items: flex-start;
}
#message .m_cont a{
  display: block;
  width: 100%;
  display: flex;
  justify-content: space-between;align-items: flex-start;
}
#message .m_cont a >img{
  width: 6rem;
  height: 6rem;
  border-radius: 50px;
  margin-right: 10px;
}
#message .m_cont a >div{
  width: calc(100% - 6.5rem - 10px);
}
#message .m_cont a >div >p:nth-child(2){
  color:#B0B0B0;
  margin-bottom: 3px;
}
#message .m_cont a >div >p:nth-child(3){
  color: rgba(34, 34, 34, 0.6);
  font-size: 13px;
}
#message .m_cont a >div >div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
#message .m_cont a >div >div img{
  width: 1.6rem;
  height: 1.6rem;
}
#message .m_user{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#message .m_user p{
  font-size: 16px;
  margin-right: 5px;
}
#message .m_user img{
  width: 3rem;
  height: 3rem;
}


/*/////////////////////message_detail//////////////////*/
#message_detail{
  position: relative;
  width: 100%;
  height: 100vh;
  padding-bottom: 10vh;
  padding-top: 8vh;
  background-color: #F5F7FB;
}
#message_detail .index_tit{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: fixed;
  top:0;
}
#message_detail .index_tit img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#message_detail .index_tit a{
  display: block;
}
#message_detail .index_tit .dots{
	position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  right: 5%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#message_detail .index_tit >p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  width: 75%;
}
#message_detail .dots >div >div{
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
  margin: 4px 0px;
}
#message_detail .mvinfo a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* width: 100%; */
  margin: 20px 10px;
  padding: 5px;
  border-radius: 10px;
  background-color: #fff;
  height: 100px;
}
#message_detail .mvinfo a >div{
  padding-top: 6px;
  padding-right: 10px;
  width: 100%;
}
#message_detail .mvinfo a >div >p:first-child{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
}
#message_detail .mvinfo a >div p:last-child{
  text-align: right;
}
#message_detail .mvinfo a >div p:last-child span:first-child{
  margin-right: 8px;
}
#message_detail .mvinfo a >img{
  border-radius: 10px 0px 0px 10px;
  /* width: 9rem; */
  height: 90px;
  margin-right: 10px;
}
#message_detail .mvinfo_cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
#message_detail .mvinfo_cont >p{
  text-decoration: line-through;
}
#message_detail .mvinfo_cont p{
  font-size: 11px;
}
#message_detail .mvinfo_cont img{
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
  margin-right: 5px;
}
#message_detail .mvinfo_cont >div{
  display: flex;
}
#message_detail .chatting{
  padding: 10px 10px;
	background:#f5f7fb;
}
#message_detail .chat_cont{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#message_detail .chat_cont img{
  width: 4rem;
  height: 4rem;
  border-radius: 50px;
  margin-right: 10px;
}
#message_detail .chat_b{
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 15px;
}
#message_detail .chat_b >div{
  background-color: #fff;
  padding: 10px 20px 10px 20px;
  border-radius: 0px 20px 20px 20px;
  margin-right: 10px;
}
#message_detail .chat_c{
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
	margin-bottom: 8px;
}
#message_detail .chat_c >p{
	margin-right: 3px;
}
#message_detail .chat_c >div{
  padding: 10px 20px 10px 20px;
  background: linear-gradient(0deg, #46B9E6, #46B9E6), #46B9E6;
  border-radius: 20px 0px 20px 20px;
  /* margin-right: 10px; */
  color: #fff;
}

#message_detail .search_bar{
  height: 56px;
  padding: 20px 0px;
  box-shadow: 0px -1px 3px rgba(166, 166, 166, 0.25);
  line-height: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
}
#message_detail .search_bar >img{
  width: 25px;
  position: absolute;
  left: 0;
  margin-left: 20px;
}
#message_detail .search_bar >p{
  margin-left: 5%;
}
#message_detail .search_bar >p >a{
  display: block;
}
#message_detail .search_bar .search_bnt{
  width: 95%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  /* margin-right: 20px; */
}
#message_detail .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 80%;
  color: #000;
  background-color: inherit;
  border: none;
}
#message_detail .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F9F9F9;
  outline: none;
  float: right;
  border-radius: 50px;
}
#message_detail .search_bar .search_bnt >button >img{
  width: 3rem;
  height: 3rem;
}


/*/////////////////////mypage_customer//////////////////*/
#mypage_customer .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer .custom_cont{
  padding: 10px 20px;
}
#mypage_customer .custom_cont a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#mypage_customer .custom_cont a img{
  width: 3.5rem;
  height: 3.5rem;
}
#mypage_customer .custom_cont a p{
  font-size: 18px;
}


/*/////////////////////mypage_customer_notice//////////////////*/
#mypage_customer_notice .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_notice .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_notice .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer_notice .notify >div{
  border-bottom: 1px solid #EBEBEB;
}
#mypage_customer_notice .notify >div a{
  display: block;
}
#mypage_customer_notice .time,.date{
  font-size:14px;
  color: #B0B0B0;
  line-height: 2.4;
  font-weight: normal;
}
#mypage_customer_notice .notify_list {
  margin: 0px 20px;
  padding: 10px 0px;
	width: 100%;
	height: 76px;
}
#mypage_customer_notice .notify_list hr{
  border:1px solid #f2f2f2;
  margin-top:2px;
}
#mypage_customer_notice .notify_list a{
	color: #333;
}
#mypage_customer_notice .notify_list a p:first-child{
  font-size: 16px;
}
#mypage_customer_notice .notify_list a p:last-child{
  font-size: 14px;
}


/*/////////////////////mypage_customer_notice_detail//////////////////*/
#mypage_customer_notice_detail .title{
	width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mypage_customer_notice_detail .title img{
	position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_notice_detail .title p{
	margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  word-wrap: break-word;
}
#mypage_customer_notice_detail .notify >div{
  border-bottom: 1px solid #EBEBEB;
}
#mypage_customer_notice_detail .notify >div a{
  display: block;
}
#mypage_customer_notice_detail .notify >div a p:first-child{
	font-size: 16px;
}
#mypage_customer_notice_detail .time,.date{
  font-size:14px;
  color: #B0B0B0;
  line-height: 2.4;
  font-weight: normal;
}
#mypage_customer_notice_detail .notify_list {
 /* margin: 0px 20px; */
 padding: 10px 13px;
 width: 100%;
 height: auto;
}
#mypage_customer_notice_detail .notify_list hr{
  border:1px solid #f2f2f2;
  margin-top:2px;
}
#mypage_customer_notice_detail .notify >p{
  padding: 10px 20px;
}


/*/////////////////////mypage_customer_event//////////////////*/
#mypage_customer_event .title{
	width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mypage_customer_event .title img{
	position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_event .title p{
	margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_customer_event .notify >div a{
  display: block;
}
#mypage_customer_event .time,.date{
  font-size:14px;
  color: #B0B0B0;
  line-height: 2.4;
  font-weight: normal;
}
#mypage_customer_event .notify_list {
  margin: 0px 20px;
  padding: 10px 0px;
}
#mypage_customer_event .notify_list hr{
  border:1px solid #f2f2f2;
  margin-top:2px;
}
#mypage_customer_event .notify_list a p:first-child{
  font-size: 18px;
}
#mypage_customer_event .notify_list a p:last-child{
  font-size: 13px;
}


/*/////////////////////mypage_customer_faq//////////////////*/
#mypage_customer_faq .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_faq .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_faq .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer_faq #myinfo_notice{
  padding: 15px 20px;
}
#mypage_customer_faq select{
  background:url('/app/img/down.png') no-repeat 97% 50%/15px auto;
  background-size: 20px;
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  height: 40px;
  margin-bottom: 10px;
}
#mypage_customer_faq select::-ms-expand{
   display:none;/*for IE10,11*/
}
/* #mypage_customer_faq select::after {
    flex-shrink: 0;
    display: block;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 0px;
    top: 16px;
    content: "";
    background-image: url(/app/img/down.png);
    background-repeat: no-repeat;
    background-size: 2.5rem;
    transition: transform .2s ease-in-out;
} */
#mypage_customer_faq .accordion-item {
    margin-bottom: 0px;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    /* border-radius: 3px; */
}
#mypage_customer_faq .accordion-header{
  margin-top: 0px;
  padding: 0px;
}
#mypage_customer_faq .accordion-button {
    position: relative;
    display: block;
    align-items: center;
    width: 100%;
    padding: 20px 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0px !important;
    border-radius: 3px;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    outline: none;
}
.accordion-button:focus{
  box-shadow: none;
}
#mypage_customer_faq .accordion-button::after {
    flex-shrink: 0;
    display: block;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 0px;
    top: 16px;
    content: "";
    background-image: url("/app/img/down.png");
    background-repeat: no-repeat;
    background-size: 2.5rem;
    transition: transform .2s ease-in-out;
}
#mypage_customer_faq .accordion-button:not(.collapsed)::after {
    background-image: url("/app/img/down.png");
    transform: rotate(180deg);
}
#mypage_customer_faq .accordion-button p{
  font-size: 15px;
  line-height: 20px;
  font-weight: normal !important;
  width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_customer_faq .accordion-button:not(.collapsed) {
    color: none;
    background-color: none;
    box-shadow: none;
}
#mypage_customer_faq .accordion-body {
    padding: 15px 15px 30px;
    font-size: 15px;
    background-color: #F4F4F4;
}
#mypage_customer_faq .collapse {
    display: none;
    visibility: visible;
}



/*/////////////////////mypage_customer_qa//////////////////*/
#mypage_customer_qa{
  padding-bottom: 13vh;
}
#mypage_customer_qa .index_tit{
  display: flex;justify-content: space-between;align-items: center;
  padding: 15px 0px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_qa .index_tit img{
  width: 30px;
}
#mypage_customer_qa .index_tit a{
  display: block;
}
#mypage_customer_qa .index_tit div{
  width: 15%;
}
#mypage_customer_qa .index_tit >p{
  position: absolute;
  margin-bottom: 0;
  font-size: 20px !important;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 18px;
  font-weight: 600;
}
#mypage_customer_qa .btn_cont{
  padding: 0px 20px 20px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
}
#mypage_customer_qa .qa_list{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 15px;
}
#mypage_customer_qa .qa_list:last-child{
  font-size: 13px;
}
#mypage_customer_qa .qa_list >div:first-child >p:first-child{
  margin-bottom: 5px;
  font-size: 18px;
}
#mypage_customer_qa .answer_d{
  background-color: #eee;
  padding: 2px 5px;
  border-radius: 5px;
}
#mypage_customer_qa .answer_c{
  background-color: #FF81BE;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
}


/*/////////////////////mypage_customer_qa_detail//////////////////*/
#mypage_customer_qa_detail{
  padding: 20px;
}
#mypage_customer_qa_detail .qa_detail >div{
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#mypage_customer_qa_detail .qa_detail >div >div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_customer_qa_detail .answer_d{
  background-color: #eee;
  padding: 2px 5px;
  border-radius: 5px;
}
#mypage_customer_qa_detail .answer_c{
  background-color: #FF81BE;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
}


/*/////////////////////mypage_customer_qa_detail2//////////////////*/
#mypage_customer_qa_detail2{
  padding: 20px;
}
#mypage_customer_qa_detail2 .qa_detail >div{
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#mypage_customer_qa_detail2 .qa_detail >div >div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_customer_qa_detail2 .qa_detail >div >div >p{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_customer_qa_detail2 .answer_d{
  background-color: #eee;
  padding: 2px 5px;
  border-radius: 5px;
	width: 80px;
	height: 24px;
	min-width: 80px;
	min-height: 24px;
}
#mypage_customer_qa_detail2 .answer_c{
  background-color: #FF81BE;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
  width: 20%;
  text-align: center;
	width: 80px;
	height: 24px;
	min-width: 80px;
	min-height: 24px;
}
#mypage_customer_qa_detail2 .qa_detail2{
  /* border-top: 1px solid #eee; */
  width: 100%;
  padding: 30px 0px;
}
#mypage_customer_qa_detail2 .qa_detail2 >p{
  padding-top: 15px;
}


/*/////////////////////mypage_customer_qa_w//////////////////*/
#mypage_customer_qa_w{
  padding: 0px 20px 15px;
  width: 100%;
}
#mypage_customer_qa_w .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#mypage_customer_qa_w >p{
  margin-top: 20px;
  margin-bottom: 10px;
}
#mypage_customer_qa_w .goods_cont{
  width: 100%;
  padding: 15px 15px 200px;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  height: 50px;
  box-sizing: border-box;
}
#mypage_customer_qa_w .photo_box .imgs_wrap {
    display: flex !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
		margin: 30px 0px 15px !important;
}
#mypage_customer_qa_w .edit_btn {
    display: flex;
    padding: 25px 0px;
    width: 100%;
}
#mypage_customer_qa_w #goods_info {
    padding: 15px 0px;
    width: 100%;
		margin-left: 0px !important;
}
#mypage_customer_qa_w ul.blahimg li {
    position: relative;
    float: left;
    width: 73px;
    height: 73px;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 20px;
}
#mypage_customer_qa_w .photo_box .imgs_wrap .item a.btn_del {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 19px;
    height: 19px;
    background: url(/app/img/btn_delet2.jpg);
		margin-top: 0px !important;
}
.goods_cont2{
  width: 100%;
  padding: 15px ;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  height: 50px;
  box-sizing: border-box;
}
#mypage_customer_qa_w .input_box{
  padding-left: 0px;
}
#mypage_customer_qa_w .input_box input[type="text"]{
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 0px;
}
#mypage_customer_qa_w .input_box label{
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 10px;
}
#mypage_customer_qa_w .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#mypage_customer_qa_w .input_box select{
  border-radius: 5px !important;
  border: 1px solid #D8D8D8;
  height: 50px;
  box-sizing: border-box;
}
#mypage_customer_qa_w .input_box input, .input_box textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height: 40px;
  font-size:16px;
}
#mypage_customer_qa_w .blue_btn {
    margin-top: 20px;
    height: 50px;
    box-sizing: border-box;
}


/*/////////////////////mypage_customer_tutoti//////////////////*/
#mypage_customer_tutoti .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_tutoti .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_tutoti .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer_tutoti .custom_cont{
  padding: 10px 20px;
}
#mypage_customer_tutoti .custom_cont a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#mypage_customer_tutoti .custom_cont a img{
  width: 3.5rem;
  height: 3.5rem;
}
#mypage_customer_tutoti .custom_cont a p{
  font-size: 18px;
}


/*/////////////////////mypage_customer_terms//////////////////*/
#mypage_customer_terms .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_terms .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_terms .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer_terms .custom_cont{
  padding: 10px 20px;
}
#mypage_customer_terms .custom_cont a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#mypage_customer_terms .custom_cont a img{
  width: 3.5rem;
  height: 3.5rem;
}
#mypage_customer_terms .custom_cont a p{
  font-size: 18px;
}


/*/////////////////////mypage_customer_terms_detail//////////////////*/
#mypage_customer_terms_detail .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_terms_detail .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_terms_detail .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer_terms_detail >p{
  padding: 20px;
}


/*/////////////////////mypage_customer_set//////////////////*/
#mypage_customer_set .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_customer_set .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_customer_set .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_customer_set .more_cont .cont3 p{
  margin-bottom: 0px;
  font-size: 18px;
}
#mypage_customer_set .more_cont .cont3 a{
  /* display: block; */
  color: #000;
  padding: 20px;
  display: flex;justify-content: space-between;align-items: flex-start;
  width: 100%;
  text-decoration: none;
}
#mypage_customer_set .more_cont .cont3 a >div p:last-child{
  margin-top: 8px;
  font-size: 13px;
}
#mypage_customer_set .push_list{
  position: relative;
  display: flex;justify-content: space-between;align-items: center;
  margin: 0px 17px;
  padding: 14px;
  font-size: 16px;
  font-weight: 450;
  letter-spacing: -1.04pt;
  border-bottom: 1px solid #dedede;
}
#mypage_customer_set .push_list p{
  margin-bottom: 0px;
}
#mypage_customer_set .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  vertical-align:middle;
  margin-bottom: 0px;
}
#mypage_customer_set .switch input {
  display:none;}
/* The slider */
#mypage_customer_set .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  /* left: -4px; */
  right: 0;
  bottom: 0;
  background-color: #ddd;
  -webkit-transition: .4s;
  transition: .4s;
}
#mypage_customer_set .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 10%;
  bottom: calc((100% - 22px)/2);
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
#mypage_customer_set input:checked + .slider {
  background-color: #46B9E6;
}
#mypage_customer_set input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
#mypage_customer_set input:checked + .slider:before {
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
  background-color: #fff;
}
/* Rounded sliders */
#mypage_customer_set .slider.round {
  border-radius: 34px;
  height: 30px;
  width: 60px;
}
#mypage_customer_set .slider.round:before {
  border-radius: 50%;
}



/*/////////////////////mypage_save//////////////////*/
#mypage_save .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_save .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_save .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_save .save_tit{
  width: 100%;
  padding: 30px 20px 15px;
}
#mypage_save .save_tit >p:first-child{
  font-size: 20px;
  margin-bottom: 5px;
  color: #727272;
}
#mypage_save .save_tit >p:last-child{
  font-size: 30px;
  font-weight: bold;
}
#mypage_save .save_tit >p span{
  font-size: 20px !important;
}
#mypage_save .save_info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 20px;
  background-color: #46B9E6;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
}
#mypage_save .save_menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  width: 100%;
}
#mypage_save .save_menu1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_save .save_menu1 a >div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px;
}
#mypage_save .save_menu1 p{
  font-size: 14px;
}
#mypage_save .save_menu1 img{
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 3px;
}
#mypage_save .save_menu1 >p{
  margin-left: 5px;
  margin-right: 5px;
}
#mypage_save .save_menu2 a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#mypage_save .save_menu2 img{
  width: 2rem;
  height: 2rem;
  margin-left: 5px;
}
#mypage_save .save_cont{
  padding: 15px 20px;
  width: 100%;
}
#mypage_save .save_cont >div{
  border-bottom: 1px solid #EBEBEB;
  padding: 15px 0px;
}
#mypage_save .save_cont >div >div:first-child{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#mypage_save .save_cont >div >div:first-child p{
  margin-right: 15px;
  color: rgba(34, 34, 34, 0.9);
  font-size: 13px;
}
#mypage_save .save_cont >div >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/*/////////////////////mypage_card//////////////////*/
#mypage_card .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_card .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_card .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_card .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 8px solid #eee;
}
#mypage_card .poplu >div:first-child{
  margin-left: 20px;
}
#mypage_card .poplu >div{
  display: block;
  padding-right: 10px;
}
#mypage_card .poplu >div a{
  display: block;
  position: relative;
  width: 12rem;
}
#mypage_card .poplu >div >a >img:first-child{
  width: 100%;
}
#mypage_card .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#mypage_card .check input[type="checkbox"] + label {
  position: relative;
  padding: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#mypage_card .check input[type="checkbox"] + label p{
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 5px;
}
#mypage_card .check input[type="checkbox"] + label img{
  margin-bottom: 10%;
}
#mypage_card .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  right: 6%;
  top: 18px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: inherit;
  border: 1px solid #ccc;
  border-radius :50%;
}
#mypage_card .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#mypage_card .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/ok.png');
  background-size: 100%;
}
#mypage_card .back{
  background: #B1A99A;
  border-radius: 10px;
  width: 25rem;
  height: 13rem;
  position: relative;
}
#mypage_card .back2{
  background: #0072BB;
  border-radius: 10px;
  width: 25rem;
  height: 13rem;
  position: relative;
}
#mypage_card >p{
  padding: 20px 20px 0px;
  font-size: 20px;
}
#mypage_card .card_cont{
  padding: 15px 20px;
}
#mypage_card .card_cont >p:first-child{
  font-size: 20px;
  margin-bottom: 5px;
}
#mypage_card .card_num{
  margin-top: 20px;
}
#mypage_card .card_num input{
  width: 100%;
  height: 45px;
  outline: none;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  padding: 0px 10px;
}
#mypage_card .card_num >div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_card .card_num >p{
  font-size: 15px;
  margin-bottom: 10px;
}
#mypage_card .card_num >div >input{
  width: 48%;
}
#mypage_card .c_number{
  display: flex;
  justify-content: flex-start!important;
  align-items: center !important;
}
#mypage_card .c_number div{
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 50px;
  margin-right: 10px;
}
#mypage_card .c_number >input{
  width: 25% !important;
  margin-right: 10px;
  margin-top: 0px !important;
}
#mypage_card .c_add{
  margin-top: 40px;
}


/*/////////////////////mypage_buy//////////////////*/
#mypage_buy{
  padding-bottom: 10vh;
}
#mypage_buy .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_buy .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_buy .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_buy .save_menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
#mypage_buy .custom_btn_buy{
  padding: 3px;
}
#mypage_buy .save_menu1{
  display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    height: 40px;
}
#mypage_buy .save_menu1 a >div >p{
  width: 110%;
  font-size: 13px;
  z-index: 1;
}
#mypage_buy .save_menu1 a >div{
  display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5px;
    padding: 0px 3px 5px;
    /* width: 80%; */
    height: 30px;
}
#mypage_buy .save_menu1 p{
  font-size: 14px;
}
#mypage_buy .save_menu1 img{
  width: 2.2rem;
    height: 2.2rem;
}
#mypage_buy .save_menu2 a{
  display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
}
#mypage_buy .save_menu2 a >p{
  margin-right: 5px;
}
#mypage_buy #searchFrm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}
#mypage_buy #searchFrm button {
    padding: 3px;
}
/*  */
#mypage_buy .poplu2{
  padding: 10px 20px 0px;
}
#mypage_buy .poplu2 >div{
  display: flex;
}
#mypage_buy .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  width: 100%;
}
#mypage_buy .poplu2_pic{
  position: relative;
  width: 120px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#mypage_buy .poplu2_pic >img:first-child{
  width: 120px;
  height: 80px;
  min-width: 120px;
  min-height: 80px;
  max-width: 120px;
  max-height: 80px;
  object-fit: cover;
}
#mypage_buy .poplu2_cont{
  width: 100%;
  height: 90px;
  position: relative;
}
#mypage_buy .poplu2_cont img{
  width: 25px;
  height: 25px;
  border-radius: 50px;
  margin-right: 6px;
}
#mypage_buy .poplu2_cont >div:first-child p:first-child{
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_buy .poplu2_cont >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 9%;
}
#mypage_buy .poplu2_cont >div:last-child >div:first-child{
  display: flex;justify-content: flex-start;align-items: center;
}
#mypage_buy .b_date{
  background-color: #eee;
  color: rgba(34, 34, 34, 0.6);
  padding: 6px 20px;
  margin-top: 15px;
}
#mypage_buy .b_sub_date{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px 5px;
}
#mypage_buy .b_sub_date >p{
  margin-right: 10px;
}
/* #mypage_buy .b_sub_date >p:last-child{
  color: rgba(34, 34, 34, 0.6);
  font-size: 15px;
} */
#mypage_buy .b_footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px 5px;
  margin-bottom: 15px;
}
#mypage_buy .b_footer >p{
  font-size: 13px;
  color: rgba(139, 139, 139, 0.9);
}
#mypage_buy .b_footer >a{
  display: block;
  background-color: #8C8C8C;
  font-size: 13px;
  box-sizing: border-box;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}
/*  */
.custom_btn_buy{
  width: 3.6rem;
  height: 2.5rem;
  text-align: center;
  background-color: #8C8C8C;
  color: #fff;
  font-size: 13px;
  line-height: 12px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-left: 5px;
}


/*/////////////////////mypage_sell//////////////////*/
#mypage_sell{
  padding-bottom: 10vh;
}
#mypage_sell .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_sell .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_sell .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_sell .sell_result{
  background-color: #46B9E6;
  color: #fff;
  padding: 15px;
  border-radius: 10px;
  margin: 14px 20px;
}
#mypage_sell .sell_result >div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_sell .sell_result >div p:last-child{
  font-size: 26px;
}
#mypage_sell #searchFrm{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}
#mypage_sell #searchFrm button{
  padding: 3px;
}
#mypage_sell .save_menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
#mypage_sell .save_menu1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: 40px;
}
#mypage_sell .save_menu1 a >div >p{
  width: 110%;
  font-size: 13px;
  z-index: 1;
}
#mypage_sell .save_menu1 a >div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px;
  padding: 0px 3px 5px;
  /* width: 80%; */
  height: 30px;
}
#mypage_sell .save_menu1 p{
  font-size: 14px;
}
#mypage_sell .save_menu1 img{
  width: 2.2rem;
  height: 2.2rem;
  /* margin-left: 3px; */
}
#mypage_sell .save_menu1 >p{
  /* margin-left: 5px; */
  /* margin-right: 5px; */
}
#mypage_sell .save_menu2 a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}
#mypage_sell .save_menu2 a >p{
  margin-right: 5px;
}
#mypage_sell .save_menu2 img{
  width: 2rem;
  height: 2rem;
  margin-left: 5px;
}
#mypage_sell .save_menu3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
}
#mypage_sell .save_menu3 >p{
  height: 30px;
  width: 84px;
  line-height: 29px;
  /* margin-right: 5px; */
}
#mypage_sell .save_menu3 >div {
  width: 100%;
  height: 35px;
}
#mypage_sell .save_menu3 >div >select{
  width: 100%;
  height: 35px;
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  font-size: 14px;
}
#mypage_sell .b_date{
  background-color: #eee;
  color: rgba(34, 34, 34, 0.6);
  padding: 6px 20px;
  margin-top: 5px;
}

#mypage_sell .b_sub_date{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 0px 5px;
}
#mypage_sell .b_sub_date >p{
  margin-right: 10px;
}
#mypage_sell .dddfont{
  color: rgba(34, 34, 34, 0.6);
}
#mypage_sell .sell_cont{
  padding: 10px 20px;
	  /* padding: 10px 0px 10px 20px; */
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 160px;
}
#mypage_sell .sell_cont.sell_modify{
  height:auto;
}
#mypage_sell .sell_cont >div{
  /* display: flex; */
  /* justify-content: space-between; */
}
#mypage_sell .sell_cont >div:first-child{
  width: 140%;
  /* height: 160px; */
}
#mypage_sell .sell_cont >div:last-child{
  width: 100%;
  /* height: 160px; */
  padding-left: 30px;
}
#mypage_sell .sell_cont >div >p{
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_sell .sell_cont >div >p:last-child{
  margin-top: 10px;
  margin-bottom: 0;
}


/*/////////////////////mypage_bmoney//////////////////*/
#mypage_bmoney{
  padding-bottom: 10vh;
}
#mypage_bmoney .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_bmoney .title >img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_bmoney .title >div{
  display: flex;
  justify-content: center;align-items: center;
}
#mypage_bmoney .title >div >p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_bmoney .title >div img{
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
#mypage_bmoney .b_cont{
  padding: 20px 20px 10px;
}
#mypage_bmoney .b_cont img{
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
#mypage_bmoney .b_cont span{
  font-size: 20px;
}
#mypage_bmoney .b_cont p:first-child{
  font-size: 20px;
  color: #727272;
}
#mypage_bmoney .b_cont p:last-child{
  font-size: 30px;
  font-weight: bold;
}
#mypage_bmoney .b_cont2{
  background: #46B9E6;
  box-shadow: 0px 2px 4px rgba(173, 173, 173, 0.25);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin: 0px 20px 15px;
}
#mypage_bmoney .b_cont2 img{
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
#mypage_bmoney .b_cont2 p{
  font-size: 16px;
  color: #fff;
}
#mypage_bmoney.mypage_bmoney_modify .b_cont2 p{
  display:flex;
  align-items:center;
}
#mypage_bmoney .b_footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px 5px;
  margin-bottom: 15px;
}
#mypage_bmoney .b_footer >p{
  font-size: 12px;
  color: rgba(139, 139, 139, 0.9);
}
#mypage_bmoney .b_footer >a{
  display: block;
  background-color: #454545;
  font-size: 13px;
  box-sizing: border-box;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}
#mypage_bmoney .b_footer2{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  margin-bottom: 15px;
  background: #EEEEEE;
}
#mypage_bmoney .b_footer2 >p{
  font-size: 15px;
  color: rgba(34, 34, 34, 0.8);
}
#mypage_bmoney.mypage_bmoney_modify .b_footer2 >p{
  font-size:3.6vw;
}
#mypage_bmoney .b_footer2 >a{
  display: block;
  background-color: #8C8C8C;
  font-size: 13px;
  box-sizing: border-box;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}
#mypage_bmoney.mypage_bmoney_modify .b_footer2 >a{
  white-space:nowrap;
}
#mypage_bmoney .save_menu >a >p{
  margin-right: 5px;
}
#mypage_bmoney .save_menu{
  display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}
#mypage_bmoney .save_menu1{
  display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
}
#mypage_bmoney .save_menu1 a >div{
  display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5px;
    padding: 0px 3px 5px;
    width: 100%;
    height: 30px;
}
#mypage_bmoney .save_menu1 a >div >p{
  width: 110%;
  font-size: 13px;
  z-index: 1;
}
#mypage_bmoney .save_menu1 p{
  font-size: 14px;
}
#mypage_bmoney .save_menu1 img{
  width: 2rem;
  height: 2rem;
}
#mypage_bmoney .save_menu2 a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#mypage_bmoney .save_menu2 img{
  width: 2rem;
  height: 2rem;
  margin-left: 5px;
}
#mypage_bmoney .save_cont{
  padding: 5px 20px;
  width: 100%;
}
#mypage_bmoney.mypage_bmoney_modify .save_cont{
  padding: 5px 0;
  width: 100%;
}
#mypage_bmoney .save_cont a >div{
  border-bottom: 1px solid #EBEBEB;
  padding: 15px 0px;
}
#mypage_bmoney .save_cont a >div >div:first-child{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#mypage_bmoney .save_cont a >div >div:first-child p{
  margin-right: 15px;
  color: rgba(34, 34, 34, 0.9);
  font-size: 13px;
}
#mypage_bmoney .save_cont a >div >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_bmoney .custom_btn_buy{
  padding: 3px;
}
#searchFrm9{
  display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}

/*/////////////////////mypage_mysequence//////////////////*/
#mypage_mysequence .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_mysequence .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_mysequence .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_mysequence .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#mypage_mysequence .index_btn a{
  display: block;
}
#mypage_mysequence .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#mypage_mysequence .index_btn p{
  margin-bottom: 0;
}
#mypage_mysequence .btn_on{
  background-color: #46B9E6 !important;
  color: #fff !important;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  border-bottom: 0;
}
/*  */

#mypage_mysequence .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#mypage_mysequence .sell_info p:first-child{
  width: 100%;
}
#mypage_mysequence .sell_info p:last-child{}
#mypage_mysequence .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
/*  */

#mypage_mysequence .list{
  padding-right: 20px;
}
#mypage_mysequence .total span{
  color:#FF81BE;
}
#mypage_mysequence .list li{
  display:flex;justify-content:space-between;
  margin-bottom:20px;
}
#mypage_mysequence .list .img{
  width:130px;
  height: 90px;
  position:relative;
  flex-shrink:0;
  margin-right:10px;
}
#mypage_mysequence .list .img a{
  width:100%;
  height:100%;
  display:block;
}
#mypage_mysequence .list .img img{
  width:130px;
  height: 90px;
  object-fit:cover;
}
#mypage_mysequence .list .img .like{
  position:absolute;
  top: 0;
  right: 0;
  background:none;
  width: 2.5rem;
}
#mypage_mysequence .list .txt{
  width:100%;
  display:flex;flex-flow:column;
  justify-content:space-between;
}
/*  */
#mypage_mysequence .title_box .title{
  font-size:14px;
  box-shadow: none;
}
#mypage_mysequence .title_box .sub_title{
  font-size:10px;
  color:#46B9E6;
}
#mypage_mysequence .price_box{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
#mypage_mysequence .small_profile img{
  width:25px;
  height:25px;
  object-fit:cover;
  border-radius:50%;
  margin-right:3px;
}
#mypage_mysequence .small_profile p{
  font-size:12px;
}
#mypage_mysequence .price{
  text-align:right;
}
#mypage_mysequence .cost{
  font-size:12px;
  color:#b0b0b0;
  text-decoration:line-through;
}
#mypage_mysequence .discount{
  font-size:14px;
}
#mypage_mysequence .discount span{
  font-size:12px;
  color:#FF81BE;
  font-weight:400;
  margin-right:3px;
}
#mypage_mysequence .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#mypage_mysequence .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
/*  */
.sell{
  position: absolute;
  padding: 2px 3px;
  background-color: #46B9E6;
  font-size: 11px;
  color: #fff;
  right: 0;
  bottom:0;
}
.sell_w{
  position: absolute;
  padding: 2px 3px;
  background-color: #000;
  font-size: 11px;
  color: #fff;
  right: 0;
  bottom:0;
}
#mypage_mysequence .fliter{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
#mypage_mysequence .fliter select{
	font-size: 15px !important;
    text-align: center;
    color: #333;
    /* width: 80px; */
    padding-right: 5px;
    border: none;
    border: 0;
    //기본 스타일 제거: ;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    //select 박스의 크기 방식 지정.: ;
    background: none !important;
    background-size: 0px !important;
		width: 45%;
}
#mypage_mysequence .fliter img{
  width: 16px;
  height: 16px;
  margin-top: 3px;
}



/*/////////////////////goods_info//////////////////*/
#goods_info{
  padding: 0px 20px 15px;
  width: 100%;
}
#goods_info .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#goods_info .mark{
  padding: 15px 0px;
  display: flex !important;
  justify-content: flex-end;
  /* float: right; */
  background-color: #fff;
}
#goods_info .mark li{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e9e9e9;
  margin-left:5px;
}
#goods_info .mark li.color{
  background:#FF81BE;
}
#goods_info .goods_tit{
  font-size: 20px;
  margin-bottom: 20px;
}
#goods_info .album_img{
  padding-top: 15px;
  margin-bottom:  20px;
	height: 90px;
}
#goods_info .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#goods_info .prof_img{
  width: 100%;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#goods_info .prof_img img:first-child{
  width: 70px;
  height: 70px;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  padding: 25px;
}
#goods_info .input_box{
  padding-left: 0px;
}
#goods_info .input_box input[type="text"] , #goods_info .input_box input[type="tel"]{
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 0px;
}
#goods_info .input_box li{
  margin-bottom: 20px;
}
#goods_info .input_box label{
  font-weight: 400;
}
#goods_info .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#goods_info .input_box select{
  border-radius: 0px !important;
  border-bottom: 1px solid #eee;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  height: 40px;
}
#goods_info .input_box input, .input_box textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border:1px solid #C4C4C4;
  border-radius:5px;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height: 40px;
  font-size:15px;
}
#goods_info .input_box textarea::placeholder{
  line-height: 18px;
}
#goods_info .pop_q{
  font-size: 13px;
  background-color: #FF81BE;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  color:#fff;
}
.custom_q{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#goods_info .won{
  position:absolute;
  top: 15%;
  right: 2%;
}
#goods_info .won_sub{
  position: relative;
}
#goods_info .won_sub2{
  padding-right: 25px;
}
#goods_info .edit_btn{
  display: flex;
  width: 100%;
  bottom: 0;
  padding: 15px 10px !important;
}
#goods_info .edit_btn a{
  display: block;
}
#goods_info .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}



/*/////////////////////goods_intro//////////////////*/
#goods_intro{
  padding: 0px 20px 15px;
  width: 100%;
}
#goods_intro .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#goods_intro .mark{
  padding: 15px 0px;
  display: flex !important;
  justify-content: flex-end;
  /* float: right; */
  background-color: #fff;
}
#goods_intro .mark li{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e9e9e9;
  margin-left:5px;
}
#goods_intro .mark li.color{
  background:#FF81BE;
}
#goods_intro .goods_tit{
  font-size: 20px;
  margin-bottom: 20px;
}
#goods_intro .album_img{
  padding-top: 15px;
  margin-bottom:  20px;
}
#goods_intro .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#goods_intro .prof_img{
  width: 100%;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#goods_intro .prof_img img:first-child{
  width: 70px;
  height: 70px;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  padding: 25px;
}
#goods_intro .goods_cont{
  width: 100%;
  padding: 15px 15px 200px;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
}

#goods_intro .edit_btn{
padding-top:20px;
  display: flex;
  width: 100%;
  bottom: 0;
}
#goods_intro .edit_btn a{
  display: block;
}
#goods_intro .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}

/*/////////////////////goods_refund//////////////////*/

#goods_refund .edit_btn{
padding-top:20px;
  display: flex;
  width: 100%;
  bottom: 0;
}
#goods_refund .edit_btn a{
  display: block;
}
#goods_refund .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}

#goods_refund{
  padding: 0px 20px 15px;
  width: 100%;
}
#goods_refund .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#goods_refund .mark{
  padding: 15px 0px;
  display: flex !important;
  justify-content: flex-end;
  /* float: right; */
  background-color: #fff;
}
#goods_refund .mark li{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e9e9e9;
  margin-left:5px;
}
#goods_refund .mark li.color{
  background:#FF81BE;
}
#goods_refund .goods_tit{
  font-size: 20px;
  margin-bottom: 20px;
}
#goods_refund .goods_cont{
  width: 100%;
  padding: 15px 15px 200px;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
}



/*/////////////////////back-to-top //////////////////*/
#detail_intro .btn-primary {
	background-color: #FF81BE !important;
	background-image: none !important;
	border: none !important;
	outline: 0;
}
#detail_intro .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 13vh;
    right: 5%;
    display: none;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
}
#detail_intro .glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
#detail_intro .back-to-top p {
    margin-top: 3px;
}
/*  */
#detail_video .btn-primary {
	background-color: #FF81BE !important;
	background-image: none !important;
	border: none !important;
	outline: 0;
}
#detail_video .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 13vh;
    right: 12%;
    display: none;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
}
#detail_video .glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
#detail_video .back-to-top p {
    margin-top: 3px;
}
/*  */
#detail_review .btn-primary {
	background-color: #FF81BE !important;
	background-image: none !important;
	border: none !important;
	outline: 0;
}
#detail_review .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 13vh;
    right: 12%;
    display: none;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
}
#detail_review .glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
#detail_review .back-to-top p {
    margin-top: 3px;
}
/*  */
#detail_refund .btn-primary {
	background-color: #FF81BE !important;
	background-image: none !important;
	border: none !important;
	outline: 0;
}
#detail_refund .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 13vh;
    right: 12%;
    display: none;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
}
#detail_refund .glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
#detail_refund .back-to-top p {
    margin-top: 3px;
}
/*  */
#detail_othergoods .btn-primary {
	background-color: #FF81BE !important;
	background-image: none !important;
	border: none !important;
	outline: 0;
}
#detail_othergoods .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 13vh;
    right: 12%;
    display: none;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
}
#detail_othergoods .glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
#detail_othergoods .back-to-top p {
    margin-top: 3px;
}


/*/////////////////////detail_intro//////////////////*/
#detail_intro{
  width: 100%;
  height: 100vh;
  position: relative;
  padding-bottom: 100px;
}
#detail_intro #slider-div img{
  width: 100%;
  /* height: 230px; */
  object-fit: cover;
}
#detail_intro .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#detail_intro .slick-dotted.slick-slider{
  margin-bottom: 0px !important;
}
#detail_intro .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
#detail_intro .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}
#detail_intro .slick-dots li button:before {
    font-family: slick;
    font-size: 5px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #b7b5b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#detail_intro .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: 0;
    background: 0 0;
}
.back_arrow{
  position: absolute;
  z-index: 99;
  top: 4%;
  left: 4%;
}
.back_arrow >img{
  width: 35px;
}
#detail_intro .intro_main{
  position: relative;
  width: 100%;
}
#detail_intro .intro_menu{
  position: absolute;
  /* z-index: 999; */
  top: 5%;
  right: 0% !important;
  padding-right: 0 !important;
	display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 35px !important;
}
#detail_intro .intro_menu a{
  display: block;
}
#detail_intro .intro_menu div{
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  border-radius: 50px;
}
#detail_intro .category{
  padding: 15px 20px;
}
#detail_intro .category img{
  width: 25px;
  margin-left: 10px;
}
#detail_intro .intro_cont{
  padding: 0px 20px 20px;
  border-bottom: 6px solid #eee;
}
#detail_intro .intro_cont .intro_tit{
  font-size: 20px;
  margin-bottom: 10px;
}
#detail_intro .intro_cont .profile{
  padding: 10px 0px;
}
#detail_intro .intro_cont .profile{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_intro .intro_cont .profile >a >img{
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
#detail_intro .intro_cont .profile >a {
  display: flex;
  justify-content: center;align-items: center;
}
#detail_intro .intro_cont .profile >div >a >img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
#detail_intro .intro_cont >p{
  color: rgba(34, 34, 34, 0.8);
  font-size: 13px;
}
#detail_intro .intro_cont >p span{
  margin-left: 5px;
}
#detail_intro .intro_cont >div:last-child{
  text-align: right;
}
/* #detail_intro .intro_cont >div:last-child p:first-child{
  text-decoration: line-through;
  color: #B0B0B0;
  font-size: 15px;
} */
#detail_intro .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#detail_intro >img{
  margin-bottom: 50px;
  /* padding-left: 10px; */
  padding-top: 20px;
  width: 100%;
}
#detail_intro .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
}
#detail_intro .search_tab{
  /* width: 100%; */
  /* overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex; */
  border-bottom: 1px solid #F0F0F0;
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
	display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  /* padding: 0px 10px; */
}
#detail_intro .search_tab >div{
  /* display: block; */
  padding: 0px 10px;
  /* display: inline-block; */
}
#detail_intro .search_tab a{
  align-items: center;
  height: 35px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  display: block;
  position: relative;
}
#detail_intro .search_tab p{
  text-align: center;
  height: 32px;
  margin: 10px 0px;
  width: 100%;
}
#detail_intro .search_tab p:first-child{
  /* margin-left: 20px; */
}
#detail_intro .tab_on{
  border-bottom: 3px solid #222222;
  color: #222222 !important;
  width: 100%;
}
#detail_intro .collapse {
    display: none;
    visibility: visible;
}
#detail_intro .aco_tit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_intro .aco_tit >div >p{
  font-weight: normal !important;
}
#detail_intro .aco_tit >div >p:first-child{
  margin-bottom: 5px;
	font-size: 15px !important;
}
#detail_intro .aco_tit >div >p:last-child{
	font-size: 13px !important;
}
#detail_intro .number{
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  background-color: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 50px;
  margin-right: 15px;
}
.btn_back{
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}

#detail_intro .accordion-item {
    margin-bottom: 0px;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
#detail_intro .accordion-header{
  margin-top: 0px;
  padding: 0px;
}
#detail_intro .accordion-button {
    position: relative;
    display: block;
    align-items: center;
    width: 100%;
    height: 70px;
    /* padding: 20px; */
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0px !important;
    border-radius: 3px;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    box-shadow: none !important;
}
#detail_intro .accordion-button::after {
    flex-shrink: 0;
    display: block;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 3%;
    top: calc((100% - 2.5rem) /2);
    content: "";
    background-image: url("/app/img/down.png");
    background-repeat: no-repeat;
    background-size: 2.5rem;
    transition: transform .2s ease-in-out;
}
#detail_intro .accordion-button:not(.collapsed)::after {
    background-image: url("/app/img/down.png");
    transform: rotate(180deg);
}
#detail_intro .accordion-button:not(.collapsed) {
    color: none;
    background-color: none;
    box-shadow: none;
}
#detail_intro .accordion-body {
    padding: 15px 50px;
    font-size: 15px;
    border-top: 1px solid #F0F0F0;
}
#detail_intro .accordion-body.accordion-body_edit {
    padding: 15px 12.5px;
    font-size: 15px;
    border-top: 1px solid #F0F0F0;
}
#detail_intro .accordion-body >div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
}
#detail_intro .accordion-body >div >div:last-child{
  margin-left: 15px;
	width: 80%;
}
#detail_intro .accordion-body >div img{
  width: 80px;
}
#detail_intro .accordion-body >div p:first-child{
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  word-break: break-all;
}
#detail_intro .accordion-body.accordion-body_edit >div p:first-child{
  font-size:13px;
}
#detail_intro .accordion-body >div p:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap !important; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
	font-size: 13px;
}
#detail_intro .lock{
  width: 80px;
  height: 100%;
  position: relative;
  display: flex;
}
#detail_intro .lock >div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 55px;
  min-width: 80px;
  min-height: 55px;
}
#detail_intro .lock >div img:first-child{
  z-index: 1;
  position: relative;
  width: 80px;
  height: 55px;
  min-width: 80px;
  min-height: 55px;
}
#detail_intro .lock >div img:last-child{
  position: absolute;
  z-index: 99;
  width: 30% !important;
}
#detail_intro .fillter{
  background-color: rgba(4, 4, 4, 0.5);
  position: absolute;
  z-index: 9;
  width: 80px;
  height: 55px;
}
#detail_intro .collapse {
    display: none;
    visibility: visible;
}
#detail_intro .aco_tit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_intro .aco_tit >div >p{
  font-weight: normal !important;
}
#detail_intro .aco_tit >div{
  width: 70%;
}
#detail_intro .aco_tit >div >p{
  margin-bottom: 0px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	padding: 2px 0px;
	line-height: 16px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#detail_intro .number{
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  background-color: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 50px;
  margin-right: 15px;
}
#detail_intro .btn_back{
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
}
#detail_intro{
  width: 100%;
  /* height: 100vh; */
  position: relative;
  padding-bottom: 100px;
}


#detail_intro .poplu2{
  padding: 10px 20px;
}
#detail_intro .poplu2 >div{
  display: flex;
}
#detail_intro .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  width: 100%;
}
#detail_intro .poplu2_pic{
  position: relative;
  width: 130px;
  height: 90px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#detail_intro .poplu2_pic >img:first-child{
  width: 130px;
  height: 90px;
}
#detail_intro .poplu2_pic >img:last-child{
  position: absolute;
    top: 8%;
    right: 5%;
    width: 16px;
}
#detail_intro .poplu2_cont{
  width: 100%;
  height: 90px;
  position:relative;
}
#detail_intro .poplu2_cont img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#detail_intro .poplu2_cont >div p{
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#detail_intro .poplu2_cont >div:last-child{
  width: 100%;
  position: absolute;
  bottom: 0;
}
#detail_intro .poplu2_cont >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#detail_intro .poplu2_cont >div:last-child >div:first-child{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
#detail_intro .poplu2_cont >div >div >p{
  margin-bottom: 0;
}

#detail_intro .review_info{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 0px;
  border-bottom: 8px solid #eee;
}
#detail_intro .review_info_tit{
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
#detail_intro .star{
  text-align: center;
  width: 50%;
}
#detail_intro .star >div{
  border-right: 1px solid #F2F2F2;
}
#detail_intro .star img{
  width: 18px;
}
#detail_intro .star_tit{
  font-weight: bold;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 15px;
  text-align: center;
}
#detail_intro .graph1{
  width: 50%;
}
/*  */
#detail_intro .graph_cont{
  display: flex;
}
#detail_intro .graph_cont >div{
  width: 20%;
  height: 100%;
  position: relative;
  padding-top: 20px;
}
/*  */
#detail_intro .present-area {
  margin:0 auto;
  background:#fff;
  border-radius: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
#detail_intro .present-area .box {
  width: 11%;
}
#detail_intro .present-area .box.t02 .num strong{
  color:#4384fb;
}
#detail_intro .present-area .graph-box {
  display:table-cell;
  vertical-align: middle;
  width: 16%;
  text-align: center;
}
#detail_intro .present-area .num {display:table-cell;
  font-size:2.9rem;
  /* margin-top:0; */
  width: calc(100% / 2 - 10rem);
 }
#detail_intro .present-area .num strong {
  font-size:3.1rem;
  color:#4d5e7e;
}
#detail_intro .present-area .graph-box .graph {
  margin-top:-.7rem;
  position: relative;
}
#detail_intro .present-area .graph-box .graph .data {
  width: 5.5px;
  height: 44px;
  background-color:#F2F2F2;
  border-radius:.6rem;
  overflow:hidden;
  position: relative;
  display:inline-block;
}
#detail_intro .present-area .graph-box .graph .data div {
  background-color: #C4C4C4;
  background-size:5.5px auto;
  position:absolute;
  left:0;
  bottom:0;
  height:100%;
  width:100%;
  border-radius:.6rem;
}
#detail_intro .present-area .graph-box .txt {
  display: none;
}
#detail_intro .tit{
  font-size: 10px;
  display:inline-block;
  color: #B0B0B0;
}
#detail_intro .bubble{
  position: absolute;
  top: -25px;
  width: 100%;
  height: 30px;
  text-align: center;
}
#detail_intro .bubble img{
  width: 32px;
  position: relative;
  left: -32%;
}
#detail_intro .bubble p{
  width: 100%;
  font-size: 10px;
  position: absolute;
  top: calc(50% - 10px);
  /* left: -12%; */
  color: #FFF;
}
#detail_intro .review_cont{
  padding: 15px 20px;
}
#detail_intro .review_cont a >p{
  font-size: 14px;
  margin-bottom: 15px;
}
#detail_intro .review_cont .more_img{
  padding: 15px 0px;
  /* width: 100%; */
  display: flex;
}
#detail_intro .review_cont .more_img div{
  width: 50%;
  /* height: 100px; */
}
#detail_intro .review_cont .more_img img{
  width: 100%;
}
#detail_intro .review_cont .more_img >div:last-child img{
  /* filter: grayscale(80%); */
}

#detail_intro .review_prof{
  display: flex;
  margin-bottom: 15px;
}
#detail_intro .profile >a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_intro .profile >a >img{
  width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
  border-radius: 100px;
  margin-right: 10px;
}
#detail_intro .review_cont .star{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_intro .review_cont .star img{
  width: 10px;
  height: 10px;
  margin-right: 3px;
}
#detail_intro .review_cont .star p{

  margin-left: 5px;
  color: #B0B0B0;
  font-size: 13px;
}
#detail_intro .dots div{
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
  margin: 3px 0px;
}
#detail_intro .flex p{
  margin-right: 5px;
}
#detail_intro .product_introduce{
  padding: 10px 10px 80px !important;
}
#detail_intro .product_refund{
	padding-bottom: 80px !important;
}
/*/////////////////////detail_video//////////////////*/
#detail_video #slider-div img{
  width: 100%;
  height: 230px;
}
#detail_video .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#detail_video .slick-dotted.slick-slider{
  margin-bottom: 0px !important;
}
#detail_video .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
#detail_video .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}
#detail_video .slick-dots li button:before {
    font-family: slick;
    font-size: 5px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #b7b5b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#detail_video .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: 0;
    background: 0 0;
}
#detail_video .intro_main{
  position: relative;
  width: 100%;
}
#detail_video .intro_menu{
  position: absolute;
  top: 8%;
  right: 4%;
}
#detail_video .intro_menu a{
  display: block;
}
#detail_video .intro_menu div{
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  border-radius: 50px;
}
#detail_video .category{
  padding: 15px 20px;
}
#detail_video .category img{
  width: 25px;
  margin-left: 10px;
}
#detail_video .intro_cont{
  padding: 0px 20px 20px;
  border-bottom: 6px solid #eee;
}
#detail_video .intro_cont .intro_tit{
  font-size: 20px;
  margin-bottom: 10px;
}
#detail_video .intro_cont .profile{
  padding: 10px 0px;
}
#detail_video .intro_cont .profile{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_video .intro_cont .profile >a >img{
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
#detail_video .intro_cont .profile >a {
  display: flex;
  justify-content: center;align-items: center;
}
#detail_video .intro_cont .profile >div >a >img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
#detail_video .intro_cont >p{
  color: rgba(34, 34, 34, 0.8);
  font-size: 13px;
}
#detail_video .intro_cont >p span{
  margin-left: 5px;
}
#detail_video .intro_cont >div:last-child{
  text-align: right;
}
#detail_video .intro_cont >div:last-child p:first-child{
  text-decoration: line-through;
  color: #B0B0B0;
  font-size: 15px;
}
#detail_video .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#detail_video .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
}
#detail_video .search_tab{
  /* width: 100%; */
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  border-bottom: 1px solid #F0F0F0;
}
#detail_video .search_tab >div{
  display: block;
  padding-right: 20px;
}
#detail_video .search_tab a{
  align-items: center;
  height: 35px;
  width: 120%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  display: block;
  position: relative;
}
#detail_video .search_tab p{
  text-align: center;
  height: 35px;
  margin: 10px 0px;
  width: 100%;
}
#detail_video .search_tab p:first-child{
  margin-left: 20px;
}
#detail_video .tab_on{
  border-bottom: 3px solid #222222;
  color: #222222 !important;
  width: 100%;
}
/*  */
#detail_video .accordion-item {
    margin-bottom: 0px;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
#detail_video .accordion-header{
  margin-top: 0px;
  padding: 0px;
}
#detail_video .accordion-button {
    position: relative;
    display: block;
    align-items: center;
    width: 100%;
    height: 60px;
    /* padding: 20px; */
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0px !important;
    border-radius: 3px;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
#detail_video .accordion-button::after {
    flex-shrink: 0;
    display: block;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 8%;
    top: calc((100% - 2.5rem) /2);
    content: "";
    background-image: url("/app/img/down.png");
    background-repeat: no-repeat;
    background-size: 2.5rem;
    transition: transform .2s ease-in-out;
}
#detail_video .accordion-button:not(.collapsed)::after {
    background-image: url("/app/img/down.png");
    transform: rotate(180deg);
}
#detail_video .accordion-button:not(.collapsed) {
    color: none;
    background-color: none;
    box-shadow: none;
}
#detail_video .accordion-body {
    padding: 15px 50px;
    font-size: 15px;
    border-top: 1px solid #F0F0F0;
}
#detail_video .accordion-body >div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
}
#detail_video .accordion-body >div >div:last-child{
  margin-left: 15px;
}
#detail_video .accordion-body >div img{
  width: 80px;
}
#detail_video .accordion-body >div p:first-child{
  margin-bottom: 5px;
}
#detail_video .lock{
  width: 80px;
  height: 100%;
  position: relative;
  display: flex;
}
#detail_video .lock >div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
}
#detail_video .lock >div img:first-child{
  z-index: 1;
  position: relative;
}
#detail_video .lock >div img:last-child{
  position: absolute;
  z-index: 99;
  width: 30% !important;
}
#detail_video .fillter{
  background-color: rgba(4, 4, 4, 0.5);
  position: absolute;
  z-index: 9;
  width: 80px;
  height: 55px;
}
#detail_video .collapse {
    display: none;
    visibility: visible;
}
#detail_video .aco_tit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_video .aco_tit >div >p{
  font-weight: normal !important;
}
#detail_video .aco_tit >div >p:first-child{
  margin-bottom: 5px;
}
#detail_video .number{
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  background-color: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 50px;
  margin-right: 15px;
}
#detail_video .btn_back{
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
}
#detail_video{
  width: 100%;
  /* height: 100vh; */
  position: relative;
  padding-bottom: 100px;
}


/*/////////////////////detail_review//////////////////*/
#detail_review{
  width: 100%;
  /* height: 100vh; */
  position: relative;
  padding-bottom: 10vh;
}
#detail_review #slider-div img{
  width: 100%;
  height: 230px;
}
#detail_review .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#detail_review .slick-dotted.slick-slider{
  margin-bottom: 0px !important;
}
#detail_review .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
#detail_review .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}
#detail_review .slick-dots li button:before {
    font-family: slick;
    font-size: 5px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #b7b5b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#detail_review .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: 0;
    background: 0 0;
}
#detail_review .intro_main{
  position: relative;
  width: 100%;
}
#detail_review .intro_menu{
  position: absolute;
  top: 8%;
  right: 4%;
}
#detail_review .intro_menu a{
  display: block;
}
#detail_review .intro_menu div{
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  border-radius: 50px;
}
#detail_review .category{
  padding: 15px 20px;
}
#detail_review .category img{
  width: 25px;
  margin-left: 10px;
}
#detail_review .intro_cont{
  padding: 0px 20px 20px;
  border-bottom: 6px solid #eee;
}
#detail_review .intro_cont .intro_tit{
  font-size: 20px;
  margin-bottom: 10px;
}
#detail_review .intro_cont .profile{
  padding: 10px 0px;
}
#detail_review .intro_cont .profile{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_review .intro_cont .profile >a >img{
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
#detail_review .intro_cont .profile >a {
  display: flex;
  justify-content: center;align-items: center;
}
#detail_review .intro_cont .profile >div >a >img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
#detail_review .intro_cont >p{
  color: rgba(34, 34, 34, 0.8);
  font-size: 13px;
}
#detail_review .intro_cont >p span{
  margin-left: 5px;
}
#detail_review .intro_cont >div:last-child{
  text-align: right;
}
#detail_review .intro_cont >div:last-child p:first-child{
  text-decoration: line-through;
  color: #B0B0B0;
  font-size: 15px;
}
#detail_review .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#detail_review >img{
  margin-bottom: 50px;
}
#detail_review .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
}
#detail_review .search_tab{
  /* width: 100%; */
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  border-bottom: 1px solid #F0F0F0;
}
#detail_review .search_tab >div{
  display: block;
  padding-right: 20px;
}
#detail_review .search_tab a{
  align-items: center;
  height: 35px;
  width: 120%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  display: block;
  position: relative;
}
#detail_review .search_tab p{
  text-align: center;
  height: 35px;
  margin: 10px 0px;
  width: 100%;
}
#detail_review .search_tab p:first-child{
  margin-left: 20px;
}
#detail_review .tab_on{
  border-bottom: 3px solid #222222;
  color: #222222 !important;
  width: 100%;
}
#detail_review .collapse {
    display: none;
    visibility: visible;
}
#detail_review .aco_tit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_review .aco_tit >div >p{
  font-weight: normal !important;
}
#detail_review .aco_tit >div >p:first-child{
  margin-bottom: 5px;
}
#detail_review .number{
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  background-color: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 50px;
  margin-right: 15px;
}
#detail_review .btn_back{
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}
#detail_review .review_info{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 0px;
  border-bottom: 8px solid #eee;
}
#detail_review .review_info_tit{
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
#detail_review .star{
  text-align: center;
  width: 50%;
}
#detail_review .star >div{
  border-right: 1px solid #F2F2F2;
}
#detail_review .star img{
  width: 18px;
}
#detail_review .star_tit{
  font-weight: bold;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 15px;
  text-align: center;
}
#detail_review .graph1{
  width: 50%;
}
/*  */
#detail_review .graph_cont{
  display: flex;
}
#detail_review .graph_cont >div{
  width: 20%;
  height: 100%;
  position: relative;
  padding-top: 20px;
}
/*  */
#detail_review .present-area {
  margin:0 auto;
  background:#fff;
  border-radius: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
#detail_review .present-area .box {
  width: 11%;
}
#detail_review .present-area .box.t02 .num strong{
  color:#4384fb;
}
#detail_review .present-area .graph-box {
  display:table-cell;
  vertical-align: middle;
  width: 16%;
  text-align: center;
}
#detail_review .present-area .num {display:table-cell;
  font-size:2.9rem;
  /* margin-top:0; */
  width: calc(100% / 2 - 10rem);
 }
#detail_review .present-area .num strong {
  font-size:3.1rem;
  color:#4d5e7e;
}
#detail_review .present-area .graph-box .graph {
  margin-top:-.7rem;
  position: relative;
}
#detail_review .present-area .graph-box .graph .data {
  width: 5.5px;
  height: 44px;
  background-color:#F2F2F2;
  border-radius:.6rem;
  overflow:hidden;
  position: relative;
  display:inline-block;
}
#detail_review .present-area .graph-box .graph .data div {
  background-color: #C4C4C4;
  background-size:5.5px auto;
  position:absolute;
  left:0;
  bottom:0;
  height:100%;
  width:100%;
  border-radius:.6rem;
}
#detail_review .present-area .graph-box .txt {
  display: none;
}
#detail_review .tit{
  font-size: 10px;
  display:inline-block;
  color: #B0B0B0;
}
#detail_review .bubble{
  position: absolute;
  top: -25px;
  width: 100%;
  height: 30px;
  text-align: center;
}
#detail_review .bubble img{
  width: 32px;
  position: relative;
  left: -32%;
}
#detail_review .bubble p{
  width: 100%;
  font-size: 0.5px;
  position: absolute;
  top: calc(50% - 10px);
  left: -12%;
  color: #FFF;
}
#detail_review .review_cont{
  padding: 15px 20px;
}
#detail_review .review_cont a >p{
  font-size: 14px;
  margin-bottom: 15px;
}
#detail_review .review_cont .more_img{
  padding: 15px 0px;
  /* width: 100%; */
  display: flex;
}
#detail_review .review_cont .more_img div{
  width: 50%;
  /* height: 100px; */
}
#detail_review .review_cont .more_img img{
  width: 100%;
}
#detail_review .review_cont .more_img >div:last-child img{
  /* filter: grayscale(80%); */
}
.more{
  position: relative;
}
.more span{
  position: absolute;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
  left: calc((100% - 40px)/2);
  top: calc((100% - 40px)/2);
  color: #FFF;
  width: 40px;
  height: 40px;
}
#detail_review .review_prof{
  display: flex;
  margin-bottom: 15px;
}
#detail_review .profile >a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_review .profile >a >img{
  width: 12%;
  border-radius: 50px;
  margin-right: 10px;
}
#detail_review .review_cont .star{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_review .review_cont .star img{
  width: 10px;
  height: 10px;
  margin-right: 3px;
}
#detail_review .review_cont .star p{

  margin-left: 5px;
  color: #B0B0B0;
  font-size: 10px;
}
#detail_review .dots div{
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
  margin: 3px 0px;
}
#detail_review .flex p{
  margin-right: 5px;
}
#more img {
    max-width: 100%;
}

details {
    margin-bottom: 1rem;
}

details > summary {
    background: rgba(150, 255, 150);
    padding: 1rem;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.5s;
}

details > summary::-webkit-details-marker {
    background: url(https://marshall-storage.tistory.com/attachment/cfile29.uf@993E16335F785C0037CB43.svg) no-repeat center;
    background-size: contain;
    color: transparent;
    transform: rotate3d(0, 0, 1, 90deg);
    transition: transform 0.25s;
}

details[open] > summary::-webkit-details-marker {
    transform: rotate3d(0, 0, 1, 180deg);
}

details[open] > summary {
    background: rgba(100, 255, 100);
}

details[open] > summary ~ * {
    animation: reveal 0.5s;
}

@keyframes reveal {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/*/////////////////////detail_review//////////////////*/
#detail_refund{
  width: 100%;
  /* height: 100vh; */
  position: relative;
  padding-bottom: 100px;
}
#detail_refund #slider-div img{
  width: 100%;
  height: 230px;
}
#detail_refund .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#detail_refund .slick-dotted.slick-slider{
  margin-bottom: 0px !important;
}
#detail_refund .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
#detail_refund .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}
#detail_refund .slick-dots li button:before {
    font-family: slick;
    font-size: 5px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #b7b5b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#detail_refund .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: 0;
    background: 0 0;
}
#detail_refund .intro_main{
  position: relative;
  width: 100%;
}
#detail_refund .intro_menu{
  position: absolute;
  /* z-index: 999; */
  top: 8%;
  right: 4%;
}
#detail_refund .intro_menu a{
  display: block;
}
#detail_refund .intro_menu div{
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  border-radius: 50px;
}
#detail_refund .category{
  padding: 15px 20px;
}
#detail_refund .category img{
  width: 25px;
  margin-left: 10px;
}
#detail_refund .intro_cont{
  padding: 0px 20px 20px;
  border-bottom: 6px solid #eee;
}
#detail_refund .intro_cont .intro_tit{
  font-size: 20px;
  margin-bottom: 10px;
}
#detail_refund .intro_cont .profile{
  padding: 10px 0px;
}
#detail_refund .intro_cont .profile{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_refund .intro_cont .profile >a >img{
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
#detail_refund .intro_cont .profile >a {
  display: flex;
  justify-content: center;align-items: center;
}
#detail_refund .intro_cont .profile >div >a >img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
#detail_refund .intro_cont >p{
  color: rgba(34, 34, 34, 0.8);
  font-size: 13px;
}
#detail_refund .intro_cont >p span{
  margin-left: 5px;
}
#detail_refund .intro_cont >div:last-child{
  text-align: right;
}
#detail_refund .intro_cont >div:last-child p:first-child{
  text-decoration: line-through;
  color: #B0B0B0;
  font-size: 15px;
}
#detail_refund .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#detail_refund >img{
  /* margin-bottom: 50px; */
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
#detail_refund .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
}
#detail_refund .search_tab{
  /* width: 100%; */
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  border-bottom: 1px solid #F0F0F0;
}
#detail_refund .search_tab >div{
  display: block;
  padding-right: 20px;
}
#detail_refund .search_tab a{
  align-items: center;
  height: 35px;
  width: 120%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  display: block;
  position: relative;
}
#detail_refund .search_tab p{
  text-align: center;
  height: 35px;
  margin: 10px 0px;
  width: 100%;
}
#detail_refund .search_tab p:first-child{
  margin-left: 20px;
}
#detail_refund .tab_on{
  border-bottom: 3px solid #222222;
  color: #222222 !important;
  width: 100%;
}
#detail_refund .collapse {
    display: none;
    visibility: visible;
}
#detail_refund .aco_tit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_refund .aco_tit >div >p{
  font-weight: normal !important;
}
#detail_refund .aco_tit >div >p:first-child{
  margin-bottom: 5px;
}
#detail_refund .number{
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  background-color: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 50px;
  margin-right: 15px;
}
#detail_refund .btn_back{
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}


/*/////////////////////detail_othergoods//////////////////*/
#detail_othergoods{
  width: 100%;
  /* height: 100vh; */
  position: relative;
  padding-bottom: 100px;
}
#detail_othergoods #slider-div img{
  width: 100%;
  height: 230px;
}
#detail_othergoods .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#detail_othergoods .slick-dotted.slick-slider{
  margin-bottom: 0px !important;
}
#detail_othergoods .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
#detail_othergoods .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}
#detail_othergoods .slick-dots li button:before {
    font-family: slick;
    font-size: 5px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #b7b5b3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#detail_othergoods .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: 0;
    background: 0 0;
}
#detail_othergoods .intro_main{
  position: relative;
  width: 100%;
}
#detail_othergoods .intro_menu{
  position: absolute;
  /* z-index: 999; */
  top: 8%;
  right: 4%;
}
#detail_othergoods .intro_menu a{
  display: block;
}
#detail_othergoods .intro_menu div{
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  border-radius: 50px;
}
#detail_othergoods .category{
  padding: 15px 20px;
}
#detail_othergoods .category img{
  width: 25px;
  margin-left: 10px;
}
#detail_othergoods .intro_cont{
  padding: 0px 20px 20px;
  border-bottom: 6px solid #eee;
}
#detail_othergoods .intro_cont .intro_tit{
  font-size: 20px;
  margin-bottom: 10px;
}
#detail_othergoods .intro_cont .profile{
  padding: 10px 0px;
}
#detail_othergoods .intro_cont .profile{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_othergoods .intro_cont .profile >a >img{
  width: 34px;
  height: 34px;
  border-radius: 50px;
  margin-right: 10px;
}
#detail_othergoods .intro_cont .profile >a {
  display: flex;
  justify-content: center;align-items: center;
}
#detail_othergoods .intro_cont .profile >div >a >img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
#detail_othergoods .intro_cont >p{
  color: rgba(34, 34, 34, 0.8);
  font-size: 13px;
}
#detail_othergoods .intro_cont >p span{
  margin-left: 5px;
}
#detail_othergoods .intro_cont >div:last-child{
  text-align: right;
}
#detail_othergoods .intro_cont >div:last-child p:first-child{
  text-decoration: line-through;
  color: #B0B0B0;
  font-size: 15px;
}
#detail_othergoods .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#detail_othergoods >img{
  margin-bottom: 50px;
}
#detail_othergoods .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
}
#detail_othergoods .search_tab{
  /* width: 100%; */
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  border-bottom: 1px solid #F0F0F0;
}
#detail_othergoods .search_tab >div{
  display: block;
  padding-right: 20px;
}
#detail_othergoods .search_tab a{
  align-items: center;
  height: 35px;
  width: 120%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  display: block;
  position: relative;
}
#detail_othergoods .search_tab p{
  text-align: center;
  height: 35px;
  margin: 10px 0px;
  width: 100%;
}
#detail_othergoods .search_tab p:first-child{
  margin-left: 20px;
}
#detail_othergoods .tab_on{
  border-bottom: 3px solid #222222;
  color: #222222 !important;
  width: 100%;
}
#detail_othergoods .collapse {
    display: none;
    visibility: visible;
}
#detail_othergoods .aco_tit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_othergoods .aco_tit >div >p{
  font-weight: normal !important;
}
#detail_othergoods .aco_tit >div >p:first-child{
  margin-bottom: 5px;
}
#detail_othergoods .number{
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  background-color: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 50px;
  margin-right: 15px;
}
#detail_othergoods .btn_back{
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}
/*  */
#detail_othergoods .poplu2{
  padding: 10px 20px;
}
#detail_othergoods .poplu2 >div{
  display: flex;
}
#detail_othergoods .poplu2 >div >a{
  display: flex;justify-content: flex-start;align: center;
  width: 100%;
}
#detail_othergoods .poplu2_pic{
  position: relative;
  width: 130px;
  height: 90px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#detail_othergoods .poplu2_pic >img:first-child{
  width: 130px;
  height: 90px;
}
#detail_othergoods .poplu2_pic >img:last-child{
  position: absolute;
    top: 8%;
    right: 5%;
    width: 16px;
}
#detail_othergoods .poplu2_cont{
  width: 100%;
  height: 90px;
  position:relative;
}
#detail_othergoods .poplu2_cont img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 6px;
}
#detail_othergoods .poplu2_cont >div p{
  margin-bottom: 5px;
}
#detail_othergoods .poplu2_cont >div:last-child{
  width: 100%;
  position: absolute;
  bottom: 0;
}
#detail_othergoods .poplu2_cont >div:last-child{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#detail_othergoods .poplu2_cont >div:last-child >div:first-child{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
#detail_othergoods .poplu2_cont >div >div >p{
  margin-bottom: 0;
}
.through{
  color: #B0B0B0;
  font-size: 12px;
  text-decoration: line-through;
  text-align: right;
}


/*/////////////////////detail_report//////////////////*/
#reportform{
  padding-bottom: 11vh;
  width: 100%;
  height: auto;
}
#reportform .blue_btn2{
  border-radius: 0px !important;
}
#detail_report{
  padding-bottom: 10vh;
  width: 100%;
  height: auto;
}
#detail_report .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#detail_report .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#detail_report .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#detail_report .check {
  position: relative;
}
#detail_report .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#detail_report .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#detail_report .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top:4px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#detail_report .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#detail_report .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
  border: 0px;
}
#detail_report .all_agree_box{
  padding: 0px 20px;
}
#detail_report .all_agree_box label{
  font-size:18px !important;
}
#detail_report .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#detail_report .agree_list p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}
#detail_report .agree_list li{
  margin-bottom:15px;
}
#detail_report .agreement{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail_report .txt_box{
  padding: 0px 20px 20px;
}
#detail_report .txt_box input{
  width: 100%;
  border: 1px solid #DADADA;
  padding: 20px 20px 150px;
}
#detail_report .input_box label{
  margin-bottom: 0;
  font-weight: normal !important;
}
#detail_report .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#detail_report .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#detail_report .search_bar{
  height: 45px;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
  margin-top: 10px;
}
#detail_report .album_img{
  padding-top: 15px;
}
#detail_report .album_img >label{
  text-align: center;
}
#detail_report .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#detail_report .prof_img{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#detail_report .prof_img img:first-child{
  width: 70px;
  height: 70px;
  background:#F4F4F4;
  border-radius: 15px;
  margin-bottom:30px;
  padding: 25px;
}
#detail_report input,#sequen_myvideo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}



/*/////////////////////seller_general//////////////////*/
#seller_general .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#seller_general .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#seller_general .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
/*  */
#seller_general .album_img{
  text-align: center;
  padding: 0px 20px;
  position: relative;
}
#seller_general .album_img >label{
  text-align: center;
}
#seller_general .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#seller_general .album_img >label div{
  display: flex;justify-content: center;align-items: center;
  margin-top: 12px;
}
#seller_general .prof_img{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#seller_general .prof_img img:first-child{
  width: 100px;
  height: 100px;
  border-radius: 20px;
  padding: 22px;
  background-color: #F4F4F4;
  border: 1px solid #EAEAEA;
}
#seller_general .prof_img img:last-child{
  width: 35px;
  height: 35px;
  position: absolute;
  right: -15%;
  bottom: -12%;
}
#seller_general .join_form{
  padding: 25px 25px 0px;
  width: 100%;
  margin-top: 20px;
  font-size: 13px;
}
#seller_general .join_form >div{
  width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
#seller_general .join_form >div >div{
  padding: 2px;
  display: flex;justify-content: space-between;align-items: center;
  height: 35px;
}
#seller_general .join_form >div >div:first-child >p{
  font-size: 16px;
  margin-bottom: 0;
}
#seller_general .join_form input{
  width: 100%;
  height: 35px;
  padding-left: 0px;
  outline: none;
  font-size: 16px;
  border: 0px !important;
}
#seller_general  #enter_button{
  display: flex;justify-content: space-around;align-items: center;
  margin: 0px 20px;
  margin-top: 70px;
}
#enter_button a{
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}
#enter_button button{
  background-color: #46B9E6;border-radius: 5px;
  width: 100%;
  height: 50px;
  font-size: 18px;color: #fff;
  font-weight: normal;
}
#seller_general .number_s{
  color: #FF81BE ;
  width: 20%;
  text-align: right;
}
#seller_general .introdu{
  border-bottom: none !important;
  height: 120px !important;
}
#seller_general .introdu input{
  border: 1px solid #D8D8D8 !important;
  border-radius: 5px;
  padding: 5px 10px 80px;
  margin-top: 60px;
  height: 100px;
  width: 100%;
}
#seller_general .out{
  border-bottom: none !important;
}
/* #seller_general .out div:first-child{
  margin-bottom: 5px;
} */
#seller_general .out a{
  display: block;
}
#seller_general .out a p{
  padding: 3px 8px;
  background: #130F26;
  border-radius: 5px;
  width: 30%;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}
#seller_general .search_select2{
  padding: 20px;
  text-align: right;
}
#seller_general .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}



/*/////////////////////seller_business//////////////////*/
#seller_business .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#seller_business .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#seller_business .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
/*  */
#seller_business .album_img2{
  text-align: center;
  padding: 0px 20px;
  position: relative;
}
#seller_business .album_img2 >label{
  text-align: center;
}
#seller_business .album_img2 #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#seller_business .album_img2 >label div{
  display: flex;justify-content: center;align-items: center;
  margin-top: 12px;
}
#seller_business .prof_img2{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#seller_business .prof_img2 img:first-child{
  width: 100px;
  height: 100px;
  border-radius: 20px;
  padding: 22px;
  background-color: #F4F4F4;
  border: 1px solid #EAEAEA;
}
#seller_business .prof_img2 img:last-child{
  width: 35px;
  height: 35px;
  position: absolute;
  right: -15%;
  bottom: -12%;
}
#seller_business .join_form{
  padding: 25px 25px 0px;
  width: 100%;
  margin-top: 20px;
  font-size: 13px;
}
#seller_business .join_form >div{
  width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
#seller_business .join_form >div >div{
  padding: 2px;
  display: flex;justify-content: space-between;align-items: center;
  height: 35px;
}
#seller_business .join_form >div >div:first-child >p{
  font-size: 16px;
  margin-bottom: 0;
}
#seller_business .join_form input{
  width: 100%;
  height: 35px;
  padding-left: 0px;
  outline: none;
  font-size: 16px;
  border: 0px !important;
}
#seller_business  #enter_button{
  display: flex;justify-content: space-around;align-items: center;
  margin: 0px 20px;
  margin-top: 70px;
}
#enter_button a{
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}
#enter_button button{
  background-color: #46B9E6;border-radius: 5px;
  width: 100%;
  height: 50px;
  font-size: 18px;color: #fff;
  font-weight: normal;
}
#seller_business .number_s{
  color: #FF81BE ;
  width: 20%;
  text-align: right;
}
#seller_business .introdu{
  border-bottom: none !important;
  height: 120px !important;
}
#seller_business .introdu input{
  border: 1px solid #D8D8D8 !important;
  border-radius: 5px;
  padding: 5px 10px 80px;
  margin-top: 60px;
  height: 100px;
  width: 100%;
}
#seller_business .out{
  border-bottom: none !important;
}
#seller_business .out a{
  display: block;
}
#seller_business .out a p{
  padding: 3px 8px;
  background: #130F26;
  border-radius: 5px;
  width: 30%;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}
#seller_business .search_select2{
  padding: 20px;
  text-align: right;
}
#seller_business .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
#seller_business .album_img{
  padding-top: 15px;
}
#seller_business .album_img >label{
  text-align: center;
}
#seller_business .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#seller_business .prof_img{
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#seller_business .prof_img img:first-child{
  width: 70px;
  height: 70px;
  background:#F4F4F4;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  margin-bottom:30px;
  padding: 25px;
}
#seller_business input,#sequen_myvideo  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#seller_business .input_box{
  padding-left: 0px;
}
#seller_business .input_box label{
  margin-bottom: 0;
  font-weight: normal !important;
  font-size: 16px;
    margin-bottom: 0;
}
#seller_business .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#seller_business .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}


/*/////////////////////sequen_mysequen//////////////////*/
#sequen_mysequen .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_mysequen .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_mysequen .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}


/*/////////////////////sequen_salesequen//////////////////*/
#sequen_salesequen .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_salesequen .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_salesequen .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_salesequen .join_form{
  padding: 25px 25px 0px;
  width: 100%;
  /* margin-top: 20px; */
  font-size: 13px;
}
#sequen_salesequen .join_form >div{
  width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
#sequen_salesequen .join_form >div >div{
  padding: 2px;
  display: flex;justify-content: space-between;align-items: center;
  height: 35px;
}
#sequen_salesequen .join_form >div >div:first-child >p{
  font-size: 16px;
  margin-bottom: 0;
}
#sequen_salesequen .join_form input{
  width: 100%;
  height: 35px;
  padding-left: 0px;
  outline: none;
  font-size: 16px;
  border: 0px !important;
}
#sequen_salesequen .search_select2{
  padding: 20px;
  text-align: right;
}
#sequen_salesequen .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
#sequen_salesequen .out p:first-child{
  margin-bottom: 10px;
}
#sequen_salesequen .out p:last-child{
  padding-bottom: 10px;
}
#sequen_salesequen .check {
  position: relative;
}
#sequen_salesequen .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#sequen_salesequen .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  /* padding-left: 30px; */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#sequen_salesequen .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  right: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#sequen_salesequen .check input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#sequen_salesequen .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#sequen_salesequen .all_agree_box{
  padding: 0px 20px;
}
#sequen_salesequen .all_agree_box label{
  font-size:18px !important;
}
#sequen_salesequen .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#sequen_salesequen .agree_list p{
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
}
#sequen_salesequen .label_sub >div:last-child >p{
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  margin-right: 10px;
}
#sequen_salesequen .label_sub >div:last-child >p:last-child{
  font-size:13px;
}
#sequen_salesequen .agree_list li{
  margin-bottom:15px;
}
#sequen_salesequen .edit_btn{
  display: flex;
  padding: 25px 10px;
  /* position: fixed; */
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
#sequen_salesequen .edit_btn a{
  display: block;
}
#sequen_salesequen .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#sequen_salesequen .label_sub{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#sequen_salesequen .label_sub >div:last-child{
  width: 100%;
  padding: 0px 20px 0 10px;
}
#sequen_salesequen .label_img{
  position: relative;
  /* width: 100%; */
}
#sequen_salesequen .label_img >img{
  width: 100px !important;
  height: 67px !important;
  min-width: 100px !important;
  min-height: 67px !important;
  max-width: 100px !important;
  max-height: 67px !important;
  object-fit: cover !important;
}
#sequen_salesequen .time{
  position: absolute;
  bottom: 3%;
  right: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sequen_salesequen .time p{
  color: #fff;
  font-size: 9px!important;
}
#sequen_salesequen .time img{
  width: 10px;
  margin-left: 3px;
  margin-right: 2px;
}
#sequen_salesequen .salesequen{
  border-bottom: 8px solid #eee;
}
#sequen_salesequen .plus_video{
  padding: 10px 20px;
}
#sequen_salesequen .plus_video >p{
  margin-bottom: 10px;
}
#sequen_salesequen .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#sequen_salesequen .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
  height: 230px;
}
#sequen_salesequen .poplu >div{
  width: 100%;
  position: relative;
  margin-right: 10px;
}
#sequen_salesequen .poplu >div img:first-child{
  width: 10rem;
}
#sequen_salesequen .poplu >div img:last-child{
  width: 20px;
  position: absolute;
  right: 0;
}



/*/////////////////////sequen_mysequen//////////////////*/
#sequen_mysequen .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_mysequen .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_mysequen .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_mysequen .join_form{
  padding: 25px 25px 0px;
  width: 100%;
  margin-top: 20px;
  font-size: 13px;
}
#sequen_mysequen .join_form >div{
  width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
#sequen_mysequen .join_form >div >div{
  padding: 2px;
  display: flex;justify-content: space-between;align-items: center;
  height: 35px;
}
#sequen_mysequen .join_form >div >div:first-child >p{
  font-size: 16px;
  margin-bottom: 0;
}
#sequen_mysequen .join_form input{
  width: 100%;
  height: 35px;
  padding-left: 0px;
  outline: none;
  font-size: 16px;
  border: 0px !important;
}
#sequen_mysequen .search_select2{
  padding: 20px;
  text-align: right;
}
#sequen_mysequen .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
#sequen_mysequen .out p:first-child{
  margin-bottom: 10px;
}
#sequen_mysequen .out p:last-child{
  padding-bottom: 10px;
}
#sequen_mysequen .check {
  position: relative;
}
#sequen_mysequen .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#sequen_mysequen .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  /* padding-left: 30px; */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#sequen_mysequen .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  right: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#sequen_mysequen .check input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#sequen_mysequen .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#sequen_mysequen .all_agree_box{
  padding: 0px 20px;
}
#sequen_mysequen .all_agree_box label{
  font-size:18px !important;
}
#sequen_mysequen .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#sequen_mysequen .agree_list p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}
#sequen_mysequen .agree_list li{
  margin-bottom:15px;
}
#sequen_mysequen .edit_btn{
  display: flex;
  padding: 25px 10px;
  /* position: fixed; */
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
#sequen_mysequen .edit_btn a{
  display: block;
}
#sequen_mysequen .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#sequen_mysequen .label_sub{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;s
}
#sequen_mysequen .label_sub >div:last-child{
  width: 100%;
  padding-left: 10px;
}
#sequen_mysequen .label_img{
  position: relative;
  width: 100%;
}
#sequen_mysequen .label_img img{
  width: 10rem;
}
#sequen_mysequen .time{
  position: absolute;
  bottom: 3%;
  right: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sequen_mysequen .time p{
  color: #fff;
  font-size: 9px!important;
}
#sequen_mysequen .time img{
  width: 10px;
  margin-left: 1px;
  margin-right: 2px;
}
#sequen_mysequen .salesequen{
  border-bottom: 8px solid #eee;
}
#sequen_mysequen .plus_video{
  padding: 10px 20px;
}
#sequen_mysequen .plus_video >p{
  margin-bottom: 10px;
}
#sequen_mysequen .poplu{
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
#sequen_mysequen .poplu >div a{
  display: block;
  position: relative;
  width: 170px;
  height: 230px;
}
#sequen_mysequen .poplu >div{
  width: 100%;
  position: relative;
  margin-right: 10px;
}
#sequen_mysequen .poplu >div img:first-child{
  width: 10rem;
}
#sequen_mysequen .poplu >div img:last-child{
  width: 20px;
  position: absolute;
  right: 0;
}


/*/////////////////////sequen_foldadd//////////////////*/
#sequen_foldadd .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_foldadd .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_foldadd .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_foldadd .album_img{
  text-align: center;
  width: 100%;
}
#sequen_foldadd .album_img >label{
  text-align: center;
}
#sequen_foldadd .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#sequen_foldadd .prof_img{
  width: 100%;
  height: 170px;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  margin-top: 20px;
  padding: 60px;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#sequen_foldadd .prof_img img{
 /* width: 30px;
  height: 30px;*/
  max-height:100px;
}
#sequen_foldadd  .album_txt{
  position: absolute;
  bottom: 15%;
}
#sequen_foldadd input,#sequen_foldadd  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#sequen_foldadd .input_box{
  padding-top: 20px;
}
#sequen_foldadd .input_box label{
  margin-bottom: 0;
  width: 100%;
  font-weight: normal !important;
}
#sequen_foldadd .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
}
#sequen_foldadd .search_bar{
  height: 45px;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
  margin-top: 10px;
}
#sequen_foldadd .search_bar >p{
  margin-left: 5%;
}
#sequen_foldadd .search_bar >p >a{
  display: block;
}
#sequen_foldadd .search_bar .search_bnt{
  width: 100%;
  height: 35px;
}
#sequen_foldadd .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  outline: none;
  float: left;
  width: 80%;
  height: 35px;
  color: #000;
  border: none !important;
  background-color: inherit;
}
#sequen_foldadd .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  outline: none;
  float: left;
  border-right: 1px solid #F2F2F2;
  border-radius: 0px !important;
}
#sequen_foldadd .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#sequen_foldadd .edit_btn{
  display: flex;
  padding: 25px 10px;
  width: 100%;
  position: fixed;
  bottom:0;
}
#sequen_foldadd .edit_btn a{
  display: block;
}
#sequen_foldadd .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
/*  */
#sequen_foldadd .search_select2{
  padding: 20px;
  text-align: right;
}
#sequen_foldadd .search_select2 select {
  width: 100%;
  padding: 4px 0px;
  font-family: inherit;
  background: url('/app/img/down.png') no-repeat 100% 50%;
  background-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  border: 0px !important;
}
/*  */
#sequen_foldadd input,#sequen_foldadd  textarea{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  vertical-align: middle;
  outline:none;
  box-sizing:border-box;
  border-radius: none;
  resize: none;
  background:#fff;
	-webkit-appearance:none;
  appearance:none;
  width:100%;
  height:50px;
  font-size:16px;
}
#sequen_foldadd .input_box label{
  margin-bottom: 0;
}
#sequen_foldadd .input_box li{
  margin-bottom:15px;
  margin-right: 20px;
}
#sequen_foldadd .input_box input, .input_box select{
  border:0;
  border-bottom:1px solid #eee;
  padding:0;
  border-radius: 0px !important;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  margin-right: 10px;
	padding-right: 20px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}


/*/////////////////////sequen_rounds//////////////////*/
#sequen_rounds .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243)0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sequen_rounds .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_rounds .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_rounds .edit_btn{
  display: flex;
  padding: 25px 10px;
  width: 100%;
  /* position: fixed;   */
  bottom:0;
}
#sequen_rounds .edit_btn a{
  display: block;
}
#sequen_rounds .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#sequen_rounds .rounds{
  display: flex;
  align-items: center;
}
#sequen_rounds .count{
  margin-right: 10px;
  background-color: #8C8C8C;
  color: #fff;
  padding: 2px 8px;
  border-radius: 50px;
  width: 60px;
  height: 25px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}
#sequen_rounds .rounds_cont{
  padding: 20px;
}
#sequen_rounds .rounds_cont >p{
  margin-bottom: 15px;
}
#sequen_rounds .rounds_input{
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #F2F2F2;
  /* padding-right: 10px; */
  margin-bottom: 15px;
  margin-right: 10px;
  width: 79%;
}
#sequen_rounds .rounds_cont >div input{
  width: 100%;
  padding: 10px;
  border: 0px;
  outline: none;
  font-size: 14px;
  overflow: auto;
  /* text-overflow: ellipsis; */
  display: -webkit-box;
  /* -webkit-line-clamp: 1; */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_rounds .rounds_cont >div input::placeholder{
  font-size: 16px;
}
#sequen_rounds .plus_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
}
#sequen_rounds .plus_btn a{
  background-color: #8C8C8C;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#sequen_rounds .plus_btn img{
  width: 22px;
}
#sequen_rounds .plus_btn2 img{
  width: 22px;
}



/*/////////////////////message_pay//////////////////*/
#message_pay{
  width: 100%;
  margin-bottom: 14vh;
}
#message_pay .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#message_pay .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#message_pay .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
/*  */
#message_pay .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#message_pay .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  /* padding-left: 30px; */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 16px;
  font-weight: normal;
  margin-top: 20px;
}
#message_pay .check input[type="checkbox"] + label:before {
  /* content: ''; */
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#message_pay .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#message_pay .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#message_pay .all_agree_box{
  padding: 0px 20px;
}
#message_pay .all_agree_box label{
  font-size:18px !important;
}
#message_pay .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#message_pay .agree_list p{
  margin: 0px 0px 5px;
  /* font-size: 16px; */
  font-weight: normal;
}
#message_pay .agree_list li{
  margin-bottom:15px;
}
#message_pay .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#message_pay .contents{
  position: relative;
}
#message_pay .contents >img{
	width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
}
#message_pay .contents >div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 10px;
}
#message_pay .contents >div >img{
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  right: 0;
}
#message_pay .contents span{
  margin-left: 5px;
}
#message_pay .sequ_cont{
  border-bottom: 8px solid #eee;
}
#message_pay .edit_btn{
  display: flex;
  padding: 25px 10px;
  /* position: fixed; */
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
#message_pay .edit_btn a{
  display: block;
}
#message_pay .edit_btn button{
  /* margin-left: 10px;
  margin-right: 10px; */
  border-radius: 5px;
}
#message_pay .pay_cont1{
  padding: 20px;
  border-bottom: 8px solid #eee;
}
#message_pay .pay_cont1 >p{
  color: #222;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#message_pay .pay_cont1 >div:last-child{
  text-align: right;
}
#message_pay .pay_cont1 >div:last-child >div{
  width: 80%;
}
#message_pay .pay_cont1 button{
  background-color: #8C8C8C;
  color: #fff;
  font-size: 16px;
}
#message_pay .pay_cont1 p:first-child{
  margin-bottom: 15px;
}
#message_pay .pay_cont1 input{
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 5px;
  width: 40%;
  text-align: left;
}
#message_pay .csttt input::placeholder{
  text-align:left !important;
}
#message_pay .pay_cont1 input::placeholder{
  text-align: right;
  color: #222;
  font-size: 16px;
  padding: 5px 0px;
}
#message_pay .pay_cont2{
  margin: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
}
#message_pay .pay_cont2 >div:first-child{
  margin-bottom: 10px;
}

#message_pay input{
  width: 100%;
  height: 35px;
  padding-left: 0px;
  outline: none;
  font-size: 16px;
  border: 0px !important;
}

#message_pay .input{
  width: 100%;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}


/*/////////////////////message_pay_complte//////////////////*/
#message_pay_complte{
  width: 100%;
  padding-bottom: 9vh;
}
#message_pay_complte .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#message_pay_complte .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#message_pay_complte .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#message_pay_complte .complet{
  text-align: center;
  padding: 30px;
}
#message_pay_complte .complet img{
  width: 50px;
  height: 50px;
  margin-bottom: 20PX;
}
#message_pay_complte .complet P{
  font-size: 20px;
  font-weight: bold;
}
#message_pay_complte .goods_info{
  border-bottom: 8px solid #eee;
  padding: 20px;
}
#message_pay_complte .goods_info >p{
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 15px;
}
#message_pay_complte .goods_info p{
  font-size: 16px;
}
#message_pay_complte .goods_info >div:nth-child(2) p:first-child{
  min-width: 60px;
  height: 40px;
  margin-right: 10px;
  line-height: 39px;
}
#message_pay_complte .goods_info >div:nth-child(3) p:first-child{
  min-width: 60px;
  height: 40px;
  margin-right: 10px;
  line-height: 39px;
}
#message_pay_complte .goods_info >div:nth-child(2) p:last-child,
#message_pay_complte .goods_info >div:nth-child(3) p:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#message_pay_complte .goods_info >div:last-child{
  margin-top:15px;
}
#message_pay_complte .goods_info2 >div >p:first-child{
  min-width: 60px;
  height: 25px;
  margin-right: 10px;
  line-height: 24px;
  width: 25%;
  float: left;
}
#message_pay_complte .goods_info2 >div >p:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: right;
  height: 25px;
  line-height: 24px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
/*  */
#message_pay_complte .goods_info2{
  padding: 20px;
}
#message_pay_complte .goods_info2 >p{
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 15px;
}
#message_pay_complte .goods_info2 p{
  font-size: 16px;
}
#message_pay_complte .goods_info2 >div:nth-child(2){
  margin-top:15px;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 10px;
}
#message_pay_complte .goods_info2 >div{
  margin-bottom: 15px;
}
#message_pay_complte .goods_info2 button{
  background-color: #EBEBEB;
  width: 100%;
  color: #8A8A8A;
  height: 40px;
  border-radius: 0px;
  font-size: 18px;
  margin-top: 15px;
}
#message_pay_complte .edit_btn{
  display: flex;
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
#message_pay_complte .edit_btn a{
  display: block;
}
#message_pay_complte .edit_btn button{
  border-radius: 0px;
}


/*/////////////////////sequen_sharing//////////////////*/
#sequen_sharing{
  width: 100%;
  padding-bottom: 12vh;
}
#sequen_sharing .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_sharing .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_sharing .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_sharing .all{
  padding: 15px 20px;
}
#sequen_sharing .all p{
  font-size: 14px;
}
#sequen_sharing .all span{
  margin-left: 5px;
}
#sequen_sharing .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#sequen_sharing .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#sequen_sharing .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#sequen_sharing .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#sequen_sharing .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#sequen_sharing .all_agree_box{
  padding: 0px 20px;
}
#sequen_sharing .all_agree_box label{
  font-size:18px !important;
}
#sequen_sharing .agree_list p{
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_sharing .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#sequen_sharing .contents{
  position: relative;
}
#sequen_sharing .contents >img{
  width: 120px !important;
  height: 80px !important;
  min-width: 120px !important;
  min-height: 80px !important;
  max-width: 120px !important;
  max-height: 80px !important;
}
#sequen_sharing .contents >div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
#sequen_sharing .time{
  color: #fff;
  font-size: 9px !important;
  position: absolute;
  left: 26%;
  bottom: 2%;
}
#sequen_sharing .time img{
  width: 10px;
  margin-left: 5px;
}
#sequen_sharing .edit_btn{
  display: flex;
  padding: 15px;
  width: 100%;
  position: fixed;
  bottom: 0%;
  background-color: #fff;
}
#sequen_sharing .edit_btn a{
  display: block;
}
#sequen_sharing .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#sequen_sharing .search_tab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #F2F2F2;
  height: 40px;
  padding: 0px 10px;
}
#sequen_sharing .search_tab a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  color: #A6A6A6;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
   padding: 0px 8px;
}
#sequen_sharing .search_tab div{
  /* width: 24%; */
}
#sequen_sharing .tab_on{
  border-bottom: 2px solid #46B9E6;
  color: #46B9E6 !important;
}
#sequen_sharing .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_sharing .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_sharing .sell_info >div >p:first-child{
  margin-right: 15px;
}
#sequen_sharing .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#sequen_sharing .total span{
  color: #FF81BE !important;
}
/*  */
#sequen_sharing .agree_list{
  width: 100%;
  height: 80px;
  padding: 0 20px;
  margin-bottom: 10px;
}
#sequen_sharing .videos_wrap{
  padding-left: 0px;
}


/*/////////////////////sharing_empty//////////////////*/
#sharing_empty{
  width: 100%;
}
#sharing_empty .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sharing_empty .closed{
  width: 30px!important;
  height: 30px!important;
}
#sharing_empty .title img:last-child{
  width: 30px;
  height: 30px;
}
#sharing_empty .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  top: calc((100% - 30px)/ 2)
  position: absolute;
}
#sharing_empty .empty_cont{
  text-align: center;
  padding-top: 100px;
}
#sharing_empty .empty_cont img{
  width: 32%;
  margin-bottom: 10px;
}
#sharing_empty .empty_cont p{
  font-size: 20px;
}
#sharing_empty .edit_btn{
  display: flex;
  padding: 15px;
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
#sharing_empty .edit_btn a{
  display: block;
}
#sharing_empty .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}

#sharing_empty .list_cont >div{
  padding: 10px 20px;
  font-size: 18px;
}
#sharing_empty .list_cont >div >div img{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-right: 10px;
}
#sharing_empty .list_cont >div >img{
  width: 5%;
}

/*/////////////////////sharing_list//////////////////*/
#sharing_list{
  width: 100%;
}
#sharing_list .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sharing_list .closed{
  width: 30px!important;
  height: 30px!important;
}
#sharing_list .title img:last-child{
  width: 24px;
  height: 24px;
}
#sharing_list .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  top: calc((100% - 30px)/ 2)
  position: absolute;
}
#sharing_list .list_tit{
  padding: 20px;
}
#sharing_list .list_tit span{
  margin-left: 5px;
}
#sharing_list .edit_btn{
  display: flex;
  padding: 15px;
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
#sharing_list .edit_btn a{
  display: block;
}
#sharing_list .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#sharing_list .list_cont >div{
  padding: 10px 20px;
  font-size: 18px;
}
#sharing_list .list_cont >div >div img{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-right: 10px;
}
#sharing_list .list_cont >div >img{
  width: 5%;
}


/*/////////////////////sharing_search//////////////////*/
#sharing_search{
  width: 100%;
}
#sharing_search .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sharing_search .closed{
  width: 30px!important;
  height: 30px!important;
}
#sharing_search .title img:last-child{
  width: 24px;
  height: 24px;
}
#sharing_search .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  top: calc((100% - 30px)/ 2)
  position: absolute;
}
#sharing_search .list_tit{
  padding: 20px;
}
#sharing_search .list_tit span{
  margin-left: 5px;
}
#sharing_search .list_cont >div{
  padding: 10px 20px;
  font-size: 18px;
}
#sharing_search .list_cont >div >div img{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-right: 10px;
}
#sharing_search .list_cont >div >img{
  width: 5%;
}
#sharing_search .list_cont >div >a{
  background-color: #8B8B8B;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  box-sizing: border-box;
  width: 55px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
#sharing_search .search_bar{
  height: 56px;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: relative;
  display: flex;justify-content: flex-start;align-items: center;
}
#sharing_search .search_bar >img{
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  right: 5%;
}
#sharing_search .search_bar >p{
  margin-left: 5%;
}
#sharing_search .search_bar >p >a{
  display: block;
}
#sharing_search .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#sharing_search .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 70%;
  color: #000;
  border: 0px;
  background-color: inherit;
  border-radius: 50px;
}
#sharing_search .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#sharing_search .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}
#sharing_search .bar_cont{
  position: absolute;
  display: flex;justify-content: space-between;align-items: center;
  width: 72%;
  margin-left: 10%;
}
#sharing_search .bar_cont p{
  margin-bottom: 0;
  font-size: 16px;
}
#sharing_search .bar_cont img{
  background-color: #6F6F6F;
  width: 15px;
  height: 15px;
  border-radius: 50px;
}


/*/////////////////////review_write//////////////////*/
#review_write{
  padding: 0px 0px 15px;
  width: 100%;
}
#review_write .title2 p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
}
#review_write .goods_tit{
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}
#review_write .album_img{
  padding-top: 15px;
  margin-bottom:  20px;
}
#review_write .album_img #ex_file{
  width: 1px;
  height: 1px;
  position: absolute;
}
#review_write .prof_img{
  width: 100%;
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
#review_write .prof_img img:first-child{
  width: 70px;
  height: 70px;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  padding: 25px;
}
#review_write .goods_cont{
  width: 100%;
  padding: 15px 15px 200px;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  margin-top: 10px;
}
#review_write .write_cont{
  padding: 0px 20px;
}
#review_write .star{
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 8px solid #eee;
}
#review_write .star img{
  width: 30px;
  height: 30px;
  margin: 5px 3px 0px;
}
#review_write .star p:first-child{
  font-size: 3rem;
}
#review_write .star p:last-child{
  letter-spacing: 0.02em;
  color: #B0B0B0;
  font-size: 18px;
  padding: 10px 10px 15px;
}
#review_write .b_btn_box {
    padding: 15px 0px;
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0%);
    width: 100%;
}


/*/////////////////////review_detail//////////////////*/
#review_detail .review_cont {
    padding: 15px 20px;
}
#review_detail .review_cont >p{
  font-size: 14px;
  margin-bottom: 15px;
}
#review_detail .review_cont >img{
  width: 100%;
}
#review_detail .review_prof{
  display: flex;
  margin-bottom: 15px;
}
#review_detail .profile >a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#review_detail .profile >a >img{
  width: 12%;
  border-radius: 50px;
  margin-right: 10px;
}
#review_detail .review_cont .star{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#review_detail .review_cont .star img{
  width: 10px;
  height: 10px;
  margin-right: 3px;
}
#review_detail .review_cont .star p{
  margin-left: 5px;
  color: #B0B0B0;
  font-size: 10px;
}
#review_detail .dots div{
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
  margin: 3px 0px;
}
#review_detail .flex p{
  margin-right: 5px;
}



/*/////////////////////mypage_bmoney_calculate//////////////////*/
#mypage_bmoney_calculate{
  padding-bottom: 10vh;
}
#mypage_bmoney_calculate .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#mypage_bmoney_calculate .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_bmoney_calculate .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#mypage_bmoney_calculate .sell_result{
  background-color: #46B9E6;
  color: #fff;
  padding: 15px;
  border-radius: 10px;
  margin: 14px 20px;
}
#mypage_bmoney_calculate .sell_result >div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mypage_bmoney_calculate .sell_result >div:last-child p:last-child{
  font-size: 26px;
}
#mypage_bmoney_calculate .save_menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
#mypage_bmoney_calculate .save_menu1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 23rem;
}
#mypage_bmoney_calculate .save_menu1 a >div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px;
  padding: 0px 3px 5px;
}
#mypage_bmoney_calculate .save_menu1 p{
  font-size: 14px;
}
#mypage_bmoney_calculate .save_menu1 img{
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 3px;
}
#mypage_bmoney_calculate .save_menu1 >p{
  margin-left: 5px;
  margin-right: 5px;
}
#mypage_bmoney_calculate .save_menu2 a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 15px;
}
#mypage_bmoney_calculate .save_menu2 img{
  width: 2rem;
  height: 2rem;
  margin-left: 5px;
}
#mypage_bmoney_calculate .save_menu3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  font-size: 15px;
}
#mypage_bmoney_calculate .save_menu3 >div >select{
  width: 23rem;
  height: 40px;
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}
#mypage_bmoney_calculate .b_date{
  background-color: #eee;
  color: rgba(34, 34, 34, 0.6);
  padding: 6px 20px;
  margin-top: 5px;
}
#mypage_bmoney_calculate .b_sub_date{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 0px 5px;
}
#mypage_bmoney_calculate .b_sub_date >p{
  margin-right: 10px;
}
#mypage_bmoney_calculate .dddfont{
  color: rgba(34, 34, 34, 0.6);
}
#mypage_bmoney_calculate .sell_cont{
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 155px;
}
#mypage_bmoney_calculate .sell_cont >div:first-child{
  width: 140%;
  height: 130px;
}
#mypage_bmoney_calculate .sell_cont >div:last-child{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 130px;
  padding-left: 10px;
}
#mypage_bmoney_calculate .sell_cont >div >p{
  margin-bottom: 5px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_bmoney_calculate .sell_cont >div >p:last-child{
  margin-top: 10px;
}



/*/////////////////////mypage_bmoney_calculate_detail//////////////////*/
#mypage_bmoney_calculate_detail{
  padding-bottom: 10vh;
}
#mypage_bmoney_calculate_detail .title{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243)0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mypage_bmoney_calculate_detail .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#mypage_bmoney_calculate_detail .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_bmoney_calculate_detail .b_date {
    background-color: #eee;
    color: #000;
    padding: 6px 20px;
    margin-top: 15px;
}
#mypage_bmoney_calculate_detail .b_cont >p{
  padding: 0px 20px;
  line-height: 32px;
}
#mypage_bmoney_calculate_detail .b_date3 >div >p{
  color: #46B9E6;
  /* font-weight: bold; */
}




/*/////////////////////sequen_rounds_edit//////////////////*/
#sequen_rounds_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_rounds_edit .index_tit{
  width: 100%;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sequen_rounds_edit .index_tit img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_rounds_edit .index_tit a{
  display: block;
}
#sequen_rounds_edit .index_tit div{
  width: 15%;
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_rounds_edit .index_tit div:last-child{
  justify-content: flex-end;
}
#sequen_rounds_edit .index_tit >p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_rounds_edit{
  position: relative;
  width: 100%;
  padding-bottom: 10vh;
}
#sequen_rounds_edit .title{
  width: 100%;
  padding: 20px;
  text-align: center;
  position: relative;
  box-shadow: rgb(243 243 243) 0px -1px 0px inset;
}
#sequen_rounds_edit .title img{
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc((100% - 30px)/ 2);
  left: 5%;
}
#sequen_rounds_edit .title p{
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 600;
}
#sequen_rounds_edit .index_btn{
  display: flex;justify-content: space-around;align-items: center;
  padding: 10px;
}
#sequen_rounds_edit .index_btn a{
  display: block;
}
#sequen_rounds_edit .index_btn button{
  padding: 8px 2%;
  font-size: 14px;
  background: #F7F7F7;
  border-radius: 50px;
  color: #A9A9A9;
  width: 35%;
  height: 35px;
  box-shadow: 0px 3px 4px rgba(158, 158, 158, 0.25) !important;
  margin: 0px 5px;
}
#sequen_rounds_edit .index_btn p{
  margin-bottom: 0;
}
#sequen_rounds_edit .check input[type="checkbox"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#sequen_rounds_edit .check input[type="checkbox"] + label {
  display:flex;justify-content:space-between;align-items:center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:1rem;
}
#sequen_rounds_edit .check input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  /* top:4px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius :50%;
}
#sequen_rounds_edit .check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
#sequen_rounds_edit .check input[type="checkbox"]:checked + label:before {
  background: #46B9E6;
  border:none;
  background-image: url('/app/img/complet.png');
  background-size: 100%;
}
#sequen_rounds_edit .all_agree_box{
  padding: 0px 20px;
}
#sequen_rounds_edit .all_agree_box label{
  font-size:18px !important;
}
#sequen_rounds_edit .agree_list{
  margin-top: 20px;
  padding-right: 20px;
}
#sequen_rounds_edit .agree_list p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}
#sequen_rounds_edit .agree_list li{
  margin-bottom:15px;
}
#sequen_rounds_edit .agree_list li a{
  text-decoration:underline;
  color:#C4C4C4;
  font-size: 14px;
  font-weight: normal;
}
#sequen_rounds_edit .contents{
  position: relative;
}
#sequen_rounds_edit .contents >img{
  width: 10rem;
}
#sequen_rounds_edit .contents >div{
  /* width: 100%; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* margin-left: 10px; */
}
#sequen_rounds_edit .contents >div:first-child{
  /* border: 1px solid red; */
  width: 100%;
}
#sequen_rounds_edit .contents >div >img{
  width: 2.5rem;
  height: 2.5rem;
}
#sequen_rounds_edit .time{
  color: #fff;
  font-size: 9px !important;
  position: absolute;
  left: 30%;
  bottom: 2%;
}
#sequen_rounds_edit .edit_btn{
  padding: 10px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
}
#sequen_rounds_edit .edit_btn a{
  display: block;
}
#sequen_rounds_edit .edit_btn button{
  margin-left: 10px;
  margin-right: 10px;
}
#sequen_rounds_edit .rounds{
  display: flex;
  align-items: center;
}
#sequen_rounds_edit .count{
    margin-right: 10px;
    background-color: #8C8C8C;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    width: 60px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
#sequen_rounds_edit .rounds_cont{
  padding: 20px;
}
#sequen_rounds_edit .rounds_cont >p{
  margin-bottom: 15px;
}
#sequen_rounds_edit .rounds_input{
  /* display: flex; */
  justify-content: center;
  align-items: center;
  border: 1px solid #F2F2F2;
  /* padding-right: 10px; */
  /* margin-bottom: 15px; */
  margin-right: 10px;
  width: 79%;
}
#sequen_rounds_edit .rounds_input input{
  width: 100%;
  padding: 10px;
  border: 0px;
  outline: none;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#sequen_rounds_edit .rounds_input input::placeholder{
  font-size: 16px;
  font-weight:normal;
}
#sequen_rounds_edit .sell_info{
  display: flex; justify-content: space-between;align-items: center;
  padding: 15px 20px;
}
#sequen_rounds_edit .sell_info >div{
  display: flex;justify-content: space-between;align-items: center;
}
#sequen_rounds_edit .sell_info >div >p:first-child{
  margin-right: 15px;
}
#sequen_rounds_edit .sell_info p:last-child img{
  width: 1.5rem;
  margin-left: 5px;
}
#sequen_rounds_edit .total span{
  color: #FF81BE !important;
}


/*/////////////////////main_search2//////////////////*/
#main_search2 .search_bar{
  height: 56px;
  width: 100%;
  padding: 20px 0px;
  box-shadow: 0px 1px 3px rgba(205, 205, 205, 0.25);
  line-height: 12px;
  position: fixed;
  display: flex;justify-content: flex-start;align-items: center;
  background-color: #fff;
  z-index: 9;
}
#main_search2 .search_bar >img{
  width: 25px;
  position: absolute;
  right: 5%;
}
#main_search2 .search_bar >p{
  margin-left: 5%;
}
#main_search2 .search_bar >p >a{
  display: block;
}
#main_search2 .search_bar .search_bnt{
  width: 80%;
  height: 35px;
  border-radius: 50px;
  background-color: #F9F9F9;
  margin-left: 20px;
}
#main_search2 .search_bar .search_bnt >input{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  line-height: 33px;
  outline: none;
  float: left;
  width: 70%;
  color: #000;
  border: 0px;
  background-color: inherit;
}
#main_search2 .search_bar .search_bnt >button{
  width: 15%;
  height: 100%;
  border: 0px;
  background: #F6F6FA;
  outline: none;
  float: left;
  border-radius: 50px;
}
#main_search2 .search_bar .search_bnt >button >img{
  width: 23px;
  height: 23px;
}

body .sub_btn_more{clear: both; text-align: center;}

body .sub_btn_more span {
    display: inline-block;
    font-size: 15px;
    height: 36px;
    padding-right: 35px;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 32px;
    padding-left: 20px;
    line-height: 2.4;
    margin-top: 25px;
	cursor:pointer;
  }

body .sub_btn_more span::after {
	cursor:pointer;
      content: "";
      position: absolute;
      right: 14px;
      top: 50%;
      width: 14px;
      height: 6px;
      margin-top: -3px;
      background: url(/app/img/ico_control02.png) 0 0 no-repeat;
      background-size: 100% auto;
  }

.chat_new {background: #ff4e4f;color: #fff;border-radius: 100%;width: 16px;height: 16px;font-size:10px;display:inline-block;text-align:center;line-height:16px}
.tap_notice {margin: 0 !important;border-radius: 100%;color: #fff !important;background: #ff4e4f;width: 18px;height:18px !important;max-height: 18px;font-size: 11px;font-weight: 500;line-height: 13px;z-index:1;position:relative;top:-15px;left:-10px}
.tap_notice p {line-height: 16px;font-weight: 500;}
.heart{display:inline-block;background:url('/app/img/heart_gray.png');width:25px;height:21px;background-size: 25px 21px;vertical-align:middle}
.heart.on{background:url('/app/img/heart_red.png');background-size: 25px 21px;vertical-align:middle}

/* 멤버십 (mypage_member)*/
.edit_btn {box-shadow: 2px -1px 10px rgb(228 228 228 / 47%);display: flex;padding:15px 10px;width: 100%;bottom: 0; justify-content: space-between;}
.member_wrap {background: linear-gradient(48deg, #3DBCED 44.14%, #526DC9 151.84%);height:120px; padding: 15px;color: #fff;}
.member_wrap h2 {padding: 0;}
.member_intro {text-align: center;margin: 40px 0px;color: #026389;}
.member_intro p, h2 {padding: 0px 15px;}
.member_intro h2 {font-family: 'yg-jalnan'; font-size: 24px;}
.member_intro img {width: 65%;margin: 0 auto;display: block;margin-top: 30px;margin-bottom: 30px;}
.member_box {padding: 10px 0px;border-radius: 5px;background-color: #f3f3f3;background: #FFFFFF;box-shadow: 0px 5px 10px rgb(228 228 228 / 47%);font-size: 13px;}
/* .cust_table{ display: block;max-width: 100%;overflow: scroll;}
.cust_table tr td{word-break:break-all;width: 100% !important;height: 35px !important;}
.point_input{width: 100% !important;height: 35px !important;} */
.use_point_all_btn {background-color: #f4f4f4;border-radius: 40px;padding: 2px 8px;margin-top: 5px;border: 1px solid #d9d9d9;font-size: 12px;}
.hold {color: #838383;font-size: 13px;margin-right: 5px;}
.cust_table tr td:last-child{width: 80% !important;}
.lecturegrp1{
  font-size:10px;
  color:#FF81BE;
}
.lecturegrp2{
  font-size:10px;
  color:#46B9E6;
}
/* custom 수정작업=============================*/
.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    padding: 30px 30px 15px;
    border-radius: 10px;
}
.edit_btn{box-shadow:none;padding: 0px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #fff !important;
    color: #46B9E6 !important;
    text-shadow: none !important;
    -webkit-transition: background .2s;
    transition: background .2s;
    border: none !important;
    background-image: none !important;
    box-shadow: none;
    outline: none !important
}
.custom_padding{
  padding: 15px;
}
.photo_box .item .re_img_box img {
    width: 70px !important;
    height: 70px !important;
}
.photo_box{
  margin-left: -20px !important;
}
.photo_box > ul{
  padding: 0 20px !important;
}
ul.blahimg li {
    overflow: initial !important;
}
.photo_box .imgs_wrap {
    display: flex !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
}
#seller_profile .sell_info p:first-child {
    width: 50%;
}
.custom_listcont{
  /* width: 90%; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom_movebtn{
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.custom_movebtn >img {
    width: 2.5rem;
    height: 2.5rem;
}
#seller_profile .custom_seller_list .custom_listcont >div:first-child{
  display:flex;justify-content:space-between;
  margin-bottom:20px;
  width: 85% !important;
}
#seller_profile .custom_seller_list .img{
  width:130px;
  height:90px;
  position:relative;
  flex-shrink:0;
  margin-right:10px;
}
#seller_profile .custom_seller_list .img a{
  width:100%;
  height:100%;
  display:block;
	width:130px;
  height:90px;
	position:relative;
}
#seller_profile .custom_seller_list .img img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#seller_profile .custom_seller_list .img button{
	width: 16px;
	height: 14px;
	position: absolute;
}
#seller_profile .custom_seller_list .img button img{
	min-width:16px;
	min-height:14px;
	max-width:16px;
	max-height:14px;
	position: absolute;
	top: 50%;
  right: 25%;
}
#seller_profile .custom_seller_list .img .like{
  position:absolute;
  top: 0;
  right: 0;
  background:none;
  width: 2.8rem;
}
#seller_profile .custom_seller_list .txt{
  width:100%;
  display:flex;flex-flow:column;
  justify-content:space-between;
}
.custom_seller_btn{
  background: #eee;
  color: #333;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
  /* margin-right: 10px; */
}
.custom_seller{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom_seller p:last-child img {
    width: 1.5rem;
    margin-bottom: 3px;
    margin-left: 2px;
}
#sequen_group2 .sequ_cont >a >div >div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    height: 66px;
    width: 100%;
}
#sequen_group2 .sequ_cont >a >div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
#sequen_group2 .sequ_cont >a >div >div >div:first-child {
    margin-right: 10px;
    background-color: #8C8C8C;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    width: 60px;
    height: 25px;
    text-align: center;
}
#sequen_group2 .sequ_cont >a >div >div >div:last-child{
  width: 79%;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}
#sequen_group2 .sequ_cont >a >div >div >div:last-child p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  /* font-size: 15px; */
}
#sequen_group2 .sequ_cont >a >div >div >div:last-child p:first-child{
	font-size: 15px !important;
}
#sequen_group2 .sequ_cont >a >div >div >div:last-child p:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-align: left;
  font-size: 13px;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
.footer2{
  background: #fff;
  padding: 20px 20px;
  font-size: 13px;
  /* position:absolute; */
  bottom: 0;
  width: 100%;
}
.footer2 .f_cont2{
  /* border-top: 1px solid #eee; */
  color: rgba(34, 34, 34, 0.6);
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.footer2 .f_cont2 >p{
  width: 100%;
}
.footer2 .f_cont3{
  color: rgba(34, 34, 34, 0.6);
  line-height: 20px;
}

#message_pay .check input[type="checkbox"] + label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
}
#message_pay .check input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    /* top: 4px; */
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
		-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#sequen_salesequen .poplu .thumb{
  width: 100px !important;
  height: 67px !important;
  min-width: 100px !important;
  min-height: 67px !important;
  max-width: 100px !important;
  max-height: 67px !important;
}
/* .footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px 5px;
  margin-bottom: 15px;
} */
.footer .f_cont3{
  font-size: 13px;
  color: rgba(139, 139, 139, 0.9);
  padding: 20px 20px 11vh;
  background: #f2f2f2;
}
#sval{
  background-color: #fff;
}
.cut_imgbig img{
  width: 28px !important;
}
#video_group_folderadd .input_box{
  padding-top: 20px;
  margin-bottom: 0px;
  padding-left: 0px !important;/**/
}
#video_group_folderadd .input_box li {
  margin-bottom: 15px;
  margin-right: 0px;
  /* padding: 0px 20px !important; */
}
 #video_group_folderadd{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px 20px;
  overflow-x: hidden !important;
}
.cust_sequenmyvideosub #video_group_folderadd{
  padding-bottom: 0px;
}
#sequen_myvideo .input_box >li{
  margin-bottom: 20px;
  margin-right: 0px;
  padding: 0 20px;
}
#sequen_myvideo .input_box li label{
  margin-bottom: 10px;
}
#sequen_myvideo .input_box{
  margin-bottom: 0px;
  padding-left: 0px !important;/**/
}
#sequen_myvideo{
  width: 100%;
  height: 100%;
}
#sequen_myvideo ul{
}
.chat_pop_flex p{
  color: #FF81BE !important;
}
.embed-container{
  padding-bottom: 66% !important;
}
.embed-container >img{
  display: flex;
}
.video_img{
  background-color: #fff !important;
}
.vp-center{
  align-items: flex-start !important;
  -webkit-box-align: start !important;
  -webkit-box-pack: start !important;
}
#video_detail .embed-container .vp-center{
  align-items: flex-start !important;
  -webkit-box-align: start !important;
  -webkit-box-pack: start !important;
}
.player .vp-video-wrapper .vp-preview{
  align-items: flex-start !important;
  -webkit-box-align: start !important;
  -webkit-box-pack: start !important;
}
.embed-container iframe .vp-center{border: 1px solid red;}

/* //////////__buttonFixedForm__   //   __buttonFixedBox__//////////// */
.bottomFixedArea {
  position: fixed;
  top: 0px;
  width: 100%;
    height: 100%;
  pointer-events: none;
  z-index: 10000;
  display: none;
}
.bottomFixedArea .button {
  position: absolute;
  bottom:0;
  padding:10px 0 20px 0;
  width: 100%;
  background: #fff;
  pointer-events: auto;
}
.bottomFixedArea .button button{
  background: #46B9E6;
  color: #fff;
  font-size: 18px;
  width: calc(100% - 40px);
  height: 50px;
  border-radius: 5px;
  margin:0 20px;
}
.swiper-button-next, .swiper-button-prev{
	cursor: none !important;
	pointer-events: none !important;
}
.save_cont{}
.save_cont tr{
	display: flex;
	justify-content: space-between;
	align-content: center;
}
.mypage_bmoney_modify .save_cont tr{
  align-items:center;
  border-bottom:1px dashed #ddd;
  padding:0 20px;
}
.mypage_bmoney_modify .save_cont tr.modi_border_none{
  border-bottom:none;
}
.save_cont tr td{
	font-size: 13px;
}
.save_cont_modify.save_cont tr th{
  width:auto !important;
  font-size: 3.5vw;
  white-space: nowrap;
  text-align:center;
}
.save_cont_modify.save_cont tr td{
  font-size:3vw;
  white-space: nowrap;
  border-bottom:none;
	text-align: center;
}
/* .save_cont tr th:first-child{
	width: 80px;
	text-align: left;
}
.save_cont tr th:last-child{
	width: 80px;
	text-align: right;
}
.save_cont tr td:first-child{
	width: 70px;
	text-align: left;
}
.save_cont tr td:last-child{
	width: 70px;
	text-align: right;
	/* color: #46B9E6; */
} */

.save_cont_modify.save_cont tr th:first-child{
	width: initial;
	text-align: center;
}
.save_cont_modify.save_cont tr th:last-child{
	width: initial;
	text-align: center;
}
.save_cont_modify.save_cont tr td:nth-child(2){
  width: 22.55vw;
}
.save_cont_modify.save_cont tr td:nth-child(3){
  width: 19.35vw;
}
.save_cont_modify.save_cont tr td:last-child{
  width: 12.8vw;
}
#circle1 {
	background-color: red!important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 75px!important;
  text-align: center!important;
  margin: 0 auto!important;
  font-size: 12px!important;
  vertical-align: middle!important;
  line-height: 150px!important;
  position: absolute!important;
  margin-left: -9px!important;
  /* margin-top: -71px!important; */
	top: 5% !important;
}

#detail_intro .present-area .box {
    width: 32px !important;
    height: 100% !important;
    /* border: 1px solid !important; */
}
#detail_intro .present-area .graph-box {
    display: table-cell !important;
    vertical-align: middle !important;
    width: 15% !important;
    text-align: center !important;
}
#detail_intro .present-area .graph-box .graph{
	margin-top: 0px !important;
}
#detail_intro .bubble img{
	left: 0 !important;
}
#detail_intro .bubble p{
	left: 0 !important;
	font-size: 10px !important;
}
/*  */
.more_btn{
	color: #000 !important;
}
#mypage_bmoney_calculate .save_menu3 >div >select{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	padding-right: 22px !important;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
#mypage_sell .save_menu3 >div >select{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
	padding-right: 22px !important;
	word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}
.sequen_group2_sub2 .sequ_cont >a >div >div >div:last-child p:last-child{
	overflow: hidden!important;
  text-overflow: ellipsis!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 1!important;
  -webkit-box-orient: vertical!important;
  word-wrap: break-word!important;
  text-align: left!important;
  font-size: 13px!important;
	word-wrap: break-word!important;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap!important; /* Firefox 1.0-2.0 */
  white-space: pre-wrap!important;      /* current browsers */
}

/*  */

@media screen and (max-width:330px){
  #sequence .search_tab a{
    font-size:14px
  }
}

/*  */

/* 스타일 추가 */

body {
	max-width: 450px;
	margin: 0 auto!important;
}
#index .back-to-top, #sequence .plus_btn, .plus_btn, .back-to-top {
	right: calc(50% - 210px)!important;
}
.plus_btn {
	bottom: 18%!important;
	display: none!important;
}
#tail {
	display: none
}
#tail, #wait-loader, #hide_bg, #loading-box, .remove_box {
	max-width: 450px!important;
}
#index .index_tit {
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.pc_hd_tit {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#index {
	padding-bottom: 30px
}
.btn_back, .jconfirm .jconfirm-holder, .jconfirm, #message_detail .index_tit, .search_bar, #popup5, #popmenu, #popup7, #popup7 #popmenu, .fancybox-image, .fancybox-spaceball, .fancybox-container, #popup2 {
	max-width: 450px!important
}
.app_link {
	display: block;
	text-align: center;
	line-height: 50px;
}
.jconfirm, .fancybox-container {
	left: 50%!important;
	transform: translateX(-50%);
}
.heart_big, .heart_small, .heart {
	display: none!important
}
.search_tab::-webkit-scrollbar, .introduction::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.fancybox-container {
	transform: none!important;
	transform: translateX(-50%)!important;
}
#index .poplu2 >div >a {
	cursor: pointer;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
	padding-bottom: 0
}
#index .poplu2_cont >div >div:first-child >p {
	font-size: 13px;
	width: auto;
}
#index .poplu2_pic {
	height: 90px;
	min-width: 135px;
	margin-right: 0
}
#index .poplu2_pic >img:first-child {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-width: inherit;
}
#index .poplu2_cont >div:last-child >div:first-child {
	width: 100%
}
#popup17 .search_bar .search_bnt {
	width: calc(100% - 70px)
}
#popup17 .search_bar >img {
	right: 15px
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
	padding-bottom: 0
}
#detail_intro .search_tab {
	height: 45px
}
#detail_intro .search_tab p {
	height: 34px
}
html {
	background: #f9f9f9
}
.product_description {
	background: #fff
}
#detail_intro .back-to-top, #index .back-to-top {
	width: 50px;
	height: 50px
}
#detail_intro .glyphicon, #index .glyphicon {
	height: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: -5px
}
.back-to-top p {
	font-size: 12px
}
#detail_intro .search_tab {
	justify-content: space-around;
}
#index .index_tit div a {
	cursor: pointer;
}
#index .index_tit div a:last-child {
	margin-left: 10px
}
#detail_intro .intro_cont >div:last-child p span.colorFF81BE {
	padding-right: 5px
}
.footer_border {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 450px;
	left: 50%;
	transform: translateX(-50%);
	height: 5px;
	background: #fff;
	border-top: 1px solid #dedede;
}
#index, #seller_profile, #detail_intro, #video_detail {
	height: 100%;
	min-height: 100vh
}
#detail_intro {
	padding-bottom: 0
}
#index .poplu2 >div:last-child {
	margin-bottom: 0
}
#seller_profile .msg_btn {
	display: none
}
#seller_profile .discount {
	font-size: 17px;
}
#seller_profile .small_profile p {
	font-size: 13px
}
.home_dir_btn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 70px;
	height: 70px;
	background: #46B9E6;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex-direction: column;
	font-size: 12px;
	z-index: 999;
	font-weight: 500;
	box-shadow: 0px 0px 13px #a2c2cf
}
.home_dir_btn:hover {
	color: #fff
}
.home_dir_btn img {
	width: 22px;
	margin-bottom: 2px
}
#index .poplu >div >a >div >div p {
	font-size: 13px
}
#index .poplu2_cont >div >div:last-child p {
	font-size: 17px;
	font-weight: 600
}
#index .poplu >div >a >div:last-child p {
	font-size: 15px;
	font-weight: 600
}
.back-to-top {
	bottom: 80px!important
}
#seller_profile .price {
	margin-bottom: 0
}
.closed_search, .intro_menu, .back_arrow {
	cursor: pointer;
}
#detail_intro .product_introduce {
	padding: 20px!important;
	padding-bottom: 50px!important
}
#detail_intro .intro_menu {
	display: none
}
.app_link {
	cursor: pointer;
}
.app_link:hover {
	color: #fff
}
.dark_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #0000008f;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 450px;
	z-index: 999;
	display: none;
	cursor: pointer;
}
.modal_pop {
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	border-radius: 10px;
	text-align: center;
	max-width: 350px;
	z-index: 999;
	font-size: 17px;
	display: none;
	padding: 30px 40px;
}
.modal_pop.on, .dark_bg.on {
	display: block;
}
body.on {
	overflow: hidden;
	height: 100vh
}
.app_dir a {
	border: 1px solid #000;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	font-weight: 600;
	line-height: 1;
	font-size: 17px;
}
.app_dir a:last-child {
	margin-top: 15px;
}
.app_dir img {
	width: 23px;
	margin-right: 10px;
}
.modal_pop > p {
	margin-bottom: 30px;
}
.close_btn {
	position: absolute;
	border-radius: 100%;
	background: #000000a1;
	width: 45px;
	height: 45px;
	left: 50%;
	transform: translateX(-50%);
	top: -70px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.close_btn img {
	width: 14px
}
#index {
	padding-bottom: 0
}
#index .footer {
	padding-bottom: 20px
}
#index .f_cont2 {
	margin-bottom: 0
}
.product_flex {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
}
.product_pdf {
	display: flex;
	color: #FF81BE ;
	font-weight: 600;
	align-items: center;
	font-size: 13px;
	padding-bottom: 5px;
}
.product_pdf img {
	width: 15px;
	margin-right: 5px;
}
.pdf_down {
	display: flex;
	justify-content: flex-end;
	padding-top: 13px;
	padding-right: 15px
}
.pdf_down_btn {
	border-radius: 30px;
	background: #46B9E6;
	color: #fff;
	padding: 7px 13px;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 12px
}
.pdf_down_btn img {
	width: 10px;
	margin-left: 5px
}
@media (max-width: 700px) {
	.home_dir_btn {
		right: calc(50% - 210px);
		width: 50px;
		height: 50px;
		border-radius: 100%;
		font-size: 10px;
		font-weight: 400;
		box-shadow: none
	}
	.home_dir_btn img {
		width: 15px
	}
}
@media (max-width: 500px) {
	#index .back-to-top, #sequence .plus_btn, .plus_btn, .back-to-top, .home_dir_btn {
		right: 20px!important;
	}
}
.jconfirm {
	width: 100%
}
#index .poplu2_cont >div >div:last-child .pro_price {
	width: 142%;
  display: flex;
  position: absolute;
  top: -20px;
  right: 0;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}
#index .poplu2_cont >div >div:last-child .pro_price span {
	margin-right: 5px;
	text-decoration: none!important;
}
#index .poplu2_cont >div >div:last-child {
	position: relative;
}
#index .poplu2_cont >div >div:last-child p.line {
	font-size: 14px
}
.blockcspan {
	display: block;
}
#detail_intro .intro_cont >div:last-child div.price_detail {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#detail_intro .intro_cont >div:last-child div.price_detail span {
	margin-right: 5px
}
#detail_intro .intro_cont >div:last-child div.price_detail p{
  text-decoration: line-through;
  color: #B0B0B0;
  font-size: 15px;
}