@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
───────────────────────────────────────────────────────────*/
    /* custom button type */
        /* button 공통 요소 */
    .btn, .btn_lg, .btn_sm, .btn_md {font-weight: 500;border: 1px solid;padding:0 15px;margin:0;text-indent:0;text-align:center;box-sizing:border-box;cursor:pointer;box-shadow:none;outline: 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 50px;}
        /* button 크기별 */

    .btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
    .btn {width: 200px;height: 60px;line-height: 1.2;font-size: var(--title-20);}
    .btn_lg {min-width:92px;width:auto;height:72px;line-height:70px;font-size:14px;}
    .btn_md {min-width:60px;width:auto;line-height:28px;height:30px;font-size:13px;}
    .btn_sm {min-width:30px;width:auto;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
        /* button 색상별 */
    #wrap .btn_point{border-color: var(--point-color01);background-color: var(--point-color01);color: var(--point-white);}
    #wrap .btn_basic{border-color:#777;background-color:#777;color:#fff;}
    #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;}
        /* button wrapper */
    .btn_wrap {margin:0 auto;padding:60px 0 0;font-size:0;vertical-align:top;display:inline-block;}
    .btn_wrap.ta_center {width:100%;}
    .view_btn{min-height: auto;}
    .view_btn .btn_wrap.ta_right {position:absolute;right:0;top:0;}

    @media screen and (max-width:1023px) {
            /* button wrapper */
        .btn_wrap {padding-top:50px;}
        .view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
        .btn {width: 180px;height: 55px;}
    }
    @media screen and (max-width:640px) {
            /* button wrapper */
        .btn_wrap {padding-top:40px;}
        .btn {width: 160px;height: 50px;}
    }
    @media screen and (max-width:479px) {
        .btn_wrap {padding-top:30px;}
            /* button 크기별 */
        .btn {width: 140px;height: 45px;}
        .btn_wd {font-size:16px;}
        .btn_lg {min-width:72px;font-size:13px;}
        .btn_md {min-width:60px;font-size:12px;}
        .btn_sm {padding:0 4px;font-size:12px;}

        .view_btn .paging {width:100%;min-height:87px;}
        .view_btn .paging + .btn_wrap.ta_right{top:70px;}
    }
/*───────────────────────────────────────────────────────────

	공통

───────────────────────────────────────────────────────────*/
    .sub_visual{position: relative; height: 420px; background: url('../images/sub/sv_company.jpg') no-repeat center / cover; box-sizing: border-box; font-size: var(--title-20); z-index: 20;}
    .sub_visual .w_custom{position: absolute;top: 61%;left:50%;transform: translate(-50%, -50%);padding-right: 250px;}
    .sub_visual h2{font-size: 350%; font-weight: 600; color: var(--point-white); line-height: 1.2;}
    .sub_visual .nav_desc{position: absolute; top:50%; right:0; transform: translateY(-50%); display: flex; align-items: center; font-size: var(--title-20);}
    .sub_visual .nav_desc dt{font-size: 0; display: flex;align-items: center;}
        .sub_visual .nav_desc dt:after{display:inline-flex; content:''; width: 4px; height: 4px; border-radius: 100%; background: rgba(255,255,255,0.5); margin:0 16px;}
    .sub_visual .nav_desc dd{position: relative;}
    .sub_visual .nav_desc dd span{position: relative;display: flex;align-items: center;font-size: 95%;font-weight: 400;color: var(--point-white);width: 160px;padding-right: 40px;box-sizing: border-box;cursor: pointer;}
        .sub_visual .nav_desc dd span:before{position: absolute; content:''; width: 24px; height: 24px; border-radius: 100%; background: rgba(2, 10, 19, 0.5); top:50%; right:0; transform: translateY(-50%); box-sizing: border-box;}
        .sub_visual .nav_desc dd span:after{position: absolute;content:'';width: 4px;height: 4px;border:2px solid var(--trans-color);border-right-color: var(--point-white);border-bottom-color: var(--point-white);top: 43%;right: 8px;transform: translateY(-50%) rotate(45deg);border-radius: 2px; transition: all 0.4s;}
        .sub_visual .nav_desc dd.on span:after{transform: translateY(-50%) rotate(45deg) scale(-1,-1);top: 58%;}
    .sub_visual .nav_desc ul{position: absolute;top: calc(100% + 10px);left:0;width: 100%;background: var(--point-white);box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);padding: 15px 0;opacity: 0;clip-path: inset(0 100% 0 0);transition: all 0.4s;}
    .sub_visual .nav_desc .on ul{opacity: 1;clip-path: inset(0 -20px -20px 0);}
    .sub_visual .nav_desc ul li a{display: block;font-size: 85%;font-weight: 400;color: rgba(9, 22, 53, 0.40);padding: 4px 18px; transition: all 0.4s;}
        .sub_visual .nav_desc ul li.on a{color: var(--point-color02); font-weight: 500;}

        /* over */
            @media screen and (min-width:1024px){
                .sub_visual .nav_desc ul li a:hover{color: var(--point-color02)}
            }

    .sub_title{position: relative; font-size: var(--title-20); box-sizing: border-box;}
        .sub_title.cen{text-align: center;}
        .sub_title.top_line:before{display: block;content:'';width: 50px;height: 2px;background: var(--point-color05);margin: 0 auto 22px;}
        .sub_title.hd{margin-bottom: 55px;}
    .sub_title h2{font-size: 280%;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;}
        .sub_title h2 + h6{margin-top: 52px;}
    .sub_title h3{font-size: 200%; font-weight: 700; line-height: 1.3;}
    .sub_title h4{font-size: 140%; font-weight: 700; line-height: 1.35;}
        .sub_title h4.icon{display: flex;align-items: flex-start;gap: 7px;}
        .sub_title h4.icon:after{display: inline-flex;content:'';width: 6px;height: 6px;border-radius: 100%;background: var(--point-color01);transform: translateY(9px);flex-shrink: 0;}
        .sub_title h4 + h5{margin-top: 16px;}
    .sub_title h5{font-size: 120%;font-weight: 500;line-height: 1.41;letter-spacing: -0.03em;}
    .sub_title h6{font-size: 110%;font-weight: 400;line-height: 1.6;color: var(--black-color03);letter-spacing: -0.05em;}
        .sub_title h6 + h6{margin-top: 15px;}
    .sub_title h6 em{font-weight: 700;color: var(--point-color01);letter-spacing: -0.02em;}
        .sub_title h6 + h2{margin-top: 13px;}

    .bullet_list{font-size: var(--title-20);display: flex;flex-direction: column;gap: 3px;}
    .bullet_list > li{position: relative;display: flex;font-size: 100%;font-weight: 400;color: var(--black-color06);align-items: baseline;}
    .bullet_list > li em{font-weight: 500; color: var(--black-color05);}
    .bullet_list > li:before{display: inline-flex;content:'';width: 4px;height: 4px;border-radius: 100%;background: var(--black-color05);margin-right: 8px;flex-shrink: 0;transform: translateY(-4px);}

    @media screen and (max-width:1023px){
        .sub_visual{height: 41vw; min-height: 300px;}
    }
    @media screen and (max-width:860px){
        .sub_visual h2{font-size: 320%;}

        .sub_title.hd{margin-bottom: 50px;}
        .sub_title.top_line:before{width: 45px; margin-bottom: 17px;}
        .sub_title h2 + h6{margin-top: 45px;}
        .sub_title h4 + h5{margin-top: 11px;}
        .sub_title h6 + h2{margin-top: 8px;}
    }
    @media screen and (max-width:640px){
        .sub_visual .w_custom{padding-right: 0;}
        .sub_visual h2{font-size: 290%;}
        .sub_visual .nav_desc{position: relative; top:auto; right:auto; transform: none; margin-top: 20px;}

        .sub_title.hd{margin-bottom: 45px;}
        .sub_title.top_line:before{width: 40px;}
        .sub_title h2 + h6{margin-top: 40px;}
    }
    @media screen and (max-width:479px){
        .sub_visual h2{font-size: 270%;}
        .sub_visual .nav_desc{margin-top: 15px;}

        .sub_title.hd{margin-bottom: 40px;}
        .sub_title.top_line:before{width: 35px; margin-bottom: 12px;}
        .sub_title h2 + h6{margin-top: 35px;}
    }

/*───────────────────────────────────────────────────────────

	Company

───────────────────────────────────────────────────────────*/
    /* about */
        #wrap:has(.sub_about) #contents_wrap{width: 100%; max-width: 100%;}
        .sub_about .intro{position: relative; display: flex; flex-wrap: wrap;}
        .sub_about .intro .thumb{position: relative;font-size: 0;width: 31.5%;box-sizing: border-box;z-index: 2;}
        .sub_about .intro .thumb img{border-radius: 80px 0 0;}
        .sub_about .intro .dwn_list{display: flex; gap: 20px; margin-top: 40px;}
        .sub_about .intro .dwn_list > li{width: 100%;}
        .sub_about .intro .dwn_btn{font-size: var(--title-20);font-weight: 700;color: var(--point-color05);display: flex;width: 100%;height: 60px;border:1px solid var(--point-color05);border-radius: 50px;padding: 2px 30px 0;box-sizing: border-box;transition: all 0.4s;}
        .sub_about .intro .dwn_btn span{ font-size: 90%; display: flex; width: 100%; align-items: center; justify-content: space-between; gap:15px; transition: all 0.4s;}
            .sub_about .intro .dwn_btn span:after{display: inline-flex; content:''; width: 16px; height: 16px; background: url('../images/sub/dwn_icon.svg') no-repeat center / 100% auto; transition: all 0.4s;}
        .sub_about .intro .sub_title{width: 68.5%;padding-left: 100px;box-sizing: border-box;margin-top: -0.3vw;}
        .sub_about .intro .sub_title .info{position: relative;margin-top: 45px;padding: 51px 0 115px;box-sizing: border-box;}
        .sub_about .intro .sub_title .info:before{position: absolute;content:'';width: 200vw;height: 100%;background: var(--gray-bg01);top:0;left:0;margin-left: -50vw;z-index: -1;}
        .sub_about .intro .sub_title .bullet_list{margin-top: 17px;}
        .sub_about .intro .sub_title .bullet_list + h4{margin-top: 33px;}

            /* over */
                @media screen and (min-width:1024px){
                    .sub_about .intro .dwn_btn:hover{background: var(--point-color05);}
                    .sub_about .intro .dwn_btn:hover span{filter: var(--filter-white);}
                }

        .sub_about .cont{padding:120px 0 0;}
        .sub_about .award_list{display: flex; flex-wrap: wrap; gap: 25px;}
        .sub_about .award_list > li{position: relative;width: calc(100% / 3 - 16.67px);border:1px solid var(--border-color01);background: var(--point-white);padding: 27px 30px 26px;box-sizing: border-box;font-size: var(--title-20);display: flex;flex-direction: column;gap: 9px;}
        .sub_about .award_list .year{font-size: 100%; font-weight: 500; color: var(--point-color01); line-height: 1.3;}
        .sub_about .award_list .desc{display: flex; flex-direction: column; gap: 10px;}
        .sub_about .award_list .desc dt{font-size: 130%;font-weight: 500;line-height: 1.31;letter-spacing: -0.03em;}
        .sub_about .award_list .desc dd{font-size: 100%; font-weight: 500; opacity: 0.4; line-height: 1.3;}

        .sub_about .service_list{display: flex; flex-direction: column; gap: 30px; counter-reset: item;}
        .sub_about .service_list > li{position: relative;padding:40px 30px;border:1px solid var(--border-color01);box-sizing: border-box;font-size: var(--title-20);display: flex;flex-wrap: wrap;gap: 30px 0;}
        .sub_about .service_list .title{display: flex;font-size: 140%;font-weight: 500;letter-spacing: -0.05em;line-height: 1.4;width: 100%;gap: 15px;}
        .sub_about .service_list .title:before{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 100%;background: var(--point-color02);font-size: 71.4%;font-weight: 600;color: var(--point-white);content: counter(item, decimal-leading-zero);counter-increment: item;flex-shrink: 0;}
        .sub_about .service_list .desc{display: flex; align-items: center; width: 50%; padding-right: 30px; box-sizing: border-box; gap: 20px;}
        .sub_about .service_list .desc dt{display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 24px;height: 50px;min-width: 240px;box-sizing: border-box;font-weight: 500;color: var(--black-color03);background: var(--gray-bg01);border-radius: 50px;letter-spacing: -0.04em;}
        .sub_about .service_list .desc dd{font-size: 110%;font-weight: 400;color: var(--black-color06);letter-spacing: -0.04em;}

        @media screen and (max-width:1600px){
            .sub_about .intro .sub_title{padding-left: 6vw;}
        }
        @media screen and (max-width:1200px){
            .sub_about .award_list{gap: 20px;}
            .sub_about .award_list > li{width: calc(100% / 3 - 13.34px);}

            .sub_about .service_list{gap: 20px;}
            .sub_about .service_list .desc{width: 100%; padding-right: 0;}
        }
        @media screen and (max-width:1023px){
            .sub_about .intro .thumb{width: 100%; text-align: center;}
            .sub_about .intro .sub_title{width: 100%; padding:40px 0 0;}
            .sub_about .intro .sub_title .info{margin-top: 40px; padding:45px 0 115px;}

            .sub_about .award_list{gap: 15px;}
            .sub_about .award_list > li{width: calc(100% / 3 - 10px);}

            .sub_about .service_list{gap: 15px;}
            .sub_about .service_list > li{gap: 25px 0;}
        }
        @media screen and (max-width:860px){
            .sub_about .intro .sub_title .info{margin-top:35px; padding:40px 0 115px;}
            .sub_about .intro .dwn_list{margin-top: 35px; gap:15px;}
            .sub_about .intro .dwn_btn{height: 55px;padding: 2px 25px 0;}

            .sub_about .award_list > li{width: calc(100% / 2 - 7.5px); gap: 5px;}
            .sub_about .award_list .desc{gap: 5px;}

            .sub_about .service_list > li{gap: 20px 0;}
            .sub_about .service_list .title:before{width: 38px; height: 38px;}
        }
        @media screen and (max-width:640px){
            .sub_about .intro .dwn_list{margin-top: 30px;}
            .sub_about .intro .sub_title{padding-top: 35px;}
            .sub_about .intro .sub_title .info{margin-top:30px; padding:35px 0 100px;}
            .sub_about .intro .sub_title .bullet_list{margin-top: 12px;}
            .sub_about .cont{padding-top: 100px;}

            .sub_about .award_list > li{padding:22px 25px;}

            .sub_about .service_list > li{gap: 15px 0; padding:35px 25px;}
            .sub_about .service_list .title:before{width: 36px; height: 36px;}
            .sub_about .service_list .desc{gap:10px 15px;}
        }
        @media screen and (max-width:479px){
            .sub_about .intro .sub_title{padding-top: 30px;}
            .sub_about .intro .sub_title .info{margin-top:25px; padding:30px 0 70px;}
            .sub_about .intro .dwn_list{margin-top: 25px; gap: 10px;}
            .sub_about .intro .dwn_btn{height: 50px;}
            .sub_about .cont{padding-top: 70px;}

            .sub_about .award_list > li{width: 100%;}

            .sub_about .service_list .title{gap: 10px;}
            .sub_about .service_list .title:before{width: 34px; height: 34px;}
            .sub_about .service_list .desc{flex-wrap: wrap;}
            .sub_about .service_list .desc dt{padding:0 20px; height: 45px; width: 100%;}
            .sub_about .service_list .desc dd{width: 100%;}
        }

/*───────────────────────────────────────────────────────────

	Board

───────────────────────────────────────────────────────────*/
    #wrap :where(input[type="text"], input[type="password"], input[type="number"]){height: 55px; border:1px solid var(--border-color01); padding:0 20px; box-sizing: border-box; font-size: var(--title-18); font-weight: 500; color: var(--black-color03);}

    @media screen and (max-width:640px){
        #wrap :where(input[type="text"], input[type="password"], input[type="number"]){height: 50px; padding: 0 15px;}
    }
    @media screen and (max-width:479px){
        #wrap :where(input[type="text"], input[type="password"], input[type="number"]){height: 45px; }
    }


    /* 갤러리 리스트 */        
        .search_wrap{position: relative; display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 30px;margin-bottom: 40px; z-index: 15;}
        .search_wrap:not(:has(.cate_list > li:nth-child(2))){justify-content: flex-end;}
        .search_wrap .cate_list{display: flex;flex-wrap: wrap;font-size: var(--title-20);gap: 20px 60px;}
            .search_wrap .cate_list:not(:has(> li:nth-child(2))){display: none;}
        .search_wrap .cate_list > li > a{display: block;font-size: 130%;font-weight: 700;color: var(--black-color11);padding: 0 0 10px;letter-spacing: -0.03em; transition: all 0.4s;}
            .search_wrap .cate_list > li.on > a{text-decoration: underline;text-underline-offset: 18px;color: var(--point-color05);}
        .search_wrap fieldset{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 10px;}
        .search_wrap .input_text{width: 360px;}
        .search_wrap .search_btn{display: flex;width: 55px;height: 55px;background: var(--point-color02) url('../images/sub/search_btn.svg') no-repeat center;border:0;font-size: 0;}

        .select_desc{position: relative; z-index: 5;}
        .select_desc dt{position: relative; z-index: 5;}
        .select_desc dt span{position: relative;display: flex;align-items: center;height: 55px;border:1px solid var(--border-color01);width: 160px;padding: 0 45px 0 20px;line-height: normal;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);background: var(--point-white);box-sizing: border-box;cursor: pointer;}
            .select_desc dt span:before{position: absolute;content:'';width: 10px;height: 8px;background: url('../images/sub/select_arw.svg') no-repeat center / 100% auto;top: 50%;right: 20px;transform: translateY(-50%);transition: all 0.4s;}
            .select_desc dt.on span:before{transform: translateY(-50%) scale(-1, -1);}
        .select_desc dd{position: absolute;left:0;top: calc(100% - 1px);width: 100%;background: var(--point-white);border: 1px solid var(--border-color01);box-sizing: border-box;box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);opacity: 0;clip-path: inset(0 100% 0 0);transition: all 0.4s;padding: 10px 0;}
            .select_desc .on + dd{opacity: 1; clip-path: inset(0 -20px -20px 0);}
        .select_desc dd a{display: block;padding: 5px 20px;font-size: var(--title-16);font-weight: 500;transition: all 0.4s;}

            /* over */
                @media screen and (min-width:1024px){
                    .search_wrap .cate_list > li > a:hover{color: var(--point-color05);}
                    .select_desc dd a:hover{color: var(--point-color01);}
                }

        .gallery_list{display: flex; flex-wrap: wrap; gap: 30px;}
            .gallery_list.ta_center{justify-content: center;border: 1px solid var(--border-color01);padding: 30px 15px;}
        .gallery_list > li{position: relative; width: calc(100% / 4 - 22.5px); border:1px solid var(--border-color01); box-sizing: border-box; border:1px solid var(--border-color01);}
        .gallery_list .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 9;}
        .gallery_list .thumb{position: relative;display: block;padding-bottom: 70.5%;}
            .gallery_list .thumb:before{position: absolute; content:''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(9, 22, 53, 0.30) 0%, #091635 100%); z-index: 5; opacity: 0; transition: all 0.4s;}
            .gallery_list .thumb:after{position: absolute; content:''; width: 60px; height: 60px; background: var(--point-color01) url('../images/skin/plus.svg') no-repeat center; border-radius: 100%; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 6; opacity: 0; transition: all 0.4s;}
        .gallery_list .thumb img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        .gallery_list .desc{font-size: var(--title-20);padding: 23px 20px 32px;display: flex;flex-direction: column;gap: 14px;}
        .gallery_list .desc dt{font-size: 140%; font-weight: 700; line-height: 1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        .gallery_list .desc dd{font-size:90%;font-weight: 400;line-height: 1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

            /* over */
                @media screen and (min-width:1024px){
                    .gallery_list > li:hover .thumb:before{opacity: 0.6;}
                    .gallery_list > li:hover .thumb:after{opacity: 1;}
                }

        @media screen and (max-width:1200px){
            .gallery_list{gap: 20px;}
            .gallery_list > li{width: calc(100% / 4 - 15px);}
        }
        @media screen and (max-width:1023px){
            .search_wrap{margin-bottom: 35px;}

            .gallery_list{gap: 15px;}
            .gallery_list > li{width: calc(100% / 4 - 11.25px);}
            .gallery_list .desc{padding:18px 20px 27px; gap: 10px;}
        }
        @media screen and (max-width:860px){
            .search_wrap{margin-bottom: 30px;}
            .search_wrap .cate_list{gap: 20px 50px;}
            .search_wrap .input_text{width: 300px;}

            .gallery_list > li{width: calc(100% / 3 - 10px);}
        }
        @media screen and (max-width:640px){
            .search_wrap{margin-bottom: 25px;}
            .select_desc dt span{width: 140px; height: 50px; padding: 0 40px 0 15px;}
                .select_desc dt span:before{right:15px;}
            .search_wrap .cate_list{gap: 20px 40px;}
            .search_wrap .cate_list > li > a{padding-bottom: 7px;}
                .search_wrap .cate_list > li.on > a{text-underline-offset:15px}
            .search_wrap fieldset{width: 100%;}
            .search_wrap .input_text{width: calc(100% - 210px);}
            .search_wrap .search_btn{width: 50px; height: 50px;}

            .gallery_list > li{width: calc(100% / 2 - 7.5px);}
        }
        @media screen and (max-width:479px){
            .search_wrap{margin-bottom: 20px;}
            .select_desc dt span{width: 120px; height: 45px; }
            .search_wrap .cate_list{gap: 20px 30px;}
            .search_wrap .cate_list > li > a{padding-bottom: 5px;}
                .search_wrap .cate_list > li.on > a{text-underline-offset:13px}
            .search_wrap fieldset{width: 100%;}
            .search_wrap .input_text{width: calc(100% - 185px);}
            .search_wrap .search_btn{width: 45px; height: 45px;}

            .gallery_list > li{width: 100%;}
        }
        @media screen and (max-width:360px){
            .search_wrap .select_desc{width: 100%;}
            .search_wrap .select_desc dt span{width: 100%;}
            .search_wrap .input_text{width: calc(100% - 55px);}
        }

    /* 일반 리스트 */
        .default_list{font-size: var(--title-20); width: 100%; box-sizing: border-box; border-top: 1px solid var(--black-color00);}
        .default_list tr{border-bottom: 1px solid var(--border-color01);}
        .default_list thead th{font-size: 110%;font-weight: 500;color:var(--black-color00);padding: 19px 10px;text-align: center;}
        .default_list tbody td{font-size: 95%;font-weight: 400;color: var(--black-color07);padding: 23px 10px;text-align: center;}
        .default_list tbody td.left{text-align: left;padding-left: 25px;}
        .default_list .board_tit a{font-size: 106%;color: var(--black-color03);white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
        .default_list .board_notice .board_tit a{font-weight: 500;}
        .default_list .icon{display: inline-flex;align-items: center;height: 26px;padding: 0 10px;font-size: 84.2%;background: var(--point-color05);color: var(--point-white);}

        @media screen and (max-width:1023px){
            .default_list :is(col, th, td):nth-child(5){display: none;}
            .default_list col:nth-child(1){width: 110px;}
            .default_list col:nth-child(3){width: 120px;}
            .default_list tbody td.left{padding-left: 20px;}
        }
        @media screen and (max-width:860px){
            .default_list :is(col, th, td):nth-child(3){display: none;}
            .default_list col:nth-child(1){width: 100px;}
            .default_list tbody td.left{padding-left: 15px;}
        }
        @media screen and (max-width:640px){
            .default_list :is(col, th, td):nth-child(4){display: none;}
            .default_list col:nth-child(1){width: 90px;}
            .default_list tbody td.left{padding-left: 10px;}
        }
        @media screen and (max-width:479px){
            .default_list col:nth-child(1){width: 80px;}
            .default_list thead th{font-size: 100%; padding:16px 10px;}
            .default_list tbody td{padding:19px 10px;}
        }
        @media screen and (max-width:360px){
            .default_list :is(col, th, td):nth-child(1){display: none;}
        }

    /* 상세 */
        #wrap .bbs_view .view_tit {padding: 30px;border-bottom: 1px solid var(--border-color01);border-top: 1px solid var(--black-color00);background: none;margin:0 auto;width:100%;box-sizing:border-box;text-align: center;font-size: var(--title-20);}
        #wrap .bbs_view .view_tit:after {display:none;}
        #wrap .bbs_view .view_tit h3{line-height: 1.4;margin:0;padding:0;display: block;width: 100%;box-sizing:border-box;font-size: 150%;text-align: center;}
        #wrap .bbs_view .view_cont{padding: 30px;font-size: var(--title-18);line-height: 1.6;min-height: 300px;border-bottom: 1px solid var(--border-color01);margin:0 auto;width:100%;box-sizing:border-box;text-align:left;word-break: keep-all;}

        @media screen and (max-width:860px){
            #wrap .bbs_view .view_tit{padding:25px 15px;}
            #wrap .bbs_view .view_cont{padding:25px 15px; min-height: 250px;}
        }
        @media screen and (max-width:479px){
            #wrap .bbs_view .view_tit{padding:20px 15px;}
            #wrap .bbs_view .view_cont{padding:20px 15px; min-height: 200px;}
        }

/*───────────────────────────────────────────────────────────

	Goods

───────────────────────────────────────────────────────────*/
    /* Research */
        .sub_research .intro{display: flex;padding: 30px 0 120px;}
        .sub_research .intro .txt_wrap{font-size: var(--title-20);box-sizing: border-box;width: 65.8%;padding-right: 30px;}
        .sub_research .intro .txt_wrap h2{font-size: 300%;font-weight: 700;color: var(--black-color12);line-height: 1.4;letter-spacing: -0.04em;}
            .sub_research .intro .txt_wrap h2 + h5{margin-top: 30px;}
        .sub_research .intro .txt_wrap h2 em{font-weight: inherit; color: var(--point-color06);}
        .sub_research .intro .txt_wrap h5{font-size: 120%;font-weight: 500;color: var(--black-color05);line-height: 1.6;letter-spacing: -0.05em;}
            .sub_research .intro .txt_wrap h5 + h6{margin-top: 14px;}
        .sub_research .intro .txt_wrap h6{font-size: 100%;font-weight: 400;color: var(--black-color06);line-height: 1.6;letter-spacing: -0.04em;}
        .sub_research .intro .logo{position: relative;font-size: 0;display: flex;align-items: center;justify-content: center;width: 34.2%;height: 0;padding-bottom: 24.6%;}
        .sub_research .intro .logo:before{position: absolute;content:'';width: 100%;height: 139%;background: var(--point-color01);opacity: 0.05;filter: blur(100px);top: 60%;left: 50%;transform: translate(-50%, -50%);}
        .sub_research .intro .logo img{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
        .sub_research .info_list{border-top: 1px solid var(--black-color00);}
        .sub_research .info_list > li{display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--border-color01);padding:60px 0 80px;gap: 15px;}
        .sub_research .info_list .title_wrap{width: 100%;box-sizing: border-box;font-size: var(--title-20);}
        .sub_research .info_list .title_wrap h4{font-size: 100%; font-weight: 700; color: var(--black-color06); letter-spacing: -0.03em; line-height: 1.6;}
            .sub_research .info_list .title_wrap h4 + p{margin-top: 10px;}
        .sub_research .info_list .title_wrap p{font-size: 100%; font-weight: 400; color: var(--black-color06); letter-spacing: -0.03em; line-height: 1.6;}
        .sub_research .info_list .title_wrap p em{font-weight: 500; color:var(--black-color03);}
        .sub_research .info_list .exp_wrap{width: 100%;box-sizing: border-box;font-size: var(--title-20);display: flex;flex-direction: column;gap: 35px;}
        .sub_research .info_list .exp_wrap h5 + p{margin-top: 10px;}
        .sub_research .info_list .exp_wrap p{font-size: 100%; font-weight: 400; color: var(--black-color06); letter-spacing: -0.03em; line-height: 1.6;}
        .sub_research .info_list .exp_wrap p em{font-weight: 500; color:var(--black-color03);}
        .sub_research .info_list .prodSwiper{position: relative; width: 100%; }
        .sub_research .info_list .prodSwiper .swiper-wrapper{flex-wrap: wrap;gap:40px 30px;}
        .sub_research .info_list .prodSwiper .swiper-slide{background: var(--point-white);align-content: flex-start;width: calc(100% / 3 - 20px);height: auto;flex-shrink: 1;}
            .sub_research .info_list .prodSwiper .swiper-slide.bk{width: 100%;}
            .sub_research .info_list .prodSwiper .swiper-slide.bk .thumb{padding-bottom: clamp(0%, 100%, 460px);} 
        .sub_research .info_list .prodSwiper .thumb{position: relative;width: 100%;padding-bottom: 50%;box-sizing: border-box;overflow: hidden; margin-inline: auto; }
        .sub_research .info_list .prodSwiper .thumb img{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
        .sub_research .info_list .prodSwiper .txt_wrap{width: 100%;padding: 30px 0 0;box-sizing: border-box;font-size: var(--title-20);}
        .sub_research .info_list .prodSwiper .txt_wrap h5{font-size: 150%; font-weight: 500; color: var(--black-color03); line-height: 1.33; letter-spacing: -0.03em;}
        .sub_research .info_list .prodSwiper .swiper-pagination{position: absolute;top: 24%;bottom: auto;left: auto;right: 0;width: 50%;padding-left: 60px;box-sizing: border-box;display: flex;flex-wrap: wrap;gap: 10px;}
        .sub_research .info_list .prodSwiper .swiper-pagination span{margin:0; opacity: 1; width: 5px; height: 5px; background: var(--border-color01); border-radius: 0; transition: all 0.4s;}
        .sub_research .info_list .prodSwiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--point-color01); width: 40px;}








    /* Papers */

        .sub_research.sub_papers .info_list > li:has(.prodSwiper) { width: 100%; gap: 20px; align-items: center; }
        .sub_research.sub_papers .info_list > li:has(.prodSwiper) > * { width: calc(100% / 2 - 10px); }

        .sub_research.sub_papers .info_list .prodSwiper .thumb { box-shadow: none; }
        .sub_research.sub_papers .info_list .exp_wrap.year_wrap p {font-size: 150%;font-weight: bold;color: var(--black-color01);padding-bottom: 20px;}


        @media screen and (max-width:1023px){
            .sub_research .info_list .exp_wrap{width: 100%;}
            .sub_research .info_list .prodSwiper .swiper-pagination{top:auto; bottom:25px; right:auto; left:0; padding:0; justify-content: center;}
            .sub_research .info_list .prodSwiper .swiper-wrapper{gap:40px 20px;}
            .sub_research .info_list .prodSwiper .swiper-slide{width: calc(100% / 3 - 13.34px);}
            .sub_research .info_list .prodSwiper .txt_wrap{padding:25px 0 0;}
        }
        @media screen and (max-width:860px){
            .sub_research .intro .txt_wrap h2 + h5{margin-top: 25px;}
            .sub_research .info_list > li{padding:50px 0 70px;}
            .sub_research .info_list .prodSwiper .swiper-wrapper{gap:40px 15px;}
            .sub_research .info_list .prodSwiper .swiper-slide{width: calc(100% / 2 - 7.5px);}
            .sub_research .info_list .prodSwiper .txt_wrap{padding:20px 0 0;}

            .sub_research.sub_papers .info_list > li:has(.prodSwiper) > * { width: 100%; }
        }
        @media screen and (max-width:640px){
            .sub_research .intro{display: block; padding:20px 0 100px;}
            .sub_research .intro .txt_wrap{width: 100%; padding: 0 0 40px;}
            .sub_research .intro .txt_wrap h2{font-size: 280%;}
                .sub_research .intro .txt_wrap h2 + h5{margin-top: 20px;}
            .sub_research .intro .txt_wrap h5{font-size: 110%;}
            .sub_research .intro .logo{width: 100%;}
            .sub_research .info_list > li{padding:40px 0 60px;}
            .sub_research .info_list .exp_wrap{gap: 30px;}
            .sub_research .info_list .prodSwiper .txt_wrap h5{font-size: 140%;}
            .sub_research .info_list .prodSwiper .swiper-pagination{bottom: 20px; gap: 5px;}
            .sub_research .info_list .prodSwiper .swiper-pagination span{width: 4px; height: 4px;}
            .sub_research .info_list .prodSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 35px;}
        }
        @media screen and (max-width:479px){
            .sub_research .intro{padding:10px 0 70px;}
            .sub_research .intro .txt_wrap{ padding: 0 0 35px;}
            .sub_research .intro .txt_wrap h2{font-size: 260%;}
                .sub_research .intro .txt_wrap h2 + h5{margin-top: 15px;}
            .sub_research .intro .txt_wrap h5{font-size: 100%;}
            .sub_research .info_list > li{padding:30px 0 50px;gap: 10px;}
            .sub_research .info_list .exp_wrap{gap: 25px;}
            .sub_research .info_list .prodSwiper .thumb{width: 100%; padding-bottom: 100%;}
            .sub_research .info_list .prodSwiper .swiper-pagination{width: 100%;bottom:auto;top: 0;margin-top: calc(100% + 15px);}
            .sub_research .info_list .prodSwiper .swiper-slide{width: 100%;}
            .sub_research .info_list .prodSwiper .txt_wrap{padding: 20px 0 0;}
        }

    /* 탭 추가 */
        .tab_sec{display: grid; gap: 100px;}
        .tab_desc .sub_title{cursor: pointer; padding-bottom: 20px; border-bottom: 1px solid var(--black-color00); transition: all 0.4s;}
        .tab_desc .sub_title.on{border-color: var(--point-color01);}
        .tab_desc .sub_title h3{display: flex; align-items: center; gap: 20px; transition: inherit;}
            .tab_desc .sub_title h3:after{display: inline-flex;content:'';width: 15px;aspect-ratio: auto 1;border: 3px solid var(--black-color00);box-sizing: border-box;clip-path: polygon(100% 0, 0% 100%, 100% 100%);rotate: 45deg;border-radius: 2px;translate: 0 -4px; transition: inherit;}
            .tab_desc .sub_title.on h3{color: var(--point-color01);}
            .tab_desc .sub_title.on h3:after{scale:-1 -1;translate: 0 4px;border-color: var(--point-color01);}
        .tab_desc .info_list{margin-top: 25px; border-top: 0; transition: all 0.4s;}
        .tab_desc:not(:has(.sub_title.on)) .info_list{margin-top: 0; height: 0; overflow: hidden; opacity: 0;}