@CHARSET "UTF-8";


/**************************************************
* 버전관리
* version :
* Last Update :
**************************************************/


/********************************************************
■ 페이지 공통 스타일
********************************************************/
br.web {display:block;}
br.mob {display:none;}

/* 불렛 스타일 */
.b_bullet {display: flex; flex-direction: column; gap: 0.45rem; margin-bottom:clamp(1rem, 0.966rem + 0.168vw, 1.168rem); font-family: var(--ff-body); font-size: var(--font-size-28); color:#212121; font-weight:700; position:relative;}
.b_bullet:not(:first-of-type) {margin-top:clamp(4rem, 3.719rem + 1.406vw, 5.406rem);}
.b_bullet:before {content:''; display:block; width:1.1625rem; height:0.7275rem; background:url('/images/default/content/b_bullet.svg') no-repeat center center; background-size:100% auto;}
.s_bullet {margin: 0; padding-left: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); font-size: clamp(1rem, 0.988rem + 0.063vw, 1.063rem); color:var(--Text-Color-Black); font-weight: 600; position:relative;}
.s_bullet.long {width:auto !important;}
.s_bullet:before {content:''; display:block; margin-left:3px; width:5px; height:5px; background: var(--Brand-Color-main); border-radius:100%; box-shadow: 0 0 0 3px rgba(39, 110, 239, 0.2); position: absolute; left: 0; top: 0.4em;}
.s_bullet.number:before {display:none;}
.s_bullet.number span {display: flex;  justify-content: center; line-height: 1.5; width: 1.5rem; height: 1.5rem; color:#fff; background: var(--Brand-Color-main); border-radius:100%; position: absolute; left: calc(-1* clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) /2); top: -0.15em;}
.xs_bullet {margin: 0; padding-left: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); font-size: var(--font-size-17); color:#1560C1; font-weight: 600; position:relative;}
.xs_bullet:before {content:''; display:block; width:4px; height:4px; background: #6E91D0; border-radius:100%; position: absolute; left: 0; top: 0.6em;}


/* 폼/인풋 스타일 */
.input {width:100%;}
input[type=text], 
input[type=password], 
input[type=number], 
input[type=tel], 
input[type=email], 
input[type=button], 
input[type=submit],
select {padding: 0 0.5rem; width: 100%; height: calc(2.8125rem - 1px); font-size:0.875rem; color:#353535; border: 1px solid #949494; background-color: #FFF; border-radius: var(--radius-md);}
textarea {padding: 0.5rem; width: 100%;  font-size:var(--font-size-16); color:#353535; border: 1px solid #949494; background: #FFF; border-radius: var(--radius-md);}
input[type=text].readonly, 
input[type=password].readonly, 
input[type=number].readonly, 
input[type=tel].readonly, 
input[type=email].readonly {-webkit-appearance: none; background:#ddd; border-color:#ddd;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath fill='%231f1f1f' d='m6 7.4-6-6L1.4 0 6 4.6 10.6 0 12 1.4z'/%3E%3C/svg%3E") no-repeat right +1.3125rem center;}
.form_notice {display: flex; align-items: flex-start;  gap: 0.4375rem; margin-top:13px; font-size: clamp(0.833rem, 0.825rem + 0.042vw, 0.875rem); color:#708DC0;}
.form_notice:is(.alertDiv) {margin-left:0;}
.form_notice .ico_notice {display:block; flex-shrink: 0; width:1rem; height:1rem; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain;  mask-repeat: no-repeat; mask-position: center center;  mask-size: contain;  -webkit-mask-image: url(/images/default/content/ico_notice.svg?v=2);  mask-image: url(/images/default/content/ico_notice.svg?v=2); background-size:100% auto; background-color:#708DC0;}
.form_notice a {display: inline-block; color: var(--Brand-Color-main); font-weight: 500; text-decoration: underline; text-underline-position: under;}
.form_notice:is(.red) {color: #D72A2A;}
.form_notice:is(.red) .ico_notice {background-color:#D72A2A;}



/* 라디오 스타일 */
.radio{display:inline-block; position:relative;}
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0;  margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:1.25rem; padding-right: 0; margin-left:0px;  color:var(--Text-Color-Black); line-height:1.25rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio input[type="radio"] + label:before {content: ''; position:absolute; top:0.25em; left:0; display: inline-block; width: 0.8125rem; height: 0.8125rem; line-height: 0.8125rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='6' fill='%23fff' stroke='%23cbd6ea'/%3E%3C/svg%3E") no-repeat center center; background-size: contain;}
.radio input[type="radio"][disabled] + label:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='6' fill='%23fff' stroke='%23232323'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.7' fill='%23232323'/%3E%3C/svg%3E");}
.radio input[type="radio"]:checked + label:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='6' fill='%23fff' stroke='%23232323'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.7' fill='%23232323'/%3E%3C/svg%3E");}
.radio:is(.big) input[type="radio"] + label {padding-left:2rem;}
.radio:is(.big) input[type="radio"] + label:before {width:1.5rem; height:1.5rem;line-height:1.5rem; top: -0.2em;}


/* 체크박스 스타일 */
#sub_container .chks {display:inline-block;position:relative; margin-left:0;}
#sub_container  .chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#sub_container  .chks input[type="checkbox"] + label {display:inline-block; vertical-align:middle; line-height:1.5rem; position:relative; padding-left:2rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
#sub_container  .chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:-0.05em;margin:0;width:1.5rem;height:1.5rem;text-align:center;box-sizing:border-box; border-radius:0.25em; background-color: #fff; border:2px solid #CBD6EA; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#sub_container  .chks input[type="checkbox"] + label:active:before,
#sub_container  .chks input[type="checkbox"]:checked + label:active:before {}
#sub_container  .chks input[type="checkbox"]:checked + label:before {background:#232323; border-color:#232323;}
#sub_container  .chks input[type="checkbox"]:checked + label:after {content:"\e928"; display:block; position:absolute; left:0; top:0; text-align:center; width:1.5rem; font-family: 'xeicon'; color:#fff; }



/* 버튼 스타일 */
.btn_default {display: flex; align-items: center; justify-content: center; min-width:8.5rem; max-width: 9.875rem; height:2.8125rem; font-size:var(--font-size-16); border:1px solid; border-radius: var(--radius-lg); transition:all 0.3s; cursor:pointer;}
.btn_default:is(input) {width:auto;}
input[type=submit]:is(.btn_default),
input[type=button]:is(.btn_default) { font-size:var(--font-size-16) !important; border-radius: var(--radius-lg);}
.btn_default [class*='ico_'] {display:block; width:1.375rem; height:1.375rem; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center; mask-size: contain;}
.btn_default .ico_list {-webkit-mask-image: url(/images/default/content/ico_list.svg); mask-image: url(/images/default/content/ico_list.svg);}
.btn_default:has([class*='ico_']) {display:flex; align-items: center; justify-content: center; gap:0.375rem;}
.btn_default.auto{min-width:auto; max-width: min-content; padding: 0 1rem;}
.btn_default.small{min-width:auto; height:2rem; border-radius:var(--radius-md); padding: 0 0.5rem; font-size: var(--font-size-15);}
.btn_default.small + .btn_default{margin-top:0.3rem;}

.btn_default:is(.w_blue) {background:#fff; border-color:var(--Brand-Color-main); color:var(--Brand-Color-main);}
.btn_default:is(.w_blue) [class*='ico_'] {background-color:var(--Brand-Color-main);}
.btn_default:is(.w_blue):hover {background:#d9f2ff;}
.btn_default:is(.blue) {background:var(--BTN-BG-Color-default); border-color:var(--BTN-BG-Color-default); color:#fff;}
.btn_default:is(.blue) [class*='ico_']{background-color:#fff;}
.btn_default:is(.blue):hover {background:#188bf8; border-color:#188bf8;}
.btn_default:is(.dark_blue) {background:#172e54; border-color:#172e54; color:#fff;}
.btn_default:is(.dark_blue):hover {background:#1f57b0; border-color:#1f57b0;}
.btn_default:is(.lblue) {background:#EBF2FF; border-color:#EBF2FF; color:var(--Brand-Color-main);}
.btn_default:is(.lblue):hover {background:#c7d8fe; border-color:#c7d8fe;}
.btn_default:is(.yellow) {background:#ffe00d; border-color:#F2C600; color:#232323}
.btn_default:is(.yellow):hover {background:#fff041;}
.btn_default:is(.gray) {background:#878787; border-color:#878787; color:#fff;}
.btn_default:is(.gray):hover {background:#6d6d6d;}
.btn_default:is(.lgray) {background:#F4F4F4; border-color:#F4F4F4; color:#505050;}
.btn_default:is(.lgray):hover {background:#dcdcdc;}
.btn_default:is(.w_gray) {background:#fff; border-color:#878787; color:#878787;}
.btn_default:is(.w_gray):hover {background:#F4F4F4;}



/*----- 테이블 스타일 -----*/

/* 회색 */
.table table { display: table; width:100% !important; border-top:2px solid #000; table-layout: fixed !important; background:#fff;}
.table.ac {text-align:center;}
.table table tbody {display: table-row-group;}
.table table caption { font-size: var(--font-size-17)}
.table table thead { display: table-header-group; }
.table table tr { display: table-row; border: 0; }
.table table th, .line-table table td { text-align: center; }
.table table th {padding:1.03125rem 1rem; color:var(--Text-Color-Black); font-weight:500; border-right: 1px solid #DADDEB;   border-bottom: 1px solid #DADDEB; background:#F0F3F6;}
.table table tbody td { display: table-cell; padding: 0.5rem clamp(1rem, 0.825rem + 0.875vw, 1.875rem); border-right: 1px solid #DADDEB; border-bottom: 1px solid #DADDEB}
.table table tr td:last-child,
.table table tr th:last-child {border-right:none;}
.table table tbody th {background:#F8F9FA; border-bottom: 1px solid #DADDEB;}
.table table td:before { display: none; }
.table table td:last-child { border-bottom: 1px solid var(--border-Color); }


@media (max-width:768px){
	br.web {display:none;}
	br.mob {display:block;}

	/* 불렛 스타일 */
	.b_bullet{margin-bottom:1.5rem;}
	.s_bullet.number span {width: 1.25rem; height: 1.25rem;line-height: 1.25rem;font-size:var(--font-size-14); top: -0.1em;}

	
	/*----- 테이블 스타일 -----*/
	.table {overflow-y:hidden;overflow-x:scroll;position:relative;}
	.table:is(.no-scroll) {overflow:visible !important;}
	.table_overlay{position: absolute; left: 0; top: 0; width: 100%; height:100%;background:rgba(0,0,0,0.4) url('/images/default/content/mob_table_scroll.svg') no-repeat center center; background-size:clamp(16.875rem, 12.75rem + 20.625vw, 37.5rem) auto; cursor:pointer;}
	.table table{min-width:200%; table-layout: auto !important}
	.table:is(.no-scroll) table {min-width:unset !important;}
	.table:is(.no-scroll) .table_overlay {display:none;}
	
	.table table th,
	.table table tbody td {padding:0.5rem;}
}



/********************************************************
■ 준비중 페이지
********************************************************/
.ing {display: flex;flex-direction: column; gap:clamp(2rem, 1.837rem + 0.813vw, 2.813rem); padding:clamp(3rem, 2.725rem + 1.375vw, 4.375rem) 0; text-align: center;}
.ing .img_box img {display: inline-block; width: clamp(12.5rem, 11.662rem + 4.188vw, 16.688rem); height:auto; aspect-ratio: 1.136 / 1;}
.ing .txt_box {font-size:var(--font-size-18); line-height:130%;}
.ing .txt_box h4 {margin-bottom:clamp(1.5rem, 1.381rem + 0.594vw, 2.094rem); font-size: clamp(1.728rem, 1.674rem + 0.272vw, 2rem); font-weight: 500;}
.ing .txt_box h4 strong {color:#206CD8;}



/********************************************************
■ 사업단 소개
********************************************************/
/*----- 인사말 -----*/
.greeing_intro {display: flex; flex-direction: column; justify-content: center; gap:clamp(0.75rem, 0.7rem + 0.25vw, 1rem); padding: clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem) clamp(1.5rem, 0.925rem + 2.875vw, 4.375rem) clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); padding-right: 30%; margin-bottom: clamp(4rem, 3.925rem + 0.375vw, 4.375rem); min-height: 12.25rem; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); color: #fff; line-height:1.3; border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); background:url('/images/default/content/grt_intro_bg.jpg') no-repeat right center; background-size:cover; position: relative;}
.greeing_intro:after {content:''; display:block; width:clamp(13.75rem, 12.825rem + 4.625vw, 18.375rem); height: auto; aspect-ratio:1/0.88; background:url('/images/default/content/grt_intro_img.png') no-repeat center center; background-size: 100% auto; position:absolute; top:calc(-1 * clamp(0rem, -0.188rem + 0.938vw, 0.938rem)); right:clamp(1rem, 0.6rem + 2vw, 3rem);}
.greeing_intro h4 {font-weight:600; font-size: clamp(1.728rem, 1.636rem + 0.459vw, 2.188rem);}


/* 인사말 본문 */
.greeting_wrap {display:flex; align-items: flex-start; gap:2rem clamp(1rem, 0.762rem + 1.188vw, 2.188rem);}
.greeting_wrap .img_box {flex-shrink: 0; width:33.69%; min-width: 369px; height:auto; aspect-ratio:1;}
.greeting_wrap .img_box span {display:block; width:100%; height:100%; background:url('/images/default/content/grt_cont_img.jpg') no-repeat center center; border-radius: clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem) clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem) clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem) clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem); background-size:cover; box-shadow: 6px 6px 15px 0 rgba(0, 0, 0, 0.10);}
.greeting_tit {padding-top:clamp(0rem, -0.525rem + 2.625vw, 2.625rem);}
.greeting_tit .quote {display: inline-block; padding-bottom: clamp(1rem, 0.92rem + 0.4vw, 1.4rem); margin-bottom:clamp(1rem, 0.92rem + 0.4vw, 1.4rem); line-height: 1.67em; font-size: clamp(1.44rem, 1.353rem + 0.435vw, 1.875rem); border-bottom: 3px solid #ccc; position:relative;}
.greeting_tit .quote:after {content:''; display:block; width:70%; height:3px; background:var(--Brand-Color-susub); position:absolute; bottom:-3px; left:0;}
.greeting_tit .quote span {color:var(--Brand-Color-susub);}
.greeting_tit h4 {font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); font-weight: 400; line-height: 1.72em; letter-spacing: -0.045rem; color:#312B71;}

.greeting_bg {margin-top:clamp(2rem, 1.962rem + 0.188vw, 2.188rem); padding:clamp(2rem, 1.962rem + 0.188vw, 2.188rem) 0 clamp(3rem, 2.85rem + 0.75vw, 3.75rem); padding-right: clamp(2.4rem, 1.98rem + 1.313vw, 4.5rem); position:relative;}
.greeting_bg:after {content:''; display:block; width:calc((100% + 52.5% + clamp(1rem, 0.762rem + 1.188vw, 2.188rem)) - clamp(0rem, -0.675rem + 3.375vw, 3.375rem)); height:100%; background: #FBFBFB url('/images/default/content/grt_contBox_bg.svg') no-repeat left bottom; background-size:30% auto; border-radius:clamp(1.2rem, 0.56rem + 2vw, 4.4rem); position:absolute; top:0; right:0; z-index:-1;}
.greeting_bg p {letter-spacing: -0.02em;line-height: 158%;}
.greeting_bg p:is(.sign) {display:flex; align-items: center; justify-content: flex-end; gap:0.5rem clamp(1rem, 0.975rem + 0.125vw, 1.125rem); margin-top:clamp(1rem, 0.925rem + 0.375vw, 1.375rem); font-weight: 500; line-height: 1;}
.greeting_bg p img {width:clamp(4.063rem, 3.913rem + 0.75vw, 4.813rem);}


/*----- 비전 및 목표 -----*/

/* 비전 */
.vision h4 {margin-bottom:clamp(1.5rem, 1.444rem + 0.281vw, 1.781rem); text-align:center; font-size: clamp(1.2rem, 1.165rem + 0.175vw, 1.375rem);}
.vision h4:not(:first-of-type) {margin-top:clamp(2rem, 1.7rem + 1.5vw, 3.5rem);}
.vision h4.vis_str_tit {margin-top:clamp(4rem, 3.8rem + 1vw, 5rem);}
.vision .main_text {display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; padding: 0 2rem; max-width: 82.6%; width: 100%;  min-height: 7.68rem; font-size:var(--font-size-18); text-align: center; position: relative;}
.vision .main_text:before,
.vision .main_text:after {content:''; display:block; width:1.83rem; height:7.68rem; background-size:cover; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; transform:translateY(-50%);}
.vision .main_text:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='123' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 0h29.3v123H0z'/%3E%3C/mask%3E%3Cpath fill='%232069d7' d='M0 0v-10h-10V0zm0 123h-10v10H0zM0 0v10h29.3v-20H0zm29.3 123v-10H0v20h29.3zM0 123h10V0h-20v123z' mask='url(%23a)'/%3E%3C/svg%3E"); left:0;}
.vision .main_text:after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='123' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 0h29.3v123H0z'/%3E%3C/mask%3E%3Cpath fill='%232069d7' d='M0 0v-10h-10V0zm0 123h-10v10H0zM0 0v10h29.3v-20H0zm29.3 123v-10H0v20h29.3zM0 123h10V0h-20v123z' mask='url(%23a)'/%3E%3C/svg%3E"); transform:scaleX(-1) translateY(-50%); right:0;}
.vision .main_text h5 {display:inline-block; margin-top:clamp(1rem, 0.963rem + 0.188vw, 1.188rem); font-size: clamp(1.44rem, 1.29rem + 0.748vw, 2.188rem); letter-spacing: -0.035rem;}
.vision .main_text_top {display:flex; justify-content: center; align-items: center; gap:0.625rem clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);}
.vision .main_text_top > p {font-size: clamp(1.2rem, 1.152rem + 0.238vw, 1.438rem); font-weight: 700;}
.vision .main_text_top > p em {color:var(--Brand-Color-susub);}
.vision .hlt_circle {display:flex; align-items: center; gap: clamp(0.25rem, 0.212rem + 0.188vw, 0.438rem);}
.vision .hlt_circle p {display: flex; align-items: center; justify-content: center;  width:clamp(1.75rem, 1.6rem + 0.75vw, 2.5rem); height:auto; aspect-ratio:1; font-size: clamp(0.889rem, 0.817rem + 0.361vw, 1.25rem); font-weight: 500; text-align: center; border-radius:100%; background:#EDF4FF;}


/* 비전 목표 */
.vis_content {position:relative;}
.vis_goal {display:flex; margin: 0 auto; height: clamp(6.25rem, 5.713rem + 2.688vw, 8.938rem); max-width: 82.6%; width: 100%;}
.vis_goal [class*='vg_'] {flex:1; display: flex; align-items: center; justify-content: center; gap: clamp(0.25rem, 0.212rem + 0.188vw, 0.438rem); flex-direction: column; text-align: center; color: #fff; font-size: clamp(1.2rem, 1.165rem + 0.175vw, 1.375rem); position:relative;}
.vis_goal [class*='vg_'] .vg_bg {display:block; width:calc(100% + 18.37%); height:100%; border-radius:100rem; position:absolute; top:0; z-index:-1}
.vis_goal [class*='vg_'] h5 {font-size: clamp(1.44rem, 1.415rem + 0.123vw, 1.563rem); color: rgba(255, 255, 255, 0.5);}
.vis_goal [class*='vg_'] h5 em {color:#fff;}
.vis_goal .vg_l .vg_bg {background: #8B42F0; left:0;}
.vis_goal .vg_r .vg_bg {background: #3E2CE9; right:0; mix-blend-mode: soft-light;}
.vis_goal_info {padding-top:clamp(5rem, 4.601rem + 1.996vw, 6.996rem); text-align: center; position:relative;}
.vis_goal_info:after {content:''; display:block; width: 50%; height:calc(clamp(5rem, 4.601rem + 1.996vw, 6.996rem) + 4rem); background:url('/images/default/content/vison_arrow.svg?v=3') no-repeat top center; background-size:100% auto; position:absolute; top:0.9375rem; left: 51%; transform: translateX(-50%); z-index:-2;}
.vis_goal_info h6 {display:inline-block; padding: clamp(0.75rem, 0.69rem + 0.3vw, 1.05rem) clamp(2rem, 1.775rem + 1.125vw, 3.125rem); font-weight: 500; text-align: center;color:#fff; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); background:#312B71; border-radius: clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem) clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem) 0 0;}
.vis_goal_info ul {display:flex; align-items: center; justify-content: center; flex-wrap: wrap; gap:0.5rem clamp(1rem, 0.787rem + 1.063vw, 2.063rem); padding: 1rem clamp(0.75rem, 0.7rem + 0.25vw, 1rem); width:100%; background: #fff; border:1px solid #312B71; border-radius:clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem);}
.vis_goal_info ul li {color: #312B71; font-weight:500; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);}
.vis_goal_info ul li:is(.arrow) {flex-shrink: 0; width:clamp(1.188rem, 1.125rem + 0.313vw, 1.5rem); height:auto; aspect-ratio:1; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center;  mask-size: contain; -webkit-mask-image: url(/images/default/content/ico_arrow_double.svg); mask-image: url(/images/default/content/ico_arrow_double.svg); background-color: #312B71; opacity: 0.5;}


/* 추진전략 & 세부 추진과제 */
:is(.green) {--point:#7FBC2A;}
:is(.green2) {--point:#009897;}
:is(.orange) {--point:#FFA23F;}
:is(.sky) {--point:#4685C5;}
:is(.blue) {--point:#005AAA;}

.vis_strategy {display: flex; align-items: stretch; gap: 1.5rem clamp(1rem, 0.95rem + 0.25vw, 1.25rem);}
.str_item {display: flex; flex-direction: column; gap: clamp(1rem, 0.925rem + 0.375vw, 1.375rem); align-items: center; width:calc((100% -  clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) * 4)/5)}
.str_item h5 {font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);}
.str_item h5 em {display:inline-flex; align-items: center; justify-content: center; margin-right: 0.2rem;  width:clamp(1.5rem, 1.462rem + 0.188vw, 1.688rem); height:auto; aspect-ratio:1; color:#fff; font-weight:700; border-radius:100%; background:var(--point);}
.str_list_wrap {flex:1; display: flex; flex-direction: column; width: 100%;}
.str_list_wrap > p {display: flex !important; justify-content: center; align-items: center; margin-bottom: clamp(0.625rem, 0.563rem + 0.313vw, 0.938rem); padding: 0.6rem clamp(0.25rem, 0.18rem + 0.35vw, 0.6rem); min-height: 4.57rem; text-align: center; font-size: clamp(0.938rem, 0.912rem + 0.125vw, 1.063rem); color:#fff; letter-spacing: -0.0425rem; background:var(--point); border-radius:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem);}
.str_list_wrap > p br:is(.long_text_br) {display:none}
.str_list_wrap .str_list {height: 100%; border-top: 2px solid var(--point); border-bottom:1px solid var(--point);}
.str_list_wrap .str_list > li {padding:0.4375rem clamp(0rem, -0.2rem + 1vw, 1rem); font-size: clamp(0.833rem, 0.812rem + 0.104vw, 0.938rem); letter-spacing: -0.0375rem; line-height: 1.5;}
.str_list_wrap .str_list > li:not(:first-child) {border-top:1px dashed #BFBFBF;}


/* 추진체계 */
.str_org_img {position:relative;}
.str_org_img .mob_zoom {display: none;  align-items: center;  justify-content: center; width:3rem; height:3rem; background:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;}
.str_org_img .mob_zoom .ico_zoomin {display:block; width:clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem); height:auto; aspect-ratio:1; forced-color-adjust: none; -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain; background-color:#fff; -webkit-mask-image: url(/images/default/content/icon_zoom-in.svg); mask-image: url(/images/default/content/icon_zoom-in.svg);}
.str_org_img img {display:block; margin:0 auto; width:100%; max-width:67rem;}


/* 주요 추진 과제 */
:is(.task1) {--table-th-bg:#F9FFF0; --table-brd-color:#E0EDCE;}
:is(.task2) {--table-th-bg:#F9FFFF; --table-brd-color:#DEEDEA;}
:is(.task3) {--table-th-bg:#FFFAF4; --table-brd-color:#EADAC7;}
:is(.task4) {--table-th-bg:#F3F9FF; --table-brd-color:#D2E1F0;}
:is(.task5) {--table-th-bg:#F3F6F9; --table-brd-color:#E1E7EE;}

.major_task {margin-top:clamp(5rem, 4.875rem + 0.625vw, 5.625rem)}
.task_table_wrap .item:not(:first-child) {margin-top:clamp(2rem, 1.837rem + 0.817vw, 2.817rem)}
.task_table_wrap .item .str_item {flex-direction: row; align-items: center; gap: 0; margin-bottom:clamp(1.25rem, 1.188rem + 0.313vw, 1.563rem); width: auto;}
.task_table_wrap .item .str_item h5 {flex-shrink:0; font-weight: 500;}
.task_table_wrap .item .task_decs {padding-left:clamp(0.75rem, 0.713rem + 0.188vw, 0.938rem); margin-left:clamp(0.75rem, 0.713rem + 0.188vw, 0.938rem); font-size: clamp(1rem, 0.988rem + 0.063vw, 1.063rem); font-weight: 500; position:relative;}
.task_table_wrap .item .task_decs:before {content:''; display:block; width:1px; height:100%; background:#212121; position:absolute; top:0; left:0;}
.task_table table {width:100%; line-height: 1.5;}
.task_table th {padding:clamp(0.625rem, 0.359rem + 1.33vw, 1.955rem); font-size: clamp(0.938rem, 0.925rem + 0.063vw, 1rem); font-weight:500; letter-spacing: -0.04rem; background:var(--table-th-bg); border:1px solid var(--table-brd-color);}
.task_table tr th:first-child {border-left:none;}
.task_table td {padding:clamp(0.625rem, 0.359rem + 1.33vw, 1.955rem); border:1px solid var(--table-brd-color);}
.task_table tr td:last-child {border-right:none;}
.task_table td ul li {display: flex; gap: 0.3rem; font-size: clamp(0.889rem, 0.879rem + 0.049vw, 0.938rem); letter-spacing: -0.0375rem;}
.task_table td ul li:not(:first-child) {margin-top:clamp(0.375rem, 0.344rem + 0.156vw, 0.531rem);}



/* BI */
.bi_grid {margin-top:clamp(4rem, 3.9rem + 0.5vw, 4.5rem)}
.bi_grid .bi_box {display:flex; gap:1.5rem clamp(1.5rem, 1.1rem + 2vw, 3.5rem);}
.bi_grid .grid_box {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 49.95%; height:clamp(12.5rem, 11.438rem + 5.313vw, 17.813rem); background:url('/images/default/content/bi_grid.svg') no-repeat center center; background-size:cover; border:1px solid #E9E9E9; border-radius: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem); position:relative; overflow:hidden;}
.bi_grid .grid_box img {height:clamp(3rem, 2.286rem + 1.905vw, 4rem);}
.bi_decs {padding-right:clamp(0rem, -0.75rem + 3.75vw, 3.75rem);}
.bi_decs .dots li {padding-left:0.75rem; font-size: clamp(0.889rem, 0.879rem + 0.049vw, 0.938rem); line-height:1.53; position:relative;}
.bi_decs .dots li:not(:first-child) {margin-top:clamp(0.75rem, 0.656rem + 0.469vw, 1.219rem);}
.bi_decs .dots li:before {content:''; display:block; width:0.3125rem; height:auto; aspect-ratio:1; border-radius:100%; background:#D0D0D0; position:absolute; top:0.465em; left:0;}
.bi_decs .down_btns {display:flex; gap:1rem clamp(1rem, 0.975rem + 0.125vw, 1.125rem); margin-top:clamp(2rem, 1.825rem + 0.875vw, 2.875rem);}
.bi_decs .down_btns a {display: flex; align-items: center; justify-content: space-between; flex:1; padding-left: clamp(0.625rem, 0.45rem + 0.875vw, 1.5rem); min-height:3rem; color:#2069D7; font-size: clamp(0.938rem, 0.925rem + 0.063vw, 1rem); font-weight: 500; border-radius: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem); border: 1px solid #2069D7; background: #FFF; transition:all 0.4s;}
.bi_decs .down_btns a span {display: flex; align-items: center;  justify-content: center; flex-shrink: 0; width: 30.5%; max-width: 3.8125rem; height: 100%; background: #2069D7; border-radius: 0 calc(clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem) - 2.5px) calc(clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem) - 2.5px) 0;}
.bi_decs .down_btns .ico_down {display:block; width:clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem); height:auto; aspect-ratio:1; forced-color-adjust: none; -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain; background-color:#fff; -webkit-mask-image: url(/images/default/content/ico_download.svg); mask-image: url(/images/default/content/ico_download.svg);}
.bi_decs .down_btns a:hover {color:#fff; background:#2069D7;}


/*----- 연혁 -----*/
.his_wrap .item:not(:nth-of-type(1)) {margin-top:5.3rem;}
.his_wrap .year { margin-bottom:clamp(1rem, 0.925rem + 0.375vw, 1.375rem); text-align: center; font-size: clamp(2.986rem, 2.833rem + 0.764vw, 3.75rem); font-weight:600; color:#2069D7; line-height: 1.3;}
.his_wrap .year h4 { display: inline-flex; justify-content: center; align-items: center; padding:0 clamp(3rem, 2.275rem + 3.625vw, 6.625rem); width:auto;  min-height: 5.1525rem;  background: #fff; position:relative;}
.his_wrap .year h4:before,
.his_wrap .year h4:after {content:''; display:block; width:1.71rem; height:5.15rem; background-size:cover; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; transform:translateY(-50%);} 
.his_wrap .year h4:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='83' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 0h27.5v82.4H0z'/%3E%3C/mask%3E%3Cpath fill='%23ecf0f5' d='M0 0v-8h-8v8zm0 82.4h-8v8h8zM0 0v8h27.5V-8H0zm27.5 82.4v-8H0v16h27.5zM0 82.4h8V0H-8v82.4z' mask='url(%23a)'/%3E%3C/svg%3E"); left:0;}
.his_wrap .year h4:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='83' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 0h27.5v82.4H0z'/%3E%3C/mask%3E%3Cpath fill='%23ecf0f5' d='M0 0v-8h-8v8zm0 82.4h-8v8h8zM0 0v8h27.5V-8H0zm27.5 82.4v-8H0v16h27.5zM0 82.4h8V0H-8v82.4z' mask='url(%23a)'/%3E%3C/svg%3E"); transform:scaleX(-1) translateY(-50%); right:0;}
.his_wrap .comp_his {display: flex; flex-direction: column; align-items: center;  padding: 0.95rem 0; width:100%; position:relative; z-index: 1;}
.his_wrap .comp_his:before {content:''; display:block;position: absolute;  top: 50%;  left:50%;  transform: translate(-50%, -50%); margin-left: -1px;  width: 1px;  height: 100%;  background-color: #FAF3D7;  z-index: -2;}

.his_con {display:inline-flex; align-items: start; align-self: flex-end; padding-left: clamp(1.5rem, 1.383rem + 0.584vw, 2.084rem); width: 50%;  position: relative;}
.his_con:not(:nth-of-type(1)) {margin-top:1.15rem;}
.his_con:has(.long_text) {align-items: flex-start;} 
.his_con h5{display:flex; justify-content: flex-end; align-items: center; padding: 0 clamp(0.75rem, 0.706rem + 0.219vw, 0.969rem); width:auto; min-height: 2.4rem;  font-size:var(--font-size-16); color:#121212; line-height: 1.2; border-radius: clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem); border: 1px solid #F2C600; background: #FFEEB7; transition: all 0.3s; flex-shrink: 0;}
.his_con h5 strong {font-weight:600;}
.his_con h5 .dots {display: block;  width: 0.5625rem;  height: 0.5625rem; border-radius: 100%; box-shadow: 0 0 0 5px rgba(242, 198, 0, 0.3); background: #F2C600; box-sizing: border-box;  border-radius: 50%; position: absolute;  top: 0.85em;  left: calc(-1 * (0.5625rem / 2 + 0.5px)); transition: all 0.3s; z-index: 2;}
.his_con h5 .inner-dots {display: none;  width: 0.8rem;  height: 0.8rem; position: relative; left: 50%;  top: 50%;  transform: translate(-50%,-50%);   border-radius: 100%;  border: 0.2rem solid #ff9300;  background: #fff; transition: all 0.3s;  box-sizing: border-box;  border-radius: 50%;  z-index: 2;}
.his_con h5 .dots:after {content: "";  display: block; width:0.75rem; height:0.75rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fceeb3' d='M10.3 6 1.7 1v10z'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto; position:absolute; top:50%; left: 1rem; transform:translateY(-50%);}

.his_con > ul {display: flex; align-items: center; min-height: 2.4rem; background:#fff; border: 1px solid #F2C600;  margin-left:-2.5rem; padding-left: 3.5rem; padding-right: clamp(1.5rem, 1.444rem + 0.281vw, 1.781rem); padding-top: 0.3rem; padding-bottom: 0.3rem; border-radius: clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem);  position: relative; z-index: -1;}
.his_con > ul:is(.long_text) {padding-top: 0.3rem; padding-bottom:0.3rem;}
.his_con > ul > li {margin-bottom:1.2rem; display: flex; align-items: flex-start;  font-size:var(--font-size-16); color:#000; line-height: 1.5;}
.his_con > ul > li > ul > li {position:relative;}
.his_con > ul > li > ul > li:not(:last-child) {margin-bottom: 0.5rem}
.his_con > ul > li:last-child {margin-bottom:0;}
.his_con ul li:after{content:'';display:block;clear:both;}
.his_con ul li strong{width:3.5rem; font-size:1.2rem; text-align: right; float:left; padding-right:1.8rem; line-height: 1.3; position:relative; flex-shrink: 0;}


/* 연혁 reverse */
.his_con:is(.reverse) { align-self: flex-start; flex-direction: row-reverse; padding-left:0; padding-right:clamp(1.5rem, 1.383rem + 0.584vw, 2.084rem)}
.his_con:is(.reverse) h5 .dots{left:auto; right:calc(-1 * (0.5625rem / 2 - 1px));}
.his_con:is(.reverse) h5 .dots:after {left: auto; right:1rem; transform:translateY(-50%) scaleX(-1);}
.his_con:is(.reverse) > ul {margin-left:0; margin-right: -2.5rem; padding-left: clamp(1.5rem, 1.444rem + 0.281vw, 1.781rem); padding-right: 3.5rem; text-align:right;}


/* 연혁 꾸밈 이미지 */
.his_wrap > .item:nth-child(1) {background:#fff url('/images/default/content/his_deco1.webp') no-repeat left top; background-size:clamp(9.375rem, 8.363rem + 5.063vw, 14.438rem) auto;}
.his_wrap > .item:nth-child(2) {background:#fff url('/images/default/content/his_deco2.webp') no-repeat right +12.36% top; background-size:clamp(6.25rem, 5.412rem + 4.188vw, 10.438rem) auto;}



/*----- 조직구성 -----*/
.org-chart { display: flex; flex-direction: column; align-items: center; padding:0 clamp(0rem, -0.931rem + 4.656vw, 4.656rem);} 
.box {padding: clamp(0.75rem, 0.724rem + 0.13vw, 0.88rem) 1rem; font-weight: 500; text-align: center;} 
.box .box_inner {background:#fff; color:#000; border-radius: clamp(0.75rem, 0.688rem + 0.313vw, 1.063rem);}
.sub-box {background-color: #DEE1E4; color: #333; padding: 8px 16px; border-radius:clamp(0.25rem, 0.212rem + 0.188vw, 0.438rem); text-align: center; font-weight: 500; } 
.sub-box:not(.first) {margin-top:clamp(0.5rem, 0.481rem + 0.094vw, 0.594rem);}
.level { display: flex; justify-content: center; flex-wrap: wrap;}
.level:is(.level1) .box {color: #fff; background:#4177C9;  z-index: 1;}
.level:is(.level1,.level2,.level3) .box {min-width:clamp(10rem, 8.625rem + 6.875vw, 16.875rem); border-radius: clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem); font-size: var(--font-size-19);}
.level:is(.level2) {margin-top:clamp(1rem, 0.9rem + 0.5vw, 1.5rem); background: #fff; position: relative; z-index: 0;}
.level:is(.level2):after {content:''; display:block; width:1px; height:calc(100% + 6.5rem + clamp(2rem, 1.932rem + 0.343vw, 2.343rem)); background:#EAEAEA; position:absolute; top:0; left:50%; transform: translateX(-50%); z-index:-2}
.level:is(.level2):before {content:''; display:block; width:1px; height:calc(100% + clamp(1rem, 0.9rem + 0.5vw, 1.5rem) + 2px);background:#EAEAEA; position:absolute; bottom:0; left:50%; transform: translateX(-50%); z-index:-2}
.level:is(.level2) .box {color: #4177C9; background: #fff; box-shadow: inset 0 0 0 5px rgba(65, 119, 201, 0.3);}
.level:is(.level3) {align-self: end; justify-content: flex-end; margin-top: 1rem; margin-bottom: calc(clamp(4rem, 3.863rem + 0.686vw, 4.686rem) / 2); width:50%; position:relative;}
.level:is(.level3):after {content:''; display:block; width:100%; height:1px; background:#EAEAEA; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1;}
.level:is(.level3) .box {color: #fff; background: #0A9696; }
.level:is(.level4) {display: inline-flex; align-items: stretch; flex-wrap: wrap; gap:1.5rem clamp(1rem, 0.713rem + 1.436vw, 2.436rem); margin-top:calc(clamp(4rem, 3.863rem + 0.686vw, 4.686rem) / 2); background: #fff; position:relative;}
.level:is(.level4):after {content:''; display:block; width: calc(100% - (15% * 2)); height:100%; background:transparent; border:1px solid #EAEAEA; position:absolute; top:-3rem; left:50%; transform: translateX(-50%); z-index:-1}
.level:is(.level4) .box {padding: 0.85rem 1rem; font-size:var(--font-size-17); background: #EAF0FF; border-radius: clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem) clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem) 0 0;}
.level:is(.level4) .box .box_inner {padding: 0.25rem 0.5rem; font-size: clamp(0.938rem, 0.925rem + 0.063vw, 1rem); border-radius:clamp(0.25rem, 0.212rem + 0.188vw, 0.438rem);}

.department {display: flex; flex-direction: column; width: calc((100% - clamp(1rem, 0.713rem + 1.436vw, 2.436rem) * 2)/3); text-align: center;  font-size: clamp(0.938rem, 0.925rem + 0.063vw, 1rem); position:relative; word-break: break-word;} 
.dep_works_list {flex:1; padding:clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem) clamp(1rem, 0.925rem + 0.375vw, 1.375rem); text-align:left; font-size:var(--font-size-16); background:#fff; border:1px solid #ddd; border-top:none;}
.dep_works_list li {display: flex; gap: 0.25rem; line-height:1.75; word-break: keep-all;}
.dep_works_list li:not(:first-child) {margin-top:0.02rem;}


/* 분과별 컬러 지정 */
.department:is(.dep1) .box {color:#823311; background:#FFEEB7;}
.department:is(.dep2) .box {color:#3428B9; background:#E7E5FD;}
.department:is(.dep3) .box {color:#E64B31; background:#FFE7E3;}
.department:is(.dep4) .box {color:#4B8017; background:#DFFFBF;}
.department:is(.dep5) .box {color:#1351AE; background:#E4EFFF;}
.department:is(.dep6) .box {color:#4C4C4C; background:#EBEBEB;}
.department:is(.dep1) .dep_works_list {border-color:#FFEEB7;}
.department:is(.dep2) .dep_works_list {border-color:#E7E5FD;}
.department:is(.dep3) .dep_works_list {border-color:#FFE7E3;}
.department:is(.dep4) .dep_works_list {border-color:#DFFFBF;}
.department:is(.dep5) .dep_works_list {border-color:#E4EFFF;}
.department:is(.dep6) .dep_works_list {border-color:#EBEBEB;}
 
 
/* 연락처 */
.org-hp {margin-top:clamp(4rem, 3.925rem + 0.375vw, 4.375rem)}



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

/* 지도 */
.map_div {height:clamp(12.5rem, 10.625rem + 9.375vw, 21.875rem);}
.map_div .root_daum_roughmap {width: 100%; height: 100%; border-radius:clamp(0.75rem, 0.5rem + 1.25vw, 2rem);}
.map_div .root_daum_roughmap .wrap_map {height: 100%;}
.map_div .root_daum_roughmap .wrap_controllers,
.map_div .root_daum_roughmap .map_border,
.map_div .root_daum_roughmap .cont  {display:none;}


/* 연락처 */
.loca_hp {padding:clamp(0.75rem, 0.706rem + 0.219vw, 0.969rem) 1rem; border-top:2px solid #3B436B;}
.loca_hp ul {display:flex; gap: 0.5rem clamp(3rem, 2.8rem + 1vw, 4rem);}
.loca_hp ul li {display:flex; align-items: stretch; gap:0.5rem clamp(1rem, 0.9rem + 0.5vw, 1.5rem)}
.loca_hp ul li .line {margin:7px 0; width:1px; height:auto; background:#000;}
.loca_hp ul li h5{display: flex;  align-items: center; gap: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem); font-size:var(--font-size-17);}
.loca_hp ul li h5:before {content:''; display:block; width:1.8125rem; height:auto; aspect-ratio:1; background-size:100% auto; background-repeat:no-repeat; background-position:center center;}
.loca_hp ul li p {display: flex; align-items: center; justify-content: center;}
.loca_hp ul li:is(.add) h5:before {background-image:url('/images/default/content/loca_hp_icon1.svg')}
.loca_hp ul li:is(.hp_num) h5:before {background-image:url('/images/default/content/loca_hp_icon2.svg')}

/* 경로 */
.loca_path {margin-top:clamp(4rem, 3.925rem + 0.375vw, 4.375rem)}
.loca_path > div:is([class*='Path']) {display:flex;}
.loca_path > div:is([class*='Path']):not(:first-child) {margin-top:3rem;}
.loca_path > div:is([class*='Path']) .b_bullet {flex-shrink:0; width:27.425%;}

.loca_path .path_list {flex:1;}
.loca_path .path_list .item {display: flex; align-items: stretch; min-height:clamp(6.25rem, 5.563rem + 3.438vw, 9.688rem); border-radius: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem); border: 1px solid #C3C3C3; background: #FFF;}
.loca_path .path_list .item:not(:first-child) {margin-top:clamp(1rem, 0.9rem + 0.5vw, 1.5rem);}
.loca_path .item .ico_box {display: flex;  align-items: center; justify-content: center; flex-shrink:0; padding: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); width: 18.67%; min-width: 22.87%; position: relative;}
.loca_path .item .ico_box:after {content:''; display:block; width:1px; height:calc(100% - 10px); background:#3B436B;; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.loca_path .item .ico_box img {width:clamp(3.75rem, 3.375rem + 1.875vw, 5.625rem)}
.loca_path .item .text_box {flex:1;display: flex; justify-content: center; flex-direction: column; padding:clamp(1rem, 0.825rem + 0.875vw, 1.875rem); font-family: "Pretendard GOV";}
.loca_path .item .text_box:has(.text_list) {gap:1.2rem;}
.loca_path .item .text_box h6 {margin-bottom:clamp(0.75rem, 0.68rem + 0.35vw, 1.1rem); font-family: var(--ff-heading); font-size:var(--font-size-17);}
.loca_path .item .text_list {display:flex; gap: clamp(0.75rem, 0.68rem + 0.35vw, 1.1rem); align-items: baseline;}
.loca_path .item .text_list h6 {flex-shrink: 0; margin-bottom:0;}

@media (max-width:1440px){
	/*----- 인사말 -----*/
	.greeting_wrap {flex-direction: column;position: relative;}
	.greeting_wrap .img_box {min-width:unset;}
	.greeting_tit {padding-top:0; width:calc(100% - (33.69% + clamp(1rem, 0.762rem + 1.188vw, 2.188rem))); position:absolute; top:0; right:0;}
	.greeting_tit .quote {display:block; line-height: 1.4;}
	.greeting_tit h4 {line-height: 1.5; word-break: auto-phrase; overflow-wrap: anywhere;}
	
	.greeting_bg {padding: 2rem 1rem; margin-top: 0;}
	.greeting_bg:after {width:100%;}

	
	/*----- 비전 및 목표 -----*/
	/* BI */
	.bi_decs {padding-right:0;}
}
@media (max-width:1200px){
	/*----- 인사말 -----*/
	.greeting_tit h4 br {display:none;}
	
	
	/*----- 비전 및 목표 -----*/
	.vision .main_text {max-width:100%;}
	.vis_content:after {background-size: auto 50%;}
	
	/* 추진전략 & 세부 추진과제 */
	.vis_strategy {flex-wrap:wrap;}
	.str_item {width: calc((100% - clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) * 2) / 3);}
	.str_list_wrap > p {padding: 0.6rem 1rem;}
	.str_list_wrap > p br:is(.long_text_br) {display:block;}
	
	/* BI */
	.bi_grid .bi_box  {flex-direction: column;}
	.bi_grid .grid_box {width:100%;}
	
	
	/*----- 연혁 -----*/
	/* 연혁 꾸밈 이미지 */
	.his_wrap > .item:nth-child(2) {background-position:right top +25%}
	
	
	/*----- 조직구성 -----*/
	.org-chart {padding:0;}
}
@media (max-width:768px){
	/*----- 인사말 -----*/
	.greeing_intro {display:flex; justify-content: flex-start; align-items: center; gap: 0; padding-left:clamp(1rem, 0.775rem + 1.125vw, 2.125rem); padding-right: clamp(1rem, 0.775rem + 1.125vw, 2.125rem); max-height: 21rem; text-align: center; background-position: left center !important; overflow: hidden;}
	.greeing_intro:after {margin-top: 1rem; position:static;}
	
	/*----- 비전 및 목표 -----*/
	.vision .main_text {padding:2rem 1rem;}
	.vision .main_text:before, 
	.vision .main_text:after {height:100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='196' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 0h29.3v196H0z'/%3E%3C/mask%3E%3Cpath fill='%232069d7' d='M0 0v-10h-10V0zm0 196h-10v10H0zM0 0v10h29.3v-20H0zm29.3 196v-10H0v20h29.3zM0 196h10V0h-20v196z' mask='url(%23a)'/%3E%3C/svg%3E");}
	.vision .main_text_top {flex-direction: column;}
	
	/* 비전 목표 */
	.vis_goal {flex-direction: column; align-items: center;  height:auto; max-width:100%;}
	.vis_goal_info:after {width: 100%; left: 52.5%;}
	.vis_goal_info h6 {padding-bottom: 1.75rem; margin-bottom: -1rem; width:100%; line-height: 1.3; position: relative; z-index: -1;}
	.vis_goal_info ul {flex-direction:column;}
	.vis_goal_info ul li:is(.arrow) {transform: rotate(90deg);}
	.vis_goal [class*='vg_']  {width:60%; height:auto; aspect-ratio:1;}
	.vis_goal .vg_r {margin-top:-2rem;}
	.vis_goal [class*='vg_'] .vg_bg {width:100%; height:auto; aspect-ratio:1;}
	
	
	/* 주요 추진 과제 */
	.task_table {width: 100%; overflow-y:hidden;overflow-x:scroll;position:relative;}
	.task_table:is(.no-scroll) {overflow:visible !important;}
	.task_table table{min-width:150%; table-layout: fixed;}
	.task_table:is(.no-scroll) table {min-width:unset !important;}
	.table_overlay{position: absolute; left: 0; top: 0; width: 100%; height:100%;background:rgba(0,0,0,0.4) url('/images/default/content/mob_table_scroll.svg') no-repeat center center; background-size:clamp(16.875rem, 12.75rem + 20.625vw, 37.5rem) auto; cursor:pointer;}
	.task_table th br{display:none;}
	
	.str_org_img .mob_zoom {display:flex;}
	
	
	/*----- 연혁 -----*/
	.his_wrap .item:not(:nth-of-type(1)) {margin-top:4rem;}
	.his_wrap .year {margin-bottom: 3rem;}
	.his_wrap .comp_his {padding:0;}
	.his_wrap .comp_his:before {transform: unset; top:0; left:0;}
	.his_con { flex-direction: column; gap:0.5rem; width:100%;}
	.his_con:not(:nth-of-type(1)) {margin-top:2rem;}
	.his_con > ul {width:100%; margin-left: 0; padding-left: 1rem; padding-right: 1rem;}
	
	/* 연혁 reverse */
	.his_con:is(.reverse) {flex-direction: column; gap:0.5rem; padding-left: clamp(1.5rem, 1.383rem + 0.584vw, 2.084rem); padding-right:0;}
	.his_con:is(.reverse) h5 .dots {left:calc(-1 * (0.5625rem / 2 + 0.5px));}
	.his_con:is(.reverse) h5 .dots:after {left:1rem; right: auto; transform:translateY(-50%) scaleX(1);}
	.his_con:is(.reverse) > ul {margin-left: 0;  margin-right: 0; padding-left: 1rem; padding-right: 1rem; text-align:left;}
	
	
	/* 연혁 꾸밈 이미지 */
	.his_wrap > .item:nth-child(1) {background-position:left top +11%;}
	

	
	/*----- 찾아오시는 길 -----*/
	
	/* 연락처 */
	.loca_hp ul {flex-direction: column;}
	.loca_hp ul li { line-height: 1.5;}
	.loca_hp ul li h5 {align-self: flex-start;}
	.loca_hp ul li p {font-size: var(--font-size-16);}
	
	/* 경로 */
	.loca_path > div:is([class*='Path']) {flex-direction:column}
	.loca_path > div:is([class*='Path']) .b_bullet {width:100%;}
	.loca_path .item .icon_box {min-width: 7.5rem;}
	.loca_path .path_list .item {min-height:unset;}
	.loca_path .item .text_list {flex-direction:column;}
}
@media (max-width:640px){
	/*----- 인사말 -----*/
	.greeting_wrap .img_box {width:100%;}
	.greeting_tit {margin-bottom: 1.5rem; width:100%; position:static;}
	.greeing_intro h4 {margin-top: 1rem;}
}
@media (max-width:540px){
	/*----- 비전 및 목표 -----*/
	/* 추진전략 & 세부 추진과제 */
	.str_item {width: 100%;}
	.str_list_wrap .str_list > li {text-align:center;}
	.str_list_wrap > p {display: flex; align-items: center; justify-content: center; padding: 0.6rem; min-height: 3rem; line-height: 1.3;}
	.str_list_wrap > p br:is(.long_text_br) {display:none;}
	.str_list_wrap > p br {display:none;}
	
	
	/* 주요 추진 과제 */
	.task_table_wrap .item .str_item {flex-direction: column; gap: 0.7rem; align-items: baseline;}
	.task_table_wrap .item .task_decs {padding-left:0; margin-left:0;}
	.task_table_wrap .item .task_decs:before {display:none;}
	
	
	/*----- 조직구성 -----*/
	.level:is(.level1,.level2) {padding-left:2rem; align-self: flex-start;}
	.level:is(.level2):before,
	.level:is(.level2):after {left: calc(50% + 1rem);}
	.level:is(.level3) {width:calc(100% - (7.3rem + 3px))}
	.level:is(.level4) {padding-left:2rem; background:transparent;}
	.level:is(.level4):after {height: calc(100% - 11rem); border-right:none; top: 51%; left:0;  transform: translateY(-50%);}
	.department {width:100%; position:relative;}
	.department:not(:is(:first-child,:last-child)):after {content: ''; display: block; width: 100%;  height: 1px;  background: #EAEAEA;  position: absolute;  top: 50%; left: -2rem;  transform: translateY(-50%); z-index: -1;}
	
	
	/*----- 오시는길 -----*/
	.loca_path .path_list .item {gap: 1rem; align-items: flex-start; padding: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);}
	.loca_path .item .ico_box {padding: 0; min-width: unset;}
	.loca_path .item .ico_box:after {display:none;}
	.loca_path .item .text_box {padding:0;}
	
	/* 연락처 */
	.loca_hp {padding-left:0; padding-right:0;}
	.loca_hp ul li {flex-direction: column;}
	.loca_hp ul li .line {display:none;}
}
@media (max-width:450px){
	.level:is(.level3) {width: calc(100% - (7.3rem - 2px))}
	
	/*----- 비전 및 목표 -----*/
	/* BI */
	.bi_decs .down_btns {flex-direction: column;}
	.bi_decs .down_btns a span {max-width: 3rem; height:auto; aspect-ratio:1;}
}




/********************************************************
■ 사업소개
********************************************************/

/*----- 분과벌 컬러 세팅 -----*/
.division1 {
  --text-color: #D65500;
  --point-color: #FF8A3D;
  --badge-color: #FFA100;
  --point-color-light: #FFF9EC;
  --border-color: #FFBA00;
  --gra-color_l: linear-gradient(90deg, rgba(255, 225, 195, 0%) 20%, #FD9C3B 100%);
  --gra-color_r: linear-gradient(-90deg, rgba(255, 225, 195, 0%) 20%, #FD9C3B 100%);
  --dot: url('/images/default/content/dot-orange.svg');
  --dot2: #FFD45F;
}

.division2 {
  --text-color: #005AE0;
  --point-color: #0066FF;
  --badge-color: #005AE0;
  --point-color-light: #E6F0FF;
  --border-color: #4098FF;
  --gra-color_l: linear-gradient(90deg, rgba(59, 101, 253, 0%) 20%, rgba(59, 101, 253, 80%) 100%);
  --gra-color_r: linear-gradient(-90deg, rgba(59, 101, 253, 0%) 20%, rgba(59, 101, 253, 80%) 100%);
  --dot: url('/images/default/content/dot-blue.svg');
  --dot2: #94C5FF;
}

.division3 {
  --text-color: #00A496;
  --point-color: #00C4B3;
  --badge-color: #3C9C00;
  --point-color-light: #F7FAE6;
  --border-color: #45B400;
  --gra-color_l: linear-gradient(90deg, rgba(132, 217, 0, 0%) 20%, #84C600 100%);
  --gra-color_r: linear-gradient(-90deg, rgba(132, 217, 0, 0%) 20%, #84C600 100%);
  --dot: url('/images/default/content/dot-green.svg');
  --dot2: #B5DF00;
}

.division4 {
  --text-color: #4B00A5;
  --point-color: #AB64FF;
  --badge-color: #4B00A5;
  --point-color-light: #F9F2FF;
  --border-color: #8F3FED;
  --gra-color_l: linear-gradient(90deg, rgba(150, 61, 255, 0%) 20%, rgba(150, 61, 255, 80%) 100%);
  --gra-color_r: linear-gradient(-90deg, rgba(150, 61, 255, 0%) 20%, rgba(150, 61, 255, 80%) 100%);
  --dot: url('/images/default/content/dot-purple.svg');
  --dot2: #B9ACFF;
}

.division5 {
  --text-color: #D65500;
  --point-color: #FFBB2F;
  --badge-color: #D65500;
  --point-color-light: #FFF4EC;
  --border-color: #F47724;
  --gra-color_l: linear-gradient(90deg, rgba(244, 119, 36, 0%) 20%, #F47724 100%);
  --gra-color_r: linear-gradient(-90deg, rgba(244, 119, 36, 0%) 20%, #F47724 100%);
  --dot: url('/images/default/content/dot-brown.svg');
  --dot2: #FFBA00;
}



/*----- 공통 -----*/
.business_intro {display: flex; justify-content: center; flex-direction: column; padding:clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem) clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem) clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);  padding-left: 38.89%; margin-bottom:clamp(4rem, 3.775rem + 1.125vw, 5.125rem); min-height:10.625rem; line-height:1.64; border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative;}
.business_intro h4 {margin-bottom:0.3rem; font-size:var(--font-size-28); color:var(--text-color);}
.business_intro .img_box {position:absolute; bottom:0; right: 65%;}
.business_intro .img_box img {height:clamp(11.25rem, 10.875rem + 1.875vw, 13.125rem)}


/* 분과별 요소 컬러 */
.division1 .business_intro {background-image:url('/images/default/content/div1_intro_bg.webp');}
.division2 .business_intro {background-image:url('/images/default/content/div2_intro_bg.webp');}
.division3 .business_intro {background-image:url('/images/default/content/div3_intro_bg.webp');}
.division4 .business_intro {background-image:url('/images/default/content/div4_intro_bg.webp');}
.division5 .business_intro {background-image:url('/images/default/content/div5_intro_bg.webp');}


/* 공통 불렛 */
[class*='bullet_'] {display:flex; justify-content: center; align-items: center; gap:0.625rem; color: #2A271E; font-family:var(--ff-heading); font-size: clamp(1.2rem, 1.152rem + 0.238vw, 1.438rem);}
[class*='bullet_'] .bullet_img {display:block; width:auto; height:clamp(2.188rem, 2.063rem + 0.625vw, 2.813rem); background-position:center center; background-size:100% auto; background-repeat:no-repeat;}
.bullet_bulb {margin-bottom:clamp(2rem, 1.938rem + 0.313vw, 2.313rem);}
.bullet_bulb .bullet_img {aspect-ratio:29/45; background-image:url('/images/default/content/bullet_bulb.svg');}
.bullet_dart {margin-bottom:clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);}
.bullet_dart .bullet_img {aspect-ratio:43/45; background-image:url('/images/default/content/bullet_dart.svg');}



/*----- 사업소개 컨텐츠 -----*/
/* 사업 목표 */
.business_goal { text-align:center;}
.goal_item_wrap {display:flex; gap:1rem clamp(1rem, 0.9rem + 0.501vw, 1.501rem);}
.goal_item_wrap .item {display: flex; flex-direction: column; width:calc((100% - clamp(1rem, 0.9rem + 0.501vw, 1.501rem) * 2)/3); border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); border: 1px solid var(--border-color); background:#fff; position:relative;}
.goal_item_wrap .item:nth-child(2):before,
.goal_item_wrap .item:nth-child(2):after {content:''; display:block; width:2.9375rem; height:100%; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center; mask-size: contain; position:absolute; top:0; z-index:-1;}
.goal_item_wrap .item:nth-child(2):before {background: var(--gra-color_l); -webkit-mask-image: url(/images/default/content/gra_arrow_l.svg); mask-image: url(/images/default/content/gra_arrow_l.svg); left:-2.25rem}
.goal_item_wrap .item:nth-child(2):after {background: var(--gra-color_r); -webkit-mask-image: url(/images/default/content/gra_arrow_r.svg); mask-image: url(/images/default/content/gra_arrow_r.svg); right:-2.25rem}
.goal_item_wrap .ico_area {padding:clamp(1rem, 0.95rem + 0.25vw, 1.25rem) 0.5rem clamp(1rem, 0.975rem + 0.125vw, 1.125rem); background: var(--point-color-light); border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) 0 0;}
.goal_item_wrap .ico_area .ico {display: flex;  align-items: center; justify-content: center; margin:0 auto clamp(1rem, 0.988rem + 0.063vw, 1.063rem); width:clamp(3.75rem, 3.5rem + 1.25vw, 5rem); height:auto; aspect-ratio:1; background:#fff; border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);}
.goal_item_wrap .ico_area .ico > img {width:clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); }
.goal_item_wrap .ico_area > p {display: flex; align-items: flex-start; justify-content: center; gap: 0.5rem; text-align: left; line-height: 1.5; letter-spacing: -0.045rem;}
.goal_item_wrap .ico_area .ico_chk {display:block; flex-shrink: 0; margin-top: 2.6px; width:clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); height:auto; aspect-ratio:1; border-radius:100%; background:var(--border-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7' d='m.8 3.2 2.4 2.3L7.8.8'/%3E%3C/svg%3E") no-repeat center 60%; background-size:50%;}
.goal_item_wrap .desc_area {padding:clamp(1rem, 0.912rem + 0.438vw, 1.438rem) clamp(0.75rem, 0.7rem + 0.25vw, 1rem) clamp(1rem, 0.925rem + 0.375vw, 1.375rem); height: 100%; align-content: center; vertical-align: middle; font-family:var(--ff-heading); line-height: 158%; letter-spacing: -0.051rem; font-size: var(--font-size-17);}


/* 과제 목록 */
.business_task {margin-top:clamp(4rem, 3.8rem + 1vw, 5rem);}
.business_task .task_list {display:flex; flex-direction: column;}
.business_task .task_list:not(:first-child) {margin-top:clamp(1rem, 0.575rem + 2.125vw, 3.125rem);}
.task_list .task_desc {padding: clamp(1.25rem, 1.163rem + 0.438vw, 1.688rem) clamp(1rem, 0.575rem + 2.125vw, 3.125rem) clamp(1rem, 0.938rem + 0.313vw, 1.313rem); border-radius: 0 0 clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); border-radius: 0 0 clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); border: 1px solid var(--Gray-Color-200); border-top:none; background: #FFF;}
.task_list h6 {display: flex; align-items: center; justify-content: center; gap:0.5rem clamp(0.375rem, 0.35rem + 0.125vw, 0.5rem); padding:clamp(1rem, 0.95rem + 0.25vw, 1.25rem) 1rem; font-family: var(--ff-heading); font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); background: #EFEFEF; border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) 0 0 ;}
.task_list h6 span {display: flex;justify-content: center; align-items: center; height: 2.1875rem; padding: 0 1rem; color:#fff; font-size: clamp(0.833rem, 0.812rem + 0.104vw, 0.938rem); font-weight: 500; background:var(--badge-color); border-radius:10rem;}
.task_desc > ul > li {display: flex; flex-direction: column; gap: clamp(0.375rem, 0.35rem + 0.125vw, 0.5rem); letter-spacing: -0.034rem;}
.task_desc > ul > li:not(:first-child) {margin-top:clamp(1.25rem, 1.18rem + 0.35vw, 1.6rem);}
.list_dot_b {display: flex; align-items: flex-start; gap: 0.625rem; line-height: 1.5; font-weight: 700;}
.list_dot_b:before {content:''; display:block; flex-shrink:0; margin-top: 3.5px; width:1.328125rem; height:auto; aspect-ratio:21.25/17.25; background:var(--dot) no-repeat center center; background-size:100% auto;}
.list_dot_s {padding-left:1.875rem;}
.list_dot_s > li {padding-left:1.07rem; line-height: 1.5; position:relative;}
.list_dot_s > li:not(:first-child) {margin-top:clamp(0.375rem, 0.362rem + 0.063vw, 0.438rem);}
.list_dot_s > li:before {content:''; display:block; width: 0.45rem; height: auto; aspect-ratio:1; background:var(--dot2); border-radius:0.15rem; position:absolute; top:0.45em; left:0;}


/* 기대효과 */
.business_eff {margin-top:clamp(4rem, 3.777rem + 1.112vw, 5.112rem);}
.busi_eff_list ul {display:flex; align-items: stretch; gap:1rem clamp(1rem, 0.9rem + 0.5vw, 1.5rem);}
.busi_eff_list ul li {padding-top:2.25rem; width:calc((100% - clamp(1rem, 0.9rem + 0.5vw, 1.5rem) * 2)/3); text-align:center; position:relative;}
.eff_num {display:block; width:3.56rem; height:3.81rem; font-family:var(--ff-heading); color:#fff;  line-height: 2.25; font-weight: 700; background:var(--badge-color); border-radius: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem) clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem) 0 0; position:absolute; top:0; left:0; z-index:-1;}
.eff_cont {display: flex; flex-direction: column; padding:clamp(1rem, 0.944rem + 0.281vw, 1.281rem) clamp(1rem, 0.912rem + 0.438vw, 1.438rem) 0; height: 100%; border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); border: 1px solid var(--border-color); background: #FFF; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);}
.eff_cont .img_box {display:block; width:100%; height:auto; aspect-ratio:60/37;}
.eff_cont .img_box span {display:block; width:100%; height:100%; border-radius:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem);}
.eff_cont .txt_box {display: flex;  justify-content: center;  align-items: center; padding: clamp(1rem, 0.856rem + 0.719vw, 1.719rem) 0 clamp(1rem, 0.856rem + 0.719vw, 1.719rem); min-height:calc(6.875rem - clamp(1rem, 0.925rem + 0.375vw, 1.375rem)); height:100%;  line-height:158%; letter-spacing: -0.051rem; }



/*----- 추진실적 -----*/
.perform_list > ul:not(.list_dot_s) {display:flex; flex-wrap: wrap; align-items: stretch; gap:clamp(1.25rem, 1rem + 1.25vw, 2.5rem);}
.perform_list > ul:not(.list_dot_s) > li {width:calc((100% - clamp(1.25rem, 1rem + 1.25vw, 2.5rem) * 1)/2); filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.08)); transition: all 0.4s;}
.perform_list > ul:not(.list_dot_s) > li:is(.noPost) {filter:unset;}
.perform_list > ul:not(.list_dot_s) > li a {display:flex; flex-direction:column; height: 100%;}
.perform_name {display: flex; align-items: center; justify-content: center; padding: 0.5rem 1rem; min-height: clamp(3.125rem, 3.05rem + 0.375vw, 3.5rem); font-family:var(--ff-heading); line-height: 140%; font-size: clamp(1.2rem, 1.19rem + 0.05vw, 1.25rem); font-weight:500; color:#fff; text-align: center; background:var(--badge-color); border-radius: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem) clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem) 0 0;}
.perform_info {padding:clamp(1rem, 0.975rem + 0.125vw, 1.125rem) clamp(1rem, 0.934rem + 0.328vw, 1.328rem) clamp(1.5rem, 1.3rem + 1vw, 2.5rem); height: 100%; border-radius: 0 0 clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); background: #FFF;}
.perform_info .gimg {margin-bottom: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); width:100%; height:auto; aspect-ratio:485/273}
.perform_info .gimg span {display:block; width:100%; height:100%; border-radius: clamp(0.5rem, 0.455rem + 0.228vw, 0.728rem) clamp(0.5rem, 0.455rem + 0.228vw, 0.728rem) 0 0;}
.perform_info .list_dot_s {padding-left:0; color:#232323;}
.perform_info .list_dot_s > li {display: flex; width:100%;}
.perform_info .list_dot_s > li:not(:first-child) {margin-top:0;}
.perform_info .list_dot_s > li:before {background:var(--border-color);}
.perform_info .list_dot_s > li span {flex-shrink: 0; padding-right:0.75rem; margin-right:0.75rem; position:relative;}
.perform_info .list_dot_s > li span:after {content:''; display:block; width:1px; height:70%; background:#232323; position:absolute; top:45%; right:0; transform: translateY(-50%);}
.perform_content {display: flex; gap: 0.5rem 1rem; align-items: baseline; margin-top:clamp(0.75rem, 0.713rem + 0.188vw, 0.938rem); padding-top:clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); line-height:140%; border-top:1px solid rgba(0, 0, 0, 0.50);}
.perform_content .badge {display: flex; align-items: center; justify-content: center; flex-shrink:0; width: clamp(3.125rem, 3rem + 0.625vw, 3.75rem); height:clamp(1.813rem, 1.738rem + 0.375vw, 2.188rem); font-family:var(--ff-heading); font-weight:700; color:#fff; text-align: center; line-height: 1;font-size: clamp(0.833rem, 0.812rem + 0.104vw, 0.938rem); background:var(--badge-color); border-radius:5rem;}
.perform_content p {word-break: break-all;}


@media (max-width:1200px){
	/*----- 사업소개 컨텐츠 -----*/
	/* 사업 목표 */
	.goal_item_wrap {flex-wrap: wrap; justify-content: center;}
	.goal_item_wrap .item {width: calc((100% - clamp(1rem, 0.9rem + 0.501vw, 1.501rem) * 1) / 2);}
	.goal_item_wrap .item:nth-child(2):before, .goal_item_wrap .item:nth-child(2):after {display:none;}
	
	/* 기대효과 */
	.busi_eff_list ul {flex-wrap:wrap;}
	.busi_eff_list ul li {width: calc((100% - clamp(1rem, 0.9rem + 0.5vw, 1.5rem) * 1) / 2);}
	.eff_cont .txt_box br {display:none;}
	
	
	/*----- 추진실적 -----*/
	.perform_content {flex-direction: column;}
}
@media (max-width:768px){
	/*----- 공통 -----*/
	.business_intro {display: flex;  flex-direction: column-reverse; padding-left:clamp(1.5rem, 1.313rem + 0.938vw, 2.438rem); padding-bottom:0;}
	.business_intro .img_box { text-align:center; position:static;}
	
	/*----- 사업소개 컨텐츠 -----*/

	
	/* 과제 목록 */
	.task_list h6 {flex-direction: column; text-align: center;}
	.task_desc .list_dot_b:before {margin-top: 1.5px;}
	
	
	/*----- 추진실적 -----*/
	.perform_list ul:not(.list_dot_s) {flex-wrap:wrap;}
	.perform_list ul:not(.list_dot_s) > li {width:100%;}
}
@media (max-width:540px){
	/*----- 분과벌 컬러 세팅 -----*/
	.division1 {
	  --gra-color_l: linear-gradient(180deg, rgba(255, 225, 195, 0%) 20%, #FD9C3B 100%);
	  --gra-color_r: linear-gradient(0deg, rgba(255, 225, 195, 0%) 20%, #FD9C3B 100%);
	}
	.division2 {
	  --gra-color_l: linear-gradient(180deg, rgba(59, 101, 253, 0%) 20%, rgba(59, 101, 253, 80%) 100%);
	  --gra-color_r: linear-gradient(0deg, rgba(59, 101, 253, 0%) 20%, rgba(59, 101, 253, 80%) 100%);
	}
	.division3 {
	  --gra-color_l: linear-gradient(180deg, rgba(132, 217, 0, 0%) 20%, #84C600 100%);
	  --gra-color_r: linear-gradient(0deg, rgba(132, 217, 0, 0%) 20%, #84C600 100%);
	}
	.division4 {
	  --gra-color_l: linear-gradient(180deg, rgba(150, 61, 255, 0%) 20%, rgba(150, 61, 255, 80%) 100%);
	  --gra-color_r: linear-gradient(0deg, rgba(150, 61, 255, 0%) 20%, rgba(150, 61, 255, 80%) 100%);
	}
	.division5 {
	  --gra-color_l: linear-gradient(180deg, rgba(244, 119, 36, 0%) 20%, #F47724 100%);
	  --gra-color_r: linear-gradient(0deg, rgba(244, 119, 36, 0%) 20%, #F47724 100%);
	}

	
	/*----- 사업소개 컨텐츠 -----*/
	/* 사업 목표 */
	.goal_item_wrap .item {width: 100%;}
	.goal_item_wrap .item:nth-child(2):before, .goal_item_wrap .item:nth-child(2):after {display:block; width:100%; height: 2.9375rem;}
	.goal_item_wrap .item:nth-child(2):before {-webkit-mask-image: url(/images/default/content/gra_arrow_t.svg); mask-image: url(/images/default/content/gra_arrow_t.svg); left:0; top:-2.25rem;}
	.goal_item_wrap .item:nth-child(2):after {-webkit-mask-image: url(/images/default/content/gra_arrow_b.svg); mask-image: url(/images/default/content/gra_arrow_b.svg); right:0; top: auto; bottom:-2.25rem;}
	
	/* 기대효과 */
	.busi_eff_list ul li {width: 100%;}
	
	
	/*----- 추진실적 -----*/
	.perform_info .list_dot_s > li {flex-direction:column;}
	.perform_info .list_dot_s > li:not(:first-child) {margin-top: 0.5rem}
	.perform_info .list_dot_s > li span {padding-right:0; margin-right:0;}
	.perform_info .list_dot_s > li span:after {display:none;}
}
@media (max-width:450px){
	/*----- 공통 -----*/
	.business_intro .img_box img {width: auto; height:auto; max-height: clamp(11.25rem, 10.875rem + 1.875vw, 13.125rem);}
}





/********************************************************
■ 비교과 강좌 목록
********************************************************/

/*----- 필터 -----*/
.prog-filter {padding:clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem) clamp(1rem, -0.429rem + 3.81vw, 3rem); background:#F9F9F9; border-top:2px solid var(--Brand-Color-main);}
.prog-filter .row {display:flex; gap:2rem clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem);}
.prog-filter .row:not(:first-child) {margin-top:0.68rem;}
.prog-filter .item {display:flex;  flex: 1; align-items: center;}
.prog-filter .item h5 {flex-shrink:0; width:7.8125rem;}
.prog-filter .btn-wrap {display:flex; gap: 0.56rem;} 
.prog-filter .btn-wrap:is(.sch-btn) .btn_default {min-width: 7.875rem; max-width: 7.875rem;}
.prog-filter .btn-wrap .btn_default:is(.filter_open_btn) {min-width: 16.309375rem;}
.prog-filter .btn-wrap:is(.mob) {display:none;}
.prog-filter .btn-box {display:flex; flex-direction:column; gap:0.5rem;}

/* 필터 검색란 부분 */
.prog-filter .sch-input-wrap {width: 100%;}
.prog-filter .sch-input-wrap input[type=text] {width:100%; min-width: unset; height:2.8125rem; border: 1px solid #898989; background: #FFF;}
.prog-filter .sch-btn .dark_blue .ico_sch {background-color:#fff;-webkit-mask-image: url(/images/default/content/ico_sch.svg); mask-image: url(/images/default/content/ico_sch.svg)}
.prog-filter .sch-btn .w_blue .ico_reset {background-color:var(--Brand-Color-main); -webkit-mask-image: url(/images/default/content/ico_reset.svg); mask-image: url(/images/default/content/ico_reset.svg); transition:all 0.3s;}
.prog-filter .filter_open_btn {min-width:20.3125rem;}
.prog-filter .filter_open_btn .ico_arrow {background-color:#fff; -webkit-mask-image: url(/images/default/content/ico_arrow.svg); mask-image: url(/images/default/content/ico_arrow.svg); transition:all 0.3s;}
.prog-filter .filter_open_btn:is(.on) .ico_arrow {transform:rotate(180deg);}

.select-option ul {display:flex; flex-wrap: wrap; gap: 0.43rem;}
.select-option ul li button {display: flex; justify-content: center; align-items: center; padding: 0 clamp(1rem, 0.732rem + 0.714vw, 1.375rem); min-width: 5.43rem; height:2.3125rem; font-size: clamp(1rem, 0.988rem + 0.063vw, 1.063rem); line-height: 1; color: #424242; border-radius: 50px; border: 1px solid #949494; background: #FFF;}
.select-option ul li:is(.on) button {color:#fff; background:var(--Brand-Color-point); border-color:var(--Brand-Color-point)}

/* 상세필터 */
.filter-fold {display:none; flex-wrap:wrap; flex-direction: column; gap:0.9375rem clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem); max-height: 0; min-height: 0; overflow: hidden; margin-top:0; padding-top:0; border-top:1px dashed transparent; transition: all 0.3s ease;}
.filter-fold:is(.active) {display:flex; margin-top:clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); padding-top:clamp(1rem, 0.925rem + 0.375vw, 1.375rem); max-height: unset; min-height: 100%; overflow: visible; border-top:1px dashed #BBC4D0;}

.select-date {display:flex; align-items:center; gap: 0.625rem;}
.select-date > div {flex:1;}
.select-date input[type=text] {background: #fff url(/images/default/content/date_input_icon.svg?v=2) no-repeat 95% 50% !important; background-size: 1.5rem auto !important;}



/*----- 강의 목록 -----*/
.program-list {margin-top:clamp(2rem, 1.9rem + 0.5vw, 2.5rem);}
.program-list > ul {display:flex; flex-wrap:wrap; align-items: stretch; gap:clamp(1rem, 0.912rem + 0.438vw, 1.438rem) clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem);}
.program-list .item {width:calc((100% - clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem) * 2)/3);}
.program-list .item a { display: flex; flex-direction: column; gap: clamp(0.75rem, 0.713rem + 0.188vw, 0.938rem); padding: 0.625rem 0.625rem clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); height: 100%; border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
background: #FFF; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.08); background: #FFF; position: relative; outline: 2px solid transparent; transition: all 0.3s;}
.program-list .item a:hover {outline: 2px solid #F2C600;}


/* 프로그램 없음 */
.program-list ul > li:has(.noProgram) {padding:clamp(2rem, 1.75rem + 1.25vw, 3.25rem) 1rem 0; width:100%;}
.noProgram {display: flex; flex-direction: column; align-items: center; justify-content: center; gap:clamp(1.5rem, 1.4rem + 0.5vw, 2rem); width:100%; text-align: center;}
.noProgram .noProg_ico {display:block; width:5.125rem; height:auto; aspect-ratio:1.224 / 1; background:url('/images/default/content/noProg_ico.png?v=2') no-repeat center center; background-size:100% auto;}
.noProg_text {font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); color:var(--Text-Color-Basic-1); font-weight:500;}
.noProg_text h5 {margin-bottom: clamp(0.625rem, 0.57rem + 0.275vw, 0.9rem); font-size: clamp(1.44rem, 1.378rem + 0.31vw, 1.75rem); color:#15181F;}


/* 강의 내용 */
.prog-status {position:absolute; top:0.625rem; left:0.625rem;}
.prog-status span {display: inline-flex; align-items: center; gap: 12px; padding: 0 1rem; height: 2.5rem; background: rgba(0,0,0,0.2); border-radius: 50px; box-shadow: inset 0.5px 0.5px 0 rgba(255,255,255,0.6), inset -0.5px -0.5px 0 rgba(255,255,255,0.3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-weight: 600;  font-size: var(--font-size-16); user-select: none; white-space: nowrap;}
.prog-status:is([class*='_recruit']) span:before {content:''; display:block; margin-bottom: 1px; width:8px; height:8px; border-radius:100%; box-shadow: 0 0 0 4px rgba(255,255,255,0.5);}
.prog-status:is(.now_recruit) span:before {background:#2069D7;}
.prog-status:is(.willBe_recruit) span:before {background:#F2C600;}
.prog-status:is(.end_recruit) span:before {background:rgba(0,0,0,0.6);}
.program-view .prog-status {display:none;}


.prog-thumb {position: relative;}
.prog-thumb .thumb_img {display:block; width:100%; height:auto; aspect-ratio:335/252.27; border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) 0 0;}
.prog-thumb .thumb_img:is(.hasImg) {background-position:center top !important;}
.program-list .prog-info {display: flex; flex-direction: column;  flex: 1; padding: 0 clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem);}
.prog-name {display:flex; flex-direction:column; gap:0.49rem; font-size: clamp(1.2rem, 1.19rem + 0.05vw, 1.25rem); font-family: var(--ff-heading); font-weight:700; line-height:140%;}
.prog-name p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; height: 2.72em; line-height:1.36; -webkit-box-orient: vertical;  word-wrap: break-word; word-break: keep-all;  font-size: var(--font-size-18);}
.prog-name .cate {font-size: clamp(0.833rem, 0.8rem + 0.167vw, 1rem); line-height: 1.5; color:var(--Brand-Color-susub); font-family:var(--ff-body); font-weight:500; font-size:var(--font-size-15);}
.prog-detail {flex: 1; margin-top:clamp(1rem, 0.938rem + 0.313vw, 1.313rem);}
.prog-detail ul li {display:flex; gap: 0 0.5rem; color: #888888; font-size: var(--font-size-15);  font-weight: 500; line-height: 1.4; letter-spacing: -0.03em;}
.prog-detail ul li:not(:first-child) {margin-top:0.025rem;}
.prog-detail ul li span {flex-shrink:0; padding-right: 0.5rem; position:relative;}
.prog-detail ul li span:after {content:''; display:block; width:2px; height:0.9rem; background:#888; position:absolute; top:0.2em; right:0;}
.prog-detail ul li p {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  line-height: 1.5; height: 1.5em;     word-break: break-word; overflow-wrap: anywhere;}
.prog-tag {margin-top:clamp(1rem, 0.925rem + 0.375vw, 1.375rem); padding-top:19px;  border-top:1px solid #ddd;}
.prog-tag ul {display:flex; flex-wrap: wrap; gap:0.6251rem;}
.prog-tag span {display:inline-block; padding: 0.19rem 0.625rem 0.25rem; font-size:var(--font-size-15); color: #2069D7; font-weight: 500; border-radius: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem); background: #E2F0FF; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04) inset; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.5;height: 1.85em;} 


/*----- 뷰페이지 -----*/
.program-view .prog-info {display:flex; align-items:stretch; gap:2rem clamp(1.5rem, 0.975rem + 2.625vw, 4.125rem); padding: 0; transition: all 0.3s;}

/* 강의정보 영역 */
.program-view .l_thumb {flex-shrink:0; width:100%; max-width:calc(33% + clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem)); min-width: 18.5rem; position: relative;}
.program-view .l_thumb .prog-thumb {margin-bottom:0;}
.program-view .l_thumb .prog-thumb .thumb_box {position:relative;}
.program-view .l_thumb .prog-thumb .img_zoom {display: block; width: 3.125rem; height: auto; aspect-ratio: 1; color:#fff; font-size:1.5rem; background:var(--BTN-BG-Color-default); border-top-right-radius: var(--radius-lg); position:absolute; bottom:0; left:0;}
.program-view .l_thumb .prog-thumb .thumb_img {width:auto; height:100%; aspect-ratio: 4/5; border-radius:0; border-radius: var(--radius-lg)}
.program-view .r_info {display: flex; flex-direction: column; flex:1;}
.program-view .r_info .prog-name {gap:clamp(0.75rem, 0.66rem + 0.45vw, 1.2rem); padding-bottom:clamp(1.125rem, 0.988rem + 0.688vw, 1.813rem); margin-bottom:clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem); border-bottom:1px solid var(--Text-Color-Black);}
.program-view .r_info .prog-name p{display:block; text-overflow: unset; overflow: visible; -webkit-line-clamp: unset; -webkit-box-orient: unset; font-size: clamp(1.44rem, 1.415rem + 0.123vw, 1.563rem); height: auto; line-height: 1.5;  word-break: keep-all;}
.program-view .r_info .prog-name .cate {font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);}

.prog-detail-list {display: flex; flex-direction: column; justify-content: space-between; flex:1; font-size: var(--font-size-17);}
.prog-detail-list ul li {display:flex; gap:clamp(1rem, 0.875rem + 0.625vw, 1.625rem); line-height: 1.5;}
.prog-detail-list ul li:not(:first-child) {margin-top: clamp(0.5rem, 0.427rem + 0.365vw, 0.865rem);}
.prog-detail-list .btn_wrap {justify-content: flex-start; margin-top:clamp(2rem, 1.832rem + 0.84vw, 2.84rem)}
.prog-detail-list .btn_default .ico_apply {background-color: #fff; -webkit-mask-image: url(/images/default/content/ico_apply.svg); mask-image: url(/images/default/content/ico_apply.svg);}
.prog-detail-list .btn_default .ico_list {background-color:var(--Brand-Color-main);}


/* 강의정보 컨텐츠 영역 */
.prog-con {margin-top:clamp(4rem, 3.8rem + 1vw, 5rem);}
.prog-con .con-area {overflow-x: auto; text-align:center;}
.prog-con .con-area img {max-width: 55rem; width: 100%;}
.prog-con .con-area .table {word-break: keep-all; overflow-wrap: anywhere;}

@media (max-width:1200px){
	/*----- 필터 -----*/
	.prog-filter .row {flex-direction:column;}
	.prog-filter .btn_default {min-width: 6.5rem;}
	.prog-filter .btn-wrap:is(.web) {display:none;}
	.prog-filter .btn-wrap:is(.mob) {display:flex;}
	.prog-filter .btn-wrap:is(.sch-btn) .btn_default {width:100%; min-width:unset; max-width:unset;}
	.prog-filter .btn-wrap .btn_default:is(.filter_open_btn) {width:100%; min-width:unset; max-width:unset;}
	.filter-fold .row {width:100%;}
	
	/*----- 강의 목록 -----*/
	.program-list .item {width:calc((100% - clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem) * 1)/2);}
}
@media (max-width:768px){
	/*----- 필터 -----*/
	.prog-filter .row:not(:first-child) {margin-top:1.25rem;} 
	
	
	/*----- 강의 목록 -----*/
	.program-list .item {width:100%;}
	.prod-detail ul li {flex-direction: column; align-items: flex-start;}	
	.prog-detail ul li span:after {width:1px; height:0.8rem;}

		
	/*----- 뷰페이지 -----*/
	.program-view .prog-info {flex-direction: column;}
	.program-view .r_info {width: 100%;}
	.prog-detail-list .btn_wrap .btn_default {width: 100%; min-width: unset;}
	.prog-con .con-tabs > div {max-width:unset;}
	.prog-con .con-area > div img {width:100%;}
}
@media (max-width:540px){
	/*----- 필터 -----*/
	.prog-filter .item {flex-direction: column; gap: 0.5rem; align-items: flex-start;}
		
	/*----- 강의 목록 -----*/

	.prog-detail ul li {flex-direction: row;}	
		
	/*----- 뷰페이지 -----*/
	.program-view .l_thumb {max-width:unset;}
}



/********************************************************
■ 비교과 강좌 신청페이지
********************************************************/
.prog-apply-overview {margin:0 auto; width:100%; max-width:61.75rem;}
.prog-apply-overview h4 {margin:0; margin-bottom: 1.68rem; line-height: 1.15; text-align:center; font-size: clamp(1.44rem, 1.415rem + 0.123vw, 1.563rem); font-family: var(--ff-heading);}

.overview-con {font-size: var(--font-size-17);}
.overview-con .prog-detail-list {padding: clamp(1.5rem, 1.363rem + 0.688vw, 2.188rem) 0 clamp(1.5rem, 1.387rem + 0.563vw, 2.063rem); border-top:2px solid #232323; border-bottom:1px solid rgba(35, 35, 35, 0.3);}
.overview-con .prog-detail-list ul {display:flex; flex-wrap:wrap; gap:0 5rem; margin:0 auto; max-width:calc(100% - (2rem * 2)); }
.overview-con .prog-detail-list ul li {width:calc((100% - 5rem * 1)/2);}
.overview-con .prog-detail-list ul li:nth-child(2) {margin-top:0;}
.overview-con .b_bullet .requ {color: #E53535;}
.overview-con .b_bullet:not(:first-child) {margin-top: clamp(4rem, 3.85rem + 0.75vw, 4.75rem);}
.apply_form_content  .apply_items:not(:first-of-type) {margin-top: 3rem;}



.apply_form .notice_text {color:#666;font-size: var(--font-size-16);}
.apply_form .app_form_title {display:flex; align-items: flex-end; justify-content: space-between; margin-bottom: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);}
.apply_form .app_form_title:not(:first-child) {margin-top:1.6rem;}
.apply_form .app_form_title h5 {margin:0; font-size: clamp(1.188rem, 1.175rem + 0.063vw, 1.25rem); font-weight: 700;}
.apply_form_content {padding: clamp(2rem, 1.825rem + 0.875vw, 2.875rem) clamp(1rem, 0.7rem + 1.5vw, 2.5rem) clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); background:#F9F9F9; border-top:2px solid var(--Brand-Color-main)}
.apply_form_content .row {display:flex; align-items: center; gap:0 clamp(1.5rem, 1.387rem + 0.563vw, 2.063rem);}
.apply_form_content .row .flex {display:flex; gap:0.625rem; width: 100%;}
.apply_form_content .row .flex:has(.radio, .chks) {flex-wrap:wrap; gap: 1rem 2rem;}
.apply_form_content .row .flex > div {flex:1;}
.apply_form_content .row.guide { flex-direction: row; align-items: flex-start; gap:0.5rem clamp(1rem, 0.912rem + 0.438vw, 1.438rem) !important; padding:clamp(1rem, 0.863rem + 0.688vw, 1.688rem) clamp(1rem, 0.725rem + 1.375vw, 2.375rem); color:var(--BTN-BG-Color-Black); font-weight: 500; font-size: var(--font-size-18); line-height: 1.4; letter-spacing:-0.02em; border-radius:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem); background:#EDF0F5;}
.apply_form_content .row.guide .ico_guide {display:block; flex-shrink: 0; width: clamp(3rem, 2.788rem + 1.063vw, 4.063rem); height:auto; background:#fff url('/images/default/content/guide_icon.svg') no-repeat center center; background-size:64.6% auto; border-radius:100%; aspect-ratio:1;}

.apply_form_content .row2 {display: flex;align-items: center; margin-top: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);}
.apply_form_content .row2 > .row {margin:0 !important; flex:1;}
.apply_form_content .row:is(.long) {align-items: baseline;}
.apply_form_content .row:has(.radio) {align-items: flex-start;}
.apply_form_content .row:not(:first-child) {margin-top: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);}
.apply_form_content .column:not(:first-child) {margin-top:3rem;}
.apply_form_content .btn_wrap {margin:0;}
.apply_form_content .hasExtraBtn {display:flex; gap: 0.5625rem; align-items: flex-start;}
.apply_form_content .hasExtraBtn .input_wrap {flex:1; width: 100%;}
.apply_form_content .s_bullet { width: 8.5rem; align-items: baseline; flex-shrink: 0;}
.apply_form_content .s_bullet span {top:-0.2em;}
.apply_form_content .row-content {display:flex; flex-direction:column; }
.apply_form_content .row-content .radio:not(:first-child) {margin-top:0.4rem;}
.apply_form_content textarea {max-width: 100%; width: 100% !important; border: 1px solid #898989;}

.top_line {padding-top: 3rem; margin-top:3rem !important; border-top: 1px dashed #BBC4D0;}
.row_sub_text {margin-bottom:1rem; line-height: 1.5;}

.section_wrap {position:relative;}
.req_notice {font-size:var(--font-size-16); color:#555; position:absolute; top:1.8em; right:0;}
.req_notice em {color: #E53535;}

.section_wrap .b_bullet {margin-top: clamp(4rem, 3.85rem + 0.75vw, 4.75rem);}
.apply_form_content .inq,
.apply_form_content .req {color: #E53535; font-size: var(--font-size-17);}
.apply_form_content .column,
.apply_form_content .privacy_box {flex-direction:column; align-items: flex-start;}
.apply_form_content .column .row-content,
.apply_form_content .privacy_box .row-content {margin-left:clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); margin-top:1.25rem; width: calc(100% - clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem));}
.apply_form_content .column .row-content .flex {display:flex; align-items: center; gap: 1rem 2rem;}
.apply_form_content .column .row-content .radio {margin-top:0;}
.apply_form_content .column .row-content .radio.hasExInput {display:flex; align-items:center; gap:1rem;}
.apply_form_content .column .form_notice,
.apply_form_content .privacy_box .form_notice {margin-top:0; margin-bottom: 1.5rem;}
.apply_form_content .column .row-content .flex {flex-wrap:wrap;}
.apply_form_content .column .row-content .flex .radio  {flex:unset;}
.apply_form_content .column .row-content .flex .radio:has(.etc_input) {display:flex; align-items: center; gap: 1rem;}
.apply_form_content .row .flex .radio,
.apply_form_content .row .flex .chks {flex:unset; margin: 0;}
.apply_form_content .sgb-err-msg {display: flex; align-items: flex-start;  gap: 0.4375rem; margin-top:13px; font-size: clamp(0.833rem, 0.825rem + 0.042vw, 0.875rem); color:#E53535; position:relative;}
.apply_form_content .sgb-err-msg:before {content:''; display:block; flex-shrink: 0; width:1rem; height:1rem; background:url('/images/default/content/ico_warning.svg') no-repeat center center; background-size:100% auto;}


.apply_form_content .privacy_box .s_bullet {width:100%;}
.apply_form_content .privacy_box .inq {font-size: var(--font-size-15);}
.apply_form_content .privacy_box .text-box {display: flex; padding: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem); padding-right: 0; background:#fff; height: 10.5rem; color:#636F84; font-size: clamp(0.813rem, 0.787rem + 0.125vw, 0.938rem); line-height: 140%;}
.apply_form_content .privacy_box .text-box .scroll {overflow-y: auto;margin-right: calc(clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem)/2);padding-right: calc(clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem)/2);     width: 100%; height: 100%;}
.apply_form_content .privacy_box .text-box .scroll::-webkit-scrollbar {width:6px; background:transparent;}
.apply_form_content .privacy_box .text-box .scroll::-webkit-scrollbar-thumb {background:#F0F1F2; border-radius:5px;}
.apply_form_content .privacy_box .radio {margin-top:1.5rem; align-self: flex-end; font-size: clamp(0.813rem, 0.8rem + 0.063vw, 0.875rem); font-weight:500;}


 @media (max-width:1200px){
 	.overview-con .prog-detail-list ul {margin:0; max-width: unset;}
 } 
 @media (max-width:768px){ 
	.extra-apply-overview {max-width:unset;}
	.extra-apply-overview h4 {line-height:150%;}
	
	.overview-con .prog-detail-list ul {max-width:unset;}
	.overview-con .prog-detail-list ul li {width:100%;}
	.overview-con .prog-detail-list ul li:nth-child(2) {margin-top: clamp(0.5rem, 0.427rem + 0.365vw, 0.865rem);}
	
	.apply_form_content .s_bullet {display: flex; align-items: baseline; gap: 0.5rem;}
	.apply_form_content .s_bullet:has(span) {padding-left:0;}
	.apply_form_content .s_bullet span {position:static; transform: translateY(-0.1em);}
	.apply_form_content .row {flex-direction:column; align-items:flex-start; gap: 0.5rem;}
	.apply_form_content .row:is(.privacy_box,.column) {gap:0;}
	.apply_form_content .column .row-content, .apply_form_content .privacy_box .row-content {margin-left:0; width: 100%;}
	.apply_form_content .row:not(:first-child) {margin-top:2rem}
	.apply_form_content .row2 {gap:0.625rem;}
	.apply_form_content .hasExtraBtn {flex-direction: column;}
	.apply_form_content .btn_wrap,
	.apply_form_content .btn_wrap .btn_default {width:100%;}
	
	.apply_form_content .privacy_box {padding-top:2rem; margin-top:2rem !important;}
	.apply_form_content .privacy_box .text-box {margin-left:0;}
	.apply_form_content .privacy_box .radio  {align-self: center;}
	
	.overview-con .btn_default {min-width:unset; width:100%;}
}
@media (max-width:540px){
	.section_wrap .req_notice {margin-bottom: 0.8rem; position: static;}
	.apply_form_content .column .row-content .flex .radio {width:100%;}
	.apply_form_content .row .flex .radio,
	.apply_form_content .row .flex .chks {width: 100%}
	.apply_form_content .row.guide {flex-direction: column; align-items: center; text-align: center;}
}

/********************************************************
■ 마이페이지 - 프로그램 신청내역
********************************************************/
.pg_state{display: inline-flex;  align-items: center; justify-content: center; padding: 0 0.8rem; width: 3.5rem; height: 1.8rem; vertical-align: middle; font-size: var(--font-size-15); text-align: center; font-weight: 500;  border-radius: 2rem;  color:#777; background:#f7f7f7;  white-space: nowrap;}
.pg_state.stat01{color:var(--Brand-Color-main); background:#eaf2ff;}
.pg_state.stat02{color:var(--Text-Color-Prosperity-Green); background:#eef7f0;}
.pg_state.stat03{color:#fff; background:var(--Brand-Color-deep);}

@media (max-width:1200px){
	.boardListContainer .boardList .programTbl tr:nth-child(2n){background:#fff;}
	.boardListContainer .boardList .programTbl tbody tr td.title{font-size: var(--font-size-18); font-weight:600; color:var(--Text-Color-Black);}
	.boardListContainer .boardList .programTbl tbody tr td.label{display: flex;  align-items: baseline;   gap: 0.5rem;  margin-bottom: 0.5rem;  overflow-wrap: break-word; white-space: normal;}
	.boardListContainer .boardList .programTbl tbody tr td.label:before{flex-shrink: 0; width: 4rem; display: inline-block; text-align: left;  font-size: var(--font-size-16);  line-height: 1.5; vertical-align: middle; font-weight: 600;  content: attr(aria-label);}
	.boardListContainer .boardList .programTbl tbody tr td.link{display:flex; gap:0.4rem;}
	.boardListContainer .boardList .programTbl tbody tr td.link .btn_default{flex:1; max-width: 100%;}
	.boardListContainer .boardList .programTbl tbody tr td.link .btn_default.small + .btn_default{margin:0;}
	
	.prog_app_his .btns_wrap {display:flex; justify-content: flex-end; gap: 0.5rem;}
	.prog_app_his .btns_wrap > a {margin:0 !important;}
	.prog_app_his .boardList table tbody tr .title {margin-bottom:var(--num-16) !important;}
	.prog_app_his .boardList table tbody tr .label {display:inline-block;}
	.prog_app_his .boardList table tbody tr .label:is(.date) {margin-right:0.5rem; padding-right:0.5rem; border-right:1px solid #ddd;}
	.prog_app_his .boardList table tbody tr:not(:has(.place)) .label:is(.date) {margin-right:0; padding-right:0; border-right:none;}
	.prog_app_his .boardList table tbody tr .label:is(.stat) {position:absolute; bottom:1rem; left:3.5rem;}
	.prog_app_his .boardList table tbody tr .link {margin-top: var(--num-24) !important;}
}
@media (max-width:540px){
	.prog_app_his .boardList table tr {padding-top: 3.5rem !important;}
	.prog_app_his .boardList table tbody tr .label {display:block; font-size:var(--font-size-15);}
	.prog_app_his .boardList table tbody tr .label:is(.stat) {bottom: auto; top: 0.8rem;}
	.prog_app_his .boardList table tbody tr .label:is(.date) {margin-right:0; margin-bottom:var(--num-10); padding-right:0; border-right:none;}
	.prog_app_his .boardList table tbody tr:not(:has(.place)) .label:is(.date) {margin-bottom:0;}
	.prog_app_his .btns_wrap > a {flex:1;}
}

/********************************************************
■ 문의하기
********************************************************/
/*----- 리스트 페이지 -----*/
.inq_table {border-top: 2px #121212 solid;}
.inq_table .reply {background:#F9F9F9;}
.inq_table .reply .stat_wrap {display:none;}
.inq_table .title a {display:block; text-align:left; word-break: auto-phrase; overflow-wrap: anywhere;}
.inq_table .innerFlex {display:flex;  align-items: flex-start; gap:1rem;}
.stat_wrap [class*='answer']{display:inline-flex; align-items: center; justify-content: center; padding: 0 0.8rem; height:1.6rem; font-size: var(--font-size-15); text-align: center;  font-weight:400; border-radius:2rem; border:1px solid; white-space: nowrap;}
.stat_wrap .answer_apply {color:var( --Brand-Color-main); border-color:var( --Brand-Color-main)}
.stat_wrap .not_answered {color:#E89054; border-color:#E89054}
.stat_wrap .answered {color:var(--Text-Color-Basic-2); border-color:var(--Text-Color-Basic-2);}

.inq_cate [class*='cate'] {display: inline-flex;  align-items: center;  justify-content: center;  padding: 0 0.4rem;  height: 1.6rem;  font-size: var(--font-size-15);  text-align: center;
font-weight: 400;  border-radius: 0.4rem; }
.inq_cate .cate1 {background:var(--Brand-Color-sub); color:#fff;}
.inq_cate .cate2 {background: #ffe00d; color: #232323; font-weight: 500;}



/*----- 뷰페이지 -----*/
.inq_table_view .title {display: flex; justify-content: flex-start; text-align: left;}
.inq_table_view .title span {margin:0 !important; font-size:var(--font-size-19); font-weight:700;}
.inq_table_info {display:flex; padding: 0 var(--num-20); font-size: var(--font-size-16);}
.inq_table_info span {color: #666;}
.inq_table_info [class*='inq_'] {display: flex; gap: var(--num-10); position:relative;}
.inq_table_info:not(:has(.inq_types)) .inq_cates {padding-right:0; margin-right:0;}
.inq_table_info:not(:has(.inq_types)) .inq_cates:after {display:none;}
.inq_table_info > p:not(.inq_dates, .inq_types) {margin-right:var(--num-16); padding-right:var(--num-16);}
.inq_table_info > p:not(.inq_dates, .inq_types):after {content:''; display:block; width:1px; height:1rem; background-color: #c4c4c4; position:absolute; top:0.15em; right:0;}
.inq_table_view .ck-content {border-bottom: 1px solid #cdd1d5; border-top: 1px solid #cdd1d5; margin:0; padding: var(--num-40) var(--num-20);}
.inq_table_view .adm_answer {display: flex; align-items: center; gap: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); padding:clamp(1rem, 0.95rem + 0.25vw, 1.25rem); margin-top:clamp(1.5rem, 1.4rem + 0.5vw, 2rem); background-color: #f4f5f6; border-radius: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);}
.inq_table_view .adm_answer em {display: flex;justify-content: center;align-items: center;flex-shrink:0; width:clamp(2rem, 1.8rem + 1vw, 3rem); height:clamp(2rem, 1.8rem + 1vw, 3rem); text-align: center; background:#fff; border:1px solid #ddd; border-radius:100%;}

.files_wrap {padding: clamp(1rem, 0.95rem + 0.25vw, 1.25rem) 0.625rem; background-color: #f4f5f6;}
.files_wrap ul li {display: flex; align-items: center; gap: 12px; padding:  0.625rem; background-color: #fff; border: 1px solid #cdd1d5; border-radius: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);}
.files_wrap ul li:not(:first-child) {margin-top:0.75rem;}
.files_wrap ul li [class*='ico_'] {display: flex; align-items: center; justify-content: center; width: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); height: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); background: var(--Brand-Color-main);  border-radius: 50%;}
.files_wrap ul li [class*='ico_'] span {display:block; width:1rem; height:1rem; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center;  -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain;}
.files_wrap ul li .ico_file span {-webkit-mask-image: url(/images/default/content/icon_download_white.svg); mask-image: url(/images/default/content/icon_download_white.svg); background-color:#fff;}
.files_wrap ul li .ico_link span {-webkit-mask-image: url(/images/default/content/ico_link.svg); mask-image: url(/images/default/content/ico_link.svg); background-color:#fff;}


.files_wrap ul li p {flex: 1;}
.files_wrap ul li .btn-download {display: flex;  align-items: center; justify-content: center; gap: 0.5rem; height: 2.5rem; padding: 0 clamp(0.5rem, 0.4rem + 0.5vw, 1rem); font-size: var(--font-size-15); color: var(--Brand-Color-main); background-color: transparent; border: 1px solid var(--Brand-Color-main); border-radius: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem); transition: all 0.4s;}
.files_wrap ul li .btn-download .ico {forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center;  -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain; width: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); height:clamp(1rem, 0.975rem + 0.125vw, 1.125rem); background-color:var(--Brand-Color-main);  -webkit-mask-image: url(/images/default/content/icon_download_white.svg); mask-image: url(/images/default/content/icon_download_white.svg); transition: all 0.4s;}
.files_wrap ul li .btn-download .ri-search-line:before { display: block; margin-bottom: 1px;}
.files_wrap ul li .btn-download:hover {color: #fff; background-color: var(--Brand-Color-main);}
.files_wrap ul li .btn-download:focus {color: #fff; background-color: var(--Brand-Color-main);}
.files_wrap ul li .btn-download:hover .ico,
.files_wrap ul li .btn-download:focus .ico {background-color: #fff;}
.files_wrap ul li p:hover a {text-decoration: underline; cursor: pointer;}



@media (max-width:1200px){
	.inq_table tr:not(.reply) .innerFlex {gap: 0.5rem 1rem; flex-direction: column;}
	.boardListContainer .inq_table .rnum {padding-left:0 !important; margin-left:0 !important; border-left:none;}
	.boardListContainer .inq_table .rnum:before {display:none !important;}
	.inq_cate [class*='cate'] {display: flex !important; justify-content: center; align-items: center;}
	.boardListContainer .boardList table tbody tr td:is(.inq_stat) {position:absolute; top: 1.05em; left: 7.5rem;} 
} 
@media (max-width:1030px){
	.inq_table_info {padding:0;}
	.inq_table_view .title {padding: 0 var(--num-20);}
} 
@media (max-width:768px){
	.inq_table_info {padding: 0 ;}
	.inq_table_view .title {padding: 0 var(--num-20);}
	.inq_table_view .adm_answer {align-items: baseline; padding-top: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem);}
	
	.inq_table_info {flex-wrap: wrap; gap: 0.5rem 0;}
	.inq_table_info .inq_dates {flex-basis:100%;}
	.inq_table_info > p.inq_types {margin-right:0; padding-right:0;}
	.inq_table_info > p.inq_types:after {display:none;}
} 
@media (max-width:450px){
	.inq_table_info {flex-direction:column;}
	.inq_table_info > p:not(.inq_dates) {margin-right:0; padding-right:0;}
	.inq_table_info > p:not(.inq_dates):after {display:none;}
} 


/********************************************************
■ 삼척소달배움터
********************************************************/
/*----- 소개글 -----*/
.about_sodal {display:flex; flex-direction:column; gap:clamp(4rem, 3.75rem + 1.25vw, 5.25rem); align-items: center;}
.about_sodal .sod_intro {display:flex; flex-direction:row-reverse; align-items: flex-start; width: 100%; flex:1;}
.about_sodal .sod_intro > p {flex: 1; display:flex; align-items: center; justify-content: center; flex-direction: column; gap:clamp(0.75rem, 0.7rem + 0.25vw, 1rem); padding: 1rem; height:clamp(6.25rem, 4.381rem + 9.344vw, 15.594rem); font-size: clamp(1rem, 0.938rem + 0.313vw, 1.313rem); font-weight: 500; text-align: center; line-height:150%; position:relative;}
.about_sodal .sod_intro > p:before {content:''; display:block; width:calc(100% + clamp(1.5rem, 0.063rem + 7.187vw, 8.688rem)); height:calc(85% + 2rem); border-radius: clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem); background: #F1F7FF; box-shadow: 7px 7px 0 0 #D9E9FF;  position:absolute; top: 50%; right:0; z-index:-1; transform: translateY(-50%);}
.about_sodal .sod_intro strong {font-size: clamp(1.2rem, 1.103rem + 0.488vw, 1.688rem); color: var(--Sodal-point);}
.about_sodal .sod_intro strong > em {color: #1758B1;}
.about_sodal .sod_img {display:block; flex-shrink: 0; margin-top: clamp(1rem, 0.537rem + 2.313vw, 3.313rem); width: auto; height: clamp(5rem, 3.125rem + 9.375vw, 14.375rem); aspect-ratio:489.55/230; border-radius:clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem) clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem) clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem) clamp(0.75rem, 0.275rem + 2.375vw, 3.125rem);}
.about_sodal .text_center {width:100%; position: relative;}
.about_sodal .sod_ill {width: clamp(10rem, 9.325rem + 3.375vw, 13.375rem); height:auto; aspect-ratio: 0.87/1;position:absolute; top:-65%; right: 85%;}
.about_sodal h5 {display:block; padding-bottom: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem); margin: 0 auto; width:100%; max-width:36rem; text-align:center; line-height:160%; font-size:var(--font-size-20); font-weight:400; position:relative;}
.about_sodal h5:before,
.about_sodal h5:after {content:''; display:block;  height:3px; position:absolute; bottom:0;}
.about_sodal h5:before {width:100%; background: #B0B0B0; left:0; z-index:-2;}
.about_sodal h5:after {width: 62.3%; background: var(--Brand-Color-susub); right:0; z-index:-1;}
.about_sodal h5 strong {font-weight:600;}
.about_sodal .sod_text_bg {flex:1; padding: clamp(1rem, 0.294rem + 3.531vw, 4.531rem) clamp(1rem, 0.2rem + 4vw, 5rem); width: 100%; line-height: 148%; color:#212121; background:#FBFBFB url('/images/default/content/sodal-txt-bg.jpg') no-repeat right bottom; background-size:100% auto; border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);}


/*----- 층별 안내도 -----*/
.sodal_fac .sketch-map {padding:clamp(1rem, 0.475rem + 2.625vw, 3.625rem); padding-top: 0; text-align: center; position:relative;}
.sodal_fac .sketch-map:after {content:''; display:block; width:100%; height:100%; border-radius: 0.625rem; background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), linear-gradient(0deg, rgba(208, 227, 255, 0.30) 0%, rgba(208, 227, 255, 0.30) 100%); position:absolute; top:0; left:0; z-index:-1;}
.sodal_fac .sketch-map > img {margin: 0; width: 100%; max-width: 58.5625rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.sod_fac_list {margin-top:clamp(3rem, 2.875rem + 0.625vw, 3.625rem);}
.fac-tab {display:flex; gap: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); justify-content: center;}
.fac-tab [class*='_btn'] {position:relative; display: flex; height:clamp(3rem, 2.825rem + 0.875vw, 3.875rem); padding: 0 clamp(0.5rem, 0.325rem + 0.875vw, 1.375rem);  max-height: clamp(3rem, 2.825rem + 0.875vw, 3.875rem); line-height:1; justify-content: center; align-items: center; gap: var(--num-10); border-radius: 50px; border: 1px solid #D9D9D9; background: #FFF; font-size:var(--font-size-20); font-weight: 900; color: #898989; font-family: var(--ff-heading); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.fac-tab .arrow {display:none; align-items: center;  justify-content: center; aspect-ratio: 1/1; width:clamp(1.5rem, 1.475rem + 0.125vw, 1.625rem); background: var(--Text-Color-Black); border-radius:50%; vertical-align: middle; transform: rotate(90deg );}
.fac-tab [class^="icon_"] {width:1.125rem;}
.fac-tab .f1_btn [class^="icon_"] {background-color:var(--Sodal-l-blue);}
.fac-tab .f2_btn [class^="icon_"] {background-color:#E7F9D9;}
.fac-tab .f3_btn [class^="icon_"] {background-color:#FFEEB7;}
.fac-tab :is(.on) [class*='_btn'] {padding:0 clamp(1rem, 0.875rem + 0.625vw, 1.625rem);  color: var(--Text-Color-Black);}
.fac-tab :is(.on) .f1_btn {background-color:#EAF1FB; border-color:#EAF1FB; box-shadow:0 8px 0 #4179DC;}
.fac-tab :is(.on) .f2_btn {background-color:#EAF6E1; border-color:#EAF6E1; box-shadow:0 8px 0 #77C13C;}
.fac-tab :is(.on) .f3_btn {background-color:#FFEEB7; border-color:#FFEEB7; box-shadow:0 8px 0 #F2C600;}
.sodal_fac .fac-tab :is(.on) .arrow{display:inline-flex;}
.fac-cont {margin-top:clamp(2rem, 1.9rem + 0.5vw, 2.5rem)}
.fac-cont .fac-tit {font-size:var(--font-size-28); text-align:center;}
.fac-cont .fac-subtit {margin-top:clamp(1rem, 0.91rem + 0.45vw, 1.45rem); text-align:center;}
.fac-cont [id*='f'] {display:none; opacity: 0; transform: translateY(30px);}
.fac-cont [id*='f'].show {display:block; animation: slideUp 0.5s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.fac-cont [id*='f'].trsf_delete { opacity: 1 !important; transform: none !important; animation: none;}
.fac-cont [id*='f'] > ul {display:flex; flex-wrap:wrap; gap:var(--gap-30); margin-top:var(--num-40);}
.fac-cont .fac-item {width:calc((100% - var(--gap-30) * 2)/3);}
.fac-cont .fac-item > button {display: flex; flex-direction: column; padding:var(--num-8); width:100%; height:100%;  color:#888888; font-size: clamp(0.79rem, 0.761rem + 0.147vw, 0.938rem); text-align:left; font-weight: 500; border-radius: clamp(0.75rem, 0.698rem + 0.262vw, 1.012rem); background: #FFF; box-shadow: 0 3.24px 11.34px 0 rgba(0, 0, 0, 0.08); outline: 2px solid transparent; transition: all 0.3s;}
.fac-cont .fac-item > button:hover {outline: 2px solid #F2C600;}
.fac-cont .fac-item .item-img {display:block; width:100%; height:auto; max-height: 12.125rem; aspect-ratio:322/194; border-radius:clamp(0.75rem, 0.698rem + 0.262vw, 1.012rem) clamp(0.75rem, 0.698rem + 0.262vw, 1.012rem) 0 0;}
.fac-cont .fac-item .text {display:flex; flex-direction:column; flex:1; justify-content: flex-end; gap: clamp(0.5rem, 0.412rem + 0.438vw, 0.938rem); padding:clamp(1rem, 0.873rem + 0.637vw, 1.637rem) clamp(0.5rem, 0.437rem + 0.316vw, 0.816rem) clamp(0.5rem, 0.487rem + 0.063vw, 0.563rem);}
.fac-cont .fac-item h5 {font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); color:var(--BTN-BG-Color-Black);}
.under500 {display:none;}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 팝업 */
.fac-popup { display:none; align-items: center; justify-content: center; align-items: center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000; animation:fadeIn 0.3s ease;}
.fac-popup.active { display:flex; align-items:center; justify-content:center; }
.fac-popup .modal-content {margin: 0 auto; background:#fff; border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); max-width:56.25rem; width:calc(100% - (var(--side-padding) * 2));  position:relative; animation:modalUp 0.5s ease; box-shadow:0 10px 50px rgba(0,0,0,0.5); }
.fac-popup .modal-close { position:absolute; top:-1.5rem; right:-1.5rem; background:var(--Brand-Color-main);border:none; width:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); height:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); border-radius:50%; font-size:1.5rem; cursor:pointer;z-index:10; display:flex; align-items:center; justify-content:center; }
.fac-popup .modal-close .ico_close {display:block; width:1.5rem; height:1.5rem; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center; mask-size: contain; -webkit-mask-image: url('/images/default/main/ico_close.svg'); mask-image: url('/images/default/main/ico_close.svg'); background:#fff;transition:all 0.3s ease; }
.fac-popup .modal-close:hover .ico_close  {transform:rotate(90deg); }
.fac-popup .modal-body { padding:clamp(1rem, 0.8rem + 1vw, 2rem); padding-right: calc(clamp(1rem, 0.8rem + 1vw, 2rem) / 2); }
.fac-popup .modal-scroll {padding-right: calc(clamp(1rem, 0.8rem + 1vw, 2rem) / 2); max-height: clamp(31.25rem, 28.125rem + 15.625vw, 46.875rem); height: 100%; overflow-y: auto;}
.fac-popup .modal-scroll::-webkit-scrollbar {width:6px; height:6px; }
.fac-popup .modal-scroll::-webkit-scrollbar-track{background:#D3D3D3; border-radius: 10px;}
.fac-popup .modal-scroll::-webkit-scrollbar-thumb{border-radius: 1rem; background: #F2C600;}
.fac-popup .modal-image-container {width:100%; height:auto; aspect-ratio: 821 / 400; overflow:hidden; border-radius:clamp(0.5rem, 0.412rem + 0.438vw, 0.938rem); margin-bottom:clamp(1.5rem, 1.4rem + 0.5vw, 2rem)}
.fac-popup .modal-image-container img {width:100%; height:100%; object-fit:cover; }
.fac-popup .modal-title {font-size: clamp(1.424rem, 1.271rem + 0.764vw, 2.188rem); color: var(--Brand-Color-susub); margin-bottom:clamp(0.75rem, 0.7rem + 0.25vw, 1rem); font-weight:700; }
.fac-popup .modal-subtitle {font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); line-height: 1.3; color: var(--Text-Color-Basic-2); margin-bottom:clamp(2rem, 1.8rem + 1vw, 3rem); font-weight:500; }
.fac-popup .modal-info:not(:has(.modal-section)) .modal-subtitle {margin-bottom:0;}
.fac-popup .modal-section:not(:first-of-type) {margin-top:2rem;}
.fac-popup .modal-section h3 {font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); color:var(--Text-Color-Basic-1); margin-bottom: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); display:flex; align-items:center; gap:0.5rem; }
.fac-popup .modal-section h3 i { color:var(--primary-blue); }
.fac-popup .modal-section p {line-height: 1.6; font-size: clamp(0.889rem, 0.854rem + 0.174vw, 1.063rem);}
.equipment-list {display:flex; gap:0.5rem 0.8rem; flex-wrap: wrap;}
.equipment-list li { background:var(--Sodal-l-blue); padding:0.8rem 1rem; border-radius:8px;   display:flex; align-items:center; gap:0.5rem; font-weight:500; }
.equipment-list li .ico_chk {display:block; flex-shrink: 0; margin-bottom: 1px; width:clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); height:auto; aspect-ratio:1; border-radius:100%; background:var(--Brand-Color-susub) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7' d='m.8 3.2 2.4 2.3L7.8.8'/%3E%3C/svg%3E") no-repeat center 50%; background-size:50%;}
.modal-gallery { margin-top:2rem; }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:1rem; margin-top:1rem; }
.gallery-grid img { width:100%; height:200px; object-fit:cover; border-radius:10px; cursor:pointer; transition:transform 0.3s ease; }
.gallery-grid img:hover { transform:scale(1.05); }

/* 애니메이션 */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes modalUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width:1200px){
	.about_sodal .sod_intro {flex-direction: column-reverse; align-items: center;}
	.about_sodal .sod_intro > p {width: 100%;}
	.about_sodal .sod_intro > p:before {width:100%; height:calc(100% + clamp(1.5rem, 0.063rem + 7.187vw, 8.688rem)); box-shadow: 0 7px 0 0 #D9E9FF; top:auto; bottom:0; transform: unset;}
	.about_sodal .sod_img {margin-top:0; height: auto; max-height:14.375rem; width: 100%; border-radius: clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem);}
	.about_sodal .sod_ill {top: -20%; right: 90%;}
} 
@media (max-width:1030px){
	.about_sodal .sod_ill {top: auto; bottom: -85%; right: auto; left: 0;}
	.about_sodal .text_center {padding-left: calc(clamp(10rem, 9.325rem + 3.375vw, 13.375rem) + 1em);}
	.about_sodal h5 {margin: 0; text-align: left;}
	
	/*----- 층별 안내도 -----*/
	.fac-cont [id*='f'] > ul {gap: var(--gap-20);}
	.fac-cont .fac-item {width: calc((100% - var(--gap-20) * 2) / 3);}
	.fac-cont .fac-item .text > p {letter-spacing: -0.045em;}
	.fac-popup .modal-close {top: -1.8rem; right: -0.5rem;}
} 
@media (max-width:767px){
	.about_sodal .sod_ill {bottom: -50%;}
	
	/*----- 층별 안내도 -----*/
	.sodal_fac .sketch-map {padding-left:0; padding-right:0;}
	.sodal_fac .sketch-map:after {width: 100vw; border-radius: 0; left:50%; transform:translateX(-50%);}
	
	.fac-tab [class*='_btn'] {width: auto; aspect-ratio: 1;}
	.fac-tab :is(.on) [class*='_btn'] {aspect-ratio: unset;}
	.fac-cont .fac-item {width: calc((100% - var(--gap-20) * 1) / 2);}
	.fac-cont .fac-item > button {font-size:var(--font-size-15)}
} 
@media (max-width:540px){
	.about_sodal .text_center {padding-left:0;}
	.about_sodal .sod_ill {margin-bottom: calc(-1 * (clamp(4rem, 3.75rem + 1.25vw, 5.25rem) + 2rem)); margin-top:clamp(2rem, 1.9rem + 0.5vw, 2.5rem); position: relative; bottom: auto; top: auto; left: auto; right: auto; z-index: -1;}
	
	/*----- 층별 안내도 -----*/
	.fac-cont .fac-item {width:100%;}
} 
@media (max-width:500px){
	.fac-cont .fac-item .text > p {line-height: 1.3;}
	.under500 {display:block;}
}