@charset "utf-8";

.is-m{display:none !important;}

html, body{background:#fff;}
body{color:#191715; font-size:16px; overflow-x:hidden;overflow-y:auto;letter-spacing:-0.025em;}

#wrapper{position:relative; margin:0 auto; padding:0 16px;}
.wrap{max-width:1400px; margin:0 auto;}

.btn{display:flex; height:40px; padding:0 16px; border-radius:3px; background-color:#00c4c4; color:#fff !important; font-size:15px; font-weight:500; line-height:38px; align-items:center; justify-content: center;gap:10px; transition: all 0.3s ease;}
.btn.btn-line{border:1px solid #00c4c4; background-color:transparent; color:#00c4c4 !important; font-weight:600;}
.btn.btn-round{border-radius:20px;}
.btn.btn-black{background-color:#282828;}
.btn.btn-gray{background-color:#8d8d8d;}
.btn.btn-lightGray{border-color:#dadbdf; color: #000 !important;}
.btn.btn-blue{background-color:#0068d1;}
.btn.btn-pink{border-color:#ff36bf; color:#ff36bf !important;}
.btn-borderBlack{border-color:#000; border:1px solid #000; background-color:transparent; color: #000 !important;}
.btn-borderGray{border-color:#000;  border:1px solid #000; background-color: #e3e3e3; color: #000 !important;}

#header{position:fixed;top:0;left:0;right:0;z-index:9500; padding: 36px 0 20px 0; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #fff;}
#header .wrap{display:flex; flex-direction:column; gap: 15px;}
#header .header-top{display:flex; align-items:center;justify-content:space-between;}
#header .header-top .logo a{display:block;}
#header .header-top .logo a img{height: 65px;}
#header .header-top .link{display:flex; align-items:center;gap:28px;}
#header .header-top .link .link-text{display:flex; gap:20px;}
#header .header-top .link .link-text a{color:#262626; font-size:15px;}
#header .header-top .link .link-btn{display:flex; gap:7px;}
#header .header-top .link .link-btn .btn{min-width:94px;}
#header .header-bottom{display:flex; justify-content:space-between;align-items:center;}
#header .header-bottom .menu{display:flex; gap:27px;align-items:center; position: relative;}


/* 햄버거 메뉴 */
.menu-btn{position:absolute;left:0px;top:0px;z-index:10000;display:inline-block;cursor:pointer;transition:all .3s ease-in-out;}
.menu-btn .line{width:28px;height:3px;background:#000;display:block;margin:6px auto;transition:all .3s ease-in-out;}
#hamburger-6.is-active{transition:all .3s ease-in-out;transition-delay:.6s;transform:rotate(45deg);}
#hamburger-6.is-active .line:nth-child(2){width:0;}
#hamburger-6.is-active .line:nth-child(1),#hamburger-6.is-active .line:nth-child(3){transition-delay:.3s;}
#hamburger-6.is-active .line:nth-child(1){transform:translateY(8px);}
#hamburger-6.is-active .line:nth-child(3){transform:translateY(-10px) rotate(90deg);}

li.allmenu-h5{display: none;}

/* 전체메뉴 슬라이드 */
#allmenu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000;transform:translateY(-100%);opacity:0; pointer-events:none; transition:transform .35s ease,opacity .35s ease;}
#allmenu.on{transform:translateY(0);opacity:1;pointer-events:auto;}

/* 바깥영역 오버레이 */
.allmenu-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);z-index:1;opacity:1;}

/* 내부 메뉴 박스 */
.allmenu-inner{position: relative; z-index: 2; width: 100%; margin: 193px auto 0; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

/* 유저 영역 */
.allmenu-user{background: #f7f7f7;}
.allmenu-user-info{width: 1400px; margin: auto; display: flex; align-items: center; gap: 15px; padding: 10px 0; cursor: pointer;}
.allmenu-login .user-thumb{width: 61px; height: 61px; border-radius: 50%; overflow:hidden; background: url(../images/icon_login.png) no-repeat center; display:flex; align-items:center; justify-content:center;}
.allmenu-logout .user-thumb{width: 61px; height: 61px; border-radius: 50%; overflow:hidden; background: url(../images/icon_logout.png) no-repeat center; display:flex; align-items:center; justify-content:center;}
.allmenu-user-info:hover .user-text{text-decoration:underline; text-decoration-thickness: 1px; text-decoration-color: #000; text-underline-offset: 4px;}
.allmenu-user-info .user-text{font-size: 20px; color: #000;}
.allmenu-user-info .user-text strong{color: #00c4c4; font-size: 20px; font-weight: 500;}
/* 메뉴 바디 */
.allmenu-body{display: flex; gap: 80px; margin-top: 30px; padding: 20px 0; width: 1400px; margin: auto;}
.allmenu-list{list-style: none; padding: 0; margin: 0; display: flex;} 
.allmenu-col{width: 200px; border-left: 1px solid #ddd; padding-left: 40px; padding-right: 40px; text-align: center;}
.allmenu-col:first-child{border-left: none;}
.allmenu-col li{margin-bottom: 15px; }
.allmenu-col li:last-child{margin-bottom: 0;}
.allmenu-col li a{font-size: 18px; color: #000; font-weight: 500; transition: all .2s ease;}
.allmenu-col li:hover a{color: #00c4c4; text-decoration: underline;}
/* 닫기 버튼 */
.allmenu-close{position: absolute; top: 20px; right: 20px; background: none; border:0;font-size: 0; width: 30px; height: 30px; background:url('../images/icon_close.png') no-repeat center/20px;cursor:pointer;}
.allmenu-close{display: none;}
/* 헤더 고정 (스크롤해도 따라오도록) */
.menu-open #header{position:fixed;top:0;left:0;right:0;z-index:9500;background:#fff;}

#header .header-bottom .menu .menu-list{display:flex; align-items:center;gap:20px; margin-left: 60px;}
#header .header-bottom .menu .menu-list li a{padding:0 3px; border-bottom:3px solid transparent; color:#191715; font-size:20px; font-weight:500;}
#header .header-bottom .menu .menu-list li.active a{border-color:#00c4c4; color:#00c4c4; font-weight:600;}
#header .header-bottom .search .search-box{position: relative; width:553px; height:56px; padding:0 16px; border:1px solid #00c4c4; border-radius:28px; background:#fff; display:flex;  align-items:center; justify-content:space-between;transition:border-radius .05s ease, height .05s ease; overflow:hidden;}
#searchDrop{ position: fixed;left: 0;top: 0; width: 0;height: 0;overflow: hidden; background: #fff;border: none; border-top: none; box-shadow: none; border-radius:0 0 28px 28px; transition: height .05s ease, border .05s ease, box-shadow .05s ease; z-index: 9700;}
#searchDrop.is-open{border:1px solid #00c4c4;border-top:none;box-shadow:0 10px 20px rgba(0,0,0,0.1);height:250px;}
#header .header-bottom .search .search-box input{width:100%; margin-right:10px; padding-right:10px; border-right:1px solid #dde2e6; font-size:16px; line-height: 2;}
#header .header-bottom .search .search-box input:focus{outline:none;}
#header .header-bottom .search .search-box input::placeholder{color:#999fa6;}
#header .header-bottom .search .search-box button{}
#header .header-bottom .search .search-box.is-open{border-radius:28px 28px 0 0;}
#header .header-bottom .search form{width:100%;}
.search-dropBox .search-content{max-height: 235px; overflow-y: auto;}
.search-dropBox .search-content ul li{padding: 8px 15px;}
.search-dropBox .search-content ul li:first-child{padding-top: 21px;}




#footer{border-top:1px solid #e9ecef;}
#footer .footer-link{padding:20px 0;}
#footer .footer-link .wrap{display:flex; align-items:center;justify-content:space-between;}
#footer .footer-link .link-text{display:flex; align-items:center;gap:33px;}
#footer .footer-link .link-text a{color:#333; font-size:20px; font-weight:600;}
#footer .footer-link .link-btn{display:flex; align-items:center;gap:7px;}
#footer .footer-link .link-btn .btn{width:164px; height:43px; font-size:18px; line-height:41px;}
#footer .footer-info{border-top:1px solid #e9ecef;}
#footer .footer-info .wrap{display:flex; padding-top:50px; padding-bottom:50px; align-items:center;justify-content:space-between;gap:20px;}
#footer .footer-info .footer-logo{max-width:calc(100% - 769px);}
#footer .footer-info img{height: 65px;}
#footer .footer-info .info-text{color:rgba(187,187,187,0.78); font-size:15px; line-height:1.33; flex-shrink:0;}
#footer .footer-info .info-text span{color:rgba(51,51,51,0.78); font:inherit;}

#container{padding-bottom:100px;}

.main-container{padding-top: 198px;}
.main-container .banner{overflow:hidden; position:relative; height:596px; margin:0 -16px; /* max-width:100%;*/ /* margin:0 auto;*/}
.main-container .banner .swiper{overflow:visible; position:absolute; top:0; left:50%; bottom:0; width:2088px; transform:translateX(-50%);}
.main-container .banner .swiper-slide{opacity:0.5; width:400px; transition:opacity 0.5s ease-in-out;}
.main-container .banner .swiper-slide.swiper-slide-active + .swiper-slide,
.main-container .banner .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
.main-container .banner .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{opacity:1;}
.main-container .banner .swiper-slide a{display:block; overflow:hidden; border-radius:20px;}
.main-container .banner .swiper-slide a img{width:100%; transition:0.35s ease-in-out;}
.main-container .banner .swiper-slide a:hover img{transform:scale(1.05);}
.main-container .banner .swiper-pagination{top:auto; left:auto; bottom:0;/* margin-top:45px;*/}
.main-container .banner .swiper-pagination span{opacity:1; width:16px; height:16px; background-color:#d3d3d3; transition:0.25s ease-in-out;}
.main-container .banner .swiper-pagination span.swiper-pagination-bullet-active{background-color:#32cdd1;}

#nav{display:none;}

.btn-like{position:absolute; width:30px; height:28px; background:url(../images/icon_heart_white.png) no-repeat center / 100%;}
.btn-like.on{background-image:url(../images/icon_heart_on.png);}

.category-type{display:flex; gap:5px;}
.category-type .type{padding:0 16px; border-radius:13px; background-color:#32cdd1; color:#fff; font-size:15px; line-height:26px;}
.category-type .type.pink{background-color:#ff33be;}
.category-type .type.blue{background-color:#0068d1;}

.category{margin-top:58px;}
.category + .category{margin-top:112px;}
.category .head{display:flex; align-items:center;gap:20px;}
.category .head .title{font-size:38px; font-weight:700;}
.category .head .category-num{font-size: 18px; color: #000;}
.category .head .scroll .tab{display:flex; gap:10px;}
.category .head .scroll .tab li button{height:53px; padding:0 17px; border-radius:27px; background-color:#f6f6f6; color:#8a9193; font-size:20px; transition:0.25s ease-in-out;}
.category .head .scroll .tab li.active button{background-color:#282828; color:#fff;}
.category .head .control{display:flex; position:relative; margin-left:auto; gap:5px;}
.category .head .control .btn-control{position:relative; width:42px; height:42px; border:1px solid #e3e3e3; border-radius:50%; font-size:0;}
.category .head .control .btn-control:before{position:absolute; top:0; left:0; right:0; bottom:0; width:15px; height:15px; margin:auto; background-repeat:no-repeat; background-position:center; background-size:15px; content:''; transition:0.25s ease-in-out;}
.category .head .control .btn-control.prev:before{background-image:url(../images/icon_left.png);}
.category .head .control .btn-control.next:before{left:4px; background-image:url(../images/icon_right.png);}
.category .head .control .btn-control.more:before{background-image:url(../images/icon_plus.png);}
.swiper-button-disabled:before{opacity:0.2;}
.category .swiper{margin-top:30px;}
.category .swiper .swiper-slide a{display:block;}
.category .swiper .swiper-slide a .category-img{display:block; overflow:hidden; position:relative; border-radius:10px;}
.category .swiper .swiper-slide a .category-img img{width:100%; transition:0.35s ease-in-out;}
.category .swiper .swiper-slide a:hover .category-img img{transform:scale(1.1);}
.category .swiper .swiper-slide a .category-img .btn-like{top:11px; right:20px;}
.category .swiper .swiper-slide a .category-type{margin-top:16px;}
.category .swiper .swiper-slide a .category-title{display:block; overflow:hidden; margin-top:10px; color:#191715; font-size:20px; font-weight:500; text-overflow:ellipsis; white-space:nowrap;}
.category .swiper .swiper-slide a .category-text{display:block; overflow:hidden; margin-top:5px; color:#999; font-size:20px; text-overflow:ellipsis; white-space:nowrap;}
.category .swiper .swiper-slide a .category-price{display:flex; margin-top:2px; align-items:center;gap:10px;}
.category .swiper .swiper-slide a .category-price .current-price{font-size:25px; font-weight:700; flex-shrink:0;}
.category .swiper .swiper-slide a .category-price .cost-price{overflow:hidden; color:#858688; font-size:20px; font-weight:500; text-decoration:line-through; text-overflow:ellipsis; white-space:nowrap;}




.category-container{padding-top: 193px;}

.top-banner .wrap{display:flex; position:relative; height:160px; padding:0 440px 0 45px; background:url(../images/bg_top_banner.gif) no-repeat center / cover; align-items:center;gap:26px;justify-content:center;}
.top-banner .wrap div{color:#fff; font-size:38px; font-weight:700;}
.top-banner .wrap p{color:#fff; font-size:28px; font-weight:500;}
.top-banner .wrap img{position:absolute; right:74px; bottom:0; max-height:100%;}

.select-wrap{margin-top:69px;}
.select-wrap .wrap{display:flex; align-items:center;justify-content:space-between;}
.select-wrap .wrap > div{display:flex; align-items:center;}
.select-wrap .select-type.n1{gap:6px;}
.select-wrap .select-type.n1 .select-box select{height:40px; padding:0 43px 0 16px; border:1px solid #d9dddd; border-radius:20px; background:url(../images/icon_select_arrow.png) no-repeat right 16px center; color:#000; font-size:15px; font-weight:500; cursor: pointer;}
.select-wrap .select-type.n1 .select-box:hover select{color: #00c4c4; transition: all 0.1s;}
.select-wrap .select-type.n2 .select-box{position:relative;}
.select-wrap .select-type.n2 .select-box + .select-box:before{display:inline-block; position:absolute; top:0; left:0; bottom:0; width:1px; height:16px; margin:auto 0; background-color:#e0e0e0; content:'';}
.select-wrap .select-type.n2 .select-box select{min-width:180px; height:40px; padding:0 48px 0 32px; background:url(../images/icon_select_arrow2.png) no-repeat right 26px center; color:#000; font-size:18px; font-weight:500; cursor: pointer; border-radius: 20px; border: 1px solid #d9dddd;}
.select-wrap .select-type.n2 .select-box:hover select{color: #00c4c4; transition: all 0.1s;}
.select-box select:focus{outline: none;}

.bottom-btn-box{margin-top:130px;}
.btn-more{width: 220px; height: 70px; margin:20px auto 0; border-radius:40px; font-size:25px; font-weight:700; line-height:78px;}
.btn-more:after{width:17px; height:11px; background:url(../images/icon_bottom.png) no-repeat center / cover; content:'';}
.btn-more.btn-close:after{transform:rotate(180deg);}

.detail-container{padding-top: 203px;}
.detail-container .wrap{display:flex; justify-content:space-between;align-items:start;/* gap:56px;*/}
.detail-container .detail-view{display:flex; width:calc(100% - 568px); flex-direction:column;}
.detail-container .detail-img{position:relative; padding-top:11px;}
.detail-container .detail-img img{width:100%;}
.detail-container .detail-img .btn-like{top:30px; right:30px; background-image:url(../images/icon_heart.png);}
.detail-container .detail-img .btn-like.on{background-image:url(../images/icon_heart_on.png);}
.detail-container .detail-tab{margin-top:36px;}
.detail-container .detail-tab .tab-list{display:flex;}
.detail-container .detail-tab .tab-list li{width:100%;}
.detail-container .detail-tab .tab-list li button{width:100%; padding:14px 0; border-bottom:4px solid #e1e1e1; color:#111127; font-size:20px; font-weight:600;}
.detail-container .detail-tab .tab-list li.active button{border-color:#32cdd1;}
.detail-container .panel-box:first-child{overflow:hidden; position:relative; height:1100px;}
.detail-container .detail-panel:after{position:absolute; left:0; right:0; bottom:0; height:200px; background-image:linear-gradient(0deg, #fff, transparent); content:'';}
.detail-container .detail-view.active .detail-panel{height:auto;}
.detail-container .detail-view.active .detail-panel:after{display:none;}
.detail-container .detail-view.active .btn-more{/* display:none;*/}


.detail-container .detail-panel .panel-list .panel-list_tit{border-bottom: 2px solid #000; font-size: 28px; font-weight: 700; margin-top: 60px; line-height: 50px; color: #000;}  
.detail-container .detail-panel .panel-list .panel-list_tit img{max-width:100%;}
.detail-container .detail-panel .panel-list .review-head{border: none;}
.detail-container .detail-panel .panel-list .review-head .review_member{margin-left: 20px; font-size: 15px; font-weight: 400; color: #333; line-height: 38px;}
.detail-container .detail-panel .panel-list .detail_review{border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}
.detail-container .detail-panel .panel-list .lecture-btn{margin-top: 20px; display: flex; justify-content: flex-end;}
.detail-container .detail-panel .panel-box:first-child{margin:20px auto 0;}

.detail_review .review-content li.review-simple{word-break: break-all; overflow-wrap: break-word;}




.detail-container .detail-floating{position:sticky; top: 193px; right:0; width:512px; padding:40px; border:1px solid #e1e1e1; border-radius:15px; flex-shrink:0;}
.detail-container .detail-floating .detail-title{font-size:25px; font-weight:700;}
.detail-container .detail-floating .detail-info{display:flex; margin-top:20px; align-items:center;gap:8px;}
.detail-container .detail-floating .detail-info .info-btn{display:flex; height:38px; padding:0 12px; border:1px solid #ddd; border-radius:19px; color:#666; font-size:14px; align-items:center;gap:4px;}
.detail-container .detail-floating .detail-info .info-star{display:flex; margin-left:auto; color:#bbb; align-items:center;gap:6px;}
.detail-container .detail-floating .detail-info .info-star:before{width:16px; height:16px; margin:-2px -3px 0 0; background:url(../images/icon_star.png) no-repeat center / cover; content:'';}
.detail-container .detail-floating .detail-info .info-star span{color:#111; font-size:16px;}
.detail-container .detail-floating .detail-list{display:flex; margin-top:24px; padding-top:24px; border-top:1px solid #e1e1e1; flex-direction:column;gap:10px;}
.detail-container .detail-floating .detail-list li{display:flex; color:#111127; font-size:20px; font-weight:600; justify-content:space-between;align-items:center;}
.detail-container .detail-floating .detail-list li span{color:#282828; font-size:inherit; font-weight:500;}
.detail-container .detail-floating .detail-price{margin-top:24px; padding-top:24px; border-top:1px solid #e1e1e1;}
.detail-container .detail-floating .detail-price .price{display:flex; color:#111127; font-size:20px; font-weight:700; justify-content:space-between; align-items: center;}
.detail-container .detail-floating .detail-price .price-travel span{color: #0068d1 !important;}
.detail-container .detail-floating .detail-price .price span{color:#00c4c4; font-size:35px; font-weight:700; line-height:1;}
.detail-container .detail-floating .detail-price .price-text{margin-top:10px; color:#4f4f4f; font-size:18px; font-weight:700; text-align:right;}
.detail-container .detail-floating .detail-price .price-text span{color:#ff33be; font:inherit;}
.detail-container .detail-floating .detail-price .price-text2{display:flex; margin-top:8px; color:#4f4f4f; font-size:15px; text-align:right; align-items:center;gap:4px;justify-content:end;}
.detail-container .detail-floating .detail-price .price-original{font-size: 22px; color: #bfbfbf; text-decoration: line-through; display: flex; justify-content: flex-end;}
.detail-container .detail-floating .detail-btn{display:flex; margin-top:32px; gap:8px;}
.detail-container .detail-floating .detail-btn .btn{width:100%; height:56px; border-radius:5px; font-size:18px; font-weight:600; line-height:54px;}
.detail-container .detail-floating .detail-btn .btn-blue:hover{opacity: 0.8;}
.detail-container .detail-floating .detail-btn .btn-lightGray:hover{background: #f2f3f7;}
.detail-container .detail-floating .detail-btn .btn-blue:hover{opacity: 0.8;}
.detail-container .detail-floating .detail-btn .btn-lightGray:hover{background: #f2f3f7;}
.mem-complete_btn .btn-lightGray:hover{background: #f2f3f7;}
.detail-container .detail-floating .detail-btn .btn-pink:hover{background: #ffebf8;}
.detail-container .detail-floating .detail-btn .btn:hover{opacity: 0.8;}
.top-btn{position: absolute; bottom: -75px; right: 0px;}
.top-floating{width: 55px; height: 55px; border-radius: 50%; border:1px solid #dcdcdc; background:#fff; padding:0; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 6px rgba(0,0,0,0.05);}
.top-floating:hover{background:#f7f7f7;}
.top-icon{width: 40px; height: 40px; color: #000; display: block;}



.sub-container{padding-top: 250px;}
.sub-container .wrap{display:flex; align-items:start;justify-content:space-between;}
.sub-container .sub-left{overflow:hidden; position:sticky; top: 193px; width: 300px; padding:22px 32px 60px 32px; border:1px solid #e1e1e1; border-radius:15px;}
.sub-container .sub-left .sub-title{padding-bottom:16px; border-bottom:1px solid #000; color:#000; font-size:25px; font-weight:700; text-align:center;}
.sub-container .sub-left .sub-menu{margin-top:36px;}
.sub-container .sub-left .sub-menu .menu-list li{border-bottom:1px solid #e1e1e1;}
.sub-container .sub-left .sub-menu .menu-list li a{padding:12px 2px; color:#000; font-size:20px; font-weight:500;}
.sub-container .sub-left .sub-menu .menu-list li.active{border-bottom: 1px solid #32cdd1;                               }
.sub-container .sub-left .sub-menu .menu-list li.active a{color:#32cdd1;}

.sub-container #contents{width:calc(100% - 405px);}
.sub-container .tab .tab-list{display:flex; align-items:center;justify-content:space-around;}
.sub-container .tab .tab-list li a{color:#292727; font-size:18px; font-weight:500;}
.sub-container .tab .tab-list li.active a{color:#00c4c4 !important;}
.sub-container .tab.depth2{border-top:4px solid #000;}
.sub-container .tab.depth2 .tab-list{padding:20px 16px;}
.sub-container .tab.depth2 .tab-list li a{color:#000; font-size:20px; font-weight:600;}
.sub-container .tab.depth3{border-top:1px solid #000;}
.sub-container .tab.depth3 .tab-list{padding:20px 16px; justify-content:center;gap:80px;}

.lecture-wrap{margin-top:10px; position: relative;}
.lecture-wrap .btn-prev_pc{position:absolute; top: 70px; left: 0; margin:auto 0; background:url(../images/icon_prev_pc.png) no-repeat left / 11px 17px; padding-left: 20px; font-size: 17px; font-weight: 700;}
.lecture-wrap .lecture-text{position:relative; padding-left:6px; color:#999b9c; font-size:14px;}
.lecture-wrap .lecture-text:before{position:absolute; top:0; left:0; content:'·';}
.lecture-wrap .lecture-flex{display:flex; margin-top:20px; flex-direction:column;gap:26px;}
.lecture-wrap .lecture-box{overflow:hidden; padding:24px 34px; border:1px solid #d9dddd; border-radius:15px;}
.lecture-wrap .lecture-box .lecture-head{display:flex; align-items:center;gap:14px;}
.lecture-wrap .lecture-box .lecture-head .category-type{flex-shrink:0;}
.lecture-wrap .lecture-box .lecture-head .category-type .type{padding:0 16px; border-radius:13px; font-size:15px; line-height:26px;}
.lecture-wrap .lecture-box .lecture-head .lecture-title{color:#292727; font-size:18px; font-weight:500;}
.lecture-btn{display:flex; margin-left:auto; gap:4px;flex-shrink:0;}
.lecture-btn .btn{min-width:107px; flex-shrink:0;}
.lecture-wrap .lecture-box .lecture-list{display:flex; margin-top:20px; padding-top:20px; border-top:1px solid #d9dddd; flex-direction:column;gap:8px;}
.lecture-wrap .lecture-box .lecture-list li{display:flex; min-height:40px; color:#292727; font-size:18px; font-weight:500; align-items:center;}
.lecture-wrap .lecture-box .lecture-list li .btn{min-width:107px; margin-left:auto;}
.lecture-wrap .lecture-box .lecture-list li a.receipt{color: #ff0000; font-size: 16px; margin-left: 5px; font-weight: 600;}
.lecture-wrap .lecture-box .lecture-list li span.refund_sum{color: #ff0000; font-size: 18px; font-weight: 600; margin-left: 8px;}
.lecture-wrap .lecture-none{padding-top:60px; color:#999b9c; font-size:20px; text-align:center;}
.lecture-wrap .lecture-first{margin-top: 60px;}
.lecture-table_m{display: none;}
.lecture-wrap .lecture-box .lecture-list_m{display:flex; margin-top:20px; padding-top:20px; border-top:1px solid #d9dddd; flex-direction:column;gap:8px;}
.lecture-wrap .lecture-box .lecture-list_m li{display:flex; min-height:40px; color:#292727; font-size:18px; font-weight:500; align-items:center;}
.lecture-wrap .lecture-box .lecture-list_m li .btn{min-width:107px; margin-left:auto; height: 34px; line-height: 34px; font-size: 15px;}
.lecture-wrap .lecture-box .lecture-list_m li span.l_box{min-width: 107px; background: #eceeee; color: #000; height: 34px; align-items: center; justify-content: center; display: flex; border-radius: 3px; font-weight: 600;}
.lecture-wrap .lecture-box .lecture-list_m li span.r_box{display: block; margin-left: 15px; font-size: 15px;}
.review-head{display: flex; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #d9dddd; gap: 14px; align-items: center;}
.review-head .rating{margin-right: auto; flex-shrink: 0; gap: 4px;}
.review-head .rating ul li{float: left; font-size: 20px; color: #000; font-weight: 700;}
.review-head .rating ul li.score_number{margin-left: 8px;}
.review-head .rating .review-title{}
.lecture-box .review-content{display: flex; flex-direction: column; gap: 8px;}
.lecture-box .review-content li.review-simple{color: #292727; align-items: center; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lecture-box .review-content li.review-more{font-size: 15px; background: url(../images/icon_review_more.png) no-repeat 45px / 10px 10px; font-weight: 700; cursor: pointer;}
.lecture-box .review-content li.review-fold{font-size: 15px; background: url(../images/icon_review_fold.png) no-repeat 30px / 10px 10px; font-weight: 700; cursor: pointer;}
.lecture-box .review-content li.review-more:hover{text-decoration: underline;}
.lecture-box .review-content li.review-fold:hover{text-decoration: underline;}
.qna-head{display: flex; margin-top: 20px; padding-top: 20px; border-top: 1px solid #d9dddd; gap: 14px; align-items: center;}
.qna-title ul li{color: #292727; font-size: 17px; font-weight: 500;}
.qna-question{margin-top: 20px; padding-left: 40px; color: #292727; align-items: center; font-size: 16px; background: url(../images/icon_qna.png) no-repeat left / 24px 22px; }
.qna-answer{background: #f0f0f0; margin-top: 20px;}
.qna-answer ul{padding: 15px;}
.qna-answer ul li.answer_signal{background: #7e7e7e; color: #fff; font-size: 14px; padding: 3px 15px; display: inline;}
.qna-answer ul li.answer_content{display: table-cell; padding: 10px 0px 10px 30px; font-size: 16px; color: #000; background: url(../images/icon_answer.png) no-repeat 5px 5px / 17px 17px;}
.qna-answer ul li.answer_manager{padding-left: 29px; font-size: 16px;}
.form-check{display:flex; gap:14px;}
.check_agree{padding-bottom: 35px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.check_agree_con{padding: 10px 0;}
.check_agree_con .check span{color: #e11919;}
.check_agree_con .check a{text-decoration: underline;}
.form-check h4{font-size: 20px; color: #000; font-weight: 600; margin-left: 30px;}
.form-check h5{color:#202020; margin-left: 30px;}
.form-box + .form-check{margin-top:7px;}
.form-check .check{position:relative;}
.form-check .check input{position:absolute; top:3px; left:3px;}
.form-check .check label{display:flex; color:#999b9c; font-size:16px; cursor:pointer; gap:4px;align-items:center;}


.table_lecture{margin-top: 20px;}
.table_lecture tbody{}
.table_lecture tbody tr{}
.table_lecture tbody tr th{background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #474a52; font-weight: 500; vertical-align: middle; height: 50px; line-height: 50px; font-size: 15px; text-align: center; color: #222;}
.table_lecture tbody tr td{height: 50px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #d9d9d9;}
.table_lecture tbody tr td.order{width: 8%;}
.table_lecture tbody tr td.title{text-align: left; max-width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table_lecture tbody tr td.play a{width: 28px; height: 28px; background:url(../images/icon_play.png) no-repeat center; font-size:0; justify-content: center; align-items: center;}

.coupon-area{background: #e3e3e3; padding: 60px 150px; margin-bottom: 20px;}
.coupon-area .coupon-row{display: flex; align-items: center;} 
.coupon-area .coupon-label{font-size: 18px; font-weight: 600; color: #000; margin-right: 10px; white-space: nowrap;} 
.coupon-area .coupon-input{flex: 1; background: #fff; padding: 12px 20px 12px 20px;}
.coupon-area .coupon-button{background: #282828; width: 96px; height: 45px; color: #fff; font-weight: 600; margin-left: 5px;}
.coupon-list .coupon-label{font-size: 18px; text-align: left; color: #000; font-weight: 600; display: block; margin-top: 20px;}
.coupon-list .table_box .table_lecture td.kind{font-weight: 600; color: #000; text-align: left; padding-left: 20px;}
.coupon-list .table_box .table_lecture td.discount{text-align: left;}
.coupon-list .table_box .table_lecture td.limit{font-size: 12px; text-align: left; display: flex; align-items: center; justify-content: space-between; text-align: left;}
.coupon-list .table_box .table_lecture td.limit:hover a.limit_more{opacity: 0.9;}
.coupon-list .table_box .table_lecture td.limit a.limit_more{display: block; padding: 3px 6px; background: #3b3b3b; border-radius: 2px; color: #fff; font-size: 12px; cursor: pointer; margin-left: -50px;}
.coupon-list .table_box .table_lecture td.date{font-size: 13px;}
.coupon-list .table_box .table_lecture td.date span{display: block; font-size: 13px;}



.form-check .check label:before{width:22px; height:22px; background:url(../images/icon_check.png) no-repeat center / cover; content:'';}
.form-check .check2 label:before{width:22px; height:22px; background:url(../images/icon_check.png) no-repeat center / cover; content:''; position: absolute; top: 2px; left: 0px;}
.form-check .check input:checked + label:before{background-image:url(../images/icon_check_on.png);}

.form-box{display:flex; position:relative; gap:4px;}
.form-box + .form-box{margin-top:5px;}
.form-text + .form-box{margin-top:22px;}
.form-box.required:before{position:absolute; top:15px; left:11px; margin:auto 0; content:'*'; color:#e52154;}
.form-box .inp{width:100%; height:55px; padding:0 17px; border:1px solid #d9dddd; border-radius:3px; font-size:15px;}
.form-box .inp::placeholder{color:#999b9c;}
.form-box .select{width:100%; height:55px; padding:0 28px 0 17px; border:1px solid #d9dddd; border-radius:3px; background:url(../images/icon_select_arrow3.png) no-repeat right 10px center; font-size:15px;}
.form-box .select:disabled{background-color:#d9dddd;}
.form-box .btn{height:55px; flex-shrink:0;}
.form-box.in-check{margin-top:34px;}
.form-box.in-check .form-check{position:absolute; top:50%; right:19px; transform:translateY(-50%);}
.form-box.in-birth .select:nth-child(1){width:46%; flex-shrink:0;}
.form-box.in-num .select.w30{width:30%; flex-shrink:0;}
.form-box.in-num{margin-top:22px;}
.form-box.in-address{margin-top:60px;}
.form-text{margin-top:10px; padding:0 4px; color:#999b9c; font-size:14px;}

/*로그인*/
.login-wrap{max-width:520px; margin:0 auto;}
.login-wrap .sub-title{color:#000; font-size:25px; font-weight:700; text-align:center;}
.login-wrap .login-box{display:flex; overflow:hidden; margin-top:30px; flex-direction:column;}
.login-wrap .btn-submit{height:55px; margin-top:40px; font-size:18px; font-weight:700; line-height:53px;}
.login-wrap .btn-join{height:55px; margin-top:10px; font-size:18px; font-weight:700; line-height:53px; color: #000;}
.login-wrap .form-box.required:before{display: none;}
.login-wrap .form-text{text-align: right;}
.login-wrap h3{color: #000; font-size: 20px; font-weight:700; text-align:center; padding: 50px 0 30px 0;}
.login-wrap .sns-login{justify-content: center; display: flex; align-items: center;}
.login-wrap .sns-login ul li{float: left; margin-left: 8px;}
.login-wrap .sns-login ul li:first-child{margin-left: 0;}

/*아이디·비밀번호찾기*/
.find-wrap{max-width:520px; margin:0 auto;}
.find-wrap .sub-title{color:#000; font-size:25px; font-weight:700; text-align:center;}
.find-box{display:flex; overflow:hidden; flex-direction:column; position: relative;}
.find-wrap .btn-submit{height:55px; margin-top:5px; font-size:18px; font-weight:700; line-height:53px;}
.form-text:before{content: '·'; display: block; position: absolute; left: 0px;}
.find_way{margin-top: 20px;}
.find_way li{width: 258px; height: 55px; float: left; border: 1px solid #e1e1e1; border-radius: 3px 3px; text-align: center;}
.find_way li.active{background: #2f3635;}
.find_way li.active a{color: #fff;}
.find_way li a{display: block; width: 258px; line-height: 55px; font-size: 20px; font-weight: 600;}
.find_way li.find_email{margin-left: 4px;}
.find-box h3{font-size: 17px; font-weight: 700; display: block; margin-top: 25px;}
.find-box .form-box.required:before{display: none;}
.find-box .form-box .w30{width: 30%;}
.find-box .form-box .w70{width: 70%;}
.find-box .form-box.in-check{margin-top: 5px;}
.find-box .form-box.in-num{margin-top: 5px;}

/*개인정보취급방침/이용약관*/
.user-wrap{max-width:520px; margin:0 auto;}
.user-wrap .sub-title{color:#000; font-size:25px; font-weight:700; text-align:center;}
.user-box{width: 100%;}
.user_scrollBox{overflow: hidden; background: #f9f9f9; border: 10px #e9e9e9 solid; margin-top: 30px;}
.user_scrollBox_in{height: 700px; margin-left: auto; margin-right: auto; padding: 10px; overflow: scroll; background: #fff; border: 1px #e9e9e9 solid; color: #474747; line-height: 18px;}


/*회원가입*/
.join-wrap{max-width:520px; margin:0 auto;}
.join-wrap .sub-title{color:#000; font-size:25px; font-weight:700; text-align:center;}
.join-wrap .join-box{display:flex; overflow:hidden; margin-top:30px; padding:40px 50px; border:1px solid #e1e1e1; border-radius:15px; flex-direction:column;}
.join-wrap .btn-submit{height:55px; margin-top:40px; font-size:18px; font-weight:700; line-height:53px;}


/*별점수*/
.rating-row {display: flex; align-items: center; width: 500px; border: 1px solid #e0e0e0;}
.rating-label{width: 80px;padding: 10px; background: #e9e9e9; font-size: 14px; font-weight: 600;}
.rating-area{display: flex; align-items: center; padding: 0 18px; flex: 1;}
.stars{display: inline-flex; cursor: pointer;}
.star{font-size: 20px; margin-right: 2px; color: #cccccc; transition: color 0.15s;/* 빈별색 */}
.star.filled{color: #000000;/* 채워진 별색 */}
.rating-text{margin-left: 8px; font-size: 14px;}



/*1:1상담페에지*/
.consult-wrap{margin: 0 auto; font-size: 14px; color: #111; margin-top: 30px;}
.consult-head{position: relative; border-bottom: 1px solid #000; padding: 12px 0; margin-bottom: 20px; display: flex; justify-content: space-between;}
.consult-head h2{color: #000; margin: 0; font-size: 18px; font-weight: 600;}
.consult-head .required-text{position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 14px; color: #191715;}
.consult-head .required-text em{color: #e60000; font-style: normal; margin-right: 2px;}
.consult-form .form-row{display: flex; align-items: center; padding: 12px 0;}
.consult-form .form-row:last-child{border-bottom: none;}
.consult-form label{width: 110px; font-size: 16px; color: #000; font-weight: 600;}
.consult-form label .req{color: #e60000; margin-left: 2px;}
.consult-form .field{flex:1;}
.consult-form input[type="text"], .consult-form select, .consult-form textarea {width: 100%; box-sizing: border-box; border: 1px solid #cbcbcb; padding: 12px 10px; font-size: 15px; outline: none; border-radius: 3px;}
.consult-form input[type="text"]:focus, .consult-form select:focus, .consult-form textarea:focus {border-color:#999;}
.email-row .field, .title-row .field { display:flex; align-items:center; gap:6px; }
.email-row input[type="text"]:first-child { width:230px; }
.email-row input[type="text"]{font-size: 15px;}
.email-row .at {font-size: 13px; color: #666; }
.email-row select {font-size: 15px; background: url(../images/icon_select_arrow3.png) no-repeat right 10px center; cursor: pointer;}
.title-row select {width:160px; font-size: 15px; background: url(../images/icon_select_arrow3.png) no-repeat right 10px center; cursor: pointer;}
.content-row textarea{height: 220px; resize: none;}
.info-box{border-top: 1px solid #eee; margin-top: 23px; padding-top: 15px; text-align: center;}
.info-box .desc{margin-bottom: 10px; font-size: 14px; color: #898989;}
.info-box .desc_strong{font-size: 16px; color: #000;}
.agree-row{margin-top: 8px; text-align: center; display: flex; justify-content: center;}
.agree-row label{font-size: 17px; color: #000; display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; cursor: pointer;}
.agree-row label:before{width: 16px; height: 16px; border-radius: 5px; background: #eee url(../images/icon_check2.png) no-repeat center top 4px / 10px; content: '';}
.agree-row input[type="checkbox"]:checked + label:before{background-color:#212224;}
.consult-wrap .lecture-btn{justify-content: center; margin-top: 20px; gap: 8px;}
.consult-wrap .lecture-btn .btn{width: 130px;}
.consult-wrap .consult-btn{justify-content: right;}


/*회원정보수정*/
.modify-wrap{max-width: 520px; margin: 0 auto; padding-top: 100px;}
.modify-wrap .modify-box{display: flex; overflow: hidden; margin-top: 30px; flex-direction: column; align-items: center;}
.modify-wrap .sub-title{color: #000; font-size: 25px; font-weight: 700; text-align: center;}
.modify-wrap .modify-box .modify-btn{justify-content: center; gap: 8px;}
.modify-wrap .modify-box .modify-btn .btn{display: inline; width: 200px; height: 50px; font-size: 18px;}
.modify-wrap .modify-box .modify-btn button:first-child{background: #2f3635;}
.modify-wrap .modify-box .modify-info{text-align: center; font-size: 20px; font-weight: 600; margin: 30px 0;}


/*회원정보수정입력페이지*/
.modifyUser-wrap{max-width:520px; margin:0 auto;}
.modifyUser-wrap .sub-title{color:#000; font-size:25px; font-weight:700; text-align:center;}
.modifyUser-wrap .modifyUser-box{display:flex; overflow:hidden; margin-top:30px; padding:40px 50px; border:1px solid #e1e1e1; border-radius:15px; flex-direction:column;}
.modifyUser-wrap .btn-submit{height:55px; font-size:18px; font-weight:700; line-height:53px;}
.modifyUser-box .form-box{display: flex; position: relative; gap: 4px; flex-direction: column; margin-top: 14px;}
.modifyUser-box .form-box label{width: 100%; font-size: 16px; display: flex; margin-left: 10px;}
.modifyUser-box .in-address:before{display: none;}
.modifyUser-box .in-address label{margin-left: 0;}
.modifyUser-box .form-box.required:before{position: absolute; top: 0; left: 0; margin: auto 0; content: '*'; color: #e52154;}
.modifyUser-box .select{background-image: none;}
.modifyUser-box .form-box .field{flex-direction: row; gap: 4px;}
.modifyUser-box .form-box .at{text-align: center;}
.modifyUser-box .email-select:before{position: absolute; top: 0; left: 0; margin: auto 0; content: '*'; color: #e52154;}
.modifyUser-box .email-select{display: flex; position: relative; gap: 4px;}
.email-select .email-field{flex-direction: row; gap: 5px; align-items: center; display: flex; overflow: hidden;}
.email-select select{width: 100%; height: 55px; padding: 0 28px 0 17px; border: 1px solid #d9dddd; border-radius: 3px; background: url(../images/icon_select_arrow3.png) no-repeat right 10px center; cursor: pointer;}
.email-select .inp{width: 100%; height: 55px; padding: 0 17px; border: 1px solid #d9dddd; border-radius: 3px;}
.email-select .btn{height: 55px; flex-shrink: 0;}
.modifyUser-box .email-confirm{flex-direction: row;}
.modifyUser-box .phone-select:before{position: absolute; top: 0; left: 0; margin: auto 0; content: '*'; color: #e52154;}
.modifyUser-box .phone-select .phone-field{flex-direction: row; display: flex; gap: 5px;}
.phone-select select{width: 50%; height: 55px; padding: 0 28px 0 17px; border: 1px solid #d9dddd; border-radius: 3px; background: url(../images/icon_select_arrow3.png) no-repeat right 10px center; cursor: pointer;}
.modifyUser-box .in-address:before{position: absolute; top: 0; left: 0; margin: auto 0; content: '*'; color: #e52154;}
.modifyUser-box .in-address .address-field{flex-direction: row; display: flex; gap: 5px;}

.event_agree_check{position: relative;}
.event_agree_check .tit{font-size: 18px; color: #000; font-weight: 600; margin: 20px 20px 15px 20px;}
.event_agree_check .tit:before{width: 11px; height: 17px; content: ''; display: block; position: absolute; left: 0px; top: 25px; background: url(../images/icon_right_2.png) no-repeat center;}
.event_agree_check p{margin-bottom: 20px;}
.button-box{display: flex; gap: 12px; margin: auto; margin-top: 25px;}
.button-box .btn{width: 202px; height: 46px; font-size: 18px; font-weight: 600; cursor: pointer;}


/*회원탈퇴*/
.delete_write{border: 1px solid #d9dddd; border-radius: 3px; height: 220px; padding: 20px 17px;}
.delete_write textarea{width: 100%; height: 100%; outline: none;}


/*공지사항*/
.consult-wrap .cusnotice-head{border-bottom: none;}
.table_box .table_lecture tr td.manager{font-weight: 300; color: #888; font-size: 14px;}
.table_box .table_lecture tr td.views{font-weight: 300; color: #888; font-size: 14px;}
.table_box .table_lecture tr td.date{font-weight: 300; color: #888; font-size: 14px;}
.table_box .table_lecture tr td.results{font-weight: 500; color: #000; font-size: 15px;}
.table_box .table_lecture tr td.on{color: #00c4c4;}
.table_box .table_lecture tr td.title span.title-txt{font-size: 15px; font-weight: 600;}

.consultView-wrap{box-sizing: border-box; background: #fff; color: #000;}
.consultView-title{font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #000; color: #000;}
.consultView-meta{position: relative; display: flex; gap: 20px; font-size: 14px; background-color: #f4f5f5; border-bottom: 1px solid #ddd; padding: 15px 15px 11px 15px;}
.consultView-meta span{color: #666; background: url(../images/span_line.png) no-repeat right; padding-right: 20px;}
.consultView-meta span:last-child{background: none;}
.consultView-meta strong{margin-right: 6px; font-weight: 500; color: #000;}
.consultView-content{font-size: 16px; line-height: 1.8; color: #333; white-space: pre-line; border-bottom: 1px solid #ddd; padding-bottom: 20px; padding-left: 13px;}
.btn-black:hover{background: #333;}


/*상세페이지 비디오 팝업창*/
.video-popup-title { font-size:18px; font-weight:700; }
.popup-head p { margin-left:12px; font-size:14px; color:#444; flex:1; }
.popup-close { background:none; border:none; cursor:pointer; padding:6px; }
.popup-cont { margin-top:10px; }
.video-popup-box { position:relative; width:100%; padding-top:56.25%; background:#000; overflow:hidden; border-radius:6px; }
.video-popup-box iframe { position:absolute; inset:0; width:100%; height:100%; }
.video-popup-btn { margin-top:20px; }
.video-popup-btn .btn { width:100%; background:#00c4b3; border:none; padding:26px 10px; font-size:18px; font-weight:700; color:#fff; border-radius:6px; cursor:pointer; }
.popup-video-head{max-width: 620px; border-radius: 10px; position: relative;}
.video-popup-title{font-size: 20px; font-weight: 700;}
.video-popup-title p{font-size: 15px; color: #444;}
.popup-video-head .popup-close{position: absolute; right: 0px; top: 0px;}


/*수료증 출력 새창*/
.certificate_bg{width: 700px; height: 985px; background: url(../images/certificate_img.jpg) no-repeat; margin: 20px auto; margin-top: 10px;}
.pdListInfo{float: left; overflow: hidden;  position: absolute; left: -217px; top: 350px; margin-left: 50%;}
.pdListInfo .wdSt01{width: 105px; float: left; font-size: 20px; font-weight: 700; color: #000; line-height: 1.8;}
.pdListInfo dd{width: 400px; overflow: hidden; color: #000; font-size: 20px; line-height: 1.8;}
.certificate_bg p{position: absolute; font-size: 22px; font-weight: 600;text-align: center; line-height: 34px; color: #111111; display: block;}
.certificate_bg p.suryo_txt01{width: 625px; top: 600px; left: -310px; margin-left: 50%;}
.certificate_bg p.suryo_txt02{width: 700px; left: -352px; top: 705px; margin-left: 50%;}
.certificate_bg p.suryo_txt03{left: -298px; top: 74px; font-size: 14px; margin-left: 50%;}
.bill_title_bg{text-align: center; margin-bottom: 40px;}
.bill_title_bg .bill_title{font-size: 18px; color: #000; margin-top: 20px;}
.bill_title_bg .refund-btn{display: flex; justify-content: center; gap: 10px; margin: 10px 0 10px 0;}
.bill_title_bg .refund-btn a{width: 180px; height: 45px; font-size: 17px;}
.bill_title_bg .bill_comment b{font-weight: bold; color: #ff0000;}


/*쿠폰 상세 팝업*/
.coupon_tit_line{border-bottom: 3px solid #000; padding: 10px 0;}
.coupon-detail_desc{margin:18px 0; font-size:18px; font-weight: 600; position: relative; margin-left: 18px;}
.coupon-detail_desc:after{display: block; content: ''; width: 11px; height: 7px; background: url(../images/icon_bottom_arrow.png) no-repeat center; position: absolute; top: 10px; left: -18px;}
.coupon-detail_listWrap{ max-height:260px; overflow-y:auto; padding: 10px 10px;}
.coupon-detail_list li{ padding:10px 0;border-bottom:1px solid #eee;font-size:14px;}
.coupon-detail_list li:first-child{border-top:1px solid #eee;}
.coupon-detail_notice{margin-top:20px;padding:16px; background:#f6f6f6;font-size:13px;color:#555;}


/*VOD 환불규정 팝업*/
.coupon_tit_line{}
.popup-layer .popup-cont{padding: 5px 0px 5px;}
.vodClause-detail{text-align:center;}
.vodClause-detail_desc{margin: 0 0 14px; font-size: 18px; font-weight: 700; color: #111;}
.vodClause-detail_listWrap{margin: 0 auto 14px; width: 100%; max-width: 540px; height: 140px; border:1px solid #dcdcdc; background:#fff; overflow:auto; padding:12px 14px; box-sizing:border-box;}
.vodClause-detail_listWrap ul{margin:0; padding:0; list-style:none; text-align:left;}
.vodClause-detail_listWrap li{font-size: 14px; line-height: 1.6; color:#333;}
.vodClause-detail_listWrap li:first-child{font-size: 16px;} 
.vodClause-detail > p:not(.vodClause-detail_desc){margin: 15px 0 14px; font-size: 15px; line-height:1.6;color:#333;}
.vodClause-detail_list{color: #000; font-size: 14px; text-align: left; padding: 10px 10px 0 10px;}
.agree-row{display:flex; justify-content:center; align-items:center; gap:8px; margin:8px 0 16px;}
.agree-row input[type="checkbox"]{width:18px; height:18px; accent-color:#111; /* 최신 브라우저 체크색 */}
.agree-row label{font-size: 16px; color:#111;cursor:pointer;}


/*1:1상담 내용보기*/
.consultView_answer .consultView-title{border-top: none; font-size: 20px;}
.answer-content{background: #f4f5f5; padding: 20px; border-bottom: 1px solid #ddd;}
.answer-title{display: flex; gap: 20px; align-items: center;}
.answer-title p{font-size: 18px; font-weight: 600; color: #000; display: flex; position: relative; align-items: center; gap: 5px;}
.answer-title p:after{display: block; content: ''; width: 11px; height: 7px; background: url(../images/icon_bottom_arrow.png) no-repeat center;}
.answer-title span{}
.answer-title strong{margin-right: 6px; font-weight: 500; color: #000;}
.answer-box{font-size: 16px; line-height: 1.8; color: #333; white-space: pre-line;}


/*검색어 결과*/
.all_search{width: 100%; text-align: center;}
.search_result_title{border-bottom: 1px solid #000; padding: 80px 0 40px 0;}
.search_result_title p{font-size: 20px; font-weight: 400; color: #000;}


/*결제 시 쿠폰선택 팝업 창*/

/* 테이블 헤더(컬럼명) */
.popup.popup-refund .coupon-table_head{display:grid; grid-template-columns: 1fr 130px 140px; align-items:center; padding:12px 22px; background:#f7f7f7; border-bottom:1px solid #e6e6e6; font-size:14px; font-weight:600; color:#111; border-top: 3px solid #000; margin-top: 10px;}
.popup.popup-refund .coupon-table_head .col-content{text-align: center;}
.popup.popup-refund .popup-cont{padding:0 0 18px;}
.popup.popup-refund .coupon-detail{padding:0;}
.popup.popup-refund .coupon-table_scroll{max-height:280px; overflow:auto;}
.popup.popup-refund .coupon-table_list{list-style:none; margin:0; padding:0;}
.popup.popup-refund .coupon-row{ display:grid; grid-template-columns: 40px 1fr 140px 120px; align-items:center; padding: 18px 18px 22px 0; border-bottom:1px solid #eee;}
.popup.popup-refund .coupon-row:last-child{border-bottom:0;}
.popup.popup-refund .coupon-row_check{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;}
.popup.popup-refund .coupon-row_check input{position:absolute;opacity:0;pointer-events:none;}
.popup.popup-refund .check-ui{width:18px;height:18px;border-radius:4px;border:1px solid #cfcfcf;background:#fff;position:relative;}
.popup.popup-refund .coupon-row_check input:checked + .check-ui{background:#111;border-color:#111;}
.popup.popup-refund .coupon-row_check input:checked + .check-ui::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);}
.popup.popup-refund .coupon-row_content{min-width:0;}
.popup.popup-refund .coupon-row_name{font-size:15px;font-weight:600;color:#111;white-space:nowrap;}
.popup.popup-refund .coupon-row_desc{margin-top:6px;font-size:11px;color:#888;white-space:nowrap;}

.popup.popup-refund .coupon-row_discount{font-size:14px;font-weight:700;color:#00a9b0; text-align: center;}
.popup.popup-refund .coupon-row_date{font-size:14px;color:#111; text-align: center;}
.col-discount{text-align: center;}
.col-date{text-align: center;}


/*완료 안내페이지*/
.complete-page{text-align: center; align-items: center;}
.complete-page_icon{margin-top: 120px;}
.complete-page_title{font-size: 35px; font-weight: 700; color: #32cdd1; margin-top: 20px;}
.complete-page_desc{font-size: 35px; font-weight: 700; color: #000;}
.complete-page_sub{font-size: 16px;color: #626262; margin-top: 10px;}
.complete-page_btn{display: flex; margin-top: 40px; gap: 10px; justify-content: center;}
.complete-page_btn a{width: 210px; height: 50px; font-size: 18px;}
.pay-summary{width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #777;}
.pay-summary th{background: #f6f6f6; font-weight: 700; color: #222;}
.pay-summary td{color: #666; font-weight: 700;}
.pay-summary td.pay-result{color: #00c4c4;}
.pay-summary th,.pay-summary td{border-bottom: 1px solid #d9d9d9; padding: 16px 10px; text-align: center; font-size: 15px;}
.pay-detail{width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 25px; border-top: 1px solid #777;}
.pay-detail th{width: 200px; background: #f6f6f6; font-weight: 700; color: #222; text-align: left;}
.pay-detail td{color: #333; text-align: left;}
.pay-detail th,.pay-detail td{border-bottom: 1px solid #d9d9d9; padding: 14px 20px; font-size: 15px; vertical-align: middle;}
.pay-detail .pay-btn{display: inline-block; padding: 4px 12px; border: 1px solid #a7a7a7; background: #f2f2f2; color: #222; font-size: 12px; border-radius: 2px; line-height: 1.4; text-decoration: none;}
.payment-page_icon{margin-top: 40px;}
.pay-summary{margin-top: 20px;}

.email-popup{margin: auto;}




@media (max-width:1400px){
    .top-banner .wrap{padding-left:30px; flex-direction:column;gap:0;align-items:start;}
    .detail-container .detail-view{width:calc(100% - 440px);}
    .detail-container .detail-floating{width:400px;}
    .sub-container .sub-left{width:260px;}
    .sub-container #contents{width:calc(100% - 310px);}
    .sub-container .tab.depth3 .tab-list{gap:52px;}
    .coupon-area{background: #e3e3e3; padding: 60px 110px;}  
    .coupon-list .table_box .table_lecture td.limit a.limit_more{display: block; padding: 3px 6px; background: #3b3b3b; border-radius: 2px; color: #fff; font-size: 12px; cursor: pointer; margin-left: 0;}
    #header{padding-left: 16px; padding-right: 16px;}
    .allmenu-user-info{padding: 10px 16px;}
}
@media (max-width:1290px){
    #header .header-bottom .search .search-box{width:400px;}
    .coupon-area{background: #e3e3e3; padding: 60px 70px;}
    .coupon-list .table_box .table_lecture td.discount{font-size: 13px;}
    
    
    
}
@media (max-width:1024px){
    .is-pc{display: none;}
    .is-m{display: block !important;}

    .btn{height:29px; padding:0 12px; font-size:11px; line-height:27px;}

    #header{padding-top:20px; padding-bottom: 10px;}
    #header .wrap{gap:18px;}
    #header .header-top .logo a img{height: 44px;}
    #header .header-top .link .link-text{}
    #header .header-top .link .link-btn{gap:4px;}
    #header .header-top .link .link-btn .btn{min-width:68px;}
    #header .header-bottom{flex-direction:column;}
    .sub #header .header-bottom{display:none;}
    #header .header-bottom .menu{display: flex; width:100%; padding:0 16px; overflow-x:auto;overflow-y:hidden;order:2; justify-content: center; padding-top: 7px;}
    #header .header-bottom .menu .menu-btn{display:none;}
    #header .header-bottom .menu .menu-list{white-space:nowrap; gap:18px; margin-left: 0px;}
    #header .header-bottom .menu .menu-list li:last-child{padding-right:16px;}
    #header .header-bottom .menu .menu-list li a{font-size: 21px;}
    #header .header-bottom .search{width:100%; order:1;}
    #header .header-bottom .search .search-box{width:100%; border-width: 1px;}
    #header .header-bottom .search .search-box input{padding: 0;}

    #footer{width:100vw; margin:0 -16px; text-align:center;}
    #nav + #footer,
    .detail-container + #footer{padding-bottom:60px;}
    #footer .footer-link{padding:12px 0;}
    #footer .footer-link .wrap{flex-direction:column;}
    #footer .footer-link .link-text{width:100%; padding:0 16px 12px; border-bottom:1px solid #e9ecef; gap:16px;justify-content:center;}
    #footer .footer-link .link-text a{font-size:14px; white-space:nowrap;}
    #footer .footer-link .link-btn{margin-top:23px; gap:12px;}
    #footer .footer-link .link-btn .btn{width:111px; height:29px; font-size:14px; line-height:27px;}
    #footer .footer-info{padding:0 16px; border-top:0;}
    #footer .footer-info .wrap{padding:10px 0 40px; gap:0;flex-direction:column;}
    #footer .footer-info .footer-logo{display:none;}
    #footer .footer-info .info-text{font-size: 13px;}
    #footer .footer-info .info-text span{display:inline-block;}
    #footer .footer-info .info-text span:last-child{color:rgba(182,182,182,0.78);}

    #container{padding-bottom:50px;}

    .main-container{padding-top: 217px;}
    .main-container .banner{height:314px;}
    .main-container .banner .swiper{width:1241px;}
    .main-container .banner .swiper-pagination{display:none;}

    #nav{display:flex; position:fixed; left:0; right:0; bottom:0; z-index: 9600; margin:0 -16px; padding:12px 16px 8px 16px; border-top:1px solid #f2f4f6; border-bottom:1px solid #f2f4f6; background-color:#fff;}
    #nav a{display:flex; width:20%; flex-direction:column; align-items:center; gap:5px;}
    #nav a img{height:34px;}
    #nav a span{color:#b4b4b4; font-size:11px; font-weight:500;}
    
    .btn-like{width:15px; height:14px;}

    .category-type{gap:2px;}
    .category-type .type{padding:0 7px; border-radius:10px; font-size:9px; line-height:17px;}

    .category{margin:30px -16px 0;}
    .category + .category{margin-top:50px;}
    .category .head{flex-direction:column;gap:8px;}
    .category .head .title{font-size:25px;}
    .category .head .scroll{width:100vw; padding:0 16px; overflow-x:auto;overflow-y:hidden;}
    .category .head .scroll .tab{white-space:nowrap; gap:8px;}
    .category .head .scroll .tab li:last-child{padding-right:16px;}
    .category .head .scroll .tab li button{height:47px; padding:0 14px; border-radius:23px; font-size:17px;}
    .category .head .control{display:none;}
    .category .swiper{margin-top:20px; padding:0 16px;}
    .category .swiper .swiper-slide a .category-img .btn-like{top:6px; right:6px;}
    .category .swiper .swiper-slide a .category-type{margin-top:7px;}
    .category .swiper .swiper-slide a .category-title{margin-top:6px; font-size: 18px;}
    .category .swiper .swiper-slide a .category-text{margin-top:2px; font-size: 16px;}
    .category .swiper .swiper-slide a .category-price{margin-top:0; gap:4px;}
    .category .swiper .swiper-slide a .category-price .current-price{font-size: 18px;}
    .category .swiper .swiper-slide a .category-price .cost-price{font-size: 15px;}

    .category-container{padding-top: 200px;}

    .top-banner{width:100vw; margin:0 -16px;}
    .top-banner .wrap{height:220px; padding:24px 0 0; background-size:100% 100%; align-items:center;justify-content:start;}
    .top-banner .wrap div{font-size:30px;}
    .top-banner .wrap p{font-size:20px;}
    .top-banner .wrap img{left:0; right:0; height:111px; margin:0 auto;}

    .select-wrap{margin:16px 0 0;}
    .select-wrap .wrap{flex-direction: row;}
    .select-wrap .select-type.n1{width: 100%;}
    .select-wrap .select-type.n1 .select-box select{height:34px; padding:0 28px 0 12px; background-position:right 12px center; font-size:14px;}
    .select-wrap .select-type.n2 .select-box select{min-width:auto; padding:0 28px 0 12px; background-position:right 12px center; font-size:14px;}

    .category .head .category-num{font-size: 25px; margin-bottom: 20px;}
    
    
    .bottom-btn-box{margin-top:60px;}
    .btn-more{width:170px; height:52px; font-size:16px; gap:6px;}
    .btn-more:after{width:11px; height:7px;}

    .detail-container{padding-top: 223px;}
    .detail-container .wrap{margin:0 -16px; flex-direction:column;}
    .detail-container .detail-view{width:100%;}
    .detail-container .detail-img{padding-top:0;}
    .category .swiper .swiper-slide a .category-img .btn-like{top: 10px; right: 10px; width: 25px; height: 25px;}
    .detail-container .detail-tab{margin-top:10px;}
    .detail-container .detail-tab .tab-list li button{padding:12px 0; font-size:15px;}
    .detail-container .detail-view .btn-more{}
    .detail-container .detail-floating{position:relative; top:auto; right:auto; width:100%; padding:16px; border:0; border-radius:0;}
    .detail-container .detail-floating .detail-title{font-size:21px;}
    .detail-container .detail-floating .detail-info{margin-top:12px; gap:6px;}
    .detail-container .detail-floating .detail-info .info-btn{height:30px; padding:0 10px; font-size:12px; gap:2px;}
    .detail-container .detail-floating .detail-info .info-star{font-size:12px; gap:4px;}
    .detail-container .detail-floating .detail-info .info-star:before{width:14px; height:14px;}
    .detail-container .detail-floating .detail-info .info-star span{font-size:14px;}
    .detail-container .detail-floating .detail-list{margin-top:18px; padding-top:18px; gap:8px;}
    .detail-container .detail-floating .detail-list li{font-size:17px;}
    .detail-container .detail-floating .detail-price{margin-top:18px; padding-top:18px;}
    .detail-container .detail-floating .detail-price .price{font-size:17px;}
    .detail-container .detail-floating .detail-price .price span{font-size:29px;}
    .detail-container .detail-floating .detail-price .price-text{margin-top:8px; font-size:15px;}
    .detail-container .detail-floating .detail-price .price-text2{margin-top:4px; font-size:12px;}
    .detail-container .detail-floating .detail-btn{position:fixed; left:0; right:0; bottom:0; z-index:30; margin-top:0; padding:16px; border-top:1px solid #f2f4f6; background-color:#fff;}
    .detail-container .detail-floating .detail-btn .btn{height:48px; font-size:15px; line-height:46px;}
    .top-btn{position: fixed; bottom: 100px; right: 10px;}
    
    
    .sub-container{padding-top: 60px;}
    .sub-container .sub-left{display:none;}

    .sub-container #contents{width:100%;}
    .sub-container .m-sub-title{display:flex !important; position:relative; z-index:1; width:100vw; margin:20px -16px 0; padding:9px 0; border-top:1px solid #d9dddd; border-bottom:1px solid #d9dddd; align-items:center;justify-content:center;}
    .sub-container .m-sub-title h2{color:rgba(0,0,0,0.81); font-size:21px; font-weight:700;}
    .sub-container .m-sub-title .btn-prev{position:absolute; top:0; left:16px; bottom:0; width:25px; height:25px; margin:auto 0; background:url(../images/icon_prev.png) no-repeat center / cover; font-size:0;}
    .sub-container .tab{width:100vw; margin:0 -16px; overflow-x:auto;overflow-y:hidden;}
    .sub-container .tab .tab-list{white-space:nowrap;}
    .sub-container .tab .tab-list li:last-child{padding-right:16px;}
    .sub-container .tab.depth2{margin-top:-1px;}
    .sub-container .tab.depth2 .tab-list{padding-top:15px; padding-bottom:15px; gap:24px;}
    .sub-container .tab.depth2 .tab-list li a{font-size:17px;}
    .sub-container .tab.depth3{background-color:rgba(0,0,0,0.03);}
    .sub-container .tab.depth3 .tab-list{padding-top:12px; padding-bottom:12px; gap:24px;justify-content:start;}
    .sub-container .tab.depth3 .tab-list li a{font-size:14px;}

    .lecture-wrap{margin-top:24px;}
    .lecture-wrap .lecture-text{font-size:13px;}
    .lecture-wrap .lecture-flex{margin-top:18px; gap:19px;}
    .lecture-wrap .lecture-box{padding:16px; border-radius:10px;}
    .lecture-wrap .lecture-box .lecture-head{flex-wrap:wrap;gap:8px;align-items:start;}
    .lecture-wrap .lecture-box .lecture-head .lecture-type .type{padding:0 16px; border-radius:13px; font-size:15px; line-height:26px;}
    .lecture-wrap .lecture-box .lecture-head .lecture-title{max-width:calc(100% - 66px); font-size:17px;}
    .lecture-wrap .lecture-box .lecture-head .lecture-btn .btn{min-width:100px; height:34px; font-size:14px; line-height:32px;}
    .lecture-wrap .lecture-box .review-head .lecture-btn .btn{min-width:100px; height:34px; font-size:14px; line-height:32px;}
    .lecture-wrap .lecture-box .qna-head .lecture-btn .btn{min-width:100px; height:34px; font-size:14px; line-height:32px;}
    .lecture-wrap .lecture-box .lecture-list{margin-top:16px; padding-top:16px;}
    .lecture-wrap .lecture-box .lecture-list li{min-height:34px; font-size:16px; flex-wrap:wrap;gap:8px;}
    .lecture-wrap .lecture-box .lecture-list + .lecture-list{gap:0;}
    .lecture-wrap .lecture-box .lecture-list + .lecture-list li{gap:8px;}
    .lecture-wrap .lecture-box .lecture-list + .lecture-list li + li{margin-top:16px; padding-top:16px; border-top:1px solid #d9dddd;}
    .lecture-wrap .lecture-none{padding-top:30px; font-size:18px;}
    .lecture-wrap .lecture-box .lecture-list li .btn{min-width: 100px; height: 34px; font-size: 16px;}
    .form-check{gap:12px;}
    .form-check .check label{font-size:14px;}
    .form-check .check label:before{width:18px; height:18px;}
    .form-check .check2 label:before{width:18px; height:18px;}
    .form-box{gap:3px;}
    .form-text + .form-box{margin-top:18px;}
    .form-box.required:before{top:13px; left:8px;}
    .form-box .inp{height:49px; padding:0 15px; font-size:14px;}
    .form-box .select{height:49px; font-size:14px;}
    .form-box .btn{height:49px; padding:0 15px; font-size:14px;}
    .form-box.in-check{margin-top:29px;}
    .form-box.in-num{margin-top:18px;}
    .form-box.in-address{margin-top:50px;}
    .form-text{font-size:14px;}

    .join-wrap .join-box{margin-top:16px; padding:0; border:0; border-radius:0;}
    .join-wrap .btn-submit{height:49px; margin-top:35px; font-size:16px;}

    
    .review-head{flex-wrap: wrap; gap: 8px; align-items: start;}
    .coupon-list .table_box .table_lecture td.kind{font-weight: 600; color: #000; text-align: left; padding-left: 0px;}
    .rating-area{display: flex; align-items: center; padding: 0; flex: 1;}
    .star{font-size: 30px;}
    .rating-text{font-size: 20px;}
    .detail-container .detail-panel{padding: 10px;}
    .detail-container .detail-panel .panel-list .panel-list_tit{font-size: 22px; margin-top: 20px;}
    .detail-container .detail-panel .panel-list .detail_review{padding: 0 10px 25px 10px;}
    .detail-container .detail-panel .panel-list .lecture-btn .btn{height: 45px; font-size: 16px; gap: 6px;}
    .consult-wrap .lecture-btn .btn{width: 130px; height: 45px; font-size: 16px;}
    .email-select select{height: 49px;}
    .phone-select select{height: 49px; width: 50%;}
    .table_lecture tbody tr td.title{max-width: 250px; padding: 0 20px;}
    .cs-wrap .siteMap-box{ display:flex; gap:24px; justify-content: center; flex-wrap:wrap; padding: 40px 0;}
    
    
    
    /*햄버거메뉴*/
    .allmenu-bg{display: none;}
    /*body.menu-open{overflow:hidden;}*/
    .menu-open #wrapper{margin-top:0!important;}
    #allmenu{top:0; left:0; width:100%; height:100vh; transform:translateY(-100%); z-index: 9500;}
    #allmenu.on{transform:translateY(0);}
    #allmenu .allmenu-body{padding-bottom: 70px;}
    .allmenu-bg{background:rgba(0,0,0,0.55);}
    .allmenu-inner{margin:0;height:100%;box-shadow:none;display:flex;flex-direction:column;background:#fff;}
    .allmenu-user{background:#f7f7f7;border-bottom:1px solid #e5e5e5;flex-shrink:0;}
    .allmenu-user-info{width:100%;max-width:100%;margin:0;padding:16px 20px;gap: 15px;}
    .allmenu-login .user-thumb,.allmenu-logout .user-thumb{width:40px;height:40px;}
    .allmenu-user-info .user-text{font-size:16px;}
    .allmenu-user-info .user-text strong{font-size:16px;}
    .allmenu-close{display: block;}
    .allmenu-body{flex:1;width:100%;margin-top:0;padding:0;overflow-y:auto;display:block;}
    .allmenu-list{display:block;}
    .allmenu-col{width: 100%; border-left: 0; padding: 0 0; text-align: left;}
    .allmenu-col:last-child{border-bottom: 0;}
    .allmenu-col li{margin:0; padding: 15px 20px; border-bottom: 1px solid #eee;}
    .allmenu-col li:last-child{border-bottom: 1px solid #eee;}
    .allmenu-col li+li{}
    .allmenu-col li a{display:block;font-size:21px;color:#000;font-weight:500;}   
    li.allmenu-h5{display: block;}
    li.allmenu-h5 h5{font-weight: 500; color: #000; font-size: 21px;}
    li.allmenu-h5 h5:before{display: block; content: ''; background:url(../images/icon_review_more.png) no-repeat; width: 19px; height: 16px; position: absolute; left: 136px; top: 23px;}
    .allmenu-col:nth-child(2) li{border-bottom: none; padding: 15px 20px 7px 20px; position: relative;}
    .allmenu-col:nth-child(2) li:last-child{padding: 15px 20px 15px 20px; border-bottom: 1px solid #eee;}
    .allmenu-col:nth-child(2) li a{font-size: 18px;}    

}


@media (max-width:640px){
    #header .header-bottom .menu .menu-list li a{font-size: 19px;}
    #header .wrap{gap: 5px;}
    #header .header-bottom{gap: 0px;}
    /* 가로 스크롤은 유지하되 스크롤바만 숨김 */
    #header .header-bottom .menu{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch; /* iOS 관성 스크롤 */
    scrollbar-width:none;             /* Firefox */
    -ms-overflow-style:none;          /* IE/Edge 구형 */
    }
    #header .header-bottom .menu::-webkit-scrollbar{
    display:none;                     /* Chrome/Safari */
    height:0;
    }
    /* 메뉴 줄이기 + 가로로만 길게 */
    #header .header-bottom .menu .menu-list{
    white-space:nowrap;
    flex-wrap:nowrap;
    }
    
    #header .header-bottom .search .search-box{height: 50px; padding: 0 7px;}
    .main-container{padding-top: 177px;}
    .category-container{padding-top: 204px;}
    .main-container .banner .swiper-slide.swiper-slide-active + .swiper-slide{opacity:0.5;}
    .main-container .banner .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{opacity:0.5;}
    .category .swiper .swiper-slide a .category-img{border-radius: 5px;}
    .detail-container .detail-img .btn-like{top:12px; right:12px;}
    .find_way li{width: 100%;}
    .find_way li.find_email{margin-left: 0px; margin-top: 5px;}
    .find_way li a{width: 100%;}
    .lecture-wrap .btn-prev_pc{display: none;}
    .lecture-wrap .lecture-first{margin-top: 0px;}
    .lecture-table_pc{display: none;}
    .lecture-table_m{display: block;}
    .coupon-area{background: #e3e3e3; padding: 40px 20px; text-align: center;}
    .coupon-area .coupon-row{align-items: center; display: inline;}
    .coupon-area .coupon-label{display: block; margin-bottom: 10px; margin-right: 0;}
    .coupon-area .coupon-input{background: #fff; padding: 12px 20px 12px 20px; width: 100%;}
    .coupon-area .coupon-button{background: #282828; color: #fff; font-size: 18px; width: 100%; height: 46px; margin-top: 10px; margin-left: 0;}
    .coupon-list .coupon-table.tr1{display: none;}
    .coupon-list .coupon-table{border: 1px solid #8a9193; border-radius: 10px; text-align: left; padding: 15px 15px; margin-bottom: 20px; display: flex;}
    .coupon-list .table_box .table_lecture td.discount{font-size: 20px;} 
    .coupon-list .table_box .table_lecture td.date span{display: inline;}
    .coupon-list{font-size: 11px;color: #333;}
    .coupon-label{display: block;font-size: 11px;font-weight: 600;margin-bottom: 6px;}
    .table_box{width: 100%;}
    .table_lecture{width: 100%; border-collapse: collapse;}
    .coupon-table.tr1{display: none;}
    .coupon-table:not(.tr1) {
    display: block; position: relative; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 12px; margin-bottom: 8px; box-shadow: 0 0 3px rgba(0,0,0,0.06);}
    .coupon-table:not(.tr1) td {display: block; border: 0; padding: 0;}
    .coupon-table .kind{font-weight: 700; margin-bottom: 4px; font-size: 20px;}
    .coupon-table .discount {font-weight: 600; margin-bottom: 4px;}
    .coupon-table .limit{font-size: 11px; color: #666; line-height: 1.4; margin-top: 18px;}
    .coupon-table .date{position: absolute; bottom: 42px; left: 12px; color: #999;}
    .limit_more{display: inline-block; margin-top: 8px; padding: 4px 10px; font-size: 10px; text-decoration: none; background: #333; color: #fff; border-radius: 3px;}  
    .consult-wrap {width: 100%; box-sizing: border-box;}
    .consult-head {margin-bottom:16px;}
    .consult-head h2 {font-size: 20px;}
    .consult-head .required-text {font-size: 14px; right: 0;}
    .consult-form label {width: 100%; margin-bottom: 6px; font-size: 16px;}
    .consult-form .form-row {flex-direction:column; align-items:flex-start; padding:14px 0; }
    .consult-form .field {width:100%;}
    .consult-form input[type="text"], .consult-form select, .consult-form textarea { width:100%; font-size:13px; }
    .email-row .field{flex-direction:row; gap: 5px;}
    .email-row input[type="text"]:first-child{width:calc(70% - 4px);}
    .email-row .at{text-align:center;}
    .title-row .field{flex-direction:row; flex-wrap:wrap; gap: 5px;}
    .title-row select{width:calc(25% - 4px);}
    .title-row input[type="text"] { width:calc(75% - 4px);}
    .content-row textarea{height:200px;}
    .info-box{font-size:11px; padding-top:12px; margin-top:24px;}
    .info-box .desc{margin-bottom:8px;}
    .agree-row{font-size:12px; margin-top:12px;}
    .btn-area{margin-top:20px;}
    .btn-area button{width:48%; min-width:auto; padding:12px 0; font-size:14px;}
    .consult-form input[type="text"], .consult-form select, .consult-form textarea{padding: 15px 10px}
    .modify-wrap .modify-box .modify-btn .btn{width: 100%; height: 45px; font-size: 15px;}
    .modify-wrap .modify-box .modify-btn button:first-child{margin-bottom: 6px;}
    .button-box{display: flex; flex-direction: column; width: 100%;}
    .button-box .btn{width: 100%; height: 49px;}

    .table_box .table_lecture tr th.manager{display: none;}
    .table_box .table_lecture tr th.views{display: none;}    
    .table_box .table_lecture tr td.order{width: 12%; font-size: 14px;}
    .table_box .table_lecture tr td.manager{display: none;}
    .table_box .table_lecture tr td.views{display: none;}
    .table_box .table_lecture tr td.date{font-weight: 300; color: #888; font-size: 14px;}
    .table_box .table_lecture tr td.title span.title-txt{font-size: 15px; font-weight: 600;}

    #header .header-bottom .menu{display: flex; justify-content: start;}
    #header .header-bottom .search .search-box input{padding: 0; margin-right: 0px;}
    
    .popup.popup-refund .coupon-table_head{background: none; border-bottom: none; padding: 0;}
    .popup.popup-refund .coupon-table_head .col{display: none;}
    .popup.popup-refund .coupon-row{grid-template-columns:28px 1fr;grid-template-areas:"check discount" "check name" "check desc" "check date";align-items:start;gap:6px 10px;padding:16px 16px;border-bottom:1px solid #eee; align-items: center;}
    .popup.popup-refund .coupon-row_check{grid-area:check;justify-content:flex-start;margin-top:2px;}
    .popup.popup-refund .coupon-row_discount{grid-area:discount;text-align:left;font-size:18px;font-weight:600;}
    .popup.popup-refund .coupon-row_content{grid-area:name;min-width:0;}
    .popup.popup-refund .coupon-row_name{font-size:17px;font-weight:600;white-space:normal;overflow:visible;text-overflow:unset;}
    .popup.popup-refund .coupon-row_desc{grid-area:desc;margin-top:0;font-size:13px;color:#8a8a8a;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35;}
    .popup.popup-refund .coupon-row_date{grid-area:date;font-size:15px;color:#111; text-align: left;}
    .popup.popup-refund .coupon-row_date::before{content:"유효기간 : ";color:#111;font-weight:600;}
    .popup.popup-refund .check-ui{width:20px;height:20px;border-radius:4px;}
    .popup.popup-refund .coupon-row_check input:checked + .check-ui::after{left:5px;top: 0px;width: 6px;height: 11px;}
    .popup.popup-refund .coupon-detail_notice{padding:20px 20px;background:#f3f3f3; font-size:12px;line-height:1.65;color:#666;}
    .popup.popup-refund .coupon-detail_notice ul{margin:0;padding-left:0;list-style:none;}
    .popup.popup-refund .coupon-detail_notice li{margin:0 0 10px 0;}
    .popup.popup-refund .coupon-detail_notice li:last-child{margin-bottom:0;}
    .popup.popup-refund .refund-btn{padding:0 16px;margin-top:16px;display:flex;justify-content:center;gap:10px;}
    .popup.popup-refund .refund-btn .btn{min-width:140px;height:44px;border-radius:4px;font-size:14px;font-weight:700;}
    .pay-detail th{width: 100px; text-align: center;}
    .complete-page_btn a{font-size: 15px;}

}

    
@media (max-width:374px){
    .category .swiper .swiper-slide a .category-img .btn-like{top: 6px; right: 6px; width: 18px; height: 18px;}
    .email-select .email-field{display: block;}
    .email-field .btn{width: 100%; margin-top: 4px;}
    .modifyUser-box .email-confirm{display: block;}
    .modifyUser-box .email-confirm .btn{width: 100%; margin-top: 4px;}
    .consult-head{display: block;}
    .table_box .table_lecture tr th.order{display: none;}
    .table_box .table_lecture tr th.date{display: none;}      
    .table_box .table_lecture tr td.order{display: none;}
    .table_box .table_lecture tr td.date{display: none;}
    .table_lecture tbody tr td.title{padding: 0;}
}





/* 20251121 추가 */
.sub-container{position:relative;}
.sub-container.bt:before{position:absolute; top:40px; left:50%; width:100vw; height:1px; background-color:#ddd; content:''; transform:translateX(-50%);}
.sub-container .tab.depth2{position:relative; z-index:1; border-bottom:1px solid #000;}
.sub-container .tab.depth3{border-top:0;}
.sub-container .sub-title + .tab.depth2{border-top:0;}

#contents.mx-auto{width:100%; max-width:1000px; margin:0 auto;}
#contents .customer_page_tit{position:relative; padding:0 20px 28px; align-items:center; justify-content:center; border-bottom: 4px solid #000;}
#contents .customer_page_tit h2{color:#191715; font-size:25px; font-weight:700; text-align: center;}
#contents .sub-title .btn-prev{position:absolute; top:6px; left:0; width:25px; height:25px; background:url(../images/icon_prev.png) no-repeat center / cover; font-size:0;}


.arrow-title{display:inline-flex; color:#191715; font-size:25px; font-weight:600; gap:8px; align-items:center;}
.arrow-title:after{width:11px; height:7px; background:url(../images/icon_bottom_arrow.png) no-repeat center; content:'';}
.arrow-title2{display:inline-flex; color:#191715; font-size:18px; font-weight:500; gap:6px; align-items:center;}
.arrow-title2:after{width:11px; height:7px; background:url(../images/icon_bottom_arrow.png) no-repeat center; content:'';}

.table{border-top:1px solid #000;}
.table thead tr th{padding:11px 8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:rgba(217,221,221,0.5); color:#000; font-size:15px; font-weight:500; line-height:1.3; word-break:keep-all;}
.table thead tr th:last-child{}
.table tbody tr th{padding:11px 12px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:rgba(217, 221, 221, 0.5); color:#000; font-size:15px; font-weight:500; line-height:1.3; word-break:keep-all;}
.table tbody tr td{padding:17px 8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#000; font-size:15px; font-weight:500; line-height:1.3; word-break:keep-all;}
.table tbody tr td:last-child{border-right:0;}

.gray-text{margin-top:8px; color:#b5b5b5; font-size:15px; font-weight:300; line-height:1.3; word-break:keep-all;}

.popup-refund.popup-layer{display:flex; position:fixed; top:0; left:0; z-index:9600; width:100%; height:100%; padding:8px; background:rgba(0,0,0,0.5); align-items:center; justify-content:center; overflow-x:hidden; overflow-y:auto;}
.popup-refund .popup-box{width:100%; padding:24px 18px 36px; background-color:#fff;}
.popup-refund.popup-layer .popup-box{max-width:620px; border-radius: 10px;}
.popup-refund .popup-head{display:flex; justify-content:space-between; position:relative; }
.popup-refund .popup-head .popup-title{padding-left:22px; color:#000; font-size:25px; font-weight:500;}
.popup-refund .popup-head:before{position:absolute; top: 15px; left:4px; width:6px; height:6px; margin:auto 0; border-radius:50%; background-color:#000; content:'';}
.popup-refund .popup-head .popup-title span{display:inline-block; margin-top:5px; color:#000; font-size:18px; font-weight:500; vertical-align:top;}
.popup-refund .popup-head .popup-title span.pw{font-size: 14px; font-weight: 300;}
.popup-refund .popup-head .popup-close{display:flex; width:34px; height:34px; align-items:center; justify-content:center;}
.popup-refund .popup-cont .refund-list{margin-top:8px; border-top:3px solid #000; border-bottom:1px solid #000;}
.popup-refund .popup-cont .refund-item{display:flex; border-bottom:1px solid #f4f4f4;}
.popup-refund .popup-cont .refund-item:last-child{border-bottom:0;}
.popup-refund .popup-cont .refund-item .title{display:flex; width:135px; background-color:#e3e3e3; color:#000; font-size:17px; font-weight:500; align-items:center; justify-content:center; flex-shrink:0;}
.popup-refund .popup-cont .refund-item .cont{padding:11px 20px; flex:1;}
.popup-refund .popup-cont .refund-item .cont b{color:#000; font-size:18px; font-weight:500;}
.popup-refund .popup-cont .refund-item .cont p{color:rgba(41,39,39,0.5); font-size:13px; font-weight:500;}
.popup-refund .popup-cont .refund-item .cont .inp + p{margin-top:12px;}
.popup-refund .popup-cont .refund-item .cont textarea{width:100%; height:128px; margin:7px 0; padding:10px; border:1px solid #cbcbcb;}
.popup-refund .popup-cont .refund-item .pw .pwInput{width:100%; height: 48px; line-height: 25px; margin:7px 0; padding:10px; border:1px solid #cbcbcb;}
.popup-refund .popup-cont .refund-item .cont textarea:focus{outline:none;}
.popup-refund .popup-cont .refund-item .cont .inp{display:flex; margin-top:8px; gap:7px 3px;}
.popup-refund .popup-cont .refund-item .cont .inp select{width:91px; height:26px; padding:0 10px; border:1px solid #cbcbcb; background:url(../images/icon_select_arrow.png) no-repeat right 9px center; font-size:14px; line-height:24px;}
.popup-refund .popup-cont .refund-item .cont .class select{width:100%; height:26px; padding:0 10px; border:1px solid #cbcbcb; background:url(../images/icon_select_arrow.png) no-repeat right 9px center; font-size:14px; line-height:24px;}
.popup-refund .popup-cont .refund-item .cont .inp select:focus{outline:none;}
.popup-refund .popup-cont .refund-item .cont .inp input{width:74px; height:26px; padding:0 10px; border:1px solid #cbcbcb; font-size:14px;}
.popup-refund .popup-cont .refund-item .cont .inp input:focus{outline:none;}
.popup-refund .popup-cont .refund-item .cont .inp select + input{width:100%; flex:1;}
.popup-refund .popup-cont .refund-agree{display:flex; margin-top:20px; justify-content:center;}
.popup-refund .popup-cont .refund-agree label{display:flex; color:#292727; font-size:15px; font-weight:500; line-height:24px; cursor:pointer; align-items:center; justify-content:center; gap:5px;}
.popup-refund .popup-cont .refund-agree label:before{width:16px; height:16px; border-radius:5px; background:#eee url(../images/icon_check2.png) no-repeat center top 4px / 10px; content:'';}
.popup-refund .popup-cont .refund-agree input:checked + label:before{background-color:#212224;}
.popup-refund .popup-cont .refund-text{margin-top:12px; color:rgba(41,39,39,0.5); font-size:13px; font-weight:500; text-align:center; rgba(41,39,39,0.5):font-we;rgba(41,39,39,0.5):font-we;rgba(41,39,39,0.5):font-w;rgba(41,39,39,0.5):font-;rgba(41,39,39,0.5):font;rgba(41,39,39,0.5):fon;rgba(41,39,39,0.5):fo;rgba(41,39,39,0.5):f; word-break:keep-all;}
.popup-refund .popup-cont .refund-btn{display:flex; margin-top:16px; justify-content:center; gap:6px;}
.popup-refund .popup-cont .refund-btn .btn{width:107px; height:36px; font-size:15px;}
.popup-refund.popup-layer .share-box{border-radius: 10px;}
.popup-refund.popup-layer .share-box h4{font-size: 25px; font-weight: 700; margin-bottom: 20px;}
.popup-refund.popup-layer .share-box .share-icons{display: flex; align-items: center; justify-content: center; font-size: 26px;}
.popup-refund.popup-layer .share-box .share-icons .share-name{font-size: 15px; font-weight: 600;}
.share-icons { display: flex; justify-content: center; gap: 60px;}
.share-item {text-align: center; font-size: 14px;}
.share-circle {width: 60px;height: 60px; border-radius: 50%; margin: 0 auto 8px; display: flex; align-items: center;justify-content: center;color: #fff; font-size: 26px;}
.share-fb { background: #3d5595; }
.share-tw { background: #000; }
.share-url { background: #333; }
.paging{display:flex; margin-top:28px; align-items:center;justify-content:center;gap:6px;}
.paging li a{display:flex; width:40px; height:40px; border-radius:50%; line-height:40px; align-items:center; justify-content:center;}
.paging li.arrow + .arrow{margin-right:12px}
.paging li.num + .arrow{margin-left:12px;}
.paging li.num a{color:#000; font-size:20px;}
.paging li.num.active a{background-color:#00c4c4; color:#fff;}
.faq-wrap .faq-head{display:flex; margin-top:23px; align-items:center; justify-content:space-between;}
.faq-wrap .faq-head .faq-title{color:#191715; font-size:25px; font-weight:600;}
.faq-search{display:flex; width:230px;}
.faq-search input{width:100%; height:35px; padding:0 10px; border:1px solid #ddd; border-right:0; border-radius:5px 0 0 5px;}
.faq-search input:focus{outline:none;}
.faq-search button{width:35px; height:35px; border-radius:0 5px 5px 0; background-color:#000; flex-shrink:0;}
.faq-wrap .faq-tab{display:flex; margin-top:23px; gap:6px;}
.faq-wrap .faq-tab li{width:14.28%;}
.faq-wrap .faq-tab li a{display:flex; height:52px; border:1px solid #6e6e6e; border-radius:10px; color:#000; font-size:16px; font-weight:500; align-items:center; justify-content:center;}
.faq-wrap .faq-tab li.active a{border-color:#00c4c4; color:#00c4c4;}
.faq-wrap .faq-list{margin-top:36px; border-top:1px solid #000;}
.faq-wrap .faq-item{border-bottom:1px solid #ddd;}
.faq-wrap .faq-item .faq-q{position:relative; width:100%; padding:14px 50px 14px 83px; text-align:left;}
.faq-wrap .faq-item .faq-q .num{position:absolute; top:2px; left:24px; min-width:26px; color:#00c4c4; font-size:35px; font-weight:600; text-align:center; line-height:52px;}
.faq-wrap .faq-item .faq-q .text{color:#000; font-size:16px; font-weight:500; line-height:1.88;}
.faq-wrap .faq-item .faq-q:after{display:block; position:absolute; top:23px; right:17px; width:23px; height:13px; background:url(../images/icon_faq_arrow.png) no-repeat center / cover; content:'';}
.faq-wrap .faq-item.active .faq-q:after{transform:rotate(180deg);}
.faq-wrap .faq-item .faq-a{display:none; position:relative; padding:14px 40px 14px 83px; border-top:1px solid #ddd; background-color:#f8f8f8;}
.faq-wrap .faq-item.active .faq-a{display:block;}
.faq-wrap .faq-item .faq-a .num{position:absolute; top:2px; left:24px; min-width:24px; color:#070707; font-size:25px; font-weight:600; text-align:center; line-height:52px;}
.faq-wrap .faq-item .faq-a .text{color:#000; font-size:16px; font-weight:500; line-height:1.88;}
.cs-wrap .arrow-title{width:100%; padding:22px 0; border-bottom:1px solid #000;}
.cs-wrap .arrow-title2{margin:24px 0 10px;}
.cs-wrap .gray-text + .table{margin-top:36px;}
.cs-wrap .gray-text + .table tbody tr td{font-size:13px;}
.siteMap-box{ display:flex; gap:24px; justify-content:flex-start; flex-wrap:wrap; padding: 40px 0;}
.menu-card{ width:180px; background:#fff; border-radius: 10px; border: 1px solid #ddd; overflow:hidden; text-align: center;}
.menu-card-header{ background:#f5f5f5; padding:16px 18px; font-size:16px; font-weight:700; color: #000;}
.menu-card-body{ padding:18px; font-size:14px; line-height:1.9; }
.menu-card-body a{ color: #555; text-decoration: none; display: block; padding: 6px 10px; font-size: 16px; font-weight: 500;}
.menu-card-body a:hover{ color:#111; text-decoration: underline;}
.menu-card:last-child{}



.payment-wrap{display:flex; padding:40px 8px 0; gap:50px;}
.payment-wrap .payment-box{width:100%;}
.payment-wrap .payment-box .payment-text{margin-top:40px; color:#111127; font-size:20px; font-weight:700;}
.payment-wrap .payment-box .payment-list{margin-top:12px; border-top:1px solid #e1e1e1;}
.payment-wrap .payment-box .payment-item{padding:14px 4px; border-bottom:1px solid #e1e1e1;}
.payment-wrap .payment-box .payment-item .label{color:#191715; font-size:18px; font-weight:500;}
.payment-wrap .payment-box .payment-item .radio-box{display:flex; margin-top:26px; gap:30px;}
.payment-wrap .payment-box .payment-item .radio-box .radio input{position:absolute; top:0; left:0;}
.payment-wrap .payment-box .payment-item .radio-box .radio label{display:flex; color:#191715; font-size:15px; font-weight:500; cursor:pointer; align-items:center; gap:7px;}
.payment-wrap .payment-box .payment-item .radio-box .radio label:before{display:block; width:20px; height:20px; border:1px solid #dadbdf; border-radius:50%; content:''; box-sizing:border-box;}
.payment-wrap .payment-box .payment-item .radio-box .radio input:checked + label:before{border-color:#000; background:#000 url(../images/icon_check2.png) no-repeat center;}
.payment-wrap .payment-box .payment-item .coupon{display:flex; margin-top:14px; gap:14px; align-items:center;}
.payment-wrap .payment-box .payment-item .coupon .coupon-btn{width:100px; height:30px; border-radius:5px;}
.payment-wrap .payment-box .payment-item .coupon .coupon-text{color:#191715; font-size:16px; font-weight:500;}
.payment-wrap .payment-box .payment-item .coupon .coupon-text.price{margin-left:auto; color:#ff0000;}
.payment-wrap .payment-box .payment-text2{margin-top:12px; color:#898989; font-size:13px; font-weight:500; word-break:keep-all;}
.payment-wrap .payment-box .payment-text2 span{color:#000; font-weight:500;}
.payment-wrap .payment-box .payment-text2 a{color:#000; font-weight:700;}
.payment-wrap .payment-price{width:370px; padding:18px 35px 31px 35px; border:1px solid #e1e1e1; border-radius:15px; flex-shrink:0;}
.payment-wrap .payment-price .price-item{display:flex; padding:8px 0 2px; color:#282828; font-size:15px; font-weight:500; justify-content:space-between; align-items:center;}
.payment-wrap .payment-price .price-item + .price-item{border-top:1px solid #e1e1e1;}
.payment-wrap .payment-price .price-item span{color:#000; font-size:20px; font-weight:500;}
.payment-wrap .payment-price .price-item.n2 span{color:#ff0000;}
.payment-wrap .payment-price .price-item.n3 span{color:#00c4c4; font-size:27px; font-weight:700;}
.payment-wrap .payment-price .payment-text2{margin-top:8px; color:#898989; font-size:13px; font-weight:500; word-break:keep-all;}
.payment-wrap .payment-price .price-inp{margin-top:14px; border-top:1px solid #e9e9e9;}
.payment-wrap .payment-price .price-inp li{display:flex; border-bottom:1px solid #e9e9e9;}
.payment-wrap .payment-price .price-inp li .title{display:flex; width:107px; height:40px; padding:0 12px; background-color:#f9f9f9; align-items:center; flex-shrink:0;}
.payment-wrap .payment-price .price-inp li .inp{display:flex; width:100%; height:40px; padding:0 12px; align-items:center;}
.payment-wrap .payment-price .price-inp li .inp p{color:#6f6f6f; font-size:14px; font-weight:500;}
.payment-wrap .payment-price .price-inp li .inp input{width:100%; padding:0 5px; border:1px solid #cbcbcb; font-size:13px; font-weight:500;}
.payment-wrap .payment-price .price-inp li .inp input:focus{outline:none;}
.payment-wrap .payment-price .payment-btn{width:210px; height:56px; margin:31px auto 0; border-radius:5px; font-size:18px; font-weight:600;}

.inquiry-wrap .arrow-title{margin-top:12px;}
.inquiry-wrap .inquiry-step{display:flex; width:890px; height:145px; margin:18px auto 0; background:url(../images/img_process.png) no-repeat center; text-align:center; align-items:center; gap:42px;}
.inquiry-wrap .inquiry-step li{width:20%;}
.inquiry-wrap .inquiry-step li span{color:#191715; font-size:25px; font-weight:700;}
.inquiry-wrap .inquiry-step li p{font-size:16px; font-weight:700; line-height:1.25;}
.inquiry-wrap .inquiry-step li:nth-child(1) p{color:#8391a0;}
.inquiry-wrap .inquiry-step li:nth-child(2) p{color:#00c7be;}
.inquiry-wrap .inquiry-step li:nth-child(3) p{color:#32ade6;}
.inquiry-wrap .inquiry-step li:nth-child(4) p{color:#007aff;}
.inquiry-wrap .inquiry-step li:nth-child(5) p{color:#677785;}
.inquiry-wrap .inquiry-step + .arrow-title{margin-top:60px;}
.inquiry-wrap .inquiry-list{display:flex; margin-top:24px; flex-wrap:wrap; gap:16px 24px;}
.inquiry-wrap .inquiry-list li{width:calc(50% - 12px);}
.inquiry-wrap .inquiry-list li label{display:block; margin-bottom:8px; color:#191715; font-size:18px; font-weight:600;}
.inquiry-wrap .inquiry-list li input{width:100%; height:50px; padding:0 20px; border-radius:5px; background-color:#f5f5f5; color:#191715; font-size:17px; font-weight:400;}
.inquiry-wrap .inquiry-list li input:focus{outline:none;}
.inquiry-wrap .inquiry-list li.w-full{width:100%; margin-bottom:20px; padding-bottom:46px; border-bottom:1px solid #e1e1e1;}
.inquiry-wrap .inquiry-list li.w-full textarea{width:100%; height:200px; padding:12px 20px; border-radius:5px; background-color:#f5f5f5; color:#191715; font-size:17px; font-weight:400;}
.inquiry-wrap .inquiry-list li.w-full textarea:focus{outline:none;}
.inquiry-wrap .inquiry-list li.w-full textarea::placeholder{color:#aaa;}
.inquiry-wrap .inquiry-btn{width:100%; max-width:418px; height:55px; margin:64px auto 0; font-size:18px; font-weight:700;}






@media (max-width:1024px){
    #contents .sub-title{margin:20px -16px 0; padding:9px 0; border-top:1px solid #d9dddd; border-bottom:1px solid #d9dddd;}
    #contents .sub-title h2{font-size:21px;}
    #contents .sub-title .btn-prev{top:0; left:16px; bottom:0; margin:auto 0;}

    .sub-container.bt:before{display:none;}
    .sub-container .sub-title + .tab.depth2{border-top:2px solid #000;}

    .arrow-title{font-size:20px; gap:5px;}
    .arrow-title2{font-size:16px;}

    .table thead tr th{font-size:14px;}
    .table tbody tr th{font-size:14px;}
    .table tbody tr td{font-size:14px;}

    .gray-text{font-size:14px;}

    .popup-refund.popup-layer{align-items:start;}
    .popup-refund .popup-box{padding:20px 9px 28px;}
    .popup-refund .popup-cont .refund-list{border-bottom:0;}
    .popup-refund .popup-cont .refund-item{border-bottom-color:#d9dddd; justify-content:space-between; flex-direction: column;}
    .popup-refund .popup-cont .refund-item:nth-child(3){position:relative; padding-bottom:18px;}
    .popup-refund .popup-cont .refund-item:nth-child(4){border-bottom:0; flex-direction:column; align-items:start;}
    .popup-refund .popup-cont .refund-item:nth-child(4) .cont{width:100%; margin:0; padding:0;}
    .popup-refund .popup-cont .refund-item:last-child{flex-direction:column;align-items:start;}
    .popup-refund .popup-cont .refund-item .title{width:auto; padding:11px 0; background-color:transparent; align-items:start; display: inline;}
    .popup-refund .popup-cont .refund-item .cont{padding:11px 0px; flex:none;}
    .popup-refund .popup-cont .refund-item .cont p{position:absolute; left:0; right:0; bottom:6px; font-size:11px; text-align:center;}
    .popup-refund .popup-cont .refund-item:last-child .cont p{display:none;}
    .popup-refund .popup-cont .refund-item .cont textarea{margin:-6px 0 0; border-color:#d9dddd; border-radius:3px;}
    .popup-refund .popup-cont .refund-item:last-child .cont{width:100%; padding:0;}
    .popup-refund .popup-cont .refund-item:last-child .cont .inp{flex-wrap:wrap;}
    .popup-refund .popup-cont .refund-item .cont .inp select{height:48px; border-color:#d9dddd; border-radius:3px; line-height:46px;}
    .popup-refund .popup-cont .refund-item .cont .inp input{height:48px; border-color:#d9dddd; border-radius:3px;}
    .popup-refund .popup-cont .refund-item .cont .inp input + input{width:100%;}

    .paging{gap:4px;}
    .paging li a{width:30px; height:30px; line-height:30px;}
    .paging li.arrow + .arrow{margin-right:10px;}
    .paging li.num + .arrow{margin-left:10px;}
    .paging li.arrow a img{height:16px;}
    .paging li.num a{font-size:14px;}

    .faq-wrap .faq-head{margin-top:15px;}
    .faq-wrap .faq-tab{margin-top:26px; gap:6px 3px; flex-wrap:wrap;}
    .faq-wrap .faq-tab li{width:calc(33.33% - 2px);}
    .faq-wrap .faq-tab li a{height:45px;}
    .faq-wrap .faq-list{margin-top:22px;}
    .faq-wrap .faq-item .faq-q{padding:14px 33px;}
    .faq-wrap .faq-item .faq-q .num{top:6px; left:1px; font-size:30px; line-height:40px;}
    .faq-wrap .faq-item .faq-q .text{font-size:14px; line-height:1.79;}
    .faq-wrap .faq-item .faq-q:after{top:21px; right:10px; width:19px; height:11px;}
    .faq-wrap .faq-item .faq-a{padding:14px 33px;}
    .faq-wrap .faq-item .faq-a .num{top:6px; left:1px; font-size:25px; line-height:40px;}
    .faq-wrap .faq-item .faq-a .text{font-size:14px; line-height:1.79;}

    .cs-wrap .arrow-title{font-size:18px;}

    .payment-wrap{padding:24px 0 0; gap:30px; flex-direction:column;}
    .payment-wrap .payment-box .payment-text{margin-top:20px; font-size:19px;}
    .payment-wrap .payment-box .payment-item{padding-right:0; padding-left:0;}
    .payment-wrap .payment-box .payment-item .coupon{flex-wrap:wrap;}
    .payment-wrap .payment-box .payment-item .coupon .coupon-btn{font-size:15px;}
    .payment-wrap .payment-box .payment-item .coupon .coupon-text.price{width:100%; margin:4px 0 0;}
    .payment-wrap .payment-price{width:100%; padding:16px 25px 31px 25px;}

    .inquiry-wrap .inquiry-step{width:348px; height:178px; margin-top:16px; padding-right:29px; background-image:url(../images/img_process_m.png); flex-wrap:wrap; gap:0 32px; justify-content:center;}
    .inquiry-wrap .inquiry-step li{width:calc(33.33% - 22px); padding-bottom:2px;}
    .inquiry-wrap .inquiry-step li:nth-child(4){margin-left:29px;}
    .inquiry-wrap .inquiry-step li span{font-size:15px;}
    .inquiry-wrap .inquiry-step li p{font-size:13px; line-height:1.08;}
    .inquiry-wrap .inquiry-step + .arrow-title{margin-top:42px;}
    .inquiry-wrap .inquiry-list{margin-top:16px; gap:12px 0;}
    .inquiry-wrap .inquiry-list li{width:100%;}
    .inquiry-wrap .inquiry-list li label{margin-bottom:6px;}
    .inquiry-wrap .inquiry-list li input{padding:0 12px;}
    .inquiry-wrap .inquiry-list li.w-full textarea{padding-left:12px; padding-righgt:12px;}
    .inquiry-wrap .inquiry-list li.w-full{margin-bottom:2px; padding-bottom:26px;}
    .inquiry-wrap .inquiry-btn{max-width:100%; height:49px; margin-top:33px; font-size:16px;}
    .certificate_print{display: none;}
}




/* 20251125 추가 */
.sub-category .swiper .swiper-slide.done a .category-img .btn-like{z-index:2;}
.sub-category .swiper .swiper-slide.done a .category-img:after{display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); content:'판매종료'; color:#fff; font-size:24px; font-weight:700; align-items:center;justify-content:center;}
.category.sub-category{margin-top:36px;}
.category.sub-category .swiper{display:flex; margin-top:0; gap:110px 20px;flex-wrap:wrap;}
.category.sub-category .swiper .swiper-slide{width:calc(33.33% - 14px);}
.category.sub-category .swiper .swiper-slide a .category-img .btn-like{right:11px;}
@media (max-width:1024px){
    .sub-container .tab.depth2{border-top-width:2px;}
    .sub-category .swiper .swiper-slide.done a .category-img:after{font-size:12px;}
    .category.sub-category{margin-top:28px;}
    .category.sub-category .swiper{gap:60px 12px;}
    .category.sub-category .swiper .swiper-slide{width:calc(50% - 6px);}
    .category.sub-category .swiper .swiper-slide a .category-img .btn-like{right:6px;}
    .category.sub-category .swiper .swiper-slide a .category-price .current-price{font-size:13px;}
    .category.sub-category .swiper .swiper-slide a .category-price .cost-price{font-size:11px;}
}


/* 20251222 추가 */
.category.sub-category.type2 .swiper .swiper-slide{width:calc(25% - 15px);}
.select-custom{position:relative;}
.select-custom .select-custom-btn{height:40px; padding:0 43px 0 16px; border:1px solid #d9dddd; border-radius:20px; background:url(../images/icon_select_arrow.png) no-repeat right 16px center; color:#000; font-size:17px; font-weight:500; text-align:left; cursor:pointer;}
.select-custom .select-custom-list{opacity:0; visibility:hidden; overflow:hidden; position:absolute; top:100%; left:0; z-index:2; min-width:100%; border:1px solid #d9dddd; border-radius:10px; background-color:#fff; transition:0.25s ease-in-out;}
.select-custom.active .select-custom-list{opacity:1; visibility:inherit; top:calc(100% + 4px);}
.select-custom .select-custom-list li button{width:100%; padding:0 14px; color:#565956; font-size:17px; font-weight:500; text-align:left; line-height:33px;}
.select-type.n2 .select-custom .select-custom-btn{min-width:180px; padding:0 48px 0 32px; background-image:url(../images/icon_select_arrow2.png); background-position:right 26px center;}
.select-type.n2 .select-custom .select-custom-list li button{padding:0 48px 0 32px;}

.select-custom .select-custom-list li.active button{background-color:#10c4c8; color:#fff;}
@media (max-width:1024px){
    .category.sub-category.type2 .swiper .swiper-slide{width:calc(50% - 6px);}
}