/* SKTEC responsive layer — desktop styles remain unchanged above 900px */
.mobileMenuToggle,.mobileMenuBackdrop{display:none;}

@media (max-width:900px){
  html,body{width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;}
  body{font-size:14px;}
  img,video,iframe{max-width:100%;}
  #wrap{width:100%;min-width:0;overflow:hidden;}
  .inConts{width:calc(100% - 32px);max-width:1200px;margin-left:auto;margin-right:auto;}

  /* Header and touch navigation */
  #header,#header:hover{height:68px;background:rgba(7,27,49,.92)!important;border-bottom:1px solid rgba(255,255,255,.14);position:absolute;}
  #header .inConts{z-index:10;height:68px;display:flex;align-items:center;justify-content:space-between;}
  #header h1{padding:0;z-index:1003;}
  #header h1>a,#header:hover h1>a{width:104px;height:36px;background-image:url('../../images/h1_logo.png')!important;background-size:contain;background-position:left center;}
  #header .gnbArea{position:fixed;z-index:1002;top:0;right:0;width:min(86vw,360px);height:100dvh;padding:82px 18px 28px;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.22);box-sizing:border-box;overflow-y:auto;transform:translateX(105%);transition:transform .28s ease;}
  body.mobileMenuOpen #header .gnbArea{transform:translateX(0);}
  #header #gnb{display:block;position:static;}
  #header #gnb>li{display:block;border-bottom:1px solid #e8edf2;}
  #header #gnb>li>a,#header:hover #gnb>li>a{height:auto;padding:17px 40px 17px 8px;color:#102a45!important;font-size:17px;line-height:1.35;display:block;position:relative;}
  #header #gnb>li>a>span{padding:0;display:block;}
  #header #gnb>li>a>span:before{display:none;}
  #header #gnb>li:has(.gnbSub)>a:after{content:'';position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:2px solid #8290a0;border-bottom:2px solid #8290a0;transform:translateY(-70%) rotate(45deg);transition:transform .2s;}
  #header #gnb>li.mobileExpanded>a:after{transform:translateY(-25%) rotate(225deg);}
  #header #gnb .gnbSub{width:100%;margin:0 0 10px;background:#f4f7fa;position:static;display:none;}
  #header #gnb>li.mobileExpanded>.gnbSub{display:block;}
  #header #gnb .gnbSub>li+li{border-color:#e1e7ed;}
  #header #gnb .gnbSub>li>a{height:auto;min-height:44px;padding:11px 14px;color:#526274;font-size:14px;line-height:1.45;text-align:left;display:block;}
  #header #gnb .gnbSub>li>a>span{padding:0;display:block;}
  #header #gnb .gnbSub>li.oPage>a{background:#0d4b80;color:#fff;}
  .mobileMenuToggle{display:flex;z-index:1004;width:44px;height:44px;margin-left:auto;padding:0;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;}
  .mobileMenuToggle span{display:block;width:24px;height:2px;background:#fff;transition:transform .25s,opacity .2s;}
  body.mobileMenuOpen .mobileMenuToggle span:nth-child(1){transform:translateY(7px) rotate(45deg);background:#173d68;}
  body.mobileMenuOpen .mobileMenuToggle span:nth-child(2){opacity:0;}
  body.mobileMenuOpen .mobileMenuToggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:#173d68;}
  body.mobileMenuOpen .mobileMenuToggle{position:fixed;right:16px;top:12px;}
  .mobileMenuBackdrop{display:block;position:fixed;z-index:8;inset:0;background:rgba(2,15,30,.58);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
  body.mobileMenuOpen .mobileMenuBackdrop{opacity:1;visibility:visible;}
  body.mobileMenuOpen{overflow:hidden;}

  /* Sub-page shell */
  #sVisual .inConts{height:280px;}
  #sVisual h2{padding:68px 0 28px;}
  #sVisual h2>strong{font-size:31px;line-height:1.2;}
  #sVisual h2>span{padding-top:9px;font-size:11px;}
  #container.landscape #snb{margin-top:0;background:#133958;border-top:0;}
  #container.landscape #snb #nav{width:100%;max-width:none;margin:0;display:flex;border-left:0;overflow:visible;}
  #container.landscape #snb #nav>li{min-width:0;flex:1;border-color:rgba(255,255,255,.16);}
  #container.landscape #snb #nav>li.home{width:48px;min-width:48px;flex:0 0 48px;}
  #container.landscape #snb #nav>li>a{height:52px;padding:0 34px 0 12px;font-size:12.5px;line-height:1.35;}
  #container.landscape #snb #nav>li.home>a{width:48px;height:52px;}
  #container.landscape #snb #nav>li>a i{right:12px;}
  #container.landscape #snb #nav .lnbSub{z-index:30;background:#173d5e;}
  #container.landscape #snb #nav .lnbSub>a{height:auto;min-height:46px;padding:10px 12px;font-size:12px;}
  #pageTop{max-width:100%;padding:46px 16px 36px;}
  #pageTop>h3{font-size:26px;line-height:1.35;word-break:keep-all;}
  #container,#container.portrait{width:100%;padding-left:0;}
  #container.landscape #contents,#container.portrait #contents{width:100%;padding:0 16px 72px;}
  #container.landscape #contents.full{width:100%;padding-left:0;padding-right:0;padding-bottom:0;}
  #container.landscape #contents .fullBox{width:100%;margin-left:0;left:0;}
  #container.landscape #contents.full .inConts{padding:56px 0;}

  /* Footer */
  #footer .inConts{width:calc(100% - 32px);}
  #footer .link{padding:16px 0;display:flex;flex-wrap:wrap;gap:8px 18px;}
  #footer .link>a{font-size:13px;line-height:1.7;}
  #footer .link>a{color:#aeb5bd;}
  #footer .link>a+a{margin-left:0;}
  #footer .text{padding:26px 0 34px;background:none;}
  #footer .text>p{margin:0 0 8px;}
  #footer .text>address,#footer .text>p>span{display:block;font-size:12.5px;line-height:1.65;}
  #footer .text>address,#footer .text>p>span{color:#a3abb4;}
  #footer .text>p>span+span{margin-left:0;}
  #footer .text>p>span+span:before{display:none;}
  #footer .text>address{padding-top:8px;}

  /* Main */
  #mVisual .visualRoll .slider{min-height:620px;background-position:62% center;}
  #mVisual .inConts{width:100%;min-height:620px;height:100svh;}
  #mVisual .inConts>.vTxt,#mVisual .mVtext>.vTxt{padding:76px 18px 18px;}
  #mVisual .vTxt .ii.tit{margin-top:22px!important;font-size:clamp(34px,10.5vw,46px)!important;line-height:1.28!important;letter-spacing:-.035em!important;word-break:keep-all;text-wrap:balance;}
  #mVisual .vTxt .ii.txt{font-size:16px;line-height:1.65;}
  #mVisual .slick-arrow{display:none!important;}
  .mConts{padding:70px 0 58px;}
  .mTitle{padding:0 16px 32px;}
  .mTitle>dt{font-size:29px;line-height:1.2;}
  .mTitle>dd{padding-top:12px;font-size:15px;line-height:1.65;word-break:keep-all;}
  .mField .photo.sktec-five-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  .mField .photo.sktec-five-fields>a>dl>dt{height:300px!important;border-radius:5px;}
  .mField .photo.sktec-five-fields>a>dl>dd{display:none;}
  .mField .photo.sktec-five-fields .lay{top:0;opacity:1;padding:22px 18px;background:linear-gradient(180deg,rgba(4,26,50,.04) 25%,rgba(4,26,50,.9) 100%);display:flex;align-items:flex-end;}
  .mField .photo.sktec-five-fields .lay>dl{top:auto;transform:none;}
  .mField .photo.sktec-five-fields .lay>dl>dt{padding-bottom:10px;font-size:14px;line-height:1.45;}
  .mField .photo.sktec-five-fields .lay>dl>dt>strong{font-size:21px;}
  .mField .photo.sktec-five-fields .lay>dl>dd{font-size:12.5px;line-height:1.5;}
  .mField .photo.sktec-five-fields .lay>dl>dd+dd{margin-top:5px;}
  .mPerformance{height:auto;padding:68px 0 76px;overflow:hidden;}
  .mPerformance .tab{padding:0 16px 28px;display:flex;gap:8px;}
  .mPerformance .tab>a{width:auto;flex:1;font-size:14px;line-height:46px;}
  .mPerformance .tab>a+a{margin-left:0;}
  .mPerformance>div[style*="height:438px"]{height:auto!important;min-height:390px;overflow:visible!important;}
  .mPerformance .photo_list,.mPerformance .photo_list.no{width:100%;margin-left:0;left:0;}
  .mPerformance .photo_list .slick-slide,.mPerformance .photo_list.no .list>li{width:100%;padding:0 16px;opacity:1;box-sizing:border-box;}
  .mPerformance .photo_list .slider{height:auto;}
  .mPerformance .photo_list ul.list li>* .thumb{height:240px;}
  .mPerformance .photo_list ul.list li>* .area .in_area{height:auto;min-height:96px;padding:14px 0;}
  .mBoard{padding:64px 0 70px;}
  .mBoard .mBanner{width:100%;margin:0 0 38px;}
  .mBoard .mBanner img{width:100%;}
  .mBoard .btmBox{display:grid;grid-template-columns:1fr;gap:20px;}
  .mBoard .btmBox>*{display:block;}
  .mBoard .btmBox .mCustomer{width:100%;}
  .mBoard .btmBox .mImg{width:100%;margin-left:0;}
  .mBoard .btmBox .mImg img{width:100%;}
  .mBoard .btmBox .list>li>a{max-width:72%;font-size:14px;}
  .mBoard .btmBox .list>li>.day{font-size:12px;}

  /* Shared boards and forms */
  input,select,textarea,button{max-width:100%;font-size:16px;}
  .nTxt{margin-top:0!important;padding:0 0 22px;font-size:14px;line-height:1.65;}
  .nTable,.board_view{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .board_write{overflow:visible;}
  .board_write>table,.board_write>table>tbody,.board_write>table>tbody>tr{display:block;width:100%;}
  .board_write>table colgroup{display:none;}
  .board_write>table th,.board_write>table td{display:block;width:100%!important;height:auto;min-height:0;padding:11px 12px;}
  .board_write>table th{padding:10px 12px;background:#f3f6f9;font-size:14px;}
  .board_write .two,.board_write .three,.board_write .three.birth,.board_write .three.phone,.board_write .three.days,.board_write .three.email{width:100%;max-width:100%;}
  .board_write .checkBox{display:flex;flex-wrap:wrap;gap:10px 0;}
  .board_write .checkBox .checkIn,.board_write .checkBox.four .checkIn{width:50%;margin:0;}
  .board_write>table .checkIn+.checkIn{margin-left:0;}
  .clauseArea .nTable{overflow-x:auto;}
  .btnArea{display:flex;justify-content:center;gap:8px;}
  .btnArea a,.btnArea input[type=image],.btnArea input[type=submit],.btnArea button{width:auto;min-width:120px;margin:0!important;padding:0 20px;font-size:16px;line-height:48px;}
  .search_top{display:flex;flex-wrap:wrap;gap:6px;}
  .search_top select,.search_top input[type=text],.search_top input[type=submit]{width:auto;flex:1;margin:0!important;}
  .photo_list.performance ul.list,.photo_list.patent ul.list,.photo_list.two ul.list,.photo_list.three ul.list,.photo_list.four ul.list,.photo_list.five ul.list{margin:-12px 0 0 -12px;}
  .photo_list.performance ul.list li,.photo_list.patent ul.list li,.photo_list.three ul.list li,.photo_list.four ul.list li,.photo_list.five ul.list li{width:50%;padding:12px 0 0 12px;box-sizing:border-box;}
  .photo_list.performance ul.list li>* .thumb{height:150px;}
  .photo_list.performance ul.list li>* .area .in_area{height:72px;padding:11px;}
  .photo_list.performance ul.list li>* .area .title{font-size:14px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .photo_list.patent ul.list li>* .thumb{height:250px;}
  .photo_list.patent ul.list li>* .area .in_area{height:74px;padding:8px;}
  .photo_list.patent ul.list li>* .area .title{font-size:14px;}
  .photo_list.board ul.list li{padding:16px 0;}
  .photo_list.board ul.list li>*{display:block;background:none;}
  .photo_list.board ul.list li>* .thumb{width:100%;min-width:0;height:190px;display:block;}
  .photo_list.board ul.list li>* .thumb+.area{padding:16px 4px 0;display:block;}
  .photo_list.board ul.list li>* .area .title{max-width:100%;margin-top:7px;}

  /* Greeting page */
  .sktec-greeting{width:100%;max-width:100%;}
  .sktec-greeting .page-head{padding:18px 8px 32px;}
  .sktec-greeting .page-head h2{font-size:31px;}
  .sktec-greeting .hero{grid-template-columns:1fr;gap:38px;padding:10px 0 60px;}
  .sktec-greeting .hero__photo{width:min(100%,430px);margin:0 auto;}
  .sktec-greeting .hero__copy .lead{font-size:22px;line-height:1.6;}
  .sktec-greeting .hero__copy .body p{font-size:14px;line-height:1.85;}

  /* Electrical safety management */
  .electricalInspectionPhotos{display:grid!important;grid-auto-flow:column;grid-auto-columns:84%;gap:12px!important;margin-bottom:34px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;}
  .electricalInspectionPhotos::-webkit-scrollbar{display:none;}
  .electricalInspectionPhotos>span{width:100%!important;height:auto!important;aspect-ratio:3/4;scroll-snap-align:start;}
  .electricalOverview{margin-bottom:30px!important;}
  .electricalOverviewHead{padding:30px 20px 26px!important;}
  .electricalOverviewHead h4{font-size:25px!important;}
  .electricalOverviewHead p{font-size:14px!important;line-height:1.75!important;}
  .electricalCoverage{margin-top:22px!important;padding:18px!important;display:block!important;}
  .electricalCoverage strong{font-size:19px!important;}
  .electricalCoverage em{display:inline-block;margin-top:14px;min-width:0!important;padding:10px 14px!important;}
  .electricalOverviewBody{padding:25px 16px 30px!important;}
  .electricalSummaryCards{display:grid!important;grid-template-columns:1fr;gap:12px!important;margin-bottom:28px!important;}
  .electricalSummaryCard{min-height:0!important;padding:22px 18px!important;}
  .electricalSectionTitle{padding-left:13px!important;}
  .electricalSectionTitle h5{font-size:21px!important;}
  .electricalCycleTable{display:block;max-width:100%;border-top:0!important;background:transparent!important;box-shadow:none!important;white-space:normal;}
  .electricalCycleTable colgroup,.electricalCycleTable thead{display:none;}
  .electricalCycleTable tbody{display:block;}
  .electricalCycleTable tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px;border:1px solid #dfe7ee;background:#fff;box-shadow:0 5px 14px rgba(25,54,86,.05);}
  .electricalCycleTable td{display:block;min-width:0!important;padding:11px 9px!important;border-right:1px solid #e1e8ee!important;border-bottom:0!important;font-size:13px!important;text-align:left!important;white-space:normal;}
  .electricalCycleTable td:last-child{border-right:0!important;}
  .electricalCycleTable td.capacity{grid-column:1/-1;grid-row:1;padding:13px 12px!important;border-right:0!important;border-bottom:1px solid #e1e8ee!important;background:#f4f8fb;}
  .electricalCycleTable td:before{display:block;margin-bottom:4px;color:#7a8998;font-size:10px;font-weight:500;line-height:1.2;}
  .electricalCycleTable td.kind:before{content:'구분';}
  .electricalCycleTable td.capacity:before{content:'용량';}
  .electricalCycleTable td:nth-child(3):before{content:'점검횟수';}
  .electricalCycleTable td:nth-child(4):before{content:'점검간격';}
  .electricalNotes{padding:18px 18px!important;}
  .electricalOriginalInfo img{width:100%;height:auto;}

  /* Comprehensive tester */
  #sktecTesterPage{word-break:keep-all;}
  #sktecTesterPage .hero-b{min-height:650px;background:#071b31;}
  #sktecTesterPage .hero-b .media{background-position:67% center;}
  #sktecTesterPage .hero-b .media:after{background:linear-gradient(100deg,rgba(6,20,38,.96) 0%,rgba(6,20,38,.88) 55%,rgba(6,20,38,.64) 100%);}
  #sktecTesterPage .hero-b .hero-inner{width:calc(100% - 32px);padding:54px 0 46px;}
  #sktecTesterPage .hero-b h1{font-size:46px;}
  #sktecTesterPage .hero-b p{margin-top:22px;font-size:15px;line-height:1.75;}
  #sktecTesterPage .hero-cert-no{max-width:100%;padding:7px 10px;gap:5px;flex-wrap:wrap;font-size:11.5px;box-sizing:border-box;}
  #sktecTesterPage .hero-b .chips{margin-top:22px;gap:7px;}
  #sktecTesterPage .hero-b .chips span{padding:7px 11px;font-size:11.5px;}
  #sktecTesterPage .hero-b .hero-actions{margin-top:28px;gap:10px;}
  #sktecTesterPage .button{min-height:50px;padding:0 22px;}
  #sktecTesterPage .hero-b .scrollcue{display:none;}
  #sktecTesterPage .section-rail{top:0;}
  #sktecTesterPage .section-rail-inner{width:max-content;}
  #sktecTesterPage .section{padding:74px 0;}
  #sktecTesterPage .section-heading{display:block;margin-bottom:36px;}
  #sktecTesterPage .section-heading .no{width:40px;margin-bottom:16px;}
  #sktecTesterPage .section-heading h2{font-size:31px;}
  #sktecTesterPage .section-heading p{font-size:14.5px;}
  #sktecTesterPage .legal-strip{display:block;}
  #sktecTesterPage .legal-strip .lb{width:100%;box-sizing:border-box;}
  #sktecTesterPage .legal-strip .it{display:block;}
  #sktecTesterPage .legal-strip .it+.it:before{display:none;}
  #sktecTesterPage .role-row>div{padding:10px 20px;}
  #sktecTesterPage .staffing{padding:24px 20px;}
  #sktecTesterPage .staffing-nums{width:100%;justify-content:space-between;}
  #sktecTesterPage .performance-bands>article{min-height:0;}
  #sktecTesterPage .equipment-list{grid-template-columns:1fr 1fr;}
  #sktecTesterPage .contact-panel{padding:26px 20px;}
}

@media (max-width:640px){
  .mField .photo.sktec-five-fields{grid-template-columns:1fr!important;}
}

@media (max-width:480px){
  .inConts,#footer .inConts{width:calc(100% - 28px);}
  #sVisual .inConts{height:250px;}
  #sVisual h2>strong{font-size:28px;}
  #container.landscape #snb #nav>li>a{font-size:11.5px;padding-left:9px;padding-right:28px;}
  #pageTop{padding:38px 14px 30px;}
  #pageTop>h3{font-size:23px;}
  #container.landscape #contents,#container.portrait #contents{padding-left:14px;padding-right:14px;}
  #mVisual .visualRoll .slider,#mVisual .inConts{min-height:590px;}
  #mVisual .vTxt .ii.tit{font-size:36px!important;}
  .mField .photo.sktec-five-fields>a>dl>dt{height:280px!important;}
  .board_write .checkBox .checkIn,.board_write .checkBox.four .checkIn{width:100%;}
  .board_write .three.email{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
  .board_write .three.email input,.board_write .three.email select{width:100%;margin:0!important;}
  .btnArea a,.btnArea input[type=image],.btnArea input[type=submit],.btnArea button{min-width:105px;padding:0 14px;}
  .photo_list.performance ul.list li>* .thumb{height:140px;}
  #sktecTesterPage .hero-b{min-height:620px;}
  #sktecTesterPage .hero-b h1{font-size:42px;}
}