/**
 * 스마트 전자칠판 랜딩 (rsupport-smartboard) 전용 스타일
 * - 원본: content.remotemeeting.com/ko/landing/rsupport-smartboard (rsupport-wsd-01 테마 smartboard.css)
 * - 원본의 body id(#landingBestRemotemeeting) 스코프를 .smartboard 로 치환, 전 규칙 .smartboard 하위로 스코프
 * - 원본 랜딩 전용 헤더(#header / .gnb / .mobile_menu)는 테마 공통 헤더를 사용하므로 제외
 * - 로드 조건: functions.php remotemeeting_enqueue_scripts()
 */

/* 공통 */
.smartboard * {font-family: 'SUIT' !important; }
.smartboard { margin-top: 64px; color: #333; background-color: #fff;}
.smartboard img {max-width: 100%; height: auto;}
.smartboard a.smart_btn {border-radius: 60px; background-color:#00AC39; font-size: 24px; font-weight: 700; line-height:40px; color: #fff; cursor: pointer; display: inline-block; }
.smartboard a.smart_btn:hover { background-color: #338337;}

.smartboard .section_inner { padding-top: 90px; padding-bottom: 90px; text-align: center; max-width: 1200px; margin: 0 auto;}
.smartboard .section_inner .section_tit { font-size: 40px; font-weight: 700; line-height: 1.3; color: #333333; margin-bottom: 28px;letter-spacing: -0.05em;}
.smartboard .section_inner .section_desc { font-size: 24px; font-weight: 400; line-height: 1.5; color: #333333; }

.smartboard button.slick-arrow {display: none !important;}

.smartboard #smartboard-visual { position: relative; overflow: hidden; display: flex; align-items: center; height: 541px; padding: 100px 0; color: #fff;}
.smartboard #smartboard-visual .smartboard-visual-bg { position: absolute; inset: 0; z-index: 0;}
.smartboard #smartboard-visual .smartboard-visual-bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center right;}
.smartboard #smartboard-visual .inner { width: 1400px; max-width: 1240px; flex: 1; position: relative; z-index: 2; margin: 0 auto; padding: 0 20px;}
.smartboard #smartboard-visual .inner .txt-box { text-align: left;}
.smartboard #smartboard-visual .inner .txt-box .txt { font-size: 56px; font-weight: 800; margin-bottom: 24px;}
.smartboard #smartboard-visual .inner .txt-box .sub { font-size: 24px; margin-bottom: 40px;}
.smartboard #smartboard-visual .inner .visual_btn { background: #56ACFF; color: #fff; display: inline-flex; justify-content: center; align-items: center; padding: 16px 32px; border-radius: 66px; font-size: 24px; font-weight: 800; line-height: 1.3; cursor: pointer;}

.smartboard .qna_btn { padding: 10px 45px; margin-top: 100px;}

/* event */
.smartboard #smartboard-event { background-color: #F3F5F7; }
.smartboard #smartboard-event .section_inner .section_desc { line-height: 52px; margin-bottom: 10px;}
.smartboard #smartboard-event .event_txt {font-size: 60px; font-weight:700; line-height: 52px; margin-bottom: 30px;}
.smartboard #smartboard-event .event_txt span.blue {color:#00A4C0;}
.smartboard #smartboard-event .event_txt span.green { color:#00AC39;}

/* intro */
.smartboard #smartboard-intro .intro_wrap1 { border: 1px solid rgba(243, 245, 247, 1); box-shadow: 0px 0px 20px 0px rgba(238, 238, 238, 0.8);}
.smartboard #smartboard-intro .intro_wrap1 .section_inner {padding: 58px 0;}
.smartboard #smartboard-intro .intro_slider .slick-slide {margin: 0 12px; padding: 31px 0;}
.smartboard #smartboard-intro .intro_slider .intro_slider_wrap { display: flex; flex-direction: column; align-items: center;  background-color: #F3F5F7; border-radius: 20px;}
.smartboard #smartboard-intro .intro_slider .intro_slider_wrap img {max-width: 100%; height: auto; margin-bottom: 12px;}
.smartboard #smartboard-intro .intro_slider .intro_slider_wrap p.intro_tit { font-size: 24px; font-weight:700; line-height: 1.33; margin-bottom: 2px; color: #333;}
.smartboard #smartboard-intro .intro_slider .intro_slider_wrap p.intro_desc { font-size: 18px; font-weight:300; line-height: 1.77; color: #333;}
.smartboard #smartboard-intro .intro_slider .badge { position: relative;}
.smartboard #smartboard-intro .intro_slider .badge .badge_img { position: absolute; top:0; left: 0;}
.smartboard #smartboard-intro .intro_wrap2 .section_inner {padding-top: 60px;}
.smartboard #smartboard-intro .comp_box p { font-size:24px; font-weight:700; line-height: 1.4; }
.smartboard #smartboard-intro .comp_box .comp_innerbox { display: flex; gap: 18px; margin-top: 30px;}
.smartboard #smartboard-intro .comp_box .comp_innerbox .comp_wrap_box { display: flex; min-height: 340px;  border: 1px solid #DEE1E4; border-radius: 20px; padding-bottom: 31px;}
.smartboard #smartboard-intro .comp_box .comp_innerbox .comp_wrap_box img {margin-bottom: 28px;}
.smartboard #smartboard-intro .comp_box .comp_innerbox .comp_wrap_box p.comp_add_sub { font-size:16px; font-weight:400; line-height:18px; color: #5C6670; margin-top: 6px; }
.smartboard #smartboard-intro .comp_box .comp_innerbox .comp_imgbox1 { flex:1; justify-content: flex-end; flex-direction: column; align-items: center;  margin-right: 18px; }
.smartboard #smartboard-intro .comp_box .comp_innerbox .comp_imgbox2 { flex:2; position: relative; align-items: flex-end; justify-content: space-around;  }
.smartboard #smartboard-intro .comp_box .comp_innerbox .comp_or::before {content: 'or'; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);display: inline-block;font-size: 18px;color:#5C6670;}

/* use */
.smartboard #smartboard-use {background-color:#F3F5F7;}
.smartboard #smartboard-use .section_inner .section_desc { margin-bottom: 52px;}
.smartboard .use_slider .slick-slide { margin: 0 4px; }
.smartboard .use_slider .slick-list {margin: 0 -4px;}
.smartboard .use_slider_wrap { position: relative;  padding: 30px 15px 15px 15px;border-radius: 20px; border: 1px solid #F3F5F7; background-color: #fff;}
.smartboard .use_slider_wrap h3 {font-size: 24px; font-weight:700; line-height: 40px; color: #2B323A; margin-bottom: 29px;}
.smartboard .use_slider_wrap span {font-weight:400;}
.smartboard .use_slider_box { display: flex !important; gap: 12px; }
.smartboard .use_slider_box img { max-width: 100%; height: auto;}
.smartboard .use_slider_img { display: flex; flex-direction: column; gap: 12px; justify-content: space-between;}
.smartboard .use_img_1 {border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.smartboard .use_img_2 {border-top-right-radius: 12px; }
.smartboard .use_img_3 {border-bottom-right-radius: 12px; }

/* feature */
.smartboard #smartboard-feature .section_inner { display: flex; flex-direction: column;}
.smartboard #smartboard-feature .section_inner .section_desc { margin-bottom: 80px;}
.smartboard .feature_wrap { display: flex; gap: 40px; margin-bottom: 80px; color: #2B323A }
.smartboard .feature_wrap > div {width: 50%;}
.smartboard .feature_wrap:nth-child(even) {flex-direction: row-reverse;}
.smartboard .feature_wrap:last-child {margin-bottom: 0;}
.smartboard .feature_wrap:nth-child(even) .feature_box {width: 40%; margin-left: 0;}
.smartboard .feature_wrap img {max-width:100%; height: 100%; border-radius: 10px;}
.smartboard .feature_box {display: flex; flex-direction: column; justify-content: center; text-align: left;  margin-right: 0; }
.smartboard .feature_tit { font-size: 28px; font-weight: 700; line-height: 1.4; margin-bottom: 40px; }
.smartboard .feature_desc { font-size: 18px; font-weight: 400; line-height: 1.5; max-width: 480px; letter-spacing: -0.02em;}

/* case */
.smartboard #smartboard-case {background-color:#F3F5F7; overflow: hidden;}
.smartboard #smartboard-case .section_inner .section_desc { margin-bottom: 48px;;}
.smartboard .case_img_wrap { position:relative;}
.smartboard .case_img_wrap img { width:100%; height: auto; border-radius: 12px;}
.smartboard .case_slider .slick-list { margin: 0 -10px;}
.smartboard .case_slider .slick-slide { margin: 0 10px;}
.smartboard .case_blur { position: absolute; bottom:0; left:0; width: 100%; background: linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #212328 100%); border-radius: 12px; font-size: 18px; font-weight: 700; line-height: 2.2; color: #F3F5F7; height: 80%; display: flex; align-items: flex-end; justify-content: center;}

/* option */
.smartboard #section_option { background-color: #F3F5F7;}
.smartboard .option_inner { display: flex; gap: 24px; padding: 14px 34px 20px 34px; border: 1px solid #DEE1E4; background-color: #fff; border-radius: 20px;}
.smartboard .option_box { width: 25%;}
.smartboard .option_box img { max-width: 100%; height: auto;}
.smartboard .option_box p { height: 53px; display: flex; align-items: center; justify-content: center;font-size:18px; font-weight:700; line-height: 1.45; color: #5C6670; margin-top: 16px;}
.smartboard .option_list ul { margin-left: 20px;}
.smartboard .option_list ul li {list-style: disc; text-align: left; font-size: 14px; font-weight:400; line-height: 18px;; padding-left: 5px; margin-bottom: 8px;}
.smartboard .option_box hr {border-color: #DEE1E4;}

/* smartboard-spec */
/* #smartboard-spec {padding: 20px 27px; } */
.smartboard #smartboard-spec .section_inner {padding-bottom:0;}
.smartboard #smartboard-spec .spec_img_box { margin: 48px 0 60px;}
.smartboard #smartboard-spec .spec_img_box ul { display: flex; gap: 10px; }
.smartboard #smartboard-spec .spec_img_box ul li { flex: 1; border: 1px solid #DEE1E4; border-radius: 20px; padding: 14px 0 20px; }
.smartboard #smartboard-spec .spec_img_box ul li img {max-width: 100%; height: auto;}
.smartboard #smartboard-spec .spec_img_box ul li .spec_inch { font-size: 18px; font-weight:700; line-height: 1.44; margin-bottom:6px;}
.smartboard #smartboard-spec .spec_img_box ul li .spec_model { font-size: 18px; line-height: 1;}
.smartboard .accord_btn {border-bottom: 1px solid #DEE1E4; padding-bottom: 20px;}
.smartboard .accord_btn button,
.smartboard .accord_mb_btn button { padding: 0; border: 0; background: none; color: inherit; font-family: inherit; text-align: left;}
.smartboard .accord_btn button { font-size: 24px; font-weight:700; line-height: 1.66;  display: inline-flex; align-items: center; cursor: pointer;}
.smartboard .accord_btn button img { margin-left: 10px; }
.smartboard .accord_btn button img.rotated { transform: rotate(180deg);}
.smartboard #smartboard-spec .spec_detail { display: none; margin-top: 20px;}
.smartboard #smartboard-spec .spec_detail.active {display: block;}
.smartboard #smartboard-spec .spec_detail ul { display: flex; gap: 5px; margin-bottom: 5px;}
.smartboard #smartboard-spec .spec_detail ul li {display: flex; justify-content: center; align-items: center;flex:1; font-size: 14px; background-color: rgba(243, 245, 247, 1); padding: 13px 0;  border-radius: 8px;}
.smartboard #smartboard-spec .spec_detail ul li:nth-child(2n) { background-color: rgba(243, 245, 247, .6); }
.smartboard #smartboard-spec .spec_detail ul.tit_bold li {font-size:14px; font-weight: 700; line-height: 1.36;}
.smartboard #smartboard-spec .spec_detail ul li.titt { font-size:14px; font-weight: 700; line-height: 1.36; width: 80px; flex:none; background: none; padding: 4px 0; }  
.smartboard #smartboard-spec .spec_detail ul li.divide { display: block; background: none;padding: 0;}
.smartboard #smartboard-spec .spec_detail ul li.divide > ul li { display: block;  background-color: rgba(243, 245, 247, .6); }
.smartboard #smartboard-spec .spec_detail p {text-align: right;}
.smartboard #smartboard-spec .spec_detail_mb {display: none;}

/* smartboard-option2 */
.smartboard #smartboard-option2 .option_img_box { margin: 48px 0 60px;}
.smartboard #smartboard-option2 .option_img_box ul {display: flex; gap: 12px; }
.smartboard #smartboard-option2 .option_img_box ul li {flex: 1; border: 1px solid #DEE1E4; border-radius: 20px; padding: 29px 0 20px; }
.smartboard #smartboard-option2 .option_img_box ul li img {max-width: 100%; height: auto;}
.smartboard #smartboard-option2 .option_img_box ul li .option_inch {font-size: 18px; font-weight:700; line-height: 1.44; margin:26px 0 8px 0;}
.smartboard #smartboard-option2 .option_img_box ul li .option_model { font-size: 18px; line-height: 1;}
.smartboard #smartboard-option2 .option_detail { display: none; margin-top: 20px;}
.smartboard #smartboard-option2 .option_detail.active {display: block;}
.smartboard #smartboard-option2 .option_detail ul {display: flex; gap: 6px; margin-bottom: 6px;}
.smartboard #smartboard-option2 .option_detail ul li { display: flex; justify-content: center; align-items: center; flex: 1; font-size: 14px; background-color: rgba(243, 245, 247, 1); padding: 4px 0; border-radius: 8px; min-height: 44px;}
.smartboard #smartboard-option2 .option_detail ul li:nth-child(2n - 1) { background-color: rgba(243, 245, 247, .6); }
.smartboard #smartboard-option2 .option_detail ul.titt > li {background: none; font-weight: 700;}
.smartboard #smartboard-option2 .option_detail ul li.opt_no {background: none;}
.smartboard .accord_mb_btn { display: none;}
.smartboard .option_detail_mb {display: none;}

/* banner */
.smartboard #smartboard-banner { background: linear-gradient(152deg, #43913e 0%, #033213 50%); }
.smartboard #smartboard-banner .banner_inner { padding: 27px 0 0 0; margin: 0 auto; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.smartboard #smartboard-banner .banner_inner .banner_img {display: flex; align-items: center; text-align: center;} 
.smartboard #smartboard-banner .banner_inner .banner_txt h3 { font-size: 42px; line-height: 1.28; font-weight: 700; margin-bottom: 25px; letter-spacing: -1px; background: linear-gradient(93.76deg, #FF9900 0.47%, #FFC036 33.16%, #FFE76C 66.84%, #FF9900 99.53%);  -webkit-background-clip: text; color: transparent;}
.smartboard #smartboard-banner .banner_inner .banner_txt span { font-size: 22px; font-weight: 700; line-height: 1.2; padding: 5px 15px; border-radius:20px; background: linear-gradient(90deg, #FF9F09 0%, #FFCE4B 28%, #FFA917 100%);}

/* qna */
.smartboard #smartboard-qna { background-color: #EAECF0;}
.smartboard #smartboard-qna .section_inner { padding-bottom: 100px; }
.smartboard #smartboard-qna .section_desc { margin-bottom: 68px; }
.smartboard #smartboard-qna .cont {border-radius: 20px; max-width: 1200px; margin: 60px auto 0 auto; border: 1px solid #dee1e4; background: #fff; padding: 80px 68px 20px;}
/* bootstrap3 .show{display:block !important} 가 에러 토스트 flex 정렬을 덮어써서 아이콘/텍스트가 2줄로 깨지는 문제 보정 */
.smartboard .able-dib-form .error-message.show { display: flex !important;}

/* ===== 섹션 이동 탭 (.smartboard-tab) ===== */
/* 문의 폼 로딩 오버레이(.able-dib-loading-overlay, z-index:1000)가 헤더/탭 위로 올라오지 않도록 헤더·탭을 더 높게 지정 (이 CSS는 rsupport-smartboard 페이지에서만 로드) */
#header { z-index: 1002; }
.smartboard .smartboard-tab { position: sticky; top: 64px; z-index: 1001; background-color: #fff; }
.smartboard .smartboard-tab .tab-inner { border-bottom: 1px solid #E3E3E3;}
.smartboard .smartboard-tab ul { position: relative; display: flex; justify-content: center; gap: 120px; max-width: 1000px; margin: 0 auto; padding: 0; list-style: none;}
.smartboard .smartboard-tab ul li[data-target] { position: relative; flex: auto; color: #CCC; font-size: 24px; font-weight: 600; text-align: center; padding: 20px 0; cursor: pointer; transition: color .2s ease;}
.smartboard .smartboard-tab ul li.active { color: #333; font-weight: 800;}
.smartboard .smartboard-tab .tab-indicator { position: absolute; bottom: -1px; left: 0; width: 0; height: 4px; background: #333; border-radius: 35px; transition: left .3s ease, width .3s ease;}


@media screen and (max-width:1400px) {
    .smartboard #smartboard-visual .inner { width: 100%;}
}

@media screen and (max-width:1200px) {
    .smartboard .section_inner { padding-left: 30px; padding-right: 30px; }
    .smartboard #smartboard-feature .feature_wrap:nth-child(even) { margin-left: 0; gap: 40px;}
    .smartboard #smartboard-feature .feature_wrap:nth-child(even) .feature_box {width: 50%;}

    .smartboard #smartboard-use .use_slider  button.slick-arrow {display: none !important;}
    .smartboard #smartboard-case .case_slider  button.slick-arrow {display: none !important;}
}

@media screen and (max-width:1024px) {
    .smartboard br.break-t {display: inline;}

    .smartboard #smartboard-feature .section_inner .section_desc {margin-bottom: 56px;}
    .smartboard #smartboard-feature .feature_wrap { margin-bottom: 40px;}
    .smartboard #smartboard-feature .feature_tit {  margin-bottom: 8px;}

    .smartboard #smartboard-use .use_slider_wrap {left: 9vw;}
    .smartboard #smartboard-use .use_slider_box {gap: 9px;}
    .smartboard #smartboard-use .use_slider_img {gap: 9px;}

    .smartboard #smartboard-case .case_slider {    width: calc(100% + 30px); }
    .smartboard #smartboard-case .case_img_wrap { left: -25vw;}

    /* .smartboard-tab */
    .smartboard .smartboard-tab ul { gap: 40px;}
    .smartboard .smartboard-tab ul li[data-target] { font-size: 18px;}
}

@media screen and (max-width: 886px) {
    .smartboard #smartboard-banner .banner_inner .banner_txt h3 { font-size: 34px;}
}

@media screen and (max-width:767px) {

    .smartboard .section_inner {padding-top: 52px; padding-bottom: 52px; padding-left: 15px; padding-right: 15px;}
    .smartboard .section_inner .section_tit {font-size: 24px; margin-bottom: 16px;}
    .smartboard .section_inner .section_desc {font-size: 16px;}

    .smartboard a.smart_btn { font-size: 16px;}
    .smartboard .qna_btn { margin-top: 40px; padding: 4px 40px;}

    .smartboard #smartboard-event .section_inner .section_desc { line-height: 24px; margin-bottom: 6px;}
    .smartboard #smartboard-event .event_txt { font-size: 30px; line-height: 32px;}

    .smartboard #smartboard-intro .intro_wrap1 .section_inner { padding: 26px 0;}
    .smartboard #smartboard-intro .intro_wrap2 .section_inner { padding-top: 30px;}
    .smartboard #smartboard-intro .intro_slider .slick-slide {margin: 0 25px; padding: 16px 0 18px;}
    .smartboard #smartboard-intro .intro_slider .intro_slider_wrap img { margin-bottom: 0;}
    .smartboard #smartboard-intro .intro_slider .intro_slider_wrap p.intro_tit { font-size: 18px; margin-bottom: 0;}
    .smartboard #smartboard-intro .intro_slider .intro_slider_wrap p.intro_desc { font-size: 12px;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox { flex-direction: column;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox .comp_imgbox2 { flex-direction: column; align-items: center; gap: 60px; padding: 30px 0 20px;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox .comp_imgbox1 { margin-right: 0;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox .comp_wrap_box { min-height: 256px;}
    .smartboard #smartboard-intro .comp_box p.comp_add_tit {font-size: 18px;}
    .smartboard #smartboard-intro .comp_box p { font-size: 18px;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox .comp_wrap_box p.comp_add_sub { font-size: 12px;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox .comp_wrap_box img {height: 128px; width: auto;}
    .smartboard #smartboard-intro .comp_box .comp_innerbox .comp_or::before { top: 51%; font-size: 16px;}
    
    .smartboard #smartboard-case .case_img_wrap { left: -67vw;}

    .smartboard #smartboard-feature .section_inner .section_desc {margin-bottom: 24px;}
    .smartboard #smartboard-feature .feature_wrap { flex-direction: column; gap: 0; margin-bottom: 20px;}
    .smartboard #smartboard-feature .feature_wrap > div { width: 100%;}
    .smartboard #smartboard-feature .feature_wrap:nth-child(even) { flex-direction: column; gap: 0;}
    .smartboard #smartboard-feature .feature_wrap:nth-child(even) .feature_box {width: 100%;}
    .smartboard #smartboard-feature .feature_wrap img {width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
    .smartboard #smartboard-feature .feature_box {background-color: #fff; padding: 16px 8px 20px 8px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin-top: -7px;}
    .smartboard #smartboard-feature .feature_tit { font-size: 20px;}
    .smartboard #smartboard-feature .feature_desc {max-width: 100%; font-size: 14px;}

    .smartboard #smartboard-use .section_inner .section_desc {margin-bottom: 20px;}
    .smartboard #smartboard-use .use_slider .slick-dots { margin-top: 15px;}
    .smartboard #smartboard-use .use_slider_wrap { left:0; padding: 9px; border-radius: 8px;}
    .smartboard #smartboard-use .use_slider_wrap h3 { font-size: 13px; line-height: 18px; margin-bottom: 8px; } 
    .smartboard #smartboard-use .use_img_1 { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
    .smartboard #smartboard-use .use_slider_box img.use_img_1 { height: 100%;}
    .smartboard #smartboard-use .use_img_2 { border-top-right-radius: 5px;}
    .smartboard #smartboard-use .use_img_3 { border-bottom-right-radius: 5px;}

    .smartboard #smartboard-spec { padding: 20px 0;}
    .smartboard #smartboard-case .section_inner { padding-top: 43px;}
    .smartboard #smartboard-spec .spec_detail_mb {display: block; margin-top: 30px;}
    .smartboard #smartboard-spec .spec_img_box { margin: 20px 0 0; }
    .smartboard #smartboard-spec .spec_img_box ul {flex-direction: column;}
    .smartboard #smartboard-spec .spec_img_box ul li img { width: 256px;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb ul { flex-direction: row; margin-bottom: 4px;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb ul li { border: none; border-radius: 4px; font-size: 12px; padding: 4px 0; background-color: rgba(243, 245, 247, .6);}
    .smartboard #smartboard-spec .spec_detail_mb ul li.titt { display: flex; align-items: center; justify-content: center; width: 60px; flex:none;  font-weight:700; line-height: 1.36; padding: 0; background: none;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb { margin: 10px 0 50px;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb ul li.divide { background: none; padding:0;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb ul li.divide ul { background: none; margin-bottom: 0; gap: 4px;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb ul li.divide ul li {background-color: rgba(243, 245, 247, .6); font-weight:700;}
    .smartboard #smartboard-spec .spec_detail_mb .spec_dt_mb p { font-size: 10px; line-height: 1.36; text-align: right;}
    .smartboard .accord_btn {display: none;}
    .smartboard #smartboard-spec .spec_detail.active { display: none;}
    .smartboard #smartboard-spec .spec_img_box ul li .spec_model { font-size: 14px;}
    .smartboard #smartboard-option2 .option_img_box ul { flex-direction: column;}
    .smartboard #smartboard-option2 .option_img_box ul li .option_model { font-size: 14px;}
    .smartboard #smartboard-option2 .option_detail.active { display: none;}
    .smartboard #smartboard-option2 .option_img_box .option_detail_mb ul {gap: 4px;}
    .smartboard #smartboard-option2 .option_img_box .option_detail_mb ul li { font-size: 12px; line-height: 1.36; border: none; border-radius: 4px; padding: 4px 0; background-color: rgba(243, 245, 247, .6);}
    .smartboard .accord_mb_btn { display: block;}
    .smartboard .option_detail_mb.active {display: block;}
    .smartboard .spec_dt_mb {display: none;}
    .smartboard .spec_dt_mb.active {display: block;}
    .smartboard .accord_mb_btn { border-bottom: 1px solid #DEE1E4; padding-bottom: 10px; cursor: pointer;}
    .smartboard .accord_mb_btn button {display: inline-flex; font-size: 14px; font-weight:700; line-height:1.7; cursor: pointer;}

    .smartboard #smartboard-banner .banner_inner { flex-direction: column-reverse; padding: 27px 0 10px;}
    .smartboard #smartboard-banner .banner_inner .banner_txt h3 { font-size: 24px; margin-bottom:6px; }
    .smartboard #smartboard-banner .banner_inner .banner_txt span { font-size: 15px; line-height: 1.2; }
    .smartboard #smartboard-banner .banner_inner .banner_img { margin-top: 15px;}

    .smartboard #smartboard-qna .section_inner { padding-top: 32px; padding-bottom: 58px;}
    .smartboard #smartboard-qna .section_desc { margin-bottom: 24px;}
    .smartboard #smartboard-qna .cont {padding: 20px; margin-top: 30px; border-radius: 10px;}

    /* .smartboard-tab */
    .smartboard .smartboard-tab ul { gap: 30px;}

}

@media screen and (max-width: 640px) {
    .smartboard #smartboard-visual { align-items: flex-start; height: 527px; padding-top: 72px;}
    .smartboard #smartboard-visual .inner .txt-box { margin: 0 auto; text-align: center;}
    .smartboard #smartboard-visual .inner .txt-box .txt { font-size: 28px; margin-bottom: 20px;}
    .smartboard #smartboard-visual .inner .txt-box .sub { font-size: 16px; margin-bottom: 24px;}
    .smartboard #smartboard-visual .inner .visual_btn { font-size: 16px; padding: 10px 24px;}

    .smartboard a.qna_floating_btn {display: flex; width: 45px; height:45px; padding: 0; justify-content: center; right: 19px; bottom: 15px;}
    .smartboard a.qna_floating_btn img {width: 22px; height: 22px; }
    .smartboard a.qna_floating_btn span {display: none;}

    /* .smartboard-tab */
    .smartboard .smartboard-tab ul { justify-content: flex-start; overflow-x: auto; overflow-y: hidden; gap: 40px; padding: 0 40px; max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .smartboard .smartboard-tab ul::-webkit-scrollbar { display: none;}
    .smartboard .smartboard-tab ul li[data-target] { flex: 0 0 auto; font-size: 16px; padding: 11px 0;}
}

@media screen and (max-width: 540px) {
    .smartboard #smartboard-banner .banner_inner .banner_img img {width: 134px; height: auto;}
}


/* br태그 */
.smartboard .br_sm { display: none;}
.smartboard .br_mb { display: none;}
.smartboard .br_web {display: inline;}

@media screen and (max-width: 1024px) {
    .smartboard .br_sm { display: none;} 
    .smartboard .br_web {display: none;}
    .smartboard .br_mb { display: inline;}
}

@media screen and (max-width: 767px) {
    .smartboard .br_web {display: none;}
    .smartboard .br_mb { display: none;}
    .smartboard .br_sm { display: inline;}
}