@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 에 있습니다.

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

/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

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

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
    /* custom button type */
        /* button 공통 요소 */
    .btn, .btn_lg, .btn_sm, .btn_md {position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;border: 1px solid;font-weight: 500;box-sizing: border-box;border-radius: 50px; width: auto; overflow: hidden;}
    :where(.btn, .btn_lg, .btn_sm, .btn_md) span{position: relative;}
        /* button 크기별 */
    .btn_wd {width:100%;height:50px;font-size:17px;}
    .btn {min-width: 120px;height: 50px;font-size: var(--title-18);padding: 0 20px;}
    .btn_lg {min-width: 200px;height: 70px;font-size: var(--title-22);padding: 0 44px;}
    .btn_md {width:60px;height:30px;font-size:13px;}
    .btn_sm {height:30px;width:auto;padding:0 8px;font-size:inherit;border-color:#aaa;background-color:#aaa;color:#fff;}
        /* button 색상별 */
    #wrap .btn_point{border-color:var(--point-color01);background:var(--point-color01);color:var(--point-white); font-weight: 500;}
    #wrap .btn_pointLine{border-color:var(--point-color01);background:var(--point-white);color:var(--point-color01);font-weight: 400;letter-spacing: -0.04em;}
    #wrap .btn_wh{border:0; box-shadow:inset 0 0 0 2px rgba(255,255,255,0.4); background:none;font-weight: 400;}
        #wrap .btn_wh:before{position: absolute; content:''; width: 0; height: 0; border-radius: inherit; background: var(--point-color01); opacity: 0; transition: all 0.4s;}
        #wrap .btn_wh span{filter: var(--filter-white);}
    #wrap .btn_basic{border-color:#777;background:#777;color:#fff;}
    #wrap .btn_default{border-color:#aaa;background:#aaa;color:#fff;}
    #wrap .btn_info{border-color:#d3d3d3;background:#fff;color:#555;}

        /* over */
            @media screen and (min-width:1024px){
                #wrap .btn_wh:hover:before{width: 100%; height: 100%; opacity: 1;}
            }
        /* button wrapper */
    .btn_wrap {margin:0 auto;padding:60px 0 0;font-size:0;display:inline-flex; flex-wrap: wrap; gap: 15px;}
    .btn_wrap.ta_center {width:100%; justify-content: center;}
    .view_btn .btn_wrap.ta_right {position:absolute;right:0;top:0;}

	@media screen and (max-width:1023px) {
		.view_btn .btn_wrap.ta_left {position:absolute;left:0;top:0;}
        .btn {min-width: 110px;height: 45px;}
        .btn_lg {min-width: 190px;height: 65px; padding: 0 40px;}
	}
    @media screen and (max-width:860px) {
        .btn {min-width: 100px;}
        .btn_lg {min-width: 180px;height: 60px; padding: 0 35px;}
	}
    @media screen and (max-width:640px) {
        .btn {min-width: 90px; height: 40px;}
        .btn_lg {min-width: 170px;height: 55px; padding: 0 30px;}
	}
    @media screen and (max-width:479px) {
        .btn {min-width: 80px;}
        .btn_lg {min-width: 160px;height: 50px;}
	}

/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    #wrap:has(.sub_visual) #header{max-height: 115px;}
    #wrap:has(.sub_visual) #header .btn_point{background: var(--point-color01); color: var(--point-white); font-weight: 600;}
    :is(.sub_visual, .nav_wrap, #container) .w_custom{max-width: 1400px;}

    .sub_visual{position: relative;height: 600px;background: no-repeat center / cover;box-sizing: border-box;padding:80px 0;z-index: 5;}
    .sub_visual .main_title{display: flex; align-items: center; height: 100%; font-size: var(--title-20); color: var(--point-white);}
    .sub_visual .main_title h2{filter: var(--filter-white);}

    .sub_visual .sub_nav{position: absolute;left:0;bottom:0;width: 100%;box-sizing: border-box;z-index: 5;}
    .sub_visual .sub_nav .w_custom{width: 100%;}
    .sub_nav{background: var(--point-color01);}
    .sub_nav .desc{display: flex; height: 70px; font-size: var(--title-20);}
    .sub_nav .desc :where(dt, dd){position: relative; height: 100%;}
    .sub_nav .desc dt a{display: flex;width: 70px;height: 100%;background: rgba(6, 10, 55, 0.2);align-items: center;justify-content: center;font-size: 0;padding: 16px;box-sizing: border-box;}
    .sub_nav .desc dd span{position: relative;display: flex;align-items: center;height: 100%;padding:0 60px 0 24px;box-sizing: border-box;font-weight: 400;color: var(--point-white);min-width: 300px;border-right: 1px solid rgba(221, 221, 221, 0.2);line-height: 1.4;cursor: pointer;}
        .sub_nav .desc dd span:before{position: absolute;content:'';width: 10px;height: 10px;border:solid var(--point-white);border-width: 0 0 2px 2px;top: 45%;right: 24px;transform: translateY(-50%) rotate(-45deg);border-radius: 1px; transition: all 0.4s;}
        .sub_nav .desc dd.on span:before{transform: translateY(-50%) rotate(-45deg) scale(-1,-1);top: 55%;}
    .sub_nav .desc dd ul{position: absolute;top: calc(100% - 1px);left:0;width: 100%;padding: 20px 0;background: var(--point-white);border:1px solid var(--point-color01);border-radius: 0 0 10px 10px;box-sizing: border-box;opacity: 0;pointer-events: none;transition: all 0.4s;}
        .sub_nav .desc dd.on ul{opacity: 1; pointer-events: all;}
    .sub_nav .desc dd ul li a{display: block;font-weight: 400;color: var(--black-color02);padding: 11px 24px;box-sizing: border-box;line-height: 1.4;}
    .sub_nav .desc dd ul li.on a{color: var(--point-color01);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;font-weight: 500;}

    .nav_wrap{padding:111px 0 60px;}

    .bullet_list{position: relative; font-size: var(--title-20); width: 100%; box-sizing: border-box;}
    .bullet_list > li{position: relative;font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.78;display: flex;align-items: baseline;gap: 10px;letter-spacing: -0.04em;}
        .bullet_list > li + li{margin-top: 6px;}
        .bullet_list > li:before{display: inline-flex;content:'';width: 4px;height: 4px;border-radius: 100%;background: var(--black-color08);flex-shrink: 0;transform: translateY(-5px);}
        .bullet_list > li.be_dn:before{display: none;}
    .bullet_list > li em{font-weight: inherit; color: var(--point-color01);}
    .bullet_list .desc{display: flex;gap: 4px;text-align: left;}
    .bullet_list .desc :where(dt, dd){color: var(--black-color02);}
    .bullet_list .desc dt{font-weight: 700; flex-shrink: 0;}
    .bullet_list .desc dd{font-weight: 400;}

        .bullet_list.line02{display: flex; flex-wrap: wrap; gap:6px 30px;}
        .bullet_list.line02 > li{width: calc(100% / 2  - 15px);}
        .bullet_list.line02 > li + li{margin: 0;}

    .nav_tab{display: flex; justify-content: center; font-size: var(--title-20); border:1px solid var(--point-color01); border-radius: 50px; width: fit-content; margin:0 auto; overflow: hidden;}
    .nav_tab > li{font-weight: 600;color: var(--point-color01);line-height: 1.4;letter-spacing: -0.04em;text-align: center;display: flex;align-items: center;justify-content: center;width: 260px;height: 70px;padding:0 15px;box-sizing: border-box;cursor:pointer;transition: all 0.4s;}
        .nav_tab > li + li{border-left: 1px solid var(--point-color01);}
        .nav_tab > li.on{background: var(--point-color01); color: var(--point-white); font-weight: 500;}

    .nav_tabCont .item:not(.on){height: 0; opacity: 0; overflow: hidden;}
    .nav_tabCont .item.on{transition: all 0.4s;}

    @media screen and (max-width:1023px){
        .sub_visual{height: clamp(300px, 60vw, 600px);}
        .sub_nav .desc{height: 65px;}
        .sub_nav .desc dt a{width: 65px;}
        .sub_nav .desc dd span{min-width: 280px;}

        .nav_wrap{padding: clamp(70px, 11.1vw, 111px) 0 clamp(40px, 6vw, 60px);}

        .bullet_list.line02 > li{width: 100%;}
    }
    @media screen and (max-width:860px){
        .sub_nav .desc{height: 60px;}
        .sub_nav .desc dt a{width: 60px;}
        .sub_nav .desc dd span{min-width: 260px; padding:0 55px 0 20px;}
            .sub_nav .desc dd span:before{right:20px;}
        .sub_nav .desc dd ul{padding:15px 0;}
        .sub_nav .desc dd ul li a{padding:11px 20px;}

        .nav_tab{width: 100%;}
        .nav_tab > li{width: 100%; height: 65px;}
    }
    @media screen and (max-width:640px){
        .sub_nav .desc{height: 55px;}
        .sub_nav .desc dt a{width: 55px;}
        .sub_nav .desc dd{width: calc(100% - 55px);}
            .sub_nav .desc dd:not(:last-child){display: none;}
        .sub_nav .desc dd span{min-width: auto;width: 100%;padding:0 55px 0 20px;}
            .sub_nav .desc dd span:before{width: 8px;height: 8px;}
        .sub_nav .desc dd ul{padding:12px 0; border-radius: 0 0 5px 5px;}
        .sub_nav .desc dd ul li a{padding:9px 20px;}

        .bullet_list > li{gap: 7px;}
        .bullet_list > li:before{width: 3px;height: 3px;}

        .nav_tab > li{height: 60px;}
    }
    @media screen and (max-width:479px){
        .sub_nav .desc{height: 50px;}
        .sub_nav .desc dt a{width: 50px;}
        .sub_nav .desc dd{width: calc(100% - 50px); font-size: 90%;}

        .bullet_list > li{line-height: 1.6;}
        .bullet_list > li + li{margin-top: 4px;}

        .nav_tab > li{font-size: 90%;}
    }

/*───────────────────────────────────────────────────────────
	service
───────────────────────────────────────────────────────────*/
    /* 서비스 개요 */
        .ser_about .outline{padding-bottom: 100px;}
        .ser_about .outline .info_list{display: flex; flex-wrap: wrap; gap: 31px;}
        .ser_about .outline .info_list > li{position: relative; width:calc(100% / 3 - 20.67px); box-sizing: border-box; border-radius: var(--radius-20); overflow: hidden; box-shadow: inset 0 0 0 1px var(--border-color01);}
        .ser_about .outline .info_list .thumb{display: block;font-size: 0;overflow: hidden;aspect-ratio: auto 2.23;}
        .ser_about .outline .info_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .ser_about .outline .info_list .desc{font-size: var(--title-20); padding:27px 46px; box-sizing: border-box;}
        .ser_about .outline .info_list .desc dt{font-size: 130%; font-weight: 500; color: var(--black-color02); line-height: 1.54;}
        .ser_about .outline .info_list .desc dt + dd{margin-top: 20px;}

        .ser_about .monitoring{padding-bottom: 100px;}
        .ser_about .monitoring .exp_list{position: relative; display: flex; flex-wrap: wrap; gap: 40px; padding-bottom: 190px;}
            .ser_about .monitoring .exp_list:before{position: absolute;content:'';width: 319px;height: 178px;background: linear-gradient(180deg, #FFF 0%, #038CD5 111.24%);opacity: 0.1;bottom: 20px;left:50%;transform: translateX(-50%);clip-path: var(--clip-arw01);}
        .ser_about .monitoring .exp_list > li{position: relative; width:calc(100% / 3 - 26.67px); box-sizing: border-box; border-radius: var(--radius-20); overflow: hidden; box-shadow: inset 0 0 0 1px var(--border-color01); font-size: var(--title-20);}
        .ser_about .monitoring .exp_list .title{font-size: 120%; font-weight: 500; color: var(--point-white); line-height: 1.41; background: var(--point-color01); display: flex; align-items: center; justify-content: center; text-align: center; height: 70px; padding:0 15px; box-sizing: border-box;}
            .ser_about .monitoring .exp_list > li:nth-child(2) .title{background: var(--point-color04);}
            .ser_about .monitoring .exp_list > li:nth-child(3) .title{background: var(--point-color03);}
        .ser_about .monitoring .exp_list .desc{padding:40px 30px; box-sizing: border-box;}
        .ser_about .monitoring .exp_list .desc dt{display: flex; align-items: flex-start; justify-content: center; height: 82px;}
            .ser_about .monitoring .exp_list .desc dt + dd{margin-top: 36px;}
        .ser_about .monitoring .bullet_list > li{line-height: 1.44; color: var(--black-color03);}
            .ser_about .monitoring .bullet_list > li + li{margin-top: 10px;}
            .ser_about .monitoring .exp_list > li:nth-child(2) .bullet_list > li em{color: var(--point-color04);}
            .ser_about .monitoring .exp_list > li:nth-child(3) .bullet_list > li em{color: var(--point-color03);}
        .ser_about .monitoring .core{font-size: var(--title-20);color: var(--point-white);text-align: center;padding:0 15px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 15px;height: 140px;background: var(--point-grad01);border-radius: 100px;}
            
        .ser_about .monitoring .core h4{font-size: 170%; font-weight: 500; line-height: 1.3;}

        .gr_bg{background: var(--gray-bg03);padding: 108px 0 100px;}
        .gr_bg .step_list > li{background: var(--point-white); border:1px solid var(--border-color01); max-height: 208px;}
        .gr_bg .step_list .cont{font-weight: 500;}

        .iconBt_list{display: flex; flex-wrap: wrap; gap: 40px;}
        .iconBt_list > li{position: relative;width: calc(100% / 5 - 32px);display: flex;align-items: center;justify-content: center;text-align: center;background: var(--point-white);box-shadow: var(--point-show01);border-radius: var(--radius-20);aspect-ratio: auto 1.24;box-sizing: border-box; transition: all 0.4s;}
        .iconBt_list .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5;}
        .iconBt_list .desc{font-size: var(--title-20);padding: 27px 15px 15px;width: 100%;box-sizing: border-box; transition: all 0.4s;}
        .iconBt_list .desc dt{display: inline-flex; align-items: center; justify-content: center; height: 60px;}
            .iconBt_list .desc dt + dd{margin-top: 19px;}
        .iconBt_list .desc dd{font-size: inherit; font-weight: 400; color: var(--black-color03); line-height: 1.3;}

            /* over */
                @media screen and (min-width:1024px){
                    .iconBt_list > li:hover{background: var(--point-color01);}
                    .iconBt_list > li:hover .desc{filter: var(--filter-white);}
                }


        @media screen and (max-width:1300px){
            .ser_about .monitoring .exp_list{gap: 31px;}
            .ser_about .monitoring .exp_list > li{width: calc(100% / 3 - 20.67px);}
            .ser_about .monitoring .bullet_list > li br{display: none;}

            .iconBt_list{gap: 31px;}
            .iconBt_list > li{width: calc(100% / 5 - 24.8px);}
        }
        @media screen and (max-width:1200px){
            .ser_about :is(.outline .info_list, .monitoring .exp_list){gap: 20px;}
            .ser_about :is(.outline .info_list > li, .monitoring .exp_list > li){width: calc(100% / 3 - 13.34px);}

            .iconBt_list{gap: 20px;}
            .iconBt_list > li{width: calc(100% / 5 - 16px);}
        }
        @media screen and (max-width:1023px){
            .ser_about .outline{padding-bottom: clamp(70px, 10vw, 100px);}
            .ser_about :is(.outline .info_list, .monitoring .exp_list){gap: 15px;}
            .ser_about :is(.outline .info_list > li, .monitoring .exp_list > li){width: calc(100% / 3 - 10px);}
            .ser_about .outline .info_list .desc{padding:clamp(25px, 2.7vw, 27px) clamp(30px, 4.6vw, 46px);}
            .ser_about .outline .info_list .desc dt + dd{margin-top: clamp(10px, 2vw, 20px);}
            
            .ser_about .monitoring{padding-bottom: clamp(70px, 10vw, 100px);}
            .ser_about .monitoring .exp_list{padding-bottom: clamp(120px, 19vw, 190px);}
            .ser_about .monitoring .exp_list:before{width: clamp(200px, 31.9vw, 319px); height: clamp(100px, 17.8vw, 178px);}
            .ser_about .monitoring .exp_list .desc{padding:clamp(30px, 4vw, 40px) clamp(25px, 3vw, 30px);}
            .ser_about .monitoring .exp_list .desc dt{height: clamp(50px, 8.2vw, 82px);}
            .ser_about .monitoring .exp_list .desc dt + dd{margin-top: clamp(20px, 3.6vw, 36px);}
            .ser_about .monitoring .core{height: clamp(80px, 14vw, 140px);}

            .gr_bg{padding:clamp(70px, 10.8vw, 108px) 0 clamp(70px, 10vw, 100px);}

            .iconBt_list{gap: 15px;}
            .iconBt_list > li{width: calc(100% / 5 - 12px);}
            .iconBt_list .desc dt{width: clamp(40px, 6vw, 60px); height: clamp(40px, 6vw, 60px);}
                .iconBt_list .desc dt + dd{margin-top: clamp(10px, 1.9vw, 19px);}
        }
        @media screen and (max-width:860px){
            .ser_about :is(.outline .info_list > li, .monitoring .exp_list > li){width: calc(100% / 2 - 7.5px);}
            .iconBt_list > li{width: calc(100% / 3 - 10px);}
        }
        @media screen and (max-width:479px){
            .ser_about :is(.outline .info_list > li, .monitoring .exp_list > li){width: 100%;}
            .ser_about .monitoring .exp_list .title{height: 60px;}
            .ser_about .monitoring .core h4{font-size: 150%;}

            .iconBt_list > li{width: calc(100% / 2 - 7.5px);}
        }

    /* 온라인 관심도 */
        .circle_list{display: flex; flex-wrap: wrap; gap: 95px;}
            .circle_list + .circleExp_list{margin-top: 80px;}
        .circle_list > li{position: relative; width: calc(100% / 4 - 71.25px);padding:22px;background: var(--point-color06);border-radius: 100%;box-sizing: border-box;font-size: var(--title-20);color: var(--point-white);aspect-ratio: auto 1;}
        .circle_list .title{background: var(--point-color05);font-size: 140%;font-weight: 600;letter-spacing: -0.04em;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 17px;width: 100%;height: 100%;border-radius: inherit;text-align: center;box-shadow: var(--point-show02);padding: 15px;box-sizing: border-box;}
        .circle_list .title small{font-size: 57.9%;font-weight: 400;letter-spacing: 0;}
        .circle_list .line{position: absolute; content:''; width: 52px; height: 1px; top:50%; right:calc(100% + 21px); margin-top: -0.5px; background: var(--border-color02);}
        .circle_list .line:before, .circle_list .line:after{position: absolute; content:''; top:0; left:0; width: 6px; height: 6px; border-radius: 100%; background: var(--point-color05); transform: translateY(-50%);}
        .circle_list .line:after{left:auto; right:0; background: var(--point-color07);}
        
            .circle_list > li:nth-child(2){background: var(--point-color08);}
            .circle_list > li:nth-child(2) .title{background: var(--point-color07); box-shadow: var(--point-show03);}

            .circle_list > li:nth-child(3){background: var(--point-color10);}
            .circle_list > li:nth-child(3) .title{background: var(--point-color09); box-shadow: var(--point-show04);}
            .circle_list > li:nth-child(3) .line:before{background: var(--point-color07);}
            .circle_list > li:nth-child(3) .line:after{background: var(--point-color11);}

            .circle_list > li:nth-child(4){background: var(--point-color12);}
            .circle_list > li:nth-child(4) .title{background: var(--point-color11); box-shadow: var(--point-show05);}
            .circle_list > li:nth-child(4) .line:before{background: var(--point-color09);}
            .circle_list > li:nth-child(4) .line:after{background: var(--point-color11);}

            .circle_list.line03{gap: 130px;}
            .circle_list.line03 > li{position: relative;width: calc(100% / 3 - 86.67px);padding: 30px;}
            .circle_list.line03 .title{font-size: 190%;line-height: 1.37;}
            .circle_list.line03 .line{width: 70px;right: calc(100% + 30px);}

        .circle_list02{display: flex; flex-wrap: wrap; gap: 130px;}
        .circle_list02 > li{position: relative;width: calc(100% / 3 - 86.67px);aspect-ratio: auto 1;box-sizing: border-box;border: 2px dotted var(--point-color01);border-radius: 100%;display: flex;align-items: center;justify-content: center;}
            .circle_list02 > li:before, .circle_list02 > li:after{position: absolute; content:''; width: 12px; height: 12px; border-radius: 100%; top:50%; left:-6px; transform: translateY(-50%); box-sizing: border-box; background: var(--point-color01); box-shadow: 0 0 0 6px rgba(3, 140, 213, 0.2);}
            .circle_list02 > li:after{left:auto; right:-6px;}
            .circle_list02 > li:first-child:before{display: none;}
        .circle_list02 .desc{width: calc(100% - 40px);height: calc(100% - 40px);background: var(--point-color01);border-radius: inherit;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;text-align: center;font-size: var(--title-20); gap: 20px;}
            .circle_list02 > li + li .desc:before{position: absolute; content:''; width: 130px; height: 1px; background: var(--point-color01); opacity: 0.3; top:50%; right:100%;}
            .circle_list02 > li:nth-child(3) .desc:before{background: var(--point-color11);}
        .circle_list02 .desc dt{font-size: 0; display: flex; align-items: flex-end; justify-content: center; height: 81px;}
        .circle_list02 .desc dd{font-size: 150%; font-weight: 600; color: var(--point-white); line-height: 1.46;}

            .circle_list02 > li:nth-child(2){border-color: var(--point-color11);}
            .circle_list02 > li:nth-child(2):before, .circle_list02 > li:nth-child(2):after{background: var(--point-color11); box-shadow: 0 0 0 6px rgba(3, 140, 213, 0.20);}
            .circle_list02 > li:nth-child(2) .desc{background: var(--point-color11);}
            .circle_list02 > li:nth-child(3){border-color: var(--point-color03);}
            .circle_list02 > li:nth-child(3):before, .circle_list02 > li:nth-child(3):after{background: var(--point-color03); box-shadow: 0 0 0 6px rgba(68, 57, 125, 0.20);}
            .circle_list02 > li:nth-child(3) .desc{background: var(--point-color03);}

        .circleExp_list > li{display: flex; gap: 60px; font-size: var(--title-20);}
            .circleExp_list > li + li{margin-top: 30px;}
        .circleExp_list .title{position: relative;display: flex;align-items: center;justify-content: center;width: 180px;height: auto;text-align: center;font-size: 130%;font-weight: 600;color: var(--point-white);line-height: 1.3;background: var(--point-color01);border-radius: var(--radius-20);padding:15px;box-sizing: border-box;}
        .circleExp_list .title:before{position: absolute; content:''; width: 60px; top:50%; left: 100%; border-top: 1px dashed var(--point-color01);}
        .circleExp_list .title:after{position: absolute;content:'';width: 8px;height: 8px;border-radius: 100%;background: var(--point-color01);top:50%;left: calc(100% + 57px);transform: translateY(-50%);}
        .circleExp_list .info{width: calc(100% - 240px);background: var(--point-color13);border-radius: var(--radius-20);padding:25px 30px;min-height: 110px;box-sizing: border-box;font-size: var(--title-20);font-weight: 400;color: var(--black-color02);line-height: 1.7;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}

        .circleExp_list > li:nth-child(2) .title{background: var(--point-color03);}
        .circleExp_list > li:nth-child(2) .info{background: var(--point-color14);}
        .circleExp_list > li:nth-child(2) .title:before{border-color: var(--point-color03);}
        .circleExp_list > li:nth-child(2) .title:after{background: var(--point-color03);}

        .step_list{display: flex; flex-wrap: wrap; gap: 16px; counter-reset: stepList;}
        .step_list > li{position: relative;width: calc(100% / 4 - 12px);background: var(--gray-bg04);box-sizing: border-box;border-radius: var(--radius-10);display: flex;align-items: center;justify-content: center;text-align: center;aspect-ratio: auto 1.877; font-size: var(--title-20); max-height: 180px;}
        .step_list .cont{font-size: 110%;font-weight: 400;color: var(--black-color02);line-height: 1.35;padding: 15px 15px 20px;box-sizing: border-box;letter-spacing: -0.04em;}
        .step_list .cont:before{display: block;content: counter(stepList, decimal-leading-zero);counter-increment: stepList;font-weight: 700;color: var(--point-color01);font-family: var(--font-type02);margin-bottom: 20px;}
        .step_list .bullet_list{margin-top: 12px;}
        .step_list .bullet_list > li{font-size: 80%; gap:6px; width: fit-content; margin-left: auto; margin-right: auto;}
        .step_list .bullet_list > li:before{width: 3px; height: 3px;}
        .step_list .bullet_list .desc :where(dt, dd){color: var(--black-color06);}
        .step_list .bullet_list .desc dt{font-weight: 500;}

            .step_list.line03{gap: 22px;}
            .step_list.line03 > li{width: calc(100% / 3 - 14.67px);}

        .step_list02{display: flex; flex-wrap: wrap; gap: 30px; counter-reset: stepList;}
        .step_list02 > li{position: relative;width: calc(100% / 2 - 15px);background: var(--gray-bg04);padding: 32px 40px 30px;box-sizing: border-box;border-radius: var(--radius-20);}
        .step_list02 .desc{font-size: var(--title-20); letter-spacing: -0.04em;}
        .step_list02 .desc dt{font-size: 120%;font-weight: 500;color: var(--black-color02);line-height: 1.35;display: flex;align-items: baseline;gap: 17px;}
            .step_list02 .desc dt:before{display: inline-flex;content: counter(stepList, decimal-leading-zero);counter-increment: stepList;font-size: 91.6%;font-weight: 700;font-family: var(--font-type02);color: var(--point-color01);transform: translateY(-1px);flex-shrink: 0;}
            .step_list02 .desc dt + dd{margin-top: 24px;padding-top: 20px;border-top: 1px solid var(--border-color01);}
        .step_list02 .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.78;}

        .step_list03{display: flex; flex-wrap: wrap; gap:60px 0; counter-reset: stepList;}
        .step_list03 > li{position: relative;width: calc(100% / 5);font-size: var(--title-20);text-align: center;padding: 0 15px;box-sizing: border-box;}
            .step_list03 > li:before{display: flex;content: 'STEP ' counter(stepList, decimal-leading-zero);counter-increment: stepList;align-items: center;justify-content: center;min-width: 120px;height: 40px;background: var(--point-color01);border-radius: 50px;margin: 0 auto;width: fit-content;padding: 0 20px;box-sizing: border-box;font-family: var(--font-type02);font-weight: 400;color: var(--point-white);letter-spacing: 0;}
            .step_list03 > li:after{position: absolute; content:''; width: 100%; height: 1px; background: var(--border-color01); top:60px; left:0;}
        .step_list03 .cont{position: relative;font-weight: 400;color: var(--black-color02);letter-spacing: -0.04em;line-height: 1.5;padding-top: 44px;z-index: 2;display: flex;flex-direction: column;gap: 4px;}
            .step_list03 .cont:before{position: absolute; content:''; width: 6px; height: 6px; border-radius: 100%; background: var(--point-color01); top:18px; left:50%; transform: translateX(-50%);}
        .step_list03 .cont small{display: block; font-size: 90%; color: var(--black-color08);}

            .step_list03 > li.point:before, .step_list03 > li.point .cont:before{background: var(--point-color17);}
            
        .border_box{background: var(--gray-bg01);text-align: center;padding:78px 30px;box-sizing: border-box;border:1px solid var(--border-color01);border-radius: var(--radius-20);display: flex;flex-wrap: wrap;gap: 50px 30px;align-items: center;justify-content: center;}
        .border_box.bg_wh{background: var(--point-white);}

        .num_list{display: flex; flex-wrap: wrap; gap: 16px; counter-reset: stepList;}
        .num_list > li{position: relative;width: 100%;padding:40px 46px;box-sizing: border-box;border-radius: var(--radius-10);display: flex;align-items: baseline;gap: 20px;font-size: var(--title-20);border: 1px solid var(--border-color01);}
        .num_list > li:before{display: flex;align-items: center;justify-content: center;content: counter(stepList, decimal-leading-zero);counter-increment: stepList;font-size: inherit;font-weight: 500;color: var(--point-white);font-family: var(--font-type02);width: 50px;height: 50px;background: var(--point-color01);border-radius: 100%;flex-shrink: 0;}
        .num_list .cont{font-size: 140%;font-weight: 500;color: var(--black-color02);line-height: 1.35;box-sizing: border-box;letter-spacing: -0.04em;display: flex;flex-wrap: wrap;align-items: center;gap: 15px 20px;transform: translateY(4px);}
        .num_list .cont small{font-size: 71.4%; font-weight: 300; color: var(--black-color05); line-height: 1.4;}
        .num_list .cont small strong{font-weight: 400; line-height: 1.7;}
        .num_list .cont small em{font-weight: inherit; color: var(--point-color01);}
        .num_list .cont small b{font-weight: inherit; color: var(--point-color18);}

        .inset_list{display: flex;flex-wrap: wrap;gap: 30px 21px;}
        .inset_list > li{position: relative; width: calc(100% / 3 - 14px); box-sizing: border-box;}
            .inset_list.line01 > li{width: 100%;}
            .inset_list.line02 > li{width: calc(100% / 2 - 10.5px);}
        .inset_list .desc{font-size: var(--title-20); text-align: center;}
        .inset_list .desc dt{font-size: 0;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-10);overflow: hidden;box-sizing: border-box;border:1px solid var(--border-color01); width: 100%; aspect-ratio: auto 2.52;max-height: 180px;}
		.inset_list .desc dt img{padding:10px 15px;box-sizing: border-box;}
        .inset_list .desc dt + dd{margin-top: 18px;}
        .inset_list .desc dd{font-size: 110%; font-weight: 400; color: var(--black-color02); line-height: 1.4;}

        @media screen and (max-width:1300px){
            .circle_list{gap: 7vw;}
            .circle_list > li{width: calc(100% / 4 - 5.25vw);}
            .circle_list .line{width: 4vw;right: calc(100% + 1.45vw);}
            .circle_list .title{font-size: 2vw;}

            .circle_list02{gap: 10vw;}
            .circle_list02 > li{width: calc(100% / 3 - 6.67vw);}
            .circle_list02 > li + li .desc:before{width: 10vw;}
            .circle_list02 .desc{gap: clamp(10px, 1.6vw, 20px);}
            .circle_list02 .desc dt{height: clamp(36px, 6vw, 81px);}
            .circle_list02 .desc dd{font-size: clamp(16px, 2.3vw, 30px);}

            .circle_list.line03{gap: 10vw;}
            .circle_list.line03 > li{width: calc(100% / 3 - 6.67vw); padding:22px;}
            .circle_list.line03 .title{font-size: 2.6vw;}
            .circle_list.line03 .line{width: 5vw;right: calc(100% + 2.4vw);}
        }
        @media screen and (max-width:1200px){
            .step_list02{gap: 20px;}
            .step_list02 > li{width: calc(100% / 2 - 10px);}
        }
        @media screen and (max-width:1023px){
            .circle_list + .circleExp_list{margin-top: clamp(50px, 8vw, 80px);}
            .circle_list > li{padding: clamp(10px, 2.2vw, 22px);}
            .circle_list .title{gap: clamp(5px, 1.7vw, 17px);}

            .circle_list.line03 > li{padding: clamp(10px, 2.2vw, 22px);}

            .circle_list02 .desc{width: calc(100% - 30px); height: calc(100% - 30px);}
            .circle_list02 > li:before, .circle_list02 > li:after{width: 10px; height: 10px;}
            .circle_list02 > li:before{left:-5px;}
            .circle_list02 > li:after{right: -5px;}

            .circleExp_list > li{gap: 6vw;}
            .circleExp_list .title{width: 160px;}
            .circleExp_list .title:before{width: 6vw;}
            .circleExp_list .title:after{left:calc(100% + 6vw - 3px);}
            .circleExp_list .info{width: calc(100% - 160px - 6vw);}

            .step_list .cont:before{margin-bottom: clamp(7px, 2vw, 20px);}
                .step_list.line03{gap: 15px;}
                .step_list.line03 > li{width: calc(100% / 3 - 10px);}

            .step_list02{gap: 15px;}
            .step_list02 > li{width: calc(100% / 2 - 7.5px); padding:clamp(20px, 3.2vw, 32px) clamp(30px, 4vw, 40px)}
            .step_list02 .desc dt + dd{margin-top: clamp(15px, 2.4vw, 24px); padding-top: clamp(15px, 2vw, 20px);}

            .step_list03{row-gap:clamp(30px, 6vw, 60px);}

            .border_box{padding:clamp(40px, 7.8vw, 78px) clamp(15px, 3vw, 30px)}

            .num_list > li{padding:clamp(20px, 4vw, 40px) clamp(25px, 4.6vw, 46px);}

            .inset_list{column-gap: 15px;}
            .inset_list > li{width: calc(100% / 3 - 10px);}
                .inset_list.line02 > li{width: calc(100% / 2 - 7.5px);}
            .inset_list .desc dt + dd{margin-top: clamp(8px, 1.8vw, 18px);}
        }
        @media screen and (max-width:860px){
            .circle_list .line:before, .circle_list .line:after{width: 5px; height: 5px;}

            .circleExp_list .title{width: 140px;}
            .circleExp_list .info{width: calc(100% - 140px - 6vw);}

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

            .step_list03 > li{width: calc(100% / 3);}

            .num_list > li{gap:10px 15px;}
            .num_list > li:before{width: 45px; height: 45px;}
            .num_list .cont{column-gap: 15px;}
        }
        @media screen and (max-width:640px){
            .circle_list, .circle_list.line03{gap:50px;}
            .circle_list > li{width: 100%;aspect-ratio: auto;border-radius: 5px;height: 100px;}
            .circle_list .title, .circle_list.line03 .title{font-size: 110%;}
			.circle_list .title small{font-size:70%;}
            .circle_list .title br{display: none;}
            .circle_list .line{top:auto; bottom:calc(100% + 10px); right:50%; width: 1px; height: 30px;}
                .circle_list .line:before, .circle_list .line:after{transform: translateX(-50%);}
                .circle_list .line:before{right:auto;left: 50%;}
                .circle_list .line:after{top:auto;bottom:0;right: auto;left: 50%;}

            .circle_list.line03 > li{width: 100%;}
            .circle_list.line03 .line{width: 1px;right:50%;}

            .circle_list02{gap: 60px;}
            .circle_list02 > li{width: 100%; max-width: 280px; margin:0 auto;}
            .circle_list02 > li:before, .circle_list02 > li:after{width: 8px; height: 8px; right:auto; left:50%; transform: translateX(-50%);}
            .circle_list02 > li:before{top:-5px;}
            .circle_list02 > li:after{top:auto; bottom:-5px; }
            .circle_list02 > li + li .desc:before{width: 1px; height: 60px; right:50%; top:auto; bottom:100%;}
            .circle_list02 .desc dt{height: 50px;}
            .circle_list02 .desc dd{font-size: 130%;}

            .circleExp_list > li{flex-direction: column; gap: 35px;}
            .circleExp_list .title{width: 100%;min-height: 70px;font-size: 120%;}
                .circleExp_list .title:before{width: auto;height: 35px;left:50%;top:100%;border-top: 0;border-left: 1px dashed var(--point-color01);}
                .circleExp_list .title:after{width: 7px;height: 7px;top:calc(100% + 32px);left:50%;transform: translateX(-50%);}
            .circleExp_list .info{width: 100%;padding:20px 25px;min-height: 90px;}

            :is(.step_list, .step_list.line03) > li{width: calc(100% / 2 - 7.5px);}

            .step_list03 .cont{padding-top: 34px;}

            .num_list .cont{font-size: 130%;}

            .inset_list .desc dt{height: 100px; aspect-ratio: auto;}
            .inset_list > li{width: calc(100% / 2 - 7.5px);}
        }
        @media screen and (max-width:479px){
            .step_list .cont{font-size: 100%;}
            .gr_bg .step_list > li{width: 100%;}
            
            .step_list03 > li{width: calc(100% / 2);}
                .step_list03 > li:nth-child(odd):last-child:not(:has(+ li)){width: 100%;}
                .step_list03 > li:before{font-size: 90%;min-width: 100px;height: 36px;}
				.step_list03 > li:after{top: 52px;}
            .step_list03 .cont{font-size: 90%;padding-top: 30px;}
				.step_list03 .cont:before{top: 14px;}

            .circleExp_list .info{min-height: 70px;}

            .num_list > li:before{width: 40px;height: 40px;font-size: 95%;}
            .num_list .cont{font-size: 120%;transform: translateY(2px);}

            .inset_list .desc dt{height: 80px;}
            .inset_list .desc dd{font-size: 100%;}
            
        }

    /* 비디오 */
        .bnrExp_list{display: flex; flex-wrap: wrap; gap: 31px;}
        .bnrExp_list > li{position: relative;width: calc(100% / 3 - 20.67px);border-radius: var(--radius-20);overflow: hidden;aspect-ratio: auto 1.11;max-height: 400px;box-sizing: border-box;}
        .bnrExp_list .desc{font-size: var(--title-20);height: 100%;}
        .bnrExp_list .desc dt{font-size: 0; width: 100%; height: 100%;}
        .bnrExp_list .desc dt img{width: 100%; height: 100%; object-fit: cover;}
        .bnrExp_list .desc dd{position: absolute;left:0;bottom:0;width: 100%;height: 100%;padding:40px;box-sizing: border-box;display: flex;align-items: flex-end;font-size: 160%;font-weight: 500;color: var(--point-white);line-height: 1.31;letter-spacing: -0.04em;}

        .iconExp_list{display: flex; flex-wrap: wrap; gap: 30px;}
        .iconExp_list > li{position: relative; width: calc(100% / 2 - 15px); padding:30px 40px; box-sizing: border-box; border-radius: var(--radius-10); overflow: hidden; background: var(--point-color01);}
            .iconExp_list > li:nth-child(2){background: var(--point-color03);}
        .iconExp_list .desc{display: flex; align-items: center; font-size: var(--title-20); gap: 30px;}
        .iconExp_list .desc dt{display: flex; align-items: center; justify-content: center; width: 110px; aspect-ratio: auto 1; border-radius: 100%; background: var(--point-white); flex-shrink: 0;}
        .iconExp_list .desc dt img{padding:15px; box-sizing: border-box;}
        .iconExp_list .desc dd{font-size: 120%; font-weight: 400; color: var(--point-white); line-height: 1.35;}

        .noti_box{position: relative; font-size: var(--title-20); box-sizing: border-box; margin-top: 40px;}
        .noti_box h6{font-size: inherit; font-weight: 400; color: var(--black-color08); line-height: 1.8;}


        @media screen and (max-width:1200px){
            .bnrExp_list{gap: 20px;}
            .bnrExp_list > li{width: calc(100% / 3 - 13.34px);}

            .iconExp_list{gap: 20px;}
            .iconExp_list > li{width: calc(100% / 2 - 10px);}
        }
        @media screen and (max-width:1023px){
            .bnrExp_list{gap: 15px;}
            .bnrExp_list > li{width: calc(100% / 3 - 10px);}
            .bnrExp_list .desc dd{padding:clamp(25px, 4vw, 40px); font-size: 150%;}

            .iconExp_list{gap: 15px;}
            .iconExp_list > li{width: calc(100% / 2 - 7.5px); padding:clamp(20px, 3vw, 30px) clamp(30px, 4vw, 40px);}
            .iconExp_list .desc{gap: clamp(20px, 3vw, 30px);}
            .iconExp_list .desc dt{width: clamp(60px, 11vw, 110px);}

            .noti_box{margin-top: clamp(20px, 4vw, 40px);}
        }
        @media screen and (max-width:860px){
            .bnrExp_list > li{width: calc(100% / 2 - 7.5px);}
            
            .iconExp_list > li{width: 100%;}
        }
        @media screen and (max-width:479px){
            .bnrExp_list > li{width: 100%;}
            .noti_box h6{font-size: 90%;}
        }

/*───────────────────────────────────────────────────────────
	solution
───────────────────────────────────────────────────────────*/
    /* 모니터링 관리 솔루션 */
        .sol_monitoring .flex_box{display: flex;flex-wrap: wrap;gap: 40px 0;}
        .sol_monitoring .flex_box .info{width: 52%; padding-right: 60px; box-sizing: border-box;}
        .sol_monitoring .flex_box .border_box{width: 48%;}
        .sol_monitoring .indicator_box{text-align: center; padding-bottom: 100px;}

        .basic_table{position: relative; border-top: 1px solid var(--border-color01); box-sizing: border-box;}
            .basic_table.bd_bk{border-top: 1px solid var(--black-color00);}
        .basic_table tr{border-bottom: 1px solid var(--border-color01); font-size: var(--title-20);}
        .basic_table :where(th, td){font-size: inherit; font-weight: 500; color: var(--black-color03); line-height: 1.4; text-align: center;}
        .basic_table :where(th, td):not(:last-child){border-right: 1px solid var(--border-color01);}
        .basic_table thead th{padding:22px 10px; background: var(--gray-bg01);}
        .basic_table tbody td{padding: 33px 10px;}

        .effect_info{display: flex;flex-wrap: wrap;gap: 260px;}
        .effect_info .course{position: relative;width: 28.5%;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);display: flex;align-items: center;justify-content: center;text-align: center;}
        .effect_info .course:before{position: absolute;content:'';width: 150px;height: 120px;background: linear-gradient(272deg, #038CD5 -49.16%, #FBFEFF 89.23%);top:50%;left:calc(100% + 55px);transform: translateY(-50%);clip-path: var(--clip-arw02);}
        .effect_info .course .desc{font-size: var(--title-20); padding:15px; box-sizing: border-box;}
        .effect_info .course .desc dt{display: flex; justify-content: center;}
            .effect_info .course .desc dt + dd{margin-top: 32px;}
        .effect_info .course .desc dd{font-size: 160%; font-weight: 500; color: var(--point-white); line-height: 1.31; letter-spacing: -0.04em;}
        .effect_info .result{width: calc(71.5% - 260px);border: 1px dashed var(--point-color01);background: #F4F6F8;border-radius: 600px;padding:40px 50px;box-sizing: border-box;display: flex;align-items: center;}
        .effect_info .result .exp_list{display: flex;flex-wrap: wrap;gap: 40px;width: 100%;}
        .effect_info .result .exp_list > li{width: calc(100% / 2 - 20px); aspect-ratio: auto 1; border-radius: 100%; background: var(--point-white); box-shadow: 9px 9px 19.6px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center;}
        .effect_info .result .desc{font-size: var(--title-20);text-align: center;padding: 15px;box-sizing: border-box;}
        .effect_info .result .desc dt{display: flex; justify-content: center;}
            .effect_info .result .desc dt + dd{margin-top: 25px;}
        .effect_info .result .desc dd{font-size: 120%; font-weight: 500; color: var(--point-color01); line-height: 1.5;}

        .element_list{display: flex;}
        .element_list > li{width: 100%; box-shadow: inset 0 0 0 20px rgba(3, 140, 213, 0.8); box-sizing: border-box; border-radius: 100%; aspect-ratio: auto 1;}
            .element_list > li + li{margin-left: -40px;}
            .element_list > li:nth-child(2n){box-shadow: inset 0 0 0 20px rgba(26, 81, 163, 0.8);}
        .element_list .desc{display: flex;align-items: center;flex-direction: column;width: 100%;height: 100%;padding: 19% 40px 40px;box-sizing: border-box;font-size: var(--title-20);text-align: center;gap: 17px;}
        .element_list .desc dt{font-size: 110%;font-weight: 500;color: var(--black-color02);line-height: 1.35;}
        .element_list .desc dt em{font-size: 81.8%;font-weight: 400;color: var(--point-color01);display: block;}
		.element_list .desc dd{font-size:90%;font-weight: 400;color: var(--black-color05);line-height: 1.66;display: flex;flex-direction: column;gap: 15px;align-items: center;}
        .element_list .desc dd em{display: flex;height: 54px;align-items: flex-start;}

        @media screen and (max-width:1300px){
            .sol_monitoring .flex_box .info{padding-right: 4vw;}
            
            .effect_info{gap: 20vw;}
            .effect_info .course:before{width: 11.5vw;min-width: 70px;height: 9.2vw;min-height: 55px;left: calc(100% + 4.5vw);}
            .effect_info .course .desc dt{max-height: clamp(40px, 5vw, 66px);}
            .effect_info .course .desc dt + dd{margin-top: clamp(15px, 2.4vw, 32px);}
            .effect_info .course .desc dd{font-size: clamp(18px, 2.4vw, 32px);}
            .effect_info .result{width: calc(71.5% - 20vw);padding: clamp(25px, 3vw, 40px) clamp(25px, 3.5vw, 50px);}
            .effect_info .result .exp_list{gap: 3vw;}
            .effect_info .result .exp_list > li{width: calc(100% / 2 - 1.5vw);}
            .effect_info .result .desc dt{max-height: clamp(35px, 4.5vw, 60px);}
            .effect_info .result .desc dt + dd{margin-top: clamp(10px, 1.9vw, 25px);}
            .effect_info .result .desc dd{font-size: clamp(14px,1.8vw, 24px);}

            .element_list{flex-wrap: wrap;justify-content: center;padding:20px;}
            .element_list > :is(li, li + li){width: 100%; max-width: 300px; margin:-20px;}
        }
        @media screen and (max-width:1023px){
            .sol_monitoring .flex_box .info{width: 100%; padding-right: 0;}
            .sol_monitoring .flex_box .border_box{width: 100%;}
            .sol_monitoring .indicator_box{padding-bottom: clamp(70px, 10vw, 100px);}
        }
        @media screen and (max-width:640px){
            .effect_info{flex-direction: column;gap: 100px;}
            .effect_info .course{width: 100%; max-width: 200px; margin:0 auto;}
            .effect_info .course:before{left: 50%;top: calc(100% + 25px);transform: translateX(-50%) rotate(90deg);}
            .effect_info .result{width: 100%; max-width: 400px; margin:0 auto;}
        }
        @media screen and (max-width:479px){
            .basic_table :where(th, td){font-size: 90%;}
            .basic_table thead th{padding:17px 10px;}
            .basic_table tbody td{padding:27px 10px;}

            .element_list > li{box-shadow: inset 0 0 0 15px rgba(3, 140, 213, 0.8);}
                .element_list > li:nth-child(2n){box-shadow: inset 0 0 0 15px rgba(26, 81, 163, 0.8);}
            .element_list .desc{gap: 12px; justify-content: center; padding:0 30px;}
            .element_list .desc dd{gap: 10px;}
            .element_list .desc dd em{height: 45px;}
        }

    /* 비정형 데이터 분석기 */
        .sol_analyzer{margin-top: -1vw;}
        .bg_box{position: relative; background: var(--gray-bg03); padding:30px; box-sizing: border-box; border-radius: var(--radius-10);}

        .iconBd_list{display: flex; flex-wrap: wrap; gap: 20px;}
        .iconBd_list > li{position: relative; width: calc(100% / 6 - 16.67px); box-sizing: border-box; border:1px solid var(--border-color01); border-radius:var(--radius-10); text-align: center; padding:40px; background: var(--point-white);}
        .iconBd_list .desc{font-size: var(--title-20);}
        .iconBd_list .desc dt{display: flex;align-items: center;justify-content: center;width: 90%;max-width: 110px;aspect-ratio:auto 1;border-radius: 100%;margin:0 auto;background: var(--gray-bg05);}
            .iconBd_list .desc dt + dd{margin-top: 18px;}
        .iconBd_list .desc dt img{padding: 20px;box-sizing: border-box;}
        .iconBd_list .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color00); line-height: 1.44; letter-spacing: -0.04em;}

        .iconBd_list02{display: flex; flex-wrap: wrap; gap: 20px;}
        .iconBd_list02 > li{position: relative; width: calc(100% / 3 - 13.34px); box-sizing: border-box; border:1px solid var(--border-color01); border-radius:var(--radius-10); padding:35px 30px; background: var(--point-white);}
        .iconBd_list02 .desc{font-size: var(--title-20); display: flex; align-items: center; gap:20px}
        .iconBd_list02 .desc dt{display: flex;align-items: center;justify-content: center;width: 90%;max-width: 110px;aspect-ratio:auto 1;border-radius: 100%;background: var(--gray-bg05);flex-shrink: 0;}
        .iconBd_list02 .desc dt img{padding:20px; box-sizing: border-box;}
        .iconBd_list02 .desc dd{font-size: inherit; font-weight: 500; color: var(--black-color00); line-height: 1.3;}
        .iconBd_list02 .desc dd > em{font-weight: inherit;}
        .iconBd_list02 .desc .bullet_list{margin-top: 5px;}
        .iconBd_list02 .desc .bullet_list > li + li{margin-top: 0;}

        @media screen and (max-width:1200px){
            .iconBd_list > li{padding:clamp(20px, 3.4vw, 40px);}

            .iconBd_list02 > li{padding:clamp(25px, 3vw, 35px) clamp(20px, 2.5vw, 30px); width: calc(100% / 2 - 10px);}
        }
        @media screen and (max-width:1023px){
            .iconBd_list{gap: 15px;}
            .iconBd_list > li{width: calc(100% / 3 - 10px);}
            .iconBd_list .desc dt{max-width: 100px;width: 80%;}
            .iconBd_list .desc dt + dd{margin-top: clamp(10px, 1.8vw ,18px);}

            .iconBd_list02{gap: 15px;}
            .iconBd_list02 > li{width: calc(100% / 2  - 7.5px);}
            .iconBd_list02 .desc dt{max-width: 100px; width: 80%;}
        }
        @media screen and (max-width:860px){
            .iconBd_list02 > li{width: 100%;}
        }
        @media screen and (max-width:479px){
            .iconBd_list > li{width: calc(100% / 2 - 7.5px);}
            .iconBd_list .desc dt{max-width: 80px;}

            .iconBd_list02 .desc dt{max-width: 80px;}
        }