@charset "utf-8";

/* 

            <img class="img mini_over" src="/_File/landingUploadImage/69ef15369432f_1777276214.jpg" alt="tms" data-imgname="tms_visual.jpg">
            <img class="img mini_only" src="/inc/img/sub/sub_tms_system_visual_mo.jpg" alt="tms" data-imgname="tms_visual.jpg">

*/


/* Pd2 all */
.sub_supplies .main_cont_banner10,
.sub_software .main_cont_banner10,
.sub_nf-bf .solution_sect,
.sub_neurocog-training .step_sect,
.sub_robotics .plat_sect,
.sub_robotics .main_cont_banner10,
.sub_qeeg-system .app_sect,
.sub_tms-eeg .necessity_sect,
.sub_tms-eeg .sync_sect,
.sub_tms-system .series_sect,
.products .com_info_sect,
.sub_sub-academy .curri_sect,
.sub_sub-academy .program_notice_sect{padding: var(--pd2) 0;}


/* Pd2 t */
.sub_nf-bf .main_cont_banner10,
.sub_neurocog-training .main_cont_banner10,
.sub_robotics .fdn_sect,
.sub_qeeg-system .main_cont_banner10,
.sub_tms-eeg .main_cont_banner10,
.sub_tms-eeg .strategy_sect,
.sub_tms-eeg .workflow_sect,
.sub_tms-system .use_sect,
.sub_ai-data .step_sect,
.sub_ai-data .main_cont_banner10{padding-top: var(--pd2);}


/* Pd2 b */
.sub_supplies .echo_sect,
.sub_tms-system .use_sect,
.sub_sub-academy .certi_sect,
.sub_ai-data .tech_sect{padding-bottom: var(--pd2);}


/* Pd3 all */
.sub_sub-academy .program_sect{padding: var(--pd3) 0;}


/* BG sect 
 * 시안은 200(--pd2) 인데 배경있는 곳 여백 좁게 하는것때문에 일단 추가해둠 */
.sub_supplies .tab_sect,
.sub_software .bg_sect_wrap,
.sub_nf-bf .system_sect,
.sub_neurocog-training .system_sect,
.sub_qeeg-system .bg_sect_wrap,
.sub_tms-eeg .system_sect,
.sub_tms-eeg .bg_sect_wrap,
.sub_tms-system .system_sect{padding: var(--pd3) 0 var(--pd2); background:var(--bg);}




/* contMt4 50 - 기본 / *현 변수 40 */
.sub_supplies .echo_sect .cont,
.sub_software .tab_sect .tab_cont.cont2 .sub_cont_sorting17,
.products .tab_sect .sub_cont_text02 + .cont_wrap,
.sub_software .process_sect,
.sub_neurocog-training .import_sect .sub_cont_sorting17,
.sub_robotics .plat_sect .cont,
.sub_robotics .fdn_sect .sub_cont_sorting44,
.sub_robotics .necessity_sect .sub_cont_table06,
.sub_robotics .necessity_sect .bg_cont_wrap,
.sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row4 .sub_cont_sorting06,
.sub_qeeg-system .app_sect .sub_cont_sorting38,
.sub_qeeg-system .eval_sect .sub_cont_sorting17,
.sub_tms-eeg .diff_sect .sub_cont_sorting43,
.sub_tms-eeg .strategy_sect .com_box_row.typeA,
.sub_tms-eeg .chart_sect .cont_box,
.products .vs_sect .sub_cont_table06,
.products .vs_cont .sub_cont_table06,
.sub_sub-academy .academy_sub_top .sub_cont_img01,
.sub_sub-academy .academy_sub_top .sub_cont_text03,
.sub_sub-academy .curri_sect .sub_cont_sorting29,
.sub_sub-academy .program_notice_sect .main_notice_thumbnail07,
.sub_ai-data .tech_sect .sub_cont_sorting22,
.sub_ai-data .step_sect .sub_cont_sorting32,
.sub_ai-data .care_sect .sub_cont_sorting31{margin-top: var(--contMt4);}


/* ContMt2 80 */
.sub_software .bg_sect_wrap .tab_sect,
.sub_robotics .necessity_sect .vs_cont,
.sub_qeeg-system .bg_sect_wrap .sub_cont_sorting39,
.sub_qeeg-system .bg_sect_wrap .spectrum_cont .cont_bg_box,
.sub_qeeg-system .bg_sect_wrap .spectrum_cont .table_cont,
.sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_wrap + .sub_cont_sorting38,
.sub_tms-eeg .strategy_sect .com_box_row .sub_cont_intro03,
.sub_tms-eeg .system_sect .prd_cont,
.sub_tms-system .system_sect .com_box_row.row1 .sub_cont_sorting06,
.sub_cont_sorting39 + .point_cont,
.sub_tms-system .use_sect .in2 > .cont {margin-top: var(--contMt2);}




/* ---------- 아카데미 ---------- */
.sub_sub-academy .curri_sect .sub_cont_process04{margin-top: 3rem;}
.sub_sub-academy .program_sect{background-color: var(--bg);}

/* 아카데미 모달 */
.academy_modal .consult1_sect .consent_cont.chk_only{border-top: 1px solid #1F2933; margin-top: 3rem;}
.academy_modal .consult1_sect .consent_cont .form_chk .txt span{color: var(--blue); margin-right: 0.2em;}
.academy_modal .consult1_sect .form_chk .chk_box button{margin-top: -0.2em; margin-left: 0.2em; font-weight: 600;}
.academy_modal .consult1_sect .com_inp_cont .em_txt {font-size: var(--p5); color: var(--gray);margin-top: 0.5em;}
.academy_modal .consult1_sect .com_inp_cont .em_txt.ico_txt{display: flex; align-items: flex-start; gap: 0.3em;}
.academy_modal .consult1_sect .com_inp_cont .em_txt.ico_txt .ico svg{display: inline-block; height: 1.1em; margin-top: 0.25em;}

.academy_modal.view .txt_box{margin-bottom: 3rem;}
.academy_modal.view .txt_box .badge_wrap{display: flex; margin-bottom: 3rem;}
.academy_modal.view .txt_box .badge_wrap .badge{font-size: var(--p4); width: max-content; padding: 0.7em 1.25em; line-height: 1; background:var(--blue); color:#fff; border-radius: 10rem;}
.academy_modal.view .txt_box .badge_wrap .badge.gr{background:#F2F2F2; color: var(--black);}
.academy_modal.view .txt_box .badge_wrap .badge.gr2{background:rgba(55, 56, 71, 0.30); color: var(--black);}
.academy_modal.view .txt_box .tit{font-size: var(--h7); font-weight: 700;}
.academy_modal.view .txt_box .dot_list{font-size: var(--p3); margin-top: 1.2rem;}
.academy_modal.view .img{width: 100%; height: auto;}
.academy_modal.view .img img{width: 100%; object-fit: cover;}

.academy_modal.apply .consult1_sect .com_inp_cont.name .inp_box .inp.wide,
.academy_modal.apply .consult1_sect .com_inp_cont.phone .inp_box .inp.wide,
.academy_modal.apply .consult1_sect .com_inp_cont.type .inp_box .select.wide {width: 100%;}
.academy_modal.apply .consult1_sect .consent_cont .cont_tit {font-size: var(--p2);}


/* ---------- ai·data ---------- */
/* 투명헤더, 비주얼 */
.page_wrap:has(.sub_ai-data) .header:not(.header_down){background-color: transparent; color: #fff; }
.page_wrap:has(.sub_ai-data) .header .logo svg path{ fill: #fff; transition: fill 0.3s ease-in-out;}
.page_wrap:has(.sub_ai-data) .header .util_wrap .ico_btn svg path {stroke: #fff; }
.page_wrap:has(.sub_ai-data) .header .util_wrap .ico_btn.ham_btn svg path {stroke: none; fill: #fff;}
.page_wrap:has(.sub_ai-data) .header .util_wrap .util_btn:not(.ico_btn) {color: #fff;}

.page_wrap:has(.sub_ai-data) .header.header_fill{background-color: #fff; color: var(--black);}
/* .page_wrap:has(.sub_ai-data) .header.header_fill .util_wrap .util_btn:not(.ico_btn) {color: #000;} */
.page_wrap:has(.sub_ai-data) .header.header_fill .logo svg path{ fill: #0515D8;}
.page_wrap:has(.sub_ai-data) .header.header_fill .logo svg path:nth-child(n+4):nth-child(-n+8) {fill: #222;}
.page_wrap:has(.sub_ai-data) .header.header_fill .logo svg path:last-child {fill: #222;}
.page_wrap:has(.sub_ai-data) .header.header_fill .util_wrap .util_btn:not(:hover) { border-color: var(--line); color: var(--black);}
.page_wrap:has(.sub_ai-data) .header.header_fill .util_wrap .ico_btn svg path {stroke: #181818; }
.page_wrap:has(.sub_ai-data) .header.header_fill .util_wrap .ico_btn.ham_btn svg path {stroke: none; fill: #181818;}

.page_wrap:has(.sub_ai-data) .header:not(.header_fill) .nav .depth1 > li.active > a{color: #707bff;}

.sub_ai-data .sub_visual{background-color: #000; border-bottom: none; color: #fff; margin-top: 0; margin-bottom: 0; padding-top: calc(var(--hdH) + 8rem); padding-bottom: var(--subVisPd);}
.sub_ai-data .sub_visual .lnb .sel_wrap .current{opacity: 1;}
.sub_ai-data .sub_visual .lnb .sel_wrap .nice-select .list{color: #000;}
.sub_ai-data .sub_visual .lnb .home svg path{fill: #fff;}
.sub_ai-data .sub_visual .lnb .sel_wrap .nice-select:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"><path d="M0.262666 0.324249C0.635712 -0.0827652 1.26856 -0.1102 1.67575 0.262726L5.99997 4.22366L10.3242 0.262726C10.7314 -0.110302 11.3642 -0.0828187 11.7373 0.324249C12.1103 0.731419 12.0828 1.36424 11.6758 1.73734L6.67673 6.31741C6.29451 6.66758 5.70744 6.66752 5.32517 6.31741L0.32419 1.73734C-0.0828246 1.36429 -0.110259 0.731439 0.262666 0.324249Z" fill="white"/></svg>') center/contain no-repeat;}
.sub_ai-data .sub_visual .tit_wrap .txt{color: #fff;}
/* // 투명헤더, 비주얼 */

/* ai·data cont */
.sub_ai-data .sect_wrap {position: relative; margin-top: -25rem; padding-bottom: var(--pd); background-color: #0A0C26; --sect-overlay-opacity: 1;}
.sub_ai-data .sect_wrap > .link_btn {position: absolute; left: 50%;transform: translate(-50%,-100%); top: calc(var(--contMt1) * -1); border-radius: 10em; background-color: var(--blue); color: #fff; border-color: var(--blue);}  
.sub_ai-data .sect_wrap .tit_wrap{color: #fff;}
.sub_ai-data .sect_wrap:before{content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(158deg, rgba(1, 8, 100, 0.00) 38.29%, #010864 137.33%); opacity: var(--sect-overlay-opacity); pointer-events: none;}
.sub_ai-data .tech_sect{position: relative; background-color: #fff; color: #fff; --tech-overlay-opacity: 1;}
.sub_ai-data .tech_sect > *{position: relative; z-index: 1;}
.sub_ai-data .tech_sect:before{content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #080B3A, #050A4D); opacity: var(--tech-overlay-opacity); pointer-events: none;}

.sub_ai-data .sub_cont_sorting31 .cont_box .tit,
.sub_ai-data .sub_cont_sorting31 .chk_list{color: #fff;}
.sub_ai-data .sub_cont_sorting31 .cont_box:nth-child(2) .tit{background: linear-gradient(112deg, #FFF 11.93%, #48FFED 171.48%); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



/* -------------------- 제품소개 products -------------------- */
.products .sub_visual{border-bottom: none;}

.product_visual {position: relative; width: 100%; margin-top: calc(var(--subVisPd) * -1); background-color: #fff; z-index: 5;}
.product_visual .img_box{position: relative; padding-top: 30%; margin: 0 5rem; border-radius: 5rem; overflow: hidden;}
.product_visual .img_box .img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

.products .com_info_sect {overflow: hidden;}
.products .com_info_sect .sub_cont_sorting10 .cont_box .right_cont .check_box > li{background-color: #fff; border: 1px solid var(--line);}

/* 토글 내 1000px */
.sub_software .tab_sect .tab_cont.cont2 .sub_cont_intro03,
.sub_cont_sorting34 .cont_box.ba .cont .ba_box_wrap,
.sub_neurocog-training .system_sect .com_box_row .toggle_cont > *,
.sub_tms-system .system_sect .com_box_row .toggle_cont > .sub_cont_sorting38,
.sub_tms-system .system_sect .com_box_row.row3 .cont_wrap{width: 84%; margin: 0 auto;}  

/* 탭 내 1300px */
.sub_supplies .tab_cont > *,
.sub_software .tab_cont > *,
.sub_nf-bf .tab_cont > *,
.products.sub_tms-eeg .tab_cont .prd_cont,
.products .system_sect .tab_cont .sub_cont_sorting39,
.products .system_sect .tab_cont .point_cont{width: max(130rem, 1240px); max-width: 100%; margin-left: auto; margin-right: auto;}

/* 토글 일반버전 */
.com_box_row:not(.com_toggle_row) {background-color: #fff; border-radius: 3rem; padding: 4rem 5rem;}
.com_box_row:not(.com_toggle_row) + .com_box_row:not(.com_toggle_row){margin-top: 3rem;}
.com_box_row.gr:not(.com_toggle_row){background-color: var(--bg);}
.com_box_row .toggle_cont > .img_box{margin: 0 auto; text-align: center;}


/* ---------- 제품소개_tms ---------- */
.sub_tms-system .use_sect .cont .cont_box{margin-top: 3rem; border-radius: 3rem; background-color: var(--bg); overflow: hidden; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_tms-system .use_sect .cont.active .cont_box{opacity: 1; transform: unset;}
.sub_tms-system .use_sect .cont1 img{width: 100%; height: auto; object-fit: cover;}

.sub_tms-system .use_sect .cont2 .cont_box{padding: 8rem 10rem;}
.sub_tms-system .use_sect .cont2 .cont_box .data_cont{text-align: center;}
.sub_tms-system .use_sect .cont2 .cont_box .data_cont .tit{display: inline-block; background-color: var(--black); color: #fff; font-size: var(--h7); border-radius: 10rem; font-weight: 700; padding: 0.4em 1em; line-height: 1.5;}
.sub_tms-system .use_sect .cont2 .cont_box .info_txt{font-size: var(--p3); font-weight: 500; color: var(--gray2); margin-top: 1rem;}
.sub_tms-system .use_sect .cont2 .cont_box .data_cont .img_box{margin: 4rem auto 0; width: 53%;}

.sub_tms-system .use_sect .cont2 .cont_box .recom_cont{margin-top: 8rem; padding-top: 8rem; border-top: 1px solid rgba(14, 22, 255, 0.30);}
.sub_tms-system .use_sect .cont2 .cont_box .recom_cont .tit_box{text-align: center;}
.sub_tms-system .use_sect .cont2 .cont_box .recom_cont .tit_box .tit{font-size: var(--h7); font-weight: 700;}
.sub_tms-system .use_sect .cont2 .cont_box .recom_cont .tit_box .tit .info_txt{margin-top: 1rem;}
.sub_tms-system .use_sect .cont2 .cont_box .recom_cont .sub_cont_sorting05 {margin-top: 3rem;}

.products .system_sect {overflow: hidden;}
.sub_tms-system .system_sect .com_box_row.row1 .top_cont{ width: 68%; margin: 0 auto;}
.sub_tms-system .system_sect .com_box_row.row1 .top_box{display: flex; align-items: center;}
.sub_tms-system .system_sect .com_box_row.row1 .top_box .img{width: 45rem; flex-shrink: 0; margin-right: 4rem;}
.sub_tms-system .system_sect .com_box_row.row1 .top_box .dot_list{flex: 1; font-weight: 600;}
.sub_tms-system .system_sect .com_box_row.row1 .img_box{width: 100%; margin-top: 3rem; }

.sub_tms-system .system_sect .com_box_row .sub_cont_sorting38 .col{flex-direction: column; align-items: flex-start;}
.sub_tms-system .system_sect .com_box_row .sub_cont_sorting38 .col .img_box{ text-align: center; width: 100%; margin: 0 auto; border-radius: 3rem; overflow: hidden; margin-bottom: 5rem;}
.sub_tms-system .system_sect .com_box_row .sub_cont_sorting38 .col .img_box img{width: 100%;}
.sub_tms-system .system_sect .com_box_row .sub_cont_sorting38 .col .txt_box{width: 100%;}
.sub_tms-system .system_sect .com_box_row .sub_cont_sorting38 .col .txt_box .tit{font-size: var(--p2);}

.sub_tms-system .system_sect .com_box_row.row4 .sub_cont_sorting38 .col .img_box{width: 72%; border-radius: 0;}

.sub_tms-system .system_sect .com_box_row.row5 .sub_cont_sorting17 .cont_box{justify-content: center;}
.sub_tms-system .system_sect .com_box_row.row5 .sub_cont_sorting17 .cont_box .cont{max-width: 40rem;}

.sub_tms-system .vs_cont{padding-top: var(--pd3);}
.sub_tms-system .vs_cont .sub_cont_table06 .top_tit .tit:not(.color){background-color: #56AB6F; color: #fff;}
.sub_tms-system .vs_cont .sub_cont_table06 .cont_box .row .txt:not(.color){color: #095A21; font-weight: 500; background-color: #E6F4EA;}
.sub_tms-system .vs_cont .sub_cont_table06 .cont_box .row .txt:first-child { border-left: 2px solid #8CC29C; border-right: 2px solid #8CC29C;}
.sub_tms-system .vs_cont .sub_cont_table06 .cont_box .row:not(:first-child) > .txt:not(.color)::before{border-color: #8CC29C;}
.sub_tms-system .vs_cont .sub_cont_table06 .cont_box .row:last-child .txt:first-child{border-bottom: 2px solid #8CC29C;}
 
.sub_tms-system .main_cont_banner10 .link_btn{background-color: transparent;}




/* ---------- 제품소개_tms-eeg ---------- */
.sub_tms-eeg .chart_sect .cont_box{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.sub_tms-eeg .chart_sect.active .cont_box{opacity: 1; transform: unset;}
.sub_tms-eeg .bg_sect_wrap .vs_sect{margin-top: var(--contMt1);}

.sub_tms-eeg .strategy_sect .com_box_row {padding-bottom: 8rem;}
.sub_tms-eeg .strategy_sect .com_box_row.typeB .img_box{width: 66rem; margin: var(--contMt2) auto 3rem; max-width: 100%;}

.sub_tms-eeg .system_sect .prd_cont .img_box{border-radius: 3rem; overflow: hidden; width: 100%; background-color: #fff;}
.sub_tms-eeg .system_sect .prd_cont .img_box img{ width: 100%; object-fit: cover;}
.sub_tms-eeg .system_sect .sub_cont_sorting10 .cont_box .right_cont .check_box > li{background-color: #fff;}

.sub_tms-eeg .sub_cont_sorting41 .diagram_item.side1 .img_box{width: 22.5rem; height: 16rem;}
.sub_tms-eeg .sub_cont_sorting41 .diagram_item.side2 .img_box{width: 17rem; height: 16rem;}


.sub_tms-system .system_sect {overflow: hidden;}

/* ---------- 제품소개_QEEG 시스템 ---------- */
.sub_qeeg-system .app_sect .sub_cont_sorting38{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_qeeg-system .app_sect.active .sub_cont_sorting38{opacity: 1; transform: unset;}
.sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_wrap {display: flex; flex-direction: column; align-items: center; background-color: var(--bg); border-radius: 3rem; padding: 8rem var(--inPd);}
.sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_wrap .cont_badge{display: inline-block; font-size: var(--h7); padding: 0.3em 1em; background:var(--blue); border-radius: 100rem; font-weight: 700; color: #fff; margin: 0 auto;}
.sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_box{flex: 1; width: 70%; margin-top:var(--contMt4);}
.sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_box .img_box{width: 48%; flex: initial;}
.sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_box .img_box img{width: 100%;}


.sub_qeeg-system .bg_sect_wrap{background-color: var(--bg); overflow: hidden;}
.sub_qeeg-system .bg_sect_wrap .spectrum_cont .cont_bg_box{background-color: #fff; padding: 8rem 10rem; border-radius: 3rem;}
.sub_qeeg-system .bg_sect_wrap .spectrum_cont .sub_cont_sorting34 + .sub_cont_sorting34{margin-top: 2rem}
.sub_qeeg-system .bg_sect_wrap .spectrum_cont .table_cont .sub_cont_table07{margin-top: 3rem;}

.sub_qeeg-system .bg_sect_wrap .point_cont{margin-top: 3rem;}
.sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row1 .img_box{width: 26%;}
.sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row1 .sub_cont_sorting06{ width: max(120rem, 1160px); max-width: 100%; margin: var(--contMt4) auto 0;}

.sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row3 .sub_cont_sorting38 .cont_box .img_box img{width: 56%;}

.sub_qeeg-system .bg_sect_wrap .ba_cont{display: flex; align-items: center; text-align: center; gap: 3rem; width: 86%; margin: 0 auto;} 
.sub_qeeg-system .bg_sect_wrap .ba_cont .badge{ display: inline-block; font-size: var(--p4); font-weight: 700; padding: 0.4em 1.2em; margin-bottom: 2rem; border-radius: 100rem; background-color: var(--blue); color: #fff;} 
.sub_qeeg-system .bg_sect_wrap .ba_cont .badge_b{background-color: #D8D8DB; color: #7C7D87;}
.sub_qeeg-system .bg_sect_wrap .ba_cont .arr svg{ height: 5.6rem;}
.sub_qeeg-system .bg_sect_wrap .ba_cont .img,
.sub_qeeg-system .bg_sect_wrap .ba_cont .img img{width: 100%; }



/* ---------- 제품소개_로보틱스 Robotics ---------- */
.sub_robotics .necessity_sect .bg_cont_wrap{background-color: var(--bg); border-radius: 3rem; padding: 8rem 8.5rem;}
.sub_robotics .necessity_sect .sub_cont_sorting31 .cont_wrap{padding: 0;}
.sub_robotics .plat_sect .cont .img_box{position: relative;}
.sub_robotics .plat_sect .cont .img_box img {border-radius: 3rem;}



/* ---------- 제품소개_신경인지검사 · 훈련 ---------- */
.sub_neurocog-training .import_sect .sub_cont_sorting17{display: flex;}
.sub_neurocog-training .import_sect .sub_cont_sorting17 .cont_box .cont .txt_box{margin-top: 2rem;}

.sub_neurocog-training .system_sect{background-color: var(--bg); overflow: hidden;}
.sub_neurocog-training .system_sect .com_box_row.row2 .cont_wrap .img_box{border-radius: 3rem; overflow: hidden; margin-bottom: 3rem;}
.sub_neurocog-training .system_sect .com_box_row.row2 .cont_wrap .img_box img{width: 100%; height: 100%; object-fit: cover;}
.sub_neurocog-training .system_sect .com_box_row.row2 .cont_wrap .txt_box .dot_txt{margin-top: 0.4em; line-height: 1.5;}




/* ---------- 제품소개_nf-bf ---------- */
.sub_nf-bf .cont_basic_slide08{margin-top: 3rem;}
.sub_nf-bf .system_sect .cont1 .img_box,
.sub_nf-bf .system_sect .cont1 .img_box img{width: 100%;}
.sub_nf-bf .system_sect .cont1 .sub_cont_table01{margin-top: var(--contMt4);}
.sub_nf-bf .system_sect .cont2 .sub_cont_sorting38 {background-color: #fff; padding: 8rem 0; border-radius: 3rem;}

.sub_nf-bf .main_cont_sorting22 .bg:before { background: rgba(0, 0, 0, 0.3);}


/* ---------- 제품소개_소프트웨어 ---------- */
.sub_software .process_sect .img_box{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_software .process_sect.active .img_box{opacity: 1; transform: unset; position: relative;}
.sub_software .process_sect .img_box,
.sub_software .process_sect .img_box img{width: 100%;}

.products .tab_sect .tab_bg_box{ border-radius: 3rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.products .tab_sect .tab_bg_box.active{opacity: 1; transform: unset;}
.products .tab_sect .tab_bg_box:not(.sub_cont_sorting34){padding: 8rem 5rem; background-color: #fff;}

.products .tab_sect .tab_bg_box + .tab_bg_box{margin-top: 2rem;}
.products .tab_sect .tab_bg_box .top_tit{font-size: var(--h7); text-align: center; font-weight: 700;}
.products .tab_sect .tab_bg_box .top_tit strong{color:var(--blue);}
.products .tab_sect .tab_bg_box .top_tit + .txt{font-size: var(--p2); font-weight: 500; margin-top: 0.3em;}

.products .tab_sect .tab_bg_box.sub_cont_sorting34 .cont_box .cont{background-color: #fff;}
.products .tab_sect .tab_bg_box.sub_cont_sorting34 .cont_box .cont .txt_box .tit{font-size: var(--p1);}

.products .tab_sect .tab_cont .sub_cont_sorting38 .cont_box .img_box img{width: 100%;}
.products .tab_sect .tab_cont .sub_cont_sorting38 .cont_box .txt_box{width: 52%; flex:inherit}
.products .tab_sect .tab_cont .sub_cont_sorting38{max-width: 98rem; margin:0 auto;}


.sub_software .tab_sect .tab_cont .sub_cont_sorting34 .cont_box .cont .img{padding-top: 52%;}

.sub_software .tab_sect .tab_cont.cont1 .sub_cont_sorting34 .top_tit{color: var(--black); margin-bottom:3rem}
.sub_software .tab_sect .tab_cont.cont1 .sub_cont_sorting34 .cont_box.ba .cont .ba_box .img{padding-top: 55%;}
.sub_software .tab_sect .tab_cont.cont1 .sub_cont_sorting38 .cont_box{margin-top: var(--contMt3);}

.sub_software .tab_sect .tab_cont.cont2 .ba_box .img{padding-top: 60%;}

.sub_software .tab_sect .tab_cont.cont3 .img_box{margin-top: 3rem}

.sub_cont_sorting34 .cont_box.ba .cont .ba_box_wrap .arr{margin-bottom: 10%;}


 
/* ---------- 제품소개_소모품 ---------- */
.sub_supplies .echo_sect .cont{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_supplies .echo_sect .cont.active{opacity: 1; transform: unset;}
.sub_supplies .echo_sect .cont .img{border-radius: 3rem; overflow: hidden; width: 100%;}
.sub_supplies .echo_sect .cont .img img{width: 100%;}

.sub_supplies .tab_sect .tab_cont.cont1 .sub_cont_table01{margin-top: 3rem;}
.sub_supplies .tab_sect .tab_cont.cont1 .info_txt{text-align: center; font-weight: 500; margin-top: 3rem;}
.sub_supplies .sub_cont_table01 .table_head div:nth-child(1),
.sub_supplies .sub_cont_table01 .table_head div:nth-child(2),
.sub_supplies .sub_cont_table01 .table_head div:nth-child(3){background-color: var(--blue);}

.sub_supplies .tab_sect .tab_cont.cont1 .tab_bg_box .sub_cont_intro03,
.sub_supplies .tab_sect .tab_cont.cont2 .tab_bg_box .sub_cont_sorting38 .cont_box,
.sub_supplies .tab_sect .tab_cont.cont3 .tab_bg_box .img_box{margin-top: var(--contMt4);}

.sub_supplies .tab_sect .tab_cont.cont3 .tab_bg_box .img_box,
.sub_supplies .tab_sect .tab_cont.cont3 .tab_bg_box .img_box img{width: 100%;}

.sub_supplies .tab_sect .tab_cont.cont2 .tab_bg_box .sub_cont_sorting38 .cont_box .img_box img{border-radius: 3rem; overflow: hidden;}

.sub_supplies .tab_sect .tab_cont.cont4 .sub_cont_sorting34 .cont_box .cont .img{padding-top: 52%;}


/* Hover */
@media screen and (min-width: 1241px) { 
    .sub_tms-system .main_cont_banner10 .link_btn:hover{background-color: var(--navy); border-color: var(--navy);}

    .sub_ai-data .sect_wrap > .link_btn:hover{border-color: #fff; color:var(--blue); background-color: #fff;}

}





@media (max-width: 1920px) {
}

@media (max-width: 1440px) {

    .product_visual .img_box {margin: 0 var(--inPd);}

    .sub_ai-data .sect_wrap{margin-top: -15rem; }
    .sub_info_intro01 .txt{font-size: var(--p2);}
    /* 14401 */
}


@media (max-width: 1240px) {


    /* 12401 */

}

@media (max-width: 1040px) {

    .sub_tms-system .use_sect .cont2 .cont_box .data_cont .img_box {width: 85%;}
    .sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_box {width: 85%;}

    .sub_software .tab_sect .tab_cont.cont2 .sub_cont_intro03,
.sub_cont_sorting34 .cont_box.ba .cont .ba_box_wrap,
.sub_neurocog-training .system_sect .com_box_row .toggle_cont > *,
.sub_tms-system .system_sect .com_box_row .toggle_cont > .sub_cont_sorting38,
.sub_tms-system .system_sect .com_box_row.row3 .cont_wrap{width: 100%}  


    .products .tab_sect .tab_cont .sub_cont_sorting38 {max-width: 110rem;}

    .sub_ai-data .sect_wrap{margin-top: -10rem; }



    /* 10401 */
}

@media (max-width: 768px) {

    /* BG sect 
    * 시안은 200(--pd2) 인데 배경있는 곳 여백 좁게 하는것때문에 일단 추가해둠 */
    .sub_supplies .tab_sect,
    .sub_software .bg_sect_wrap,
    .sub_nf-bf .system_sect,
    .sub_neurocog-training .system_sect,
    .sub_qeeg-system .bg_sect_wrap,
    .sub_tms-eeg .system_sect,
    .sub_tms-eeg .bg_sect_wrap,
    .sub_tms-system .system_sect{padding: var(--pd4) 0 var(--pd2);}


    .sub_tms-system .use_sect .cont1 .cont_box {overflow: hidden;}
    .sub_tms-system .use_sect .cont1 .cont_box img {transform: scale(1.2);}

    .sub_tms-system .use_sect .cont2 .cont_box .data_cont .img_box {width: 100%;}

    .sub_tms-system .use_sect .cont2 .cont_box .data_cont .tit {font-size: var(--p1);}
    .sub_tms-system .use_sect .cont2 .cont_box .info_txt {font-size: var(--p5);}

    .product_visual .img_box {border-radius: 15px;}


    .sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_box {width: 100%;}
    .sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_wrap .cont_badge {font-size: var(--p1);}

    .sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row3 .sub_cont_sorting38 .cont_box .img_box img {width: 80%;}

    .sub_tms-eeg .sub_cont_sorting41 .diagram_item.side1 .img_box {width: 80px; height: 50px;}
    .sub_tms-eeg .sub_cont_sorting41 .diagram_item.side2 .img_box {width: 100px; height: 50px;}

    .sub_supplies .echo_sect .cont .img img{transform: scale(1.1);}

    .sub_qeeg-system .bg_sect_wrap .ba_cont {width: 100%; gap: 15px;}
    .sub_qeeg-system .bg_sect_wrap .ba_cont .badge {font-size: var(--p6); padding: 0.3em 1em;}
    .sub_qeeg-system .bg_sect_wrap .ba_cont .arr svg {height: 3rem;}


    


    /* 7681 */
}



@media (max-width: 600px) {


    .product_visual .img_box {padding-top: 85%;}


    .com_box_row:not(.com_toggle_row),
    .sub_tms-system .use_sect .cont .cont_box,
    .sub_tms-system .system_sect .com_box_row .sub_cont_sorting38 .col .img_box,
    .sub_tms-eeg .system_sect .prd_cont .img_box,
    .sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_wrap,
    .sub_qeeg-system .bg_sect_wrap .spectrum_cont .cont_bg_box,
    .sub_robotics .necessity_sect .bg_cont_wrap,
    .sub_robotics .plat_sect .cont .img_box img,
    .sub_neurocog-training .system_sect .com_box_row.row2 .cont_wrap .img_box,
    .sub_nf-bf .system_sect .cont2 .sub_cont_sorting38,
    .products .tab_sect .tab_bg_box,
    .sub_supplies .echo_sect .cont .img,
    .sub_supplies .tab_sect .tab_cont.cont2 .tab_bg_box .sub_cont_sorting38 .cont_box .img_box img { border-radius: 15px;}


    .sub_tms-system .use_sect .cont1 .cont_box img {transform: scale(1);}
    .sub_tms-system .use_sect .cont .cont_box {border-radius: 15px;}
    

    .products .tab_sect .tab_bg_box:not(.sub_cont_sorting34),
    .sub_robotics .necessity_sect .bg_cont_wrap,
    .com_box_row:not(.com_toggle_row),
    .sub_qeeg-system .bg_sect_wrap .spectrum_cont .cont_bg_box,
    .com_toggle01 .com_toggle_row .toggle_tit,
    .sub_tms-system .use_sect .cont2 .cont_box {padding: var(--bgPdCol) var(--bgPdRow);}
    .sub_tms-system .use_sect .cont2 .cont_box .data_cont .tit {font-size: var(--p2);}

    .products .tab_sect .tab_bg_box .top_tit br {display: none;}

    .sub_tms-system .system_sect .com_box_row.row1 .top_cont {width: 100%;}
    .sub_tms-system .system_sect .com_box_row.row1 .top_box {display: flex; flex-direction: column;}

    .sub_tms-system .system_sect .com_box_row.row5 .sub_cont_sorting17 .cont_box .cont {width: 100%; max-width: 100%;}
    .sub_tms-system .system_sect .com_box_row.row5 .sub_cont_sorting17 .cont_box .cont + .cont {margin-top: 20px;}
    .sub_tms-system .system_sect .com_box_row.row5 .sub_cont_sorting17 .cont_box .cont .txt_box {margin-top: 10px;}
    
    .sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row3 .sub_cont_sorting38 .cont_box .img_box img {width: 60%;} 
    .sub_qeeg-system .app_sect .sub_cont_sorting38 .cont_box .img_box {width: 80%; margin: 0 auto;}

    .sub_cont_sorting34 .cont_box.ba .cont .ba_box_wrap .arr {margin-bottom: 0; transform: rotate(90deg);}
    .products .tab_sect .tab_cont .sub_cont_sorting38 .cont_box .txt_box {width: 100%;}
    

    .sub_supplies .echo_sect .cont .img img{transform: scale(1);}

    .sub_robotics .sub_cont_sorting31 .cont_wrap{flex-direction: column;}
    .sub_robotics .sub_cont_sorting31 .img_box {padding-top: 60%;}
    .sub_robotics .sub_cont_sorting31 .cont_box {width: 100%;}
    .sub_robotics .sub_cont_sorting31 .cont_box + .cont_box {margin-top: 20px;}

    .sub_qeeg-system .bg_sect_wrap .point_cont .com_box_row.row1 .img_box{width: 50%;}


    /* 6001 */
}




@media (max-width: 380px) {
    .sub_sub-academy .curri_sect .sub_cont_sorting29 .system_card .system_list .item { font-size: 12px;}
}

