@charset "utf-8";

/* 기본 세팅 추가 */
html{font-size:16px;}
body{font-size:0.9375rem; position:relative;}
body, h1, h2, h3, h4, h5, h6, input, select, textarea, button, a, div, span, p{font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은 고딕',"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols; line-height:1.5;letter-spacing: -.02em; color:#2c2c2c; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;padding:0;margin:0;}
button{background-color:transparent; border:none;}
ul{padding:0; margin:0;}
li{list-style: none;}

.backdrop{display:none;}

/* pc & tablet & mobile display */
.only-mobile{display:none;}


/* 로딩 */
.loader{width:100%; height:100%; position: fixed; top:0; left:0; z-index: 9999;}
.loader .box{width:70px; height:70px; line-height:70px; text-align:center; background-color:rgba(0, 0, 0, .45); border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loader img{width:50px;}

.loader-chat-wrap{height:0; overflow: hidden;}
.loader-chat { margin: 0 auto; height: 32px; width: 32px; border: 3px solid #E2E2E2; border-top-color: #3FA8F4; border-radius: 100%; animation: spin 800ms infinite linear; }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* modal */
.modal-open .modal{opacity:1;}
.modal.in-popup{z-index: 1060;}
.modal-content{padding:20px;}
.modal-header{border-bottom:none; padding:0;}
.modal-body{padding:0;}
.modal-footer{border-top:none; padding:0;}
.modal-footer > *{margin:0;}
.modal-backdrop{display:none;}

.modal-dialog-scrollable .modal-content{padding:0;}
.modal-dialog-scrollable .modal-header{padding:0 20px 0; padding-top:10px;}
.modal-dialog-scrollable .modal-body{padding:0 20px;}
.modal-dialog-scrollable .modal-footer{padding:10px 20px 20px;}

.modal.fn .title{margin-bottom:20px;}
.modal.fn .btnc-group{margin-top:30px;}

/* modal - size */
@media all and (min-width: 992px){
    .modal-lg {max-width: 920px !important; margin: 1.75rem auto !important;}
}

@media (min-width: 768px){
    .modal-md { max-width: 640px !important; margin: 1.75rem auto !important;}
}

@media (min-width: 576px){
    .modal-dialog{max-width:none;}
    .modal-lg {max-width: auto; margin: .5rem;}
    .modal-md { max-width: auto; margin: .5rem;}
    .modal-sm { max-width: 420px;}
}

/* 레이아웃 */
/* 공통 */
.content{max-width:1200px; margin:0 auto;}
.wrapper.studio .content{padding:0 !important;}
.body-bg-gray{background-color:#FAFBFC;}
.body-bg-gray-2{background-color:#F8F8F8;}

/* header */
header{width:100%; background-color:#fff; border-bottom:1px solid #E2E2E2; padding:10px 0; position:fixed; z-index: 500;}
header .content{display:flex; align-items: center; justify-content: space-between;}
header .logo{display:flex; align-items: center; margin-right:60px;}
header .logo img{display:block;}
header .logo a:hover{text-decoration: none; color:#2C2C2C;}
header .logo .symbol img{display:block; margin-right:4px;}

/* nav */
header nav{flex:1 0;}
header nav ul{display:flex; align-items: center;}
header nav ul li{position:relative; cursor:pointer;}
header nav ul li a{display:block; padding:0 20px; white-space: nowrap;}
header nav ul li a:hover,
header nav ul li a.active{color:#3FA8F4; text-decoration: none;}
header nav .nav-sub{display:none; width:100%; padding-top:30px; position:absolute; z-index: 1;}
header nav .nav-sub ul{display:block;}
header nav .nav-sub ul li a{padding:10px 20px;}

header .nav-sub-bg{display:none; width:100%; height:210px; background-color:#fff; border-bottom:1px solid #E2E2E2; position:fixed; left:0; top:57px;}
/* //nav */

header .right{display:flex; align-items: center;}
header .right > div:not(:first-child){margin-left:10px;}
header .right .in-studio{display:flex; align-items: center;}
header .dropdown-toggle{width:32px; height:32px;}
header .dropdown-toggle:after{display:none;}

header .dropdown-toggle.notification{background: url(/img/common/ico/ico_notification-67be055556398938563f2a3c94010837.svg) no-repeat center / 18px auto; position:relative;}
header .dropdown-toggle.notification .count{width:17px; height:17px; line-height:17px; text-align:center; font-size:10px; background-color:#F86262; color:#fff; border-radius:100%; position:absolute; right:0; top:0;}
header .dropdown-menu.notification{width:360px; max-height:380px; padding:0 5px; overflow-y:auto;}
header .notification-header{padding:20px 25px;}
header .notification-header-box{display:flex; align-items: center; justify-content: space-between;}
header .notification-body{padding-bottom:20px;}
header .notification-body .items{display:flex; padding:10px 25px; cursor:pointer;}
header .notification-body .items:hover{background-color:#F3F7F9;}
header .notification-body .items .thum{flex:0 0 36px; height:36px; background:url(/img/common/temp/medi_thumb-4c12658821cad97ae9c84a606c2b4803.svg) no-repeat center / 100% auto; _border:1px solid #E2E2E2; border-radius:100%; margin-right:10px;}
header .notification-body .items .info .txt.sm{height:3em; margin-top:4px; overflow: hidden;}
header .notification-body .no-item{display:none; padding:0 25px;}

#notificationModal .modal-content{padding:0;}
#notificationModal .modal-header{display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #E2E2E2; padding:5px 15px; _background-color:red;}
#notificationModal .modal-header .modal-title:before{content:""; display:inline-block; width:20px; height:20px; background:url(/img/common/temp/medi_thumb-4c12658821cad97ae9c84a606c2b4803.svg) no-repeat center / 100% auto; border-radius:100%; margin-right:4px; position:relative; top:3px;}
#notificationModal .modal-header .right{display:flex; align-items: center;}
#notificationModal .modal-header .close{padding:0 15px;}
#notificationModal .modal-body{padding:15px;}
#notificationModal .modal-footer{padding:0 15px 15px;}

#ReasonForReply .modal-content{padding:0;}
#ReasonForReply .modal-header{display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #E2E2E2; padding:5px 15px; _background-color:red;}
#ReasonForReply .modal-header .modal-title:before{content:""; display:inline-block; width:20px; height:20px; background:url(/img/common/temp/medi_thumb-4c12658821cad97ae9c84a606c2b4803.svg) no-repeat center / 100% auto; border-radius:100%; margin-right:4px; position:relative; top:3px;}
#ReasonForReply .modal-header .right{display:flex; align-items: center;}
#ReasonForReply .modal-header .close{padding:0 15px;}
#ReasonForReply .modal-body{padding:20px 15px;}
#ReasonForReply .modal-body .text-box{margin-top:20px;}

header .dropdown-toggle.profile{background: url(/img/common/temp/user_thumb-07fe23bb980c97c4279c137f8f73264b.jpg) no-repeat center / cover; _border: 1px solid #E2E2E2; border-radius:10px;}
header .dropdown-menu.profile{min-width:140px;}
header .dropdown-menu.profile .dropdown-item{padding:7px 20px; position:relative;}
header .dropdown-menu.profile .dropdown-item:hover{background-color:transparent; color:#F67A53;}
header .dropdown-menu.profile .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}
header .dropdown-menu.profile .dropdown-item.mypage:before{width:15px; height:13px; background: url(/img/common/ico/ico_header_mypage-c4bc93601d3837553831ee04fc936cbb.svg) no-repeat center / 100% auto;}
header .dropdown-menu.profile .dropdown-item:hover.mypage:before{background-image: url(/img/common/ico/ico_header_mypage_on-1e428a6378f1163a83744303fbe6fb70.svg);}
header .dropdown-menu.profile .dropdown-item.class:before{width:15px; height:15px; background: url(/img/common/ico/ico_header_class-b088e66eccc602b1729bde814401c68e.svg) no-repeat center / 100% auto;}
header .dropdown-menu.profile .dropdown-item:hover.class:before{background-image: url(/img/common/ico/ico_header_class_on-e71efd814b43ada0982dea9ec78abbee.svg);}
header .dropdown-menu.profile .dropdown-item.payment:before{width:15px; height:15px; background: url(/img/common/ico/ico_header_payment-729958a73f49e3beb7568b49cefddf89.svg) no-repeat center / 100% auto;}
header .dropdown-menu.profile .dropdown-item:hover.payment:before{background-image: url(/img/common/ico/ico_header_payment_on-80d00d8f7708698dd2bad0212f89715c.svg);}
header .dropdown-menu.profile .dropdown-item.favorit:before{width:17px; height:15px; background: url(/img/common/ico/ico_header_favorit-6efaf3231c8654e480863efa352d0ad5.svg) no-repeat center / 100% auto;}
header .dropdown-menu.profile .dropdown-item:hover.favorit:before{background-image: url(/img/common/ico/ico_header_favorit_on-b35097788e74ba0dbcb13a7ab229dc06.svg);}
header .dropdown-menu.profile .dropdown-item.service-center:before{width:15px; height:15px; background: url(/img/common/ico/ico_header_center-4d449ceb0941080bd29b65015e8a1133.svg) no-repeat center / 100% auto;}
header .dropdown-menu.profile .dropdown-item:hover.service-center:before{background-image: url(/img/common/ico/ico_header_center_on-d32227c8fdfbe915ae1e127f8de74e01.svg);}
header .dropdown-menu.profile .dropdown-item.logout:before{width:15px; height:15px; background: url(/img/common/ico/ico_header_logout-691b8174c1c82a86d8c2c98d184c27b9.svg) no-repeat center / 100% auto;}
header .dropdown-menu.profile .dropdown-item:hover.logout:before{background-image: url(/img/common/ico/ico_header_logout_on-0ce9351309d24fcc92424ea4b7c189af.svg);}
header .dropdown-menu.profile .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}
/* //header */

/* 버튼 */
/* 버튼 클릭 시 눌림효가 제거 [파이어폭스, IE] */
/* .btnc,
.btnc:focus,
.btnc:active{padding:0;} */
.btnc span{position:relative;}
.btnc span.sr-only{position:absolute;}
/* //버튼 클릭 시 눌림효가 제거 [파이어폭스, IE] */

.btnc{border-radius:5px; padding:0 16px; transition: background-color .3s;}
.btnc.space-sm{min-width:85px !important; padding:0 8px;}
.btnc.xl{min-width:140px; height:56px; line-height:54px; font-size:18px;}
.btnc.lg{min-width:120px; height:48px; line-height:46px; font-size:15px;}
.btnc.md{min-width:100px; height:36px; line-height:34px; font-size:15px;}
.btnc.sm{min-width:80px; height:28px; line-height:26px; font-size:13px;}
.btnc.xs{min-width:60px; height:24px; line-height:22px; font-size:13px;}
.btnc.square{min-width:auto; padding:0;}
.btnc.xl.square{width:56px; height:56px; line-height:54px; font-size:18px;}
.btnc.lg.square{width:48px; height:48px;}
.btnc.md.square{width:36px; height:36px;}
.btnc.sm.square{width:28px; height:28px;}
.btnc.xs.square{width:24px; height:24px;}

.btnc.blue{background-color:#3FA9F5;}
.btnc.blue:hover{background-color:#60b3ef;}
.btnc.blue:active{background-color:#2596e8;}
.btnc.blue:disabled{background-color:#d9e6f2;}
.btnc.blue span{color:#fff;}

.btnc.black{background-color:#2c2c2c;}
.btnc.black:hover{background-color:#515151;}
.btnc.black:active{background-color:#141414;}
.btnc.black:disabled{background-color:#e2e2e2;}
.btnc.black span{color:#fff;}

.btnc.white{background-color:#fff; border:1px solid #E2E2E2}
.btnc.white:hover{background-color:#E2E2E2;}
.btnc.white:active{background-color:#C6C6C6;}
.btnc.white:disabled{background-color:#e2e2e2;}
.btnc.white span{color:#2C2C2C;}
.btnc.white:disabled span{color:#fff;}

.btnc.blue-line{background-color:#fff; border:1px solid #3FA9F5;}
.btnc.blue-line:hover{background-color:#f4f9ff;}
.btnc.blue-line:active{background-color:#dfebfa;}
.btnc.blue-line:disabled{border:1px solid #d9eaf7; background-color:#fff;}
.btnc.blue-line span{color:#3FA9F5}
.btnc.blue-line:disabled span{color:#d9eaf7;}

.btnc.black-line{background-color:#fff; border:1px solid #2c2c2c;}
.btnc.black-line:hover{background-color:#f7f7f7;}
.btnc.black-line:active{background-color:#e0e0e0;}
.btnc.black-line:disabled{border:1px solid #e2e2e2; background-color:#fff;}
.btnc.black-line span{color:#2c2c2c}
.btnc.black-line:disabled span{color:#e2e2e2;}

.btnc.gray-line{background-color:#fff; border:1px solid #8e8e8e;}
.btnc.gray-line:hover{background-color:#f7f7f7;}
.btnc.gray-line:active{background-color:#e0e0e0;}
.btnc.gray-line:disabled{border:1px solid #e2e2e2; background-color:#fff;}
.btnc.gray-line span{color:#2c2c2c}
.btnc.gray-line:disabled span{color:#e2e2e2;}

.btnc.blue.btnc-modal-fn,
.btnc.black.btnc-modal-fn{color:#fff;}
.btnc.blue-line.btnc-modal-fn{color:#3FA9F5;}
.btnc.black-line.btnc-modal-fn{color:#2c2c2c;}

.btnc.icon:before{content:""; display:inline-block; margin-right:4px; position:relative; z-index: 10;}
.btnc.xl.icon:before{width:16px; height:16px;}
.btnc.lg.icon:before,
.btnc.md.icon:before{width:14px; height:14px;}
.btnc.sm.icon:before,
.btnc.xs.icon:before{width:12px; height:12px;}

.btnc.xl.icon.add:before{width:12px; height:12px;}
.btnc.lg.icon.add:before,
.btnc.md.icon.add:before{width:10px; height:10px;}
.btnc.sm.icon.add:before,
.btnc.xs.icon.add:before{width:8px; height:8px;}
.btnc.icon.add-bk:disabled:before{opacity:.2;}

.btnc.icon.arrow:before {margin-right:7px;}
.btnc.xl.icon.arrow:before{width:9px; height:14px;}
.btnc.lg.icon.arrow:before{width:8px; height:13px;}
.btnc.md.icon.arrow:before{width:7px; height:12px;}
.btnc.sm.icon.arrow:before,
.btnc.xs.icon.arrow:before{width:6px; height:9px;}
.btnc.icon.arrow-bk:disabled:before{opacity:.2;}

.btnc.icon.writer {padding:0 12px;display:flex;justify-content:center;align-items:center;}
.btnc.icon.writer:before {margin-right:5px;}
.btnc.xl.icon.writer:before,
.btnc.lg.icon.writer:before{width:13px; height:13px;}
.btnc.md.icon.writer:before{width:12px; height:12px;}
.btnc.sm.icon.writer:before,
.btnc.xs.icon.writer:before{width:10px; height:10px;}
.btnc.icon.writer-bk:disabled:before{opacity:.2;}

.btnc.xl.icon.del:before{width:12px; height:12px;}
.btnc.lg.icon.del:before,
.btnc.md.icon.del:before{width:10px; height:10px;}
.btnc.sm.icon.del:before,
.btnc.xs.icon.del:before{width:8px; height:8px;}
.btnc.icon.del:disabled:before{opacity:.2;}

.btnc.xl.icon.setting:before{width:11.5px; height:12px;}
.btnc.icon.setting:disabled:before{opacity:.2;}

.btnc.icon.check:before{background:url(/img/common/ico/ico_btn_check_wh-f26741ab357cfd4393765f98912290d1.svg) no-repeat center / 100% auto;}
.btnc.icon.play:before{background:url(/img/common/ico/ico_btn_play_wh-07edbde318f865e90dd3d19e9d968953.svg) no-repeat center / 100% auto;}
.btnc.icon.add-wh:before{background:url(/img/common/ico/ico_btn_add_wh-e3f8c535931279e4ca034fe7b401e497.svg) no-repeat center / 100% auto;}
.btnc.icon.add-bk:before{background:url(/img/common/ico/ico_btn_add_bk-0a8962d3e735ab32de48d52e3d58d0d9.svg) no-repeat center / 100% auto;}
.btnc.icon.setting:before{background:url(/img/common/ico/ico_btn_setting-888dafbb408027d678aedb7635988db4.svg) no-repeat center / 100% auto;}
.btnc.icon.arrow-wh:before{background:url(/img/common/ico/ico_btn_arrow_wh-6625653b926e9cb5932d941d88996aea.svg) no-repeat center / 100% auto;}
.btnc.icon.arrow-bk:before{background:url(/img/common/ico/ico_btn_arrow_bk-ac44d2e5425283e58644ecbf7e6507e5.svg) no-repeat center / 100% auto;}
.btnc.icon.writer:before{background:url(/img/common/ico/ico_btn_writer-d6622f215793402efdcd246205cf8f7a.svg) no-repeat center / 100% auto;}
.btnc.icon.writer-bk:before{background:url(../img/common/ico/ico_btn_writer_bk.svg) no-repeat center / 100% auto;}
.btnc.icon.del:before{background:url(../img/common/ico/ico_btn_del.svg) no-repeat center / 100% auto;}

.btnc.btn-progress{position:relative;overflow:hidden;}
.btnc.btn-progress.active{cursor:default;}
.btnc.btn-progress span{position:relative; z-index: 10;}
.btnc.btn-progress:after{content:""; display:block; width:24px; height:24px; border:3px solid #fff; border-right-color:transparent; border-radius:100%; position:absolute; left:50%; top:50%;  opacity:0;}
.btnc.white.btn-progress:after{border:3px solid #2C2C2C; border-right-color:transparent;}
.btnc.btn-progress.active:after{opacity:1; animation:rotate .75s infinite;}
.btnc.btn-progress.active:before,
.btnc.btn-progress.active span{opacity:.2;}

.btnc.blue-line.btn-progress:after,
.btnc.black-line.btn-progress:after,
.btnc.gray-line.btn-progress:after{border:3px solid #2C2C2C;  border-right-color:transparent;}

.btnc.btn-txt{min-width:auto; padding:0;}
.btnc.btn-txt span{text-decoration: underline; text-underline-position: under; white-space: nowrap;}
.btnc.btn-txt span:hover{color:#2c2c2c;}

.btnc.gradient {padding:0 13px;}
/* .btnc.gradient.white{background: linear-gradient(to bottom, #fff 1% , #E6E6E6); border:1px solid #C6C6C6;} */
.btnc.gradient.white{background: #3FA8F4; border:1px solid #3FA8F4;}
.btnc.gradient.white span{color:#fff;}
/* .btnc.gradient.white:hover{background: linear-gradient(to bottom, #E6E6E6 1% , #fff);} */
.btnc.gradient.white:hover{background: #60b3ef;}
.btnc.gradient.white[disabled]:hover{background: linear-gradient(to bottom, #fff 1% , #E6E6E6); border:1px solid #C6C6C6;}

.btnc.gradient.white.email[disabled],
.btnc.gradient.white.phone[disabled],
.btnc.gradient.white.send[disabled]{background:#eee; border:1px solid #cdcdcd;}

/* .btnc.gradient.white-2{background: linear-gradient(to bottom, #fff 1% , #F7F7F7); border:1px solid #C6C6C6;} */
.btnc.gradient.white-2{background: #3FA8F4; border:1px solid #3FA8F4;}
.btnc.gradient.white-2 span{color:#fff;}
/* .btnc.gradient.white-2:hover{background: linear-gradient(to bottom, #F7F7F7 1% , #fff);} */
.btnc.gradient.white-2:hover{background: #60b3ef;}

.btnc.gradient.orange{background: linear-gradient(to bottom, #fff 1% , #FAEFE5); border:1px solid #EFD2AA;}
.btnc.gradient.orange:hover{background: linear-gradient(to bottom, #FAEFE5 1% , #fff);}

.btnc.gradient.white.blue-line {border:1px solid #3FA8F4;}
.btnc.gradient.white.blue-line[disabled] {color:#aaa;border-color:#ddd;}
.btnc.gradient.sm {min-width:56px;}

.studio .btnc.gradient.white{background: linear-gradient(to bottom, #fff 1% , #E6E6E6); border:1px solid #C6C6C6;}
.studio .btnc.gradient.white span{color:#2C2C2C;}

.btnc.longer{width:220px;}
.btnc.longest{width:340px;}

.btnc.delete {width:14px;height:20px;border-radius:0;padding:0;margin:0;background:url(/img/common/ico/ico_bin-1b8a7941fa76b59be440c9890a4c718c.svg) no-repeat center / 100% auto;}
.btnc.delete.wh {background:url(/img/common/ico/ico_bin_wh-aa4ec71882d999646c030530ec89ada4.svg) no-repeat center / 100% auto;}
.btnc.edit {width:19px;height:19px;border-radius:0;padding:0;margin:0;background:url(/img/common/ico/ico_edit-b60680d7f8afc6f704b34d5cc18570da.svg) no-repeat center / 100% auto;display:inline-block;vertical-align:middle;}
.btnc.edit.wh {background:url(/img/common/ico/ico_edit_wh-204bde53e09fac1c32186567e11322f1.svg) no-repeat center / 100% auto;}

td.delete {background:#fff url(/img/common/ico/ico_bin-1b8a7941fa76b59be440c9890a4c718c.svg) no-repeat center / 14px 20px;cursor:pointer;}
td.edit {background:#fff url(/img/common/ico/ico_edit-b60680d7f8afc6f704b34d5cc18570da.svg) no-repeat center / 19px 19px;cursor:pointer;}

@keyframes rotate {
    0% {transform:translate(-50%, -50%) rotate(0deg);}
    100% {transform:translate(-50%, -50%) rotate(360deg) ;}
}

.btnc-group{width:100%;}
.btnc-group .btnc:not(:first-child){margin-left:5px;}

/* 타이틀 */
.tit.xl{font-size:3.5rem;}
.tit.lg{font-size:3rem;}
.tit.md{font-size:2.5rem;}
.tit.sm{font-size:2rem;}
.tit.xs{font-size:1.5rem;}

/* 텍스트 */
.txt.lg {font-size:1.125rem;}
.txt.md {font-size:0.9375rem;}
.txt.sm {font-size:0.8125rem;}
.txt.xs {font-size:0.75rem;}

/* 텍스트 색상 */
.gray-1 {color:#8E8E8E;}
.gray-2 {color:#C6C6C6;}
.gray-3 {color:#E2E2E2;}
.blue{color:#3FA9F5;}
.orange { color: #FF9525;}

/* 텍스트 정렬 */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

/* 텍스트 - 그 외 */
.bold {font-weight:bold;}
.point > span::after {content:"*";font-size:13px;font-weight:bold;display:inline-block;color:#3283F6;font-weight:bold;vertical-align:top;margin-top:-3px;}
.point-2 > span::after {content:"*";font-size:13px;font-weight:bold;display:inline-block;color:#3FA8F4;font-weight:bold;vertical-align:top;margin-top:-3px;}
.form-title .tooltipc {margin-top:3px;}

/* focus-visible */
input[type="checkbox"]:focus-visible, label:focus-visible, select:focus-visible, textarea:focus-visible, :focus-visible, input[type="checkbox"]:focus-visible+.ico::after, input[type="radio"]:focus-visible+.ico::after, input[type="checkbox"]:focus-visible+.b, .slick-prev:focus::before, .slick-next:focus::before {
    outline-color: #2C2c2C;
    outline-style: auto;
    outline-width: 5px;
    outline-offset: 0;
}

/* 말줄임... */
.ellipsis { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:1; /* 라인수 */cursor:help;}
.ellipsis-2 { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; /* 라인수 */cursor:help;}
.ellipsis-2-title { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; /* 라인수 */}


@media all and (-ms-high-contrast:none) {
    .ellipsis {white-space:nowrap;}/* ie11 */
    .ellipsis::after {content:'...';}
}

/* ui-checkbox */
.ui-check {display:block;position:relative;font-size:0;}
.ui-check label {display:inline-block;cursor:pointer;position:relative;}
.ui-check input {position:absolute;overflow:hidden;clip:rect(0px 0px 0px 0px);margin:-1px;width:1px;height:1px;}
.ui-check input+.ico {cursor:pointer}
.ui-check input+.ico:after {content:"";background-image:url("/img/common/ico/ico_check-108170315919ebe0be973e400b3d8a9f.svg");position:absolute;width:16px;height:16px;background-size:cover}
.ui-check input:checked+.ico:after {background-image:url("/img/common/ico/ico_check_checked-8ca878ac72b1bb938690c1a44d8d19d6.svg")}
.ui-check .wrap {display:inline-block;padding-left:24px;width:100%;min-height:16px;line-height:16px;vertical-align:top;font-size:14px}
.ui-check input[disabled]+.ico:after {opacity:0.4;}
.ui-check input[disabled]+.ico+.wrap {opacity:0.4;}
.ui-check input:focus~label {outline:dotted thin;}

/* ui-checkbox */
.ui-check.btnc-type input+.ico:after{width:120px; height:48px; border-radius:5px;}
.ui-check.btnc-type .wrap{width:120px; height:48px; line-height:48px; font-weight:bold; text-align:center; background-color:#fff; color:#2C2C2C; border:1px solid #C6C6C6; border-radius:5px; padding-left:0; position:relative; z-index: 1;}
.ui-check.btnc-type input:checked ~ .wrap{background-color:#3FA8F4; color:#fff; border:1px solid #3FA8F4;}
.ui-check.btnc-type input ~ .wrap:before {content:"";display:inline-block;width:15px;height:10px;margin-right:4px;position:relative;z-index:10;background:url(/img/common/ico/ico_btn_check_bk-0b52f4e6886b92fc31dfa4915416f459.svg) no-repeat center / 100% auto;}
.ui-check.btnc-type input:checked ~ .wrap:before {content:"";display:inline-block;width:15px;height:10px;margin-right:4px;position:relative;z-index:10;background:url(/img/common/ico/ico_btn_check_wh-f26741ab357cfd4393765f98912290d1.svg) no-repeat center / 100% auto;}
.ui-check.btnc-type input[disabled] ~ .wrap{background-color:#E2E2E2; color:#C6C6C6; opacity:1;}
.ui-check.btnc-type label:not(:last-child) {margin-right:5px;}
.ui-check.btnc-type.black .wrap{width:120px; height:48px; line-height:46px; font-weight:bold; text-align:center; background-color:#fff; color:#2C2C2C; border:1px solid #C6C6C6; border-radius:5px; padding-left:0; position:relative; z-index: 1;}
.ui-check.btnc-type.black input:checked ~ .wrap{background-color:#2C2C2C; color:#fff; border:1px solid #2C2C2C;}

/* ui-radio */
.ui-radio {display:block;position:relative}
.ui-radio label {display:inline-block;min-height:15px;position:relative;cursor:pointer;}
.ui-radio input {position:absolute;overflow:hidden;clip:rect(0px 0px 0px 0px);margin:-1px;width:1px;height:1px;}
.ui-radio input+.ico {cursor:pointer}
.ui-radio input+.ico:after {content:"";background-image:url("/img/common/ico/ico_radio-8deadc282b0c050a9b5da270e70a360f.svg");position:absolute;width:15px;height:15px;background-size:cover}
.ui-radio input:checked+.ico:after {background-image:url("/img/common/ico/ico_radio_checked-81e0d9738d8956a1ab48db2ecafe2d6a.svg")}
.ui-radio .wrap {display:inline-block;padding-left:25px;width:100%;min-height:15px;line-height:15px;vertical-align:top}
.ui-radio.pic input+.ico:after {top:5px;left:5px}
.ui-radio input[disabled]+.ico:after {opacity:0.4;}
.ui-radio input[disabled]+.ico+.wrap {opacity:0.4;}

/* ui-radio > light */
.ui-radio.light label {margin-bottom:0;}
.ui-radio.light label:not(:first-child) {margin-left:24px;}
.ui-radio.light input+.ico:after {content:"";background-image:url("/img/common/ico/ico_radio_light-77a927275e18786d9b000b9b941eb27c.svg");position:absolute;width:15px;height:15px;background-size:cover}
.ui-radio.light input:checked+.ico:after {background-image:url("/img/common/ico/ico_radio_light_checked-62012eb7432729cc5359b73016d4e37a.svg")}
.ui-radio.light .wrap {padding-left:22px;}

/* ui-radio.btnc-type */
.ui-radio.btnc-type input+.ico:after{width:100%; height:48px; border-radius:5px;}
.ui-radio.btnc-type .wrap{width:120px; height:48px; line-height:48px; font-weight:bold; text-align:center; background-color:#fff; color:#2C2C2C; border:1px solid #C6C6C6; border-radius:5px; padding-left:0; position:relative; z-index: 1;}
.ui-radio.btnc-type input:checked ~ .wrap{background-color:#3FA8F4; color:#fff; border:1px solid #3FA8F4;}
.ui-radio.btnc-type input:checked ~ .wrap:before {content:"";display:inline-block;width:15px;height:10px;margin-right:4px;position:relative;z-index:10;background:url(/img/common/ico/ico_btn_check_wh-f26741ab357cfd4393765f98912290d1.svg) no-repeat center / 100% auto;}
.ui-radio.btnc-type input[disabled] ~ .wrap{background-color:#E2E2E2; color:#C6C6C6; opacity:1;}
.ui-radio.btnc-type label:not(:last-child) {margin-right:5px;}
.ui-radio.btnc-type.black input:checked ~ .wrap{background-color:#2C2C2C; color:#fff; border:1px solid #2C2C2C;}

/* ui-radio.btnc-type non-ico */
.ui-radio.btnc-type.non-ico input:checked ~ .wrap:before{display:none;}

/* ui-radio.btnc-type.tab */
.ui-radio.btnc-type.tab label:not(:last-child){margin-right:3px;}
.ui-radio.btnc-type.tab input+.ico:after{height:35px;}
.ui-radio.btnc-type.tab .wrap{width:auto; height:35px; line-height:35px; font-size:13px; background-color:#fff; color: #8e8e8e; border:1px solid #C6C6C6; border-radius:5px 5px 0 0; padding:0 15px;}
.ui-radio.btnc-type.tab .wrap.ing:after{content:""; display:inline-block; width:6px; height:6px; background-color:#3FA8F4; border-radius:100%; position:absolute; left:7px; top:50%; transform:translateY(-50%);}
.ui-radio.btnc-type.tab .wrap.unspecified{color:#FF9525; border:1px solid #FF9525;}
.ui-radio.btnc-type.tab .wrap.unspecified:after{content:""; display:inline-block; width:14px; height:13px; background:url(/img/common/ico/ico_unspecified-ceac5ea1286140ef890e36a22b31fc7e.svg) no-repeat center / 100% auto; margin-left:3px; position:relative; top:2px;}
.ui-radio.btnc-type.tab input:checked ~ .wrap{background-color:#fff; color:#3FA8F4; border:1px solid #3FA8F4;}
.ui-radio.btnc-type.tab label.unspecified .wrap{border:1px dashed #C6C6C6;}
.ui-radio.btnc-type.tab input:checked ~ .wrap:before{display:none;}
.ui-radio.btnc-type.tab label.unspecified input:checked ~ .wrap{border:1px dashed #3FA8F4;}

/* ui-toggle (switch) */
.ui_toggle {position: relative;flex:0 0 42px; width:42px;height:21px;border-radius: 100px;background-color: #ddd;overflow: hidden;box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);}
.ui_toggle .check {position: absolute;display: block;cursor: pointer;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index:6;}
.ui_toggle .check:checked ~ .track {box-shadow: inset 0 0 0 20px#3FA8F4;}
.ui_toggle .check:checked ~ .switch {right: 2px;left: 22px;transition: .35s cubic_bezier(0.785, 0.135, 0.150, 0.860);transition-property: left, right;transition-delay: .05s, 0s;}
.ui_toggle .switch {position: absolute;left: 2px;top: 2px;bottom: 2px;right: 22px;background-color: #fff;border-radius: 36px;z-index: 1;transition: .35s cubic_bezier(0.785, 0.135, 0.150, 0.860);transition-property: left, right;transition-delay: 0s, .05s;box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.ui_toggle .track {position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: .35s cubic_bezier(0.785, 0.135, 0.150, 0.860);box-shadow: inset 0 0 0 2px rgba(218,218,218,.08);border-radius: 40px;}

/* ui-search */
.ui-search {position:relative;width:100%;}
.ui-search .wrap{display:flex; align-items: center;}
.ui-search input{border-color:#C6C6C6;border-right:none; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.ui-search button {width:40px;height:40px;background:url("/img/common/ico/ico_search-a73550fd27aaa918141cb5250faf23a7.svg") no-repeat center/17px 18px; border:1px solid #C6C6C6;border-left:none;border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;}

/* input */
input::-ms-clear,
input::-ms-reveal{
    display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
    /* -webkit-box-shadow: 0 0 0px 1000px #fff inset; */
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #2C2C2C !important;
}
.form-control:disabled, .form-control[readonly]{background-color:#E2E2E2;}
.form-control {height:40px;line-height:40px; font-size:14px;background-color:#fff !important;padding:0 10px;}
.form-control:focus{border:1px solid #C6C6C6; box-shadow: none !important; outline: auto;}
select::-ms-expand {display: none;}

/* ui-input */
.ui-input input{color:#333;}
.ui-input input::placeholder {color:#C6C6C6;}
.ui-input input:-ms-input-placeholder {color:#C6C6C6;}

/* select */
select {background:url("/img/common/ico/ico_select_arrow-14d5f46364019928fa6e2838cc6ec03c.svg") right 5px center / 11px 6px no-repeat;background-color:#fff;width:11px;_height:6px;display:inline-block;-webkit-appearance: none;-moz-appearance: none; cursor: pointer;}
select.calendal{background: url("/img/common/ico/ico_date_picker-db01fcc710d55bce4fb3a2d4ff2b575c.svg") no-repeat right 5px center / 17px 17px;background-color:#fff;}
select.clock{background: url("/img/common/ico/ico_clock-bd70867094f282cb36a26cc9e49de919.svg") no-repeat right 5px center / 18.2px 18px;background-color:#fff;}

/* select2 setting */
.select2-container{width:100% !important; background-color:#fff;}
.select2-container--default .select2-selection--single{height:40px; border:1px solid #c6c6c6; border-radius: 5px; box-sizing:border-box;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px; font-size:14px; padding:0 40px 0 .9rem;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{font-size:14px; color:#c6c6c6;}
.select2-results__option{font-size:14px; padding-left:.9rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:50%; right:5px; transform:translateY(-50%);}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #2c2c2c transparent transparent transparent; border-width: 6px 6px 0 6px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width: 0 6px 6px 6px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#DCE1EB; color:#333;}
.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #2c2c2c transparent !important;}

/* select2 달력 아이콘 */
.calendal-select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b{display:block; width:17px; height:17px; background: url("/img/common/ico/ico_date_picker-db01fcc710d55bce4fb3a2d4ff2b575c.svg") no-repeat center / 100%; border:none; margin:0; left:50%; top:50%; transform:translate(-50%, -50%);background-color:#fff;}

/* select2 시계 아이콘 */
.clock-select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b{display:block; width:18.2px; height:18px; background: url("/img/common/ico/ico_clock-bd70867094f282cb36a26cc9e49de919.svg") no-repeat center / 100%; border:none; margin:0; left:50%; top:50%; transform:translate(-50%, -50%);background-color:#fff;}

/* select2 시계 아이콘 - Modal */
.modal-clock-select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b{display:block; width:18.2px; height:18px; background: url("/img/common/ico/ico_clock-bd70867094f282cb36a26cc9e49de919.svg") no-repeat center / 100%; border:none; margin:0; left:50%; top:50%; transform:translate(-50%, -50%);background-color:#fff;}

/* ui-select double */
.ui-select.double{display:flex; align-items: center;}
.ui-select.double .wave{margin:0 5px;}

/* ui-textarea */
.ui-textarea {resize:none;height:121px!important;line-height:1.4;padding:10px;}
.ui-textarea::placeholder {color:#C6C6C6;}
.ui-textarea:-ms-input-placeholder {color:#C6C6C6;}
.ui-textarea.disabled {color:#C6C6C6;}

/* default input / textarea - count */
.ui-input.count{position:relative;}
.ui-input.count input{padding-right:50px;}
.ui-input.count .counter{position:absolute; right:10px; top:9px;}
.ui-input.count .counter,
.textarea-count .counter{color: #C6C6C6;}
.ui-textarea-count{border:1px solid #C6C6C6; border-radius:5px; position:relative; overflow: hidden;}
.ui-textarea.count-text{border:none; border-radius: inherit; padding-bottom:22px;}
.ui-textarea.count-text:focus{border:1px solid #C6C6C6;}
.textarea-count{width:calc(100% - 6px); height:20px; background-color:#fff; position:absolute; left:50%; bottom:2px; transform:translateX(-50%);}
.textarea-count .counter{position:absolute; right:8px; bottom:0;}

.ui-textarea-count.beige {border-radius:0;border-color:#E2E2E2;}
.ui-textarea-count.beige textarea {background-color:#F8F8F8;font-size:13px;}
.ui-textarea-count.beige .textarea-count {width:100%;transform:none;left:0;bottom:0;position:relative;}

/* ui-date */
.ui-date {display:flex; align-items: center;;}
.ui-date input {background:url(/img/common/ico/ico_date_picker-db01fcc710d55bce4fb3a2d4ff2b575c.svg) no-repeat right 6px center; background-color:#fff; padding-right:30px; cursor: pointer;}
.ui-date .wave {margin:0 5px;}

.ui-datepicker{padding:0; z-index: 100 !important;}
.ui-datepicker .ui-datepicker-header{background-color:#fff; border:none;}
.ui-datepicker select.ui-datepicker-month{width:100px;color:#8E8E8E; border:1px solid #E2E2E2; border-radius:5px; padding:0 10px; cursor:pointer; appearance: none;}
.ui-datepicker .ui-datepicker-year{color:#8E8E8E;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top:2px; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev span {background: url("/img/common/ico/ico_date_picker_left-da760cb6928d572ac831c479f46ac62f.svg") no-repeat center / 8px;}
.ui-datepicker .ui-datepicker-next span {background: url("/img/common/ico/ico_date_picker_right-89b150901fc3e03a3d68c396f6e9f88f.svg") no-repeat center / 8px;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{background-color:#fff;; border:none;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px;}
.ui-datepicker .ui-datepicker-next-hover{right:2px;}
.ui-datepicker-calendar thead{background-color:#F3F7F9;}
.ui-datepicker th{padding:5px .3em;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:none; border:1px solid transparent;}
.ui-state-default { display: block; text-decoration: none; color: #666; font-size: 12px; margin: 0 auto; width: 30px; height: 30px; line-height: 30px;}
.ui-datepicker-calendar td a{text-align:center; padding:0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #333; font-weight: bold; }
.ui-datepicker-calendar td a:hover {border:1px solid #C6C6C6; border-radius: 100%; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #fff; font-weight: bold; background: #3FA9F5; border-color:transparent; border-radius: 100%; }

/* ui-time */
.ui-time .time_input {width:140px;background: url("/img/common/ico/ico_clock-bd70867094f282cb36a26cc9e49de919.svg") no-repeat right 5px center / 18.2px 18px;background-color:#fff;}

.flatpickr-input[readonly],
.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.numInputWrapper:hover{background-color:#fff;}
.flatpickr-months .flatpickr-month{overflow: visible;}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year{font-size:14px; color: #8e8e8e;}
.flatpickr-current-month .flatpickr-monthDropdown-months{height:28px; border:1px solid #ced4da; border-radius:5px; margin-right:10px;}
.flatpickr-current-month input.cur-year{height:28px; line-height:28px; display:block;}
.flatpickr-weekdays{background-color:#F3F7F9; margin-top:10px;}
span.flatpickr-weekday{color:#2C2C2C;}
.flatpickr-day.today{font-weight:bold; border:none;}

/* tooltip */
.tooltipc {position:relative;display:inline-block;width:13px;height:13px;background:url(/img/common/ico/ico_tooltip-cf7fbd850f09f6834794e3ad6969653b.svg);cursor:help;z-index: 10;}
.tooltipc .abbr-wrap{min-width:120px; position:absolute; z-index: -1; _border:1px solid red;}
.tooltipc_top .abbr-wrap{padding-bottom:30px; left:-24px;_transform:translateX(-50%); bottom:0;}
.tooltipc_right .abbr-wrap{min-width:150px; padding-left:30px; left:0; top:50%; transform:translateY(-50%);}
.tooltipc_bottom .abbr-wrap{padding-top:30px; left:50%;transform:translateX(-50%);}
.tooltipc_left .abbr-wrap{min-width:150px; padding-right:30px; right:0; top:50%; transform:translateY(-50%);}
.tooltip_bubble {display:block;visibility:hidden;width:100%;font-size:13px;background-color:#333;color:#fff;border-radius:5px;padding:10px;position:relative;z-index:1;white-space: nowrap; opacity:0;transition:opacity 0.3s;cursor:default;}
.tooltip_bubble:hover,
.tooltip_bubble-active {visibility:visible;opacity:1;}
.tooltip_bubble::after {content:"";position:absolute;border-width:5px;border-style:solid;}
.tooltipc_top .tooltip_bubble:after {top:100%;left:30px;margin-left:-5px;border-color:#333 transparent transparent transparent;}
.tooltipc_right .tooltip_bubble:after {top:50%;right:100%;margin-top:-5px;border-color: transparent #333 transparent transparent;}
.tooltipc_bottom .tooltip_bubble:after {bottom:100%;left:50%;margin-left:-5px;border-color: transparent transparent #333 transparent;}
.tooltipc_left .tooltip_bubble:after {top:50%;left:100%;margin-top:-5px;border-color: transparent transparent transparent #333;}
.tooltip_bubble .btnc-link{font-size:13px; color:#fff; margin-left:20px;}
.tooltip_bubble .btnc-link.text-type{text-decoration: underline; text-underline-position: under;}
.tooltip_bubble .btnc-link.button-type{display:inline-block; background-color:#3FA8F4; border-radius:5px; padding:5px 10px}
.tooltip_bubble .btnc-link.button-type:hover{text-decoration: none; background-color:#60b3ef;}
.tooltip_bubble .btnc-link.button-type:active{background-color:#2596e8;}

/* jstree */
.jstree-area{margin-top:10px;}

.locker .category-wrap{width:500px; background:#fff; padding:30px;}
.locker .jstreeBtn{margin-top:10px;}
.locker .jstree-area{padding:0; margin-top:30px;}

/* pagination */
.pagination{justify-content: center; margin-top:20px;}
.pagination li{display:flex; align-items: center;}
.pagination a{display:block; font-size:15px; padding:5px;}
.pagination a.page-prev,
.pagination a.page-next{width:6px; height:9px; _padding:0;}
.pagination a.page-prev{background:url("/img/common/ico/ico_pagination_prev-8eb2c9fdb888e42996255d5aa69a40c8.svg") no-repeat center / 6px auto;}
.pagination a.page-next{background:url("/img/common/ico/ico_pagination_next-9a9fe90f5c592d5a319f8d6ef959f318.svg") no-repeat center / 6px auto;}
.pagination a.page-num{color:#333333;}
.pagination .active a.page-num,
.pagination a.page-num:hover{text-decoration: underline; text-underline-position: under; color:#0A5AFF;}

/* hidden */
.ui-hidden,
.upload-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* route */
.route .arrow {display:inline-block;text-indent:-9999px;overflow:hidden;background:url(/img/common/ico/ico_route_arrow-af046c8a4a230c077caf297148b35869.svg) no-repeat center / 100% auto;width:6px;height:10px;margin:0 2px;}

/* page information */
.page-info {padding:40px 0 40px;}
.page-info .page-title {font-weight:bold;}
.page-info .tip {font-weight:bold;margin-top:20px;}
.page-info .sub-text {margin-top:5px;line-height:1.4;}

/* form binding */
.form-bind .btn-submit {margin-top:60px;font-weight:bold;font-size:0.9375rem;min-width:211px;}

/* page data */
.page-data {border-top:1px solid #E2E2E2;padding-bottom:60px;}

/* form box */
.form-box {margin-top:30px; position:relative;}
.form-box .form-box-2{margin-top:10px;}
.form-box .form-box-2 .ui-input.phone .form-control{background-color:transparent !important; box-shadow: none !important;}
.form-box.class{max-width:620px;}
.form-box:first-child {margin-top:40px;}
.form-box .sub-text a{text-decoration: underline; color:#3FA8F4}
.form-box .sub-text a:hover{color:#3FA8F4;}
.form-box .form-content {margin-top:14px;}
.form-box .form-link .form-control{background-color:transparent !important; border:none; border-bottom:1px solid #3FA8F4; border-radius:0; padding:0; margin-top:10px; outline:none;}
.form-box .form-link .form-control::placeholder{font-size:17px;color:#e2e2e2;}
.form-box .form-link .form-control:-ms-input-placeholder{font-size:17px;color:#e2e2e2;}
.form-box .form-link p{margin-top:5px;}

.modal .form-box:first-child{margin-top:0;}

/* form box flex */
.form-box.flex-container{display:flex;}
.form-box.flex-container .box{flex:1 0 50%;}
.form-box.flex-container .box:first-child{margin-right:10px;}

/* form content flex */
.form-content.flex{display:flex; align-items: center;}
.form-content.flex .group-select2,
.form-content.flex .ui-input{flex:1 0; flex-basis:calc(50% - 5px);}
.form-content.flex .group-select2 + .select2-container{margin-right:10px;}

/* form registrant-container */
.registrant-container{display:flex;}
.registrant-container .wrap:not(:first-child){margin-left:50px;}

/* form-box-2 */
.form-box-2{margin-top:40px;}
.form-box-2 .form-title{display:flex; align-items: center; justify-content: space-between;}
.form-box-2 .form-title .btnc.gradient{min-width:65px; font-size:12px;  padding:0 5px;}
.form-box-2 .form-content{margin-top:4px;}
.form-box-2 .form-content .ui-input{position:relative;}
.form-box-2 .form-content .ui-input .form-control{border:none; border-bottom:1px solid #3FA8F4; border-bottom:1px solid #C6C6C6; border-radius:0; padding:0; outline:none;}
.form-box-2 .form-content .ui-input .form-control[disabled]{color:#C6C6C6; border-bottom:1px solid #C6C6C6;}
.form-box-2 .form-content .ui-input .form-control::placeholder{font-size:17px;color:#e2e2e2;}
.form-box-2 .form-content .ui-input .form-control:-ms-input-placeholder{font-size:17px;color:#e2e2e2;}
.form-box-2 .form-content .ui-input .form-control#certificationEmail,
.form-box-2 .form-content .ui-input .form-control#certificationPhone{padding-right:50px;}
.form-box-2 .form-content .ui-input .form-control.error{border-bottom-color:#FF9252;}
.form-box-2 .form-content .ui-input.ui-count .form-control{padding-right:50px;}
.form-box-2 .form-content .ui-input.input-count .countdown{display:none; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.form-box-2 .form-content .ui-input.code .form-control{padding-right:95px;}
.form-box-2 .form-content .ui-input.code .countdown{position:absolute; right:50px; top:50%; transform:translateY(-50%);}
.form-box-2 .form-content .ui-input.code .resend{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.form-box-2 .form-content .ui-input.code .resend .btnc.btn-txt span{text-decoration: none;}

.form-box-2 .form-title .btnc{position:relative;}
.form-box-2 .form-title .btnc[disabled]{opacity: .5;}
.form-box-2 .form-title .btnc[disabled] span{color:#2C2C2C;}
.form-box-2 .form-title .btnc.cancel{display:none; border-color:#FF9252;}
.form-box-2 .form-title .btnc.change:before{content:""; display:inline-block; width:10px; height:10px; background:url(/img/common/ico/ico_change-277dcb8716f7ac90383c7cccb0780524.svg) no-repeat center / 100% auto; margin-right:4px;}
.form-box-2 .form-title .btnc.confirm:before{content:""; display:inline-block; width:12px; height:9px; background:url(/img/common/ico/ico_confirm-cbd8278a240267ff045b62682a0698ea.svg) no-repeat center / 100% auto; margin-right:4px;}
.form-box-2 .form-title .btnc.confirm[disabled]:before{background:url(/img/common/ico/ico_confirm_bk-ddf7ad7720e651506805e5af0de9d473.svg) no-repeat center / 100% auto;}
.form-box-2 .form-title .btnc.cancel:before{content:""; display:inline-block; width:10px; height:10px; background:url(/img/common/ico/ico_cancel-17419da14622666666518b5283b796c7.svg) no-repeat center / 100% auto; margin-right:4px;}

/* form-box-3 */
.form-box-3 .form-content{display:flex; align-items: center;}
.form-box-3 .ui-input{flex:1 0; display:flex; align-items: center; position:relative;}
.form-box-3 .ui-input .form-control[disabled]{color:#E2E2E2; border:1px solid #E2E2E2;}
.form-box-3 .ui-input .form-control.error{border-color:#FF9252;}
.form-box-3 .countdown{display:none; position:absolute; right:10px;}
.form-box-3 .btnc{min-width:65px; font-size:12px; padding:0 5px; margin-left:10px;}

.form-box-3 .form-content .btnc[disabled]{opacity: .5;}
.form-box-3 .form-content .btnc[disabled] span{color:#2C2C2C;}
.form-box-3 .form-content .btnc.cancel{display:none; border-color:#FF9252;}
.form-box-3 .form-content .btnc.change:before{content:""; display:inline-block; width:10px; height:10px; background:url(/img/common/ico/ico_change-277dcb8716f7ac90383c7cccb0780524.svg) no-repeat center / 100% auto; margin-right:4px;}
.form-box-3 .form-content .btnc.confirm:before{content:""; display:inline-block; width:12px; height:9px; background:url(/img/common/ico/ico_confirm-cbd8278a240267ff045b62682a0698ea.svg) no-repeat center / 100% auto; margin-right:4px;}
.form-box-3 .form-content .btnc.confirm[disabled]:before{background:url(/img/common/ico/ico_confirm_bk-ddf7ad7720e651506805e5af0de9d473.svg) no-repeat center / 100% auto;}
.form-box-3 .form-content .btnc.cancel:before{content:""; display:inline-block; width:10px; height:10px; background:url(/img/common/ico/ico_cancel-17419da14622666666518b5283b796c7.svg) no-repeat center / 100% auto; margin-right:4px;}

/* message-wrap */
.message-wrap{margin-top:2px;}
.message-wrap .message{font-size:12px;}
.message-wrap .message.confirm{color:#3FA8F4;}
.message-wrap .message.error{color:#FF9252;}

/* upload profile */
.upload-profile {display:flex;}
.upload-profile .thumb {width:80px;height:80px;border:1px solid #C6C6C6;overflow:hidden;border-radius:3px;position:relative;background-image:url(/img/common/temp/user_thumb-07fe23bb980c97c4279c137f8f73264b.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}
.upload-profile .control {margin-left:10px;display:flex;flex-direction:column;justify-content:flex-end;}
.upload-profile .control .profile-btns {display:flex;}
.upload-profile .control .profile-btns label {margin-bottom:0;text-align:center;cursor:pointer;}
.upload-profile .control .profile-btns input[type="file"] {width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;position:absolute;}
.upload-profile .control .profile-btns button[type="reset"] {min-width:60px;margin-left:10px;}
.upload-profile .control > p {margin-top:10px;}

/* upload cover */
.upload-cover {width:297px;}
.upload-cover .wrap {width:100%;position:relative;}
.upload-cover input[type="file"] {width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;position:absolute;}
.upload-cover .file-frame {border:1px solid #C6C6C6;height:168px;background-color:#fff;}
.upload-cover .file-frame .align {margin-top:65px;}
.upload-cover .file-frame span {display:block;}
.upload-cover .file-frame .ico {background:url(/img/common/ico/ico_upload-1fec6509940061f2b10d7377054ad539.svg) no-repeat center / 100% auto;width:15px;height:13px;margin:0 auto 3px;}
.upload-cover .file-preview {width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;object-fit:cover;opacity:0;transition:opacity 0.4s ease-in;}
.upload-cover label {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer;border:1px solid #C6C6C6;}

.upload-cover.class{width:1200px;}
.upload-cover.class .file-frame{height:260px;}
/* .upload-cover.class .file-frame .align{margin-top:110px;} */

/* 방송소스 */
.sources-live .ui-radio label {display:block;position:relative;}
.sources-live .ui-radio label:last-child {margin-top:20px;}
.sources-live .ui-radio label > .ico::after {top:4px;}
.sources-live input.temp {position:fixed;text-indent:-9999px; z-index: -1;}
.sources-live .setbox {padding-left:23px;visibility:hidden;opacity:0;height:0;}
.sources-live .ui-radio label input:checked + .ico + .wrap + .setbox {visibility:visible;opacity:1;height:100%;}
.sources-live .setbox .title {margin:10px 0 5px;}
.sources-live .setbox .ui-input-toggle {display:flex;}
.sources-live .setbox .ui-input-toggle .wrap {width:100%;padding:0;display:flex;position:relative;}
.sources-live .setbox .ui-input-toggle input {margin:0;width:100%;height:auto;position:relative;padding-right:50px;background-color:#fff;height:36px;line-height:34px;}
.sources-live .setbox .ui-input-toggle .wrap+button {margin-left:10px;}

.eye {position:absolute;top:0;right:0;border:1px solid red;border:1px solid #c6c6c6;padding:.45rem .9rem;border-radius:0 .25rem .25rem 0;background:#F7F7F7 url(/img/common/ico/ico_eye_non-c4faa91bf6b20dd76322156d3668f0bb.svg) no-repeat center / 15px 11px;width:43px;height:100%;}
.eye.active {background-image:url(/img/common/ico/ico_eye-44b55e79a8ec1ce3b0eeddaa88f751ae.svg);}

/* 툴팁 */
.btn-tooltip{position:relative;}
.tooltip-box{display:none;width:80px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background-color:#3FA9F5;border-radius:5px;position:absolute;left:30px;top:-25px;}

/* 첨부자료 업로드 */
.upload-file {position:relative;}
.upload-file .control {position:absolute;top:-50px;right:0;display:flex;}
.upload-file .control > button {margin-left:10px;}
.upload-file table{width:100%; margin-top:10px;}
.upload-file thead tr th{text-align:center; font-size:14px; font-weight:normal; color:#2C2C2C; border-bottom:1px solid #E2E2E2; padding:8px 0;}
.upload-file tbody tr {cursor:grab;width:100%;}
.upload-file tbody tr td {text-align:center; font-size:14px; color:#2C2C2C; border-top:none; border-bottom:1px solid #E2E2E2;background-color:#fff; padding:8px 0;}
.upload-file table tr td:nth-child(1) {width:4%;background:#fff url("/img/common/ico/ico_up_down_arrow-a4092da63a20d0864ae058a9fc7bfeae.svg") center / 7px 10px no-repeat;}
.upload-file table tr td:nth-child(2) {width:6%;}
.upload-file table tr td:nth-child(3) {width:47%;}
.upload-file table tr td:nth-child(4) {width:10%;}
.upload-file table tr td:nth-child(5) {width:10%;}
.upload-file table tr td:nth-child(6) {width:10%;}
.upload-file table tr td:nth-child(7) {width:8%;}
.upload-file table tr td span{text-decoration: underline; text-underline-position: under; color:#2C2C2C;}
.upload-file .ui-sortable-helper td {background-color:#3FA9F5!important;color:#fff;border:none;}
.upload-file .ui-sortable-helper td span {color:#fff;}
.upload-file .ui-sortable-helper td:nth-child(1) {background-image:url(/img/common/ico/ico_up_down_arrow_wh-b67896014e9517a5ce4fb0cf7a65f0d2.svg);}
.upload-file .ui-sortable-helper td:nth-child(3) {min-width:400px;}
.upload-file .ui-sortable-helper td:nth-child(7) {background-image:url(/img/common/ico/ico_bin_wh-aa4ec71882d999646c030530ec89ada4.svg);}
.upload-file .ui-sortable-placeholder {visibility:visible!important;background-color:rgba(63, 169, 245, 0.4);}
.upload-file .ui-sortable-placeholder td {background:none;}
.upload-file .ui-sortable-placeholder td:nth-child(1),
.upload-file .ui-sortable-placeholder td:nth-child(7) {background:none;}

/* 모달 - 업로드 */
.modal-upload .modal-header{padding-bottom:0;}
.modal-upload .modal-body{padding-bottom:0;}
.modal-upload .ui-type-group{margin-top:5px;}

.modal-upload .ui-type-group .form-control.type-sel,
.modal-upload .ui-type-group .filebox{display:flex;}
.modal-upload .ui-type-group .form-control.type-sel{width:130px; margin-left:0;}
.modal-upload .ui-type-group .filebox{width:100%; position:relative; top:-1px;}
.modal-upload .ui-type-group .filebox .upload-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.modal-upload .ui-type-group .filebox label,
.modal-upload .ui-type-group .filebox .upload-name{display: inline-block; height:32px; vertical-align:middle; font-size:14px;}
.modal-upload .ui-type-group .filebox .upload-name::placeholder{color:#C6C6C6;}
.modal-upload .ui-type-group .filebox .upload-name:-ms-input-placeholder{color:#C6C6C6;}
.modal-upload .ui-type-group .filebox label {width:73px; line-height:2.2;  text-align:center; background-color:#2C2C2C; color:white; border:1px solid #ced4da; border-right:none; border-radius:3px 0 0 3px; margin-bottom:0; cursor: pointer;}
.modal-upload .ui-type-group .filebox .upload-name {display: inline-block; width:calc(100% - 73px); height:32px; line-height: 1.2; font-size:14px; background:transparent; border:1px solid #ced4da; border-radius:0 3px 3px 0; padding:0 10px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.modal-upload .material-view{display:flex; margin-top:20px;}
.modal-upload .material-view .material-view-thum,
.modal-upload .material-view .material-view-info{display:inline-block; vertical-align:top;;}
.modal-upload .material-view .material-view-thum{flex-shrink: 0; flex-basis:200px; width:200px; height:100px; background-color:#404040; position:relative; overflow:hidden;}
.modal-upload .material-view .material-view-thum img{max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.modal-upload .material-view .material-view-thum .mark{display:block; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; border-radius:3px; padding:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index: 1;}
.modal-upload .material-view .material-view-thum.file .mark{background-color: #3FA9F5;}
.modal-upload .material-view .material-view-thum.video .mark{background-color: #D92F2F;}
.modal-upload .material-view .material-view-info{display:flex; flex-direction: column; flex-basis:calc(100% - 200px); justify-content: space-between; flex-grow:1; margin-left:12px;}
.modal-upload .material-view .material-view-info .ui-input-videoimage{display:flex;}
.modal-upload .material-view .material-view-info .ui-input:not(:first-child){margin-top:10px;}
.modal-upload .material-view .material-view-info .ui-input .form-control{background-color:transparent;}
.modal-upload .material-view .ui-textarea{margin-top:10px;}
.modal-upload .material-view .material-view-info span{display:block; height:32px; line-height:32px;}

.modal-upload .material-view .material-view-info .ui-input-videoimage .form-control:last-child{margin-left:10px;}

.modal-upload .material-view.attachment-material-view .material-view-info{width:100%; margin-left:0;}
.modal-upload .material-view.attachment-material-view .material-view-info .ui-input-attachment .form-control{display:inline-block; width:65%;}
.modal-upload .material-view.attachment-material-view .material-view-info .ui-input-attachment .form-control:last-child{width:33%; margin-left:1.3%;}
.modal-upload .material-view.attachment-material-view .ui-textarea{height:195px !important;}

.modal-upload .type-info,
.modal-upload .tab-title{margin-top:20px;}
.modal-upload .tab-title .ui-input{width:200px; margin-top:10px;}
.modal-upload .ui-textarea{margin-top:10px;}

.modal-upload .modal-footer.text-right{justify-content: flex-end; margin-top:10px;}

/* 키워드 */
.keywords .wrap {border:1px solid #ddd;border-radius:3px;min-height:120px;background-color:#fff;padding:20px 10px 40px;cursor:text;position:relative;}
.keywords .wrap input {border:0;outline:0;}
.keywords .wrap .tag {background-color:#EBEBEB;display:inline-block;margin-right:6px;margin-bottom:7px;padding:2px 18px 2px 28px;border-radius:14px;position:relative;}
.keywords .wrap .tag .delete {background:url(/img/common/ico/ico_delete-41176e8a04c843185011559f2cf1f1b7.svg) no-repeat center / 100% auto;width:15px;height:15px;display:inline-block;position:absolute;top:50%;left:7px;margin-top:-7px;cursor:pointer;}
.keywords .wrap .tag .delete:active {opacity:0.7;}
.keywords .details {position:absolute;bottom:10px;left:10px;display:flex;}
.keywords .details > p {margin-right:7px;color:#3FA9F5;}
.keywords .details span {color:#3FA9F5;font-weight:bold;}
.keywords .errors {min-height:26px;}
.keywords .error {color:#FF9525;display:none;font-weight:bold;}

/* 세션 - sortable */
.btn-right-posi{position:absolute; right:0; top:0;}
.nested h3{margin-top:20px;}
.nested h3.unspecified:after{content:""; display:inline-block; width:14px; height:13px; background:url(/img/common/ico/ico_unspecified-ceac5ea1286140ef890e36a22b31fc7e.svg) no-repeat center / 100% auto; margin-left:6px;}
.nested-sortable{padding:0;}
.nested-sortable .session-items{margin-top:20px;}
.nested-sortable .session-items:first-child{margin-top:10px;}
.nested-sortable .nested-1{background-color:#fff; border:1px solid #c6c6c6 !important; border-radius:5px; padding:0; margin-top:7px;}
.nested-sortable .nested-1:first-child{margin-top:0;}
.nested-sortable .nested-1.unspecified{border:1px dashed #ff9525 !important;}
.nested-sortable .nested-1.unspecified .nested-sortable-sub{border-top:1px dashed #ff9525;}
.nested-sortable .nested-1.error{border:1px solid #ff9525 !important;}
.nested-sortable .session-tit{display:flex; align-items: center; justify-content: space-between; padding:15px; cursor:grab;}
.nested-sortable .title{flex:0 0 500px; margin-right:auto;}
.nested-sortable .title .index::after {content:'.';}
.nested-sortable .right{display:flex; flex:0 0 150px; align-items:center; justify-content: flex-end;}
.nested-sortable .dropdown{display:flex; align-items: center;}
.nested-sortable .dot{width:5px; min-width:auto; height:15px; background:url(/img/common/ico/ico_dot-6acd7a1e99480ee80cbbd2b0898d33de.svg) no-repeat center / 5px auto; padding:15px 10px;}
.nested-sortable .dropdown.show .dot{background-image:url(/img/common/ico/ico_dot_on-c6c57997369ca8dcecb54e685d509a91.svg);}
.nested-sortable .dot:after{display:none;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item{padding:7px 20px; margin-left:0; position:relative;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item:hover{background-color:transparent; color:#F67A53;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item.session-move:before{width:15px; height:12px; background: url(/img/common/ico/ico_drop_move-d014c0fe1f1fe7f8423adc48fbad0857.svg) no-repeat center / 100% auto;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item:hover.session-move:before{background-image: url(/img/common/ico/ico_drop_move_on-acd4e72e6d4a24c9e610dc7377f5e8ac.svg);}
.nested-sortable .dropdown .dropdown-menu .dropdown-item.session-edit:before{width:13px; height:13px; background: url(/img/common/ico/ico_drop_edit-1a6defa47511a1888ae345b96a513157.svg) no-repeat center / 100% auto;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item:hover.session-edit:before{background-image: url(/img/common/ico/ico_drop_edit_on-d4c9f1c7991d157f5f597bc74acc1dc2.svg);}
.nested-sortable .dropdown .dropdown-menu .dropdown-item.session-delete:before{width:10px; height:14px; background: url(/img/common/ico/ico_drop_delete-f95055e3dc3934097d83da16b2bed977.svg) no-repeat center / 100% auto;}
.nested-sortable .dropdown .dropdown-menu .dropdown-item:hover.session-delete:before{background-image: url(/img/common/ico/ico_drop_delete_on-d0e21cffc5c18068639af19dfcb38132.svg);}
.nested-sortable .dropdown .dropdown-menu .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.nested-sortable .right button:not(:first-child){margin-left:15px;}
.nested-sortable .right .add{flex-basis:100px; padding:0;}
.nested-sortable .nested-sortable-sub.active{border-top:1px solid #c6c6c6; border-top-left-radius:0; border-top-right-radius:0; padding:15px;}
.nested-sortable .nested-2{background-color:#fff; border:1px dashed #c6c6c6 !important; border-radius:5px; margin-top:5px; cursor:grab;}
.nested-sortable .nested-2:first-child{margin-top:0;}
.nested-sortable .nested-2 .title{flex:1 0;}
.nested-sortable .nested-2 .top{display:flex; justify-content: space-between;}
.nested-sortable .nested-2 .right{display:block; flex:none; margin-left:30px;}
.nested-sortable .nested-2 .btnc-group{display:flex; justify-content: flex-end; margin-top:10px;}
.nested-sortable .nested-2 .bottom{margin-top:20px;}
.nested-sortable .nested-2 .bottom .name{text-decoration: underline;}
.sortable-ghost{width:100%; height:auto; background-color:#fff; border:2px dashed #2c2c2c !important;}
.nested-sortable .sortable-item-ghost{width:100%; height:auto; background-color:rgba(63, 168, 244, .6); border:none !important;}

/* Modal - trackMoveModal */
#trackMoveModal .choice{margin-left:16px;}
#trackMoveModal .track-list{margin-top:10px;}

/* Modal - session-type */
#session-type .btnc-group{display:flex; margin-top:20px;}
#session-type .btnc-group button{flex-grow:1; flex-basis:auto; height:90px;}
#session-type .btnc-group button:first-child{margin-right:10px;}

/* Modal - session */
/* .session .modal-body .form-box:first-child{margin-top:0;} */
.session .modal-body select{width:140px;}
.session .modal-footer{padding-bottom:20px; margin-top:50px;}

/* Modal - announcementAdd */
/* #announcementAdd .modal-body .form-box:first-child{margin-top:0;} */
#announcementAdd .note-editor{margin-top:10px;}

/* 트랙 생성 */
.track-list{margin-top:35px;}

/* Modal - trackSetting (트랙) */
.track-setting-area{display:flex; align-items: center; margin-top:10px;}
.track-setting-area .ui-input{flex:1 0; margin-right:10px;}
.btn-track-setting {height:40px!important;line-height:40px!important;}
#trackSetting .empty{margin-top:10px;}
#trackSortable{margin-top:10px; _overflow: hidden;}
#trackSortable:after{content:""; display:block; clear:both;}
#trackSortable .grid-square {float:left; display:flex; align-items: center; width: auto; height: 35px; line-height:35px; background-color: #fff; border:1px solid #C6C6C6; border-radius:5px 5px 0 0; padding:0 16px; margin-top:8px;}
#trackSortable .grid-square:not(:last-child){margin-right:6px;}
#trackSortable .grid-square .handle{width:8px; height:8px; background:url(/img/common/ico/ico_handle-9da1af1e53ef61511eccda6c67c4d212.svg) no-repeat center / 8px auto; padding:8px; cursor:grab;}
#trackSortable .grid-square .form-control{display:none; height:25px; line-height:25px; background-color:#fff !important; border:none;}
#trackSortable .grid-square .track-save{display:none; margin-left:10px;}
#trackSortable .grid-square .dropdown{display:flex; align-items: center; margin-left:10px;}
#trackSortable .grid-square .dot{width:5px; min-width:auto; height:15px; background:url(/img/common/ico/ico_dot-6acd7a1e99480ee80cbbd2b0898d33de.svg) no-repeat center / 5px auto; padding:10px 5px;}
#trackSortable .grid-square .dropdown.show .dot{background-image: url(/img/common/ico/ico_dot_on-c6c57997369ca8dcecb54e685d509a91.svg);}
#trackSortable .grid-square .dot:after{display:none;}
#trackSortable .dropdown .dropdown-menu .dropdown-item{padding:7px 20px; position:relative;}
#trackSortable .dropdown .dropdown-menu .dropdown-item:hover{background-color:transparent; color:#F67A53;}
#trackSortable .dropdown .dropdown-menu .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}
#trackSortable .dropdown .dropdown-menu .dropdown-item.track-edit:before{width:13px; height:13px; background: url(/img/common/ico/ico_drop_edit-1a6defa47511a1888ae345b96a513157.svg) no-repeat center / 100% auto;}
#trackSortable .dropdown .dropdown-menu .dropdown-item:hover.track-edit:before{background-image: url(/img/common/ico/ico_drop_edit_on-d4c9f1c7991d157f5f597bc74acc1dc2.svg);}
#trackSortable .dropdown .dropdown-menu .dropdown-item.track-delete:before{width:10px; height:14px; background: url(/img/common/ico/ico_drop_delete-f95055e3dc3934097d83da16b2bed977.svg) no-repeat center / 100% auto;}
#trackSortable .dropdown .dropdown-menu .dropdown-item:hover.track-delete:before{background-image: url(/img/common/ico/ico_drop_delete_on-d0e21cffc5c18068639af19dfcb38132.svg);}
#trackSortable .dropdown .dropdown-menu .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#trackSetting .modal-footer{padding-top:30px;}
.sortable-track{width:100%; height:auto; background-color:#C7C7C8 !important; _border:2px dashed #2c2c2c !important;}

/* 에디터 */
.note-toolbar {background-color:#fff !important;border-color:#C6C6C6;}
.note-editable {background-color:#fff !important;}
.note-editor.note-frame, .note-editor.note-airframe {border:1px solid #C6C6C6;border-radius:3px;}
.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {font-size:15px;}
.note-btn {border:none !important;border-radius:3px;}
.note-btn:hover, .note-btn:focus, .note-btn.focus, .note-btn:active, .note-btn.active {box-shadow:none;border:none;border-radius:1px;overflow:hidden;}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu {min-width:350px;}
.note-editor .note-toolbar .note-para .note-dropdown-menu {min-width:240px;}
.note-icon-caret {display:none;}
.note-editor .note-toolbar>.note-btn-group .dropdown-toggle::after {display:none;}
.note-editor .note-toolbar>.note-fontname .dropdown-toggle::after,
.note-editor .note-toolbar>.note-style .dropdown-toggle::after,
.note-editor .note-toolbar>.note-fontsize .dropdown-toggle::after {display:inline-block;}
.note-editor.note-frame .note-placeholder {color:#999;}
.note-editable ol,
.note-editable ul {display: block;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.note-editable ol li {list-style:decimal!important;}
.note-editable ul li {list-style:disc!important;}
.note-modal-footer {height:auto !important;padding:15px;overflow:hidden;}

.note-editor .note-toolbar>.note-btn-group {position:relative;}
.note-editor .note-toolbar>.note-btn-group.note-redo,
.note-editor .note-toolbar>.note-btn-group.note-fontname,
.note-editor .note-toolbar>.note-btn-group.note-fontsize {padding-right:6px;}
.note-editor .note-toolbar>.note-btn-group.note-redo::after,
.note-editor .note-toolbar>.note-btn-group.note-fontname::after,
.note-editor .note-toolbar>.note-btn-group.note-fontsize::after {content:'';display:block;position:absolute;right:0;top:0;width:1px;height:100%;background-color:#EFEFEF;}

/* 강의 업로드 */
.upload-file .ui-type-group .filebox label {cursor:pointer;text-align:center;}
.upload-file .material-view {display:flex;margin-top:20px;}
.upload-file .material-view-thum {flex-shrink:0;flex-basis:244px;width:244px;height:136px;background-color:#404040;position:relative;overflow:hidden;}
.upload-file .material-view-thum img {width:100%;vertical-align:middle;}
.upload-file .material-view-info  {display:flex;justify-content:space-between;flex-direction:column;flex-basis:calc(100% - 244px);flex-grow:1;margin-left:12px;}
.upload-file .material-view-info .form-control {background-color:#fff;}
.upload-file .material-view-info .ui-input:not(:first-child) {margin-top:10px;}
.upload-file .material-view-info .ui-input-videoimage {display:flex;}
.upload-file .material-view-info .ui-input-videoimage .form-control {max-width:200px;}
.upload-file .material-view-info .ui-input-videoimage .form-control:last-child {margin-left:10px;}
.upload-file .material-view-info .ui-check {justify-self:flex-end;}

/* 커리큘럼 */
.curriculum {margin-top:20px;position:relative;}
.curriculum .wrap {background-color:#fff;border:1px solid #C6C6C6;border-radius:5px;}
.curriculum .material-view {display:flex;padding:15px;border-top:1px solid #C6C6C6;}
.curriculum .material-top {display:flex;align-items:center;justify-content:space-between;padding:10px 15px;}
.curriculum .material-top .control {display:flex;align-items:center;}
.curriculum .material-top .control > * {margin-left:14px;}
.curriculum .material-view-thum {flex-shrink:0;flex-basis:244px;width:244px;height:136px;background-color:#404040;position:relative;overflow:hidden;}
.curriculum .material-view-thum img {width:100%;vertical-align:middle;}
.curriculum .table {margin-left:14px;margin-bottom:0;}
.curriculum table {width:100%;}
.curriculum thead tr th{text-align:center; font-size:14px; font-weight:normal; color:#2C2C2C; padding:8px 0;}
.curriculum tbody tr {cursor:grab;width:100%;}
.curriculum tbody tr td {text-align:center; font-size:14px;border-top:none;background-color:#fff; padding:3px 0;}
.curriculum table tr td:nth-child(1) {width:4%;background:#fff url("/img/common/ico/ico_up_down_arrow-a4092da63a20d0864ae058a9fc7bfeae.svg") center / 7px 10px no-repeat;}
.curriculum table tr td:nth-child(2) {width:6%;}
.curriculum table tr td:nth-child(3) {width:70%;text-align:left;}
.curriculum table tr td:nth-child(4) {width:10%;}
.curriculum table tr td:nth-child(5) {width:5%;}
.curriculum table tr td:nth-child(6) {width:5%;}
.curriculum table tr td span{text-decoration: underline; text-underline-position: under; color:#2C2C2C;}
.curriculum .ui-sortable-helper td {background-color:#3FA9F5!important;color:#fff;border:none;padding:5px 0;}
.curriculum .ui-sortable-helper td span {color:#fff;}
.curriculum .ui-sortable-helper td:nth-child(1) {background-image:url(/img/common/ico/ico_up_down_arrow_wh-b67896014e9517a5ce4fb0cf7a65f0d2.svg);}
.curriculum .ui-sortable-helper td:nth-child(3) {min-width:400px;}
.curriculum .ui-sortable-helper td:nth-child(5) button {background-image:url(/img/common/ico/ico_edit_wh-204bde53e09fac1c32186567e11322f1.svg);}
.curriculum .ui-sortable-helper td:nth-child(6) {background-image:url(/img/common/ico/ico_bin_wh-aa4ec71882d999646c030530ec89ada4.svg);}
.curriculum .ui-sortable-placeholder {visibility:visible!important;background-color:rgba(63, 169, 245, 0.4);}
.curriculum .ui-sortable-placeholder td {background:none;}
.curriculum .ui-sortable-placeholder td:nth-child(1),
.curriculum .ui-sortable-placeholder td:nth-child(5),
.curriculum .ui-sortable-placeholder td:nth-child(6) {background:none;}

.curriculum .validation {display:block;text-align:right;margin-bottom:5px;}

/* 티켓 */
.ticket-group {margin-top:30px;}
.ticket-group ul {display:flex;flex-wrap:wrap;}
.ticket-group .ticket {display:flex;flex-direction:column;justify-content:space-between;width:420px;height:250px;border:1px solid #C6C6C6;background-color:#fff;border-radius:20px;padding:25px;}
.ticket-group .ticket:nth-child(n+3) {margin-top:40px;}
.ticket-group .ticket:nth-child(2n) {margin-left:60px;}
.ticket-group .ticket.active {border-color:#3FA8F4;box-shadow:0 0 15px rgba(63, 168, 244, 0.3);}
.ticket-group .ticket .price {display:flex;align-items:flex-end;justify-content:space-between;}
.ticket-group .ticket .count {display:flex;align-items:center;justify-content:space-between;margin-top:25px;position:relative;}
.ticket-group .ticket .count .tooltipc {display:block;position:relative;    }
.ticket-group .ticket .count .abbr-wrap {padding-bottom:130px;}
.ticket-group .ticket .title {display:flex;align-items:flex-end;}
.ticket-group .ticket .title .ico {width:48px;height:48px;display:inline-block;background-repeat:no-repeat;background-size:auto 100%;background-position:center;margin-right:6px;}
.ticket-group .ticket.free .title .ico {background-image:url(/img/common/ico/ico_ticket_free-20cea11839fb2fb24f614ac9d1de5ad5.svg);}
.ticket-group .ticket.early .title .ico {background-image:url(/img/common/ico/ico_ticket_early-150cea82492caa4312628ffa042ad2c4.svg);}
.ticket-group .ticket.regular .title .ico {width:34px;height:40px;background-image:url(/img/common/ico/ico_ticket_regular-bc5e92e09d12c975ad070257c90956fc.svg);}
.ticket-group .ticket .notice p {display:flex;align-items:center;margin-top:3px;}
.ticket-group .ticket .notice p::before {content:'';display:block;background:url(/img/common/ico/ico_notice_check-1aea3d3969bbe127a7981e4361944951.svg) no-repeat center / 100% auto;width:10px;height:7px;margin-right:5px;}
.ticket-group .ticket input {width:100px;text-align:right;font-weight:bold;font-size:15px;}
.ticket-group .ticket .ui-input {display:flex;align-items:flex-end; position:relative;}
.ticket-group .ticket .ui-input .tooltipc{margin-left:5px;margin-bottom:3px;}
.ticket-group .ticket .ui-input .unit{margin-left:5px;}
.ticket-group .ticket.free input {padding-right:43px;}
.ticket-group .ticket.free .total {position:absolute; right:27px;_left:67px;top:9px;display:flex;align-items: center;}
.ticket-group .ticket.free .total .num{font-size:12px;}
.ticket-group .ticket .ui-input input.empty {border:1px solid #FF8900!important;}
.ticket-group .ticket .ui-input input.empty::placeholder {color:#FF8900!important;}

.ticket-group .ticket.free .count.two input {padding-right:30px;}
.ticket-group .ticket.free .count.three input {padding-right:38px;}
.ticket-group .ticket.free .count.four input {padding-right:46px;}

/* 스튜디오 테이블 */
.tui-grid-layer-focus-border,
.tui-grid-layer-focus-deactive .tui-grid-layer-focus-border{background-color:transparent !important;}

.tui-grid-cell,
.tui-grid-cell .tui-grid-cell-content{overflow: visible !important;}

.tui-grid-cell-header.tui-grid-cell-selected{background-color:transparent !important;}
.tui-grid-layer-selection{opacity: 0 !important;}

.start-studio .studio-top {display:flex;justify-content:space-between;}
.start-studio .studio-top .wrap {position:relative;}
.start-studio .studio-top .wrap .search {right:calc(100% + 14px);}
.start-studio .studio-top .wrap .filter{min-width:100px; height:48px; line-height:46px; background-color:transparent !important; border:none; border-bottom:1px solid #2C2C2C; border-radius:0;}
.start-studio .studio-content {margin-top:20px;}
.start-studio .studio-content table {width:100%;}
/* .start-studio .studio-content table .ui-check {display:inline-block;vertical-align:top;}
.start-studio .studio-content table .ui-check input+.ico:after {top:3px;} */
.start-studio .studio-content thead th {background-color:#eee;border:none;font-weight:normal;text-align:center;color:#464646;vertical-align:top; padding:10px 0;}
.tui-grid-cell img{height:auto;}
.start-studio .studio-content tbody td {border:none;border-bottom:1px solid #E2E2E2; padding:10px 0;}
.start-studio .studio-content .thumb {position:relative;width:127px;height:31px;margin:0 auto;overflow:hidden;border-radius:3px;background-color:#f8f8f8;}
.start-studio .studio-content .thumb img {vertical-align:middle;width:100%;}
.start-studio .studio-content .table tbody tr td {text-align:center; font-size:14px;border-top:none;background-color:#fff; padding:14px 0 13px;vertical-align:middle;}
.start-studio .studio-content .table tr:hover td {background-color:#F2F4F8;}
.start-studio .studio-content .table tr:hover td.title button {text-decoration:underline;}
.start-studio .studio-content .table tr:hover td.title button[disabled] {text-decoration:none;}
.start-studio.webinar .dropdown .btnc,
.start-studio.lecture .dropdown .btnc{min-width:55px;}
.start-studio.locker .studio-content{display:flex;}

/* 스튜디오 카테고리 */
.jstree-default .jstree-anchor{font-size:13px;}
.start-studio.locker .studio-content .category-wrap{flex-basis:400px; height:calc(100vh - 220px); min-height:600px; background:#fff; padding:30px; margin-right: 20px;}
.start-studio.locker .jstree-area{padding:0;}
.start-studio.locker .jstreeBtn{margin-top:10px;}
.start-studio.locker .jstreeBtn .btnc.md{min-width:auto; padding:0 8px;}
.start-studio.locker .jstreeBtn .btnc.md span{font-size:13px;}
.start-studio.locker .jstree-area{padding:30px 0;}
.start-studio.locker .jstree-area:first-child{height:400px; padding-top:15px; margin-top:15px; overflow-y: auto;}
.start-studio.locker .jstree-area:not(:first-child){border-top:1px solid #E2E2E2;}


.start-studio .studio-content .dropdown-toggle:after{display:none;}
.start-studio .studio-content .dropdown-item{padding:7px 20px; position:relative;}
.start-studio .studio-content .dropdown-item:hover{background-color:transparent; color:#F67A53;}
.start-studio .studio-content .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}
.start-studio .studio-content .dropdown-item.detail:before{width:15px; height:11.25px; background: url(/img/common/ico/ico_drop_detail-0b4a9d22aa7d6e8ed8aa54fff9d5131c.svg) no-repeat center / 100% auto;}
.start-studio .studio-content .dropdown-item:hover.detail:before{background-image: url(/img/common/ico/ico_drop_detail_on-53f754fae0cd1be2caec4a657ef3300d.svg);}
.start-studio .studio-content .dropdown-item.qna:before{width:15px; height:13px; background: url(/img/common/ico/ico_drop_qna-a9f69b484a01d030e1162e6b28ce9347.svg) no-repeat center / 8.92px auto;}
.start-studio .studio-content .dropdown-item:hover.qna:before{background-image: url(/img/common/ico/ico_drop_qna_on-9eb06042a07623d0962a2be704402363.svg);}
.start-studio .studio-content .dropdown-item.review:before{width:13px; height:13px; background: url(/img/common/ico/ico_drop_review-9726f4d451e4ec6bbd8836a51451d689.svg) no-repeat center / 100% auto;}
.start-studio .studio-content .dropdown-item:hover.review:before{background-image: url(/img/common/ico/ico_drop_review_on-2d61206e122d8fae2843be529ad6b7c9.svg);}
.start-studio .studio-content .dropdown-item.setting:before{width:15px; height:12px; background: url(/img/common/ico/ico_drop_setting-888dafbb408027d678aedb7635988db4.svg) no-repeat center / 11.48px auto;}
.start-studio .studio-content .dropdown-item:hover.setting:before{background-image: url(/img/common/ico/ico_drop_setting_on-cff3a419e785dc938914dfba29867d75.svg);}
.start-studio .studio-content .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}

/* 웨비나 */
.start-studio.webinar .studio-content .table tr td:nth-child(1) {width:15%;}
.start-studio.webinar .studio-content .table tr td:nth-child(2) {width:8%;}
.start-studio.webinar .studio-content .table tr td:nth-child(3) {width:36%;}
.start-studio.webinar .studio-content .table tr td:nth-child(4) {width:20%;}
.start-studio.webinar .studio-content .table tr td:nth-child(5) {width:8%;}
.start-studio.webinar .studio-content .table tr td:nth-child(6) {width:8%;}
.start-studio.webinar .studio-content .table tr td:nth-child(7) {width:5%;}

/* 강의 */
.start-studio.lecture .studio-content .table tr td:nth-child(1) {width:15%;}
.start-studio.lecture .studio-content .table tr td:nth-child(2) {width:8%;}
.start-studio.lecture .studio-content .table tr td:nth-child(3) {width:56%;}
.start-studio.lecture .studio-content .table tr td:nth-child(4) {width:8%;}
.start-studio.lecture .studio-content .table tr td:nth-child(5) {width:8%;}
.start-studio.lecture .studio-content .table tr td:nth-child(6) {width:5%;}

/* 라이브 */
.start-studio.live .studio-content .table tr td:nth-child(1) {width:15%;}
.start-studio.live .studio-content .table tr td:nth-child(2) {width:8%;}
.start-studio.live .studio-content .table tr td:nth-child(3) {width:35%;}
.start-studio.live .studio-content .table tr td:nth-child(4) {width:27%;}
.start-studio.live .studio-content .table tr td:nth-child(5) {width:8%;}
.start-studio.live .studio-content .table tr td:nth-child(6) {width:5%;}

/* 보관함 */
.start-studio.locker .studio-content .table tr td:nth-child(1) {width:8%;}
.start-studio.locker .studio-content .table tr td:nth-child(2) {width:15%;}
.start-studio.locker .studio-content .table tr td:nth-child(3) {width:40%;}
.start-studio.locker .studio-content .table tr td:nth-child(4) {width:15%;}
.start-studio.locker .studio-content .table tr td:nth-child(5) {width:15%;}
.start-studio.locker .studio-content .table tr td:nth-child(6) {width:5%;}

/* 검색 */
.search {position:relative;width:100%;}
.search.spreads {width:350px;}
.search input[type=search] {-webkit-appearance:textfield;box-sizing:content-box; color:transparent;background:#eee url(/img/common/ico/ico_search_spreads-219963d064a4979050212ea8a996574f.svg) no-repeat right 11px center;padding: 9px 10px 9px 32px;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer;width:20px;padding-left:10px;border:none;}
.search.spreads input[type=search] {width:100%;padding-left:14px;cursor:auto;color:#2C2C2C;outline:0;background-position:right 9px center;padding-right:35px;}
.search input::-webkit-search-decoration, input::-webkit-search-cancel-button {display:none;}
.search button.submit {padding:0;margin:0;width:26px;height:26px;position:absolute;right:5px;top:7px;z-index:1;visibility:hidden;opacity:0;z-index:2;}
.search.spreads button.submit {visibility:visible;opacity:1;transition:opacity 3s;}
.search.spreads button.reset {padding:0;margin:0;width:14px;height:14px;background:url(/img/common/ico/ico_delete-41176e8a04c843185011559f2cf1f1b7.svg) no-repeat center / 100% auto;visibility:hidden;opacity:0;position:absolute;right:40px;top:14px;z-index:1;}
.search.spreads button.reset.active {visibility:visible;opacity:1;}

.search.right {position:absolute;right:0;top:5px;}
.search.right input[type="search"] {position:absolute;right:0;}
.search.right .results {width:100%;position:absolute;right:47px;top:12px;transition:right 0.2s;}
.search.right.spreads .results {right:407px;}

/* 강의생성 > 커리큘럼 > 모달 */
.modal.lecture .modal-footer {padding-bottom:20px;margin-top:50px;}
.modal.lecture .modal-dialog-scrollable .modal-footer {margin-top:0;}
.modal.lecture .form-box:not(:first-child) {margin-top:60px;}

/* 유효성 */
.empty-notice {margin-top:30px;}
.validation {margin-left:3px;font-weight:normal;}

/* 모달 */
.modal-header .close {padding:0.5rem 1rem 1.5rem;margin:-1rem -1rem -1rem auto;}
.modal-header .close > span {line-height:1;}

/* 질문과 답변, 후기 관리 */
.toggle-lst.my-qna{margin-top:30px;}
.toggle-lst li .toggle-head {display:flex;justify-content:flex-start;align-items:center;cursor:pointer;padding:16px 15px;border-top:1px solid #E3E3E3;}
.toggle-lst li:last-child .toggle-head {border-bottom:1px solid #E3E3E3;}
.toggle-lst li:last-child .toggle-body {border-bottom:1px solid #E3E3E3;}
.toggle-lst li .toggle-head .wrap {display:flex;justify-content:space-between;align-items:center;}
.toggle-lst li .toggle-head .title {cursor:pointer;position:relative;width:522px;}
.toggle-lst li .date {font-size:0.875rem;}
.toggle-lst li .toggle-head .info {display:flex;align-items:center;}
.toggle-lst li .toggle-head .ico-arrow {width:20px;height:20px;background:url(/img/common/ico/ico_arrow_bottom-bce51f7271dc5c262376029876f721b0.svg) no-repeat center / 11px 6px;transition:0.3s;transform:rotate(180deg);}
.toggle-lst li .toggle-head .ico-arrow.active {transform:rotate(0);}
.toggle-lst li .toggle-head .btn-answer{color:#fff;}
.studio .toggle-lst li .toggle-head .btn-answer{color:#2C2C2C;}
.toggle-lst li .toggle-head .btn-answer,
.toggle-lst li .toggle-head .complete-answer {min-width:60px;text-align:center;padding:0;}
.toggle-lst li .toggle-body .btn-edit {min-width:60px;padding:0;}
.toggle-lst li .toggle-head.open {background-color:rgba(63, 168, 244, 0.1);border-top:2px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.toggle-lst li .toggle-head.open .title {font-weight:bold;}
.toggle-lst li .toggle-body {height:0;overflow:hidden;visibility:hidden;opacity:0;transition:padding 0.3s, opacity 0.3s;background-color:#fff;border-top:1px solid #e3e3e3;padding:0 15px;}
.toggle-lst li .toggle-body.show {height:auto;overflow:auto;visibility:visible;opacity:1;transition:padding 0.3s, opacity 0.3s;padding:16px 15px 18px 35px;}
.toggle-lst li .toggle-body .text {text-align:justify;margin-right:30px;}
.toggle-lst li .toggle-body .answer {margin-top:30px;}
.toggle-lst li .toggle-body .answer .wrap {display:flex;justify-content:space-between;align-items:flex-start;}
.toggle-lst li .toggle-body .answer .text {width:100%;margin-right:0;}
.toggle-lst li .toggle-body .answer .date {margin-top:3px;}
.toggle-lst li.new .toggle-head .title {padding-left:20px;}
.toggle-lst li.new .toggle-head .title:before {content:'';display:inline-block;width:15px;height:15px;background:url(/img/common/ico/ico_new-ca3e14da48ad2aa8b1daab89e254290d.svg) no-repeat center / 100% auto;position:absolute;top:4px;left:0;}
.toggle-lst li .toggle-body .question > .title,
.toggle-lst li .toggle-body .answer > .title {margin-bottom:6px;}
.toggle-lst li .toggle-body .answer textarea {width:100%;min-height:130px;border-color:#3FA8F4;padding:6px 10px;text-align:justify;}
.toggle-lst li .toggle-body .answer .wrap {display:flex;flex-wrap:wrap;margin-right:30px;}
.toggle-lst li .toggle-body .answer .info {display:flex;margin-top:14px;}

.toggle-lst li .toggle-head .profile-wrap .name,
.toggle-lst li .toggle-body .answer .profile-wrap .name {width:65px;}

/* 간격, 너비 */
.toggle-lst li .toggle-head .profile-wrap {margin-left:20px;width:110px;}
.toggle-lst li .toggle-head .date {margin-left:20px;width:86px;}
.toggle-lst li .toggle-head .btn-answer,
.toggle-lst li .toggle-head .complete-answer,
.toggle-lst li .toggle-head .answering {margin-left:20px;min-width:60px;text-align:center;}
.toggle-lst li .toggle-head .ico-arrow {margin-left:10px;}
.toggle-lst li .toggle-body .answer .btn-edit {margin-left:20px;}
.toggle-lst li .toggle-body .answer .date {margin-left:20px;width:86px;}
.toggle-lst li .toggle-body .answer .profile-wrap {width:110px;}

.toggle-lst .btnc-group {margin-top:20px;}
.toggle-lst.my-qna .btnc-group{justify-content: center;}

/* 후기 */
.toggle-lst.review .toggle-head .profile-wrap {margin-left:25px;}
.toggle-lst.review .toggle-head .date {width:70px;margin-left:10px;}

/* stars */
.toggle-lst .stars-area {display:inline-block;width:82px;height:14px;background:url(/img/service/ico/ico_stars-0be4bce74e18a23a98d1623ced543fbe.png) no-repeat 0 0;margin-left:20px;}
.toggle-lst .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;}

/* 크롭 - 커버포토 */
.upload-cover {margin-top:10px;}
.upload-cover .cover-label {position:relative;width:297px;height:168px;cursor:pointer;overflow:hidden;display:block;}
.upload-cover .cover-label img {width:100%;}
.upload-cover .cover-label:hover .file-frame {background-color:rgba(50, 131, 246, 0.1);}
.upload-cover .file-frame {position:absolute;top:0;left:0;width:100%;height:100%;font-size:14px;text-align:center;color:#fff;z-index:-1;border-width:0;}
.upload-cover .file-frame .ico {background:url(/img/common/ico/ico_upload_gr-cd9e2d7280750da4f0d9936ea432659c.svg) no-repeat center / 100% auto;width:15px;height:13px;display:block;margin:34px auto 0;}
.upload-cover .reset-cover {padding:0 6px;}

/* 모달 - 크롭 - 커버포토 */
#coverModal .modal-body img {max-width:100%;max-height:400px;text-align:center;}
#coverModal .modal-body .notice {margin-top:8px;}
#coverModal .modal-body .zoom-container {margin-top:20px;}

#avatarModal .modal-body .notice {margin-top:8px;}

.zoom-container {margin:40px auto 0;width:50%;display:flex;justify-content:space-between;align-items:center;}
.zoom-container .ui-slider-horizontal {height:10px;}
.zoom-container .ui-slider-range {background-color:rgba(10, 90, 255, 0.4);}
.zoom-container .ui-corner-all {border-radius:10px;}
.zoom-container .ui-slider-handle {top:-4px;border-radius:5px;width:18px;height:18px;background:#f4f4f4!important;border:1px solid #c6c6c6;}
.zoom-container .zoom-slider {background-color:#ddd;width:100%;margin:0 20px;border-width:0!important;}
.zoom-container .zoom-ico-small {width:24px;height:24px;background:url(/img/common/ico/ico_image-7d121eacf59bc5aa9326dd560fcd0303.svg) no-repeat center / 100% auto;display:block;}
.zoom-container .zoom-ico-large {width:34px;height:34px;background:url(/img/common/ico/ico_image-7d121eacf59bc5aa9326dd560fcd0303.svg) no-repeat center / 100% auto;display:block;}

/* 크롭 - 클래스 > 기본정보 > 커버 */
.upload-cover.class {margin-top:10px;}
.upload-cover.class .cover-label {position:relative;width:1200px;height:260px;cursor:pointer;overflow:hidden;display:block;}
.upload-cover.class .cover-label img {width:100%;}
.upload-cover.class .cover-label:hover .file-frame {background-color:rgba(50, 131, 246, 0.1);}
.upload-cover.class .file-frame {position:absolute;top:0;left:0;width:100%;height:100%;font-size:14px;text-align:center;color:#fff;z-index:-1;border-width:0;}
.upload-cover.class .file-frame .align {margin-top:110px;}
.upload-cover.class .file-frame .ico {background:url(/img/common/ico/ico_upload_gr-cd9e2d7280750da4f0d9936ea432659c.svg) no-repeat center / 100% auto;width:15px;height:13px;display:block;margin:34px auto 0;}
.upload-cover.class .reset-cover {padding:0 6px;}

/* 템플릿 다운로드 */
.form-box .sub-text .download-template {text-decoration:underline;color:#0074C7;margin-left:4px;}

/* 푸터 */
.footer-area{margin-top:50px;}
.footer-service{background-color:#FCFCFC; padding:30px 0; padding-bottom:50px;}
.footer-service .nav-footer ul{display:flex;}
.footer-service .nav-footer li:not(:last-child){margin-right:20px;}
.footer-service .nav-footer a{color:#bbb;}
.footer-service .nav-footer a:hover{text-decoration: none;}

.footer-service .about{display:flex; align-items: center; justify-content: space-between; margin-top:25px;}
.footer-service .about p{color:#bbb;}
.footer-service .about .gray-logo-wrap{display:flex; align-items: center;}
.footer-service .about .logo-inuc{width:103px; height:30px; background: url(/img/common/logo/logo_gray-85cd5de9ef2cff8558b078ea3b0c2ffd.svg) no-repeat center / 100% auto;}
.footer-service .about .friendly{width:140px; height:30px; background: url(/img/common/logo/freindly_gray-5f4518ab74ee745b7cedff4c16ba5951.svg) no-repeat center / 100% auto; margin-left:30px;}

/* 에러 */
.error-wrap{text-align:center; position:fixed; top:30%; left:45%; transform:translate(-50%, -50%);}
.error-wrap .content{display:block; padding:0;}
.error-wrap .content .logo,
.error-wrap .content > img,
.error-wrap .content .error-txt-box{text-align:left;}
.error-wrap .content > img{display:block; margin-top:60px;}
.error-wrap .content .error-txt-box{margin-top:50px;}
.error-wrap .content .error-txt-box .tit,
.error-wrap .content .error-txt-box .txt{color:#656565; word-break: keep-all;}
.error-wrap .content .error-txt-box .txt{font-size:14px;}

/* Laptop L */
@media all and (max-width:1300px) {
    .content{padding:0 14px;}
}

/* 1200px 추가 */
@media all and (max-width:1200px) {
    .backdrop{display:block; width:100%; height:100%; background-color:#000; position:fixed; left:0; top:0; z-index: 550; opacity: 0;}
    .backdrop2{display:block; width:100%; height:100%; background-color:#000; position:fixed; left:0; top:0; z-index: 300; opacity: 0;}
}

/* Laptop S */
@media all and (max-width:1024px) {
    .footer-service .about{flex-wrap:wrap;}
    .footer-service .about li:last-child{width:100%; margin-top:40px;}
}

/* Tablet */
@media all and (max-width:768px) {

}

/* 모바일 */
@media all and (max-width:767px) {
    /* 푸터 */
    .footer-service .nav-footer ul{align-items: center; justify-content: space-between;}
    .footer-service .nav-footer li:not(:last-child){margin:0;}

    .footer-service .about li:not(:first-child){width:100%; margin-top:20px;}
    .footer-service .about li:last-child{margin-top:40px;}
}

/* 모바일 L */
@media all and (max-width:425px) {
    .mobile-header-service .logo img{width:110px;}

    /* Modal - trackSetting (트랙) */
    #trackSetting .modal-footer .btnc{width:100%;}

}

/* 모바일 M */
@media all and (max-width:375px) {
    /* Modal - trackSetting (트랙) */
    .track-setting-area{flex-wrap:wrap;}
    .track-setting-area .ui-input{margin-right:0; margin-bottom:10px;}
    .track-setting-area .btnc{width:100%;}
}

/* 374px 추가 */
@media all and (max-width:374px) {
    header .dropdown-menu.notification{width:310px;}

    /* Modal - trackSetting (트랙) */
    #trackSortable .grid-square{padding:0 8px; margin-top:6px;}
    #trackSortable .grid-square:not(:last-child){margin-right:3px}
}

/* 모바일 S */
@media all and (max-width:320px) {

}

/* 프린트 */
@media print{
    .pop-writer .top,
    .pop-writer .bottom{display:none;opacity:0;visibility:hidden;}
    .pop-writer.receipt .receipt-footer{display:flex !important;}
}