@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width: 94%; font-size:13px;  }
.mtitle { font-size:24px; }
.stitle { font-size:18px; }
    
/* header & footer */
#w_header { height: 60px; }
#w_header .wrap { width: 94%; }
#w_header.down { height: 100vh; height: 100dvh; overflow-y:auto; overscroll-behavior:contain; }
#w_header.down .wrap { min-height:100%; padding-bottom:max(24px, env(safe-area-inset-bottom)); box-sizing:border-box; }

#w_header h1, #w_header .site-logo { position: static; padding-top: 17px; }
#w_header h1 img, #w_header .site-logo img { height: 26px;}

#w_header #w_gnb { display: block; width: 260px; margin:60px auto 0; padding-top: 0;  }
#w_header .site-nav { width:100vw; margin-left:-3vw; }
#w_header #w_gnb > li { width:220px; margin:0 auto; border-top:0; border-bottom:1px solid #ddd; }
#w_header #w_gnb > li:first-child { margin-left:auto; border-top:0; }
#w_header #w_gnb > li:last-child { border-bottom:0; }
#w_header #w_gnb > li > a { position:relative; display:flex; width:100%; padding:0; align-items:center; justify-content:center; font-size:20px; line-height:50px; text-align:center; }
#w_header #w_gnb > li > a:after { position:absolute; top:20px; left:calc(50% + 44px); content:""; display:inline-block; width:7px; height:7px; margin:0; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg); opacity:1; transition:transform .2s ease; }
html[lang="en"] #w_header #w_gnb > li > a:after { left:auto; right:0; top:20px; }
#w_header #w_gnb > li.single-item > a { display:flex; width:100%; align-items:center; justify-content:center; text-align:center; }
#w_header #w_gnb > li.single-item > a:after { display:none; }
#w_header #w_gnb > li > a[href*="bo_table=testreport"],
#w_header #w_gnb > li > a[href*="board-test"] { display:flex !important; width:100%; align-items:center; justify-content:center; text-align:center; }
#w_header #w_gnb > li > a[href*="bo_table=testreport"]:after,
#w_header #w_gnb > li > a[href*="board-test"]:after { display:none !important; }
#w_header #w_gnb > li > a[href*="bo_table=testreport"] + ul,
#w_header #w_gnb > li > a[href*="board-test"] + ul { display:none !important; }
#w_header #w_gnb > li.select > a { color:#1693f4;  }
#w_header #w_gnb > li.select > a:after { transform:rotate(-135deg); }
#w_header #w_gnb ul { padding:0 0 14px; display: none; }
#w_header #w_gnb ul li { line-height:40px; border-top:0; font-size:16px;}
#w_header #w_gnb ul li a { display:flex; width:100%; min-height:40px; align-items:center; justify-content:center; text-align:center; }
    
#w_header .lang { position:relative; right:auto; top:auto; width:230px; height:34px; margin:18px auto 0; border:1px solid rgba(255,255,255,0.9); border-radius:17px; background:transparent; }
#w_header .lang:before { content:"LANGUAGE"; position:absolute; left:0; top:0; width:137px; height:32px; color:#fff; font:13px/32px stm; text-align:center; }
#w_header .lang:after { content:"|"; position:absolute; left:136px; top:0; height:32px; color:#fff; font:16px/31px stm; }
#w_header .lang select { position:absolute; right:0; top:0; width:93px; height:32px; box-sizing:border-box; border:0; border-radius:17px; background:transparent url("data:image/svg+xml,%3Csvg width=%2210%22 height=%226%22 viewBox=%220 0 10 6%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M1 1l4 4 4-4%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.5%22/%3E%3C/svg%3E") no-repeat right 18px center; color:#fff; padding:0 28px 1px 0; appearance:none; -webkit-appearance:none; font:13px/32px stm; text-align:center; text-align-last:center; cursor:pointer; }
#w_header .lang:focus-within { border-color:#1693f4; box-shadow:0 0 0 2px rgba(22,147,244,0.2); }
#w_header .menu-contact { width:260px; margin:38px auto 0; padding:0 8px; box-sizing:border-box; color:#fff; font:14px/1.8 stm; text-align:center; }
#w_header .menu-contact p { display:flex; align-items:baseline; justify-content:center; gap:8px; margin:0; }
#w_header .menu-contact p span { display:inline-block; width:auto; min-width:42px; color:#bdbdbd; font:13px/1.8 stm; text-align:right; }
#w_header .menu-contact a { display:inline-block; min-height:28px; color:#fff; }
#w_header .menu-contact a:focus-visible { outline:2px solid #1693f4; outline-offset:3px; }

#nav_btn { position:absolute; right:0; top:12px; padding:0; border:0; background:transparent; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #fff; display: block; margin: 8px auto; transition: all 0.3s ease-in-out;}
#nav_btn:hover{ cursor: pointer;}
#nav_btn:focus-visible { outline:2px solid #1693f4; outline-offset:4px; }
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);} 
    
#w_footer .wrap { width: 94%; }    
#w_footer { padding:60px 0 40px; }
#w_footer address { padding:0 0 24px; font-size:12px; text-align: center; line-height:2; }
#w_footer .footer-policy { display:inline-block; margin-left:8px; }
#w_footer .footer-policy:before { display:inline; content:"|"; margin-right:8px; }

    
/* index */
#main {
    text-align: center;
    padding-bottom: 40px;
    background-image: image-set(url(../image/2367a9cae043-bg_main1-mobile.webp) type("image/webp"), url(../image/2367a9cae043-bg_main1.png) type("image/png"));
}
#main h1, #main h2 { padding-top: 160px; font-size:26px; }
#main .hero-en-title { font-size:24px; }
#main p { font-size:16px; margin-top: 40px; }
#main .more { margin-top: 60px; }
#main .bnr { display: block; margin-top: 130px; }
#main .bnr a { display: block; width: auto; height: auto; padding:20px; padding-top: 70px; margin-bottom: 20px; background-size:auto 30px !important; text-align: left; }
#main .bnr a:last-child { margin-bottom: 0; }
#main .bnr a dt { font:16px steb; }
#main .bnr a dd { line-height:1.8; }    
    
#lineup { padding:60px 0; }
#lineup .fl { display: block; }
#lineup div p { margin-top: 10px; }
#lineup ul { width: auto; margin-top: 40px; }
#lineup ul li { width: 48.5%; margin:0 3% 3% 0; height: auto; }
#lineup ul li a { height: 260px; padding: 110px 10px 0; background: #1693f4; }
#lineup ul li a:after { display: none; }
#lineup ul li dl { position: relative; z-index:1; }
#lineup ul li dl dt { font-size:16px; }
#lineup ul li dl dt:after { border-color:#fff; margin:10px 0; }
#lineup ul li:hover a:before { transform: scale(1); }
#lineup div .more { margin: 20px auto 0; display: block; }
    
#pf { padding:60px 0; }
#pf ul { margin-top: 40px; display: block; }
#pf ul li { margin-bottom: 40px; }
#pf ul li figure { border-radius: 14px; }
#pf ul li figure img { width: 100%; }
#pf ul li dl { margin-top: 20px; }
#pf ul li dl dt { font-size:16px; }
#pf ul li dl dt:after { margin:10px 0; }
#pf .more { margin: 0 auto; display: block; }    
    
    
#contact { padding:60px 0; }
#contact ul.fl { display: block; }
#contact ul.fl > li { width: auto; height: auto; padding:20px 10px; margin-bottom: 20px; }
#contact .ct { position: static; padding-left: 60px; margin-top: 20px; position: relative; left: 0; bottom: 0;  }
#contact .more { position: static; margin-top: 20px; }    
    
/* sub layout */
.sv { height: 200px; padding-top: 40px; font-size:36px; background-size:cover !important; background-attachment: scroll !important;}

.pad { padding:60px 0 120px; }
.title { position: relative; margin-bottom: 40px; }
.path { display: none; }
.left { width:auto; float:none;  }
.right { width:auto; float:none; margin-top: 20px; }

/* sub1_1 */
#sub1_1 .cont2 { margin-top: 40px; }
#sub1_1 .cont2 .left { font-size:18px; }
#sub1_1 .cont2 .right strong { margin-left: 20px; }    
    
/* sub1_2 */
#sub1_2 .history li { padding-left: 50px; }
#sub1_2 .history li strong { left:0; }
#sub1_2 .history li figure { display: none; width:calc(100% + 50px); margin-left: -50px; }
    
    
/* sub1_3 */
#sub1_3 .cont1 ul li { margin-bottom: 40px; width: 48.5%; }  

/* sub2_1 */
.prd nav { float:none; width: auto; border-bottom:1px solid #ddd; }
.prd nav select { border:none; height:50px; width: 100%; font:16px stm; background: none; outline: none; }

.prd > div { float:none; width: auto; border-top:none; margin-top: 0; }
.prd .stitle { padding-top: 0; }
.prd .cl h4 { float:none; width:auto; }
.prd .cl div { float:none; width: auto; margin-top: 10px; }

.prd .cont2 ul li { padding-left: 10px; }

.prd .cont3 table th, .prd .cont3 table td { font-size:13px; }
.prd .cont3 p.fl { font-size:12px;  }

.prd .cont4 ul li { width: 48.5%; margin-bottom: 20px; }

/* product pages: mobile image sizing and alignment */
.prd .cont1 img.pc-hero {
    height: auto;
    min-height: 0;
}
.prd .cont3 .terminator-drawing-frame,
.prd .cont3 .pc-spec-drawing-frame,
.prd .cont3 .structural-spec-drawing-frame {
    padding: 12px 4px;
}
.prd .cont3 .terminator-drawing-frame img.terminator-drawing {
    width: 94%;
}
.prd .cont3 .ultra-spec-drawing-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 1106 / 470;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
}
.prd .cont3 .ultra-spec-drawing-frame img {
    position: absolute;
    top: 55.84%;
    left: 50%;
    width: 122%;
    max-width: none;
    transform: translate(-50%, -50%);
}
.prd .cont3 .pc-spec-drawing-frame img.pc-spec-drawing,
.prd .cont3 .structural-spec-drawing-frame img.structural-spec-drawing {
    width: 100%;
}
.prd .cont6 ul:not(.pc-parts-list):not(.structural-parts-list) {
    justify-content: center;
}
.prd .cont6 ul:not(.pc-parts-list):not(.structural-parts-list) li,
.prd .cont6 ul:not(.pc-parts-list):not(.structural-parts-list) li:nth-child(3) {
    width: 100%;
    max-width: 330px;
    margin-right: auto;
    margin-left: auto;
}
.prd .cont6 ul:not(.pc-parts-list):not(.structural-parts-list) li p {
    text-align: center;
}
.prd .cont6 ul.pc-parts-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 13px;
}
#pf #portfolio-latest-list img[src*="legacy-315"] {
    transform: scale(1.72);
}

    
/* sub3_1 */
#sub3_1 #bo_gall { margin-top: 0; }
#sub3_1 #bo_gall .gall_li { width:48.5%; margin-right: 3%; }
#sub3_1 #bo_gall .gall_li.box_clear { float:left; }
#sub3_1 #bo_gall .gall_li:nth-child(2n) { margin-right: 0; }
#sub3_1 #bo_gall .gall_li:nth-child(2n+1) { clear: both; }
#bo_gall .gall_text_href a { font-size:13px; }
#bo_v { margin-top: 0; }
#bo_v_title .bo_v_tit { font-size:16px; }

    
/* sub4_1 */
#sub4_1 #bo_gall .gall_li { width:48.5%; margin-right: 3%;}
#sub4_1 #bo_gall .gall_li.box_clear { float:left; }
#sub4_1 #bo_gall .gall_li:nth-child(2n) { margin-right: 0; }
#sub4_1 #bo_gall .gall_li:nth-child(2n+1) { clear: both; }
    
/* sub5_2 */
#sub5_2 .left { border-top:none; width: auto; padding-top: 0; }
#sub5_2 .left .eyebrow { font-size:18px; line-height:1.4; }
#sub5_2 .left .message { margin-top:16px; font-size:20px; line-height:1.45; }
#sub5_2 .right { width: auto; }
#sub5_2 .right ul li { width: auto; margin:0 0 20px 0; float:none; }
#sub5_2 .right ul li input { font-size:13px; }
#sub5_2 .right ul li textarea { font-size:13px; } 
#sub5_2 .right .privacy-agree { margin:0 0 20px; font-size:12px; }
#sub5_2 .right .privacy-agree__summary { margin:4px 0 0 23px; font-size:11px; line-height:1.6; }
#sub5_2 .right .more { display:block; margin:10px auto 0; background:#1693f4; color:#fff; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
#sub3_1 #bo_gall .gall_li { margin-right: 45px;  }
#sub3_1 #bo_gall .gall_li:nth-child(3n) { margin-right: 0; }    

#sub4_1 #bo_gall .gall_li { margin-right: 50px;  }
#sub4_1 #bo_gall .gall_li:nth-child(5n) { margin-right: 0; }    
    
}

/* local development history: always-visible product previews */
#sub1_2 .history li {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) 340px;
    column-gap: 28px;
    align-items: center;
    min-height: 132px;
    margin-bottom: 0;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eceff1;
}
#sub1_2 .history li.history-no-product {
    min-height: 72px;
}
#sub1_2 .history li strong {
    position: static !important;
    grid-column: 1;
    color: #167bd5;
    font-size: 19px;
}
#sub1_2 .history li p {
    grid-column: 2;
    margin: 0;
    cursor: default;
    line-height: 1.65;
    word-break: keep-all;
}
#sub1_2 .history-product {
    grid-column: 3;
    display: block !important;
    box-sizing: border-box;
    width: 340px !important;
    height: 112px;
    margin: 0 !important;
    overflow: hidden;
    background: #fff;
}
#sub1_2 .history-product img {
    display: block;
    width: 100% !important;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center;
}
#sub1_2 .history-z {
    height: 120px !important;
}
#sub1_2 .history-z img {
    width: 100% !important;
    margin: 0 auto;
    object-fit: cover !important;
    object-position: center bottom !important;
    transform: none;
}
#sub1_2 .history-ns img {
    width: 78% !important;
    margin: 0 auto;
}
#sub1_2 .history-ultra {
    height: 120px !important;
}
#sub1_2 .history-diagonal {
    height: 144px !important;
}
#sub1_2 .history-grout {
    height: 124px !important;
}
#sub1_2 .history-product-pair {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 140px 96px;
    height: 202px !important;
    gap: 0;
    overflow: hidden;
}
#sub1_2 .history-product-pair img {
    min-width: 0;
    min-height: 0;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}
#sub1_2 .history-product-pair .history-pc-current {
    width: 100% !important;
    object-position: center bottom !important;
    transform: translateY(-12px);
}
#sub1_2 .history-product-pair img:not(.history-pc-current) {
    width: 88% !important;
    margin: 0 auto;
    object-position: center top !important;
    transform: translateY(-34px);
}

@media (max-width: 768px) {
    #sub1_2 .history li {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        column-gap: 12px;
        row-gap: 10px;
        min-height: 0;
        padding: 18px 0 !important;
    }
    #sub1_2 .history li.history-no-product {
        min-height: 0;
    }
    #sub1_2 .history li strong {
        grid-column: 1;
        font-size: 17px;
    }
    #sub1_2 .history li p {
        grid-column: 2;
    }
    #sub1_2 .history-product {
        grid-column: 1 / -1;
        width: 100% !important;
        height: 108px;
        margin-top: 4px !important;
    }
}

/* local CI page: JUNSUNG corporate identity */
#sub1_ci .ci-intro {
    padding: 18px 0 48px;
    color: #0072bc;
    font-family: Montserrat, "Noto Sans KR", sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1px;
}
#sub1_ci .ci-intro p,
#sub1_ci .ci-intro strong {
    display: block;
    margin: 0;
}
#sub1_ci .ci-block {
    padding: 42px 0 54px;
    border-top: 1px solid #e5eaed;
}
#sub1_ci .ci-block h4 {
    margin: 0 0 28px;
    color: #0072bc;
    font-family: Montserrat, "Noto Sans KR", sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .02em;
}
#sub1_ci .ci-symbol-grid {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}
#sub1_ci figure {
    margin: 0;
}
#sub1_ci figure img {
    display: block;
    width: 100%;
    height: auto;
}
#sub1_ci .ci-symbol-grid figure {
    box-sizing: border-box;
    padding: 32px;
    border: 1px solid #edf0f2;
    background: #fff;
}
#sub1_ci .ci-symbol-grid h5 {
    margin: 0 0 18px;
    color: #0072bc;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.45;
    word-break: keep-all;
}
#sub1_ci .ci-symbol-grid article > p {
    margin: 0;
    color: #555;
    line-height: 1.85;
    word-break: keep-all;
}
#sub1_ci .ci-downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}
#sub1_ci .ci-downloads a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: baseline;
    gap: 9px;
    min-width: 112px;
    padding: 11px 14px;
    border: 1px solid #0072bc;
    color: #0072bc;
    text-decoration: none;
}
#sub1_ci .ci-downloads a:hover,
#sub1_ci .ci-downloads a:focus {
    background: #0072bc;
    color: #fff;
}
#sub1_ci .ci-downloads span {
    font-size: 12px;
}
#sub1_ci .ci-logotype-block figure {
    box-sizing: border-box;
    max-width: 760px;
    padding: 34px 48px;
    border: 1px solid #edf0f2;
    background: #fff;
}
#sub1_ci .ci-version {
    max-width: 760px;
    margin: 12px 0 0;
    color: #777;
    text-align: center;
}
#sub1_ci .ci-color-block ul {
    display: flex;
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#sub1_ci .ci-color-block li {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    column-gap: 16px;
    align-items: center;
    min-width: 260px;
}
#sub1_ci .ci-color-block li > span {
    grid-row: 1 / 3;
    width: 88px;
    height: 88px;
}
#sub1_ci .ci-color-blue > span { background: #0072bc; }
#sub1_ci .ci-color-black > span { background: #231f20; }
#sub1_ci .ci-color-block strong { align-self: end; }
#sub1_ci .ci-color-block p { align-self: start; margin: 5px 0 0; color: #777; }

@media (max-width: 768px) {
    #sub1_ci .ci-intro {
        padding-bottom: 34px;
        font-size: 34px;
    }
    #sub1_ci .ci-block {
        padding: 32px 0 40px;
    }
    #sub1_ci .ci-symbol-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }
    #sub1_ci .ci-symbol-grid figure {
        width: 100%;
        margin: 0 auto;
        padding: 24px;
    }
    #sub1_ci .ci-symbol-grid figure img {
        width: min(176px, 100%);
        margin: 0 auto;
    }
    #sub1_ci .ci-logotype-block figure {
        width: 100%;
        max-width: none;
        padding: 24px 18px;
    }
    #sub1_ci .ci-color-block ul {
        flex-direction: column;
    }
    #sub1_ci .ci-color-block li {
        min-width: 0;
    }
}
/* end local CI page */

/* Tablet shell: keep the existing mobile navigation behavior at half-width desktop windows. */
@media (min-width: 801px) and (max-width: 1100px) {
    .pc { display: none !important; }
    .mob { display: block !important; }
    .wrap { width: calc(100% - 48px); font-size: 15px; }
    .mtitle { font-size: 32px; }
    .stitle { font-size: 22px; }

    #w_header { height: 60px; }
    #w_header .wrap { width: calc(100% - 48px); }
    #w_header.down { height: 100vh; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }
    #w_header.down .wrap { min-height: 100%; padding-bottom: max(24px, env(safe-area-inset-bottom)); box-sizing: border-box; }
    #w_header h1,
    #w_header .site-logo { position: static; padding-top: 17px; }
    #w_header h1 img,
    #w_header .site-logo img { width: auto; height: 26px; }
    #w_header .site-nav { width: 100vw; margin-left: -24px; }
    #w_header #w_gnb { display: block; width: 260px; margin: 60px auto 0; padding-top: 0; }
    #w_header #w_gnb > li,
    html[lang="en"] #w_header #w_gnb > li { width: 220px; margin: 0 auto; border-top: 0; border-bottom: 1px solid #ddd; }
    #w_header #w_gnb > li:first-child,
    html[lang="en"] #w_header #w_gnb > li:first-child { margin-left: auto; }
    #w_header #w_gnb > li:last-child { border-bottom: 0; }
    #w_header #w_gnb > li > a { position: relative; display: flex; width: 100%; padding: 0; align-items: center; justify-content: center; font-size: 20px; line-height: 50px; text-align: center; }
    #w_header #w_gnb > li > a::after { position: absolute; top: 20px; left: calc(50% + 44px); display: inline-block; width: 7px; height: 7px; margin: 0; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 1; }
    html[lang="en"] #w_header #w_gnb > li > a::after { right: 0; left: auto; }
    #w_header #w_gnb > li.single-item > a::after,
    #w_header #w_gnb > li > a[href*="bo_table=testreport"]::after { display: none !important; }
    #w_header #w_gnb > li > a[href*="bo_table=testreport"] + ul { display: none !important; }
    #w_header #w_gnb > li.select > a { color: #1693f4; }
    #w_header #w_gnb > li.select > a::after { transform: rotate(-135deg); }
    #w_header #w_gnb ul { display: none; padding: 0 0 14px; }
    #w_header #w_gnb ul li { line-height: 40px; font-size: 16px; }
    #w_header #w_gnb ul li a { display: flex; width: 100%; min-height: 40px; align-items: center; justify-content: center; text-align: center; }
    #w_header .lang { position: relative; top: auto; right: auto; width: 230px; height: 34px; margin: 18px auto 0; border-radius: 17px; background: transparent; }
    #w_header .lang::before { width: 137px; height: 32px; font: 13px/32px stm; }
    #w_header .lang::after { left: 136px; height: 32px; font: 16px/31px stm; }
    #w_header .lang select { width: 93px; height: 32px; padding: 0 28px 1px 0; background-position: right 18px center; font: 13px/32px stm; }
    #w_header .menu-contact { width: 260px; margin: 38px auto 0; padding: 0 8px; box-sizing: border-box; color: #fff; font: 14px/1.8 stm; text-align: center; }
    #w_header .menu-contact p { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin: 0; }
    #w_header .menu-contact p span { min-width: 42px; color: #bdbdbd; font: 13px/1.8 stm; text-align: right; }
    #w_header .menu-contact a { display: inline-block; min-height: 28px; color: #fff; }
    #w_header #nav_btn.mob { position: absolute; top: 12px; right: 0; display: block !important; width: 30px; height: 38px; padding: 0; border: 0; background: transparent; }
    #nav_btn .line { display: block; width: 30px; height: 2px; margin: 8px 0; background-color: #fff; transition: all .3s ease-in-out; }
    #nav_btn.act .line:nth-child(2) { opacity: 0; }
    #nav_btn.act .line:nth-child(1) { transform: translateY(10px) rotate(45deg); }
    #nav_btn.act .line:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }

    #w_footer { padding: 54px 0 36px; }
    #w_footer .wrap { width: calc(100% - 48px); }
    #w_footer img { display: none; }
    #w_footer address { padding: 0 0 24px; font-size: 12px; line-height: 2; text-align: center; }
    #w_footer .footer-policy { display: inline-block; margin-left: 8px; }
    #w_footer .footer-policy::before { display: inline; margin-right: 8px; }

    .sv { height: 320px; padding-top: 60px; font-size: 48px; background-size: cover !important; background-attachment: scroll !important; }
    .pad { padding: 80px 0 130px; }
    .title { margin-bottom: 56px; }
    .path { display: none; }
    .left,
    .right { width: auto; float: none; }
    .right { margin-top: 24px; }
    #sub1_1 .cont2 { margin-top: 56px; }
    #sub1_2 .history li { grid-template-columns: 64px minmax(0, 1fr) 260px; column-gap: 20px; }
    #sub1_2 .history-product { width: 260px !important; }
    #sub1_3 .cont1 ul li { width: 30%; }

    .prd nav { float: none; width: auto; border-bottom: 1px solid #ddd; }
    .prd nav select { width: 100%; height: 50px; border: 0; background: none; font: 16px stm; outline: 0; }
    .prd > div { float: none; width: auto; margin-top: 0; border-top: 0; }
    .prd .stitle { padding-top: 0; }
    .prd .cl h4,
    .prd .cl div { float: none; width: auto; }
    .prd .cl div { margin-top: 10px; }
    .prd .cont4 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .prd .cont4 ul li,
    .prd .cont4 ul li:nth-child(5) { width: auto; margin: 0; }
    .prd .cont6 ul.pc-parts-list,
    .prd .cont6 ul.structural-parts-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #sub5_2 .left { border-top: 0; padding-top: 0; }
    #sub5_2 .right { width: auto; }
    #sub5_2 .right ul li { width: auto; margin: 0 0 20px; float: none; }
}