@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+KR:wght@500&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

.seminar-radio-box.only-pc {
    display: flex !important;
}
.only-mo {
    display: none !important;
}
.main-popup {
    position: absolute;
    top: 150px;
    left: 50px;
    z-index: 1;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  }
  .main-popup-btn {
    padding: 5px 10px;
    background-color: #000;
    font-size: 13px;
    text-align: right;
  }
  .main-popup-btn a {
    color: #fff;
    cursor: pointer;
  }

  
.main_semi{background:#fff;padding-bottom:130px;opacity: 0;}
.main_semi{background:#fff;padding-bottom:130px;opacity: 1;} 

.main_semi.active .card_list li{opacity:0;transform: translateY(100%);animation:list_ani 1.3s ease forwards 1;}
.main_semi.active .card_list li:nth-child(1) {animation-delay:0s;}
.main_semi.active .card_list li:nth-child(2) {animation-delay:0.2s;}
.main_semi.active .card_list li:nth-child(3) {animation-delay:0.4s;}
.main_semi.active .card_list li:nth-child(4) {animation-delay:0.6s;}
.main_semi.active .card_list li:nth-child(5) {animation-delay:0.8s;}
.main_semi.active .card_list li:nth-child(6) {animation-delay:1s;}
@keyframes list_ani{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0);opacity:1;} 
}
.main_semi.active .card_list li{opacity:0;transform: translateY(100%);animation:list_ani 1.3s ease forwards 1;}
.main_semi.active .card_list li:nth-child(1) {animation-delay:0s;}
.main_semi.active .card_list li:nth-child(2) {animation-delay:0.2s;}
.main_semi.active .card_list li:nth-child(3) {animation-delay:0.4s;}
.main_semi.active .card_list li:nth-child(4) {animation-delay:0.6s;}
.main_semi.active .card_list li:nth-child(5) {animation-delay:0.8s;}
.main_semi.active .card_list li:nth-child(6) {animation-delay:1s;}
@keyframes list_ani{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0);opacity:1;} 
}
.main_semi .card_con{width:1200px;margin:0 auto;}
.main_semi .card_list{width:1224px;height:760px;margin-top:68px;margin-left:-12px;}
.main_semi .card_list li{transform: translateY(100%);float:left;width:384px;height:368px;margin:12px;border-radius: 12px;}
.main_semi .card_list li a{display:block;width:384px;height:368px;position:relative;border-radius: 12px;overflow: hidden; background:#fff;box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);transition: all .15s ease-out;}


.main_semi .card_list li a .default .img_bx{position:relative;height:216px;}
.main_semi .card_list li a .default .img_bx img{width:384px;height:216px;}
.main_semi .card_list li a .default .img_bx img.img_hover{display:none;}
.main_semi .card_list li a .default .con_txt,
.main_semi .card_list li a .default56 .con_txt{padding:32px 30px 0 40px;}
.main_semi .card_list li a .default .con_txt .txt1,
.main_semi .card_list li a .default56 .con_txt .txt1{overflow:hidden;height: 80px;font-size:20px;line-height:26px; font-weight:bold;color:#000;letter-spacing: -0.05em; padding-top: 8px;}
.main_semi .card_list li a .kind_list{position:relative;z-index:2;margin-bottom:8px;gap: 2px;display: flex;}
.main_semi .card_list li a .kind_list span{display:inline-block;height:20px;margin-right:1px;padding:4px 8px 0;font-size:11px;line-height:12px;border-radius: 24px;box-sizing: border-box;font-weight:500;letter-spacing: -0.05em;}
.main_semi .card_list li a .hover{display:none;position:absolute;left:0;top:0;width:384px;height:368px;padding:40px 30px 40px 40px;box-sizing:border-box;border-radius: 12px;overflow: hidden; }
.main_semi .card_list li a .hover::before{position:absolute;left:0;top:0;content:''; background-color: rgba( 38, 92, 240, 0.85 );width:100%;height:100%;display:block;opacity: 1;}
.main_semi .card_list li a .hover .txt1{position:relative;z-index:2;font-size:20px;line-height:26px; font-weight:bold;color:#fff;font-weight:bold;letter-spacing: -0.05em;}
.main_semi .card_list li a .hover .txt2{position:relative;z-index:2;margin-top:15px;font-size:16px;line-height:22px;color:#fff;}
.main_semi .card_list li a .hover .txt3{position:relative;z-index:2;
    position:absolute;bottom:40px;width:100%;font-size:16px;line-height:22px;color:#fff;background:url(../imgs/renew/img_main_seminar_arr.png) no-repeat 80px center; 
  
}

/* 사용자교육 hover 제거 */
.main_semi .card_list li a .default56 .img_bx img.img_hover{
    display: none !important;
}


/* data-seq가 56인 요소는 호버해도 .hover 레이어를 보여주지 않음 */
.main_semi .card_list li a[data-seq="56"]:hover .hover {
    display: none !important;
}

/* 56번 요소는 호버 시에도 기본 텍스트와 이미지가 그대로 유지되도록 설정 */
.main_semi .card_list li a[data-seq="56"]:hover .default {
    display: block !important;
    opacity: 1 !important;
}

.main_semi .card_list li:hover a{transform: translateY(-10px) ;} 
.main_semi .card_list li.bg1:hover{background: url();}
.main_semi .card_list li a:hover .hover{display:block;}
.main_semi .card_list li a:hover .default .img_bx{position:relative;height:368px;width:384px;overflow:hidden;}
.main_semi .card_list li a:hover .default .img_bx img.img_hover{display:block;}
.main_semi .card_list li a:hover .default .img_bx img.img_default{display:none;}
.main_semi .card_list li a:hover .default .img_bx img{width:384px;height:368px; animation: imgani .4s ease-in forwards;} 
.main_semi .card_list li a:hover .default .con_txt{display:none;}
.main_semi .card_list li a:hover .hover .txt1{  animation: txtani .4s ease-in-out forwards;font-size:20px;line-height:26px; font-weight:bold;color:#fff;}
.main_semi .card_list li a:hover .hover .txt2{  animation: txtani .4s ease-in-out forwards;margin-top:15px;font-size:16px;line-height:22px;color:#fff;}
.main_semi .card_list li a:hover .hover .kind_list{ animation: txtani .4s ease-in-out forwards;}
.main_semi .card_list li a:hover .hover::before{   animation: bgfade .4s ease-in-out forwards;}
.main_semi .card_list li a:hover .hover .txt3{ animation: btnani .4s ease-in-out forwards; }

.main_notice {padding-bottom:122px;width:1200px; margin:0 auto;background:#fff;opacity:0;}
.main_notice.active{animation: parallax 1s ease forwards 1;}
.main_notice .notice {margin:60px auto 0; }
.main_notice .notice table { width:100%;text-align:center;}
.main_notice .notice table thead th {color:#000; font-size:14px;line-height: 18px;line-height:50px;font-weight:700;border-bottom:1px solid #e5e5e5;  }
.main_notice .notice table tbody td {padding:33px 0 34px;height:96px;color:#000; font-size:18px;line-height:30px; font-weight:400;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; box-sizing: border-box; }
.main_notice .notice table tbody td a{display:block;width:950px;font-size:18px; font-weight:500;line-height: 30px;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_notice .notice table tbody td:first-child {text-align:left;padding-left:40px;}
.main_notice .notice table tbody td:last-child {text-align:right;padding-right:40px;font-size:16px;color:#7b7b7b;}
.main_notice .notice table tbody td.ac{color:#000;font-size:18px;font-weight:500;}
.main_notice .notice table tr:hover{background:#f3f6fe;}

.main_container .title {padding-top:80px; }
.main_container .title .text { text-align:center; color:#000; font-size:42px; font-weight:bold; }
.main_container .title .ex_txt {margin-top:8px;font-size:18px;color:#7f7f7f; text-align:center;}
.main_container .btn {position:relative;z-index:2; margin:80px auto 0; text-align:center; }
.main_container .btn a {display:inline-block; text-align:center; color:#2b2b2b; font-size:20px;border:1px solid #a3a3a3;width: 180px;height: 64px;line-height: 64px;box-sizing: border-box;}
.main_container .btn a:hover{border:1px solid #2b2b2b;color:#2b2b2b;}

.main_video{position:relative;background:#f7f7f7;padding-bottom:160px;height:856px;opacity: 1;overflow:hidden;box-sizing: border-box;}
/* .main_video.active{animation: parallax 1s ease forwards 1;} */
.main_video.mobile::before{position:absolute;left:0px;top:0;content:'';display:block;width:407px; height:405px;background: url(../imgs/renew/bg_dong1.png) no-repeat left top;}
.main_video.mobile::after{position:absolute;right:0px;bottom:0;content:'';display:block;width:720px; height:698px;background: url(../imgs/renew/bg_dong4.png) no-repeat left top;}
.main_video .box1{position:absolute;top:250px;left:0;display:block;width:407px; height:641px;background: url(../imgs/renew/img_main_bg_circle_03.png) no-repeat right top;}
.main_video .box2{animation-delay:1.2s;position:absolute;top:250px;right:100px;display:block;width:191px; height:191px;background: url(../imgs/renew/img_main_bg_circle_02.png) no-repeat center center;}
.main_video .box3{position:absolute;bottom:0;right:0;display:block;width:407px; height:513px;background: url(../imgs/renew/img_main_bg_circle_01.png) no-repeat left top;}
.main_video .video_con{position:relative;z-index:2;width:1200px;margin:0 auto;}
.main_video .video_list{height:336px;margin-top:60px;}
.main_video .video_list li{transform: translateY(200%);float:left;width:384px;height:336px;margin-left:24px;background:#fff;border-radius: 12px;overflow: hidden; box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);}
.main_video .video_list li:first-child{margin-left:0;}
.main_video .video_list li .video_bx{}
.main_video .video_list li .con_txt{padding:32px 40px 0;}
.main_video .video_list li .con_txt .txt1{font-size:18px;line-height:22px; font-weight:bold;color:#265cf0;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main_video .video_list li .con_txt .txt2{overflow:hidden;height: 44px;margin-top:5px;font-size:20px;line-height:22px; font-weight:500;color:#000;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main_video .video_list li .img_bx{position:relative;width:384px;height:216px;overflow:hidden;}
.main_video .video_list li .img_bx img{width:384px;height:216px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);  
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main_video .video_list li:hover .img_bx img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);  
}
.main_video .video_list li .img_bx::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';display:block; background-color: rgba(0, 0, 0, 0.3);}

.main_video .video_list li .img_bx button{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;border:0;font-size:0;line-height:0;text-indent:-9999px; background:url(../imgs/renew/btn_play_normal_74.png) no-repeat center center;}
.main_video .video_list li .img_bx button:hover{cursor:pointer;background:url(../imgs/renew/btn_play_hover_74.png) no-repeat center center;}
.main_video.active .video_list li{opacity:0;transform: translateY(100%);animation:list_ani 1.3s ease forwards 1;}
.main_video.active .video_list li:nth-child(1) {animation-delay:0s;}
.main_video.active .video_list li:nth-child(2) {animation-delay:0.2s;}
.main_video.active .video_list li:nth-child(3) {animation-delay:0.4s;}

.skrollable {  position:fixed;z-index:1;}


.main_semi_video{position:relative;height:790px;opacity: 0;background-color: #fff;}
.main_semi_video.active{animation: parallax 1s ease forwards 1;}
.main_semi_video .semi_bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:487px;background:#273046 url(../imgs/renew/img_main_bg_seminar.png) no-repeat center center;background-attachment:fixed;background-size:cover;}
.main_semi_video .semi_cc{width:1200px;margin:0 auto;}
.main_semi_video .txt_con{padding-top:130px;}
.main_semi_video .txt_con .tit{font-size:42px;line-height:46px; font-weight:bold;color:#fff;}
.main_semi_video .txt_con .ex{margin-top:15px;font-size:18px;line-height:26px; color: rgba(255, 255, 255, 0.5);}
.main_semi_video .txt_con a {margin-top:80px;display:inline-block; text-align:center; color:#fff; font-size:20px;border:1px solid #fff;width: 180px;height: 64px;line-height: 64px;box-sizing: border-box;}
.main_semi_video .txt_con a:hover{background:rgba(255, 255, 255, 0.1);border:1px solid #fff;color:#fff;}
.main_semi_video .video_semi_bx{ position:absolute;width:1151px;height:500px;left:50%;margin-left:-200px;top:120px;overflow:hidden; }
.main_semi_video .video_semi_bx .semi-slider{width:1620px;height:500px;}
.main_semi_video .video_semi_bx .semi-slider .slick-slide{overflow:hidden;border-radius: 12px;}
.main_semi_video .video_semi_bx .slide-con{position:relative;width:792px;height:446px;margin:0 10px;}
.main_semi_video .video_semi_bx .con_txt{position:absolute;left:0;bottom:0;width:100%;padding:40px;box-sizing: border-box;}
.main_semi_video .video_semi_bx .con_txt::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';border-radius: 0 0 12px 12px;}
.main_semi_video .video_semi_bx .con_txt .txt1{position:relative;z-index:2;font-size:20px;line-height:22px; font-weight:bold;color:#fff;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main_semi_video .video_semi_bx .con_txt .txt2{position:relative;z-index:2;margin-top:10px;font-size:24px;line-height:28px;color:#fff;}
.main_semi_video .video_semi_bx .img_bx{position:relative;width:792px;height:446px;overflow:hidden;border-radius: 12px;}
.main_semi_video .video_semi_bx .img_bx::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';display:block; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.main_semi_video .video_semi_bx .img_bx img{width:792px;height:446px;overflow:hidden;border-radius: 12px;  
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);  
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main_semi_video .video_semi_bx .slide-con:hover .img_bx img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);  
}
.main_semi_video .video_semi_bx .img_bx button{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;border:0;outline:0;font-size:0;line-height:0;text-indent:-9999px; background:url(../imgs/renew/btn_play_normal_100.png) no-repeat center center;cursor:pointer;}
.main_semi_video .video_semi_bx .img_bx button:hover{background:url(../imgs/renew/btn_play_hover_100.png) no-repeat center center;}
.main_semi_video .slick-dots{width:792px;height:10px;overflow:hidden;bottom:0px;}
.main_semi_video .slick-dots li{width:56px;height:4px;border-radius:0;background:rgba(0,0,0,0.1);vertical-align: top;}
.main_semi_video .slick-dots li.slick-active{background:#265cf0;}
.main_semi_video .slick-dots li button:before{content:'';}


.cont_nav{display:none;position:fixed;z-index:200;right:0;width:100px;}
.cont_nav ul:after{content:"";display:block;clear:both}
.cont_nav ul li{border-left:1px solid rgba(255, 255, 255, 0);box-sizing:border-box;width:25%}
.cont_nav ul li:first-child{border-left:none}
.cont_nav ul li a{display:block;height:60px;text-align:center;line-height:60px;font-size:20px;text-decoration:none;background-color:#000;color:#fff}
.cont_nav ul li.on a{background-color:#fff;color:#000}


.slider-wrap {position:relative;padding-top:124px;}
.slider-wrap .main-slider {position:relative;margin-bottom:0 !important;height:855px;overflow:hidden;min-width:1540px;}

.main-slider .slide-item .slide_bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;width:100%;height:100%;background-repeat: no-repeat;

    background-position: center top;
    background-size: 1920px 855px;
   /* animation:idx_bg 30s ease-in-out alternate forwards infinite;*/ } 
@keyframes idx_bg {
    0% {
        transform: scale(1, 1) rotate(0.1deg);
        -webkit-transform: scale(1, 1) rotate(0.1deg);
        -ms-transform: scale(1, 1) rotate(0.1deg);
    }
    50% {
        transform: scale(1.1, 1.1) rotate(0.1deg);
        -webkit-transform: scale(1.1, 1.1) rotate(0.1deg);
        -ms-transform: scale(1.1, 1.1) rotate(0.1deg);
    }
    100% {
        transform: scale(1, 1) rotate(0.1deg);
        -webkit-transform: scale(1, 1) rotate(0.1deg);
        -ms-transform: scale(1, 1) rotate(0.1deg);
    }
}
.main-slider .slick-active .slide_bg{}
.main-slider .slide-item.slick-active{display:block;}
/*

.main-slider .slide-item{display:none;}
.main-slider .slide-item-1 .slide_bg{background-color:#000;}
.main-slider .slide-item-2 .slide_bg{background-color:green;}
.main-slider .slide-item-3 .slide_bg{background-color:red;}
*/

.main-slider .slide-item-10 .slide_bg{background-image:url(../imgs/renew/img_main_kv_thepremium.webp);}
.main-slider .slide-item-1 .slide_bg{background-image:url(../imgs/renew/img_main_kv_thepremium_20230508.png);}
.main-slider .slide-item-2 .slide_bg{background-image:url(../imgs/renew/img_main_220919_kv01_A.png);}
.main-slider .slide-item-3 .slide_bg{background-image:url(../imgs/renew/img_main_20260319_kv04.jpg);}
.main-slider .slide-item-4 .slide_bg{background-image:url(../imgs/renew/img_main_20260319_kv01.jpg);}
.main-slider .slide-item-5 .slide_bg{background-image:url(../imgs/renew/img_main_20260319_kv02.jpg);}
.main-slider .slide-item-6 .slide_bg{background-image:url(../imgs/renew/img_main_20260319_kv03.jpg);}
.main-slider .slide-item-7 .slide_bg{background-image:url(../imgs/renew/img_main_20260319_kv03.jpg);}
/*
.main-slider .slide-item-1 .slide_bg{background-image:url(../imgs/renew/img_main_kv_thepremium@3x.png);}
.main-slider .slide-item-2 .slide_bg{background-image:url(../imgs/renew/img_main_220919_kv06.png);}
*/
.main-slider .slick-prev, .main-slider .slick-next{outline:auto;border:0;}
.main-slider .slick-prev:focus, .main-slider .slick-next:focus{outline:auto;border:0;}
.main-slider .slide-con{width:1540px;min-width:1540px;margin:0 auto;height:855px;}


.main-slider .slide-item .slide-con {position:relative;}
.main-slider .slick-list{min-width:1540px;}

.slide-txt .rounded-yellow{display:block;opacity: 0.7;width: 150px;border:1px solid #FFFF00; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:yellow;} 
.slide-txt .rounded{display:block;opacity: 0.7;width: 150px;background-color: #2ebfff; border:1px solid #2ebfff; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-edge{display:block;opacity: 0.7;width: 150px;background-color: #8a4af0; border:1px solid #8a4af0; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-erp{display:block;opacity: 0.7;width: 150px;background-color: #0542cb; border:1px solid #0542cb; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-etc{display:block;opacity: 0.7;width: 150px;background-color: #2b94ff; border:1px solid #2b94ff; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-default{display:block;opacity: 0.7;width: 300px;text-align:center; color:#fff; font-weight: bold;} 



.slide-txt .tag { display: inline-block; 
    padding: 0 20px; 
    line-height: 35px;
     height: 35px; 
     box-sizing: border-box;  
      border-radius: 20px;
      background-color: rgba(91, 121, 212, 0.5); 
      font-weight: normal;} 
.slide-txt .tag-erp { display: inline-block;
     padding: 0 20px;
     box-sizing: border-box;
     line-height: 35px;
     height: 35px;
       border-radius: 20px;
      background-color: rgba(91, 105, 212, 0.5);
       font-weight: normal;} 

  .slide-txt .tag-amaranth { display: inline-block;
     padding: 0 20px;
     box-sizing: border-box;
     line-height: 35px;
     height: 35px;
       border-radius: 20px;
      background-color: rgba(91, 138, 212, 0.5);
       font-weight: normal;} 

       
  .slide-txt .tag-wehago { display: inline-block;
     padding: 0 20px;
     box-sizing: border-box;
     line-height: 35px;
     height: 35px;
       border-radius: 20px;
   background-color: rgba(91, 164, 212, 0.5);
       font-weight: normal;} 


   .slide-txt .tag-user { display: inline-block;
     padding: 0 20px;
     box-sizing: border-box;
     line-height: 35px;
     height: 35px;
       border-radius: 20px;
   background-color: rgba(91, 121, 212, 0.5);
       font-weight: normal;} 
      


.slide-txt .txt-tt .txt1{display:block;font-size:60px;line-height:80px;color:#fff;font-weight:300;}
.slide-txt .txt-tt .txt1 .bold{font-size:60px;font-weight:bold;}

.slide-txt .txt-tt .txt2{display:block;font-size:60px;line-height:80px;color:#fff;font-weight:bold;}
.slide-txt .txt-tt .txt3{opacity: 0.7;display:block;font-size:40;line-height:60px;color:#fff;font-weight:200;}

.slide-txt .txt-tt .sm_txt{font-size:50px;}
.slide-txt .txt-tt .sm_txt_1{font-size:40px;}
.slide-txt .txt-desc{opacity: 0.7;display:block;font-size:20px;line-height:26px;color:#fff;font-weight:normal;}
.slide-txt .txt-desc.black{display:block;color:#3b3b3b;font-weight:normal}
.slide-txt .txt-btn{text-align:left;margin-top:255px;}
.slide-txt .txt-btn a, .btnEasyApply{display:inline-block;text-align:center;width:228px;height:64px;font-size:20px;line-height:64px;color:#fff;border:1px solid #fff;outline: 0;opacity: 1;box-sizing: border-box;}
.slide-txt .txt-btn a:hover, .btnEasyApply:hover{ background-color: rgba(255, 255, 255, 0.1);border:1px solid #fff;color:#fff;border-radius:0;}

.slide-txt .txt-btn-a{text-align:left;margin-top:66px;}
.slide-txt .txt-btn-a a{display:inline-block;text-align:center;width:228px;height:64px;font-size:20px;line-height:64px;color:#596365;border:1px solid #596365;outline: 0;opacity: 1;box-sizing: border-box;}
.slide-txt .txt-btn-a a:hover{ background-color: rgba(60, 60, 60, 0.1);border:1px solid #596365;color:#596365;border-radius:0;}

.slide-txt .txt-btn a.black{color:#3b3b3b;border:1px solid #3b3b3b;}
.slide-txt .txt-btn a.black:hover, .btnEasyApply.black:hover{ background-color: rgba(0, 0, 0, 0.1);border:1px solid #3b3b3b;color:#3b3b3b;border-radius:0;}
  
/*
/*.slide-txt{transform: translateY(50px);    opacity: 0.2;    transition: opacity 3s, transform 3s;}*/
/*.slick-active .slide-txt{transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;}*/


.slide-txt .txt-tt { transform: translateY(50px);opacity: 0;  }
.slick-active .txt-tt{animation:vistxtani 0.5s ease forwards 1;animation-delay:0s;}
.slide-txt .txt-desc { transform: translateY(50px);opacity: 0; }
.slick-active .txt-desc{animation:vistxtani2 0.5s ease forwards 1;animation-delay:0.3s;}
.slide-txt .txt-btn { transform: translateY(50px);opacity: 0; }
.slick-active .txt-btn{animation:vistxtbtn 0.5s ease forwards 1;animation-delay:0.5s;}

.vis_con_bx .btn a{position:relative;margin-top:5px;}
.vis_con_bx .btn a:first-child{margin-top:0;}
.vis_con_bx .btn a.btn_white{display:block;height: 64px;border-radius: 5px;font-size:18px;line-height:64px;color:#265cf0;background-color: #fff;text-align:center;box-sizing: border-box;border:1px solid #265cf0;}
.vis_con_bx .btn a.btn_white.ic_play::before{display:inline-block;content:'';width:28px;height:28px;margin:-4px 8px 0 0;vertical-align:middle;background:url(../imgs/renew/ic_paly.png) no-repeat center center;}
.vis_con_bx .btn a.btn_white:hover{background:#f3f6fe;}


/* 간편신청하기 */
.btnEasyApply{
    cursor: pointer;
    margin-left: 22px;
}
.btnEasyApply.black{
    color: #3b3b3b;
    border: 1px solid #3b3b3b;
}
.popup {
    /* display: none; */
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    font-family: 'Pretendard',sans-serif;

}
.pop-dim {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    transform: translate(-50%,-50%);
    z-index: 10;
}
.pop-wrap {
    max-height: 850px;
    overflow-y: auto;
    box-sizing: border-box;
    display: none;
    position: absolute;
    width: 870px;
    padding-bottom: 20px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    z-index: 100;
    border-radius: 12px;
}
.pop-title {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0;
    width: 100%;
    height: 112px;
    box-sizing: border-box;
    text-align: center;
    background: url(../imgs/renew/bg_popup.jpg) no-repeat center;
    background-size: cover;
}

.pop-title h4 {
    margin-left: 40px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.78px;
    color: #000126;
}
.pop-title h4 .blue{
    color: #155dfc;
}
.pop-title h4 img {
    width: 140px;
    margin-right: 10px;
}
.pop-title p {
    margin-left: 40px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.35px;
    color: #000;
    text-align: left;
}

.pop-cont .from-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
}
.pop-title .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
    font-size: 26px;
    letter-spacing: -0.78px;

}
.pop-wrap .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    height: 44px;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: -.4px;
}
.btn-close.icon {
    display: inline-block;
    position: absolute;
    top: 24px;
    right: 30px;
    width: 24px;
    height: 24px;
    background-image: url('../imgs/renew/btn-close.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pop-cont {
    box-sizing: border-box;
    padding: 20px 40px 0 40px;
    margin-bottom: 8px;
}
.pop-cont .cont-group {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
.pop-table caption{
    display: none;
}
.pop-cont .from-grid label {
    margin-top: 16px;
}
.cont-group label,
.agree-wrap p.require{
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0 8px;
    cursor: pointer;
    color: #000126;

}
.cont-group .radio_label{
    flex: 0 0 calc(27% );
}

.cont-group .radio_label label {
    font-weight: 400;
;
}
.cont-group label.require:after,
.agree-wrap p.require:after{
    content: '*';
    color: #fb2c36;
    font-weight: 500;
}
.validation-text {
    position: absolute;
    bottom: 40px;
    right: 0;
    font-size: 13px;
    letter-spacing: -0.42px;
    color: #fb2c36;

}
.cont-group input[type="text"] {
    width: 385px;
    height: 32px;
    padding: 0px 12px;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #d1d5dc;
    font-size: 14px;

}
.cont-group input.email {
    width: 790px;
}

input[type="text"]::placeholder {
    color: #99a1af !important;
    opacity: 1;
}

.cont-group input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin-right: 3px;
    border: none;
    vertical-align: middle;
}
.cont-group input[type="radio"]::before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url(../imgs/renew/radio-radio-off.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
}


.cont-group input[type="radio"]:checked::before {
    background: url(../imgs/renew/radio-radio-on.png) no-repeat center;
    background-size: cover;
}

.cont-group input[type="radio"]:checked + label {
    font-weight: bold;
}

.pop-button {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}
.pop-button button {
    padding: 0 28px;
    border-radius: 6px;
    width: 111px;
    height: 42px;
    box-sizing: border-box;
    background-color: #99a1af;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Pretendard',sans-serif;
    border: none;
}

.pop-button button.active {
    background-image: linear-gradient(to right, #14bcea 0%, #2882ff 33%, #645aff 67%, #a53cff 100%);
}

.pop-button button.active:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(to right, #14bcea 0%, #2882ff 33%, #645aff 67%, #a53cff 100%);
}

.seminar-radio-box{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border: solid 1px #d1d5dc;
    width: 790px;
    height: 84px;
    padding: 14px 20px;
    box-sizing: border-box;
    border-radius: 8px;
}
.seminar-radio-box label {
    font-size: 14px;
    margin: 20px 10px 0 0;

}
.seminar-list {
    margin-top: 20px;
    display: none;
}
.seminar-list.active,
.pop-cont .list-wrap.active {
    display: block;
}

.seminar-list h5 {
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #000126;
}

.top_box {
    width: 790px;
    position: relative;
    height: 84px;
    box-sizing: border-box;
    padding: 14px 20px;
    border-radius: 8px;
    border: solid 1px #d1d5dc;
    background-color: #f9fafb;
    /* min-height: 54px; */
}
.top_box dl {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    margin: 0;
    padding: 0;
}
.search-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.top_box dl dt {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    line-height: 1;
    margin: 0;
}
.top_box dl .only-mo {
    display: contents;
}


.top_box dl dd {
    margin: 0;
    display: flex;
    gap: 4px;
    line-height: 32px;
}

.top_box input[type=text],
.top_box input[type=number],
.PUDD.PUDD-UI-selectBox {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    font-size: 12px;
    height: 32px;
    background: #ffffff;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
}

.top_box input:disabled {
    cursor: default;
    background-color: #f1f1f1;
}
.PUDD input[type="text"]{
    font-size: 13px !important;
    font-family: 'Pretendard',sans-serif !important;
}
.PUDD.PUDD-UI-datePicker input  {
    position: relative;
    display: inline-block;
    width: 136px;
    height: 32px;
    vertical-align: middle;
    font-size: 13px !important;
    font-family: 'Pretendard',sans-serif !important;
}
/*.PUDD a {*/
/*    text-decoration: none;*/
/*    color: #888888;*/
/*}*/
.PUDD.PUDD-UI-datePicker .btn {
    position: absolute;
    display: inline-block;
    min-width: 130px;
    height: 32px;
    right: 3%;
    padding: 0;
    border: 0 none;
    text-align: center;
    vertical-align: top;
    background: transparent;
    box-sizing: border-box;
    outline: none;
    pointer-events: none;
    margin: 4px 5px 0 0;
}


.PUDD.PUDD-UI-datePicker:hover .btn{
    border: none;
}
.PUDD.PUDD-UI-datePicker .PUDD-COLOR-blue input.on + .btn {
    border: none;
}


.pop-cont .list-wrap {
    margin-top: 20px;
    width: 790px;
    display: none;
}

.pop-cont .seminar-ul {
    box-sizing: border-box;
    max-height: 176px;
    padding: 12px 0 ;
    overflow-y: auto;
    border-top: solid 1px #d1d5dc;
    border-bottom: solid 1px #d1d5dc;

}
.pop-cont .seminar-ul::-webkit-scrollbar,
.agree-wrap .detail::-webkit-scrollbar,
.pop-wrap::-webkit-scrollbar {
    width: 4px; /* 이 설정이 없으면 thumb이 보이지 않습니다 */

}

/* 3. 스크롤바 막대(thumb) */
.pop-cont .seminar-ul::-webkit-scrollbar-thumb,
.agree-wrap .detail::-webkit-scrollbar-thumb,
.pop-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    height: 32px;
}

/* 4. 스크롤바 배경(track) - 필요시 추가 */
.pop-cont .seminar-ul::-webkit-scrollbar-track,
.agree-wrap .detail::-webkit-scrollbar-track,
.pop-wrap::-webkit-scrollbar-track{
    background: transparent;
}
.seminar-ul li,
.seminar-ul li.nodata{
    height: 32px;
    margin-bottom: 8px;
    letter-spacing: -0.15px;
    color: rgba(0, 0, 0, 0.88);
    width: 100%;
    font-size: 14px;
    padding: 7px 12px 7px 40px;
    border-radius: 6px;
    background-color: #f6f8fb;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.seminar-ul li.active {
    border: 1px solid #265CF0;
    background-color: rgba(38, 92, 240, 0.1);
}

.seminar-ul li span:nth-child(1) {
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seminar-ul li.active span:nth-child(1) {
    font-weight: bold;
}
/* 두 번째 span: 일시 */
.seminar-ul li span:nth-child(2) {
    width: 35%; /* 혹은 고정 px (예: 180px) */
    text-align: left;
}

/* 세 번째 span: 지역 */
.seminar-ul li span:nth-child(3) {
    width: 15%; /* 혹은 고정 px (예: 60px) */
    text-align: right; /* 지역은 맨 오른쪽에 붙임 */
}

input#seminar_name {
    width: 204px !important;
    font-size: 13px;
}

.seminar-ul li.active span:first-child::before {
    content: '';
    position: absolute;
    left: 10px; /* padding에 맞춰 조정 */
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../imgs/renew/ic-checked.png) no-repeat center;
    background-size: cover;
}


.grid-content td {
    font-size: 14px;
    line-height: 1.5;
}


.PUDD.PUDD-UI-selectBox, .cloneList li {
    font-size: 13px;
    cursor: pointer;
    width: 133px !important;
    font-family: 'Pretendard',sans-serif;
}
.PUDD.PUDD-UI-selectBox .selectField{
    border: none !important;
    height: 28px !important;
    padding: 6px 33px 2px 6px  !important;
    width: 125px !important;
    box-sizing: border-box !important;
    font-family: 'Pretendard',sans-serif;
    background: transparent !important;
    font-size: 13px !important;
}
.PUDD.PUDD-UI-selectBox .selectFieldBtn {
    top: 3px !important;
    right: 5px !important;
}
.PUDD.PUDD-UI-selectBox.PUDD-COLOR-blue .selectField.on .selectFieldBtn,
.PUDD.PUDD-UI-selectBox.PUDD-COLOR-blue .selectField:hover .selectFieldBtn
{
    border: none !important;
}
#btnSearch {
    display: block;
    width: 70px;
    height: 32px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 0 12px;
    border: solid 1px #155dfc;
    background-color: #155dfc;
}
.agree-wrap{
    position: relative
}
.agree-wrap ul li {
    font-size: 13px;
    margin-bottom: 6px;
    color: #121619;
}
li .red {
    color:#fb2c36;
}
.agree-wrap .container{
    display: flex;
    width: 790px;
    gap: 20px;
}
.agree-wrap .container div.check_container{
    width: 390px;
    height: 120px;
    border-radius: 8px;
    box-sizing: border-box;
    border: solid 1px #d1d5dc;
    padding: 16px 20px;
    margin-bottom: 0;
}

.agree-wrap .check_container input[type=checkbox],
.agree_checkbox  input[type=checkbox]{
    display: none;

}

.agree-wrap .check_container label,
.agree_checkbox label  {
    cursor: pointer;
    display: flex;       /* flex 적용 */
    align-items: center;  /* 세로 중앙 정렬 */
    font-size: 13px;
    line-height: 1.5;
}
.agree-wrap .check_container label::before,
.agree_checkbox label::before{
    content: '';
    flex-shrink: 0;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: url("../imgs/renew/checkbox.png") no-repeat center;
    background-size: cover;

}
.agree-wrap .check_container input[type="checkbox"]:checked + label::before,
.agree_checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("../imgs/renew/checkbox-checked.png");
}
/* 모두 동의 */
.agree_checkbox {
    padding-top: 13px;
}
.agree_checkbox  label{
    font-size: 14px;
    width: 150px;
    font-weight: 500;
    font-family: 'Pretendard',sans-serif;
}

.agree-wrap .detail {
    z-index: 5;
    width: 390px;
    height: 120px;
    border-radius: 8px;
    box-sizing: border-box;
    border: solid 1px #d1d5dc;
    padding: 10px 10px;
    overflow-y: auto;
    font-family: 'Pretendard',sans-serif;
    letter-spacing: -0.15px;
    text-align: left;
    background-color: #f9fafb;
}

.agree-wrap .detail .agree {
    font-family: 'Pretendard',sans-serif;
    font-size: 12px;
    padding: 10px 0;
}
.agree-wrap .detail .agree p {
    font-weight: 600;
}
#chkAgree {
    top: 0;
}

@keyframes vistxtani {
    0% {
        transform: translateY(50px);    opacity: 0;    transition: opacity 3s, transform 3s;
    }
    100% {
        animation-delay:3s;transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;
    }
}
@keyframes vistxtani2 {
    0% {
        transform: translateY(50px);    opacity: 0;    transition: opacity 3s, transform 3s;
    }
    100% {
        animation-delay:3s;transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;
    }
}
@keyframes vistxtbtn {
    0% {
        transform: translateY(50px);    opacity: 0;    transition: opacity 3s, transform 3s;
    }
    100% {
        animation-delay:3s;transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;
    }
}
.main-slider .slide-item > .slide-con > .slide-txt {position:absolute; top:152px; z-index:50;}
.main-slider .slide-item > .slide-con > .slide-txt > h2.txt-tt {font-size:48px;}
.main-slider .slide-item > .slide-con > .slide-txt > p.txt-desc {font-size:23px;margin-top:20px; line-height: 35px;}
.main-slider .slick-slide{position:relative;}

.i_edge {
    background-color: #3acbc9;
}

/* 페이지 버튼 */
.s-navi-container {
    display: inline-block;
    position:absolute;
    right: 80px;
    bottom: 81px;
    width: 500px;
    height: 693px;
    border-radius: 31px;
    padding: 32px 40px;
    box-sizing: border-box;
}
.s-navi-container .bg {
    width: 500px;
    height: 693px;
    padding: 0;
    border-radius: 31px;
    position: absolute;
    top: 0;
    right: 0;
    backdrop-filter: blur(39.3px);
    border-image-source: linear-gradient(144deg, rgba(255, 255, 255, 0.2) 3%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.2) 95%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, rgba(69, 70, 92, 0.3), rgba(69, 70, 92, 0.3)), linear-gradient(144deg, rgba(255, 255, 255, 0.2) 3%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.2) 95%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}



.s-navi-container .slick-dots {
    font-size:0;
    position:absolute;
    top: 0;
    right: 0;
    width: 500px;
    height: 693px;
    z-index:5;
    padding: 60px 24px 28px 32px;
    box-sizing: border-box;
    border-radius: 31px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    border: 1px solid  rgba(255, 255, 255, 0.2);
}


.seminar-navi-title{
    color: #fff;
    font-size: 20px;
    height: 24px;
    text-align: left;
    z-index: 50;
    position: absolute;
    top: 26px;

}

.show-all-seminar {
    display:inline-block;
    width: 420px;
    height: 72px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    color: #fff;
    font-size: 18px;
    z-index: 50;
    text-align: left;
    padding: 24px 24px 24px 32px;
    box-sizing: border-box;
    cursor: pointer;
}


.s-navi-container .slick-dots li {
    width:420px;
    height:94px;
    margin:0;
    box-sizing:border-box;
    display: inline-block;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    background-color: rgba(37, 45, 71, 0.7);
}

.s-navi-container .slick-dots  li.slick-active {
    background-color: #255cf2;
}
.s-navi-container .slick-dots  li.slick-active .tab::after{
    content: '';
    position: absolute; /* absolute로 변경하여 레이아웃 간섭 제거 */
    right: 25px;       /* 오른쪽에서 25px 띄움 */
    top: 50%;          /* 세로 중앙 배치 시작 */
    transform: translateY(-50%) rotate(45deg); /* Y축으로 본인 절반만큼 올려서 완벽한 중앙 정렬 */
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
}


.s-navi-container .slick-dots > li.slick-active  > .tab >  .seminar  {
    color: #c3cfff;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

}
.s-navi-container .slick-dots > li.slick-active > .tab {
    width: 100%;
    height: 100%;
    padding: 24px 20px 26px 32px;
}


.s-navi-container .slick-dots > li .tab {
    width: 100%;
    height: 100%;
    padding: 24px 20px 26px 32px;
    box-sizing: border-box;
}


/* .main-slider .slick-dots > li > button::before {
    display:none;
} */


/*
.slider-wrap[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .s-line-fill {
    animation-play-state:paused;
} */



/* 페이지 버튼 인디케이터 */


.s-navi-container .slick-dots > li  > .tab >  .seminar {
    white-space:nowrap;
    color: rgba(195, 207, 255, 0.4);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: left;

}

.s-navi-container .slick-dots > li  > .tab > .seminar-title {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.45px;
    text-align: left;
    color: #fff;
}

/* 오토플레이 버튼 */
.slider-wrap .s-autoplay-btn {
    display:none;
    width:12px;
    height:12px;
    position:absolute;
    left:79%;
    bottom:15px;
    z-index:50;
}

@keyframes parallax {
    0% {
        opacity:0;
        transform:translateY(80px)
    }
    100% {
        opacity:1;
        transform:translateY(0px)
    }
}

@keyframes txtani {
    0% {
        line-height: 0;
        transform: translateY(90%);
        opacity: 0;
    }
    50% {
        line-height: 1.5;
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        line-height: 1.5;
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes imgani {
    0% {
        line-height: 0;
        transform: translateY(0%);
        opacity: 0.5;
        height:216px;
    }

    100% {
        height:368px;
        line-height: 1.5;
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes btnani {
    0% {
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
        transition-property: all;
        transition-duration: .6s;
        transition-timing-function: ease-out;
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
        transition-delay: .2s;
    }
}

@keyframes bgfade {
    0% {
        line-height: 0;
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        line-height: 1.5;
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width:440px){
    /*간편신청 모바일*/
    .pop-wrap {
        max-width: 440px;
        width: 100%;
        min-width: 360px;
        border-radius: 0;
        height: auto;
        max-height: 90vh;
    }
    .pop-title {
        display: flex;
        align-items: center;
        position: relative;
        padding: 20px 0;
        width: 100%;
        height: 99px;
        box-sizing: border-box;
        text-align: center;
        background: url(../imgs/renew/bg_popup_m.jpg) no-repeat center;
        background-size: cover;
    }
    .pop-title h4 {
        margin-left: 20px;
        font-size: 18px;
    }

    .pop-cont .from-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px 20px;
    }

    .pop-wrap .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 110px;
        height: 44px;
        color: #fff;
        border-radius: 4px;
        font-size: 16px;
        letter-spacing: -.4px;
    }

    .btn-close.icon {
        top: 36px;
    }
    .pop-cont {
        padding: 20px;
    }
    .pop-cont .from-grid label {
        margin-top: 16px;
    }
    .cont-group label,
    .agree-wrap p.require{
        font-size: 14px;
        font-weight: 500;
        margin: 20px 0 8px;
        cursor: pointer;
        color: #000126;

    }
    .pop-cont .from-grid label:first-child{
        margin-top: 0;
    }
    .top_box {
        width: 320px;
        height: 224px;
    }


    .top_box dl {
        display: flex;
        flex-wrap: wrap; /* 자식 요소들이 넘치면 줄바꿈 허용 */
        gap: 12px;
        align-items: flex-end;
    }
    .top_box dl .search-item:nth-child(1),
    .top_box dl .search-item:nth-child(2) {
        width: 100%;
    }

    /* 3. 세미나 지역 : 조회버튼 공간(약 80px)을 제외한 나머지 꽉 채우기 */
    .top_box dl .search-item:nth-child(3) {
        flex: 1; /* 남은 공간 모두 차지 */
        min-width: 0; /* flex 환경에서 너비 깨짐 방지 */
    }

    /* 4. 조회 버튼 영역 */
    .top_box dl .search-btn-wrap {
        flex-shrink: 0; /* 버튼 너비 유지 */
    }

    /* 모바일 내부 요소 너비 강제 조정 (Pudd 라이브러리 대응) */
    .top_box dl .search-item dd,
    .top_box dl .search-item input[type="text"],
    .top_box dl .search-item select,
    .top_box dl .search-item .pudd-container {
        width: 100% !important;
    }


    /* 버튼 스타일 조정 (선택사항) */
    #btnSearch {
        height: 32px; /* 셀렉트 박스 높이와 맞춤 */
        width: 80px;  /* 버튼 적정 너비 */
        padding: 0 10px;
    }



    .cont-group input[type="text"] {
        width: 320px;
        height: 42px;
    }

    .seminar-radio-box.only-pc {
        display: none !important;
    }
    .only-mo {
        display: block !important;
    }
    .seminar-radio-box{
        width: 320px;
        height: 42px;
        padding: 0;
        border: none;
    }
    .seminar-radio-box select{
        width: 100%;
        height: 42px;
        appearance: none;
        border-radius: 8px;
        border: solid 1px #d1d5dc;

        cursor: pointer;
        padding: 0 40px 0 14px;

        background: url(../imgs/renew/btn_accordion_arr_down.png) no-repeat right 14px center;
        background-size: 14px; /* 아이콘 크기에 맞춰 조정하세요 */
    }

    .seminar-radio-box select option {
        cursor: pointer;
    }

    .validation-text {
        bottom: 50px;
    }

    .agree-wrap .container{
        display: block;
        width: 320px;
        gap: 0;
    }
    .agree-wrap .container div.check_container{
        width: 320px;
        height: 120px;
        border-radius: 8px;
        box-sizing: border-box;
        border: solid 1px #d1d5dc;
        padding: 16px 20px;
        margin-bottom: 10px;
    }
    .agree-wrap .detail {
        width: 320px;
        height: 158px;
    }

    #chkAgree{
        top: 360px;
        left: 0;
    }
    .pop-button button {
        width: 320px;
    }
    .pop-cont .list-wrap {
        margin-top: 20px;
        width: 320px;
    }
    .pop-cont .seminar-ul {
        max-height: 300px;
    }

    .seminar-ul li{
        height: 64px;
        display: block;
    }
    .seminar-ul li.nodata {
        height: 34px;
    }
    .PUDD.PUDD-UI-selectBox, .cloneList li {
        width: 194px !important;
    }
    .PUDD.PUDD-UI-selectBox .selectField {
        width: 190px !important;

    }

    .seminar-ul li {
        height: 64px; /* 높이 고정 해제 */
        min-height: 32px;
        padding: 12px 30px 12px 20px ; /* 상하 패딩을 줘서 가독성 확보 */
        display: flex;
        flex-wrap: wrap; /* 요소가 넘치면 다음 줄로 */
        align-items: center;
        box-sizing: border-box;
    }

    /* 첫 번째 span: 제목 */
    .seminar-ul li span:nth-child(1) {
        width: calc(100% - 60px); /* 지역(span 3) 자리를 제외한 나머지 꽉 채움 */
        white-space: normal;      /* 제목이 길면 다음줄로 넘기거나 조절 */
        display: block;
        margin-bottom: 4px;       /* 일시(span 2)와의 간격 */
    }

    /* 두 번째 span: 일시 */
    .seminar-ul li span:nth-child(2) {
        width: calc(100% - 60px); /* 제목과 동일하게 너비 설정 */
        font-size: 12px;          /* 일시는 조금 작게 조정 (선택사항) */
        color: #666;
        display: block;
    }

    /* 세 번째 span: 지역 (오른쪽 끝 고정) */
    .seminar-ul li span:nth-child(3) {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
        text-align: right;
        font-weight: 500;
    }

    /* 체크 아이콘 위치 보정 (높이가 변하므로 중앙 정렬 확인) */
    .seminar-ul li.active span:first-child::before {
        display: none;
    }

    input#seminar_name {
        width: 280px !important;
    }
}