/* KOC 리뉴얼 스타일 (2026-11-10) - custom.css 뒤에 로드. 이 파일과 header.html의 link 한 줄을 지우면 원래 디자인으로 돌아갑니다. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
:root{--g:#084a40;--g2:#0c6152;--p:#2f8a72;--m:#3ebe93;--bg:#faf7f1;--t:#1d2a27;--s:#5d6b67;--l:#e6e1d6}
#wrap,#wrap *{font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",sans-serif !important;letter-spacing:-0.02em !important}
#wrap{min-width:1240px;color:var(--t)}
.quickmenu{display:none}

/* ---------- header ---------- */
#header{height:auto;background:#fff;border-bottom:1px solid var(--l)}
#header .util_wrap{height:76px}
#header .logo{margin-top:16px}
#header .logo img{max-height:44px}
.h_search{top:18px;width:340px;border:1px solid var(--l);background:var(--bg)}
.h_search input{background:var(--bg) !important}
#header .util_wrap .util_menu{margin-top:18px}
#header .util_wrap .util_menu ul li a{color:var(--s);font-size:14px}
#header .util_wrap .util_menu ul li:last-child a{color:var(--g);font-weight:600}
#header > .inner{background:#fff;height:56px;border-top:1px solid var(--l)}
#header .inner .menu_wrap{background:#fff;height:56px;border-radius:0}
.menu_wrap #gnb li a{color:var(--t);font-size:17px;line-height:56px;font-weight:600}
.menu_wrap #gnb li a:hover{color:var(--g)}
.menu_wrap #gnb > li > a:after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--g);transform:scaleX(0);transition:transform .2s}
.menu_wrap #gnb > li:hover > a,.menu_wrap #gnb > li.on > a{color:var(--g)}
.menu_wrap #gnb > li:hover > a:after,.menu_wrap #gnb > li.on > a:after{transform:scaleX(1)}
.menu_wrap #gnb .gnb_sub{top:56px;background:#fff;border:1px solid var(--l);border-top:none;border-radius:0 0 14px 14px;box-shadow:0 14px 28px rgba(8,74,64,.10);padding:8px 10px}
.menu_wrap #gnb .gnb_sub li a,.menu_wrap #gnb li.on .gnb_sub li a{color:var(--s);font-size:15px;font-weight:500;line-height:20px;border-radius:8px}
.menu_wrap #gnb .gnb_sub li:hover a{color:var(--g);background:var(--bg);text-decoration:none}
.hamburger{background:#fff;height:56px;padding:19px 14px}
.hamburger span{background:var(--t);height:2px}
.hamburger.is-active{padding:19px 11px}
.all_list{top:56px;border:1px solid var(--l);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 14px 28px rgba(8,74,64,.10)}
.all_list .a_inner > li h2{color:var(--g);font-weight:700}
.all_list .a_inner > li ul li a{color:var(--s);font-size:15px}
.all_list .a_inner > li ul li a:hover{color:var(--g);text-decoration:none}

/* ---------- main ---------- */
#container.main.kr{background:#fff}
.kr-in{width:1200px;margin:0 auto;position:relative}
.kr-hero{background:radial-gradient(900px 480px at 82% 10%,#11705f 0%,rgba(17,112,95,0) 60%),linear-gradient(135deg,#063a32 0%,#084a40 55%,#0a5a4d 100%);padding:84px 0 132px;overflow:hidden;position:relative}
.kr-hero:before{content:'';position:absolute;right:-120px;bottom:-220px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(62,190,147,.25)}
.kr-hero:after{content:'';position:absolute;right:40px;bottom:-300px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(62,190,147,.15)}
.kr-hero .kr-in{display:flex;align-items:center;justify-content:space-between;z-index:1}
.kr-hero-txt{text-align:left;max-width:660px}
.kr-badge{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(62,190,147,.16);color:var(--m);font-size:14px;font-weight:600;border:1px solid rgba(62,190,147,.35)}
.kr-hero h2{margin:22px 0 18px;font-size:58px;line-height:1.18;font-weight:800;color:#fff;letter-spacing:-0.035em !important}
.kr-hero h2 em{font-style:normal;color:var(--m);letter-spacing:-0.035em !important}
.kr-hero p.kr-lead{font-size:21px;line-height:1.5;color:rgba(255,255,255,.86);font-weight:500}
.kr-chips{display:flex;gap:8px;margin:22px 0 34px}
.kr-chips li{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:14px;font-weight:500}
.kr-cta{display:flex;gap:12px}
.kr-btn{display:inline-flex;align-items:center;gap:8px;height:54px;padding:0 28px;border-radius:12px;font-size:17px;font-weight:700;transition:transform .15s,background .15s}
.kr-btn:hover{transform:translateY(-2px)}
.kr-btn-mint{background:var(--m);color:#063a32 !important}
.kr-btn-line{border:1px solid rgba(255,255,255,.45);color:#fff !important}
.kr-btn-line:hover{background:rgba(255,255,255,.10)}
.kr-btn-green{background:var(--g);color:#fff !important;height:50px}
.kr-note{margin-top:20px;font-size:13px;color:rgba(255,255,255,.55);text-align:left}
.kr-stat{width:380px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:14px 30px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left}
.kr-stat li{display:flex;align-items:baseline;justify-content:space-between;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.kr-stat li:last-child{border-bottom:none}
.kr-stat span{font-size:16px;color:rgba(255,255,255,.75);font-weight:500}
.kr-stat b{font-size:34px;color:#fff;font-weight:800}
.kr-stat b small{font-size:17px;font-weight:600;margin-left:3px;color:var(--m)}
.kr-quick{position:relative;z-index:2;margin-top:-56px}
.kr-quick ul{width:1200px;margin:0 auto;display:flex;background:#fff;border-radius:20px;box-shadow:0 18px 40px rgba(8,74,64,.12);border:1px solid var(--l);overflow:hidden}
.kr-quick li{flex:1;border-left:1px solid var(--l)}
.kr-quick li:first-child{border-left:none}
.kr-quick a{display:flex;align-items:center;justify-content:center;gap:12px;height:112px;font-size:18px;font-weight:700;color:var(--t);transition:background .15s,color .15s}
.kr-quick a:hover{background:var(--bg);color:var(--g)}
.kr-quick svg{width:30px;height:30px;stroke:var(--p);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kr-sec{padding:88px 0}
.kr-beige{background:var(--bg)}
.kr-head{text-align:center;margin-bottom:44px}
.kr-eyebrow{display:block;font-size:15px;font-weight:700;color:var(--p);margin-bottom:10px}
.kr-head h3{font-size:38px;font-weight:800;color:var(--t);line-height:1.3;letter-spacing:-0.035em !important}
.kr-head p{margin-top:12px;font-size:17px;color:var(--s)}
.kr-tabs{display:inline-flex;margin-top:28px;padding:5px;background:var(--bg);border-radius:999px;border:1px solid var(--l)}
.kr-tabs button{height:42px;padding:0 26px;border:none;border-radius:999px;background:none;font-size:16px;font-weight:600;color:var(--s);cursor:pointer}
.kr-tabs button.on{background:var(--g);color:#fff}
.kr .horizontal_wrap .horizontal_list{width:1200px;gap:24px;margin:0;overflow:visible}
.kr .horizontal_wrap .horizontal_list li{width:calc((100% - 72px)/4);height:auto;margin:0 !important;border:1px solid var(--l);border-radius:18px;text-align:left;padding-bottom:22px;transition:transform .2s,box-shadow .2s}
.kr .horizontal_wrap .horizontal_list li:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(8,74,64,.12)}
.kr .horizontal_wrap .horizontal_list li.nodata{width:100%;padding:60px 0;height:auto;line-height:1.5;text-align:center}
.kr .horizontal_list span.img_box{border-bottom:none;border-radius:0}
.kr .horizontal_list span.img_box a{border-radius:0}
.kr .horizontal_list .list_cont{padding:20px 22px 14px}
.kr .horizontal_list span.list_cate{color:var(--p);font-size:13px;font-weight:700;margin-bottom:6px}
.kr .horizontal_list span.list_cate:empty{display:none}
.kr .horizontal_list span.list_subject{font-size:18px;font-weight:700;line-height:26px;height:52px;max-height:52px;color:var(--t)}
.kr .horizontal_list .button.course{margin-left:22px;width:auto;height:38px;line-height:38px;padding:0 18px;border-radius:10px;background:var(--bg) !important;border:1px solid var(--l) !important;color:var(--g) !important;font-size:14px;font-weight:700}
.kr .horizontal_list li:hover .button.course{background:var(--g) !important;border-color:var(--g) !important;color:#fff !important}
.kr-guide{display:flex;gap:56px;align-items:center}
.kr-guide-txt{flex:0 0 360px;text-align:left}
.kr-guide-txt h3{font-size:36px;font-weight:800;line-height:1.3;color:var(--t);letter-spacing:-0.035em !important}
.kr-guide-txt p{margin:16px 0 26px;font-size:17px;line-height:1.65;color:var(--s)}
.kr-cards{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kr-cards a{display:block;background:#fff;border:1px solid var(--l);border-radius:18px;padding:26px 28px;text-align:left;transition:transform .2s,box-shadow .2s}
.kr-cards a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,74,64,.10)}
.kr-cards i{display:inline-flex;width:34px;height:34px;border-radius:10px;background:var(--g);color:#fff;font-style:normal;font-weight:700;font-size:15px;align-items:center;justify-content:center}
.kr-cards strong{display:block;margin:14px 0 6px;font-size:19px;font-weight:700;color:var(--t)}
.kr-cards span{font-size:15px;line-height:1.55;color:var(--s)}
.kr .square_wrap{gap:24px;overflow:visible}
.kr .square_wrap .mainb_board,.kr .square_wrap .mainb_cs{background:#fff;border:1px solid var(--l);border-radius:20px;height:auto;min-height:290px;padding:32px 36px}
.kr .square_wrap .mainb_board{flex:1;width:auto}
.kr .square_wrap .mainb_board .mboard_title{border-bottom:1px solid var(--l)}
.kr .square_wrap .mainb_board .mboard_title span{margin-right:28px}
.kr .square_wrap .mainb_board .mboard_title span a{font-size:20px;font-weight:700;color:#a3aba8;padding-bottom:16px;height:auto;border-bottom:3px solid transparent;margin-bottom:-1px}
.kr .square_wrap .mainb_board .mboard_title span a.active{color:var(--g);border-bottom-color:var(--g)}
.kr .square_wrap .mainb_board .mboard_more a{background:none;text-indent:0;width:auto;font-size:14px;color:var(--s);font-weight:600}
.kr .list_top li a{font-size:16px;line-height:44px;color:var(--t);background:none;padding-left:0;border-bottom:1px solid #f1ede4}
.kr .list_top li a:hover{color:var(--g)}
.kr .square_wrap .mainb_cs{width:380px;background:var(--g);border-color:var(--g)}
.kr .square_wrap .mainb_cs h3.top_title{color:var(--m);border-bottom:none;font-size:16px;font-weight:700;padding:0}
.kr .square_wrap .mainb_cs p{color:rgba(255,255,255,.7);line-height:1.5;margin:10px 0 0}
.kr .square_wrap .mainb_cs .mcs_text .mcs_tel{color:#fff;font-size:38px;font-weight:800;background:none;padding:0;margin:18px 0 14px;height:auto;line-height:1.2}
.kr .square_wrap .mainb_cs .mcs_text span{color:rgba(255,255,255,.8);background:none;padding-left:0;line-height:26px}

/* ---------- footer ---------- */
.link_wrap{border-top:1px solid var(--l);padding:26px 0;background:#fff}
.link li img{max-height:80px;width:auto}
#footer{background:#06352e}
#footer .foot_menu{background:#052c26}
.foot_menu .foot_list li a{color:rgba(255,255,255,.82);font-size:15px}
.foot_menu .foot_list li a.footer_privacy_policy{color:var(--m);font-weight:700}
.foot_menu .foot_list li:before{background:rgba(255,255,255,.18)}
#footer .copy{padding:40px 0}
#footer .foot_info p,#footer .foot_info p.copyp{color:rgba(255,255,255,.62);font-size:14px}

/* ---------- RED2GREEN: 서브 페이지의 빨간 테마(#c4161c)를 딥그린으로 ---------- */
#wrap .horizontal_list .list_btn{background:#084a40}
#wrap .arrow_left{background:#084a40 url('/html/images/common/arrow_left.png') 50% 50% no-repeat}
#wrap .arrow_right{background:#084a40 url('/html/images/common/arrow_right.png') 50% 50% no-repeat}
#wrap .faq_top li .blue{color:#084a40}
#wrap .left_area .lnb_list li.on a{color:#084a40}
#wrap .left_area .lnb_list li a:hover{color:#084a40}
#wrap .sub_top{background:#084a40}
#wrap .sub_top1,#wrap .sub_top2,#wrap .sub_top3,#wrap .sub_top4,#wrap .sub_top5,#wrap .sub_top6,#wrap .sub_top7,#wrap .sub_top8{background:#084a40 url(/html/images/common/subtop_pattern.png) 50% 0px repeat}
#wrap .button.blue{background-color: #084a40;border:1px solid #084a40}
#wrap .button.green{background-color: #084a40;border:1px solid #084a40}
#wrap .button.orange{background-color: #084a40;border:1px solid #084a40}
#wrap .button.red{background-color: #084a40;border:1px solid #084a40}
#wrap .button.btn_buy{background:#084a40}
#wrap .button.btn_refund:hover{background:#084a40}
#wrap .course_gallery .ccont .csubtitle{color:#084a40}
#wrap .course_webzine .col_course_name .csubtitle{color:#084a40}
#wrap .label.blue{background-color:#084a40}
#wrap .tab_tt li.on a{background-color:#084a40}
#wrap .tab_cview li.on a{background-color:#084a40}
#wrap .button.btn_login{background:#084a40}
#wrap .join_normal .board.btn .button.gray{background:#084a40}
#wrap #buttonArea .board.btn .button.gray{background:#084a40}
#wrap .privacy h3{color:#084a40}
#wrap .terms h3{color:#084a40}
#wrap .refund h3{color:#084a40 !important}
#wrap .pop_wrap .pop_title{background-color: #084a40}
#wrap .stitle:before{background:#084a40}
#wrap .sstitle{color:#084a40}
#wrap .scont span{color:#084a40}
#wrap .sub_topbox p{background:#084a40}
#wrap .worker1 li b{color:#084a40}
#wrap .worker1 a.oepncard{background:#084a40}
#wrap .worker2 h2 span{color:#084a40}
#wrap .worker3_2 a.worker3_btn{background:#084a40}
#wrap .worker3_2 .worker3_tel span{color:#084a40}
#wrap .worker_noti .noti_box table th{background:#084a40}
#wrap .owner2 li h1{background-color:#084a40}
#wrap .owner2 li p span{color:#084a40}
#wrap .owner6 > div > table tr th{background-color:#084a40}
#wrap .greeting2 h2 span{color:#084a40}
#wrap .cheating_ h3:before{background:#084a40}
#wrap .sub_content h3:before{background:#084a40}
#wrap .cs_remote1 h2 span{color:#084a40}
#wrap .cs_remote4 a.cs_remote4_btn{background:#084a40}
#wrap .i_label{background-color:#084a40}
#wrap .intro1_cont h2{border:8px #084a40 solid}
#wrap .intro1_cont h2 em{color:#084a40}
#wrap .edu1_cont li span{background-color:#084a40}
#wrap .edu2_cont h2{color:#084a40}
#wrap .edu2_cont h2 span{color:#084a40}
#wrap .schedule_title h2 strong{color:#084a40}
#wrap table.tbl_schedule tr > td a.btn_state1{background-color:#084a40}
#wrap .button.blue:hover,#wrap .button.green:hover,#wrap .button.orange:hover,#wrap .button.red:hover,#wrap .button.btn_login:hover,#wrap .button.btn_buy:hover{background-color:#063a32;border-color:#063a32}
#wrap .button.course{border-radius:10px}

/* ---------- B안 메인 (2026-11-10): 전면 배너 + 배너 아래 메뉴바 ---------- */
.kb *{box-sizing:border-box}
.kb{--g:#084a40;--d:#06352e;--p:#2f8a72;--m:#3ebe93;--bg:#f3eee4;--t:#1d2a27;--s:#5d6b67;--l:#ddd6c8;background:#fff;text-align:left}
.kb-in{width:1200px;margin:0 auto;position:relative}
/* 사진 자리: 사진이 준비되면 아래 kb-ph1~5 의 주석을 풀고 /html/images/renewal/ 에 파일을 올리면 됩니다 */
.kb-ph{position:relative;overflow:hidden;background-size:cover !important;background-position:center !important;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px),linear-gradient(160deg,#0c6152,#06352e)}
.kb-ph.l{background:repeating-linear-gradient(135deg,rgba(8,74,64,.06) 0 2px,transparent 2px 22px),linear-gradient(160deg,#e9e2d3,#d9d0bd)}
.kb-ph.m{background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 22px),linear-gradient(160deg,#9fd8c3,#5fae95)}
.kb-ph1{background-image:linear-gradient(180deg,rgba(6,53,46,.55),rgba(6,53,46,0) 45%),linear-gradient(90deg,rgba(6,53,46,.90) 0%,rgba(6,53,46,.62) 45%,rgba(6,53,46,.28) 100%),url(/html/images/renewal/photo1.jpg) !important;background-position:right center !important}
.kb-slide2{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;opacity:0;background-size:cover;background-position:right center;background-image:linear-gradient(180deg,rgba(6,53,46,.55),rgba(6,53,46,0) 45%),linear-gradient(90deg,rgba(6,53,46,.90) 0%,rgba(6,53,46,.62) 45%,rgba(6,53,46,.28) 100%),url(/html/images/renewal/photo1b.jpg);animation:kbfade 14s ease-in-out infinite}
@keyframes kbfade{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
.kb-ph2{background-image:url(/html/images/renewal/photo2.jpg?v=2) !important}
.kb-ph3{background-image:url(/html/images/renewal/photo3.jpg?v=2) !important}
.kb-ph4{background-image:url(/html/images/renewal/photo4.jpg?v=2) !important}
.kb-ph5{background-image:linear-gradient(90deg,rgba(6,53,46,.70),rgba(6,53,46,0) 55%),url(/html/images/renewal/photo5.jpg) !important}
.kb-hero{height:800px}
.kb-biglogo{position:absolute;left:50%;top:64px;transform:translateX(-50%);height:150px;width:auto !important;max-width:none !important;display:block;filter:brightness(0) invert(1);opacity:.96;z-index:3}
.kb-copy{position:absolute;left:50%;margin-left:-600px;bottom:110px;color:#fff;z-index:3}
.kb-copy i{display:inline-block;font-style:normal;font-size:15px;font-weight:600;color:#3ebe93;border:1px solid rgba(62,190,147,.5);padding:7px 14px;margin-bottom:26px}
.kb-copy b{display:block;font-size:60px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-0.035em !important}
.kb-copy b em{font-style:normal;color:var(--m);letter-spacing:-0.035em !important}
.kb-copy span{display:block;margin-top:20px;font-size:22px;color:rgba(255,255,255,.8)}
.kb-copy p{margin-top:40px;display:flex;gap:10px}
.kb-copy p a{padding:17px 30px;font-size:16px;font-weight:700;background:#fff;color:#084a40}
.kb-copy p a + a{background:none;border:1px solid rgba(255,255,255,.55);color:#fff}
.kb-copy small{display:block;margin-top:18px;font-size:13px;color:rgba(255,255,255,.55)}
.kb-side{position:fixed;right:0;top:50%;transform:translateY(-50%);width:74px;background:var(--d);z-index:950;box-shadow:0 8px 24px rgba(6,53,46,.25)}
.kb-side a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:74px;color:#fff;font-size:12px;border-bottom:1px solid rgba(255,255,255,.12);gap:6px}
.kb-side a:last-child{background:var(--p);border:none}
.kb-side svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.6}
/* 메뉴바: 메인에서만 배너 아래로 이동(index.html 의 스크립트) + 상단 고정 */
.kb #header{position:sticky;top:0;z-index:900;height:88px;border-bottom:1px solid #ddd6c8;background:#fff}
.kb #header .util_wrap{position:absolute;left:50%;top:0;margin-left:-600px;width:1200px;max-width:none;height:88px;background:none;z-index:2;pointer-events:none}
.kb #header .util_wrap a,.kb #header .util_wrap .util_menu{pointer-events:auto}
.kb #header .logo{margin-top:20px}
.kb #header .logo img{max-height:48px}
.kb #header .h_search{display:none}
.kb #header .util_wrap .util_menu{margin-top:24px}
.kb #header > .inner{height:88px;border-top:none;background:none}
.kb #header .inner .menu_wrap{height:88px;background:none;display:block;width:1200px}
.kb #header .hamburger{display:none}
.kb .menu_wrap #gnb{float:none;width:700px;margin:0 0 0 310px}
.kb .menu_wrap #gnb li a{line-height:88px;padding:0 10px}
.kb .menu_wrap #gnb > li > a:after{left:10px;right:10px}
.kb .menu_wrap #gnb .gnb_sub{top:88px}
.kb .menu_wrap #gnb .gnb_sub li a{line-height:22px;padding:12px 0}
.kb-sec{padding:96px 0}
.kb h2.kb-h{font-size:46px;font-weight:800;line-height:1.25;color:var(--t);letter-spacing:-0.035em !important}
.kb-sv{display:grid;grid-template-columns:330px 1fr;gap:40px}
.kb-sv p.kb-d{margin-top:26px;font-size:16px;line-height:1.7;color:var(--s)}
.kb-col{position:relative;height:900px}
.kb-tile{position:absolute}
.kb-card{position:absolute;width:290px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:28px 30px 26px}
.kb-card h3{display:flex;justify-content:space-between;font-size:22px;font-weight:700;color:var(--t)}
.kb-card h3:after{content:'\203A';font-weight:300}
.kb-card p{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--s);padding-bottom:22px;border-bottom:1px solid var(--l)}
.kb-card small{display:block;margin:18px 0 10px;font-size:13px;font-weight:600;color:var(--t)}
.kb-card a{display:inline-block;margin-right:4px;padding:5px 10px;border:1px solid var(--t);font-size:12px;color:var(--t)}
.kb-card a:hover{background:var(--g);border-color:var(--g);color:#fff}
.kb-btn{display:inline-block;margin-top:40px;padding:15px 28px;background:var(--d);color:#fff !important;font-size:15px;font-weight:600}
.kb-dark{background:var(--d);color:#fff}
.kb-dark h2.kb-h{color:#fff}
.kb-dark p.kb-d{margin:20px 0 36px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.75)}
.kb-wide{height:300px}
.kb-wide div{position:absolute;left:44px;top:50%;transform:translateY(-50%)}
.kb-wide span{display:block;font-size:26px;font-weight:700;color:#fff}
.kb-wide a{display:inline-block;margin-top:34px;color:#fff;font-size:14px}
.kb-course h2.kb-h{margin-bottom:56px}
.kb-more{float:right;margin-top:22px;font-size:14px;font-weight:600;color:var(--t);border-bottom:1px solid var(--t);padding-bottom:3px}
.kb .horizontal_wrap .horizontal_list{width:1200px;gap:24px;margin:0;overflow:visible}
.kb .horizontal_wrap .horizontal_list li{width:calc((100% - 72px)/4);height:auto;margin:0 !important;border:none;border-radius:0;text-align:left;padding-bottom:0;background:none}
.kb .horizontal_wrap .horizontal_list li.nodata{width:100%;padding:60px 0;line-height:1.5;text-align:center;border:1px solid var(--l)}
.kb .horizontal_list span.img_box,.kb .horizontal_list span.img_box a{border-radius:0;border:none}
.kb .horizontal_list span.img_box img{filter:saturate(.72)}
.kb .horizontal_list .list_cont{padding:20px 0 12px}
.kb .horizontal_list span.list_cate:empty{display:none}
.kb .horizontal_list span.list_subject{font-size:18px;font-weight:600;line-height:26px;height:52px;color:var(--t)}
.kb .horizontal_list .button.course{width:auto;height:auto;line-height:1;padding:0 0 4px;border-radius:0 !important;background:none !important;border:none !important;border-bottom:1px solid var(--t) !important;color:var(--t) !important;font-size:13px}
.kb-now{background:var(--bg)}
.kb-now h2.kb-h{margin-bottom:40px}
.kb-now .square_wrap{width:1200px}
.kb-now p.kb-d{margin:22px 0 110px;font-size:16px;color:var(--s)}
.kb-news .list_top{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.kb-news .list_top li a{display:block;border-top:1px solid var(--t);border-bottom:none;padding:34px 0 0;min-height:210px;position:relative;background:none;white-space:normal;font-size:20px;font-weight:700;line-height:1.5;color:var(--t)}
.kb-news .list_top li a:after{content:'자세히 보기 \203A';position:absolute;left:0;bottom:0;font-size:13px;font-weight:400;color:var(--s)}
.kb-tel{margin-top:90px;padding-top:40px;border-top:1px solid var(--l);display:flex;align-items:baseline;gap:30px}
.kb-tel b{font-size:44px;font-weight:700;color:var(--t)}
.kb-tel span{font-size:15px;color:var(--s)}
.kb-tel a{margin-left:auto;font-size:14px;font-weight:600;color:var(--t);border-bottom:1px solid var(--t);padding-bottom:3px}

/* 하위 메뉴 줄간격 (서브 페이지 공통) */
.menu_wrap #gnb .gnb_sub li a,.menu_wrap #gnb li.on .gnb_sub li a{line-height:22px;padding:12px 0}
.menu_wrap #gnb .gnb_sub{padding:10px 10px}

/* AI 기초훈련: 사진을 섹션 전체 배경으로 */
.kb-ai{padding:130px 0;min-height:560px;background:linear-gradient(90deg,rgba(6,53,46,.94) 0%,rgba(6,53,46,.80) 38%,rgba(6,53,46,.15) 68%,rgba(6,53,46,0) 100%),url(/html/images/renewal/photo5w.jpg) right center/cover no-repeat #06352e}
.kb-ai p.kb-d{margin:20px 0 44px}
.kb-ai-name{display:block;font-size:28px;font-weight:700;color:#fff;line-height:1.4}
.kb-ai-btn{display:inline-block;margin-top:30px;padding:15px 28px;background:#fff;color:#084a40 !important;font-size:15px;font-weight:700}

/* AI 과정 세부설명 */
.kb-ai{padding:110px 0}
.kb-ai p.kb-d{margin:16px 0 40px}
.kb-ai-desc{margin-top:14px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)}
.kb-ai-info{display:flex;gap:0;margin-top:28px}
.kb-ai-info li{padding:0 26px;border-left:1px solid rgba(255,255,255,.25);font-size:17px;font-weight:700;color:#fff;line-height:1.4}
.kb-ai-info li:first-child{padding-left:0;border-left:none}
.kb-ai-info li b{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#3ebe93}
.kb-ai-btn{margin-top:36px}

/* 훈련과정 카드 꾸밈 */
.kb-course h2.kb-h{margin-bottom:12px}
.kb-course .kb-sub{margin-bottom:44px;font-size:17px;color:var(--s)}
.kb-course .kb-more{border-bottom:none;padding:12px 20px;border:1px solid var(--t);margin-top:14px;transition:background .15s,color .15s}
.kb-course .kb-more:hover{background:var(--g);border-color:var(--g);color:#fff}
.kb-course .horizontal_wrap .horizontal_list{counter-reset:kc}
.kb-course .horizontal_wrap .horizontal_list li{counter-increment:kc;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--l);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.kb-course .horizontal_wrap .horizontal_list li:before{content:counter(kc,decimal-leading-zero);position:absolute;left:0;top:0;z-index:2;width:46px;height:46px;background:var(--g);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}
.kb-course .horizontal_wrap .horizontal_list li.nodata:before{display:none}
.kb-course .horizontal_wrap .horizontal_list li:hover{transform:translateY(-8px);border-color:var(--g);box-shadow:0 20px 40px rgba(8,74,64,.16)}
.kb-course .horizontal_list span.img_box{overflow:hidden}
.kb-course .horizontal_list span.img_box img{filter:none;transition:transform .5s}
.kb-course .horizontal_list li:hover span.img_box img{transform:scale(1.07)}
.kb-course .horizontal_list .list_cont{padding:22px 22px 18px;flex:1}
.kb-course .horizontal_list span.list_subject{font-size:18px;font-weight:700}
.kb-course .horizontal_list .button.course{display:block;width:auto;height:auto;margin:0;padding:16px 22px;line-height:1.2;text-align:left;font-size:14px;font-weight:700;background:#fff !important;color:var(--g) !important;border:none !important;border-top:1px solid var(--l) !important;transition:background .2s,color .2s}
.kb-course .horizontal_list .button.course:after{content:'\2192';float:right;font-weight:400}
.kb-course .horizontal_list li:hover .button.course{background:var(--g) !important;color:#fff !important;border-top-color:var(--g) !important}

/* 배경 영상 (메인 배너, AI 섹션): 영상 위에 딥그린 덮개, 그 위에 글자 */
.kb-vid{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}
.kb-ov{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.kb-hero .kb-vid{object-position:center 30%}
.kb-hero .kb-ov{background:linear-gradient(180deg,rgba(6,53,46,.60),rgba(6,53,46,0) 45%),linear-gradient(90deg,rgba(6,53,46,.90) 0%,rgba(6,53,46,.62) 45%,rgba(6,53,46,.30) 100%)}
.kb-ai{position:relative;overflow:hidden}
.kb-ai .kb-vid{object-position:center 35%}
.kb-ai .kb-ov{background:linear-gradient(90deg,rgba(6,53,46,.95) 0%,rgba(6,53,46,.84) 38%,rgba(6,53,46,.30) 72%,rgba(6,53,46,.15) 100%)}
.kb-ai .kb-in{z-index:2}

/* 스크롤 등장 효과 (메인 전체) */
#wrap .kb-rv{opacity:0;transform:translateY(46px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1) !important}
#wrap .kb-rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){#wrap .kb-rv{opacity:1;transform:none;transition:none !important}}

/* 공지사항 영역과 하단 기관 로고 띠: 흰 배경으로 통일 */
.kb-now{background:#fff}
.link_wrap{background:#fff;border-top:1px solid var(--l);padding:26px 0}
.link li::before{display:none}
.link li img{max-height:80px}

/* 훈련 안내: 사진 3장과 카드 3장을 같은 간격(세로 300)으로 배치 */
.kb-col{height:1020px}
.kb-ph3{background-position:center top !important}
.kb-ph4{background-position:center 30% !important}

/* 훈련 안내: 가로로 긴 카드 3줄 (왼쪽 사진 + 오른쪽 글) */
.kb-sv{align-items:center}
.kb-rows{display:flex;flex-direction:column;gap:20px}
.kb-row{display:flex;height:190px;background:#fff;border:1px solid var(--l);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.kb-row:hover{transform:translateY(-4px);border-color:var(--g);box-shadow:0 16px 32px rgba(8,74,64,.12)}
.kb-row-ph{flex:0 0 300px}
.kb-row-ph.kb-ph2{background-position:center 28% !important}
.kb-row-ph.kb-ph3{background-image:url(/html/images/renewal/photo3r.jpg) !important;background-position:center !important}
.kb-row-ph.kb-ph4{background-image:url(/html/images/renewal/photo4r.jpg) !important;background-position:center !important}
.kb-row-tx{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 40px}
.kb-row-tx h3{font-size:24px;font-weight:700;color:var(--t)}
.kb-row-tx p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--s)}
.kb-row-links{display:flex;gap:6px;margin-top:18px}
.kb-row-links a{padding:8px 16px;border:1px solid var(--t);font-size:13px;font-weight:600;color:var(--t);transition:background .15s,color .15s,border-color .15s}
.kb-row-links a:hover{background:var(--g);border-color:var(--g);color:#fff}