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

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

body::-webkit-scrollbar { display: none; }

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

	sub common

───────────────────────────────────────────────────────────*/
    .sub_visual {background:url('../images/sub/sub_visual.jpg') no-repeat center;background-size:cover;height:640px;position:relative;}
    .sub_visual .w_custom { display: flex; justify-content: space-between; align-items: center; height: 100%; padding-top: 100px; max-width: 1440px; box-sizing: border-box; padding-left: 20px; }
    .sub_visual .w_custom .sub_visual_title {position:relative; box-sizing:border-box; font-size: var(--title-20); }
    .sub_visual .w_custom .sub_visual_title h2 { font-family: var(--font-type02); font-size:350%; font-weight: 700; color:var(--point-white); letter-spacing: -0.021em; line-height: normal; }

    .sub_visual .w_custom #side_box .sub_nav {position: relative; display:flex;align-items:center; z-index:10;}
    .sub_visual .w_custom #side_box .sub_nav .home {display:inline-flex;font-size:0; width:20px; height:18px; background:url('../images/sub/ico_home.svg') no-repeat center; background-size: 20px 18px;}
    .sub_visual .w_custom #side_box .sub_nav > dl{display:flex;align-items: center;}
    .sub_visual .w_custom #side_box .sub_nav > dl dt,
    .sub_visual .w_custom #side_box .sub_nav > dl dd{font-size: var(--title-18);letter-spacing: 0;font-weight:400;vertical-align: middle; box-sizing: border-box; padding-top: 1px; }
    .sub_visual .w_custom #side_box .sub_nav > dl dt:before,
    .sub_visual .w_custom #side_box .sub_nav > dl dd:before{display:inline-flex; align-items: baseline; content:'';width:5px;height:10px;background:url('../images/sub/ico_sv_arrow.svg') no-repeat center;margin-inline: 16px 12px;vertical-align: middle; margin-bottom: 1px;}
    .sub_visual .w_custom #side_box .sub_nav > dl dt{color: var(--point-white);}
    .sub_visual .w_custom #side_box .sub_nav > dl dt span { display: inline-block; margin-left: -2px; }
    .sub_visual .w_custom #side_box .sub_nav > dl dd{position:relative; color:var(--point-white); cursor:auto; pointer-events: none;}
    .sub_visual .w_custom #side_box .sub_nav > dl dd ul{display:block;position:absolute;top: calc(100% + -1px);left: 26px;width:100%;background: #fff;padding: 12px 0;border: 1px solid #aaa;box-sizing: border-box;width: calc(100% - 26px); opacity: 0; pointer-events: none; transition: all 0.4s;}
    .sub_visual .w_custom #side_box .sub_nav > dl dd ul li a{line-height: 3;font-size: inherit;font-weight:400;color: var(--black-color02); display: block;padding: 0 15px; box-sizing: border-box; }
    .sub_visual .w_custom #side_box .sub_nav > dl dd ul li.on a {color: var(--point-color01); background: var(--point-white); font-weight: 500;}

    .page_title { text-align: center; font-size: var(--title-20); box-sizing: border-box; padding-block: 100px 60px; font-family: var(--font-type02); }
    .page_title h3 { color: var(--black-color01); font-weight: 600; font-size: 250%; line-height: 1.24; letter-spacing: -0.01em; }

    .bullet { display: flex; gap: 10px; color: var(--black-color01); font-weight: 500; font-size: var(--title-18); letter-spacing: 0; }
    .bullet::before { content: ''; display: block; width: 4px; height: 4px; flex-shrink: 0; background: var(--point-color01); translate: 0 10px; border-radius: 100%; }

    @media only screen and (max-width:1023px) {
        .sub_visual { height: clamp(300px, 60vw, 640px); }
        .sub_visual .w_custom { padding-top: 80px; }
        .sub_visual .w_custom .sub_visual_title h2 {font-size: 320%; }

        .page_title { padding-block: clamp(60px, 10vw, 100px) clamp(30px, 6vw, 60px); }
        .page_title h3 { font-size: 240%; }
    }
    @media only screen and (max-width:860px) {
        .sub_visual .w_custom .sub_visual_title h2 {font-size: 290%; }
        .sub_visual .w_custom { padding-top: 60px; }
        
        .page_title h3 { font-size: 230%; }
    }

    @media only screen and (max-width:640px) {
        .sub_visual .w_custom .sub_visual_title h2 {font-size: 260%; }
        .sub_visual .w_custom { padding-top: 0; }

        .sub_visual .w_custom #side_box { position: absolute; left: -15px; bottom: 0; width: calc(100% + 30px); }

        .sub_visual .w_custom #side_box .sub_nav:not(:has(.desc dd li:nth-child(2))){display: none;}
        .sub_visual .w_custom #side_box, .sub_visual .w_custom #side_box .sub_nav {padding:0; height: 55px;}
        .sub_visual .w_custom #side_box .sub_nav > dl dt,
        .sub_visual .w_custom #side_box .sub_nav > dl dt:before,
        .sub_visual .w_custom #side_box .sub_nav > dl dd:before {display:none;}
        .sub_visual .w_custom #side_box .sub_nav .home {width: 55px;height: 100%; text-align: center; box-sizing: border-box; background-color: rgba(0, 105, 50, 1); box-sizing: border-box; }
        .sub_visual .w_custom #side_box .sub_nav > dl {width:calc(100% - 45px); height: 100%; background-color: var(--point-color01);}
        .sub_visual .w_custom #side_box .sub_nav > dl dd { pointer-events: all; height: 100%; }
        .sub_visual .w_custom #side_box .sub_nav > dl dd,
        .sub_visual .w_custom #side_box .sub_nav > dl dd span,
        .sub_visual .w_custom #side_box .sub_nav > dl dd ul {padding: 0; border-color: var(--point-color01);border-width: 1px;left: 0;width: 100%; border-radius: 0 0 5px 5px; box-sizing: border-box; }
        .sub_visual .w_custom #side_box .sub_nav > dl dd.on ul { opacity: 1; pointer-events: all; }
        .sub_visual .w_custom #side_box .sub_nav > dl dd ul { padding: 5px 0; }
        .sub_visual .w_custom #side_box .sub_nav > dl dd { line-height:2; cursor: pointer;}
        .sub_visual .w_custom #side_box .sub_nav > dl dd span {padding: 5px 15px;border: 0; display: flex;height: 100%; align-items: center; }
        .sub_visual .w_custom #side_box .sub_nav > dl dd span:before{content: '';display: block;width: 0px;height: 0px;position: absolute;right: 3.6%; top: 50%;margin-top: -3px;border-top: 4px solid var(--point-white);border-left: 4px solid transparent;border-right: 4px solid transparent;}
        .sub_visual .w_custom #side_box .sub_nav > dl dd.on span:before{margin-top: -3px;border-top: none;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid var(--point-white);}

        .sub_visual .w_custom #side_box .sub_nav > dl dd ul li.on a {text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}

        .page_title h3 { font-size: 220%; }

        .bullet { gap: 5px; }
        .bullet::before { width: 3px; height: 3px; translate: 0 9px; }
    }

    @media only screen and (max-width:479px) {
        .sub_visual .w_custom .sub_visual_title h2 {font-size: 230%;}

        .page_title h3 { font-size: 210%; }
    }


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

	인사말

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

    .sub_about .flex_des { display: flex;}
    .sub_about .flex_des li { position: relative; display: flex; flex-direction: column; gap: 24px; justify-content: flex-start; align-items: center; width: calc(100% / 2 + 60px); box-sizing: border-box; padding-block: 50px 36px; padding-inline: 120px; border-radius: 200px; font-size: var(--title-20); }
    .sub_about .flex_des .ico_wrap { box-sizing: border-box; }
    .sub_about .flex_des p { color: var(--point-white); font-weight: 600; letter-spacing: -0.03em; font-size: 250%; }
    .sub_about .flex_des li + li { margin-left: -120px; }
    .sub_about .flex_des li:nth-child(1) { background: rgba(181, 210, 1, 0.7); }
    .sub_about .flex_des li:nth-child(2) { background: rgba(6, 144, 65, 0.7); }
    .sub_about .flex_des li:nth-child(2)::before,
    .sub_about .flex_des li:nth-child(2)::after { content: ''; position: absolute; background: var(--point-white); border-radius: 4px; }
    .sub_about .flex_des li:nth-child(2)::before { left: 38px; top: 50%; translate: 0 -50%; width: 44px; height: 4px; }
    .sub_about .flex_des li:nth-child(2)::after { left: 58px; top: 50%; translate: 0 -50%; width: 4px; height: 44px; }

    .sub_about .about_desc { margin-top: 80px; font-size: var(--title-20); font-family: var(--font-type02); }
    .sub_about .about_desc h4 { color: var(--black-color03); font-weight: 700; font-size: 160%; letter-spacing: -0.03em; line-height: 1.38; }
    .sub_about .about_desc p { color: var(--black-color03); font-weight: 400; font-size: 90%; letter-spacing: -0.03em; line-height: 1.78; margin-top: 31px; }
    .sub_about .about_desc p + p { margin-top: 30px; }

    @media (max-width: 1023px){
        .sub_about .flex_des li { width: calc(100% / 2 + 40px); padding-inline: 80px; padding-block: clamp(25px, 5vw, 50px) clamp(25px, 3.6vw, 36px); gap: clamp(12px, 2.4vw, 24px); }
        .sub_about .flex_des li + li { margin-left: -80px; }
        .sub_about .flex_des li:nth-child(2)::before { left: 20px; }
        .sub_about .flex_des li:nth-child(2)::after { left: 40px; }
        .sub_about .flex_des p { font-size: 220%; }

        .sub_about .about_desc { margin-top: clamp(30px, 8vw, 80px); }
        .sub_about .about_desc p { margin-top: clamp(20px, 3vw, 31px); }
        .sub_about .about_desc p + p { margin-top: clamp(20px, 3vw, 29px); }
    }

    @media (max-width: 860px){
        .sub_about .flex_des li { width: calc(100% / 2 + 30px); padding-inline: 60px; }
        .sub_about .flex_des .ico_wrap { width: 64px; }
        .sub_about .flex_des li + li { margin-left: -60px; }
        .sub_about .flex_des li:nth-child(2)::before { left: 20px; width: 22px; height: 3px; }
        .sub_about .flex_des li:nth-child(2)::after { left: 30px; height: 22px; width: 3px; }
        .sub_about .flex_des p { font-size: 190%; }
    }

    @media (max-width: 640px){
        .sub_about .flex_des { flex-direction: column; }
        .sub_about .flex_des li { width: 100%; padding-inline: 30px; }
        .sub_about .flex_des li + li { margin-left: 0; margin-top: -40px; }
        .sub_about .flex_des .ico_wrap { width: 52px; }
        .sub_about .flex_des li:nth-child(1) { padding-bottom: 55px; }
        .sub_about .flex_des li:nth-child(2) { padding-top: 55px; }
        .sub_about .flex_des li:nth-child(2)::before,
        .sub_about .flex_des li:nth-child(2)::after { translate: -50% 0; }
        .sub_about .flex_des li:nth-child(2)::before { left: 50%; top: 20px; }
        .sub_about .flex_des li:nth-child(2)::after { left: 50%; top: 10px; }
        .sub_about .flex_des p { font-size: 160%; }

        .sub_about .about_desc h4 { font-size: 140%; }
    }

    @media (max-width: 479px){
        .sub_about .flex_des li { border-radius: 100px; }
    }


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

	연혁

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

    .sub_history .scr_noti { color: var(--black-color03); font-size: var(--title-18); font-weight: 400; letter-spacing: -0.03em; display: none; margin-bottom: 7px; }
    .sub_history .table_wrap { box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 15px; overflow: hidden; font-size: var(--title-20); }
    .sub_history .table_wrap th, .sub_history .table_wrap td { box-sizing: border-box; padding-inline: 19px; padding-block: 23px 21px; font-family: var(--font-type02); }
    .sub_history .table_wrap tr:not(:first-child) th, .sub_history .table_wrap tr:not(:first-child) td { border-top: 1px solid var(--border-color01); } 
    .sub_history .table_wrap th { background: var(--gray-bg01); word-break: break-all; }
    .sub_history .table_wrap td { color: var(--black-color05); font-weight: 400; font-size: 90%; letter-spacing: 0; line-height: 1.56; word-break: break-word; }

    .sub_history .history_wrap .page_title { padding-block: 140px 59px; }
    .sub_history .history_wrap .flex_des { display: flex; font-size: var(--title-20); box-sizing: border-box; }
    .sub_history .history_wrap .flex_des h4 { box-sizing: border-box; padding-right: 20px; color: var(--black-color03); font-weight: 500; font-size: 230%; line-height: 1.09; letter-spacing: -0.03em; width: 37.5%; }
    .sub_history .history_wrap .flex_des h4 span { font-weight: 700; }
    .sub_history .history_wrap .flex_des .history_box_wrap { width: 62.5%; box-sizing: border-box; }
    .sub_history .history_wrap .flex_des .history_box { position: relative; display: flex; font-size: var(--title-20); box-sizing: border-box; padding-top: 11px; }
    .sub_history .history_wrap .flex_des .history_box::before { content: ''; position: absolute; left: 175px; top: 21px; width: 1px; height: 100%; background: var(--border-color04); }
    .sub_history .history_wrap .flex_des .history_box strong { position: relative; display: block; width: 176px; box-sizing: border-box; padding-right: 40px; font-size: 150%; color: var(--point-color01); font-weight: 600; line-height: 1; letter-spacing: -0.03em; }
    .sub_history .history_wrap .flex_des .history_box strong::before { content: ''; position: absolute; right: 0; top: 10px; width: 8px; height: 8px; background: var(--border-color02); border-radius: 100%; transition: all 0.4s; translate: 50% 0; }
    .sub_history .history_wrap .flex_des .history_box .history { width: calc(100% - 176px); box-sizing: border-box; padding-left: 110px }
    .sub_history .history_wrap .flex_des .history_box:not(:last-child) { padding-bottom: 68px; }
    .sub_history .history_wrap .flex_des:not(:last-child) .history_box:last-child { padding-bottom: 139px; }
    .sub_history .history_wrap .flex_des .history_box .history dl { display: flex; }
    .sub_history .history_wrap .flex_des .history_box .history dl + dl { margin-top: 36px; }
    .sub_history .history_wrap .flex_des .history_box .history dt { box-sizing: border-box; padding-right: 20px; width: 73px; color: var(--black-color00); font-weight: 400; font-size: 110%; line-height: 1.28; letter-spacing: -0.03em; }
    .sub_history .history_wrap .flex_des .history_box .history dd { width: calc(100% - 73px); color: var(--black-color03); font-family: var(--font-type02); font-weight: 400; font-size: 100%; letter-spacing: -0.03em; }
    .sub_history .history_wrap .flex_des:last-child .history_box:last-child::before { display: none; }

    .sub_history .history_wrap .flex_des .history_box .line { position: absolute; left: 175px; top: 21px; width: 1px; height: 0; background: var(--point-color01); }

    /* on */
    .sub_history .history_wrap .flex_des .history_box.on strong::before { background: var(--point-color01);  box-shadow: 0 0 0 6px rgba(0, 141, 67, 0.1); width: 10px; height: 10px; }

    @media (max-width: 1200px){
        .sub_history .history_wrap .flex_des .history_box strong { width: 140px; }
        .sub_history .history_wrap .flex_des .history_box .history { padding-left: 70px; width: calc(100% - 140px); }
        .sub_history .history_wrap .flex_des .history_box::before { left: 140px; }
        .sub_history .history_wrap .flex_des .history_box .line { left: 140px; }
        
    }

    @media (max-width: 1140px){
        .sub_history .table_wrap colgroup col:nth-child(odd) { width: 18%; }
    }

    @media (max-width: 1023px){
        .sub_history .scr_noti { display: block; }
        .sub_history .scr_wrap { width: calc(100% + 30px); margin-left: -30px; overflow: hidden; overflow-x: scroll; margin-right: 30px; }
        .sub_history .table_wrap { width: 1200px; box-sizing: border-box; margin-left: 30px; }
        .sub_history .table_wrap th, .sub_history .table_wrap td { padding-inline: clamp(15px, 1.9vw, 19px); padding-block: clamp(15px, 2vw, 23px) clamp(15px, 2vw, 21px); }

        .sub_history .history_wrap .flex_des h4 { font-size: 210%; width: 33%; }
        .sub_history .history_wrap .flex_des .history_box_wrap { width: 66%; }
        .sub_history .history_wrap .flex_des .history_box strong { padding-right: clamp(25px, 6vw, 40px); }
        .sub_history .history_wrap .flex_des .history_box .history { padding-left: clamp(25px, 6vw, 70px); }
        .sub_history .history_wrap .flex_des:not(:last-child) .history_box:last-child { padding-bottom: clamp(60px, 12vw, 139px); }
        .sub_history .history_wrap .flex_des .history_box:not(:last-child) { padding-bottom: clamp(40px, 7vw, 68px); }
        .sub_history .history_wrap .flex_des .history_box .history dl + dl { margin-top: clamp(20px, 2.5vw, 36px); }

        .sub_history .history_wrap .page_title { padding-block: clamp(70px, 14vw, 140px) clamp(30px, 6vw, 59px); }
    }

    @media (max-width: 860px){
        .sub_history .table_wrap { width: 1100px; }

        .sub_history .history_wrap .flex_des h4 { display: none; }
        .sub_history .history_wrap .flex_des .history_box_wrap { width: 100%; }
        .sub_history .history_wrap .flex_des .history_box { flex-direction: column; gap: 30px; }
        .sub_history .history_wrap .flex_des .history_box::before { left: 4px; }
        .sub_history .history_wrap .flex_des .history_box .line { left: 4px; }
        .sub_history .history_wrap .flex_des .history_box strong { padding-right: 0; padding-left: clamp(25px, 6vw, 70px); }
        .sub_history .history_wrap .flex_des .history_box strong::before { right: unset; left: 0; translate: 0; }
        .sub_history .history_wrap .flex_des .history_box .history { width: 100%; }
    }

    @media (max-width: 640px){
        .sub_history .table_wrap { width: 900px; }

        .sub_history .history_wrap .flex_des .history_box { gap: 20px; }
        .sub_history .history_wrap .flex_des .history_box strong::before { top: 8px; }
        
        .sub_history .history_wrap .flex_des .history_box .history dt { width: 50px; }
        .sub_history .history_wrap .flex_des .history_box .history dd { width: calc(100% - 50px); }
    }

    @media (max-width: 479px){
        .sub_history .table_wrap { width: 800px; border-radius: 8px; }
    }

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

	인증서 현황

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

    .sub_certi .flex_des { display: flex; flex-wrap: wrap; gap: 60px 32px; }
    .sub_certi .flex_des li { width: calc(100% / 4 - 24px); font-size: var(--title-20); }
    .sub_certi .flex_des .img_wrap { box-sizing: border-box; padding: 30px; display: flex; justify-content: center; align-items: center; background: var(--gray-bg01); border-radius: 10px; }
    .sub_certi .flex_des .img_box { box-shadow: var(--shadow-01); }
    .sub_certi .flex_des p { margin-top: 24px; font-size: 100%; color: var(--black-color03); font-weight: 500; font-family: var(--font-type02); text-align: center; letter-spacing: 0; line-height: 1.6; }

    @media (max-width: 1023px){
        .sub_certi .flex_des p { margin-top: clamp(15px, 2vw, 24px); }
        .sub_certi .flex_des li { width: calc(100% / 3 - 21.4px); }
        .sub_certi .flex_des .img_wrap { padding: clamp(25px, 3vw, 30px); }
    }

    @media (max-width: 860px){
        .sub_certi .flex_des { gap: 40px 20px; }
        .sub_certi .flex_des li { width: calc(100% / 3 - 13.4px); }
    }

    @media (max-width: 640px){
        .sub_certi .flex_des li { width: calc(100% / 2 - 10px); }
    }
    
    @media (max-width: 479px){
        .sub_certi .flex_des { gap: 20px 15px; }
        .sub_certi .flex_des li { width: calc(100% / 2 - 7.5px); }
        .sub_certi .flex_des .img_wrap { border-radius: 5px; }
    }

    @media (max-width: 360px){
        .sub_certi .flex_des li { width: 100%; }
    }

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

	오시는길

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

    .sub_location .map_wrap { border-radius: 15px 15px 0 0; overflow: hidden; width: 100%; height: 620px; }
    .sub_location .loca_info { box-sizing: border-box; padding-block: 60px 59px; padding-inline: 59px; display: flex; flex-wrap: wrap; gap: 111px; border: solid var(--border-color01); border-radius: 0 0 15px 15px; border-width: 0 1px 1px 1px; }
    .sub_location .loca_info .logo_wrap { width: 269px; }
    .sub_location .loca_info .logo_wrap .logo { width: 100%; }
    .sub_location .loca_info .info_wrap { width: calc(100% - 380px); }
    .sub_location .loca_info .info_wrap dl { box-sizing: border-box; display: flex; align-items: flex-start; font-size: var(--title-20); gap: 20px; flex-wrap: wrap; }
    .sub_location .loca_info .info_wrap dl + dl { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border-color03); }
    .sub_location .loca_info .info_wrap dt { display: flex; align-items: flex-start; width: 160px; gap: 20px; color: var(--black-color02); font-weight: 400; font-size: 100%; line-height: 1.2; letter-spacing: -0.03em; box-sizing: border-box; }
    .sub_location .loca_info .info_wrap dt span { align-self: center; word-break: break-all; }
    .sub_location .loca_info .info_wrap dd { box-sizing: border-box; padding-top: 6px; width: calc(100% - 180px); color: var(--black-color05); font-weight: 400; font-size: 90%; line-height: 1.34; letter-spacing: -0.03em;  }
    .sub_location .loca_info .info_wrap .icon { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 36px; height: 36px; background: var(--green-bg01); border-radius: 100%; }
    .sub_location .loca_info .info_wrap .icon::before { content: ''; display: block; background-size: 100% auto; }

    .sub_location .loca_info .info_wrap .addr_dl .icon::before { background: url('../images/sub/ico_mark.svg') no-repeat center / cover; width: 12px; height: 16px; }
    .sub_location .loca_info .info_wrap .addr_dl dt { font-weight: 500; }
    .sub_location .loca_info .info_wrap .tel_dl .icon::before { background: url('../images/sub/ico_tel.svg') no-repeat center / cover; width: 15px; height: 15px; }
    .sub_location .loca_info .info_wrap .fax_dl .icon::before { background: url('../images/sub/ico_fax.svg') no-repeat center / cover; width: 16px; height: 15px; }
    .sub_location .loca_info .info_wrap .mail_dl .icon::before { background: url('../images/sub/ico_mail.svg') no-repeat center / cover; width: 15px; height: 10px; }

    @media (max-width: 1023px){
        .sub_location .map_wrap { height: clamp(350px, 60vw, 620px); }
        .sub_location .loca_info { padding-inline: clamp(30px, 4vw, 59px); padding-block: clamp(30px, 4vw, 60px); }
        .sub_location .loca_info { gap: 60px; }
        .sub_location .loca_info .info_wrap { width: calc(100% - 329px); }
        .sub_location .loca_info .info_wrap dt { width: 120px; }
        .sub_location .loca_info .info_wrap dd { width: calc(100% - 140px); }
        .sub_location .loca_info .info_wrap dl + dl { margin-top: clamp(15px, 2vw, 20px); padding-top: clamp(15px, 2vw, 20px); }
    }

    @media (max-width: 860px){
        .sub_location .loca_info { flex-direction: column; gap: 40px; }
        .sub_location .loca_info .logo_wrap { width: 100%; }
        .sub_location .loca_info .info_wrap { width: 100%; }
        .sub_location .loca_info .info_wrap .icon { width: 32px; height: 32px; }

        .sub_location .loca_info .info_wrap .addr_dl .icon::before { width: 10px; height: 14px; }
        .sub_location .loca_info .info_wrap .tel_dl .icon::before { width: 13px; height: 13px; }
        .sub_location .loca_info .info_wrap .fax_dl .icon::before { width: 14px; height: 13px; }
        .sub_location .loca_info .info_wrap .mail_dl .icon::before { width: 13px; height: 8px; }
    }

    @media (max-width: 640px){
        .sub_location .loca_info .logo_wrap .logo { width: 40%; }
        .sub_location .loca_info { gap: 30px; }
        .sub_location .loca_info .info_wrap dt { width: 100px; gap: 15px; }
        .sub_location .loca_info .info_wrap dd { width: calc(100% - 115px); }

        .sub_location .loca_info .info_wrap dl { gap: 15px; }
    }

    @media (max-width: 479px){
        .sub_location .map_wrap { border-radius: 8px 8px 0 0; }
        .sub_location .loca_info { gap: 20px; border-radius: 0 0 8px 8px; }
        .sub_location .loca_info .logo_wrap .logo { width: 60%; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; }
        .sub_location .loca_info .info_wrap .icon { width: 30px; height: 30px; }
        .sub_location .loca_info .info_wrap .addr_dl .icon::before { width: 9px; height: 13px; }
        .sub_location .loca_info .info_wrap .tel_dl .icon::before { width: 12px; height: 12px; }
        .sub_location .loca_info .info_wrap .fax_dl .icon::before { width: 13px; height: 12px; }
        .sub_location .loca_info .info_wrap .mail_dl .icon::before { width: 12px; height: 7px; }
    }

    @media (max-width: 405px){
        .sub_location .loca_info .info_wrap dt { width: 100%; }
        .sub_location .loca_info .info_wrap dl { flex-direction: column; gap: 10px; }
        .sub_location .loca_info .info_wrap dd { width: 100%; padding-top: 0; }
    }


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

	게시판 리스트

───────────────────────────────────────────────────────────*/
    #wrap select, 
	#wrap input[type="text"], 
	#wrap input[type="password"], 
	#wrap input[type="number"], 
	#wrap input[type="date"] { height: 60px; color: var(--black-color06); font-size: var(--title-18); font-weight: 400; outline: none; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 20px 0 18px; letter-spacing: -0.05em; margin: 0; border: 0; font-family: var(--font-type02); }

    #wrap .board_search { line-height: 1.3; margin: 0; text-align: right; font-size: 0; width: 100%; box-sizing: border-box;}
    #wrap .board_search .bbs_search { float: unset; }
    #wrap .board_search_wrap { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
    #wrap .board_search select { width: 160px; height: 50px; padding-right: 40px; border-radius: 4px; border: 1px solid var(--border-color01); margin: 0; background: url('../images/sub/ico_sel_arw.svg') no-repeat center right 19px; appearance: none; cursor: pointer; background-size: 11px 6px;  }
    #wrap .board_search .inp_custom { position: relative; width: calc(100% - 170px); max-width: 360px; }
    #wrap .board_search .inp_custom input[type="text"] { width: 100%;  height: 50px; box-sizing: border-box; margin: 0; border: 1px solid var(--border-color01); border-radius: 4px 0 0 4px; padding: 0 65px 0 18px; }
    #wrap .board_search .btn_search { position: absolute; right: 0; top: 0; width: 50px; height: 50px; appearance: none; border: none; font-size: 0; background: var(--point-color02) url('../images//sub/ico_search.svg') no-repeat center; background-size: 22px 22px; border-radius: 0 4px 4px 0; }

    #wrap .sub_board ul.bbs_gallery { width: 100%; margin-left: 0; display: flex; flex-wrap: wrap; gap: 40px; margin-top: 40px; font-size: unset; padding: 0; }
    #wrap .sub_board ul.bbs_gallery:after { display: none; }
    #wrap ul.bbs_gallery li { display: inline-block; vertical-align: top; width: calc(100% / 3 - 26.7px); margin: 0; position: relative; box-sizing: border-box; padding-block: 29px 89px; padding-inline: 29px; box-shadow: var(--shadow-02); border-radius: 15px; }
    #wrap ul.bbs_gallery li .thumb { text-align: center; width: 100%; padding: 0; height: auto; position: relative; border: 1px solid transparent; box-sizing: border-box; overflow: hidden; vertical-align: top; font-size: 0; border-radius: 10px; overflow: hidden; }
    #wrap ul.bbs_gallery li .thumb img { width: 100%; height: auto; vertical-align: top; box-sizing: border-box; position: static; left: 0; top: 0; transform: unset; }
    #wrap ul.bbs_gallery li .txt_info { font-size: var(--title-20); font-family: var(--font-type02); padding: 0; margin-top: 29px; box-sizing: border-box; padding-left: 1px; }
    #wrap ul.bbs_gallery li .txt_info dt { color: var(--black-color03); font-weight: 700; font-size: 160%; line-height: 1.38; letter-spacing: -0.03em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
    #wrap ul.bbs_gallery li .txt_info dd { margin-top: 11px; color: var(--black-color06); font-weight: 400; font-size: 90%; line-height: 1.67; letter-spacing: -0.03em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    #wrap ul.bbs_gallery li p { position: absolute; left: 30px; bottom: 34px; display: block; color: var(--black-color08); text-align: left; margin: 0; font-size: var(--title-18); line-height: 1.3; margin-top: 0; letter-spacing: -0.03em; }
    #wrap ul.bbs_gallery li a { border: 1px solid var(--trans-color); border-radius: inherit; transition: all 0.3s; box-sizing: border-box; }

    #wrap .nodata_ul { font-size: var(--title-20); font-weight: 500; color: var(--black-color03); margin-top: 80px; }

    #wrap .view_btn { min-height: auto; line-height: 1.3; }
    #wrap .paging { display: flex; gap: 5px; justify-content: center; align-items: center; margin: 0; margin-top: 60px; min-height: unset; padding-top: 0; line-height: 1.3; }
    #wrap .paging a { display: inline-flex; align-items: center; justify-content: center; font-size: var(--title-17); font-weight: 400; color: var(--black-color06); padding: 0; border: 0; box-sizing: border-box; min-width: 36px; min-height: 36px; width: auto; height: auto; line-height: 1; text-align: center; vertical-align: top; font-family: var(--font-type01); margin: 0; padding-right: 1px; padding-top: 1px; }
    #wrap .paging :is(.on a, a.on) { border-radius: 100%; background: var(--point-color01); color: var(--point-white); font-weight: 600; }
    #wrap .paging .arrow a {font-size:0; min-width:34px; background:no-repeat center; }
    #wrap .paging .arrow a img { display: none; }
    #wrap .paging .arrow.first a {background-image:url("../images/sub/ico_pagi_first.svg");}
    #wrap .paging .arrow.prev a {background-image:url("../images/sub/ico_pagi_prev.svg"); margin-right:0;}
    #wrap .paging .arrow.next a {background-image:url("../images/sub/ico_pagi_next.svg"); margin-left:0;}
    #wrap .paging .arrow.last a {background-image:url("../images/sub/ico_pagi_last.svg");}


    @media (hover: hover) and (pointer: fine){
        #wrap ul.bbs_gallery li:hover a { border-color: var(--point-color01); }
    }

    @media (max-width: 1023px){
        #wrap .sub_board ul.bbs_gallery { margin-top: clamp(20px, 4vw, 40px); }
        #wrap ul.bbs_gallery li { width: calc(100% / 2 - 20px); padding-inline: clamp(20px, 3vw, 29px); padding-block: clamp(20px, 3vw, 29px) clamp(40px, 9vw, 89px); }
        #wrap ul.bbs_gallery li .txt_info { margin-top: clamp(15px, 3vw, 29px); }
        #wrap ul.bbs_gallery li .txt_info dt { font-size: 140%; }
        #wrap ul.bbs_gallery li .txt_info dd { margin-top: clamp(7px, 1vw, 11px); }
        #wrap ul.bbs_gallery li p { left: clamp(20px, 3vw, 31px); bottom: clamp(20px, 3vw, 33px); }

        #wrap .nodata_ul { margin-top: clamp(40px, 8vw, 80px); }

        #wrap .paging { margin-top: clamp(40px, 6vw, 60px); }
    }

    @media (max-width: 860px){
        #wrap .sub_board ul.bbs_gallery { gap: 20px; }
        #wrap ul.bbs_gallery li { width: calc(100% / 2 - 10px); }
        #wrap ul.bbs_gallery li .txt_info dt { font-size: 130%; }
    }

    @media (max-width: 640px){
        


        #wrap ul.bbs_gallery li .txt_info dt { font-size: 120%; }
        #wrap .paging a { min-width: 30px; min-height: 30px; }
        #wrap .paging .arrow a { min-width: 30px; }

        #wrap select, #wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap input[type="date"] { padding: 0 15px 0 15px; height: 45px; }
        #wrap .board_search select { height: 40px; width: 120px; }
        #wrap .board_search .inp_custom { max-width: 300px; width: calc(100% - 130px); }
        #wrap .board_search .inp_custom input[type="text"] { height: 40px; padding: 0 55px 0 15px; }
        #wrap .board_search .btn_search { width: 40px; height: 40px; background-size: 16px 16px;  }
    }

    @media (max-width: 479px){
        #wrap .sub_board ul.bbs_gallery { gap: 20px 15px }
        #wrap ul.bbs_gallery li { width: calc(100% / 2 - 7.5px); border-radius: 8px; }
        #wrap ul.bbs_gallery li .thumb { border-radius: 5px; }
        
        .board_search .board_search_sel { margin-bottom: 0; text-align: right; width: auto; }
        
    }

    @media (max-width: 375px){
        .board_search .board_search_sel { width: 100%; }
        #wrap ul.bbs_gallery li { width: 100%; }
        #wrap .board_search select { width: 100%; max-width: unset; }
        #wrap .board_search .inp_custom { width: 100%; max-width: unset; }
    }


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

	게시판 뷰

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

    #wrap .bbs_view { margin-top: 0; }
    #wrap .bbs_view div.view_tit { padding: 0; border-bottom: 1px solid var(--border-color01) ; border-top: 1px solid var(--black-color03); margin: 0 auto; width: 100%; box-sizing: border-box; text-align: left; vertical-align: top; font-size: 0; font-size: var(--title-20); padding-block: 30px 29px; padding-inline: 20px; }
    #wrap .bbs_view h4 { border-bottom: 0; padding: 0; font-size: 160%; font-weight: 700; color: var(--black-color03); font-family: var(--font-type02); line-height: 1.38; letter-spacing: -0.03em; }
    #wrap .bbs_view div.view_tit > p { font-size: 90%; width: 100%; line-height: inherit; color: var(--black-color08); text-align: left; line-height: 1.67; font-family: var(--font-type02); margin-top: 21px; }

    #wrap .bbs_view div.view_cont { padding: 51px 20px 50px; color: var(--black-color06); font-size: var(--title-18); font-family: var(--font-type02); line-height: 1.67; min-height: 300px; border-bottom: 1px solid var(--border-color01); margin: 0 auto; width: 100%; box-sizing: border-box; text-align: left; vertical-align: top; word-break: keep-all; letter-spacing: -0.03em; }
    #wrap .bbs_view div.view_cont .thumb_img_wrap { padding-bottom: 0; text-align: left; margin-top: 29px; border-radius: 10px; overflow: hidden; width: fit-content; }

    #wrap .btn_wrap { margin: 0 auto; padding: 0; padding-top: 0; margin-top: 60px; font-size: 0; vertical-align: top; display: inline-block; }
    #wrap .btn { position: relative; display: flex; justify-content: center; align-items: center; width: 160px; height: 64px; background: var(--point-white); border: 1px solid var(--border-color02); color: var(--black-color03); font-weight: 400; font-size: var(--title-20); font-family: var(--font-type02); line-height: 1.6; letter-spacing: -0.03em; border-radius: 200px; padding-inline: 20px; overflow: hidden; z-index: 2; transition: all 0.5s; }
    #wrap .btn::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--point-color01); translate: -100% 0; transition: all 0.4s; z-index: 1; }

    #wrap .btn span { position: relative; z-index: 2; color: inherit; font-size: inherit; display: block; }

    #wrap .btn_point { background-color: var(--point-color01) !important; border-color: var(--trans-color) !important;  }

    @media (hover: hover) and (pointer: fine){
        #wrap .btn:hover { color: var(--point-white); border: 1px solid var(--trans-color); }
        #wrap .btn:hover::before { translate: 0 0; }
    }

    @media (max-width: 1023px){
        #wrap .bbs_view div.view_tit { padding-block: clamp(20px, 3vw, 30px); padding-inline: clamp(15px, 2vw, 20px); }
        #wrap .bbs_view div.view_tit > p { margin-top: clamp(15px, 2vw, 21px); }
        #wrap .bbs_view div.view_cont { padding: clamp(30px, 5vw, 50px) clamp(15px, 2vw, 20px); }

        #wrap .bbs_view div.view_cont .thumb_img_wrap { margin-top: clamp(20px, 3vw, 29px); }
        #wrap .btn_wrap { margin-top: clamp(40px, 6vw, 60px); }
        #wrap .view_btn .btn_wrap.ta_left { position: static; }
    }

    @media (max-width: 640px){
        #wrap .btn { width: 140px; height: 56px; }
        .bbs_view div.view_tit > p { padding-top: 0; }
    }

    @media (max-width: 479px){
        #wrap .bbs_view div.view_cont .thumb_img_wrap { border-radius: 5px; }
        #wrap .btn { width: 100px; height: 44px; padding-inline: 15px; border-radius: 100px; }
    }


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

	게시판 쓰기

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

    #smart_editor2 { width: 100% !important; }

    #wrap input[type="checkbox"] + label{font-size:var(--title-18);color:var(--black-color03);font-weight:500;letter-spacing: 0; font-family: var(--font-type02); }
	#wrap input[type="checkbox"] + label strong{font-size:inherit;color:var(--point-color01);font-weight:500;}
	#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { display:inline-block; content:""; width:26px; height:26px; margin:-4px 10px 0 0; vertical-align:middle; background:url("../images/sub/ico_chk.svg") no-repeat 0 50%; cursor:pointer;background-size:auto 100%; flex-shrink: 0; border-radius: 2px; overflow: hidden; }
	#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before { background:url("../images/sub/ico_chk_on.svg") no-repeat 0 50%;background-size:auto 100%;}


    #wrap .bbs_write { box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap; gap: 20px; padding-block: 40px; border-top: 1px solid var(--black-color00); border-bottom: 1px solid var(--border-color01); }
    #wrap .bbs_write .line2 { display: flex; flex-wrap: wrap; gap: 92px; }
    #wrap .bbs_write .line2 dl { width: calc(50% - 46px); }
    #wrap .bbs_write dl { display: flex; flex-wrap: wrap; width: 100%; align-items: baseline; box-sizing: border-box; }
    #wrap .bbs_write dl dt { width: 152px; box-sizing: border-box; padding-right: 15px; padding-left: 2px; color: var(--black-color03); font-weight: 500; font-size: var(--title-20); letter-spacing: -0.03em; font-family: var(--font-type02); }
    #wrap .bbs_write dl dt .require_dot { color: var(--point-color01); }
    #wrap .bbs_write dl dd { width: calc(100% - 152px); display: flex; align-items: center; }
    #wrap .bbs_write dl.text_box { align-items: flex-start; }
    #wrap .bbs_write dl.text_box dt { box-sizing: border-box; padding-top: 16px; align-self: unset; }
    #wrap .bbs_write dl.text_box dd { width: calc(100% - 152px); }
    #wrap .bbs_write dl.text_box textarea { width: 100%; min-height: 250px; height: auto; border-radius: 6px; border: 1px solid var(--border-color01); color: var(--black-color03); font-weight: 400; font-size: var(--title-20); font-family: var(--font-type02); padding: 20px 20px 20px 18px; outline:0; }

    #wrap .bbs_write dl.captcha_dl dd { gap: 10px; flex-wrap: wrap; }
    #wrap .bbs_write dl.captcha_dl dd .captcha_wrap { box-sizing: border-box; padding: 9px; display: flex; gap: 10px; border: 1px solid var(--border-color01); border-radius: 6px; }
    #wrap .bbs_write dl.captcha_dl dd .captcha_wrap #refreshCode { display: inline-flex; background:var(--point-white) url('../images/sub/ico_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width:40px; width:40px; height:40px;box-sizing: border-box;border:1px solid var(--border-color01); border-radius: 6px; }
    #wrap .bbs_write dl.captcha_dl dd input#captcha { width: calc(100% - 237px); max-width: 260px; }
    #wrap .bbs_write dl.captcha_dl dd #captcha_box { margin: 0; width: 155px; height: 40px; box-sizing: border-box; overflow: hidden; border-radius: 6px; }
    #wrap .bbs_write dl.captcha_dl dd #captcha_box img { width: calc(100% + 2px) !important; height: calc(100% + 2px) !important; max-width: initial; max-height: initial; margin-left: -1px; margin-top: -1px; }
    #wrap .bbs_write input[type="text"], #wrap .bbs_write input[type="password"], #wrap .bbs_write input[type="number"], #wrap .bbs_write input[type="date"] { height: 60px; line-height: 1.5; width: 100%; border: 0; background: var(--point-white); color: var(--black-color03); font-weight: 400; font-size: var(--title-20); font-family: var(--font-type02); padding: 0 20px 0 18px; text-indent: 0; margin: 0; box-sizing: border-box; vertical-align: middle; text-align: left; outline: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.04em; border: 1px solid var(--border-color01); border-radius: 6px; }
    #wrap .bbs_write input[type="text"]::placeholder, #wrap .bbs_write input[type="password"]::placeholder, #wrap .bbs_write input[type="number"]::placeholder, #wrap .bbs_write input[type="date"]::placeholder, #wrap .bbs_write textarea::placeholder { color: var(--black-color08); font-weight: 400; }

    #wrap .policy_wrap { box-sizing: border-box; margin-top: 40px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0;  }
    #wrap .policy_wrap .chk_cont { display: flex; align-items: baseline; justify-content: space-between; width: 100%; }
    #wrap .policy_wrap .chk_cont a { font-size: var(--title-16); color: var(--black-color08); font-weight: 400; text-decoration: underline; letter-spacing: -0.03em; text-underline-offset: 4px; transform: translateY(-2px); }
    #wrap .policy_wrap .area_box { width: 100%; margin-top: 20px; padding: 0 9px; box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 10px; }
    #wrap .policy_wrap .area_box textarea { width: 100%; height: 158px; padding: 30px 20px 16px; box-sizing: border-box; color: var(--black-color07); font-weight: 400; font-size: var(--title-15); line-height: 1.74; letter-spacing: 0; font-family: var(--font-type02); border: none; resize: none; background: var(--trans-color); outline: none; }

    #wrap .policy_wrap .area_box textarea::-webkit-scrollbar { width: 4px;}
    #wrap .policy_wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color10); border-radius: 2px; }
    #wrap .policy_wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background:var(--border-color01); margin-block: 10px; }

    #wrap .policy_wrap + .btn_wrap { margin-top: 50px; }

    
    @media (max-width: 1023px){
        #wrap .bbs_write { padding-block: clamp(30px, 4vw, 40px); }
        #wrap .bbs_write .line2 { gap: 40px; }
        #wrap .bbs_write .line2 dl { width: calc(50% - 20px); }
        #wrap .bbs_write dl dt { width: 140px; }
        #wrap .bbs_write dl dd { width: calc(100% - 140px); }
        #wrap .bbs_write dl.text_box dd { width: calc(100% - 140px); }

        #wrap .policy_wrap { margin-top: clamp(30px, 4vw, 40px); }
        #wrap .policy_wrap .area_box textarea { height: clamp(120px, 16vw, 158px); padding: clamp(20px, 3vw, 30px) clamp(15px, 2vw, 20px) clamp(10px, 1.6vw, 16px); }

        #wrap .policy_wrap + .btn_wrap { margin-top: clamp(40px, 5vw, 50px); }
    }

    @media (max-width: 860px){
        #wrap .bbs_write .line2 { gap: 20px; }
        #wrap .bbs_write .line2 dl { width: calc(50% - 10px); }
        #wrap .bbs_write dl dt { width: 125px; }
        #wrap .bbs_write dl dd { width: calc(100% - 125px); }
        #wrap .bbs_write dl.text_box dd { width: calc(100% - 125px); }
    }

    @media (max-width: 640px){
        #wrap .bbs_write { gap: 15px; }
        #wrap .bbs_write .line2 { gap: 15px; }
        #wrap .bbs_write .line2 dl { width: 100%; }
        #wrap .bbs_write dl dt { font-size: var(--title-19); }

        #wrap .bbs_write input[type="text"], #wrap .bbs_write input[type="password"], #wrap .bbs_write input[type="number"], #wrap .bbs_write input[type="date"] { padding: 0 15px 0 15px; height: 45px; font-size: var(--title-19); border-radius: 3px; }

        #wrap .bbs_write dl.text_box dt { display: none; }
        #wrap .bbs_write dl.text_box dd { width: 100%; }
        #wrap .bbs_write dl.text_box textarea { padding: 15px; min-height: clamp(200px, 25vw, 250px); font-size: var(--title-19); border-radius: 3px; }

        #wrap .bbs_write dl.captcha_dl dd .captcha_wrap { padding: 7px; border-radius: 3px; }
        #wrap .bbs_write dl.captcha_dl dd #captcha_box { width: 140px; height: 30px; border-radius: 3px; }
        #wrap .bbs_write dl.captcha_dl dd .captcha_wrap #refreshCode { width: 30px; height: 30px; min-width: 30px; border-radius: 3px; background-size: 13px 13px; }
        #wrap .bbs_write dl.captcha_dl dd input#captcha { width: calc(100% - 206px); max-width: unset; }
        #wrap .policy_wrap .area_box { border-radius: 5px; }
    }

    @media (max-width: 535px){
        #wrap .bbs_write dl.captcha_dl dd input#captcha { width: 100%; }
    }

    @media (max-width: 479px){
        #wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { width: 20px; height: 20px; margin: -2px 5px 0 0; }
        #wrap .bbs_write dl.captcha_dl dd #captcha_box { width: 130px; }
    }

    @media (max-width: 345px){
        #wrap .bbs_write dl.captcha_dl dd #captcha_box { width: calc(100% - 40px); }
    }

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

	비지니스

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

    .sub_business .page_title { padding-block: 100px 52px; }
    .sub_business .depth03 { display: flex; gap: 49px; width: 100%; height: 100%; flex-wrap: nowrap; justify-content: center; box-sizing: border-box; border-bottom: 1px solid var(--border-color04); text-align: center; }
    .sub_business .depth03 > li { position: relative; width: fit-content; font-size: var(--title-20); font-family: var(--font-type02);  }
    .sub_business .depth03 > li::before { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--trans-color); scale: 0; transition: all 0.4s; }
    .sub_business .depth03 > li a { font-size: 100%; color: var(--black-color07); font-weight: 600; line-height: 1.5; letter-spacing: -0.03em; transition: all 0.4s; display: block; width: 100%; height: 100%; box-sizing: border-box; padding-bottom: 9px; padding-inline: 1px; }

    .sub_business .desc_banner { box-sizing: border-box; padding-block: 41px 40px; padding-inline: 40px; font-size: var(--title-20); background: var(--green-bg01); border-radius: 10px; margin-bottom: 59px; margin-top: 60px; }
    .sub_business .desc_banner h4 { color: var(--point-color01); font-weight: 500; font-size: 180%; line-height: 1.12; letter-spacing: -0.03em; }
    .sub_business .desc_banner p { margin-top: 19px; color: var(--black-color03); font-family: var(--font-type02); font-weight: 400; font-size: 100%; line-height: 1.6; letter-spacing: -0.03em; }
    .sub_business .desc_banner p strong { color: var(--black-color01); font-weight: 700; }

    .sub_business .busi_img_wrap { position: relative; border-radius: 10px; overflow: hidden; }
    .sub_business .busi_img_wrap img { min-height: 250px; object-fit: cover; }
    .sub_business .img_border { position: relative;  }
    .sub_business .img_border::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; border: 1px solid var(--border-color01); box-sizing: border-box; }

    .sub_business .busi_cont + .busi_cont { margin-top: 80px; }

    .sub_title { font-size: var(--title-20); margin-bottom: 30px; }
    .sub_title .bullet { gap: 12px; color: var(--black-color03); font-family: var(--font-type02); font-size: 160%; font-weight: 600; line-height: 1.38; letter-spacing: -0.03em; }
    .sub_title .bullet::before { width: 8px; height: 8px; translate: 0 18px; }

    .circle_num_list { display: flex; flex-wrap: wrap; gap: 30px; counter-reset: circle_num 0; }
    .circle_num_list > li { width: calc(100% / 2 - 15px); box-sizing: border-box; padding-block: 29px 31px; padding-inline: 29px; border: 1px solid var(--border-color01); border-radius: 10px; font-size: var(--title-20); }
    .circle_num_list > li strong { display: flex; align-items: center; gap: 16px; color: var(--black-color03); font-family: var(--font-type02); font-size: 110%; font-weight: 600; line-height: 1.19; letter-spacing: -0.03em; }
    .circle_num_list > li strong::before { content: counter(circle_num, decimal-leading-zero); counter-increment: circle_num 1; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; box-sizing: border-box; padding: 7px; padding-right: 8px; color: var(--point-white); font-weight: 400; font-size: var(--title-16); font-family: var(--font-type01); background: var(--point-color01); border-radius: 100%; flex-shrink: 0; align-self: flex-start; letter-spacing: -0.01em; }
    .circle_num_list > li p { color: var(--black-color05); font-weight: 500; font-size: 90%; line-height: 1.45; letter-spacing: -0.03em; margin-top: 21px; font-family: var(--font-type02); box-sizing: border-box; }

    .circle_num_list .bullet_list { margin-top: 21px; }

    .bullet_list > li { display: flex; gap: 10px; color: var(--black-color05); font-weight: 400; font-size: var(--title-18); letter-spacing: -0.03em; line-height: 1.45; font-family: var(--font-type02); }
    .bullet_list > li::before { content: ''; display: block; width: 4px; height: 4px; flex-shrink: 0; background: var(--border-color02); border-radius: 100%; translate: 0 10px; }
    .bullet_list > li + li { margin-top: 9px; }

    .ico_list { display: flex; flex-wrap: wrap; }
    .ico_list > li { position: relative; width: calc(100% / 4); padding-block: 29px 30px; padding-inline: 30px; box-sizing: border-box; text-align: center; }
    .ico_list > li + li::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-left: 1px solid var(--border-color01); }
    .ico_list > li .ico_wrap { display: flex; justify-content: center; align-items: flex-start; height: 66px; }
    .ico_list > li dl { font-size: var(--title-20); font-family: var(--font-type02); margin-top: 25px; }
    .ico_list > li dt { color: var(--black-color03); font-weight: 500; font-size: 110%; line-height: 1.37; letter-spacing: -0.03em; }
    .ico_list > li dd { color: var(--black-color05); font-weight: 400; font-size: 90%; line-height: 1.45; letter-spacing: -0.03em; margin-top: 17px; }

    .num_list { display: flex; gap: 20px; flex-wrap: nowrap; width: 100%; counter-reset: num 0; }
    .num_list > li { position: relative; width: 100%; height: 210px; box-sizing: border-box; padding-block: 27px; padding-inline: 27px; font-size: var(--title-20); font-family: var(--font-type02); border-radius: 10px; border: 1px solid var(--border-color01); }
    .num_list > li strong { color: var(--black-color03); font-size: 100%; font-weight: 600; line-height: 1.5; letter-spacing: -0.03em; }
    .num_list > li p { margin-top: 11px; color: var(--black-color03); font-size: 90%; font-weight: 400; line-height: 1.65; letter-spacing: -0.03em; }
    .num_list > li p strong { color: var(--point-color01); font-weight: 500; font-size: inherit; }
    .num_list > li + li::before { content: ''; position: absolute; left: -22px; top: 50%; width: 22px; height: 1px; background: var(--border-color01); }
    .num_list > li::after { content: counter(num, decimal-leading-zero); counter-increment: num 1; position: absolute; right: 29px; bottom: 21px; color: var(--border-color02); text-align: right; font-size: 100%; font-weight: 400; letter-spacing: -0.02em; font-family: var(--font-type01); }


    /* on */
    .sub_business .depth03 > li.on::before { background-color: var(--point-color01); scale: 1; }
    .sub_business .depth03 > li.on a { color: var(--point-color01); font-weight: 700; }

    @media (hover: hover) and (pointer: fine){
        .sub_business .depth03 > li:hover a { color: var(--point-color01); font-weight: 700; }
        .sub_business .depth03 > li:hover::before { scale: 1; background: var(--point-color01); }
    }

    @media (max-width: 1365px){
        .sub_business .desc_banner br.for_pc { display: none; }
    }

    @media (max-width: 1350px){
        .num_list br.for_pc { display: none; }
    }

    @media (max-width: 1135px){
        .ico_list br.for_pc { display: none; }

        .num_list.num5 { flex-wrap: wrap; justify-content: flex-end; }
        .num_list.num5 > li { width: calc(100% / 3 - 13.4px); }
        .num_list.num5 > li:nth-child(4) { order: 4; }
        .num_list.num5 > li:nth-child(4)::before { left: 50%; top: -22px; width: 1px; height: 22px; }
        .num_list.num5 > li:nth-child(5)::before { left: unset; right: -22px; }
    }

    @media (max-width: 1023px){
        .sub_business .page_title { padding-block: clamp(60px, 10vw, 100px) clamp(30px, 6vw, 52px); }
        .sub_business .depth03 > li a { padding-bottom: clamp(5px, 0.9vw, 9px); }
        .sub_business .desc_banner { padding-block: clamp(20px, 4vw, 41px) clamp(20px, 4vw, 40px); padding-inline: clamp(20px, 4vw, 40px); margin-bottom: clamp(30px, 6vw, 59px); margin-top: clamp(30px, 6vw, 60px); }
        .sub_business .desc_banner p { margin-top: clamp(12px, 1.9vw, 19px); }
        .sub_business .busi_cont + .busi_cont { margin-top: clamp(40px, 8vw, 80px); }
        .sub_title { margin-bottom: clamp(20px, 3vw, 30px); }
        .circle_num_list > li { padding-inline: clamp(20px, 3vw, 29px); padding-block: clamp(20px, 3vw, 29px) clamp(20px, 3vw, 31px); }
        .circle_num_list .bullet_list { margin-top: clamp(15px, 2vw, 21px); }
        .circle_num_list > li p { margin-top: clamp(15px, 2vw, 21px); }
        .ico_list > li { padding-block: clamp(20px, 3vw, 29px) clamp(20px, 3vw, 31px); padding-inline: clamp(20px, 3vw, 30px); width: calc(100% / 2); }
        .ico_list > li dl { margin-top: clamp(15px, 2.5vw, 25px); }
        .ico_list > li dd { margin-top: clamp(10px, 1.7vw, 17px); }
        .ico_list > li:nth-child(3)::before { border-left: 0; border-top: 1px solid var(--border-color01); }
        .ico_list > li:nth-child(4)::before { border-top: 1px solid var(--border-color01); }

        .num_list > li { padding-block: clamp(20px, 2.5vw, 27px); padding-inline: clamp(20px, 2.5vw, 27px); height: clamp(170px, 21vw, 210px); }
        .num_list > li::after { right: clamp(20px, 2.5vw, 29px); }

        .num_list.num4 { flex-wrap: wrap; justify-content: flex-end; }
        .num_list.num4 > li { width: calc(100% / 3 - 13.34px); }
        .num_list.num4 > li:nth-child(4)::before { left: 50%; top: -22px; width: 1px; height: 22px; }
    }

    @media (max-width: 860px){
        .sub_business .depth03 { gap: 40px; }
        
        .circle_num_list { gap: 20px; }
        .circle_num_list > li { width: calc(100% / 2 - 10px); }
        .circle_num_list > li strong { gap: 10px; }
        .circle_num_list > li strong::before { width: 34px; height: 34px; }

        .ico_list > li .ico_wrap { height: 52px; }

        .num_list.num4 { justify-content: flex-start; }
        .num_list.num4 > li { width: calc(100% / 2 - 10px); }
        .num_list.num4 > li:nth-child(3) { order: 4; }
        .num_list.num4 > li:nth-child(3)::before { left: 50%; top: -22px; width: 1px; height: 22px; }
        .num_list.num4 > li:nth-child(4) { order: 3; }
        .num_list.num4 > li:nth-child(4)::before { left: unset; top: 50%; right: -22px; width: 22px; height: 1px; }
    }

    @media (max-width: 640px){
        .sub_business .depth03 { gap: 20px; }
        .sub_business .desc_banner h4 { font-size: 160%; }
        .sub_title .bullet { gap: 8px; font-size: 140%; }
        .sub_title .bullet::before { width: 5px; height: 5px; translate: 0 14px; }
        .circle_num_list > li { width: 100%; }
        .bullet_list > li { gap: 5px; }
        .bullet_list > li::before { width: 3px; height: 3px; translate: 0 8px; }
        .ico_list > li .ico_wrap { height: 48px;  margin-inline: auto; }

        .num_list.num5 { justify-content: flex-start; }
        .num_list.num5 > li { width: calc(100% / 2 - 10px); }
        .num_list.num5 > li:nth-child(3) { order: 4; }
        .num_list.num5 > li:nth-child(3)::before { left: 50%; top: -22px; width: 1px; height: 22px; }
        .num_list.num5 > li:nth-child(4) { order: 3; }
        .num_list.num5 > li:nth-child(4)::before { left: unset; right: -22px; top: 50%; width: 22px; height: 1px; }
        .num_list.num5 > li:nth-child(5) { order: 4; }
        .num_list.num5 > li:nth-child(5)::before { left: 50%; top: -22px; width: 1px; height: 22px; }
    }

    @media (max-width: 479px){
        .sub_business .depth03 { gap: 15px; }
        .sub_business .desc_banner { border-radius: 5px; }
        .sub_business .busi_img_wrap { border-radius: 5px; }
        .sub_title .bullet::before { translate: 0 12px; }
        .circle_num_list > li { border-radius: 5px; }
        .circle_num_list > li strong::before { width: 28px; height: 28px; }

        .num_list > li { border-radius: 5px; }
        .num_list > li p { font-size: 100%; }

        .num_list.num5 > li { width: 100%; order: unset !important; }
        .num_list.num5 > li::before { left: 50% !important; top: -22px !important; width: 1px !important; height: 22px !important; }

        .num_list.num4 > li { width: 100%; }
        .num_list.num4 > li::before { left: 50% !important; top: -22px !important; width: 1px !important; height: 22px !important; }
    }

    @media (max-width: 415px){
        .ico_list > li { width: 100%; }
        .ico_list > li + li::before { border-left: 0; border-top: 1px solid var(--border-color01); }
    }

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

	FEMS

───────────────────────────────────────────────────────────*/
    .sub_fems .busi_img_wrap::before { content: ''; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: inherit; }



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

	BEMS

───────────────────────────────────────────────────────────*/
    .sub_bems .ico_list > li:nth-child(2) .ico_wrap { align-self: center; }


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

	온실가스

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

    .sub_gas .desc_banner { margin-bottom: 0;}
    .sub_gas .desc_banner h4 { font-weight: 600; }
    .sub_gas .sub_title { margin-bottom: 21px; }
    .sub_gas .img_flex { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 39px; }
    .sub_gas .img_flex .img_box { position: relative; width: calc(100% / 2 - 10px); border-radius: 10px; overflow: hidden; box-sizing: border-box; }

    .sub_gas .img_wrap { margin-top: 39px; }

    @media (max-width: 1023px){
        .sub_gas .sub_title { margin-bottom: clamp(15px, 2vw, 21px); }
        .sub_gas .img_flex { margin-top: clamp(20px, 4vw, 39px); }
        .sub_gas .img_wrap { margin-top: clamp(20px, 4vw, 39px); }
    }

    @media (max-width: 640px){
        .sub_gas .img_flex { flex-direction: column; }
        .sub_gas .img_flex .img_box { width: 100%; }
    }

    @media (max-width: 479px){
        .sub_gas .img_flex .img_box { border-radius: 5px; }
    }

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

	Off-Grid 시스템

───────────────────────────────────────────────────────────*/
    .sub_off .busi_img_wrap { display: flex; justify-content: center; align-items: center; padding-block: 36px 35px; padding-inline: 50px; }
    .sub_off .busi_img_wrap img { margin-right: 32px; }

    .sub_off .desc_banner h4 { font-weight: 600; font-family: var(--font-type02); }

    .sub_off .ico_list > li { padding-block: 25px 30px; }
    .sub_off .ico_list > li .ico_wrap { align-items: flex-end; }
    .sub_off .ico_list > li dl { margin-top: 30px }

    @media (max-width: 1023px){
        .sub_off .busi_img_wrap { padding-block: clamp(25px, 3.5vw, 36px); padding-inline: clamp(25px, 5vw, 50px); }
        .sub_off .busi_img_wrap img { margin-right: clamp(20px, 2.5vw, 32px); }
        .sub_off .ico_list > li { padding-block: clamp(20px, 3vw, 25px) clamp(20px, 3vw, 30px); }
        .sub_off .ico_list > li dl { margin-top: clamp(15px, 2.5vw, 30px); }
    }

    @media (max-width: 479px){
        .sub_off .ico_list > li .ico_wrap { align-items: center; }
    }

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

	On-Grid 시스템

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

    .sub_on .desc_banner h4 { font-weight: 600; font-family: var(--font-type02); }

    .sub_on .busi_img_wrap { display: flex; justify-content: center; align-items: center; padding-block: 27px 37px; padding-inline: 50px;  }
    .sub_on .busi_img_wrap img { margin-left: 99px; }

    .sub_on .num_list > li { padding-block: 28px; }
    .sub_on .num_list > li p { margin-top: 0; }

    .sub_on .ico_list > li { padding-block: 26px 30px; }
    .sub_on .ico_list > li .ico_wrap { align-items: center; }
    .sub_on .ico_list > li dl { margin-top: 27px; }

    @media (max-width: 1023px){
        .sub_on .busi_img_wrap img { margin-left: clamp(20px, 4vw, 99px); }
        .sub_on .num_list > li { padding-block: clamp(20px, 2.5vw, 28px); }
        .sub_on .ico_list > li { padding-block: clamp(20px, 3vw, 26px) clamp(20px, 3vw, 31px); }
        .sub_on .ico_list > li dl { margin-top: clamp(15px, 2.5vw, 27px); }
    }

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

	ESS 시스템

───────────────────────────────────────────────────────────*/
    .sub_ess .desc_banner h4 { font-weight: 600; font-family: var(--font-type02); }
    .sub_ess .ico_list > li { padding-block: 22px 30px; }
    .sub_ess .ico_list > li .ico_wrap { height: 79px; align-items: center; }
    .sub_ess .ico_list > li dl { margin-top: 20px; }
    .sub_ess .ico_list > li dd { margin-top: 16px; }
    .sub_ess .num_list > li { height: 190px; }

    @media (max-width: 1023px){
        .sub_ess .ico_list > li { padding-block: clamp(20px, 3vw, 22px) clamp(20px, 3vw, 30px); }
        .sub_ess .ico_list > li dl { margin-top: clamp(15px, 2vw, 20px); }
        .sub_ess .ico_list > li dd { margin-top: clamp(10px, 1.6vw, 17px); }

        .sub_ess .num_list > li { height: clamp(170px, 19vw, 190px); }
    }

    @media (max-width: 860px){
        .sub_ess .ico_list > li .ico_wrap { height: 52px; }
    }

    @media (max-width: 640px){
        .sub_ess .ico_list > li .ico_wrap { height: 48px; }
    }

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

	전기차 충전 시스템

───────────────────────────────────────────────────────────*/
    .sub_car .desc_banner h4 { font-weight: 600; }
    .sub_car .circle_num_list { gap: 20px; }
    .sub_car .circle_num_list > li { width: 100%; padding-block: 29px 28px; }

    @media (max-width: 1023px){
        .sub_car .circle_num_list > li { padding-block: clamp(20px, 3vw, 29px); }
    }

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

	독립형가로등

───────────────────────────────────────────────────────────*/
    .sub_lamp .desc_banner h4 { font-weight: 600; }
    .sub_lamp .img_flex { display:flex; }
    .sub_lamp .img_flex .img_box { position: relative; overflow: hidden; width: 100%; }
    .sub_lamp .img_flex .img_box:nth-child(1) { border-radius: 10px 0 0 10px; }
    .sub_lamp .img_flex .img_box:nth-child(1)::before { border-right: 0; }
    .sub_lamp .img_flex .img_box:nth-child(2) { border-radius: 0 10px 10px 0; }
    .sub_lamp .img_flex .txt_con { position: absolute; left: 0; bottom: 0; font-size: var(--title-20); color: var(--black-color03); left: 60px; bottom: 67px; }
    .sub_lamp .img_flex .txt_con p { color: inherit; font-size: 150%; font-weight: 500; line-height: 1.34; letter-spacing: -0.03em; }
    .sub_lamp .img_flex .txt_con span { display: block; font-size: var(--title-20); font-weight: 400; margin-top: 9px; letter-spacing: -0.03em; }

    .sub_lamp .num_list > li { height: 240px; padding-block: 28px 27px; }
    .sub_lamp .num_list > li p { margin-top: 0; }

    .sub_lamp .ico_list > li { width: calc(100% / 5); padding-block: 35px 30px; border: 0; }
    .sub_lamp .ico_list > li .ico_wrap { height: 64px; }
    .sub_lamp .ico_list > li dl { margin-top: 25px; }

    @media (max-width: 1272px){
        .sub_lamp .ico_list br.for_pc { display: none; }
    }

    @media (max-width: 1151px){
        
        
    }

    @media (max-width: 1023px){
        .sub_lamp .img_flex .txt_con { left: clamp(20px, 3vw, 60px); bottom: clamp(30px, 3vw, 67px); }
        .sub_lamp .img_flex .txt_con span { margin-top: clamp(4px, 0.9vw, 9px); }
        .sub_lamp .num_list > li { height: clamp(190px, 24vw, 240px); padding-block: clamp(20px, 2.5vw, 27px); }
        .sub_lamp .ico_list > li dl { margin-top: clamp(15px, 2.5vw, 25px); }
        .sub_lamp .ico_list > li { width: calc(100% / 2); padding-block: clamp(20px, 3vw, 31px) clamp(20px, 3vw, 30px); box-sizing: border-box; }
        .sub_lamp .ico_list > li:nth-child(4)::before { border-bottom: 1px solid var(--border-color01); height: calc(100% - 1px); }
        .sub_lamp .ico_list > li:nth-child(5)::before { border-left: 0; border-top: 1px solid var(--border-color01); border-right: 1px solid var(--border-color01); }
    }

    @media (max-width: 860px){
        .sub_lamp .ico_list > li .ico_wrap { height: 52px; }
    }

    @media (max-width: 640px){
        .sub_lamp .img_flex { flex-direction: column; }
        .sub_lamp .img_flex .img_box:nth-child(1) { border-radius: 10px 10px 0 0; }
        .sub_lamp .img_flex .img_box:nth-child(1)::before { border-right: 1px solid var(--border-color01); border-bottom: 0; }
        .sub_lamp .img_flex .img_box:nth-child(2) { border-radius: 0 0 10px 10px; }
        .sub_lamp .ico_list > li .ico_wrap { height: 48px; }
    }

    @media (max-width: 479px){
        .sub_lamp .ico_list > li .ico_wrap { align-items: center; }
    }

    @media (max-width: 415px){
        .sub_lamp .ico_list > li { width: 100%; }
        .sub_lamp .ico_list > li + li::before { border: 0; border-top: 1px solid var(--border-color01); }
        .sub_lamp .ico_list > li:nth-child(5)::before { border-right: 0; }
    }

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

	스마트 어닝

───────────────────────────────────────────────────────────*/
    .sub_smart .desc_banner h4 { font-weight: 600; }
    .sub_smart .flex_wrap { display: flex; gap: 40px; }
    .sub_smart .flex_wrap dl { box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 10px; font-size: var(--title-20); overflow: hidden; }
    .sub_smart .flex_wrap dt { display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding-block: 11px 11px; padding-inline: 21px; }
    .sub_smart .flex_wrap dd { text-align: center; box-sizing: border-box; padding-block: 21px 18px; padding-inline: 30px; color: var(--black-color03); font-family: var(--font-type02); font-size: 110%; font-weight: 500; line-height: 1.36; letter-spacing: -0.03em; background: var(--green-bg01); border-top: 1px solid var(--border-color01); }
    .sub_smart .flex_wrap dl:nth-child(1) dd { color: var(--point-color01); }
    .sub_smart .busi_cont + .busi_cont { margin-top: 97px; }
    .sub_smart .busi_cont:has(.ico_list) .sub_title { margin-bottom: 40px; }
    .sub_smart .ico_list > li .ico_wrap { height: 74px; align-items: center; }
    .sub_smart .ico_list > li:nth-child(3) .ico_wrap { align-items: flex-start; }
    .sub_smart .ico_list > li:nth-child(4) .ico_wrap { align-items: flex-start; }
    .sub_smart .ico_list > li dl { margin-top: 21px; }
    .sub_smart .ico_list > li dd { margin-top: 16px; }
    .sub_smart .ico_list > li dd small { display: block; margin-top: 9px; color: var(--black-color07); font-weight: 400; font-size: var(--title-16); font-family: var(--font-type02); line-height: 1.5; letter-spacing: -0.03em; }
    .sub_smart .ico_list > li:has(.bullet_list) dd { text-align: left; }
    .sub_smart .ico_list > li:has(.bullet_list) li + li { margin-top: 10px; }

    @media (max-width: 1200px){
        .ico_list > li dd br.for_pc { display: none; }
    }

    @media (max-width: 1023px){
        .sub_smart .flex_wrap { gap: 20px; }
        .sub_smart .flex_wrap dt { padding-block: clamp(7px, 1vw, 11px); padding-inline: clamp(15px, 2vw, 21px); }
        .sub_smart .flex_wrap dd { padding-block: clamp(15px, 2vw, 21px) clamp(15px, 2vw, 18px); padding-inline: clamp(15px, 3vw, 30px); }
        .sub_smart .ico_list > li dl { margin-top: clamp(15px, 2.1vw, 21px); }
        .sub_smart .ico_list > li dd { margin-top: clamp(10px, 1.6vw, 16px); }

        .sub_smart .busi_cont + .busi_cont { margin-top: clamp(40px, 9vw, 97px); }
        .sub_smart .busi_cont:has(.ico_list) .sub_title { margin-bottom: clamp(20px, 4vw, 40px); }
    }

    @media (max-width: 860px){
        .sub_smart .flex_wrap { flex-direction: column; }
        .sub_smart .ico_list > li .ico_wrap { height: 52px; }
    }

    @media (max-width: 640px){
        .sub_smart .ico_list > li .ico_wrap { height: 48px; width: 48px; margin-inline: auto; }
    }

    @media (max-width: 479px){
        .sub_smart .flex_wrap dl { border-radius: 5px; }
    }



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

	온라인 문의

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

.sub_inquiry .depth { display: none; }

@media (max-width: 640px){
    
}