@charset "utf-8";

.doc-tit-wrap {display:flex; flex-wrap:wrap; gap:5px 20px; margin-bottom:18px;}
.doc-tit-wrap .doc-tit {margin-bottom:0;}
.doc-tit-wrap p {margin-top:3px;}

.doc-tit {position:relative; padding-left:38px; margin-bottom:18px; font-family:'GmarketSans',sans-serif; color:#242424; font-size:24px; line-height:1.3em;}
.doc-tit:before {content:""; position:absolute; top:0; left:0; width:28px; height:28px; background:url("../images/sub/bullet.png") 50% 50% no-repeat;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt:last-child {margin-bottom:0;}

.sub-tab {margin-bottom:60px;}
.sub-tab .swiper-container {padding-top:1px;}
.sub-tab ul {display:flex; border-radius:10px 10px 0 0;}
.sub-tab ul li {flex:1; position:relative; height:60px; background:#fafafa; border-bottom:1px solid #2e8df9; border-top:1px solid #ddd;}
.sub-tab ul li:first-child {border-radius:10px 0 0 0; border-left:1px solid #ddd;}
.sub-tab ul li:last-child {border-radius:0 10px 0 0; border-right:1px solid #ddd;}
.sub-tab ul li:before {content:""; position:absolute; top:14px; bottom:14px; left:0; width:1px; background:#e1e1e1;}
.sub-tab ul li:first-child::before {display:none;}
.sub-tab ul li a {position:relative; font-family:'GmarketSans',sans-serif; font-weight:700; color:#ababab; font-size:18px; display:flex; height:100%; align-items:center; justify-content:center; text-align:center;}
.sub-tab ul li.active {position:relative; z-index:2; border-bottom:0;}
.sub-tab ul li.active a {margin:-1px 0; height:calc(100% + 1px); color:#2e8df9; border-radius:10px 10px 0 0; border:1px solid #2e8df9; border-bottom:0; background:#fff;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; line-height:1.5em;}
.table-style table th {padding:13px; font-weight:600; color:#333; background:#f4f9ff; border:1px solid #ddd;}
.table-style table td {padding:13px; color:#454545; text-align:center; border:1px solid #ddd;}
.table-style table td.left {text-align:left; padding-left:20px;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}
.table-style .gray-bg {background:#fafafa;}
.table-style .gray-bg td {font-weight:600;}
.table-style .exception {display:flex; flex-wrap:wrap; gap:0 4px;}
.table-style.st2 td {height:70px;}

.btn-go {display:inline-flex; align-items:center; padding:7px 40px; color:#fff; font-weight:500; border:1px solid #333; background:#333; border-radius:4px;}
.btn-go:after {content:""; margin-left:20px; width:17px; height:17px; background:url("../images/sub/btn_go.png") 50% 50% no-repeat;}
.btn-go:hover {background:#fff; border-color:#ddd; color:#242424;}
.btn-go:hover::after {background-image:url('../images/sub/btn_go_on.png');}

.dot-list {padding-left:7px;}
.dot-list ul li {padding-left:.6em; text-indent:-.6em; text-align:left; color:#505050;}
.dot-list ul li:before {content:"·"; font-size:20px; font-weight:700; color:#2e8df9; margin-right:4px;}
.dot-list.type2 ul li {font-weight:500; color:#242424;}

.hypen-list {margin-top:2px;}
.hypen-list ul li {font-size:15px; font-weight:400 !important; color:#242424; line-height:1.867em;}
.hypen-list ul li:before {display:none;}
.hypen-list ul li span {color:#505050; font-weight:400; font-size:15px;}

.dash-list > li {position:relative; padding-left:.7em;}
.dash-list > li:before {content:"-"; position:absolute; top:0; left:0;}

.shape-list > li {position:relative; padding-left:1em;}
.shape-list > li:before {content:"※"; position:absolute; top:0; left:0;}

.doc-download {display:flex; flex-wrap:wrap; gap:10px;}
.doc-download .btn {display:inline-block; padding:10px 20px; border:1px solid #2e8df9; border-radius:50px; color:#2e8df9; font-size:15px; line-height:1.5em; text-align:center;}
.doc-download .btn:hover {background:#2e8df9; color:#fff;}

/* 교육원 소개 */
.greeting-top {padding: 60px; margin-bottom:45px; display:flex; flex-direction: column; align-items: center; justify-content: center; background:url("../images/sub/greeting_bg2.jpg") 100% / cover no-repeat; border-top-right-radius: 100px; border-bottom-left-radius: 100px; text-align: center; color:#fff; font-family:'GmarketSans',sans-serif;}
.greeting-top .welcome {font-size:36px; line-height:1.3em; letter-spacing:-.03em; margin-bottom: 30px;}
.greeting-top .txt {font-size:24px; line-height:1.5em; letter-spacing:-.03em;}
.greeting-top .txt.opacity {opacity:.8;}

.greeting {text-align:center; color:#454545;}
.greeting p {margin-bottom:16px;}
.greeting .top-txt {color:#242424; font-size:28px; font-weight:500; line-height:1.429em; margin-bottom:28px;}
.greeting .name {margin-top:25px; color: #242424;}
.greeting .name strong {font-size:24px; line-height:1.3em; margin-left:24px;}


.org {text-align:center; padding:20px 0 70px;}

.our-members .item {display:flex; padding:59px 89px; margin-bottom:40px; border:1px solid #ddd; border-top:2px solid #868686;}
.our-members .item:last-child {margin-bottom:0;}
.our-members .img {width:270px; margin-right:70px;}
.our-members .cnt {flex:1 1 auto; min-width:0; width:1%;}
.our-members .cnt h4 {font-size:28px; line-height:1.3em; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.our-members .cnt h4 small {font-size:16px; display:inline-block; font-weight:600; line-height:1.3em; margin-left:14px;}
.our-members .cnt dl {margin-bottom:20px;}
.our-members .cnt dl:last-child {margin-bottom:0;}
.our-members .cnt dt {color:#002377; font-weight:600; margin-bottom:7px;}
.our-members .cnt dd {position:relative; padding-left:10px; color:#454545;}
.our-members .cnt dd:before {content:"·"; position:absolute; top:0; left:0; font-size:20px; color:#002377; font-weight:700;}

.slideshow .origin {border-radius:10px; overflow:hidden; margin-bottom:40px;}
.slideshow .origin figure {position:relative;}
.slideshow .origin figcaption {position:absolute; bottom:0; left:0; width:100%; padding:22px 40px; background:rgba(0,0,0,.5); color:#fff; font-size:20px; font-weight:600; line-height:1.3em;}
.slideshow .thumbs {position:relative; padding:0 52px;}
.slideshow .thumbs .slick-slide {padding:0 8px;}
.slideshow .thumbs .item {cursor:pointer; position:relative; border-radius:10px; overflow:hidden;}
.slideshow .thumbs .slick-current .item:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:3px solid #2e8df9; border-radius:10px;}
.slideshow .slick-arrow {position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; text-indent:-9999em; border:1px solid #ddd; border-radius:100%; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat;}
.slideshow .slick-prev {left:0; background-image:url('../images/sub/slide_prev.png');}
.slideshow .slick-next {right:0; background-image:url('../images/sub/slide_next.png');}
.slideshow .slick-arrow:hover {background-color:#2e8df9; border-color:#2e8df9;}
.slideshow .slick-prev:hover {background-image:url('../images/sub/slide_prev_on.png');}
.slideshow .slick-next:hover {background-image:url('../images/sub/slide_next_on.png');}

.root_daum_roughmap {width:100% !important; border-radius:15px;}

.location-info {margin:37px 0 25px;}
.location-info .comp {color:#2e8df9; font-weight:600;}
.location-info .addr {font-size:23px; font-weight:600; line-height:1.4em;}
.location-info .txt {color:#454545; margin-top:8px;}

.contact-info {border-top:1px solid #ddd;}
.contact-info dl {display:flex; align-items:center; min-height:70px; padding:16px 29px; border-bottom:1px solid #ddd;}
.contact-info dt {display:flex; align-items:center; width:150px; font-weight:500; font-size:18px;}
.contact-info dt img {width:20px; margin-right:18px;}
.contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}
.contact-info dd strong {font-weight:600;}
.way {margin-bottom:5px;}
.way:last-child {margin-bottom:0;}
.way .num {margin-right:10px; border-radius:3px; display:inline-block; text-align:center; color:#fff; width:100%; max-width:60px; font-size:12px; font-weight:600;}
.way:nth-child(1) .num {background:#263c96;}
.way:nth-child(2) .num {background:#f0ad4a;}
.way span:nth-child(2) {font-weight:600;}
.c1 {color:#263c96;}
.c2 {color:#f0ad4a;}

/* 교육신청 */
.edu-process {padding:60px 39px; border:1px solid #ddd; border-top:2px solid #868686;}
.edu-process .cnt1 {overflow:hidden; margin-bottom:30px;}
.edu-process .cnt1 ol {display:flex; flex-wrap:wrap; margin-right:-11px;}
.edu-process .cnt1 ol li {position:relative; width:151px; margin-right:10px; margin-bottom:10px;}
.edu-process .cnt1 ol li:after {content:""; position:absolute; top:50%; right:-10px; margin-top:-5px; border-bottom:6px solid transparent; border-top:6px solid transparent; border-left:10px solid #c0ddfd;}
.edu-process .cnt1 ol li:last-child::after {display:none;}
.edu-process .cnt1 .box {display:flex; align-items:center; height:94px; padding:0 5px 0 15px; color:#fff; border-radius:10px;}
.edu-process .cnt1 .box .ico {width:60px; margin-right:8px;}
.edu-process .cnt1 .box .cnt {flex:1 1 auto; min-width:0; width:1%;}
.edu-process .cnt1 .box .cnt .num {font-family:'GmarketSans',sans-serif; font-size:18px; line-height:1.3em; margin-bottom:6px;}
.edu-process .cnt1 .box .cnt .txt {font-weight:600; line-height:1.4em;}
.edu-process .cnt1 .box.bg1 {background:#2e8df9}
.edu-process .cnt1 .box.bg2 {background:#0070d7}
.edu-process .cnt1 .box.bg3 {background:#1568ca}
.edu-process .cnt1 .box.bg4 {background:#0054b6}
.edu-process .cnt1 .box.bg5 {background:#0e4bab}
.edu-process .cnt1 .box.bg6 {background:#013686}
.edu-process .cnt1 .box.bg7 {background:#002377}
.edu-process .cnt2 {padding:44px 53px; background:#fafafa; border-radius:10px; color:#454545; line-height:1.7em; font-weight:500;}
.edu-process .cnt2 ol li {position:relative; padding-left:40px; margin-bottom:13px;}
.edu-process .cnt2 ol li:last-child {margin-bottom:0;}
.edu-process .cnt2 ol li .num {position:absolute; top:-2px; left:0; width:30px; height:30px; color:#fff; text-align:center; font-family:'GmarketSans',sans-serif; font-weight:400; font-size:14px; line-height:30px; border-radius:100%;}
.edu-process .cnt2 ol li .num.bg1 {background:#2e8df9}
.edu-process .cnt2 ol li .num.bg2 {background:#0070d7}
.edu-process .cnt2 ol li .num.bg3 {background:#1568ca}
.edu-process .cnt2 ol li .num.bg4 {background:#0054b6}
.edu-process .cnt2 ol li .num.bg5 {background:#0e4bab}
.edu-process .cnt2 ol li .num.bg6 {background:#013686}
.edu-process .cnt2 ol li .num.bg7 {background:#002377}
.edu-process .cnt2 ol li .sm {font-size:14px; font-weight:400; line-height:1.5em;}
.edu-process .cnt2 ol li strong {font-weight:600;}
.edu-process .cnt3 {text-align:center; margin-top:40px;}
.edu-process .cnt3 a {margin:2px 8px 0;}

.edu-process.type2 .cnt1 ol li:after {border-left-color:#ccebb2;}
.edu-process.type2 .cnt1 .box.bg1 {background:#55bd00}
.edu-process.type2 .cnt1 .box.bg2 {background:#00ab54}
.edu-process.type2 .cnt1 .box.bg3 {background:#019e68}
.edu-process.type2 .cnt1 .box.bg4 {background:#008759}
.edu-process.type2 .cnt1 .box.bg5 {background:#007300}
.edu-process.type2 .cnt1 .box.bg6 {background:#005000}
.edu-process.type2 .cnt1 .box.bg7 {background:#003000}
.edu-process.type2 .cnt2 ol li .num.bg1 {background:#55bd00}
.edu-process.type2 .cnt2 ol li .num.bg2 {background:#00ab54}
.edu-process.type2 .cnt2 ol li .num.bg3 {background:#019e68}
.edu-process.type2 .cnt2 ol li .num.bg4 {background:#008759}
.edu-process.type2 .cnt2 ol li .num.bg5 {background:#007300}
.edu-process.type2 .cnt2 ol li .num.bg6 {background:#005000}
.edu-process.type2 .cnt2 ol li .num.bg7 {background:#003000}

.edu-step {display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; text-align:center;}
.edu-step .box {display:flex; align-items:center; justify-content:center; width:100px; height:100px; padding:10px; background:#f7f7f7; border-radius:100%; color:#2e8df9; font-size:15px; font-weight:600; line-height:1.6em;}
.edu-step .box small {display:block; color:#454545; font-size:12px; font-weight:500; line-height:1.5em;}

.biz-type-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #242424; line-height:1.5em; font-size:15px;}
.biz-type-table table th {padding:13px 20px; font-weight:500; color:#242424; background:#fafafa; border:1px solid #ddd; border-top:0; text-align:left;}
.biz-type-table table td {padding:13px 20px; color:#454545; text-align:center; border:1px solid #ddd; border-top:0; text-align:left;}
.biz-type-table tr th:first-child,
.biz-type-table tr td:first-child {border-left:0;}
.biz-type-table tr th:last-child,
.biz-type-table tr td:last-child {border-right:0;}

/* 컨설팅 */
.consulting-field {display:grid; gap:40px;}
.consulting-field .article {display:flex; gap:0 60px; padding:19px; border:1px solid #ddd; border-radius:20px;}
.consulting-field .img {width:36%; max-width:410px;}
.consulting-field .img img {width:100%; border-radius:20px;}
.consulting-field .cnt {flex:1 1 auto; min-width:0; width:1%; margin-top:30px;}
.consulting-field .cnt h3 {padding-bottom:23px; margin-bottom:33px; border-bottom:1px dashed #ddd; font-size:28px; line-height:1.3em; letter-spacing:-.03em;}
.consulting-field .cnt ul {display:grid; gap:6px;}
.consulting-field .cnt ul li {position:relative; padding-left:10px; line-height:1.5em; color:#454545;}
.consulting-field .cnt ul li:before {content:''; position:absolute; top:.55em; left:0; width:4px; height:4px; background:#2e8df9; border-radius:100%;}
.consulting-field .cnt .items {display:flex; flex-wrap:wrap; gap:0 55px;}

.consulting-process {border-top:1px solid #242424;}
.consulting-process .article {display:flex; padding:60px 0; border-bottom:1px dashed #ddd;} 
.consulting-process .article:last-child {border-bottom:0; padding-bottom:0;}
.consulting-process .tit {width:20%; padding:0 30px;}
.consulting-process .tit h3 {font-size:24px; line-height:1.5em; letter-spacing:-.03em;}
.consulting-process .cnt {flex:1 1 auto; min-width:0; width:1%;}
.consulting-process .items {display:flex; align-items:center; justify-content:space-between; gap:6px;}
.consulting-process .item {position:relative; width:130px; background:#f7f7f7; border-radius:100%; text-align:center;}
.consulting-process .item:before {content:''; display:block; padding-bottom:100%;}
.consulting-process .item .step {position:absolute; top:0; left:0; width:60px; border-radius:30px; background:#2e8df9; color:#fff; font-size:12px; font-weight:500; line-height:26px; text-align:center;}
.consulting-process .item .txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-weight:700; line-height:1.5em;}
.consulting-process .item .txt small {font-size:0.88em; line-height:1.5em;}
.consulting-process .item.fin {background:#2e8df9; color:#fff;}
.consulting-process .item.fin .step {background:#f7f7f7 !important; color:#2e8df9; font-weight:600; letter-spacing:0;}
.consulting-process .arr {width:24px; height:24px; border:1px solid #ddd; border-radius:100%; background:url('../images/sub/step_arrow.svg') 50% 50% no-repeat;}
.consulting-process .st2 .item .step {background:#f69f38;}
.consulting-process .st2 .item.fin {background:#f69f38;}
.consulting-process .st2 .item.fin .step {color:#f69f38;}
.consulting-process .st3 .item .step {background:#55bd00;}
.consulting-process .st3 .item.fin {background:#55bd00;}
.consulting-process .st3 .item.fin .step {color:#55bd00;}

/* 고객센터 */
.partner {border-top:2px solid #868686;}
.partner .item {display:flex; padding:57px 0; border:1px solid #ddd; border-top:0;}
.partner .img {width:340px; text-align:center;}
.partner .cnt {flex:1 1 auto; min-width:0; width:1%; padding:0 30px 0 0;}
.partner .cnt h3 {font-family:'GmarketSans',sans-serif; font-size:24px; font-weight:400; line-height:1.3em; margin-bottom:10px;}
.partner .cnt p {color:#454545;}
.partner .btn-go {margin-top:33px;}

/* 리뉴얼 준비중 */
.renewal-message {max-width:600px; margin:0 auto; padding:60px 30px; text-align:center; border:1px solid #ddd; border-radius:20px;}
.renewal-message .txt {font-size:1.3rem; font-weight:600; line-height:1.5em; margin-bottom:.5rem;}
.renewal-message .tel {font-size:1.3rem; font-weight:600; line-height:1.5em;}
.renewal-message .tel strong {font-size:1.5rem;}

/* 마이페이지 */
.btn-set {display:inline-block; padding:6px 12px; border-radius:6px; text-align:center; font-size:14px; font-weight:600; line-height:1.4em; letter-spacing:-.03em;}
.btn-set.gray {background:#f2f2f2; border:1px solid #f2f2f2; color:#898989;}
.btn-set.dark {background:#898989; border:1px solid #898989; color:#fff;}
.btn-set.orange {background:#f69f38; border:1px solid #f69f38; color:#fff;}
.btn-set.blue {background:#2e8df9; border:1px solid #2e8df9; color:#fff;}
.btn-set.border {background:#fff; border:1px solid #2e8df9; color:#2e8df9;}
.btn-set.large {padding:10px 15px; font-size:16px;}
.btn-set.disabled {pointer-events:none;}
.btn-set.print {min-width:80px;}
.btn-set.print:before {content:''; display:inline-block; vertical-align:middle; margin:-.2em 5px 0 0; width:16px; height:16px; background:url('/images/sub/icon_print.png') 50% 50%/contain no-repeat;}

.my-study-table .table table {table-layout: fixed; width:100%; border-collapse:collapse; border-spacing:0px; border-bottom:1px solid #ababab;}
.my-study-table .table table th {height:55px; padding:9px 30px; color:#242424; font-weight:500; line-height:1.5em; background:#fafafa; border-top:2px solid #868686; border-bottom:1px solid #ddd;}
.my-study-table .table table td {height:70px; padding:9px 30px; color:#505050; line-height:1.5em; text-align:center; border-bottom:1px solid #ddd;}
.my-study-table .table table tr:last-child td {border-bottom:0;}
.my-study-table .table .btn-set {display:block;}
.my-study-table .table .time {color:#242424;}
.my-study-table .table .mobile-show {display:none; color:#898989; font-size:.8em;}

.my-study-info {margin-top:37px; color:#454545;}
.my-study-info h3 {margin-bottom:.5em; color:#242424; font-size:clamp(16px, calc(20 / 1300 * 100vw ), 20px); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}

.my-pay-list table {width:100%; border-collapse:collapse; border-spacing:0px;}
.my-pay-list table th {height:55px; padding:9px 10px; color:#242424; font-weight:500; line-height:1.5em; background:#fafafa; border-top:2px solid #868686; border-bottom:1px solid #ddd;}
.my-pay-list table td {height:70px; padding:9px 10px; color:#505050; font-size:15px; line-height:1.5em; text-align:center; border-bottom:1px solid #ddd;}
.my-pay-list .status {font-weight:700;}
.my-pay-list .status.waiting {color:#ababab;}
.my-pay-list .status.complete {color:#2e8df9;}

.my-pay-list-m {display:none;}
.my-pay-list-m table {width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom:10px;}
.my-pay-list-m table th {width:28%; padding:10px 10px; color:#242424; font-size:14px; font-weight:500; line-height:1.5em; background:#f4f9ff; border:1px solid #ddd;}
.my-pay-list-m table td {padding:10px 10px; color:#505050; font-size:14px; font-weight:400; line-height:1.5em; border:1px solid #ddd;}
.my-pay-list-m .status {font-weight:700;}
.my-pay-list-m .status.waiting {color:#ababab;}
.my-pay-list-m .status.complete {color:#2e8df9;}

.my-pay-info table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:16px; line-height:1.6em;}
.my-pay-info table th {padding:17px 20px; border:1px solid #ddd; background:#fafafa; color:#242424; font-weight:500;}
.my-pay-info table td {padding:17px 20px; border:1px solid #ddd; color:#454545; text-align:center;}
.my-pay-info table td .price {color:#242424;}
.my-pay-info table td.txt {text-align:left; font-size:15px;}
.my-pay-info table tr th:first-child,
.my-pay-info table tr td:first-child {border-left:0;}
.my-pay-info table tr th:last-child,
.my-pay-info table tr td:last-child {border-right:0;}

.my-pay-info-m {display:none;}
.my-pay-info-m dl {border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.my-pay-info-m dl:not(:last-child) {margin-bottom:10px;}
.my-pay-info-m dt {padding:12px; background:#fafafa; color:#242424; font-weight:500; font-size:15px; line-height:1.5em;}
.my-pay-info-m dd {padding:12px; color:#454545; font-size:14px; line-height:1.5em;}

.vod-pop{width:90vw; max-width:1200px; border-radius:20px; background:#fff; overflow:hidden;}
.vod-pop .title{padding:25px 50px;background-color: #2e8df9;font-size:24px;font-weight:700;color: #fff;line-height:1.2em;}
.vod-pop .vod-wrap{padding:50px;}

/* 비메오 관련 스타일 */
.vimeo-container {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.vimeo-player-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.vimeo-player-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vimeo-progress-info {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.vimeo-progress-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    font-size: 14px;
}

.vimeo-progress-label {
    font-weight: 600;
    color: #333;
}

.vimeo-progress-value {
    color: #007bff;
    font-weight: 500;
}

.vimeo-progress-bar {
    width: 100%;
    height: 20px;
    background: #e9ecef;
    border-radius: 10px;
    margin-top: 10px;
    overflow: hidden;
}

.vimeo-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #28a745 0%, #20c997 100%);
    width: 0%;
    transition: width 0.3s ease;
    border-radius: 10px;
}

.vimeo-status-message {
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 14px;
    display: none;
}

.vimeo-status-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.vimeo-status-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.vimeo-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: #dc3545;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    z-index: 10;
}

.vimeo-close-btn:hover {
    background: #c82333;
}

.vimeo-video-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
    padding-right: 80px;
}

/* 관리자 페이지 비메오 스타일 */
.admin-vimeo-stats {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.admin-vimeo-stat-item {
    text-align: center;
    margin-bottom: 20px;
}

.admin-vimeo-stat-item:last-child {
    margin-bottom: 0;
}

.admin-vimeo-stat-value {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.admin-vimeo-stat-label {
    font-size: 12px;
    color: #6c757d;
    text-transform: uppercase;
}

/* 비메오 이벤트 로그 테이블 */
.vimeo-event-table {
    font-size: 13px;
}

.vimeo-event-table .badge {
    font-size: 10px;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .vimeo-container {
        padding: 15px;
    }
    
    .vimeo-video-title {
        font-size: 16px;
        padding-right: 70px;
    }
    
    .vimeo-close-btn {
        padding: 6px 10px;
        font-size: 11px;
    }
    
    .vimeo-progress-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .admin-vimeo-stat-value {
        font-size: 20px;
    }
}

.verify{margin-bottom:clamp(1.875rem, 1.3816rem + 1.9737vw, 3.75rem);background-color:#f8f8f8;padding:clamp(1.25rem, 0.7566rem + 1.9737vw, 3.125rem);border-radius:clamp(0.625rem, 0.4934rem + 0.5263vw, 1.125rem);}
.verify .inner{display:flex;align-items:center;max-width:555px;width:100%;margin:0 auto;}
.verify .inner .tit{margin-right:clamp(1.25rem, 0.5921rem + 2.6316vw, 3.75rem);font-size:clamp(1.125rem, 1.0263rem + 0.3947vw, 1.5rem);font-weight:700;color: #242424;line-height:1.3em;}
.verify .inner .input-wrap{min-width:0;width:1%;flex:1 1 auto;}
.verify .inner .input-wrap .row{margin-bottom:10px;display:flex;gap:10px;}
.verify .inner .input-wrap .row:last-child{margin-bottom:0;}
.verify .inner .input-wrap .row input.input{min-width:0;width:1%;flex:1 1 auto;}
.verify .inner .input-wrap .row input.input::placeholder{font-size:clamp(0.8125rem, 0.7796rem + 0.1316vw, 0.9375rem);}
.verify .inner .input-wrap .row .btn{display:flex;justify-content:center;align-items:center;background-color: #2e8df9;border:none;line-height:1.2em;color: #fff;font-weight:600;width:120px;}