body, button, input, select, textarea, 
h1, h2, h3, h4, h5, h6, span, p, a, ul, li, dl, dd, dt
.title, .entry-title, .product-title, .widget-title {
    line-height: 1.35 !important;   /* 135%와 동일 */
    letter-spacing: -0.3px !important;
  word-break:keep-all;
}
.title-wr .title-wrapper {display:flex; align-items:center; gap:12px;flex-direction: row-reverse; justify-content: flex-end;}
.title-wr .title-wrapper .title-subtitle {margin-bottom:0; font-size:16px; color:#555}
.title-wr .title-wrapper h4 {font-size:28px;}
/*.btn {padding:0 1rem; font-size:16px; font-weight:500; color:#555; background:#f8f9fa; position:relative; border-radius:2rem; display:inline-block; height:42px;}
.btn::after {position:absolute;}
.btn:hover {background:#F1F3F5}
.btn-arrow {padding:0 1rem; font-size:16px; font-weight:500; color:#555; background:#f8f9fa; position:relative; border-radius:2rem; display:inline; height:42px;}
.btn-arrow::after {position:absolute;}
.btn-arrow:hover {background:#F1F3F5}*/


/* panigation */
.elementor-pagination span {padding:0 !important;}
nav[class*="-pagination"].elementor-pagination a.page-numbers:hover{background-color:transparent !important; font-weight:700;}
.elementor-pagination span.current {}

/* 메인 > SW AI 교육과정 */
/* .loadmap-cont {display: flex; justify-content: space-between; gap: 40px; align-items: center;}
.loadmap-cont .left {width: 440px; border-radius: 32px; background: #f8f9fa; border: 1px solid #eee; padding: 32px; min-height:234px}
.loadmap-cont .left .label {color: #0984E3; font-size: 14px; padding: 10px 16px; background: #fff; border-radius: 8px; font-weight:500}
.loadmap-cont .left .title {font-size: 24px; font-weight: 700; margin: 10px 0;}
.loadmap-cont .left ul {list-style:none; padding:0; margin-bottom:0}
.loadmap-cont .left ul li{position: relative; padding-left: 16px; color: #555; margin:4px 0 0; font-size:18px; font-weight:500}
.loadmap-cont .left ul li::after {position: absolute; left: 0; content: '-'; color: #0984E3; font-weight: 700; top: 0;}
.loadmap-cont .left .desc {color: #555; font-size: 14px; margin:0}
.loadmap-cont .right {width:calc(100% - 440px - 40px)}
.loadmap-cont .right ul {display: flex; padding:0; gap:20px; margin-bottom:0}
.loadmap-cont .right ul li {flex: 1; display: flex; flex-direction: column; align-items: center; margin-bottom:0}
.loadmap-cont .right ul li .img-wr {border-radius:16px; overflow:hidden}
.loadmap-cont .right ul li .txt-wr {text-align:center; margin-top:8px}
.loadmap-cont .right ul li .title {font-size: 18px; margin-bottom:2px; font-weight:500; color:#555}
.loadmap-cont .right ul li .desc {font-size:14px; color:#999; margin-bottom:0}
.loadmap-cont .right ul li.on .title, .loadmap-cont .right ul li.on .desc{color:#0984E3}
.loadmap-cont .right ul li.on .img-wr {border:2px solid #0984e3} */

/* 메인 > SW AI 교육과정. 구조 변경 */
.loadmap-cont-pc {display: flex; gap: 10px; align-items: flex-start;}
.loadmap-cont-pc .loadmap-item {display: flex;}
.loadmap-cont-pc .loadmap-item .left {width:200px;}
.loadmap-cont-pc .loadmap-item .left .img-wrap {width:100%;text-align:center; border-radius:16px; border:2px solid transparent; overflow: hidden;}
.loadmap-cont-pc .loadmap-item .left .text-wrap {text-align: center; margin-top: 8px; letter-spacing: -0.03em;}
.loadmap-cont-pc .loadmap-item .left .text-wrap .title{font-size: 16px; margin-bottom:2px; font-weight:700; color:#555}
.loadmap-cont-pc .loadmap-item .left .text-wrap .desc{font-size:14px; color:#999; margin-bottom:0}
.loadmap-cont-pc .loadmap-item .right{border-radius: 32px; background: #f8f9fa; border: 1px solid #eee; transition:opacity 0.3s linear; opacity:0; width:0; overflow:hidden; padding:0; height:0;}
.loadmap-cont-pc .loadmap-item .right .title {font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.loadmap-cont-pc .loadmap-item .right ul {list-style:none; padding:0; margin-bottom:0}
.loadmap-cont-pc .loadmap-item .right ul li{position: relative; padding-left: 16px; color: #555; margin:4px 0 0; font-size:18px; font-weight:500}
.loadmap-cont-pc .loadmap-item .right ul li:after{position: absolute; left: 0; content: '-'; color: #0984E3; font-weight: 700; top: 0;}

.loadmap-cont-pc .loadmap-item.on {gap: 10px;}
.loadmap-cont-pc .loadmap-item:hover .left .img-wrap,
.loadmap-cont-pc .loadmap-item.on .left .img-wrap{border-color: #0984e3;}
.loadmap-cont-pc .loadmap-item.on .left .text-wrap .title,
.loadmap-cont-pc .loadmap-item.on .left .text-wrap .desc {color:#0984e3;}
.loadmap-cont-pc .loadmap-item.on .right{opacity:1; width:calc(100% - 200px - 10px); height:253px; padding: 32px; }

/* start 모션효과 추가 */
.loadmap-item{ transition:.45s ease; }
.loadmap-item .left{ cursor:pointer; }
.loadmap-item .left .img-wrap{ transition: border-color .35s ease, transform .35s ease, box-shadow .35s ease; }
.loadmap-item .left .text-wrap .title,
.loadmap-item .left .text-wrap .desc{ transition:.35s ease; }
.loadmap-item:hover .left .img-wrap{ transform:translateY(-4px); }
.loadmap-item.on .left .img-wrap{ transform:translateY(-6px) scale(1.02); }
.loadmap-item .right{ opacity:0; width:0; overflow:hidden; transform:translateX(30px); transition: width .55s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .45s ease, padding .55s ease; }
.loadmap-item.on .right{ opacity:1; transform:translateX(0); }
/* end 모션효과 */




/*  */
.main-visual .swiper {overflow:visible}

.quick-menu {transform:translateY(-50%)}

#main-content.wd-content-layout {padding-bottom:0 !important}

.social-instagram, .elementor-social-icon-instagram {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;}

.transy12:hover{transform:translateY(-12px); transition:0.15s ease;}
.main-color:hover p {color:#007AFF !important; transition:0.15s ease !important;}
.main-color, .main-color p {transition:0.15s ease !important;}
.notice-title .elementor-heading-title {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
/* 메인 > 교육자료 카테고리 컬러 */
/* 제품안내 */
.category-1394 .notice-title .elementor-element-74053ff {background-color:#3b82f6 !important;}
/* 매뉴얼 */
.category-1336 .notice-title .elementor-element-74053ff {background-color:#8b5cf6 !important;} 
/* 교재 */
.category-1337 .notice-title .elementor-element-74053ff {background-color:#f59e0b !important;}
/* 수업자료 */
.category-1338 .notice-title .elementor-element-74053ff {background-color:#10b981 !important;}
/* 기타 */
.category-1339 .notice-title .elementor-element-74053ff {background-color:#6b7280 !important;}

/* 메인 > 공지사항 카테고리 */
.notice-title .main-post-notice-badge {background: #EBF5FF; border-radius: 20px; text-align: center; color: #007AFF; font-weight: 500; text-align: center; padding: 4px; font-size:13px;}

/* 메인 > 공지사항 카테고리 컬러	 */
/* 공지 */
.category-1340 .main-post-notice-badge {background-color: #3b82f6 !important;color: #FFFFFF !important;}
/* 수상인증 */
.category-1341 .main-post-notice-badge {background-color: #8b5cf6 !important;color: #FFFFFF !important;}		
/* 보도자료 */
.category-1342 .main-post-notice-badge {background-color: #f59e0b !important;color: #FFFFFF !important;}
/* 대회연수 */
.category-1343 .main-post-notice-badge {background-color: #10b981 !important;color: #FFFFFF !important;}
/* 업데이트 */
.category-1344 .main-post-notice-badge {background-color: #6b7280 !important;color: #FFFFFF !important;}

/*  */
.wd-page-title.page-title {width:1280px; margin:0 auto; height:450px; border-radius:32px}
.wd-page-title.page-title .wd-breadcrumbs {position:absolute; right:40px; top:40px;}
.wd-page-title.page-title .entry-title title {text-align:center; font-weight:700;}
.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {content:none !important}


.notice-category-inner {margin-bottom: 10px}
.notice-layout-container {display:flex; justify-content:space-between; gap:40px}
.notice-layout-container .notice-list-side {width:300px}
.notice-layout-container .notice-content-side {width:calc(100% - 300px - 40px)}
.notice-layout-container .notice-list-side {padding:40px 32px; background:#f7f8fa; border-radius:32px}
.notice-layout-container .notice-content-side .detail-title {border-bottom:1px solid #eee; padding:1rem 0; font-size:28px}
.notice-list-wrapper {display:flex; flex-direction:column}
.notice-cat-name {font-size: 20px;font-weight: 700;margin-bottom: 16px;}
.notice-item {display: flex;justify-content: space-between;align-items: center;text-decoration: none !important;transition: background 0.2s;padding:2px 0;margin:4px 0;display:inline-block}
.notice-item p {margin: 0 !important;padding: 0 !important;font-weight: 500;color:#555; font-size:18px; transition:.15s;}
.notice-item p:hover {color:#0984E3}
.notice-item.active p, .notice-item.on p{color:#0984E3}

.mobile-notice-selector {display: none;padding: 15px;background: #fff;border: 1px solid #ddd;border-radius: 5px;cursor: pointer;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.my-custom-arrow {transition: transform 0.3s ease;display: inline-block;vertical-align: middle;}

.open-arrow {transform: rotate(180deg);}

.wd-sub-menu li>a {font-size:18px; font-weight:400}

.input-row {display: flex;gap: 20px;margin-top: 32px;}
.col { width:calc(50% - 10px) }
.col-full { width: 100%; }

.input-row label {display: block; font-size: 22px !important;font-weight: bold; margin-bottom:.75rem; letter-spacing: -0.03em;}
.input-row p {margin:0 !important; font-weight:500}
.input-row br {display:none}

.wpcf7-form-control.wpcf7-text, 
.wpcf7-form-control.wpcf7-select {width: 100%;padding: 10px 16px;border: 1px solid #ddd;border-radius: 8px;height:48px;
border-radius:3rem !important;transition: all 0.2s ease;}
.wpcf7-form-control.wpcf7-text[name="buy-sell-1"],
.wpcf7-form-control.wpcf7-text[name="buy-sell-2"],
.wpcf7-form-control.wpcf7-text[name="buy-sell-3"],
.wpcf7-form-control.wpcf7-text[name="buy-sell-4"],
.wpcf7-form-control.wpcf7-text[name="buy-sell-5"]	{width:calc(100% - 120px);}
.wpcf7-form-control-wrap[data-name="checkbox-nego-1"],
.wpcf7-form-control-wrap[data-name="checkbox-nego-2"],
.wpcf7-form-control-wrap[data-name="checkbox-nego-3"],
.wpcf7-form-control-wrap[data-name="checkbox-nego-4"],
.wpcf7-form-control-wrap[data-name="checkbox-nego-5"] {padding: 0 10px;}
.wpcf7-form-control-wrap textarea { transition: all 0.2s ease; padding: 16px; font-size:18px; font-weight: 500;}
.wpcf7-form-control-wrap textarea::placeholder{font-size:inherit !important; color: #9f9f9f;}
.wpcf7-form-control.wpcf7-text:hover, .wpcf7-form-control-wrap textarea:hover, 
.wpcf7-form-control.wpcf7-select:hover {border-color:#007AFF;}
.wpcf7-form-control.wpcf7-text:active, 
.wpcf7-form-control.wpcf7-select:active, .wpcf7-form-control-wrap textarea:active {border-color:#007AFF;}
.wpcf7-form-control.wpcf7-text:focus, 
.wpcf7-form-control.wpcf7-select:focus, .wpcf7-form-control-wrap textarea:focus {border-color:#007AFF;}
.wpcf7-form-control.wpcf7-text, 
.wpcf7-form-control.wpcf7-select {font-size:18px; font-weight:500}
.wpcf7-form-control.wpcf7-text::placeholder, 
.wpcf7-form-control.wpcf7-select::placeholder {color:#9f9f9f}
.info-box {background-color: #e8f4fd;padding: 15px;border-radius: 8px;margin-top: 15px;font-size: 16px;color: #555;display: flex;align-items: center;gap: 10px; font-weight: 500;}
.wpcf7-not-valid-tip {font-size:14px; margin-top:6px}
.method-buttons .wpcf7-list-item {display: inline-block;margin: 5px !important;}
.method-buttons p { margin: 0 !important; display: flex; gap: 10px; flex-wrap: wrap; }
.method-buttons .wpcf7-list-item {display: inline-block !important;position: relative;cursor: pointer !important;margin: 0 !important;}
.method-buttons .wpcf7-radio, .method-buttons .wpcf7-checkbox {display:flex; gap:10px;}
.method-buttons .wpcf7-list-item-label {display: block;padding: 12px 16px;background: #ffffff;border: 1px solid #dddddd;border-radius: 3rem;text-align: center;color: #333;transition: all 0.2s ease;pointer-events: none;font-size:18px; font-weight: 500;}
.method-buttons input[type="radio"], .method-buttons input[type="checkbox"] {position: absolute;top: 0; left: 0;width: 100%; height: 100%;opacity: 0;cursor: pointer !important;margin: 0 !important;z-index: 2;}
.method-buttons input[type="radio"]:checked + .wpcf7-list-item-label, .method-buttons input[type="checkbox"]:checked + .wpcf7-list-item-label {background-color: #007bff !important;color: #ffffff !important;border-color: #007bff !important;font-weight: bold;}

.method-buttons .wpcf7-list-item:hover .wpcf7-list-item-label {background-color: #f0f7ff;}
.form-step textarea {border-radius:30px !important; border-width:1px !important; border-color:#ddd}


.btn-wrap {display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:3rem}
.btn-wrap br {display:none;}
.btn-wrap button, div.wpcf7 input[type="submit"] {border-radius:3rem; font-size:18px; padding:16px 60px; margin:0 4px; font-weight:700; box-shadow: 0 5px 10px rgba(0,0,0,0.2); border:1px solid #ddd;}
.btn-wrap button.next-btn {background:#007AFF; color:#fff; border-color:#007AFF;}

.term-wr {border: 1px solid #ddd; border-radius: 30px; padding: 2rem; width: 100%; margin-bottom: 16px; font-weight: 500;}
.term-wr .term {overflow-y: auto;height: 200px;}
.term-wr .br {display: block; height: 16px;}
.form-step .wpcf7-list-item {margin-right: 0;}

.sub-title-wr {margin-bottom:50px}
.sub-title-wr p, .sub-title-wr h3 {margin:0; text-align:center}
.sub-title-wr h3 {font-size:36px; margin:14px 0}
.sub-title-wr .label p {color:#007AFF; font-weight:700}
.sub-title-wr .desc {font-size:18px; color:#555; font-weight:500}

.map-wr {width:100%;height:500px;}
.map-wr .root_daum_roughmap {width:100%;height:100%;}
.map-wr .root_daum_roughmap .wrap_map {height:100%;}
.map-wr .root_daum_roughmap .map_border {display:none;}
.map-wr .root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .wrap_btn_zoom .btn_zoom_in .img_zoom, .root_daum_roughmap .wrap_btn_zoom .btn_zoom_out .img_zoom,
.root_daum_roughmap .wrap_btn_zoom .btn_zoom_reset .img_zoom{min-height:0 !important}
[id^="daumRoughmapContainer1776755564917"] :is(.btn, .button, button, [type=submit], [type=button], span) {min-height: 0 !important;}

.page-tab-wr .page-tab {display:flex; align-items:center; justify-content:center; gap:40px;}
.page-tab-wr .page-tab li {margin-bottom:0; position: relative; height: 100%; list-style: none; transition: 0.15s ease;}
.page-tab-wr .page-tab li a {font-size:20px; color:#555; font-weight:700; position:relative; padding:8px 0}
.page-tab-wr .page-tab li.on a {color:#007aff;}
.page-tab-wr .page-tab li a::after {position:absolute; left:50%; bottom:0px; transform:translateX(-50%); content:''; width:100%; height:3px; background:#fff; transition: 0.15s ease;}
.page-tab-wr .page-tab li:hover a::after, .page-tab-wr .page-tab li.on a::after {background: #007AFF;}

.board-wr .img-wr {height: 230px; background: #fff; position: relative;}

#main-content .wd-page-nav:not(:last-child) {margin-bottom: 120px;}
.term-page-wr {margin-bottom: 120px;}
.term-page-wr h3 {padding-left: 10px; border-left: 4px solid #007AFF;}
.term-page-wr .article+.article {margin-top: 80px;}
.term-page-wr .desc {color: #333; font-weight: 500;}
.term-page-wr p, .term-page-wr li {color:#555; font-weight: 500;}
.term-page-wr ul li.num-circle {list-style: revert-rule;}
.term-page-wr ul li.num {list-style: hangul-consonant;}
.term-page-wr ul li.dash {list-style: square;}

/* 공지사항 게시판 */
.notice-list .post-notice-badge .elementor-shortcode { background: #EBF5FF; border-radius: 20px; margin: 0 20px; text-align: center; color: #007AFF; font-weight: 500; text-align: center; padding: 4px;}

/* 공지사항 카테고리 컬러	 */
/* 공지 */
.category-1340 .post-notice-badge .elementor-shortcode{background-color: #3b82f6 !important;color: #FFFFFF !important;}
/* 수상인증 */
.category-1341 .post-notice-badge .elementor-shortcode{background-color: #8b5cf6 !important;color: #FFFFFF !important;}		
/* 보도자료 */
.category-1342 .post-notice-badge .elementor-shortcode{background-color: #f59e0b !important;color: #FFFFFF !important;}
/* 대회연수 */
.category-1343 .post-notice-badge .elementor-shortcode{background-color: #10b981 !important;color: #FFFFFF !important;}
/* 업데이트 */
.category-1344 .post-notice-badge .elementor-shortcode{background-color: #6b7280 !important;color: #FFFFFF !important;}

/* 교육자료 게시판 */
.post-resource-badge  { background-color: #EBF5FF !important; border-radius: 20px; margin: 0 20px; text-align: center; color: #007AFF; font-weight: 500; text-align: center; padding: 4px;}
.post-resource-badge .elementor-post-info {justify-content:center !important;}

/* 교육자료 카테고리 컬러 */
/* 제품안내 */
.category-1394 .post-resource-badge {background-color: #3b82f6 !important; color:#fff !important}
/* 매뉴얼 */
.category-1336 .post-resource-badge {background-color: #8b5cf6 !important; color:#fff !important}
/* 교재 */
.category-1337 .post-resource-badge {background-color: #f59e0b !important; color:#fff !important}
/* 수업자료 */
.category-1338 .post-resource-badge {background-color: #10b981 !important; color:#fff !important}
/* 기타 */
.category-1339 .post-resource-badge {background-color: #6b7280 !important; color:#fff !important}

/* 갤러리 카테고리 컬러	 */
.gallery-list .post-gallery-badge {background: #EBF5FF; border-radius: 20px; margin: 0 20px; text-align: center; color: #007AFF; font-weight: 500; text-align: center; padding: 4px;}
/* 전시회 */
.category-1349 .gallery-list .post-gallery-badge {background-color: #3b82f6 !important; color:#fff !important}
/* 교원연수 */
.category-1351 .gallery-list .post-gallery-badge {background-color: #8b5cf6 !important; color:#fff !important}
/* 교육활동 */
.category-1352 .gallery-list .post-gallery-badge {background-color: #f59e0b !important; color:#fff !important}
/* G큐브대회 */
.category-g .gallery-list .post-gallery-badge {background-color: #10b981 !important; color:#fff !important}

/* 게시판 새글 */
.badge-new {display:inline-block; width: 18px; height: 18px; line-height: 18px !important; background: #F49E37; color: #fff;font-size: 12px; padding: 0; border-radius:100%; text-align:center; font-weight: 600;}
/* 메인 > 게시글 목록에서의 새글 뱃지 */
.notice-title .badge-new {display:inline-block; width: 16px; height: 16px; line-height: 16px !important; background: #F49E37; color: #fff;font-size: 10px; padding: 0; border-radius:100%; text-align:center; font-weight: 600;}

/* 교육로드맵 */
.edu-road-map {width: 100%; display: flex; flex-direction: column;}
.edu-road-map .wd10 {width: calc(12.5%); text-align: left;}
.edu-road-map .wd20 {width:calc(25%); text-align: left;}
.edu-road-map .wd30 {width:calc(37.5%); text-align: left;}
.edu-road-map .wd40 {width:calc(50%); text-align: left;}
.edu-road-map .wd50 {width:calc(62.5%); text-align: left;}
.edu-road-map .wd60 {width:calc(75%); text-align: left;}
.edu-road-map .wd70 {width:calc(87.5%); text-align: left;}
.edu-road-map .wd80 {width: calc(100%); position: relative;}
.edu-road-map .td-wr {position: relative;}
.edu-road-map .td-wr::after {position: absolute; width: calc(100% - 12px); height: 6px; background: #cae4ff; content: ''; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.edu-road-map .td-wr::before {position: absolute; content: ''; right:0; top: 50%; transform: translateY(-50%);
border-left: 12px solid #cae4ff; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 0px solid transparent;}
.edu-road-map .bot-wr {position: relative; z-index: 2;}
.edu-road-map .line {position: absolute; width: 1px; height: 100%; top: 0; z-index: 0; background: #ddd;}
.edu-road-map .line01 {left: 20%; }
.edu-road-map .line02 {left: 40%; }
.edu-road-map .line03 {left: 60%; }
.edu-road-map .line04 {left: 80%; }
.edu-road-map .top-wr {display: flex; width: 100%; background: #f7f8fa;}
.edu-road-map .top-wr .th {text-align: center; font-size: 1.25rem; font-weight: 700; padding: 1rem; border-bottom: 2px solid #555; margin-bottom: 0;}
.edu-road-map .top-wr .th.bk {color: #555;}
.edu-road-map .box-wr {display: flex; z-index: 1; position: relative;}
.edu-road-map .box-wr+.box-wr {border-top: 1px solid #ddd;}
.edu-road-map .box-wr .left-wr {text-align: center; background: #f7f8fa; padding: 1rem; vertical-align: middle; box-sizing: border-box; width: 20%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.edu-road-map .box-wr .left-wr .th {font-size: 1.375rem; text-align: center; margin-bottom: 0px; font-weight: 700;}
.edu-road-map .box-wr .left-wr span {font-size: 0.875rem; text-align: center;}
.edu-road-map .box-wr .right-wr {width: 80%;}
.edu-road-map .box-wr .right-wr > div {display: inline-flex; align-items: center; text-align: center;}
.edu-road-map .box-wr .right-wr .td {border: 2px solid #007AFF; border-radius: 40px; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 16px 0px; font-size: 1rem; font-weight: 700; text-align: center; padding: 0.5rem 1.5rem; display: inline-flex; margin: 8px 16px; width: 218px; color: #0059b8; align-items: center; justify-content: center; gap: 4px; position: relative; z-index: 2;}
.edu-road-map .box-wr .right-wr .td small {font-size: 0.875rem; font-weight: 500; margin-top: 0px; color:#004288;}
.edu-road-map .box-wr .right-wr .tr {display: flex;}
.edu-road-map .box-wr .flex-100 span {display: block; margin-bottom: 16px; font-weight: 500; font-size: 0.875rem;}
/* 교육로드맵 컬러 */
.edu-road-map .box-wr-1 .left-wr,
.edu-road-map .box-wr-1 .right-wr{background-color:rgba(248,143,143,0.15);}
.edu-road-map .box-wr-1 .right-wr .td {border-color:rgb(215,111,111); color:rgb(215, 111, 111);}
.edu-road-map .box-wr-1 .right-wr .td small {color:rgb(215, 111, 111);}
.edu-road-map .box-wr-1 .td-wr::before {border-left-color:rgba(248,143,143,0.4);}
.edu-road-map .box-wr-1 .td-wr::after {background:rgba(248,143,143,0.4);}
/*  */
.edu-road-map .box-wr-2 .left-wr,
.edu-road-map .box-wr-2 .right-wr{background-color:rgba(244, 220, 85, 0.15);}
.edu-road-map .box-wr-2 .right-wr .td {border-color:rgb(175, 152, 22); color:rgb(175, 152, 22)}
.edu-road-map .box-wr-2 .right-wr .td small {color:rgb(175, 152, 22)}
.edu-road-map .box-wr-2 .td-wr::before {border-left-color:rgba(244, 220, 85, 0.4);}
.edu-road-map .box-wr-2 .td-wr::after {background:rgba(244, 220, 85, 0.4);}
/*  */
.edu-road-map .box-wr-3 .left-wr,
.edu-road-map .box-wr-3 .right-wr{background-color:rgba(255, 146, 255, 0.15);}
.edu-road-map .box-wr-3 .right-wr .td {border-color:rgb(198,72,198); color:rgb(198,72,198);}
.edu-road-map .box-wr-3 .right-wr .td small {color:rgb(198,72,198);}
.edu-road-map .box-wr-3 .td-wr::before {border-left-color:rgba(255, 146, 255, 0.4);;}
.edu-road-map .box-wr-3 .td-wr::after {background:rgba(255, 146, 255, 0.4);;}
/*  */
.edu-road-map .box-wr-4 .left-wr,
.edu-road-map .box-wr-4 .right-wr{background-color:rgba(175,228,161,0.15);}
.edu-road-map .box-wr-4 .right-wr .td {border-color:rgb(88, 157, 70); color:rgb(88, 157, 70);}
.edu-road-map .box-wr-4 .right-wr .td small {color:rgb(88, 157, 70);}
.edu-road-map .box-wr-4 .td-wr::before {border-left-color:rgba(175,228,161,0.4);}
.edu-road-map .box-wr-4 .td-wr::after {background:rgba(175,228,161,0.4);}
/*  */
.edu-road-map .box-wr-5 .left-wr,
.edu-road-map .box-wr-5 .right-wr{background-color:rgba(145, 161, 226, 0.2);}
.edu-road-map .box-wr-5 .right-wr .td {border-color:rgb(46,65,143); color:rgb(46,65,143);}
.edu-road-map .box-wr-5 .right-wr .td small {color:rgb(46,65,143);}
.edu-road-map .box-wr-5 .td-wr::before {border-left-color:rgba(145, 161, 226, 0.4);}
.edu-road-map .box-wr-5 .td-wr::after {background:rgba(145, 161, 226, 0.4);}
/*  */
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(2):hover a::after, 
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(2).on a::after {background: rgb(215, 111, 111);}
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(3):hover a::after, 
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(3).on a::after {background: rgb(175, 152, 22)}
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(4):hover a::after, 
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(4).on a::after {background: rgb(198,72,198);}
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(5):hover a::after, 
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(5).on a::after {background: rgb(88, 157, 70);}
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(6):hover a::after, 
.page-tab-wr.roadmap-page-tab .page-tab li:nth-child(6).on a::after {background: rgb(46,65,143);}


/*  */
.tab-wr {display: flex; justify-content: center; margin-bottom: 2rem;}
.tab-wr .tab {display: flex; justify-content: center; gap: 1rem; align-items: center;}
.tab-wr .tab li {background: #eee; border-radius: 30px; padding: 12px 32px; list-style: none; margin:0; cursor: pointer; text-align:center; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.tab-wr .tab li.on {background: #007aff; border-color:#0063cf;}
.tab-wr .tab li.on span {color: #fff;}
.tab-wr .tab li span {color: #555; font-size: 18px; font-weight: 500;}
.tab-cont {display: none;}
.tab-cont.on {display: block;}
.tab-btn {cursor: pointer;}
.tab-btn .tab-head {border: 1px solid #ddd;}
.tab-btn.on .tab-head {background-color: #ECF5FF !important; border: 1px solid #007aff;} 

.elementor-pagination {margin-top: 40px !important; display: flex; justify-content: center; align-items: center; gap: 12px;}
.elementor-pagination span {font-size: 17px; font-weight: 500; padding: 8px;}
.elementor-pagination span.current {color: #007aff; font-weight: 700;}
    
.wp-embed-aspect-16-9 {aspect-ratio:16/9}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {height:100%}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {height:100% !important}



/* 연혁 */
.history-wrapper {position:relative}
.history-wrapper:before,
.history-wrapper:after {position: absolute; content:'';top:50px; left:-12px; width: 3px; height: calc(100% - 50px); border-radius: 3px; background:#ddd;}
.history-wrapper:after {background: #007aff;}
.history-item {position:relative;}
.history-item:before {position:absolute; z-index:1; top:40px; left:-40px; content:''; width: 19px; height:19px; background:#ffffff; border: 5px solid #007aff; border-radius:100%;}

/* FAQ */
.faq-item{border:1px solid #E0E0E0;border-radius:10px;margin-bottom:12px;overflow:hidden}
.faq-q{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#F7F7F7;cursor:pointer;font-weight:700;color:#1F4E79}
.faq-q::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#1F4E79;color:#fff;font-size:13px;font-weight:800;border-radius:4px}
.faq-q::after{content:"+";margin-left:auto;font-size:22px;font-weight:300;color:#2E75B6;transition:transform .2s;flex-shrink:0}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{display:none;padding:16px 18px;line-height:1.8;color:#222;font-size:14px}
.faq-item.open .faq-a{display:block}
/*  */
.faq-answer {padding: 20px; background:#F8F9FA; font-size:18px; font-weight:500;}


@media (max-width:1200px) {
    .edu-road-map .box-wr .right-wr .td {width: auto;}
}
@media (max-width: 1024px) {
    .notice-layout-container {flex-direction: column;gap:10px}

    .mobile-notice-selector {display: flex;}

    .mobile-notice-selector span {font-weight:500}
    .notice-category-inner {margin-bottom:20px}
    .notice-layout-container .notice-content-side {width:100%}
    .notice-layout-container .notice-list-side {width:100%; border-radius:4px; padding:12px}
    .notice-layout-container .notice-content-side .detail-title {border-bottom:1px solid #eee; padding:1rem 0; font-size:18px}
    .notice-list-side {display: none;position: absolute;z-index: 999;width: 100%;background: #fff;border: 1px solid #ddd;max-height: 300px;overflow-y: auto;box-shadow: 0 10px 20px rgba(0,0,0,0.1);
top:56px}


    .notice-list-side.open {display: block;}

    .notice-content-side {width: 100%;}
    .notice-cat-name {font-size:15px; margin-bottom:10px}
    .notice-item p {font-size:14px}

    .sub-title-wr {margin-bottom:36px}
    .sub-title-wr h3 {font-size:28px;}
    .sub-title-wr .label p {font-size:14px}
    .sub-title-wr .desc {font-size:16px;}
    
    .input-row label {font-size:18px !important}
    .method-buttons .wpcf7-list-item-label {font-size:13px; padding:10px 12px}
    .method-buttons .wpcf7-radio, .method-buttons .wpcf7-checkbox {gap:6px; flex-wrap:wrap;}
    .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-select {height:40px;}

    .btn-wrap button, div.wpcf7 input[type="submit"] {padding:12px 16px; font-size:15px}
    .input-row {flex-direction:column; gap:32px}
    .input-row .col {width:100%}
    .info-box {flex-direction:column; align-items:flex-start; gap:4px;}

    .page-tab-wr .page-tab {gap:24px}
    .page-tab-wr .page-tab li a {font-size: 18px;}

    .term-page-wr {margin-bottom: 60px;}
    .term-page-wr h3 {font-size: 18px;}
    .term-page-wr .article+.article {margin-top: 40px;}

    /* 공지사항 */
    .notice-list .post-notice-badge .elementor-shortcode{margin: 0; padding: 4px 12px;}

    .title-wr .title-wrapper {flex-direction:column-reverse; align-items:flex-start; gap:6px}
    .title-wr .title-wrapper h4 {font-size:22px !important}

    /* 메인 > SW AI 교육과정 */
    /* .loadmap-cont {flex-direction:column; gap:24px; }
    .loadmap-cont .left {padding:24px; border-radius:12px; min-height:0;}
    .loadmap-cont .left, .loadmap-cont .right {width:100%;}
    .loadmap-cont .left .title {font-size:18px; margin:12px 0}
    .loadmap-cont .left .label {font-size:13px; padding:4px 10px;}
    .loadmap-cont .right ul {gap:16px}
    .loadmap-cont .right ul li .title {font-size:15px;}
    .loadmap-cont .right ul li .desc {font-size:13px;} */

    /* 메인 > SW AI 교육과정. 구조 변경 | tablet, mobile */
    /* .loadmap-cont-mobile {padding-bottom: 270px;}
    .loadmap-cont-mobile .loadmap-item {border-radius: 16px;}
    .loadmap-cont-mobile .loadmap-item .title {font-size: 18px;}
    .loadmap-cont-mobile .loadmap-item ul li {font-size: 16px;}
    .loadmap-cont-mobile .loadmap-item.on{position:absolute; left:0; bottom:0; width: 100%; padding: 16px;} */
    /*  */
    .loadmap-cont-mobile {}
    .loadmap-cont-mobile .loadmap-tablist-wrapper {overflow-x: auto;}
    .loadmap-cont-mobile .loadmap-tablist {padding:0; margin:0; list-style:none; display: flex; gap:10px; min-width: calc((200px * 4) + 30px);}
    .loadmap-cont-mobile .loadmap-tablist > li{margin:0;width:200px;}
    .loadmap-cont-mobile .loadmap-tablist > li .img-wrap {width:100%;text-align:center; border-radius:16px; border:2px solid transparent; overflow: hidden;}
    .loadmap-cont-mobile .loadmap-tablist > li .text-wrap {text-align: center; margin-top: 8px; letter-spacing: -0.03em;}
    .loadmap-cont-mobile .loadmap-tablist > li .text-wrap .title{font-size: 16px; margin-bottom:2px; font-weight:700; color:#555}
    .loadmap-cont-mobile .loadmap-tablist > li .text-wrap .desc{font-size:14px; color:#999; margin-bottom:0}

    .loadmap-cont-mobile .loadmap-tabcont {margin-top:20px;}
    .loadmap-cont-mobile .loadmap-item{border-radius: 32px; background: #f8f9fa; border: 1px solid #eee; transition:opacity 0.3s linear; opacity:0; width:0; overflow:hidden; padding:0; height:0;}
    .loadmap-cont-mobile .loadmap-item .title {font-size: 20px; font-weight: 700; margin-bottom: 10px;}
    .loadmap-cont-mobile .loadmap-item ul {list-style:none; padding:0; margin-bottom:0}
    .loadmap-cont-mobile .loadmap-item ul li{position: relative; padding-left: 16px; color: #555; margin:4px 0 0; font-size:18px; font-weight:500}
    .loadmap-cont-mobile .loadmap-item ul li:after{position: absolute; left: 0; content: '-'; color: #0984E3; font-weight: 700; top: 0;}

  
    .loadmap-cont-mobile .loadmap-tablist > li:hover .img-wrap,
    .loadmap-cont-mobile .loadmap-tablist > li.on .img-wrap{border-color: #0984e3;}
    .loadmap-cont-mobile .loadmap-tablist > li.on .text-wrap .title,
    .loadmap-cont-mobile .loadmap-tablist > li.on .text-wrap .desc {color:#0984e3;}
    .loadmap-cont-mobile .loadmap-item.on {opacity:1; width:100%; height:auto; padding: 32px; }

    
    /*  */
    .elementor-button {font-size:14px !important; padding:8px 16px}

    .edu-road-map .top-wr .wd20 {width: 22%;}
    .edu-road-map .box-wr .left-wr, .edu-road-map .top-wr .wd20:nth-of-type(1) {width: 12%;}
    .edu-road-map .box-wr .right-wr {width: 88%;}
    
    .edu-road-map .box-wr .left-wr {position: sticky; left: 0; z-index: 9;}
    .edu-road-map .box-wr .left-wr .th{font-size: 1.25rem;}
    .edu-road-map .top-wr .th {font-size: 1.125rem;}
    .edu-road-map{overflow-x: auto;}
    .edu-road-map .inner-wr {min-width: 1024px;}
    .edu-road-map .top-wr {position: relative; top: 0;}
    .edu-road-map .line01 {left: 12%;} 
    .edu-road-map .line02 {left: 34%;} 
    .edu-road-map .line03 {left: 56%;} 
    .edu-road-map .line04 {left: 78%;} 
    
    
    .mobile-horizontal-scroll{overflow-x:auto !important;}
    .mobile-horizontal-scroll-inner{min-width:640px !important;}
    

    /* 연혁 */
    .history-wrapper:before,
    .history-wrapper:after {left:7px;}
}

@media (max-width:768px) {

    .sub-title-wr {margin-bottom:24px}
    .sub-title-wr h3 {font-size:24px;}
    .sub-title-wr .label p {font-size:12px}
    .sub-title-wr .desc {font-size:14px;}
    
    /* 메인 > SW AI 교육과정 */
    .loadmap-cont-mobile .loadmap-tablist {min-width: calc((140px * 4) + 30px + 20px)}
    .loadmap-cont-mobile .loadmap-tablist > li {width: 140px;}
    .loadmap-cont-mobile .loadmap-tablist > li .text-wrap {margin-top: 4px;}
    .loadmap-cont-mobile .loadmap-tablist > li .text-wrap .title{font-size: 14px;  letter-spacing: -0.5px; margin-bottom: 0;}
    .loadmap-cont-mobile .loadmap-tablist > li .text-wrap .desc{font-size:10px;}
    .loadmap-cont-mobile .loadmap-item .title {font-size: 16px;}
    .loadmap-cont-mobile .loadmap-item ul li {font-size: 16px;}
    .loadmap-cont-mobile .loadmap-item.on {padding: 24px;}

    /* 메인 > 공지사항, 교육자료 */
    .notice-title {flex-wrap:wrap !important; flex-direction: row !important; gap: 4px 0 !important;}
    .elementor-30158 .elementor-element.elementor-element-4fa71e2,
    .elementor-30156 .elementor-element.elementor-element-0c1a884 {width: calc(100% - 20px) !important;}
    .elementor-30158 .elementor-element.elementor-element-bf39009 {margin-top: 4px;}
    .elementor-30156 .elementor-element.elementor-element-0c1a884 {margin: 0 !important;}
    .elementor-30156 .elementor-element.elementor-element-a8694b6 {margin: 4px 0 0 !important;}

    /*  */
    .page-tab-wr .page-tab {gap:8px 20px; flex-wrap: wrap;}
    .page-tab-wr .page-tab li a {font-size: 16px;}

    .edu-road-map .inner-wr {min-width: 768px;}
    .edu-road-map .box-wr .left-wr {padding: 1rem .5rem;}
    .edu-road-map .box-wr .left-wr .th {font-size: 1rem;}
    .edu-road-map .box-wr .right-wr .td {padding: .35rem 1rem;}
    .edu-road-map .top-wr .th {padding: .5rem;}

    .e-n-tabs-heading{display:flex !important;}
    .e-n-tabs-heading .e-n-tab-title {margin-block-start:0 !important; margin-block-end:var(--n-tabs-gap) !important;}
  
    /* 연혁 */
    .history-wrapper:before,
    .history-wrapper:after {display:none;}
    .history-item:before {display:none;}
    
}
@media  (max-width:640px) {
    #main-content.wd-content-layout {padding-top:24px !important}
    /* .loadmap-cont .right ul li .bot-wr {flex-direction:column; align-items:center} */
    #uc_blox_grid_instagrm_widget_elementor_5484a1e > div::nth-of-type(3), #uc_blox_grid_instagrm_widget_elementor_5484a1e > div::nth-of-type(4) {display:none}

}

@media (max-width:480px) {
    .notice-title .elementor-heading-title {max-width:300px}
    .board-wr .img-wr {height: 200px;}
}