@charset "utf-8";
 
.subwrap .subtit {width:100%; display:block; text-align:center; padding:20px 20px 30px 20px; } 
.subwrap .subtit h2 {width:100%; display:block; font-size:40px; font-weight: 600; line-height:1.2;} 
.subwrap .subtit span {width:100%; display:block;  font-size: 15px; font-weight:400; padding:10px 0 0 0;} 
.sub_location { display:none; font-size: 15px; font-weight:400;   text-align:right;  } 
.sub_location span { width:auto; position:relative;z-index:1;  display:inline-block; padding:0 8px 0 12px; margin:0 0 20px;line-height:20px; height:20px; color:#999;  } 
.sub_location span:before { position:absolute; left:0; top:50%; z-index:2; transform:translateY(-50%); content:''; display:inline-block; clear:both; width:4px;height:4px; border-radius:100%; background:#707070;  } 
.sub_location span:first-child  {padding:0 8px 0 0; } .sub_location span:first-child:before  {display:none; } 
.sub_location span:last-child {color:#fff} h3.ctit {width:100%;display:block; padding:0 0 20px; font-size:15px; font-weight: 600;} 
h3.ctit {width:100%; display:block; padding:0 0 10px; font-size:15px; font-weight: 600;}
h3.ctit1 {width:100%; display:block; padding:0 0 15px; font-size:18px; font-weight: 600;}

@media all and (max-width:1050px){  
	.subwrap {padding:70px 0 50px 0;}	 
	.sub_location,
	.subwrap .mDetail_titwrap .sub_location {display:none;}
} 
@media all and (max-width:801px){ 
	.subwrap .subtit h2 { font-size:36px;}
} 
@media all and (max-width:768px){
	.subwrap .subtit h2 { font-size:32px;}
    .subwrap .subtit span {font-size: 15px; } 
}
@media all and (max-width:600px){
    .subwrap .subtit { padding:10px 20px 30px 20px; } 
	.subwrap .subtit.pb0 { padding:10px 15px 15px 15px !important; } 
}
@media all and (max-width:480px){
    .subwrap {padding:70px 0 40px 0;}
	.subwrap .subtit h2 { font-size:30px;}
} 
@media all and (max-width:400px){   
    .subwrap .subtit { padding:10px 15px 30px 15px; }
	.subwrap .subtit.pb0 { padding:10px 15px 10px 15px !important; } 
    .subwrap .subtit span {font-size: 14px;}
	h3.ctit {font-size:14px; }
} 
@media all and (max-width:350px){   
	.subwrap .subtit h2 { font-size:24px;}
}


.subwrap.subwrap_odwrap {width:100%; padding:35px 20px !important;}
.subwrap.subwrap_odwrap .subtit h2 {  font-size:30px; font-weight: 600; } 


/* marketmenu */ 
.marketmenu {width:100%; overflow:hidden; display:flex; justify-content:center; item-align:center; border-top:1px solid #333; border-bottom:1px solid #333; padding:14px 0 !important; margin:0 0 20px;  }
.marketmenu input { width:auto; background:transparent; border:none; color:#fff;font-size: 20px; font-weight:700; line-height:50px; height:50px; padding:0 30px; margin:0 5px; border-radius:25px; }
.marketmenu input.on { background: rgba(255, 255, 255, 0.18); border:none }
.marketmenu {position:relative; width:100%; padding:20px 0 0 0; position:relative; animation:fadein 0.8s}

@media all and (max-width:1200px){ 
	.marketmenu input { font-size:18px;}
}  
@media all and (max-width:801px){ 
	.marketmenu input { font-size: 16px;padding:0 25px;}
}
@media all and (max-width:600px){ 
    .marketmenu {padding:10px 0 !important; }
	.marketmenu input { font-size: 15px; margin:0; padding:0 20px;line-height:46px; height:46px; }
}
@media all and (max-width:400px){ 
	.marketmenu input { padding:0 15px;line-height:44px; height:44px;}
} 
@media all and (max-width:350px){  
	.marketmenu input { font-size: 14px; padding:0 12px;line-height:40px; height:40px; }
} 
@media all and (max-width:300px){  
	.marketmenu input { font-size: 13px; }
}  


/* market list */ 
.marketwrap {position:relative; display:flex; justify-content:space-between; align-items: stretch; }
.marketwrap .leftwrap {width:16%; max-width:300px; min-width:280px;  }
.marketwrap .rightwrap {width:100%; margin:0 0 0 20px; }
.marketwrap.musicwrap .rightwrap{ width: calc(100% - 320px); margin: 0 0 0 320px; }
.marketwrap.musicwrap .leftwrap { position: fixed; overflow-y: auto; width: 16%; max-width: 300px; min-width: 280px; z-index:10;}
 
.marketwrap .leftwrap .filter_head {display:none; position:fixed; top:0;left:0; z-index:2; background:rgba(25, 25, 25,0.85); width:100%; height:50px; padding:0 15px 0 25px;display:flex; justify-content:space-between; align-items:center; }
.marketwrap .leftwrap .filter_head h3 {line-height:50px; height:50px; }
.marketwrap .leftwrap .filter_head .btn_filter_close { width:40px; height:40px; font-size:0; z-index:11; background:url(/assets/img/com/pop_close_w.svg) no-repeat center 50%; background-size:20px; }
 
.marketwrap .leftwrap .tabsalewrap { position: relative; width:100%; padding:22px 0 0 0; }
.marketwrap .leftwrap .tabsalewrap .tabsalebtn {width:100%; display:flex; justify-content:space-between; align-items:center; background: rgba(25, 25, 25, 1); height:50px; border-radius:25px; padding:2px;}
.marketwrap .leftwrap .tabsalewrap .tabsalebtn input {width:calc(50% - 1px); font-size: 16px; font-weight: 600; color: rgba(255, 255, 255,0.5); background: rgba(255, 255, 255, 0.05); border:none; line-height:46px; height:46px; border-radius:25px;}
.marketwrap .leftwrap .tabsalewrap .tabsalebtn input.on {color: rgba(17, 17, 17, 1); background:#fff; background:#fff;  animation:fadein 0.8s}

.leftwrap.fixed {
	position: fixed;
}

@media all and (max-width:1050px){
	.marketwrap.musicwrap .leftwrap ,
	.marketwrap .leftwrap {display:none; position:fixed; left:0; top:0 !important; z-index:10; width:100%; max-width:100%; height:100%; max-height:100%;  min-height:100%; background:#191919; overflow-y:auto; padding:60px 20px 40px 20px; margin:0; }
	.marketwrap .leftwrap .btn_filter_close {display:inline-block; top:3%; right:3%;}
	.marketwrap.musicwrap .rightwrap,
	.marketwrap .rightwrap {width:100%; max-width:100%; margin:0; } 
	.marketwrap .leftwrap .btn_filter_close { top:5px; right:15px; background-size:20px;}
} 
@media all and (max-width:600px){    
	.marketwrap .leftwrap .btn_filter_close { right:10px;}  
} 
@media all and (min-width:1051px){  
	.marketwrap .leftwrap .filter_head {display:none; } 
}
 



/* marketbanner */
.marketbanner { position: relative; padding-top:38.19%; width: 100%; border-radius:10px; overflow:hidden; display:block; margin:0 0 20px;}
.marketbanner iframe { position: absolute; top: 0; left: 0; width:100%; height: 100%; border:none;}
.eDetailwrap .marketbanner{margin:20px 0; padding-top:76.38%;}

@media all and (max-width:768px){    
	.marketbanner { padding-top:100%;}
    .eDetailwrap .marketbanner{padding-top:200%;}
} 
@media all and (min-width:1600px){  
	.marketbanner { padding-top:580px; max-height:580px;}
    .eDetailwrap .marketbanner{padding-top:76.38%;}   
}


/* mbannerbtn */
.mbannerbtn {width:100%; padding:0 0 30px; }
.mbannerbtn a { width:100%;  border:none; padding:0 30px 0 164px; border-radius:10px; display:block; font-size:15px; color:#999; background:#202020 url(/assets/img/content/logo_pikiroom_pink.svg) no-repeat 30px 50%; background-size:107px; line-height:60px;  height:60px; }
.mbannerbtn a span {position: relative; width:100%; display:inline-block; font-weight:300; line-height:inherit; height:inherit;background:url(/assets/img/content/go_w.svg) no-repeat right 50%; background-size:24px; display:inline-block; text-align:left; }
.mbannerbtn a span:before { position: absolute; left:-13px; top:50%; transform:translateY(-50%); content:''; display:inline-block; width:1px; height: 20px; background-color: rgba(255, 255, 255, 0.1);}
.mbannerbtn a span b {color:#be3455; font-weight:400;}
.mbannerbtn a em {display:none; font-size:0;}
.mbannerbtn a:hover {  font-weight:400; background:#be3455 url(/assets/img/content/logo_pikiroom.svg) no-repeat 30px 50%; background-size:107px; color:#fff; }  
.mbannerbtn a:hover span b {color:#1e1e1e; font-weight:600;}

@media all and (max-width:801px){    
	.mbannerbtn a { font-size:14px; padding:0 25px 0 136px; background:#202020 url(/assets/img/content/logo_pikiroom_pink.svg) no-repeat 25px 50%;  background-size:80px;  line-height:50px;  height:50px; }
}
@media all and (max-width:620px){    
	.mbannerbtn a { font-size:13px;  padding:0 20px 0 118px; background:#202020 url(/assets/img/content/logo_pikiroom_pink.svg) no-repeat 20px 50%;  background-size:70px;  }
}
@media all and (max-width:600px){    
    .mbannerbtn a { padding:0 15px 0 118px; }
	.mbannerbtn a span {display:none;}
	.mbannerbtn a em {position: relative;  width:100%; display:inline-block;   background:url(/assets/img/content/go_w.svg) no-repeat right 50%; background-size:24px; }
	.mbannerbtn a em:before { position: absolute; left:-12px; top:50%; transform:translateY(-50%); content:''; display:inline-block; width:1px; height: 16px; background-color: rgba(255, 255, 255, 0.1);}
} 
@media all and (max-width:400px){    
	.mbannerbtn a { padding:0 15px 0 118px;  }
} 
                              

/* sub_searchwrap */
.sub_searchwrap { width:100%; height:40px; margin-bottom: 6px;}
.sub_searchwrap form { width:100%; border-bottom:1px solid #333; display:flex; justify-content:space-between; align-items:center;}
.sub_searchwrap .input-group {position:relative; z-index:1;  width:calc(100% - 40px);  height:40px; float:left; }
.sub_searchwrap .input-group .searchinput1  { font-weight:400;  position:absolute; top:0; left:0;   z-index:2;  width:100%; line-height:40px; height:40px;  color:#fff; padding:0 30px 0 0; text-align:left; background:transparent ; border:none;}

.sub_searchwrap .input-group .searchclear1 { position: absolute; right:0; top: 0;z-index:3; bottom: 0; width:30px; height:30px; margin: auto; font-size: 12px; cursor: pointer; color:#CBCCCD;background:transparent url(/assets/img/com/close_w.svg) no-repeat center 50%; background-size:18px; opacity: 0.5;}
.sub_searchwrap .input-group .searchclear1 i {font-size:0;}
.sub_searchwrap .input-group .searchinput1:focus { border:none;}
.sub_searchwrap .input-group .searchclear1:hover {background:url(/assets/img/com/close_w.svg) no-repeat center 50%;background-size:18px; opacity: 0.5;}
.sub_searchwrap .search_btn {width:40px; max-width:40px;height:40px; background:url(/assets/img/com/search.svg) no-repeat center 50%; background-size:20px; opacity:0.8;}
.sub_searchwrap .search_btn span {font-size:0 ; text-indent:-9999em; overflow: hidden;}

.sub_searchwrap input::placeholder {color:#fff; font-weight:400 !important; opacity:0.5}
.sub_searchwrap input::-webkit-input-placeholder{color:#ffff; font-weight:400 !important;}
.sub_searchwrap input:-ms-input-placeholder {color:#fff; font-weight:400 !important;}
 
 .sub_searchwrap .input-group input.searchinput1:-webkit-autofill  { -webkit-box-shadow: 0 0 0 1000px white inset; }

/*
 @media all and (max-width:1050px){    
	.sub_searchwrap {display:none; }	
	#txt_all {display:none; } 
}
@media all and (min-width:1049px){    
	.sub_searchwrap {display:block; }
	#txt_all {display:block; }
}
*/                              

/* sub_searchwrap2 */
/*
.sub_searchwrap2 { width:100%; height:40px;}
.sub_searchwrap2 form { width:100%; border-bottom:1px solid #333; display:flex; justify-content:space-between; align-items:center;}
.sub_searchwrap2 .input-group {position:relative; z-index:1;  width:calc(100% - 40px);  height:40px; float:left; }
.sub_searchwrap2 .input-group .searchinput1  { font-weight:400;  position:absolute; top:0; left:0;   z-index:2;  width:100%; line-height:40px; height:40px;  color:#fff; padding:0 30px 0 0; text-align:left; background:transparent ; border:none;}

.sub_searchwrap2 .input-group .searchclear1 { position: absolute; right:0; top: 0;z-index:3; bottom: 0; width:30px; height:30px; margin: auto; font-size: 12px; cursor: pointer; color:#CBCCCD;background:transparent url(/assets/img/com/close_w.svg) no-repeat center 50%; background-size:18px; opacity: 0.5;}
.sub_searchwrap2 .input-group .searchclear1 i {font-size:0;}
.sub_searchwrap2 .input-group .searchinput1:focus { border:none;}
.sub_searchwrap2 .input-group .searchclear1:hover {background:url(/assets/img/com/close_w.svg) no-repeat center 50%;background-size:18px; opacity: 0.5;}
.sub_searchwrap2 .search_btn {width:40px; max-width:40px;height:40px; background:url(/assets/img/com/search.svg) no-repeat center 50%; background-size:20px; opacity:0.8;}
.sub_searchwrap2 .search_btn span {font-size:0 ; text-indent:-9999em; overflow: hidden;}

.sub_searchwrap2 input::placeholder {color:#fff; font-weight:400 !important; opacity:0.5}
.sub_searchwrap2 input::-webkit-input-placeholder{color:#ffff; font-weight:400 !important;}
.sub_searchwrap2 input:-ms-input-placeholder {color:#fff; font-weight:400 !important;}
 
 .sub_searchwrap2 .input-group input.searchinput1:-webkit-autofill  { -webkit-box-shadow: 0 0 0 1000px white inset; }

 @media all and (max-width:1050px){    
	.sub_searchwrap2 {display:block; }
	#txt_all {display:none; } 
}
@media all and (min-width:1049px){    
	.sub_searchwrap2 {display:none; }
	#txt_all {display:block; }
}
*/

/* asidemenu */
.asidemenu { width:100%; display:inline-block; margin:0; }
/* 1122 margin del */
.asidemenu .abmenu {width:100%; position: relative; cursor: pointer; font-size:16px; font-weight:600; text-align:left;line-height:48px; height:50px;  background:#191919; padding:0 15px; border-radius: 10px; 
                   display:flex; justify-content:space-between; align-items:center;  overflow:hidden;} 
.asidemenu .abmenu.on {border-radius:10px 10px 0 0; }
.asidemenu .abmenu .arrowbox {position: relative; right:0; top:0; width:25px; height:100%; }
.asidemenu .abmenu .arrowbox span { width:100%; height:100%; display:inline-block; }
.asidemenu .abmenu .arrowbox span i {font-size:0; text-indent:-9999em; overflow:hidden; }
.asidemenu .abmenu .arrowbox .arrow_open { z-index:1; display:block; background:url(/assets/img/content/aside_open.svg) no-repeat center 50%; background-size:25px;}
.asidemenu .abmenu .arrowbox .arrow_close {  z-index:2; display:none; background:url(/assets/img/content/aside_close.svg) no-repeat center 50%; background-size:25px;}
.asidemenu .abmenu.on .arrowbox .arrow_open { display:none;  }
.asidemenu .abmenu.on .arrowbox .arrow_close { display:block;} 

.asidemenu .asmenu {display: none; min-height:0; overflow: hidden; font-size:15px; font-weight:400; background:#191919; padding:0 15px 5px 15px; margin:0; border-radius:0 0 10px 10px;  }
.asidemenu .asmenu.on { display: block; }
.asidemenu .abmenu.on + .asmenu {display:block;margin:0;} 
.asidemenu .asmenu ul {width:100%;padding:0; margin:0; } 
.asidemenu .asmenu ul li {width:100%;  height:34px;  }  
.asidemenu .asmenu ul li a {width:100%; line-height:34px; height:34px;} 
.asidemenu .asmenu .asideprice{width:100%; padding:0 0 10px;} 
.asidemenu .asmenu .asideprice .atbox {width:100%; display:flex; justify-content:space-between; align-items:center;}
.asidemenu .asmenu .asideprice .atbox strong {display:inline-block; width:27%; max-width:70px; line-height:38px; height:40px; border-radius: 10px; background:#000; border:1px solid #000; text-align:center; color:#fff; font-weight:400; margin:0 10px 0 0;}
.asidemenu .asmenu .asideprice .atbox p { width:78%;  position: relative; display:flex; justify-content:space-between; align-items:center; }
.asidemenu .asmenu .asideprice .atbox input {width:45%; padding:0 ; text-align:center; line-height:38px; height:40px;border-radius: 10px; background:#111; border:1px solid #333; }

.asidemenu .asmenu .asideprice .atbtn {width:100%; padding:10px 0 0 0; } 
.asidemenu .asmenu .asideprice .atbtn a {width:100%; text-align:center; line-height:38px; height:40px; border-radius:10px; background:#333; border:1px solid #333; color: rgba(255, 255, 255, 0.5); }
.asidemenu .asmenu .asideprice .atbtn a.on { background:#ed1c24; border:1px solid #ed1c24; color:#fff; }
.asidemenu .atbtn_filter {display:none !important; position:fixed; bottom:0; left:0; width:100%; padding:10px 25px; background:rgba(25, 25, 25,0.85); } 
.asidemenu .atbtn_filter a { width:100%; text-align:center; line-height:48px; height:50px; border-radius:10px; background:#333;font-weight:600; border:1px solid #333; color: rgba(255, 255, 255, 0.5); }
.asidemenu .atbtn_filter a.on { background:#ed1c24; border:1px solid #ed1c24; color:#fff; }
 
@media all and (max-width:1050px){   
    .asidemenu { margin:0;}
	.asidemenu .abmenu,.asidemenu .asmenu { background:#000; }
	.asidemenu .asmenu ul {padding:0 15px; }
	.asidemenu .asmenu .asideprice .atbox strong { border:1px solid #191919; max-width:27%; line-height:48px; height:50px;}
	.asidemenu .asmenu .asideprice .atbox input {line-height:48px; height:50px;}
	.asidemenu .abmenu { padding:0 25px;}

}
@media all and (max-width:600px){ 
    .asidemenu .atbtn_filter { padding:10px 20px;} 
	.asidemenu .asmenu ul {padding:0 10px; }
	.asidemenu .abmenu { padding:0 20px; line-height:50px; height:50px;}

}
@media all and (max-width:400px){  
	.asidemenu .asmenu ul {padding:0 }
	.asidemenu .abmenu { padding:0 15px; }
}
@media all and (min-width:1049px){
	.asidemenu .asmenu .asideprice .atbtn {display:block;}
}


/* market_rtbox */
.market_rtbox { position:relative; width:100%; padding:0 0 10px; position:relative; display: inline-block; } 
.market_rtbox h3 {width:calc(100% - 180px);font-size:17px; font-weight:700; line-height:38px; color:#ED1C24;  }
.market_rtbox ul.mrslist {float:left; width:100%;  display: block; } 

.market_rtbox ul.mrslist li {max-width:100%; position:relative; z-index:1; display: inline-block; margin:8px 8px 0 0;}
.market_rtbox ul.mrslist li span {padding:0 37px 0 20px;line-height:38px; height:40px;text-transform: uppercase;border-radius:40px; border:1px solid rgba(255, 255, 255, 0.3); display: inline-block;overflow:hidden; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;}
.market_rtbox ul.mrslist li a { position:absolute; right:15px; top:0; width:20px; height:100%;  background:url(/assets/img/content/clear_filter.svg) no-repeat center 50%; background-size:12px;}
.market_rtbox ul.mrslist li a i {font-size:0; text-indent:-9999em; overflow:hidden; }
.market_rtbox ul.mrslist li:last-child { margin:8px 8px 10px 0;}
.marketwrap .market_rtbox ul.mrslist li.btn_clear {z-index:2; }
.marketwrap .market_rtbox ul.mrslist li.btn_clear a { position:relative;left:0; width:auto; padding:0 20px;  background:transparent; border:1px solid rgba(255, 255, 255, 0.18); color:#fff; line-height:38px; height:40px; border-radius:40px; }
.market_rtbox .mselectwrap { position:relative;float:right; width:135px; font-size:15px; height:auto;  }
.market_rtbox .selectbox {width:100%; max-width:135px;min-width:110px;}
.market_rtbox .btn_filter {display:none; float:right; width: 40px; min-width:40px; height: 40px; border-radius:100%; background:#333 url(/assets/img/content/icon_filter.svg) no-repeat center 50%; background-size:20px; }
.market_rtbox .btn_filter i {font-size:0; text-indent:-9999em; overflow:hidden; }

@media all and (max-width:1050px){  
   .market_rtbox { overflow:inherit; }
   .market_rtbox h3 { position:relative; margin-top:-48px;   }
   .market_rtbox .mselectwrap {float:none; width:100%; max-width:100%; display: inline-block; padding:0 0 10px;  }  
   .market_rtbox .selectbox {float:right; width:28%; max-width:120px;}
   .market_rtbox .btn_filter {float:right;display: inline-block; margin:0 0 0 10px;  }
   .market_rtbox ul.mrslist { position:relative; float:none; width:100%; padding:0;  } 
}
@media all and (max-width:600px){ 
	.market_rtbox ul.mrslist li span {padding:0 33px 0 16px;}
	.market_rtbox ul.mrslist li a {  right:11px; }
}
@media all and (max-width:35px){ 
	.market_rtbox ul.mrslist li span {padding:0 30px 0 10px;}
	.market_rtbox ul.mrslist li a {  right:7px; }
}


/* market_list */
.marketlistwrap {width:100%; overflow:hidden; }
.marketlistwrap .page:after {content:''; display:block; clear:both;}
.marketlist {width:100%; font-size:0;} 
.marketlist .marketbox {position:relative; float:left; width: calc(20% - 16px); margin:0 20px 30px 0;  border-radius:10px;}
.marketlist .marketbox:nth-child(5n) {margin-right:0;} 
 
.marketlist .marketbox .mlbox { width:100%;position:relative;  }
.marketlist .marketbox .mlbox p {display:block; width:100%;  text-align:left; font-size:14px; color:#fff; font-weight:normal;}
.marketlist .marketbox .mlbox p a {width:99%;  overflow:hidden; display:block;  white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis; line-height:1.4;}
.marketlist .marketbox .mlbox .img {position:relative; width:100%; padding-top:100%; border-radius:8px; overflow:hidden; display:inline-block; font-size:0;}
.marketlist .marketbox .mlbox .img .link { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; display:inline-block;  }
.marketlist .marketbox .mlbox .img .link > img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 
.marketlist .marketbox .mlbox .img:hover .link > img  { opacity: 0.8;}
.marketlist .marketbox .mlbox .img .btn_play  { position:absolute; top:auto; left:auto; right:15px; bottom:15px;} 
.marketlist .marketbox .mlbox .tit {font-size:17px; font-weight:600; padding:10px 0 0 0 ;}
.marketlist .marketbox .mlbox .price { color:#ED1C24; text-align:left; padding:5px 0 0 0 ; font-weight:600; display:flex; justify-content:space-between; align-items:center;}
.marketlist .marketbox .mlbox .price span {width:100%; overflow:hidden; display:block; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;}
.marketlist .marketbox .mmbtn {width:100%; }
.marketlist .marketbox .mmbtn a {width:100%; line-height:46px; height:50px; border:2px solid #fff; background:transparent; border-radius:10px; color:#fff;}
.marketlist .marketbox .mmbtn a.approval { border:2px solid #fff; background:transparent}
.marketlist .marketbox .mmbtn a.registration { border:2px solid #ed1c24; background:#ed1c24;}
.marketlist .marketbox .mmbtn a.soldout { border:2px solid #555; background:#555;  color: rgba(255, 255, 255,0.5); }
.marketlist .marketbox .mmbtxt {width: auto; color:#aaa; position: absolute; top:10px; left:0; z-index:10;  }
.marketlist .marketbox .mmbtxt span { font-size:13px; font-weight:400;line-height:26px; height:26px; background:rgba(0,0,0,0.7); border-radius:0 13px 13px 0 ; display:inline-block;padding:0 20px 0 15px;}
.marketlist .marketbox .mmbtxt .approval  { color:#ddd; }
.marketlist .marketbox .mmbtxt .registration { color:#ff4249;  }
.marketlist .marketbox .mmbtxt .reject {color:#ddd; }
.marketlist .marketbox .mmbtxt .cancel { color:#bbb;  }
.marketlist .marketbox .mmbtxt .waiting { color:#bbb; }

@media all and (max-width:1400px){  
	.marketlist .marketbox,
	.marketlist .marketbox:nth-child(5n) {width: calc(25% - 15px);margin:0 20px 30px 0; }
	.marketlist .marketbox:nth-child(4n) {margin-right:0;} 
}
@media all and (max-width:1200px){  
	.marketlist .marketbox,
	.marketlist .marketbox:nth-child(5n),
	.marketlist .marketbox:nth-child(4n) {width: calc(33.33% - 10px);margin:0 15px 25px 0; }
	.marketlist .marketbox:nth-child(3n) {margin-right:0;}  
}
@media all and (max-width:801px){  
	.marketlist .marketbox .mlbox p { font-size:13px;}
	.marketlist .marketbox .mlbox .tit {font-size:16px;}
}
@media all and (max-width:768px){  
	.marketlist .marketbox .mlbox .price { padding:0 ; }
}
@media all and (max-width:600px){   
	.marketlist .marketbox,
	.marketlist .marketbox:nth-child(5n),
	.marketlist .marketbox:nth-child(4n),
	.marketlist .marketbox:nth-child(3n) {width: calc(50% - 5px); margin:0 10px 20px 0;}
    .marketlist .marketbox:nth-child(2n) {margin-right:0;}
}
@media all and (max-width:600px){   
	.marketlist .marketbox .mlbox .tit {font-size:15px;}
}
@media all and (max-width:350px){   
    .marketlist .marketbox .mlbox p { font-size:12px;}
	.marketlist .marketbox .mlbox .tit {font-size:14px;}
	.marketlist .marketbox .mlbox .img .btn_play  {  right:12px; bottom:12px;} 
}
@media all and (max-width:300px){  
	.marketlist .marketbox .mlbox .img .btn_play  {  right:10px; bottom:10px;} 
}

/* market detail */ 
.mDetail_titwrap {width:100%; display:flex; justify-content:space-between; align-items:stretch; }

.mDetail_titwrap .sub_location { text-align:left; display:flex; justify-content:start; align-items:center;} 
.mDetail_titwrap .trbox {width:100%; text-align:right; margin:0 0 20px; }

.mDetail_titwrap .leftwrap {width:calc(71.88% - 30px); } 
.mDetail_titwrap .rightwrap {position:fixed; left:50%; top:80px; margin:0 0 0 350px; z-index:2; width:28.12%; max-width:450px; display:block; } 


/* market detail rightwrap : infobox */
.mtrbox { position:absolute; width:80px; right:20px; top:0; z-index:2;   font-size:0;text-align:right;}

.mtrbox a.btn_share { width:40px; height: 40px;  border-radius:100%;background: url(/assets/img/content/share.svg) no-repeat center 50%; background-size:25px; ; }
.mtrbox a.btn_share i{font-size:0; text-indent:-9999em; overflow:hidden; }
.mtrbox a.btn_share:hover {  background:rgba(255, 255, 255, 0.18) url(/assets/img/content/share.svg) no-repeat center 50%; background-size:25px;}
.mtrbox a.btn_report { width:40px; height: 40px;  border-radius:100%;background: url(/assets/img/content/icon_report.svg) no-repeat center 50%; background-size:25px;}
.mtrbox a.btn_report i{font-size:0; text-indent:-9999em; overflow:hidden; }
.mtrbox a.btn_report:hover {  background:rgba(255, 255, 255, 0.18) url(/assets/img/content/icon_report.svg) no-repeat center 50%; background-size:25px;}

.infobox {width:100%; height:auto; position:absolute; border-radius:10px; background:#191919; padding:26px 0 30px 30px;   }
.infobox h3 {width:100%; display:block; font-size: 18px; font-weight:600; padding:0 0 12px; }
.infobox .infotxt {  position:relative; display:flex;  flex-direction: column; width:100%; overflow-x:hidden; overflow-y:auto; padding:0 30px 0 0; }
.infobox dl {padding: 7px 0 6px 0;display:block; display:flex; justify-content:space-between; align-items:stretch; }
.infobox dl dt { width:75px;  color: rgba(255, 255, 255, 0.5);  line-height:1.3;  }
.infobox dl dd {width:calc(100% - 75px); color:rgba(255, 255, 255, 0.5);  line-height:1.3;}
.infobox dl dd em ,
.infobox dl dd a {width:100%; display:inline-block; color:#fff; }
.infobox .infotxt dl.total dd {display:flex; justify-content:space-between; align-items:stretch; word-break:break-all;  } 
.infobox .infotxt dl.total dd em {width:75%; word-break:break-all;  } 
.infobox .infotxt dl.total dd a {width:25%; min-width:74px; color:#ed1c24; text-align:right;   word-break:break-all;  } 
.infobox .infotxt dl.total dd a span { padding:0 12px 0 0; background:url(/assets/img/content/go_r.svg) no-repeat right 50%; background-size:8px; white-space:nowrap; letter-spacing:-2px;}
.infobox .infotxt dl.remainder dd em {width:100%; display:inline-block; } 
.infobox .infotxt dl.remainder dd em strong { font-weight:600; } 
.infobox .infotxt dl.introduction em { position:relative;height:40px; overflow:hidden;line-height:1.4 !important;  }
.infobox .infotxt dl.introduction em.view {height:auto; overflow:hidden; animation:infoheight 1s;-moz-animation:infoheight 1s; -webkit-animation:infoheight 1s; -o-animation:infoheight 1s;}
.infobox .infotxt dl.introduction .more { position:relative; width:100%; display:inline-block;  line-height:30px; height:30px;  }
.infobox .infotxt dl.introduction .more a { padding:0 20px 0 0; color:#999; font-size:14px; line-height:30px; height:30px; background:url(/assets/img/content/icon_popup.svg) no-repeat right 50%; background-size:15px;}
 
.infobox dl.amount { margin:20px 0; padding:13px 0 10px 0 ; border-top:1px solid #333; border-bottom:1px solid #333; margin:0 30px 30px 0;}
.infobox dl.amount dt { line-height:30px; }
.infobox dl.amount dd {text-align:right;line-height:30px; }
/* 1018 */
.infobox dl.amount dd em { width:auto; color:#ed1c24; font-size: 18px; font-weight: 600;}
.infobox dl.amount dd span { color:#ed1c24;font-size: 16px; font-weight: 600; margin:2px 0 0 5px; display:inline-block; }
.infobox .infobtn { position:absolute; left:0; bottom:30px; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 30px ;  }
.infobox .infobtn a,.infobox .infobtn .timer {width:100%; line-height:46px; height:50px; background:#ed1c24; border:2px solid #ed1c24;font-size:16px; font-weight:600;border-radius:10px; text-align:center;}
.infobox .infobtn a:hover,.infobox .infobtn .timer:hover { background:#c1070e;border:2px solid #c1070e; }
.infobox .infobtn .btnLogin {margin:0;}
.infobox .infobtn .timer span { padding: 0 0 0 30px; background:url(/assets/img/com/icon_timer.svg) no-repeat 0 50%; background-size:24px; line-height:46px; height:46px; display:inline-block; }

.btn_approval { background:transparent !important; border:2px solid #fff !important; color:#fff !important; }
.btn_waiting  { background:transparent !important; border:2px solid rgba(255, 255, 255,0.4) !important; color:rgba(255, 255, 255,0.4) !important; }
.btn_reject {  background:transparent !important; border:2px solid #ed1c24 !important; color:#ed1c24 !important; }
.btn_registration { background:#ed1c24 !important; border:2px solid #ed1c24 !important; color:#fff !important; }
.btn_cancel{ background:#555 !important; border:2px solid #555 !important; color:#fff !important; }
.btn_approval:hover { background:#fff !important; border:2px solid #fff !important; color:#000 !important; }
.btn_waiting:hover  { background:transparent !important; border:2px solid rgba(255, 255, 255,0.4) !important; color:rgba(255, 255, 255,0.4) !important; }
.btn_reject:hover {  background:transparent !important; border:2px solid #c1070e !important; color:#c1070e !important; }
.btn_registration:hover { background:#c1070e !important; border:2px solid #c1070e !important; color:#fff !important; }
.btn_cancel:hover { background:#555 !important; border:2px solid #555 !important; color:#fff !important; }

@media all and (max-width:1720px){  
	.mDetail_titwrap .rightwrap {left:auto; right:3%; margin:0 ;}
	.mDetail_titwrap .leftwrap {width:calc(70.88% - 30px); } 
}
@media all and (max-width:1200px){
	.infobox .infotxt dl.total dd {display:block;  } 
	.infobox .infotxt dl.total dd em {width:100%; } 
	.infobox .infotxt dl.total dd a {width:100%; } 
	.infobox .infobtn .timer {font-size:14px;} 
}
@media all and (max-width:1050px){  
    .mDetail_titwrap .leftwrap { padding:0;} 
    .mDetail_titwrap {display:block;} 
	.mDetail_titwrap .leftwrap,
	.mDetail_conwrap .mdetail_txtbox {width:100%; max-width:100%;} 
	.mDetail_titwrap .sub_location {display:none;}
    .mDetail_titwrap .rightwrap { position:relative; width:100%; max-width:100%; left:0; top:0; padding:0;  margin:20px 0 0 0; } 

	.mtrbox {  width:auto; right:0; top:-60px;  } 
 
	.infobox { position:relative; height:auto;padding:16px 0 25px 25px;   }
 	.infobox .infotxt dl { justify-content:start; padding:5px 0;}	 
	.infobox .infotxt { height:auto; max-height:none;overflow-y: visible;padding:0 25px 0 0;}
	.infobox .infotxt dl.total dd {display:flex; } 
	.infobox .infotxt dl.total dd em {width:75%; } 
	.infobox .infotxt dl.total dd a {width:25%; }
	.infobox dl.amount { margin:0 25px 30px 0;}
	.infobox .infobtn { position:relative; left:0; bottom:auto; top:0; padding:0 25px 0 0; } 
	.infobox .infobtn .timer {font-size:15px;} 
}
@media all and (max-width:768px){  
	.mtrbox {  top:-55px;  } 
}
@media all and (max-width:600px){
	.infobox { padding:16px 0 20px 20px;   }
	.infobox .infotxt { padding:0 20px 0 0;}
	.infobox .infobtn { padding:0 20px 0 0;}
	.infobox dl.amount { margin:0 20px 30px 0;}
	.infobox dl.amount dd em { font-size: 18px;}
}
@media all and (max-width:400px){
    .infobox { padding:15px 0 15px 15px;   }
	.infobox .infotxt { padding:0 15px 0 0;}
	.infobox dl dt { width:70px;   }
	.infobox dl dd {width:calc(100% - 70px);   }
	.infobox .infotxt dl.total dd {display:block;  } 
	.infobox .infotxt dl.total dd em {width:100%; } 
	.infobox .infotxt dl.total dd a {width:100%; } 
	.infobox dl.amount dd em { font-size: 16px;}
}
@media all and (max-width:350px){
	.infobox .infobtn .timer {font-size:13px;} 
}
@media all and (min-width:1049px){
	.infobox {  height:500px;max-height:500px;   }
	.infobox .infotxt {   height:270px;}
 }
@media all and (max-width:300px){ 
	.infobox .infobtn .timer span { padding: 0; background:none;}
}

.fadein { display:block !important; animation: fadein ease 1s;-moz-animation: fadein ease 1s; -webkit-animation:  fadein ease 1s; -o-animation: fadein ease 1s; }
.fadeout {display:none !important;  animation: fadeout ease 1s;-moz-animation: fadeout ease 1s; -webkit-animation:  fadeoout ease 1s; -o-animation: fadeout ease 1s; }


/* checkbtnlike */ 
.checkbtnlike input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.checkbtnlike input[type="checkbox"] + label {display: inline-block; position: relative; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
/* 1018 */
.checkbtnlike input[type="checkbox"] + label::before {content: ''; position: absolute;  left:0; top:50%; transform:translateY(-50%); text-align: center; width:40px; height:40px; background: url(/assets/img/content/heart_red_line.svg) no-repeat center 50%; background-size:24px; border-radius: 10px;}
.checkbtnlike input[type="checkbox"] + label:active::before, .checkarr input[type="checkbox"]:checked + label:active::before {box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.checkbtnlike input[type="checkbox"]:checked + label::before {background: transparent; border-color:transparent;}
.checkbtnlike input[type="checkbox"]:checked + label::after {content: ''; position: absolute;  left:0; top:50%; transform:translateY(-50%); text-align: center; width:40px; height:40px; background: url(/assets/img/content/heart_red_full.svg) no-repeat center 50%; background-size:24px;border-radius: 10px;}
.checkbtnlike input[type="checkbox"] + label i {font-size:0; text-indent:-9999px;overflow: hidden; }


/* market detail leftwrap */
.mdetail_imgbox {position:relative; z-index:1;width:100%; border-radius:10px; background:#111; padding:20px; display:flex; justify-content:space-between; }
.mdetail_imgbox .img {  position:relative; top:0; left:0; z-index:1;width:100%; max-width:100%; height:auto; padding:0; font-size:0; overflow:hidden; display: inline-block;  font-size:0; border-radius:8px;  }
.mdetail_imgbox .img span {  position:relative; top:0; left:0; z-index:1; width:100%;  display:inline-block; display:flex; justify-content:center; align-items:center;  }
.mdetail_imgbox .img span img {margin:0 auto; display: inline-block;width:100%;  max-width:100%;  transition: transform 0.3s linear} 
.mdetail_imgbox .img a.btn_full { display:none; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.25) url(/assets/img/content/icon_exp.svg) no-repeat 95% 95%; background-size:40px;}
.mdetail_imgbox .img a.btn_full i{font-size:0; text-indent:-9999em; overflow:hidden; }
.mdetail_imgbox .img:hover a.btn_full { display:inline-block;}

.mdetail_imgbox .txt {position:relative; width:57.55%; display:inline-block; font-size:0; padding:0 0 0 40px;  }
.mdetail_imgbox .txt .stit {  position:absolute; top:0; left:40px; width:80%; font-size:0; padding:8px 0; display:block;word-break: break-word;word-break: break-all; }

.mdetail_imgbox .txt .stit span {font-size:15px; width:auto; position:relative; z-index:1;  display:inline-block; padding:0 8px 0 0; line-height:1.3; word-break:break-all; word-break: break-word; }
.mdetail_imgbox .txt .stit span:first-child  {padding:0 8px 0 0; font-weight:600; } 
.mdetail_imgbox .txt .stit span:first-child:before  {display:none; } 
.mdetail_imgbox .txt .stit span:last-child {color:#999} 
.mdetail_imgbox .txt .stit span.nosell {color:#ed1c24;}
.mdetail_imgbox .txt .stit span.mmenu{ width:100%; display:block; color:#fff; padding:0 0 3px;}

.mdetail_imgbox .txt .tit { position:relative; top:0; left:0 ; width:100%; height:100%; padding:50px 0; display:block; display:flex; justify-content:start; align-items:center;  word-break:break-all; }
.mdetail_imgbox .txt .tit div { width:100%; }
.mdetail_imgbox .txt .tit h3 { width:100%; font-size:35px; font-weight: 600; line-height:1.2;}
.mdetail_imgbox .txt .tit p { width:100%; font-size: 18px;  padding:18px 0 0 0; }
.mdetail_imgbox .txt .tit p a { width:100%;  }
.mdetail_imgbox .txt .tit p.num {padding:40px 0 0 0;}
/* 1018 */
.mdetail_imgbox .txt .like {  position:absolute;bottom:0; left:40px; width:80%; font-size:0; padding:3px 0 3px 30px; display:block; font-size: 17px; color:#ed1c24; background-size:20px; }
.mdetail_imgbox .txt .like.nosell {background:none; padding:0;} 

 
@media all and (max-width:1200px){
	.mdetail_imgbox .txt .tit h3 { font-size:25px;}
	.mdetail_imgbox .txt .tit p { font-size: 15px;}
}
@media all and (max-width:1050px){
	.mdetail_imgbox { background:none; padding:0; }
	.mdetail_imgbox .txt .tit h3 { font-size:20px;}
	.mdetail_imgbox .txt .tit p.num {padding:30px 0 0 0;}
	.mdetail_imgbox .txt .like { width:calc(100% - 120px); }
}
@media all and (max-width:768px){
    .mdetail_imgbox .txt { padding:0 ;  }
    .mdetail_imgbox { display:block;  } 
	.mdetail_imgbox .txt {width:100%; max-width:100%;  }
	.mdetail_imgbox .txt .stit {position:relative;padding:15px 0 0 0; left:0;top:0  }
	.mdetail_imgbox .txt .tit { padding:10px 80px 0 0; }
	.mdetail_imgbox .txt .tit p {padding:5px 0 0 0;}
	.mdetail_imgbox .txt .tit p.num {padding:20px 0 0 0;}
	.mdetail_imgbox .txt .like {left:auto; right:0; top:10px; width:auto; line-height:28px; height:30px; padding:0 0 0 21px;  background-size:14px; font-size:14px;  }
}
@media all and (min-width:769px){
    .mdetail_imgbox .img  { width:460px;  width:460px; max-width:460px; max-height:460px; padding-top:460px;  }
	.mdetail_imgbox .img span { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;display:flex; justify-content:center; align-items:center;  }
	.mdetail_imgbox .img span img {margin:0 auto; display: inline-block; width:auto ;max-width:100%; max-height:100%; }
} 


/* mDetail_conwrap */  
.mDetail_conwrap {width:calc(71.88% - 30px);  }
.mDetail_conwrap .mdetail_txtbox {width:100%; padding:30px 0 0 0; }
.mDetail_conwrap .mdetail_txtbox.ptaa {padding:30px 0 0 0; }
.mdetail_txtbox .mdt_tit { position:relative; width:100%; display:flex; justify-content:space-between; align-items:end; padding:0 0 10px; }
.mdetail_txtbox .mdt_tit h3 {width:100%; font-size:17px; font-weight:600; padding:0 0 0 33px; line-height:1.2; min-height:30px; overflow:hidden; display:block;  display:flex; align-items:center;}
.mdetail_txtbox .mdt_tit h3.mdlist_01 {background:url(/assets/img/content/mdlist_01.svg) no-repeat 0 50%; background-size:25px;}
.mdetail_txtbox .mdt_tit h3.mdlist_02 {background:url(/assets/img/content/mdlist_02.svg) no-repeat 0 50%; background-size:25px;}
.mdetail_txtbox .mdt_tit h3.mdlist_03 {background:url(/assets/img/content/mdlist_03.svg) no-repeat 0 50%; background-size:25px;}
.mdetail_txtbox .mdt_tit h3 span {color: rgba(255, 255, 255, 0.5); padding:0 0 0 5px; display:inline-block;}
.mdetail_txtbox .mdt_tit a.btn_playall { padding: 0 18px 0 20px; border:2px solid #fff; text-align:center; line-height:36px; height:40px;border-radius:40px;    }
.mdetail_txtbox .mdt_tit a.btn_playall span {padding:0 20px 0 0; background:url(/assets/img/content/play_w.svg) no-repeat right 50%; background-size:12px; display:inline-block; font-size: 15px; font-weight: 600; white-space:nowrap;}
.mdetail_txtbox .mdt_tit a.btn_playall:hover {color:#000; background:#fff; }
.mdetail_txtbox .mdt_tit a.btn_playall:hover span { background:url(/assets/img/content/play_bk.svg) no-repeat right 50%; background-size:12px; }
.mdetail_txtbox .mdt_tit a.btn_sellall {
	min-width: 80px;
	font-size: 16px;
	font-weight: 600;
	color: #ed1c24;
	line-height: 25px;
	height: 25px;
	margin: 3px 0 0 10px;
	text-align: right;
}

.mdetail_board {width:100%; border-top:2px solid #555; }
.mdetail_board ul {width:100%; overflow:hidden; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #333; min-height:50px;padding:0 20px 0 0 ;}
.mdetail_board ul li {padding:0 5px;line-height:1.4; font-size:15px;}
.mdetail_board ul li.no {width:8%; min-width:40px;text-align:center; padding:0; }
.mdetail_board ul li.no span {width:100%; text-align:center; }
.mdetail_board ul li.title {width:90%; padding:0 20px;  display:flex; justify-content:space-between; align-items:center;  }
.mdetail_board ul li.btn {width:10%; min-width:70px; font-size:0; text-align:right;}
.mdetail_board ul li.title a {display:inline-block;white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.mdetail_board ul li.title a.tit {width:60%;text-align:left;}
.mdetail_board ul li.title a.singer {width:40%; }
.tmark {padding:4px 8px 3px 8px; margin:0 0 0 5px; line-height:1.2; background:#333; color: rgba(255, 255, 255, 0.5); border-radius:20px; font-size: 11px; font-weight: 600;display:inline-block;}

.mdetail_board ul li.btn a {position:relative; width:25px;height:25px; border-radius: 5px;  display:inline-block;margin:0 5px; opacity: 0.5;}
.mdetail_board ul li.btn a:hover {opacity: 1;} 
.mdetail_board ul li.btn a.btn_lyrics {  background:url(/assets/img/content/lyrics_w.svg) no-repeat center 50%; background-size:17px;  }
.mdetail_board ul li.btn a.btn_mplay { background:url(/assets/img/content/play_w.svg) no-repeat center 50%; background-size:12px;  }
.mdetail_board ul li.btn a i { font-size:0; text-indent:-9999em; overflow:hidden;}
.mdetail_board ul li.btn a:before {position:absolute; left:0; top:0; content:''; display:inline-block; clear:both; width:100%; height:100%; background:#fff; opacity: 0.09; border-radius: 5px;  }
.mdetail_board ul li.btn a:hover:before { opacity: 0.18;  }
.mdetail_board ul li.btn a:first-child {margin-left:0;}
.mdetail_board ul li.btn a:last-child {margin-right:0;}

@media all and (max-width:1720px){   
	.mDetail_conwrap {width:calc(70.88% - 30px); } 
}
@media all and (max-width:1050px){  
	.mDetail_conwrap{ width:100%; } 
	.mDetail_conwrap .mdetail_txtbox.ptaa {padding:20px 0 0 0; }
	.mdetail_txtbox .mdt_tit a.btn_playall span { font-size: 14px; }
}
@media all and (max-width:768px){	
	.mdetail_txtbox .mdt_tit { padding:0 0 10px; }
	.mdetail_txtbox .mdt_tit h3 {font-size:16px;  padding:0 0 0 30px;}
	.mdetail_txtbox .mdt_tit a.btn_sellall {font-size: 15px; }
}
@media all and (max-width:600px){
	.mdetail_board ul {padding:20px 0;}
	.mdetail_board ul li.no {position:relative; }
	.mdetail_board ul li.no span {position:absolute; left:0; top:-23px; display:inline-block; }
	.mdetail_board ul li.title { display:inline-block; padding:0 10px 0 0;}
	.mdetail_board ul li.title a.tit {width:100%;min-width:150px; }
	.mdetail_board ul li.title a.singer {width:100%;padding:5px 0 0 0;} 
	.mdetail_txtbox .mdt_tit a.btn_playall { padding: 0 13px 0 15px; line-height:34px; height:36px;border-radius:36px;    }
	.mdetail_txtbox .mdt_tit a.btn_playall span { font-size: 13px; }
}
@media all and (max-width:4000px){ 
	.mdetail_txtbox .mdt_tit a.btn_playall { line-height:30px; height:32px;border-radius:32px;    }
	.mdetail_txtbox .mdt_tit a.btn_playall span { font-size: 12px; }
}


/* mdetail_history */ 
.mdetail_history {width:100%;}
.mdetail_history .mdhbox {position:relative; overflow:hidden; width:100%; display:flex; justify-content:space-between; align-items:center; background:#000; border:1px solid #333; padding:16px 20px; border-radius:10px; margin:0 0 10px 0;  }
.mdetail_history .mdhbox:last-child {margin:0;  } 
.mdetail_history .mdhbox .lbox {width:60%;}
.mdetail_history .mdhbox .rbox {width:40%; float:right }
.mdetail_history .mdhbox a {width:100%;}
.mdetail_history .mdhbox ul li {width:100%; display:block;}

.mdetail_history .mdhbox ul.lbox li {width:100%; margin:6px 0 0 0; }

.mdetail_history .mdhbox ul.lbox li:first-child { margin:0; }
.mdetail_history .mdhbox ul li.txid span { width:99%; white-space:nowrap; overflow:hidden; display:inline-block; word-wrap:break-word; text-overflow:ellipsis;}
.mdetail_history .mdhbox ul li.txid a:hover {color:#ed1c24}
.mdetail_history .mdhbox ul li.no { color:#999} 
.mdetail_history .mdhbox ul li.no span {padding:0 10px 0 0; display:inline-block; }
.mdetail_history .mdhbox ul li.no strong {position:relative; display:inline-block; padding:0 0 0 12px; }
.mdetail_history .mdhbox ul li.no strong:before {position:absolute; top:50%; transform:translateY(-50%); left:0; width:1px; height:12px; background:#555; content:''; display:inline-block; clear:both; } 

.mdetail_history .mdhbox .lbox li.trans { display:flex; justify-content:start; align-items:center;}
.mdetail_history .mdhbox .lbox li.trans div {width:auto; max-width:calc(50% - 15px);  overflow:hidden; display:block;  white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;}
.mdetail_history .mdhbox .lbox li.trans div strong {  padding:0 8px; line-height:20px; height:20px;display:inline-block;  border-radius: 10px; background:#333; border-radius:20px; color: rgba(255, 255, 255, 0.5);font-size: 11px;margin:2px 5px 0 0 }
.mdetail_history .mdhbox .lbox li.trans div:last-child {position:relative; max-width:calc(50% + 15px);  margin:0; padding:0 0 0 25px; }
.mdetail_history .mdhbox .lbox li.trans div:last-child:before {position:absolute; top:50%; transform:translateY(-50%); left:0; width:20px; height:20px; content:''; display:inline-block; clear:both; background:url(/assets/img/content/from_to.svg) no-repeat right 50%; background-size:20px;} 
.mdetail_history .mdhbox .rbox {width:40%;  padding:0; margin:0; float:right; }
.mdetail_history .mdhbox .rbox li {width:100%; padding:0;margin:0; text-align:right !important;display:flex; justify-content:end;}
.mdetail_history .mdhbox .rbox li.stit {width:100%;font-size:15px; text-align:right; justify-content:end ; }
.mdetail_history .mdhbox .rbox li.coin {width:100%; font-size: 17px; font-weight:600; color:#ed1c24; padding:5px 0 0 0;  text-align:right;display:flex !important; justify-content:end !important; }
.mdetail_history .mdhbox .rbox li a {width:100%; text-align:right;}
 

.listmore {position:relative; width:100%; height:40px; overflow:hidden; display:inline-block;margin:30px 0 0 0; text-align:center; } 
.listmore:before {position:absolute; top:50%; z-index:1; transform:translateY(-50%); left:0; width:100%; height:1px; content:''; display:inline-block; clear:both;border-bottom:1px solid #333; font-size:0;} 
.listmore a {position:relative;z-index:2; width:116px; text-align:center; display:inline-block; line-height:40px; height:40px; background:#333; border-radius:40px; }
.listmore a span {display:inline-block; padding:0 27px 0 0; background:url(/assets/img/content/chevron-down.svg) no-repeat right 50%; background-size:15px;  }

@media all and (max-width:768px){
	.listmore {margin:25px 0 0 0;}
}
@media all and (max-width:600px){
	.mdetail_history .mdhbox { display:block;}
    .mdetail_history .mdhbox .lbox,
	.mdetail_history .mdhbox .rbox {width:100%;float:none; }
	.mdetail_history .mdhbox .rbox { display:block; }
	.mdetail_history .mdhbox .rbox li.stit {width:100%; text-align:left; justify-content:start ;  padding:5px 0 0 0;}
	.mdetail_history .mdhbox .rbox li.coin {width:100%;justify-content:end;  }
	.listmore {margin:20px 0 0 0;}
}
@media all and (max-width:400px){
    .mdetail_history .mdhbox {padding:15px; }
}


/* mdetail_nftlist */
.mdetail_nftlist {width:100%; font-size:0;} 
.mdetail_nftlist .mdnbox { position:relative; float:left; width: calc(25% - 15px); margin:0 0 0 20px;  }
.mdetail_nftlist .mdnbox:nth-child(1) {margin:0; }
.mdetail_nftlist .mdnbox p {display:block; width:100%;  text-align:left; font-size:14px; color:#fff; font-weight:normal;}
.mdetail_nftlist .mdnbox p a {width:99%;  overflow:hidden; display:block;  white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;}
.mdetail_nftlist .mdnbox .img {position:relative; width:100%; padding-top:73.52%; border-radius:8px; overflow:hidden; display:inline-block;}
.mdetail_nftlist .mdnbox .img .link { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; display:inline-block;background:#000;}
.mdetail_nftlist .mdnbox .img .link > img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 
.mdetail_nftlist .mdnbox .img:hover .link > img  { opacity: 0.8;} 
.mdetail_nftlist .mdnbox .img .btn_play  { position:absolute; top:auto; left:auto; right:15px; bottom:15px;} 
.mdetail_nftlist .mdnbox .tit {font-size:17px; font-weight: 600; padding:15px 0 0 0 ;}
.mdetail_nftlist .mdnbox .price { color:#ED1C24; padding:5px 0 0 0 ; font-weight:600;display:flex; justify-content:space-between; align-items:center;}
.mdetail_nftlist .mdnbox .price strong {font-weight:600; min-width:46px; }
.mdetail_nftlist .mdnbox .price span { width:100%;overflow:hidden; display:block; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;}
.mdetail_nftlist .mdnbox .like {display:none;}
.mdetail_nftlist .mdnbox .like span {position:absolute; top:15px; left:15px; z-index:2; display: inline-block; padding:0 14px 0 35px; font-size:14px; line-height:22px; height:24px; border-radius:24px; color:#ED1C24; font-weight:600; background:url(/assets/img/com/like_hover.svg) no-repeat 14px 50%; background-size:14px; border:1px solid #ED1C24;}

@media all and (max-width:801px){  
    .mdetail_nftlist .mdnbox p { font-size:13px;}
	.mdetail_nftlist .mdnbox .tit {font-size:16px;} 
}
@media all and (max-width:1200px){    
	.mdetail_nftlist .mdnbox .like span { top:12px; left:11px;}
} 
@media all and (max-width:768px){
	.mdetail_nftlist .mdnbox  {width: calc(50% - 10px); }
	.mdetail_nftlist .mdnbox:nth-child(1) { margin:0 0 20px 0; }
	.mdetail_nftlist .mdnbox:nth-child(2) { margin:0 0 20px 20px; }
	.mdetail_nftlist .mdnbox:nth-child(3) { margin:0; }   
	.mdetail_nftlist .mdnbox:nth-child(4) { margin:0 0 0 20px; } 
	.mdetail_nftlist .mdnbox .tit  {padding:10px 0 0 0 ;}
	.mdetail_nftlist .mdnbox .price {  padding:0 ;}
}
@media all and (max-width:600px){
	.mdetail_nftlist .mdnbox .tit {font-size:15px;} 
}
@media all and (max-width:400px){
	.mdetail_nftlist .mdnbox  {width: 100%; }	 
	.mdetail_nftlist .mdnbox:nth-child(1),
	.mdetail_nftlist .mdnbox:nth-child(2),
	.mdetail_nftlist .mdnbox:nth-child(3){ margin:0 0 20px 0; }
	.mdetail_nftlist .mdnbox:nth-child(4){ margin:0; }
}
@media all and (max-width:350px){  
    .mdetail_nftlist .mdnbox p { font-size:12px;}
	.mdetail_nftlist .mdnbox .tit {font-size:14px;} 
	.mdetail_nftlist .mdnbox .img .btn_play  { right:12px; bottom:12px;} 
}
@media all and (max-width:300px){   
	.mdetail_nftlist .mdnbox .img .btn_play  { right:10px; bottom:10px;} 
}

/* mdetail_trans_board */
.mdetail_trans_board {width:100%; display:block;}
.mdetail_trans_board ul {width:100%; min-height:50px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #333;  }
.mdetail_trans_board ul li { padding:0 5px; text-align:center;}
.mdetail_trans_board ul li span { width:99%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; display:inline-block;}
.mdetail_trans_board ul li.date { width:29%;}
.mdetail_trans_board ul li.enum { width:13%;}
.mdetail_trans_board ul li.owner { width:29%;}
.mdetail_trans_board ul li.price { width:29%;}
.mdetail_trans_board ul.tit { background :#191919; border-radius: 10px; border-bottom:none;}
.mdetail_trans_board ul.tit li { text-align:center !important; justify-content:center !important; }

@media all and (max-width:600px){
.mdetail_trans_board { border-top:2px solid #555; }
.mdetail_trans_board ul.tit {display:none;}
.mdetail_trans_board ul { overflow:hidden; display:block; height:auto; padding:12px 0; }
.mdetail_trans_board ul li,
.mdetail_trans_board ul li.date,
.mdetail_trans_board ul li.enum,
.mdetail_trans_board ul li.owner,
.mdetail_trans_board ul li.price { width:100%; text-align:left;}
}



/* orderwrap */ 
.orderwrap {display:flex; justify-content:space-between; align-items:stretch;}
.orderwrap .leftwrap {width:67.57%; } 
.orderwrap .rightwrap {position:fixed; left:50%; margin:35px 0 0 320px; z-index:5; width:28.38%; max-width:420px;  display:block; padding:30px; border-radius:10px; background:#191919; } 

@media all and (max-width:1580px){  
	.orderwrap .rightwrap {left:auto; right:3%; margin:35px 0 0 0 ;}
} 
@media all and (max-width:1050px){  
    .orderwrap {display:block; }
	.orderwrap .leftwrap {position:relative;width:100%; max-width:100%;overflow:hidden; display:block; } 
	.orderwrap .rightwrap {position:relative;width:100%; max-width:100%; overflow:hidden; display:block; padding:20px; left:auto; right:auto; top:0; margin:40px 0 0 0; }
}
@media all and (max-width:700px){
   .orderwrap .rightwrap { margin:30px 0 0 0;}
}
@media all and (max-width:400px){
   .orderwrap .rightwrap {padding:15px; }
}

/* orderwrap leftwrap : cbtnwrap*/
.cbtnwrap {width:100%; font-size:0; display:flex; justify-content:space-between; align-items:center;font-szie:0;}
.cbtnwrap a, 
.cbtnwrap input { width:100%; display:inline-block; text-align:center; font-size:16px; padding:0 5px; font-weight: 600; line-height:48px; height:50px;  border:1px solid #666; background:#666; border-radius:10px;} 
.cbtnwrap a:hover, .btnwrap input:hover { border:1px solid #333; background:#333;} 
 
 
  
.orderpayment .amount {width:100%; padding:23px 25px; margin:0 0 15px;  border-radius: 10px; background:#000; display:flex; justify-content:space-between; align-items:center;line-height:22px; }
.orderpayment .amount strong { width:35px; min-width:35px;   }
.orderpayment .amount span {width:calc(100% - 40px); text-align:right; color:#ed1c24; font-size: 16px; font-weight: 600; margin:0 0 0 5px; display:inline-block; }
.orderpayment .amount span em { width:auto; color:#ed1c24; font-size: 23px; font-weight: 600;} 
.orderpayment .cbtnwrap { display:flex; justify-content:space-between; align-items:center;font-szie:0; padding:30px 0 0 0;}
.orderpayment .cbtnwrap a:first-child { width:30.55%; max-width:110px;  }
.orderpayment .cbtnwrap a:last-child { width:95%;  margin:0 0 0 10px; }
 @media all and (max-width:1300px){ 
	.orderpayment .amount { padding:23px 20px ; } 
}
@media all and (max-width:1050px){ 
	.orderpayment .amount { padding:18px 20px ; } 
}
@media all and (max-width:400px){ 
	.orderpayment .amount { padding:15px; }
	.orderpayment .amount span { font-size: 15px;}
	.orderpayment .amount span em {  font-size: 20px; }
}
@media all and (max-width:320px){ 
	.orderpayment .amount span { font-size: 14px;}
	.orderpayment .amount span em {  font-size: 18px; }
}


/* orderwrap rightwrap */
.order_detail {position:relative; width:100%; display:flex; justify-content:space-between; align-items:center;border-top:2px solid #666; padding:20px 0; }
.order_detail .imgbox {width:60%; display:flex; justify-content:start; align-items:center; }
.order_detail .img { position:relative; width:120px; min-width:120px; height:120px; text-align:center; background:#111; border:1px solid #333; overflow:hidden; display:block; border-radius:8px; } 
.order_detail .img span { position:absolute;top:0; left:0;width:100%; height:100%; margin:0 auto;  display:inline-block;  } 
.order_detail .img span img { margin:0 auto; width:100%; max-width:100%; height:100%; object-fit:cover; object-position:center center; transition:transform 0.3s linear} 
.order_detail .txtbox {width:90%;display:flex; justify-content:space-between; align-items:center;}

.order_detail .txtbox .txt { display:block; font-weight: 600; padding:0 0 0 30px;}
.order_detail .txtbox .txt strong {width:100%;  display:block; font-size:30px;font-weight: 600; line-height:1.3; }
.order_detail .txtbox .txt span {width:100%;  display:block; font-size:18px; padding:5px 0 0 0; line-height:1.4;  }
.order_detail .txtbox .price {width:40%; font-size: 23px; font-weight: 600; color:#ed1c24; text-align:right;   }


@media all and (max-width:801px){ 
	.order_detail .txtbox .txt strong { font-size:24px;  }
	.order_detail .txtbox .txt span { font-size:16px;  }
	.order_detail .txtbox .price { font-size: 20px;}
} 
@media all and (max-width:768px){  
	.order_detail .txtbox {display:block;}
	.order_detail .txtbox .txt { padding:0 0 0 20px;}
	.order_detail .txtbox .txt strong { font-size:20px;  }
	.order_detail .txtbox .txt span { font-size:15px;  }
	.order_detail .txtbox .price {width:100%;text-align:left;padding:0 0 0 20px;  font-size: 18px;}	
}
@media all and (max-width:600px){ 
    .order_detail {  padding:15px 0; } 
}


/* order_playlist */
.order_playlist {width:100%; background:#111; border-radius: 10px; padding:20px;  }
.order_playlist h4 {width:100%; display:block; font-size:15px; padding:0 0 10px;}
.order_playlist h4 span{ font-weight:600; color: rgba(255, 255, 255, 0.5);}
.order_playlist h4 em { position:relative; font-weight:400;  color: rgba(255, 255, 255, 0.5); padding: 0 0 0 10px; margin:0 0 0 10px;display:inline-block;   }
.order_playlist h4 em:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; display:inline-block;  width:1px; height:12px; background:#555;  }
.order_playlist .opbox {width:100%; display:block; }
.order_playlist .opbox ul {width:100%; display:flex; justify-content:space-between; align-items:center; padding:9px 0; border-bottom:1px solid #191919;}
.order_playlist .opbox ul li.tit {width:60%; padding:0 10px 0 0;  }
.order_playlist .opbox ul li.singer {width:40%; text-align:right; }

@media all and (max-width:768px){   
	.order_playlist .opbox ul {display:block; }
	.order_playlist .opbox ul li.tit {width:100%; padding:0; }
	.order_playlist .opbox ul li.singer {width:100%;  }
}
@media all and (max-width:400px){ 
	.order_playlist {padding:20px 15px;}
}



/* orderbox_download  */
.orderbox_download {padding:30px 0 0 0 ;}
.orderbox_download .order_detail {padding:20px 0; font-size: 16px; font-weight:600;  }

.orderbox_download .downloadbtn {padding:25px 0; border-top:1px solid #333;} 
.orderbox_download .downloadbtn h4 { font-size:16px ; font-weight:400; padding:0 0 15px;}
.orderbox_download .downloadbtn .dbox { justify-content:start; }
.orderbox_download .downloadbtn .dbox a {max-width:200px;}

.orderbox_download .optxt {width:100%; display:block; padding: 20px 0 0 0; border-top:1px solid #333; } 
.orderbox_download .optxt h4 { font-size:16px !important; font-weight:600; padding:0 0 10px;}
.orderbox_download .optxt ul  {width:100%; display:block;}
.orderbox_download .optxt ul li {position:relative; width:100%; display:block; margin:5px 0 ; padding:0 0 0 12px; line-height:1.4; color:#999;}
.orderbox_download .optxt ul li:before {position: absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; content:''; display:inline-block; clear: both; background:#999;}  

@media all and (max-width:801px){   
	.orderbox_download {padding:40px 0 0 0 ;}
}
@media all and (max-width:700px){   
	.order_playlist .opbox ul {  margin:10px 0 ;} 
	.orderbox_download {padding:30px 0 0 0 ;}	
}
 @media all and (max-width:600px){   
	.orderbox_download .order_detail {padding:15px 0; }
}



.orderdonewrap {width:100%; max-width:1000px; margin: 0 auto;  border-top:2px solid #fff; }
.orderdonewrap .order_detail {width:100%;  border:none ; padding:20px 120px; }
.orderdonewrap .orderdonebox {width:100%; display:block; padding:0 120px 30px 120px ;}
.orderdonewrap .orderdonebox ul {width:100%; padding:14px 20px; margin:20px 0 0 0 ;background:#191919;border-radius: 10px;  display:flex; justify-content:space-between; align-items:center;}
.orderdonewrap .orderdonebox ul li.tit  {width:15%; max-width:120px; min-width:110px; font-size: 15px; font-weight: 600; color:#999;  }
.orderdonewrap .orderdonebox ul li.txt  {width:90%; font-size:16px; text-align:right; word-break:break-all; }

.orderdonewrap .btnwrap {width:100%; max-width:1000px; margin: 0 auto; padding:40px 120px 0 120px;border-top:1px solid #555; display:flex; justify-content:space-between; align-items: center;}

@media all and (max-width:1000px){   
	.orderdonewrap .order_detail {  padding:20px 10%; }
	.orderdonewrap .orderdonebox { padding:0 10% 30px 10% ;}
	.orderdonewrap .btnwrap { padding:40px 10% 0 10%;}
}
@media all and (max-width:801px){   
	.orderdonewrap .order_detail {  padding:20px 25px; }
	.orderdonewrap .orderdonebox { padding:0 25px 30px 25px;}
	.orderdonewrap .btnwrap { padding:30px 25px 0 25px;}
}
@media all and (max-width:768px){   
	.orderdonewrap .order_detail {  padding:20px 0; }
	.orderdonewrap .orderdonebox { padding:0 0 30px 0;}
	.orderdonewrap .btnwrap { padding:30px 0 0 0;}
	.orderdonewrap .orderdonebox ul {display:block; background:none;padding:0; }
	.orderdonewrap .orderdonebox ul:first-child {margin:0; }
	.orderdonewrap .orderdonebox ul li.tit  {width:100%; max-width:100%; padding:0 0 10px; }
	.orderdonewrap .orderdonebox ul li.txt { width:100%; max-width:100%; background:#191919; padding:15px 20px; line-height:1.4; border-radius: 10px; font-size:15px; text-align:left; } 
}
 
 

/* createwrap */ 
.createwrap { display:flex; justify-content:space-between; align-items: stretch; padding-top:5px}
.createwrap .leftwrap {width:47.5%; max-width:760px; }
.createwrap .rightwrap {width:52.5%;padding:0 0 0 40px; }
.createwrap .leftwrap .stxt {width:100%; display:block; padding:10px 0 0 0; color:#999; font-weight:400;}


/* vimgwrap */
.createwrap  .vimgwrap {position:relative; width:100%; padding:100% 0 0 0; max-height:700px; text-align:center; background:#111; border:1px solid #333; overflow:hidden; display:block; border-radius:8px; font-size:0 }
.createwrap  .vimgwrap a { position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; display:inline-block;  }
.createwrap  .vimgwrap a img { width:100%;  }
.createwrap  .vimgwrap .vimg_open { position:absolute;top:0; left:0;width:100%; height:100%; margin:0 auto;  display:inline-block;  }
.createwrap  .vimgwrap .vimg_open img { margin:0 auto; width:100%; max-width:100%; height:100%; object-fit:cover; object-position:center center; transition:transform 0.3s linear}
.createwrap  .vimgwrap .vimg_open .videoThumb {width:100%; margin:0 auto;}


/* createFilebox */
.createFilebox { position:relative; z-index:1; width:100%;height:100%; margin:0 auto;  }
.createFilebox label {width:100%; height:100%; display: inline-block; padding:0; margin:0;display:flex; justify-content:center; align-items: center;  }
.createFilebox label > div {width:100%;}
.createFilebox label .vbtn {width:100%; display:inline-block; font-size: 18px; padding:84px 0 5px 0; background:url(/assets/img/content/album_img.svg) no-repeat center 0; background-size:60px;   }
.createFilebox label:hover .vbtn{ color:#ed1c24; }
.createFilebox label .vtxt {width:100%; display:inline-block; font-size: 14px;  text-align:center;  padding:0 20px;  }
.createFilebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}

.createwrap .gallery {  width:100%; position:relative; z-index:199;}
.createwrap .gallery img { width:100%; min-width:100%;}

.createwrap .vimgwrap .vimg_open .createFile_preview-de { display:none; background-size:8px;  }
.createwrap .vimgwrap .vimg_open .createFile_preview-de.on { display:inline-block;  position:absolute;left:auto; right:20px; top:20px; z-index:2;width:40px; height:40px; border-radius:50%; font-size:0;
                                                           background:rgba(0, 0, 0, 0.6) url(/assets/img/com/close_x.svg) no-repeat center 50%; border:none; background-size:15px; animation:opac 1s; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); }
.createwrap .vimgwrap .vimg_open .createFile_preview-de.on:hover { background:rgba(237, 28, 36, 0.6) url(/assets/img/com/close_x.svg) no-repeat center 50%; background-size:15px;}

.createFile_preview {width:100%; height:100%;}
.createFile_preview img { width:100%; max-width:100%; height:100%; margin:0 auto; object-fit:cover; object-position:center center; transition:transform 0.3s linear; animation: fadein ease-in 2s;-moz-animation: fadein ease-in 2s; -webkit-animation:  fadein ease-in 2s; -o-animation: fadein ease-in 2s;}
 
.createwrap .cbox {position:relative; width:100%; display:block; padding:18px 0 0 0; }
.createwrap .cbox:nth-child(1) {  padding:30px 0 0 0;  }

.createwrap .cbox .price { display:flex; justify-content:space-between; align-items:center;}
.createwrap .cbox .price input {width:calc(100% - 40px);  }
.createwrap .cbox .price span { width:40px;min-width:40px; display:inline-block; line-height:40px;  text-align:right;}
.createwrap .cbox .pricebox { width:100%; border-radius: 10px;  border: solid 1px #222;  background-color: #111; margin:8px 0 0 0  ; padding:8px 0 0 0;   }
.createwrap .cbox .pricebox dl  { position:relative;width:100%; display:flex; justify-content:space-between; align-items:center; padding:4px 20px;  } 
.createwrap .cbox .pricebox dl dt { width:115px;font-size: 14px; color:rgba(255,255,255,0.5);  }
.createwrap .cbox .pricebox dl dd {  width:calc(100% - 115px);color:rgba(255,255,255,0.75); text-align:right;font-size: 14px; }
.createwrap .cbox .pricebox dl.sum  { position:relative; border-top: solid 1px #222;  padding:12px 20px;  margin:8px 0 0 0;}
.createwrap .cbox .pricebox dl.sum dt { color:#fff; cursor:pointer;}
.createwrap .cbox .pricebox dl.sum dd{ color:#fff; font-weight:600; }
.createwrap .cbox .pricebox dl.sum dt span { position:relative; }
.createwrap .cbox.ticket-add-info { display: none; }

.icon_info {   width:16px; min-width:16px;height:16px; line-height:14px; display:inline-block; border:1px solid #fff; font-size:12px; font-weight:400; text-align:center; border-radius:50%; }

.createwrap .cbox .pricebox dl.sum .icon_info { position:absolute; top:50%; transform:translateY(-50%); right:-22px;    }
.pop_info {display:none; z-index:2; position:absolute; left:-1px; top:calc(100% + 7px);  width:calc(100% + 2px); background:#333; padding:15px 20px; font-size:13px; font-weight:300; border-radius:10px;border:1px solid #333; color:#ccc; line-height:1.6;
												-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
												-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
												-o-box-shadow:0 1px 3px rgba(0,0,0,0.3);
												-ms-box-shadow:0 1px 3px rgba(0,0,0,0.3);
												box-shadow:0 1px 3px rgba(0,0,0,0.3);
												}
 
.createwrap .cbox.royaltybox .ctit { width:auto; display:inline-block; padding:0 0 2px; }
.createwrap .cbox.royaltybox .ctit .icon_info { margin-left:5px;}
.createwrap .cbox .price_txt {width:100%; border-radius: 10px;  border: solid 1px #222;  background-color: #111; margin:8px 0 0 0  ; padding:0 20px; line-height:48px; height:48px;  display:inline-block;   }

.createwrap .cbox .pricebox dl.sum dt:hover .pop_info {display:inline-block;transition:transform 0.5s linear; animation: fadein ease-in 0.5s;-moz-animation: fadein ease-in 0.5s; -webkit-animation:  fadein ease-in 0.5s; -o-animation: fadein ease-in 0.5s;}
.createwrap .cbox.royaltybox .ctit:hover .pop_info {top:45px; display:inline-block;transition:transform 0.5s linear; animation: fadein ease-in 0.5s;-moz-animation: fadein ease-in 0.5s; -webkit-animation:  fadein ease-in 0.5s; -o-animation: fadein ease-in 0.5s;}
.mDetail_conwrap .mdt_tit_01 .icon_info { margin-left:8px;}
.mDetail_conwrap .mdt_tit_01.on .pop_info {top:37px; display:inline-block;transition:transform 0.5s linear; animation: fadein ease-in 0.5s;-moz-animation: fadein ease-in 0.5s; -webkit-animation:  fadein ease-in 0.5s; -o-animation: fadein ease-in 0.5s;}
 
.createwrap .cbox .pw {position:relative;}
.createwrap .cbox .pw .keyShow { top:50%; transform:translateY(-50%);right:20px;  }
.createwrap .cbox .ctxt {width:100%; color:#999; padding: 6px 0 0; font-size:13px; display:block;}
.textareabox {padding:20px; background:#111; border:1px solid #333; border-radius:10px; height:120px;   }
.textareabox textarea {width:100%; border:0; padding:0 10px 0 0 ; height:100%; overflow:auto; resize: none; line-height:1.4; }

.createwrap .cbox .cboxtit {display:flex; justify-content:space-between; align-items: center;  }
.createwrap .cbox .cttxt { width:100%; display:block; font-size: 14px; color:#999; text-align:right; padding:0 0  6px 0;}

.bottomwrap { display:block; margin-top:10px;}
 
.createwrap .sellDate .checkdate a  {width:50%; max-width:120px; min-width:105px;}
.createwrap .sell_startDate input { position:relative;z-index:2; width:100%; background:transparent;}
.createwrap .sell_startDate span { position:relative; width:100%; display:inline-block;  background:#111; border-radius:10px; }
.createwrap .sell_startDate span:before {  position:absolute; top:50%; transform:translateY(-10px); right:20px; z-index:1; content:''; display:inline-block; clear:both; width:20px; height:20px; background: url(/assets/img/content/icon_cal.svg) no-repeat right 50%; background-size:20px;opacity: 0.5;    } 
.createwrap .sell_startDate span:hover:before { opacity: 1; }
.createwrap .sell_startDate span:hover input {border:1px solid #666;}

/* 1022 */
/* .createwrap .cbox .ctxt {padding:0;} */
.createwrap .cbox .rank_chk {width:100%; overflow-x:auto;}
.createwrap .cbox .rank_chk span {margin-left:20px;}
.createwrap .cbox .rank_chk span:nth-child(1) {margin-left:0;}
.createwrap .cbox:nth-child(1) { padding:2px 0 0 0;}
.createwrap .cbox:nth-child(2) { padding:15px 0 0 0;}
.createwrap .cbox:nth-child(3) { padding:10px 0 0 0;}
.createwrap .cbox .checkdate label {wod-break:keep-all; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}

@media all and (max-width:1050px){
	.createwrap {padding-top:0;}
	.createwrap .rightwrap { padding:0 0 0 30px; }
}

@media all and (max-width:768px){
    .createwrap .rightwrap {padding:20px 0 0 0;}
	.createwrap {display:block; }
    .createwrap .leftwrap,
    .createwrap .rightwrap {width:100%; max-width:100%; padding:0}
	.createwrap .cbox { padding:20px 0 0 0;}
	.createwrap .cbox:nth-child(1) { padding:25px 0 0 0;  }
	.cttxt { padding:5px 0 0 0;}
	.bottomwrap {margin-top:20px;}
}
@media all and (max-width:600px){ 
   .createwrap .img_rating { left:15px; width:calc(100% - 30px); }
   .createwrap .vimgwrap .vimg_open .createFile_preview-de.on { right:15px; top:15px; }
   .createwrap .cbox .pricebox dl {   padding:4px 15px;  } 
   .createwrap .cbox .pricebox dl dt ,
   .createwrap .cbox .pricebox dl dd { font-size: 13px; }
   .createwrap .cbox .pricebox dl.sum  { padding:12px 15px; }
   .createwrap .cbox .pricebox dl.sum .pop_info {padding:12px 15px;}
   .createwrap .sell_startDate span:before { right:15px; background-size:20px;    } 
   .createwrap .cbox .pw .keyShow { right:15px; }
  
   .textareabox {padding:15px; }
}
@media all and (max-width:500px){
   .textareabox { height:90px; }
}
@media all and (max-width:400px){
    .textareabox {padding:15px;  }
    .createwrap .sell_startDate span:before {  right:15px; }
	.createwrap .cbox .rank_chk {overflow:hidden; display:block;}
	.createwrap .cbox .rank_chk span  {float:left; width:49%; display:inline-block; margin:0; }
}
@media all and (max-width:355px){
.createwrap .cbox .pricebox {  padding: 0;   }
.createwrap .cbox .pricebox dl  {display:block; border-top: solid 1px #222; padding:10px 15px; }
.createwrap .cbox .pricebox dl:first-child {border-top: none; }
.createwrap .cbox .pricebox dl dt {width:100%;  }
.createwrap .cbox .pricebox dl dd { width:100%;  }
}

.boardwrap {width:100%; display:block; }


/* sbtnwrap */
.sbtnwrap {width:100%; display:block; text-align:right; padding:30px 0 0 0;}
.sbtnwrap .addmbtn {width:150px; border-radius:10px; text-align:center;background:#000; border:2px solid #fff; font-size:16px; line-height:46px; height:50px; }
.sbtnwrap .addmbtn span { display:inline-block; background:url(/assets/img/content/note_e3.svg) no-repeat 0 50%; background-size:30px; padding:0 0 0 35px;}
.sbtnwrap .addmbtn:hover {border:2px solid #ed1c24; }
.sbtnwrap .addmbtn:hover span { background:url(/assets/img/content/note_e3_r.svg) no-repeat 0 50%; background-size:30px; color:#ed1c24;}
.sbtnwrap .addmbtn i {display:inline-block; padding:0 0 0 5px;}


/* btnwrap */
.btnwrap {width:100%; display:block; text-align:center; padding:40px 0 0 0;  overflow:hidden; display:block;}
.btnwrap a {width:100%; max-width:400px; display:inline-block; text-align:center; background:#ed1c24; border:1px solid #ed1c24; border-radius: 10px;font-size:16px; font-weight: 600; line-height:48px; height:50px;  }
.btnwrap a:hover { background:#c1070e;border:1px solid #c1070e;}

 
@media all and (max-width:801px){ 
	.btnwrap { padding:35px 0 0 0;} 
}
@media all and (max-width:600px){  
    .btnwrap { padding:30px 0 0 0;}    
	.btnwrap a {line-height:48px; height:50px; }
	.sbtnwrap .addmbtn { width:120px; font-size:15px;line-height:36px; height:40px;  }
}
@media all and (max-width:400px){ 
	.sbtnwrap .addmbtn { max-width:100%; } 
}


/* nodata */
.nodata {width:100%; display:block;padding:50px 15px; text-align:center;  }
.nodata span{width:100%; display:block; text-align:center; font-weight:400; color:#e3e3e3;}
.nodata span i {display:inline-block; padding:0 0 0 5px;}
.nodata a { min-height:30px; background:url(/assets/img/content/note_e3.svg) no-repeat 0 50%; background-size:30px; padding:3px 0 2px 40px; font-size:18px; }
.nodata a:hover { background:url(/assets/img/content/note_e3_r.svg) no-repeat 0 50%; background-size:30px; color:#ed1c24;}
.nodata .abtn {margin:0 0 5px;}

@media all and (max-width:801px){
   .nodata a {  font-size:16px; padding:2px 0 0 35px;  }
}
@media all and (max-width:600px){
   .nodata a {  font-size:15px; }
   .nodata span {  font-size:14px; }
}


/* nodata_market */
.nodata_market{ width:100%; overflow:hidden; display:block; padding:210px 15px; text-align:center; }
.nodata_market1 {width:100%; overflow:hidden;display:block; padding:100px 15px; text-align:center; }
.nodata_market span,
.nodata_market1 span {width:100%; display:block; text-align:center;  font-size: 16px; background:url(/assets/img/content/notice_rb.svg) no-repeat center 0; background-size:60px; padding:85px 0 0 0 ; }
 
@media all and (max-width:801px){
   .nodata_market span{ font-size:15px;  }
}
@media all and (max-width:600px){
   .nodata_market {padding:150px 15px; }
}
@media all and (max-width:500px){
   .nodata_market {padding:120px 15px; }
}
 
 
/* boardwrap */
.boardwrap {width:100%; display:block; }
.boardwrap ul {width:100%; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #333;  }
.boardwrap ul:hover {background:#111;}
.boardwrap ul li .stit {display:none;}
.boardwrap ul li { padding:0 5px; line-height:1.3; height:100%; text-align:center; }

.boardwrap ul.tit { background:#191919; border-radius:10px; border:none; height:50px;  }
.boardwrap ul.tit li {padding:0 5px; text-align:center !important;}


.boardwrap ul li.no span {display:inline-block;}
.boardwrap ul li.no .listbtn {position:relative; margin:0 0 0 7px; width:12px; height:21px; overflow:hidden;  }
.boardwrap ul li.no .listbtn a { position:relative; display:block; width:12px; height:10px;  }
.boardwrap ul li.no .listbtn a i {font-size:0; text-indent:-9999em; overflow:hidden; }
.boardwrap ul li.no .listbtn a.up { margin:0 0 1px 0; background:url(/assets/img/content/list_up.svg) no-repeat center 50%; background-size:12px;  }
.boardwrap ul li.no .listbtn a.down  {background:url(/assets/img/content/list_down.svg) no-repeat center 50%; background-size:12px;}
.boardwrap ul li.listening span,
.boardwrap ul li.time span{display:inline-block; padding:0 16px 0 0; background:url(/assets/img/content/play_w.svg) no-repeat right 50%; background-size:10px;  }

.boardwrap ul li.manage a {width:25px; height:25px; }
.boardwrap ul li.manage a:last-child { margin:0 0 0 10px;}
.boardwrap ul li.manage a span{ font-size:0; text-indent:-9999em; overflow: hidden;}
.boardwrap ul li.manage .modify {background:url(/assets/img/content/list_mod.svg) no-repeat center 50%; background-size:25px; }
.boardwrap ul li.manage .delete {background:url(/assets/img/content/list_del.svg) no-repeat center 50%; background-size:25px; }


/* board_create */
.board_create {position: relative; overflow: auto}
.board_create ul li.chkbox{width:8.1%; padding-bottom: 6px;}
.board_create ul.tit li.chkbox{ padding:0 6px;}
.board_create ul li.no {width:8.1%;}
.board_create ul li.music { width:32.43%; text-align:left;}
.board_create ul li.artist {width:14.86%;}
.board_create ul li.listening {width:9.45%;}
.board_create ul li.time {width:9.45%;}
.board_create ul li.lyrics {width:8.1%;}
.board_create ul li.manage {width:9.45%; min-width:80px; }
.board_create ul li { display:flex; justify-content:center; align-items:center; }
.board_create ul li div { width:100%;  }
.board_create ul li.music span,
.board_create ul li.artist span { width:92%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.board_create ul li.more {display:none;}
.board_create ul li.more a.abtn_album_close {display:none;}

 @media all and (max-width:768px){      
    .board_create ul {position:relative; display:block; padding:10px 0;}
	.board_create ul:after {content:''; display:block; clear:both;}
	.board_create ul li.more {position:relative; display:inline-block;  float:right; width:25px; height:25px; padding:0; margin:0; }
	.board_create ul li.more a {position:absolute; top:0;right:0; display:none; width:25px; height:25px; background:url(/assets/img/content/btn_more.svg) no-repeat center 50%; background-size:25px; }
    .board_create ul li.more a span { font-size:0; text-indent:-9999em; overflow:hidden;  }
	.board_create ul li.more a.btn_album_info {display:inline-block; }
    .board_create ul li.more a.abtn_album_close {display:none; background:url(/assets/img/com/close_x.svg) no-repeat center 50%; background-size:25px; }

	.board_create ul.tit{display:none;}
	.board_create ul li.chkbox {width:25px; float:right; padding:0; margin: 0 10px 0 0;}
	.board_create ul li.no{display:none;}
	.board_create ul li.music,
	.board_create ul li.artist {width:70%; float:left; padding:5px 0; text-align:left; }

	.board_create ul li.listening,
	.board_create ul li.time,
	.board_create ul li.lyrics,
	.board_create ul li.manage {width:160px; height:auto;text-align:left; padding:6px 15px; position:absolute; right:0; z-index:10; min-height:30px; display:flex; justify-content: space-between; align-items:center;
	background:#191919; border-left:1px solid #333; border-right:1px solid #333;padding:6px 15px;display:none;  }

    .board_create ul li.music span,
	.board_create ul li.artist span { width:100%; }

	.board_create ul li.listening { top:40px; border-top:1px solid #333; border-radius:5px 5px 0; padding:15px 15px 6px 15px; }
	.board_create ul li.time{ top:75px; }
	.board_create ul li.lyrics { top:105px;}
	.board_create ul li.manage { top:135px; border-radius:0 0 5px 5px; padding:6px 15px 15px 15px; }
     
	.board_create ul li .stit {display:inline-block; color:#999; width:20%; min-width:60px; padding:0; }
	.board_create ul li div {  width:68%; text-align:right;}
	.board_create ul li.on {display:flex !important;animation: fadein ease 1s;-moz-animation: fadein ease 1s; -webkit-animation:  fadein ease 1s; -o-animation: fadein ease 1s; }
}   
@media all and (min-width:768px){    
	.board_create ul {height:60px;  }
	.board_create ul li { padding:0 5px;height:auto; }
	.board_create ul li.listening,
	.board_create ul li.time,
	.board_create ul li.lyrics,
	.board_create ul li.manage { padding:0 5px;  }
}



/* create_category */
.create_category {position: relative; width:100%; padding:0 0 10px; display: inline-block; }
.create_category .abmenu {width:100%; position: relative; cursor: pointer; font-size:15px; font-weight:600; text-align:left;line-height:48px; height:50px; background:#111; border:1px solid #333; padding:0 20px; border-radius: 10px; 
                   display:flex; justify-content:space-between; align-items:center;  overflow:hidden;} 
.create_category .abmenu:hover,.create_category .abmenu:focus { border:1px solid #666; }
.create_category .abmenu.on {  border:1px solid #666;  }
.create_category .abmenu .arrowbox {position: relative; right:0; top:0; width:25px; height:100%; }
.create_category .abmenu .arrowbox span { width:100%; height:100%; display:inline-block; }
.create_category .abmenu .arrowbox span i {font-size:0; text-indent:-9999em; overflow:hidden; }
.create_category .abmenu .arrowbox .arrow_open { z-index:1; display:block; background:url(/assets/img/content/cate_open.svg) no-repeat center 50%; background-size:20px;}
.create_category .abmenu .arrowbox .arrow_close {  z-index:2; display:none; background:url(/assets/img/content/cate_close.svg) no-repeat center 50%; background-size:20px;}
.create_category .abmenu.on .arrowbox .arrow_open { display:none;  }
.create_category .abmenu.on .arrowbox .arrow_close { display:block;} 

.create_category .asmenu {position:absolute;z-index:100;width:100%;top:59px; display: none; min-height:0; max-height:430px; overflow:auto; font-size:15px; font-weight:400; background:#191919;border:1px solid #666; padding:10px 20px; border-radius: 10px;  }
.create_category .asmenu.on { display: block; }
.create_category .abmenu.on + .asmenu {display:block;margin:0;} 
.create_category .asmenu ul {width:100%;padding:0;  } 
.create_category .asmenu ul li {width:20%; float:left; height:40px;  }   
.create_category .asmenu ul li a {width:100%; line-height:40px; height:40px;} 
.create_category .asmenu .asideprice{width:100%;} 
.create_category .asmenu .asideprice .atbox {width:100%; display:flex; justify-content:space-between; align-items:center;}
.create_category .asmenu .asideprice .atbox strong {display:inline-block; width:27%; max-width:70px; line-height:38px; height:40px; border-radius: 10px; background:#000; border:1px solid #000; text-align:center; color:#fff; font-weight:400; margin:0 10px 0 0;}
.create_category .asmenu .asideprice .atbox p { width:78%;  position: relative; display:flex; justify-content:space-between; align-items:center; }
.create_category .asmenu .asideprice .atbox input {width:45%; padding:0 ; text-align:center; line-height:38px; height:40px;border-radius: 10px; background:#111; border:1px solid #333; }

.create_category .asmenu .asideprice .atbtn {width:100%; padding:10px 0 0 0;} 
.create_category .asmenu .asideprice .atbtn a {width:100%; text-align:center; line-height:38px; height:40px; border-radius:10px; background:#333; border:1px solid #333; color: rgba(255, 255, 255, 0.5); }
.create_category .asmenu .asideprice .atbtn a.on { background:#ed1c24; border:1px solid #ed1c24; color:#fff; }
.create_category .atbtn_filter {display:none;position:fixed; bottom:0; left:0; width:100%; padding:10px 25px; background:rgba(25, 25, 25,0.85); } 
.create_category .atbtn_filter a { width:100%; text-align:center; line-height:48px; height:50px; border-radius:10px; background:#333;font-weight:600; border:1px solid #333; color: rgba(255, 255, 255, 0.5); }
.create_category .atbtn_filter a.on { background:#ed1c24; border:1px solid #ed1c24; color:#fff; }

@media all and (max-width:1250px){
	.create_category .asmenu ul li {width:25%;}
}

@media all and (max-width:1050px){   
	.create_category .asmenu .asideprice .atbox strong { border:1px solid #191919; max-width:27%; line-height:48px; height:50px;}
	.create_category .asmenu .asideprice .atbox input {line-height:48px; height:50px;}
	.create_category .asmenu .asideprice .atbtn {display:none;}	
	.create_category .atbtn_filter {display:inline-block !important;  } 
 
}
@media all and (max-width:950px){  
    .create_category .asmenu ul li {width:33.33%;}
}
@media all and (max-width:820px){  
    .create_category .asmenu ul li {width:50%;}
}
@media all and (max-width:801px){  
    .create_category .abmenu { padding:0 20px;}
}
@media all and (max-width:600px){ 
    .create_category .atbtn_filter { padding:10px 20px;} 
	.create_category .abmenu { padding:0 15px; line-height:50px; height:50px;}
	.create_category .asmenu {top:55px;}
}
@media all and (max-width:350px){  
    .create_category .asmenu ul li {width:100%;}
}
@media all and (min-width:1049px){
	.create_category .asmenu .asideprice .atbtn {display:block;} 
}


/* create_cResult */ 
.create_cResult { position:relative;width:100%; display: block; font-size:0;  }
.create_cResult li {max-width:100%; position:relative; display: inline-block; margin:0 8px 8px 0; padding:0; height:40px; font-size:15px;}
.create_cResult li span {padding:0 37px 0 20px;line-height:38px; height:40px; border-radius:40px; border:1px solid rgba(255, 255, 255, 0.4);text-transform: uppercase; display: inline-block;overflow:hidden; display:block; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;}
.create_cResult li a {position:absolute;right:5px; top:50%; transform:translateY(-50%); width:20px;height:80%;  background:url(/assets/img/content/clear_filter.svg) no-repeat center 50%; background-size:12px;margin:0 8px 8px 0;}
.create_cResult li a i {font-size:0; text-indent:-9999em; overflow:hidden; }
.create_cResult li.btn_clear a {position:relative; top:0; transform:none; width:auto; padding:0 20px; margin:0 0 0 4px;  background:#000; border:1px solid rgba(255, 255, 255, 0.18); color:#fff; line-height:38px; height:40px; border-radius:40px; }
.create_cResult li.divide span {position:relative; padding:0 20px;}
@media all and (max-width:1050px){   
   .create_cResult { position:relative; float:none; width:100%; padding:0;  }
}
@media all and (max-width:600px){   
	.create_cResult li span {padding:0 37px 0 15px;}
	.create_cResult li.divide span,
	.create_cResult li.btn_clear a {  padding:0 15px; right:0; } 
}
@media all and (max-width:400px){   
	.create_cResult li span {padding:0 32px 0 15px;}
	.create_cResult li.divide span,
	.create_cResult li.btn_clear a {  padding:0 10px; right:0; } 
}

.qrimg { position:relative; width:100%;  padding:100% 0 0 0 ; margin:0 0 15px;  }
.qrimg img{	width: 100%;}
.qrimg span { position:absolute; top:0 ;left: 0 ; padding: 40px; width:100%;  height:100%; display: flex; justify-content: center; align-items: center; background: #FFFFFF; border-radius: 10px;}
.qrtxt {margin:0 0 15px 0 }
 

/* paymentWrap */  
.paymentWrap  { position:relative;  background:#e5e5e5; overflow:hidden;display:block;height:570px;     }
 
.cpaywrap { width:100%; height:100%;  display:block;  height:570px; }
.cpaywrap h3 { width:100%; display:block; line-height:50px; height:50px; background:#191919; font-size:20px;  color:#fff; padding:0 20px;}
.cpaybox  h4 { width:100%; display:block; line-height:1.2;  font-size:16px;  color:#333; padding:0 0 10px; font-weight:600;}
.cpaybox  {width:100%; height:100%;  padding:20px;  display:block;   }
.cpaybox .cpaylayput {width:100%;  display: flex; justify-content: space-between; align-items:start;  }
.cpaybox  .cpay_terms { width:calc(100% - 400px);  height:450px;   background:#fff;  border-radius:10px; padding:18px 10px 18px 15px; overflow:hidden; overflow-y:scroll; font-size:13px; color:#1e1e1e;  }
.cpaybox  .cpay_terms::-webkit-scrollbar {position:relative; right:0; z-index:0; width:8px; height: 8px; background:transparent;background: #999; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;  }
.cpaybox  .cpay_terms::-webkit-scrollbar-button:start:decrement,
.cpaybox  .cpay_terms::-webkit-scrollbar-button:end:increment {z-index:0; display: block; height:8px;}
.cpaybox  .cpay_terms::-webkit-scrollbar-track {z-index:0; background: #888; -webkit-border-radius:5px; border-radius:4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2)}
.cpaybox  .cpay_terms::-webkit-scrollbar-thumb {z-index:0; height:45%; width:8px; background: rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius:4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }

.cpay_terms .termbox {width:100%; padding:15px 0 0 0 ;  font-size:14px; } 
.cpay_terms .termbox:first-child { padding:0;}
.cpay_terms .termbox .tbox {width:100%; padding:20px 0 0 0 ;   }  
.cpay_terms .termbox h4  {width:100%;  font-size:15px; font-weight:600;  padding:0 0 2px 0; overflow:hidden; display:block; color:#1e1e1e; } 
.cpay_terms .termbox h5 {width:100%;  font-size:14px; font-weight:600;  padding:0 0 5px 0; overflow:hidden; display:block; } 
 
.cpay_terms p  {width:100%; display:block;  margin:2px 0 ; font-size:13px;} 
.cpay_terms ul {width:100%; display:block;    } 
.cpay_terms ul li { position:relative; width:100%; display:block;  margin:2px 0 ; padding:0 0 0 14px; line-height:1.4; font-size:13px; } 
.cpay_terms ul li:before { position:absolute; left:5px; top:7px;content:''; display:inline-block; width:2px; height:2px; border-radius:50%; background:#666; }

.cpaybox  .cpay_info { width:380px;  background:#fff;  border-radius:10px; padding:20px;  }  
.cpaybox  .cpay_info  .orderpayment .amount { padding: 15px 20px; }
.cpaybox  .cpay_info  .orderpayment .amount strong { font-size:13px; }
.cpaybox  .cpay_info  .orderpayment .amount span{ font-size:13px; }
.cpaybox  .cpay_info  .orderpayment .amount span em{ font-size:18px; font-weight:600; }
.cpaybox  .cpay_info  .checkagree label {color:#333; font-size:13px; height:40px; padding-top:2px; }
.cpaybox  .cpay_info   .checkagree input[type="checkbox"] + label::before { border:1px solid #ccc;  background:transparent url(/assets/img/com/icon_check.svg) no-repeat center 50%; background-size:13px; }
.cpaybox  .cpay_info .orderpayment .cbtnwrap {  padding: 20px 0 0 0;}

  @media all and (max-width: 1300px){
	 .cpaybox  .cpay_terms { width:calc(100% - 350px); }
	 .cpaybox  .cpay_info { width:330px;  }
 }
 @media all and (max-width: 900px){
	 .cpaybox  .cpay_terms { width:calc(100% - 320px); }
	 .cpaybox  .cpay_info { width:300px;  }
 }
@media all and (max-width: 650px){
	.cpaybox .cpaylayput { display:block; }
	.cpaybox  .cpay_terms {width:100%; height:210px;  margin:0 0 20px; }
	.cpaybox  .cpay_info {width:100%;}
}
@media all and (max-width: 400px){
	.cpaywrap h3 { padding:0 15px;}
	.cpaybox  { padding:20px 15px;  }
	.cpaybox  .cpay_terms {  margin:0 0 15px; }
	.cpaybox  .cpay_info {  padding:15px;  }  
	.cpaybox  .cpay_info  .orderpayment .amount { padding: 15px; }
	.cpaybox  .cpay_info  .orderpayment .amount span em{   font-weight:700; }
}

/* cpaybox_done */
.cpaybox_done {width:100%; height:520px;   display: flex; justify-content: center; align-items:center;  }
.cpaybox_done .inbox { width:90%; max-width:400px;background:#fff; border-radius:10px; padding:40px 20px;}
.cpaybox_done .inbox  h3 {width:100%;  color:#1e1e1e; font-size:24px; background:#fff; text-align:center;}
.cpaybox_done .inbox   p {width:100%;  color:#1e1e1e; font-size:16px; text-align:center;}
.cpaybox_done .inbox .btnwrap {   display: flex; justify-content: center; align-items:center; }
.cpaybox_done .inbox .btnwrap a { font-size:15px; }


/* popup : oreder_done */
 .subwrap.subwrap_odwrap {padding:30px 20px !important;}
 .subwrap.subwrap_odwrap .subtit  {padding:0 0 20px;}
 .subwrap.subwrap_odwrap .subtit h2 { font-size:30px; padding:0; line-height:1.2; }
 .subwrap.subwrap_odwrap  .order_detail {  padding:20px 20px 0 20px  ; }
 .subwrap.subwrap_odwrap  .order_detail .txtbox .txt strong { font-size:20px;  }
 .subwrap.subwrap_odwrap  .order_detail .txtbox .txt span {  font-size:15px;  font-weight:400;  }
 .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox { padding:0 20px 30px 20px;}
 .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox ul li.tit,
 .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox ul li.txt  {  font-size:14px; }

 @media all and (max-width:768px){  
     .subwrap.subwrap_odwrap  .order_detail {  padding:20px 0  ; }
	 .subwrap.subwrap_odwrap .order_detail .txtbox .txt strong { font-size:18px;  }
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt span {  font-size:14px; }
	 .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox { padding:0 0 30px 0;}
	 .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox ul li.tit  { padding:0 0 5px; }
}
@media all and (max-width:600px){  
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt strong { font-size:16px;  }
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt span {  font-size:13px; }
     .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox ul li.tit,
     .subwrap.subwrap_odwrap .orderdonewrap .orderdonebox ul li.txt  {  font-size:13px; }
}
@media all and (max-width:500px){ 
     .subwrap.subwrap_odwrap .order_detail .img { width:100px; min-width:100px; height:100px; }
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt {  padding:0 0 0 20px;}
}
@media all and (max-width:400px){      
     .subwrap.subwrap_odwrap {padding:30px 15px !important;}
     .subwrap.subwrap_odwrap .subtit h2 { font-size:28px;}
     .subwrap.subwrap_odwrap .order_detail .img { width:80px; min-width:80px; height:80px; }
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt {  padding:0 0 0 15px;}
}
@media all and (max-width:350px){ 
     .subwrap.subwrap_odwrap .subtit h2 { font-size:26px;}
     .subwrap.subwrap_odwrap .order_detail .img { width:70px; min-width:70px; height:70px; }
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt {  padding:0 0 0 10px;}
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt strong { font-size:15px;  }
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt span {  font-size:12px; }
}
@media all and (max-width:320px){  
     .subwrap.subwrap_odwrap .order_detail .txtbox .txt strong { font-size:14px;  }
}

/* keyframes */
 @keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity: 0; }
    to { opacity: 1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity: 0; }
    to { opacity: 1;}
}
@-o-keyframes fadein { /* Opera */
    from { opacity: 0; }
    to { opacity: 1;}
}


@keyframes fadein2 {
    from { opacity: 0.4; }
    to { opacity: 1;}
}
@-moz-keyframes fadein2 { /* Firefox */
    from { opacity: 0.4; }
    to { opacity: 1;}
}
@-webkit-keyframes fadein2 { /* Safari and Chrome */
    from { opacity: 0.4; }
    to { opacity: 1;}
}
@-o-keyframes fadein2 { /* Opera */
    from { opacity: 0.4; }
    to { opacity: 1;}
}

 

@keyframes fadein3 {
    0% {opacity: 0; }
    50% {opacity: 0.1; }
   100% { opacity: 1; }
}
@-moz-keyframes fadein3{ /* Firefox */
    0% {opacity: 0; }
    50% {opacity: 0.1; }
   100% { opacity: 1; }
}
@-webkit-keyframes fadein3{ /* Safari and Chrome */
     0% {opacity: 0; }
    50% {opacity: 0.1; }
   100% { opacity: 1; }
}
@-o-keyframes fadein3 { /* Opera */
    0% {opacity: 0; }
    50% {opacity: 0.1; }
   100% {opacity: 1; }
}


@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0;}
}
@-moz-keyframes fadeout { /* Firefox */
    from { opacity: 1; }
    to { opacity: 0;}
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
     from { opacity: 1; }
    to { opacity: 0;}
}
@-o-keyframes fadeout { /* Opera */
    from { opacity: 1; }
    to { opacity: 0;}
}


@keyframes switch_left {
    from {left:100%; }
    to {left:0}
}
@-moz-keyframes switch_left{ /* Firefox */
    from {left:100%; }
    to {left:0}
}
@-webkit-keyframes switch_left { /* Safari and Chrome */
    from {left:100%; }
    to {left:0}
}
@-o-keyframes switch_left { /* Opera */
    from {left:100%; }
    to {left:0}
}

@keyframes switch_right {
    from {left:-100%; }
    to {   left:0}
}
@-moz-keyframes switch_right{ /* Firefox */
    from {left:-100%; }
    to {left:0}
}
@-webkit-keyframes switch_right { /* Safari and Chrome */
    from {left:-100%; }
    to {left:0}
}
@-o-keyframes switch_right { /* Opera */
    from {left:-100%; }
    to {left:0}
}
 

 @keyframes sheight {
    0% {  height:0; opacity: 0;}
    100% {  height:100%;opacity: 1; }
}
@-moz-keyframes sheight { /* Firefox */
   0% {  height:0; opacity:0;}
    100% {  height:100%;opacity:1; }
}
@-webkit-keyframes sheight { /* Safari and Chrome */
    0% {  height:0; opacity:0;}
    100% {  height:100%;opacity:1;  }
}
@-o-keyframes sheight { /* Opera */
  0% {  height:0; opacity:0;}
    100% {  height:100%;opacity:1;  }
}


 @keyframes infoheight {
    0% {  height:45px; opacity: 0;}
    100% {  height:auto;opacity: 1; }
}
@-moz-keyframes infoheight { /* Firefox */
    0% {  height:45px; opacity: 0;}
    100% {  height:auto;opacity: 1; }
}
@-webkit-keyframes infoheight { /* Safari and Chrome */
    0% {  height:45px; opacity: 0;}
    100% {  height:auto;opacity: 1; }
}
@-o-keyframes infoheight { /* Opera */
    0% {  height:45px; opacity: 0;}
    100% {  height:auto;opacity: 1; }
}
 

/* scroll */
@media all and (max-width:500px){ 
    .marketmenu{justify-content: flex-start; flex-direction: row; overflow-x:scroll; scrollbar-width: none; -ms-overflow-style: none;}
    .marketmenu::-webkit-scrollbar {display: none;}
    .marketmenu input:nth-child(1){margin-left:15px;}
}
/*  */

/* 20241121 subwrap_odwrap modify */
.check-price-group{display:flex;flex-direction: row;justify-content: space-between;align-items: center;gap:2%;margin-top:20px;}
.check-price-group ul:first-child,.check-price-group ul:last-child{margin-top:0;}