@charset "utf-8";
/*───────────────────────────────────────────────────────────

	sub common

───────────────────────────────────────────────────────────*/
    #container:has(.full_sec) { max-width: 100%; width: 100%;padding-bottom:0;}

    .sub_visual { height:480px; position: relative; background-image: url('../images/sub/sv_company.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;}
    .sub_visual .sv_title { text-align:left; width: 100%; height: 100%; display: flex; align-items:center;color: var(--point-white); font-size: var(--title-20); box-sizing: border-box; padding-top: 107px; }
    .sub_visual .sv_title h2 { font-size:400%; font-weight: 700; letter-spacing:0; }

    body:has(.sub_product) .sub_visual { background-image: url('../images/sub/sv_product.jpg'); }
    body:has(.sub_rnd) .sub_visual { background-image: url('../images/sub/sv_rnd.jpg'); }
	body:has(.sub_board) .sub_visual { background-image: url('../images/sub/sv_board.jpg'); }
	body:has(.sub_contact) .sub_visual { background-image: url('../images/sub/sv_contact.jpg'); }
	
    .sub_nav{width: 100%; background:var(--point-white);box-sizing:border-box;border-bottom:1px solid var(--border-color01);margin-bottom:100px;}
	body:has(.sub_board) .sub_nav{margin-bottom:77px;}
	body:has(.sub_contact) .sub_nav{margin-bottom:80px;}
    .sub_nav .w_custom { width: 100%; }
    .sub_nav .desc{ position: relative; display: flex; height:59px; font-size: var(--title-17); font-weight: 400; }
    .sub_nav .desc :where(dt, dd){position: relative; height: 100%; box-sizing: border-box;}
    .sub_nav .desc dt a{display: flex;width:60px; height: 100%; align-items: center;justify-content: center;font-size: 0;padding: 21px 19px 21px 18px;box-sizing: border-box;border:1px solid var(--border-color01);border-width:0 1px;}
    .sub_nav .desc dt a img { width: 20px; height: 19px; }
	.sub_nav .desc dd{border-right:1px solid var(--border-color01);}
    .sub_nav .desc dd span{position: relative;display: flex;align-items: center;height: 100%;padding:2px 60px 0 23px;box-sizing: border-box;font-size:var(--title-18);font-weight:400;color: var(--black-color02);min-width:321px; line-height: 1.4;cursor: pointer; letter-spacing:0;}
	.sub_nav .desc dd:last-child span{color:var(--point-color01);font-weight:600;}
    .sub_nav .desc dd span:before{position: absolute; content: ''; width: 6px; height: 6px; border: solid var(--black-color03); border-width: 0 0 2px 2px; top: 49%; right: 21px; transform: translateY(-50%) rotate(-45deg); border-radius: 1px; transition: all 0.4s; }
    .sub_nav .desc dd.on span:before{transform: translateY(-50%) rotate(135deg); top: 48%; }
    .sub_nav .desc dd ul{position: absolute;top:100%;left: 0;width: calc(100% + 2px);padding: 20px 0;background: var(--point-white);border:1px solid var(--border-color01); box-sizing: border-box;opacity: 0;pointer-events: none;transition: all 0.4s; z-index: 10; }
    .sub_nav .desc dd.on ul{opacity: 1; pointer-events: all;}
    .sub_nav .desc dd ul li a{display: block;font-weight: 400;color: var(--black-color02);padding: 11px 24px;box-sizing: border-box;line-height: 1.4;}
    .sub_nav .desc dd ul li.on a{color: var(--point-color01);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;font-weight: 500;}

    @media screen and (max-width: 1023px){
        .sub_visual { height: clamp(270px, 52vw, 520px); }
		.sub_nav{margin-bottom:clamp(50px, 11vw, 100px);}
		body:has(.sub_board) .sub_nav{margin-bottom:clamp(50px, 10vw, 77px);}
		body:has(.sub_contact) .sub_nav{margin-bottom:clamp(50px, 10vw, 80px);}
        .sub_nav .desc dt a { padding: clamp(16px, 2vw, 21px); }
        .sub_visual .sv_title h2 { font-size: 330%; }
    }
    @media screen and (max-width: 860px){
        .sub_nav .desc { height: 55px; }
        .sub_nav .desc dt a { width: 54px; }
        .sub_nav .desc dd span { min-width: 260px; padding: 0 55px 0 20px; }
        .sub_nav .desc dd span:before { right: 20px; }
        .sub_visual .sv_title { padding-top: 30px; }
        .sub_visual .sv_title h2 { font-size: 310%; }
    }
    @media screen and (max-width: 640px){
        .sub_nav .desc dt { border-left: 0; }
        .sub_nav .desc dt a { width: 49px; }
        .sub_nav .desc { height: 50px; }
        .sub_nav .desc dd:not(:last-child) { display: none; }
        .sub_nav .desc dd { width: calc(100% - 49px); }
        .sub_nav .desc dd:last-child { border-right: 0; }
        .sub_visual .sv_title { padding-top: 35px; }
        .sub_visual .sv_title h2 { font-size: 280%; }

    }
    @media screen and (max-width: 479px){
		.sub_visual{height:230px;}
		.sub_visual .sv_title{padding-top:50px;}
        .sub_visual .sv_title h2 { font-size: 260%; }

    }

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

	about

───────────────────────────────────────────────────────────*/
	.sub_about{position: relative;font-size:var(--title-20);}
	.sub_about:before, .sub_about:after{aspect-ratio:auto 1;content:"";box-sizing:border-box;position: absolute;}
	.sub_about:before{width:290px;background:url('../images/sub/about_obj01.svg')no-repeat center;background-size:100% auto;top:3%;left:-23.8%;}
	.sub_about:after{width:480px;background:url('../images/sub/about_obj02.svg')no-repeat center;background-size:100% auto;right:-23.9%;bottom:-21.2%;}
	.sub_about > h4{font-size:150%;color:var(--black-color00);font-weight:600;line-height:1.5;}
	.sub_about > h4 strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;;}
	.sub_about > p{margin-top:30px;font-size:100%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	.sub_about .vision_box{margin-top:62px;display: flex;flex-direction: column;gap:40px;}
	.sub_about .vision_box dl{display: flex;flex-wrap:wrap;gap:70px;font-size:var(--title-20);}
	.sub_about .vision_box dl dt{width:220px;;display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-20);text-align: center;background:var(--point-color02);font-size:140%;color:var(--point-white);font-weight:500;line-height:1.6;position: relative;letter-spacing:-0.03em;}
	.sub_about .vision_box dl dt:before{width:70px;height:1px;content:"";background:var(--point-color02);position: absolute;top:50%;right:-70px;}
	.sub_about .vision_box dl dt:after{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);border:2px solid var(--point-color02);position: absolute;right:-75px;top:50%;transform:translateY(-50%);z-index:3;}
	.sub_about .vision_box dl dd{width:calc(100% - 290px);box-sizing:border-box;border-radius:var(--radius-20);background:var(--point-color03);padding:30px 50px;font-size:100%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	.sub_about .vision_box dl dd ul{display: flex;flex-wrap:wrap;gap:20px 20px;}
	.sub_about .vision_box dl dd ul li{width:calc(100% / 3 - 14px);height:81px;box-sizing:border-box;border-radius: 4px;border: 2px solid rgba(0, 31, 76, 0.20);display: inline-flex;align-items: center;justify-content: center;text-align: center;background:var(--point-white);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);font-size:100%;color:var(--point-color01);font-weight:500;letter-spacing:-0.03em;}
	
	.sub_about .vision_box .sub_value dt{background:var(--point-color01);}
	.sub_about .vision_box .sub_value dt:before{background:var(--point-color01);}
	.sub_about .vision_box .sub_value dt:after{border-color:var(--point-color01);}
	.sub_about .vision_box .sub_value dd{background:var(--point-color04);padding:30px 50px 38px;}
	
	@media (max-width: 1600px) {
		.sub_about:before{width:19vw;left:-15%;}
		.sub_about:after{width:24vw;right:-18%;}
	}
	@media (max-width: 1400px) {
		.sub_about:before{left:-8%;}
		.sub_about:after{right:-6%;}
		.sub_about br{display: none;}
	}
	@media (max-width: 1023px) {
		.sub_about .vision_box{margin-top:40px;gap:20px;}
		.sub_about .vision_box dl{gap:40px;}
		.sub_about .vision_box dl dt{width:180px;}
		.sub_about .vision_box dl dt:before{width:40px;right:-40px;}
		.sub_about .vision_box dl dt:after{right:-45px;}
		.sub_about .vision_box dl dd{width:calc(100% - 220px);padding:20px 35px;}
		.sub_about .vision_box dl dd ul li{height:64px;}
		
		.sub_about .vision_box .sub_value dd{padding:25px 30px 30px;}
	}
	@media (max-width: 860px) {
		.sub_about:after{bottom:-12%;}
		.sub_about .vision_box dl dt{width:150px;}
		.sub_about .vision_box dl dd{width:calc(100% - 190px);}
		.sub_about .vision_box dl dd ul li{width:calc(50% - 10px);}
	}
	@media (max-width: 640px) {
		.sub_about:before{display: none;}
		.sub_about:after{bottom:-8%;}
		.sub_about > p{margin-top:10px;}
		.sub_about .vision_box{gap:50px;}
		.sub_about .vision_box dl{flex-direction: column;align-items: center;gap:25px;}
		.sub_about .vision_box dl dt{width:100%;padding:20px 0;}
		.sub_about .vision_box dl dt:before{width:1px;height:25px;left:50%;top:100%;}
		.sub_about .vision_box dl dt:after{left:50%;top:calc(100% + 20px);transform:translate(-50%);}
		.sub_about .vision_box dl dd{width:100%;padding:20px 15px;}
		.sub_about .vision_box dl dd ul{gap:15px;}
		.sub_about .vision_box dl dd ul li{width:calc(50% - 7.5px);height:50px;box-shadow:0 5px 8px 0 rgba(0, 0, 0, 0.10);}
		
		.sub_about .vision_box .sub_value dd{padding:20px 15px;}
	}
	@media (max-width: 479px) {
		.sub_about:after{bottom:-4%;}
		.sub_about .vision_box dl dt{padding:10px 0;}
		
	}
	
/*───────────────────────────────────────────────────────────

	history

───────────────────────────────────────────────────────────*/
	.sub_history{margin-top:-8px;}
	.sub_history .history_wrap .flex_des { display: flex; align-items: flex-start; font-size: var(--title-20); box-sizing: border-box; gap:120px;}
    .sub_history .history_wrap .flex_des .history_title { width: 38.5%; box-sizing: border-box; position: sticky; top:108px;flex-shrink:0;}
    .sub_history .history_wrap .flex_des .history_title strong { display: block; font-size: 140%; font-weight: 500; letter-spacing:0; color: var(--black-color00);box-sizing: border-box;}
    .sub_history .history_wrap .flex_des .history_title h4 { box-sizing: border-box;color: var(--black-color02);font-weight: 600; font-size: 300%; letter-spacing: 0.01em;margin-top:32px;line-height:1.2;}
   .sub_history .history_wrap .flex_des .history_title .img{margin-top:108px;box-sizing:border-box;overflow:hidden;width:100%;aspect-ratio:auto 0.926;border-radius:var(--radius-20);}
   .sub_history .history_wrap .flex_des .history_title .img img{width:100%;height:100%;object-fit:cover;}
	   
    .sub_history .history_wrap .flex_des .history_box_wrap { position: relative;box-sizing: border-box;margin-top:8px;}
    .sub_history .history_wrap .flex_des .history_box_wrap .line { position: absolute; left:1px; top:28px; width: 1px; height: calc(100% - 37px); background: var(--border-color01); }
    .sub_history .history_wrap .flex_des .history_box_wrap .line span { position: absolute; left: 0; top: 0; width: 100%; background: var(--point-color01); }
    .sub_history .history_wrap .flex_des .history_box { position: relative;font-size: var(--title-20); box-sizing: border-box;padding-left:86px;}
	.sub_history .history_wrap .flex_des .history_box strong{display: block;position: relative;font-size:200%;color:var(--point-color01);font-weight:600;line-height:1.25;letter-spacing:-0.03em;}
	.sub_history .history_wrap .flex_des .history_box strong:before{width:8px;aspect-ratio:auto 1;content:"";background:var(--point-color01);box-sizing:border-box;border-radius:100%;translate: 50% 0; position: absolute;left:-92px;top:50%;}
    .sub_history .history_wrap .flex_des .history_box:not(:last-child) { padding-bottom: 100px; }
	.sub_history .history_wrap .flex_des .history_box dl{margin-top:40px;font-size:var(--title-20);}
	.sub_history .history_wrap .flex_des .history_box dl dt{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;height:48px;padding:0 20px;border-radius:48px;background:var(--point-color04);font-size:110%;color:var(--black-color02);font-weight:400;}
	.sub_history .history_wrap .flex_des .history_box dl dd{margin-top:30px;}
	.sub_history .history_wrap .flex_des .history_box dl dd ul{display: flex;flex-direction: column;gap:25px;}
	.sub_history .history_wrap .flex_des .history_box dl dd ul li{display: flex;gap:12px;font-size:var(--title-20);color:var(--black-color02);font-weight:400;line-height:1.3;align-items: baseline;letter-spacing:-0.03em;}
	.sub_history .history_wrap .flex_des .history_box dl dd ul li:before{width:6px;aspect-ratio:auto 1;content:"";background:rgba(34, 67, 93, 0.53);box-sizing:border-box;border-radius:100%;display: inline-block;flex-shrink:0;translate:0 -3px;}

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

    /* on */
    .sub_history .history_wrap .flex_des .history_box.on strong::before { background: var(--point-color01); box-shadow:0px 0px 0px 6px rgba(0, 31, 76, 0.20);}
    .sub_history .history_wrap .flex_des .history_box.done strong::before { background: var(--point-color01); }
	
	@media (max-width: 1023px) {
		.sub_history .history_wrap .flex_des{gap:40px;}
		.sub_history .history_wrap .flex_des .history_title{width:45%;}
		.sub_history .history_wrap .flex_des .history_title h4{margin-top:8px;}
		.sub_history .history_wrap .flex_des .history_title .img{margin-top:30px;}
		.sub_history .history_wrap .flex_des .history_box{padding-left:30px;}
		.sub_history .history_wrap .flex_des .history_box:not(:last-child){padding-bottom:60px;}
		.sub_history .history_wrap .flex_des .history_box strong:before{left:-36px;}
		.sub_history .history_wrap .flex_des .history_box dl{margin-top:20px;}
		.sub_history .history_wrap .flex_des .history_box dl dd{margin-top:15px;}
		.sub_history .history_wrap .flex_des .history_box dl dd ul{gap:15px;}
	}
	@media (max-width: 640px) {
		.sub_history{margin-top:0;}
		.sub_history .history_wrap .flex_des{flex-direction: column;}
		.sub_history .history_wrap .flex_des .history_title{width:100%;position:static;}
		.sub_history .history_wrap .flex_des .history_box_wrap{margin-top:0;}
	}
	@media (max-width: 479px) {
		.sub_history .history_wrap .flex_des .history_box dl dt{height:36px;padding:0 16px;}
	}
	
/*───────────────────────────────────────────────────────────

	certificate

───────────────────────────────────────────────────────────*/
	.sub_certificate{display: flex;flex-direction: column;gap:117px;translate:0 -3px;}
	.sub_certificate dl{font-size:var(--title-20);}
	.sub_certificate dl dt{display: flex;gap:14px;font-size:200%;color:var(--black-color00);font-weight:600;align-items: flex-start;	margin-bottom:38px;}
	.sub_certificate dl dt:before{width:10px;aspect-ratio:auto 1;content:"";background:var(--point-color02);box-sizing:border-box;border-radius:100%;display: inline-block;flex-shrink:0;translate:0 21px;}
	.sub_certificate dl dd ul{display: flex;flex-wrap:wrap;gap:60px 36px;}
	.sub_certificate dl dd ul li{width:calc(25% - 27px);}
	.sub_certificate dl dd ul li .img{width:100%;aspect-ratio:auto 1;box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;background:var(--gray-bg01);}
	.sub_certificate dl dd ul li .img img{width:100%;height:100%;object-fit:cover;}
	.sub_certificate dl dd ul li p{text-align: center;font-size:var(--title-20);color:var(--black-color03);font-weight:400;line-height:1.6;margin-top:20px;}
	
	@media (max-width: 1023px) {
		.sub_certificate{gap:clamp(60px, 12vw, 117px);}
		.sub_certificate dl dt{margin-bottom:20px;}
		.sub_certificate dl dd ul{gap:40px 20px;}
		.sub_certificate dl dd ul li{width:calc(25% - 15px);}
	}
	@media (max-width: 860px) {
		.sub_certificate dl dt:before{translate:0 18px;}
	}
	@media (max-width: 640px) {
		.sub_certificate dl dd ul{gap:30px 15px;}
		.sub_certificate dl dd ul li{width:calc(50% - 7.5px);}
	}
	@media (max-width: 479px) {
		.sub_certificate dl dt{font-size:150%;gap:10px;margin-bottom:10px;}
		.sub_certificate dl dt:before{width:7px;translate:0 12px;}
		.sub_certificate dl dd ul li p{line-height:1.4;margin-top:10px;}
	}
	
/*───────────────────────────────────────────────────────────

	product

───────────────────────────────────────────────────────────*/
	.sub_product{margin-top:-20px;position: relative;}
	.sub_product:before{width:353px;aspect-ratio:auto 1;content:"";background:url('../images/sub/prd_mark.svg')no-repeat center;background-size:100% auto;position: absolute;bottom:10.2%;left:-4.8%;}
	.prd_bnr{box-sizing:border-box;border-radius:var(--radius-20);overflow:clip;}
	.goods_list > ul{margin-top:80px;display: flex;flex-wrap:wrap;gap:36px;}
	.goods_list > ul > li{width:calc(25% - 27px);transition:all 0.3s ease;}
	.goods_list ul li .img{width:100%;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;padding:21px;box-sizing:border-box;}
	.goods_list ul li .img img{transition:all 0.3s ease;}
	.goods_list ul li .txt_box{text-align: center;font-size:var(--title-20);margin-top:10px;}
	.goods_list ul li .txt_box .name{font-size:130%;color:var(--black-color00);font-weight:600;line-height:1.5;display: block;box-sizing:border-box;padding:0 16px;}
	.goods_list ul li .txt_box .info .bullet_list{margin-top:29px;display: flex;flex-direction: column;gap:8px;opacity:0;pointer-events:none;transition:all 0.3s ease;}
	.goods_list ul li .txt_box .info .bullet_list li{display: flex;font-size:var(--title-16);color:var(--black-color06);font-weight:400;line-height:1.4;gap:6px;align-items: flex-start;text-align:left;}
	.goods_list ul li .txt_box .info .bullet_list li:before{width:3px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);flex-shrink:0;translate:0 8px;}
	
	/* over */
        @media (min-width: 1024px) {
			.goods_list > ul > li:hover{transform:translateY(-40px);}
			.goods_list > ul > li:hover .img img{filter:drop-shadow(-10px 20px 40px rgba(0, 0, 0, 0.10));}
			.goods_list > ul > li:hover .txt_box .name{color:var(--point-color01);}
			.goods_list > ul > li:hover .txt_box .info .bullet_list{opacity:1;pointer-events:initial;}
		}
		
	@media (max-width: 1400px) {
		.sub_product:before{width:23vw;left:-8.8%;}
		.goods_list ul li .txt_box .name{padding:0;}
	}
	@media (max-width: 1023px) {
		.sub_product{margin-top:0;}
		.prd_bnr{width: 100%;aspect-ratio: auto 2.3;}
		.prd_bnr img{width:100%;height:100%;object-fit:cover;}
		.goods_list > ul{margin-top:50px;gap:20px;}
		.goods_list > ul > li{width:calc(25% - 15px);}
		.goods_list ul li .img{padding:15px;}
		.goods_list ul li .txt_box .name{font-size:110%;line-height:1.3;}
		.goods_list ul li .txt_box .info .bullet_list{margin-top:15px;opacity:1;pointer-events:initial;}
	}
	@media (max-width: 860px) {
		.sub_product:before{display: none;}
		.goods_list > ul{gap:0;}
		.goods_list > ul > li{width:100%;display: flex;align-items: center;gap:20px;padding:20px 0;box-sizing:border-box;}
		.goods_list > ul > li + li{border-top:1px solid var(--border-color01);}
		.goods_list > ul > li .img{width:30%;}
		.goods_list > ul > li .txt_box{width:calc(70% - 20px);text-align:left;margin:0;}
	}
	@media (max-width:479px) {
		.goods_list > ul{margin-top:30px;}
		.goods_list > ul > li{flex-direction: column;}
		.goods_list > ul > li .txt_box{width:100%;}
		.goods_list ul li .txt_box .info .bullet_list{margin-top:8px;gap:5px;}
		.goods_list ul li .txt_box .info .bullet_list li:before{translate:0 7px;}
	}

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

	rnd

───────────────────────────────────────────────────────────*/
	.sub_rnd  #container{padding:0;}
	.sub_rnd_center{background: linear-gradient(180deg, rgba(238, 244, 249, 0.00) 0%, var(--point-color04) 100%);padding-bottom:206px;}
	.sub_rnd_center .center_title{text-align: center;margin-top:-20px;}
	.sub_rnd_center .center_title p{font-size:var(--title-20);color:var(--black-color05);font-weight:400;line-height:1.8;margin-top:-20px;}
	.sub_rnd_center ul{display: flex;flex-direction: column;gap:100px;margin-top:200px;}
	.sub_rnd_center ul li{display: flex;align-items: center;gap:120px;}
	.sub_rnd_center ul li:nth-child(2){flex-direction: row-reverse;z-index:3;}
	.sub_rnd_center ul li .img{width:46.2%;position: relative;flex-shrink:0;}
	.sub_rnd_center ul li:nth-child(2) .img{width:40%;}
	.sub_rnd_center ul li:nth-child(3) .img{width:49.3%;}
	.sub_rnd_center ul li .img:before{content:"";background:var(--point-color02);position: absolute;aspect-ratio:auto 1; box-sizing:border-box;border-radius:100%;}
	.sub_rnd_center ul li:nth-child(1) .img:before{width:162px;top:0;left:0;}
	.sub_rnd_center ul li:nth-child(2) .img:before{width:27px;top:8px;right:17px;}
	.sub_rnd_center ul li:nth-child(3) .img:before{width:115px;bottom:-5px;right:56px;}
	.sub_rnd_center ul li + li .img:after{width:686px;height:612px;content:"";background:url('../images/sub/rnd_line.svg')no-repeat center;background-size:cover;position: absolute;}
	.sub_rnd_center ul li:nth-child(2) .img:after{top:-58%;left:-82%;}
	.sub_rnd_center ul li:nth-child(3) .img:after{top:-48%;right:-80%;transform:scaleX(-1);}
	.sub_rnd_center ul li .img img{width:100%;aspect-ratio:auto 1; box-sizing:border-box;border-radius:100%;position: relative;z-index:3;}
	.sub_rnd_center ul li .txt{font-size:var(--title-20);margin-top:39px;}
	.sub_rnd_center ul li:nth-child(2) .txt{margin-top:0;text-align: right;}
	.sub_rnd_center ul li .txt span{font-size:110%;color:var(--point-color01);font-weight:600;line-height:1.8;text-decoration: underline;text-underline-offset:2px;text-decoration-thickness:1px;}
	.sub_rnd_center ul li .txt p{margin-top:29px;font-size:110%;color:var(--black-color05);font-weight:400;line-height:1.8;}
	
	@media (max-width:1200px) {
		.sub_rnd_center .center_title .img{margin:0 auto;width:65%;}
		.sub_rnd_center .center_title p{margin-top:0;}
		.sub_rnd_center ul li .txt br{display: none;}
		.sub_rnd_center ul li + li .img:after{width:50vw;height:52vw;}
	}
	@media (max-width:1023px) {
		.sub_rnd_center{padding-bottom:clamp(60px, 20vw, 206px);}
		.sub_rnd_center ul{margin-top:clamp(30px, 19vw, 200px);gap:30px;}
		.sub_rnd_center ul li{gap:50px;}
		.sub_rnd_center ul li:nth-child(1) .img:before{width:10vw;}
		.sub_rnd_center ul li:nth-child(2) .img:before{width:15px;top:5px;right:10px;}
		.sub_rnd_center ul li:nth-child(3) .img:before{width: 10vw;bottom: -5px;right: 5%;}
		.sub_rnd_center ul li .txt{margin:0;}
		.sub_rnd_center ul li .txt p{margin-top:8px;}
	}
	@media (max-width:640px) {
		.sub_rnd_center ul{gap:50px;}
		#wrap .sub_rnd_center ul li{flex-direction: column;gap:20px;}
		#wrap .sub_rnd_center ul li .img{width:50%;}
		.sub_rnd_center ul li + li .img:after{display: none;}
		.sub_rnd_center ul li:nth-child(2) .txt{text-align: left;}
	}
	@media (max-width:479px) {
		#wrap .sub_rnd_center ul li .img{width:70%;}
		.sub_rnd_center ul li .txt p{font-size:100%;line-height:1.5;}
	}
	
/*───────────────────────────────────────────────────────────

	tech

───────────────────────────────────────────────────────────*/
	.rnd_tech{margin-top:-20px;}
	.rnd_tech p{font-size:var(--title-20);color:var(--black-color05);font-weight:400;;line-height:1.6;}
	.rnd_tech p em{font-size:inherit;color:var(--point-color01);font-weight:700;line-height:inherit;}
	.rnd_tech p sup{font-size:55%;}
	.rnd_tech .img{margin:60px 0;}
	.rnd_tech .miracle_txt{display: flex;align-items: center;justify-content: center;box-sizing:border-box;text-align: center;border-radius:var(--radius-20);background:var(--point-color04);padding:29px 15px;}
	
	@media (max-width:1023px) {
		.rnd_tech .img{margin:35px 0;}
	}
	@media (max-width:479px) {
		.rnd_tech .img{margin:20px 0;}
		.rnd_tech .miracle_txt{padding:18px 10px;}
	}
	
/*───────────────────────────────────────────────────────────

	pipeline

───────────────────────────────────────────────────────────*/
	.rnd_pipeline{margin:-20px 0 0 0;}
	.rnd_pipeline > span{display: none;font-size:var(--title-14);color:var(--black-color06);font-weight:400;margin-bottom:10px;}
	.rnd_pipeline table thead tr th{box-sizing:border-box;background:var(--point-color05);text-align: center;vertical-align: middle;font-size:var(--title-18);color:var(--point-white);font-weight:500;line-height:1.3;padding:12px 10px;}
	.rnd_pipeline table thead tr th + th{border-left:1px solid rgba(255, 255, 255, 0.20);;}
	.rnd_pipeline table thead tr th:nth-child(1){border-radius:10px 0 0 0;}
	.rnd_pipeline table thead tr th:nth-child(6){border-radius:0 10px 0 0;}
	.rnd_pipeline table tbody tr td{box-sizing:border-box;text-align: center;vertical-align: middle;font-size:var(--title-16);color:var(--point-color05);font-weight:400;line-height:1.3;padding:19px 10px;border-bottom:1px solid var(--border-color01);}
	.rnd_pipeline table tbody tr td + td{border-left:1px solid var(--border-color01);}
	.rnd_pipeline table tbody tr td div{min-height:42px;}
	
	@media (max-width:860px) {
		.rnd_pipeline{margin:0;overflow-x: auto;box-sizing: border-box;border-radius: 10px 10px 0 0;}
		.rnd_pipeline > span{display: block;}
		.rnd_pipeline table{width:120vw;}
		.rnd_pipeline table tbody tr td div{min-height:30px;}
	}
	@media (max-width:640px) {
		.rnd_pipeline table{width:145vw;}
	}
	@media (max-width:479px) {
		.rnd_pipeline table{width:600px;}
	}
	
/*───────────────────────────────────────────────────────────

    일반 게시판 | 리스트

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

	.board_title{text-align: center;font-size:var(--title-20);}
	.board_title strong{font-size:250%;color:var(--black-color00);font-weight:600;}
	
	#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])) { height: 56px; color: var(--black-color02); font-size: var(--title-17); font-weight: 400; outline: none; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-inline: 20px 23px; letter-spacing: -0.03em; margin: 0; border: 0; border: 1px solid var(--border-color01); border-radius: var(--radius-04); transition: all 0.4s; }
	#wrap input:where([type="text"], [type="password"], [type="number"], [type="date"])::placeholder { color: var(--black-color05); font-weight: 400;  }

	#wrap .board_search { line-height: 1.3; margin: 0; text-align: right; font-size: 0; width: 100%; box-sizing: border-box; padding: 0; background: var(--trans-color); }
	#wrap .board_search .bbs_search { float: unset; }
	#wrap .board_search_wrap { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-bottom:30px;margin-top:57px;}
	#wrap .board_search .board_search_sel { display: inline-flex; gap: 10px; width: auto; margin-bottom: 0; }
	#wrap .board_search select { width: 160px; padding-inline: 23px 40px; border-radius: var(--radius-06); margin: 0; background: var(--point-white) url('../images/sub/sel_arw.svg') no-repeat center right 20px; appearance: none; cursor: pointer; background-size:14px 8px;  }
	#wrap .board_search .inp_custom { position: relative; width: calc(100% - 190px); max-width: 460px; }
	#wrap .board_search .inp_custom input[type="text"] { width: 100%;  box-sizing: border-box; margin: 0; border-radius: var(--radius-06); padding-inline: 23px 65px ; }
	#wrap .board_search .btn_search { position: absolute; right: 0; top: 0; width: 60px; height: 60px; appearance: none; border: none; font-size: 0; background: url('../images/sub/icon_search.svg') no-repeat 16px center; background-size: 24px 24px; }

	#wrap .bbs_list { font-size: var(--title-20); border-top: 1px solid var(--black-color03); border-bottom: 0; }
	#wrap .bbs_list th {display: none; color: var(--black-color05); font-size: 90%; font-weight:400; padding-block: 26px; box-sizing: border-box; border-bottom: 1px solid var(--border-color01); letter-spacing: -0.04em; }
	#wrap .bbs_list td { padding-inline: 12px; font-size: var(--title-18); line-height: 1.3; font-weight: 400; color: var(--black-color05); text-align: center; vertical-align: middle; padding-block: 27px; letter-spacing: -0.04em; box-sizing: border-box;border:none;border-bottom: 1px solid var(--border-color01); }
	#wrap .bbs_list td.left { text-align: left; padding-left: 0; color: var(--black-color03); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#wrap .bbs_list td.left a { display: flex; align-items: center; gap: 11px; }
	#wrap .bbs_list td.left a span { display: inline-block; max-width: calc(100% - 30px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	#wrap .bbs_list td.date{color:var(--black-color07);}

	#wrap .bbs_list tr.board_notice td { background: var(--point-white); }
	#wrap .bbs_list tr.board_notice .notice{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;font-size:var(--title-15);color:var(--point-color01);font-weight:500;border:1px solid var(--point-color01);padding:3px 14px;border-radius:40px;background: var(--point-white); }

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

	@media (max-width: 1023px){
		#wrap .bbs_list colgroup col:nth-child(1) { width: 140px; }
		#wrap .bbs_list colgroup col:nth-child(3) { width: 120px; }

		#wrap .board_search_wrap { margin-bottom: clamp(30px, 4vw, 40px); margin-top:clamp(35px, 4vw, 57px);}

		#wrap .board_search select { width: clamp(120px, 18vw, 180px); background-position: center right clamp(15px, 2.2vw, 22px); padding-inline: clamp(15px, 2.3vw, 23px) clamp(30px, 4vw, 40px); }
		#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])) { padding-inline: clamp(15px, 2vw, 20px) clamp(15px, 2vw, 23px); height: clamp(45px, 7vw, 60px); }
		#wrap .board_search .inp_custom { max-width: clamp(300px, 44vw, 440px); width: calc(100% - (clamp(120px, 18vw, 180px) + 10px)); }
		#wrap .board_search .inp_custom input[type="text"] { padding-inline: clamp(15px, 2.3vw, 23px) clamp(35px, 6.5vw, 65px); }
		#wrap .board_search .btn_search { width: clamp(45px, 6vw, 60px); height: clamp(45px, 6vw, 60px); background-size: clamp(16px, 2.4vw, 24px) clamp(16px, 2.4vw, 24px); }

		#wrap .bbs_list th { padding-block: clamp(15px, 2vw, 26px); }
		#wrap .bbs_list td { padding-block: clamp(15px, 2vw, 25px); }
		#wrap .bbs_list td.left a .board_ico img { width: clamp(13px, 1.6vw, 16px); }

		#wrap .paging { margin-top: clamp(40px, 6vw, 60px); }
		#wrap .paging a { min-width: clamp(30px, 4vw, 40px); min-height: clamp(30px, 4vw, 40px); }
		#wrap .paging .arrow a { min-width: clamp(30px, 4vw, 36px); }
	}

	@media (max-width: 860px){
		.board_title strong{font-size:200%;}
		
		#wrap .bbs_list colgroup col:nth-child(1) { width: 80px; }
		#wrap .bbs_list colgroup col:nth-child(3) { width: 120px; }
		#wrap .bbs_list tr.board_notice .notice{padding:3px 8px;}
	}

	@media (max-width: 640px){
		.board_title strong{font-size:180%;}
		
		#wrap .bbs_list colgroup col:nth-child(3) { width: 100px; }
		#wrap .bbs_list:not(:has(.no_data)) :where(colgroup col:nth-child(4), table.bbs_list th:nth-child(4), table.bbs_list td:nth-child(4)) { display: none; }

	}

	@media (max-width: 479px){
		#wrap .bbs_list:not(:has(.no_data)) :where(colgroup col:nth-child(3), table.bbs_list th:nth-child(3), table.bbs_list td:nth-child(3)) { display: none; }
	}

	@media (max-width: 360px){
		#wrap .board_search_wrap { flex-direction: column; }
		#wrap .board_search select { width: 100%; }
		#wrap .board_search .inp_custom { width: 100%; max-width: 100%; }
		#wrap .bbs_list colgroup col:nth-child(1) { width: 70px; }
		
		#wrap .bbs_list td{padding-inline:5px;}
	}

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

    일반 게시판 | 뷰

───────────────────────────────────────────────────────────*/
	.bbs_view .view_title{box-sizing:border-box;border-bottom:1px solid var(--black-color00);font-size:var(--title-20);padding-bottom:30px;}
	.bbs_view .view_title span{font-size:85%;color:var(--black-color07);font-weight:400;letter-spacing:-0.03em;}
	.bbs_view .view_title h3{font-size:140%;color:var(--black-color00);font-weight:400;margin-top:18px;letter-spacing:-0.04em;}
	#wrap .bbs_view div.view_cont{border-bottom:1px solid var(--border-color01);}
	
	#wrap .sub_board .bbs_view .extra_editor_wrap { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; border: 0; border-radius: 4px; box-sizing: border-box; border-bottom: 1px solid var(--border-color01);margin:0;}
	#wrap .sub_board .bbs_view .extra_editor_wrap h4, #wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont { padding-block: 24px 20px; display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: left; border: 0; }
	#wrap .sub_board .bbs_view .extra_editor_wrap h4 { width: 180px; background: none; color: var(--black-color03); font-size: var(--title-18); font-weight: 500; position: relative; z-index: 1; letter-spacing: -0.03em; background: var(--gray-bg01); box-sizing: border-box; padding-inline: 29px; }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont { width: calc(100% - 180px); padding-inline: 30px; }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span { font-size: var(--title-17); font-weight: 400; color: var(--black-color07) !important; vertical-align: middle; display: block; letter-spacing: -0.03em; font-family: var(--font-type03);  }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span a { font-size: inherit; color: inherit !important; font-weight: inherit; }
	#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont span + span { margin-top: 12px; }
	
	#wrap .btn_wrap{margin-top:50px;text-align: center;}
	#wrap .btn{display: inline-flex;box-sizing:border-box;width:160px;height:60px;align-items: center;justify-content: center;text-align: center;border-radius:var(--radius-06);border:1px solid;font-size:var(--title-20);color:var(--point-white);font-weight:500;}
	#wrap .btn_point{background:var(--point-color01);border-color:var(--point-color01);}
	
	@media (max-width: 1023px) {
		#wrap .bbs_view .view_cont { padding-block: clamp(20px, 3vw, 33px) clamp(20px, 3vw, 30px); padding-inline: clamp(15px, 2vw, 20px); }

		#wrap .bbs_view .view_cont .thumb_img_wrap { margin-top: clamp(20px, 3vw, 29px); }

		#wrap .sub_board .bbs_view .extra_editor_wrap h4, #wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont { padding-block: clamp(15px, 2vw, 24px) clamp(15px, 2vw, 20px); }
		#wrap .sub_board .bbs_view .extra_editor_wrap h4 { width: clamp(100px, 18vw, 180px); padding-inline: clamp(10px, 3vw, 29px); }
		#wrap .sub_board .bbs_view .extra_editor_wrap .extra_cont { width: calc(100% - clamp(100px, 18vw, 180px)); padding-inline: clamp(10px, 3vw, 30px); }
		#wrap .btn_wrap { margin-top: clamp(30px, 6vw, 50px); }
	}

	@media (max-width: 640px) {
		.bbs_view .view_title{padding-bottom:15px;}
		.bbs_view .view_title h3{margin-top:8px;}
		#wrap .bbs_view .view_cont { min-height: 200px; }
		#wrap .btn{width:130px;height:50px;}
	}
	
/*───────────────────────────────────────────────────────────

	contact

───────────────────────────────────────────────────────────*/
	.sub_contact{}
	.sub_contact .map_box{position: relative;width:100%;height:620px;overflow:clip;box-sizing:border-box;border-radius:var(--radius-10);	}
	.sub_contact .map_box iframe{width:100%;height:1005;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_contact .map_info_box{margin-top:50px;display: flex;flex-wrap:wrap;gap:60px;align-items: flex-start;}
	.sub_contact .map_info_box .title{width:310px;height:249px;box-sizing:border-box;border-radius:var(--radius-10);background:var(--point-color01) url('../images/sub/location_mark.svg')no-repeat right -7px bottom -16px;font-size:var(--title-20);padding: 40px 40px;}
	.sub_contact .map_info_box .title strong{font-size:150%;color:var(--point-white);line-height:1.4;font-weight:500;letter-spacing:-0.03em;}
	.sub_contact .map_info_box .info_box{width:calc(100% - 370px);box-sizing:border-box;border-top:1px solid var(--black-color00);}
	.sub_contact .map_info_box .info_box dl{box-sizing:border-box;padding:43px 0 39px;font-size:var(--title-20);display: flex;gap:20px;}
	.sub_contact .map_info_box .info_box dl + dl{border-top:1px solid var(--border-color01);}
	.sub_contact .map_info_box .info_box dl dt{display: flex;font-size:100%;color:var(--black-color02);font-weight:500;line-height:1.3;gap:18px;align-items: baseline;letter-spacing:-0.03em;width:122px;flex-shrink:0;}
	.sub_contact .map_info_box .info_box dl dt:before{width:6px;content:"";aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color02);flex-shrink:0;translate:0 -4px;}
	.sub_contact .map_info_box .info_box dl dd{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;margin-top:-2px;}
	.sub_contact .map_info_box .info_box dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_contact .map_info_box .info_box dl dd strong{font-size:inherit;color:var(--black-color00);font-weight:inherit;}
	
	@media (max-width: 1023px) {
		.sub_contact .map_box{height:clamp(350px, 62vw, 620px);}
		.sub_contact .map_info_box{margin-top:30px;gap:30px;}
		.sub_contact .map_info_box .title{width:30%;height:auto;padding:30px 30px 100px;background-size:auto 11vw;}
		.sub_contact .map_info_box .info_box{width:calc(70% - 30px);}
	}
	@media (max-width: 640px) {
		.sub_contact .map_info_box{flex-direction: column;gap:20px;}
		.sub_contact .map_info_box .title{width:100%;padding:30px 20px 50px;background-size:auto 18vw;}
		.sub_contact .map_info_box .info_box{width:100%;}
		.sub_contact .map_info_box .info_box dl{padding:25px 0;}
		.sub_contact .map_info_box .info_box dl dt{width:90px;gap:10px;}
		.sub_contact .map_info_box .info_box dl dd{margin:0;}
	}
	@media (max-width: 479px) {
		.sub_contact .map_info_box .title{padding:20px 15px 30px;background-size:auto 26vw;}
		.sub_contact .map_info_box .info_box dl{padding:15px 0;gap:10px;}
		.sub_contact .map_info_box .info_box dl dt:before{width:4px;}
	}