@charset "utf-8";
/* 추후 삭제 */
header nav ul li.caculate{cursor:pointer}
header nav > ul > li.caculate a{color:#2c2c2c; pointer-events: auto;}
header nav > ul > li.caculate a:hover{color:#3FA8F4;}
/* //추후 삭제 */

/* layout */
.header-studio,
.wrapper.studio{min-width:1300px;}

.wrapper.studio .progress-area{width:100%; min-width:1300px; background-color:#fff; border-bottom:4px solid #D9D9D9; padding:15px 0; position:fixed; top:57px; z-index: 100;}
.wrapper.studio .progress-area .content{display:flex; align-items: center; justify-content: space-between;}
.wrapper.studio .progress-area .content .right{display:flex; align-items: center;}
.wrapper.studio .progress-area .content .right .btnc:nth-child(2){margin-left:10px;}
.wrapper.studio .progress-area .content .right .btnc:nth-child(3){margin-left:20px;}
.wrapper.studio .progress-area .progress-bar{height:4px; background-color:#3FA8F4; position:absolute; left:0; bottom:-4px;}

.wrapper.studio .content .aside-studio{width:265px; background-color:#fff; padding:40px 25px; position:fixed; top:127px; bottom:0; z-index: 50;}
.wrapper.studio .content .aside-studio nav li{position:relative;}
.wrapper.studio .content .aside-studio nav > ul > li:after{content:""; display:block; width:21px; height:14.5px; background:url("/img/common/ico/ico_aside_check-ea5159ac281f5fffb04c02f8a9135df1.svg") no-repeat center / 100% auto; position:absolute; right:0; top:3px; opacity: .2;}
.wrapper.studio .content .aside-studio nav > ul > li.complete:after{opacity:1;}
.wrapper.studio .content .aside-studio nav li:not(:first-child){margin-top:30px;}
.wrapper.studio .content .aside-studio nav li a{display:block;}
.wrapper.studio .content .aside-studio nav li a.active{color:#3FA8F4;}
.wrapper.studio .content .aside-studio nav li a:hover{text-decoration:none; color:#3FA8F4;}

.wrapper.studio .content .aside-studio .aside-sub{max-height:200px; _padding-right:10px; overflow:auto;}
.wrapper.studio .content .aside-studio .aside-sub li{padding-left:10px; margin-top:10px !important;}
.wrapper.studio .content .aside-studio .aside-sub li:after{width:14px; height:10px;}
.wrapper.studio .content .aside-studio .aside-sub .complete a{color:#2c2c2c;}
.wrapper.studio .content .aside-studio .aside-sub .unspecified{_position:relative;}
.wrapper.studio .content .aside-studio .aside-sub .unspecified a:after{content:""; display:block; width:14px; height:13px; background:url(/img/common/ico/ico_unspecified-ceac5ea1286140ef890e36a22b31fc7e.svg) no-repeat center / 100% auto; margin-left:6px; position:absolute; right:0; top:50%; transform:translateY(-50%);}

.wrapper.studio .content .aside-studio nav .refund-policy{margin-top:30px; border-top:1px solid #E2E2E2;}
.wrapper.studio .content .aside-studio nav .refund-policy li{margin-top:30px;}

.wrapper.studio .content .main-studio{padding:30px 0; padding-top:99px;}
.wrapper.studio .content .main-studio.in-aside{padding-left:300px; padding-top:181px;}
/* //layout */

/* studio > 공통 */
.form-box .ui-date.double {width:680px;}/* date-picker - double */
.form-box .con-content{min-height:150px; margin-top:10px;}
.form-box .note-editor {margin-top:10px;} /* summernote */
.main-studio .final-submit {margin-top:60px;}
.main-studio .btnc-group.supervise{margin-top:60px;}

/* studio > 세션관리 */
.rest-time-area{display:flex; align-items:center;}
.rest-time-area .ui-select.double{flex-basis:300px; margin-right:10px;}

/* 세션관리 > 왼쪽nav > 스크롤 이슈 */
.wrapper.studio .content .aside-studio .aside-sub {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */position:relative;}
.wrapper.studio .content .aside-studio .aside-sub::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.wrapper.studio .content .aside-studio .aside-sub ul {margin:0 0 14px;}
.wrapper.studio .content .aside-studio .scrollable {position:relative;height:100%;}
.wrapper.studio .content .aside-studio .scrollable .blur-after {position:absolute;bottom:0;left:0;display:inline-block;background: linear-gradient(rgba(256,256,256,0), rgba(256,256,256,1));width:100%;height:16px;z-index:1;}
.wrapper.studio .content .aside-studio .scrollable .blur-before {position:absolute;top:20px;left:0;display:inline-block;background: linear-gradient(rgba(256,256,256,1), rgba(256,256,256,0));width:100%;height:16px;z-index:1;}
.wrapper.studio .content .aside-studio .scrollable .scroll-anime{ width: 5px; height: 100%; background: linear-gradient(rgba(0, 176, 255, 0.3), rgba(0, 176, 255, 0.6)); animation: scrollDown 3s ease; margin: 0 auto; position:absolute; right: -26px; top:0; overflow:hidden;animation-iteration-count:2;transform-origin:top;transform:scaleY(0);}

@keyframes scrollDown{
    0%{
        transform-origin: top;
        transform: scaleY(0);
    }
    45%{
        transform-origin: top;
        transform: scaleY(1);
    }
    55%{
        transform-origin: bottom;
        transform: scaleY(1);
    }
    100%{
        transform-origin: bottom;
        transform: scaleY(0);
    }
}

/* 질문과 답변, 후기 */
.studio.manager .page-info {padding-bottom:15px;}
.studio.manager .toggle-lst {position:relative;padding-top:60px;margin-top:20px;}
.studio.manager .toggle-lst ul li:first-child .toggle-head {border-top:3px solid #2C2C2C;}
.wrapper.studio.manager .content .aside-studio nav > ul > li {display:flex;justify-content:space-between;}
.wrapper.studio.manager .content .aside-studio nav > ul > li .count {background-color:#FF9252;color:#fff;padding:1px 6px 0;border-radius:20px;}
.wrapper.studio.manager .content .aside-studio nav > ul > li.active a {color:#3FA8F4;}
.wrapper.studio.manager .content .aside-studio nav > ul > li:after {content:'';display:none;}

.studio.manager dl, .studio.manager dl > * {padding:0;margin:0;}
.studio.manager dd {margin-top:5px;display:flex;align-items:center;}
.studio.manager .review-top {width:100%;height:86px;background-color:#F4F5F8;display:flex;justify-content:space-evenly;align-items:center;margin-top:10px;}
.studio.manager .review-top .numbers {display:flex;align-items:center;}
.studio.manager .review-top .score .numbers > span::after {content:'점';}
.studio.manager .review-top .score .numbers .total::before {content:'/';font-weight:normal;}
.studio.manager .review-top .count .numbers .ico {width:22px;height:20px;background:url(/img/service/ico/ico_review-ed9fd7954439c4dd299406485812de28.svg) no-repeat center / 100% auto;display:inline-block;margin-right:7px;}
.studio.manager .review-top .count .numbers .num::after {content:'개';}

/* stars */
.studio.manager .stars-area {display:inline-block;width:82px;height:14px;background:url(/img/service/ico/ico_stars-0be4bce74e18a23a98d1623ced543fbe.png) no-repeat 0 0;margin-right:6px;}
.studio.manager .stars-on {display:block;width:82px;height:14px;background:url(/img/service/ico/ico_stars-0be4bce74e18a23a98d1623ced543fbe.png) no-repeat 0 0;background-position:0 -14px;overflow:hidden;}

/* 정산관리 */
.wrapper.calculate .studio-top.info{padding-bottom:40px;}
.wrapper.calculate .studio-top.info a,
.wrapper.calculate .studio-top.info a:hover{text-decoration: underline; color:#3FA8F4;}
.calculate-wrap{margin-top:40px;}
.wrapper.calculate .page-data .form-box{max-width:700px;}

.text-info-box{margin-top:40px;}
.text-info-box .list{display:block; margin-top:4px;}
.text-info-box .list li:not(:first-child){margin-top:20px;}
.text-info-box .btnc{margin-top:20px;}

.agree-txt:before{content:""; display:inline-block; width:14px; height:10.5px; background: url(/img/common/ico/ico_agree_chk-7f3eeef22f018b484a4748d5c14cd853.svg) no-repeat center / 100% auto; margin-right:4px;}

.download-search-box .download{display:flex; align-items: center; justify-content: space-between; margin-top:40px;}
.download-search-box .download .btnc:before{content:""; display:inline-block; width:14px; height:19px; background:url(/img/common/ico/ico_excel-a42af69c284ef089437be13219d48176.svg) no-repeat center / 100% auto; margin-right:5px; position:relative; top:4px;}
.download-search-box .wrap{display:flex; align-items: center; background-color:#F4F5F8; padding:30px; margin-top:10px;}
.download-search-box .wrap div{display:flex; align-items: center;}
.download-search-box .wrap h4{margin-right:10px; white-space: nowrap;}
.download-search-box .wrap .term{margin-right:30px;}
.download-search-box .wrap .term .form-control{width:130px;}
.download-search-box .wrap .contents .form-control{width:270px; padding-right:22px; cursor:pointer;}
.download-search-box .wrap .search-box{margin-left:auto;}
.download-search-box .wrap .search-box .btnc{height:40px; line-height:38px; margin-left:10px;}

.list-table table{width:100%; margin-top:20px;}
.list-table table th,
.list-table table td{text-align:center; border-bottom:1px solid #C6C6C6; padding:10px 0;}
.list-table table th{background-color:#F4F5F8; border-top:1px solid #C6C6C6;}
.list-table table .title{max-width:300px; padding:0 10px;}
.list-table table .title div{cursor:default;}
.list-table table .state .orange:hover{color:#FF9252;}

.settlement-amount{display:flex; align-items: flex-end; background-color:#F4F5F8; padding:20px 30px;}
.settlement-amount .box:not(:first-child){margin-left:20px;}
.settlement-amount .price{display:inline-block; margin-top:5px;}

.commission-list{margin-top:40px;}
.commission-list ul{border-top:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6; margin-top:4px;}
.commission-list li{display:flex; align-items: center; justify-content: space-between; background-color:#F4F5F8; padding:10px 30px;}
.commission-list li:first-child{background-color: #fff; border-bottom:1px solid #C6C6C6;}
.commission-list li:nth-child(2){padding-top:20px;}
.commission-list li:last-child{padding-bottom:20px;}

.wrapper.calculate .btnc.agree{height:auto; line-height:1.5; padding:10px 16px; pointer-events: none;}
.wrapper.calculate .btnc.agree span span{display:block; text-align:left; font-size:12px; padding-left:20px;}

.wrapper.calculate .business{width:200px;}
.wrapper.calculate .individual{display:none;}
.wrapper.calculate .number{display:flex; align-items: center;}
.wrapper.calculate .number .ui-input:last-child{margin-left:10px;}
.wrapper.calculate .number .form-control{width:190px;}
.wrapper.calculate .last-text a,
.wrapper.calculate .last-text a:hover{text-decoration: underline; color:#3FA8F4;}
.wrapper.calculate .account-info *{margin-top:5px;}

/* 보관함 Modal */
#videoType  .btnc-group{display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:20px;}
#videoType  .btnc-group button{float:left; display:block; width:180px; height:80px;}
#videoType  .btnc-group button:nth-child(3){margin-left:0; margin-top:20px;}

#lockerVideoUpload .material-view-info{margin-left:0;}
#lockerVideoUpload .modal-footer{margin-top:30px;}

.locker-cover-list{display:flex; justify-content: space-between;}
.locker-cover-list .box{flex-basis:170px; height:95px; overflow:hidden; cursor:pointer;}
.locker-cover-list .box.active{border:3px solid #3FA8F4;}
.locker-cover-list .basic-1{background: url(/img/common/bg/basic_1-9bf6783ea3468ad3395d8e51f581d38c.jpg) no-repeat center / cover;}
.locker-cover-list .basic-2{background: url(/img/common/bg/basic_2-b44fb142c24a2b0603dda33e6f9a89f7.jpg) no-repeat center / cover;}
.locker-cover-list .basic-3{background: url(/img/common/bg/basic_3-e06e1f997aa5f7a065395e6003250db0.jpg) no-repeat center / cover;}
.locker-cover-list .basic-4{background: url(/img/common/bg/basic_4-3bb0a8631a399c992aaca5f2776800af.jpg) no-repeat center / cover;}

.locker-cover-list .upload-cover{width:100%; margin-top:0;}
.locker-cover-list .upload-cover .cover-label{width:100%; height:95px; margin-bottom:0;}
.locker-cover-list .upload-cover .file-frame .align{margin-top:35px;}