@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	서브 페이지 공통

───────────────────────────────────────────────────────────*/
	.scr_noti { display: none;  }
	#container:has(.full_sec){width: 100%; max-width: 100%;}
	#container:has(.full_sec) .w_custom {max-width: 1280px;}

	.sub_visual { position: relative; height: 430px; background: no-repeat center;  box-sizing: border-box; padding-bottom: 40px; z-index: 5; background-size: cover;}
	.sub_visual .w_custom { max-width: 1280px; }
	.sub_visual .sv_title { width: 100%; height: 100%; display: flex; align-items: center; font-size: 20px; color: var(--point-white); }
	.sub_visual .sv_title p { font-size: 100%; font-weight: 400; line-height: 1; letter-spacing: -0.03em; }
	.sub_visual .sv_title p span { opacity: 0.7; }
	.sub_visual .sv_title h2 { font-family: var(--font-type02); font-size: 300%; font-weight: 500; line-height: 1; letter-spacing: -0.05em; margin-top: 30px; }

	.sub_nav{ position: absolute; left: 0; bottom: 0; width: 100%; }
	.sub_nav .desc{ position: relative; display: flex; height: 60px; font-size: 18px; font-weight: 400; }
	.sub_nav .desc::before { content: ''; position: absolute; left: 0; top: 0; width: 200vw; height: 100%; background: var(--point-white); }
	.sub_nav .desc :where(dt, dd){position: relative; height: 100%; box-sizing: border-box; }
	.sub_nav .desc dt { background: var(--black-color01); }
	.sub_nav .desc dt a{display: flex;width: 60px; height: 100%; align-items: center;justify-content: center;font-size: 0;padding: 21px 21px 21px 22px;box-sizing: border-box;}
	.sub_nav .desc dt a img { width: 20px; height: 19px; }
	.sub_nav .desc dd span{position: relative;display: flex;align-items: center;height: 100%;padding:2px 60px 0 30px;box-sizing: border-box; font-family: var(--font-type02); font-weight: 400;color: var(--black-color03);min-width: 299px; line-height: 1.4;cursor: pointer; letter-spacing: -0.03em;}
	.sub_nav .desc dd span:before{position: absolute;content:'';width: 0;height: 0; top: 51%;right: 29px; transition: all 0.4s; border-top: 5px solid var(--black-color10); border-right: 5px solid var(--trans-color); border-bottom: 5px solid var(--trans-color); border-left: 5px solid var(--trans-color); }
	.sub_nav .desc dd.on span:before{transform: translateY(-50%) scale(-1,-1);}
	.sub_nav .desc dd ul{position: absolute;top: calc(100% + 1px);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;}

	.sub_nav .desc dd + dd span::after { content: ''; position: absolute; left: 0; top: 50%; translate: 0 -50%; width: 1px; height: 12px; background: var(--border-color01); }


	.page_title { text-align: center; font-size: 20px; margin-bottom: 71px; }
	.page_title h3 { position: relative; width: fit-content; font-size: 270%; font-weight: 600; font-family: var(--font-type02); letter-spacing: -0.03em; margin-inline: auto; text-transform: uppercase; }
	.page_title h3::after { content: ''; position: absolute; right: -19px; bottom: 0; width: 9px; height: 9px; background: var(--point-color01); border-radius: 100%; transform: translateY(-9px); }

	.sub_page_title { font-size: 20px; }
	.sub_page_title h4 { color: var(--black-color01); text-align: center; font-family: var(--font-type02); font-weight: 600; font-size: 250%; line-height: 1.2; letter-spacing: -0.06em; }
	.sub_page_title h4 strong { color: var(--point-color01); font-weight: 600; font-size: inherit; }
	.sub_page_title .title_desc { color: var(--black-color06); font-weight: 400; font-size: 100%; line-height: 1.2; letter-spacing: -0.03em; margin-top: 24px; text-align: center; }

	.bullet_title { font-size: 20px; margin-bottom: 28px; }
	.bullet_title > h4 { position: relative; box-sizing: border-box; padding-left: 20px; color: var(--black-color01); font-size: 170%; font-weight: 500; line-height: 1.06; letter-spacing: -0.03em; }
	.bullet_title > h4::before { content: ''; position: absolute; left: 0; top: 14px; width: 6px; height: 6px; background: var(--point-color01); border-radius: 100%; }

	.bullet_list > li { position: relative; display: flex; align-items: baseline; gap: 10px; box-sizing: border-box; color: var(--black-color05); font-family: var(--font-type02); font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; }
	.bullet_list > li::before { content: ''; display: block; width: 3px; height: 3px; background: var(--black-color07); translate: 0 -5px; }
	.bullet_list > li + li { margin-top: 10px; }

	#wrap input[type="checkbox"] { display:none; }
	#wrap input[type="checkbox"] + label {min-height: 25px; font-size:var(--title-18); color: var(--black-color03); cursor:pointer;}
	#wrap input[type="checkbox"] + label::before, 
	#wrap input[type="checkbox"] + label::before { display:inline-block; content:""; vertical-align:middle; width: 25px; height: 25px; margin: -3px 12px 0 0; background: url("../images/sub/ico_chk.png") no-repeat center; background-size: cover;}
	#wrap input[type="checkbox"]:checked + label::before, 
	#wrap input[type="checkbox"]:checked + label::before {background: url("../images/sub/ico_chk_on.png") no-repeat center; background-size: cover;}

	.sub_hd { font-family: var(--font-type02); }
	.sub_hd h4 { color: var(--black-color00); font-weight: 500; font-size: 24px; line-height: 1.58; letter-spacing: -0.03em; }
	.sub_hd h4 strong { color: var(--point-color01); font-weight: inherit; }
	.sub_hd h4 + p { margin-top: 19px; }
	.sub_hd p { color: var(--black-color04); font-weight: 400; font-size: 17px; line-height: 1.76; letter-spacing: -0.03em; }
	.sub_hd p + p{margin-top:30px;}

	.sub_title{position: relative; font-size: var(--title-20);}
	.sub_title.hd{margin-bottom: 30px;}
	.sub_title.hd_m{margin-bottom: 21px;}
	.sub_title h3{font-size: 200%;font-weight: 600;color: var(--black-color01);letter-spacing: -0.03em;line-height: 1.5;}
	.sub_title h4{font-size: 170%;font-weight: 500;color: var(--black-color01);letter-spacing: -0.05em;line-height: 1.45;display: flex;align-items: baseline;gap: 14px; font-family: var(--font-type02); }
	.sub_title h4.icon:before{display: inline-flex;content:'';width: 6px;height: 6px;background: var(--point-color01);border-radius: 100%;flex-shrink: 0;translate: 0 -10px;}



/*───────────────────────────────────────────────────────────
	
	인사말

───────────────────────────────────────────────────────────*/
	.sub_about { font-size: 20px; margin-top: 40px; max-width: 1280px; margin-inline: auto; }
	.sub_about .flex_des { display: flex; justify-content: center; margin-top: 100px; gap: 20px 0; }
	.sub_about .flex_des .left_box { position: relative; width: 580px; flex-shrink: 0; font-family: var(--font-type02); }
	.sub_about .flex_des .left_box::before { content: ''; position: absolute; left: -60px; top: -60px; width: 140px; height: 140px; background: var(--gray-bg02); z-index: -1; }

	.sub_about .flex_des .left_box .left_txt { display: flex; align-items: flex-start; gap: 20px 77px; margin-top: 23px; }
	.sub_about .flex_des .left_box .left_txt .txt { display: flex; align-items: center; gap: 21px; margin-top: 21px; }
	.sub_about .flex_des .left_box .left_txt p { color: var(--black-color04); font-weight: 500; font-size: 90%; letter-spacing: -0.04em; margin-top: 0; }
	.sub_about .flex_des .left_box .left_txt strong { color: var(--black-color01); font-weight: 600; font-size: 200%; letter-spacing: 0.1em; }
	.sub_about .flex_des .left_box .left_txt img { width: 219px; flex-shrink: 0; }

	.sub_about .flex_des .right_box { font-family: var(--font-type02); font-size: 20px; box-sizing: border-box; padding-top: 14px; padding-left: 100px; width: calc(100% - 580px); }
	.sub_about .flex_des .right_box h5 { color: var(--black-color03); font-weight: 400; font-size: 190%; letter-spacing: -0.05em; line-height: 1.45; }
	.sub_about .flex_des .right_box h5 strong { font-weight: 600; }
	.sub_about .flex_des .right_box p { color: var(--black-color04); font-weight: 400; font-size: 80%; line-height: 1.75; letter-spacing: -0.06em; }
	.sub_about .flex_des .right_box:not(.deco_txt_wrap) > p + p { margin-top: 20px; }
	.sub_about .flex_des .right_box .deco_txt_wrap { position: relative; margin-top: 41px; margin-bottom: 40px; padding-block: 40px; box-sizing: border-box; }
	.sub_about .flex_des .right_box .deco_txt_wrap::before { content: ''; position: absolute; width: 200vw; height: 100%; left: -100px; top: 0; background: var(--point-color01); z-index: -1; }
	.sub_about .flex_des .right_box .deco_txt_wrap p { color: var(--point-white); letter-spacing: -0.035em; }
	.sub_about .flex_des .right_box .deco_txt_wrap p + p { margin-top: 20px; }

	@media screen and (max-width: 1285px){
		.sub_about br.del { display: none; }
	}


/*───────────────────────────────────────────────────────────
	
	조직도

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

	.sub_work { font-size: 20px; box-sizing: border-box; padding-top: 20px; }

	.sub_work .com_work_wrap { box-sizing: border-box; }
	.sub_work .com_work_wrap h5 { box-sizing: border-box; padding: 31px 20px 25px; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px 0; margin-inline: auto; width: 180px; height: 180px; border-radius: 100%; background: var(--point-color01); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); color: var(--point-white); font-family: var(--font-type03); font-size: 170%; font-weight: 600; letter-spacing: -0.03em; }
	.sub_work .com_work_wrap h5 span { font-size: 20px; font-weight: 300; }
	.sub_work .com_work_wrap h5::before { content: ''; position: absolute; left: 50%; top: 50%; width: 220px; height: 220px; border-radius: 100%; background: #EBEBFF; transform: translate(-50%, -50%); z-index: -1; }
	.sub_work .com_work_wrap h5::after { content: ''; position: absolute; left: 50%; top: 100%; width: 6px; height: 6px; border-radius: 100%; background: var(--point-white); border: 2px solid var(--point-color01); transform: translate(-50%, -50%); z-index: 2; }

	.sub_work .chart01 { position: relative; display: flex; padding-top: 60px; padding-bottom: 99px; max-width: 760px; gap: 240px; margin-inline: auto; box-sizing: border-box; }
	.sub_work .chart01::before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: var(--black-color12); }
	.sub_work .chart01 li { position: relative; width: calc(100% / 2 - 120px); max-width: 220px; margin-left: 40px; box-sizing: border-box; padding: 21px 30px 18px; color: var(--point-white); font-size: 20px; font-weight: 400; font-family: var(--font-type02); line-height: 1.1; letter-spacing: -0.03em; background: var(--point-color03); text-align: center; }
	.sub_work .chart01 li span { display: block; width: 100%; }
	.sub_work .chart01 li .ch01_rank { position: relative; margin-bottom: 13px; padding-bottom: 17px; font-family: var(--font-type01); }
	.sub_work .chart01 li .ch01_rank::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.20); }
	.sub_work .chart01 li .ch01_name { font-weight: 500; font-size: 130%; }

	.sub_work .chart01 li:nth-child(1)::before { content: ''; position: absolute; left: 100%; top: 50%; width: 6px; height: 6px; border-radius: 100%; background: var(--point-white); border: 2px solid var(--point-color03); transform: translate(-50%, -50%); z-index: 2; }
	.sub_work .chart01 li:nth-child(1)::after { content: ''; position: absolute; left: 100%; top: 50%; width: 120px; height: 1px; background: var(--black-color12); transform: translateY(-50%); }
	.sub_work .chart01 li:nth-child(2)::before { content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 100%; background: var(--point-white); border: 2px solid var(--point-color03); transform: translate(-50%, -50%); z-index: 2; }
	.sub_work .chart01 li:nth-child(2)::after { content: ''; position: absolute; right: 100%; top: 50%; width: 120px; height: 1px; background: var(--black-color12); transform: translateY(-50%); }

	.sub_work .chart02 { position: relative; display: flex; justify-content: center; gap: 20px 40px; box-sizing: border-box; padding-top: 47px; }
	.sub_work .chart02::before { content:''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 1px; background: var(--black-color12);  }
	.sub_work .chart02 strong { position: relative; display: flex; justify-content: center; align-items: center; padding: 14px 15px 16px; color: var(--point-color01); font-family: var(--font-type02); font-weight: 600; font-size: 20px; line-height: 1.3; letter-spacing: -0.03em; background: var(--point-white); border: 2px solid var(--point-color01); box-sizing: border-box; text-align: center; }
	.sub_work .chart02 strong::before { content: ''; position: absolute; left: 50%; top: -3px; transform: translate(-50%, -50%); width: 6px; height: 6px; border-radius: 100%; background: var(--point-white); border: 2px solid var(--point-color01); z-index: 2; }
	.sub_work .chart02 strong::after { content: ''; position: absolute; left: 50%; top: -49px; transform: translateX(-50%); width: 0.5px; height: 47px; background: var(--black-color12); }
	.sub_work .chart02 ul li { position: relative; box-sizing: border-box; padding: 15px 10px 17px; margin-top: 10px; background: var(--gray-bg04); border: 1px solid var(--border-color01); text-align: center; }
	.sub_work .chart02 ul li span { color: var(--black-color03); font-size: 17px; font-weight: 600; font-family: var(--font-type02); letter-spacing: -0.04em; }
	.sub_work .chart02 ul li .ch02_rank { position: relative; margin-right: 17px; padding-right: 17px; box-sizing: border-box; }
	.sub_work .chart02 ul li .ch02_rank::after { content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 12px; background: var(--black-color12); }
	.sub_work .chart02 ul li .ch02_name { font-weight: 400; }
	.sub_work .chart02 ul li::before { content: ''; position: absolute; left: 50%; top: -11px; width: 0.1px; height: 10px; background: var(--black-color12); transform: translateX(-50%); }
	.sub_work .chart02 ul li p { color: var(--black-color03); font-weight: 500; font-size: 20px; line-height: 1; letter-spacing: -0.03em; margin-bottom: 8px; }

	.sub_work .com_work_wrap::before { content: ''; position: absolute; left: 50%; top: 40.4%; transform: translate(-50%, -50%); width: 895px; height: 264px; flex-shrink: 0; background: url('../images/sub/img_work01.svg') no-repeat center; background-size: cover; }
	.sub_work .com_work_wrap .chart02::before { width: calc(100% - (100% / 4 - 30px)); }
	.sub_work .com_work_wrap .chart02 > li { width: calc(100% / 4 - 30px); }

/*───────────────────────────────────────────────────────────
	
	찾아오시는 길

───────────────────────────────────────────────────────────*/
	.sub_location { font-size: 20px; margin-top: 60px; }
	.sub_location .location_btn_wrap { display: flex; justify-content: center; align-items: center; width: fit-content; margin-inline: auto; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.15); margin-bottom: 60px; }
	.sub_location .location_btn_wrap li { display: flex; justify-content: center; align-items: center; width: 240px; box-sizing: border-box; padding: 19px 10px 15px; border: 1px solid var(--border-color01); background: var(--point-white); cursor: pointer; }
	.sub_location .location_btn_wrap li button { color: var(--black-color05); font-weight: 400; font-size: 100%; line-height: 1.5; letter-spacing: -0.04em; }
	.sub_location .com_con_wrap { opacity: 0; visibility: hidden; height: 0; }

	/* on */
	.sub_location .location_btn_wrap li.on { border: 1px solid var(--point-color04); background: var(--point-color04); }
	.sub_location .location_btn_wrap li.on button { color: var(--point-white); font-weight: 400;  }
	.sub_location .com_con_wrap.on { height: auto; opacity: 1; visibility: visible; }

	.sub_location .map { width: 100%; height: 680px; }
	.sub_location .loca_flex { display: flex; font-family: var(--font-type02); }
	.sub_location .loca_flex > div { padding: 52px 40px 48px; box-sizing: border-box; width: 50%; }
	.sub_location .loca_flex > .left_box { background: var(--point-color01); color: var(--point-white); }
	.sub_location .loca_flex > .left_box strong { display: block; font-size: 170%; font-weight: 700; line-height: 1; letter-spacing: -0.04em; margin-bottom: 45px; }
	.sub_location .loca_flex > .left_box dl { display: flex; font-size: 90%; font-weight: 400; line-height: 1.55; letter-spacing: -0.03em; }
	.sub_location .loca_flex > .left_box dl + dl { margin-top: 17px; }
	.sub_location .loca_flex > .left_box dt { position: relative; display: flex; padding-right: 22px; margin-right: 20px; gap: 10px; }
	.sub_location .loca_flex > .left_box dt span { min-width: 50px; }
    .sub_location .loca_flex > .left_box dt .ico { display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: var(--point-white); border-radius: 100%; }
	.sub_location .loca_flex > .left_box dt .ico::before { content: ''; }
	.sub_location .loca_flex > .left_box dt::after { content: ''; position: absolute; right: 0; top: 9px; width: 1px; height: 12px; background: #d9d9d9; opacity: 0.5; }
	.sub_location .loca_flex > .left_box dd { box-sizing: border-box; padding-top: 1px; letter-spacing: -0.025em; }
	.sub_location .loca_flex > .left_box dl:nth-child(2) dt .ico::before { background: url('../images/sub/ico_mark.svg') no-repeat center; background-size: 100% auto; width: 12px; height: 16px; }
	.sub_location .loca_flex > .left_box dl:nth-child(3) dt .ico::before { background: url('../images/sub/ico_tel.svg') no-repeat center; background-size: 100% auto; width: 16px; height: 15px; }
	.sub_location .loca_flex > .left_box dl:nth-child(3) dd { font-family: var(--font-type01); letter-spacing: 0; }


	.sub_location .loca_flex > .right_box { background: var(--point-color03); color: var(--point-white); }
	.sub_location .loca_flex > .right_box strong { display: block; font-size: 150%; font-weight: 500; line-height: 1; letter-spacing: -0.04em; margin-bottom: 43px; }
	.sub_location .loca_flex > .right_box dl { display: flex; font-size: 90%; font-weight: 400; line-height: 1.55; letter-spacing: -0.03em; }
	.sub_location .loca_flex > .right_box dl + dl { margin-top: 18px; }
	.sub_location .loca_flex > .right_box dt { position: relative; display: flex; gap: 10px; padding-right: 22px; margin-right: 20px; }
	.sub_location .loca_flex > .right_box dt span { min-width: 50px; }
    .sub_location .loca_flex > .right_box dt .ico { display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: var(--point-white); border-radius: 100%; }
	.sub_location .loca_flex > .right_box dt .ico::before { content: ''; }
	.sub_location .loca_flex > .right_box dt::after { content: ''; position: absolute; right: 0; top: 9px; width: 1px; height: 12px; background: #d9d9d9; opacity: 0.5; }
	.sub_location .loca_flex > .right_box dd { box-sizing: border-box; padding-top: 1px; letter-spacing: -0.025em; font-family: var(--font-type01); }
	.sub_location .loca_flex > .right_box dl:nth-child(2) dt .ico::before { background: url('../images/sub/ico_fax.svg') no-repeat center; background-size: 100% auto; width: 15px; height: 15px; }
	.sub_location .loca_flex > .right_box dl:nth-child(3) dt .ico::before { background: url('../images/sub/ico_mail.svg') no-repeat center; background-size: 100% auto; width: 16px; height: 12px; }
	.sub_location .loca_flex > .right_box dl:nth-child(3) dd { font-family: var(--font-type01); letter-spacing: 0; }

	.sub_location .loca_flex > .right_box .map_link { margin-bottom: 43px; text-align: right; width: fit-content; margin-left: auto; box-sizing: border-box; padding-right: 15px; }
	.sub_location .loca_flex > .right_box .map_link:not(.on) .view_more { opacity: 0.8; }

	.sub_location .loca_flex > .right_box .map_link.on .view_more em:before{width: 60px;height: 60px;clip-path: var(--poly-path01);}
	.sub_location .loca_flex > .right_box .map_link.on .view_more em:after{width: 16px;height: 14px;background: url('../images/skin/more_arw.svg') no-repeat center / 100% auto;}


	.sub_location .transport_wrap { margin-top: 103px; }
	.sub_location .transport_wrap .flex_des { display: flex; gap: 20px; }
	.sub_location .transport_wrap .flex_des > li { width: calc(100% / 2 - 10px); display: flex; align-items: center; box-sizing: border-box; border: 1px solid var(--border-color01); padding-block: 30px 30px; }
	.sub_location .transport_wrap .flex_des > li .img { position: relative; box-sizing: border-box; padding-block: 10px 16px; padding-inline: 20px; flex-shrink: 0; width: 147px; text-align: center; }
	.sub_location .transport_wrap .flex_des > li .img::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: var(--border-color01); }
	.sub_location .transport_wrap .flex_des > li dl { box-sizing: border-box; padding: 0 30px 0; align-self: flex-start; }
	.sub_location .transport_wrap .flex_des > li dt { color: var(--black-color01); font-family: var(--font-type03); font-weight: 500; font-size: 110%; line-height: 1.09; margin-bottom: 18px; }
	.sub_location .transport_wrap .flex_des > li dd {  color: var(--black-color05); font-family: var(--font-type02); font-weight: 400; font-size: 80%; line-height: 1.5; letter-spacing: -0.05em; }

	.sub_location .transport_wrap .flex_des > li:nth-child(1) dl { padding-top: 12px; }

	.sub_location .transport_wrap .flex_des > li dd strong { color: var(--black-color01); font-weight: 500; }

	.sub_location .transport_wrap .flex_des > li .bullet_list li strong { font-weight: 500; color: var(--black-color01); }

/*────────────────────────────────────────────────────
    fleet
─────────────────────────────────────────────────────*/	

	.sec_gap{position: relative; display: flex; flex-direction: column; gap: 100px;}
	.sec_gap.md{gap: 76px;}
	.sec_gap section{position: relative; width: 100%; box-sizing: border-box;}

	.fleet_thumb{position: relative;}
	.scr_wrap{margin-top: 60px;}
	.fleet_thumb .circle{position: absolute;top: 50%;left: 50%;translate: -50% -50%;display: flex;align-items: center;justify-content: center;text-align: center;width: 240px;aspect-ratio: auto 1;padding: 20px;z-index: 3;background: var(--point-white);border-radius: 100%;font-size: var(--title-20);box-sizing: border-box;}
	.fleet_thumb .circle h3{font-size: 160%;font-weight: 600;color: var(--point-white);line-height: 1.18;letter-spacing: -0.03em;display: flex;align-items: center;justify-content: center;background: var(--point-color01);box-shadow: var(--shadow-02);width: 100%;height: 100%;border-radius: inherit;box-sizing: border-box;padding: 20px;}
	.fleet_thumb .info_list{display: flex; flex-wrap: wrap; gap: 30px;}
	.fleet_thumb .info_list > li{position: relative;width: calc(100% / 2 - 15px);box-sizing: border-box;}
	.fleet_thumb .info_list .desc{position: relative; font-size: var(--title-20);}
	.fleet_thumb .info_list .desc dt{width: 100%;aspect-ratio: auto 1.645;overflow: clip;font-size: 0;}
	.fleet_thumb .info_list .desc dt img{width: 100%; height: 100%; object-fit: cover;}
	.fleet_thumb .info_list .desc dd{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding: 27px 30px;box-sizing: border-box;font-size: 150%;font-weight: 500;color: var(--point-white);line-height: 1.3;letter-spacing: -0.025em;}

	.fleet_thumb .info_list > li:nth-child(2n) .desc dd{align-items: flex-end;text-align: right;}

	.info_table{position: relative;box-sizing: border-box;}
	.info_table table{width: 100%;box-sizing: border-box;border-top: 2px solid var(--black-color01);}
	.info_table thead{background: var(--point-color04); }
	.info_table thead th{font-size: 90%;font-weight: 500;color: var(--black-color01);padding-block: 9px;}
	.info_table tr{font-size: var(--title-20); }
	.info_table :is(th, td){vertical-align: middle;text-align: center;line-height: 1.44;padding-inline: 5px;box-sizing: border-box; border-bottom: 1px solid var(--border-color01);}
	.info_table :is(th, td):not(:last-child){border-right: 1px solid var(--border-color01);}
	.info_table tbody :is(th, td){font-size: 90%;font-weight: 400;padding-block: 16px;}
	.info_table tbody small{font-size: 94.4%;}
	.info_table tbody th{color: var(--black-color01);}
	.info_table tbody td{color: var(--black-color06);}



/*────────────────────────────────────────────────────
    customer
─────────────────────────────────────────────────────*/

	.customer_list{display: flex; flex-wrap: wrap; gap: 40px;}
	.customer_list > li{position: relative;width: calc(100% / 3 - 26.67px);border-radius: var(--radius-04);box-sizing: border-box;background: var(--gray-bg04);overflow: clip;}
	.customer_list > li:before{position: absolute;content:'';inset: 0;border:1px solid var(--border-color01);border-radius: inherit;box-sizing: border-box;z-index: 3;pointer-events: none;}
	.customer_list .desc{position: relative; font-size: var(--title-20);}
	.customer_list .desc dt{display: flex;align-items: center;justify-content: center;padding-block:15px;background: var(--point-white);height: 160px;box-sizing: border-box;}
	.customer_list .desc dd{font-size: 90%;font-weight: 500;color: var(--black-color03);line-height: 1.5;border-top: 1px solid var(--border-color01);text-align: center;display: flex;align-items: center;justify-content: center;height:100px;padding-inline: 15px;box-sizing: border-box;}


/*────────────────────────────────────────────────────
    선박관리
─────────────────────────────────────────────────────*/

	.sub_manage { font-size: 20px; }
	.sub_manage .w_custom { max-width: 1280px; }
	.sub_manage::before { content: ''; position: absolute; left: 0; top: 45.8%; width: 100vw; height: 730px; background: var(--gray-bg04); }
	.sub_manage .desc { color: var(--black-color03); font-family: var(--font-type02); font-weight: 400; font-size: 120%; line-height: 1.59; letter-spacing: -0.04em; text-align: center; }
	.sub_manage .flex_des { display: flex; width: 100%; counter-reset: num 0; margin-top: 60px; }
	.sub_manage .flex_des dl { width: calc(100% / 3); padding-block: 50px; padding-inline: 40px 35px; color: var(--point-white); font-family: var(--font-type02); box-sizing: border-box; }
	.sub_manage .flex_des dt { position: relative; font-size: 190%; font-weight: 500; line-height: 1.27; letter-spacing: -0.06em; }
	.sub_manage .flex_des dt span { display: block; min-height: 96px; }
	.sub_manage .flex_des dt::before { content: counter(num, decimal-leading-zero); counter-increment: num 1; display: block; color: var(--point-color02); font-family: var(--font-type01); font-size: 22px; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 27px; }
	.sub_manage .flex_des dd { font-size: 90%; font-weight: 300; letter-spacing: -0.06em; line-height: 1.78; opacity: 0.7; margin-top: 50px; }
	.sub_manage .flex_des dl:nth-child(1) { background: var(--point-color01); }
	.sub_manage .flex_des dl:nth-child(2) { background: var(--point-color03); }
	.sub_manage .flex_des dl:nth-child(3) { background: var(--black-color01); }
	.sub_manage .txt_wrap { margin-top: 80px; }
	.sub_manage .txt_wrap p { color: var(--black-color04); font-weight: 400; font-size: 17px; font-family: var(--font-type02); letter-spacing: -0.06em; line-height: 1.77; }
	.sub_manage .txt_wrap p + p { margin-top: 20px; }
	.sub_manage .txt_wrap p strong { color: var(--black-color01); font-weight: 500; }


/*───────────────────────────────────────────────────────────
	
	채용정보

───────────────────────────────────────────────────────────*/
	.sub_talent { position: relative; }
	.sub_talent::before { content: ''; position: absolute; left: 0; top: 210px; width: 100%; height: 450px; background: var(--gray-bg04);  }
	.sub_talent .sec_banner { width: 100%; min-height: 420px; box-sizing: border-box; padding: 70px 50px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: var(--title-20); background: url('../images/sub/img_recruit01.jpg') no-repeat center; background-size: cover; }
	.sub_talent .sec_banner strong { color: var(--point-white); font-family: var(--font-type02); font-size: 190%; font-weight: 400; line-height: 1.53; letter-spacing: -0.06em; }
	.sub_talent .flex_des { display: flex; gap: 20px 40px; margin-top: 80px; }
	.sub_talent .flex_des > li { position: relative; width: calc(100% / 3 - 26.67px); box-sizing: border-box; padding-inline: 43px; padding-block: 38px 50px;; text-align: center; background: var(--point-white); border-radius: 4px; overflow: hidden; box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, 0.10); border-top: 6px solid var(--point-color03); }
	.sub_talent .flex_des .ico { position: relative; display: flex; justify-content: center; align-items: center; height: 86px; overflow: hidden; }
	.sub_talent .flex_des dl { font-size: 20px; font-family: var(--font-type02); margin-top: 20px; }
	.sub_talent .flex_des dt { color: var(--black-color03); font-weight: 600; font-size: 130%; line-height: 1.47; letter-spacing: -0.05em; }
	.sub_talent .flex_des dd { color: var(--black-color05); font-weight: 400; font-size: 85%; line-height: 1.77; letter-spacing: -0.04em; margin-top: 13px; }


/*───────────────────────────────────────────────────────────
	
	인증현황

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

	.sub_cert .flex_des { display: flex; gap: 20px 40px; }
	.sub_cert .flex_des .img_wrap { flex-shrink: 0; position: relative; width: 260px; padding: 9px; box-sizing: border-box; align-self: flex-start; }
	.sub_cert .flex_des .img_wrap::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--border-color03); }
	.sub_cert .flex_des .img_wrap::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; clip-path: polygon(0 0, 99% 0, 4% 97%, 0% 100%);background: var(--border-color01);  }
	.sub_cert .flex_des .img_wrap span { position: relative; z-index: 2; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); }
	.sub_cert .flex_des + .flex_des { margin-top: 60px; }

	.sub_cert .txt_wrap { font-size: 20px; border: 1px solid var(--border-color01); box-sizing: border-box; width: calc(100% - 300px); }
	.sub_cert .txt_wrap dt { box-sizing: border-box; padding-block: 21px 18px; padding-inline: 30px; color: var(--black-color01); font-size: 110%; font-weight: 500; letter-spacing: -0.03em; background: var(--point-color04); border-bottom: 1px solid var(--border-color01); }
	.sub_cert .txt_wrap dt span { font-weight: 400; font-size: 82%; }
	.sub_cert .txt_wrap dd { box-sizing: border-box; padding-block: 29px 30px; padding-inline: 29px; color: var(--black-color03); font-size: 90%; font-family: var(--font-type02); font-weight: 400; line-height: 1.78; letter-spacing: -0.04em; }
	.sub_cert .bullet_list { margin-top: 30px; }
	.sub_cert .bullet_list > li { font-size: 17px; color: var(--black-color06);  }
	.sub_cert .bullet_list > li + li { margin-top: 8px; }
	.sub_cert .bullet_list > li strong { font-weight: 500; }


/*───────────────────────────────────────────────────────────
	
	미션/비전

───────────────────────────────────────────────────────────*/
	#container:has(.sub_vision) { padding-bottom: 0; }
	.sub_vision .vision_con { position: relative; margin-top: 100px; background: url('../images/sub/img_vision01.jpg') no-repeat center / cover; }
	.sub_vision .vision_con > div { display: flex; gap: 20px 100px;  }
	.sub_vision .vision_title { position: relative; width: 380px; align-self: flex-start; min-height: 380px; font-size: 20px; box-sizing: border-box; padding-block: 50px; padding-inline: 50px; background: var(--point-color01); overflow: hidden; }
	.sub_vision .vision_title::before { content: ''; position: absolute; left: 41%; top: 46%; width: 318px; aspect-ratio: 1 auto; background: url('../images/sub/img_vision_title_bg.svg') no-repeat center / cover; opacity: 0.6; }
	.sub_vision .vision_title h5 { color: var(--point-white); font-size: 250%; line-height: 1.2; letter-spacing: -0.03em; font-weight: 600; position: relative; z-index: 1; }
	.sub_vision .list_wrap { width: calc(100% - 480px); box-sizing: border-box; padding-top: 100px; padding-bottom: 102px; }
	.sub_vision .list_wrap > li { display: flex; color: var(--point-white); box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, 0.3);  }
	.sub_vision .list_wrap > li:not(:last-child) { padding-bottom: 36px; }
	.sub_vision .list_wrap .list_title { width: 180px; box-sizing: border-box; padding-right: 30px; font-size: 20px; padding-top: 11px; flex-shrink: 0; }
	.sub_vision .list_wrap .list_title p { font-size: 80%; }
	.sub_vision .list_wrap .list_con { width: calc(100% - 180px); font-size: 20px; box-sizing: border-box; padding-top: 44px; counter-reset: num 0; }
	.sub_vision .list_wrap .list_con p { font-size: 120%; font-weight: 500; letter-spacing: -0.06em; line-height: 1.4; }
    .sub_vision .list_wrap .list_con p.list_eng { letter-spacing: -0.03em; }
	.sub_vision .list_wrap .list_con p + p { margin-top: 2px; }
	.sub_vision .list_wrap .list_con .num_list { display: flex; gap: 10px;flex-direction: column;}
	.sub_vision .list_wrap .list_con .num_list li { width:100%; position: relative; display: flex; justify-content:flex-start; align-items: center; box-sizing: border-box; padding-inline:50px; padding-block:20px; text-align: center; background: rgba(0, 0, 0, 0.2); gap:15px;}
	.sub_vision .list_wrap .list_con .num_list li::before { position: absolute; left: 0; top: 0; content: counter(num); counter-increment: num 1; display: flex; justify-content: center; align-items: center; width: 24px; aspect-ratio: 1 auto; background: rgba(0, 0, 0, 0.3); color: var(--point-white); font-size: 13px; font-weight: 600; }
	.sub_vision .list_wrap .list_con .num_list li em{font-size:80%;font-weight:300;}


/*───────────────────────────────────────────────────────────
	
	주요연혁

───────────────────────────────────────────────────────────*/
	.sub_history .history_wrap + .history_wrap { margin-top: 185px; }
	.sub_history .history_title { text-align: center; font-size: 20px; }
	.sub_history .history_title span { color: var(--point-color03); font-size: 110%; font-weight: 600; letter-spacing: -0.03em; }
	.sub_history .history_title h4 { color: var(--black-color01); font-size: 220%; font-weight: 500; letter-spacing: -0.08em; margin-top: 28px; }
	.sub_history .history_txt { font-size: 20px; text-align: center; }
	.sub_history .history_txt span { display: block; color: var(--gray-bg01); text-align: center; font-size: 600%; font-weight: 600; letter-spacing: -0.03em; margin-block: 15px 49px; }
	.sub_history .history_cont { position:relative; }
	.sub_history .cont { position: relative; display: flex; }
	.sub_history .cont:not(:last-child) { padding-bottom: 86px; }
	.sub_history .cont:not(:last-child)::before { content: ''; position: absolute; left: calc(50% - 1px); top: 5px; width: 1px; height: calc(100% - 5px); background: var(--border-color01); }
	.sub_history .year { width: 50%; font-size: 20px; position: relative; }
	.sub_history .year strong { display: block; color: var(--black-color01); font-size: 190%; font-weight: 600; letter-spacing: -0.03em; box-sizing: border-box; line-height: 1; margin-top: -6px; }
	.sub_history .year::before { content: ''; position: absolute; top: 8px; width: 10px; height: 10px; background: var(--point-white); border: 2px solid var(--point-color01); box-sizing: border-box; border-radius: 100%; z-index: 2; }
	.sub_history .year::after { content: ''; position: absolute; top: -2px; width: 30px; height: 30px; background: #b4b4ff; border: 5px solid #ebebff; box-sizing: border-box; border-radius: 100%;  }
	.sub_history .detail { position: relative; width: 50%; }
	.sub_history .detail dl { display: flex; font-size: 20px; }
	.sub_history .detail dl + dl { margin-top: 26px; }
	.sub_history .detail dt { width: 60px; color: var(--black-color10); font-weight: 600; font-size: 100%; box-sizing: border-box; flex-shrink: 0; padding-right: 20px; }
	.sub_history .detail dd { width: calc(100% - 60px); font-family: var(--font-type02); margin-top: -2px; }
	.sub_history .detail dd li + li { margin-top: 10px; }
	.sub_history .detail dd span { font-size: 90%; font-weight: 400; line-height: 1.56; letter-spacing: -0.065em; color: var(--black-color03); }
	.sub_history .detail dd span small { display: block; color: var(--black-color08); font-size: inherit; font-weight: inherit; }
	.sub_history .cont:nth-child(odd) .year { text-align: right; padding-right: 62px; }
	.sub_history .cont:nth-child(odd) .year::before,
	.sub_history .cont:nth-child(odd) .year::after { right: 0; translate: 50% 0; }
	.sub_history .cont:nth-child(odd) .detail { padding-left: 62px; }
	.sub_history .cont:nth-child(even) { flex-direction: row-reverse; }
	.sub_history .cont:nth-child(even) .year { text-align: left; padding-left: 62px; }
	.sub_history .cont:nth-child(even) .year::before,
	.sub_history .cont:nth-child(even) .year::after { left: 0; translate: -50% 0; }
	.sub_history .cont:nth-child(even) .detail { padding-right: 62px; text-align: right; }
    .sub_history .cont:nth-child(even) .detail dt { padding-right: 0; text-align: right; }
	.sub_history .cont:nth-child(even) .detail dl { flex-direction: row-reverse; }


	.sub_history .cont.on .year strong { color: var(--point-color01); }
	.sub_history .cont.on dt { color: var(--point-color01); }


/*───────────────────────────────────────────────────────────
	
	게시판

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

	#wrap select, 
	#wrap input[type="text"], 
	#wrap input[type="password"], 
	#wrap input[type="number"], 
	#wrap input[type="date"] { height: 56px; background: var(--gray-bg04); color: var(--black-color04); font-size: 17px; font-weight: 400; outline: none; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 20px 0 19px; letter-spacing: -0.04em; margin: 0; border: 0; font-family: var(--font-type02); }

	#wrap select { width: 100%; padding-right: 45px; background: var(--gray-bg04) url('../images/sub/ico_sel_arw.svg') no-repeat center right 18px; appearance: none; cursor: pointer; background-size: 14px 8px; }

	#wrap input[type="text"]::placeholder, 
	#wrap input[type="password"]::placeholder, 
	#wrap input[type="number"]::placeholder, 
	#wrap input[type="date"]::placeholder { color: var(--black-color05); }

	#wrap .board_search { width: 100%; box-sizing: border-box; margin: 0; letter-spacing: unset; padding: 0; text-align: left; overflow: hidden; background: var(--trans-color); }
	#wrap .board_search .search_wrap { display: flex; justify-content: flex-end; gap: 10px; }
	#wrap .board_search .board_search_sel { width: 160px; }
	#wrap .board_search .inp_custom { position: relative; width: 100%; max-width: 460px; }
	#wrap .board_search .inp_custom input[type="text"] { padding: 0 60px 0 19px; box-sizing: border-box; width: 100%; margin: 0; }
	#wrap .board_search .inp_custom input[type="submit"] { position: absolute; right:0; width: 56px; height: 56px; appearance: none; border: none; font-size: 0; background: url('../images/sub/ico_search.svg') no-repeat center; background-size: 22px 22px; }

	#wrap .sub_board ul.bbs_gallery { margin-top: 30px; box-sizing: border-box; border-top: 2px solid var(--black-color01);  }
	#wrap ul.bbs_gallery li .thumb { border: 0; padding: 0; }
	#wrap .gallery_list01 li .thumb { display: flex; align-items: center; justify-content: center; height: 260px; overflow: hidden; }
	#wrap .gallery_list01 li .thumb img { scale: 1; transition: all 0.4s; transform: unset; }
	#wrap .gallery_list01 { display: flex; gap: 52px 40px; flex-wrap: wrap; padding-block: 30px; border-bottom: 1px solid var(--border-color01); }
	#wrap .gallery_list01 > li { width: calc(100% / 3 - 27px); position: relative; }
	#wrap .gallery_list01 > li .txt_info { margin-top: 30px; font-size: 20px; padding-bottom: 55px; }
	#wrap .gallery_list01 > li .txt_info dt { color: var(--black-color03); font-family: var(--font-type02); font-weight: 500; font-size: 120%; line-height: 1.5; letter-spacing: -0.03em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
	#wrap .gallery_list01 > li .txt_info dt span { background: linear-gradient(var(--black-color03)) no-repeat 0 100% / 0% 1px; transition: all 0.4s; display: inline; }
	#wrap .gallery_list01 > li .txt_info dd { position: absolute; left: 0; bottom: 0; color: var(--black-color06); font-size: 90%; font-weight: 400; letter-spacing: -0.03em; margin-top: 30px; }


	#wrap .gallery_list02 { display: block; }
	#wrap .gallery_list02 > li { display: flex; align-items: center; width: 100%; position: relative; box-sizing: border-box; transition: all 0.4s; padding-block: 30px; border-bottom: 1px solid var(--border-color01); }
	#wrap .gallery_list02 > li .thumb { order: 2; display: flex; align-items: center; justify-content: center; width: 400px;  height: 260px; overflow: hidden; }
	#wrap .gallery_list02 > li .thumb img { scale: 1; transition: all 0.4s; transform: unset;  }
	#wrap .gallery_list02 > li .txt_info { order: 1; width: calc(100% - 400px); font-size: 20px; box-sizing: border-box; padding-right: 40px; }
	#wrap .gallery_list02 > li .txt_info dt { color: var(--black-color03); font-family: var(--font-type02); font-weight: 500; font-size: 130%; line-height: 1.5; letter-spacing: -0.06em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
	#wrap .gallery_list02 > li .txt_info dt span { background: linear-gradient(var(--black-color03)) no-repeat 0 100% / 0% 1px; transition: all 0.4s; display: inline; }
	#wrap .gallery_list02 > li .txt_info dd { color: var(--black-color05); font-size: 90%; font-weight: 400; letter-spacing: -0.03em; margin-top: 14px; font-family: var(--font-type02); }
	#wrap .gallery_list02 > li .txt_info p { color: var(--black-color08); font-size: 80%; letter-spacing: -0.03em; font-weight: 400; margin-top: 26px; }


	.paging {text-align:center; font-size:0; margin:0 auto; margin-top: 60px; vertical-align:top; box-sizing:border-box;}
	.paging span {display:inline-block;vertical-align:top;}
	.paging a {display:flex; justify-content: center; align-items: center; font-size: 16px; color: var(--black-color01); padding:0; border: 1px solid var(--border-color01); box-sizing:border-box;width:auto; min-width: 40px; height:40px;text-align:center; vertical-align:top; padding-inline: 15px; }
	.paging a img {height:33px;width:33px;vertical-align:top;}
	.paging .on a,
	.paging a.on {color:var(--point-white); background: var(--black-color01); border-color: transparent; }
	.paging span + span { margin-left: 4px; }
	.paging .arrow a {font-size:0; width:40px; }
	.paging .arrow a img {display:none;}
	.paging .arrow.first a {background:#fff url("../images/sub/ico_first.svg") no-repeat center 50%;background-size: 10px 10px;}
	.paging .arrow.prev a {background:#fff url("../images/sub/ico_prev.svg") no-repeat center 50%;background-size: 6px 10px; margin-right: 10px; }
	.paging .arrow.next a {background:#fff url("../images/sub/ico_next.svg") no-repeat center 50%;background-size: 6px 10px; margin-left: 10px; }
	.paging .arrow.last a {background:#fff url("../images/sub/ico_last.svg") no-repeat center 50%;background-size: 10px 10px;}

	@media (hover: hover) and (pointer: fine){
		#wrap .gallery_list01 li:hover .thumb img { scale: 1.1; }
		#wrap .gallery_list01 li:hover dt span { background-size: 100% 1px; }

		#wrap .gallery_list02 li:hover .thumb img { scale: 1.1; }
		#wrap .gallery_list02 li:hover { border-bottom: 1px solid var(--point-color01); }
	}


/*───────────────────────────────────────────────────────────
	
	게시판 뷰페이지

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

	#wrap .bbs_view { border-bottom: 1px solid var(--border-color01); }
	#wrap .bbs_view div.view_tit {width:100%; box-sizing:border-box; padding: 33px 0 34px; border-top: 2px solid var(--black-color01); border-bottom: 1px solid var(--border-color01); background: #fff; font-size: 20px; text-align: left;}
	#wrap .bbs_view div.view_tit > h4 {font-size: 160%; width: 100%; color: var(--black-color03); font-weight: 500; letter-spacing: -0.04em; font-family: var(--font-type02); padding: 0; border-bottom: 0; }
	#wrap .bbs_view div.view_tit > p {display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 18px; text-align: left; font-size: 20px; }
	#wrap .bbs_view div.view_tit > p span {font-size: 80%; font-weight: 400; color:var(--black-color06); }
    #wrap .bbs_view div.view_tit > p span:has(+ span) { display: flex; align-items: center;  }
    #wrap .bbs_view div.view_tit > p span:has(+ span)::after {content:'';display:inline-block;width:1px;height:12px;background:var(--black-color12);margin:0 16px 4px 16px;}
	#wrap .bbs_view div.view_tit > p span em { font-weight: 400; margin-right: 4px;}

	#wrap .bbs_view div.view_cont {padding: 41px 30px 60px; border: 0; font-size: 18px; color: var(--black-color04); font-weight: 400; font-family: var(--font-type02); line-height: 1.77; letter-spacing: -0.03em; }
	#wrap .bbs_view div.view_cont img { margin-bottom: 40px; }
    #wrap .bbs_view div.view_cont p { color: inherit; }

	#wrap .sub_board .bbs_view .extra_editor_wrap {display:table;table-layout:fixed;border-collapse:collapse;width:100%;border:0; background: var(--gray-bg01); margin-bottom: 40px; border-radius: 4px; box-sizing: border-box; }
	#wrap .sub_board .bbs_view .extra_editor_wrap > h4, 
	#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 30px 0 30px;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:162px; padding-right: 2px; background:none;color: var(--black-color03); font-family: var(--font-type03); font-size: 18px;font-weight: 500;text-align: center;position:relative;z-index:1; letter-spacing: -0.03em;}
	#wrap .sub_board .bbs_view .extra_editor_wrap > h4::after {content:''; position:absolute;width:1px;height:calc(100% - 65px);background:var(--border-color01);top:50%;right:0;transform:translateY(-50%);}
	#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont {width: calc(100% - 162px);padding-left: 40px;padding-right:40px;}

	#wrap .sub_board .bbs_view .extra_editor_wrap div.img_cont {}
	#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size: 17px;font-weight:400;color: var(--black-color06) !important; vertical-align:middle;display:block; letter-spacing: -0.03em; font-family: var(--font-type02); }
	#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-size:inherit;color:inherit !important;font-weight:inherit;}
	#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:12px;}
	#wrap .sub_board .view_btn.btns { display: flex; justify-content: center; align-items: center; gap: 10px; }
	#wrap .sub_board .view_btn .btn { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 60px; width: 200px; height: 60px; border: 1px solid var(--point-color01); background: var(--trans-color); color: var(--point-color01); font-weight: 500; font-size: 18px; font-family: var(--font-type02); letter-spacing: -0.03em; box-sizing: border-box; overflow: hidden; transition: all ease-in-out 0.4s;; }
	#wrap .sub_board .view_btn .btn::before { content: ''; position: absolute; width: 100%; height: 100%; translate: -100% 0; background: var(--point-color01); transition: all ease-in-out 0.4s; z-index: -1; }
	#wrap .sub_board .view_btn .btn_center .btn { margin-inline: auto; }
	#wrap .sub_board .view_btn .btn_right .btn { margin-left: auto; }
	#wrap .bbs_view + .view_btn:after { display: none; }

	@media (hover: hover) and (pointer: fine){
		#wrap .sub_board .view_btn .btn:hover { color: var(--point-white); }
		#wrap .sub_board .view_btn .btn:hover::before { translate: 0 0; }
	}


/*───────────────────────────────────────────────────────────
	
	ESG 경영

───────────────────────────────────────────────────────────*/
    .sub_esgmana .sub_title { margin-bottom: 27px; }
    .sub_esgmana .sub_title:has(p) { margin-bottom: 37px; }
    .sub_esgmana .sub_title p { font-family: var(--font-type02); color: var(--black-color04); font-weight: 400; font-size: 18px; line-height: 1.78; letter-spacing: -0.04em; margin-top: 21px; }
    .sub_esgmana .esg_cont + .esg_cont { margin-top: 120px; }
    .sub_esgmana .promotion_wrap{display: flex; flex-direction: column; gap: 40px;}
    .sub_esgmana .promotion_wrap .item{display: flex; flex-wrap: wrap; gap: 50px;}

    .sub_esgmana .promotion_wrap .title{position: relative;width: 260px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: var(--point-color01);font-size: var(--title-20);color: var(--point-white);box-sizing: border-box;padding: 20px;}
    .sub_esgmana .promotion_wrap .title:before{position: absolute;content:'';width: 50px;height: 1px;background: var(--point-color01);top:50%;left:100%;}
    .sub_esgmana .promotion_wrap .title h4{font-size: 140%;font-weight: 400;letter-spacing: -0.03em;line-height: 1.5;}
    .sub_esgmana .promotion_wrap .cont{position: relative; width: calc(100% - 310px);padding:30px;background: var(--point-color05);display: flex;flex-direction: column;align-items: center;box-sizing: border-box;}
    .sub_esgmana .promotion_wrap .cont:before{position: absolute;content:'';width: 10px;height: 10px;background: var(--point-white);border:2px solid var(--point-color01);border-radius: 100%;box-sizing: border-box;top: 50%;left: -5px;margin-top: -4px;}
    .sub_esgmana .promotion_wrap .word_list{display: flex; gap: 20px; flex-wrap: wrap; width: 100%; box-sizing: border-box; font-size: var(--title-20);}
    .sub_esgmana .promotion_wrap .word_list > li{position: relative;width: 100%;min-height: 74px;padding: 9px;box-sizing: border-box;border-radius: var(--radius-04);box-shadow: var(--shadow-03);border: 2px solid rgba(0, 68, 118, 0.20);font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.3;letter-spacing: -0.05em;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background: var(--point-white);text-align: center; font-size: 110%; }

    .sub_esgmana .promotion_wrap .item.point3 .title { background: var(--point-color03); }
    .sub_esgmana .promotion_wrap .item.point3 .title:before { background: var(--point-color03); }
    .sub_esgmana .promotion_wrap .item.point3 .cont:before { border: 2px solid var(--point-color03); }
    .sub_esgmana .promotion_wrap .item.point3 .cont { background: var(--point-color06); }
    .sub_esgmana .promotion_wrap .item.point3 .word_list > li { font-size: 100%; border: 2px solid rgba(25, 25, 127, 0.20); letter-spacing: -0.07em; }

    .sub_esgmana .img_wrap { display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding-block: 50px; padding-inline: 50px; border: 1px solid var(--border-color01); }

    .sub_esgmana .esg_cont .cont_title { font-size: 20px; font-family: var(--font-type02);  }
    .sub_esgmana .esg_cont .cont_title h5 { display: flex; align-items: flex-start; gap: 12px; color: var(--black-color00); font-weight: 500; font-size: 140%; line-height: 1.36; letter-spacing: -0.03em; font-family: inherit; }
    .sub_esgmana .esg_cont .cont_title h5 em { display: flex; align-items: center; height: 38px; flex-shrink: 0; }
    .sub_esgmana .esg_cont .cont_title h5 + p { margin-top: 20px; }
    .sub_esgmana .esg_cont .cont_box { box-sizing: border-box; padding-inline: 50px; padding-block: 50px; background: #F6FBFF; font-size: 20px; }
    .sub_esgmana .esg_cont .cont_box .desc { color: var(--black-color05); font-family: var(--font-type02); font-size: 85%; font-weight: 400; line-height: 1.77; letter-spacing: -0.03em; }

    .sub_esgmana .esg_cont .cont_list { margin-block: 30px; }
    .sub_esgmana .esg_cont .cont_list > li { display: flex; font-size: 20px; gap: 14px; }
    .sub_esgmana .esg_cont .cont_list > li + li { margin-top: 14px; }
    .sub_esgmana .esg_cont .cont_list > li .ico { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: var(--point-white); font-weight: 600; font-size: 90%; line-height: 1.56; letter-spacing: -0.03em; flex-shrink: 0; }
    .sub_esgmana .esg_cont .cont_list > li span { display: inline-flex; align-items: center; color: var(--black-color03); font-weight: 400; font-size: 85%; line-height: 1.42; letter-spacing: -0.03em; font-family: var(--font-type02);  }

    .sub_esgmana .esg_cont .cont_list > li:nth-child(1) .ico { background: #197F34; }
    .sub_esgmana .esg_cont .cont_list > li:nth-child(2) .ico { background: #0143A1; }
    .sub_esgmana .esg_cont .cont_list > li:nth-child(3) .ico { background: #0978D4; }