/* Common */
.i-container {position: relative; padding-left: 86px;}
.i-inner {position: relative; width: 1280px; max-width: 100%;}

/* === 2024-06-21 수정 === */
.i-inner {margin: 0 auto;}
.i-container {padding-left: 0; padding: 0 30px;}
/* === 2024-06-21 수정 === */

.fm-input {height: 40px; padding: 0 14px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; color: #fff; outline: none; background-color: #27282a;}
.fm-input.full {width: 100%;}
.fm-input.half {width: 50%;}
.fm-input::placeholder {color: #999;}

.fm-select {display: block; min-width: 135px; height: 40px; line-height: 40px; padding: 0 25px 0 12px; border: 1px solid #313131; border-radius: 5px; font-size: 16px; background: #313131 url('/source/img/nav-arrow.png') no-repeat center right 12px/8px auto; color: #999; cursor: pointer; transition: all 0.30s ease-in-out;}
.fm-select:focus {box-shadow: 0 0 10px rgba(255,119,38,1); border-color: #FF7726; color: #fff;}

.checkbtn input[type=checkbox] {display: none;}
.checkbtn input[type=checkbox] + label {position: relative; font-size: 14px; font-weight: 400; color: #fff; cursor: pointer; user-select: none;}
.checkbtn input[type=checkbox] + label:before {content: ""; display: inline-block; width: 12px; height: 12px; margin: -2px 8px 0 0; border: 1px solid #eaeaea; vertical-align: middle;}
.checkbtn input[type=checkbox]:checked + label {color: #ff7726;}
.checkbtn input[type=checkbox]:checked + label:before {border: 1px solid #ff7726; background: #ff7726;}

.checkbtn2 input[type=checkbox] {display: none;}
.checkbtn2 input[type=checkbox] + label {position: relative; font-size: 16px; font-weight: 300; color: #fff; cursor: pointer; user-select: none;}
.checkbtn2 input[type=checkbox] + label:before {content: ""; display: inline-block; width: 17px; height: 17px; margin: -2px 8px 0 0; border: 1px solid #fff; border-radius: 2px; vertical-align: middle;}
.checkbtn2 input[type=checkbox]:checked + label:before {border: 1px solid #ff7726; background: #ff7726 url('/source/img/check-icon.png') no-repeat center/11px auto;}

.radiobtn input[type=radio] {display: none;}
.radiobtn input[type=radio] + label {position: relative; padding-left: 25px; font-size: 16px; font-weight: 300; color: #fff; cursor: pointer; user-select: none;}
.radiobtn input[type=radio] + label:before {content: ""; display: block; position: absolute; top: 1px; left: 0; z-index: 1; width: 17px; height: 17px; border: 1px solid #fff; border-radius: 50%;}
.radiobtn input[type=radio] + label:after {content: ""; display: none; position: absolute; top: 6px; left: 5px; z-index: 2; width: 7px; height: 7px; border-radius: 50%; background: #ff7726;}
.radiobtn input[type=radio]:checked + label:before {border: 1px solid #ff7726;}
.radiobtn input[type=radio]:checked + label:after {display: block; background: #ff7726;}

.radiobtn2 {display: flex; position: relative;}
.radiobtn2 input[type=radio] {display: none;}
.radiobtn2 input[type=radio] + label {position: relative; z-index: 2; padding: 30px 24px; font-size: 16px; font-weight: 400; color: #fff; cursor: pointer; user-select: none;}
.radiobtn2 input[type=radio] + label .circle {position: relative; display: inline-block; width: 17px; height: 17px; margin-right: 8px;}
.radiobtn2 input[type=radio] + label .circle:before {content: ""; display: block; position: absolute; top: 3px; left: 0; z-index: 2; width: 17px; height: 17px; border: 1px solid #d3d3d3; border-radius: 50%;}
.radiobtn2 input[type=radio] + label .circle:after {content: ""; display: none; position: absolute; top: 8px; left: 5px; z-index: 3; width: 7px; height: 7px; border-radius: 50%; background: #ff7726;}
.radiobtn2 .border {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 1px solid #d3d3d3; border-radius: 10px;}
.radiobtn2 input[type=radio]:checked + label {font-weight: 500; color: #ff7726;}
.radiobtn2 input[type=radio]:checked + label .circle:before {border: 1px solid #ff7726;}
.radiobtn2 input[type=radio]:checked + label .circle:after {display: block; background: #ff7726;}
.radiobtn2 input[type=radio]:checked ~ .border {border: 2px solid #ff7726;}

.datetime-picker {padding-right: 40px; background-image: url('/source/img/calendar-icon.png'); background-repeat: no-repeat; background-position: center right 14px; background-size: 18px auto;}

.mCSB_scrollTools{width: 10px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 2px;}
.mCSB_outside+.mCSB_scrollTools_vertical {margin: 0 !important;}

/* Layout */
.layout_wrapper {}
.layout_header {position: fixed; top: 0; left: 0; z-index: 777; width: 234px; height: 100%; background: #101113;}
.header-container {height: 100%; padding: 43px 0 40px 40px;}
.header-logo {display: block;}
.mo-header-logo {display: none;}
.header-gnb {height: calc(100% - 150px); margin-top: 129px;}
.header-gnb-1dp{}
.header-gnb-1dp > li {margin-top: 40px;}
.header-gnb-1dp > li:first-child {margin-top: 0;}
.header-gnb-1dp > li > span,
.header-gnb-1dp > li > a {display: block; font-size: 18px; font-weight: 500; color: #fff; line-height: 1; transition: 0.3s ease-in-out; cursor: pointer;}
.header-gnb-1dp > li.on > a {color: #ff7726;}
.header-gnb-1dp > li > span.on {color: #ff7726;}
.header-gnb-1dp > li > a.on {color: #ff7726;}
.header-gnb-1dp .icon {width: 20px; margin: -4px 10px 0 0; vertical-align: middle;}
.header-gnb-1dp .arrow {font-size: 24px; color: #999; vertical-align: middle;}
.header-gnb-2dp {display: none; margin-top: 14px; padding-left: 30px;}
.header-gnb-2dp > li {}
.header-gnb-2dp > li > a {display: block; padding: 8px 0 8px 10px; font-size: 16px; font-weight: 400; color: #666; line-height: 1; transition: 0.3s ease-in-out;}
.header-gnb-2dp > li > a:before {content: "-"; margin-right: 5px; vertical-align: top;}
.header-gnb-2dp > li > a:hover {color: #ff7726;}
.header-gnb-1dp > li.on .arrow {transform: rotate(-180deg);}
.header-gnb-1dp > li.on .header-gnb-2dp {display: block;}
.header-gnb-2dp > li.on > a {font-weight: 600; color: #ff7726;}

.layout_contents {position: relative; margin-left: 234px;}
.layout_contents-top {/*position: sticky;*/ position: fixed; top: 0; width: calc(100% - 234px); padding-top: 25px; padding-bottom: 30px; z-index: 800; background: #101113;}
.layout_contents-body {padding-top: 95px; padding-bottom: 120px; overflow: hidden;}
.layout_contents-footer {width: 1354px; max-width: 100%; margin-left: 48px; border-radius: 30px; background: #1c1c1e; margin-bottom: 40px;}
.fnb {display: flex; padding: 25px 38px; border-bottom: 1px solid rgba(187,187,187,0.15);}
.fnb a {margin-left: 25px; font-size: 16px; font-weight: 500; color: #999; transition: 0.3s ease-in-out;}
.fnb a:first-child{margin-left: 0;}
.fnb a:hover{color: #ff7726;}
.finfo {padding: 20px 38px 36px 38px;}
.finfo_wrap {margin: 9px -7.5px 0;}
.finfo_wrap.mt0{margin-top: 0;}
.finfo_wrap > li {position: relative; padding: 0 7.5px; line-height: 1.65;}
.finfo_wrap > li:after {content: ""; display: block; position: absolute; top: 50%; right: 0; z-index: 1; height: 13px; margin-top: -6.5px; border-left: 1px dashed #6f6d6d;}
.finfo_wrap > li:last-child:after {display: none;}
.finfo .text1 {font-size: 16px; font-weight: 600; color: #666;}
.finfo .text2 {font-size: 16px; font-weight: 400; color: #999;}
.fcopy {margin-top: 24px; font-size: 14px; font-weight: 600; color: #4d4d4d;}

/* UI */
ion-icon {pointer-events: none;}

.keyword-btn {display: block; padding: 8px 10px; border-radius: 5px; font-size: 16px; font-weight: 400; color: #eaeaea; line-height: 1; background: #525252; transition: 0.3s ease-in-out;}
.keyword-btn:hover {color: #fff; background: #ff7726;}

.tab-btn {display: flex; align-items: center; width: auto; height: 37px; line-height: 1.2; padding: 0 20px; border: 0; border-radius: 20px; font-size: 18px; font-weight: 700; color: rgba(255,255,255,0.4); background: none; transition: all 0.3s ease-in-out;}
.tab-wrap .active .tab-btn {color: #fff; background: rgba(255,255,255,0.15);}
.tab-btn:hover {color: #fff;}

.tab2 {overflow: hidden;}
.tab2-wrap {margin: 0 -30px;}
.tab2-wrap > li {position: relative; padding: 0 30px;}
.tab2-wrap > li:after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 15px; margin-top: -7.5px; border-left: 1px solid #525252;}
.tab2-wrap > li:first-child:after {display: none;}
.tab2-btn {display: block; align-items: center; width: auto; border: 0; border-bottom: 2px solid transparent; font-size: 20px; font-weight: 700; color: rgba(255,255,255,0.4); background: none; line-height: 2; transition: all 0.3s ease-in-out;}
.tab2-btn .count {display: inline-block; margin-top: -4px; font-size: 18px; font-weight: 600; vertical-align: middle; line-height: 1;}
.tab2-wrap .active .tab2-btn {color: #ff7726; border-color: #ff7726;}
.tab2-btn:hover {color: #fff;}

.tab3 {font-size: 0;}
.tab3-wrap {display: inline-block; overflow: hidden; border-radius: 20px; background: #1c1c1e;}
.tab3-wrap > li {position: relative;}
.tab3-btn {display: block; align-items: center; width: auto; padding: 8px 20px; border: 0; border-radius: 20px; font-size: 16px; font-weight: 600; color: rgba(255,255,255,0.4); background: none; transition: all 0.3s ease-in-out;}
.tab3-wrap .active .tab3-btn {color: #fff; background: #343436;}
.tab3-btn:hover {color: #fff;}

.i-btn {border: 0; background: none; color: #fff; text-align: center; transition: all 0.3s ease-in-out;}
.i-btn1 {width: 200px; max-width: 100%; height: 50px; border: 1px solid #ff7726; border-radius: 100px;}
.i-btn1 .text {font-size: 18px; font-weight: 600; color: #ff7726; vertical-align: middle; transition: all 0.3s ease-in-out;}
.i-btn1 .icon {font-size: 26px; vertical-align: middle; color: #ff7726; transition: all 0.3s ease-in-out;}
.i-btn1:hover {background: #ff7726}
.i-btn1:hover .text {color: #fff;}
.i-btn1:hover .icon {color: #fff;}

.i-btn2 {width: 200px; max-width: 100%; height: 60px; border-radius: 10px; background: #ff7726; font-size: 18px; font-weight: 500;}

.i-btn-gray {width: 200px; max-width: 100%; height: 60px; border-radius: 10px; background: #666; font-size: 18px; font-weight: 500;}

.i-btn-follow {padding: 5px 6px; border: 1px solid #ff7726; border-radius: 5px; font-size: 0;}
.i-btn-follow .text {display: inline-block; margin-top: -1px; font-size: 14px; font-weight: 500; color: #ff7726; line-height: 1; vertical-align: middle;}
.i-btn-follow .icon {display: inline-block; width: 8px; margin: 0 3px 0 0; vertical-align: middle;}
.i-btn-follow.on {border-color: #7a7a7a !important; background: #7a7a7a !important;}
.i-btn-follow.on .text {color: #cfcfcf !important;}
.i-btn-follow.on .icon {margin-top: 0 !important;}

.i-btn-follow.white {border: 1px solid #fff;}
.i-btn-follow.white .text {color: #fff;}

.i-btn-heart .icon {font-size: 23px; color: #bbb;}
.i-btn-heart.on .icon {font-size: 23px; color: #ff7726;}

.i-btn-cart .icon {width: 21px;}

.like-count {display: inline-block; height: 24px; line-height: 24px; padding: 0 6.33px; border-radius: 15px; font-size: 0; background: rgba(255,255,255,0.1);}
.like-count .text {font-size: 14px; font-weight: 500; color: #eaeaea;}
.like-count .number {font-weight: 500;}

.unimore{display: inline-block; position: relative;}
.i-btn-unimore{height: 25px; font-size: 0;}
.i-btn-unimore span{display: inline-block; width: 3px; height: 3px; margin-left: 3px; border-radius: 50%; background: #bbb; vertical-align: middle;}
.i-btn-unimore span:nth-child(1){margin-left: 0;}
.i-btn-unimore:hover span:nth-child(1){animation: unimore 0.3s 0s;}
.i-btn-unimore:hover span:nth-child(2){animation: unimore 0.3s 0.15s;}
.i-btn-unimore:hover span:nth-child(3){animation: unimore 0.3s 0.3s;}
.unimore-overbox{overflow: hidden; visibility: hidden; opacity: 0; position: absolute; top: 0; right: 0; z-index: 10; width: 0; height: 0; border-radius: 10px; text-align: center; background: #545454; box-shadow: 0 0 5px rgba(0,0,0,0.15); transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);}
.unimore-overbox.on{visibility: visible; opacity: 1; width: 106px; height: auto;}
.unimore-overbox_wrap{padding: 10px 0;}
.unimore-overbox_btn{display: block; width: 100%; padding: 6.5px 5px; border: 0; background: none; outline: none; font-size: 14px; font-weight: 300; color: #fff; line-height: 1.2;}
.unimore-overbox_btn:hover {color: #ff7726;}

@keyframes unimore {
  from {
    transform: translate3d(0,-2px,0);
    background: #ff7726;
  }
  to {
    transform: translate3d(0,0,0);
    background: #bbb;
  }
}

.i-btn-arrow {width: 47px; height: 47px; border: 1px solid #d3d3d3; border-radius: 15px;}
.i-btn-arrow .icon {font-size: 20px; color: #fff; vertical-align: middle;}

.i-btn-arrow2 {width: 42px; height: 42px; line-height: 42px; border-radius: 50%; background: #454545;}
.i-btn-arrow2 .icon {font-size: 16px; color: #ff7726; vertical-align: middle;}

.i-btn-arrow3 {width: 47px; height: 53px;}
.i-btn-arrow3 .icon{}

.i-btn-top {position: fixed; bottom: 2%; right: 1.5%; z-index: 100; width: 72px; height: 72px; border-radius: 15px; background: #333; transform: scale(0.8); transition: all 0.3s ease-in-out;}
.i-btn-top .text {margin-top: -4px; font-size: 14px; font-weight: 600; color: #fff; line-height: 1;}
.i-btn-top .icon {margin-top: -6px; font-size: 32px; color: #fff; vertical-align: middle;}
.i-btn-top:hover{box-shadow: 0 0 10px rgb(255 119 38); background-color: #101113;}

.i-btn-play {display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; border: 1px solid #fff; border-radius: 50%; color: #fff;}
.i-btn-play .icon {font-size: 21px;}

.write-btn {display: block; overflow: hidden; position: fixed; bottom: 9%; right: 1.5%; z-index: 110; width: 72px; height: 72px; border: 1px solid #ff7726; border-radius: 15px; background: #ff7726; text-indent: -9999px; transform: scale(0.8); transition: all 0.3s ease-in-out;}
.write-btn img {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); width: 26px;}
.bgm-write img {width: 24px;}
.master-write img {width: 25px;}
.project-write img {width: 30px;}
.place-write img {width: 30px;}
.write-btn:hover {box-shadow: 0 0 10px rgb(255 119 38); background-color: #101113;}

.gradation_box{position: relative;}
.gradation-img{position: absolute; bottom: 0; left: 0; z-index: 30; width: 100%;}
.i-btn-spread{position: absolute; bottom: 20px; left: 0; z-index: 40; width: 100%; height: 50px;}
.i-btn-spread .text{font-size: 16px; font-weight: 600; color: #cfcfd0; vertical-align: middle;}
.i-btn-spread .icon{vertical-align: middle;}

.pdfViewrButton {display: block; width: 236px; max-width: 100%; height: 60px; margin: 40px auto 0; border-radius: 10px;}

.checkbtn2 input[type=checkbox] + label span {color: #FF7726;}

.fm-textarea {width: 100%; height: 120px; padding: 10px 14px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; color: #fff; outline: none; background-color: #27282a; resize: none;}
.fm-textarea::placeholder {color: #999;}

.filter-description {font-size: 14px; font-weight: 300; color: #999; text-align: center;}

.no-post-icon {width: 37px; margin: 0 auto 20px;}

.pop_dim {display: none; position: fixed; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.pop_contents {display: block; overflow-y: auto; position: fixed; top: 50%; left: 50%; z-index: 910; transform: translate(-50%, -50%); width: 600px; height: 80%; max-width: 90%; max-height: 90%; border-radius: 15px; background: #313131;}

#signature {touch-action: none;}

#pop-write-sign {}
#pop-write-sign .pop_contents {width: auto; height: auto; padding-top: 30px;}
#pop-write-sign .pop-sign-ct {padding: 0 20px;}
#signature-w {max-width: 100% !important;}
#signature-w-clear {display: block; margin: 10px auto 0; width: 100px; height: 35px; line-height: 33px; border-radius: 5px; font-size: 14px; font-weight: 400; color: #ff7726; border: 1px solid #ff7726;}

#pop-sign .pop_contents {width: 260px; height: 140px; text-align: center;}
.pop-sign-text_box {padding: 27px 10px;}
.pop-sign-text {font-size: 16px; font-weight: 600; color: #fff; line-height: 1.312;}
.pop-sign-btn_box {display: flex; flex-flow: row wrap; align-items: center; border-top: 1px solid #5a5a5a;}
.pop-sign-btn {width: 50%; height: 43px; font-size: 15px; font-weight: 500; color: #eaeaea;}
.pop-sign-btn.confirm {color: #ff7726;}
.pop-sign-btn.cancel {border-left: 1px solid #5a5a5a;}

#pop-lyrics {}
#pop-lyrics .pop_contents {overflow: hidden;}
#pop-lyrics .pop_wrap {height: 100%;}
#pop-lyrics .pop-lyrics-title_box {padding: 20px 30px; border-bottom: 1px solid #5a5a5a; font-size: 20px; font-weight: 700; color: #fff;}
#pop-lyrics .pop-lyrics-text_box {height: calc(100% - 116px); padding: 15px 30px 30px; font-size: 16px; font-weight: 300; color: #fff; line-height: 1.35; white-space:pre-wrap;}
#pop-lyrics .pop-lyrics-btn {width: 100%; height: 50px; font-size: 15px; font-weight: 500; color: #eaeaea;}
#pop-lyrics .pop-lyrics-btn:hover {background: #ff7726;}

#pop-contract .pop_contents {width: auto;}
#pop-contract #pdfContainer {display: flex; flex-flow: column wrap;}
#pop-contract .pop-btn_box {display: block;}
#pop-contract .cancel {position: fixed; top: 10px; right: 10px; z-index: 10; width: 40px; height: 40px; background: url('/source/img/close-w.png') no-repeat center/20px auto, #ff7726; border: 0; border-radius: 10px;}
#pop-contract .cancel:after{display: none;}

/* Contents */
.top_menu {position: absolute; top: 0; right: 2.5%; z-index: 50;}
.top_menu > ul > li > .tn-btn {display: block; position: relative; width: 42px; height: 42px; line-height: 40px; border-radius: 50%; text-align: center; transition: 0.3s ease-in-out;}
.top_menu .cart-icon {width: 20px;}
.top_menu .cart-count {display: inline-block; position: absolute; top: 6px; right: 0; z-index: 5; padding: 0 4.6px; border-radius: 50%; font-size: 10px; font-weight: 600; color: #fff; line-height: 15.5px; background: #ff7726;}
.top_menu .login-icon {width: 20px;}
.top_menu .alarm-icon {width: 20px;}
.top_menu > ul > li > a:hover {background: #313131;}
.tn-mem_profile {display: inline-block; overflow: hidden; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; vertical-align: middle; margin-top: -4px; cursor: pointer;}
#tn-mem_profile_ov {visibility: hidden; opacity: 0; width: 106px; height: 0; overflow: hidden; position: absolute; top: 38px; left: 50%; z-index: 10; margin-left: -53px; padding: 11px 0; border-radius: 10px; background: #545454; text-align: center; transition: height 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);}
#tn-mem_profile_ov > ul {}
#tn-mem_profile_ov > ul > li {}
#tn-mem_profile_ov > ul > li > a {display: block; padding: 4px; font-size: 14px; font-weight: 300; color: #fff; line-height: 1.5; transition: 0.3s ease-in-out;}
#tn-mem_profile_ov > ul > li > a:hover {color: #ff7726;}
#tn-mem_profile_ov.on{visibility: visible; opacity: 1; height: 80px;}
#tn-mem_profile_ov.adm.on{height: 109px;}

.top_search-input_box{display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
#top_search-txt {width: 500px; height: 40px; padding-left: 44px; border: 1px solid #b6b6b6; border-radius: 10px; font-size: 16px; font-weight: 400; color: #fff; background: transparent url('/source/img/search-icon.png') no-repeat center left 16px/16px auto;}
#top_search-txt::placeholder {color: #ccc;}
#top_search-submit {width: 40px; height: 40px; margin-left: 5px; border: 0; border-radius: 10px; outline: none; color: #fff; background: #ff7726;}
#top_search-submit .icon {font-size: 20px; vertical-align: middle;}

.top_search-keyword_box {display: flex; align-items: flex-end; position: relative; z-index: 10; margin-top: 10px; padding: 15px 0; border-radius: 15px; background: #313131; height: auto; opacity: 1; visibility: visible; transition: height 0.1s linear, margin 0.1s linear, padding 0.1s linear;}
.top_search-keyword_box.show {margin-top: 10px !important; padding: 14px 0 !important; height: auto !important; opacity: 1 !important; visibility: visible !important;}
.top_search-keyword_box.hidden {height: 0; margin: 0; padding: 0; opacity: 0; visibility: hidden;}
.top_search-keyword_ct {overflow: hidden; position: relative; height: 30px; width: calc(100% - 60px); padding: 0 60px 0 16px;}
.top_search-keyword_ct:after {content: ""; display: block; position: absolute; top: 6px; right: 0; z-index: 1; height: 65%; border-left: 1px dashed rgba(255,255,255,0.6); transition: 0.3s ease-in-out;}
.top_search-keyword_ct ul {margin: -5px;}
.top_search-keyword_ct ul > li {padding: 5px;}
.top_search-keyword_ct .keyword-btn {}
.top_search-keyword_ct .keyword-btn:first-child {margin-left: 0;}
.top_search-keyword_btn {width: 60px; min-height: 30px; border: 0; background: none; color: #cacaca; transition: 0.3s ease-in-out;}
.top_search-keyword_btn .icon {font-size: 24px; vertical-align: middle;}
.top_search-keyword_ct.open:after{height: 85%;}
.top_search-keyword_btn:hover{color: #ff7726;}

.top_search-keyword_ct .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {opacity: 0;}
.top_search-keyword_ct.open .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {opacity: 1;}

.mo-view-tn {display: none;}
.mo-search-btn {border: 0; background: none;}
.mo-menu-btn {width: 22px; height: 42px; margin-left: 7px; border: 0; background: none;}
.mo-menu-btn span{display: block; position: relative; width: 100%; height: 1px; background-color: #fff;}
.mo-menu-btn span:before{content: ""; display: block; position: absolute; top: -7px; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #fff; transition: 0.3s;}
.mo-menu-btn span:after{content: ""; display: block; position: absolute; bottom: -7px; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #fff; transition: 0.3s;}
.mo-menu-btn.open span{background-color: rgba(255,255,255,0);}
.mo-menu-btn.open span:before{top: 0; transform: rotate(45deg);}
.mo-menu-btn.open span:after{bottom: 0; transform: rotate(-45deg);}


.fdownload-btn {font-size: 16px; font-weight: 300;}
.fdownload-btn .fname {color: #fff;}
.fdownload-btn .fsize {color: #999;}
.fdownload-btn .ficon {width: 12px; margin-left: 4px;}

.board-sort {display: flex; gap: 10px 20px; margin-bottom: 30px; position: relative;}
.board-sort-btn {position: relative; font-size: 14px; font-weight: 500; color: #999;}
.board-sort-btn:after {content: ""; display: block; height: 13px; border-left: 1px dashed #585858; position: absolute; top: 2px; left: -9px; z-index: 1;}
.board-sort-btn:first-child:after {display: none;}
.board-sort-btn:hover {text-decoration: underline;}
.board-sort-btn.active {color: #fff;}
.board-sort .sorting-box {position: absolute; top: 0; right: 0;}
.board-sort .sorting-box .fm-select {min-width: 98px; height: 28px; line-height: 28px; padding-left: 10px; font-size: 12px;}

.pagination {display: flex; width: 100%; justify-content: center; gap: 5px 18px; margin-top: 60px;}
.pagination .arrow {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #d3d3d3; border-radius: 10px; color: #fff;}
.pagination .arrow .icon {color: #fff;}
.pagination .arrow:hover {border-color: #ff7726;}
.pagination .arrow:hover .icon {color: #ff7726;}
.pagination .num {display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; color: #999;}
.pagination .num:hover {text-decoration: underline;}
.pagination .num.active {color: #ff7726;}

.card-auction-info {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; gap: 3px 32px;}
.card-auction-li {position: relative; font-size: 0; line-height: 1.714;}
.card-auction-li:after {content: ""; display: block; position: absolute; top: 50%; left: -16px; z-index: 1; height: 9px; margin-top: -4.5px; border-left: 1px solid #5f5f5f;}
.card-auction-li:first-child:after {display: none;}
.card-auction-li .subj {font-size: 14px; font-weight: 400; color: #999;}
.card-auction-li .text {margin-left: 8px; font-size: 14px; font-weight: 500; color: #fff;}
.card-auction-dir {position: relative; margin-top: 3px; font-size: 0; line-height: 1.714;}
.card-auction-dir .subj {font-size: 14px; font-weight: 400; color: #fff;}
.card-auction-dir .text {margin-left: 8px; font-size: 14px; font-weight: 500; color: #fff;}

.horiz_preview {}
.horiz_preview-play {display: flex; align-items: center;}
.horiz_preview .thumb-box {display: block; overflow: hidden; position: relative; width: 70px; height: 70px; border-radius: 5px;}
.horiz_preview .thumb-box:after {content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.horiz_preview .thumb-box img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%);}
.horiz_preview .thumb-box .i-btn-play {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%);}
.horiz_preview .text-box {display: block; width: calc(100% - 84px); margin-left: 14px;}
.horiz_preview .text-box .subject {display: block; font-size: 16px; font-weight: 600; color: #fff;}
.horiz_preview .text-box .author {display: block; margin-top: 6px; font-size: 14px; font-weight: 400; color: #999;}
.horiz_preview .text-box:hover .subject {color: #ff7726;}

.auction_item .card-status {color: #fff;}
.auction_item.ing .card-status {color: #ff7726;}
.auction_item.end .card-status {color: #6f6d6d;}
.auction_item.end .card-auction-dir .subj {color: #ff7726;}
.auction_item.end .card-auction-dir .text {color: #ff7726;}

.tt-status {font-size: 14px; font-weight: 500; color: #fff; vertical-align: middle;}
.tt-status.ing {color: #ff7726;}
.tt-status.end {color: #6f6d6d;}

.card {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.card:hover {background: #454545;}
.card-body {width: 100%;}
.card-btn {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.card-btn_box {font-size: 0;}
.card-btn_box > * {display: inline-block; vertical-align: middle;}
.card-btn_in > * {display: inline-block; vertical-align: middle;}
.card-btn_left {}
.card-btn_right {}
.card-status {margin: 0 14px 0 10px; font-size: 14px; font-weight: 500; color: #fff;}
.auction-count {font-size: 14px; font-weight: 500; color: #fff;}
.card-summary {padding: 14px 0;}
.card-view {}
.card-introduce {display: block; font-size: 28px; font-weight: 600; color: #ffffff; line-height: 1.5; margin-bottom: 12px; margin-top: 20px; text-align: left;}
.card-img {overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: 5px;}
.card-img img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); object-fit: cover;}
.card-play {}
.card-detail {text-align: left;}
.card-title {display: inline-block; font-size: 16px; font-weight: 600; color: #ffffff;}
.card-row {font-size: 0;}
.card-name {font-size: 14px; font-weight: 400; color: #999999; margin-top: 6px;}
.card-location {position: relative; font-size: 16px; font-weight: 400; color: #999999; margin-top: 7px; padding-left: 17px;}
.card-location::before {content:""; position: absolute; left: 0; top: 2px; width: 13px; height: 17px; background: url(/source/img/map-marker-icon.png) no-repeat center center/contain;}
.card-addr {position: relative; font-size: 0;}
.card-addr .icon {display: inline-block; width: 13px; height: 16px; margin: 1px 3px 0 0; background: url('/source/img/map-marker-icon.png') no-repeat center center/contain; vertical-align: middle;}
.card-addr .text {display: inline-block; font-size: 14px; font-weight: 400; color: #999; vertical-align: middle;}
.card-info {display: inline-block; vertical-align: middle; font-size: 0; border: 1px solid #ccc; border-radius: 5px; padding: 5px 13px 5px 12px;}
.card-info_text {display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; color: #eaeaea;}
.card-info_text:not(:last-child)::after {content:""; display: inline-block; width: 1px; height: 10px; border-right: 1px dashed #ccc; margin-top: -2px; margin-left: 12px; margin-right: 14px; vertical-align: middle;}
.card-keyword {font-size: 0; margin: -2.5px; text-align: left;}
.card-keyword .keyword-btn {display: inline-block; vertical-align: middle; margin: 2.5px; padding: 8px;}
.card-bottom {position: absolute; width: 100%; left: 0; bottom: 0; padding: 10px 15px 12px; border-top: 1px solid rgba(187,187,187,0.15);}
.card-control {font-size: 0;}
.card-control button:not(:last-child) {margin-right: 10px;}
.card-category {font-size: 14px; font-weight: 500; color: #999999; padding: 4px 6px; border-radius: 5px; border: 1px solid #6E6D6D;}
.card-btn_box > .card-category {margin-right: 10px;}


.signBtn_0219 {display: flex; justify-content: center; align-items: center;}
.signBtn_0219 > .pdfViewrButton { margin: 40px 20px 0; margin-bottom: 40px; }

/*
.card-type1 {display: flex;}
.card-type1 .card-body {padding: 15px 15px 18px; margin-bottom: 47px;}
.card-type1 .card-view {padding: 10px 0 15px; text-align: center;}
.card-type1 .card-img {display: inline-block; width: 68px;}
.card-type1 .card-detail {padding-top: 15px; text-align: center; border-top: 1px solid rgba(187,187,187,0.3);}
.card-type1 .card-info {margin-top: 10px;}
.card-type1 .card-keyword {min-height: 70px; margin-top: 7.5px; text-align: center;}

.card-type2:not(:first-child) {margin-top: 10px;}
.card-type2 .card-body {padding: 15px 20px 15px 15px; font-size: 0;}
.card-type2 .card-btn {margin-bottom: 10px;}
.card-type2 .card-view {display: inline-block; vertical-align: middle; width: 132px;}
.card-type2 .card-detail {display: inline-block; vertical-align: middle; width: calc(100% - 132px); padding-left: 17px; text-align: left;}
.card-type2 .card-play {display: inline-block; vertical-align: middle; margin-top: 6px;}
.card-type2 .card-info {display: inline-block; vertical-align: middle; margin-top: 6px;}
.card-type2 .card-keyword {margin-top: 9px;}

.card-type3 .card-body {padding: 15px 20px 18px; margin-bottom: 47px; font-size: 0;}
.card-type3 .card-view {display: inline-block; vertical-align: middle; width: 119px;}
.card-type3 .card-detail {display: inline-block; vertical-align: middle; width: calc(100% - 119px); padding-left: 15px;}
.card-type3 .card-title {font-size: 22px;}
.card-type3 .card-info {margin-top: 12px;}
.card-type3 .card-keyword {margin-top: 10px;}

.card.card-type4 {display: flex; width: calc(100% - 125px); background: none; border-bottom: 1px solid #343434; border-radius: 0; padding: 18px 30px 22px 24px; align-items: center; cursor: pointer; font-size: 0;}
.card.card-type4:first-child {border-top: 1px solid #343434;}
.card-type4 .card-body {width: 100%;}
.card-type4 .card-btn {margin-bottom: 12px;}
.card-type4 .card-detail {font-size: 0;}
.card-type4 .card-name {position: relative; display: inline-block; vertical-align: middle;}
.card-type4 .card-name::after {content:""; display: inline-block; width: 1px; height: 12px; background: #717171; margin: 0 11px;}
.card-type4 .card-location {display: inline-block; vertical-align: middle;}
.card-type4 .card-keyword {margin-top: 14px;}
.card-type4 .card-add {display: flex; align-items: center; justify-content: center; width: 0; padding-left: 0;}
.card-type4 .i-btn-arrow2 {opacity: 0;}

.card-type5{align-items: center;}
.card-type5 .card-body {padding: 15px 20px 15px 0; font-size: 0;}
.card-type5 .card-btn {margin-bottom: 10px;}
.card-type5 .card-ct {display: flex; flex-direction: row; align-items: center;}
.card-type5 .card-num {width: 6.9%; font-size: 20px; font-weight: 600; color: #898989; text-align: center;}
.card-type5 .card-img {width: 72px;}
.card-type5 .card-detail {width: 20%; padding: 0 10px 0 20px; text-align: left;}
.card-type5 .card-play {width: 30%;}
.card-type5 .card-play_in {height: 20px; background:sandybrown;}
.card-type5 .card-info-wrap {width: 17%; margin-left: 10px; text-align: right;}
.card-type5 .card-info {}
.card-type5 .card-keyword {width: calc((100% - 65%) - 72px); margin-left: 20px;}

.card-type6 {display: block; background: none; padding-bottom: 1px;}
.card-type6 .card-inner {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.card-type6 .card-body {padding: 15px 15px 18px; margin-bottom: 47px;}
.card-type6 .card-bottom {display: flex;}
.card-type6 .card-view {padding: 10px 0 15px; text-align: center;}
.card-type6 .card-img {display: inline-block; width: 68px;}
.card-type6 .card-detail {padding-top: 15px; text-align: center; border-top: 1px solid rgba(187,187,187,0.3);}
.card-type6 .card-info {margin-top: 10px; }
.card-type6 .card-auction {margin: 14px auto 18px;}
.card-type6 .card-auction-info {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 3px 40px;}
.card-type6 .card-auction-li {position: relative; font-size: 0; line-height: 1.714;}
.card-type6 .card-auction-li:after {content: ""; display: block; position: absolute; top: 50%; left: -20px; z-index: 1; height: 9px; margin-top: -4.5px; border-left: 1px solid #5f5f5f;}
.card-type6 .card-auction-li:first-child:after {display: none;}
.card-type6 .card-auction-li .subj {font-size: 14px; font-weight: 400; color: #999;}
.card-type6 .card-auction-li .text {margin-left: 8px; font-size: 14px; font-weight: 500; color: #fff;}
.card-type6 .card-auction-dir {position: relative; margin-top: 3px; font-size: 0; line-height: 1.714;}
.card-type6 .card-auction-dir .subj {font-size: 14px; font-weight: 400; color: #fff;}
.card-type6 .card-auction-dir .text {margin-left: 8px; font-size: 14px; font-weight: 500; color: #ff7726;}
.card-type6 .card-keyword {min-height: 70px; text-align: center;}
.card-type6:hover {background: none;}
.card-type6:hover .card-inner {background: #454545;}
*/

.card-type3 .card-body {padding: 15px 20px 18px; margin-bottom: 47px; font-size: 0;}
.card-type3 .card-introduce:hover {color: #ff7726;}
.card-type3 .card-view {display: inline-block; vertical-align: middle; width: 119px; height: 119px;}
.card-type3 .card-detail {display: inline-block; vertical-align: middle; width: calc(100% - 119px); padding-left: 15px;}
.card-type3 .card-title {width: 100%; font-size: 22px;}
.card-type3 .card-info {margin-top: 12px;}
.card-type3 .card-keyword {margin-top: 10px;}

.card.card-type4 {display: flex; width: calc(100% - 125px); background: none; border-bottom: 1px solid #343434; border-radius: 0; padding: 18px 30px 22px 24px; align-items: center; cursor: pointer; font-size: 0;}
.card.card-type4:first-child {border-top: 1px solid #343434;}
.card-type4 .card-body {width: 100%;}
.card-type4 .card-btn {margin-bottom: 12px;}
.card-type4 .card-title:hover {color: #ff7726;}
.card-type4 .card-detail {font-size: 0;}
.card-type4 .card-row {margin-top: 6px;}
.card-type4 .card-name {position: relative; display: inline-block; font-size: 16px; margin-top: 0; vertical-align: middle;}
.card-type4 .card-name::after {content:""; display: inline-block; width: 1px; height: 12px; background: #717171; margin: 0 11px;}
.card-type4 .card-location {display: inline-block; margin-top: 0; vertical-align: middle;}
.card-type4 .card-keyword {margin-top: 14px;}
.card-type4 .card-add {display: flex; align-items: center; justify-content: center; width: 0; padding-left: 0;}
.card-type4 .i-btn-arrow2 {opacity: 0;}
.card-type4 .i-btn-heart {margin-right: 15px;}
.card-type4 .i-btn-heart .icon {font-size: 20px;}

.card-place {display: flex;}
.card-place .card-body {padding: 15px 15px 18px; margin-bottom: 47px;}
.card-place .card-category {margin-right: 0; padding: 3px 11px; border: 1px solid #bbb; border-radius: 20px; font-size: 14px; font-weight: 500; color: #fff;}
.card-place .card-view {padding: 10px 0 15px; text-align: center;}
.card-place .card-img {display: block; position: relative; width: 100%; height: 0; padding-bottom: 59.705%;}
.card-place .card-img img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%);}
.card-place .card-detail {padding-top: 0; text-align: center;}
.card-place .card-name {margin-top: 2px;}
.card-place .card-addr {margin-top: 14px;}
.card-place .card-keyword {min-height: auto; margin-top: 14px; text-align: center;}

.card-keyword .keyword-btn {font-size: 14px; font-weight: 400; color: #eaeaea; background: rgba(255,255,255,0.2);}
.card-keyword .keyword-btn:nth-child(n+4) {display:none;}

.card-slider .swiper-scrollbar {position: relative; width: 600px; max-width: 80%; height: 4px; background: rgba(255,255,255,0.1); border-radius: 0; left: inherit; bottom: inherit; margin: 50px auto 0;}
.card-slider .swiper-scrollbar-drag {background: rgba(255,255,255,0.5); cursor: e-resize;}

.cm_item .text_box {display: block;}
.cm_item-subj {display: block; font-size: 16px; font-weight: 600; color: #fff;}
.cm_item-nick {display: block; font-size: 14px; font-weight: 400; color: #999;}

.bgm_recom {overflow: hidden; position: relative; border-radius: 15px;}
.bgm_recom-bg {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.bgm_recom-bg:after {content: ''; position: absolute; top: -1px; left: 0; z-index: 2; width: 100%; height: 101%; background: rgba(0,0,0,0.6);}
.bgm_recom-bg .thumb {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.bgm_recom_in {position: relative; z-index: 10; padding: 16px 20px 20px 20px;}
.bgm_recom-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.bgm_recom-func-lt {display: flex; align-items: center;}
.bgm_recom-func-rt {display: flex; align-items: center; gap: 8px;}
.bgm_recom-func-rt .unimore {margin-left: 5px;}
.bgm_recom-info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin-top: 30px;}
.bgm_recom-info-lt {display: flex; align-items: flex-start; gap: 14px; width: 60%; padding-right: 10px;}
.bgm_recom-info-lt .i-btn-play {}
.bgm_recom-info-lt .text_box {width: calc(100% - 58px);}
.bgm_recom-info-rt {position: relative; width: 40%; margin-top: 8px; text-align: right;}
.bgm_recom-info .cm_item-nick {margin-top: 5px;}
.bgm_recom-info .card-info {text-align: center;}
.bgm_recom-info .card-keyword {margin-top: 8px; text-align: right;}

.bgm_item {display: flex; align-items: center; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.bgm_item:hover {background: #454545;}
.bgm_item .card-body {position: relative; padding: 16px 20px 16px 0; font-size: 0;}
.bgm_item .card-btn {position: absolute; top: 16px; right: 20px; z-index: 10; justify-content: flex-end; margin-bottom: 10px;}
.bgm_item .card-btn .i-btn-cart {margin: 0 10px 0 20px;}
.bgm_item .card-btn .like-count {margin: 0 14px 0 6px;}
.bgm_item .card-ct {display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;}
.bgm_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.bgm_item .card-ct_lay:nth-child(1) {justify-content: flex-start; width: 60%;}
.bgm_item .card-ct_lay:nth-child(2) {justify-content: flex-end; width: 40%;}
.bgm_item .card-num {width: 6.9%; font-size: 20px; font-weight: 600; color: #898989; text-align: center;}
.bgm_item .card-img {overflow: hidden; width: 90px; height: 90px;}
.bgm_item .i-btn-play {margin-left: 24px;}
.bgm_item .card-detail {width: calc(100% - 144px); padding: 0 10px 0 14px; text-align: left;}
.bgm_item .card-info-wrap {margin-left: 10px; text-align: right;}
.bgm_item .card-info {}
.bgm_item .card-keyword {margin-left: 20px;}

.sound_recom {overflow: hidden; position: relative; border-radius: 15px;}
.sound_recom-bg {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.sound_recom-bg:after {content: ''; position: absolute; top: -1px; left: 0; z-index: 2; width: 100%; height: 101%; background: rgba(0,0,0,0.6);}
.sound_recom-bg .thumb {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.sound_recom_in {position: relative; display: block; z-index: 10; padding: 15px 20px 18px 20px;}
.sound_recom-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.sound_recom-func-lt {display: flex; align-items: center;}
.sound_recom-func-rt {display: flex; align-items: center; gap: 8px;}
.sound_recom-func-rt .unimore {margin-left: 5px;}
.sound_recom-func-rt .derivative {font-size: 12px; font-weight: 400; color: #fff; letter-spacing: 0;}
.sound_recom-info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin-top: 21px;}
.sound_recom-info-lt {display: flex; align-items: flex-start; gap: 14px; width: 50%; padding-right: 10px;}
.sound_recom-info-lt .text_box {width: calc(100% - 58px);}
.sound_recom-info-lt .text_box:hover .cm_item-subj {color: #ff7726;}
.sound_recom-info-rt {position: relative; width: 50%; padding-left: 24px; text-align: right;}
.sound_recom-info-rt::after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 100%; transform: translateY(-50%); border-left: 1px solid rgba(255,255,255,0.35);}
.sound_recom-info .cm_item-nick {margin-top: 5px;}
.sound_recom-info .card-info {margin-top: 18px; text-align: left;}
.sound_recom-info .card-auction {text-align: left;}
.sound_recom-info .card-keyword {margin-top: 9px;}

.sound_horiz {overflow: hidden; position: relative; border-radius: 15px;}
.sound_horiz_in {position: relative; z-index: 10; padding: 15px 20px 18px 20px; background: #313131;}
.sound_horiz-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.sound_horiz-func-lt {display: flex; align-items: center;}
.sound_horiz-func-rt {display: flex; align-items: center; gap: 8px;}
.sound_horiz-func-rt .unimore {margin-left: 5px;}
.sound_horiz-func-rt .derivative {font-size: 14px; font-weight: 400; color: #fff; letter-spacing: 0;}
.sound_horiz-info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin-top: 21px;}
.sound_horiz-info-lt {display: flex; align-items: flex-start; width: 53%; padding-right: 10px;}
.sound_horiz-info-lt .thumb-box {overflow: hidden; position: relative; width: 90px; height: 90px; margin-top: -6px; border-radius: 5px;}
.sound_horiz-info-lt .thumb-box img {width: 100%; height: 100%; object-fit: cover;}
.sound_horiz-info-lt .thumb-box:after {content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.sound_horiz-info-lt .thumb-box .i-btn-play {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%);}
.sound_horiz-info-lt .text_box {width: calc(100% - 90px); padding-left: 20px;}
.sound_horiz-info-lt .text_box:hover .cm_item-subj {color: #ff7726;}
.sound_horiz-info-rt {position: relative; width: 47%; padding-left: 24px; text-align: right;}
.sound_horiz-info-rt::after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 100%; transform: translateY(-50%); border-left: 1px solid rgba(255,255,255,0.35);}
.sound_horiz-info .cm_item-nick {margin-top: 5px;}
.sound_horiz-info .card-info {margin-top: 14px; text-align: left;}
.sound_horiz-info .card-auction {text-align: left;}
.sound_horiz-info .card-auction-dir {margin-top: 0;}
.sound_horiz-info .card-keyword {margin-top: 4px;}

.sound_item {display: block; background: none; padding-bottom: 1px;}
.sound_item .card-inner {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.sound_item .card-body {padding: 15px 15px 70px;}
.sound_item .card-detail {padding-top: 15px; text-align: center; border-top: 1px solid rgba(187,187,187,0.3);}
.sound_item .card-auction {margin: 14px auto;}
.sound_item .card-auction-info {justify-content: center;}
.sound_item .card-keyword {text-align: center;}
.sound_item .card-bottom {display: flex;}
.sound_item .card-bottom .derivative {margin-left: 10px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: 0;}
.sound_item:hover {background: none;}
.sound_item:hover .card-inner {background: #454545;}

.lyrics_recom {overflow: hidden; position: relative; border-radius: 15px;}
.lyrics_recom-bg {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.lyrics_recom-bg:after {content: ''; position: absolute; top: -1px; left: 0; z-index: 2; width: 100%; height: 101%; background: rgba(0,0,0,0.6);}
.lyrics_recom-bg .thumb {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.lyrics_recom_in {position: relative; z-index: 10; padding: 15px 20px 18px 20px;}
.lyrics_recom-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.lyrics_recom-func-lt {display: flex; align-items: center;}
.lyrics_recom-func-rt {display: flex; align-items: center; gap: 8px;}
.lyrics_recom-func-rt .unimore {margin-left: 5px;}
.lyrics_recom-func-rt .derivative {font-size: 12px; font-weight: 400; color: #fff; letter-spacing: 0;}
.lyrics_recom-info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin-top: 21px;}
.lyrics_recom-info-lt {width: 50%; padding-right: 10px;}
.lyrics_recom-info-lt .text_box {width: 100%;}
.lyrics_recom-info-lt .text_box:hover .cm_item-subj {color: #ff7726;}
.lyrics_recom-info-lt .lyrics-text {margin-top: 9px; font-size: 14px; font-weight: 300; color: #eaeaea;}
.lyrics_recom-info-rt {position: relative; width: 50%; padding-left: 24px; text-align: right;}
.lyrics_recom-info-rt::after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 100%; transform: translateY(-50%); border-left: 1px solid rgba(255,255,255,0.35);}
.lyrics_recom-info .cm_item-nick {margin-top: 5px;}
.lyrics_recom-info .card-auction {text-align: left;}
.lyrics_recom-info .card-keyword {margin-top: 9px;}

.lyrics_item {display: block; background: none; padding-bottom: 1px;}
.lyrics_item .card-inner {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.lyrics_item .card-body {padding: 15px 15px 70px;}
.lyrics_item .lyrics-text {margin-top: 14px; font-size: 14px; font-weight: 300; color: #eaeaea;}
.lyrics_item .card-detail {padding-top: 15px; text-align: center; border-top: 1px solid rgba(187,187,187,0.3);}
.lyrics_item .card-auction {margin: 0 auto 14px;}
.lyrics_item .card-auction-info {justify-content: center;}
.lyrics_item .card-keyword {text-align: center;}
.lyrics_item .card-bottom {display: flex;}
.lyrics_item .card-bottom .derivative {margin-left: 10px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: 0;}
.lyrics_item:hover {background: none;}
.lyrics_item:hover .card-inner {background: #454545;}

.expert_recom {overflow: hidden; position: relative; border-radius: 15px;}
.expert_recom-bg {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.expert_recom-bg:after {content: ''; position: absolute; top: -1px; left: 0; z-index: 2; width: 100%; height: 101%; background: rgba(0,0,0,0.6);}
.expert_recom-bg .thumb {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.expert_recom_in {position: relative; z-index: 10; padding: 15px 20px 18px 20px;}
.expert_recom-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.expert_recom-func-lt {display: flex; align-items: center;}
.expert_recom-func-lt .card_addr {margin-left: 14px; font-size: 16px; font-weight: 400; color: #999;}
.expert_recom-func-lt .card_addr img {width: 13px; margin-right: 6px;}
.expert_recom-func-rt {display: flex; align-items: center; gap: 8px;}
.expert_recom-func-rt .unimore {margin-left: 5px;}
.expert_recom-info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin-top: 31px;}
.expert_recom-info-lt {width: 60%; padding-right: 10px;}
.expert_recom-info .text_box:hover .cm_item-subj {color: #ff7726;}
.expert_recom-info-rt {position: relative; width: 40%; margin-top: 7px; text-align: right;}
.expert_recom-info .cm_item-nick {margin-top: 5px;}
.expert_recom-info .card-keyword {margin-top: 9px; text-align: right;}

.expert_item {display: block; background: none; padding-bottom: 1px;}
.expert_item .card-inner {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.expert_item .card-body {padding: 15px 15px 70px;}
.expert_item .horiz_preview .thumb-box:after {display: none;}
.expert_item .horiz_preview .text-box .subject {display: -webkit-box; line-height: 1.2; max-height: 2.4em;}
.expert_item .card-detail {padding-top: 15px; text-align: center; border-top: 1px solid rgba(187,187,187,0.3);}
.expert_item .card_addr {display: block; margin: 20px auto; font-size: 16px; font-weight: 400; color: #999; text-align: center;}
.expert_item .card_addr img {width: 13px; margin-right: 6px;}
.expert_item .card-keyword {text-align: center;}
.expert_item .card-bottom {display: flex;}
.expert_item:hover {background: none;}
.expert_item:hover .card-inner {background: #454545;}

.project_recom {overflow: hidden; position: relative; border-radius: 15px;}
.project_recom-bg {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.project_recom-bg:after {content: ''; position: absolute; top: -1px; left: 0; z-index: 2; width: 100%; height: 101%; background: rgba(0,0,0,0.6);}
.project_recom-bg .thumb {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.project_recom_in {position: relative; z-index: 10; padding: 15px 20px 18px 20px;}
.project_recom-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.project_recom-func-lt {display: flex; align-items: center;}
.project_recom-func-lt .card_addr {margin-left: 14px; font-size: 16px; font-weight: 400; color: #999;}
.project_recom-func-lt .card_addr img {width: 13px; margin-right: 6px;}
.project_recom-func-rt {display: flex; align-items: center; gap: 8px;}
.project_recom-func-rt .unimore {margin-left: 5px;}
.project_recom-info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; align-content: flex-end; margin-top: 31px;}
.project_recom-info-lt {width: 60%; padding-right: 10px;}
.project_recom-info-rt {position: relative; width: 40%; margin-top: 7px; text-align: right;}
.project_recom-info .text_box:hover .cm_item-subj {color: #ff7726;}
.project_recom-info .cm_item-subj .text {}
.project_recom-info .cm_item-subj .recr-status-num {font-weight: 500;}
.project_recom-info .recr-period {margin-top: 20px; font-size: 14px; font-weight: 500; color: #b6b6b6;}
.project_recom-info .cm_item-nick {margin-top: 5px;}
.project_recom-info .card-keyword {margin-top: 9px; text-align: right;}

.project_item {display: block; background: none; padding-bottom: 1px;}
.project_item .card-inner {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.project_item .card-body {padding: 15px 15px 70px;}
.project_item .card-summary {padding: 18px 0;}
.project_item .text-box {text-align: center;}
.project_item .text-box:hover .subject {color: #ff7726;}
.project_item .text-box .subject {font-size: 16px; color: #fff; text-align: center;}
.project_item .text-box .subject .text {display: block; font-weight: 600;}
.project_item .text-box .subject .recr-status-num {display: block; font-weight: 400;}
.project_item .text-box .author {margin-top: 8px; font-size: 14px; font-weight: 400; color: #999;}
.project_item .card-detail {padding-top: 21px; text-align: center; border-top: 1px solid rgba(187,187,187,0.3);}
.project_item .recr-period {font-size: 15px; font-weight: 500; color: #b6b6b6;}
.project_item .card_addr {display: block; margin: 20px auto; font-size: 16px; font-weight: 400; color: #999; text-align: center;}
.project_item .card_addr img {width: 13px; margin-right: 6px;}
.project_item .card-keyword {text-align: center;}
.project_item .card-bottom {display: flex;}
.project_item:hover {background: none;}
.project_item:hover .card-inner {background: #454545;}

.place_recom {overflow: hidden; position: relative; border-radius: 15px;}
.place_recom-bg {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.place_recom-bg:after {content: ''; position: absolute; top: -1px; left: 0; z-index: 2; width: 100%; height: 101%; background: rgba(0,0,0,0.6);}
.place_recom-bg .thumb {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.place_recom_in {display: flex; position: relative; z-index: 10; padding: 15px 20px 18px 20px;}
.place_recom-thumb-box {display: block; overflow: hidden; position: relative; width: 218px; height: 0; padding-bottom: 23.42%; border-radius: 10px;}
.place_recom-thumb-box img {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%);}
.place_recom-ct {padding-left: 16px; width: calc(100% - 218px);}
.place_recom-func {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.place_recom-func-lt {display: flex; align-items: center;}
.place_recom-func-lt .card-category {padding: 3px 5px; border: 1px solid #6e6d6d; border-radius: 5px; font-size: 14px; font-weight: 500; color: #999;}
.place_recom-func-lt .card_addr {margin-left: 14px; font-size: 16px; font-weight: 400; color: #999;}
.place_recom-func-lt .card_addr img {width: 13px; margin-right: 6px;}
.place_recom-func-rt {display: flex; align-items: center; gap: 8px;}
.place_recom-func-rt .unimore {margin-left: 5px;}
.place_recom-info {margin-top: 30px;}
.place_recom-info .text_box:hover .cm_item-subj {color: #ff7726;}
.place_recom-info .card-keyword {margin-top: 20px; text-align: left;}

.place_item {display: block; background: none; padding-bottom: 1px;}
.place_item .card-inner {display: flex; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s;}
.place_item .card-body {padding: 15px 15px 70px;}
.place_item .card-category {margin: 0; padding: 3px 5px; border: 1px solid #6e6d6d; border-radius: 5px; font-size: 14px; font-weight: 500; color: #999;}
.place_item .card-detail {margin-top: 14px; text-align: center;}
.place_item .place_item-thumb-box {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 58%; border-radius: 10px;}
.place_item .place_item-thumb-box img {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%);}
.place_item .card_addr {margin-left: 12px; font-size: 16px; font-weight: 400; color: #999; text-align: center;}
.place_item .card_addr img {width: 13px; margin-right: 6px;}
.place_item .text-box {display: block; margin-top: 15px;}
.place_item .text-box .subject {font-size: 16px; font-weight: 600; color: #fff;}
.place_item .text-box:hover .subject {color: #ff7726;}
.place_item .card-keyword {margin-top: 16px; text-align: center;}
.place_item .card-bottom {display: flex;}
.place_item:hover {background: none;}
.place_item:hover .card-inner {background: #454545;}

/* > 댓글 */
.chk_hidden {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

.comment{margin-top: 80px; border-top: 1px solid #0f0f0f;}
.comment-write {position:relative;margin:0;display:block; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,0.1);}
.comment-write:after {display:block;visibility:hidden;clear:both;content:""}
.comment-write h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.comment-write #char_cnt {display:block;margin:0 0 5px}
.comment-write_target {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; padding: 14px 20px; border: 0; border-radius: 5px; background: none; font-size: 16px; font-weight: 300; color: #fff;}
.comment-write_target::placeholder {color: #999;}
.comment-write_bt {margin-top: 0; padding: 8px 20px; border-top: 1px solid #393939;}
.comment-write_bt_lt {float: left;}
.comment-write_counter {font-size: 14px; font-weight: 300; color: #d9d9d9; line-height: 30px; letter-spacing: 0;}
.comment-write_bt_rt {float: right; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px}
.comment-write_secret label {position: relative; display: block; width: 30px; height: 30px; line-height: 36px; border: 0; border-radius: 5px; color: #fff; background: rgba(255,255,255,0.2); text-align: center; cursor: pointer; transition: all 0.3s ease-in-out;}
.comment-write_secret label:hover {background: rgba(255,255,255,0.3);}
.comment-write_secret label .icon{font-size: 18px; pointer-events: auto;}
.comment-write_secret label .icon.open{}
.comment-write_secret label .icon.closed{display: none;}
.comment-write_secret input[type=checkbox]:checked + label {color: #ff7726; background: #000;}
.comment-write_secret input[type=checkbox]:checked + label .icon.open{display: none;}
.comment-write_secret input[type=checkbox]:checked + label .icon.closed{display: inline-block;}
.comment-write_submit {height: 30px; line-height: 30px; padding: 0 13px; border: 0; border-radius: 5px; font-size: 14px; font-weight: 300; color: #fff; background: rgba(255,255,255,0.2); transition: all 0.3s ease-in-out;}
.comment-write_submit:hover {background: rgba(255,255,255,0.3);}

.comment-list {margin-top: 50px; border-top: 1px solid #6f6d6d;}
.comment-list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.comment-item {position:relative;border-bottom:1px solid #333;}
.comment-item:after {display:block;visibility:hidden;clear:both;content:""}
.comment-item .profile_img img {border-radius:50%}
.comment-item .pf_img {float:left;margin-right:10px}
.comment-item .pf_img img {border-radius:50%;width:50px;height:50px}

.comment-item_head {position:relative; width:100%; padding: 20px 10px 0; border: 0;}
.comment-item_head:after {display:block;visibility:hidden;clear:both;content:""}
.comment-item_head .comment-item_info {float: left; display: flex; flex-wrap: wrap; align-items: center;}
.comment-item_head .comment-info_profile{display: block; width: 30px; height: 30px; border-radius: 50%; background: #666 url('/source/img/profile-noimage.png') no-repeat center/cover;}
.comment-item_head .comment-info_name{margin-left: 10px; font-size: 16px; font-weight: 500; color: #fff;}
.comment-item_head .comment-info_time{position: relative; margin-left: 22px; font-size: 16px; font-weight: 300; color: #999;}
.comment-item_head .comment-info_time:after {content: ""; display: block; position: absolute; top: 50%; left: -11px; z-index: 1; height: 9px; margin-top: -4.5px; border-left: 1px solid #717171;}
.comment-item_head .profile_img {display:none}
.comment-item_head .icon_reply {position:absolute;top:15px;left:-20px}

.comment-item_option {float: right;}
.comment-item_action {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 20px;}
.comment-item_action li{position: relative;}
.comment-item_action li:after {content: ""; display: block; position: absolute; top: 50%; left: -10px; z-index: 1; height: 9px; margin-top: -4.5px; border-left: 1px solid #717171;}
.comment-item_action li:first-child:after {display: none;}
.comment-item_action li a{display:block;}
.comment-item_action li a.i-btn {font-size: 14px; font-weight: 300; color: #999;}
.comment-item_action li a.i-btn:hover{color: #fff;}

.comment-list .member, .comment-list .guest, .comment-list .sv_member, .comment-list .sv_guest {font-weight:bold}
.comment-list h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.comment-item_body {font-size: 16px; font-weight: 300; color: #fff; line-height:1.5; padding: 14px 50px 26px}
.comment-empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}

.comment .pagination {margin-top: 40px;}

.devComment {}
.devComment .comment-list {margin-top: 0;}
.devComment .cmt-count {position:inherit;line-height:1;overflow:inherit; display: block; font-size: 14px; font-weight: 500; color: #fff; margin: 40px 0 10px;}

/* Main */
#page_loading{position: fixed; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
#logo_svg {position: absolute; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); width: 330px; opacity: 0; transition: 1s;}
#logo_svg .cls-1,
#logo_svg .cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;}

#logo_svg.com .cls-1{fill:#fff;stroke:transparent;}
#logo_svg.com .cls-2{fill:#E84216;stroke:transparent;}

.main {}

.content-head {display: flex; align-items: end; justify-content: space-between;}
.title {text-align: left;}
.title-sm {font-size: 16px; font-weight: 700; color: #999999; margin-bottom: 10px;}
.title-big {display: inline-block; font-size: 30px; font-weight: 700; color: #ffffff;}
.connect {position: relative; flex: auto; height: 1px; border-bottom: 1px dashed #d3d3d3; margin: 0 28px 20px -15px;}
.connect::after {content:""; width: 5px; height: 5px; border-radius: 50%; background: #d3d3d3; position: absolute; right: 0; top: -2.5px;}

.main_btn-wrapper {display: flex; justify-content: center; margin-top: 40px; text-align: center;}
.main_btn-wrapper .i-btn1 {display: inline-block; line-height: 48px;}

.main_content-recommend {background: #1C1C1E; padding: 30px 0 46px;}
.main_content-recommend .content-body {margin-top: 40px;}
.main_content-recommend .swiper-slide {width: 625px;}

.main_content-music {padding: 60px 0 100px;}
.main_music-wrapper {height: 840px; margin: 0 -15px; overflow: hidden; transition: 0.3s cubic-bezier(.14,.4,.87,1.01);}
.main_music-wrapper > div {vertical-align: top; padding: 0 15px;}
.main_content-music .content-body {margin-top: 20px;}
.main_content-music .content-body .item {margin-top: 15px;}
.main_content-music .content-body .item:first-child {margin-top: 0;}

.main_content-expert {background: #1C1C1E; padding: 80px 0;}
.main_expert-wrapper {font-size: 0;}
.main_content-expert .card-control {margin-top: 36px;}
.main_content-expert .content-head {display: inline-block; vertical-align: middle; width: 330px; padding: 60px 20px 60px 86px; border-radius: 0 170px 170px 0; background: #060606;}
.main_content-expert .title-big {font-size: 46px;}
.main_content-expert .content-body {display: inline-block; vertical-align: middle; width: calc(100% - 330px); padding-left: 30px;}
.main_content-expert .card {width: 400px;}

.main_content-space {padding: 100px 0 0; text-align: left;}
.main_content-space .title-big {font-size: 36px;}
.main_content-space .connect {margin-left: 45px;}
.main_content-space .content-body {position: relative; margin-top: 48px;}
.main_content-space .card-slider {width: 61%; height: 522px; margin: 0;}
.main_content-space .card-view {display: none;}

.main_content-space .thumb-slider {position: absolute; width: 49%; left: calc(61% - 125px); top: 50%; transform: translateY(-50%); z-index: 0;}
.main_content-space .thumb-slide {position: relative; /*height: 576px;*/ height: auto; padding: 46%; border-radius: 30px; background: #17191c; overflow: hidden;}
.main_content-space .thumb-slide img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}
.main_content-space .main_btn-wrapper {margin-top: 70px;}

.main_content-space .card-type4.swiper-slide-thumb-active {position: relative; width: 100%; border-radius: 0 15px 15px 0; border-bottom: none;}
.main_content-space .card-type4::before {content:""; width: calc(100% - 125px); height: calc(100% + 1px); background: #313131; position: absolute; left: 0; bottom: 0; z-index: -1; border-radius: 0 15px 15px 0;  opacity: 0;}
.main_content-space .card-type4.swiper-slide-thumb-active::before {width: 100%; opacity: 1; transition: 0.3s;}
.main_content-space .card-type4.swiper-slide-thumb-active .card-body {width: calc(100% - 125px);}
.main_content-space .card-type4.swiper-slide-thumb-active .card-add {width: 125px; height: 100%; padding-left: 8%; transition: 0.3s;}
.main_content-space .card-type4.swiper-slide-thumb-active .i-btn-arrow2 {opacity: 1; transition: 0.3s;}

.gradation-img {height: 110px; background: linear-gradient(to top, #101113, #101113 40%, 81%, transparent);}
.gradation-img img {display: none;}


/* Sub */
.page_title {margin-bottom: 50px;}

.cont-sch_box {display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start;}
.filter-combo_li {position: relative;}
.cont-sch-filter_sel {display: flex; flex-flow: row wrap; align-content: center; gap: 10px;}

.filter-combo {display: block; min-width: 135px; height: 40px; line-height: 40px; padding: 0 25px 0 12px; border: 1px solid #313131; border-radius: 5px; background: #313131 url('/source/img/nav-arrow.png') no-repeat center right 12px/8px auto; color: #999; cursor: pointer; transition: all 0.30s ease-in-out;}
.filter-combo:hover {box-shadow: 0 0 10px rgba(255,119,38,1); border-color: #FF7726; color: #fff;}

.filter-combo-over {position: absolute; top: 50px; left: 0; z-index: 30; background: #545454; border-radius: 10px;}
.filter-combo-over_wrap{overflow: hidden; width: 620px; max-width: 100%; height: 0; visibility: hidden; opacity: 0; transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);}
.filter-combo-over_wrap .mCSB_scrollTools {opacity: 1 !important;}
.filter-combo-over_drag {display: flex; flex-wrap: wrap; gap: 0 20px; height: 100%; padding: 14px 24px;}
.filter-combo-over_drag .checkbtn {height: 30px; line-height: 30px;}

.filter-combo_li.on .filter-combo-over_wrap {visibility: visible; opacity: 1; height: 118px;}
.filter-combo_li.on .filter-combo {box-shadow: 0 0 10px rgba(255,119,38,1); border-color: #FF7726; color: #fff; background: #313131 url('/source/img/nav-arrow-up.png') no-repeat center right 12px/8px auto;}

.filter-selected {margin-top: 20px; padding-bottom: 10px;}
.filter-selected_wrap {display: flex; flex-wrap: wrap; gap: 10px; width: 100%;}
.filter-selected_wrap .tag {display: flex; align-items: center; height: 30px; padding: 0 7px 0 11px; border: 1px solid #FF7726; border-radius: 15px; transition: 0.3s; user-select: none; font-size: 0;}
.filter-selected_wrap .text {font-size: 14px; font-weight: 400; color: #ff7726; line-height: 1;}
.filter-selected_wrap .remove {margin-left: 5px;}
.filter-selected_wrap .remove .icon {/*margin-top: -4px;*/ font-size: 16px; color: #ff7726; vertical-align: middle;}

.filter-all-remove {height: 100%; padding: 0 5px; font-size: 14px; font-weight: 400; color: #6f6d6d; transition: 0.3s; user-select: none;}
.filter-all-remove:hover {color: #fff;}

.cont-sch-keyword {display: flex;}
#cont-sch-keyword-txt {width: 200px; border: 1px solid #252525; border-radius: 5px 0 0 5px; font-size: 14px; background: #252525;}
#cont-sch-keyword-txt::placeholder {color: #6a6a6a;}
#cont-sch-keyword-submit {width: 40px; height: 40px; border: 1px solid #252525; border-radius: 0 5px 5px 0; color: #fff; background: #252525 url("/source/img/search-icon.png") no-repeat center/19px auto; transition: all 0.30s ease-in-out;}
#cont-sch-keyword-txt:focus {box-shadow: none; width: 220px;}
#cont-sch-keyword-txt:focus + #cont-sch-keyword-submit {background-color: #ff7726; border-color: #ff7726;}

.detail_box {display: flex; flex-direction: row; align-items: flex-start; padding: 40px 10px; border-bottom: 1px solid #333;}
.detail_box-subj {width: 150px; font-size: 16px; font-weight: 500; color: #fff;}
.detail_box-expl {width: calc(100% - 150px);}
.detail_box-expl a {text-decoration: underline;}
.detail_box-expl .text {font-size: 16px; font-weight: 300; color: #fff;}
.detail_box-expl .prewrap {white-space: pre-wrap;}
.detail_box-expl .portfolio {display: flex; gap: 26px 30px; align-items: center; flex-wrap: wrap; justify-content: center; align-content: center; flex-direction: row; padding-right: 90px;}
.detail_box-expl .portfolio_item {overflow: hidden; position: relative; width: calc(33.333% - 20px); height: 0; padding-bottom: 20.87%;}
.detail_box-expl .portfolio_item img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%);}

.chat-btn {display: block; width: 202px; margin: 40px auto 0;}

.attach_wrap {}
.attach_wrap > li {margin-top: 9px;}
.attach_wrap > li:first-child {margin-top: 0;}

.join-people {display: flex; align-items: flex-start; gap: 20px;}
.join-people-profile {width: 68px; text-align: center;}
.join-people-profile .i-btn-unimore {display: none; position: absolute; top: 0; right: 6px; z-index: 10; height: 20px;}
.join-people-profile .unimore-overbox {top: 2px; right: inherit; left: 50%;}
.join-people-profile .preview-img {overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 100%; border-radius: 5px;}
.join-people-profile .preview-img img {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; transform: translate(-50%, -50%);}
.join-people-profile .nickname {margin-top: 8px; font-size: 14px; font-weight: 400; color: #999;}
.join-people-profile:hover .preview-img:after {content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.join-people-profile:hover .i-btn-unimore {display: block;}

/* 등록폼 */
.register_title {margin-bottom: 15px; font-size: 20px; font-weight: 600; color: #fff;}
.register_box {border-top: 1px solid #6F6D6D; border-bottom: 1px solid #6F6D6D;}
.register_box.mt40 {margin-top: 40px;}
.register_row {padding: 20px 10px; font-size: 0; border-bottom: 1px solid #333;}
.register_row:last-child {border-bottom: none;}
.register_row-top .register_item-title {vertical-align: top; padding-top: 10px;}
.register_item {display: inline-block; vertical-align: middle;}
.register_item-title {width: 150px; padding-right: 15px;}
.register_item-content {width: calc(100% - 150px); text-align: left;}
.register_item-content > * {display: inline-block; vertical-align: middle;}
.register_name {font-size: 16px; font-weight: 500; color: #fff;}
.register_name span {padding-left: 1px; color: #FF7726;}
.register_item .fm-input {width: 500px;}
.register_item .fm-select {background: #27282a url('/source/img/nav-arrow.png') no-repeat center right 12px/8px auto; border: 1px solid #27282a;}
.register_item-content .radiobtn {}
.register_item-content .radiobtn:not(:last-child) {margin-right: 50px;}
.register_item-content .checkbtn2 {width: 16.6666%; padding: 10px 10px 10px 0;}
.register_item-content .valily {display: block; margin-top: 5px; font-size: 14px; font-weight: 400; color: #aaa; line-height: 1.3;}

.register_btn {display: inline-block; height: 31px; padding: 0 13px; margin-left: 10px; border: 1px solid #fff; border-radius: 10px; font-size: 14px; font-weight: 300; color: #fff; line-height: 30px; text-align: center; cursor: pointer; background: none;}
.register_btn:hover {background: rgba(255,255,255,0.1);}

.file_add {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; font-size: 16px;}
.file_add_wrap {vertical-align: top;}
.file_add_box {position: relative; margin-top: 5px;}
.file_add_box:first-child {margin-top: 0;}
.add-file-input {width: 32px; height: 32px; margin-top: 5px; margin-left: 6px; border-radius: 9px; border: 1px solid #FF7726; background: url('/source/img/add-icon.png') no-repeat center center; font-size: 0; vertical-align: top;}
.add-file-input:hover {background: rgba(255,119,38,0.1) url('/source/img/add-icon.png') no-repeat center center;}
.file_text {width: 500px; height: 40px; padding: 0 34px 0 14px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; color: #fff; outline: none; background-color: #27282a;}
input.file_text:focus {border: none !important; outline: none; box-shadow: none;}
.file_cancel {display: none; position: absolute; top: 50%; right: 100px; width: 10px; height: 10px; background: none; border: none; transform: translateY(-50%); cursor: pointer;}
.file_cancel span {position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #999;}
.file_cancel span:nth-child(1) {transform: rotate(45deg);}
.file_cancel span:nth-child(2) {transform: rotate(-45deg);}
.reg-bf_file-del {display: block;}
.reg-bf_file-del .checkbtn2 input[type=checkbox] + label {font-size: 14px; font-weight: 400; color: #999;}
.file_description {display: block; margin-top: 10px; font-size: 14px; font-weight: 300; color: #999;}

.common_register section:not(:first-child) {margin-top: 80px;}
.register_content-information .register_box {padding-top: 10px; padding-bottom: 10px;}
.register_content-information .register_row {padding: 10px; border-bottom: none;}
.filter-selected.register-filter-selected {margin: 0; padding: 0;}
.filter-selected.register-filter-selected .filter-selected_wrap {justify-content: center;}
.register-agree_wrap {width: 100%;}
.register-agree_wrap .agree-content {height: 300px; padding: 30px 40px; border-radius: 5px; overflow-x: auto;}
.register-agree_wrap .agree-check {width: 100%; padding: 0 10px; margin-top: 10px;}
.common_register section.register_content-submit {margin-top: 40px; text-align: center;}

.register-filter-selected .filter-selected_wrap {margin-bottom: 20px;}

.inbox_top {display: block; vertical-align: top;}
.inbox_bot {display: block; vertical-align: top;}

/* > 등록 전 동의 */
.agree_wrap {}
.agree-content {height: 550px; padding: 30px 50px; background: #27282A; border-radius: 30px;}
.agree-title {position: relative; padding-left: 11px; margin-bottom: 20px; font-size: 20px; font-weight: 600; color: #fff;}
.agree-title::before {display: block; position: absolute; left: 0; top: 5px; width: 3px; height: 13px; background: #FF7726; content:"";}
.agree-text {font-size: 0; font-weight: 400; color: #999; line-height: 1.5;}
.agree-text p {font-size: 16px; font-weight: 400; color: #999; line-height: 1.5;}
.agree-check {margin-top: 20px;}
.agree-button {margin-top: 60px; text-align: center;}

/* > 상단 추천영역(슬라이드) */
.recommend_content{margin-top: 20px; padding: 40px 0 30px; background: #1c1c1e;}
.recommend_content .card-slider_wrap {position: relative;}
.recommend-arrow {position: absolute; top: 50%; z-index: 20; transform: translateY(-50%); margin-top: -25px;}
.recommend-arrow.disabled {opacity: 0.3; cursor: default;}
#recommend-prev {left: -66px;}
#recommend-next {right: -66px;}
#recommend-pagination {margin-top: 40px; padding: 0 30px; font-size: 0; text-align: center;}
#recommend-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background: rgba(255,255,255,0.2); opacity: 1;}
#recommend-pagination .swiper-pagination-bullet-active {background: rgba(255,255,255,0.7); opacity: 1;}

/* > BGM */
.bgm_content-board {margin-top: 60px;}
.bgm_board_ct .bgm_item:not(:first-child) {margin-top: 10px;}

/* > 음원경매 */
.auction_top {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; gap: 20px 30px;}
.auction_list .cont-sch-keyword {margin-left: 10px;}
.auction_list .filter-selected_wrap {justify-content: flex-start;}
.auction_list .cont-sch_box {display: block;}
.auction_list .cont-sch_box_in {display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start;}

.auction_content-board {margin-top: 60px;}
.auction_board_ct {display: flex; flex-direction: row; flex-wrap: wrap; gap: 60px 29px;}
.auction_board_ct .auction_item {width: calc(25% - 22px);}

.auction_view-header {padding: 26px 10px; border-top: 1px solid #6f6d6d; border-bottom: 1px solid #333;}
.auction_view-header_ct {display: flex; flex-direction: row; align-content: flex-end; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; position: relative;}
.auction_view-header-lay {}
.auction_view-header .lay-lt {display: flex; width: 80%; justify-content: flex-start; align-items: center;}
.auction_view-header .lay-rt {display: flex; width: 20%; flex-direction: column; align-items: flex-end;}
.auction_view-header .thumb {overflow: hidden; position: relative; width: 130px; height: 130px; border-radius: 10px;}
.auction_view-header .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.auction_view-header .text_box {width: calc(100% - 130px); padding-left: 40px;}
.auction_view-header .text_box .subject {font-size: 28px; font-weight: 700; color: #fff;}
.auction_view-header .text_box .card-status {margin: 0 0 0 4px; vertical-align: middle;}
.auction_view-header .text_box .nick {margin-top: 6px; font-size: 18px; font-weight: 500; color: #999;}
.auction_view-header .text_box .i-btn-play {margin-top: 16px;}
.auction_view-header .text_box .lyrics-text {margin-top: 20px; font-size: 14px; font-weight: 300; color: #eaeaea;}
.auction_view-header .btn_box {position: absolute; top: 10px; right: 0; z-index: 10;}
.auction_view-header .btn_box .like-count {margin: 0 16px 0 6px;}
.addinfo_box {display: inline-block; vertical-align: middle; font-size: 0; border: 1px solid #ccc; border-radius: 5px; padding: 5px 13px 5px 12px;}
.addinfo {display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; color: #eaeaea;}
.addinfo:not(:last-child)::after {content:""; display: inline-block; width: 1px; height: 10px; border-right: 1px dashed #ccc; margin-top: -2px; margin-left: 12px; margin-right: 14px; vertical-align: middle;}

.auction_view-summary_ct {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: flex-start; align-content: flex-start; padding: 50px 0; text-align: center;}
.auction_view-summary_ct .item {position: relative;}
.auction_view-summary_ct .item:after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: calc(100% - 7px); border-left: 1px solid #282828; transform: translateY(-50%);}
.auction_view-summary_ct .item:first-child:after {display: none;}
.auction_view-summary_ct.child3 .item {width: 33.333%;}
.auction_view-summary_ct.child4 .item {width: 25%;}
.auction_view-summary_ct.child5 .item {width: 20%;}
.auction_view-summary_ct .subj {font-size: 16px; font-weight: 500; color: #999;}
.auction_view-summary_ct .expl {margin-top: 9px; font-size: 20px; font-weight: 500; color: #fff;}
.auction_view-summary_ct .subj.c1 {color: #ff7726;}
.auction_view-summary_ct .expl.c1 {color: #ff7726;}

.auction_view-explain_ct {padding: 30px; background: #313131; border-radius: 10px;}
.auction_view-explain_ct .text {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.5;}
.auction_view-explain_ct .keyword {display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; margin-top: 30px;}

.auction_view-market{margin-top: 20px;}
.market_box {display: flex; flex-direction: row; align-items: flex-start; padding: 40px 10px; border-bottom: 1px solid #333;}
.market_box-subj {width: 150px; font-size: 16px; font-weight: 500; color: #fff;}
.market_box-expl {width: calc(100% - 150px);}
.market_box-expl .text {font-size: 16px; font-weight: 300; color: #fff;}

.market-history .log {margin-top: 10px;}
.market-history .log:first-child {margin-top: 0;}
.market-history .log .time {margin-right: 10px; font-size: 16px; font-weight: 300; color: #999;}
.market-history .log .text {}
.market-history .empty {font-size: 16px; font-weight: 300; color: #999;}
.market-point .point_chrge-btn {width: 90px; height: 30px; margin: -4px 0 0 20px; border: 1px solid #d3d3d3; border-radius: 10px; font-size: 14px; font-weight: 300; color: #fff;}
.market-point .point_chrge-btn:hover {border-color: #ff7726; color: #ff7726; box-shadow: 0 0 10px rgb(255 119 38);}
.market-bidding .selection{display: flex; flex-wrap: wrap; align-items: center; gap: 20px;}
.market-bidding .caution {margin-left: 10px; font-size: 14px; font-weight: 300; color: #999; line-height: 1.5;}
.bidding-price_box{display: none; margin-top: 20px;}
.bidding-price_box .fm-input {height: 50px; width: 500px; max-width: 100%;}
.bidding-submit {display: block; width: 236px; margin: 10px auto 0;}
.entire_lyrics {white-space: pre-wrap;}
.entire_lyrics,
.entire_lyrics * {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.5;}

/* > 경매완료 */
.auc_comp_box {padding: 80px 20px 100px; border-radius: 30px; text-align: center; background: rgba(255,255,255,0.1);}
.auc_comp_box_in {width: 1000px; max-width: 100%; margin: 0 auto;}
.auc_comp-icon {width: 75px; margin: 0 auto;}
.auc_comp-text1 {margin: 20px 0 16px; font-size: 40px; font-weight: 700; color: #fff;}
.auc_comp-text2 {font-size: 26px; font-weight: 400; color: #fff;}
.auc_comp-text3 {margin-top: 46px; padding-top: 30px; border-top: 1px solid rgba(204,204,204,0.3); font-size: 16px; font-weight: 400; color: #999;}
.auc_comp_bot {margin-top: 40px; text-align: center;}

/* > 전문가 찾기 */
.expert_content-board {margin-top: 60px;}
.expert_board_ct {display: flex; flex-direction: row; flex-wrap: wrap; gap: 60px 29px;}
.expert_board_ct .expert_item {width: calc(25% - 22px);}

.expert_view-header {padding: 26px 10px; border-top: 1px solid #6f6d6d; border-bottom: 1px solid #333;}
.expert_view-header_ct {display: flex; flex-direction: row; align-content: flex-end; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; position: relative;}
.expert_view-header-lay {}
.expert_view-header .lay-lt {display: flex; width: 80%; justify-content: flex-start; align-items: center;}
.expert_view-header .lay-rt {display: flex; width: 20%; flex-direction: column; align-items: flex-end;}
.expert_view-header .thumb {overflow: hidden; position: relative; width: 130px; height: 130px; border-radius: 10px;}
.expert_view-header .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.expert_view-header .text_box {width: calc(100% - 130px); padding-left: 40px;}
.expert_view-header .text_box .subject {font-size: 28px; font-weight: 700; color: #fff;}
.expert_view-header .text_box .auther_info {margin-top: 6px;}
.expert_view-header .text_box .nick {font-size: 18px; font-weight: 500; color: #999;}
.expert_view-header .text_box .addr {position: relative; margin-left: 24px; font-size: 16px; font-weight: 400; color: #999;}
.expert_view-header .text_box .addr:after {content: ''; display: block; position: absolute; top: 50%; left: -12.5px; z-index: 1; height: 12px; margin-top: -6px; border-left: 1px solid #717171;}
.expert_view-header .text_box .addr img {width: 12px; margin: -2px 6px 0 0; vertical-align: middle;}
.expert_view-header .text_box .condition {margin-top: 30px; font-size: 18px; font-weight: 500; color: #fff;}
.expert_view-header .text_box .lyrics-text {margin-top: 20px; font-size: 14px; font-weight: 300; color: #eaeaea;}
.expert_view-header .btn_box {position: absolute; top: 10px; right: 0; z-index: 10;}
.expert_view-header .btn_box .like-count {margin: 0 16px 0 6px;}
.addinfo_box {display: inline-block; vertical-align: middle; font-size: 0; border: 1px solid #ccc; border-radius: 5px; padding: 5px 13px 5px 12px;}
.addinfo {display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; color: #eaeaea;}
.addinfo:not(:last-child)::after {content:""; width: 1px; height: 10px; border-right: 1px dashed #ccc; margin-left: 12px; margin-right: 14px;}

.expert_view-explain {margin-top: 30px;}
.expert_view-explain_ct {padding: 30px; background: #313131; border-radius: 10px;}
.expert_view-explain_ct .text {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.5;}
.expert_view-explain_ct .keyword {display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; margin-top: 30px;}

.expert_view-detail{margin-top: 20px;}

/* > 전문가 등록 */
.expert_register .register_item-content .checkbtn2 {width: auto; padding-right: 50px;}
.two-select .fm-select,
.two-date .fm-input {display: inline-block; vertical-align: middle; width: 245px;}
.two-select .fm-select:not(:last-child),
.two-date .fm-input:not(:last-child) {margin-right: 10px;}

/* > 프로젝트 그룹 */
.project_content-board {margin-top: 60px;}
.project_board_ct {display: flex; flex-direction: row; flex-wrap: wrap; gap: 60px 29px;}
.project_board_ct .project_item {width: calc(25% - 22px);}

.project_view-header {padding: 26px 10px; border-top: 1px solid #6f6d6d; border-bottom: 1px solid #333;}
.project_view-header_ct {display: flex; flex-direction: row; align-content: flex-end; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; position: relative;}
.project_view-header-lay {}
.project_view-header .lay-lt {display: flex; width: 80%; justify-content: flex-start; align-items: center;}
.project_view-header .lay-rt {display: flex; width: 20%; flex-direction: column; align-items: flex-end;}
.project_view-header .thumb {overflow: hidden; position: relative; width: 130px; height: 130px; border-radius: 10px;}
.project_view-header .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.project_view-header .text_box {width: calc(100% - 130px); padding-left: 40px;}
.project_view-header .text_box .subject {font-size: 28px; font-weight: 700; color: #fff;}
.project_view-header .text_box .subject .tt-status {margin-left: 10px;}
.project_view-header .text_box .auther_info {margin-top: 6px;}
.project_view-header .text_box .nick {font-size: 18px; font-weight: 500; color: #999;}
.project_view-header .text_box .addr {position: relative; margin-left: 24px; font-size: 16px; font-weight: 400; color: #999;}
.project_view-header .text_box .addr:after {content: ''; display: block; position: absolute; top: 50%; left: -12.5px; z-index: 1; height: 12px; margin-top: -6px; border-left: 1px solid #717171;}
.project_view-header .text_box .addr img {width: 12px; margin: -2px 6px 0 0; vertical-align: middle;}
.project_view-header .text_box .condition {margin-top: 30px; font-size: 18px; font-weight: 500; color: #fff;}
.project_view-header .text_box .lyrics-text {margin-top: 20px; font-size: 14px; font-weight: 300; color: #eaeaea;}
.project_view-header .btn_box {position: absolute; top: 10px; right: 0; z-index: 10;}
.project_view-header .btn_box .like-count {margin: 0 16px 0 6px;}
.addinfo_box {display: inline-block; vertical-align: middle; font-size: 0; border: 1px solid #ccc; border-radius: 5px; padding: 5px 13px 5px 12px;}
.addinfo {display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; color: #eaeaea;}
.addinfo:not(:last-child)::after {content:""; width: 1px; height: 10px; border-right: 1px dashed #ccc; margin-left: 12px; margin-right: 14px;}

.project_view-summary_ct {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: flex-start; align-content: flex-start; padding: 50px 0; text-align: center;}
.project_view-summary_ct .item {position: relative;}
.project_view-summary_ct .item:after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: calc(100% - 7px); border-left: 1px solid #282828; transform: translateY(-50%);}
.project_view-summary_ct .item:first-child:after {display: none;}
.project_view-summary_ct.child3 .item {width: 33.333%;}
.project_view-summary_ct.child4 .item {width: 25%;}
.project_view-summary_ct.child5 .item {width: 20%;}
.project_view-summary_ct .subj {font-size: 16px; font-weight: 500; color: #999;}
.project_view-summary_ct .expl {margin-top: 9px; font-size: 20px; font-weight: 500; color: #fff;}

.project_view-explain {}
.project_view-explain_ct {padding: 30px; background: #313131; border-radius: 10px;}
.project_view-explain_ct .text {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.5;}
.project_view-explain_ct .keyword {display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; margin-top: 30px;}

.project_view-detail{margin-top: 20px;}

.project_view-join-people .detail_box-expl a {text-decoration: none;}

/* > 공간찾기 */
.place_content-board {margin-top: 60px;}
.place_board_ct {display: flex; flex-direction: row; flex-wrap: wrap; gap: 60px 29px;}
.place_board_ct .place_item {width: calc(25% - 22px);}

.place_view-header {padding: 26px 10px; border-top: 1px solid #6f6d6d; border-bottom: 1px solid #333;}
.place_view-header_ct {display: flex; flex-direction: row; align-content: flex-end; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; position: relative;}
.place_view-header-lay {}
.place_view-header .lay-lt {display: flex; width: 80%; justify-content: flex-start; align-items: center;}
.place_view-header .lay-rt {display: flex; width: 20%; flex-direction: column; align-items: flex-end;}
.place_view-header .thumb {overflow: hidden; position: relative; width: 130px; height: 130px; border-radius: 10px;}
.place_view-header .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.place_view-header .text_box {width: calc(100% - 130px); padding-left: 40px;}
.place_view-header .text_box .subject {font-size: 28px; font-weight: 700; color: #fff;}
.place_view-header .text_box .subject .tt-status {margin-left: 10px;}
.place_view-header .text_box .auther_info {margin-top: 6px;}
.place_view-header .text_box .nick {font-size: 18px; font-weight: 500; color: #999;}
.place_view-header .text_box .addr {position: relative; margin-left: 24px; font-size: 16px; font-weight: 400; color: #999;}
.place_view-header .text_box .addr:after {content: ''; display: block; position: absolute; top: 50%; left: -12.5px; z-index: 1; height: 12px; margin-top: -6px; border-left: 1px solid #717171;}
.place_view-header .text_box .addr img {width: 12px; margin: -2px 6px 0 0; vertical-align: middle;}
.place_view-header .text_box .condition {margin-top: 30px; font-size: 18px; font-weight: 500; color: #fff;}
.place_view-header .text_box .lyrics-text {margin-top: 20px; font-size: 14px; font-weight: 300; color: #eaeaea;}
.place_view-header .btn_box {position: absolute; top: 10px; right: 0; z-index: 10;}
.place_view-header .btn_box .like-count {margin: 0 16px 0 6px;}
.addinfo_box {display: inline-block; vertical-align: middle; font-size: 0; border: 1px solid #ccc; border-radius: 5px; padding: 5px 13px 5px 12px;}
.addinfo {display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; color: #eaeaea;}
.addinfo:not(:last-child)::after {content:""; width: 1px; height: 10px; border-right: 1px dashed #ccc; margin-left: 12px; margin-right: 14px;}

.place_view-summary_ct {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: flex-start; align-content: flex-start; padding: 50px 0; text-align: center;}
.place_view-summary_ct .item {position: relative;}
.place_view-summary_ct .item:after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: calc(100% - 7px); border-left: 1px solid #282828; transform: translateY(-50%);}
.place_view-summary_ct .item:first-child:after {display: none;}
.place_view-summary_ct.child3 .item {width: 33.333%;}
.place_view-summary_ct.child4 .item {width: 25%;}
.place_view-summary_ct.child5 .item {width: 20%;}
.place_view-summary_ct .subj {font-size: 16px; font-weight: 500; color: #999;}
.place_view-summary_ct .expl {margin-top: 9px; font-size: 20px; font-weight: 500; color: #fff;}

.place_view-explain {}
.place_view-explain_ct {padding: 30px; background: #313131; border-radius: 10px;}
.place_view-explain_ct .text {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.5;}
.place_view-explain_ct .keyword {display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; margin-top: 30px;}

.place_view-detail{margin-top: 20px;}

/* > 공간 등록 */
#zipcodeWrap {display:none; position:relative; border:1px solid; width:500px; height:300px; max-height: 500px; margin:5px 0;}
#zipcodeWrap img {position:absolute; right:0px; top:0px; z-index:1; cursor:pointer;}

.register_item-content .zipcode {width: 160px;}
.register_item-content .address {display: block; margin-top: 10px;}

.time-select_inner {display: inline-block; vertical-align: middle;}
.time-select_inner .fm-select {display: inline-block; vertical-align: middle; width: 112px; min-width: auto;}
.time-select_inner .fm-select:not(:last-child) {margin-right: 10px;}
.time-select_text {display: inline-block; vertical-align: middle; margin: 0 11px; font-size: 16px; font-weight: 300; color: #999999;}

/* > 광고권 구매 */
.adv_content {margin-top: 70px;}
.adv_content:first-child {margin-top: 0;}
.adv_content_top {margin-bottom: 20px;}
.adv_content-title {font-size: 20px; font-weight: 700; color: #fff;}
.adv_content-cau {margin-top: 10px; font-size: 14px; font-weight: 300; color: #ff7726;}
.adv_prod_item {overflow: hidden; display: flex; flex-flow: row wrap; align-items: center; position: relative; width: 100%; margin-top: 10px; border-radius: 15px; background: #313131; padding: 23px 0; min-height: 122px;}
.adv_prod_item:first-child {margin-top: 0;}
.adv_item-check {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%;}
.adv-check {display: none;}
.adv-check-label {display: block; width: 100%; height: 100%; border-radius: 15px; cursor: pointer;}
.adv-check:checked + .adv-check-label {border: 3px solid #ff7726;}
.adv_prod-name {flex: 0 1 200px; text-align: center;}
.adv_prod-name .big_text {font-size: 20px; font-weight: 500; color: #fff;}
.adv_prod-name .small_text {font-size: 18px; font-weight: 500; color: #fff;}
.adv_prod-info {flex: 1 1 0; padding: 16px 20px; border-left: 1px solid rgba(255,255,255,0.2); text-align: left;}
.adv_prod-info_list {position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; color: #ccc; line-height: 1.375;}
.adv_prod-info_list:before {content: ""; display: block; position: absolute; top: 9px; left: 0; z-index: 1; width: 4px; height: 4px; border-radius: 50%; background: #ccc;}
.adv_prod-info_list .text1 {font-size: 16px; font-weight: 600; color: #fff;}
.adv_prod-info_list .text2 {margin-top: 6px; font-size: 14px; font-weight: 400; color: #999;}
.adv_prod-sel {flex: 0 1 150px; padding-right: 40px; text-align: right;}
.adv_prod-btn_wrap {display: flex; flex-flow: column wrap;}
.adv_prod-sel .day {font-size: 18px; font-weight: 600; color: #ff7726; text-align: center;}
.adv_prod-sel .i-btn {display: block; margin-top: 5px; padding: 7px 13px; border: 1px solid #d3d3d3; border-radius: 10px; font-size: 14px; font-weight: 300; color: #fff; transition: 0.2s ease-in-out;}
.adv_prod-sel .i-btn:hover {
  border-color: #ff7726;
  background: #ff7726;
}
.adv_prod-price {position: relative; z-index: 20; flex: 0 1 300px; padding-right: 60px; text-align: right;}
.adv_prod-price .ori_price {position: relative; margin-bottom: 4px; padding-left: 7px; font-size: 16px; font-weight: 600; color: #999;}
.adv_prod-price .dis_price {display: none; font-size: 18px; font-weight: 600; color: #ff7726;}
.discount-price .ori_price {display: inline-block;}
.discount-price .ori_price:after {content: ""; display: block; position: absolute; top: 50%; right: -20px; z-index: 1; width: calc(100% + 20px); height: 16px; border-top: 1px solid #999; background: url('/source/img/discount-arrow.png') no-repeat top -3px right -2px;}
.discount-price .dis_price {display: block;}
.adv_submit-btn {display: block; margin: 40px auto 0;}

.discount-price .adv_day_chg {display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center;}
.discount-price .adv_day_chg-edit {margin-left: 5px;}
.discount-price .adv_day_chg-edit button {display: block; width: 60px; border: 0; font-size: 0; background: none;}
.discount-price .adv_day_chg-edit button img {width: 20px;}
.discount-price .adv_day_chg-edit .num {display: block; margin: 5px 0;}
.discount-price .adv_day_chg-edit .num .fm-input {display: none; width: 60px; height: 30px; text-align: center; padding: 0 5px; font-size: 16px; font-weight: 300;}
.discount-price .adv_day_chg-edit .num .fm-select {display: inline-block; min-width: 60px; width: 60px; height: 30px; line-height: 30px; text-align: center; padding: 0 15px 0 5px; font-size: 16px; font-weight: 300; color: #fff; background: #27282a url('/source/img/chevron-down.png') no-repeat center right 5px/8px auto;}

/* 게시판 */
.all_chk {margin-bottom: 10px;}
.all_chk .checkbtn2 input[type=checkbox] + label {display: block; font-size: 14px; font-weight: 400; color: #999;}
.all_chk .checkbtn2 input[type=checkbox] + label:before {width: 15px; height: 15px; margin: -2px 5px 0 0; border-color: #999;}
.all_chk .checkbtn2 input[type=checkbox]:checked + label:before {border-color: #ff7726; background-size: 9px auto;}

.empty_item {display: block; width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: center; font-size: 16px; font-weight: 400; color: #999; padding: 50px 20px;}

/* 목록 > 텍스트형 - 1 (공지사항) */
.bd_list-type1 {margin-top: 20px;}
.bd_list-type1 .bd_item {display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; position: relative; padding: 24px 0; border-bottom: 1px solid #333; font-size: 16px; font-weight: 300; text-align: center;}
.bd_list-type1 .bd_item:first-child {border-top: 1px solid #333;}
.list-zindex {position: relative;}

.bd_list-type1 .bd_num {width: 70px; font-weight: 500; color: #fff;}
.bd_list-type1 .bd_num .checkbtn2 {position: absolute; top: 2px; left: 2px; z-index: 10;}
.bd_list-type1 .bd_num .checkbtn2 input[type=checkbox] + label {display: block;}
.bd_list-type1 .bd_num .checkbtn2 input[type=checkbox] + label:before {width: 15px; height: 15px; margin-right: 0; border-color: #999;}
.bd_list-type1 .bd_num .checkbtn2 input[type=checkbox]:checked + label:before {border-color: #ff7726; background-size: 9px auto;}

.bd_list-type1 .bd_cont {width: auto; flex: auto; padding-left: 20px; text-align: left; color: #999;}
.notice_list .bd_list-type1 .bd_cont {width: calc(100% - 290px);}
.bd_list-type1 .bd_cont .bd_tit {font-size: 20px; font-weight: 400; color: #fff;}
.bd_list-type1 .bd_cont .new_icon {display: inline-block; width: 14px; height: 14px; margin: -4px 4px 0 2px; padding: 0; border-radius: 2px; font-size: 12px; font-weight: 600; color: #fff; background: #ff7726; vertical-align: middle; text-align: center;}
.bd_list-type1 .bd_cont .icon {display: inline-block; margin: -4px 1px 0; font-size: 16px; font-weight: 600; color: #ccc; vertical-align: middle;}
.bd_list-type1 .bo_cnt {margin-top: 14px; font-size: 16px; font-weight: 300; color: #999;}
.bd_list-type1 .bd_auther {margin-top: 6px; font-size: 16px; font-weight: 400; color: #ccc;}
.bd_list-type1 .bd_hit {width: 120px; font-weight: 400; color: #ccc;}
.bd_list-type1 .bd_hit .icon {margin-top: -4px; font-size: 18px; font-weight: 600; color: #ccc; vertical-align: middle;}
.bd_list-type1 .bd_date {width: 100px; font-weight: 400; color: #ccc;}
.bd_list-type1 .bd_info {overflow: hidden;}
.bd_list-type1 .bd_info_wrap {display: flex; gap: 0 20px;}
.bd_list-type1 .bd_info_list {}
.bd_list-type1 .bd_info_list .icon {width: 12px; margin-right: 7px; color: #ccc; vertical-align: middle;}
.bd_list-type1 .bd_info_list .text {font-size: 16px; font-weight: 400; color: #ccc; vertical-align: middle;}
.bd_list-type1 .bd_info-heart .icon {font-size: 14px;}
.bd_list-type1 .bd_info-heart.on .icon {color: #ff7726}
.bd_list-type1 .bd_info-comment .icon {width: 13px; margin-right: 4px;}
.bd_list-type1 .bd_info-hit .icon {width: 18px; margin-right: 0; font-size: 18px;}
.bd_list-type1 .bd_info-date {position: relative; padding-left: 20px;}
.bd_list-type1 .bd_info-date:before {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 9px; border-left: 1px solid #5f5f5f; margin-top: -4px;}

.add_type-mng .bd_item {padding-right: 84px;}
.add_type-mng .unimore {position: absolute; top: 50%; right: 10px; z-index: 10; transform: translateY(-50%);}

.bd_list-type1 .pagination {margin-top: 40px;}

/* 상세 > 기본 (공지사항, 이벤트) */
.bd_v-post .bd_v_tit {font-size: 36px; font-weight: 700; color: #fff;}
.bd_v-post .bd_v_info {display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 40px; margin-top: 20px;}
.bd_v-post .bd_v_info-item {position: relative;}
.bd_v-post .bd_v_info-item:after {content: ""; display: block; position: absolute; top: 50%; left: -20px; z-index: 1; height: 9px; margin-top: -4.5px; border-left: 1px solid #717171;}
.bd_v-post .bd_v_info-item:first-child:after {display: none;}
.bd_v-post .bd_v_info-text {font-size: 16px; font-weight: 400; color: #ccc;}
.bd_v-post .bd_v_info-text .icon {margin: -2px 5px 0 0; font-size: 18px; vertical-align: middle;}

.bd_v-post .bd_v_atc {margin-top: 14px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.bd_v-post .bd_v_atc-con {min-height: 200px; padding: 40px 10px; line-height: 1.5;}

.bd_v_file{padding: 15px 20px; border-bottom: 1px solid #333;}
.bd_v_link{padding: 15px 20px; border-bottom: 1px solid #333;}
.bd_v-source h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bd_v-source ul {margin:0;list-style:none}
.bd_v-source li {position:relative; margin-top: 5px;}
.bd_v-source li:first-child {margin-top: 0;}
.bd_v-source li:after{display:block;visibility:hidden;clear:both;content:""}
.bd_v-source a {display:block; width: 100%; font-size:16px; font-weight: 300; color:#fff; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bd_v-source a strong{font-weight: 300;}
.bd_v-source a:focus, #bd_v_file li:hover a, #bd_v_file a:active {text-decoration:underline;color:#ff7726}
.bd_v-source img {margin-left: 4px; width: 13px;}
.bd_v-source .bd_v_file_cnt {color:#999;}
.bd_v-source .bd_v_file_size {color:#999;}
.bd_v-source .bo_v_link_cnt {color:#fff;font-size:0.92em}

.bd_v-mng {}
.bd_v-mng .bd_v_fnc {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; gap: 4px; margin-top: 20px; margin-bottom: 10px;}
.bd_v-mng .bd_v_oth {margin-top: 40px; text-align: center;}
.bd_v-mng .bd_v_list-btn{display: block; line-height: 60px; margin: 0 auto;}
.bd_v-mng .bd_v_nb-prev{float: right;}
.bd_v-mng .bd_v_nb-next{float: right;}

/* 상세 > 쓰기 (공지사항, 이벤트) */
.wr_content textarea {padding: 14px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; color: #fff; outline: none; background: #27282a;}
.sub #bo_w .bo_w_link {border: 0; border-radius: 5px; font-size: 12px; font-weight: 300; color: #fff; background: #27282a;}
.sub #bo_w .bo_w_link .fm-input {padding-left: 50px;}
.sub #bo_w .bo_w_flie .file_wr {border: 0; border-radius: 5px; font-size: 12px; font-weight: 300; color: #fff; background: #27282a;}
.btn_cke_sc {display: none;}
#btn_autosave {display: none;}

/* 통합검색 결과 */
.search_result-title {font-size: 36px; font-weight: 400; color: #fff;}
.search_result-title .keyword {position: relative; font-weight: 700;}
.search_result-title .keyword:before {content: "‘";}
.search_result-title .keyword:after {content: "’";}
.search_result .tab3 {margin-top: 30px;}

.search_result-board {margin-top: 40px;}

/* 신고하기 */
.report-post-title {font-size: 16px; font-weight: 500; color: #fff;}
.report-post-nick {font-size: 14px; font-weight: 300; color: #999; margin-left: 10px;}
.report-reason-wrap {display: flex; flex-flow: row wrap; align-items: flex-start; gap: 10px 0; width: 340px; max-width: 100%;}
.report-reason-li {width: 50%; margin-right: 0 !important;}

/* 프로필 보기 */
.user-profile .bgm_item {background: none; border-bottom: 1px solid #333;}

/* 마이페이지 */
#mypage_menus {margin-bottom: 40px;}
.mypage_menus-dp1 {display: flex; flex-flow: row wrap; gap: 10px 60px;}
.mypage_menus-dp1 a {display: block; position: relative; padding-bottom: 10px; font-size: 20px; font-weight: 700; color: rgba(255,255,255,0.4); line-height: 1;}
.mypage_menus-dp1 a:before {content: ""; display: block; position: absolute; top: 50%; left: -30px; z-index: 1; height: 15px; margin-top: -12.5px; border-left: 1px solid #525252;}
.mypage_menus-dp1 a:first-child:before {display: none;}
.mypage_menus-dp1 a.on {color: #ff7726;}
.mypage_menus-dp1 a.on:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; border-top: 2px solid #ff7726;}

.mypage_menus-dp2 {display: flex; flex-flow: row wrap; gap: 10px 26px; margin-top: 26px;}
.mypage_menus-dp2 a {display: block; font-size: 18px; font-weight: 500; color: rgba(255,255,255,0.3); line-height: 1;}
.mypage_menus-dp2 a.on {color: #ff7726;}

#mp-tab2 {display: flex; flex-flow: row wrap; gap: 10px 20px;}
#mp-tab2 a {display: block; position: relative; padding: 0 10px 10px; font-size: 16px; font-weight: 600; color: rgba(255,255,255,0.4); line-height: 1;}
#mp-tab2 a.on {color: #fff;}
#mp-tab2 a.on:after {content: ""; display: block; position: absolute; bottom: -17px; left: 0; z-index: 1; width: 100%; height: 2px; background: #fff;}

#mypage_profile_ct {overflow: hidden; padding: 22px 30px 30px; border-radius: 15px; background: #313131;}
#mypage_profile_ct .mypage_profile_def {display: flex; flex-flow: row wrap;}
#mypage_profile_ct .mypage_profile_ct-lt {flex: 0 1 100px;}
#mypage_profile_ct .mypage_profile-img {overflow: hidden; position: relative; width: 100px; height: 100px; border-radius: 5px; background: #454545;}
#mypage_profile_ct .mypage_profile-img img {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; transform: translate(-50%, -50%);}
#mypage_profile_ct .mypage_profile_ct-rt {display: flex; flex-flow: column wrap; flex: 1 1 0; justify-content: space-between; padding-left: 25px;}
#mypage_profile_ct .mypage_profile_ct-rt-top {display: flex; flex-flow: row wrap; justify-content: space-between;}
#mypage_profile_ct .mypage_profile-name .name {font-size: 20px; font-weight: 700; color: #fff;}
#mypage_profile_ct .mypage_profile-name .edit-btn {margin-left: 12px; padding: 7px 13px; border: 1px solid #fff; border-radius: 10px; font-size: 14px; font-weight: 300; color: #fff;}
#mypage_profile_ct .mypage_profile-name .leave-btn {margin-left: 5px; padding: 7px 13px; border: 1px solid #292929; border-radius: 10px; font-size: 14px; font-weight: 300; color: #999; background: #292929;}
#mypage_profile_ct .mypage_profile-name .leave-btn:hover {color: #ff7726;}
#mypage_profile_ct .mypage_profile-follow {display: flex; flex-flow: row wrap; gap: 0 18px; align-items: center;}
#mypage_profile_ct .mypage_profile-follow .follower {font-size: 14px; font-weight: 400; color: #fff;}
#mypage_profile_ct .mypage_profile-follow .following {font-size: 14px; font-weight: 400; color: #fff;}
#mypage_profile_ct .mypage_profile-follow .follower b {font-weight: 600;}
#mypage_profile_ct .mypage_profile-follow .following b {font-weight: 600;}
#mypage_profile_ct .mypage_profile-follow .i-btn-follow{margin-left: 6px;}

#mypage_profile_ct .mypage_profile_ct-rt-mid {display: flex; flex-flow: row wrap;}
#mypage_profile_ct .mp-grade {padding: 3px 7px; border: 1px solid #ff7726; border-radius: 5px; font-size: 13px; font-weight: 400; color: #ff7726; background: none; text-align: center;}
#mypage_profile_ct .mp-gradeup-btn:before {content: "/"; display: block; position: absolute; top: 4px; left: -13px; font-size: 16px; font-weight: 400; color: #bbb; line-height: 1;}
#mypage_profile_ct .mp-gradeup-btn {position: relative; margin-left: 20px; padding: 3px 7px; border-radius: 5px; font-size: 13px; font-weight: 400; color: #fff; background-color: #ff7726; text-align: center;}

#mypage_profile_ct .mypage_profile_ct-rt-bot {}
#mypage_profile_ct .mypage_profile-info {display: flex; flex-flow: row wrap; gap: 10px 40px; align-items: center;}
#mypage_profile_ct .mypage_profile-info .field {font-size: 16px; font-weight: 600; color: #fff;}
#mypage_profile_ct .mypage_profile-info .addr {position: relative; font-size: 16px; font-weight: 400; color: #999;}
#mypage_profile_ct .mypage_profile-info .addr:after {content: ""; display: block; position: absolute; top: 50%; left: -20px; z-index: 1; height: 12px; margin-top: -6px; border-left: 1px solid #717171;}
#mypage_profile_ct .mypage_profile-info .addr img {width: 13px;}
#mypage_profile_ct .mypage_profile_expl {margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,0.2); font-size: 15px; font-weight: 400; color: #ccc;}

.mp-adv_btn_wrap {margin-bottom: 10px; font-size: 0; text-align: right;}
.mp-adv_btn {display: inline-block; width: 80px; font-size: 14px; font-weight: 400; text-align: center; height: 30px; line-height: 30px;}

#mypage_content {margin-top: 60px;}
#mypage_content .tab3 {margin-bottom: 40px;}
#mypage_content #board_top {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-bottom: 15px;}
#mypage_content .board-sort {margin-bottom: 0;}
.mp-content_wrap {border-top: 2px solid #454545;}
.mypage_content_in .pagination {margin-top: 40px;}
.mp-contact-write_wrap {text-align: center;}
.mp-contact-write-btn {display: inline-flex; align-items: center; justify-content: center; margin: 40px auto 0; text-align: center;}

.enterpriser_type {display: flex; flex-flow: row wrap; width: 100%; margin-bottom: 20px;}
.enterpriser_number {display: block; font-size: 16px;}
.mp-grade-addr .frm_address {margin-top: 5px;}

.mp-bgm_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-bgm_item .card-body {position: relative; padding: 16px 20px 16px 0; font-size: 0;}
.mp-bgm_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-bgm_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-bgm_item .card-num {width: 6.9%; font-size: 20px; font-weight: 600; color: #898989; text-align: center;}
.mp-bgm_item .card-img {overflow: hidden; width: 90px; height: 90px;}
.mp-bgm_item .i-btn-play {margin-left: 24px;}
.mp-bgm_item .card-detail {padding: 0 10px 0 14px; text-align: left;}
.mp-bgm_item .card-info-wrap {margin-left: 10px; text-align: right;}
.mp-bgm_item .card-info {}
.mp-bgm_item .card-keyword {margin-left: 20px;}
.mp-bgm_item .card-download {}
.mp-bgm_item .card-download-btn {display: block; padding: 0 30px; border: 0; outline: none; background: none;}
.mp-bgm_item .card-download-btn img {width: 28px;}
.mp-bgm_item .unimore {margin-left: 40px;}

.mp-auc_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-auc_item .card-status {flex: 0 1 100px; margin: 0; text-align: center;}
.mp-auc_item .card-body {flex: 1 1 0; position: relative; padding: 32px 20px 32px 0; font-size: 0;}
.mp-auc_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-auc_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-auc_item .card-title {padding-left: 20px;}
.mp-auc_item .card-title .author {display: block; margin-top: 6px; font-size: 14px; font-weight: 400; color: #999;}
.mp-auc_item .card-contract {width: 90px; font-size: 14px; font-weight: 400; color: #fff; text-align: center;}
.mp-auc_item .card-contract .i-btn{font-weight: 400;}
.mp-auc_item .card-contract .i-btn img{width: 24px; margin: 0 4px 0 0; vertical-align: middle;}
.mp-auc_item .card-keyword {margin-left: 60px;}
.mp-auc_item .auction-count_wrap {width: 200px; text-align: center;}
.mp-auc_item .auction-count-text {font-size: 14px; font-weight: 500; color: #fff;}
.mp-auc_item .card-download {}
.mp-auc_item .card-download-btn {display: block; margin: 0 auto; padding: 0 30px; border: 0; outline: none; background: none;}
.mp-auc_item .card-download-btn img {width: 28px;}
.mp-auc_item .unimore {}

.mp-expert_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-expert_item .card-body {flex: 1 1 0; position: relative; padding: 32px 20px 32px 30px; font-size: 0;}
.mp-expert_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-expert_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-expert_item .card-field {font-size: 16px; font-weight: 400; color: #eaeaea;}
.mp-expert_item .card-addr {margin-left: 50px; font-size: 16px; font-weight: 400; color: #999;}
.mp-expert_item .card-addr img {width: 13px; margin-right: 6px;}
.mp-expert_item .card-keyword {margin-left: 50px;}
.mp-expert_item .card-date {width: 200px; font-size: 16px; font-weight: 400; color: #ccc; text-align: center;}
.mp-expert_item .unimore {}

.mp-project_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-project_item .card-status {flex: 0 1 100px; margin: 0; text-align: center;}
.mp-project_item .card-body {flex: 1 1 0; position: relative; padding: 32px 20px 32px 0; font-size: 0;}
.mp-project_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-project_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-project_item .card-title {padding-left: 20px;}
.mp-project_item .card-title .apply_count {font-weight: 400;}
.mp-project_item .card-title .author {display: block; margin-top: 6px; font-size: 14px; font-weight: 400; color: #999;}
.mp-project_item .card-addr {margin-left: 50px; font-size: 16px; font-weight: 400; color: #999;}
.mp-project_item .card-addr img {width: 13px; margin-right: 6px;}
.mp-project_item .card-keyword {margin-left: 50px;}
.mp-project_item .card-period {width: 285px; font-size: 16px; font-weight: 400; color: #ccc; text-align: center;}
.mp-project_item .unimore {}

.mp-proud_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-proud_item .card-body {flex: 1 1 0; position: relative; padding: 30px 20px 30px 20px; font-size: 0;}
.mp-proud_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-proud_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-proud_item .card-title {font-size: 20px; font-weight: 400; color: #fff;}
.mp-proud_item .card-title .author {display: block; margin-top: 6px; font-size: 16px; font-weight: 400; color: #ccc;}
.mp-proud_item .bd_info {overflow: hidden;}
.mp-proud_item .bd_info_wrap {display: flex; gap: 0 20px;}
.mp-proud_item .bd_info_list {}
.mp-proud_item .bd_info_list .icon {width: 12px; margin-right: 7px; color: #ccc; vertical-align: middle;}
.mp-proud_item .bd_info_list .text {font-size: 16px; font-weight: 400; color: #ccc; vertical-align: middle;}
.mp-proud_item .bd_info-heart .icon {font-size: 14px;}
.mp-proud_item .bd_info-comment .icon {width: 13px; margin-right: 4px;}
.mp-proud_item .bd_info-hit .icon {width: 18px; margin-right: 3px; font-size: 18px;}
.mp-proud_item .bd_info-date {position: relative; padding-left: 20px;}
.mp-proud_item .bd_info-date:before {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 9px; border-left: 1px solid #5f5f5f; margin-top: -4px;}
.mp-proud_item .unimore {margin-left: 60px;}

.mp-place_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-place_item .card-body {flex: 1 1 0; position: relative; padding: 16px 20px 16px 20px; font-size: 0;}
.mp-place_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-place_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-place_item .thumb-box {display: block; overflow: hidden; position: relative; width: 90px; height: 90px; border-radius: 10px; margin-right: 20px;}
.mp-place_item .thumb-box img {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%);}
.mp-place_item .card-addr {margin-left: 50px; font-size: 16px; font-weight: 400; color: #999;}
.mp-place_item .card-addr img {width: 13px; margin-right: 6px;}
.mp-place_item .card-keyword {margin-left: 50px;}
.mp-place_item .card-date {width: 200px; font-size: 16px; font-weight: 400; color: #ccc; text-align: center;}
.mp-place_item .unimore {}

.mp-contract_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-contract_item .card-body {flex: 1 1 0; position: relative; padding: 33px 0 33px 20px; font-size: 0;}
.mp-contract_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-contract_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-contract_item .card-contract-name {display: flex; flex-flow: row wrap; align-items: center; gap: 0 40px;}
.mp-contract_item .card-contract-name_box {position: relative;}
.mp-contract_item .card-contract-name_box:after {content: ""; display: block; position: absolute; top: 50%; left: -20px; z-index: 1; height: 9px; margin-top: -4.5px; border-left: 1px solid #5f5f5f;}
.mp-contract_item .card-contract-name_box:first-child:after {display: none;}
.mp-contract_item .card-contract-name_box .stext {margin-right: 8px; font-size: 16px; font-weight: 400; color: #ccc;}
.mp-contract_item .card-contract-name_box .btext {font-size: 16px; font-weight: 500; color: #fff;}
.mp-contract_item .card-date {margin-left: 40px; width: 120px; font-size: 16px; font-weight: 400; color: #ccc; text-align: center;}

.mypage_follow .mp-content_wrap {display: flex; flex-flow: row wrap; gap: 34px 25px; border-top: 0;}
.mp-follow_item {position: relative; flex: 1 1 18%; width: 20%; padding: 20px 0 16px; border: 1px solid #454545; border-radius: 15px; text-align: center;}
.mp-follow_item .unimore {position: absolute; top: 9px; right: 20px; z-index: 10;}
.mp-follow_item .item_in {padding: 0 20px;}
.mp-follow_item .item_in1 {padding-bottom: 16px;}
.mp-follow_item .item_in2 {padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.1);}
.mp-follow_item .thumb {display: block; overflow: hidden; position: relative; width: 90px; height: 90px; margin: 0 auto; border-radius: 5px;}
.mp-follow_item .thumb img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%;}
.mp-follow_item .nickname {display: block; margin: 16px 0 14px; font-size: 18px; font-weight: 700; color: #fff;}
.mp-follow_item .field {margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #fff;}
.mp-follow_item .addr {font-size: 16px; font-weight: 400; color: #999;}

.mypage_mbedit .mp-content_wrap {border-top: 0;}
.mp-mbedit_profile {display: flex; flex-flow: row wrap; align-items: center;}
.mp-mbedit_profile-imgbox {flex: 0 1 90px;}
.mp-mbedit_profile-img {overflow: hidden; position: relative; width: 100%; height: 90px; border-radius: 5px; background: #454545;}
.mp-mbedit_profile-img img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.mp-mbedit_profile-infbox {flex: 1 1 0; padding-left: 20px;}
.mp-mbedit_profile-infbox .name {font-size: 20px; font-weight: 400; color: #fff;}
.mp-mbedit_profile-file {}
.mp-mbedit_profile-file #profile-file-input{display: none; font-size: 0;}
.mp-mbedit_profile-file #profile-file-btn{display: block; margin-top: 16px; font-size: 14px; width: 78px; height: 31px; line-height: 31px; border: 1px solid #d3d3d3; border-radius: 10px; font-weight: 300; color: #fff; text-align: center; cursor: pointer;}
.mp-mbedit_wrap .register_item-content .checkbtn2 {width: auto; padding-right: 50px;}
.mp-mbedit-submit {margin-top: 40px; text-align: center;}

.mypage_purc-bgm .mp-bgm_item .unimore {margin-left: 0;}
.mypage_wish-place .mp-place_item .unimore {margin-left: 50px;}

.mypage_chat .mp-content_wrap {border-top: 0;}
.mp-chat_wrap {font-size: 0;}
.mp-chat-lay {display:  inline-block; height: 900px; border-radius: 15px; font-size: 16px; vertical-align: top;}

.mp-chat-list {width: 300px; overflow-y: auto; background: #313131;}
.mp-chat-list_item {display: flex; flex-flow: row wrap; align-items: center; position: relative; padding: 20px; border: 0; border-bottom: 1px solid rgba(255,255,255,0.2); background: none; text-align: left; width: 100%;}
.mp-chat-list_item .count {position: absolute; top: 20px; left: 63px; z-index: 10; display: block; width: 15px; height: 15px; border-radius: 50%; font-size: 10px; font-weight: 600; color: #fff; background: #333; text-align: center; line-height: 15px;}
.mp-chat-list_item .pf-thumb {display: block; overflow: hidden; position: relative; width: 58px; height: 58px; border-radius: 50%;}
.mp-chat-list_item .pf-thumb img {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); max-width: 100%; object-fit: cover;}
.mp-chat-list_item .chat-ex {position: relative; width: calc(100% - 58px); padding-left: 12px;}
.mp-chat-list_item .nick {padding-right: 55px; font-size: 16px; font-weight: 500; color: #fff;}
.mp-chat-list_item .talk {margin-top: 8px; font-size: 14px; font-weight: 300; color: #ccc;}
.mp-chat-list_item .time {position: absolute; top: 3px; right: 0; z-index: 5; font-size: 12px; font-weight: 300; color: #999;}

.mp-chat-list_item:hover .nick {color: #ff7726;}

.mp-chat-list_item.active {background: #ff7726;}
.mp-chat-list_item.active:hover .nick {color: #fff;}
.mp-chat-list_item.active .talk {color: #fff;}
.mp-chat-list_item.active .time {color: #fff;}

.mp-chat-room {position: relative; width: calc(100% - 320px); margin-left: 20px; padding: 0 40px; background: #1c1c1e;}
.mp-chat-room_top {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 30px 0 20px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.mp-chat-room_top .nick {font-size: 18px; font-weight: 600; color: #fff;}
.mp-chat-room_ct {/*overflow-y: auto;*/ padding: 10px 10px 100px; height: calc(100% - 133px); }
.mp-chat-room_ct-box {margin-top: 20px;}
.mp-chat-room_ct-in {}
.mp-chat-room_date {background: rgba(255,255,255,0.2); font-size: 12px; font-weight: 400; color: #fff; text-align: center; padding: 5px; border-radius: 15px; clear: both;}
.mp-chat-room_msg {float: left; display: flex; flex-flow: row wrap; align-items: flex-start; position: relative; max-width: 80%; margin-top: 20px; margin-bottom: 20px; clear: both;}
.mp-chat-room_msg .msg-thumb {display: block; overflow: hidden; position: relative; width: 58px; height: 58px; border-radius: 50%;}
.mp-chat-room_msg .msg-thumb img {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%);}
.mp-chat-room_msg .msg-ct {position: relative; width: calc(100% - 58px); padding-left: 10px; text-align: left;}
.mp-chat-room_msg .msg-ct-gr {}
.mp-chat-room_msg .nick {display: inline-block; font-size: 14px; font-weight: 400; color: #fff;}
.mp-chat-room_msg .admin-nick {position: relative;}
.mp-chat-room_msg .admin-nick:before {content: ""; display: block; position: absolute; top: 0; left: -18px; z-index: 1; width: 16px; height: 16px; border: 1px solid #FF7726; border-radius: 50%; background: #fff url('/source/img/chat-icon-adm.png') no-repeat center/8px auto;}
.mp-chat-room_msg .talk {margin-top: 6px; padding: 10px 15px; border-radius: 10px; border-top-left-radius: 0; font-size: 14px; font-weight: 300; color: #fff; line-height: 1.5; background: rgba(255,255,255,0.2);}
.mp-chat-room_msg .time {position: absolute; bottom: 4px; right: -58px; font-size: 12px; font-weight: 300; color: #999;}

.mp-chat-room_msg.my-msg {float: right;}
.mp-chat-room_msg.my-msg .msg-ct {justify-content: flex-end; width: 100%; padding-left: 0; text-align: right;}
.mp-chat-room_msg.my-msg .msg-ct .talk {text-align: left; border-top-left-radius: 10px; border-top-right-radius: 0; background: rgba(255,255,255,0.1);}
.mp-chat-room_msg.my-msg .msg-ct .time {right: inherit; left: -58px;}

.mp-chat-room_bot {position: absolute; bottom: 0; left: 0; z-index: 100; width: 100%; font-size: 0;}
.mp-chat-inpt {width: 100%; height: auto; max-height: 300px; padding: 22px 140px 22px 40px; border: 0; border-radius: 15px; font-size: 14px; font-weight: 300; color: #fff; background: #252525;}
input[type=text].mp-chat-inpt:focus {box-shadow: none !important; border: 0 !important;}
.mp-chat-send {position: absolute; top: 50%; transform: translateY(-50%); right: 40px; z-index: 10; padding: 0 24px; height: 40px; border: 0; border-radius: 20px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; background: #FF7726;}

.mo_list-more {display: none;}

.mypage_point .mp-content_wrap {border-top: 0;}
.point-info {display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 0 50px; padding: 40px 0; border-radius: 10px; background: rgba(255,255,255,0.05);}
.point-info_list {position: relative; padding: 10px 20px;}
.point-info_list:first-child:after {display: none;}
.point-info_list:after {content: ""; display: block; position: absolute; top: 50%; left: -25px; z-index: 1; height: 50px; margin-top: -25px; border-left: 1px solid #5a5a5a;}
.point-info_list .stext {font-size: 16px; font-weight: 500; color: rgba(255,255,255,0.6); line-height: 1; vertical-align: middle;}
.point-info_list .btext {font-size: 16px; font-weight: 400; color: #fff; line-height: 1; vertical-align: middle; padding: 0 14px 0 16px;}
.point-info_list.total .btext {font-size: 26px;}
.point-info_list.total .btext strong {font-weight: 600;}
.point-info_list .i-btn {margin-left: 10px; padding: 7px 13px; border: 1px solid #d3d3d3; border-radius: 10px; font-size: 14px; font-weight: 300; color: #fff; transition: 0.2s ease-in-out;}
.point-info_list .i-btn:hover {border-color: #ff7726; background: #ff7726;}

.point-history {margin-top: 5px;}
.point-history_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.point-history_item .card-body {flex: 1 1 0; position: relative; padding: 25px 40px; font-size: 0;}
.point-history_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.point-history_item .card-ct_lay:nth-child(1) {text-align: left;}
.point-history_item .card-ct_lay:nth-child(2) {text-align: right;}
.point-history_item .card-title {font-size: 16px; font-weight: 600; color: #fff;}
.point-history_item .card-date {margin-top: 6px; font-size: 14px; font-weight: 400; color: #999;}
.point-history_item .use-point {font-size: 16px; font-weight: 600;}
.point-history_item .use-point.plus {color: #6d8dff;}
.point-history_item .use-point.minus {color: #ff5353;}
.point-history_item .total-point {margin-top: 5px; font-size: 14px; font-weight: 400; color: #999;}
#point_more-btn {display: block; width: 200px; height: 40px; margin: 20px auto 0;}
#point_more-btn .text {font-size: 16px; font-weight: 600; color: #cfcfd0; vertical-align: middle;}
#point_more-btn .icon {vertical-align: middle;}

.pop_text1 {margin-bottom: 30px; font-size: 18px; font-weight: 600; color: #fff; text-align: center;}

.pop-btn_box {display: flex; flex-flow: row wrap; align-items: center; margin-top: 30px;}
.pop-btn {position: relative; display: block; width: 50%; height: 70px; font-size: 18px; font-weight: 500; color: #eaeaea; background: #3d3d3d;}
.pop-btn:after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; height: 40px; margin-top: -20px; border-left: 1px solid #5a5a5a;}
.pop-btn.confirm {}
.pop-btn.cancel {border-left: 1px solid #5a5a5a;}

#pop-point_charge .pop_contents {width: 450px; height: auto; padding: 30px 0 0;}
#pop-point_charge .point_charge-sel {display: flex; flex-flow: row wrap; align-items: center; gap: 20px 0; padding: 0 25px 30px; border-bottom: 1px dashed rgba(255,255,255,0.2);}
#pop-point_charge .point_charge-li {width: 33.333%;}

#pop-point_charge .point_charge-type-sel {display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 20px; margin-top: 30px;}
#pop-point_charge .point_charge-type-li {}

#pop-point_withdraw .pop_contents {width: 450px; height: auto; padding: 30px 0 0;}
#pop-point_withdraw .point_withdraw-box {padding: 0 24px;}
#pop-point_withdraw .withdraw-inpt {width: 100%; height: 50px; padding: 0 14px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; color: #fff; outline: none; background-color: #454545;}
#pop-point_withdraw .withdraw-inpt::placeholder {color: #999;}
#pop-point_withdraw .point_withdraw-text {margin-top: 12px; padding: 0 10px; font-size: 14px; font-weight: 300; color: #999;}

#pop-account_change .pop_contents {width: 450px; height: auto; padding: 30px 0 0;}
#pop-account_change .account_change-box {padding: 0 24px;}
#pop-account_change .account_change-field {display: flex; flex-flow: row wrap; align-items: center;}
#pop-account_change .account_change-field .fm-select {width: 140px; height: 50px; border: 0; background-color: #454545;}
#pop-account_change .account_change-inpt {width: calc(100% - 145px); height: 50px; margin-left: 5px; padding: 0 14px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; color: #fff; outline: none; background-color: #454545;}
#pop-account_change .account_change-inpt::placeholder {color: #999;}
#pop-account_change .account_change-text {margin-bottom: 12px; padding: 0 10px; font-size: 14px; font-weight: 300; color: #999;}

#pop-auction_notice .pop_contents {width: 450px; height: auto; padding: 30px 0 0;}
.auction_notice-info {text-align: center; padding-bottom: 12px;}
.auction_notice-info li {padding: 2px 0;}
.auction_notice-use {text-align: center;}
#pop-auction_notice input[type=checkbox] {display: none;}
#pop-auction_notice input[type=checkbox] + label {position: relative; font-size: 16px; font-weight: 300; color: #fff; cursor: pointer; user-select: none;}
#pop-auction_notice input[type=checkbox] + label a {text-decoration: underline; color: #ff7726; font-weight: 500;}
#pop-auction_notice input[type=checkbox] + label:before {content: ""; display: inline-block; width: 17px; height: 17px; margin: -2px 0 0 0; border: 1px solid #fff; border-radius: 2px; vertical-align: middle; bottom: inherit; top: 4px;}
#pop-auction_notice input[type=checkbox]:checked + label:before {border: 1px solid #ff7726; background: #ff7726 url('/source/img/check-icon.png') no-repeat center/11px auto;}

.mypage_ticket-list .mp-content_wrap {border-top: 0;}
.mypage_ticket-list .adv_prod-info_list {padding-left: 0;}
.mypage_ticket-list .adv_prod-info_list:before {display: none;}
.mypage_ticket-list .adv_prod-info {padding: 16px 20px 16px 44px;}

.mypage_ticket-list .adv_prod-info {display: flex; align-items: center; justify-content: space-between;}
.adv_prod-info_change {width: 200px; text-align: center;}
.adv_prod-info_change .i-btn {border: 1px solid #d3d3d3; border-radius: 10px; display: inline-block; padding: 7px 13px; font-weight: 300; font-size: 14px; transition: .2s ease-in-out;}

.mp-ticket-rg_item {display: flex; align-items: center; position: relative; border-bottom: 1px solid #333; transition: background 0.25s;}
.mp-ticket-rg_item .card-body {flex: 1 1 0; position: relative; padding: 32px 20px 32px 30px; font-size: 0;}
.mp-ticket-rg_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mp-ticket-rg_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
.mp-ticket-rg_item .radiobtn input[type=radio] + label {padding-left: 47px;}
.mp-ticket-rg_item .card-name {margin-top: 0;}
.mp-ticket-rg_item .card-keyword {margin-left: 50px;}
.mp-ticket-rg_item .auction-count_wrap {width: 200px; font-size: 16px; font-weight: 400; color: #ccc; text-align: center;}
.mp-ticket-rg_item .unimore {}
.mp-ticket-submit {margin-top: 40px; text-align: center;}
.ticket_submit-btn {}

.mp-contact_item {}
.mp-contact_item .contact_preview {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; position: relative; padding: 30px 30px 30px 20px; border-bottom: 1px solid #333; cursor: pointer;}
.mp-contact_item .preview_lt {flex: 0 1 50%;}
.mp-contact_item .preview_rt {display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; flex: 0 1 50%; padding-right: 87px;}
.mp-contact_item .contact-title {padding-left: 24px; text-indent: -24px; font-size: 16px; font-weight: 600; color: #fff; line-height: 1.5; transition: 0.3s;}
.mp-contact_item .contact-title:before {content: "Q."; margin-right: 8px;}
.mp-contact_item .contact-date {font-size: 16px; font-weight: 400; color: #ccc;}
.mp-contact_item .contact-status {margin-left: 40px; font-size: 16px; font-weight: 500; color: #666;}
.mp-contact_item .contact-arrow {position: absolute; top: 50%; right: 30px; z-index: 5; transform: translateY(-50%); transition: 0.3s;}
.mp-contact_item .contact-arrow img {width: 20px;}

.mp-contact_item .contact_detail {display: none; overflow: hidden; padding: 30px 30px 40px; background: rgba(217,217,217,0.05);}
.mp-contact_item .contact_detail_in {font-size: 16px; font-weight: 300; line-height: 1.375;}
.mp-contact_item .contact-question {color: #ccc;}
.mp-contact_item .contact-answer {margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); padding-left: 29px; text-indent: -29px; color: #999;}
.mp-contact_item .contact-answer:before {content: "A."; margin-right: 8px; font-weight: 700;}

.mp-contact_item .contact_preview:hover .contact-title {color: #ff7726;}
.mp-contact_item.complete .contact-status {color: #ff7726;}

.mp-contact_item.open .contact-arrow {transform: translateY(-50%) rotate(180deg);}

.mypage_contact-write .mp-content_wrap {border-top: 0;}

/* 플레이어 */
#music-player {position: fixed; bottom: -100%; left: 0; z-index: 888; width: 100%; padding: 10px 0; background: #151515; transition: 0.5s;}
#music-player #music-player-close {position: absolute; top: 50%; left: 2%; background: #151515; font-size: 14px; font-weight: 300; color: #fff; transform: translateY(-50%); z-index: 20; border-bottom: 1px solid transparent;}
#music-player #music-player-close img {width: 12px; margin: -2px 3px 0 0; vertical-align: middle;}
#music-player #music-player-close:hover {border-bottom: 1px solid #fff;}
#music-player .i-container {z-index: 10;}
#music-player .i-inner {margin: 0 auto;}
#music-player .music-player-wrapper {position: relative; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}

#music-player .music-player-left {display: flex; flex-flow: row wrap; align-items: center;}
#music-player .music-player-thumb {overflow: hidden; position: relative; width: 60px; height: 60px; border-radius: 5px;}
#music-player .music-player-info {margin-left: 20px;}
#music-player .subj {font-size: 16px; font-weight: 600; color: #fff;}
#music-player .nick {margin-top: 4px; font-size: 14px; font-weight: 400; color: #999;}

#music-player .music-player-center {display: flex; flex-flow: row wrap; align-items: center;}
#music-player #playBtn {border: 0; background: none; line-height: 1;}
#music-player #playBtn .icon {font-size: 30px; color: #fff; vertical-align: middle;}

#music-player .music-player-right {display: flex; flex-flow: row wrap; align-items: center;}
#music-player #waveform {width: 225px;}
#music-player .time {min-width: 65px; margin: 0 24px 0 12px;}
#music-player #time-current {font-size: 14px; font-weight: 400; color: #ff7726; vertical-align: middle;}
#music-player #time-total {font-size: 14px; font-weight: 400; color: #999; vertical-align: middle;}
#music-player .card-info {margin-left: 42px;}
#music-player .i-btn-cart {margin-right: 10px;}
#music-player .i-btn-follow {margin: 0 20px 0 14px;}
#music-player .unimore-overbox {top: inherit; bottom: 0;}

/* 장바구니 */
.cart_board_ct {margin: -5px;}
  .cart_item-box {display: flex; align-items: center; padding: 5px;}
  .cart_item-box.no-item {justify-content: center; padding: 50px 0;}
  .cart_item-checkbox {width: 40px;}
  .cart_item {display: flex; align-items: center; position: relative; background: #313131; border-radius: 15px; transition: background 0.25s; width: 100%;}
  .cart_item:hover {background: #454545;}
  .cart_item .card-body {position: relative; padding: 16px 40px 16px 0; font-size: 0;}
  .cart_item .card-btn {position: absolute; top: 16px; right: 20px; z-index: 10; justify-content: flex-end; margin-bottom: 10px;}
  .cart_item .card-btn .i-btn-cart {margin: 0 10px 0 20px;}
  .cart_item .card-btn .like-count {margin: 0 14px 0 6px;}
  .cart_item .card-ct {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
  .cart_item .card-ct_lay {display: flex; flex-direction: row; align-items: center;}
  .cart_item .card-ct_lay:nth-child(1) {justify-content: flex-start; width: 60%;}
  .cart_item .card-ct_lay:nth-child(2) {justify-content: flex-end; width: 40%;}
  .cart_item .card-ct_lay .cart-price {font-weight: 600; font-size: 18px; color: #ff7726;}
  .cart_item .card-num {width: 6.9%; font-size: 20px; font-weight: 600; color: #898989; text-align: center;}
  .cart_item .card-img {overflow: hidden; width: 90px; height: 90px;}
  .cart_item .i-btn-play {margin-left: 24px;}
  .cart_item .card-detail {width: calc(100% - 144px); padding: 0 10px 0 14px; text-align: left;}
  .cart_item .card-info-wrap {margin-left: 10px; text-align: right;}
  .cart_item .card-info {}
  .cart_item .card-keyword {margin-left: 20px;}

  .cart_item-checkbox input[type=checkbox] {display: none;}
  .cart_item-checkbox input[type=checkbox] + label {position: relative; font-size: 16px; font-weight: 300; color: #fff; cursor: pointer; user-select: none;}
  .cart_item-checkbox input[type=checkbox] + label:before {content: ""; display: inline-block; width: 17px; height: 17px; margin: -2px 0 0 0; border: 1px solid #fff; border-radius: 2px; vertical-align: middle;}
  .cart_item-checkbox input[type=checkbox]:checked + label:before {border: 1px solid #ff7726; background: #ff7726 url('/source/img/check-icon.png') no-repeat center/11px auto;}

  .cart_btn_box {display: flex; justify-content: space-between; align-items: center; padding-top: 20px;}
  .cart_btn_box button {font-weight: 400; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 5px; background-color: transparent; height: 39px; padding: 0 14px; transition: .3s;}
  .cart_btn_box button:hover {background-color: #fff; color: #0f0f0f;}
  .cart_btn_left button:first-child {margin-right: 10px;}

  .cart_pay_window-ct {padding-top: 50px; text-align: right;}
  .cart_pay_window-box {display: inline-block; border-radius: 15px; background-color: rgba(255,255,255,0.06); max-width: 634px; width: 100%; padding: 35px 50px;}

  .cart_pay_window-left {width: calc(100% - 240px); padding-right: 40px;}
  .cart_pay_window-left .have-point {padding-bottom: 12px;}
  .cart_pay_window-left .have-point span {font-weight: 300; font-size: 16px; color: #ccc;}
  .cart_pay_window-left .pay-point {}
  .cart_pay_window-left .pay-point span {}
  .cart_pay_window-left .pay-point span:first-child {font-weight: 500; font-size: 24px; color: #fff;}
  .cart_pay_window-left .pay-point span:last-child {font-weight: 600; font-size: 24px; color: #ff7226;}

  .cart_pay_window-right {padding-left: 40px; border-left: 1px dashed #777;}
  .cart_pay_window-right button {font-weight: 500; font-size: 18px; color: #fff; border-radius: 10px; background-color: #FF7726; width: 199px; height: 60px; border: none; transition: all 0.3s ease-in-out;}
  .cart_pay_window-right button:hover {box-shadow: 0 0 10px rgb(255,119,38); background-color:#101113;}

/* Button */
.bo_btn1{display: block; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 5px; font-size: 14px; font-weight: 400; color: #fff; background: #ff7726;}
.bo_btn2{display: block; height: 40px; line-height: 40px; padding: 0 15px; border: 1px solid #525252; border-radius: 5px; font-size: 14px; font-weight: 400; color: #fff; background: #525252;}
.bo_btn3{display: block; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 5px; font-size: 14px; font-weight: 400; color: #fff; background: #e50000;}


  /* TOSS */
  .toss .w-100 { width: 100%; }
  .toss .h-100 {height: 100%; }
  .toss a {  text-decoration: none; text-align: center; cursor: pointer;}  
  .toss .wrapper { display: flex; flex-direction: column; align-items: center; padding: 24px; overflow: auto; }
  .toss .max-w-540 { max-width: 540px; background-color: #fff;}
  .toss .btn-wrapper { padding: 24px 24px; }
  .toss .btn { border: none; border-radius:  8px; background-color: #f2f4f6; color: #4e5968; font-weight: 600; font-size: 17px; cursor: pointer;}
  .toss .btn.primary { background-color: #3282f6; color: #f9fcff;}
  .toss .text-center {text-align: center;}
  .toss .flex {display: flex;}
  .toss .flex-column {display: flex;flex-direction: column;}
  .toss .justify-center {justify-content: center;}
  .toss .justify-between {justify-content: space-between;}
  .toss .align-center { align-items: center; } 
  .toss .confirm-loading { margin-top: 72px; height: 400px; justify-content: space-between; } 
  .toss .confirm-success { display: none; margin-top: 72px; } 
  .toss .button-group { margin-top: 32px; display: flex; flex-direction: column; justify-content: center; gap: 16px; } 
  .toss .title { margin-top: 32px; margin-bottom: 0; color: #191f28; font-weight: bold; font-size: 24px; } 
  .toss .description { margin-top: 8px; color: #4e5968; font-size: 17px; font-weight: 500; } 
  .toss .response-section { margin-top: 60px; display: flex; flex-direction: column; gap: 16px; font-size: 20px; } 
  .toss .response-section .response-label { font-weight: 600; color: #333d48; font-size: 17px; } 
  .toss .response-section .response-text { font-weight: 500; color: #4e5968; font-size: 17px; padding-left: 16px; word-break: break-word; text-align: right; } 
  .toss .color-grey { color: #b0b8c1; }

  /* === 2024-06-21 수정 === */
  .top_menu {right: 0;}

  .layout_contents-top > .i-inner {height: 100%;}
  .layout_contents-top .i-container {padding: 0;}
  .layout_contents-footer {margin: 0 auto; position: relative;}

  .recommend_content {margin: 0 auto; margin-top: 20px; width: 1280px; max-width: 100%;}

  .write-btn {right: calc((100% - 234px) - (50% + 640px));}
  .i-btn-top {right: calc((100% - 234px) - (50% + 640px));}