@charset "utf-8";
    /* body::-webkit-scrollbar {display: none; } */
/*───────────────────────────────────────────────────────────

    공통

───────────────────────────────────────────────────────────*/
    #container{margin:0; border:0;}
    #wrap .sub_content:has(.goods_content){width: 100%;}
    #wrap .btn_gray_small{position: relative;font-size: max(13px, var(--title-14));font-weight: 500;color: var(--black-color03);padding: 1px 8px;background: var(--point-white);border: 1px solid var(--border-color02);border-radius: var(--radius-04);line-height: 1.4;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;width: auto;height: auto;}
    #wrap .btn_gray_small span{padding:0; line-height: inherit;}
        #wrap .btn_gray_small.point{color: var(--point-red); border-color: var(--point-red); padding-block: 3px 2px;}
    #wrap .btn_ly_add_shipping{inset: auto;display: flex;width: fit-content;height: 40px;padding-inline: 20px;margin: 20px 0 0 auto;}

    #wrap .btn_center_box > :is(a, button){margin:0;}
    #wrap .btn_center_box > :is(a, button) :is(strong, em){font-weight: inherit;}

    #contents > .location_wrap{display: none;}

    #wrap .chk_none{position: relative;font-size: var(--title-15);font-weight: 400;color: var(--black-color03);padding: 3px 0 3px 27px;background: url('../img/icon/etc/icon_warning.png') no-repeat left 4px;}
    #wrap .chk_none.bk{background-image: url('../img/da_image/icon_warning_bk.png');}
    
    #layerDim{position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.4);}
    #contents{padding: 0 0 196px; box-sizing: border-box;}
    #wrap .chosen-container .chosen-results{width: 100%; padding: 0 4px; box-sizing: border-box;}

	#wrap input[type="radio"] + label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 26px;background:url('../img/da_image/radio_off.svg') no-repeat left top 1px;background-size:auto 20px;cursor:pointer;font-size:var(--title-15);color:var(--black-color03);font-weight:400; transition: all 0.4s;}
		#wrap input[type="radio"] + label:hover{background-image:url('../img/da_image/radio_off.svg');}
		#wrap input[type="radio"]:checked + label{background-image:url('../img/da_image/radio_on.svg');}
	
    #wrap label:has([type="radio"]){padding:0;background:none;min-width:initial;min-height:initial;display: flex;width: fit-content;gap: 10px;box-sizing:border-box;font-size:var(--title-15);color:var(--black-color03);font-weight:400;cursor:pointer;line-height: 20px; transition: all 0.4s;}
    #wrap label [type="radio"]{width:20px;height:20px;background:url('../img/da_image/radio_off.svg') no-repeat center / auto 100%;position: relative;inset: auto;visibility:visible;z-index:0;appearance:none;cursor:pointer; flex-shrink: 0; transition: inherit;}
		#wrap label [type="radio"]:checked{background-image:url('../img/da_image/radio_on.svg');}

    #wrap .icon_btn{display: flex;align-items: center;justify-content: center;gap: 19px;width: fit-content;padding: 18px 35px;background: var(--point-color03);border-radius: var(--radius-06);box-sizing: border-box;float: none;height: auto;line-height: 1.2;border: 1px solid var(--point-color03);font-size: var(--title-20);color: var(--point-white);letter-spacing: -0.03em;}
    #wrap .icon_btn span{font-size: 90%;font-weight: 500;color: inherit;display: inline-block;padding: 0;letter-spacing: inherit;background: none;}
    #wrap .icon_btn:after{display: inline-flex;content:'';width: 22px;height: 22px;background: url('../img/da_image/download.svg') no-repeat center / 100% auto;}

    #wrap .bullet_list{display: flex; flex-direction: column; align-items:flex-start; gap: 10px; font-size: var(--title-20); box-sizing: border-box;}
    #wrap .bullet_list > li{position: relative;font-size: 80%;font-weight: 400;color: var(--black-color03);line-height: 1.5;letter-spacing: -0.03em;display: flex;align-items: baseline;gap: 4px;margin: 0;width: auto;padding: 0;}
    #wrap .bullet_list > li:before{display: inline-flex;content:'';width: 2px;height: 2px;border-radius: 100%;box-sizing: border-box;flex-shrink: 0;background: var(--black-color03);translate: 0 -5px;}

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

    서브 메인

───────────────────────────────────────────────────────────*/
    /*cate*/
        .sub_main .main_cate .cate_list{padding-bottom: 0;}
        /* .sub_main .main_cate ul{justify-content: center; gap: 60px;}
        .sub_main .main_cate ul li{width: 130px;} */
        .sub_main .main_cate ul li p{font-size: 20px;margin-top: 8px;}

            /* .sub_main.office .main_cate{padding-bottom: 16px;}
            .sub_main.office .main_cate .cate_list{padding-top: 10px;} */

    /*wide*/
        .sub_main .main_wide_bnr{padding-block: 84px 100px;}
        .sub_main .main_wide_bnr .txt h3{font-weight: 500;letter-spacing: -0.03em;}
        .sub_main .main_wide_bnr .txt p{letter-spacing: -0.02em;font-weight: 200;margin-top: 16px;}
        .sub_main .main_wide_bnr .main_more{margin-top: 54px;}
        .sub_main .main_wide_bnr .main_more a{width: 220px;}

    /* main_find */
        .main_find{padding-block: 160px;}
		.office .main_find{padding-top:40px;}
        .main_find .bnr_list{display: flex; flex-wrap: wrap; gap: 50px;}
        .main_find .bnr_list > li{position: relative;width: calc(100% / 3 - 33.34px);box-sizing: border-box;text-align: center;display: flex;flex-direction: column;gap: 26px;}
        .main_find .bnr_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_find .bnr_list .thumb{display: block; font-size: 0; width: 100%; border-radius: var(--radius-30); overflow: hidden; aspect-ratio: auto 1.25;}
        .main_find .bnr_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .main_find .bnr_list .desc{position: relative; font-size: var(--title-20);}
        .main_find .bnr_list .desc dt{font-size: 140%;font-weight: 600;color: var(--black-color00);line-height: 1.3;}
            .main_find .bnr_list .desc dt + dd{margin-top: 14px;}
        .main_find .bnr_list .desc dd{font-size: 80%;font-weight: 400;color: var(--black-color03);line-height: 1.5;letter-spacing: -0.03em;}

        .main_find .bnr_list > li:hover .thumb img{transform: scale(1.1);}

    /* main_sticky */
        .main_sticky{position: sticky}
        .main_sticky section{display: flex; align-items: flex-start;}
        .main_sticky .fix_bnr{position: sticky;top:0;width: 59.3%;height: 100vh;box-sizing: border-box; overflow: hidden;}
        .main_sticky .bnr_box{position: relative;width: 100%;height: 100%; z-index: 1; transition: all 0.6s;}
        .main_sticky .bnr_box:not(:first-child){position: absolute;top:0;left:0;transform: scale(1.1);opacity: 0;pointer-events: none;}
            .main_sticky .bnr_box.on{opacity: 1;pointer-events: all;transform: scale(1);}
        .main_sticky .bnr_box .thumb{width: 100%; height: 100%; overflow: hidden;}
        .main_sticky .bnr_box .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_sticky .bnr_box .title{position: absolute;inset: 0;font-size: var(--title-20);padding: 120px 160px;box-sizing: border-box;z-index: 3;color: var(--point-white);display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: 20px;}
        .main_sticky .bnr_box .title h3{font-size: 250%;font-weight: 600;line-height: 1.2;}
        .main_sticky .bnr_box .title h6{font-size: 100%;font-weight: 200;line-height: 1.6;}
        #wrap .main_sticky .bnr_box .btn_goods_more{margin-top: 17px;}
        #wrap .main_sticky .bnr_box .btn_goods_more .btn_goods_view_more{color: rgba(255,255,255,0.8);letter-spacing: 0.02em;font-size: 16px;}
        .main_sticky .info_box{width: 40.7%; padding:140px 80px; display: flex; flex-direction: column; gap: 140px; box-sizing: border-box; background: var(--point-color04);}
        .main_sticky .exp_list{display: flex;flex-direction: column;gap: 95px;}
        .main_sticky .exp_list > li{position:relative;display: flex;flex-direction: column;gap: 30px;}
        .main_sticky .exp_list .thumb{display: block; width: 100%; aspect-ratio: auto 1.55; border-radius: var(--radius-20); overflow: hidden;}
        .main_sticky .exp_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_sticky .exp_list .desc{font-size: var(--title-20);}
        .main_sticky .exp_list .desc dt{font-size: 170%;font-weight: 600;color: var(--black-color00);line-height: 1.3;letter-spacing: -0.03em;}
            .main_sticky .exp_list .desc dt +  dd{margin-top: 10px;}
        .main_sticky .exp_list .desc dd{font-size: 80%;font-weight: 400;color: var(--black-color03);line-height: 1.5;letter-spacing: -0.03em;}
        #wrap .main_sticky .exp_list .btn_goods_more{position: relative;inset: auto;margin-top: -7px;}
        #wrap .main_sticky .exp_list .btn_goods_more .btn_goods_view_more{font-weight: 400;}

    /* main_const */
        .main_const{padding-block: 175px 90px;}
        .sub_main .main_title{text-align: center;}
        .sub_main .main_title h3{color: var(--black-color03);letter-spacing: -0.04em;}
        #wrap .sub_main .main_title .btn_goods_more{position: absolute;inset: auto;top:50%;right:0;translate: 0 -50%;}
        #wrap .sub_main .main_title .btn_goods_more .btn_goods_view_more{font-weight:400;}
        .main_const .constSwiper{position: relative;width: 100%;padding-inline: 400px;box-sizing: border-box;margin-top: 42px;}
        .main_const .constSwiper .swiper-slide{position: relative;height: auto;display: flex;flex-direction: column;gap: 28px;}
        .main_const .constSwiper .link{position: absolute;inset: 0;z-index: 5;}
        .main_const .constSwiper .thumb{display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: auto 1.6; overflow: hidden; border-radius: var(--radius-20); transition: all 0.4s;}
        .main_const .constSwiper .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .main_const .constSwiper .desc{font-size: var(--title-20);text-align: center;transition: all 0.4s;box-sizing:border-box;}
        .main_const .constSwiper .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        .main_const .constSwiper .desc dt{font-size: 180%; font-weight: 600; color: var(--black-color00); line-height: 1.3;}
            .main_const .constSwiper .desc dt + dd{margin-top: 13px;}
        .main_const .constSwiper .desc dd{font-size: 100%;font-weight: 400;color: var(--black-color05);line-height: 1.4;letter-spacing: -0.03em;}
        .main_const .arw_box{position: absolute;width: 100%;aspect-ratio: auto 1.6;top: 0;left: 0;padding-inline: 400px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;z-index: 6;pointer-events: none;}
        .main_const .arw_box .main_swipe_arw{position: relative;inset: auto;pointer-events: all;transform: none;translate: -90px 0;border: 0; box-shadow: var(--shadow-01);margin-top:30px;}
            .main_const .arw_box .main_swipe_arw.prev{transform: scale(-1,-1);}
            .main_const .arw_box .main_swipe_arw.next{translate: 90px 0;}
            .main_const .arw_box .main_swipe_arw:not(:hover){background: var(--point-white);}

            .main_const .constSwiper .swiper-slide:hover .thumb img{transform: scale(1.05);}

        .main_const .tab_list{display: flex;justify-content: center;flex-wrap: wrap;gap: 40px;font-size: var(--title-20);box-shadow: inset 0 -1px 0 var(--border-color01);margin-block: 38px 50px;}
        .main_const .tab_list > li{position: relative;font-size: 90%;font-weight: 400;color: var(--black-color06);padding-bottom: 19px;cursor: pointer;transition: all 0.4s;-webkit-text-stroke: 0.2px var(--trans-color);}
            .main_const .tab_list > li:before{position: absolute; content:''; width: 0; height: 2px; background: var(--point-color02); left:50%; bottom:0; translate: -50%; opacity: 0; transition: all 0.4s;}
            .main_const .tab_list > li.on, .main_const .tab_list > li:not(.on):hover{-webkit-text-stroke-color:var(--point-color02);color: var(--point-color02);}
            .main_const .tab_list > li.on:before{width: 100%; opacity: 1;}

        .main_const .tab_cont{position: relative; margin-top: 42px;}
        .main_const .tab_cont .item{transition: all 0.4s;}
        .main_const .tab_cont .item:not(.on){opacity: 0; overflow: hidden; height: 0;}

            .office .main_const{margin-top: -20px;}
            .office .main_const .constSwiper{margin-top:0;}
            .office .main_const .constSwiper .swiper-wrapper{align-items: center;}
            .office .main_const .constSwiper .swiper-slide{transition: all 0.4s;}
            .office .main_const .constSwiper .swiper-slide:not(.swiper-slide-active){transform: scale(0.72);}
            .office .main_const .constSwiper .swiper-slide:not(.swiper-slide-active) .desc{transform: scale(1.28);padding:0 100px;}
            .office .main_const .constSwiper .swiper-slide:has(+ .swiper-slide.swiper-slide-active) {translate: 55px;margin-bottom:25px;}
            .office .main_const .constSwiper .swiper-slide.swiper-slide-active + .swiper-slide{translate: -55px;margin-bottom:25px;}

    /* middle bnr */
        .sub_main .main_middle_bnr{padding-block: 64px;}
		
	/*회사소개 메인*/
		/*visual*/
		.company_visual .main_visual_box .visual_txt{text-align: center;bottom:37%;}
		.company_visual .main_visual_box .visual_txt div{overflow:hidden;height:max-content;font-size:var(--title-20);}
		.company_visual .main_visual_box .visual_txt p{font-size:300%;color:var(--point-white);font-weight:600;line-height:1.2;}
		.company_visual .main_visual_box .visual_txt .txt_ani{transform:translateY(100%);transition:all 0.8s;}
		.company_visual .main_visual_box .controller{justify-content: center;bottom:6.3%;}
		
		.company_visual .main_visual_box .swiper-slide-active .visual_txt .txt_ani{transform:translateY(0);}
			.company_visual .main_visual_box .swiper-slide-active .visual_txt div:nth-child(2) p{transition-delay:0.6s;}		
			
		/*bnr*/
		.sub_main.company{background:var(--point-color04);padding-top:50px;}
		.sub_main.company .main_bnr{box-sizing:border-box;height:600px;}
		.sub_main.company .main_bnr .txt_box{text-align: center;position: absolute;top:50%;left:50%;font-size:var(--title-20);transform:translate(-50%, -50%);z-index:3;}
		.sub_main.company .main_bnr .txt_box p{font-size:300%;color:var(--point-color06);font-weight:400;font-style:italic;font-family:var(--font-type02);}
		.sub_main.company .main_bnr .txt_box > h3{font-size:300%;color:var(--black-color02);font-weight:600;line-height:1.2;margin:50px 0 30px}
		.sub_main.company .main_bnr .txt_box > h3 > span{font-size:inherit;color:inherit;font-weight:inherit;}
		.sub_main.company .main_bnr .txt_box > h3 em{display: inline-block;font-size:inherit;color:inherit;font-weight:inherit;}
		.sub_main.company .main_bnr .txt_box > span{font-size:100%;color:var(--black-color02);font-weight:400;line-height:1.6;}
		.sub_main.company .main_bnr .img{width:0;height:0;position: absolute;top:80%;left:50%;transform:translate(-50%, -50%);z-index:1;overflow:hidden;}
		.sub_main.company .main_bnr .img a{pointer-events:none;display: block;width:100%;height:100%;position: relative;}
		.sub_main.company .main_bnr .img img{max-width:initial;width:100%;height:100%;object-fit:cover;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
		
		/* business */
		.main_business{margin-top:180px;padding-bottom:150px;}
		.main_business .business_box{display: flex;gap:50px;align-items: flex-start;}
		.main_business .business_txt{position:sticky;top:100px;left:-140px;font-size:var(--title-20);display: flex;flex-direction: column;gap:50px;align-items: center;}
		.main_business .business_txt strong{font-size:350%;color:var(--point-color06);font-weight:400;font-family:var(--font-type02);font-style:italic;writing-mode:vertical-rl;}
		.main_business .business_txt:after{width:1px;height:600px;content:"";background:var(--black-color10);display: inline-block;}
		.main_business ul{width:1600px;}
		.main_business ul li{position:sticky;margin:0 auto;}
		.main_business ul li + li{margin-top:100px;}
		.main_business ul li:nth-child(1){width:calc(100% - 80px);top:100px;}
		.main_business ul li:nth-child(2){top:172px;width:calc(100% - 60px);}
		.main_business ul li:nth-child(3){top:244px;width:calc(100% - 40px);}
		.main_business ul li:nth-child(4){top:316px;width:calc(100% - 20px);}
		.main_business .img{box-sizing:border-box;border-radius:20px;overflow:clip;filter: drop-shadow(0px -10px 20px rgba(0, 0, 0, 0.10));}
		.main_business .tag{position: absolute;display: inline-flex;align-items: center;gap:20px;top:25px;right:25px;font-size:var(--title-20);}
		.main_business .tag span{font-size:120%;color:var(--point-white);font-weight:500;}
		.main_business .tag:after{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);display: inline-block;}
		.main_business .txt_box{position: absolute;box-sizing:border-box;padding:0 150px;font-size:var(--title-20);left:0;top:50%;transform:translateY(-50%);}
		.main_business .txt_box h3{font-size:300%;color:var(--point-white);font-weight:600;line-height:1.16;}
		.main_business .txt_box p{font-size:90%;color:var(--point-white);font-weight:500;line-height:1.66;margin-top:30px;}
		.main_business .txt_box .btn_box{display: flex;gap:20px;margin-top:60px;}
		.main_business .txt_box .btn_box .main_more a{width:220px;height:60px;}
		.main_business .txt_box .btn_box .more1 a:before{background:var(--point-color03);}
		
		/*media*/
		.main_media{margin-top:50px;padding-bottom:200px;}
		.main_media .w_custom{display: flex;gap:220px;}
		.main_media .txt{font-size:var(--title-20);}
		.main_media .txt h3{font-size:300%;color:var(--black-color02);font-weight:600;line-height:1.16;}
		.main_media .txt p{font-size:100%;color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:40px;letter-spacing:-0.02em;}
		.main_media .txt .main_more{margin-top:60px;}
		.main_media .txt .main_more	a{width:220px;box-shadow:inset 0 0 0 1px var(--black-color03);}
		.main_media .txt .main_more	a span{color:var(--black-color03)}
		.main_media .txt .main_more	a:after{filter:none;}
		
		.main_media .txt .main_more:hover a{box-shadow:inset 0 0 0 1px var(--point-white);}
		.main_media .txt .main_more:hover	a span{color:var(--point-white)}
		.main_media .txt .main_more:hover	a:after{filter:var(--filter-white);}
		
		.main_media .list{width:calc(100% - 420px);box-sizing:border-box;border-top:1px solid var(--black-color03);}
		.main_media .list li{box-sizing:border-box;border-bottom:1px solid var(--border-color02);position: relative;padding:44px 40px;display: flex;align-items: center;font-size:var(--title-20);gap:60px;}
		.main_media .list li:before{width:0;height:1px;content:"";background:var(--point-color03);position: absolute;left:0;bottom:-1px;transition:all 0.3s;}
		.main_media .list li .ov_box{width:60px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;position: absolute;right:40px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition: all 0.3s;}
		.main_media .list li .ov_box:before{content:"";width:0;height:0;box-sizing:border-box;aspect-ratio:auto 1;background:var(--point-color02);border-radius:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition: all 0.3s;}
		.main_media .list li .ov_box:after{content: "";width: 20px;height: 14px;background: url(../img/da_image/main_swipe_arw.svg) no-repeat center;background-size: auto 100%;filter: var(--filter-white);position: relative;z-index: 3;}
		.main_media .list li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_media .list li .date{font-size:90%;color:var(--black-color06);font-weight:400;flex-shrink:0;}
		.main_media .list li .txt{box-sizing:border-box;padding-right:80px;}
		.main_media .list li .txt strong{font-size:100%;color:var(--black-color00);font-weight:400;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
		.main_media .list li .txt p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.77;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;}
		
		.main_media .list li:hover:before{width:100%;}
		.main_media .list li:hover .ov_box{pointer-events:initial;opacity:1;}
		.main_media .list li:hover .ov_box:before{width:100%;height:100%;}
		
		.sub_main.company .main_ft_bnr{box-sizing:border-box;padding:163px 0 183px;margin-bottom:-20px;}
		.sub_main.company .main_ft_bnr .txt{font-size:var(--title-20);text-align: center;}
		.sub_main.company .main_ft_bnr .txt h3{font-size:300%;color:var(--point-white);font-weight:600;line-height:1.2;}
		.sub_main.company .main_ft_bnr .txt p{font-size:100%;color:var(--point-white);font-weight:400;line-height:1.6;margin-top:30px;letter-spacing:-0.02em;}
		.sub_main.company .main_ft_bnr .txt .main_more{margin-top:60px;}
		.sub_main.company .main_ft_bnr .txt .main_more a{width:220px;height:60px;}

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

    서브 분류

───────────────────────────────────────────────────────────*/
	#wrap .goods_content .kitchen_goods_title{background:none;padding-bottom:54px;}
	#wrap .sub_list_category{margin-top:0;display: flex;flex-wrap:wrap;align-items: center;justify-content: center;}
	#wrap .sub_list_category ul{gap:16px;box-sizing:border-box;}
	#wrap .sub_list_category li .img{width:186px;border-radius:var(--radius-10);padding-bottom:120px;}
	#wrap .sub_list_category li .img:before{border:2px solid var(--point-color03);border-radius:var(--radius-10);}
	#wrap .sub_list_category li span{color:var(--black-color06);}
	#wrap .sub_list_category li.on span,
	#wrap .sub_list_category li:hover span{color:var(--black-color01);}
	
	#wrap .sub_list_category .upper_menu{box-sizing:border-box;margin-right:40px;border-right:1px solid var(--gray-bg03);padding-right:40px;}
	#wrap .sub_list_category .upper_menu .img{width:186px;height:0;border-radius:var(--radius-10);padding-bottom:120px;box-sizing:border-box;position: relative;overflow:clip}
	#wrap .sub_list_category .upper_menu .img img{width:100%;height:100%;position: absolute;top:0;left:0;object-fit:cover;max-height:100%;max-width:100%;}
	#wrap .sub_list_category .upper_menu span{display: block;font-size:var(--title-18);color:var(--black-color01);font-weight:400;margin-top:13px;text-align: center;}
	#wrap .sub_list_category .upper_menu a:hover{text-decoration: none;}
	#wrap .sub_list_category .upper_menu + ul{width:auto;max-width:calc(100% - 266px);}
	#wrap .sub_list_category .upper_menu + ul li.on{display: none;}
	#wrap .sub_list_category .upper_menu + ul li .img{width:150px;padding-bottom:90px;}
	#wrap .sub_list_category .upper_menu + ul li span{font-size:var(--title-16);margin-top:10px;}
	
/*───────────────────────────────────────────────────────────

    키친 | 시공사례 (리스트)

───────────────────────────────────────────────────────────*/
	#wrap .construct_select_box{display: flex;box-sizing:border-box;justify-content: center;padding:30px 30px;background:var(--point-color07);gap:10px;flex-wrap:wrap;}
		#wrap .construct_select_box .select_box{min-width:130px;}
		#wrap .construct_select_box .select_box select{width:100%;height:50px;padding:0 40px 0 16px;}
	#wrap .construct_select_box .btn_filter_construct{width:100px;height:50px;display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;background:var(--point-color03);border-radius:4px;font-size:var(--title-16);color:var(--point-white);font-weight:400;}
	.construct_filter_box{margin-top:40px;box-sizing:border-box;padding-bottom:40px;border-bottom:1px solid var(--black-color00);display: flex;}
		.construct_filter_box .btn_filter_reset{display: inline-flex;flex-shrink:0;box-sizing:border-box;border-radius:var(--radius-04);border:1px solid var(--border-color01);gap:8px;padding:8px 15px;align-items: center;cursor:pointer;}
		.construct_filter_box .btn_filter_reset span{font-size:var(--title-14);color:var(--black-color01);font-weight:500;line-height:1;}
	.construct_filter_box .fliter_list{box-sizing:border-box;margin-left:20px;padding-left:20px;position: relative;display: flex;flex-wrap:wrap;gap:10px;}
		.construct_filter_box .fliter_list:before{width:1px;height:20px;content:"";background:var(--gray-bg03);position: absolute;left:0;top:8px;}
		.construct_filter_box .fliter_list li{display: inline-flex;box-sizing:border-box;background:var(--point-color07);gap:10px;border-radius:var(--radius-04);align-items: center;padding:9px 11px;}
		.construct_filter_box .fliter_list li	span{font-size:var(--title-14);color:var(--black-color01);font-weight:500;line-height:1;}
		.construct_filter_box .fliter_list li .del{width:11px;height:11px;position: relative;}
		.construct_filter_box .fliter_list li .del:before, .construct_filter_box .fliter_list li .del:after{width:100%;height:1px;content:"";background:var(--black-color08);position: absolute;top:50%;left:0;}
		.construct_filter_box .fliter_list li .del:before{transform:rotate(45deg);}
		.construct_filter_box .fliter_list li .del:after{transform:rotate(-45deg);}
	.construct_list{margin-top:40px;display: flex;flex-wrap:wrap;gap:49px 50px;}
	.construct_list > li{box-sizing:border-box;position: relative;width:calc(100% / 3 - 33.4px);}
	.construct_list > li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.construct_list li .img{width:100%;height:0;padding-bottom:72%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);}
	.construct_list li .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;transition:all 0.3s ease;}
	.construct_list li .txt{margin-top:19px;font-size:var(--title-20);}
	.construct_list li .txt .title{font-size:120%;color:var(--black-color00);font-weight:500;}
	.construct_list li .txt p{font-size:90%;color:var(--black-color05);font-weight:400;margin-top:7px;letter-spacing:-0.03em;}
	.construct_list li .txt .tag{margin-top:28px;display: flex;flex-wrap:wrap;gap:5px 17px;}
	.construct_list li .txt .tag span{font-size:var(--title-16);color:var(--point-color03);font-weight:400;line-height:1.5;letter-spacing:-0.03em;}
	.construct_list li:hover .img img{transform:scale(1.1);}
	
/*───────────────────────────────────────────────────────────

    키친 | 시공사례 (뷰)

───────────────────────────────────────────────────────────*/
	.construct_view .view_slide{position: relative;}
		.construct_view .view_slide .swiper-slide{height:760px;position: relative;overflow:hidden;}
		.construct_view .view_slide .swiper-slide .img{width:100%;height:100%;}
		.construct_view .view_slide .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
		.construct_view .view_slide .swipe_arw{width:40px;height:40px;position: absolute;top:50%;transform:translateY(-50%);z-index:5;cursor:pointer;opacity:0;pointer-events:none;transition:all 0.5s;}
		.construct_view .view_slide .swipe_arw:before{width:70%;height:70%;content:"";border:2px solid var(--point-white);position: absolute;border-width:2px 2px 0 0;top:5px;}
		.construct_view .view_slide .prev{left:5%;}
		.construct_view .view_slide .next{right:5%;}
		.construct_view .view_slide .prev:before{transform:rotate(-135deg);left:14px;}
		.construct_view .view_slide .next:before{transform:rotate(45deg);right:14px;}
		.construct_view .view_slide:hover .swipe_arw{opacity:1;pointer-events:initial;}
	.construct_view .view_content{margin-top:54px;margin-bottom:54px;}
		.construct_view .view_title{text-align: center;font-size:var(--title-20);}
		.construct_view .view_title span{font-size:90%;color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;}
		.construct_view .view_title h3{font-size:230%;color:var(--black-color03);font-weight:600;margin-top:14px;}
		.construct_view .view_title .tag{display: flex;align-items: center;justify-content: center;gap:5px 17px;margin-top:30px;flex-wrap:wrap;}
		.construct_view .view_title .tag span{font-size:var(--title-16);color:var(--point-color03);font-weight:400;line-height:1.5;letter-spacing:-0.03em;}
	.construct_view .view_cont{box-sizing:border-box;border-top:1px solid var(--black-color00);border-bottom:1px solid var(--gray-bg03);padding:80px 0;text-align: center;margin-top:58px;}
		.construct_view .view_cont .cont_title{text-align: center;font-size:var(--title-20);}
		.construct_view .view_cont .cont_title h4{font-size:130%;color:var(--black-color00);font-weight:500;line-height:1.38;}
		.construct_view .view_cont .cont_title p{font-size:80%;color:var(--black-color06);font-weight:400;margin-top:13px;letter-spacing:-0.03em;}
		.construct_view .view_cont .img{margin-top:41px;text-align: center;border-radius:var(--radius-20);display: inline-block;overflow:clip;}
	#wrap .construct_view .related_prd{padding:93px 0 73px;}
		#wrap .construct_view .related_prd h3{font-size:150%;margin-bottom:22px;}
		#wrap .construct_view .item_info_cont{margin-top:19px;}
		#wrap .construct_view .item_tit_box .item_name{margin-top:8px;}
		#wrap .construct_view .related_prd .item_photo_box:before{display: none;}
		#wrap .construct_view .main_swipe_arw{top:40%;}
	.construct_view .btn_center_box a{width:120px;height:50px;border-color:var(--black-color03);background:var(--point-white);color:var(--black-color00);}
	.construct_view .btn_center_box a:hover{background:var(--point-color03);border-color:var(--point-color03);color:var(--point-white);}
	.construct_fix{position: fixed;bottom:0;left:0;width:100%;background:var(--point-color07);border-top:1px solid var(--border-color01);z-index:10;padding:30px 0 30px;opacity:0;z-index:-1;transition:all 0.3s;}
	.construct_fix.on{opacity:1;z-index:12;}
	.construct_fix .w_custom{display: flex;align-items: center;justify-content: space-between;}
	.construct_fix .w_custom > div{display: inline-flex;gap:10px;}
	.construct_fix .left a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;gap:15px;height:60px;border-radius:var(--radius-06);border:1px solid var(--border-color02);background:var(--point-white);padding:0 20px;}
	.construct_fix .left a span{font-size:var(--title-20);color:var(--black-color00);font-weight:400;}
	.construct_fix .left .wish_icon{width:22px;height:19px;background:url('../img/kitchen/icon_construct_wish.svg')no-repeat center;background-size:auto 100%;}
	.construct_fix .left .icon_sub_wish.on .wish_icon{background:url('../img/kitchen/icon_construct_wish_on.svg')no-repeat center;background-size:auto 100%;}
	.construct_fix .left a em{font-size:var(--title-20);color:var(--point-color03);font-weight:500;}
	.construct_fix .left .view_prd{border-color:var(--point-color03);padding:0 23px;}
	.construct_fix .left .view_prd span{color:var(--point-color03);font-weight:600;}
	.construct_fix .btn_center_box > :is(a, button){width:300px;height:60px;font-size:100%;}
	
/*───────────────────────────────────────────────────────────

    키친 | 견적문의

───────────────────────────────────────────────────────────*/
	.goods_content .sub_estimate .goods_title_box{padding-bottom:170px;}
	.sub_estimate .sub_title p{font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;margin-top:6px;}
	.sub_estimate .estimate_box{display: flex;gap:50px;padding-top:7px;}
	.sub_estimate .estimate_box .bnr{width:600px;position: relative;}
		.sub_estimate .estimate_box .bnr .img{width:100%;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
		.sub_estimate .estimate_box .bnr dl{position: absolute;bottom:60px;box-sizing:border-box;padding:0 60px;font-size:var(--title-20);}
		.sub_estimate .estimate_box .bnr dl dt{font-size:180%;color:var(--point-white);font-weight:700;line-height:1.1;}
		.sub_estimate .estimate_box .bnr dl dd{font-size:90%;color:var(--point-white);font-weight:200;line-height:1.66;margin-top:20px;letter-spacing:0.005em;}
	.sub_estimate .estimate_form{width:calc(100% - 650px);box-sizing:border-box;border-radius:var(--radius-20);background:var(--point-white);padding:57px 60px;}
	.sub_estimate .estimate_form form{height:100%;}
	.sub_estimate .estimate_form fieldset{display: flex;flex-direction: column;justify-content: space-between;height:100%;}
	.estimate_form .progree_box{display: flex;align-items: center;justify-content: space-between;}
	.estimate_form .progree_box .progress_bar_container{width:770px;height:3px;box-sizing:border-box;border-radius:var(--radius-10);position: relative;background:var(--border-color03);}
	.estimate_form .progree_box .progress_bar{height:100%;position: absolute;top:0;left:0;background:var(--black-color03);transition:all 0.3s;}
	.estimate_form .progree_box .num{flex-shrink:0;font-size:var(--title-18);color:var(--black-color10);font-weight:600;}
	.estimate_form .progree_box .num strong{font-size:inherit;color:var(--black-color03);font-weight:inherit;}
	.estimate_form .question_box{margin-top:27px;}
	.estimate_form .page{height:0;overflow:hidden;font-size:var(--title-20);}
	.estimate_form .page.active{height:auto;overflow:visible;}
	.estimate_form .page h3{font-size:130%;color:var(--black-color03);font-weight:600;}
	.estimate_form .page ul{display: flex;flex-wrap:wrap;gap:20px 20px;margin-top:32px;}
	.estimate_form .page ul li{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);display: inline-flex;height:80px;align-items: center;justify-content: center;text-align: center;transition:all 0.3s;}
	.estimate_form .page ul.line2 li{width:calc(50% - 10px);}
	.estimate_form .page ul.line4 li{width:calc(25% - 15px);}
	#wrap .estimate_form .page ul li label{font-size:var(--title-18);color:var(--black-color03);font-weight:500;display: flex;width:100%;height:100%;align-items: center;justify-content: center;text-align: center;}
	#wrap .estimate_form .page ul.radio_list label [type="radio"]{display: none;}
	#wrap .estimate_form .page ul.chk_list li label{justify-content: flex-start;padding:0 20px;}
	.estimate_form .question_box .input_box{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);padding:40px 30px;margin-top:31px;}
		.estimate_form .question_box .input_box dl{display: flex;align-items: center;justify-content: center;align-items: center;padding:12px 0;}
		.estimate_form .question_box .input_box dl dt{width:200px;font-size:var(--title-16);color:var(--black-color00);font-weight:500;}
		.estimate_form .question_box .input_box dl dd{display: inline-flex;align-items: center;gap:6px;font-size:var(--title-16);color:var(--black-color00);font-weight:400;}
		.estimate_form .question_box .input_box dl dd input{width:400px;height:50px;font-size:var(--title-15);}
	.estimate_form .regist_box{display: flex;flex-direction: column;gap:20px;margin-top:32px;}
	.estimate_form .regist_box .line2{display: flex;gap:40px;}
	.estimate_form .regist_box .line2 dl{width:calc(50% - 20px);}
	.estimate_form .regist_box dl{display: flex;align-items: center;}
	.estimate_form .regist_box dl dt{width:100px;font-size:var(--title-16);color:var(--black-color00);font-weight:500;line-height:1.25;display: inline-flex;gap:4px;}
	.estimate_form .regist_box dl dt .required{font-size:var(--title-14);color:var(--point-red);font-weight:600;}
	.estimate_form .regist_box dl dd{width:calc(100% - 100px);}
	.estimate_form .regist_box dl dd input{height:50px;font-size:var(--title-15);font-weight:400;width:100%;}
	.estimate_form .regist_box dl dd .flex_box{display: flex;align-items: center;gap:10px;}
	.estimate_form .regist_box dl dd .flex_box + .flex_box{margin-top:10px;}
	.estimate_form .regist_box dl dd .zipcode{width:176px;}		
	.estimate_form .regist_box dl dd .btn_zipcode{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:var(--radius-04);border:1px solid var(--black-color09);width:114px;height:50px;font-size:var(--title-15);color:var(--black-color03);font-weight:500;}
	.estimate_form .regist_box dl dd .address01{width:300px;}
	.estimate_form .regist_box dl dd .address02{width:calc(100% - 310px);}
	.estimate_form .regist_box .chk_cont{box-sizing:border-box;padding-left:100px;display: inline-flex;align-items: center;gap:12px;}
	.estimate_form .regist_box .chk_cont p{font-size:var(--title-16);color:var(--black-color03);font-weight:500;}
	.estimate_form .regist_box .chk_cont p strong{font-size:inherit;color:var(--point-red);font-weight:inherit;}
	.estimate_form .regist_box .chk_cont a{font-size: var(--title-14);color: var(--black-color08);font-weight: 400; text-decoration:underline;text-underline-offset: 2px;display: inline-block;}
	
	/*on*/
	.estimate_form .page ul li:hover{border-color:var(--black-color03);}
	#wrap .estimate_form .page ul.radio_list li.on{background:var(--point-color03);border-color:var(--point-color03);}
	#wrap .estimate_form .page ul.radio_list li.on label{color:var(--point-white);}
	#wrap .estimate_form .page ul.chk_list li.on{background:var(--point-color07);border-color:var(--point-color03);}
	#wrap .estimate_form .page ul.chk_list li.on label{color:var(--point-color03);}
	#wrap .estimate_form .page ul.chk_list li.on label [type="checkbox"]:checked{background-image:url('../img/da_image/estimate_chk_on.svg');}
	
	#wrap .estimate_form #prev-btn[disabled]{display: none;}
	#wrap .estimate_form #next-btn[disabled]{background:var(--border-color01);border-color:var(--border-color01);pointer-events:none;}
	
	/*end*/
	.estimate_form .form_end{display: none;flex-direction: column;align-items: center;justify-content: center;text-align: center;height:100%;}
	.estimate_form .form_end.on{display: flex;}
	.estimate_form .form_end.on + .btn_center_box{display: none;}
	.estimate_form .form_end .txt{font-size:var(--title-20);margin-top:20px;}
	.estimate_form .form_end .txt strong{font-size:130%;color:var(--black-color00);font-weight:600;line-height:1.53;}
	.estimate_form .form_end .txt p{font-size:80%;color:var(--black-color03);font-weight:400;line-height:1.25;margin-top:10px;}
	.estimate_form .form_end .btn_center_box{margin-top:60px;}

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

    키친 | 대리점 개설문의

───────────────────────────────────────────────────────────*/
	.agency_write .hd_bnr{box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
	.agency_write .board_write_box{margin:0;}
	.agency_write .board_zone_sec{margin-top:39px;}
	.board_zone_sec .board_write_table td .phone01{width:128px;}
	.board_zone_sec .board_write_table td .phone02, .board_zone_sec .board_write_table td .phone03{width:130px;min-width:initial;}
	.agency_write .board_zone_sec .board_write_agree{margin-top:40px;box-sizing:border-box;border:1px solid var(--border-color01);border-radius:var(--radius-04);padding:30px 30px;}
	.agency_write .board_zone_sec .btn_center_box{margin-top:60px;}
	
	#wrap .agency_write .board_write_box td select,
	#wrap .agency_write .board_write_box td input.phone02, #wrap .agency_write .board_write_box td input.phone03{width:120px;min-width:initial;}
	#wrap .agency_write .board_write_box td input#dsr_email{width:174px;min-width:initial;}
	#wrap .agency_write .board_write_box td #emailDomain{width:200px;}
	#wrap .agency_write .board_write_box td input#dsr_title{width:100%;}
	
	#wrap .sub_write_agree{padding:30px 30px;border:1px solid var(--border-color01);border-radius:4px;margin-top:40px;}
	#wrap .sub_write_agree .form_element{display: block;}
	#wrap .sub_write_agree .form_element + .form_element{margin-top:21px;}
	#wrap .sub_write_agree .form_element label{font-size:var(--title-16);}
	
/*───────────────────────────────────────────────────────────

    키친 | 카탈로그

───────────────────────────────────────────────────────────*/
	.sub_catalog_list .sub_title h6{margin-top:10px;letter-spacing:0;}
	.sub_catalog_list ul{display: flex;flex-wrap:wrap;gap:40px 32px;padding-top:10px;}
	.sub_catalog_list ul li{width:calc(25% - 24px);display: flex;flex-direction: column;justify-content: space-between;border:1px solid var(--border-color01);box-sizing:border-box;border-radius:10px 10px 6px 6px;overflow:hidden;}
	.sub_catalog_list ul li .info_box{box-sizing:border-box;padding:19px 19px 33px 19px;}
	.sub_catalog_list ul li .info_box .img{width:100%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-06);height:0;padding-bottom:65.5%;}
	.sub_catalog_list ul li .info_box .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;}
	.sub_catalog_list ul li .info_box p{font-size:var(--title-18);color:var(--black-color00);font-weight:500;line-height:1.55;margin-top:23px;letter-spacing:-0.04em;}
	.sub_catalog_list ul li .down_box{box-sizing:border-box;}
	.sub_catalog_list ul li .down_box a{display: flex;align-items: center;justify-content: center;box-sizing:border-box;background:var(--point-color03);gap:20px;padding:16px 0;}
	.sub_catalog_list ul li .down_box a span{font-size:var(--title-18);color:var(--point-white);font-weight:500;}
	.sub_catalog_list ul li .down_box a:after{width:20px;height:20px;content:"";background:url('../img/kitchen/icon_download.png')no-repeat center;background-size:auto 100%;}
	
/*───────────────────────────────────────────────────────────

    키친 | 매장찾기

───────────────────────────────────────────────────────────*/
	.nav_tab2{display: flex;align-items: center;justify-content: center;flex-wrap:wrap;gap:10px;}
	.nav_tab2 a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:44px;border-radius:44px;border:1px solid var(--border-color01);background:var(--point-white);font-size:var(--title-16);color:var(--black-color03);font-weight:500;padding:0 29px;}
	.nav_tab2 a.on{background:var(--point-color03);border-color:var(--point-color03);color:var(--point-white);}
	.nav_tab2 a span{font-size:inherit;color:inherit;font-weight:inherit;}
	
	.store_slide{overflow:hidden;margin-top:60px;position: relative;}
	.store_slide .swiper-slide{box-sizing:border-box;overflow:clip;border-radius:var(--radius-20);}
		.store_slide .swiper-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:4;}
		.store_slide .swiper-slide .thumb{width:100%;height:0;padding-bottom:500px;position: relative;overflow:hidden;}
		.store_slide .swiper-slide .thumb img{width:100%;height:100%;position: absolute;top:0;left:0;object-fit:cover;}
		.store_slide .swiper-slide .txt{position: absolute;box-sizing:border-box;width:100%;padding:0 100px;bottom:67px;left:0;font-size:var(--title-20);z-index:3;}
		.store_slide .swiper-slide .txt span{font-size:100%;color:var(--point-white);font-weight:200;}
		.store_slide .swiper-slide .txt strong{display: block;font-size:180%;color:var(--point-white);font-weight:700;margin-top:14px;}
	.store_slide .swipe_arw{width:40px;height:40px;position: absolute;top:50%;transform:translateY(-50%);z-index:5;cursor:pointer;opacity:0;pointer-events:none;transition:all 0.5s;}
		.store_slide .swipe_arw:before{width:70%;height:70%;content:"";border:2px solid var(--point-white);position: absolute;border-width:2px 2px 0 0;top:5px;}
		.store_slide .prev{left:30px;}
		.store_slide .next{right:30px;}
		.store_slide .prev:before{transform:rotate(-135deg);left:14px;}
		.store_slide .next:before{transform:rotate(45deg);right:14px;}
		.store_slide:hover .swipe_arw{opacity:1;pointer-events:initial;}
		
	.strore_list_box{margin-top:60px;}
	.strore_list_box form{text-align: right;}
	.strore_list_box .search_box{display: inline-flex;box-sizing:border-box;width:420px;height:50px;border-radius:6px;border:1px solid var(--border-color01);overflow:hidden;}
		#wrap .strore_list_box .search_box input{border:none;width:calc(100% - 50px);height:100%;font-size:var(--title-16);color:var(--black-color03);font-weight:400;padding:0 19px;letter-spacing:-0.03em;}
		#wrap .strore_list_box .search_box input::placeholder{color:var(--black-color03);}
		.strore_list_box .search_box .store_search{width:50px;height:50px;background:url('../img/da_image/icon_goods_search.svg')no-repeat center;background-position:left 8px center;}
	.strore_list_box .table_box{box-sizing:border-box;border-top:1px solid var(--black-color00);margin-top:40px;}
	.strore_list_box .table_box tbody tr td{box-sizing:border-box;padding:20px 10px;border-bottom:1px solid var(--border-color01);text-align: center;font-size:var(--title-18);color:var(--black-color00);font-weight:400;transition:all 0.3s;}
	.strore_list_box .table_box tbody tr td.phone{font-size:var(--title-16);}
	.strore_list_box .table_box tbody tr td a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:120px;height:46px;border-radius:4px;border:1px solid var(--black-color03);background:var(--point-white);font-size:var(--title-16);color:var(--black-color03);font-weight:600;transition:all 0.3s;}
	.strore_list_box .table_box tbody tr:hover td{background:var(--point-color07);}
	.strore_list_box .table_box tbody tr td a:hover{background:var(--point-color03);border-color:var(--point-color03);color:var(--point-white);}
	
	/*view*/
	/* .goods_title_box.strore_view{padding-bottom:100px;} */
	.store_map_box{box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-20);border:1px solid var(--border-color01);padding:40px 40px;margin-top:60px;display: flex;align-items: center;gap:20px;}
	.store_map_box .info_box{box-sizing:border-box;padding-left:60px;font-size:var(--title-20);width:calc(47.3% - 20px);}
	.store_map_box .loc_box h3{font-size:180%;color:var(--black-color03);font-weight:700;}
	.store_map_box .loc_box p{font-size:100%;color:var(--black-color00);font-weight:400;margin-top:17px;}
	.store_map_box .info{position: relative;padding-top:47px;margin-top:47px;}
	.store_map_box .info:before{width:60px;height:1px;content:"";background:var(--black-color03);position: absolute;top:0;left:0;}
	.store_map_box .info dl{display: flex;align-items: center;gap:40px;font-size:var(--title-20);}
	.store_map_box .info dl + dl{margin-top:13px;}
	.store_map_box .info dl dt, .store_map_box .info dl dd{font-size:var(--title-18);color:var(--black-color00);font-weight:400;}
	.store_map_box .info dl dd{color:var(--black-color06);}
	
	.store_map_box .map_box{width:52.7%;height:0;padding-bottom:480px;position: relative;overflow:clip;box-sizing:border-box;border-radius:var(--radius-20);}
	#wrap .root_daum_roughmap_landing, #wrap .root_daum_roughmap .wrap_map{width:calc(100% + 2px);height:calc(100% + 2px);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	#wrap .root_daum_roughmap .wrap_controllers, #wrap .root_daum_roughmap .cont{display: none;}

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

    키친 | 브랜드

───────────────────────────────────────────────────────────*/
	.sub_kitchen_brand{background:var(--point-color07);padding-top:70px;padding-bottom:160px;}
	.sub_kitchen_brand .esg_bnr{margin-top:51px;}
	#wrap .sub_kitchen_brand .lab_visual .txt{margin-bottom:0;}
	
	#wrap .kitchen_seven_wise{margin-top:119px;}
	#wrap .kitchen_seven_wise + .seven_wise{margin-top:120px;}
	.seven_wise_cont{margin-top:55px;}
	.seven_wise_cont .cont_title{font-size:var(--title-20);}
	.seven_wise_cont .cont_title h5{font-size:180%;color:var(--point-color03);font-weight:600;display: inline-flex;align-items: center;gap:12px;letter-spacing:-0.03em;}
	.seven_wise_cont .cont_title h5:before{width:6px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color03);display: inline-block;}
	.seven_wise_cont .cont_title p{font-size:100%;color:var(--black-color00);font-weight:400;line-height:1.5;margin-top:12px;}
	.seven_wise_cont .high_list{margin-top:40px;display: flex;flex-wrap:wrap;gap:40px;}
	.seven_wise_cont .high_list li{width:calc(50% - 20px);box-sizing:border-box;border-radius:var(--radius-10);border: 1px solid rgba(150, 119, 91, 0.20);background: rgba(150, 119, 91, 0.08);padding:30px 30px 28px;}	
	.seven_wise_cont .high_list .high_title{display: flex;align-items:flex-start;gap:20px;}
	.seven_wise_cont .high_list .high_title .img{width:100px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;}
	.seven_wise_cont .high_list .high_title .txt{font-size:var(--title-20);margin-top:3px;}
	.seven_wise_cont .high_list .high_title .txt dt{display: inline-flex;align-items: center;}
	.seven_wise_cont .high_list .high_title .txt dt strong{font-size:150%;color:var(--point-color03);font-weight:600;}
	.seven_wise_cont .high_list .high_title .txt dt span{display: inline-flex;align-items: center;font-size:100%;color:var(--black-color03);font-weight:600;}
	.seven_wise_cont .high_list .high_title .txt dt span:before{width:1px;height:16px;content:"";background:var(--border-color02);display: inline-block;margin:0 15px;}
	.seven_wise_cont .high_list .high_title .txt dd{margin-top:13px;font-size:100%;color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;}
	.seven_wise_cont .high_list .des{border-top:1px solid var(--border-color02);font-size:var(--title-20);padding-top:20px;margin-top:19px;}
	.seven_wise_cont .high_list .des p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.66;}
	
	.high_tech{margin-top:64px;}
	.high_tech .cont_title h5{color:var(--point-color06);}
	.high_tech .cont_title h5:before{background:var(--point-color06);}
	.high_tech .high_list li{border-color:rgba(85, 66, 44, 0.20);background: rgba(85, 66, 44, 0.05);}
	.high_tech .high_list .high_title .txt dt strong{color:var(--point-color06);}
	
/*───────────────────────────────────────────────────────────

    오피스 | 제품소개 (리스트)

───────────────────────────────────────────────────────────*/
	.office_search_box{margin-bottom:50px;display: flex;justify-content: center;}
	.office_search_box .office_search_cont{width: 420px;height: 50px;box-sizing: border-box;display: flex;align-items: center;border-radius: 25px;border: 2px solid var(--black-color03);padding: 0 10px 0 20px;overflow: hidden;}
	#wrap .office_search_box .search_input{width: calc(100% - 30px);height: 100%;border: none;outline: none;padding: 0;font-size: 16px;color: var(--black-color01);font-weight: 400;}
	
	.office_goods{margin-top:53px;}
	.office_goods > ul{display: flex;flex-wrap:wrap;gap:49px 50px;}
	.office_goods > ul li{box-sizing:border-box;position: relative;width:calc(100% / 3 - 33.4px);;}
	.office_goods > ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.office_goods > ul li .img{width:100%;height:0;padding-bottom:72%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);}
	.office_goods > ul li .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;transition:all 0.3s ease;}
	.office_goods > ul li .txt{margin-top:19px;font-size:var(--title-20);}
	.office_goods > ul li .txt .title{font-size:120%;color:var(--black-color00);font-weight:500;}
	.office_goods > ul li .txt .tag{margin-top:7px;font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.5;letter-spacing:-0.03em;display: block;}
	.office_goods > ul li:hover .img img{transform:scale(1.1);}
	
/*───────────────────────────────────────────────────────────

    오피스 | 제품소개 (뷰)

───────────────────────────────────────────────────────────*/
	.office_goods_view .view_content{margin-top:48px;}
	.office_goods_view .view_title h3{margin-top:0;}
	.office_goods_view .view_title .tag{margin-top:15px;}
	.office_goods_view .view_cont{padding:60px 0 80px;margin-top:56px;}
	
	#wrap .office_goods_view .view_goods_content{font-size:var(--title-20);}
	#wrap .office_goods .view_goods_content{padding-top:93px;}
	.office_goods_view .view_goods_content h3{font-size:150%;color:var(--black-color00);font-weight:600;margin-bottom:22px;}
	#wrap .office_goods_view .item_notslide > ul{gap:53px 32px;}
	#wrap .office_goods_view .item_notslide.item_linenum4 > ul li{width:calc(25% - 24px);}
	#wrap .office_goods_view .item_photo_box:before{display: none;}
	.office_goods_view .rec_example{position: relative;margin-bottom:60px;}
	.office_goods_view .rec_swiper{overflow:hidden;}
	.office_goods_view .rec_swiper li{box-sizing:border-box;position: relative;}
	.office_goods_view .rec_swiper li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.office_goods_view .rec_swiper li .img{width:100%;height:0;padding-bottom:72%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);}
	.office_goods_view .rec_swiper li .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;transition:all 0.3s ease;}
	.office_goods_view .rec_swiper li .txt{margin-top:19px;font-size:var(--title-20);}
	.office_goods_view .rec_swiper li .txt strong{font-size:120%;color:var(--black-color00);font-weight:500;}
	.office_goods_view .rec_swiper li .txt p{margin-top:7px;font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.5;letter-spacing:-0.03em;display: block;}
	.office_goods_view .rec_swiper li:hover .img img{transform:scale(1.1);}
	
/*───────────────────────────────────────────────────────────

    오피스 | 납품사례 (리스트)

───────────────────────────────────────────────────────────*/
	.office_example .sub_title{margin-bottom:45px;}
	.office_tab{box-sizing:border-box;border-bottom:1px solid var(--border-color01);}
	.office_tab ul{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;gap:20px 40px;}
	.office_tab ul li{position: relative;padding-bottom:18px;}
	.office_tab ul li a{font-size:var(--title-18);color:var(--black-color06);font-weight:400;}
	.office_tab ul li.on a{color:var(--point-color02);font-weight:500;}
	.office_tab ul li.on:before{width:100%;height:2px;content:"";background:var(--point-color02);position: absolute;bottom:-1px;left:0;}
	
	.office_example .bnr{box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;margin-top:60px;}
	
	.office_example_list{margin-top:60px;}
	.office_example_list > ul{display: flex;flex-wrap:wrap;gap:47px 50px;}
	.office_example_list > ul li{box-sizing:border-box;position: relative;width:calc(100% / 3 - 33.4px);}
	.office_example_list > ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.office_example_list > ul li .img{width:100%;height:0;padding-bottom:72%;position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);}
	.office_example_list > ul li .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;transition:all 0.3s ease;}
	.office_example_list > ul li .txt{margin-top:19px;font-size:var(--title-20);}
	.office_example_list > ul li .txt strong{font-size:120%;color:var(--black-color00);font-weight:500;}
	.office_example_list > ul li .txt p{margin-top:7px;font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.5;letter-spacing:-0.03em;display: block;}
	.office_example_list > ul li:hover .img img{transform:scale(1.1);}

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

    오피스 | 문의하기

───────────────────────────────────────────────────────────*/	
	.contact_showroom{background:var(--point-color07);box-sizing:border-box;margin-top:140px;padding:140px 0;}
	.contact_showroom .show_title{text-align: center;font-size:var(--title-20);margin-bottom:60px;}
		.contact_showroom .show_title span{font-size:120%;color:var(--point-color03);font-weight:500;}
		.contact_showroom .show_title h3{font-size:200%;color:var(--black-color00);font-weight:500;line-height:1.45;margin-top:30px;}
	.contact_showroom .show_img{position: relative;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-10);}
		.contact_showroom .show_img .swipe_arw{width:40px;height:40px;position: absolute;top:50%;transform:translateY(-50%);z-index:5;cursor:pointer;opacity:0;pointer-events:none;transition:all 0.5s;}
		.contact_showroom .show_img .swipe_arw:before{width:70%;height:70%;content:"";border:2px solid var(--border-color01);position: absolute;border-width:2px 2px 0 0;top:5px;}
		.contact_showroom .show_img .prev{left:40px;}
		.contact_showroom .show_img .next{right:40px;}
		.contact_showroom .show_img .prev:before{transform:rotate(-135deg);left:14px;}
		.contact_showroom .show_img .next:before{transform:rotate(45deg);right:14px;}
	.contact_showroom .show_txt{text-align: center;font-size:var(--title-20);margin-top:60px;}
		.contact_showroom .show_txt strong{font-size:180%;color:var(--black-color00);font-weight:600;display: block;}
		.contact_showroom .show_txt > div{display: inline-flex;align-items: center;justify-content: center;margin-top:30px;gap:14px;font-size:130%;color:var(--point-color03);font-weight:700;}
		.contact_showroom .show_txt .icon{display: inline-flex;box-sizing:border-box;width:36px;aspect-ratio:auto 1;border-radius:100%;background:var(--point-color03);align-items: center;justify-content: center;}
		.contact_showroom .show_txt .icon img{filter:var(--filter-white);}
		.contact_showroom .show_txt span{font-size:inherit;color:inherit;font-weight:inherit;}
	.contact_map{text-align: center;font-size:var(--title-20);margin-top:140px;}
	.contact_map h3{font-size:200%;color:var(--black-color00);font-weight:500;line-height:1.45;}
	.contact_map .map_info{display: flex;align-items: center;justify-content: center;gap:60px;margin-top:40px;}
		.contact_map .map_info dl{display: inline-flex;align-items: center;gap:20px;}
		.contact_map .map_info dl dt{display: inline-flex;align-items: center;gap:20px;}
		.contact_map .map_info dl dt .icon{display: inline-flex;box-sizing:border-box;width:36px;aspect-ratio:auto 1;border-radius:100%;background:var(--gray-bg01);align-items: center;justify-content: center;}
		.contact_map .map_info dl dt span{font-size:var(--title-18);color:var(--black-color03);font-weight:600;}
		.contact_map .map_info dl dd{font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
		.contact_map .map_info dl dd p{font-size:inherit;color:inherit;font-weight:inherit;display: inline-flex;align-items: center;gap:10px;}
		.contact_map .map_info dl dd p strong{font-size:inherit;color:inherit;font-weight:500;}
	.contact_map .map_box{width:100%;box-sizing:border-box;position: relative;border-radius:var(--radius-10);overflow:clip;margin-top:60px;aspect-ratio:auto 2.67;}
		.contact_map .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

		/*hover*/
		.contact_showroom .show_img:hover .swipe_arw{opacity:0.8;pointer-events:initial;}
		.contact_showroom .show_img:hover .swipe_arw:hover{opacity:1;}
		
		

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

    오피스 | 가구

───────────────────────────────────────────────────────────*/
	.sub_office_cont{position: relative;padding-bottom:190px;}
	.office_business:before{width:100%;height:95.78%;content:"";background:var(--point-color07);position: absolute;bottom:0;left:0;}
	.office_visual .img{width:100%;box-sizing:border-box;overflow:clip;height:0;padding-bottom:500px;position: relative;}
	.office_visual .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;}
	
	.business_title{text-align: center;font-size:var(--title-20);}
	.business_title h3{font-size:200%;color: var(--black-color00);font-weight:600;line-height: 1.25;}
	.business_title p{font-size:100%;color: var(--black-color02);font-weight:400;line-height: 1.6;letter-spacing:-0.03em;}
	.business_title span + h3{margin-top:19px;}
	.business_title h3 + p{margin-top:25px;}
	
	.business_suggest{margin-top:155px;margin-bottom:176px;text-align: center;}
	.business_suggest .w_custom{font-size:var(--title-20);}
	.business_suggest .business_title h3{font-size:220%;}
	.business_suggest .concept{display:grid;gap:20px; grid-template-columns: repeat(3, 1fr);margin-top:55px;}
	.business_suggest .concept > div{box-sizing:border-box;background:var(--point-color11);text-align: center;border-radius:var(--radius-10);font-size:var(--title-20);color:var(--point-white);display: inline-flex;align-items: center;justify-content: center;flex-direction: column;padding:35px 0 41px;}
	.business_suggest .concept > div:nth-child(2){background:var(--point-color12);}
	.business_suggest .concept > div:nth-child(3){background:var(--point-color13);}
	.business_suggest .concept > div strong{font-size:200%;font-weight:600;}
	.business_suggest .concept > div p{font-size:120%;font-weight:500;margin-top:8px;}
	.business_suggest .txt{font-size:120%;color:var(--black-color02);font-weight:400;line-height:1.8;text-align: center;margin-top:100px;}
	.business_suggest .txt strong{font-size:inherit;color:inherit;font-weight:600;}
	
	.business_suggest .business_list{display: flex;align-items: center;justify-content: center;gap:100px;margin-top:100px;}
	.business_suggest .business_list li{display: flex;align-items: center;justify-content: center;flex-direction: column;width:240px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid var(--point-color03);background:var(--point-white);font-size:var(--title-20);position: relative;}
	.business_suggest .business_list li + li:before{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;background:var(--border-color02);border-radius:100%;position: absolute;left:-50px;top:50%;transform:translateY(-50%);}
	.business_suggest .business_list li span{font-size:130%;color:var(--point-color05);font-weight:700;line-height:1.13;}
	.business_suggest .business_list li p{font-size:180%;color:var(--point-color05);font-weight:700;margin-top:22px;}
	.business_suggest .arw{margin-top:10px;}
	
	.business_suggest .suggest_txt{display: flex;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;border-radius:100px;background:var(--point-color03);font-size:var(--title-20);padding:39px 0;margin-top:34px;}
	.business_suggest .suggest_txt p{font-size:140%;color:var(--point-white);font-weight:600;}
	
	#wrap .sub_office_cont .item_goods_tab{box-sizing:border-box;background:var(--point-color07);position:sticky;top:0;left:0;z-index:5;border-bottom:1px solid var(--border-color01);}
		#wrap .sub_office_cont .item_goods_tab ul{display: flex;align-items: center;justify-content: center;gap:40px;width:100%;}
		#wrap .sub_office_cont .item_goods_tab ul li{width:auto;}
		#wrap .sub_office_cont .item_goods_tab ul li a{font-size:var(--title-18);color:var(--black-color06);font-weight:400;display: inline-block;padding:20px 0 18px;position: relative;}
		#wrap .sub_office_cont .item_goods_tab ul li a:before{width:0;height:2px;content:"";background:var(--point-color02);position: absolute;bottom:-1px;left:50%;transform:translate(-50%);transition:width 0.3s;}
		#wrap .sub_office_cont .item_goods_tab ul li.on a{color:var(--point-color02);}
		#wrap .sub_office_cont .item_goods_tab ul li.on a:before{width:100%;}
		
	.office_content{counter-reset:officeNum;}
	#wrap .office_content .sub_goods_sec{counter-increment:officeNum;padding-top:100px;font-size:var(--title-20);}
	#wrap .office_content .sub_goods_sec + .sub_goods_sec{margin-top:60px;}
	#wrap .office_content .sub_goods_sec > p{margin-top:80px;font-size:100%;color:var(--black-color02);font-weight:400;line-height:1.6;text-align: center;}
	#wrap .office_content .sub_goods_sec > p strong{font-size:inherit;color:var(--point-color03);font-weight:600;}
	#wrap .office_content .business_title{margin-bottom:60px;}
	#wrap .office_content .business_title span{font-size:100%;color:var(--point-color03);font-weight:500;}
	#wrap .office_content .office_process .business_title span{font-size:120%;}
	#wrap .office_business .office_content .business_title h3:before{content:counter(officeNum, decimal-leading-zero);display:flex;width:50px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid var(--point-color03);align-items: center;justify-content: center;text-align: center;font-size:var(--title-20);color:var(--point-color03);font-weight:600;margin:0 auto;margin-bottom:25px;}
	#wrap .office_content .business_title.no_num h3:before{display: none;}
	#wrap .office_content .sub_goods_sec ul{display:grid;gap:40px;}
		#wrap .office_content .sub_goods_sec ul li{box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
		#wrap .office_content .sub_goods_sec ul li img{width:100%;height:100%;object-fit:cover;}
	#wrap .office_content h4{font-size:170%;color:var(--black-color00);font-weight:500;text-align:left;margin-bottom:25px;}
	#wrap .office_content .office_img_box{display: flex;gap:40px;margin-top:80px;}
	#wrap .office_business .office_content .sec01 ul{grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);}
		#wrap .office_business .office_content .sec01 ul li:nth-child(1){grid-column: span 2 / span 2;grid-row: span 2 / span 2;}
		#wrap .office_business .office_content .sec01 ul li:nth-child(2),
		#wrap .office_business .office_content .sec01 ul li:nth-child(3){grid-column: span 2 / span 2;grid-row: span 1 / span 2;}
	#wrap .office_business .office_content .sec02 .kitchen_img ul{grid-template-columns: repeat(3, 1fr);}
	#wrap .office_business .office_content .sec03 ul{grid-template-columns: repeat(2, 1fr);}
	
	.office_content .office_process .business_title h3{margin-top:30px;}
		.office_content .office_process .step01{background:var(--black-color08);}
		.office_content .office_process .step02{background:var(--point-color02);}
		.office_content .office_process .step03{background:var(--point-color03);}
		.office_content .office_process .step04{background:var(--point-color05);}
		.office_content .office_process .step05{background:var(--point-color10);}
		.office_content .office_process ol{display: flex;gap:100px;}
		.office_content .office_process ol li{width:calc(20% - 80px);display: flex;align-items: center;justify-content: center;flex-direction: column;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;font-size:var(--title-20);position: relative;}
		.office_content .office_process ol li + li:before, .office_content .office_process ol li + li:after{content:"";width:12px;aspect-ratio:auto 1;border:2px solid var(--black-color03);border-width:2px 2px 0 0;transform:translateY(-50%) rotate(45deg);position: absolute;top:50%;}
		.office_content .office_process ol li + li:before{opacity:0.3;left:-65px;}
		.office_content .office_process ol li + li:after{opacity:0.5;left:-53px;}
		.office_content .office_process ol li span{font-size:100%;color:var(--point-white);font-weight:400;}
		.office_content .office_process ol li p{font-size:180%;color:var(--point-white);font-weight:500;margin-top:8px;}
	.office_process .step_cont{margin-top:100px;}
	.office_process .step_cont dl{box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-10);display: flex;align-items:stretch;overflow:clip;}
	.office_process .step_cont dl + dl{margin-top:40px;}
	.office_process .step_cont dl dt{width:360px;flex-shrink:0;text-align:left;box-sizing:border-box;padding:30px 40px;display: flex;flex-direction: column;justify-content: center;}
	.office_process .step_cont dl dt span{font-size:100%;color:var(--point-white);font-weight:400;}
	.office_process .step_cont dl dt p{font-size:180%;color:var(--point-white);font-weight:500;margin-top:8px;letter-spacing:-0.02em;}
	.office_process .step_cont dl dd{box-sizing:border-box;border-radius:0 10px 10px 0;border:1px solid var(--border-color02);width:calc(100% - 360px);display: flex;flex-direction: column;justify-content: center;text-align:left;padding:37px 40px;}
	#wrap .office_content .office_process .tag{display: flex;gap:10px;}
	#wrap .office_content .office_process .tag li{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:var(--title-18);font-weight:400;height:40px;border-radius:40px;padding:0 13px;border:1px solid;}
	#wrap .office_content .office_process .step01_tag li{color:var(--black-color08);border-color:var(--black-color08);}
	#wrap .office_content .office_process .step02_tag li{color:var(--point-color02);border-color:var(--point-color02);}
	#wrap .office_content .office_process .step03_tag li{color:var(--point-color03);border-color:var(--point-color03);}
	#wrap .office_content .office_process .step04_tag li{color:var(--point-color05);border-color:var(--point-color05);}
	#wrap .office_content .office_process .step05_tag li{color:var(--point-color10);border-color:var(--point-color10);}
	.office_process .step_cont dl dd p{font-size:var(--title-20);color:var(--black-color03);font-weight:400;margin-top:24px;letter-spacing:-0.025em;}
	
	#wrap .office_bnr{margin-top:160px;}
	.office_bnr ul{display: flex;gap:40px;}
	.office_bnr ul li{width:calc(50% - 20px);box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;position: relative;background:var(--black-color00);}
	.office_bnr ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.office_bnr .img{width:100%;aspect-ratio:auto 2.79;box-sizing:border-box;opacity:0.6;}
	.office_bnr .img img{width:100%;height:100%;object-fit:cover;transition:all 0.3s;}
	.office_bnr .txt{width:100%;height:100%;z-index:3;position: absolute;top:0;left:0;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size:var(--title-20);}
	.office_bnr .txt strong{font-size:150%;color:var(--point-white);font-weight:600;}
	.office_bnr .txt span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:180px;height:56px;border-radius:var(--radius-06);background:var(--point-color03);font-size:var(--title-17);color:var(--point-white);font-weight:500;margin-top:35px;}
	
	.office_bnr ul li:hover .img img{transform:scale(1.05);}

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

    오피스 | 서비스

───────────────────────────────────────────────────────────*/
	.office_service{background:var(--point-color07);padding-top:70px;}
	.office_service .sub_title{margin:0;}
	.office_service .esg_bnr{margin-top:66px;}
	#wrap .office_service .lab_visual .txt{margin-bottom:0;}
	.service_business{margin-bottom:0;}
		.service_business .business_title p{font-size:110%;line-height:1.63;letter-spacing:0;}
		.service_business .suggest_txt{margin-top:61px;}
	.total_interior{position: relative;margin-top:80px;padding-top:215px;}		
		.total_interior:before{width:1px;height:140px;content:"";background:var(--black-color10);position: absolute;top:0;left:50%;}
		.total_interior .business_title h3 + p{letter-spacing:0;margin-top:27px;}
		.total_interior .concept{margin-top:62px;}
		.total_interior .concept > div{padding:40px 0 46px;}
		.total_interior .concept > div strong span{font-size:64%;font-weight:400;}
		.total_interior .concept > div p{margin-top:-2px;}
		.total_interior .txt{margin-top:60px;}
	#wrap .office_service .office_content .sec01 ul,
	#wrap .office_service .office_content .sec02 ul,
	#wrap .office_service .office_content .sec03 ul{grid-template-columns: repeat(2, 1fr);}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 회사소개

───────────────────────────────────────────────────────────*/	
	#wrap .sub_company_contents{background:var(--point-color07);box-sizing:border-box;padding-top:70px;}
	#wrap .sub_company_contents .sub_content{width:100%;padding:0;}
	.sub_company_contents .sub_title{margin-top:0;}
	
		.company_visual.overview_visual .visual_txt p{font-size:130%;color:var(--point-white);font-weight:500;}
		.company_visual.overview_visual .visual_txt h3{font-size:300%;color:var(--point-white);font-weight:600;margin-top:12px;}
	
	.overview_list_box{position: relative;display: flex;align-items: flex-start;gap:165px;margin-top:200px;}
		.overview_list_box:before{content:"About Enex";font-size:70px;color:var(--point-color06);font-weight:400;font-style:italic;font-family:var(--font-type02);writing-mode:vertical-rl;display: inline-block;position:sticky;top:100px;left:0;line-height:1;width:65px;}
		.overview_list_box ul{width:calc(100% - 65px);position: relative;height:580px;}
		.overview_list_box ul li{/* position:sticky;top:100px;left:0; *//* background:var(--point-color07); */display: flex;align-items: center;gap:90px;}
		/* .overview_list_box ul li + li{margin-top:100px;} */
		.overview_list_box ul li .img{width:480px;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
		.overview_list_box ul li .txt{font-size:var(--title-20);}
		.overview_list_box ul li .txt h4{font-size:200%;color:var(--black-color02);font-weight:600;line-height:1.42;}
		.overview_list_box ul li .txt p{position: relative;font-size:90%;color:var(--black-color02);font-weight:400;line-height:1.66;margin-top:60px;box-sizing:border-box;padding-left: 80px;}
		.overview_list_box ul li .txt p:before{width:1px;height:100%;content:"";background:var(--border-color02);position: absolute;top:0;left:20px;}
	
	.sub_about_box{margin-top:193px;}
	.sub_cont_title{font-size:var(--title-20);margin-bottom:31px;}
	.sub_cont_title h4{font-size:170%;color:var(--black-color03);font-weight:600;}
	.sub_cont_title h5{display: inline-flex;align-items: center;gap:14px;font-size:120%;color:var(--black-color00);font-weight:500;line-height:1.25;margin-top:22px;}
	.sub_cont_title h5:before{width:6px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color03);display: inline-block;}
	.sub_cont_title p{font-size:90%;color:var(--black-color02);font-weight:400;line-height:1.66;margin-top:11px;letter-spacing:-0.03em;}
	.sub_cont_title h5 + p{margin-top:9px;}
		
	.sub_about_box .about_box{box-sizing:border-box;background:rgba(255,255,255,0.7);border-radius:var(--radius-20);padding:25px 50px;display: flex;flex-direction: column;flex-wrap:wrap;gap:0 40px;max-height:620px;}
		.sub_about_box .about_box dl{display: flex;align-items: center;box-sizing:border-box;padding:22px 0;border-bottom:1px solid var(--border-color01);gap:20px;width:calc(50% - 20px);}
		.sub_about_box .about_box dl:nth-of-type(7n){border-bottom:none;}
		.sub_about_box .about_box dl dt{width:176px;display: inline-flex;align-items: center;gap:12px;font-size:var(--title-18);color:var(--black-color03);font-weight:500;}
		.sub_about_box .about_box dl dt:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color10);display: inline-block;}
		.sub_about_box .about_box dl dd{width:calc(100% - 196px);font-size:var(--title-17);color:var(--black-color03);font-weight:400;}
	
	.about_business{margin-top:93px;}
	.about_business .business_box{display: flex;flex-wrap:wrap;gap:40px;}
	.about_business .business_box > dl{width:calc(50% - 20px);box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;background:rgba(255,255,255,0.7);font-size:var(--title-20);}
	.about_business .business_box > dl > dt{display: inline-flex;box-sizing:border-box;border-radius:20px 20px 0 0;align-items: center;justify-content: center;text-align: center;height:70px;width:100%;font-size:120%;color:var(--point-white);font-weight:500;background:var(--point-color03);}
	.about_business .business_box > dl + dl > dt{background:var(--point-color02);}
	.about_business .business_box > dl > dd{box-sizing:border-box;padding:16px 40px;}
	.about_business .business_box .info_box dl{display: flex;align-items: center;box-sizing:border-box;padding:22px 0;gap:20px;}
	.about_business .business_box .info_box dl + dl{border-top:1px solid var(--border-color01);}
	.about_business .business_box .info_box dl dt{width:176px;display: inline-flex;align-items: center;gap:12px;font-size:var(--title-18);color:var(--black-color03);font-weight:500;}
	.about_business .business_box .info_box dl dt:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color10);display: inline-block;}
	.about_business .business_box .info_box dl dd{width:calc(100% - 196px);font-size:var(--title-17);color:var(--black-color03);font-weight:400;}

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

    회사소개 | 경영철학

───────────────────────────────────────────────────────────*/	
	.sub_philosophy{position: relative;padding-bottom:207px;}
	.sub_philosophy:before{width:100%;height:88.54%;content:"";background:var(--point-color07);position: absolute;bottom:0;left:0;}
	.philosophy_intro{position: relative;margin-top:50px;margin-bottom:176px;}
		.philosophy_intro .img{width:100%;height:0;padding-bottom:450px;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-20);position: relative;}
		.philosophy_intro .img img{width:100%;height:100%;position: absolute;top:0;left:0;object-fit:cover;}
		.philosophy_intro .txt_box{display: flex;gap:240px;font-size:var(--title-20);margin-top:60px;}
		.philosophy_intro .txt_box h3{font-size:200%;color:var(--black-color00);font-weight:600;line-height:1.5;}
		.philosophy_intro .txt_box p{font-size:90%;color:var(--black-color02);font-weight:400;line-height:1.66;}
		.philosophy_intro .txt_box p + p{margin-top:20px;}
		.philosophy_intro .txt_box p strong{font-size:inherit;color:inherit;font-weight:600;}
	
	#wrap .sub_philosophy .item_goods_tab{box-sizing:border-box;background:var(--point-color07);position:sticky;top:0;left:0;z-index:5;border-bottom:1px solid var(--border-color01);}
		#wrap .sub_philosophy .item_goods_tab ul{display: flex;align-items: center;justify-content: center;gap:40px;width:100%;}
		#wrap .sub_philosophy .item_goods_tab ul li{width:auto;}
		#wrap .sub_philosophy .item_goods_tab ul li a{font-size:var(--title-18);color:var(--black-color06);font-weight:400;display: inline-block;padding:20px 0 18px;position: relative;}
		#wrap .sub_philosophy .item_goods_tab ul li a:before{width:0;height:3px;content:"";background:var(--point-color02);position: absolute;bottom:-1px;left:50%;transform:translate(-50%);transition:width 0.3s;}
		#wrap .sub_philosophy .item_goods_tab ul li.on a{color:var(--point-color02);}
		#wrap .sub_philosophy .item_goods_tab ul li.on a:before{width:100%;}
	
	#wrap .sub_philosophy .sub_goods_sec{padding-top:150px;}
		.philos_title{text-align: center;font-size:var(--title-20);}
		.philos_title span{font-size:100%;color:var(--point-color03);font-weight:600;}
		.philos_title h4{font-size:210%;color:var(--black-color00);font-weight:600;line-height:1.25;margin:19px 0 33px;}
		.philos_title p{font-size:90%;color:var(--black-color02);font-weight:400;line-height:1.66;}
		.philos_title p strong{font-size:inherit;color:inherit;font-weight:600;}
		.philos_title p em{font-size:inherit;color:var(--point-color03);font-weight:600;}
	
	/*sec01*/
	.sub_philosophy .sec01 .effort_box{box-sizing:border-box;position: relative;padding:60px 90px;margin-top:60px;}
		.sub_philosophy .sec01 .effort_box:before{width:100%;height:200px;content:"";box-sizing:border-box;border-radius:800px 800px 0 0;border:1px solid var(--border-color01);border-bottom:none;position: absolute;top:0;left:0;}
		.sub_philosophy .sec01 .effort_box:after{width:100%;height:140px;content:"";background:url('../img/company/philosophy_arw.svg')no-repeat center;background-size:auto 100%;position: absolute;bottom:-59px;left:50%;transform:translate(-50%);}
		.sub_philosophy .sec01 .effort_box ul{display: flex;align-items: center;gap:100px;position: relative;z-index:3;}
		.sub_philosophy .sec01 .effort_box ul li{width:calc(25% - 75px);aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-white);border:1px solid var(--point-color03);display: flex;flex-direction: column;align-items: center;justify-content: center;font-size:var(--title-20);text-align: center;position: relative;}	
		.sub_philosophy .sec01 .effort_box ul li + li:before{width:10px;height:10px;content:"";box-sizing:border-box;border-radius:100%;background:var(--border-color02);position: absolute;left:-55px;top:50%;transform:translateY(-50%);}
		.sub_philosophy .sec01 .effort_box ul li .icon{height:70px;display: flex;align-items: center;justify-content: center;}
		.sub_philosophy .sec01 .effort_box ul li .icon img{max-height:100%;}
		.sub_philosophy .sec01 .effort_box ul li p{font-size:110%;color:var(--point-color05);font-weight:500;line-height:1.13;margin-top:28px;}
		.sub_philosophy .sec01 .result{display: flex;width:100%;height:120px;box-sizing:border-box;border-radius:100px;align-items: center;justify-content: center;text-align: center;background:var(--point-color03);font-size:var(--title-20);margin-top:99px;}
		.sub_philosophy .sec01 .result p{font-size:150%;color:var(--point-white);font-weight:600;}
	
	/*sec02*/
		.sub_philosophy .philos_policy{box-sizing:border-box;padding:0 100px;margin-top:60px;}
		.sub_philosophy .philos_policy ul{display: flex;gap:130px;}
		.sub_philosophy .philos_policy ul li{width:calc(100% / 3 - 86.7px);box-sizing:border-box;border-radius:100%;aspect-ratio:auto 1;border:2px dashed rgba(187,187,187,0.8);padding:40px 40px;position: relative;}
		.sub_philosophy .philos_policy ul li + li:before{width:130px;height:1px;content:"";background:var(--border-color02);position: absolute;left:-130px;top:50%;}
		.sub_philosophy .philos_policy ul li .policy_box{width:100%;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position: relative;background:var(--point-color02);font-size:var(--title-20);}
		.sub_philosophy .philos_policy ul li .policy_box:before, .sub_philosophy .philos_policy ul li .policy_box:after{content:"";width:10px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color01);box-shadow:0 0 0 6px rgba(136, 109, 68, 0.20);position: absolute;top:50%;transform:translateY(-50%);z-index:3;}
		.sub_philosophy .philos_policy ul li .policy_box:before{left:-46px;}
		.sub_philosophy .philos_policy ul li .policy_box:after{right:-46px;}
		.sub_philosophy .philos_policy ul li:nth-child(1) .policy_box:before,
		.sub_philosophy .philos_policy ul li:nth-child(3) .policy_box:after{display: none;}
		.sub_philosophy .philos_policy ul li:nth-child(2) .policy_box{background:var(--point-color03);}
		.sub_philosophy .philos_policy ul li:nth-child(3) .policy_box{background:var(--point-color01);}
		.sub_philosophy .philos_policy ul li .policy_box span{font-size:110%;color:rgba(255,255,255,0.8);font-weight:400;text-decoration: underline;}
		.sub_philosophy .philos_policy ul li .policy_box p{font-size:180%;color:var(--point-white);font-weight:600;line-height:1.41;margin-top:30px;}
		
	/*sec03*/
		.sub_philosophy .guideline_box{display: flex;flex-wrap:wrap;gap:20px;margin-top:60px;position: relative;}
		.sub_philosophy .guideline_box > dl{width:calc(50% - 10px);box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;background:rgba(255,255,255,0.7);font-size:var(--title-20);border:1px solid var(--border-color01);position: relative;}
		.sub_philosophy .guideline_box > dl > dt{display: inline-flex;box-sizing:border-box;border-radius:20px 20px 0 0;align-items: center;justify-content: center;text-align: center;height:70px;width:100%;font-size:120%;color:var(--point-white);font-weight:500;background:var(--point-color03);}
		.sub_philosophy .guideline_box > dl + dl > dt{background:var(--point-color02);}
		.sub_philosophy .guideline_box dd{font-size:var(--title-20);box-sizing:border-box;padding:31px 40px 40px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;height:228px;}
		.sub_philosophy .guideline_box strong{font-size:120%;color:var(--black-color03);font-weight:600;}
		.sub_philosophy .guideline_box dd > p{font-size:120%;color:var(--black-color03);font-weight:500;margin-top:7px;height:100px;display: inline-flex;align-items: center;justify-content: center;}
		.sub_philosophy .guideline_box dd > div{display: flex;align-items: center;justify-content: center;margin-top:21px;}
		.sub_philosophy .guideline_box .manage_guide{gap:64px;}
		.sub_philosophy .guideline_box .manage_guide div{width:136px;box-sizing:border-box;aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);border:1px solid var(--border-color01);display: flex;align-items: center;justify-content: center;text-align: center;font-size:110%;color:var(--black-color03);font-weight:500;position: relative;}
		.sub_philosophy .guideline_box .manage_guide div + div:before{width:24px;height:24px;content:"";background:var(--black-color10);clip-path:var(--polygon-path01);position: absolute;left:-44px;top:50%;transform:translateY(-50%);}
		.sub_philosophy .guideline_box .worker_guide{gap:10px;}
		.sub_philosophy .guideline_box .worker_guide div{width:160px;box-sizing:border-box;aspect-ratio:auto 1.6;border-radius:var(--radius-10);background:var(--point-white);border:1px solid var(--border-color01);display: flex;align-items: center;justify-content: center;text-align: center;font-size:110%;color:var(--black-color03);font-weight:500;position: relative;}
		
/*───────────────────────────────────────────────────────────

    회사소개 | 사업장소개

───────────────────────────────────────────────────────────*/	
	.sub_place .nav_tab2{margin:50px 0 48px;}
	.sub_place .place_content{height:0;overflow:hidden;}
	.sub_place .place_content.on{height:auto;overflow:visible;}
	.sub_place_box + .sub_place_box{margin-top:89px;}
	.sub_place .sub_cont_title{margin-bottom:28px;}
	.sub_place .sub_cont_title h4{font-size:180%;font-weight:700;display: inline-flex;align-items: center;gap:11px;}
	.sub_place .sub_cont_title h4 span{font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
	.sub_place .map_info_box{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;border:1px solid var(--border-color01);}
	.sub_place .map_info_box > .map{width:100%;height:0;padding-bottom:31.3%;position: relative;overflow:clip;}
	.sub_place .map_info_box .info{box-sizing:border-box;border-top:1px solid var(--border-color01);padding:50px 60px 51px;display: flex;align-items: center;gap:60px;font-size:var(--title-20);}
	.sub_place .map_info_box .info h5{font-size:130%;color:var(--black-color00);font-weight:500;}
	.sub_place .map_info_box .info dl{display: flex;align-items: center;gap:30px;}
	.sub_place .map_info_box .info dl dt{display: flex;align-items: center;gap:20px;}
	.sub_place .map_info_box .info dl dt .icon{width:36px;box-sizing:border-box;aspect-ratio:auto 1;border-radius:100%;background:var(--gray-bg01);display: flex;align-items: center;justify-content: center;}
	.sub_place .map_info_box .info dl dt span{font-size:var(--title-18);color:var(--black-color03);font-weight:600;display: inline-block;width:63px;}
	.sub_place .map_info_box .info dl dd{font-size:var(--title-18);color:var(--black-color06);font-weight:400;letter-spacing:-0.03em;}
	
	.sub_place .headquarter .map_info_box .info dl + dl{gap:20px;}
	.sub_place .headquarter .map_info_box .info dl dt span{width:auto;}
	
	.sub_place .factory .map_wrap{display: flex;flex-wrap:wrap;gap:40px;}
	.sub_place .factory .map_wrap > div{width:calc(50% - 20px);}
	.sub_place .factory .map_info_box > .map{padding-bottom:51%;}
	.sub_place .factory .map_info_box .info{flex-direction: column;gap:18px;align-items: flex-start;padding:33px 39px 39px;}
	.sub_place .factory .map_info_box .info h5{padding-bottom:6px;}
	
	.sub_place .vietnam .map_info_box{border-radius:0;border:none;display: flex;gap:50px;}
	.sub_place .vietnam .map_info_box > .map{width:45%;padding:0;height:auto;}
	.sub_place .vietnam .map_info_box > .map .img{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;width:100%;position: relative;}
	.sub_place .vietnam .map_info_box > .map .img img{width:100%;height:100%;object-fit:cover;}
	.sub_place .vietnam .map_info_box .info_box{width:calc(55% - 50px);display: flex;flex-direction: column;gap:40px;}
	.sub_place .vietnam .map_info_box .info_box .info{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);flex-direction: column;align-items: flex-start;gap:23px;padding:32px 39px 40px;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | CI

───────────────────────────────────────────────────────────*/	
	.ci_main .logo_box{width:100%;height:400px;box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);overflow:clip;display: flex;align-items: center;justify-content: center;}
	.ci_main .logo_box:before{width:calc(100% + 2px);height:calc(100% + 2px);content:"";box-sizing:border-box;border-radius:var(--radius-10);background-image: linear-gradient(to right, rgba(221, 221, 221, 0.4) 1px, transparent 1px), linear-gradient(to bottom, rgba(221, 221, 221, 0.4) 1px, transparent 1px); background-size: 15px 15px;position: absolute;top:-1px;left:-1px;}
	.ci_main .logo_box img{position: relative;z-index:3;}
	.ci_main .txt{margin-top:20px;box-sizing:border-box;border-radius:var(--radius-10);background:var(--point-color07);text-align: center;padding:40px 30px;}
	.ci_main .txt p{font-size:var(--title-18);color:var(--black-color00);font-weight:400;line-height:1.66;letter-spacing:-0.03em;}
	
	.sub_ci .ci_box{margin-top:40px;}
	.sub_ci_box{padding:100px 0;box-sizing:border-box;display: flex;justify-content: space-between;}
	.sub_ci_box + .sub_ci_box{border-top:1px solid var(--border-color01);}
	.sub_ci_box .ci_title{font-size:var(--title-20);}
	.sub_ci_box .ci_title span{font-size:90%;color:var(--black-color08);font-weight:400;}
	.sub_ci_box .ci_title h3{font-size:180%;color:var(--black-color03);font-weight:700;margin-top:10px;}
	.sub_ci_box .ci_cont{width:1200px;}
	
	/*logo*/
	.sub_ci_box .sub_ci_logo{display: flex;flex-wrap:wrap;gap:40px;}
	.sub_ci_logo .logo_box{width:calc(50% - 20px);box-sizing:border-box;}
	.sub_ci_logo .logo_box .img{width:100%;height:280px;box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);overflow:clip;display: flex;align-items: center;justify-content: center;}
	.sub_ci_logo .logo_box .down_box{margin-top:20px;display: flex;gap:20px;flex-wrap:wrap;}
	.sub_ci_logo .logo_box .down_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:calc(50% - 10px);height:60px;border-radius:var(--radius-06);border:1px solid var(--black-color03);gap:20px;}
	.sub_ci_logo .logo_box .down_box span{font-size:var(--title-18);color:var(--black-color03);font-weight:500;letter-spacing:-0.03em;}
	.sub_ci_logo .logo_box .down_box a:after{width:22px;height:22px;content:"";background:url('../img/da_image/icon_download.svg')no-repeat center;background-size:auto 100%;filter:var(--filter-black);}
	
	/*color*/
	.sub_ci_color .main_color{display: flex;box-sizing:border-box;align-items: center;border-radius:var(--radius-10);border:1px solid var(--border-color01);padding:10px 10px;}
		.sub_ci_color .main_color .color_box{display: inline-flex;box-sizing:border-box;width:300px;height:140px;border-radius:var(--radius-10);background:var(--point-red);align-items: center;padding:0 40px;font-size:var(--title-20);}
		.sub_ci_color .main_color .color_box p{font-size:120%;color:var(--point-white);font-weight:600;letter-spacing:-0.03em;}
		.sub_ci_color .main_color .color_code{margin-left:40px;}
		.sub_ci_color .main_color .color_code dl{display: flex;align-items: center;gap:12px;}
		.sub_ci_color .main_color .color_code dl + dl{margin-top:15px;}
		.sub_ci_color .main_color .color_code dl dt, .sub_ci_color .main_color .color_code dl dd{font-size:var(--title-16);color:var(--black-color05);font-weight:400;}
		.sub_ci_color .main_color .color_code dl dt{width:100px;color:var(--black-color03);font-weight:500;}
	.sub_ci_box .txt{font-size:var(--title-18);color:var(--black-color05);font-weight:400;line-height:1.66;letter-spacing:-0.03em;margin-top:30px;}
	.sub_ci_color .sub_color{display: flex;flex-wrap:wrap;gap:18px;margin-top:60px;}
	.sub_ci_color .sub_color > div{width:calc(100% / 3 - 12px);box-sizing:border-box;border-radius:var(--radius-10);display: flex;align-items: center;justify-content: center;padding:36px 0;}
	.sub_ci_color .sub_color > div:nth-child(1){background:var(--point-red);}
	.sub_ci_color .sub_color > div:nth-child(2){background:var(--black-color00);}
	.sub_ci_color .sub_color > div:nth-child(3){background:var(--black-color13);}
	
	/*brand*/
	.sub_ci_brand ul{display: flex;flex-wrap:wrap;gap:18px;}
	.sub_ci_brand ul li{width:calc(100% / 3 - 12px);box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);display: inline-flex;align-items: center;justify-content: center;height:120px;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | ceo

───────────────────────────────────────────────────────────*/	
	.sub_ceo{padding-bottom:180px;}
	.sub_ceo:before{width:120%;height:63.1%;content:"";background:var(--point-color07);position: absolute;bottom:0;right:0;border-radius:0 20px 0 0;}
	.sub_ceo_cont{display: flex;gap:120px;padding-top:33px;}
	.sub_ceo_cont .img_box{width:500px;flex-shrink:0;margin-top:7px;}
	.sub_ceo_cont .img_box .img{box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
	.sub_ceo_cont .img_box .sign{display: flex;align-items: center;gap:24px;margin-top:30px;}
	.sub_ceo_cont .img_box .sign span{font-size:var(--title-20);color:var(--black-color00);font-weight:500;}
	.sub_ceo_cont .txt_box{width:calc(100% - 620px);}
	.sub_ceo_cont .txt_box h3{font-size:var(--title-20);}
	.sub_ceo_cont .txt_box h3 > strong{font-size:150%;color:var(--point-color03);font-weight:500;}
	.sub_ceo_cont .txt_box h3 > span{display: block;font-size:200%;color:var(--black-color00);font-weight:300;line-height:1.5;margin-top:22px;}
	.sub_ceo_cont .txt_box h3 > span strong{font-size:inherit;color:inherit;font-weight:500;}
	.sub_ceo_cont .txt_box .txt{margin-top:160px;}
	.sub_ceo_cont .txt_box .txt p{font-size:var(--title-18);color:var(--black-color02);font-weight:400;line-height:1.66;word-break:keep-all;}
	.sub_ceo_cont .txt_box .txt p + p{margin-top:21px;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 연혁
	
───────────────────────────────────────────────────────────*/  
    #wrap .history_wrap{position: relative;margin-top: 98px;display: flex;align-items: flex-start;gap: 140px;}
    #wrap .history_wrap .line{position: absolute;top: 185px;left:40%;width: 1px;height: calc(100% - 185px);background: var(--gray-bg03);}
    #wrap .history_wrap .line em{position: absolute; top:0; left: 0; width: 100%; background: var(--point-color03);}
        #wrap .history_wrap .line em:before{position: absolute;content: '';top:100%;left:50%;margin-left: -2.5px;width: 5px;aspect-ratio: auto 1;border-radius: 100%;background: inherit;}
    #wrap .history_wrap section{display: flex; align-items: flex-start;}
    #wrap .history_wrap .info_box{position: sticky;top: 100px;width: 31.25%;flex-shrink: 0;box-sizing: border-box;flex-shrink: 0;}
    #wrap .history_wrap .year_desc{display: grid;font-size: var(--title-20);gap: 75px;align-items: end;}
    #wrap .history_wrap .year_desc dt{font-size: 350%;font-weight: 600;color: var(--black-color03);line-height: 1.1;letter-spacing: -0.04em; clip-path: inset(0);transition: all 1.2s;}
    #wrap .history_wrap .year_desc dt span{display: block; transition: inherit;}
    #wrap .history_wrap .year_desc dd{position: relative;font-size: 0;border-radius: var(--radius-20);overflow: hidden;width: 100%;height: 340px;clip-path: inset(0);transition: all 1.2s;}
	#wrap .history_wrap .year_desc dd img{width:100%;height: 100%;object-fit: cover; transition: all 0.6s;}

        #wrap .history_wrap .year_desc:not(:first-child){position: absolute;top:0;left:0;}
        #wrap .history_wrap .year_desc:not(:first-child, .on){opacity: 0; pointer-events: none;}
        #wrap .history_wrap .year_desc:is(:not(:first-child, .on), :has(~ .on)) dt span{translate: 0 100%;}
        #wrap .history_wrap .year_desc:is(:not(:first-child, .on), :has(~ .on)) dd{clip-path: inset(100% 0 0 0);}
        #wrap .history_wrap .year_desc:has(~ .on){opacity: 0;}

        #wrap .history_wrap .year_desc dd img:not(:first-child){position: absolute;top:0;left:0;opacity: 0;}
        #wrap .history_wrap .year_desc dd img:not(:first-child).acitve{opacity: 1;}
        
    #wrap .history_wrap .exp_box{display: grid;gap: 198px;width: 100%;}
    #wrap .history_wrap .exp_box section{padding: 181px 0 0 140px;width: 100%;box-sizing: border-box;display: grid;gap: 68px;}
    #wrap .history_wrap .item{display: grid;gap: 28px;}
    #wrap .history_wrap .cont{display: grid;gap: 28px;}
    #wrap .history_wrap .stres_title{font-size: var(--title-20);}
    #wrap .history_wrap .stres_title h4{font-size: 200%;font-weight: 600;color: var(--point-color03);line-height: 1.3;letter-spacing: -0.03em;}
    #wrap .history_wrap .month_desc{display: flex;align-items: baseline;font-size: var(--title-20);}
    #wrap .history_wrap .month_desc dt{width: 73px;flex-shrink: 0;box-sizing: border-box;font-size: 110%;font-weight: 400;color: var(--black-color00);line-height: 1.35;padding-right: 15px;translate: 0 1px;letter-spacing: -0.03em;}
    #wrap .history_wrap .month_desc dd{width: 100%;font-size: inherit;box-sizing: border-box;}
    #wrap .history_wrap .bullet_list{gap: 20px;}
    #wrap .history_wrap .bullet_list > li{font-size: inherit;gap: 10px;}
    #wrap .history_wrap .bullet_list > li:before{width: 3px;height: 3px;}
    #wrap .history_wrap .bullet_list > li span{display: grid;gap: 11px;}
    #wrap .history_wrap .bullet_list > li small{font-size: 90%;font-weight: 400;color: var(--black-color06);letter-spacing: -0.03em;}

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

    회사소개 | 경영정보

───────────────────────────────────────────────────────────*/
	.sub_invest{box-sizing:border-box;padding:0 0 137px;}
	.sub_invest .invest_box{background:var(--point-white);border-radius:var(--radius-20);padding:81px 100px;box-sizing:border-box;margin-top:60px;}
	
	.sub_invest_box + .sub_invest_box{margin-top:100px;}
	.sub_invest_box .invest_title{display: flex;align-items: center;justify-content: space-between;font-size:var(--title-20);}
		.sub_invest_box .invest_title h3{display: inline-flex;align-items:center;font-size:120%;color:var(--black-color00);font-weight:500;line-height:1.25;gap:15px;}
		.sub_invest_box .invest_title h3 span{font-size:var(--title-16);color:var(--black-color03);font-weight:400;}
		.sub_invest_box .invest_title p{font-size:var(--title-16);color:var(--black-color08);font-weight:400;}
		.sub_invest_box h4{font-size:var(--title-20);color:var(--black-color03);font-weight:500;display: inline-flex;align-items: center;gap:14px;padding:7px 0 13px;}
		.sub_invest_box h4:before{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color03);display: inline-block;}
		.sub_invest_box h4 p{display: inline-flex;align-items: center;gap:10px;}
		.sub_invest_box h4 p span{font-size:var(--title-16);color:var(--black-color03);font-weight:400;}
	.sub_invest_box .invest_table{margin-top:18px;}	
		.sub_invest_box .invest_table + .invest_table{margin-top:46px;}
		.sub_invest_box .invest_table thead tr th{box-sizing:border-box;text-align: center;border-top:1px solid var(--black-color00);border-bottom:1px solid var(--border-color01);background:var(--point-color07);font-size:var(--title-16);color:var(--black-color00);font-weight:500;padding:15.5px 0;}
		.sub_invest_box .invest_table thead tr th + th{border-left:1px solid var(--border-color01);}
		.sub_invest_box .invest_table thead tr + tr th{border-left:1px solid var(--border-color01);}
		.sub_invest_box .invest_table tbody tr th, .sub_invest_box .invest_table tbody tr td{box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding:15.5px 20px;vertical-align: middle;}
		.sub_invest_box .invest_table tbody tr th{font-size:var(--title-16);color:var(--black-color03);font-weight:500;border-right:1px solid var(--border-color01);}
		.sub_invest_box .invest_table tbody tr td{font-size:var(--title-15);color:var(--black-color05);font-weight:400;text-align: center;line-height:1.6;}
		.sub_invest_box .invest_table tbody tr td.bd_left, .sub_invest_box .invest_table tbody tr td + td{border-left:1px solid var(--border-color01);}
		.sub_invest_box .invest_table tfoot tr th, .sub_invest_box .invest_table tfoot tr td{box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding:15.5px 20px;}
		.sub_invest_box .invest_table tfoot tr th + td, .sub_invest_box .invest_table tfoot tr td + td{border-left:1px solid var(--border-color01);}
		.sub_invest_box .invest_table tr.total th, .sub_invest_box .invest_table tr.total td{background:var(--gray-bg01);font-size:var(--title-16);color:var(--point-color03);font-weight:500;}

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

    회사소개 | 인재상

───────────────────────────────────────────────────────────*/	
	.sub_people .people_bnr{display: flex;align-items: center;justify-content: center;text-align: center;width:100%;height:500px;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;position: relative;}
		.sub_people .people_bnr .img{width:100%;height:100%;position: absolute;top:0;left:0;}
		.sub_people .people_bnr .img img{width:100%;height:100%;object-fit:cover;}
		.sub_people .people_bnr .txt{text-align: center;font-size:var(--title-20);color:var(--point-white);}
		.sub_people .people_bnr .txt h3{font-size:200%;color:inherit;font-weight:600;line-height:1.15;}
		.sub_people .people_bnr .txt p{font-size:100%;color:inherit;font-weight:300;line-height:1.6;margin-top:30px;}
	.sub_people .people_talent{display: flex;flex-wrap:wrap;margin-top:160px;}
		.sub_people .people_talent li{width:calc(25% + 30px);box-sizing:border-box;border-radius:300px;border:2px solid rgba(150, 119, 91, 0.2);display: inline-flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size:var(--title-20);padding:57px 0 47px;}
		.sub_people .people_talent li + li{margin-left:-40px;}
		.sub_people .people_talent li .icon{}
		.sub_people .people_talent li .icon img{}
		.sub_people .people_talent li p{margin-top:34px;font-size:140%;color:var(--point-color03);font-weight:600;line-height:1.07;}
	.people_competency{display: flex;align-items: flex-start;justify-content: space-between;font-size:var(--title-20);margin-top:160px;}
		.people_competency h4{font-size:200%;color:var(--black-color00);font-weight:600;line-height:1.5;position:sticky;top:90px;left:0;}
		.people_competency ul{width:1200px;}
		.people_competency ul li{padding:80px 0;display: flex;align-items: center;gap:80px;box-sizing:border-box;}
		.people_competency ul li + li{border-top:1px solid var(--border-color01);}
		.people_competency ul li:nth-child(1){padding-top:0;}
		.people_competency ul li:last-child{padding-bottom:0;}
		.people_competency ul li .img{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;width:40%;}
		.people_competency ul li .img img{width:100%;height:100%;object-fit:cover;}
		.people_competency ul li .txt_box{font-size:var(--title-20);width:calc(60% - 80px);}
		.people_competency ul li .txt_box span{font-size:100%;color:var(--black-color08);font-weight:400;}
		.people_competency ul li .txt_box h5{font-size:180%;color:var(--point-color03);font-weight:700;margin-top:6px;}
		.people_competency ul li .txt_box .txt{margin-top:21px;}
		.people_competency ul li .txt_box .txt strong{font-size:110%;color:var(--black-color02);font-weight:600;;line-height:1.36;letter-spacing:-0.03em;}
		.people_competency ul li .txt_box .txt p{font-size:90%;color:var(--black-color02);font-weight:400;line-height:1.66;margin-top:20px;letter-spacing:-0.03em;}

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

    회사소개 | 인사프로세스

───────────────────────────────────────────────────────────*/
	#wrap .sub_com_manage .nav_tab2{margin-bottom:52px;}
	#wrap .manage_result ol{display: flex;gap:80px;padding-top:9px;}
	#wrap .manage_result ol > li{box-sizing:border-box;position: relative;border-radius:var(--radius-10);border:1px solid var(--border-color01);width:calc(25% - 60px);text-align: center;padding:46px 30px 30px;}
	#wrap .manage_result ol > li + li:before{width:32px;height:32px;content:"";border:1px solid var(--black-color10);border-width:1px 1px 0 0;position: absolute;left:-68px;top:50%;transform:translateY(-50%) rotate(45deg);}
	#wrap .manage_result ol > li.result:after{width:calc(100% + 2px);height:calc(100% + 2px);content:"";box-sizing:border-box;border-radius:var(--radius-10);border:2px solid var(--point-color03);position: absolute;top:-1px;left:-1px;}
	#wrap .manage_result dl dt{font-size:var(--title-20);}
	#wrap .manage_result dl dt .icon{height:72px;display: flex;align-items: center;justify-content: center;}
	#wrap .manage_result dl dt .icon img{max-height:100%;}
	#wrap .manage_result ol > li.result dl dt p{color:var(--point-color03);}
	#wrap .manage_result dl dt p{font-size:130%;color:var(--black-color00);font-weight:600;margin-top:17px;}
	#wrap .manage_result dl dd{box-sizing:border-box;border-top:1px solid var(--gray-bg03);margin-top:23px;padding-top:23px;}
	#wrap .manage_result dl dd .bullet_list{gap:5px;}
	#wrap .manage_result dl dd .bullet_list > li{font-size:85%;color:var(--black-color05);}
	
	.manage_system{background:var(--point-color07);margin-top:120px;padding:113px 0 180px;}
	.manage_system .cp_box{}
	.manage_system .cp_box ul{display: flex;flex-wrap:wrap;gap:20px;padding-top:10px;}
	.manage_system .cp_box ul li{width:calc(20% - 16px);box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);background:var(--point-white);padding:39px 39px 39px;font-size:var(--title-20);}
	.manage_system .cp_box ul li:before{width:40px;height:40px;content:"";display: inline-block;box-sizing:border-box;border-radius:100%;background:var(--point-color07) url('../img/da_image/ico_list_chk.svg')no-repeat center;}
	.manage_system .cp_box ul li strong{font-size:130%;color:var(--black-color00);font-weight:500;line-height:1.15;display: block;margin-top:11px;}
	.manage_system .cp_box ul li p{font-size:var(--title-18);color:var(--black-color05);font-weight:400;line-height:1.66;margin-top:20px;letter-spacing:-0.03em;}
	
	.manage_system .rank_box{margin-top:112px;}
	.manage_system .rank_box .sub_cont_title{margin-bottom:40px;}
	.manage_system .rank_box .rank_graph{box-sizing:border-box;border-radius:var(--radius-20);background:var(--point-white);padding:103px 60px 96px;}
	.manage_system .rank_graph ul{display: flex;align-items: flex-end;}
	.manage_system .rank_graph ul li{width:20%;text-align: center;}
	.manage_system .rank_graph .graph_box{font-size:var(--title-20);}
	.manage_system .rank_graph .graph_box p{font-size:130%;font-weight:600;line-height:1.3;margin-bottom:12px;}
	.manage_system .rank_graph li:nth-child(1) .graph_box p{color:var(--point-color09);}
	.manage_system .rank_graph li:nth-child(2) .graph_box p{color:var(--point-color02);}
	.manage_system .rank_graph li:nth-child(3) .graph_box p{color:var(--point-color03);}
	.manage_system .rank_graph li:nth-child(4) .graph_box p{color:var(--point-color01);}
	.manage_system .rank_graph li:nth-child(5) .graph_box p{color:var(--point-color05);}
	.manage_system .rank_graph .graph_box .grapth{}
	.manage_system .rank_graph .graph_box .graph > div{width:100%;height:20px;box-sizing:border-box;border-radius:var(--radius-06);}
	.manage_system .rank_graph ul li:nth-child(1) .graph > div{background:var(--point-color09);}
	.manage_system .rank_graph ul li:nth-child(2) .graph > div{background:var(--point-color02);}
	.manage_system .rank_graph ul li:nth-child(3) .graph > div{background:var(--point-color03);}
	.manage_system .rank_graph ul li:nth-child(4) .graph > div{background:var(--point-color01);}
	.manage_system .rank_graph ul li:nth-child(5) .graph > div{background:var(--point-color05);}
	.manage_system .rank_graph .graph_box .graph > div.op8{opacity:0.8;}
	.manage_system .rank_graph .graph_box .graph > div.op6{opacity:0.6;}
	.manage_system .rank_graph .graph_box .graph > div.op4{opacity:0.4;}
	.manage_system .rank_graph .graph_box .graph > div.op3{opacity:0.3;}
	.manage_system .rank_graph .graph_box .graph > div.op2{opacity:0.2;}
	.manage_system .rank_graph .graph_box .graph > div.op1{opacity:0.1;}
	.manage_system .rank_graph .year{margin-top:30px;position: relative;padding-top:25px;border-top:1px solid var(--black-color10);}
	.manage_system .rank_graph .year:before{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;position: absolute;top:-5px;left:50%;transform:translate(-50%);}
	.manage_system .rank_graph ul li:nth-child(1) .year:before{background:var(--point-color09);}
	.manage_system .rank_graph ul li:nth-child(2) .year:before{background:var(--point-color02);}
	.manage_system .rank_graph ul li:nth-child(3) .year:before{background:var(--point-color03);}
	.manage_system .rank_graph ul li:nth-child(4) .year:before{background:var(--point-color01);}
	.manage_system .rank_graph ul li:nth-child(5) .year:before{background:var(--point-color05);}
	.manage_system .rank_graph .year p{font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 인재육성

───────────────────────────────────────────────────────────*/
	.talent_strategy 	.sub_cont_title{margin-bottom:40px;}
	.strategy_diagram{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);text-align: center;padding:60px 190px;font-size:var(--title-20);}
	.strategy_diagram h6{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;margin:0 auto;width:340px;height:80px;background:var(--point-color03);border-radius:80px;font-size:120%;color:var(--point-white);font-weight:600;position: relative;}
	.strategy_diagram h6:after{width:1px;height:70px;content:"";background:var(--black-color10);position: absolute;bottom:-70px;left:calc(50% - 1px);}
	.strategy_diagram > ul{display: flex;flex-wrap:wrap;gap:100px;position: relative;margin-top:69px;padding-top:70px;}
	.strategy_diagram > ul:before{width:calc((100% / 3)*2 + 69px);height:1px;content:"";background:var(--black-color10);position: absolute;top:0;left:50%;transform:translate(-50%);}
	.strategy_diagram > ul > li{box-sizing:border-box;width:calc(100% / 3 - 66.67px);border-radius:var(--radius-10);border:1px solid var(--border-color01);position: relative;}
	.strategy_diagram > ul > li:before{width:1px;height:70px;content:"";background:var(--black-color10);position: absolute;top:-70px;left:50%;}
	.strategy_diagram > ul > li > span{display: inline-flex;box-sizing:border-box;width:100%;height:70px;align-items: center;justify-content: center;text-align: center;font-size:100%;color:var(--point-color03);font-weight:600;position: relative;}
	.strategy_diagram > ul > li > span:before{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color03);box-shadow:0 0 0 6px rgba(150, 119, 91, 0.20);position: absolute;left:50%;top:-5px;transform:translate(-50%);}
	.strategy_diagram > ul > li > span:after{width:calc(100% + 2px);height:100%;content:"";box-sizing:border-box;border:2px solid var(--point-color03);border-radius:var(--radius-10);position: absolute;left:-1px;top:-1px;}
	#wrap .strategy_diagram > ul .bullet_list{box-sizing:border-box;padding:33px 30px 30px;gap:4px;}
	#wrap .strategy_diagram > ul .bullet_list > li{font-size:85%;color:var(--black-color05);}
	
	.sub_manage_up .edu_system{margin-top:92px;}
	.sub_manage_up .edu_system .sub_cont_title{margin-bottom:40px;}
	.sub_manage_up .edu_system .edu_table_box{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);text-align: center;padding:60px 60px;font-size:var(--title-20);}
	.sub_manage_up .edu_system .edu_table_box .table_box{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);overflow:clip;}
	.sub_manage_up .edu_system table thead tr th{box-sizing:border-box;border-bottom:1px solid var(--border-color01);background:var(--point-color07);text-align: center;vertical-align: middle;font-size:var(--title-18);color:var(--black-color00);font-weight:500;line-height:1.1;padding:15.5px 0;}
	.sub_manage_up .edu_system table thead tr th + th{border-left: 1px solid var(--border-color01);}
	.sub_manage_up .edu_system table .bd_l{border-left: 1px solid var(--border-color01);}
	.sub_manage_up .edu_system table tbody tr th, .sub_manage_up .edu_system table tbody tr td{box-sizing:border-box;vertical-align: middle;text-align: center;padding:10px 10px;}
	.sub_manage_up .edu_system table tbody tr th > div, .sub_manage_up .edu_system table tbody tr td > div{min-height:60px;box-sizing:border-box;display: flex;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-10);font-size:var(--title-18);}
	.sub_manage_up .edu_system table tbody tr th > div{background:var(--black-color08);color:var(--point-white);font-weight:600;}
	.sub_manage_up .edu_system table tbody tr td > div{background:var(--gray-bg01);color:var(--black-color03);font-weight:500;}
	.sub_manage_up .edu_system table tbody tr td.manager > div{height:140px;}
	.sub_manage_up .edu_system table tbody tr td.edu > div{height:380px;}
	.sub_manage_up .edu_system table tbody tr td.common > div{height:460px;}
	.sub_manage_up .edu_system table tbody tr + tr th, .sub_manage_up .edu_system table tbody tr + tr td{border-top:1px solid var(--border-color01);}
	.sub_manage_up .edu_system table tbody tr td{border-left: 1px solid var(--border-color01);}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 복리후생

───────────────────────────────────────────────────────────*/	
	.welfare_box{}
	.welfare_box ul{display: flex;flex-wrap:wrap;gap:36px;padding-top:9px;}
	.welfare_box ul li{width:calc(25% - 27px);box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);padding:45px 40px 40px;}
	.welfare_box ul li .icon{height:74px;display: flex;align-items: center;justify-content:flex-start;}
	.welfare_box ul li .icon img{max-height:100%;}
	.welfare_box ul li dl{font-size:var(--title-20);margin-top:40px;}
	.welfare_box ul li dl dt{font-size:130%;color:var(--black-color00);font-weight:500;line-height:1.15;}
	.welfare_box ul li dl dd{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.66;margin-top:20px;letter-spacing:-0.03em;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 채용공고

───────────────────────────────────────────────────────────*/
	/*list*/
	#wrap .sub_recruit{padding-top:70px;}
	#wrap .sub_recruit .board_list_table td{text-align: center;}
	#wrap .sub_recruit .board_list_table .board_tit a{font-size:var(--title-18);}
	#wrap .sub_recruit .board_list_table .board_tit a strong{font-weight:400;}
	#wrap .sub_recruit .board_list_table td.period{color:var(--black-color00)}
	#wrap .sub_recruit .board_list_table td .status{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:120px;height:46px;border-radius:46px;font-size:var(--title-16);color:var(--point-white);font-weight:400;}
	#wrap .sub_recruit .board_list_table td .status.ing{background:var(--point-color03);}
	#wrap .sub_recruit .board_list_table td .status.end{background:var(--black-color10);}
	
	/*view*/
	.sub_recruit .board_zone_view{margin-top:57px;}
	#wrap .sub_recruit .board_zone_view .board_view_tit{border:none;padding:0;}
	#wrap .sub_recruit .board_zone_view .board_view_tit h3{text-align: center;font-size:150%;color:var(--black-color00);font-weight:600;padding:0;}
	.sub_recruit .recruit_period{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);padding:29px 40px;margin-top:36px;}
		.sub_recruit .recruit_period .period_box{display: inline-flex;align-items: center;gap:30px;}
		.sub_recruit .recruit_period .period_box span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:116px;height:48px;border-radius:48px;background:var(--point-color07);font-size:var(--title-16);color:var(--black-color00);font-weight:600;}
		.sub_recruit .recruit_period .period_box p{font-size:var(--title-18);color:var(--black-color00);font-weight:400;}
		.sub_recruit .recruit_period .down_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:250px;height:60px;border-radius:6px;background:var(--black-color06);gap:20px;font-size:var(--title-18);color:var(--point-white);font-weight:400;letter-spacing:-0.02em;}
		.sub_recruit .recruit_period .down_box a:after{width:20px;height:20px;content:"";background:url('../img/da_image/icon_download.svg')no-repeat center;background-size:auto 100%;}
	#wrap .sub_recruit .board_view_content{margin-top:40px;border-top:1px solid var(--black-color00);}
	#wrap .sub_recruit .board_paging_box{margin-top:60px;}
	#wrap .sub_recruit .board_paging_box button{width:180px;height:56px;}
	
	/*write*/
	#wrap .sub_recruit .board_write_table{margin-top:35px;}
	#wrap .sub_recruit .board_write_table th{text-align:left;}
	#wrap .sub_recruit .board_write_table td.sub_email input{width:174px;min-width:initial;}
	#wrap .sub_recruit .board_write_table td.sub_email select{width:200px;height:40px;}
	#wrap .sub_recruit .file_upload_sec .file_text{min-width:initial;width:310px;}
	#wrap .sub_recruit #uploadBox p{font-size:var(--title-15);color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:10px;}
	#wrap .sub_recruit .btn_center_box{margin-top:60px;}

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

    회사소개 | 채용프로세스

───────────────────────────────────────────────────────────*/
	.recruit_process .process_box{font-size:var(--title-20);}
	.recruit_process .process_box + .process_box{margin-top:60px;}
	.recruit_process .process_box h5{display: flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:100%;height:70px;border-radius:20px 20px 0 0;background:var(--point-color03);font-size:120%;color:var(--point-white);font-weight:600;}
	.recruit_process .step_box{box-sizing:border-box;background:var(--point-white);border-radius:0 0 20px 20px;padding:60px 60px;}
	.recruit_process .step_box > ol{display: flex;flex-wrap:wrap;gap:48px;align-items: center;}
	.recruit_process .step_box > ol > li{position: relative;}
	.recruit_process .step_box > ol > li + li:before{width:100%;height:1px;content:"";background:var(--border-color01);position: absolute;left:-100%;top:calc(50% - 1px);}
	.recruit_process .step_box > ol > li + li:after{width:10px;height:10px;content:"";border:2px solid var(--black-color10);border-width:2px 2px 0 0;position: absolute;left:-32px;top:50%;transform:translateY(-50%) rotate(45deg);}
	.recruit_process .step_box > ol .step{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--black-color06);text-align: center;font-size:var(--title-20);position: relative;margin:0 auto;padding:26px 0 32px;background:var(--point-white);z-index:3;}
	.recruit_process .step_box > ol .step.final{border:2px solid var(--point-color03);}
	.recruit_process .step_box > ol .step > span{font-size:var(--title-15);color:var(--point-color03);font-weight:500;text-transform:uppercase;}
	.recruit_process .step_box > ol .step > p{font-size:var(--title-18);color:var(--black-color03);font-weight:500;line-height:1.44;margin-top:4px;}
	.recruit_process .step_box > ol .step.final > p{color:var(--point-color03);font-weight:600;}
	.recruit_process .step_box > ol .step > p small{font-size:var(--title-16);color:var(--black-color07);font-weight:400;}
	.recruit_process .step_box > ol .step em{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:58px;height:30px;border-radius:30px;background:var(--point-color06);font-size:var(--title-16);color:var(--point-white);font-weight:500;position: absolute;top:-15px;left:50%;transform:translate(-50%);}
	
	/*신입, 경력*/
	.recruit_process .process_box.normal .step_box{padding:56px 60px 40px;}
	.recruit_process .process_box.normal .step_box > ol > li .step{width:150px;}
	.recruit_process .process_box.normal .step_box > ol > li .carrier{width:290px;text-align: center;position: relative;}
	.recruit_process .process_box.normal .step_box > ol > li .carrier:before{width:100%;height:160px;content:"";border:1px solid var(--border-color01);border-radius:var(--radius-20);position: absolute;left:0;top:50%;transform:translateY(-50%);background:var(--point-white);z-index:3;}
	.recruit_process .process_box.normal .step_box > ol > li .carrier .step + .step{margin-top:40px;}
	
	/*영업*/
	.recruit_process .process_box.business h5{background:var(--point-color02);}
	.recruit_process .process_box.business .step_box > ol{gap:60px;}
	.recruit_process .process_box.business .step_box > ol > li + li:after{left:-40px;}
	.recruit_process .process_box.business .step_box .step{width:160px;}

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

    회사소개 | 직무소개

───────────────────────────────────────────────────────────*/
	.job_info{font-size:var(--title-20);text-align: center;padding-top:20px;}
	.job_info h3{font-size:170%;color:var(--black-color03);font-weight:600;}
	.job_info .info_tab{box-sizing:border-box;border-bottom:1px solid var(--border-color01);margin-top:16px;}
	.job_info .info_tab ul{display: flex;align-items: center;justify-content: center;gap:40px;}
	.job_info .info_tab ul li{font-size:var(--title-18);color:var(--black-color06);font-weight:400;padding:20px 0 18px;cursor:pointer;position: relative;}
	.job_info .info_tab ul li:before{width:0;height:2px;content:"";background:var(--point-color02);position: absolute;bottom:-1px;left:50%;transform:translate(-50%);transition:width 0.3s;}
	.job_info .info_tab ul li.on{color:var(--point-color02);font-weight:500;}
	.job_info .info_tab ul li.on:before{width:100%;}
	
	#wrap .job_info_cont{margin-top:60px;}
	#wrap .job_info_cont > ul{height:0;overflow:hidden;display: flex;flex-wrap:wrap;gap:40px;}
	#wrap .job_info_cont > ul.on{height:auto;overflow:visible;}
	#wrap .job_info_cont > ul li{width:calc(50% - 20px);box-sizing:border-box;border-radius:var(--radius-10);background:var(--point-color07);padding:40px 40px;font-size:var(--title-20);text-align:left;}
	#wrap .job_info_cont > ul li dl dt{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;height:50px;padding:0 20px;border-radius:50px;background:var(--point-white);font-size:110%;color:var(--black-color00);font-weight:500;}
	#wrap .job_info_cont > ul li dl dd{font-size:100%;color:var(--black-color03);font-weight:400;line-height:1.7;margin-top:22px;word-break:keep-all;letter-spacing:-0.03em;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | esg

───────────────────────────────────────────────────────────*/
	.esg_bnr{display: flex;align-items: center;justify-content: center;text-align: center;width:100%;height:600px;margin-top:60px;}
	.esg_bnr .img{width:100%;height:100%;position: absolute;top:0;left:0;}
	.esg_bnr .img img{width:100%;height:100%;object-fit:cover;}
	.esg_bnr .txt{font-size:var(--title-20);color:var(--point-white);position: relative;z-index:3;}
	.esg_bnr .txt h3{font-size:250%;color:inherit;font-weight:600;line-height:1;}
	.esg_bnr .txt p{margin-top:40px;font-size:100%;color:inherit;font-weight:300;line-height:1.6;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 디자인연구소

───────────────────────────────────────────────────────────*/
	#wrap .lab_visual .txt{text-align:left;margin-bottom:33px;}
	#wrap .lab_visual .txt span{font-size:120%;font-weight:500;}
	#wrap .lab_visual .txt h3{line-height:1.28;letter-spacing:-0.03em;margin-top:24px;font-weight:500;}
	#wrap .lab_visual .txt p{font-size:90%;font-weight:200;line-height:1.77;margin-top:30px;}
	
	.seven_wise{margin-top:115px;}
	.seven_wise .title{font-size:var(--title-20);}
	.seven_wise .title span{font-size:120%;color:var(--point-color03);font-weight:500;}
	.seven_wise .title h4{font-size:200%;color:var(--black-color00);font-weight:500;line-height:1.45;letter-spacing:-0.03em;margin-top:13px;}
	.seven_wise .title h4 strong{font-size:inherit;color:var(--point-color03);font-weight:inherit;}
	.seven_wise .title > strong{font-size:100%;color:var(--point-color03);font-weight:500;line-height:1.5;margin-top:29px;display: block;}
	.seven_wise .title > strong + p{margin-top:20px;}
	.seven_wise .title p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.66;margin-top:30px;}
	
	.wise_diagram{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);padding:59px 60px;display: flex;align-items: center;justify-content: center;gap:110px;margin-top:40px;}
	.wise_diagram .high_box{display: flex;align-items: center;gap:80px;}
	.wise_diagram .high_box ul{position: relative;display: flex;flex-direction: column;gap:20px;}
	.wise_diagram .high_box ul:before{width:1px;height:calc(100% - 100px);content:"";background:var(--black-color10);position: absolute;right:-40px;top:50%;transform:translateY(-50%);}
	.wise_diagram .high_box ul:after{width:40px;height:1px;content:"";background:var(--black-color10);position: absolute;right:-80px;top:50%;}
	.wise_diagram .high_box ul li{display: inline-flex;box-sizing:border-box;flex-direction: column;align-items: center;justify-content: center;text-align: center;width:240px;height:100px;border-radius:100px;background:var(--point-white);border:1px solid var(--point-color03);font-size:var(--title-20);position: relative;}
	.wise_diagram .high_box ul li:before{width:40px;height:1px;content:"";background:var(--black-color10);position: absolute;right:-40px;top:50%;}
	.wise_diagram .high_box ul li strong{font-size:100%;color:var(--point-color03);font-weight:500;line-height:1.1;}
	.wise_diagram .high_box ul li p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.66;margin-top:6px;}
	.wise_diagram .high_box .high_title{width:200px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;display:inline-flex;align-items: center;justify-content: center;background:var(--point-color03);text-align: center;font-size:var(--title-20);position: relative;}
	.wise_diagram .high_box .high_title:before{width:110px;height:1px;content:"";background:var(--black-color10);right:-110px;top:50%;position: absolute;}
	.wise_diagram .high_box .high_title:after{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color03);right:-114px;top:calc(50% - 5px);position: absolute;z-index:3;}
	.wise_diagram .high_box .high_title p{font-size:120%;color:var(--point-white);font-weight:600;}
		/*texh*/
		.wise_diagram .high_box.tech{flex-direction: row-reverse;}
		.wise_diagram .high_box.tech ul:before{right:auto;left:-40px;}
		.wise_diagram .high_box.tech ul:after{right:auto;left:-80px;}
		.wise_diagram .high_box.tech ul li{border-color:var(--point-color06);}
		.wise_diagram .high_box.tech ul li:before{right:auto;left:-40px;}
		.wise_diagram .high_box.tech ul li strong{color:var(--point-color06);}
		.wise_diagram .high_box.tech .high_title{background:var(--point-color06);}
		.wise_diagram .high_box.tech .high_title:before{right:auto;left:-110px;}
		.wise_diagram .high_box.tech .high_title:after{background:var(--point-color06);right:auto;left:-114px;}
	.wise_diagram .center{width:220px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;box-shadow:0 0 0 50px rgba(150, 119, 91, 0.20);}
	.wise_diagram .center div{width:100%;height:100%;background:var(--point-white);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;border-radius:100%;filter:drop-shadow(0 0 12px rgba(0, 0, 0, 0.15));font-size:var(--title-20);}
	.wise_diagram .center strong{font-size:210%;color:var(--point-color03);font-weight:600;line-height:1;}
	.wise_diagram .center p{font-size:120%;color:var(--point-color03);font-weight:500;margin-top:6px;}
	
	.design_lab{margin-top:119px;}	
	.design_lab .img{font-size:0;box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;margin-top:41px;}

	/*history*/
	#wrap .lab_history{gap:122px;margin-top:194px;}
	#wrap .lab_history .title{position: sticky;top:90px;left:0;width:440px;}
	#wrap .lab_history.history_wrap .exp_box{position: relative;width:calc(100% - 562px);}
	#wrap .lab_history.history_wrap .exp_box section{padding:0 0 0 102px;gap:74px;}
	#wrap .lab_history.history_wrap .line{left:0;top:0;height:100%;}
	#wrap .lab_history.history_wrap .item{display: flex;gap:80px;font-size:var(--title-20);}
	#wrap .lab_history.history_wrap .item h4{font-size:200%;color:var(--point-color03);font-weight:600;width:100px;letter-spacing:-0.02em;}
	#wrap .lab_history.history_wrap .bullet_list{margin-top:1px;gap:35px;}
	#wrap .lab_history.history_wrap .bullet_list > li span{font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.1;margin-top:15px;}
	
/*───────────────────────────────────────────────────────────

    회사소개 | 품질기술 연구소

───────────────────────────────────────────────────────────*/		
	.esg_bnr.quality_bnr{height:500px;border-radius:var(--radius-20);overflow:clip;}
		.esg_bnr.quality_bnr .txt h3{letter-spacing:0.01em;}
		.esg_bnr.quality_bnr .txt p{margin-top:28px;font-weight:400;}
	.quality_tech{margin-top:60px;padding-bottom:120px;}
	.quality_tech .title{display: flex;font-size:var(--title-20);gap:192px;}
	.quality_tech .title h4{font-size:200%;color:var(--black-color00);font-weight:500;line-height:1.5;}
	.quality_tech .title .txt{}
	.quality_tech .title .txt strong{font-size:90%;color:var(--point-color03);font-weight:600;line-height:1.66;}
	.quality_tech .title .txt p{margin-top:20px;font-size:90%;color:var(--black-color02);font-weight:400;line-height:1.66;}
	
	.quality_tech .system_box{box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-20);padding:60px 60px;margin-top:120px;font-size:var(--title-20);text-align: center;}
	.quality_tech .system_box h4{display: flex;width:100%;height:100px;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-10);background:var(--point-color03);font-size:150%;color:var(--point-white);font-weight:600;}
	.quality_tech .system_box .arw{margin:20px 0 12px;}
	.quality_tech .system_box > ul{display: flex;gap:35px;flex-wrap:wrap;}
	.quality_tech .system_box > ul > li{width:calc(100% / 3 - 23.4px);box-sizing:border-box;padding:20px 20px 29px;border-radius:var(--radius-20);border:1px solid var(--border-color01);}
	.quality_tech .system_box > ul > li > span{display: flex;width:100%;height:70px;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-20);background:var(--point-color07);font-size:120%;color:var(--point-color03);font-weight:600;}
	.quality_tech .system_box	.bullet_list{margin-top:20px;}
	#wrap .quality_tech .system_box	.bullet_list li{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.66;letter-spacing:0;}
	
	.lab_certificate{background:var(--point-white);padding-top:112px;padding-bottom:186px;}
	.lab_certificate .sub_cont_title{margin-bottom:28px;}
	.lab_certificate .sub_cont_title h4{letter-spacing:-0.03em;}
	.lab_certificate  .eco_friendly{padding-top:3px;}
		.lab_certificate .eco_friendly ul{display: flex;flex-wrap:wrap;gap:40px;}
		.lab_certificate .eco_friendly ul li{width:calc(25% - 30px);box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);display: inline-flex;height:120px;align-items:center; justify-content: center;}
	.lab_certificate .prd_certificate{margin-top:59px;}
	.lab_certificate .prd_certificate ul{display: flex;flex-wrap:wrap;gap:40px;}
	.lab_certificate .prd_certificate ul li{width:calc(20% - 32px);box-sizing:border-box;border-radius:var(--radius-20);text-align: center;align-items:center; justify-content: center;background:var(--point-color07);padding:50px 54px;}
	.lab_certificate .prd_certificate ul li img{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.10);}

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

    회사소개 | 윤리헌장

───────────────────────────────────────────────────────────*/
	.ethic_management{background:var(--point-color07);padding-top:115px;padding-bottom:200px;}
	.cont_center_title{text-align: center;font-size:var(--title-20);}
	.cont_center_title span{font-size:120%;color:var(--point-color03);font-weight:500;}
	.cont_center_title h4{font-size:200%;color:var(--black-color00);font-weight:500;line-height:1.45;letter-spacing:-0.03em;}
	.cont_center_title span + h4{margin-top:24px;}

	.ethic_management .manage_box{position: relative;margin-top:59px;}
	.ethic_management .manage_box:before{width:100%;height:1px;content:"";background:var(--border-color01);position: absolute;left:0;top:50%;}
	.ethic_management .ethic_list{display: flex;flex-wrap:wrap;font-size:var(--title-20);background:var(--point-color07);}
	.ethic_management .ethic_list li{width:calc(100% / 6 + 13px);aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:1px solid var(--border-color01);display: inline-flex;align-items: center;justify-content: center;text-align: center;}
	.ethic_management .ethic_list li + li{margin-left:-16px;}
	.ethic_management .ethic_list li div{width:calc(100% - 80px);aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color03);display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size:150%;color:var(--point-white);font-weight:600;line-height:1.33;}
	.ethic_management .ethic_list li:nth-of-type(2n) div{background:var(--point-color02);}
	
	#wrap .ethics_charter{margin-top:160px;box-sizing:border-box;border-radius:var(--radius-20);background:var(--point-white);padding:80px 80px 68px;border:1px solid var(--border-color01);}
	.ethics_charter .charter_box{box-sizing:border-box;border-radius:var(--radius-10);background:var(--point-white);padding:73px 93px;border:6px solid var(--border-color01);}
	.ethics_charter .charter_box .title{box-sizing:border-box;border-bottom:1px solid var(--black-color03);display: flex;align-items: center;justify-content: space-between;padding-bottom:60px;}
		.ethics_charter .charter_box .title .txt{font-size:var(--title-20);}
		.ethics_charter .charter_box .title .txt h4{font-size:200%;color:var(--black-color00);font-weight:500;line-height:1.45;letter-spacing:-0.03em;}
		.ethics_charter .charter_box .title .txt p{font-size:100%;color:var(--black-color03);font-weight:400;line-height:1.7;margin-top:20px;}
		.ethics_charter .charter_box .title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:var(--radius-06);background:var(--point-color03);font-size:var(--title-17);color:var(--point-white);font-weight:400;width:180px;height:56px;margin-top:60px;}
	.ethics_charter .charter_box ul li{box-sizing:border-box;display: flex;font-size:var(--title-20);padding:60px 0;}
		.ethics_charter .charter_box ul li + li{border-top:1px solid var(--border-color01);}
		.ethics_charter .charter_box ul li h5{width:400px;flex-shrink:0;font-size:150%;color:var(--black-color00);font-weight:500;line-height:1;letter-spacing:-0.03em;}
		.ethics_charter .charter_box ul li h5 strong{font-size:inherit;color:var(--point-color03);font-weight:inherit;}
		.ethics_charter .charter_box ul li p{font-size:var(--title-18);color:var(--black-color05);font-weight:400;line-height:1.66;}
	.ethics_charter .charter_box .logo{text-align: center;margin-top:40px;}
	.ethics_charter .charter_box .logo img{width:144px;}

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

    회사소개 | 윤리상담 및 제보센터

───────────────────────────────────────────────────────────*/
	#wrap .councel_target{margin:112px auto 140px;}
	#wrap .councel_target ul{display: flex;flex-wrap:wrap;gap:36px;}
	#wrap .councel_target ul li{width:calc(25% - 27px);box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);background:var(--point-white);padding:49px 39px 51px;}
	#wrap .councel_target ul li:before{width:40px;height:40px;content:"";display: inline-block;box-sizing:border-box;border-radius:100%;background:var(--point-color07) url('../img/da_image/ico_list_chk.svg')no-repeat center;}
	#wrap .councel_target ul li p{font-size:var(--title-20);color:var(--black-color00);font-weight:400;line-height:1.7;margin-top:15px;}
	
	.councel_method{background:var(--point-color07);padding:132px 0 130px;}
	.councel_method .method_box{display: flex;flex-wrap:wrap;gap:40px;}
	.councel_method .sub_method{box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-20);border:1px solid var(--border-color01);width:calc(50% - 20px);text-align: center;font-size:var(--title-20);padding:49px 60px 48px;position: relative;}
	.councel_method .sub_method:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:var(--radius-20);border:2px solid var(--point-color03);position: absolute;top:0;left:0;z-index:-1;opacity:0;transition:all 0.3s ease-out;}
	.councel_method .sub_method:hover:before{z-index:2;opacity:1;}
	.councel_method .sub_method .cont{position: relative;z-index:3;}
	.councel_method .sub_method .icon{height:62px;display: flex;align-items: flex-end;justify-content: center;}
	.councel_method .sub_method:nth-child(1) .icon{margin-top:8px;}
	.councel_method .sub_method .icon img{max-height:100%;}
	.councel_method .sub_method h5{font-size:150%;color:var(--black-color03);font-weight:500;margin:21px 0;}
	.councel_method .sub_method .btn_center_box{padding-top:11px;}
	.councel_method .sub_method .com_info dl{display: flex;align-items: center;}
	.councel_method .sub_method .com_info dl + dl{margin-top:16px;}
	.councel_method .sub_method .com_info dl dt{display: inline-flex;align-items: center;gap:12px;}
	.councel_method .sub_method .com_info dl dt .ico{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:38px;height:38px;border-radius:110%;background:var(--gray-bg01);}
	.councel_method .sub_method .com_info dl dt span{font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
	.councel_method .sub_method .com_info dl dd{box-sizing:border-box;margin-left:20px;padding-left:20px;font-size:var(--title-17);color:var(--black-color03);font-weight:400;position: relative;}
	.councel_method .sub_method .com_info dl dd:before{width:1px;height:16px;content:"";background:var(--gray-bg03);position: absolute;left:-1px;top:50%;transform:translateY(-50%);}

	.councel_method .method_txt{display: flex;align-items: center;margin-top:30px;gap:12px;}
	.councel_method .method_txt p{font-size:var(--title-18);color:var(--black-color03);font-weight:400;line-height:1.1;}
	.councel_method .method_txt a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:90px;height:40px;border-radius:var(--radius-04);border:1px solid var(--black-color09);font-size:var(--title-15);color:var(--black-color03);font-weight:500;transition:all 0.3s;}
	.councel_method .method_txt a:hover{background:var(--point-color03);border-color:var(--point-color03);color:var(--point-white);}
	
	/*pop*/
		#wrap #lyCouncel .ly_wrap{width:738px;}
		#lyCouncel .councel_tab{display: flex;align-items: center;}
		#lyCouncel .councel_tab a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:50%;height:56px;border:1px solid var(--border-color01);font-size:var(--title-18);color:var(--black-color06);font-weight:400;}
		#lyCouncel .councel_tab a:nth-child(1){border-radius:6px 0 0 6px;}
		#lyCouncel .councel_tab a:nth-child(2){border-radius:0 6px 6px 0;border-left:none;}
		#lyCouncel .councel_tab a.on{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);font-weight:600;}
		
		#lyCouncel .councel_cont{display: none;margin-top:30px;font-size:var(--title-20);}
		#lyCouncel .councel_cont.on{display: block;}
		#lyCouncel .councel_cont .sub_cont + .sub_cont{margin-top:20px;}
		#lyCouncel .councel_cont .sub_cont h4{font-size:100%;color:var(--black-color03);font-weight:500;line-height:1.5;display: inline-flex;align-items: center;gap:14px;}
		#lyCouncel .councel_cont .sub_cont h4:before{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color03);}
		#lyCouncel .councel_cont .sub_cont > ul{margin-top:10px;}
		#lyCouncel .councel_cont .sub_cont > ul > li{font-size:var(--title-16);color:var(--black-color06);font-weight:400;line-height:1.62;}
		#lyCouncel .councel_cont .sub_cont .privacy_box{box-sizing:border-box;width:100%;border-radius:var(--radius-10);border:1px solid var(--border-color01);padding:16px 20px;margin-top:10px;}
		#lyCouncel .councel_cont .sub_cont .privacy_box strong{font-size:var(--title-15);color:var(--black-color03);font-weight:400;line-height:1.73;}
		#lyCouncel .councel_cont .sub_cont .privacy_box ul li{font-size:var(--title-15);color:var(--black-color06);font-weight:400;line-height:1.73;}
		#lyCouncel .privacy_agree{margin:20px 0 0;}
		#wrap #lyCouncel .board_write_box{margin-top:30px;}
		#wrap #lyCouncel .board_write_box td.write_editor{padding-right:0;}
		#wrap #lyCouncel .board_write_box td textarea{width:100%;height:221px;box-sizing:border-box;border-radius:var(--radius-04);border:1px solid var(--border-color01);resize:none;}
		#wrap #lyCouncel .board_write_box td p{font-size:var(--title-15);color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:10px;}
		#wrap #lyCouncel .board_write_box td input{min-width:318px;}
		#wrap #lyCouncel .board_write_box td input[type="radio"]{min-width:initial;width:auto;border:none;padding:0;width:20px;height:20px;}
		#wrap #lyCouncel .board_write_box td .phone_box select, #wrap #lyCouncel .board_write_box td .phone_box input{min-width:initial;width:120px;}
		#wrap #lyCouncel .board_write_box td .email_box select, #wrap #lyCouncel .board_write_box td .email_box input{min-width:initial;}
		#wrap #lyCouncel .board_write_box td .email_box select{width:174px;}
		#wrap #lyCouncel .board_write_box td .email_box input{width:200px;}
		#wrap #lyCouncel .btn_center_box{margin-top:40px;}

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

    회사소개 | 사회공헌활동

───────────────────────────────────────────────────────────*/
	.csr_goal{margin-top:114px;box-sizing:border-box;border-bottom:1px solid var(--border-color02);padding-bottom:91px;}
	.csr_goal ul{display: flex;flex-wrap:wrap;gap:50px;margin-top:60px;}
	.csr_goal ul li{width:calc(100% / 3 - 33.4px);font-size:var(--title-20);}
	.csr_goal ul li .img{width:100%;height:0;padding-bottom:320px;position: relative;overflow:clip;box-sizing:border-box;border-radius:var(--radius-20);}
	.csr_goal ul li .img img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;}
	.csr_goal ul li p{font-size:150%;color:var(--black-color00);font-weight:500;margin-top:32px;letter-spacing:-0.03em;text-align: center;}
	
	.csr_love{margin-top:100px;}
	.csr_love .esg_bnr{width:calc(100% - 100px);box-sizing:border-box;margin:40px auto 0;border-radius:var(--radius-20);overflow:clip;height:500px;}
	.csr_love .esg_bnr .txt h3{font-size:200%;font-weight:500;}
	.csr_love .esg_bnr .txt p{font-size:90%;line-height:1.66;margin-top:32px;}
	
	.csr_program{margin-top:92px;}
	.csr_program ul li{box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;font-size:var(--title-20);display: flex;}
	.csr_program ul li + li{margin-top:20px;}
	.csr_program ul li h5{width:240px;background:var(--point-color03);font-size:110%;color:var(--point-white);font-weight:600;display: flex;align-items: center;justify-content: center;}
	.csr_program ul li .program_box{width:calc(100% - 240px);box-sizing:border-box;border-radius:0 10px 10px 0;border:1px solid var(--border-color01);border-left:none;overflow:clip;}
	.csr_program ul li .program_box dl{display: flex;box-sizing:border-box;align-items: center;background:var(--point-white);}
	.csr_program ul li .program_box dl + dl{border-top:1px solid var(--border-color01);}
	.csr_program ul li .program_box dl dt, .csr_program ul li .program_box dl dd{font-size:var(--title-18);color:var(--black-color05);font-weight:400;line-height:1.66;box-sizing:border-box;padding:20px 30px;}
	.csr_program ul li .program_box dl dt{width:400px;text-align: center;color:va(--black-color03);font-weight:500;}
	.csr_program ul li .program_box dl dd{width:calc(100% - 400px);border-left:1px solid var(--border-color01);letter-spacing:-0.03em;}
	
	
	.board_act_nav{margin-bottom:60px;}