@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
    .btn, .btn_lg, .btn_sm, .btn_md {position: relative;display: inline-flex;align-items: center;justify-content: center;border:1px solid;font-weight: 600;box-sizing: border-box;color: var(--black-color00);line-height: 1.2;border-radius: 0;overflow: hidden;}

    .btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
    .btn {min-width: 200px;height: 60px;padding: 0 20px;font-size: inherit;}
    .btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
    .btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
    .btn_sm {height:30px;line-height:28px;width:auto;padding:0 8px;font-size:inherit;border-color:#aaa;background-color:#aaa;color:#fff;}

    #wrap .btn_point{color: var(--point-white);background: var(--black-color00);border-color: var(--black-color00);font-weight: 500;}
    #wrap .btn_wh{border-color: var(--point-white);background-color: var(--point-white);color: var(--black-color00);}
    #wrap .btn_basic{border-color:var(--black-color00);background-color:var(--point-white);color:var(--black-color00);}
    #wrap .btn_default{border-color:#aaa;background-color:#aaa;color:#fff;}
    #wrap .btn_info{border-color:#d3d3d3;background-color:#fff;color:#555;}
    #wrap .btn_reset{border-color:#d3d3d3;background:#fff url('../images/common/icon_btn_reset.gif') no-repeat 9px 50%;padding:0 10px 0 30px;color:#555;}

    .btn_wrap {margin: 0;padding: 80px 0 0;display:flex;justify-content: center;flex-wrap: wrap;gap: 15px;font-size: var(--title-20);}
    .btn_wrap + .btn_wrap{padding-top: 0;}
	.btn_wrap button{font-size:inherit;color:inherit;font-weight:inherit;}

	.more-button-container { text-align: center; margin: 30px 0; }
	.more-button { background-color: #000; color: #fff; border: 1px solid #ccc; padding: 12px 30px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; cursor: pointer; transition: all 0.3s ease; }
	.more-button:hover { background-color: #333; border-color: #333; }

    @media (max-width:1023px) {
        .btn_wrap{padding-top: clamp(30px, 8vw, 80px);}
        .btn {min-width: clamp(120px, 20vw, 200px);height: clamp(50px, 6.5vw, 60px);}
    }
    @media (max-width:479px) {
        .btn_wrap{gap: 10px;}
    }

/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    /* 상단 */
        .sub_top{padding-top: 100px; margin-bottom: 120px; box-shadow: inset 0 -1px 0 var(--border-color01);}
        .sub_top .w_custom{display: flex;flex-direction: column;gap: 32px;}
        .sub_top nav{display: flex; flex-wrap: wrap; align-items: center;}
        .sub_top .home{display: flex; width: 16px; font-size: 0;}
        .sub_top .nav_desc{display: flex; font-size: var(--title-20);}
        .sub_top .nav_desc :where(dt, dd){font-size: max(13px, 80%);font-weight: 500;color: var(--black-color05);display: flex;align-items: center;letter-spacing: -0.03em;}
        .sub_top .nav_desc :where(dt, dd):before{display: inline-flex; content:''; width: 3px; height: 3px; background: var(--border-color01); margin-inline: 16px;}
        .sub_top .nav_desc :where(dt, dd) span:not(.on){display: none;}
        .sub_top .nav_desc dd{font-weight: 600;}
        .sub_top .nav_desc :where(dt, dd) em:not(.on){display: none;}
        .sub_top:not(:has(.cate_list > li:nth-child(2))) .nav_desc dt{font-weight: 600;}
        .sub_top:not(:has(.cate_list > li.on)) .nav_desc dt{font-weight: 600;}
        .sub_top:not(:has(.cate_list > li:nth-child(2))) .nav_desc dd{display: none;}
        .sub_top:not(:has(.cate_list > li.on)) .nav_desc dd{display: none;}
        .sub_top .title{position: relative; font-size: var(--title-20);}
        .sub_top .title h2{font-size: 350%;font-weight: 600;color: var(--black-color01);line-height: 1.1;letter-spacing: -0.03em;}
        .sub_top .cate_list{padding-top: 31px;display: flex; flex-wrap: wrap; gap: 0 50px;font-size: var(--title-20); box-sizing: border-box;}
        .sub_top .cate_list > li{font-size: 90%; font-weight: 500; color: var(--black-color10); letter-spacing: -0.03em; transition: all 0.4s;}
        .sub_top .cate_list > li.on{color: var(--black-color01);}
        .sub_top .cate_list > li > a{position: relative;display: block;padding-bottom: 17px;box-sizing: border-box;}
            .sub_top .cate_list > li > a:before{position: absolute;content:'';width: 0;height: 3px;background: var(--black-color01);left:50%;bottom:0;transform: translateX(-50%);transition: all 0.4s;}
            .sub_top .cate_list > li.on > a:before{width: 100%;}

            @media (hover:hover) and (pointer:fine){
                .sub_top .cate_list > li:hover:not(.on){color: var(--black-color01);}
                .sub_top .cate_list > li:hover:not(.on) > a:before{width: 100%;}
            }

        @media (max-width:1023px){
            .sub_top{padding-top: clamp(70px, 10vw, 100px);margin-bottom: clamp(80px, 12vw, 120px);}
            .sub_top .w_custom{gap: clamp(25px, 3.2vw, 32px);}
            .sub_top .nav_desc :where(dt, dd):before{margin-inline: clamp(10px, 2vw, 16px);}
            .sub_top .title h2{font-size: 320%;}
            .sub_top .cate_list{column-gap: clamp(25px, 5vw, 50px); padding-top: clamp(20px, 3.1vw, 31px);}
            .sub_top .cate_list > li > a{padding-bottom: clamp(12px, 2vw, 17px);}
        }
        @media (max-width:860px){
            .sub_top .title h2{font-size: 290%;}
            .sub_top .cate_list{flex-wrap: nowrap; overflow: hidden; overflow-x: auto; width: calc(100% + 30px); margin-left: -15px; padding-inline: 15px;}
                .sub_top .cate_list{-ms-overflow-style: none;scrollbar-width: none; }
                .sub_top .cate_list::-webkit-scrollbar {display: none; }
            .sub_top .cate_list > li{flex-shrink: 0;}
        }
        @media (max-width:640px){
            .sub_top .title h2{font-size: 260%;}
            .sub_top .cate_list > li > a:before{height: 2px;}
        }
        @media (max-width:479px){
            .sub_top .title h2{font-size: 230%;}
        }

    /* 타이틀 */
        .sub_title{position: relative; font-size: var(--title-20); box-sizing: border-box; }
            .sub_title.hd{margin-bottom: 60px;}
            .sub_title.hd:has(.sel_box){display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 15px 30px;margin-bottom: 40px;position: sticky;top: 30px;z-index: 110;background: var(--point-white);}
            .sub_title.hd:has(.sel_box):before{position: absolute;content:'';width: 100vw;height: calc(100% + 60px);top: -30px;left:50%;transform: translateX(-50%);background: inherit;z-index: -1; transition: all 0.4s;}
            .sub_title.hd:has(.sel_box).active:before{box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
            body:has(.cate_btn.on) .sub_title.hd:has(.sel_box){z-index: 90;transition-delay: 0s;}
            .sub_title.hd_m{margin-bottom: 40px;}
            .sub_title.hd_s{margin-bottom: 28px;}
            .sub_title.cen{text-align: center;}
            .sub_title:has(.more_view){display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 15px 30px;}
        .sub_title h3{font-size: 250%;font-weight: 600;color: var(--black-color01);line-height: 1.08;letter-spacing: -0.03em;}
        .sub_title h3:has(img){display: flex; align-items: center; flex-wrap: wrap; gap:20px;}
        .sub_title .line{display: flex;gap: 20px;align-items: center;}
        .sub_title .line:before{display: inline-flex;content:'';width: 6px;height: 60px;background: var(--point-color01);flex-shrink: 0;}
        .sub_title h5{font-size: 180%; font-weight: 500; color: var(--black-color01); letter-spacing: -0.04em; line-height: 1.2;}
        .sub_title h5.line{align-items: baseline;gap: 16px;}
        .sub_title h5.line:before{height: 40px;transform: translateY(8px);}
        .sub_title .line span:has(img){display: block;width: 45%;}
        .sub_title h5 small{font-size: 97%; font-weight: 600;}
        .sub_title h6{font-size: 110%; font-weight: 600; color: var(--black-color01); line-height: 1.54; letter-spacing: -0.03em;}
        .sub_title p{font-size: 90%; font-weight: 400; color: var(--black-color05);}
        .sub_title p em{font-weight: inherit; color: var(--point-color04);}

        @media (max-width:1023px){
            .sub_title.hd{margin-bottom: clamp(30px, 6vw, 60px);}
            .sub_title.hd:has(.sel_desc){margin-bottom: clamp(30px, 4vw, 40px);top:clamp(20px, 3vw, 30px);transition-delay: 0.4s;}
            .sub_title.hd:has(.sel_box):before{top:clamp(-30px, -3vw, -20px); height: calc(100% + clamp(40px, 6vw, 60px));}
            .sub_title.hd_m{margin-bottom: clamp(20px, 4vw, 40px);}
            .sub_title.hd_s{margin-bottom: clamp(15px, 2.8vw, 28px);}
            .sub_title .line{gap: clamp(10px, 3vw, 20px);}
            .sub_title .line:before{width: clamp(4px, 1vw, 6px);}
            .sub_title h3{font-size: 230%;}
            .sub_title h5{font-size: 170%;}
            .sub_title h5.line{gap: clamp(10px, 3vw, 16px);}
            .sub_title h5.line:before{height: clamp(22px, 4vw, 40px);transform: translateY(clamp(1px, 0.8vw, 8px));}
        }
        @media (max-width:860px){
            .sub_title h3{font-size: 210%;}
            .sub_title h5{font-size: 160%;}
        }
        @media (max-width:640px){
            .sub_title h3{font-size: 190%;}
            .sub_title h5{font-size: 150%;}
        }
        @media (max-width:479px){
            .sub_title:has(.more_view){flex-direction: column;align-items: flex-start;justify-content: flex-start;}
            .sub_title h3{font-size: 170%;}
            .sub_title h5{font-size: 140%;}
            .sub_title h6{font-size: 100%;}
        }

    /* 셀렉트 */  
        .sel_box{display: flex; flex-wrap: wrap; gap: 10px;}
        .sel_box:not(:has(.sel_desc)){display: none;}
        .sel_desc{position: relative;font-size: var(--title-20);width: auto;min-width: 240px;z-index: 50;}
        .sel_desc > dt{position: relative;display: flex;align-items: center;width: 100%; padding-block: 13px; padding-inline: 20px 50px;box-sizing: border-box;border:2px solid var(--border-color02);font-size: 90%;font-weight: 400;color: var(--black-color03); cursor: pointer;}
            .sel_desc > dt:before{position: absolute;content: '';width: 11px;height: 6px;background: var(--black-color05);clip-path: var(--polygon-path02);top: 50%;right: 20px;transform: translateY(-50%);transition: all 0.4s;}
            .sel_desc > dt.on:before{transform: translateY(-50%) scale(-1, -1);background: var(--point-color02);}
        .sel_desc > dd{position: absolute;top: calc(100% - 2px);left:0;width: 100%;border: 2px solid var(--border-color02);box-sizing: border-box;padding-block: 12px;font-size: 85%;font-weight: 400;color: var(--black-color08);max-height: 300px;background: var(--point-white);overflow: hidden;overflow-y: auto;opacity: 0;pointer-events: none;transition: all 0.4s;}
            .sel_desc:has(> dt.on) > dd{opacity: 1; pointer-events: all;}
		.sel_desc > dd > a{display:block;padding: 5px 20px; transition: all 0.4s;}
        .sel_desc > dd > a[selected="selected"], .sel_desc > dd:not(:has([selected="selected"])) > a:first-child{font-weight: 500; color: var(--point-color02);}

            @media (hover:hover) and (pointer:fine){
                .sel_desc > dd > a:not([selected="selected"]):hover{color: var(--point-color02);}
            }
        
        @media (max-width:1023px){
            .sel_desc{min-width: clamp(160px, 24vw, 240px);}
            .sel_desc > dt{padding-block: clamp(10px, 1.5vw, 13px);}
        }
        @media (max-width:860px){
            .sel_desc > dt{padding-inline: 15px 45px;}
            .sel_desc > dt:before{right:15px;}
            .sel_desc > dd > a{padding-inline: 15px;}
        }

    /* 라인업 */
        .lineup_list > li{position: relative;display: flex;align-items: center;flex-wrap: wrap;box-sizing: border-box;}
        .lineup_list > li + li{margin-top: 60px; padding-top: 60px; border-top: 1px solid var(--border-color01);}
        .lineup_list .prod{position: relative;width: 100%;max-width: 480px;padding:34px 30px 35px;background: var(--gray-bg02);box-sizing: border-box;}
            .lineup_list .prod:before{position: absolute; content:''; inset: 0; background: var(--point-grad01); opacity: 0; transition: all 0.4s; pointer-events: none;}
            .lineup_list > li:has(.more_view.on) .prod:before{opacity: 1;}
        .lineup_list .prod .desc{position: relative; font-size: var(--title-20); z-index: 3;}
        .lineup_list .prod .desc dt{font-size: 125%; font-weight: 500; color: var(--black-color01); line-height: 1.15; letter-spacing: -0.03em;}
            .lineup_list .prod .desc dt + dd{margin-top: 18px;}
        .lineup_list .prod .desc dd{font-size: 0;width: 60%;max-width: 250px;}
        .lineup_list .more_view{margin-top: 26px;}
        .lineup_list .more_view{z-index: 3;}
        .lineup_list .prod .thumb{position: absolute;font-size: 0;right: 20px;bottom: 26px;max-width: 160px;transition: all 0.4s;}
        .lineup_list .info{position: relative; width: calc(100% - 480px); padding-left: clamp(30px, 3.4vw, 60px); box-sizing: border-box;}
        .lineup_list .bullet_list > li{font-size: max(14px, 85%); line-height: 1.64;}
        .lineup_list .view_list{display: none; margin-top: 40px;}

        .view_list{display: flex; flex-wrap: wrap; gap: 28px; width: 100%; box-sizing: border-box;}
        .view_list > li{position: relative;width: calc(100% / 4 - 21px);paddinG: 40px 24px 30px;box-sizing: border-box;background: var(--gray-bg03);display: flex;flex-direction: column;gap: 24px;}
            .view_list > li:before{position: absolute; content:''; inset: 0; border: 2px solid var(--black-color00); box-sizing: border-box; opacity: 0; transition: all 0.4s;}
        .view_list .link{position: absolute; inset: 0; z-index: 5;}
        .view_list .plus{position: absolute;top:0;right:0;width: 38px;aspect-ratio: auto 1;background: var(--black-color00);opacity: 0;transition: all 0.4s;}
            .view_list .plus:before{position: absolute;content:'';width: 10px;height: 10px;background: var(--point-color01);clip-path: var(--polygon-path01);top: 50%;left: 50%;transform: translate(-50%, -50%);}
        .view_list .thumb{display: flex; align-items: center; justify-content: center; height: 102px;}
        .view_list .desc{font-size: var(--title-20);}
        .view_list .desc dt{font-size: 110%;font-weight: 500;color: var(--black-color01);font-family: var(--font-type02);line-height: 1.3;}
            .view_list .desc dt + dd{margin-top: 10px;}
        .view_list .desc dd{font-size: max(13px, 80%); font-weight: 400; color: var(--black-color06); line-height: 1.56;}


            /* over */
            @media (hover:hover) and (pointer:fine){
                .view_list > li:hover:before{opacity: 1;}
                .view_list > li:hover .plus{opacity: 1;}
            }

        @media (max-width:1200px){
            .view_list{gap: 20px;}
            .view_list > li{width: calc(100% / 4 - 15px);}
        }
        @media (max-width:1023px){ 
            .lineup_list > li + li{margin-top: clamp(30px, 6vw, 60px); padding-top: clamp(30px, 6vw, 60px);}
            .lineup_list .prod{padding:clamp(25px, 3.4vw, 34px) clamp(25px, 3vw, 30px);}
            .lineup_list .prod .desc dd{max-width: clamp(121px, 25vw, 250px);}
            .lineup_list .prod .thumb{max-width: clamp(100px, 16vw, 160px);}
            .lineup_list .info{width: 100%;padding: clamp(20px, 3vw, 30px) 0 0;}
            .lineup_list .view_list{margin-top:clamp(20px, 4vw, 40px)}
            .view_list{gap: 15px;}
            .view_list > li{width: calc(100% / 4 - 11.25px); padding-top: clamp(30px, 4vw, 40px);}
            .view_list .thumb{height: clamp(70px, 10.2vw, 102px);}
        }
        @media (max-width:860px){
            .view_list > li{width: calc(100% / 3 - 10px);}
        }
        @media (max-width:640px){
            .view_list > li{width: calc(100% / 2 - 7.5px);}
        }
        @media (max-width:431px){
            .view_list > li{width: 100%;}
        }

    /* 간편 다운로드 */
        .sec_wrap{display: flex; flex-direction: column; gap: 155px;}
        section.cont + section.cont{margin-top: 155px;}
        .down_list{border-top: 1px solid var(--border-color01); padding-top: 40px;}
        .down_list > li{display: flex;flex-wrap: wrap;gap: 30px 0;}
            .down_list > li + li{margin-top: 30px;}
        .down_list .info{width: 30%; padding-inline: 30px; box-sizing: border-box;}
        .down_list .icon_list{width: 70%;display: flex;flex-wrap: wrap;gap: 15px 0;box-sizing: border-box;}
        .down_list .icon_list > li{position: relative;width: clamp(80px, 6vw, 101px);padding-inline: clamp(5px, 0.9vw, 10px);box-sizing: border-box;}
        .down_list .icon_list .link{position: absolute; inset: 0; z-index: 5;}
		.down_list .icon_list .down_btn{width: 100%;height: 100%;border: none;position: absolute;top: 0;left: 0;background:none;}
        .down_list .icon_desc{width: 120%; text-align: center; font-size: var(--title-18);}
        .down_list .icon_desc dt{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: var(--gray-bg02);margin-inline: auto;padding: 12px;box-sizing: border-box;transition: all 0.4s;}
            .down_list .icon_desc dt + dd{margin-top: 11px;}
        .down_list .icon_desc dt img { filter: var(--filter-black); transition: all 0.4s; }
        .down_list .icon_desc dd{font-size:max(13px, 75%); font-weight: 400; color: var(--black-color06); line-height: 1.33;}
        .down_list .icon_list .icon_desc dt.dt2 img {filter: none !important;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .down_list .icon_list > li:hover .icon_desc dt{background: var(--black-color00);}
                .down_list .icon_list > li:hover .icon_desc dt img{filter: none;}
            }

             /* ✅ dt2는 hover에서 제외 */
             .down_list .icon_list > li:hover .icon_desc dt.dt2 {background: var(--gray-bg02);}
             .down_list .icon_list > li:hover .icon_desc dt.dt2 img {filter: none !important;}

        @media (max-width:1023px){
            .sec_wrap{gap: clamp(70px, 15.5vw, 155px);}
            .down_list > li{row-gap: clamp(20px, 4vw, 30px);}
            .down_list .info{padding-inline: 15px;}
            .down_list .info{width:60%;}
            .down_list .icon_list{width: 100%;}
            .down_list .icon_desc dt{width: clamp(50px, 7vw, 60px);height: clamp(50px, 7vw, 60px);}
        }
        @media (max-width:479px){
            .down_list .icon_list > li{width: calc(100% / 5);}
        }

/*───────────────────────────────────────────────────────────
	게시판
───────────────────────────────────────────────────────────*/
    /* 셀렉트 박스 */
        #wrap .sel_custom{position: relative;z-index: 5;box-sizing: border-box;display: inline-block;}
        #wrap .sel_custom .desc{position: relative; font-size: var(--title-20); font-family: var(--font-type02); box-sizing: border-box;}
        #wrap .sel_custom .desc dt span{position: relative;display: inline-flex;align-items: center;width: 160px;height: 50px;padding-inline: 20px 45px;font-size: max(14px, 90%);font-weight: 400;color: var(--black-color06);border: 1px solid var(--border-color01);box-sizing: border-box;line-height: 1.2;background: var(--point-white);cursor: pointer;word-break: break-all;}
        #wrap .sel_custom .desc dt span:after{position: absolute;content:'';width: 12px;height: 7px;background: var(--black-color10);clip-path: var(--polygon-path02);transform: translateY(-50%);box-sizing: border-box;top: 50%;right: 20px;transition: all 0.4s;}
            #wrap .sel_custom .desc dt.on span:after{top: 47%;transform: translateY(-50%) scale(-1,-1);}
        #wrap .sel_custom .desc dd{position: absolute;top: calc(100% - 1px);left:0;width: 100%;padding-block: 10px;border: 1px solid var(--border-color01);box-sizing: border-box;line-height: 1.2;font-size: max(14px, 75%);font-weight: 400;color: var(--black-color06);background: var(--point-white);opacity: 0;pointer-events: none;transition: all 0.4s;max-height: 300px;overflow: hidden;overflow-y: auto;}
            #wrap .sel_custom .desc:has(dt.on) > dd{opacity: 1; pointer-events: all}
            #wrap .sel_custom .desc dd{-ms-overflow-style: none; scrollbar-width: none;}
            #wrap .sel_custom .desc dd::-webkit-scrollbar {display: none;}
        #wrap .sel_custom .desc dd a{display:block;padding: 6px 20px;transition: all 0.4s;}
            #wrap .sel_custom .desc dd a.on{color: var(--point-color01);}
            #wrap .sel_custom .desc dd:not(:has(a.on)) a:first-child{color: var(--point-color02);}
        #wrap .sel_custom select{display: none;}

        /* over */
            @media (hover:hover) and (pointer: fine){
                #wrap .sel_custom .desc dd a:not(.on):hover{color: var(--point-color02);}
            }

        @media (max-width:860px){
            #wrap .sel_custom .desc dt span{padding-inline: 15px 40px; width: 140px; height: 45px;}
            #wrap .sel_custom .desc dt span:after{right:15px;}
            #wrap .sel_custom .desc dd a{padding-inline: 15px;}
        }
        @media (max-width:640px){
            #wrap .sel_custom .desc dt span{width: 120px;}
        }
        @media (max-width:479px){
            #wrap .sel_custom .desc dt span{height: 40px;width: 100px;}
        }
    /* 검색 */
        #wrap .search_wrap{position: relative;background: var(--gray-bg01);padding: 32px;box-sizing: border-box; margin-bottom: 60px;}
        #wrap .search_wrap fieldset{display: flex; justify-content: center;gap: 10px;}
        #wrap .search_wrap .sel_wrap{display: flex;flex-wrap: wrap;gap: 10px;flex-shrink: 0;}
        #wrap .search_wrap .sel_custom:nth-child(1){z-index: 8;}
        #wrap .search_wrap .sel_custom .desc dt span{ border:0;}
        #wrap .search_wrap .inp_box{font-size: var(--title-20);width: 100%;max-width: 450px;display: flex;gap: 10px;}
        #wrap .search_wrap .inp_box input[type='text']{border:0; font-size: 90%; width: 100%; height: 50px;}
        #wrap .search_wrap .search_btn{font-size: 0;width: 50px;aspect-ratio: auto 1;flex-shrink: 0;background: var(--point-color02) url('../images/sub/search_btn.svg') no-repeat center;} 


        @media (max-width:1023px){
            #wrap .search_wrap{padding: clamp(20px, 3.2vw, 32px); margin-bottom: clamp(15px, 6vw, 60px);}
        }
        @media (max-width:860px){
            #wrap .search_wrap .inp_box input[type='text']{height: 45px;}
            #wrap .search_wrap .search_btn{width: 45px;}
        }
        @media (max-width:640px){
            #wrap .search_wrap:has(.sel_custom:nth-child(2)) fieldset{flex-wrap: wrap;}
            #wrap .search_wrap:has(.sel_custom:nth-child(2)) .sel_wrap{width: 100%;}
            #wrap .search_wrap:has(.sel_custom:nth-child(2)) .sel_custom{width: 100%;}
            #wrap .search_wrap:has(.sel_custom:nth-child(2)) .sel_custom .desc dt span{width: 100%;}
            #wrap .search_wrap:has(.sel_custom:nth-child(2)) .inp_box{max-width: 100%;}
        }
        @media (max-width:479px){
            #wrap .search_wrap .inp_box input[type='text']{height: 40px;}
            #wrap .search_wrap .search_btn{width: 40px;background-size: 20px;}
        }
        @media (max-width:431px){
            #wrap .search_wrap fieldset{flex-wrap: wrap;}
            #wrap .search_wrap .sel_wrap{width: 100%;}
            #wrap .search_wrap .sel_custom{width: 100%;}
            #wrap .search_wrap .sel_custom .desc dt span{width: 100%;}
        }

    /* 카탈로그 */
        .sec_wrap.catalog section:not(:has(.catalog_list > li)){display: none;}
        .sec_wrap.software section:not(:has(.bbs_table)){display: none;}
        .catalog_list{display: flex; flex-wrap: wrap; gap:60px 28px;}
        .catalog_list > li{position: relative;width: calc(100% / 4 - 21px);box-sizing: border-box;display: flex;flex-direction: column;align-items: center;gap:20px;text-align: center;}
            .catalog_list > li.left{align-items: flex-start; text-align: left;}
        .catalog_list .link{display: none; position: absolute; inset: 0; z-index: 5;}
        .catalog_list .thumb{position: relative; width: 100%; height:0;padding-bottom:100%;box-sizing: border-box; overflow: hidden;}
			.drawings .catalog_list .thumb{padding-bottom:64%;}
			.drawings .catalog_list .thumb img{max-width:90%;transform:translate(-50%, -50%);top:50%;left:50%;}
        .catalog_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;position: absolute;top:0;left:0;}
        .catalog_list .desc{font-size: var(--title-20);margin-top: 4px;}
        .catalog_list .desc dt{font-size: inherit;font-weight: 500;color: var(--black-color01);line-height: 1.7;letter-spacing: -0.05em;}

        .smbtn_wrap{display: flex; flex-wrap: wrap; gap: 5px; font-family: var(--font-type02);}
        .down_btn{display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 38px;font-size: var(--title-20);gap: 6px;border:1px solid var(--border-color01);font-weight: 500;color: var(--black-color05);padding-inline: 13px;box-sizing: border-box;letter-spacing: 0;transition: all 0.4s;}
        .down_btn:not(:has(span)){width:38px; padding-inline: 0;}
        .down_btn span{font-size: max(13px, 85%); transition: all 0.4s;}
        .down_btn img{filter: var(--filter-black) opacity(0.6);width: 10px;transform: translateY(1px); transition: all 0.4s;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .catalog_list > li:hover .thumb img{transform: scale(1.05);}
				.drawings .catalog_list > li:hover .thumb img{transform:translate(-50%, -50%) scale(1.05);}
                .down_btn:hover{background: var(--black-color00); border-color: var(--black-color00);}
                .down_btn:hover span{filter: var(--filter-white);}
                .down_btn:hover img{filter: none;}
            }

        @media (max-width:1200px){
            .catalog_list{gap:50px 20px;}
            .catalog_list > li{width: calc(100% / 4 - 15px);}
        }
        @media (max-width:1023px){
            .catalog_list{gap:40px 15px;}
            .catalog_list > li{width: calc(100% / 4 - 11.25px); gap: clamp(10px, 2vw, 20px);}

            .down_btn{height: clamp(32px, 4vw, 38px); padding-inline:clamp(10px, 1.5vw, 13px)}
            .down_btn:not(:has(span)){width:clamp(32px, 4vw, 38px);}
        }
        @media (max-width:860px){
            .catalog_list > li{width: calc(100% / 3 - 10px);}
        }
        @media (max-width:640px){
            .catalog_list > li{width: calc(100% / 2 - 7.5px);}
        }
        @media (max-width:360px){
            .catalog_list > li{width:100%;}
        }

    /* 일반 */ 
        #wrap .bbs_table{width: 100%;border-top: 2px solid var(--black-color03);border-bottom: 0;table-layout: fixed;text-align: center;box-sizing: border-box; }
        #wrap .bbs_table tr{font-size: var(--title-20); border-bottom: 1px solid var(--border-color01);}
        #wrap .bbs_table :where(th, td){border:0;text-align: inherit;line-height: 1.3;vertical-align: middle;word-break: break-all;}
        #wrap .bbs_table thead th{font-size: 95%;font-weight: 500;color: var(--black-color01);background: var(--gray-bg03);padding: 24px 7px;}
        #wrap .bbs_table tbody :where(th, td){font-weight: 400;padding: 21px 7px; }
        #wrap .bbs_table tbody th{text-align: left; font-size: 95%; color: var(--black-color04); padding-inline: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        #wrap .bbs_table tbody td{font-size: 90%; color: var(--black-color06); font-family: var(--font-type02);}
        #wrap .bbs_table tbody td.left{text-align: left; padding-inline: 24px; color: var(--black-color04); font-family: var(--font-type01); }
		#wrap .bbs_table tbody td.left a{display: inline-flex;align-items: center;gap:10px;width:100%;}
		#wrap .bbs_table tbody .pre{display: inline-flex;align-items: center;justify-content: center;width:auto;padding: 6px 5px;font-size: 85%;font-weight: 500;color: var(--black-color06);background: var(--gray-bg03);border: 1px solid var(--border-color01); transition: all 0.4s;}
		#wrap .bbs_table tbody td.left em{display: block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:inherit;color:inherit;font-weight:inherit;max-width:80%;}
        #wrap .bbs_table .previous{display: flex;align-items: center;font-size: max(12px, 83.3%);color: var(--black-color10);margin-top: 8px;font-family: var(--font-type01);width: fit-content;margin-inline: auto;}
        #wrap .bbs_table .previous:after{display: inline-flex;content:'';width: 8px;height: 8px;border:solid var(--black-color10);border-width: 0 2px 2px 0;box-sizing: border-box;transform: translateY(-1px) rotate(-45deg);border-radius: 1px;}
        
        #wrap .bbs_table .table_desc dt{display: none; font-weight: inherit;}
		#wrap.sub_download .bbs_table tbody th, #wrap.sub_download .bbs_table tbody td{overflow:visible;white-space:normal;text-overflow:initial;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			#wrap .bbs_table tbody td.left a:hover .pre{background: var(--black-color00); border-color: var(--black-color00); color: var(--point-color01);}
			#wrap .bbs_table tbody td.left a:hover em{color: var(--black-color01);}
		}

        @media (max-width:1023px){
            #wrap .bbs_table{position: relative; display: block; width: 100%; box-sizing: border-box; text-align: left;}
            #wrap .bbs_table thead{display: none;}
            #wrap .bbs_table :where(tbody, tr, th, td){position: relative; display: block; width: 100%; box-sizing: border-box;}
            #wrap .bbs_table tbody tr{display: flex;flex-direction: column;gap: clamp(7px, 1.2vw, 10px);padding-block:20px;}
            #wrap .bbs_table tbody th{margin-bottom: 2px;font-weight: 500;overflow: visible;text-overflow: unset;white-space: unset;}
            #wrap .bbs_table tbody :is(th, td, td.left){padding: 0 clamp(10px, 2.6vw, 20px);}
            #wrap .bbs_table tbody td.left{margin-bottom: 2px;font-weight: 500; overflow: visible;text-overflow: unset;white-space: unset;}
            #wrap .bbs_table tbody td.no{display: none;}
            #wrap .bbs_table tbody td small{margin-top: clamp(5px, 1vw, 8px);}
            #wrap .bbs_table .table_desc{display: inline-flex;gap: 4px;align-items: baseline;}
            #wrap .bbs_table .table_desc dt{display: block;flex-shrink: 0;font-family: var(--font-type01);}
            #wrap .bbs_table .table_desc:has(.down_btn){margin-top: 4px;}
            #wrap .bbs_table .table_desc:has(.down_btn) dt{display: none;}
            #wrap .bbs_table .previous{margin-inline:0;}
            #wrap .bbs_table .previous:after{width: clamp(7px, 1vw, 8px);height: clamp(7px, 1vw, 8px);}
        }
		@media (max-width:640px){
			#wrap .bbs_table tbody td.left a{flex-direction: column;align-items: flex-start;gap:5px;}
			#wrap .bbs_table tbody td.left em{max-width:100%;}
		}

    /* 레이어 */
        #layerDim{position: fixed; inset: 0; z-index: 150; opacity: 0; pointer-events: none;}
        body:has(.layer_popup.active) #layerDim{opacity: 1; pointer-events: all}
        body:has(.layer_popup.active){overflow: clip; touch-action: none;}
        .layer_popup{position: fixed; inset: 0; z-index: 200; opacity: 0; pointer-events: none; transition: all 0.4s; display: flex; align-items: center; justify-content: center;}
            .layer_popup.active{opacity: 1;}
            .layer_popup.active .cont{pointer-events: all;}
        .layer_popup .cont{max-width: 800px; background: var(--point-white); padding:40px; box-shadow: var(--shadow-01); max-height: 80vh; overflow: hidden; overflow-y: auto;}
            .layer_popup .cont.w_1150{max-width: 1150px;}
            .layer_popup .cont{-ms-overflow-style: none; scrollbar-width: none;}
            .layer_popup .cont::-webkit-scrollbar {display: none;}  
        .layer_popup .scr_box{width: calc(100% + 20px);max-height:450px;padding-right: 15px;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
            .layer_popup .scr_box::-webkit-scrollbar { width: 3px; }
            .layer_popup .scr_box::-webkit-scrollbar-track { background: var(--border-color01); border-radius: 10px; }
            .layer_popup .scr_box::-webkit-scrollbar-thumb { background-color: var(--black-color00); border-radius: 10px;}
        .layer_popup .sub_title.hd_s{display: flex;align-items: baseline;justify-content: space-between;gap: 30px;}
        .layer_popup .close_btn{position: relative;display: inline-block;width: 26px;height: 26px;flex-shrink: 0;}
        .layer_popup .close_btn:before, .layer_popup .close_btn:after{position: absolute; content:''; width: 100%; height: 1px; background: var(--black-color08); top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg);}
        .layer_popup .close_btn:after{transform: translate(-50%, -50%) rotate(-45deg);}
        .layer_popup .img_list{display: flex; justify-content: center; flex-wrap: wrap; gap: 40px;}
        .layer_popup .tab_cont .item{transition: all 0.4s;}
        .layer_popup .tab_cont .item:not(.on){opacity: 0; height: 0; overflow: hidden;}
        .layer_popup .tab_cont:not(:has(.item.on)) .item:first-child{opacity: 1; height: auto; overflow: visible;}

        #wrap .layer_popup .bbs_table{border-top-width: 1px;}
		#wrap .layer_popup .bbs_table .table_hd{display: flex;font-size: var(--title-20); border-bottom: 1px solid var(--border-color01);}
		#wrap .layer_popup .bbs_table .table_hd strong{font-size:90%;font-weight: 500;color: var(--black-color01);background: var(--gray-bg03);padding:18px 7px;display: block;box-sizing:border-box;}
		#wrap .layer_popup .bbs_table .no{width:80px;}
		#wrap .layer_popup .bbs_table .left{width:calc(100% - 220px);}
		#wrap .layer_popup .bbs_table .down{width:140px;}
		#wrap .layer_popup .bbs_table .list{box-sizing:border-box;overflow-y:auto;max-height:340px;}
		#wrap .layer_popup .bbs_table .list::-webkit-scrollbar { width:13px;}
		#wrap .layer_popup .bbs_table .list::-webkit-scrollbar-thumb {border-right:3px solid var(--black-color00);}
		#wrap .layer_popup .bbs_table .list::-webkit-scrollbar-track {border-right:3px solid var(--border-color01);}
		#wrap .layer_popup .bbs_table .list li{position: relative;box-sizing:border-box;border-bottom:1px solid var(--border-color01);display: flex;flex-wrap:wrap;align-items: center;}
		#wrap .layer_popup .bbs_table .list li > div{font-size:var(--title-20);}
		#wrap .layer_popup .bbs_table .list li .table_desc{font-size: max(14px, 85%);color: var(--black-color06);font-weight:400;font-family: var(--font-type02);padding:16px 7px;box-sizing:border-box;}
		#wrap .layer_popup .bbs_table .list li .table_desc dd{font-size:inherit;color:inherit;font-weight:inherit;}
		#wrap .layer_popup .bbs_table .list li .left .table_desc dd{text-align: left;padding-inline: 24px;color: var(--black-color04);font-family: var(--font-type01);overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/}
		
        #wrap .layer_popup .down_btn{width: 34px;height: 34px;padding: 0;}
        #wrap .layer_popup .down_btn img{width: 9px;}
		
		/*이전 버전*/
		#wrap .layer_popup .bbs_table.prev_table .left{width:calc(100% - 300px);}
		#wrap .layer_popup .bbs_table.prev_table .version{width:80px;}
		#wrap .layer_popup .bbs_table.prev_table .date{width:120px;}
		#wrap .layer_popup .bbs_table.prev_table .down{width:100px;}

        @media (max-width:1023px){
            .layer_popup .scr_box{max-height: clamp(220px, 50vw, 450px);}
            .layer_popup .cont{padding: clamp(25px, 4vw ,40px);}
            .layer_popup .close_btn{width: clamp(20px, 2.6vw, 26px); height: clamp(20px, 2.6vw, 26px);}
            .layer_popup .img_list{gap: clamp(15px, 4vw, 40px);}
			
			#wrap .layer_popup .bbs_table .table_hd{display: none;}
			#wrap .layer_popup .bbs_table .no{display: none;}
			#wrap .layer_popup .bbs_table .left,
			#wrap .layer_popup .bbs_table .down{width:100%;}
			#wrap .layer_popup .bbs_table .list li{padding: 20px clamp(10px, 2.6vw, 20px);flex-direction: column;gap:clamp(7px, 1.2vw, 10px);}
			#wrap .layer_popup .bbs_table .list li .table_desc{padding:0;margin-top: 0;}
			#wrap .layer_popup .bbs_table .list li .left .table_desc dd{padding:0;}
            #wrap .layer_popup .bbs_table .down{position: absolute;top: 50%;right: clamp(10px, 3vw, 20px);width: auto;transform: translateY(-50%);}
			
			/*이전 버전*/
            #wrap .layer_popup .bbs_table.prev_table .left,
            #wrap .layer_popup .bbs_table.prev_table .version,
            #wrap .layer_popup .bbs_table.prev_table .date,
            #wrap .layer_popup .bbs_table.prev_table .down{width:100%;}

            #wrap .layer_popup .down_btn{width: clamp(30px, 4vw, 34px); height: clamp(30px, 4vw, 34px);}
        }
		@media (max-width:860px){
            .layer_popup .scr_box{width: 100%; padding-right: 0;}
        }
		@media (max-width:479px){
			#wrap .layer_popup .bbs_table .list{max-height: 300px;}
		}

    /* 뷰 */
        #wrap .bbs_view{position: relative; font-size: var(--title-20); text-align: inherit;}
        #wrap .bbs_view .view_tit{position: relative;padding: 26px 15px;border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);margin: 0;width: 100%;text-align: center;font-size: inherit;background:none;display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
		#wrap .bbs_view .view_tit:after{display: none;}
        #wrap .bbs_view .view_tit > h3{font-size: 120%;max-width:75%;color: var(--black-color01);font-weight: 500;text-align: left;margin: 0;display: block;padding: 0;line-height: 1.3;overflow: visible;text-overflow: unset;width:auto;}
        #wrap .bbs_view .view_tit > p{display:flex;align-items: center;gap:20px;justify-content: flex-end;width:auto;}
		#wrap .bbs_view .view_tit > p span{font-size:var(--title-16);color:var(--black-color06);font-weight:400;display: flex;gap:10px;}
		#wrap .bbs_view .view_tit > p span em{font-size:inherit;color:var(--black-color03);font-weight:500;}
        #wrap .bbs_view .view_cont{font-size: max(13px, 80%);font-weight: 500;color: var(--black-color03);line-height: 1.6;padding: 30px;border-bottom: 1px solid var(--border-color01);margin: 0;text-align: inherit;width: 100%;box-sizing: border-box;}

        @media (max-width:1023px){
            #wrap .bbs_view .view_tit{padding-block: clamp(20px, 3vw, 26px);}
            #wrap .bbs_view .view_cont{padding: clamp(20px, 3vw, 30px);}
        }
		@media (max-width:640px){
			#wrap .bbs_view .view_tit{flex-direction: column;align-items: flex-start;}
			#wrap .bbs_view .view_tit > h3{max-width:100%;}
			#wrap .bbs_view .view_tit > p{gap:15px;margin-top:5px;}
			#wrap .bbs_view .view_tit > p span{gap:5px;}
		}
        @media (max-width:479px){
            #wrap .bbs_view .view_tit > h3{font-size: 110%;}
        }

/*───────────────────────────────────────────────────────────
	제품
───────────────────────────────────────────────────────────*/
    /* 리스트 */
        .prod_list{display: flex; flex-wrap: wrap; gap: 28px;}
        .prod_list > li{position: relative;width: calc(100% / 3 - 18.67px);box-sizing: border-box;background: var(--gray-bg03);padding:58px 30px 36px;display: flex;flex-direction: column;gap: 39px;} 
        .prod_list > li:before{position: absolute; content:''; inset: 0; border:2px solid var(--black-color00); box-sizing: border-box; opacity: 0; transition: all 0.4s;}
        .prod_list .link{position: absolute; inset: 0; z-index: 5; }
        .prod_list .plus{position: absolute; top:0; right:0; width: 48px; aspect-ratio: auto 1; box-sizing: border-box; background: var(--black-color00); opacity: 0; transition: all 0.4s;}
            .prod_list .plus:before{position: absolute;content:'';width: 12px;height: 12px;background: var(--point-color01);clip-path: var(--polygon-path01);top: 50%;left: 50%;transform: translate(-50%, -50%); }
        .prod_list .thumb{position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height:0;padding-bottom:50%;box-sizing: border-box;}
        .prod_list .thumb img{transition: all 0.4s;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
        .prod_list .thumb .ov{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.4s;}
        .prod_list .desc{font-size: var(--title-20);}
        .prod_list .desc dt{font-size: 120%;font-weight: 500;color: var(--black-color01);font-family: var(--font-type02);white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
            .prod_list .desc dt + dd{margin-top: 8px;}
        .prod_list .desc dd{font-size: max(13px, 85%);font-weight: 400;color: var(--black-color06);line-height: 1.53;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
		.search_prod .no_data{text-align: center;font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
		
		.list_count{text-align: center;font-size:var(--title-20);margin-bottom:25px;}
		.list_count p{font-size:120%;color:var(--black-color01);font-weight:400;}
		.list_count p span{font-size:inherit;color:var(--point-color02);font-weight:600;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .prod_list > li:hover:before{opacity: 1;}
                .prod_list > li:hover .plus{opacity: 1;}
                .prod_list > li:has(.ov):hover .thumb > img{opacity: 0;}
                .prod_list > li:has(.ov):hover .thumb .ov{opacity: 1;}
            }

        @media (max-width:1200px){
            .prod_list{gap: 20px;}
            .prod_list > li{width: calc(100% / 3 - 13.34px);}
        }
        @media (max-width:1023px){
            .prod_list{gap: 15px;}
            .prod_list > li{width: calc(100% / 3 - 10px); padding:clamp(30px, 6vw, 58px) clamp(25px, 3.5vw, 30px) clamp(25px, 4vw, 36px); gap: clamp(25px, 4vw, 39px);}
            /* .prod_list .thumb{height: clamp(90px, 12.5vw, 125px);} */
        }
        @media (max-width:860px){
            .prod_list > li{width: calc(100% / 2 - 7.5px);}
        }
        @media (max-width:479px){
            .prod_list .desc dt{font-size: 110%;}
        }
        @media (max-width:431px){
            .prod_list > li{width: 100%;}
        }
		
/*───────────────────────────────────────────────────────────
	제품 | 뷰
───────────────────────────────────────────────────────────*/
	.goods_view_title{box-sizing:border-box;padding:70px 0 70px;overflow:hidden;position: relative; background:var(--gray-bg03);}
	.goods_view_title .w_custom{display: flex;flex-wrap:wrap;gap:82px;}
	.goods_view_title .w_custom > div{box-sizing:border-box;}
	.goods_view_title .view_img{width:38.1%;padding-top:37px;}
	.goods_view_title .view_img .logo{box-sizing:border-box;padding-left:50px;}
	.goods_view_title .view_img .logo img{max-height:60px;}
	.goods_view_title .prd_img{margin-top:44px;}
	.goods_view_title .down_box{box-sizing:border-box;margin-top:40px;gap:20px;}
	.goods_view_title .info_box{width:calc(61.9% - 82px);}
	.goods_view_title .info_box .title{font-size:var(--title-20);box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding-bottom:34px;margin-bottom:30px;}
	.goods_view_title .info_box .title h3{font-size:200%;color:var(--black-color01);font-weight:600;margin-bottom:11px;}
	.goods_view_title .info_box .title span{font-size:120%;color:var(--black-color03);font-weight:400;}
	.goods_view_title .info_box .bullet_list{margin-top:17px;}
	.goods_view_title .info_box .bullet_list > li{color:var(--black-color06);}
	.goods_view_title .video_list{display: flex;flex-wrap:wrap;gap:40px;width:88.5%;margin-top:40px;}
	.goods_view_title .video_list li{width:calc(50% - 20px);}
	.goods_view_title .video_list .video_box{width:100%;height:0;padding-bottom:67.5%;position: relative;overflow:hidden;}
	.goods_view_title .video_list .video_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    .goods_view_title .down_list{border-top: 0;}
    .goods_view_title .down_list .icon_list{width: 100%; column-gap: clamp(10px, 1.8vw, 34px);}
    .goods_view_title .down_list .icon_list > li{width: auto; padding-inline: 0;}
    
	
	.sub_goods_view{margin-top:56px;}
	.goods_view_tab{text-align: center;margin-bottom:90px;}
	.goods_view_tab ul{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;gap:50px;}
	.goods_view_tab ul li a{font-size:var(--title-18);color:var(--black-color10);font-weight:500;position: relative;padding-bottom:16px;transition:all 0.3s;}
	.goods_view_tab ul li a:before{width:0;height:3px;content:"";background:var(--black-color01);position: absolute;bottom:0;left:50%;transform:translate(-50%);transition:all 0.3s;}
	.goods_view_tab ul li.on a{color:var(--black-color01);}
	.goods_view_tab ul li.on a:before{width:100%;}
	
	.goods_view_cont{display: none;}
	.goods_view_cont.on{display: block;}
	
	/* over */
    @media (hover:hover) and (pointer:fine){
		.goods_view_tab ul li:hover a{color:var(--black-color01);}
		.goods_view_tab ul li:hover a:before{width:100%;}
	}
	
	@media (max-width:1300px){
		.goods_view_title .w_custom{gap:40px;}
		.goods_view_title .view_img{width:45%;}
		.goods_view_title .view_img .logo{padding-left:0;}
		.goods_view_title .info_box{width:calc(55% - 40px);}
		.goods_view_title .video_list{width:100%;}
	}
	@media (max-width:1024px){
		.goods_view_title{padding:60px 0 60px;}
		.goods_view_title:before{width:200%;height:119%;}
				
		.goods_view_tab ul{gap:clamp(10px, 5vw, 50px);;}
		.goods_view_tab ul li a{padding-bottom:8px;}
		.goods_view_tab{margin-bottom:clamp(30px, 7vw, 90px);;}
	}
	@media (max-width:860px){
		.goods_view_title:before{top:-10%;height:108%;}
		.goods_view_title .view_img{width:100%;padding:0;}
		.goods_view_title .down_box{margin-top:30px;}
		.goods_view_title .info_box{width:100%;}
		.goods_view_title .info_box .title{padding-bottom:20px;margin-bottom:20px;}
	}
	@media (max-width:640px){
		.goods_view_title{padding:50px 0 50px;}
		.goods_view_title:before{width:245%;;}
		.goods_view_title .down_box{margin-top:40px;gap:10px;}
		.goods_view_title .info_box .title h3{margin-bottom:5px;}
		.goods_view_title .info_box .bullet_list{margin-top:20px;}
		.goods_view_title .video_list{margin-top:30px;gap:15px;}
		.goods_view_title .video_list li{width:calc(50% - 7.5px);}
	}
	@media (max-width:479px){
		.goods_view_title:before{border-width:3px;width:275%;;}
		.goods_view_title .w_custom{gap:30px;}
		.goods_view_title .prd_img{margin-top:25px;}	
		.goods_view_title .view_img .logo img{max-height:45px;}
		.goods_view_title .down_box{margin-top:30px;}
		.goods_view_title .video_list li{width:100%;}
		.goods_view_title .down_list{padding-top:25px;}
		
		.sub_goods_view{margin-top:30px;}
		.goods_view_tab ul li a{padding-bottom:5px}
		.goods_view_tab ul li a:before{height:2px;}
	}

/*───────────────────────────────────────────────────────────
	partners
───────────────────────────────────────────────────────────*/
    .global_partners .form_wrap{display: flex; flex-wrap: wrap; gap: 40px 0;}
    .global_partners .cont{width: 420px; font-size: var(--title-20); display: flex; flex-direction: column; gap: 20px;}
	.global_partners .select_box{display: flex;flex-wrap:wrap;gap:10px;}
	.global_partners .select_box > div{width:calc(50% - 5px);}
	#wrap .global_partners .sel_custom .desc dt span{width:100%;}
    .global_partners .search{position: relative;}
    .global_partners .search [type="text"]{width: 100%;height: 55px;border: 2px solid rgba(204, 204, 204, 0.80);font-size: 90%;font-weight: 400;letter-spacing: -0.03em;padding-right: 50px;}
    .global_partners .search [type="submit"]{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);width: 18px;height: 18px;background: url('../images/sub/search_btn02.png') no-repeat center / 100% auto;}
    .global_partners .item_box{width: calc(100% + 20px);height: 665px;overflow:hidden;overflow-y: auto;padding-right: 15px;box-sizing: border-box;}
        .global_partners .item_box::-webkit-scrollbar { width: 3px; }
        .global_partners .item_box::-webkit-scrollbar-track { background: var(--border-color01); border-radius: 10px;}
        .global_partners .item_box::-webkit-scrollbar-thumb { background-color: var(--black-color00); border-radius: 10px;}
    .global_partners .item_list{display: flex;flex-direction: column;gap: 15px;}
    .global_partners .item_list > li{position: relative; background: var(--gray-bg03); font-size: var(--title-20); padding:30px 24px; box-sizing: border-box; cursor: pointer;}
        .global_partners .item_list > li:before{position: absolute; content:''; inset: 0; background: var(--point-grad01); opacity: 0; transition: all 0.4s;}
        .global_partners .item_list > li.on:before{opacity: 1;}
    .global_partners .item_list .info_desc{position: relative;}
        .global_partners .item_list .info_desc + .exp_box{margin-top: 28px;}
    .global_partners .item_list .info_desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .global_partners .item_list .info_desc dt{font-size: 110%;font-weight: 500;color: var(--black-color01);line-height: 1.3;letter-spacing: -0.03em;}
        .global_partners .item_list .info_desc dt + dd{margin-top: 12px;}
    .global_partners .item_list .info_desc dd{font-size: 85%; font-weight: 400; color: var(--black-color05); line-height: 1.41;}
    .global_partners .item_list .exp_box{position: relative;display: flex;flex-direction: column;gap: 5px;}
    .global_partners .item_list .exp_desc{display: flex;}
    .global_partners .item_list .exp_desc :where(dt, dd){font-size: max(13px, 80%);box-sizing: border-box;}
    .global_partners .item_list .exp_desc dt{width: 56px; flex-shrink: 0; font-weight: 500; color: var(--black-color06);}
    .global_partners .item_list .exp_desc dd{font-weight: 400; color: var(--black-color08);}
    .global_partners .item_list .exp_desc dd a:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 10px; background: var(--border-color01); margin-inline: 16px;}
    .global_partners .map{width: calc(100% - 420px);padding-left: 40px; box-sizing: border-box; overflow: hidden;}
    .global_partners .map iframe{width: 100%; height: 100%;}
    #wrap .global_partners .paging{margin-top: 40px;}

    @media (max-width:1023px){
        .global_partners .form_wrap{row-gap: clamp(30px, 4vw, 40px);flex-direction: column-reverse;}
        .global_partners .cont{width: 100%; gap: clamp(15px, 2.5vw, 20px);}
        .global_partners .search [type="text"]{height:clamp(45px, 6vw, 55px);}
        .global_partners :is(.item_box, .map){width: 100%; height: clamp(300px, 50vw, 500px); padding-inline: 0;}
        .global_partners .item_list{gap: clamp(10px, 2vw, 15px);}
        .global_partners .item_list > li{padding:clamp(25px, 3vw, 30px) clamp(20px, 2.4vw, 24px);}
        .global_partners .item_list .info_desc dt + dd{margin-top: clamp(8px, 1.2vw, 12px);}
        .global_partners .item_list .info_desc + .exp_box{margin-top:clamp(18px, 2.8vw, 28px)}
        .global_partners .item_list .exp_desc dt{width: clamp(40px, 6vw, 56px);}
        .global_partners .item_list .exp_desc dd a:not(:last-child):after{margin-inline: clamp(10px, 2vw, 16px);}
        #wrap .global_partners .paging{margin-top: clamp(25px, 4vw, 40px);}
    }
    @media (max-width:860px){
        .global_partners .search [type="text"]{padding-right: 45px;}
        .global_partners .search [type="submit"]{right:15px;}
    }
    @media (max-width:479px){
        .global_partners .item_list .info_desc dt{font-size: 100%;}
        .global_partners .item_list .info_desc dd{font-size: max(13px, 80%);}
    }


/*───────────────────────────────────────────────────────────
	technical
───────────────────────────────────────────────────────────*/
        .technical .board_preface{margin-top: clamp(-20px, -1.3vw, 0px);margin-bottom: 55px;}
        .technical form[name="motor_fm"]{display: flex; flex-direction: column; gap: 140px;}
        .technical .calc_wrap{padding:60px 80px; box-sizing: border-box; border: 1px solid var(--border-color01); display: flex; flex-direction: column; gap: 60px;}
        .technical .calc_wrap .thumb{display: flex;align-items: center;justify-content: center;text-align: center;min-height: 400px;box-sizing: border-box;}
        .technical .guide_list{display: flex;flex-wrap: wrap;gap:10px 40px;}
            .technical .sub_title + .guide_list{margin-top: 8px;}
        .technical .guide_list > li{position: relative; width: calc(100% / 2 - 20px); box-sizing: border-box; font-size: var(--title-20);}
            .technical .guide_list > li.bk{width: 100%;}
            .technical .guide_list > li.bk .desc dt:has(+ dd){width: 240px;}
            .technical .guide_list > li.bk .desc dt + dd{width: calc(100% - 240px);}
            .technical .guide_list > li.exp{width: 100%; padding-bottom: 10px;}
            .technical .guide_list > li.exp:not(:first-child){padding-top: 10px;}
            .technical .guide_list > li.exp:last-child{padding-bottom: 0;}
            .technical .guide_list > li.exp .desc dt{width: 100%; font-size: 95%; font-weight: 400;}
            .technical .guide_list > li.exp .desc dd{line-height: 1.88;}
            .technical .guide_list > li.exp .desc dt + dd{width: 100%;padding-left: 0;margin-top: 15px;}
            .technical .guide_list > li.exp.dashed{border-top: 1px dashed var(--border-color01);margin-top: 50px;padding-top: 65px;}
        .technical .guide_list .desc{display: flex;flex-wrap: wrap;align-items: baseline;gap: 7px 0;}
        .technical .guide_list .desc dt{font-size: 90%;font-weight: 500;color: var(--black-color03); box-sizing: border-box;}
            .technical .guide_list .desc dt:has(+ dd){width: 39.2%;}
            .technical .guide_list .desc dt + dd{width: 60.8%;padding-left: 10px;}
        .technical .guide_list .desc dd{font-size: 85%;font-weight: 400;color: var(--black-color06);display: flex;align-items: center;flex-wrap: wrap;gap: 5px 10px;font-family: var(--font-type02);box-sizing: border-box;}
        .technical .guide_list sub{display: inline-block;font-size: max(8px, 55%);font-weight: bold;transform: translateY(-1px);line-height: 1;}
        .technical .guide_list .desc dd em{font-weight: inherit;min-width: 26px;text-align: center; letter-spacing: 0.05em;position: relative;}
		.technical .guide_list .desc dd em i{width:2px;height:2px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color06);position: absolute;top:2px;left:7px;}
        .technical .guide_list .desc dd [type="text"]{font-size: 94%;color: var(--black-color03);height: 42px;width: 205px;padding-inline: 14px;border: 2px solid var(--point-color01);background: var(--point-grad02);text-align: right;}
            .technical .guide_list .desc dd [type="text"][readonly]{background: var(--gray-bg03); border:0;}
        .technical .guide_list .visib{visibility: hidden;}
        .technical .guide_list .divide{padding-inline:10px;}
        .technical .guide_list .divide > li{padding-inline: 14px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:5px 10px;box-sizing: border-box;}
        .technical .guide_list .divide > li:not(:first-child){margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--black-color06);}
        .technical .guide_list .noti{display: block;margin-top: 8px;font-size: 80%;font-weight: 400;color: var(--point-color04);}
        .technical .btn_wrap{margin-top: clamp(-20px, -1.3vw, 0px);}

        .layer_popup .board_preface{margin-top: 0; margin-bottom: 30px;}

        @media (max-width:1260px){
            .technical .guide_list > li{width: 100%;}
            .technical .guide_list > li:not(:has(*)){display: none;}
            .technical .guide_list .desc dt:has(+ dd){width: 230px;}
            .technical .guide_list .desc dt + dd{width: calc(100% - 230px);}
            .technical .guide_list .desc dd [type="text"]{width: 250px;}
        }
        @media (max-width:1023px){
            .technical .board_preface{margin-bottom: clamp(30px, 5.5vw, 55px);}
            .technical form[name="motor_fm"]{gap: clamp(70px, 14vw, 140px);}
            .technical .calc_wrap{padding:clamp(30px, 6vw, 60px) clamp(30px, 8vw, 80px); gap: clamp(30px, 6vw, 60px);}
            .technical .calc_wrap .thumb{min-height: clamp(150px, 40vw, 400px);}
            .technical .guide_list .desc dt:has(+ dd){width: clamp(200px, 23vw, 230px);}
                .technical .guide_list .desc dt + dd{width: calc(100% - clamp(200px, 23vw, 230px));}
            .technical .guide_list .desc dd em{min-width: clamp(20px, 3vw, 26px);}
			.technical .guide_list .desc dd em i{left:6px;}
            .technical .guide_list .desc dd [type="text"]{width: clamp(180px, 25vw, 250px); height:clamp(38px, 6vw, 42px)}
            .technical .guide_list > li.bk .desc dt:has(+ dd){width: clamp(200px, 23vw, 230px);}
                .technical .guide_list > li.bk .desc dt + dd{width: calc(100% - clamp(200px, 23vw, 230px));}
                .technical .guide_list > li.exp{padding-bottom: clamp(0px, 1vw, 10px);}
                .technical .guide_list > li.exp:not(:first-child){padding-top: clamp(0px, 1vw, 10px);}
                .technical .guide_list > li.exp.dashed{margin-top: clamp(15px, 5vw, 50px);padding-top: clamp(30px, 6.5vw, 65px);}
                .technical .guide_list > li.exp .desc dt + dd{margin-top: clamp(5px, 1.5vw, 15px);}
        }
        @media (max-width:640px){
			.technical .guide_list{row-gap: 20px;}
            .technical .guide_list .desc dt:has(+ dd){width: 100%;}
                .technical .guide_list .desc dt + dd{width: 100%;padding-left: 0;}
            .technical .guide_list .desc dd [type="text"]{padding-inline: 10px;}
            .technical .guide_list > li.bk .desc dt:has(+ dd){width: 100%;}
            .technical .guide_list > li.bk .desc dt + dd{width: 100%;}
			.technical .guide_list .desc dd em i{left:4px;}
        }
        @media (max-width:360px){
			.technical .guide_list .desc dd [type="text"]{width: 140px;}
        }
		
		
/*───────────────────────────────────────────────────────────
	service
───────────────────────────────────────────────────────────*/
	.sub_service_box .sub_box{font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
	.sub_service_box .sub_box + .sub_box{margin-top:40px;}
	.sub_service_box .sub_box p{font-size:90%;color:inherit;font-weight:inherit;line-height:1.5;}
	.sub_service_box .sub_box p strong{font-size:inherit;color:inherit;font-weight:600;}
	.sub_service_box .sub_box p + p{margin-top:10px;}
	.sub_service_box .table{margin-top:15px;}
	.sub_service_box .table thead tr th{box-sizing:border-box;border-bottom:1px solid var(--border-color01);background:var(--gray-bg01);font-size:var(--title-18);color:var(--black-color01);font-weight:500;border-top:1px solid var(--black-color00);padding:15px 10px;}
	.sub_service_box .table thead tr th + th{border-left:1px solid var(--border-color01);}
	.sub_service_box .table tbody tr th, .sub_service_box .table tbody tr td{font-size:var(--title-18);color:var(--black-color03);font-weight:500;box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding:15px 10px;line-height:1.5;text-align: center;}
	.sub_service_box .table tbody tr th + td, .sub_service_box .table tbody tr td + td{border-left:1px solid var(--border-color01);}
	.sub_service_box .table tbody tr td.left{text-align:left;padding-left:20px;}
	.sub_service_box .ul_box{margin-top:10px;}
	.sub_service_box .ul_box ul{margin-top:5px;}
	.sub_service_box .ul_box ul li{display: flex;align-items: baseline;gap:10px;font-size:var(--title-18);line-height:1.5;}
	.sub_service_box .ul_box ul li:before{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color03);display: inline-block;flex-shrink:0;transform:translateY(-6px);}
	
	@media (max-width:640px){
		.sub_service_box .sub_box + .sub_box{margin-top:30px;}
		.sub_service_box .sub_box p + p{margin-top:6px;}
		.sub_service_box .table{margin-top:10px;}
			.sub_service_box .table thead tr th{font-size:var(--title-16);padding:12px 5px;}
			.sub_service_box .table tbody tr th, .sub_service_box .table tbody tr td{font-size:var(--title-14);padding:12px 5px;}
		.sub_service_box .ul_box ul li{gap:5px;}
		.sub_service_box .ul_box ul li:before{width:2px;height:2px;transform:translateY(-4px);}
	}