@charset "utf-8";

/*───────────────────────────────────────────────────────────
	
	서브 페이지 공통

───────────────────────────────────────────────────────────*/
.sub_visual { position: relative; display: flex; justify-content: center; align-items: center; height: 360px; background: no-repeat center;  box-sizing: border-box; padding: 0; z-index: 5; background-size: cover;}
.sub_visual .sv_title { width: 100%; font-size: 20px; color: var(--point-white); text-align: center; }
.sub_visual .sv_title > div { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 31px 0; }
.sub_visual .sv_title p { font-size: 100%; font-weight: 400; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; }
.sub_visual .sv_title h2 { font-size: 300%; font-weight: 500; line-height: 1; letter-spacing: -0.03em; font-family: var(--font-type02); }

.sub_nav{background: var(--point-white); border-bottom: 1px solid var(--border-color01); }
.sub_nav .desc{display: flex; height: 69px; border-left: 1px solid var(--border-color01); font-size: 18px; font-weight: 400; }
.sub_nav .desc :where(dt, dd){position: relative; height: 100%; border-right: 1px solid var(--border-color01); box-sizing: border-box; }
.sub_nav .desc dt a{display: flex;width: 69px;height: 100%; align-items: center;justify-content: center;font-size: 0;padding: 17px 17px 16px 16px;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 20px;box-sizing: border-box; font-family: var(--font-type02); font-weight: 400;color: var(--black-color01);min-width: 299px;border-right: 1px solid rgba(221, 221, 221, 0.2);line-height: 1.4;cursor: pointer; letter-spacing: -0.03em;}
.sub_nav .desc dd span:before{position: absolute;content:'';width: 8px;height: 8px;border:solid var(--black-color03);border-width: 0 0 2px 2px;top: 48.5%;right: 19px;transform: translateY(-50%) rotate(-45deg);border-radius: 1px; transition: all 0.4s;}
.sub_nav .desc dd.on span:before{transform: translateY(-50%) rotate(-45deg) scale(-1,-1);top: 55%;}
.sub_nav .desc dd ul{position: absolute;top: calc(100% + 1px);left:-1px;width: calc(100% + 2px);padding: 20px 0;background: var(--point-white);border:1px solid var(--border-color01); border-top: 0; border-radius: 0 0 10px 10px;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 { color: var(--point-color01); font-weight: 600; padding-left: 21px; }
.sub_nav .desc dd + dd span::before { border-color: var(--point-color01); }

.page_title { text-align: center; font-size: 20px; margin-bottom: 80px; }
.page_title h3 { position: relative; font-size: 250%; font-weight: 600; font-family: var(--font-type02); letter-spacing: -0.03em; }
.page_title h3::after { content: ''; display: block; width: 44px; height: 1px; background: var(--black-color03); margin: 32px auto 0;  }

.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: 150%; font-weight: 500; line-height: 1.06; letter-spacing: -0.03em; }
.bullet_title > h4::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: var(--point-color01); border-radius: 100%; }

.bullet_list > li { position: relative; box-sizing: border-box; padding-left: 13px; 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: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background: var(--black-color07);  }
.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_about { font-size: 20px; margin-top: 40px; }
.sub_about h4 { color: var(--black-color01); text-align: center; font-family: var(--font-type03); font-weight: 600; font-size: 250%; line-height: 1.2; letter-spacing: -0.025em; }
.sub_about h4 strong { color: var(--point-color01); font-weight: 600; font-size: inherit; }
.sub_about .title_desc { color: var(--black-color06); font-family: var(--font-type03); font-weight: 400; font-size: 100%; line-height: 1.2; letter-spacing: -0.018em; margin-top: 24px; text-align: center; }
.sub_about .flex_des { display: flex; justify-content: center; margin-top: 100px; gap: 20px 80px; }
.sub_about .flex_des .left_box { position: relative; width: 600px; 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 img { width: 96.7%; }
.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: 17px; }
.sub_about .flex_des .left_box .left_txt p { color: var(--black-color04); font-weight: 500; font-size: 90%; letter-spacing: -0.03em; margin-top: -2px; }
.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: 1px; padding-right: 15px; }
.sub_about .flex_des .right_box h5 { color: var(--black-color00); font-weight: 400; font-size: 180%; letter-spacing: -0.03em; line-height: 1.45; }
.sub_about .flex_des .right_box h5 strong { font-weight: 600; }
.sub_about .flex_des .right_box:not(.deco_txt_wrap) > p { color: var(--black-color04); font-weight: 400; font-size: 80%; line-height: 1.75; letter-spacing: -0.03em; }
.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: 49px; margin-bottom: 40px; padding-block: 40px; box-sizing: border-box; }
.sub_about .flex_des .right_box .deco_txt_wrap::before { content: ''; position: absolute; width: 1240px; height: 100%; left: -50%; top: 0; background: var(--point-color01); z-index: -1; }
.sub_about .flex_des .right_box .deco_txt_wrap p { color: var(--point-white); font-weight: 400; font-size: 80%; line-height: 1.75; letter-spacing: -0.03em; }
.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; }
}

/*───────────────────────────────────────────────────────────
	
	프로필

───────────────────────────────────────────────────────────*/
	#container.profile_sec{width:100%;max-width:100%;padding:0;}
	.profile_sec .page_title{margin-top:27px;}
	.profile_sec .page_title h3{color:var(--point-white);}
	.profile_sec .page_title h3::after{background:var(--point-white);}
	.sub_profile{padding-top:68px;padding-bottom:191px;background:url('../images/da_image/ceo_img.jpg')no-repeat center;background-size:cover;}
	.sub_profile .w_custom{padding-top:68px;}
	.sub_profile .txt{position: relative;font-size:var(--title-20);display: inline-block;}
	.sub_profile .txt:before, .sub_profile .txt:after{width:50px;height:46px;content:"";background:url('../images/da_image/icon_quote.svg')no-repeat center;background-size:auto 100%;position: absolute;}
	.sub_profile .txt:before{top:-89px;left:0;}
	.sub_profile .txt:after{bottom:-83px;right:0;transform:scale(-1,-1);}
	.sub_profile .txt p{font-size:150%;color:var(--point-white);font-weight:400;line-height:1.6;letter-spacing:-0.04em;}
	.sub_profile .ceo{display: flex;align-items: center;gap:20px;font-size:var(--title-20);color:var(--point-white);margin-top:180px;}
	.sub_profile .ceo p{font-size:90%;color:inherit;font-weight:500;letter-spacing:-0.04em;}
	.sub_profile .ceo strong{font-size:200%;color:inherit;font-weight:600;letter-spacing:0.12em;}
	
	.sub_career{box-sizing:border-box;margin-top:79px;margin-bottom:146px;}
	.sub_career .w_custom{display: flex;flex-wrap:wrap;gap:34px;}
	.sub_career .w_custom dl{box-sizing:border-box;width:calc(100% / 3 - 23px);font-size:var(--title-20);}
	.sub_career .w_custom dl dt{box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding-bottom:14px;}
	.sub_career .w_custom dl dt span{font-size:150%;color:var(--black-color01);font-weight:500;position: relative;}
	.sub_career .w_custom dl dt span:before{width:100%;height:1px;content:"";background:var(--point-color01);position: absolute;bottom:-13px;left:0;}
	.sub_career dl dd{margin-top:25px;}

/*───────────────────────────────────────────────────────────
	
	회사연혁

───────────────────────────────────────────────────────────*/
.sub_history { padding-top: 80px; }
.sub_history .his_cont { display: flex; align-items: flex-start; gap: 20px 0; }
.sub_history .year_wrap { width: 39.07%; font-size: 20px; padding-right: 120px; position: sticky; top: 250px; }
.sub_history .year_wrap > li { cursor: pointer; transition: all 0.4s; }
.sub_history .year_wrap > li + li { margin-top: 30px; }
.sub_history .year_wrap dt { color: var(--black-color06); font-weight: 500; font-size: 150%; line-height: 1; letter-spacing: -0.03em; opacity: 0.7; transition: all 0.4s; }
.sub_history .year_wrap dd { font-family: var(--font-type02); font-size: 150%; transition: all 0.4s; font-weight: 400; line-height: 1.3; letter-spacing: -0.03em; display: none; }
.sub_history .year_wrap .on { margin-bottom: 70%; }
.sub_history .year_wrap .on dt { color: var(--black-color03); font-size: 250%; font-weight: 600; opacity: 1; }
.sub_history .year_wrap .on dd { color: var(--black-color03); margin-top: 20px; display: block; }

.sub_history .detail_wrap { width: calc(100% - (39.07% + 120px)); }
.sub_history .detail { font-size: 20px; }
.sub_history .detail strong { color: var(--point-color01); font-size: 250%; font-weight: 600; line-height: 1; letter-spacing: -0.03em; }
.sub_history .detail .bullet_list { margin-top: 40px; }
.sub_history .detail .bullet_list li { color: var(--black-color03); font-size: 18px; line-height: 1.77; padding-left: 15px; }
.sub_history .detail .bullet_list li strong{font-size:inherit;font-weight: bold;color: inherit;line-height: inherit;letter-spacing: inherit;}
.sub_history .detail .bullet_list li::before { background: var(--point-color01); top: 14px; }
.sub_history .detail .bullet_list li + li { margin-top: 22px; }
.sub_history .detail .detail_list > li + li { margin-top: 100px; }
.sub_history .detail + .detail { margin-top: 182px; }
.sub_history .detail:nth-child(2) { margin-top: 302px; }

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

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

.sub_work { font-size: 20px; margin-top: 60px; }
.sub_work .work_tab { position: sticky; top: 90px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid var(--border-color01); box-sizing: border-box; background: var(--point-white); z-index: 3; }
.sub_work .work_tab li { position: relative; bottom: -1px; width: 240px; color: var(--black-color05); font-family: var(--font-type02); font-weight: 400; font-size: 100%; line-height: 1.5; letter-spacing: -0.04em; box-sizing: border-box; text-align: center; }
.sub_work .work_tab li::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #0b1322; }
.sub_work .work_tab li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 21px 10px; font-weight: inherit; font-size: inherit; }

.sub_work .work_tab li.on { color: var(--black-color03); font-weight: 500; }
.sub_work .work_tab li.on::before { height: 2px; }

.sub_work .com_work_wrap { box-sizing: border-box; }
.sub_work .com_work_wrap h4 { color: var(--black-color01); font-weight: 500; font-size: 200%; letter-spacing: -0.04em; font-family: var(--font-type02); text-align: center; margin-bottom: 69px; }
.sub_work .com_work_wrap h5 { box-sizing: border-box; padding: 15px 10px 10px; 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-type04); font-size: 170%; font-weight: 600; letter-spacing: -0.03em; }
.sub_work .com_work_wrap h5 span { font-size: 20px; font-weight: 400; }
.sub_work .com_work_wrap h5::before { content: ''; position: absolute; left: 50%; top: 50%; width: 220px; height: 220px; border-radius: 100%; background: #f2f7fb; 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 .com_work_wrap + .com_work_wrap { padding-top: 170px; }

.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); box-sizing: border-box; padding: 22px 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-color06); 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: 16px; }
.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 :where(#sunwoo_wrap, #gfsm_wrap) .chart01 li { max-width: 220px; margin-left: 40px; }
.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-color06); 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-color06); 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: 46px; }
.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: 15px 10px; color: var(--point-color01); font-family: var(--font-type02); font-weight: 500; 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: -47px; transform: translateX(-50%); width: 0.5px; height: 45px; 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-bg02); border: 1px solid var(--border-color01); text-align: center; }
.sub_work .chart02 ul li span { color: var(--black-color03); font-size: 17px; font-weight: 500; 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 #sunwoo_wrap { padding-top: 69px; position: relative; }
.sub_work #sunwoo_wrap::before { content: ''; position: absolute; left: 49%; top: 55.8%; transform: translate(-50%, -50%); width: 894px; height: 254px; flex-shrink: 0; background: url('../images/sub/img_work_01.svg') no-repeat center; background-size: cover; }
.sub_work #sunwoo_wrap .chart02::before { width: calc(100% - (100% / 4 - 30px)); }
.sub_work #sunwoo_wrap .chart02 > li { width: calc(100% / 4 - 30px); }
.sub_work #gfsm_wrap { position: relative; }
.sub_work #gfsm_wrap::before { content: ''; position: absolute; left: 49%; top: 59.5%; transform: translate(-50%, -50%); width: 895px; height: 254px; flex-shrink: 0; background: url('../images/sub/img_work_02.svg') no-repeat center; background-size: cover; }
.sub_work #gfsm_wrap .chart02 > li { width: calc(100% / 4 - 30px); }
.sub_work #gfsm_wrap .chart02::before { width: calc(100% - (100% / 4 - 30px)); }
.sub_work #safe_wrap { position: relative; }
.sub_work #safe_wrap::before { content: ''; position: absolute; left: 50%; top: 66%; transform: translate(-50%, -50%); width: 554px; height: 554px; flex-shrink: 0; background: url('../images/sub/img_work_03.svg') no-repeat center; background-size: cover; }
.sub_work #safe_wrap .chart02 > li { width: calc(100% / 3 - 26.67px); max-width: 290px; }
.sub_work #safe_wrap .chart02::before { width: calc(82.75% - (100% / 3 - 26.67px)); } 



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

───────────────────────────────────────────────────────────*/
.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: 41px 40px 39px; 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: 150%; font-weight: 500; line-height: 1; letter-spacing: -0.04em; margin-bottom: 43px; }
.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: 21px; }
.sub_location .loca_flex > .left_box dt { position: relative; display: block; padding-right: 22px; margin-right: 20px; padding-left: 40px; }
.sub_location .loca_flex > .left_box dt::before { content: ''; position: absolute; left: 0; top: -2px; width: 30px; height: 30px; }
.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::before { background: url('../images/sub/ico_mark.svg') no-repeat center; background-size: 100% auto; }
.sub_location .loca_flex > .left_box dl:nth-child(3) dt::before { background: url('../images/sub/ico_tel.svg') no-repeat center; background-size: 100% auto; }
.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 { position: relative; display: flex; justify-content: space-between; align-items: center; padding-inline: 100px 98px; background: var(--gray-bg02); padding-block: 40px; }
.sub_location .loca_flex > .right_box .txt { display: flex; align-items: center; gap: 30px; }
.sub_location .loca_flex > .right_box .txt p { color: var(--black-color01); font-weight: 500; font-size: 120%; line-height: 1.25; letter-spacing: -0.04em; }
.sub_location .loca_flex > .right_box .txt img { flex-shrink: 0; }
.sub_location .loca_flex > .right_box a { position: absolute; width: 100%; height: 100%; }

.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; }
.sub_location .transport_wrap .flex_des > li .img { position: relative; box-sizing: border-box; padding-block: 20px 14px; padding-inline: 46px 47px; flex-shrink: 0; }
.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; }
.sub_location .transport_wrap .flex_des > li dt { color: var(--black-color01); font-family: var(--font-type04); 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.03em; }

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

.sub_location .gf_con_wrap .transport_wrap li dl { align-self: flex-start;  }
.sub_location .gf_con_wrap .transport_wrap li dd strong { color: var(--black-color01); font-weight: 500; }

.sub_location .parking_wrap { margin-top: 69px; }
.sub_location .parking_wrap ul { box-sizing: border-box; padding: 30px 31px 31px 29px; border: 1px solid var(--border-color01); }
.sub_location .parking_wrap li { color: var(--black-color03); font-size: 80%; font-weight: 400; font-family: var(--font-type02); }
.sub_location .parking_wrap li::before { top: 10px; }

/*───────────────────────────────────────────────────────────
	
	자사선 운항

───────────────────────────────────────────────────────────*/
.sub_oper { position: relative; font-family: var(--font-type02); font-size: 20px; }
.sub_oper::before { content: ''; position: absolute; left: 0; top: 425px; width: 100%; height: 450px; background: var(--gray-bg02); }

.sub_oper .banner { margin-top: 60px; }
.sub_oper .banner img { display: block; }
.sub_oper .ico_wrap { display: flex; gap: 20px 40px; margin-top: 80px; }
.sub_oper .ico_wrap li { position: relative; width: calc(100% / 3 - 26.67px); box-sizing: border-box; padding: 52px 20px 36px; background: var(--point-white); border-radius: 4px; overflow: hidden; box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, 0.10); }
.sub_oper .ico_wrap li::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 6px; background: var(--point-color01); }
.sub_oper .ico_wrap li .img { display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding-left: 1px; }
.sub_oper .ico_wrap li dl { margin-top: 27px; }
.sub_oper .ico_wrap li dt { color: var(--black-color03); font-weight: 600; font-size: 120%; line-height: 1.5; text-align: center; }
.sub_oper .ico_wrap li dd { color: var(--black-color05); font-weight: 400; font-size: 85%; line-height: 1.76; letter-spacing: -0.03em; text-align: center; margin-top: 10px; }
.sub_oper .desc_wrap { margin-top: 80px; }
.sub_oper .desc_wrap p { color: var(--black-color04); font-weight: 400; font-size: 85%; line-height: 1.76; letter-spacing: -0.03em; }
.sub_oper .desc_wrap p + p { margin-top: 19px; }

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


/*───────────────────────────────────────────────────────────
	
	위탁 운항

───────────────────────────────────────────────────────────*/
.sub_cons { font-size: 20px; }
.sub_cons .cons_flex { position: relative; display: flex; align-items: center; gap: 20px 80px; }
.sub_cons .cons_flex .img { width: 48.43%; flex-shrink: 0; }
.sub_cons .cons_flex .img img { display: block; }
.sub_cons .cons_flex::before { content: ''; position: absolute; left: -25%; bottom: -80px; width: 820px; height: 260px; background: var(--gray-bg02); z-index: -1; }

.sub_cons .cons_proce { margin-top: 200px; display: flex; align-items: flex-start; gap: 40px; position: relative; }
.sub_cons .cons_proce .sticky_wrap { position: sticky; top: 127px; color: var(--black-color01); font-weight: 500; font-size: 200%; letter-spacing: -0.03em; width: 420px; margin-top: 6px; }
.sub_cons .cons_proce .sticky_wrap h4 { font-size: inherit; font-weight: inherit; color: inherit; }
.sub_cons .cons_proce ol { counter-reset: num 0; width: calc(100% - 460px); }
.sub_cons .cons_proce li { position: relative; display: flex; align-items: center; gap: 20px 31px; box-sizing: border-box; padding: 31px 30px 28px 29px; background: #f4f7fc; border: 1px solid #e2eaf6; border-radius: 4px; box-shadow: 6px 6px 20px 0px rgba(0, 121, 208, 0.10); }
.sub_cons .cons_proce li::before { flex-shrink: 0; content: counter(num, decimal-leading-zero); counter-increment: num 1; color: var(--point-color01); font-weight: 400; font-size: 90%; letter-spacing: -0.03em; line-height: 1; margin-bottom: 2px; }
.sub_cons .cons_proce li:not(:last-child)::after { content: ''; position: absolute; left: 50%; bottom: -33px; width: 8px; height: 8px; border-width: 1px 1px 0 0; border-style: solid; border-color: var(--black-color00); transform: translateX(-50%) rotate(135deg); }
.sub_cons .cons_proce li + li { margin-top: 60px; }
.sub_cons .cons_proce dt { color: var(--black-color01); font-weight: 500; font-size: 90%; line-height: 1.55; letter-spacing: -0.03em; }
.sub_cons .cons_proce dd { margin-top: 8px; color: var(--black-color04); font-family: var(--font-type02); font-weight: 400; font-size: 80%; line-height: 1.75; letter-spacing: -0.03em; }
.sub_cons .cons_proce dd span { display: block; margin-top: 11px; color: var(--black-color06); font-family: var(--font-type02); font-weight: 400; font-size: 87.5%; line-height: 1.57; letter-spacing: -0.03em; }
.sub_cons .cons_proce li:last-child { background: var(--point-color01); border: 1px solid var(--point-color01); }
.sub_cons .cons_proce li:last-child::before { color: var(--point-white); }
.sub_cons .cons_proce li:last-child :where(dt, dd) { color: var(--point-white); }

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

/*───────────────────────────────────────────────────────────
	
	서비스 영역

───────────────────────────────────────────────────────────*/
.sub_serv { position: relative; font-size: 20px; padding-bottom: 140px; }
.sub_serv::after { content: ''; position: absolute; width: 100%; height: 700px; left: 0; bottom: 0; background: var(--gray-bg02); z-index: -1; }

.sub_serv .img { width: 100%; height: auto; }
.sub_serv img { display: block; }
.sub_serv .fair_wrap { display: flex; gap: 20px 25px; margin-top: 60px; }
.sub_serv .fair_wrap li { width: calc(100% / 3 - 16.67px); }
.sub_serv .fair_wrap li dt { box-sizing: border-box; padding: 23px 15px 31px; width: 100%; color: var(--point-white); font-weight: 500; font-family: var(--font-type02); font-size: 110%; line-height: 1.63; border-radius: 10px 10px 0 0; text-align: center; }
.sub_serv .fair_wrap li dd { box-sizing: border-box; padding: 32px 15px 31px; width: 100%; color: var(--black-color06); font-weight: 500; font-size: 90%; line-height: 2; border-radius: 10px; border-color: var(--border-color01); border-style: solid; border-width: 0 1px 1px 1px; margin-top: -10px; background: var(--point-white); text-align: center; }
.sub_serv .fair_wrap li dd span { font-weight: 400; }
.sub_serv .fair_wrap li:nth-child(1) dt { background: var(--point-color01); }
.sub_serv .fair_wrap li:nth-child(2) dt { background: var(--point-color06); }
.sub_serv .fair_wrap li:nth-child(3) dt { background: var(--black-color01); }

/*───────────────────────────────────────────────────────────
	
	무역관계도

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

.sub_rela .img { box-sizing: border-box; padding: 39px 12px 8px 25px; background: var(--point-white); border-radius: 4px; border: 1px solid var(--border-color01); }


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

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



/* 갤러리 리스트 */
#wrap .sub_board ul.bbs_gallery {margin-left:0px;padding: 50px 0 40px; display: flex; flex-wrap: wrap; gap: 52px; font-size: 20px; border-top: 2px solid var(--black-color00); border-bottom: 1px solid var(--border-color01); }
#wrap ul.bbs_gallery li {width: calc(100% / 3 - 34.6667px); position:relative;  }
#wrap ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
#wrap ul.bbs_gallery_top {padding:0 0 0 0;}
#wrap ul.bbs_gallery li .thumb {text-align:center;width:100%;padding:0 0 66.4%;height:0;position: relative; box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0; transition: all 0.4s;}
#wrap ul.bbs_gallery li .thumb::before,
#wrap ul.bbs_gallery li .thumb::after { content: ''; width: 0; height: 10px; position: absolute; transition: all 0.3s linear; background: var(--point-color01); transition-delay: 0.1s; z-index: 10; cursor: pointer; }
#wrap ul.bbs_gallery li .thumb::before { right: 0; top: 0; }
#wrap ul.bbs_gallery li .thumb::after { left: 0; bottom: 0; }

#wrap ul.bbs_gallery li .thumb > div::before,
#wrap ul.bbs_gallery li .thumb > div::after { content: ''; width: 10px; height: 0; position: absolute; transition: all 0.31s linear; background: var(--point-color01); transition-delay: 0.1s; z-index: 10; cursor: pointer; }
#wrap ul.bbs_gallery li .thumb > div::before { right: 0; bottom: 0; }
#wrap ul.bbs_gallery li .thumb > div::after { left: 0; top: 0; }

#wrap ul.bbs_gallery li .thumb a {vertical-align:top;}
#wrap ul.bbs_gallery li .thumb img {width: 100%;height: 100%;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%); object-fit: cover; }
#wrap ul.bbs_gallery li .txt_info { margin: 24px 0 0; }
#wrap ul.bbs_gallery li dt { color: var(--black-color00); font-weight: 500; font-size: 120%; letter-spacing: -0.03em; font-family: var(--font-type01); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#wrap ul.bbs_gallery li .desc { display: flex; margin: 17px 0 0; }
#wrap ul.bbs_gallery li .desc p { color: var(--black-color08); font-weight: 400; font-size: 16px; letter-spacing: -0.03em; }
#wrap ul.bbs_gallery li .desc p:nth-child(1) { display: flex; align-items: center; }
#wrap ul.bbs_gallery li .desc p:nth-child(1):has(+ *)::after { content: ''; display: inline-block;  width: 1px; height: 12px; background: var(--black-color12); margin: 0 15px 3px 18px; }
#wrap ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}
#wrap .bbs_no_data {padding:1.2%;font-size:13px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}
#wrap ul.bbs_gallery li:hover .thumb { box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.15); }

#wrap ul.bbs_gallery.ta_center { justify-content: center; }

@media (hover: hover) and (pointer: fine){
	#wrap ul.bbs_gallery li:hover .thumb::before,
	#wrap ul.bbs_gallery li:hover .thumb::after { width: 100%; transition-delay: 0s; }
	#wrap ul.bbs_gallery li:hover .thumb > div::before,
	#wrap ul.bbs_gallery li:hover .thumb > div::after { height: 100%; transition-delay: 0s; }
}

/* 일반 리스트 */

#wrap table.bbs_list {border-top:2px solid var(--black-color03);border-bottom:0;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box; font-family: var(--font-type01); font-size: 18px;}
#wrap table.bbs_list thead tr {border-bottom: 1px solid var(--black-color01);  }
#wrap table.bbs_list tbody tr {border-bottom: 1px solid var(--border-color01); transition: all 0.4s; }
#wrap table.bbs_list tr :where(th, td){border:0;font-size: 100%;line-height: 1.4;letter-spacing: -0.03em;}
#wrap table.bbs_list th {font-weight: 500; color: var(--black-color01); padding: 29px 5px 27px;}
#wrap table.bbs_list td {font-weight: 400; color: var(--black-color05); padding: 31px 5px 26px;}
#wrap table.bbs_list td.left{ padding-left: 0; padding-right: 10px; text-align: left; color: var(--black-color03); font-weight: 400; letter-spacing: -0.04em; }
#wrap table.bbs_list td.left h3 { font-weight: inherit; }
#wrap table.bbs_list td.left strong { font-weight: inherit; }
#wrap table.bbs_list td a{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#wrap table.bbs_list td h3 { display: flex; align-items: center; gap: 0 11px; }
#wrap table.bbs_list td strong{font-weight: inherit; display: inline-block; max-width: calc(100% - 40px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#wrap table.bbs_list td .board_ico { display: inline-block; padding-top: 6px; box-sizing: border-box; }
#wrap table.bbs_list td.td_num { font-family: var(--font-type03); }
#wrap table.bbs_list td.td_date,
#wrap table.bbs_list td.td_hit { font-size: 17px; }
#wrap table.bbs_list td.td_name { font-size: 17px; }
#wrap table.bbs_list .board_notice td.left { color: var(--black-color01); font-weight: 500; padding-left: 0; }
#wrap table.bbs_list .board_notice .td_notice span { display: flex; justify-content: center; align-items: center; width: fit-content; padding: 3px 11px 2px; margin: 0 auto 3px; border: 1px solid var(--point-color01); color: var(--point-color01); border-radius: 50px; font-weight: 600; font-size: 15px; letter-spacing: -0.03em; box-sizing: border-box; }
#wrap table.bbs_list .board_notice td { padding: 28px 5px 24px;}

@media (hover: hover) and (pointer: fine){
    #wrap table.bbs_list tbody tr:not(.no_data):hover { background: var(--gray-bg03); }
}


/* pagaing wrap */
.paging {text-align:center; font-size:0; margin:0 auto; margin-top: 50px; vertical-align:top; box-sizing:border-box;}
.paging span {display:inline-block;vertical-align:top;}
.paging a {display:inline-block; font-size: 16px; color: var(--black-color01); padding:0; border: 1px solid var(--border-color01); box-sizing:border-box;width:40px;height:40px;line-height:38px;text-align:center; vertical-align:top;}
.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_pagi_first.svg") no-repeat center 50%;background-size: 10px 10px;}
.paging .arrow.prev a {background:#fff url("../images/sub/ico_pagi_prev.svg") no-repeat center 50%;background-size: 6px 10px; margin-right: 10px; }
.paging .arrow.next a {background:#fff url("../images/sub/ico_pagi_next.svg") no-repeat center 50%;background-size: 6px 10px; margin-left: 10px; }
.paging .arrow.last a {background:#fff url("../images/sub/ico_pagi_last.svg") no-repeat center 50%;background-size: 10px 10px;}
.view_btn {text-align:center; position:relative; }
.view_btn .paging {display:inline-block;}

#wrap select, 
#wrap input[type="text"], 
#wrap input[type="password"], 
#wrap input[type="number"], 
#wrap input[type="date"] { height: 56px; background: var(--point-white); color: var(--black-color04); font-size: 17px; font-weight: 400; border: 1px solid var(--border-color01); padding: 0 20px 0 19px; letter-spacing: -0.04em; overflow: hidden; box-sizing: border-box; border-radius: 4px; outline: 0; text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; }

#wrap select { width: 100%; padding-right: 32px; background: var(--point-white) url('../images/sub/ico_sel_arw.svg') no-repeat center right 18px; appearance: none; border-radius: 4px; cursor: pointer; }

#wrap input[type="text"]::placeholder, 
#wrap input[type="password"]::placeholder, 
#wrap input[type="number"]::placeholder,
#wrap input[type="date"]::placeholder { font-size: 100%; font-weight: 400; color: var(--black-color05); letter-spacing: -0.045em; }

#wrap select:focus, 
#wrap input[type="text"]:focus, 
#wrap input[type="password"]:focus, 
#wrap input[type="number"]:focus, 
#wrap input[type="date"]:focus { outline: 0; }

#wrap .board_search { width: 100%; margin-bottom: 30px; box-sizing: border-box; padding: 0; line-height: inherit; text-align: left; overflow: hidden; }
#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="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 .board_search .inp_custom input[type="text"] { padding: 0 60px 0 19px; box-sizing: border-box; width: 100%; margin: 0; }



/* 뷰페이지 */

#wrap .bbs_view { border-bottom: 1px solid var(--black-color00); }
#wrap .bbs_view div.view_tit {width:100%; box-sizing:border-box; padding: 0 0 28px; border-bottom: 2px solid var(--black-color00); background: #fff; font-size: 20px; text-align: left;}
#wrap .bbs_view div.view_tit > h3 {font-size: 150%; width: 100%; color: var(--black-color03); font-weight: 500; line-height: 1.5; letter-spacing: -0.04em; font-family: var(--font-type02); }
#wrap .bbs_view div.view_tit > p {display: flex; align-items: center; width: 100%; margin-top: 19px; text-align: left;}
#wrap .bbs_view div.view_tit > p span {font-size: 16px; font-weight: 400; color:var(--black-color08); font-family: var(--font-type01);}
#wrap .bbs_view div.view_tit > p span + span { display: flex; align-items: center; }
#wrap .bbs_view div.view_tit > p span + span:before {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 .thumb_img_wrap{display:none;}

#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: 30px; 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: 32px 0 32px;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;background:none;color: var(--black-color03); font-family: var(--font-type04); 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% - 60px);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 { display: flex; justify-content: center; align-items: center; margin-top: 40px; width: 160px; height: 64px; border: 1px solid var(--black-color12); background: var(--point-white); color: var(--black-color03); font-weight: 400; font-size: 18px; font-family: var(--font-type01); letter-spacing: -0.03em; box-sizing: border-box;}
#wrap .sub_board .view_btn .btn_center .btn { margin-inline: auto; }
#wrap .sub_board .view_btn .btn_right .btn { margin-left: auto; }





/* 쓰기 페이지 */

#wrap .bbs_write_box{box-sizing:border-box;padding:30px 20px;gap:20px;display: flex;flex-direction: column;flex-wrap:wrap;border-top:1px solid var(--black-color03);border-bottom:1px solid var(--border-color01);}
#wrap .bbs_write_box .line2{display: flex;flex-wrap:wrap;gap:80px;}
#wrap .bbs_write_box .line2 dl{width:calc(50% - 40px);max-width:590px;}
#wrap .bbs_write_box dl{display: flex;flex-wrap:wrap;width:100%;align-items: flex-start;}
#wrap .bbs_write_box dl dt{width:150px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;display: flex;align-items: center;min-height:60px;text-align:left;}
#wrap .bbs_write_box dl dt .require_dot{font-size:inherit;color:var(--point-color01);font-weight:inherit;display: inline-block;margin-left:3px;}
#wrap .bbs_write_box dl dd{box-sizing:border-box;width:calc(100% - 150px);min-height:60px;display: flex;align-items: center;}
#wrap .bbs_write_box dl dd ul{display: flex;gap:20px;align-items: center;height:100%;flex-wrap:wrap;}
#wrap .bbs_write_box dl dd input[type="text"]{width:100%;height:60px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);padding:0 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
#wrap .bbs_write_box dl dd input[type="text"]:focus, #wrap .bbs_write_box textarea:focus{border-color:var(--black-color01);}
#wrap .bbs_write_box dl dd input[type="text"]::place-holder, #wrap .bbs_write_box textarea::placeholder{color:var(--black-color08);}
#wrap .bbs_write_box dl dd select{width:240px;height:60px;}
#wrap .bbs_write_box textarea{resize:none;width:100%;height:200px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);padding:20px 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;letter-spacing:-0.03em;}
#wrap .bbs_write_box dl.captcha_dl dd{gap:10px;}
#wrap .bbs_write_box .captcha_wrap{border:1px solid var(--border-color01);padding:10px;box-sizing: border-box; display: flex; gap:10px;border-radius:4px;}
#wrap .bbs_write_box #captcha_box{margin:0;}
#wrap .bbs_write_box #captcha_box img{width:155px !important;height:40px !important;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-color01);}
#wrap .bbs_write_box #refreshCode{display: inline-flex; background: url('../images/sub/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width: 40px; width: 40px; height: 40px; border:1px solid var(--border-color01); box-sizing: border-box;border-radius:4px;}
#wrap .bbs_write_box input#captcha{max-width: 300px; margin:0;}
#wrap .policy_wrap{box-sizing: border-box; margin-top: 40px;}
#wrap .policy_wrap .area_box{margin-top: 20px;}
#wrap .area_box{width: 100%; padding:10px;box-sizing: border-box;border-radius:4px;border:1px solid var(--border-color01);}
#wrap .area_box textarea{width: 100%; padding:5px 7px; border:0; background: none; box-sizing: border-box; font-size: 14px; font-weight: 400; color: var(--black-color08); line-height: 1.6; font-family: var(--font-type01);height:137px;}
#wrap .area_box textarea::-webkit-scrollbar { width: 4px;}
#wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color10); border-radius: 10px;}
#wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background:var(--border-color01);}


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

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

	.sub_cert .flex_des { display: flex; gap: 20px 40px; position: relative;}
	.sub_cert .flex_des > a{position: absolute;top:-120px;}
	.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-color03); 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; }