@charset "UTF-8"; /* common */
br.mo { display: none; }
.bg-purple { background-color: #61218a; color: #fff; }
.bg-purple span { color: #fff; }
.bg-line_purple { background-color: #fff; border: 1px solid #61218a; color: #61218a; }
.bg-line_purple span { color: #61218a; }
.sub-tit h3 { font-size: 38px; margin-bottom: 19px; }
.list-num { width: 35px; height: 35px; border-radius: 50%; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.bg-pink { background-color: #b60081; color: #fff; }
.bg-purple { background-color: #61218a; color: #fff; }
.bg-navy { background-color: #36318f; color: #fff; }
.color-pink { color: #b60081 !important; }
.color-purple { color: #61218a !important; }
.color-navy { color: #36318f !important; }
.g-primary-100{color: var(--g-blue-100) !important}
.bg-white { background-color: #fff; }
.bg-darkgray { background-color: #424242; color: #fff; }
.co-main {color: #5381B7 !important;}
.co-point {color: #00A59F !important;}
.co-warn {color: #910c0c !important;}
.co-red {color: #d60101 !important;}
.img_wrap img {max-width: max-content; width: 100%; height: auto;}
span.fs-20 {font-size: 20px !important;}
span.fw-b {font-weight: bold !important;}

.mgr-0 { margin-right:0px !important;}
.mgr-16 { margin-right: 16px !important;}
.mgt-20 { margin-top:20px !important;}
.mgb-60 {margin-bottom: 60px !important;}

.w-100p {min-width: unset !important; width: 100% !important;}


/* topBanner — page-former-director 미지정 페이지(주로 영문)에만 적용.
   한국어 서브는 user/sub.css 의 .page-former-director .topBanner / .topBanner-cont
   디자인 (height:330px, flex 가운데 정렬, 고정 배경)을 그대로 받는다.
   en 의 .topBanner-cont margin-top:56px 가 끼어들면 LNB 가 아래로 밀려보임. */
body:not(.page-former-director) .topBanner { padding-top: 100px; height: 330px; position: relative; }
body:not(.page-former-director) .topBanner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 22, 58, 0.2); }
body:not(.page-former-director) .topBanner.topImg01 { background: url('../../images/user/sub/topBanner01.png') no-repeat 50% / cover; }
body:not(.page-former-director) .topBanner.topImg02 { background: url('../../images/user/sub/topBanner02.png') no-repeat 50% / cover; }
body:not(.page-former-director) .topBanner.topImg03 { background: url('../../images/user/sub/topBanner03.png') no-repeat 50% / cover; }
body:not(.page-former-director) .topBanner.topImg04 { background: url('../../images/user/sub/topBanner04.png') no-repeat 50% / cover; }
body:not(.page-former-director) .topBanner.topImg05 { background: url('../../images/user/sub/topBanner05.png') no-repeat 50% / cover; }
body:not(.page-former-director) .topBanner-cont { margin-top: 56px; position: relative; z-index: 1; text-align: center; }
body:not(.page-former-director) .topBanner-cont strong { font-size: 50px; color: #fff; text-shadow: 0px 0px 10px #27314b; }

/* loca */
.loca { margin-top: 20px; }
.loca-ul1 { display: flex; align-items: center; justify-content: center; }
.loca-li1 a { color: #fff; }
.loca-li1:not(:last-child) { margin-right: 12px; padding-right: 26px; position: relative; }
.loca-li1:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url('../../images/ico/ico-lnb_arr.svg') no-repeat 50% / cover; }
.loca-item { font-size: 18px; font-weight: 500; }
.loca-home a i { font-size: 0; }
.ico-home_w { width: 24px; height: 24px; background: url('../../images/ico/ico-home_w.svg') no-repeat 50% / cover; }

/* lnb 추가 스타일 — page-former-director 미지정 페이지(주로 영문)에만 적용.
   한국어 서브는 모두 page-former-director 가 붙어있어 user/sub.css 의
   `.page-former-director .lnb-ul` 디자인(둥근 박스 + gap)을 그대로 받는다. */
body:not(.page-former-director) .lnb { position: absolute; left: 50%; transform: translateX(-50%); bottom: -30px; z-index: 2; background: #fff; border: 1px solid var(--g-black2); height: 60px; border-radius: 5px; min-width: 700px; padding: 0 70px;}
body:not(.page-former-director) .lnb-ul {display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;}
body:not(.page-former-director) .lnb-ul li { height: 100%; padding: 0 20px; }
body:not(.page-former-director) .lnb-ul li a { color: var(--g-black6); font-size: 20px; font-weight: 500; transition: all 0.3s; height: 100%; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
body:not(.page-former-director) .lnb-ul li a.active { color: var(--g-black8); font-weight: 700; }
body:not(.page-former-director) .lnb-ul li a:hover { background: rgba(255, 255, 255, 0.2); }

/* tab — page-former-director 미지정 페이지(주로 영문)에만 적용.
   한국어 서브는 user/sub.css 의 .page-former-director .sect-tab 디자인을 받음. */
body:not(.page-former-director) .sect-tab { margin-top: 70px; }
body:not(.page-former-director) .sect-tab .inner { display: flex; justify-content: space-between; gap: 40px; }
.tab-menu { flex: 1; border-bottom: 1px solid var(--g-black2); display: flex; align-items: center; }
.tab-menu > li { flex: 1; height: 100%; }
.tab-menu > li > a { font-size: 20px; font-weight: 500; color: var(--g-black4); text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; padding: 14px 0; }
.print-btn { width: 50px; height: 50px; background-color: var(--g-black1); border: 1px solid var(--g-black2); }
.ico-print { width: 30px; height: 30px; background: url('../../images/ico/ico-print.svg') no-repeat 50% / cover; }
.tab-btn.active { color: var(--g-primary-100); font-weight: 700; position: relative; }
.tab-btn.active::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--g-primary-100); }

/* title */
.page-title h2 { font-size: 40px; line-height: 1.4; }
.page-title p { margin-top: 20px; font-size: 22px; font-weight: 500; color: var(--g-black8); line-height: 1.5; }
.sect-tit { margin-bottom: 30px; }
.page-title.flex-c-space{border-bottom: 1px solid var(--g-black4); padding-bottom: 30px; margin-bottom: 50px;}
.sect-tit h2 { color: #000; font-size: 30px; }
.sect-tit p{margin-top: 12px; color: var(--g-black8);font-size: 24px;font-weight: 600;line-height: 30px;}
.sect-tit p.info{margin-top: 30px;display: flex;align-items: center;gap: 6px; /* 125% */}
.sect-tit p.info::before{content: '';width: 30px;height: 30px;background: url("../../images/ico/ico-info.svg") no-repeat 50% / cover;}
.sect-tit h2 span{color: var(--g-black8); font-size: 20px; font-weight: 500; line-height: 30px; margin-left: 12px;}
.sect-tit2{margin-bottom: 10px;}
.sect-tit2 h3{color: var(--g-primary-200); font-size: 20px; font-weight: 600; padding-left: 20px; position: relative;}
.sect-tit2 h3::before{content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--g-primary-200); position: absolute; left: 0; top: 8px;}


/* content */
.content-section + .content-section {margin-top: 120px;}
.cont-area + .cont-area{margin-top: 60px;}
.content-detail { margin-top: 40px; }
.info-item:not(:last-child) { border-bottom: 1px solid var(--g-black2); padding-bottom: 30px; margin-bottom: 30px; }
.info-item h3 { font-size: 24px; color: var(--g-primary-100); }
.info-item p { margin-top: 16px; line-height: 1.5; font-size: 24px; font-weight: 500; color: var(--g-black8); }
.main-image {max-width: 100%;width: 100%;}
.main-image img {width: 100%;}
.overview-box.flex-c-space {gap: 60px;}
.overview-box .area-box_r{flex: 1;}
.law-section {padding: 60px 0;margin-left: calc((100vw - 1440px )/ 2 * -1);}
.law-box {display: flex;justify-content: space-between;align-items: center;gap: 150px;}
.law-left {width: 100%;max-width: 520px;height: 140px;flex: none;position: relative;}
.law-left::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 100%;width: 150px;height: 1px;background: var(--g-primary-100);z-index: 0;}
.law-left::after{content: '';position: absolute;top: calc(50% + 1px);transform: translateY(-50%);left: calc(100% + 145px);width: 10px;height: 10px;background: var(--g-primary-200);z-index: 1;border-radius: 50%;}
.law-title { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-end; position: relative; z-index: 1; background: linear-gradient(276.88deg, #5381b7 10.64%, #c1ccdf 120.99%);padding: 35px 40px;position: relative;border-radius: 0 5px 5px 0;}
.law-title::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../../images/user/sub/cont01_2.png') no-repeat 50% / cover; }
.law-title::after {/* content: ''; */position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 155px;height: 10px;background: url('../../images/ico/loca-line.svg') no-repeat 50% / cover;z-index: 1;}
.law-title h3 { font-size: 26px; color: #fff; }
.law-title p { margin-top: 8px; font-weight: 500; font-size: 20px; color: #fff; }
.law-list {display: flex;align-items: flex-start;gap: 18px;}
.law-list > li {position: relative;flex: 1;align-self: self-start;height: 100%;}
.law-list > li:hover .law-img { opacity: 0; }
.law-list > li:hover .law-detail { opacity: 1; }
.law-img {width: 100%;height: 270px;transition: 0.4s;border-radius: 5px;overflow: hidden;position: relative;}
.law-img img {width: 100%;height: 100%;object-fit: cover;}
.law-detail {background-color: var(--g-primary-10);padding: 30px;opacity: 0;position: absolute;top: 0;left: 0;transition: 0.4s;border-radius: 5px;height: 100%;}
.law-detail .num { color: var(--g-primary-100); font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.law-detail p { font-weight: 500; font-size: 20px; line-height: 1.7; }
.law-right .note { color: #ff0000; font-size: 18px; font-weight: 500; margin-top: 14px; }
.law-contact { margin-top: 24px; background: #fff; border-radius: 8px; border: 1px solid #e0e6ef; padding: 16px; }
.contact-item { display: flex; justify-content: space-between; padding: 4px 0; font-size: 14px; }
.contact-item .label { color: #333; font-weight: 500; }
.contact-item .value { color: #666; }
.law-right {flex: 1;}
.law-image { position: relative; }
.law-image img { width: 100%; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
.law-image:hover img { transform: scale(1.03); }
.law-sub { position: absolute; bottom: 12px; right: 16px; background: rgba(255, 255, 255, 0.85); padding: 6px 10px; border-radius: 8px; font-size: 13px; color: #1f3d7a; font-weight: 600; }
.law-img p { padding: 30px 34px; font-size: 24px; font-weight: 600; color: #fff; z-index: 2; position: absolute; top: 0; left: 0; }
.law-img p.ico .ico-link_arr { display: inline-block; margin-left: 6px; width: 20px; height: 20px; background: url('../../images/user/sub/sub01/law_link.png') no-repeat 50% / contain; vertical-align: middle; }
.law-img::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(119, 153, 192, 0.20); }
.history-banner {background: url('./../../images/user/sub/sub01/history-banner.png') no-repeat 50% / cover; border-radius: 10px; padding: 88px 60px 40px; position: relative;}
.history-banner::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(31, 55, 99, 0.40); backdrop-filter: blur(2px); z-index: 0;}
.history-banner .banner-content {position: relative; z-index: 1;}
.history-banner .banner-content h2 {color: #fff; font-size: 82px; font-weight: 600;}
.history-banner .banner-content p {color: var(--g-black2); font-size: 32px; font-weight: 500;}
.history-banner + .history-content {margin-top: 64px;}
body:not(.page-former-director) .history-content {margin-top: 80px;}
body:not(.page-former-director) .history-item {display: flex;}
body:not(.page-former-director) .history-content__list .year {display: flex;color: var(--m-primary-100);font-size: 30px;font-weight: 600;line-height: 1.2;min-width: 140px;margin-right: 30px;}
..history-item { display: flex; }
body:not(.page-former-director) .history-item .content {padding-left: 25px;padding-bottom: 56px;position: relative;/* color: #000; *//* font-size: 22px; *//* font-weight: 500; *//* line-height: 1.6; */ /* 163.636% */}
body:not(.page-former-director) .history-item .content::before { content: ''; position: absolute; top: 13px; left: 0; width: 10px; height: 10px; background: var(--m-primary-100); border-radius: 50%; z-index: 1; }
body:not(.page-former-director) .history-item .content::after { content: ''; position: absolute; top: 13px; left: 4px; width: 1px; height: 100%; background: var(--g-black2); }
body:not(.page-former-director) .history-item .content p { color: #000; font-size: 22px; font-weight: 500; line-height: 1.6; }
body:not(.page-former-director) .history-item .content p + p { margin-top: 4px; }
body:not(.page-former-director) .history-item .content .sub-note {color: var(--g-black7);font-size: 20px;font-weight: 500;line-height: 1.5;}
.history-item .content .sub-note {color: #5B5B5B; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 20px; font-weight: 500; line-height: 36px;}
body:not(.page-former-director) .history-item:last-child .content::after { display: none; }
.ci-list{display: flex;}
.ci-item{padding: 50px 25px 28px;display: flex;flex-direction: column;align-items: center;border: 1px solid var(--g-black2);border-radius: 10px;}
.ci-item:not(:last-child){margin-right: 30px;}
.ci-img { font-size: 0; margin-bottom: 40px; }
.ci-img img { width: 100%; }
.ci-item .btn-wrap { margin-top: auto; }
/* .director-top / .director-top__l — page-former-director 미지정 페이지 전용.
   한국어 서브는 user/sub.css 의 .page-former-director / .page-director-greeting
   디자인을 그대로 받는다. en 의 margin-top:40px 가 끼면 area-btn 위치가 흐트러져
   사진/학력 영역과 겹쳐 보임. */
body:not(.page-former-director) .director-top { display: flex; justify-content: space-between; }
body:not(.page-former-director) .director-top__l { margin-top: 40px; position: relative; }
/* page-former-director 미지정 페이지(주로 영문)에만 director-bg 배경 적용.
   한국어 서브에는 user/sub.css 의 .page-director-greeting .sect-title__lead::before
   같은 다른 위치에 동일 이미지가 이미 들어가므로 중복 방지. */
body:not(.page-former-director) .director-top__l::before {content: '';position: absolute;top: -10px;left: -110px;background: url("../../../assets/images/user/sub/sub01/director-bg.png") no-repeat 50% / cover;width: 148px;height: 102px;}
body:not(.page-former-director) .director-top .tit-eng { color: var(--g-black8); font-size: 26px; font-weight: 200; line-height: 32px; /* 123.077% */}
body:not(.page-former-director) .director-top .tit { color: var(--g-primary-200); font-size: 42px; font-weight: 700; line-height: 56px; /* 133.333% */
 margin-top: 14px; }
body:not(.page-former-director) .director-top .cont { color: var(--g-black8); font-size: 22px; font-weight: 500; margin-top: 46px; }
body:not(.page-former-director) .director-top .cont p { color: var(--g-primary-100);  font-size: 32px; font-weight: 700; margin-top: 14px; }
body:not(.page-former-director) .director-top .cont p strong { font-size: inherit; color: inherit; font-weight: 700; }
body:not(.page-former-director) .director-img { font-size: 0; }
body:not(.page-former-director) .director-name { text-align: right; color: var(--g-black8); font-size: 26px; font-weight: 600; line-height: 44px; /* 169.231% */
 margin-top: 20px; display: flex; align-items: center; justify-content: right; gap: 20px; }
body:not(.page-former-director) .director-name img { height: 40px; }
body:not(.page-former-director) .director-content { margin-top: 40px; }
body:not(.page-former-director) .director-greetings { background: url("../../../assets/images/user/sub/sub01/greetings-bg.png") no-repeat 50% / 100% 100%; padding: 50px 60px; }
body:not(.page-former-director) .director-content__tit strong { color: var(--g-primary-200);  font-size: 28px; font-weight: 700; line-height: 40px; /* 142.857% */}
.director-content__tit { margin-bottom: 32px; }
.greetings-cont p { color: #000; font-size: 24px; font-weight: 500; line-height: 44px; /* 183.333% */}
/* swiper-control / swiper-btn / ico-slide_arr — page-former-director 미지정 페이지(주로 영문)에만 적용.
   한국어 서브는 user/sub.css 의 .page-former-director .ico-slide_arr / .swiper-control / .swiper-btn
   디자인을 그대로 받음. en 의 SVG 경로(`../../../assets/...`)는 잘못된 경로이기도 함. */
body:not(.page-former-director) .ico-slide_arr{width: 8px;height: 16px;background: url("../../../assets/images/ico/ico-slide_arr.svg") no-repeat 50% / cover;}
body:not(.page-former-director) .director-section .swiper-next .ico-slide_arr{transform: scaleX(-1);}
body:not(.page-former-director) .director-section .swiper-control{display: flex;align-items: center;justify-content: center;gap: 14px;position: absolute;top: 50px;right: 60px;z-index: 2;}
body:not(.page-former-director) .director-section .swiper-control .swiper-btn { width: 40px; height: 40px; border: 1px solid #e4e4e4; background: #fff;}
body:not(.page-former-director) .director-section .swiper-control .swiper-btn:hover {background: var(--g-primary-200);border-color: var(--g-primary-200);}
body:not(.page-former-director) .director-section .swiper-control .swiper-btn:hover i { filter: var(--filter-white);}
body:not(.page-former-director) .history-item__tit {padding: 8px 18px;background: var(--g-primary-100);color: #fff;text-align: center;font-size: 18px;font-weight: 600;line-height: 1.22;display: inline-block;margin-bottom: 14px;}
body:not(.page-former-director) .history-content__list.flex-space > div { flex: 1; }
.director-history { padding: 50px 60px; border: 1px solid var(--g-black2); background: #FFF; }
.director-history { padding: 50px 60px; border: 1px solid var(--g-black2); background: #FFF; }
body:not(.page-former-director) .history-content__list.flex-space .year { font-size: 20px; min-width: 94px; margin-right: 18px; margin-top: 8px;}
body:not(.page-former-director) .history-content__list.flex-space .content { padding-bottom: 14px; }
body:not(.page-former-director) .history-content__list.flex-space .content p { font-size: 18px; }
body:not(.page-former-director) .history-content__list.flex-space .content::before { width: 8px; height: 8px; left: 1px; }
body:not(.page-former-director) .history-item__list + .history-item__list { margin-top: calc(40px - 14px); }
body:not(.page-former-director) .director-slide02 .director-top__l::before{display: none;}
/* page-former-director 미지정 페이지(주로 영문) 전용 모달 배경.
   한국어 서브는 user/sub.css 의 .page-former-director .director.modal-common
   디자인을 받음. en 의 background-color:#fff 가 끼면 흰색 ico-close.svg 가
   흰 배경 위에 사라져 닫기 버튼이 안 보임. */
body:not(.page-former-director) .director.modal.modal-common { max-width: 1440px; background: url("../../../assets/images/user/sub/sub01/director-modal-bg.png") no-repeat 50% / cover; background-color: #fff; }
.director-slide02 { height: 585px; }
body:not(.page-former-director) .director-slide02 .swiper-control { top: 0; left: 50%; transform: translateX(-50%); }
.director-slide02 .director-top__l { margin-top: 0; }
.director-slide02 .history-item__tit { margin-bottom: 30px; }
.director-slide02 .swiper-slide { height: 100%; align-self: stretch; display: flex; flex-direction: column; }
.director-slide02 .director-top { flex: 1; }



/* vision */
.vision-top {border-radius: 10px; padding: 40px 0; text-align: center; background: url('./../../images/user/sub/sub01/sub03_top.png') no-repeat 50% / cover; }
.vision-top p {margin-bottom: 12px; color: var(--g-primary-100); text-align: center; font-size: 26px; font-weight: 500; }
.vision-top strong { color: var(--g-primary-200); text-align: center; font-size: 44px; font-weight: 700; }
.vision-cont{margin-top: 50px;text-align: center; position: relative;}
.vision-cont::before { content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: 654px; background: url('./../../images/user/sub/sub01/vision_bg01.png') no-repeat top / 100% 654px; z-index: -1; margin: 0 calc((100vw - 1440px)/2 * -1); }
.vision-txt{font-size: 24px; font-weight: 600; line-height: 1.25; background: var(--g-primary-100); color: #fff; display: inline-flex; padding: 14px 32px; justify-content: center; align-items: center;}
.vision-circle_wrap{display:flex; margin: 30px 0 50px;}
.vision-circle_wrap img{max-width: 100%;}
.vision-circle { width: 356px; height: 356px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: #fff; border: 5px solid var(--g-primary-100); }
.vision-bottomTxt {margin: 30px 0 20px; border-radius: 5px;border: 1px solid var(--g-black2);background: #fff;padding: 40px 0;text-align: center; color: var(--g-black8); font-size: 26px; font-weight: 600;}
.vision-bottomTxt b{font-weight: 700;}
.vision-list{margin-top: 20px; display: flex; justify-content: center; gap: 30px;}
.vision-list > li{flex: 1; text-align: center;}
.vision-box{border-radius: 5px;background: var(--g-primary-10);padding: 44px 40px;height: 100%;}
.vision-box .tit{margin-bottom: 30px; color: #000; text-align: center; font-size: 34px; font-weight: 700; line-height: 1.23;}
.vision-box .txt { color: var(--g-black8);text-align: center;font-size: 24px;font-weight: 500;line-height: 1.58; }
.vision-arrow{text-align: center;}
.content-section.sect-mission {background: url('../../../assets/images/user/sub/sub01/vision_bg02.png') no-repeat top 137px center / 100% 1281px;}
.mission-top {text-align: center; padding: 40px 0; border-radius: 5px;border: 1px solid var(--g-black3);background: #fff;color: var(--g-black8);font-size: 30px;font-weight: 600;line-height: 1.6; }
.mission-top b{font-weight: 700;}
.mission-list{display: flex; margin-bottom: 20px;}
.mission-list .l{width: 160px;flex: 0 0 auto;margin-right: 60px;position: relative;}
.mission-list .l::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 100%;width: 60px;height: 2px;background: url('../../../assets/images/user/sub/sub01/mission-line.svg') repeat left / cover;}
.mission-list .l .tit{background-color: #E6EDF3;color: var(--g-black8);font-size: 22px;font-weight: 600;display: flex;align-items: center;justify-content: center;height: 100%;text-align: center;line-height: 1.5;}
.mission-list .l .tit.type2{flex-direction: column;}
.mission-list .r{width: 100%;}
.mission-cont__ul.row4 > li > div:not(:last-child){padding-right: 15px;}
.mission-way__cont{padding-left: 105px;}
.mission-cont__txt{margin-top: 10px; padding: 15px 0; background-color: #E9F7F6;}
.mission-cont__txt p{color: #2DB1A7; font-size: 18px; text-align: center; line-height: 28px;}
.mission-way__cont{margin-bottom: 10px;margin-top: -30px;}
.mission-way__cont.row2 > *:not(:last-child){margin-right: 20px;}
.mission-way__cont.row3 > *:not(:last-child){margin-right: 20px;}
.mission-tit{width: 100%;height: 70px;display: flex;align-items: center;justify-content: center;background-color: #888;color: #fff;font-size: 18px;font-weight: 700;text-align: center;}
.mission-tit br.mobile-ver{display: none;}
.mission-cont__ul.row4 .mission-list__cont{padding: 24px 20px;}
.mission-cont .mission-list__cont::after { content: ''; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: 60px; height: 2px; background: url('../../../assets/images/user/sub/sub01/mission-line.svg') repeat left / cover; }
.mission-cont .mission-box:last-child .mission-list__cont::after{display: none;}
.way-txt{font-size: 18px;font-weight: 700;color: #2DB1A7;padding-top: 15px;text-align: center;}
.mission-cont{margin-top: 40px;}
.mission-cont__tit{width: 100%;height: 70px;font-size: 18px;background-color: #2DB1A7;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;line-height: 1.3;}
.mission-cont__tit.bg-gray{background-color: #D0D0D0; color: #000;}
.mission-cont__tit.bg-gray b{font-weight: 500;}
.mission-cont__tit br.mobile-ver{display: none;}
.mission-cont__ul > li{display: flex;flex: 1;}
.mission-cont__ul > li .mission-box{width: 100%;display: flex;flex-direction: column;}
.mission-cont__ul > li .mission-box:not(:last-child){padding-right: 40px;}
.mission-cont .tit{width: 100%;padding: 22px 0;font-size: 26px;color: #fff;text-align: center;border-radius: 5px;background: var(--g-primary-100);display: flex;align-items: center;justify-content: center;line-height: 1.3;gap: 24px;font-weight: 600;}
.mission-cont .tit strong{font-size: inherit; color: inherit; font-weight: 700;}
.mission-cont .tit p{font-size: inherit; color: inherit;}
.mission-cont .tit.tit02 { font-size: 24px; padding: 16px 0; border-radius: 5px; background: radial-gradient(187.08% 263.08% at 81.15% 0%, #002F63 0%, #001935 100%); }
.mission-cont .mission-list__cont{padding: 24px 37px;margin: 14px 0;border-radius: 5px;border: 1px solid var(--g-black2);background: #fff;height: 100%;position: relative;}
.mission-cont .mission-list__cont p{position: relative;color: var(--g-black8);font-size: 22px;font-weight: 500;line-height: 36px; /* 163.636% */display: flex;gap: 5px;}
.mission-cont .mission-list__cont .list::before{content:'·'}
.mission-cont .mission-list__cont p:last-child{padding-bottom: 0;}
.mission-cont .mission-list__cont p span.br{display: block;}
.mission-cont__tit br.mobile-ver{display: none;}
.mission-bt{background: url("../../../assets/images/user/sub/sub01/mission-bt_img.png") no-repeat 50% / cover;padding: 40px 80px;text-align: center;border-radius: 5px;}
.mission-bt strong {color: var(--g-primary-200);text-align: center;font-size: 36px;font-weight: 700;line-height: 1.3;}
.mission-bt p { color: var(--g-black8);text-align: center;font-size: 22px;font-weight: 500; }
.mission-list.list-bt {align-items: center; justify-content: center; padding: 80px 0 40px;}
.mission-md {gap: 12px; padding: 28px 42px; border-radius: 5px; background: rgba(228, 228, 228, 0.50); display: flex; align-items: center; }
.mission-md p { border-radius: 5px; background: var(--m-primary-100); padding: 16px 20px; color: #fff; text-align: center; font-size: 18px; font-weight: 600; line-height: 22px; /* 122.222% */}
.mission-list.list-bt > div:not(:last-child){margin-right: 56px; position: relative;}
.mission-list.list-bt > div:not(:last-child)::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 100%;width: 58px;height: 18px;background: url("../../../assets/images/user/sub/sub01/mission_arrow.svg") no-repeat 50% / cover;z-index: 1;}
.mission-cont__ul.type02{margin-bottom: 20px;}
.mission-cont__ul.type02 > li{justify-content: space-between;}
.mission-cont__ul.type02 > li .mission-box{ max-width: 524px;}
.mission-cont__ul.type02 .mission-list__cont { border-radius: 5px; background: var(--g-black1); padding: 42px 31px; border: 0; }
.mission-result { color: var(--g-black8); text-align: center; font-size: 34px; font-weight: 600; line-height: 1.23; position: relative; margin-top: 34px; }
.mission-result b { color: var(--v-black9);font-size: 34px;font-weight: 700;line-height: 42px; }
.mission-result::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); slateX(-50%); width: 496px; height: 74px; border-radius: 100%; background: rgba(83, 129, 183, 0.30); filter: blur(15px); z-index: -1; }
.mission-cont .type02 .mission-list__cont::after{display: none;}

/* tab-list */
.tab-list{display: flex; gap: 20px;}
.tab-list .btn { display: flex; align-items: center; justify-content: center; padding: 12px 28px; border: 1px solid var(--g-black2);background: #fff;color: var(--g-black8);font-size: 20px;font-weight: 500; }
.tab-list .btn.active{background: linear-gradient(90deg, #314C6A 0%, #3E6999 100%); color: #fff;}
.btn.mainGradient { display: inline-flex; align-items: center; justify-content: center; flex: 1; max-width: 350px; min-width: 0; height: 57px; padding: 0 28px; border: 0; border-radius: 5px; background: linear-gradient(90deg, #314C6A 0%, #3E6999 100%); color: #fff; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 20px; font-weight: 700; line-height: 1; }
.btn.mainGradient:hover, .btn.mainGradient:focus { background: linear-gradient(90deg, #1F3763 0%, #314C6A 100%); color: #fff; }
.btn.mainLine { display: inline-flex; align-items: center; justify-content: center; flex: 1; max-width: 350px; min-width: 0; height: 57px; padding: 0 28px; border: 1px solid #314C6A; border-radius: 5px; background: #fff; color: #314C6A; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 20px; font-weight: 700; line-height: 1; }
.btn.mainLine:hover, .btn.mainLine:focus { background: #314C6A; color: #fff; }
.btn.medium.mainLine { flex: 0 0 auto; max-width: none; width: 174px; height: 50px; padding: 0 12px; font-size: 20px; font-weight: 700; line-height: 26px; gap: 6px; }
.btn.medium.mainGradient { flex: 0 0 auto; max-width: none; width: 214px; height: 57px; font-size: 20px; font-weight: 700; }
.sect-infoopen .sect-subtit { margin: 40px 0 20px; }
.sect-infoopen .sect-subtit h3 { color: #314C6A; font-size: 30px; font-weight: 700; line-height: 1.3; }
.sect-inforequest .area-btn { display: flex; justify-content: flex-end; margin: 20px 0 0; }
.sect-inforequest .area-btn .btn.mainLine,
.sect-infopublic .area-btn .btn.mainLine { flex: 0 0 auto; width: 258px; height: 50px; max-width: none; padding: 0 18px; border: 0.5px solid #314C6A; font-size: 20px; font-weight: 700; line-height: 26px; gap: 6px; }
.sect-inforequest .area-btn .btn.mainLine .ico-link,
.sect-infopublic .area-btn .btn.mainLine .ico-link { display: inline-block; width: 24px; height: 24px; background: #314C6A; -webkit-mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain; mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain; transition: background .2s; }
.sect-inforequest .area-btn .btn.mainLine:hover .ico-link, .sect-inforequest .area-btn .btn.mainLine:focus .ico-link,
.sect-infopublic .area-btn .btn.mainLine:hover .ico-link, .sect-infopublic .area-btn .btn.mainLine:focus .ico-link { background: #fff; }
.sect-infopublic .area-btn { justify-content: flex-start; margin: 30px 0 0; }
.sect-infopublic .area-btn .btn.mainLine { width: 275px; }
.btn.medium.mainLine:hover, .btn.medium.mainLine:focus { background: #5381B7; color: #fff; border-color: #5381B7; }
.btn.medium.mainLine .ico-download { display: inline-block; width: 34px; height: 34px; background: #314C6A; -webkit-mask: url("../../images/ico/ico-download.svg") no-repeat 50% / contain; mask: url("../../images/ico/ico-download.svg") no-repeat 50% / contain; transition: background .2s;}
.btn.medium.mainLine:hover .ico-download, .btn.medium.mainLine:focus .ico-download { background: #fff; }
.wrap-post .btn.medium.mainLine { width: 302px; }
.wrap-post .btn.medium.mainLine .ico-download { width: 32px; height: 32px; }
.btn.medium.mainLine.certi-down { width: 274px; }
.btn.medium.mainLine.certi-down .ico-download { width: 32px; height: 32px; }
.list-method ~ .area-btn .btn.mainLine { flex: 0 0 auto; width: 172px; height: 50px; max-width: none; padding: 0 12px; gap: 4px; font-size: 18px; font-weight: 700; line-height: 1; }
.list-method ~ .area-btn .btn.mainLine .ico-download { display: inline-block; flex: 0 0 auto; width: 32px; height: 32px; background: #314C6A; -webkit-mask: url("../../images/ico/ico-download.svg") no-repeat 50% / contain; mask: url("../../images/ico/ico-download.svg") no-repeat 50% / contain; transition: background .2s; }
.list-method ~ .area-btn .btn.mainLine:hover .ico-download, .list-method ~ .area-btn .btn.mainLine:focus .ico-download { background: #fff; }
.btn.grayLine { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 20px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff; color: #757575; font-size: 18px; font-weight: 500; line-height: 1.3; text-align: center; transition: all .3s; }
.btn.grayLine:hover, .btn.grayLine:focus { color: #5381B7; border-color: #5381B7; }
.sect-disclosure .vision-top .btn.mainLine { flex: 0 0 auto; width: 275px; height: 50px; max-width: none; padding: 0 18px; gap: 6px; font-size: 20px; font-weight: 700; line-height: 26px; }
.sect-disclosure .vision-top .btn.mainLine .ico-link { display: inline-block; width: 24px; height: 24px; background: #314C6A; -webkit-mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain; mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain; transition: background .2s; }
.sect-disclosure .vision-top .btn.mainLine:hover .ico-link, .sect-disclosure .vision-top .btn.mainLine:focus .ico-link { background: #fff; }
.area-btn { display: flex; gap: 16px; justify-content: center; align-items: center; }
.area-btn.full > .btn.mainLine,
.area-btn.full > .btn.mainGradient { max-width: 100%; }
.wrap-form + .area-btn { margin-top: 40px; }
.wrap-form + .area-btn .btn.mainLine,
.wrap-form + .area-btn .btn.mainGradient { flex: 0 0 auto; width: 214px; max-width: none; }
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="checkbox"]:checked + label:before { background: #4A8FF5 url('../../images/cmn/ico_check_w.svg') no-repeat 50% / 13px 10px; border-color: #4A8FF5; }
.tab-list.full > li{flex: 1;}
.tab-list.full .btn{height: 60px; font-size: 22px;}
.tab-list.full .btn:not(.active){background: var(--g-black1); color: var(--g-black8); border: 0;}
.tab-list.type02 .btn{border-radius: 5px; color: var(--g-black6)}
.tab-list.type02 .btn.active {background: var(--g-primary-100); border-color: var(--g-primary-100); color: #fff;}


/* map */
.map-box{}
.map-container {border-radius: 5px;border: 1px solid var(--g-black2);position: relative;max-width: 100%;height: 586px;margin: 18px auto 80px;padding: 40px 0;background-size: cover;background-color: #FDFDFE;text-align: center;}
.map-img{position: relative;display: inline-flex;align-items: center;justify-content: center;margin: 0 auto;}
.location {position: absolute;cursor: pointer;z-index: 1; transition: .3s;}
.location-btn {cursor: pointer;width: 36px;height: 36px;background: url("../../../assets/images/ico/ico-location.svg") no-repeat 50% / cover;position: relative;z-index: 3;}
.location.active .location-btn{background-image: url("../../../assets/images/ico/ico-location_on.svg");width: 36px;height: 44px;}
.location-txt {display: none;position: absolute;top: -45px;left: calc(100% + 95px);transition: .5s;pointer-events: auto;}
.location-txt{left: auto;right: calc(100% + 95px);}
.location-txt::before{display: none;content: '';position: absolute;left: calc(100% - 5px);top: 27px;width: 107px;height: 47px;background: url('../../../assets/images/ico/loca-line.svg') no-repeat 50% / cover;z-index: 3;}
.location-txt::after {content: '';position: absolute;top: 41px;left: calc(100% - 5px);width: 11px;height: 11px;border-radius: 50%;/* background: var(--g-primary-100); */}
.location.left {z-index: 1;}
.location-box {width: 196px;border-radius: 20px;background: rgba(255, 255, 255, 0.20);box-shadow: -1px -1px 4px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 20px 6px rgba(113, 138, 178, 0.08);backdrop-filter: blur(10px);padding: 20px 30px;position: relative;z-index: 1;}
.location-box + .location-box{margin-top: 16px;}
.location.active .location-txt::before{display: block;}
.location-txt .tit {display: flex;align-items: center;gap: 8px;font-size: 22px;font-weight: 600;color: #292929;}
.location-txt .tit i {width: 26px; height: 26px; background-image: url("../../../assets/images/ico/ico-company.svg"); background-repeat: no-repeat; background-size: cover;}
.location-txt .txt {font-size: 18px;line-height: 1.7;color: #757575;margin-top: 16px;word-break: keep-all;}
.map-bbs{position: relative; padding: 60px 0; background: var(--g-primary-bg01);}


/* bbs */
/* bbsBar */
.bbsBar{display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;}
.bbsBar-subTit{font-size: 20px;}
.bbsBar .input-group{display: flex;gap: 14px;}
.sch-select select{appearance: none;-webkit-appearance: none;width: 192px;height: 50px;padding: 0 44px 0 20px;border: 1px solid var(--g-black2);border-radius: 5px;background: #fff url(../../images/ico/ico_select_arr.svg) no-repeat 50% / 14px 8px;background-position-x: calc(100% - 20px) !important;font-size: 16px;font-weight: 500;color: var(--g-black8);line-height: 20px;}
.sch-input{position: relative;display: flex;gap: 14px;}
.sch-input input{width: 434px;height: 50px;padding: 0 20px;border: 1px solid var(--g-black2);border-radius: 5px;background: #fff;font-size: 16px;font-weight: 500;}
.sch-input .btn-sch{display: inline-flex;align-items: center;justify-content: center;width: 50px;height: 50px;padding: 0;border: 0;border-radius: 5px;background: #5381B7;cursor: pointer;}
.ico-search_w{width: 28px;height: 28px;background: url('../../images/ico/ico-search_w.svg') no-repeat 50% / contain;}
.input_wrap.date input{width: 174px;height: 50px;position: relative;padding: 10px 56px 10px 20px;background: #fff url('../../images/ico/ico-calendar.svg') no-repeat right 12px center / 32px 32px;border: 1px solid var(--g-black2);border-radius: 5px;font-size: 16px;font-weight: 500;color: var(--g-black8);}
.input_wrap.date {gap: 14px;}
.input_wrap.date .dash{width: 14px; height: 1px; background: var(--g-black3);}



/* bbsPaging */
.bbsPaging {width:100%;margin:50px 0;font-size:0;text-align:center;display: flex;align-items: center;justify-content: center;}
.bbsPaging .prev{background: no-repeat 50% / 6px 12px;background-image: url(../../images/cmn/ico-page_btn.svg);width: 28px;height: 28px;border-radius: 2px;border: 1px solid var(--g-black3);background-color: rgba(255, 255, 255, 0.30);margin-right: 30px;}
.bbsPaging .next{background: no-repeat 50% / 6px 12px;background-image: url(../../images/cmn/ico-page_btn.svg);transform: rotate(180deg);width: 28px;height: 28px;border-radius: 2px;border: 1px solid var(--g-black3);background-color: rgba(255, 255, 255, 0.30);margin-right: 0;margin-left: 16px;}
.bbsPaging a {display: inline-block;font-size: 18px;font-weight: 400;color: #bababa;border: 1px solid var(--g-black2);background-color: #fff;border-radius: 0;vertical-align: top;width: 40px;height: 40px;border-radius: 2px;line-height: 40px;margin-right: 14px;}
.bbsPaging .num-group {display: inline-block;font-size: 0;}
.bbsPaging .num { display: inline-block; }
.bbsPaging .num a{}
.bbsPaging .num.on a{background-color: var(--g-primary-100);color: #fff;}
/* bbsBoard */
.bbsBoard.type-list > ul{display: flex;flex-wrap: wrap;gap: 0 30px;}
.bbsBoard.type-list > ul > li{width: calc(33.3333% - 20px);margin-bottom: 30px;}
.bbsItem{position: relative;width: 100%;border-radius: 5px;border: 1px solid var(--g-black2);background: #fff;padding: 40px 30px;height: 100%;transition: .2s;}
.bbsItem .tag{display: inline-block; padding: 12px 20px;background: var(--g-primary-100); color: #fff; font-size: 22px; font-weight: 600; margin-bottom: 24px;}
.bbsItem .tit {text-align: left; color: #000;font-size: 30px;font-weight: 700;line-height: 1.4;margin-bottom: 10px;}
.bbsItem .tit.text-over2{min-height: 84px;margin-bottom: 54px;}
.bbsItem .cont { color: var(--g-black8);font-size: 24px;font-weight: 600;line-height: 1.41;letter-spacing: 0.48px;margin-bottom: 24px; }
.bbsItem .info span { color: var(--g-black6);font-size: 20px;font-weight: 600; }
.bbsItem .info span:not(:last-child) { padding-right: 10px; margin-right: 10px; position: relative }
.bbsItem .info span:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-right: 1px solid var(--g-black3); height: 12px; }
.bbsBoard.type-list.row2 > ul{gap: 20px;}
.bbsBoard.type-list.row2 > ul > li{width: calc(50% - 20px); margin-bottom: 0;}
.bbsItem .logo-img.img{margin-top: 0;position: absolute; top: 30px; right: 30px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.bbsList.type-photo .bbsItem:hover{outline: 2px solid var(--m-primary-100);}

/* bbsBoard - 일정형 목록 (Korea Brain Academy) */
.page-kba .sect-tit h3 { color: #000; font-size: 30px; }
body.page-kba .sect-tit h3 { color: #000; } /* sub.css .page-former-director .sect-tit h3 색상 덮어쓰기 */
.bbsBoard.type-event > ul { border-top: 1px solid var(--g-black6); border-bottom: 1px solid var(--g-black6); }
.bbsBoard.type-event > ul > li + li { border-top: 1px solid var(--g-black2); }
.eventItem { display: flex; align-items: center; gap: 80px; padding: 40px 0; }
.eventItem__day { flex: 0 0 68px; text-align: center; }
.eventItem__day strong { display: block; color: #222; font-size: 36px; font-weight: 700; line-height: 1.2; }
.eventItem__day span { display: block; margin-top: 6px; color: var(--g-black8); font-size: 16px; }
.eventItem__body { flex: 1; min-width: 0; }
.eventItem__date { color: var(--g-primary-100); font-size: 18px; font-weight: 500; line-height: 1.5; }
.eventItem__tit { display: block; margin-top: 8px; color: #000; font-size: 22px; font-weight: 700; line-height: 1.45; transition: color .2s; }
.eventItem__cont { margin-top: 12px; color: var(--g-black6); font-size: 17px; line-height: 1.75; word-break: keep-all; }
.eventItem:hover .eventItem__tit,
.eventItem:focus-visible .eventItem__tit { color: var(--g-primary-100); text-decoration: underline; }

/* 발표자·장소·주최자 정보 (목록 / 상세 공통) */
.bbsMeta { display: flex; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.bbsMeta li { display: flex; align-items: center; gap: 8px; color: var(--g-black8); font-size: 17px; line-height: 1.5; }
.bbsMeta li b { color: #222; font-weight: 600; }
.bbsMeta li + li::before { content: ""; width: 1px; height: 12px; margin: 0 14px 0 6px; background: var(--g-black3); }
.bbsMeta--box { margin-top: 20px; padding: 10px 24px; border-radius: 4px; background: var(--g-primary-bg01); }
.bbsMeta--box li { font-size: 18px; }
.bbsMeta--box li b { color: var(--g-primary-100); }

@media screen and (max-width:767px) {
  .page-kba .sect-tit h3 { font-size: 22px; }
  .eventItem { align-items: flex-start; gap: 16px; padding: 24px 0; }
  .eventItem__day { flex-basis: 56px; }
  .eventItem__day strong { font-size: 26px; }
  .eventItem__day span { font-size: 13px; }
  .eventItem__date { font-size: 14px; }
  .eventItem__tit { font-size: 17px; }
  .eventItem__cont { font-size: 14px; }
  .bbsMeta li { font-size: 14px; }
  .bbsMeta li + li::before { margin: 0 10px 0 4px; }
  .bbsMeta--box { padding: 10px 16px; }
  .bbsMeta--box li { font-size: 15px; }
}



/* bbsView */
.bbsView-top {padding-bottom: 20px;border-bottom: 1px solid var(--g-black4);}
.bbsView-top .date{display: flex; align-items: center;}
.bbsView-top .date li{font-size: 18px;color: var(--g-black8);}
.bbsView-top .date li.bold{font-weight: 700;}
.bbsView-top .date li:not(:last-child){position: relative;display: flex;align-items: center;}
.bbsView-top .date li:not(:last-child):after{content: 'ㅣ'; margin: 0 4px; color: #E4E4E4;}
.bbsView-top .tit{font-size: 28px;}
.bbsView-tit.flex-c-space { margin-top: 12px; }
.bbsView-tit .print-btn { width: 34px; height: 34px; }
.bbsView-tit .print-btn i { width: 20px; height: 20px; }
.bbsView-num { display: flex; align-items: center; gap: 10px; }
.bbsView-num * { font-size: 18px; font-weight: 600; }
.bbsView-num b { color: var(--g-black6) }
.ico-eye { width: 24px; height: 24px; background: url("../../images/ico/ico-eye.svg") no-repeat 50% / cover; }
.bbsView-detail { padding: 40px 0; }
.bbsView-detail .cont * { font-size: 18px; line-height: 1.7; }
.bbsView-detail img,
.bbsView-detail video,
.bbsView-detail iframe { max-width: 100%; height: auto !important; }
.bbsView-file .bbsView-file-text { font-weight: bold; margin-bottom: 4px; padding-left: 4px; }
.bbsView-file__cont { /* background: rgba(182, 0, 129, 0.05); *//* border-radius: 10px; */ }
.bbsView-file__cont > ul > li { padding: 24px 20px; display: flex; align-items: center; border-radius: 5px; background: rgba(224, 231, 244, 0.20); }
.bbsView-file__cont > ul > li > a { font-size: 16px; margin-top: 3px; font-weight: 500; text-decoration: underline; line-height: 1.5; }
.bbsView-file__cont > ul > li:before { content: ''; width: 22px; height: 22px; flex: none; margin-right: 10px; background: no-repeat 50% / cover; background-image: url("../../images/ico/ico-file.svg"); }
.bbsView-file__cont > ul > li:not(:last-child) { margin-bottom: 10px; }
.bbsView-nav { margin-top: 40px;}
.bbsView-nav > ul {position: relative;display: block;margin-top: 40px;border-top: 1px solid rgba(117, 117, 117, 0.3);border-bottom: 1px solid rgba(117, 117, 117, 0.3);}
.bbsView-nav > ul > li{display: flex; align-items: center;}
.bbsView-nav > ul > li:not(:last-child){border-bottom: 1px solid rgba(228, 228, 228, 0.3);}
.bbsView-nav > ul > li > span {flex: none;position: relative;font-weight: 500;padding-left: 20px;padding-right: 20px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 600;color: var(--g-black6);}
.bbsView-nav > ul > li.prev > span::after,
.bbsView-nav > ul > li.next > span::after{content: '';width: 28px;height: 28px;background-image: url(../../images/cmn/nav-prev.svg);background-repeat: no-repeat;background-size: 20px 20px;background-position: 50%;margin-left: 15px;border: 1px solid var(--g-black3);}
.bbsView-nav > ul > li.next > span::after{transform: rotate(180deg)}
.bbsView-nav > ul > li > a { position: relative; display: block; height: auto; min-width: unset;  width: 100%; padding: 12px 20px; color: #757575; font-size: 16px; font-weight: 600; text-align: left; border-radius: 0; transition: all .3s;  }
.bbsView-nav > ul > li > a:hover{text-decoration: underline;}
.bbsView-btn__wrap{width: 100%; display: flex; justify-content: center;}
.bbsView-nav__btn {margin-top: 30px; color: #292929;  width: 173px; height: 50px; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: #fff; }
.bbsView-top .info{display: flex; align-items: center;}
.bbsView-top .info li{font-size: 14px; color: #757575;}
.bbsView-top .info li:not(:last-child){position: relative;display: flex;align-items: center;}
.bbsView-top .info li:not(:last-child):after{content: 'ㅣ'; margin: 0 4px; color: #E4E4E4;}
.bbsView-list{ margin-top: 40px; border-top: 1px solid #000;}
.bbsView-hd {padding-bottom: 20px;}
.bbsView-hd .tit{font-size: 26px; margin-top: 5px; padding-left: 20px; line-height: 1.5;font-weight: 500;width: 100%; text-align: left; padding-right: 10px;}
.bbsView-hd .tit:before{content: 'A'; color: #B60081; font-size: 18px;text-align: center;font-weight: 900;}
.bbsView-bd{ padding: 24px 20px; display: flex;}
.bbsView-bd .bbsView-bd_wrap{content: 'A'; top: 0;left: 0; font-size: 18px;text-align: center; }




/* 조직도 스타일 */
.org-chart_area { background: url('../../images/user/sub/sub01/brain-bg.png') no-repeat 50% / cover; border: 1px solid var(--g-black2); border-radius: 5px; padding: 46px 50px; padding-right: 35px; }
.org-cont { margin-top: 80px; }
.org-button { text-align: center; /* width: 250px; */ }
.org-row.org-main { text-align: center; position: relative; }
.org-row.org-main::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 1px; height: 134px; background: var(--g-black2); }
.org-button.type01 { max-width: 440px; width: 100%; padding: 14.3px; background: url('../../images/user/sub/sub01/org-bg01.png') no-repeat 50% / cover, radial-gradient(164.1% 307.23% at 69.5% -28.03%, #002F63 0%, #001935 100%); color: #fff; font-size: 24px; font-weight: 600; border-radius: 5px; display: inline-block; position: relative; }
.org-button.type02 { padding: 16px 0; background: var(--g-primary-10); color: var(--g-primary-200); text-align: center; font-size: 20px; font-weight: 600; line-height: 28px; /* 140% */
 border-radius: 5px; }
.org-button.type03 { width: 100%; padding: 14.3px; background: url('../../images/user/sub/sub01/org-bg02.png') no-repeat 50% / cover, var(--g-primary-200); color: #fff; font-size: 24px; font-weight: 600; border-radius: 5px; display: inline-block; position: relative; overflow: hidden; }
.org-button.type04 { padding: 16px 0; background: var(--g-primary-100); color: #fff; text-align: center; font-size: 20px; font-weight: 600; line-height: 28px; /* 140% */
 border-radius: 5px; }
.org-button.type05 {background: #fff; border: 1px solid var(--g-black2); padding: 16px 0; color: var(--g-black8);font-size: 20px;font-weight: 600;line-height: 28px; /* 140% */}
.org-row.org-sub { display: flex; justify-content: right; margin-top: 24px; position: relative; }
.org-row.org-sub::after { content: ''; position: absolute; right: 250px; top: 50%; width: calc(50% - 250px); transform: translateY(-50%); height: 1px; background: var(--g-black2); }
.org-sub .org-button { width: 250px; }
.org-row.org-mid { display: flex; margin-top: 50px; position: relative; }
.org-row_area::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 30px; background: var(--g-black2); }
.org-row.org-mid::before { content: ''; position: absolute; top: 0; left: 385px; width: 840px; height: 1px; background: var(--g-black2); }
.org-row_wrap { display: flex; gap: 20px; }
.org-row_area { padding-top: 30px; display: flex; flex-direction: column; flex: 1; position: relative; }
.org-row_area:nth-child(1) { margin-right: 39px; flex: 3; }
.org-row_area:nth-child(2) { margin-right: 30px; }
.org-group { margin-top: 20px; flex: 1; }
.org-group > li:not(:last-child) { margin-bottom: 14px; }
.org-group > li { position: relative; }
.org-group > li::before { z-index: -1; content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 1px; height: 20px; background: var(--g-black2); }
.bbsItem.team-leader .tag{background: var(--m-primary-100);}
.bbsOrg .bbsItem { padding: 30px; }
.bbsOrg .bbsItem .tag { padding: 8px 20px; font-size: 20px; margin-bottom: 20px; }
.bbsOrg .bbsItem .tit { font-size: 24px; }
.bbsOrg .bbsItem .cont { margin-bottom: 20px; font-size: 20px; color: var(--g-black6); font-weight: 500; }
.bbsOrg .bbsItem .info span { color: var(--g-black8); }

/* table */
.table{border-top: 1px solid var(--g-black6); border-bottom: 1px solid var(--g-black6);}
table thead th{height: 50px; background: var(--g-black1); font-size: 18px; font-weight: 700; color: #000; border: 1px solid var(--g-black3); border-top: 0;}
table tbody th{background: var(--g-black1); font-size: 18px; font-weight: 600; color: #000;}
table tbody th.th02{font-size: 18px; color: var(--g-black8)}
table tbody th,
table tbody td{border: 1px solid var(--g-black2);}
table tbody td{text-align: center; padding: 15px 20px; color: var(--g-black7); font-size: 18px; font-weight: 500; line-height: 1.66}

table thead th:first-child,
table tbody th:first-child,
table tbody td:first-child{border-left: 0;}
table thead th:last-child,
table tbody th:last-child,
table tbody td:last-child{border-right: 0;}
.border-l-0{border-left: 0;}
.border-r-0{border-right: 0;}
table tbody td.ta-l{text-align: left;}
.bbsTable table tbody td.
table tbody .bottom-line,
table tbody .bottom-line{border-bottom-color: var(--g-black4)}
.bbsTable table tbody td{padding: 10px 20px;}
.bbsTable table tbody td b{font-weight: 600;}
.bbsTable table tbody td.td-gray{color: var(--g-black8);}


/* map */
.sect_map.typeB {margin-bottom: 0;}
.direction {}
.direction {border: 1px solid var(--g-black2);border-radius: 10px;margin-top: 116px;overflow: hidden;background: #fff;}
.direction_info {border: 0;margin: 0 auto;margin-bottom: 0;padding: 60px 50px;position: relative;}
.direction_info-top {border-bottom: 1px solid var(--g-black2);}
.direction_info-top .direction_title {font-size: 34px;color: #000;font-weight: 700;}
.info_list {display: flex;width: 100%;padding-bottom: 30px;margin-top: 30px;}
.info_list ul {display: flex;}
.info_list ul li {display: flex;margin-right: 30px;}
.info_list ul li:first-child {margin-right: 100px;}
.info_list ul li .th {margin-right: 14px;}
.info_list li .th, .info_list li .td{font-size: 20px;margin-top: 0;color: var(--g-black9);font-weight: 700;}
.info_list li .td {color: var(--g-black8);font-weight: 500;}
.info_list li .td span:not(:last-child){margin-right: 10px; padding-right: 10px; position: relative;}
.info_list li .td span:not(:last-child)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 10px; background: #E4E4E4;}
.info_list li:first-child .td{}
.dir_btn {outline: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;max-width: 128px;max-height: 50px;padding: 8px 16px;position: absolute;background: linear-gradient(99deg, #314C6A 0%, #3E6999 100%);border-radius: 5px;color: #fff;font-size: 20px;font-weight: 600;transition: 0.4s;top: 50px;right: 50px;}
.dir_btn .ico_direction {position: relative;margin-right: 8px;background-image: url(../../images/ico/ico_direction.svg);background-position: 50%;background-repeat: no-repeat;background-size: contain;width: 34px;height: 34px;}
.way_list {margin-top: 30px;}
.way_list ul {width: 100%;display: flex;flex-wrap: wrap;}
.way_list ul li {display: flex;margin-bottom: 20px;align-items: center;width: 50%;}
.way_list ul li:not(:last-child) {margin-bottom: 24px;}
.way_list ul li .way-img {flex: none;border: 1px solid var(--g-black2);border-radius: 50%;width: 86px;height: 86px;margin-right: 25px;display: flex;align-items: center;justify-content: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.way_list ul li i{display: inline-block;position: relative;margin: 0 auto;background: no-repeat 50% / cover; width: 40px; height: 40px;}
.way_list ul li .ico_bus {background-image: url(../../images/ico/ico-bus.svg);}
.way_list ul li .ico_car {background-image: url(../../images/ico/ico-car.svg);}
.way_list ul li .ico_subway {background-image: url(../../images/ico/ico-subway.svg);}
.way_list ul li .ico_flight {background-image: url(../../images/ico/ico-flight.svg);}
.way_list ul li .way_wrap {display: grid;}
.way_list ul li .th {font-size: 20px;font-weight: 600;margin-bottom: 8px;color: var(--g-black9);}
.way_list ul li .td {font-size: 18px;color: var(--g-black8);font-weight: 500;line-height: 1.5;}
.direction_map {width: 100%;height: 600px;}
.direction_map .root_daum_roughmap.root_daum_roughmap_landing {width: 100% !important;border-radius: 0 0 30px 30px;}
.direction_map .root_daum_roughmap .wrap_controllers {display: none !important;}


/*  */
.content-section.sect-goal { position: relative; }
.content-section.sect-goal::before { content: ''; position: absolute; left: 51px; top: 50px; background: url("../../images/user/sub/sub02/goal-bg.png"); width: 508px; height: 508px; z-index: -1; }
.goal-l { color: var(--g-primary-100); font-size: 54px; font-weight: 600; line-height: 1.3; position: absolute; left: 0; }
.goal-wrap { position: relative; padding-left: 374px; }
.goal-list { display: flex; justify-content: right; gap: 22px; }
.goal-box {transition: .4s; width: 250px; height: 238px; border-radius: 5px; border: 1px solid var(--g-black2); background: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.goal-box:hover{background: linear-gradient(152deg, #F0F6FB 38.18%, #EEF2F9 119.57%);}
.goal-box:hover img{filter: var(--filter-b-100);}
.goal-list + .goal-list { margin-top: 22px; margin-right: calc(250px + 22px); }
.goal-list + .goal-list { margin-top: 22px; margin-right: calc(250px + 22px); }
.goal-cont strong { color: #000; text-align: center; font-size: 26px; font-weight: 600; line-height: 34px; /* 130.769% */}
.goal-cont { margin-top: 10px; }
.goal-cont p { color: var(--g-black8); text-align: center; font-size: 18px; font-weight: 500; line-height: 22px; /* 122.222% */}
.goal-cont .size-m { font-size: 20px; line-height: 32px; /* 160% */}
.goal-cont .size-lg { font-size: 26px;}
.goal-cont .size-mid { font-size: 22px;}
.goal-cont strong + p { margin-top: 12px; }
.content-section.sect-strategy { padding: 60px 0 0; position: relative; }
.content-section.sect-strategy::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: var(--g-black1); z-index: -1; }
.strategy-box { position: relative; width: 580px; height: 580px; margin-top: 120px; }
.strategy-mid { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 580px; height: 580px; border-radius: 580px; border: 1px dashed var(--g-black4); padding: 48px; }
.strategy-wrap { display: flex; justify-content: space-between; }
.circle01 { border-radius: 484px; border: 80px solid rgba(49, 76, 106, 0.05); width: 100%; height: 100%; }
.circle01_1 { width: 100%; height: 100%; border-radius: 324px; background: #fff; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; position: relative; }
.circle01_1 strong { position: relative; z-index: 1; color: var(--g-primary-200); text-align: center; font-size: 50px; font-weight: 700; }
.circle01_1::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 186px; height: 186px; background: url("../../images/user/sub/sub02/strategy-img.png") no-repeat 50% / cover; }
.strategy-circle { width: 236px; height: 236px; background: var(--g-primary-100); box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border-radius: 50%; position: absolute; }
.strategy-circle.circle-top { top: -100px; left: 50%; transform: translateX(-50%); }
.strategy-circle.circle-left { left: -92px; bottom: 36px; }
.strategy-circle.circle-right { right: -92px; bottom: 36px; } s
.strategy-l { padding-top: 100px; }
.strategy-circle .eng { color: rgba(0, 0, 0, 0.05); text-align: center; font-size: 46px; font-weight: 600; line-height: 56px; }
.strategy-circle .tit { color: var(--White, #FFF); text-align: center;  font-size: 26px; font-style: normal; font-weight: 600; line-height: 32px; margin-top: -20px; }
.strategy-circle .cont { color: rgba(255, 255, 255, 0.80); text-align: center;  font-size: 18px; font-style: normal; font-weight: 500; line-height: 26px; margin-top: 10px; }
.strategy-circle.circle-left { left: -92px; bottom: 36px; }
.strategy-circle.circle-right { right: -92px; bottom: 36px; }
.strategy-circle.active { background: #fff; border: 2px solid var(--g-primary-100); box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); }
.strategy-circle.active .eng { color: #F1F1F1; font-size: 46px; font-weight: 600; }
.strategy-circle.active .tit { color: #000; }
.strategy-circle.active .cont { color: var(--g-black8); }
.strategy-r { margin-top: 60px; }
.strategy-result { padding: 50px 40px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10); width: 576px; }
.strategy-result p.info { color: var(--g-black6); font-size: 18px; font-weight: 500; line-height: 22px; /* 122.222% */}
.strategy-result .tit { border-radius: 5px; background: radial-gradient(187.08% 263.08% at 81.15% 0%, #002F63 0%, #001935 100%); padding: 20px 0; color: #fff; text-align: center; font-size: 30px; font-weight: 600; margin-top: 18px; }
.result-list { margin-top: 12px; }
.result-list li { border-radius: 5px; border: 1px solid var(--200, #E4E4E4); background: var(--White, #FFF); padding: 22px 0; text-align: center; color: #000; text-align: center;  font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; }
.result-list li + li { margin-top: 8px; }


/* flex */
.flex_box{display: flex;  gap: 20px;}
.flex_box > *{flex: 1;}
.flex_box.flex_wrap{flex-wrap: wrap;}
.flex_box.row2 > *{flex: 0 0 calc(50% - 10px);}

/* skill */
.skill-top{margin-top: 60px;}
.skill-top .top01{position: relative;padding: 57px 0 53px;}
.skill-left{left: 0;}
.skill-right{ right: 0;}
.skill-list{position: absolute; top: 0; z-index: 1;height: 100%;}
.skill-list > li { background: linear-gradient(180deg, rgba(83, 129, 183, 0.10) 0%, rgba(25, 191, 152, 0.10) 100%); backdrop-filter: blur(2.5px); padding: 17px; border-radius: 50%; width: 236px; height: 236px; position: absolute; }
.skill-box { background: #fff; border-radius: 50%; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); }
.skill-list.skill-left > li.list01 { left: 202px; }
.skill-list > li.list02 { top: 50%; transform: translateY(-50%); }
.skill-list.skill-left > li.list02 { left: 0; }
.skill-list.skill-left > li.list03 { bottom: 0; left: 202px; }
.skill-list.skill-right > li.list01 { right: 202px}
.skill-list.skill-right > li.list02 { right: 0; }
.skill-list.skill-right > li.list03 { bottom: 0; right: 202px; }
.skill-center { max-width: 1144px; width: 100%; min-height: 480px; background: url("../../images/user/sub/sub02/skill-top_bg01.png") no-repeat 50% / cover; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.skill-center:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../../images/user/sub/sub02/skill-top_bg02.png") no-repeat 50% / cover; width: 700px; height: 480px; z-index: -1; }
.skill-center .tit { color: var(--Primary-B-100, #5381B7); text-align: center;  font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; }
.skill-center p { color: var(--Primary-B-200, #314C6A); text-align: center;  font-size: 28px; font-style: normal; font-weight: 500; line-height: 42px; margin-top: 14px; }
.skill-center p b { color: inherit; font-size: inherit; }
.skill-box p { color: #000; text-align: center; font-size: 18px; line-height: 28px; margin-top: 10px; }
.skill-box p { color: #000; text-align: center; font-size: 18px; line-height: 28px; margin-top: 10px; }
.skill-top .top02 { margin-top: 40px; }
.skill-top .top02.flex_box { gap: 24px; }
.skill-top .top02 > div { border-radius: 5px; background: radial-gradient(187.08% 263.08% at 81.15% 0%, rgba(240, 246, 251, 0.15) 0%, rgba(95, 152, 215, 0.20) 100%); backdrop-filter: blur(10px); padding: 20px; color: var(--g-black8); text-align: center; font-size: 22px; font-weight: 400; line-height: 36px; /* 163.636% */}
.skill-box p { color: #000; text-align: center; font-size: 18px; line-height: 28px;  margin-top: 10px; }
.skill-top .top02 { margin-top: 40px; }
.skill-top .top02 > div { border-radius: 5px; background: radial-gradient(187.08% 263.08% at 81.15% 0%, rgba(240, 246, 251, 0.15) 0%, rgba(95, 152, 215, 0.20) 100%); backdrop-filter: blur(10px); padding: 20px; color: var(--g-black8); text-align: center; font-size: 22px; font-weight: 400; line-height: 36px; /* 163.636% */}
body:not(.page-former-director) .history-list .year { display: flex; }
body:not(.page-former-director) .history-list .year > li {flex: 1;}
body:not(.page-former-director) .history-list .year > li .year-txt {position: relative; color: #fff; text-align: center; font-size: 26px; font-weight: 600; line-height: 32px; padding: 20px; border-radius: 50px; }
body:not(.page-former-director) .history-list .year > li:nth-child(1) { position: relative; z-index: 5; }
body:not(.page-former-director) .history-list .year > li:nth-child(2) { position: relative; z-index: 4; margin-left: -60px; }
body:not(.page-former-director) .history-list .year > li:nth-child(3) { position: relative; z-index: 3; margin-left: -60px; }
body:not(.page-former-director) .history-list .year > li .year-txt.year-blueGrad { background: linear-gradient(90deg, #243951 0%, #5381B7 100%);}
body:not(.page-former-director) .history-list .year > li .year-txt::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../../images/user/sub/sub02/year-bg.png") no-repeat right / cover;}

body:not(.page-former-director) .history-list .tit { color: var(--g-black9); text-align: center; font-size: 24px; font-weight: 600; line-height: 30px;  padding: 18px 0 26px; }
body:not(.page-former-director) .history-list .tit { color: var(--g-black9); text-align: center; font-size: 24px; font-weight: 600; line-height: 30px; padding: 18px 0 26px; }
body:not(.page-former-director) .history-list .cont { padding: 16px 10px; background: var(--g-primary-bg01); position: relative; }
body:not(.page-former-director) .history-list .cont .flex_box + .flex_box { margin-top: 12px; }
body:not(.page-former-director) .history-list .cont p { border: 1px solid var(--g-black2); background: #fff; padding: 14px 12px; text-align: center; color: var(--g-black8); text-align: center; font-size: 18px; font-weight: 500; line-height: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
body:not(.page-former-director) .history-list .cont::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 480px; height: 100%; background: var(--g-primary-10); }
.tech-box { background: var(--g-primary-10); border-radius: 5px; backdrop-filter: blur(10px); padding: 20px; color: var(--g-black8); text-align: center; font-size: 22px; font-weight: 400; line-height: 36px;}
body:not(.page-former-director) .history-list_top {display: flex;align-items: center;justify-content: space-between;gap: 60px;margin-bottom: 40px;}
body:not(.page-former-director) .history-list_img {width: 400px;height: 100px;flex: none;display: flex;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid var(--200, #E4E4E4);background: var(--White, #FFF);}
body:not(.page-former-director) .history-list .history-list_top .year {align-items: center;flex: 1;padding-left: 30px;padding-right: 90px;background: url("../../images/user/sub/sub02/history_arr.png") no-repeat right / contain;g;gap: 130px;}
body:not(.page-former-director) .history-list .history-list_top .year > li {width: auto;flex: 1;margin: 0;}
/* .history-list_top .year > li:nth-child(1) .year-txt { background: var(--g-primary-100); }
body:not(.page-former-director) .history-list_top .year > li:nth-child(2) .year-txt { background: var(--g-primary-100); }
.history-list_top .year > li:nth-child(3) .year-txt { background: var(--g-primary-100); }  */
body:not(.page-former-director) .history-list_top .year > li .year-txt { padding: 13px 20px; }
.box-area + .box-area { margin-top: 40px; }
.box-item_flex { display: flex; gap: 20px; }
.box-item_flex > * { flex: 1; }
.box-area > div + div { margin-top: 20px; }
.box-item { border-radius: 5px; border: 1px solid var(--g-black2); background: #fff; }
.box-top { padding: 24px 20px; text-align: center; border-radius: 5px; background: var(--g-primary-bg01); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.box-item_tit { color: #000; text-align: center; font-size: 26px; font-weight: 700; }
.box-item_info { color: var(--g-black8); text-align: center; font-size: 22px; font-weight: 600; margin-top: 0; line-height: 1.45; }
.box-bottom { padding: 20px; }
.box-bottom .element { text-align: center; color: var(--g-black8); text-align: center; font-size: 20px; font-weight: 400; line-height: 1.6; /* 160% */}
.box-item_only { border-radius: 5px; background: radial-gradient(187.08% 263.08% at 81.15% 0%, #002F63 0%, #001935 100%); }
.box-item_only * { color: #fff; font-size: 22px; }
.box-item_only .box-item_tit { font-weight: 600; }
.box-item_only .box-item_info { font-weight: 400; }
.box-item.type02 .box-top { background: transparent; padding: 0; }
.box-item.type02 .box-item_info { color: var(--g-primary-200); }
.box-bottom .list-tit { text-align: center; padding: 4px 0; background: var(--g-primary-10); color: var(--Primary-B-100, #5381B7); text-align: center; font-size: 24px; font-weight: 600; line-height: 1.4; /* 150% */
 border-radius: 5px; margin-bottom: 10px; }
.box-bottom ul li p + p { margin-top: 14px; }
.box-bottom > ul > li:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; position: relative; }
.box-bottom > ul > li:not(:last-child)::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 56px; height: 1px; background: var(--g-black2); }
.box-item.type02 { padding: 24px 20px; }
.box-item.type02 .box-bottom { padding: 44px 0 0; }
.box-item_tit + .box-item_info { margin-top: 8px; }
.box-bottom{position: relative; z-index: 1;}
body:not(.page-former-director) .history02 .box-bottom  > ul > li {width: 100%;}
body:not(.page-former-director) .history02 .box-bottom .list-tit {margin-bottom: 0;}
body:not(.page-former-director) .history-list .year > li .year-txt.year-blue01 {background: var(--g-primary-100);}
body:not(.page-former-director) .history-list .year > li .year-txt.year-blue02 {background: #426695;}
body:not(.page-former-director) .history-list .year > li .year-txt.year-blue03 {background: var(--g-primary-200);}
body:not(.page-former-director) .history-list .year > li .year-txt.year-blue04 {background: #2B3A51;}
body:not(.page-former-director) .history-list .year > li .year-txt.year-blue05 {background: #242D37;}
body:not(.page-former-director) .history-list .year > li:nth-child(4) {margin-left: -60px; z-index: 2}
body:not(.page-former-director) .history-list .year > li:nth-child(5) {margin-left: -60px; z-index: 1;}
body:not(.page-former-director) .history-list.history02 .year {margin-bottom: 30px;}
body:not(.page-former-director) .history-list.history02 .box-bottom > ul > li {background: #fff; padding: 0 0 20px;}
body:not(.page-former-director) .history-list.history02 .box-bottom p {padding: 20px 24px 10px; border: 0; font-weight: 400;}
body:not(.page-former-director) .history-list.history02 .box-bottom p + p {margin-top: 0; padding-top: 0;}
.tech-list.row2 .width-third{flex: 0 0 calc(33.3333% - 14px);}
body:not(.page-former-director) .history02 .box-bottom {padding: 10px 20px}
.box-bottom.width_70 > ul{width: 70%;}
body:not(.page-former-director) .history-list.history02 .cont::before { left: 32%; width: 20%; }
body:not(.page-former-director) .history-list.history02 .cont::after { content: ''; position: absolute; top: 0; left: 70%; transform: translateX(-50%); width: 20%; height: 100%; background: var(--g-primary-10); }
.card-list { display: flex; flex-wrap: wrap; gap: 20px; }
.card-list.row2 > li { width: calc(50% - 10px); }
.card-item:hover { border-color: var(--g-primary-100); transition: .4s; background: var(--g-primary-bg01); }
.card-item { padding: 30px 20px; border: 1px solid var(--g-black2); border-radius: 5px; background: #fff }
.card-item .tit { color: var(--g-black8); font-size: 32px; font-weight: 700; }
.card-item .card-bottom { margin-top: 104px; }
.card-item .c-txt { color: var(--g-black8);font-size: 22px;font-weight: 400;line-height: 1.63; }

.sect-brainBank{position: relative;}
.sect-brainBank::before{content: ''; position: absolute; top: 20%; left: 0; width: 303px; height: 473px; background: url("../../images/user/sub/circle-half.png") no-repeat 50% / cover; z-index: -1;}
.sect-brainBank::after{content: ''; position: absolute; top: -30%; right: -65px; width: 653px; height: 647px; background: url("../../images/user/sub/sub02/brainBank_bg.png") no-repeat 50% / cover; z-index: -1;}
.sect-brainBank2{position: relative;}
.sect-brainBank2::before{content: '';position: absolute;bottom: -59%;right: -303px;width: 510px;height: 813px;background: url("../../images/user/sub/circle-half02.png") no-repeat 50% / cover;z-index: -1;}
.brainBank-top{align-items: flex-end; margin-bottom: 30px;}
.brainBank-top_txt{color: var(--g-black9); font-size: 42px; font-weight: 500; line-height: 1.52}
.brainBank-step-ul {display: flex;align-items: stretch;gap: 30px;}
.brainBank-step-li { flex: 1; position: relative;}
.brainBank-step-li::before,
.brainBank-step-li::after{content: '';position: absolute;top: 50%;right: -18px;width: 40px;height: 40px;transform: translateY(-50%);background: url("../../images/user/sub/ico-circle.svg") no-repeat 50% / contain;}
.brainBank-step-li::after{right: -50px;width: 53px;height: 23px;background-image: url("../../images/user/sub/arrow_big.svg");z-index: 1;}
.brainBank-step-li:last-child::before, .brainBank-step-li:last-child::after{display: none;}
.brainBank-step-box {display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;gap: 60px;padding: 30px;border-radius: 5px;background: var(--g-primary-bg01);height: 100%;}
.brainBank-step-tit { color: var(--g-primary-200); font-size: 30px; font-weight: 700; display: block; margin-bottom: 10px; }
.brainBank-step-txt b { color: var(--g-black9); font-size: 20px; font-weight: 600; }
.brainBank-step-txt span { color: var(--g-black8); font-size: 20px; font-weight: 400; margin-left: 10px; }
.brainBank-step-cont p { color: var(--g-black8); font-size: 20px; font-weight: 400; }
.brainBank-step-cont p + p { margin-top: 10px; }
.brain-system { padding: 40px; border-radius: 10px; border: 1px solid var(--g-black2); background: #fff; }
.brain-system__wrap { max-width: 100%; }
.brain-system__top > ul { }
.brain-system__top > ul > li + li { padding-top: 20px; }
.brain-system__box {border-radius: 5px;border: 1px solid var(--g-primary-100);background: #fff;width: 340px;height: 80px;display: flex;align-items: center;justify-content: center;color: #5381B7;text-align: center;font-size: 20px;font-weight: 600;position: relative;}
.brain-system__box.gray { border-radius: 5px; border: 1px solid var(--g-black2); background: #fff; color: var(--g-black8); }
.brain-system__box.small {border-radius: 5px;border: 1px solid var(--g-black2);background: #fff;color: var(--g-black8);text-align: center;font-size: 20px;font-weight: 400;width: 100%;height: 60px;}
.brain-system__top .system01 {position: relative; width: 340px;}
.brain-system__top .system02 > ul {display: flex;/* gap: 20px; */justify-content: right;position: relative;}
.brain-system__top .system03 > ul.flex {display: flex;flex-direction: column;gap: 15px;justify-content: center;position: absolute;right: 0;top: 0;}
.brain-system__bottom { margin-top: 40px; }
.brain-system__top .system03 {margin-top: 60px;padding-top: 0;position: relative;padding-bottom: 115px;}
.brain-system__tit { border-radius: 5px; opacity: 0.7; background: radial-gradient(203.14% 296.27% at 84.03% -33.38%, rgba(94, 122, 175, 0.90) 0%, rgba(31, 81, 136, 0.95) 55.77%); padding: 16px 0; text-align: center; color: var(--g-black1); text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 12px; }
.system-bottom_list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;}
.brain-system__top .system01::after { content: ''; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 1px; height: 306px; background: url("../../images/user/sub/line01.png") no-repeat 50% / cover; }
.brain-system__top .system02 > ul::before { content: ''; position: absolute; top: 40px; left: 170px; width: 1000px; height: 1px; background: url("../../images/user/sub/line02.png") no-repeat 50% / cover; }
.brain-system__top .system03::before { content: ''; position: absolute; top: 40px; left: 340px; width: 1000px; height: 1px; background: url("../../images/user/sub/line02.png") no-repeat 50% / cover; }
.brain-system__top .system03 > ul.flex::before { content: ''; position: absolute; top: 40px; right: 170px; width: 310px; height: 100px; background: url(../../images/user/sub/line03.png) no-repeat 50% / cover; }
.desc-box { border-radius: 5px; border: 1px solid var(--g-black2); background: #fff; padding: 30px; }
.desc-box .tit { color: #000; font-size: 24px; font-weight: 700; line-height: 1.25; display: block; margin-bottom: 20px; }
.desc-box .list li { color: var(--g-black8);font-size: 20px;font-weight: 500; }
.desc-box .list li + li { margin-top: 14px; }
.desc-box + .desc-box { margin-top: 14px; }
.desc-box .list li b { font-size: inherit; color: inherit; }
.use-step { display: flex; gap: 35px; }
.use-step > li { flex: 1; }
.step-circle { width: 334px; height: 232px; border-radius: 50%; border: 1px solid var(--g-black2); background: #fff; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; position: relative; padding-top: 59px; }
.step-circle::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 1px; height: 60px; background: url("../../images/user/sub/line01.png") no-repeat 50% / cover; }
.step-circle .num { color: var(--g-black6);text-align: center;font-size: 30px;font-weight: 400;margin-bottom: 10px; }
.step-circle .tit { color: #000; text-align: center; font-size: 24px; font-weight: 700; line-height: 1.41; min-height: 68px; display: flex; flex-direction: column; justify-content: center; }
.use-step .step-box { background: var(--g-primary-bg01); padding: 30px 20px;}
.use-step .step-box .tit { text-align: center; font-size: 18px; font-weight: 600; line-height: 1.44; display: block; }
.use-step .step-box .cont { color: var(--g-black6);text-align: center;font-size: 18px;font-weight: 600;line-height: 1.44;margin-top: 8px; }
.sect-greetings .subBanner-comm{margin-bottom: 40px; position: relative; width: 100%; height: 340px; padding: 40px; background: url("../../images/user/sub/sub02/subBanner-greeting.png") no-repeat 50% / cover; display: flex; flex-direction: column; justify-content: flex-end;}
.sect-greetings .subBanner-comm .txt01{color: #fff; font-size: 28px; font-weight: 500; line-height: 1.21;}
.sect-greetings .subBanner-comm .tit{margin-top: 10px;color: #fff;font-size: 68px;font-weight: 700;line-height: 1.2;display: block;}
.sect-greetings .subBanner-comm .txt02 { margin-top: 10px; color: var(--White, #FFF);font-size: 24px;font-weight: 500;line-height: 1.25 }
.comm-box { padding: 50px 60px; border: 1px solid var(--g-black2); background: #fff; border-radius: 10px; }
.comm-box p { color: #000;font-size: 24px;font-weight: 500;line-height: 1.66; }
.comm-box p + p { margin-top: 50px; }
.text-box {text-align: center;font-size: 24px;font-weight: 600;line-height: 1.25;padding: 14px 32px;display: inline-block;margin-bottom: 30px; }
.text-box.blue100 { background: var(--g-primary-100); color: #fff; }
.sect-centerIntro .vision-top { background-image: url("../../images/user/sub/sub02/sub02_05_top.png") }
.sect-centerIntro .vision-top p { color: #fff; opacity: .7;text-align: center;font-size: 24px;font-weight: 500;line-height: 1.5;margin-bottom: 14px; }
.sect-centerIntro .vision-top .tit { font-size: 44px; color: #fff; }
.sect-centerIntro .vision-top .tit b { color: inherit }
.sect-centerIntro .vision-top02 { border-radius: 5px;background: radial-gradient(187.08% 263.08% at 81.15% 0%, #002F63 0%, #001935 100%);color: #fff;text-align: center;font-size: 34px;font-weight: 700;line-height: 1.23;padding: 30px 0;margin-top: 104px;position: relative; }
.sect-centerIntro .vision-top02::before { content:''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%; width: 1px; height: 104px; background: url("../../images/user/sub/line01.png") no-repeat 50% / cover; }
.role-list { display: flex; align-items: center; justify-content: space-between; }
.role-tit { color: #000;text-align: center;font-size: 34px;font-weight: 500;line-height: 1.7;margin-bottom: 20px; }
.circle-box { width: 342px; height: 342px; border-radius: 342px;border: 2px solid var(--g-primary-100);display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative; }
.circle-box__eng { color: #F1F1F1;text-align: center;font-size: 46px; font-weight: 600; line-height: 1.21; }
.circle-box__tit { color: #000;text-align: center;font-size: 34px;font-weight: 600;line-height: 1.23;margin-top: -24px;margin-bottom: 17px; }
.role-list .box-item.type02 .box-bottom { padding-top: 0; }
.role-list .circle-box::after { content: ''; position: absolute; top: 50%; left: calc(100% - 2px); transform: translateY(-50%); width: 207px; height: 10px; background: url("../../images/user/sub/line04.svg") no-repeat 50% / cover; z-index: -1; }
.role-list .box-item { width: 350px; position: relative }
.role-list .box-item::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 67px + 0px); width: 58px; height: 52px; background: url("../../images/user/sub/arrow-img.png") no-repeat 50% / cover; }
.role-list .role-img { width: 362px; display: flex; align-items: center; justify-content: center; border-radius: 5px;border: 1px solid var(--g-black3);background: rgba(247, 247, 247, 0.5); padding: 90px 20px; }
.role-list:nth-child(2) { margin-top: -40px; }
.role-list:nth-child(2) .role-img { padding: 70px 20px; }
.role-step { display: flex; }
.role-step > li:not(:last-child) { margin-right: 30px; padding-right: 30px; position: relative; }
.role-step > li:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 100%; border-right: 1px solid var(--g-black2); }
.role-step > li { flex: 1; padding-top: 6px; padding-bottom: 38px; }
.role-step__num { color: var(--g-primary-bg01);font-size: 62px;font-weight: 700;letter-spacing: -2.48px;line-height: 0.7; }
.role-step__tit { color: #000;text-align: center;font-size: 32px;font-weight: 700;line-height: 1.37;margin-bottom: 24px; }
.role-step__cont p { color: var(--g-black8);text-align: center;font-size: 24px;font-weight: 400;line-height: 1.66;padding-bottom: 9px;position: relative; }
.role-step__cont p + p { margin-top: 9px; }
.role-step__cont p::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url("../../images/user/sub/line-small.png") no-repeat bottom / contain;}
.sect-centerHistory .vision-top{background-image: url("../../images/user/sub/sub02/subBanner-history.png"); padding: 108px 30px 50px; text-align: left;}
.sect-centerHistory .vision-top p{text-align: left; color: #fff; opacity: .7;}
.sect-centerHistory .vision-top .tit{
  color: #fff;
font-size: 76px;
font-weight: 600;
line-height: 1.21;
}
.history-content__list.flex-space {
    gap: 28px;
}
.sect-centerHistory02 .history-item .year{min-width: 40px;}
.sect-centerHistory02 .director-content{margin-top: 0;}
.sect-centerHistory02{position: relative;}
.sect-centerHistory02::after{content: '';position: absolute;top: -200px;left: -200px;width: 653px;height: 637px;background: url("../../images/user/sub/sub02/brainBank_bg.png") no-repeat bottom / 653px 637px;}





/* link */
.link-wrap{display: flex;gap: 54px; padding-top: 30px;}
.link-img{border-radius: 10px; overflow: hidden; display: flex; position: relative;}
.link-img::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(240, 246, 251, 0.20); }
.link-cont .eng { color: var(--g-primary-100);font-size: 26px;font-weight: 300;line-height: 1.23; }
.link-cont .tit { color: var(--g-black8);font-size: 42px;font-weight: 700;line-height: 1.33;margin-top: 14px; }
.link-cont .cont { color: var(--g-black8);font-size: 22px;font-weight: 500;line-height: 1.73;margin-top: 46px; }
.link-top { margin-top: 40px; }
.link-img img { display: block; width: 710px; max-width: 100%; height: 392px; object-fit: cover; }
.link-cont { display: flex; flex-direction: column; align-items: baseline; justify-content: space-between; }
.link-cont .cont02 { margin-top: 34px; }
.link-cont .cont02 .txt-main { color: var(--g-primary-200);font-size: 22px;font-weight: 700; }
.link-cont .cont02 p { color: var(--g-black8);font-size: 22px;font-weight: 500;line-height: 1.73;margin-top: 14px; }
@media (max-width: 1280px) {
  .link-wrap { gap: 40px; }
  .link-img { flex: 0 0 50%; }
  .link-img img { height: auto; aspect-ratio: 710 / 392; }
  .link-cont .tit { font-size: 34px; }
  .link-cont .cont { margin-top: 30px; }
}
@media (max-width: 1023px) {
  .link-wrap { flex-direction: column; gap: 30px; }
  .link-img { flex-basis: auto; }
  .link-img img { width: 100%; }
  .link-top { margin-top: 0; }
  .link-cont { gap: 30px; }
  .link-cont .eng { font-size: 20px; }
  .link-cont .tit { font-size: 28px; word-break: keep-all; }
  .link-cont .cont, .link-cont .cont02 p, .link-cont .cont02 .txt-main { font-size: 18px; }
  .link-cont .cont { margin-top: 20px; }
}
@media (max-width: 767px) {
  .link-wrap { gap: 24px; }
  .link-cont { gap: 24px; }
  .link-cont .eng { font-size: 16px; }
  .link-cont .tit { margin-top: 8px; font-size: 22px; }
  .link-cont .cont, .link-cont .cont02 p, .link-cont .cont02 .txt-main { font-size: 15px; }
  .link-cont .cont { margin-top: 14px; }
  .link-cont .cont02 { margin-top: 20px; }
}


/* bbs */
.bbs-section{margin-top: 80px}
.bbsTit{margin-bottom: 30px;}
.bbsTit h3{font-size: 30px;}
.bbsItem-top{margin-bottom: 12px;}
.bbsItem-top span {font-weight: 500; color: var(--g-black6);}
.bbsItem-top .txt-blue200 { color: #314C6A; }
.bbsBoard.type-list:not(.profile):not(.group):not(.promising-card-list):not(.bbsOrg) .bbsItem:hover { border-color: #00A59F; box-shadow: 0 0 0 1px #00A59F; }
.bbsItem-top > * {font-size: 20px;line-height: 1.2; }
.bbsItem-top > *:not(:last-child) { margin-right: 10px; padding-right: 10px; position: relative }
.bbsItem-top > *:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--g-black2); }
.bbsItem .img{margin-top: 30px; width: 100%; height: 228px; border-radius: 5px; overflow: hidden; display: flex;}
.bbsItem .img img{width: 100%; height: 100%; object-fit: cover;}

/* detail */
.detail-wrap{display: flex; gap: 66px;}
.detail-img{width: 500px;height: 354px;flex: none;position: relative;border-radius: 5px;overflow: hidden;}
.detail-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.detail-cont { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.detail-cont .list{border-top: 1px solid var(--g-black2);}
.detail-cont .list > li { display: flex; }
.detail-cont .list .tit { color: var(--g-black8);font-size: 22px;font-weight: 700;position: relative;padding-left: 18px; }
.detail-cont .list .tit::before { content:''; width: 8px; height: 8px; background: var(--g-primary-200); border-radius: 50%; position: absolute; left: 0; top: 9px; }
.detail-cont .list .cont { color: var(--g-black7);font-size: 22px;font-weight: 500;margin-left: 20px; }
.detail-cont .list > li{padding: 20px 0; border-bottom: 1px solid var(--g-black2);}
.video-container { position: relative; overflow: hidden; font-size: 0; width: 100%; padding-bottom: 56.25%; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container + .view-cont{margin-top: 100px;}
.view-cont.flex{dipslay: flex;}
.view-cont .tit{min-width: 200px; padding-right: 40px;}
.view-cont .tit strong{color: #000; font-size: 30px; font-weight: 700;}
.view-cont .cont{padding-left: 50px; position: relative; flex: 1;}
.view-cont .cont::before{content:'';width: 1px;height: 100%;background: var(--g-black2);position: absolute;top: 0;left: 0;}
.view-cont .cont img{width: 100%;}
.detail-btn{display: flex; margin-top: 60px; justify-content: center;}
.info_box{border-radius: 5px; background: var(--g-primary-10); padding: 20px; margin-bottom: 30px;}
.info_box .txt01{color: var(--g-black7); font-size: 18px; font-weight: 500; line-height: 1.7; margin-bottom: 8px;}
.info_box .box{padding: 12px 16px; border-radius: 5px; background: #fff;}
.info_box .list { display: flex; }
.info_box .list strong { color: var(--g-primary-200); font-size: 18px; font-weight: 700; line-height: 1.88; position: relative; padding-left: 18px; margin-right: 8px; }
.info_box p {font-size: 18px;font-weight: 500;line-height: 1.88;color: var(--g-black9);}
.info_box p.txt-blue100{font-weight: 600;}
.txt-blue100{color: #5381B7;}
.ct_day.sun,
.calendar-header-cell.sun{color: #EA4D63;}
.info_box p a{display: inline-block; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline;}
.info_box .list strong::before{content:'';width: 6px;height: 6px;background: var(--g-primary-200);border-radius: 50%;position: absolute;left: 0;top: 13px;}
.info_box .list .num { border-radius: 3px;background: var(--g-primary-200);color: #fff;text-align: center;font-size: 16px;font-weight: 600;padding: 0 6px;margin-right: 8px; }
.info_box p > span:not(:last-child) { margin-right: 8px; }

.bbsBoard.group .bbsItem{padding: 30px;}
.bbsBoard.group .tit { color: var(--g-black8);font-size: 26px;font-weight: 700; }
.bbsBoard.group .eng { color: var(--g-black8);font-size: 18px;font-weight: 400;line-height: 1.33;min-height: 48px;}
.group-btn{margin-top: 24px;}
.group-btn .btn { padding: 10px 14px; color: var(--g-primary-100);font-size: 18px;font-weight: 400;border: 1px solid var(--g-primary-100);border-radius: 5px; background-color: #fff;}
.group-btn .btn:hover{background: var(--g-primary-100); color: #fff;}
.bbsBoard.group .bbsItem:hover {background: linear-gradient(276deg, rgba(40, 129, 230, 0.20) 0%, rgba(219, 232, 255, 0.20) 120.35%);border-color: transparent; }
.bbsBoard.profile .tit { color: var(--g-primary-100);font-size: 24px;font-weight: 500; margin-bottom: 30px;}
.bbsBoard.profile .bbsItem { padding: 34px 30px; }
.bbsBoard.profile .bbsItem:hover{border-color: var(--m-primary-100); outline: 1px solid var(--m-primary-100)}
.bbsBoard.profile .bbsItem:hover .tit{color: var(--m-primary-100);}
.bbsBoard.profile .bbsItem:hover .ico-mail{filter: brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(840%) hue-rotate(142deg) brightness(90%) contrast(101%);}
.list-wrap{display: flex; flex-wrap: wrap; gap: 20px;}
.list-wrap + .list-wrap{margin-top: 20px;}
.list-dl{display: flex;}
.list-dl dt { color: var(--g-black4); font-size: 22px; font-weight: 500; margin-right: 10px; line-height: 1.72; }
.list-dl dd { color: var(--g-black9);font-size: 22px;font-weight: 500;line-height: 1.72}
.list-dl dd strong{font-size: inherit; font-weight: 700; line-height: inherit;}

/* modal */
.modal-profile.modal.modal-common .modal-txt{margin-bottom: 12px;}
.modal-profile .profile-eng{color: #000; font-size: 20px; font-weight: 600; margin-bottom: 12px;}
.modal-profile .profile-group{margin-bottom: 24px; display: inline-block; padding: 8px 12px; border-radius: 5px; background: var(--g-primary-200); color: #fff; font-size: 16px; font-weight: 500;}
.modal-profile .profile-top .top01{margin-bottom: 6px; color: var(--g-black4); font-size: 16px; font-weight: 500;}
.modal-profile .profile-top .top02{color: var(--g-black6); font-size: 18px;font-weight: 500;}
.modal-profile .profile-info{margin-top: 40px; border-radius: 5px;background: var(--g-black1); padding: 20px 16px;}
.modal-profile .profile-info li{display: flex; gap: 12px;}
.modal-profile .profile-info li + li{margin-top: 10px;}
.modal-profile .profile-info span:not(.ico){color: var(--g-black8); font-size: 20px; font-weight: 500;}
.modal-profile .profile-list{margin-top: 30px;}
.modal-profile .profile-list *{color: #000; font-size: 20px;}
.modal-profile .profile-list *:not(.tit){font-weight: 500; line-height: 1.4; margin-top: 10px;}
.modal-agree.modal.modal-common { --modal-scrollbar-gutter: 24px; width: min(676px, calc(100vw - 80px)); max-width: calc(100vw - 80px); height: min(1714px, calc(100vh - 80px)); max-height: calc(100vh - 80px); padding: 30px; overflow: hidden; border-radius: 0; box-shadow: none; }
.modal-agree .modal-wrap { height: 100%; min-height: 0; display: flex; flex-direction: column; }
.modal-agree .modal-top { position: relative; flex: 0 0 auto; margin-bottom: 24px; }
.modal-agree.modal.modal-common .modal-txt { margin-bottom: 0; }
.modal-agree.modal.modal-common .modal-txt__tit { margin: 0; padding: 0; border-bottom: 0; color: #000; font-size: 26px; font-weight: 700; line-height: 32px; }
.modal-agree .modal__close { position: absolute; top: -4px; right: -8px; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.modal-agree .modal__close .ico-close { display: none; }
.modal-agree .modal__close::before,
.modal-agree .modal__close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; margin: -1px 0 0 -15px; border-radius: 50px; background: #757575; }
.modal-agree .modal__close::before { transform: rotate(-45deg); }
.modal-agree .modal__close::after { transform: rotate(45deg); }
.modal-agree .modal__close:hover::before,
.modal-agree .modal__close:hover::after,
.modal-agree .modal__close:focus::before,
.modal-agree .modal__close:focus::after { background: #5381B7; }
.modal-agree .modal-cont { flex: 1 1 auto; min-height: 0; margin-right: calc(var(--modal-scrollbar-gutter) * -1); padding-right: var(--modal-scrollbar-gutter); box-sizing: border-box; overflow-y: auto; overflow-x: hidden; scrollbar-color: #BABABA transparent; scrollbar-width: thin; }
.modal-agree .modal-cont::-webkit-scrollbar { width: 4px; }
.modal-agree .modal-cont::-webkit-scrollbar-thumb { border-radius: 10px; background: #BABABA; }
.modal-agree .modal-cont::-webkit-scrollbar-track { background: transparent; }
.modal-agree .area-box { position: relative; padding: 0; }
.modal-agree .area-box + .area-box { margin-top: 24px; }
.modal-agree .area-box .tit-sub { margin: 0 0 18px; }
.modal-agree .area-box .tit-sub h3 { color: #000; font-size: 18px; font-weight: 600; line-height: 22px; }
.modal-agree .area-box .border_box { padding: 24px 20px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff; }
.modal-agree .area-box .border_box .tit { margin-bottom: 10px; color: #000; font-size: 16px; font-weight: 600; line-height: 22px; }
.modal-agree .area-box .border_box ul.list-col { position: relative; display: block; width: 100%; }
.modal-agree .area-box .border_box ul.list-col li { position: relative; padding-left: 12px; color: #424242; font-size: 14px; font-weight: 500; line-height: 22px; }
.modal-agree .area-box .border_box ul.list-col li::before { content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #424242; }
.modal-agree .area-box .border_box ul.list-col li + li { margin-top: 8px; }
.modal-agree .area-box .input_wrap { margin-top: 12px; padding-left: 0; text-align: right; }
.modal-agree .label-check label { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; cursor: pointer; }
.modal-agree .label-check input + span { display: inline-flex; align-items: center; color: #000; font-size: 14px; font-weight: 700; line-height: 18px; text-decoration: underline; text-underline-position: from-font; }
.modal-agree .label-check input + span::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; margin-right: 8px; border: 1px solid #BABABA; border-radius: 3px; background: #fff; box-sizing: border-box; }
.modal-agree .label-check input:checked + span::before { border-color: #5381B7; background: #5381B7 url("../../images/cmn/ico_check_w.svg") no-repeat 50% / 12px 9px; }
.modal-agree .label-check input:focus + span::before { box-shadow: 0 0 0 2px rgba(83, 129, 183, .28); }
.modal-agree .table { overflow-x: auto; }
.modal-agree table.tbl-edit { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #424242; }
.modal-agree table.tbl-edit tbody th,
.modal-agree table.tbl-edit tbody td { border: 1px solid #E4E4E4; }
.modal-agree table.tbl-edit tbody th { height: 52px; padding: 10px 8px; background: #F7F7F7; color: #000; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; }
.modal-agree table.tbl-edit tbody td { padding: 8px; color: #757575; font-size: 14px; font-weight: 500; line-height: 1.2; text-align: left; }
.modal-agree table.tbl-edit input[type="text"],
.modal-agree table.tbl-edit select { height: 36px; border-color: #E4E4E4; border-radius: 0; color: #757575; font-size: 12px; }
.modal-agree table.tbl-edit textarea { min-height: 170px; border: 1px solid #E4E4E4; border-radius: 0; color: #757575; font-size: 12px; }
.modal-agree .wrap-input.fl-d-col { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.modal-agree .wrap-input.fl-d-col > ul.wrap-input { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.modal-agree .wrap-input.fl-d-col > ul.wrap-input li + li { margin-top: 0; }
.modal-agree .form-input { display: block; width: 100%; }
.modal-agree .form-input li + li { margin-top: 6px; }
.modal-agree .form-input li .wrap-input { display: flex; align-items: center; gap: 8px; }
.modal-agree .form-input li .wrap-input label { flex: 0 0 56px; min-width: 56px; color: #424242; font-size: 12px; font-weight: 700; line-height: 18px; }
.modal-agree .Required::after { content: " *"; color: #FF0000; font-weight: 700; }
.modal-agree .co-red { font-size: 12px; font-weight: 500; line-height: 18px; }
.modal-agree .info-txt { margin-top: 12px; padding: 20px; border-radius: 0; background: #EFF5FE; color: #666; font-size: 14px; font-weight: 500; line-height: 20px; }
.modal-agree .info-txt li + li { margin-top: 4px; }
.modal-agree > .modal-wrap > .area-btn { flex: 0 0 auto; margin-top: 16px; padding-top: 0; }
.modal-agree > .modal-wrap > .area-btn .btn.mainLine { flex: 0 0 auto; width: 108px; height: 40px; max-width: none; padding: 0 12px; border: 1px solid #E4E4E4; border-radius: 0; background: #fff; color: #757575; font-size: 12px; font-weight: 500; line-height: 1; }
.modal-agree > .modal-wrap > .area-btn .btn.mainLine:hover,
.modal-agree > .modal-wrap > .area-btn .btn.mainLine:focus { border-color: #5381B7; color: #5381B7; background: #fff; }

@media screen and (max-width:700px){
  .modal-agree.modal.modal-common { --modal-scrollbar-gutter: 14px; width: calc(100vw - 32px); max-width: calc(100vw - 32px); height: calc(100vh - 32px); max-height: calc(100vh - 32px); padding: 24px 20px; }
  .modal-agree .modal-top { margin-bottom: 20px; }
  .modal-agree.modal.modal-common .modal-txt__tit { font-size: 22px; line-height: 28px; }
  .modal-agree .modal__close { top: -3px; right: -6px; }
  .modal-agree .modal-cont { padding-right: var(--modal-scrollbar-gutter); }
  .modal-agree .area-box + .area-box { margin-top: 20px; }
  .modal-agree .area-box .tit-sub { margin-bottom: 14px; }
  .modal-agree .area-box .border_box { padding: 18px 16px; }
  .modal-agree .area-box .border_box ul.list-col li { font-size: 13px; line-height: 21px; }
  .modal-agree .area-box .input_wrap { text-align: left; }
  .modal-agree .label-check label { width: 100%; justify-content: flex-start; }
  .modal-agree .label-check input + span { flex: 1 1 auto; min-width: 0; align-items: flex-start; font-size: 13px; line-height: 18px; word-break: keep-all; white-space: normal; }
  .modal-agree .table { overflow-x: visible; padding-bottom: 0; }
  .modal-agree table.tbl-edit,
  .modal-agree table.tbl-edit tbody,
  .modal-agree table.tbl-edit tr,
  .modal-agree table.tbl-edit th,
  .modal-agree table.tbl-edit td { display: block; width: 100%; min-width: 0; }
  .modal-agree table.tbl-edit colgroup { display: none; }
  .modal-agree table.tbl-edit tbody tr { border: 1px solid #E4E4E4; border-top: 0; }
  .modal-agree table.tbl-edit tbody tr:first-child { border-top: 0; }
  .modal-agree table.tbl-edit tbody th,
  .modal-agree table.tbl-edit tbody td { height: auto; border: 0; }
  .modal-agree table.tbl-edit tbody th { padding: 12px 14px 4px; background: #fff; text-align: left; }
  .modal-agree table.tbl-edit tbody td { padding: 8px 14px 14px; }
  .modal-agree table.tbl-edit input[type="text"],
  .modal-agree table.tbl-edit select,
  .modal-agree table.tbl-edit textarea { font-size: 13px; }
  .modal-agree .form-input li .wrap-input { display: block; }
  .modal-agree .form-input li .wrap-input label { display: block; margin-bottom: 4px; }
  .modal-agree .co-red { font-size: 12px; line-height: 17px; }
  .modal-agree .info-txt { padding: 16px; font-size: 13px; line-height: 19px; }
}

.tripGuide_info {width: 544px; flex: none; padding: 30px; border-radius: 5px; border: 1px solid var(--g-black2); background:#fff;}
.tripGuide_info dl + dl{margin-top: 30px;}
.tripGuide_info dt{font-size: 24px; font-weight: 700; line-height: 1.25;}
.tripGuide_info dd{color: var(--g-black8); font-size: 22px; font-weight: 500; line-height: 1.45; margin-top: 8px;}
.tripGuide_img{display: flex;}
.tripGuide_img img{border-radius: 5px;}
.tripGuide_list > ul{display: flex; gap: 20px;}
.tripGuide_list > ul > li{display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 320px;  padding: 40px 30px 30px; flex: 1; border-radius: 5px; background: rgba(240, 246, 251, 0.34)}
.tripGuide_list .img {position: relative; border-radius: 50%;background: #fff;box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);width: 144px;height: 144px;display: flex;align-items: center;justify-content: center; }
.tripGuide_list p{height: 72px; display: flex; align-items: center; color: var(--g-black8); text-align: center; font-size: 22px; font-weight: 500; line-height: 1.63;}
.tripGuide_list .no .img{border: 1px solid var(--g-primary-100);}
.tripGuide_list .no .img::after{content: ''; position: absolute; width: 1px; height: 100%; background: var(--g-primary-100); transform: rotate(45deg);}
.tripGuide_list + .p_info{margin-top: 20px;}
.p_info { color: var(--g-black6);font-size: 20px;font-weight: 500; }
.tripGuide_call { border-radius: 5px;background: var(--g-black1);padding: 20px;display: flex;align-items: center;gap: 20px;color: var(--g-black8);font-size: 22px;font-weight: 600;line-height: 1.45;margin-top: 40px; }
.tripGuide_call .call_img { padding: 10px; border-radius: 5px;background: #86B0D2; }
.ico-counsel { width: 30px; height: 30px; background: url("../../images/ico/ico-counsel.svg") no-repeat 50% / contain; }


/* calendar */
.calendar {width: 100%;padding-right: 0;display: flex;justify-content: space-between;}
.calendar .calendar_ {flex: 1; margin-right: 20px;}
.calendar_hd{margin-top: 30px;}
.calendar_hd p{margin-top: 20px; color: #000; font-size: 18px;  font-weight: 500; line-height: 2.1;}
.calendar_nav {display: flex; align-items: center; }
.calendar_nav a {font-size: 0;width: 31px;height: 31px;border: 0;background: no-repeat 50% / cover;margin: 0;}
.calendar_nav a:before,
.calendar_nav a:after { display: none; }
.calendar_nav a.prev { background-image: url("../../images/cmn/ico-prev2.svg"); }
.calendar_nav a.next { background-image: url("../../images/cmn/ico-next2.svg"); }
.calendar_nav span {font-size: 32px;font-weight: 700; font-family: var( --f-gmarket); padding: 0 24px;}
.calendar_legend { top: auto; bottom: 0; background: transparent; }
.legend_a:before,
.ct_skd .legend_a::before,
.ct_skd_list .legend_a a:before{background: var(--color-main);}
.calendar-list__bd .list-ul .legend_a{border: 1px solid var(--color-main); color: var(--color-main);}
.calendar-list__bd .list-ul .legend_b{border: 1px solid #BABABA;color: #757575;}
table.ct {width: 100%; table-layout: fixed; border-collapse: collapse;}
.ct_skd {margin-left: 2px;margin-top: 8px;overflow-y: auto;width: 100%;}
.ct_skd > ul > li:not(:last-child) {margin-bottom: 5px;}
.ct_skd > ul > li{display: flex;align-items: center;font-size: 14px;font-weight: 700;}
.ct_skd > ul > li::before{content: '';width: 12px;height: 12px;border-radius: 50%;margin-right: 5px;}
.ct_skd_smy { margin-top: 5px; }
.ct_skd_smy li { font-size: 12px; font-weight: 400; line-height: 12px; height: 12px; padding-left: 17px; }
_:-ms-input-placeholder, :root .ct_skd_smy li { line-height: normal; }
.ct_skd_smy li span { font-weight:500; }
.ct_skd_smy li:not(:last-child) { margin-bottom: 6px; }
.ct_skd_list {display: none; position: absolute;width: 100%;top: 35px;left: 0;background: #fff;border: 1px solid #000;z-index: 10;border-radius: 3px;}
.ct_skd_list:before,
.ct_skd_list:after {content:'';bottom: 100%;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;}
.ct_skd_list:before { border-color: transparent; border-bottom-color: #1A1B1D; border-width: 10px; border-bottom-width: 10px; margin-left: -10px; }
.ct_skd_list:after { border-color: transparent; border-bottom-color: #fff; border-width: 10px; border-bottom-width: 10px; margin-left: -10px; transform: translateY(1px); -webkit-transform: translateY(1px); -ms-transform: translateY(1px); }
.ct_skd_list ul { padding: 15px 10px; }
.ct_skd_list li {font-size: 14px;line-height: 15px;height: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;}
_:-ms-input-placeholder, :root .ct_skd_list li { line-height: normal; }
.ct_skd_list li:not(:last-child) { margin-bottom: 10px; }
.ct_skd_list li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;font-size: 14px;font-weight: 500;color: #1A1B1D;text-align: center;display: flex;align-items: center;justify-content: center;}
.ct_skd_list li:hover a { font-weight: 500; /* border-bottom: 1px solid #000; */
 text-decoration: underline; }
.calendar_table {border-radius: 5px;margin-top: 30px;}
.calendar_table table { margin-top: 0; }
.ct th {background: #E4E4E4;height: 35px;color: #1A1B1D;padding-left: 10px;font-size: 15px;text-align: left;font-weight: 400;}
.ct th:first-child { border-radius: 5px 0 0 0; }
.ct th:last-child { border-right: 0; border-radius: 0 5px 0 0; }
.ct td {position: relative; border: 1px solid #CECECE;height: 114px !important;vertical-align: top;color: #646464;padding: 0;}
.ct_day {color: #000;line-height: 1.5;font-size: 16px;font-weight: 700;}
.ct td:first-child { border-left: 0; }
.ct td:last-child { border-right: 0; }
.ct tr:last-child td { border-bottom: 0; }
.ct_day.ct_today{position: relative; }
.ct_day.ct_today::after {content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 24px; width: 24px; border-radius: 50%; background-color: var(--g-black2); z-index: -1;}
.ct_wrap {width: 100%;height: 100%;display: flex;flex-direction: column; align-items: flex-start; padding: 12px 20px; overflow: hidden;}
.ct th.sat,
.ct td .ct_day.sat{ color: #36318F; }
.ct th.sun,
.ct td .ct_day.sun { color: #B60081; }
.calendar-row {display: flex;}
.calendar-header-cell,
.calendar-cell {flex: 1;}
.calendar-header-cell {height:48px;font-size: 18px;font-weight: 600;background-color: var(--g-black1);padding:14px 0;color: var(--g-black9); text-align: center;}
.calendar-day {border: 1px solid var(--g-black2); border-radius: 0 0 10px 10px;}
.calendar-cell {position: relative;border-right:  1px solid var(--g-black2);border-bottom: 1px solid var(--g-black2);height: 150px !important;vertical-align: top;color: #646464;padding: 0;transition: background .2s;}
.sun{color: var(--g-point);}
.sat{color: var(--g-primary-100);}
.calendar-cell.focus .ct_day{color: var(--color-main) !important; font-weight: 800;}
.calendar-cell:has(.ct_wrap:empty){background: #F7F7F7;}
.ct_day.prev, .ct_day.next{color: #9E9E9E;}
.calendar-cell:has(.ct_day.prev), .calendar-cell:has(.ct_day.next){background: #F7F7F7;}
.calendar-cell:hover,
.calendar-cell:focus-within{background: rgba(240, 246, 251, .3);}
.calendar-cell:has(.ct_day.prev):hover,
.calendar-cell:has(.ct_day.prev):focus-within,
.calendar-cell:has(.ct_day.next):hover,
.calendar-cell:has(.ct_day.next):focus-within{background: #F7F7F7;}
.calendar-day .calendar-row div.calendar-cell:first-child { border-left: 0; }
.calendar-day .calendar-row div.calendar-cell:last-child { border-right: 0; }
.calendar-day .calendar-row:first-child div.calendar-cell {}
.calendar-day .calendar-row:last-child div.calendar-cell { border-bottom: 0; }
.calendar-row-header{border: 1px solid var(--g-black2); border-radius: 10px 10px 0 0; border-bottom: 0; background: var(--g-black1); overflow: hidden;}
.calendar-header-cell:not(:last-child){border-right: 1px solid var(--g-black2);}
.calendar_legend > ul.flex{gap: 10px;}
.calendar_legend .legend_box {display: inline-flex; align-items: center; justify-content: center; font-size: 16px;font-weight: 500; min-width: 166px; height: 35px; border-radius: 5px; color: var(--g-primary-100);border: 1px solid var(--g-primary-100);background: #fff; transition: background .2s, border-color .2s, color .2s; }
.calendar_legend button.legend_box{cursor: pointer;}
.calendar_legend .box-full .legend_box{border: 1px solid var(--g-black2);background: var(--g-black1); color: var(--g-black8);}
.calendar-cell .calendar_legend{width: 100%; margin-top: 12px; height: 100%; overflow-y: auto; overflow-x: hidden;}
.calendar-cell .calendar_legend li + li{margin-top: 8px;}
.calendar-cell .calendar_legend .legend_box{width: 100%; min-width: auto;}
.calendar-cell .calendar_legend li:not(.box-full) .legend_box:hover,
.calendar-cell .calendar_legend li:not(.box-full) .legend_box:focus-visible,
.calendar-cell .calendar_legend li:not(.box-full) .legend_box.active{background: var(--g-primary-100); color: #fff; border-color: var(--g-primary-100);}

@media screen and (max-width:1024px) {
  .calendar { display: block; min-width: 0; }
  .calendar .calendar_ { width: 100%; margin-right: 0; min-width: 0; }
  .canlendar_info.flex-c-space { align-items: flex-start; gap: 12px; }
  .canlendar_info .calendar_legend { width: auto; max-width: 100%; }
  .canlendar_info .calendar_legend > ul.flex { flex-wrap: wrap; gap: 8px; }
  .canlendar_info .calendar_legend .legend_box { min-width: 128px; height: 32px; padding: 0 14px; font-size: 14px; }
  .calendar_table { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .calendar-content { min-width: 840px; }
  .calendar-cell .calendar_legend .legend_box { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media screen and (max-width:767px) {
  .calendar_hd { margin-top: 24px; }
  .calendar_hd p { margin-top: 12px; font-size: 15px; line-height: 1.6; word-break: keep-all; }
  .calendar_nav span { padding: 0 14px; font-size: 26px; }
  .calendar_nav a { width: 28px; height: 28px; }
  .canlendar_info.flex-c-space { flex-direction: column; }
  .calendar_table { margin-top: 20px; padding-bottom: 8px; }
  .calendar-content { min-width: 760px; }
  .calendar-header-cell { height: 42px; padding: 12px 0; font-size: 14px; }
  .calendar-cell { height: 132px !important; }
  .ct_wrap { padding: 9px 8px; }
  .ct_day { font-size: 14px; }
  .ct_day.ct_today::after { width: 22px; height: 22px; }
  .calendar-cell .calendar_legend { margin-top: 8px; }
  .calendar-cell .calendar_legend li + li { margin-top: 5px; }
  .calendar-cell .calendar_legend .legend_box { height: 25px; padding: 0 2px; font-size: 11px; line-height: 1; }
  .canlendar_info .calendar_legend .legend_box { min-width: 108px; height: 30px; font-size: 13px; }
}


.wrap-form .tit_wrap{position: relative; display: flex; margin-bottom: 40px; background: #F0F6FB;}
.wrap-form .tit_wrap h3 { height: 3.8rem; width: 10rem; border-radius: 5px 0 0 5px; color: #ffffff;  font-weight: 700; font-size: 18px; background: #5381B7; text-align: center; align-content: center; }
.wrap-form .input_wrap { align-content: center; padding: 6px 0 6px 20px;}
.wrap-form .input_wrap .label-check span,
.wrap-form .input_wrap .label-check input:checked + span {color:#000000;  font-weight: 700; font-size: 16px;}
.wrap-form .area-box{ padding: 40px; margin-bottom: 20px; border:1px solid #E4E4E4; border-radius: 10px;}
.wrap-form .area-box h4 { color: #000000;  font-weight: 700; font-size: 24px;}
.wrap-form .area-box .txt_desc { margin-left: 4px; color: #5381B7;  font-weight: 400; font-size: 16px;}
.con_form {position: relative;}
.con_form .form_row {position: relative;display: block;text-align: left; color: #fff; margin-top: 20px;}
.con_form .form_row .form_tit { position: relative; display: inline-block; margin-bottom: 10px; color: #000000;  font-weight: 700; font-size: 16px; line-height: 1.3;}
.con_form .form_row .input_box {position: relative;display: block; height:52px; padding: 17px 20px; border: 1px solid #E4E4E4; color: #000;  font-weight: 600; font-size: 16px; background: #fff;}
.con_form .form_row .required:after {content: "*";position: absolute; right: -11px; display: inline-block;font-weight: 900;color: #ff0000;}
.con_form .form_row .input_checkbox {position: relative;display: inline-block;padding: 8px 8px 8px 15px;border: 1px solid #f2f2f2;background: #fff;box-sizing: border-box;width: 100%;vertical-align: middle;margin: 0 0 8px 0;}
.con_form .form_row .input_checklist {padding: 10px 0;width: 50%;float: left;}
.con_form .form_row .input_checkbox label {padding: 0 8px;}
.con_form .form_row .textarea {width: 100%;height: 100px;overflow: auto;padding: 17px 20px;color: #000;font-size: 16px;line-height: 1.4;background: #ffffff;border: 1px solid #E4E4E4; border-radius: 4px;}
.con_form .form_row:last-child input {margin-bottom: 0;}
.con_form .form_row.w-100p {width: 100%; margin-left: 0;}
.con_form .form_row.w-50p {width: calc(50% - 10px); display: inline-block; }
.con_form .form_row.w-50p + .w-50p{margin-left:15px;}
.con_form .form_row.row-start{margin-left:0 !important;}
.con_form .form_row select{height:52px; padding: 0 20px; border: 1px solid #E4E4E4; color: #000; font-weight: 600; font-size: 16px; background-color: #fff;}
.con_form .form_row .form_tit .Required{position: relative;}
.con_form .form_row .form_tit .Required::after{content:" *"; color:#FF0000; font-weight:700;}
.wrap-form .area-box .tit_wrap .check-area{display: flex; align-items: center; gap: 24px;}
.wrap-form .area-box .tit_wrap .check-area .radio + .radio{margin-left: 0;}
.wrap-form .area-box .tit_wrap .check-area input[type="radio"] + label::before{width: 20px; height: 20px; border: 1px solid #BABABA; border-radius: 50%; background: #fff;}
.wrap-form .area-box .tit_wrap .check-area input[type="radio"]:checked + label::before{background: radial-gradient(circle, #4A8FF5 0 6px, #fff 6px 100%); border-color: #4A8FF5;}
.wrap-form .area-box .tit_wrap .title,
.wrap-form .area-box .tit_wrap .check-area label,
.wrap-form .area-box .tit_wrap .check-area label span{font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.3; color: #000;}
.wrap-form .area-box .tit_wrap .title.Required::after{content:" *"; color:#FF0000; font-weight:700;}
.wrap-form > .tit_wrap .check-area{display: flex; align-items: center; gap: 24px;}
.wrap-form > .tit_wrap .check-area .radio + .radio{margin-left: 0;}
.wrap-form > .tit_wrap .check-area input[type="radio"] + label::before{width: 20px; height: 20px; border: 1px solid #BABABA; border-radius: 50%; background: #fff;}
.wrap-form > .tit_wrap .check-area input[type="radio"]:checked + label::before{background: radial-gradient(circle, #5381B7 0 6px, #fff 6px 100%); border-color: #5381B7;}
.wrap-form > .tit_wrap .check-area label,
.wrap-form > .tit_wrap .check-area label span{font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.3; color: #000;}
.wrap-form .area-box .tbl-box table.tbl-sub{width: 100%; table-layout: fixed;}
.wrap-form .area-box .tbl-box table.tbl-sub col{width: calc(100% / 3);}
.wrap-form .area-box .tbl-box table.tbl-sub th,
.wrap-form .area-box .tbl-box table.tbl-sub td{padding: 12px 16px; text-align: center;}
.wrap-form .area-box .tbl-box table.tbl-sub thead th{font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 14px; font-weight: 500; color: #5B5B5B; background: #E4E4E4;}
.wrap-form .area-box .tbl-box table.tbl-sub tbody td{font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 14px; font-weight: 400; line-height: 28px; color: #5B5B5B; background: #FAFAFA;}
.wrap-form .area-box .tbl-box table.tbl-sub tbody td:last-child{color: #5381B7;}
.wrap-form .area-box .tbl-box .txt-sub{font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 14px; font-weight: 400; line-height: 28px; color: #5B5B5B;}
.con_form .form_row .wrap-input {display: flex; gap: 10px;}
.con_form .form_row .wrap-input .btn-ico {width:52px; height:52px;}
.wrap-form .info-txt {margin:40px 0 0; height: 54px; display: flex; align-items: center; padding: 0 20px; color: #424242;  font-weight: 500; font-size: 16px; line-height: 38px;}
.wrap-consent .tit_wrap{ margin-bottom: 10px; background: unset;}
.wrap-consent .input_wrap { padding-left: 0;}
.wrap-consent .input_wrap span.required:after {content: "*";position: absolute; right: -11px; display: inline-block;font-weight: 900;color: #ff0000;}
.wrap-consent .inr_text { height: 208px; padding: 20px; border: 1px solid #E4E4E4; background: #fafafa; border-radius: 5px;}
.wrap-consent .textarea{ color: #5b5b5b;  font-weight: 500; font-size: 14px; background: unset; height: 100%;}
.wrap-info{margin-top: 40px; text-align: center;}
.wrap-info .txt01 { color: #000;font-size: 26px;font-weight: 500; margin-bottom: 10px;}
.wrap-info .txt02 { color: #000;font-size: 26px;font-weight: 700; }


/* complete */
.complete-box{margin-top: 100px; text-align: center;}
.complete-box .step-finish .ico-finish{display: inline-block; width: 70px; height: 70px; background: url('../../images/ico/ico-finish.svg') no-repeat 50% / contain;}
.complete-box .detail-btn{display: flex; justify-content: center; margin: 60px 0 0; background: transparent; padding: 0; height: auto; min-width: 0; border-radius: 0;}
.complete-box .detail-btn .btn.mainGradient{flex: 0 0 auto; width: 214px; max-width: 214px; height: 57px;}
.detail-btn {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.20);
    padding: 6px 18px;
    color: #2F477C;
    font-family: var(--f-nanum);
    font-style: normal;
    font-weight: 400;
    height: 40px;
    min-width: 120px;
    font-size: 18px;
}
/* 상세 '목록으로' 버튼: 래퍼 박스(넓은 영역/호버) 제거, 버튼 214x57 (하단 간격은 manage-area에서) */
.detail-btn:has(> .btn.large.mainGradient) {
    background: transparent;
    padding: 0;
    height: auto;
    min-width: 0;
    border-radius: 0;
}
.detail-btn > .btn.large.mainGradient {
    flex: 0 0 auto;
    width: 214px;
    max-width: 214px;
    height: 57px;
}
/* 서브페이지 '자료관리 담당자'(manage-area) 상단 간격 일관화 */
.manage-area { margin-top: 150px; }
.complete-box .tit{margin-top: 20px; color: #000; font-size: 40px; font-weight: 600;}
.complete-box  p{margin-top: 20px; color: var(--g-black7); font-size: 20px; font-weight: 500; line-height: 1.7}

/* search */
.main-tit__wrap{margin-bottom: 35px;display: flex;align-items: center;justify-content: space-between;}
.main-tit__wrap h2 {color: var(--g-primary-100);font-family: var(--f-gmarket);font-size: 30px;font-weight: 700;}
.main-tit__wrap .detail-btn {margin-top: 0; transition: .4s; border-radius: 5px; border: 1px solid var(--g-black4); background: #FFF; width: 40px; height: 40px; }
.main-tit__wrap .detail-btn:hover{background: linear-gradient(135deg, #314C6A 0.21%, #3E6999 99.79%); border-color: #3E6999;}
.main-tit__wrap .detail-btn:hover .ico-plus{filter: var(--filter-white);}
.ico-plus{width: 16px; height: 16px; background-image: url("../../images/cmn/ico-plus_gray.svg")}
.main-tit__wrap.flex-c-all{justify-content: center;}

.totalSch .main-tit__wrap{margin-bottom: 32px;}
.search-tit { display: flex; align-items: center; gap: 8px; }
.main-tit__wrap .search-tit h2 {font-family: 'Pretendard Variable', 'sans-serif'; color: #000; font-size: 30px; font-weight: 700; }
.search-tit p { color: #000;  font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
main > section.content-area:first-child{margin-top: 80px; padding-top: 100px;}
.totalSch-top { color: #000; font-size: 40px; font-weight: 700; line-height: 56px; margin-bottom: 64px; }
.totalSch-top b { font-weight: 700; }
.main-search_form form { flex: 1; }
.totalSch .search-wrap.input-btn { border-radius: 10px; border: 2px solid var(--100, #F7F7F7); background: rgba(255, 255, 255, 0.15); }
.search-wrap.input-btn input { background: transparent; border: 0; height: 72px; padding: 0 30px; color: var(--g-black1); font-family: var(--f-nanum); font-size: 22px; font-weight: 400; }
.search-wrap.input-btn input::placeholder { color: #f7f7f7 !important; opacity: 1;}
.search-wrap.input-btn .ico-search_w { width: 40px; height: 40px; background: url("../../images/cmn/ico-search_w.svg")}
.search-wrap.input-btn .btn { padding: 0; padding-right: 30px; margin: 0; }
.search-list__tit { color: #FFD343; font-family: var(--f-gmarket); font-size: 22px; font-weight: 700; margin-right: 24px; }
.search-list { display: flex; align-items: center; }
.search-list ul li { display: inline-block; position: relative; }
.search-list ul li .btn { color: var(--g-black1); font-family: var(--f-nanum); font-size: 22px; font-weight: 600; }
.search-list ul li:not(:last-child)::after { content: ''; width: 1px; height: 10px; display: inline-block; background: var(--g-black3); position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.search-list ul li:not(:last-child) { padding-right: 20px; margin-right: 20px; }

.totalSch .main-search_form{padding: 30px; border-radius: 10px; width: 839px;}
.totalSch .main-search_form {background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), radial-gradient(240.25% 250.91% at 105.18% 203.03%, #5381B7 0%, #001935 100%);}
.totalSch .search-list{margin-top: 20px;}
.totalSch-box{margin-top: 64px; padding-bottom: 64px; border-bottom: 1px solid var(--g-black2);}
.totalSch-box:last-child{border-bottom: none;}
.totalSch-list > li + li{margin-top: 32px;}
.totalSch-list.type-menu > li + li{margin-top: 10px;}
.totalSch-list .top{display: flex; justify-content: space-between; margin-bottom: 8px;}
.totalSch-list .tit {color: var(--g-black8);font-size: 18px;font-weight: 700;line-height: 1.66; }
.totalSch-list.type-menu .tit::before{content: '·'; margin-right: 5px; }
.totalSch-list .date{color: var(--g-black6); font-size: 16px; font-weight: 400; line-height: 1.87;}
.totalSch-list .cont{color: var(--g-black8); font-size: 16px; font-weight: 400; line-height: 1.87;  margin-bottom: 8px; }
.totalSch-box .keyword{color: var(--g-primary-100); font-weight: 700;}
.totalSch-box .file-box { border-radius: 5px; background: rgba(224, 231, 244, 0.20); padding: 24px 25px; }
.totalSch-box .file-box .ico-file { flex: none; width: 20px; height: 20px; background: url("../../images/ico/ico-file.svg") no-repeat 50% / contain; }
.totalSch-box .file-name { color: #000; font-size: 16px; font-weight: 500; line-height: 20px; text-decoration: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; margin-left: 8px; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.totalSch-box .bottom{margin-top: 8px;}

/* search page */
.page-search .totalSch { max-width: 1440px; margin: 0 auto; padding-bottom: 112px; }
.page-search .totalSch,
.page-search .totalSch .main-search_form,
.page-search .totalSch .search-wrap.input-btn,
.page-search .sect-tab { box-sizing: border-box; }
.page-search .totalSch-top { margin-bottom: 64px; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; color: #000; font-size: 40px; font-weight: 700; line-height: 56px; word-break: keep-all; }
.page-search .totalSch .main-search_form { width: 100%; padding: 30px; border-radius: 10px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), radial-gradient(240.25% 250.91% at 105.18% 203.03%, #5381B7 0%, #001935 100%); }
.page-search .main-search_form form { width: 100%; }
.page-search .totalSch .search-wrap.input-btn { width: 100%; height: 72px; border: 2px solid #F7F7F7; background: rgba(255, 255, 255, 0.15); }
.page-search .search-wrap.input-btn input { flex: 1; width: 100%; height: 100%; color: #F7F7F7; line-height: 72px; outline: 0; }
.page-search .search-wrap.input-btn .btn { flex: 0 0 auto; height: 100%; display: flex; align-items: center; justify-content: center; }
.page-search .search-wrap.input-btn .ico-search_w { width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50%; background-size: contain; }
.page-search .search-list { margin-top: 24px; gap: 24px; }
.page-search .search-list__tit { flex: 0 0 auto; width: 118px; margin-right: 0; line-height: 26px; }
.page-search .search-list ul { display: flex; align-items: center; flex-wrap: wrap; row-gap: 8px; }
.page-search .search-list ul li .btn { padding: 0; color: #F7F7F7; line-height: 24px; }
.page-search .search-list ul li:not(:last-child)::after { background: rgba(247, 247, 247, 0.45); }
.page-search .sect-tab { margin-top: 64px; }
.page-search .sect-tab { scrollbar-width: none; }
.page-search .sect-tab::-webkit-scrollbar { display: none; }
.page-search .tab-menu { width: 100%; }
.page-search .totalSch-box { margin-top: 64px; padding-bottom: 64px; border-bottom: 1px solid #E4E4E4; }
.page-search .totalSch-box:last-child { padding-bottom: 0; border-bottom: 0; }
.page-search .totalSch .main-tit__wrap { margin-bottom: 32px; }
.page-search .main-tit__wrap .search-tit h2 { color: #000; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 30px; font-weight: 700; line-height: normal; }
.page-search .search-tit p { color: #000; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 24px; font-weight: 700; line-height: normal; }
.page-search .main-tit__wrap .detail-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0; min-width: 0; }
.page-search .totalSch-list > li + li { margin-top: 32px; }
.page-search .totalSch-list.type-menu > li { position: relative; padding-left: 10px; }
.page-search .totalSch-list.type-menu > li::before { content: '·'; position: absolute; left: 0; top: 0; color: #424242; font-size: 18px; font-weight: 700; line-height: 30px; }
.page-search .totalSch-list.type-menu > li + li { margin-top: 10px; }
.page-search .totalSch-list.type-menu .tit::before { display: none; }
.page-search .totalSch-list .top { align-items: flex-start; gap: 24px; margin-bottom: 8px; }
.page-search .totalSch-list .tit { display: block; min-width: 0; color: #424242; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 18px; font-weight: 700; line-height: 30px; word-break: keep-all; }
.page-search .totalSch-list .date { flex: 0 0 auto; color: #757575; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; text-align: right; }
.page-search .totalSch-list .cont { display: block; min-width: 0; height: 60px; margin-bottom: 8px; color: #424242; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; }
.page-search .totalSch-box .keyword { color: #5381B7; font-weight: 700; }
.page-search .totalSch-box .file-box { height: 70px; display: flex; align-items: center; padding: 24px 25px; border-radius: 5px; background: rgba(224, 231, 244, 0.2); }
.page-search .totalSch-box .file-link,
.page-search .totalSch-box .file-link.ico { min-width: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; color: #000; }
.page-search .totalSch-box .file-box .ico-file { width: 22px; height: 22px; background: #BABABA; -webkit-mask: url("../../images/cmn/ico-file.svg") no-repeat 50% / contain; mask: url("../../images/cmn/ico-file.svg") no-repeat 50% / contain; opacity: 1; }
.page-search .totalSch-box .file-name { min-width: 0; flex: 1; margin-left: 8px; color: #000; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; }
.page-search .totalSch-list.type-file .bottom { margin-top: 8px; }
.page-search .totalSch-list.type-file .file-name { display: inline-block; width: auto; max-width: calc(100% - 30px); flex: 0 1 auto; }

@media screen and (max-width: 1200px) {
  .page-search .totalSch-top { font-size: 34px; line-height: 46px; }
  .page-search .sect-tab { margin-top: 48px; }
  .page-search .totalSch-box { margin-top: 52px; padding-bottom: 52px; }
}

@media screen and (max-width: 767px) {
  body.page-search { overflow-x: hidden; }
  .page-search main > section.content-area:first-child { margin-top: 60px; padding-top: 50px; }
  .page-search .totalSch { padding-bottom: 70px; }
  .page-search .totalSch-top { margin-bottom: 32px; font-size: 24px; line-height: 34px; word-break: keep-all; overflow-wrap: anywhere; }
  .page-search .totalSch .main-search_form { padding: 20px; }
  .page-search .totalSch .search-wrap.input-btn { height: 56px; }
  .page-search .search-wrap.input-btn input { height: 56px; padding: 0 16px; font-size: 16px; line-height: 56px; }
  .page-search .search-wrap.input-btn .btn { padding-right: 16px; }
  .page-search .search-wrap.input-btn .ico-search_w { width: 28px; height: 28px; }
  .page-search .search-list { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 16px; }
  .page-search .search-list__tit { width: auto; font-size: 18px; line-height: 24px; }
  .page-search .search-list ul { gap: 8px 12px; }
  .page-search .search-list ul li { padding: 0 !important; margin: 0 !important; }
  .page-search .search-list ul li::after { display: none !important; }
  .page-search .search-list ul li .btn { font-size: 16px; line-height: 22px; }
  .page-search .sect-tab { width: 100%; max-width: 100%; margin-top: 36px; padding-bottom: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .page-search .tab-menu { flex: 0 0 560px; width: 560px; min-width: 560px; }
  .page-search .totalSch-box { margin-top: 40px; padding-bottom: 40px; }
  .page-search .totalSch .main-tit__wrap { margin-bottom: 20px; }
  .page-search .main-tit__wrap .search-tit h2 { font-size: 24px; }
  .page-search .search-tit p { font-size: 18px; }
  .page-search .main-tit__wrap .detail-btn { width: 34px; height: 34px; }
  .page-search .totalSch-list > li + li { margin-top: 24px; }
  .page-search .totalSch-list .top { flex-direction: column; gap: 0; }
  .page-search .totalSch-list .tit { font-size: 16px; line-height: 26px; word-break: break-word; }
  .page-search .totalSch-list .date { width: 100%; font-size: 14px; line-height: 24px; text-align: left; }
  .page-search .totalSch-list .cont { height: 52px; font-size: 15px; line-height: 26px; }
  .page-search .totalSch-box .file-box { height: auto; min-height: 56px; padding: 16px; }
  .page-search .totalSch-box .file-name { font-size: 15px; }
}

/* siteMap — page-former-director 미지정 페이지(주로 영문) 전용 마크업/디자인.
   한국어 서브의 사이트맵은 layout.css 의 햄버거 풀스크린 디자인(.siteMap fixed)
   을 사용한다. en 의 margin-top:64px 가 끼면 햄버거 사이트맵이 헤더 아래로
   64px 더 밀려 빈 공간이 생긴다. */
/* 영문 "사이트맵" 본문 페이지 전용. 헤더 햄버거 사이트맵(.header .siteMap)에는
   적용되지 않도록 .cont-area 안쪽으로 한정. 그렇지 않으면 영문 메인 페이지의
   햄버거 사이트맵에 margin-top:64px 가 끼어들어 헤더 아래 빈 공간이 생긴다. */
.cont-area .siteMap{margin-top: 64px; border-top: 1px solid var(--g-black2);}
.cont-area .siteMap-area{padding: 32px 0; border-bottom: 1px solid var(--g-black2); display: flex; align-items: flex-start; gap: 100px;}
.cont-area .siteMap .depth2{padding: 0; justify-content: space-between;}
.cont-area .siteMap .depth2 > li {flex: 1;}
.cont-area .siteMap .depth2 > li > a{width: 100%;}
.cont-area .siteMap .depth-tit{min-width: 190px; flex: none;}
.cont-area .siteMap .depth-tit h2{text-align: left;}
.cont-area .siteMap::before { content: ''; position: absolute; bottom: -250px; right: 0; width: 703px; height: 859px; background: url('../../images/user/sub/siteMap-bg.png') no-repeat 50% / cover; z-index: -1; }

/* sitemap page */
.page-sitemap .content-area { position: relative; overflow: hidden; padding-bottom: 108px; }
.page-sitemap .content-area > .inner { position: relative; z-index: 1; }
/* 하단 뇌 그래픽 (시안 기준): 800x800 원본 비율, 화면 우측 끝에 붙이고 하단 168px은 푸터 뒤로 잘림 */
.page-sitemap .content-area::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -168px;
  z-index: 0;
  width: 800px;
  height: 800px;
  background: url('../../images/user/sub/siteMap-bg.svg') no-repeat 50% / contain;
  pointer-events: none;
}
.page-sitemap .page-title h2 {
  color: #000;
  font-family: 'Pretendard Variable', Pretendard Variable, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
}
.page-sitemap .page-title p {
  margin-top: 16px;
  color: #292929;
  font-family: 'Pretendard Variable', Pretendard Variable, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.page-sitemap .sitemap-page {
  position: relative;
  margin-top: 64px;
  border-top: 1px solid #E4E4E4;
  isolation: isolate;
}
.page-sitemap .sitemap-page .siteMap-area {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 100px;
  padding: 32px 0;
  border-bottom: 1px solid #E4E4E4;
}
.page-sitemap .sitemap-page .siteMap-area:last-child { border-bottom: 1px solid #E4E4E4; }
.page-sitemap .sitemap-page .depth-tit {
  min-width: 0;
  padding-top: 0;
}
.page-sitemap .sitemap-page .depth-tit h2,
.page-sitemap .sitemap-page .sitemap-toggle {
  display: block;
  width: 100%;
  color: #5381B7;
  font-family: 'Pretendard Variable', Pretendard Variable, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
}
.page-sitemap .sitemap-page .sitemap-toggle {
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.page-sitemap .sitemap-page .sitemap-toggle span {
  color: inherit;
  font: inherit;
}
.page-sitemap .sitemap-page .sitemap-toggle-ico,
.page-sitemap .sitemap-page .sitemap-sub-ico {
  display: none;
}
.page-sitemap .sitemap-page .depth2 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  padding: 0;
}
.page-sitemap .sitemap-page .depth2:has(> li:nth-child(6)) {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.page-sitemap .sitemap-page .depth2:has(> li:nth-child(7)) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.page-sitemap .sitemap-page .siteMap-area:first-child .depth2 {
  gap: 40px;
}
.page-sitemap .sitemap-page .depth2:has(> li:nth-child(4):last-child) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.page-sitemap .sitemap-page .depth2:has(> li:nth-child(3):last-child) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-sitemap .sitemap-page .depth2:has(> li:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-sitemap .sitemap-page .depth2:has(> li:only-child) {
  grid-template-columns: 1fr;
}
.page-sitemap .sitemap-page .depth2 > li { min-width: 0; }
.page-sitemap .sitemap-page .depth2 > li > .tit02 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 4px 52px 4px 16px;
  border-radius: 6px;
  background: #F7F7F7;
  color: #000;
  font-family: 'Pretendard Variable', Pretendard Variable, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  word-break: keep-all;
  transition: background .2s ease, color .2s ease;
}
.page-sitemap .sitemap-page .depth2 > li > .tit02:hover,
.page-sitemap .sitemap-page .depth2 > li > .tit02:focus {
  background: #EDF3FA;
  color: #314C6A;
}
.page-sitemap .sitemap-page .depth2 > li:not(:has(.depth3)) > .tit02::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  width: 24px;
  height: 24px;
  border: 1px solid #E4E4E4;
  background: #fff;
  transform: translateY(-50%);
}
.page-sitemap .sitemap-page .depth2 > li:not(:has(.depth3)) > .tit02::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 22px;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-top: 1px solid #9C9C9C;
  border-right: 1px solid #9C9C9C;
  transform: translateY(-50%) rotate(45deg);
}
.page-sitemap .sitemap-page .depth3 {
  margin-top: 16px;
  padding: 0;
}
.page-sitemap .sitemap-page .depth3 > li {
  position: relative;
  padding-left: 10px;
}
.page-sitemap .sitemap-page .depth3 > li + li { margin-top: 12px; }
.page-sitemap .sitemap-page .depth3 > li::before {
  content: '·';
  position: absolute;
  left: 0;
  top: 0;
  color: #5B5B5B;
  font-size: 16px;
  line-height: 19px;
}
.page-sitemap .sitemap-page .depth3 .tit03 {
  color: #5B5B5B;
  font-family: 'Pretendard Variable', Pretendard Variable, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  word-break: keep-all;
}
.page-sitemap .sitemap-page .depth3 .tit03:hover,
.page-sitemap .sitemap-page .depth3 .tit03:focus {
  color: #5381B7;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media screen and (max-width: 1280px) {
  .page-sitemap .sitemap-page .siteMap-area {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .page-sitemap .sitemap-page .depth2,
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(6)),
  .page-sitemap .sitemap-page .depth2:has(> li:only-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(4):last-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(3):last-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(2):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-sitemap .sitemap-page .siteMap-area:first-child .depth2 { gap: 24px; }
}

@media screen and (max-width: 900px) {
  .page-sitemap .content-area { padding-bottom: 80px; }
  .page-sitemap .content-area::after { right: -360px; opacity: .5; }
  .page-sitemap .sitemap-page .depth2,
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(6)),
  .page-sitemap .sitemap-page .depth2:has(> li:only-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(4):last-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(3):last-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .page-sitemap main > section.content-area:first-child {
    margin-top: 60px;
    padding-top: 33px;
  }
  .page-sitemap .content-area { padding-bottom: 72px; }
  .page-sitemap .page-title h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .page-sitemap .page-title p {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
  }
  .page-sitemap .sitemap-page {
    margin-top: 52px;
  }
  .page-sitemap .content-area::after { display: none; }
  .page-sitemap .sitemap-page .siteMap-area {
    display: block;
    padding: 0;
  }
  .page-sitemap .sitemap-page .depth-tit h2,
  .page-sitemap .sitemap-page .sitemap-toggle {
    min-height: 72px;
    display: flex;
    align-items: center;
    color: #5381B7;
    font-size: 16px;
    line-height: 24px;
  }
  .page-sitemap .sitemap-page .sitemap-toggle::after { display: none; }
  .page-sitemap .sitemap-page .sitemap-toggle-ico {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: url("../../images/user/sub/ico-sitemap-arrow.svg") no-repeat 50% / contain;
    transform: rotate(180deg);
    transition: transform .2s ease;
  }
  .page-sitemap .sitemap-page .siteMap-area:not(.is-open) .sitemap-toggle-ico {
    transform: none;
  }
  .page-sitemap .sitemap-page.is-ready .siteMap-area:not(.is-open) .depth2 { display: none; }
  .page-sitemap .sitemap-page .depth2,
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(6)),
  .page-sitemap .sitemap-page .depth2:has(> li:only-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(4):last-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(3):last-child),
  .page-sitemap .sitemap-page .depth2:has(> li:nth-child(2):last-child) {
    display: block;
    padding: 16px 0;
  }
  .page-sitemap .sitemap-page .depth2 > li + li { margin-top: 16px; }
  .page-sitemap .sitemap-page .depth2 > li > .tit02 {
    min-height: 40px;
    padding: 8px 48px 8px 20px;
    border-radius: 0;
    background: transparent;
    font-size: 16px;
    line-height: 24px;
  }
  .page-sitemap .sitemap-page .depth2 > li > .tit02:hover,
  .page-sitemap .sitemap-page .depth2 > li > .tit02:focus {
    background: transparent;
    color: #000;
  }
  .page-sitemap .sitemap-page .depth2 > li:not(:has(.depth3)) > .tit02::before,
  .page-sitemap .sitemap-page .depth2 > li:not(:has(.depth3)) > .tit02::after {
    display: none;
  }
  .page-sitemap .sitemap-page .depth2 > li.has-children > .tit02::after,
  .page-sitemap .sitemap-page .depth2 > li:has(.depth3) > .tit02::after {
    display: none;
  }
  .page-sitemap .sitemap-page .depth2 > li.has-children > .tit02::before,
  .page-sitemap .sitemap-page .depth2 > li:has(.depth3) > .tit02::before {
    position: absolute;
    display: none;
  }
  .page-sitemap .sitemap-page .sitemap-sub-ico {
    position: absolute;
    top: 8px;
    right: 20px;
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #E4E4E4;
    background: #fff;
  }
  .page-sitemap .sitemap-page .sitemap-sub-ico::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 8px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #A3A3A3;
    border-right: 2px solid #A3A3A3;
    transform: rotate(-45deg);
    transition: transform .2s ease;
  }
  .page-sitemap .sitemap-page .depth2 > li.has-children:not(.is-open) .sitemap-sub-ico::before {
    top: 6px;
    transform: rotate(135deg);
  }
  .page-sitemap .sitemap-page.is-ready .depth2 > li.has-children:not(.is-open) .depth3 { display: none; }
  .page-sitemap .sitemap-page .depth3 {
    margin-top: 0;
    padding: 8px 20px 14px;
  }
  .page-sitemap .sitemap-page .depth3 > li { padding-left: 8px; }
  .page-sitemap .sitemap-page .depth3 > li + li { margin-top: 12px; }
  .page-sitemap .sitemap-page .depth3 > li::before,
  .page-sitemap .sitemap-page .depth3 .tit03 {
    color: #757575;
    font-size: 13px;
    line-height: 19px;
  }
}





/* 정보공개 */
.content-section.sect-infoopen,
.content-section.sect-inforequest,
.content-section.sect-infopublic {position: relative; display: inline-block; width: 100%;}
.content-section.sect-infoopen .sect-tit,
.content-section.sect-inforequest .sect-tit,
.content-section.sect-infopublic .sect-tit {position: relative;}
.sect-tit.sect-icon { min-height: 114px; padding-left: 134px; }
.sect-tit.sect-icon h2 {color: #314C6A;}
.sect-tit.sect-icon .txt {color: #292929;  font-weight: 500; font-size: 20px; line-height: 34px;}
.sect-tit.sect-icon .tit-icon {position: absolute; top: 0; left: 0; display: block; width: 114px; height: 114px; background: #5381B7; border-radius: 80px; transition: width, height .3s;}
.sect-tit.sect-icon .tit-icon::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 48px; height: 48px; background: url('../../images/user/sub/sub05/ico_sub05_tit.svg') no-repeat; background-size: auto 100%; background-position: 0 0;}
.sect-infoopen .sect-tit.sect-icon .tit-icon::before {background-position-x: 0;}
.sect-inforequest .sect-tit.sect-icon .tit-icon::before {background-position-x: -48px;}
.sect-infopublic .sect-tit.sect-icon .tit-icon::before {background-position-x: -96px;}

@media screen and (max-width:767px) {
  .sect-tit.sect-icon { padding-left: 100px; }
  .sect-tit.sect-icon .tit-icon {width: 80px; height: 80px; }
}


.content-section.sect-infoopen .btn-comm.btn-line,
.content-section.sect-inforequest .btn-comm.btn-line,
.content-section.sect-infopublic .btn-comm.btn-line {padding: 11px 24px 7px 24px; }
.list-inforequest ul{position: relative; display: flex; flex-direction: column; gap: 16px;}
.list-inforequest ul li > div {padding: 30px 20px; color: #424242; font-weight: 500; font-size: 20px; line-height: 1.4; background: #F0F6FB; border-radius: 5px;}
.list-inforequest ul li div p{margin-bottom: 10px; color: #314C6A; font-size: 22px;  font-weight: 600; line-height: 1;}
.list-inforequest ul li > div > div{color: #424242; font-weight: 500; font-size: 20px; line-height: 1.4;}
.sect-bbs .bbs,
.sect-infoopen .bbs {margin-top: 60px;}
table.tbl-list thead th,
table.tbl-list tbody th,
table.tbl-list tbody td{padding: 6px 8px; border: none;}
table.tbl-list thead th {height: 70px;  font-weight: 700; font-size: 18px; text-align: center; border-bottom: 1px solid #BABABA;}
table.tbl-list tbody td {height: 76px; color: #757575;  font-weight: 500; font-size: 18px; border-bottom: 1px solid #E4E4E4;}
table.tbl-list tbody th {height: 76px; border-bottom: 1px solid #E4E4E4;}
/* 관련사항 문의 등 tbl-data type-table: 좌우 칸 모두 구분선 #D0D0D0 통일 */
.tbl-data.type-table table.tbl-list thead th,
.tbl-data.type-table table.tbl-list tbody th,
.tbl-data.type-table table.tbl-list tbody td {border-bottom: 1px solid #D0D0D0;}
/* 1열(구분)과 2열(문의) 사이 세로 구분선 - 헤더 포함 통일 */
.tbl-data.type-table table.tbl-list thead th:first-child,
.tbl-data.type-table table.tbl-list tbody th {border-right: 1px solid #D0D0D0;}
table.tbl-list tbody td.ta-l {max-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
table.tbl-list tbody td.ta-l .text-over {display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
table.tbl-edit thead th,
table.tbl-edit tbody td{padding: 6px 8px; border: none;}
table.tbl-edit tbody th {height: 70px;  font-weight: 700; font-size: 16px; text-align: center;  }
table.tbl-edit tbody td { color: #757575;  font-weight: 500; font-size: 14px; text-align: left; line-height: 1.2; border-bottom: 1px solid #E4E4E4;}
table .ico-download { background: url('../../images/ico/ico-download_gray.svg') no-repeat; background-size: contain; width: 40px;}

/* common bbs table - Figma 9958:16979 / 9976:19547 */
.bbsBoard.type-table {
  overflow-x: auto;
}
.bbsBoard.type-table table.tbl-list {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-top: 1px solid #BABABA;
}
.bbsBoard.type-table table.tbl-list col:nth-child(3) {
  width: 12% !important;
}
.bbsBoard.type-table table.tbl-list col:nth-child(5) {
  width: 10% !important;
}
.bbsBoard.type-table table.tbl-list thead tr {
  background: #F7F7F7;
}
.bbsBoard.type-table table.tbl-list thead th {
  height: 80px;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid #E4E4E4;
  border-radius: 0;
  color: #000;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}
.bbsBoard.type-table table.tbl-list tbody tr {
  background: #fff;
  transition: background-color .2s;
}
.bbsBoard.type-table table.tbl-list tbody tr:hover {
  background: rgba(0, 0, 0, .03);
}
.bbsBoard.type-table table.tbl-list tbody tr:hover td {
  background: transparent;
}
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice,
.bbsBoard.type-table table.tbl-list tbody tr.notice,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed {
  background: #F0F6FB;
}
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed:hover,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice:hover,
.bbsBoard.type-table table.tbl-list tbody tr.notice:hover,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed:hover {
  background: #ECF2F7;
}
.bbsBoard.type-table table.tbl-list tbody tr:last-child td {
  border-bottom-color: #BABABA;
}
.bbsBoard.type-table table.tbl-list tbody td {
  height: 80px;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid #E4E4E4;
  color: #757575;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
}
.bbsBoard.type-table table.tbl-list tbody td.ta-l {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.bbsBoard.type-table table.tbl-list tbody td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody td.ta-l .ellipsis {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #000;
  font-size: 20px !important;
  font-weight: 500;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bbsBoard.type-table table.tbl-list tbody td.ta-l a {
  color: #000;
}
.bbsBoard.type-table table.tbl-list tbody tr:hover td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr:hover td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr:hover td.ta-l .ellipsis {
  text-decoration: underline;
}
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l .ellipsis,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l .ellipsis,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l .ellipsis,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l .ellipsis {
  font-weight: 700;
}
.bbsBoard.type-table table.tbl-list tbody td .fs-20 {
  color: inherit;
  font-size: 20px !important;
  font-weight: 500;
  line-height: 40px;
  white-space: nowrap;
}
.bbsBoard.type-table table.tbl-list .bbs-fixed-badge,
.bbsBoard.type-table table.tbl-list .bbs-notice-badge,
.bbsBoard.type-table table.tbl-list .badge-notice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: 36px;
  padding: 0 12px;
  border-radius: 5px;
  background: #E4E4E4;
  color: #292929;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.bbsBoard.type-table table.tbl-list .bbs-fixed-pin,
.bbsBoard.type-table table.tbl-list .bbs-notice-pin,
.bbsBoard.type-table table.tbl-list .ico-pin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background: #292929 url('../../images/ico/ico-pin_w.svg') no-repeat 50% / 20px 20px;
  vertical-align: middle;
}
.bbsBoard.type-table table.tbl-list .ico-download,
.bbsBoard.type-table table.tbl-list .item-ico.ico-download {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('../../images/ico/ico-download_gray.svg') no-repeat 50% / contain;
  vertical-align: middle;
}

.wrap-input {display: flex; gap: 4px;}
.wrap-input select:only-child,
.wrap-input input:only-child {width: 100%;}
.wrap-input textarea:only-child {width: 100%;}
.wrap-input textarea {border: 1px solid #ddd; border-radius: 5px;}
.sect-tit.flex-c-space h2 {font-size: 40px;}
.sect-disclosure .vision-top { margin-top: 50px; padding: 30px; background: url('./../../images/user/sub/sub05/sub05_top.png') no-repeat 50% / cover; }
.sect-disclosure .vision-top p {color: #fff;  font-weight: 500; font-size: 20px; line-height: 34px; text-align: center; word-break: keep-all;}
.sect-disclosure .vision-top a { margin-top: 8px;}
.sect-disclosure .list-wrap .list-box .title {position: relative; margin-bottom: 16px; color: #292929;  font-weight: 700; font-size: 20px; }
.sect-disclosure .list-wrap > ul > li:not(:last-child) {padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #E4E4E4;}
.sect-disclosure .list-row {display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px;}
.sect-disclosure .list-row a { min-width: unset; color: #757575;  font-weight: 500; font-size: 18px; text-align: center; border: 1px solid #E4E4E4; transition: all .3s;}
.sect-disclosure .list-row a:hover { color: #5381B7; border-color: #5381B7;}

@media screen and (max-width:767px) {
  .sect-disclosure .vision-top p br {display: none; }
}
/* 아코디언 */
.accordion-wrap {position: relative; margin-top: 40px; margin-bottom: 60px;}
.accordion { width: 100%;}
.accordion .accord-head { position: relative; display: inline-block; width: 100%; padding: 24px; margin-top: 20px; color: #fff; background: #f0f6fb; border-radius: 8px;}
.accordion .accord-head a { position: relative; display: inline-block; width: 100%; color: #fff; font-size: 18px;}
.accordion .accord-head h2, .accordion .accord-head h3, .accordion .accord-head h4, .accordion .accord-head h5, .accordion .accord-head h6 { position: relative; display: inline-block; color: #000;  font-weight: 600; font-size: 24px; vertical-align: middle;}
.accordion .accord-head:first-child { margin-top: 0;}
.accordion .accord-head .btn-trigger { position: absolute; display: inline-flex; align-items: center; gap: 8px; top: 50%; right: 24px; transform: translateY(-50%); color: #314C6A;  font-weight: 400; font-size: 18px; line-height: 30px; text-align: right;}
.accordion .accord-head .btn-trigger span { color: inherit; }
.accordion .accord-head .btn-trigger .ico-arr-down,
.accordion .accord-head .btn-trigger .ico-arr-top { display: inline-block; width: 14px; height: 8px; background-color: #314C6A; -webkit-mask: url("../../images/ico/ico_select_arr.svg") no-repeat 50% / contain; mask: url("../../images/ico/ico_select_arr.svg") no-repeat 50% / contain; }
.accordion .accord-head .btn-trigger .ico-arr-top { transform: rotate(180deg); }
.sect-disclosure .disclosure-guide { display: flex; align-items: center; gap: 6px; margin-bottom: 16px; color: #757575; font-size: 16px; font-weight: 500; }
.sect-disclosure .disclosure-guide .ico-info { flex: 0 0 auto; width: 20px; height: 20px; background: url("../../images/ico/ico-info.svg") no-repeat 50% / contain; }
.accordion .accord-conts { display: none; margin-top: -4px; padding: 24px; padding-top: 0; letter-spacing: -1px; background: #f0f6fb; border-radius: 0 0 8px 8px; overflow: hidden;}
.accordion .accord-conts.active { display: block; border-top: none !important;}
.accordion .accord-conts .conts-inner { position: relative; display: block; padding: 32px; border-radius: 8px; background: #ffffff;}
.tab-list + .sect-tit {margin-top: 60px;}
.wrap-clean .area-box {position: relative; margin-top: 60px; padding: 20px; border: 1px solid #E4E4E4; border-radius: 5px;}
.wrap-clean .tit_wrap {margin: 20px 0 30px 0;}
.wrap-clean .tit_wrap h3 {color: #000000;  font-weight: 600; font-size: 26px;text-align: center;}
.wrap-clean .flex-box {display: flex;gap: 20px;}
.wrap-clean .flex-box li { position: relative; display: block; width: 50%; padding: 30px 20px; text-align: center; background: #F7F7F7; border-radius: 5px; z-index: 0;}
.wrap-clean .flex-box li::before {position: absolute; left: 30px; bottom: -14px; display: block; color: #E4E4E4; font-size: 110px; font-weight: bolder; line-height: 1; z-index: -1;}
.wrap-clean .flex-box li:first-child::before {content: "1";}
.wrap-clean .flex-box li:nth-child(2)::before {content: "2";}
.wrap-clean .flex-box li .tit{ margin-bottom: 13px; color: #424242;  font-weight: 700; font-size: 18px;}
.wrap-clean .flex-box li .txt{color: #757575;  font-weight: 500; font-size: 18px; line-height: 1.6;}
.wrap-clean .img_wrap {text-align: center;}
.wrap-clean .process_wrap {position: relative; overflow-x: auto; padding-bottom: 8px; text-align: left; -webkit-overflow-scrolling: touch;}
.wrap-clean .clean-process {position: relative; width: 1100px; height: 580px; margin: 0 auto; font-family: 'Pretendard Variable', Pretendard, sans-serif;}
.wrap-clean .clean-process::after {content: ""; position: absolute; left: 547px; top: 97px; z-index: 3; width: 6px; height: 6px; border-radius: 50%; background: #BABABA; pointer-events: none; box-shadow: 300px 40px 0 #BABABA, -300px 40px 0 #BABABA, -50px 229px 0 #BABABA, -20px 229px 0 #BABABA, 301px 340px 0 #BABABA, 15px 378px 0 #BABABA;}
.wrap-clean .process-step {position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; height: 60px; padding: 0 20px; border: 1px solid #D0D0D0; border-radius: 5px; background: #FFFFFF; color: #424242; font-size: 18px; font-weight: 600; line-height: 1.4; text-align: center; word-break: keep-all;}
.wrap-clean .process-step--top {left: 0; top: 0; width: 1100px; border: 0; background: #5381B7; color: #FFFFFF; font-weight: 700;}
.wrap-clean .process-step--bottom {left: 0; top: 520px; width: 1100px; border: 0; background: radial-gradient(120% 250% at 70% 20%, #002F63 0%, #001935 100%); color: #FFFFFF; font-weight: 700;}
.wrap-clean .process-step--left-1,
.wrap-clean .process-step--left-2,
.wrap-clean .process-step--left-3,
.wrap-clean .process-step--left-4 {left: 0; width: 500px;}
.wrap-clean .process-step--right-1,
.wrap-clean .process-step--right-2,
.wrap-clean .process-step--right-3,
.wrap-clean .process-step--right-4 {left: 600px; width: 500px;}
.wrap-clean .process-step--left-1,
.wrap-clean .process-step--right-1 {top: 140px;}
.wrap-clean .process-step--left-2,
.wrap-clean .process-step--right-2 {top: 220px;}
.wrap-clean .process-step--left-3,
.wrap-clean .process-step--right-3 {top: 300px;}
.wrap-clean .process-step--left-4,
.wrap-clean .process-step--right-4 {top: 380px;}
.wrap-clean .process-step--left-4 {border: 2px solid #314C6A; background: #F0F6FB; color: #314C6A;}
.wrap-clean .process-line {position: absolute; z-index: 1; display: block; border-color: #BABABA; pointer-events: none;}
.wrap-clean .process-line--start {left: 550px; top: 60px; height: 40px; border-left: 1px dashed #BABABA;}
.wrap-clean .process-line--split {left: 250px; top: 100px; width: 600px; border-top: 1px dashed #BABABA;}
.wrap-clean .process-line--left-branch {left: 250px; top: 100px; height: 280px; border-left: 1px dashed #BABABA;}
.wrap-clean .process-line--right-branch {left: 850px; top: 100px; height: 377px; border-left: 1px dashed #BABABA;}
.wrap-clean .process-line--left-to-bottom-h {left: 500px; top: 330px; width: 30px; border-top: 1px dashed #BABABA;}
.wrap-clean .process-line--left-to-bottom-v {left: 530px; top: 330px; height: 190px; border-left: 1px dashed #BABABA;}
.wrap-clean .process-line--right-to-bottom-h {left: 565px; top: 477px; width: 285px; border-top: 1px dashed #BABABA;}
.wrap-clean .process-line--right-to-bottom-v {left: 565px; top: 477px; height: 43px; border-left: 1px dashed #BABABA;}

@media screen and (max-width:1300px){
  .wrap-clean .flex-box {flex-direction: column;}
  .wrap-clean .flex-box li { width: 100%;}
  .wrap-clean .flex-box li::before { left:calc(100vw - 110%);}
  .wrap-clean .clean-process {margin: 0;}
}

@media screen and (max-width:800px){
  .wrap-clean .flex-box li { padding-left: 110px; word-break: auto-phrase; text-align: right;}
  .wrap-clean .flex-box li::before { left: 20px; top: 0; bottom: unset;}
  .wrap-clean .flex-box li br {display: none;}
}

.info-box {position: relative; display: block; padding: 20px; background: #F0F6FB; border-radius: 5px;}
.info-box p {color: #5b5b5b;  font-weight: 500; font-size: 18px; line-height: 1.6;}
.info-box p.tit {color: #314C6A; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 22px; font-weight: 700;}
.wrap-platform .tit-sub { margin-bottom: 20px;}
.wrap-platform .tit-sub h3{ color: #292929;  font-weight: Bold; font-size: 24px;}
.wrap-platform .inr_text {padding: 40px; border: 1px solid #E4E4E4; border-radius: 5px; height: 448px; overflow-y: auto;}
.wrap-platform .inr_text textarea {height:320px; padding: 6px 12px 6px 9px;}
.wrap-platform .law-text {font-size: 16px; line-height: 1.9; color: #424242; word-break: keep-all;}
.wrap-platform .law-text strong {font-weight: 700; color: #292929;}
.wrap-platform .area-box {position: relative; margin-top: 60px;}
.wrap-form .tit_wrap{position: relative; display: flex; margin-bottom: 40px; background: #F0F6FB;}
.wrap-form .tit_wrap h3 { height: 3.8rem; width: 10rem; border-radius: 5px 0 0 5px; color: #ffffff;  font-weight: 700; font-size: 18px; background: #5381B7; text-align: center; align-content: center; }
.wrap-form .input_wrap { align-content: center; padding: 6px 0 6px 20px;}
.wrap-form .input_wrap .label-check span,
.wrap-form .input_wrap .label-check input:checked + span {color:#000000;  font-weight: 700; font-size: 16px;}
.wrap-form .area-box{ padding: 40px; margin-bottom: 20px; border:1px solid #E4E4E4; border-radius: 5px;}
.wrap-form .area-box h4 { color: #000000;  font-weight: 700; font-size: 24px; margin-bottom: 20px;}
.wrap-form .area-box .txt_desc { margin-left: 4px; color: #5381B7;  font-weight: 400; font-size: 16px;}

@media screen and (max-width:767px){
 .wrap-platform .inr_text {padding: 24px;}
 .wrap-form .area-box{ padding: 24px;}
}

.con_form {position: relative;}
.con_form .form_row {position: relative;display: block;text-align: left; color: #fff;}
.con_form .form_row .form_tit { position: relative; display: inline-block; margin-bottom: 10px; color: #000000;  font-weight: 700; font-size: 16px; line-height: 1.3;}
.con_form .form_row .input_box {position: relative;display: block; height:52px; padding: 17px 20px; border: 1px solid #E4E4E4; color: #000;  font-weight: 600; font-size: 16px; background: #fff; margin: 0 0 20px 0;}
.con_form .form_row .input_checkbox {position: relative;display: inline-block;padding: 8px 8px 8px 15px;border: 1px solid #f2f2f2;background: #fff;box-sizing: border-box;width: 100%;vertical-align: middle;margin: 0 0 8px 0;}
.con_form .form_row .input_checklist {padding: 10px 0;width: 50%;float: left;}
.con_form .form_row .input_checkbox label {padding: 0 8px;}
.con_form .form_row .textarea {width: 100%;height: 200px;overflow: auto;padding: 17px 20px;color: #000;font-size: 16px;line-height: 1.4;background: #ffffff;border: 1px solid #E4E4E4; border-radius: 4px;}
.con_form .form_row:last-child input {margin-bottom: 0;}
.con_form .form_row.w-100p {width: 100%; margin-left: 0;}
.con_form .form_row.w-50p {width: calc(50% - 10px); display: inline-block;}
.con_form .form_row:nth-child(even) {margin-right:0}
.con_form .form_row .wrap-input {display: flex; gap: 10px;}
.con_form .form_row .wrap-input .btn-ico {width:52px; height:52px;}
.wrap-form .info-txt {margin:40px 0 0; height: 54px; display: flex; align-items: center; padding: 0 20px; color: #424242;  font-weight: 500; font-size: 16px; line-height: 38px;}
.wrap-consent .tit_wrap{ margin-bottom: 10px; background: unset;}
.wrap-consent .input_wrap { padding-left: 0;}
.wrap-consent .inr_text { height: 208px; padding: 20px; border: 1px solid #E4E4E4; background: #fafafa; border-radius: 5px;}
.wrap-consent .textarea{ color: #5b5b5b;  font-weight: 500; font-size: 14px; background: unset; height: 100%;}
.sect-clean .area-btn{ gap: 16px; justify-content: center; margin-top: 60px;}

@media screen and (max-width:800px){
  .con_form .form_row, .con_form .form_row.w-50p {width: 100%; margin-right: 0 !important;}
}

@media screen and (max-width:600px){
  .wrap-form .input_wrap .label-check label {display: block; }
  .wrap-form .input_wrap .label-check label + label {margin-top: 8px;}
}

.wrap-post {position: relative; margin-top: 60px;}
.wrap-post .list-col li{ padding: 20px; color: #292929;
font-weight: 500; font-size: 18px; line-height: 1.8; text-align: center; border: 1px solid #E4E4E4; background: #FFFFFF; border-radius: 5px;}
.wrap-post .list-col li:not(:last-child) {background: #F0F6FB; border: 1px dashed #5381B7;margin-bottom: 20px;}
.tit-sub {margin: 50px 0 3px 0;}
.tit-sub h3 {color: #000000;  font-weight: 700; font-size: 30px;}
.sect-apply .sect-banner { min-height: 340px; margin-bottom: 80px; padding: 100px 40px 40px 40px; color: #ffffff;  font-weight: 500; font-size: 18px;  background: url('../../images/user/sub/sub05/img_05_03_03.png') no-repeat right; background-size: cover; border-radius: 10px;}
.sect-apply .sect-banner .tit-main {margin-top: 16px; color: #ffffff; font-weight: 700; font-size: 56px; }
.sect-apply .sect-banner .tit-sub {margin-top: 24px; color: #ffffff; font-weight: 700; font-size: 20px;line-height: 1.4;}
.sect-apply .sect-banner p { color: #ffffff; line-height: 1.8;}
.sect-apply .area-box:not(:last-child){margin-bottom: 120px;}
.sect-apply .area-box .title { margin-bottom: 20px; color: #000;  font-weight: 700; font-size: 30px; }
.sect-apply .area-box .border_box {position: relative; padding: 40px; border: 1px solid #E4E4E4; border-radius: 5px;}
.sect-apply .area-box .border_box > div + div {margin-top: 40px;}
.sect-apply .area-box .border_box .tit {margin-bottom: 10px; color: #292929;  font-weight: 700; font-size: 20px; line-height: 30px; }
.sect-apply .area-box ul.list-col {position: relative; display: inline-block; width: 100%;}
.sect-apply .area-box ul.list-col li { position: relative; padding-left:12px; color: #424242;  font-weight: 500; font-size: 18px; line-height: 30px; }
.sect-apply .area-box ul.list-col li::before {content: ""; position: absolute; left: 0; top: 12px; display: block; width: 3px; height:3px; border-radius: 12px; background: #424242;}
.sect-apply .area-box ul.list-col ul.list-col li::before {display: none;}
.sect-apply .area-box ul.list-col ul.list-col li {padding-left: 0;}
.sect-apply .area-box a[href^="mailto:"],
.sect-talentInfo .area-box a[href^="mailto:"] {display: inline; white-space: nowrap; color: inherit;}
.link-email {display: inline-block; white-space: nowrap; text-decoration: underline; color: inherit;}
.sect-apply .list-method {position: relative; display: flex; gap:20px; margin-bottom: 20px;}
.sect-apply .list-method li { flex: 1; padding: 30px; background: #F0F6FB; border-radius: 5px;}
.sect-apply .list-method .title_box { position: relative; display: inline-block; padding: 8px 20px; margin-bottom: 20px;  font-weight: 600; font-size: 20px; line-height: 100%; text-align: center;
background: #424242; color: #ffffff;}
.sect-apply .list-method .txt {color: #292929;  font-weight: 500; font-size: 20px; line-height: 34px; }
.sect-apply .co-point { font-weight: 500; font-size: 20px; text-align: center; line-height: 1.4;}
.sect-apply .co-point + .co-point{margin-top: 10px;}
.sect-apply .area-btn { justify-content: center; gap: 16px; margin-top: 30px;}
.sect-apply .area-btn a,
.sect-apply .area-btn button {min-width: unset;}
.sect-apply .list-process ul {position: relative; display: flex; gap: 80px; flex-wrap: wrap;}
.sect-apply .list-process ul li { position: relative; width: 100%; max-width: calc((100% - (80px * 3)) / 4);}
.sect-apply .list-process ul li + li::before {content: ""; position: absolute;  bottom: 60px; left: -60px; display: block; width: 40px; height: 40px; background: url('../../images/user/sub/sub05/ico-arr-right.svg') no-repeat;}
.sect-apply .list-process ul li:last-child::before {background: url('../../images/user/sub/sub05/ico-arr-right-fill.svg') no-repeat;}
.sect-apply .list-process ul li:nth-child(4n+1)::before {display: none;}
.sect-apply .list-process .box-list { position: relative; display: flex; flex-direction: column; border: 1px solid #BABABA; border-radius: 5px; background: #ffffff;}
.sect-apply .list-process .box-list .box-hd{ min-height: 70px; padding: 20px; color: #ffffff;  font-weight: 700; font-size: 24px; background: #5381B7; text-align: center;}
.sect-apply .list-process ul li:last-child .box-list .box-hd{ background: linear-gradient(120deg, #071833 0%, #0D264E 100%);}
.sect-apply .list-process .box-list .box-cont{ align-content: center; min-height: 128px; padding: 30px 12px; color: #292929;  font-weight: 500; font-size: 20px; line-height: 34px; text-align: center; word-break: keep-all;}
.sect-apply .row-btn {position: relative; display: flex; width: 100%; gap: 20px;}
.sect-apply .row-btn a{ flex: 1; width: 100%; max-width: none; color: #314C6A;  font-weight: 700; font-size: 22px; line-height: 30px; text-align: center; word-break: keep-all;}


@media screen and (max-width:1500px) {
  .sect-apply .list-process ul li { position: relative; width: 100%; max-width: calc((100% - (80px * 2)) / 3);}
  .sect-apply .list-process ul li:nth-child(3n+1)::before {display: none;}
  .sect-apply .list-process ul li:nth-child(4n+1)::before {display: block;}
}

@media screen and (max-width:1130px) {
  .sect-apply .list-process ul li { position: relative; width: 100%; max-width: calc((100% - (80px * 1)) / 2);}
  .sect-apply .list-process ul li:nth-child(2n+1)::before {display: none;}
  .sect-apply .list-process ul li:nth-child(3n+1)::before {display: block;}
}

@media screen and (max-width:1024px) {
  .sect-apply .sect-banner{padding: 40px;}
  .sect-apply .sect-banner .tit-main {font-size: 40px;}
  .sect-apply .area-box .border_box {padding: 24px;}
  .sect-apply .list-method {flex-direction: column;}
  .sect-apply .list-method li {padding: 16px;} .sect-apply .co-point {text-align: left;}
}


@media screen and (max-width:720px) {
  .sect-apply .list-process ul {gap: 20px}
  .sect-apply .list-process ul li { position: relative; width: 100%; max-width: calc(100% - 80px);}
  .sect-apply .list-process ul li:first-child {max-width: 100%;}
  .sect-apply .list-process ul li:not(:first-child) {margin-left: 80px;}
  .sect-apply .list-process ul li:nth-child(2n+1)::before {display: block;}
  .sect-apply .list-process ul li + li::before {bottom: 50%; transform: translateY(50%);}
  .sect-apply .list-process .box-list .box-hd {min-height:unset; padding: 12px; font-size: 20px;}
  .sect-apply .list-process .box-list .box-cont {min-height:unset; padding: 12px; font-size: 16px;line-height: 1.6;}
  .sect-apply .row-btn {flex-direction: column;}
  .sect-apply .row-btn a {font-size: 18px;}
}

@media screen and (max-width:600px){
  .sect-apply .sect-banner{padding: 24px;}
  .sect-apply .sect-banner .tit-main {font-size: 32px;}
  .sect-apply .sect-banner p {font-size: 16px;}
}


.sect-customer .sect-tit p{color: #292929;  font-weight: 500; font-size: 20px; line-height: 34px; }
.sect-customer .list-point {margin:30px 0 100px 0}
.sect-customer .list-point li{ position: relative; min-height: 70px; padding: 20px 20px 20px 26px; color: #5b5b5b;  font-weight: 500; font-size: 18px; line-height: 30px; background: #F0F6FB url('../../images/user/sub/sub05/bg_list_point.png') no-repeat right 20px; border-radius: 5px;}
.sect-customer .list-point li::before {content: ""; position: absolute; left: 0; top:0; bottom: 0; width: 6px; background: #5381B7; border-radius: 5px 0 0 5px;}
.sect-customer .list-point li + li {margin-top: 14px;}
.sect-customer .area-box +.area-box {margin-top: 100px;}
.sect-customer .area-box .title { margin-bottom: 20px; color: #000;  font-weight: 700; font-size: 30px; }
.sect-customer .col-box .tit { position: relative; margin-bottom: 10px; color: #314C6A;  font-weight: 600; font-size: 20px; line-height: 24px; padding-left: 16px;}
.sect-customer .col-box .tit::before { content: "·"; position: absolute; left: 0; color: #314C6A; font-size: 34px; vertical-align: middle; margin-top: 0px;}
.sect-customer .col-box .border-box { padding: 20px; border: 1px solid #E4E4E4; border-radius: 5px;}
.sect-customer .col-box .border-box div + div {margin-top: 6px;}
.sect-customer .col-box {margin-bottom: 34px;}
.sect-customer .col-box:last-child {margin-bottom: 20px;}
.sect-customer .area-box .border_box {position: relative; padding: 40px; border: 1px solid #E4E4E4; border-radius: 5px;}
.sect-customer .area-box .border_box > div + div {margin-top: 40px;}
.sect-customer .area-box .border_box .tit {padding-left: 0; margin-bottom: 10px; color: #292929;  font-weight: 700; font-size: 20px; line-height: 30px; }
.sect-customer .area-box .border_box .tit::before {display: none; }
.sect-customer .border_box > p:not(.tit) {color: #292929; font-weight: 500; font-size: 18px; line-height: 30px;}
.sect-customer .area-box ul.list-col {position: relative; display: inline-block; width: 100%;}
.sect-customer .area-box ul.list-col li { position: relative; padding-left:12px; color: #424242;  font-weight: 500; font-size: 18px; line-height: 30px; }
.sect-customer .area-box ul.list-col li::before {content: ""; position: absolute; left: 0; top: 12px; display: block; width: 3px; height:3px; border-radius: 12px; background: #424242;}
.sect-customer .area-box .p-type-01 {color: #5b5b5b;  font-weight: 500; font-size: 20px; line-height: 30px; }
.sect-customer .area-box .p-type-02 {color: #000000;  font-weight: 500; font-size: 24px; line-height: 100%; }

/* 안전경영 */
.sect-manage .sect-tit .txt {color: #000000;  line-height: 1.4; font-weight: 500; font-size: 18px;}
.sect-manage .sect-tit__head {gap: 20px; margin-bottom: 30px;}
.sect-manage .sect-tit__head h2 {margin-bottom: 0;}
.sect-manage .sect-tit__btn.btn.medium.mainLine {flex: 0 0 auto; width: 274px; height: 50px;}
.sect-manage .area-box + .area-box {margin-top: 67px;}
.sect-manage .list-wrap { position: relative; display: block; padding: 48px; background: #F7F7F7; border-radius: 5px;}
.sect-manage .list-wrap::before,
.sect-manage .list-wrap::after { content: ""; position: absolute; width: 52px; height: 52px; display: inline-block; background: url('../../images/user/sub/sub05/@bg_list_manage.png') no-repeat; background-size: contain;}
.sect-manage .list-wrap::before {left: 16px; bottom: 16px; transform: scaleX(-1);}
.sect-manage .list-wrap::after { right: 16px; bottom: 16px;}
.sect-manage .list-wrap ul { position: relative; width: 100%; padding: 32px 40px; background: #ffffff; border-radius: 5px;}
.sect-manage .list-wrap ul::before,
.sect-manage .list-wrap ul::after { content: ""; position: absolute; width: 52px; height: 52px; display: inline-block; background: url('../../images/user/sub/sub05/@bg_list_manage.png') no-repeat; background-size: contain;}
.sect-manage .list-wrap ul::before {left: -32px; top: -32px; transform: scaleX(-1) scaleY(-1);}
.sect-manage .list-wrap ul::after { right: -32px; top: -32px; transform: scaleY(-1);}
.sect-manage .list-wrap ul li {margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E4E4E4;}
.sect-manage .list-wrap .list-box  {position: relative; display: flex; gap: 16px;}
.sect-manage .list-wrap .list-box .number {width: 40px; min-width: 40px; height: 40px; color: #ffffff;  font-weight: 600; font-size: 18px; line-height: 30px; background: #314C6A; border-radius: 50px; text-align: center; line-height: 40px;}
.sect-manage .list-wrap .list-box .number + p { align-self: center; color: #424242;  font-weight: 400; font-size: 18px; line-height: 30px;}
.sect-manage .list-info {margin-top: 24px; text-align: center; width: 100%;}
.sect-manage .list-info .date {color:#757575;  font-weight: 400; font-size: 18px; line-height: 26px; }
.sect-manage .list-info .master {color: #000;  font-weight: 500; font-size: 18px; line-height: 26px; }
.sect-manage .list-info .master img { display: inline-block; margin-left: 8px; vertical-align: bottom;}
.sect-manage .wrap-certi { position: relative; min-height: 500px; display: flex; justify-content: center; background: url('../../images/user/sub/sub05/bg_certi.png') no-repeat center; background-size: cover;}
.sect-manage .wrap-certi img {max-height: max-content; width: auto; height: 400px; align-self: center; transition: all .3s; }

@media screen and (max-width:1024px) {
  .sect-manage .wrap-certi img {height: 320px;}
}

@media screen and (max-width:767px){
  .sect-customer .area-box .border_box {padding: 24px;}
  .sect-manage .wrap-certi { min-height: unset; padding: 24px;}
  .sect-manage .wrap-certi img { width: 50%; height: auto;}
}


/* 게시판 검색영역 반응형 */
@media screen and (max-width:767px) {
  .bbsBar { flex-direction: column; align-items: flex-start; gap: 12px;}
  .bbsBar .bbsBar-sch,
  .bbsBar .bbsBar-sch .input-group,
  .bbsBar .bbsBar-sch .input-group .sch-input,
  .bbsBar .bbsBar-sch .input-group .sch-input input {width:100%;}
  .bbsBar .bbsBar-sch .input-group .sch-input .btn-sch {min-width: 50px;}
}

/* common bbsBar responsive */
@media screen and (max-width:1024px) {
  .bbsList > .bbsBar {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 20px;
    padding-bottom: 0;
  }
  .bbsList > .bbsBar .bbsBar-subTit {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border-radius: 10px;
    background: #F7F7F7;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
  }
  .bbsList > .bbsBar .bbsBar-subTit b {
    white-space: nowrap;
  }
  .bbsList > .bbsBar .bbsBar-sch,
  .bbsList > .bbsBar .input-group {
    width: 100%;
    min-width: 0;
  }
  .bbsList > .bbsBar .input-group {
    flex-wrap: wrap;
  }
  .bbsList > .bbsBar .input_wrap.date {
    flex: 1 1 360px;
    min-width: 0;
  }
  .bbsList > .bbsBar .input_wrap.date input {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
  .bbsList > .bbsBar .sch-select {
    flex: 0 0 192px;
  }
  .bbsList > .bbsBar .sch-select select {
    width: 100%;
  }
  .bbsList > .bbsBar .sch-input {
    flex: 1 1 320px;
    min-width: 0;
  }
  .bbsList > .bbsBar .sch-input input {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
  }
}

@media screen and (max-width:767px) {
  .bbsList > .bbsBar .input-group {
    gap: 10px;
  }
  .bbsList > .bbsBar .input_wrap.date {
    display: flex !important;
    width: 100%;
    max-width: calc(100vw - 40px);
    flex-basis: 100%;
    flex-direction: column;
    gap: 8px;
  }
  .bbsList > .bbsBar .input_wrap.date .dash {
    display: none;
  }
  .bbsList > .bbsBar .input_wrap.date input {
    flex: none;
    width: 100% !important;
    padding-right: 44px;
    padding-left: 12px;
    background-size: 28px 28px;
    background-position: right 10px center;
    font-size: 15px;
  }
  .bbsList > .bbsBar .sch-select,
  .bbsList > .bbsBar .sch-input {
    width: 100%;
    max-width: calc(100vw - 40px);
    flex-basis: 100%;
  }
  .bbsList > .bbsBar .sch-input {
    position: relative;
    display: block !important;
    box-sizing: border-box;
    padding-right: 60px;
  }
  .bbsList > .bbsBar .sch-input input {
    width: 100% !important;
    min-width: 0;
  }
  .bbsList > .bbsBar .sch-input .btn-sch {
    position: absolute;
    top: 0;
    right: 0;
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
  }
}


/* 게시판 목록 반응형 */
@media screen and (max-width:1024px) {
  table.tbl-list.tbl-card colgroup,
  table.tbl-list.tbl-card thead { display: none; }
  table.tbl-list.tbl-card tbody tr { display: block; padding: 6px; border-bottom: 1px solid #999; }
  table.tbl-list.tbl-card tbody tr td { position: relative; display: block; height: auto; min-height: 42px; padding-left: 8rem; font-size: 16px; border: 0; text-align: left !important; white-space: normal; border-bottom: 1px solid #ddd; }
  table.tbl-list.tbl-card tbody tr td:last-child { border-bottom: none !important; }
  table.tbl-list.tbl-card tbody tr td[data-titletxt]::before { content: attr(data-titletxt); position: absolute; left: 0; display: inline-block; width: 8rem; padding: 0 6px; color: #1d1d1d; font-weight: 600; text-align: left; box-sizing: border-box; }
  table.tbl-list.tbl-card tbody tr td span.fs-20 { font-size: 16px !important;}
  table.tbl-list.tbl-card tbody tr.selected:not([onclick]) { background: #e6472e; }
  table.tbl-list.tbl-card tbody tr.selected:not([onclick]) td[data-titletxt] { background: #e6472e; }
 table.tbl-list.tbl-card tbody tr.selected:not([onclick]) td[data-titletxt]::before { color: #fff; }
 table.tbl-list.tbl-card tbody tr.row_add .wrap-input { display: inline-block; width: calc(100% - 9rem); }

}

@media screen and (max-width:1024px) {
  .bbsBoard.type-table {
    overflow-x: visible;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card,
  .bbsBoard.type-table table.tbl-list.tbl-card tbody {
    display: block;
    width: 100%;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card colgroup,
  .bbsBoard.type-table table.tbl-list.tbl-card thead {
    display: none;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card tbody tr {
    display: block;
    padding: 14px 16px;
    border-bottom: 1px solid #E4E4E4;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card tbody tr:last-child {
    border-bottom-color: #BABABA;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td {
    position: relative;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    min-height: 34px;
    height: auto;
    padding: 6px 0 6px 100px;
    border: 0;
    color: #757575;
    font-size: 16px;
    line-height: 24px;
    text-align: left !important;
    white-space: normal;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td[data-titletxt]::before {
    content: attr(data-titletxt);
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 84px;
    height: auto;
    padding: 0;
    background: transparent;
    color: #292929;
    font-size: 15px;
    font-weight: 700;
    z-index: auto;
    line-height: 24px;
    text-align: left;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l {
    max-width: none;
    white-space: normal;
  }
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l a,
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l .fs-20,
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l .text-over,
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l .ellipsis,
  .bbsBoard.type-table table.tbl-list.tbl-card tbody td .fs-20 {
    display: block;
    max-width: 100%;
    font-size: 16px !important;
    line-height: 24px;
    white-space: normal;
  }
  .bbsBoard.type-table table.tbl-list .bbs-fixed-badge,
  .bbsBoard.type-table table.tbl-list .bbs-notice-badge,
  .bbsBoard.type-table table.tbl-list .badge-notice {
    min-width: 54px;
    height: 28px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 20px;
  }
  .bbsBoard.type-table table.tbl-list .bbs-fixed-pin,
  .bbsBoard.type-table table.tbl-list .bbs-notice-pin,
  .bbsBoard.type-table table.tbl-list .ico-pin {
    width: 30px;
    height: 30px;
    background-size: 18px 18px;
  }
  .bbsBoard.type-table table.tbl-list .ico-download,
  .bbsBoard.type-table table.tbl-list .item-ico.ico-download {
    width: 32px;
    height: 32px;
  }
}


/* 팝업 */
.pop-wrap { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; font-size: 15px; z-index: 1000;}
.pop-wrap.active { display: block;}
.pop-wrap .popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 9;}
.popup .pop_inner { position: relative; max-width: calc(100% - 50px); padding: 8px; padding-bottom: 20px; border-radius: 10px; background-color: #fff;}
.popup .pop_inner > .title_box { position: relative; margin-bottom: 24px; padding: 20px; padding-bottom: 0; border-bottom: none;}
.popup .pop_inner > .title_box h2 {color: #000;  font-weight: 700; font-size: 26px;  line-height: 32px; }
.popup .pop_inner > .title_box .pop_close { position: absolute; top: 20px; right: 20px; width: 34px; height: 34px; text-indent: -99999px;}
.popup .pop_inner > .title_box .pop_close::before, .pop-wrap .popup .pop_inner > .title_box .pop_close::after { content: ""; position: absolute; width: 30px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -15px; background-color: #757575; border-radius: 50px;}
.popup .pop_inner > .title_box .pop_close::before { transform: rotate(-45deg);}
.popup .pop_inner > .title_box .pop_close::after { transform: rotate(45deg);}
.popup .pop_inner > .title_box .pop_close:hover { transition: 0.5s; transform: rotate(180deg);}
.popup .pop_cont { position: relative;}
.popup .area-box { position: relative; padding: 0;}
.popup .area-box + .area-box{ margin-top: 24px;}
.popup .area-box .tit-sub{ margin: 0; margin-bottom: 18px;}
.popup .area-box .tit-sub h3 {color: #000;  font-weight: 600; font-size: 18px; line-height: 22px; }
.popup .area-box .border_box { padding: 24px 20px; border: 1px solid #E4E4E4; border-radius: 5px;}
.popup .area-box .border_box .tit {margin-bottom: 10px; color: #000;  font-weight: 600; font-size: 16px; line-height: 22px;}
.popup .area-box .border_box ul.list-col {position: relative; display: inline-block; width: 100%;}
.popup .area-box .border_box ul.list-col li { position: relative; padding-left:12px; color: #424242;  font-weight: 500; font-size: 14px; line-height: 22px; }
.popup .area-box .border_box ul.list-col li::before {content: ""; position: absolute; left: 0; top: 12px; display: block; width: 3px; height:3px; border-radius: 12px; background: #424242;}
.popup .area-box .border_box ul.list-col li + li {margin-top: 8px;}
.popup .area-box .border_box ul.list-col:not(:last-child) {margin-bottom: 12px;}
.popup .area-box .input_wrap {margin-top: 12px; text-align: right;}
.popup .area-box .input_wrap span {font-weight: bold;}
.popup .area-check .wrap-datapacker { margin-left: 6px;}
.popup .tbl-search tbody th,
.popup .tbl-search tbody td { line-height: 0;}
.popup .pop_inner > .area-btn { padding: 40px 0px 20px 0px; margin: 0;}
.popup .pop_inner.size_alert { width: auto; min-width: 400px;}
.popup .pop_inner.size_small { width: 26vw;}
.popup .pop_inner.size_normal { width: 44vw;}
.popup .pop_inner.size_big { width: 70vw;}
.popup .scroll_wrap { max-height: calc(100vh - 20rem); padding: 20px; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; }
.popup .info-txt { margin-top: 12px; padding: 20px; color: #666666; font-size: 15px; background: #eff5fe; border-radius: 5px;}
.popup ul li + li {margin-top: 4px;}

.form-input {position: relative; display: inline-block; width: 100%;}
.form-input li + li {margin-top: 6px;}
.form-input li .wrap-input{position: relative; display: flex;}
.form-input li .wrap-input label { min-width: 60px; align-self: center;}
.popup .area-btn button {font-size: 1rem;}
.txt-cate {display: inline-block; height: 36px; padding: 6px 10px; color: #fff; text-align: center; line-height: calc(36px - (6px*2)); border-radius: 5px; background: var(--Primary-B-100, #5381B7);}
.txt-cate.co-gray { color: #5b5b5b; background: var(--200, #E4E4E4);}

/* bbsView 상세 - 채용공고/뉴스 상세 */
.bbsView .bbsView-tit .tit-wrap { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.bbsView .bbsView-tit .tit-wrap .tit { color: #000; font-size: 26px; font-weight: 700; line-height: 1.4; }
.bbsView .bbsView-detail { padding-top: 20px; }
.box-period { display: flex; align-items: center; gap: 20px; margin: 0 0 30px; padding: 14px 24px; background: #F0F6FB; border-radius: 5px; }
.box-period .cate { color: #5381B7; font-size: 18px; font-weight: 700; }
.box-period .val { color: #424242; font-size: 18px; font-weight: 500; }
.bbsView .bbsView-btn { margin-top: 40px; }
.bbsView .bbsView-btn .area-btn { display: flex; justify-content: center; gap: 16px; }
.btn.btn-line-gray { display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 50px; padding: 0 24px; background: #fff; border: 1px solid #BABABA; border-radius: 5px; color: #424242; font-size: 18px; font-weight: 600; cursor: pointer; }
.btn.btn-main { display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 50px; padding: 0 24px; background: linear-gradient(90deg, #314C6A 0%, #3E6999 100%); border: 0; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer; }
.btn.btn-main:hover, .btn.btn-main:focus { background: linear-gradient(90deg, #1F3763 0%, #314C6A 100%); }
.sect-recruit .visual_recruit {margin-bottom: 80px;  }
.sect-recruit .visual_recruit .tit_wrap {margin-bottom: 30px; color: var(--800, #424242); font-size: 22px; font-weight: 500; line-height: 1.4;}
.sect-recruit .visual_recruit>p {color: var(--600, #757575); text-align: center; font-size: 16px; font-weight: 500; line-height: 20px; word-break: keep-all;}
.sect-recruit .tit_wrap .title {margin-bottom: 20px; color: var(--Primary-B-200, #314C6A); font-family: 'Pretendard Variable', sans-serif; font-size: 44px; font-style: normal; font-weight: 500; line-height: 44px;}
.sect-recruit .tit_wrap .title span {font-weight: 700; color: inherit;}
.sect-recruit .tit_wrap .txt { font-family: 'Pretendard Variable', sans-serif; font-weight: 500; font-size: 22px; line-height: 36px; color: #424242; }
.sect-recruit .list-recruit {position: relative; display: flex; gap: 20px; margin-bottom: 16px;}
.sect-recruit .list-recruit li { position: relative; flex: 1; min-height: 180px;  word-break: keep-all; border-radius: 5px; background: var(--Primary-B-10, #F0F6FB); overflow: hidden; transition: all .3s;}
.sect-recruit .list-recruit li .hover{ opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; padding: 12px; z-index: 1; background: url('../../images/user/sub/sub05/bg_recruit.png') no-repeat center; background-size: cover; transition: all .3s;}
.sect-recruit .list-recruit li .hover p {align-self: center; color: var(--White, #FFF); text-align: center; font-size: 22px; font-weight: 500; line-height: 36px; }
.sect-recruit .list-recruit li .box {position: relative; display: flex; flex-direction: column; padding: 20px; height: 100%; transition: all .3s;}
.sect-recruit .list-recruit li .box .item-txt { margin-top: auto; color: var(--400, #BABABA); font-size: 22px; font-weight: 500; }
.sect-recruit .list-recruit li .box .item-txt > div { color: inherit; }
.sect-recruit .list-recruit li .box .item-ico {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 112px; height: 112px; background: url('../../images/user/sub/sub05/ico_recruit.svg') no-repeat center; background-size: auto 100%;}
.sect-recruit .list-recruit .box .item-txt .tit {color: var(--Primary-B-100, #5381B7); font-size: 28px; font-weight: 700;}
.sect-recruit .list-recruit li:hover .hover{ opacity: 1;}
.sect-recruit .list-recruit li:nth-child(1) .box .item-ico {background-position-x: calc(-0 * 112px);}
.sect-recruit .list-recruit li:nth-child(2) .box .item-ico {background-position-x: calc(-1 * 112px);}
.sect-recruit .list-recruit li:nth-child(3) .box .item-ico {background-position-x: calc(-2 * 112px);}


/* 채용공고 목록 반응형 */
@media screen and (max-width:1024px) {
  .sect-recruit .visual_recruit .tit_wrap { font-size: 18px;}
  .sect-recruit .visual_recruit .tit_wrap .title {margin-bottom: 20px; font-size: 32px;}
  .sect-recruit .visual_recruit .tit_wrap .title span {font-weight: 700;}

  .viewPage .sect-tit h2{ font-size: 26px;}
  .viewPage .sect-tit .txt-cate{height: 32px; padding: 4px 10px;}
  .viewPage .wrap-view .box-period {padding: 6px 16px; font-size: 16px;}
  .viewPage .wrap-view .box-content {font-size: 16px;}

  .sect-recruit .list-recruit {flex-direction: column;}
  .sect-recruit .list-recruit li {min-height: unset;}
  .sect-recruit .list-recruit li .box .item-ico {width: 70px; height: 70px;}
  .sect-recruit .list-recruit li:nth-child(1) .box .item-ico { background-position-x: calc(-0 * 70px);}
  .sect-recruit .list-recruit li:nth-child(2) .box .item-ico { background-position-x: calc(-1 * 70px);}
  .sect-recruit .list-recruit li:nth-child(3) .box .item-ico { background-position-x: calc(-2 * 70px);}
}

@media screen and (max-width:600px) {
  .sect-recruit .visual_recruit .tit_wrap .title {margin-bottom: 8px; font-size: 26px;}
  .sect-recruit .list-recruit li .box .item-txt {font-size: 18px;}
  .sect-recruit .list-recruit .box .item-txt .tit {font-size: 22px;}
  .sect-recruit .list-recruit li .hover p {font-size: 18px;}
}


.sect-KBRI .area-box { position: relative; margin-top: 60px;}
.sect-KBRI .area-box + .area-box {margin-top: 106px;}
.sect-KBRI .area-box .tit-wrap,
.sect-KBRI .area-box .tit-wrap > div {margin-bottom: 0; color: #000; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 30px; font-weight: 700; line-height: normal;}
.sect-KBRI .area-box .tit-wrap {margin-bottom: 20px;}

.sect-KBRI .list-KBRI { position: relative; display: flex; gap: 20px; margin-top: 40px; flex-wrap: wrap; transition: all .3s;}
.sect-KBRI .list-KBRI li { min-width: calc((100% - (20px * 2)) / 3);}
.sect-KBRI .list-KBRI li a { position: relative; display: flex; flex-direction: column; justify-content: start; text-align: center;  gap: 30px; height: 100%; padding: 60px 12px 24px; text-align: center; border: 1px solid #ddd; border-radius: 5px; transition: all .3s;}
.sect-KBRI .list-KBRI li a::before { content: ''; position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; background: #BABABA; -webkit-mask: url('../../images/user/sub/sub04/ico-link_arr.png') no-repeat 50% / contain; mask: url('../../images/user/sub/sub04/ico-link_arr.png') no-repeat 50% / contain; pointer-events: none; transition: background .2s; }
.sect-KBRI .list-KBRI li a:hover::before,
.sect-KBRI .list-KBRI li a:focus::before { background: #5381B7; }
.sect-KBRI .list-KBRI li a:hover,
.sect-KBRI .list-KBRI li a:focus { border-color: #5381B7; }
.sect-KBRI .list-KBRI img {width: auto; height: 100%; margin: 0 auto; max-height: 124px;}
.sect-KBRI .list-KBRI .title { margin-top: auto; color: var(--Primary-B-200, #314C6A);  font-size: 24px; font-weight: 700; line-height: 1.2;}


.sect-KBRI .flex_wrap:not(:first-child){margin-top: 20px;}
.sect-KBRI .flex_wrap {display: flex; gap: 20px;}
.sect-KBRI .flex_wrap > div {min-height: 100%; flex: 1; text-align: center;  word-break: keep-all;}
.sect-KBRI .flex_wrap .box-title { padding: 16px 8px; color: var(--Primary-B-200, #314C6A); text-align: center; font-size: 22px; font-weight: 600; line-height: 1; border-radius: 5px; background: #E0E7F4;}
.sect-KBRI .flex_wrap .box-content { display: flex; flex-direction: column; justify-content: center; height: calc(100% - 54px); padding: 30px 0; border-bottom: 1px solid #BABABA;}
.sect-KBRI .flex_wrap .box-content p {color: #424242; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 22px; font-weight: 500; line-height: 33px;}
.sect-KBRI .flex_wrap .box-content p + p {margin-top: 16px;}

@media screen and (max-width:1024px){
  .sect-KBRI .area-box .tit-wrap {font-size: 26px;}
  .sect-KBRI .flex_wrap .box-title {font-size: 20px;}
}

@media screen and (max-width:800px){
  .sect-KBRI .list-KBRI li { min-width: calc((100% - (20px * 1)) / 2);}
  .sect-KBRI .list-KBRI img {width: 80px; height: auto; margin-bottom: 12px;}
  .sect-KBRI .list-KBRI li a {padding: 40px 12px 24px;}
}

@media screen and (max-width:500px) {
  .sect-KBRI .list-KBRI li {min-width: 100%;}
  .sect-KBRI .list-KBRI li a {padding: 20px; gap:8px}
  .sect-KBRI .list-KBRI li img{width:80px}
  .sect-KBRI .list-KBRI .title {font-size: 20px;}
  .sect-KBRI .flex_wrap { flex-direction: column;}
}

.sect-talentInfo .area-box{margin-top: 60px; margin-bottom: unset !important;}
.sect-talentInfo .area-box .border_box {padding: 20px;}
.sect-talentRegist .area-box .tit_wrap {position: relative; display: flex; margin-bottom: 16px;  background: transparent;}
.sect-talentRegist .area-box .tit_wrap:not(:first-child){margin-top: 20px;}
.sect-talentRegist .area-box .tit_wrap .title {font-size: 16px !important; line-height: 1; align-self: center; font-weight: 700;}
.sect-talentRegist .area-box .tit_wrap .input_wrap {margin-left: auto;}
.sect-talentRegist .area-box .tit_wrap .input_wrap .label-check label { display: inline-block !important;}
.tbl-box { padding: 20px; border-radius: 10px; border: 1px solid #e4e4e4; background: #fafafa;}
.tbl-box table + .txt-sub {margin-top: 16px; color: var(--Gray-700, #5B5B5B);  font-size: 14px; font-weight: 500; line-height: 24px;}
.sect-talentRegist .area-close {margin-top: 20px; border: none; text-align: center;}
.sect-talentRegist .area-close .txt_wrap {text-align: center; display: block;  margin-bottom: 40px; color: #000; text-align: center;  font-size: 26px; font-style: normal; font-weight: 500; line-height: normal;}
.sect-talentRegist .area-close .txt_wrap .title {margin-top: 10px; color: #000; text-align: center;  font-size: 26px; font-weight: 700; }
.sect-talentRegist .area-close .area-btn button {min-width: 400px;}

@media screen and (max-width: 1024px) {
  .sect-talentRegist .area-close .txt_wrap { font-size: 20px;}
  .sect-talentRegist .area-close .txt_wrap .title { font-size: 22px !important;}
  .sect-talentRegist .area-close .area-btn button { width: 80%;}
}

@media screen and (max-width:620px) {
  .sect-talentRegist .area-box .tit_wrap {flex-direction: column;}
  .sect-talentRegist .area-box .tit_wrap .title {align-self: flex-start;}
}

/* 우수 인재 등록 완료 */
.wrap-regiComp {position: relative; display: block; text-align: center;}
.wrap-regiComp i {display: inline-block; width:70px; height:70px; background: url('../../images/ico/ico-check.svg') no-repeat 50% / contain;}
.wrap-regiComp .txt{margin: 20px 0 60px; color: #000; text-align: center;  font-size: 40px;  font-weight: 600; }
.wrap-regiComp .area-btn {}

@media screen and (max-width: 1024px) {
  .wrap-regiComp i {width: 40px; height: 40px;}
  .wrap-regiComp .txt {font-size: 28px;}
}

@media screen and (max-width: 500px) {
  .wrap-regiComp .txt {
    font-size: 24px;
  }
}

/* 페이지 담당자 영역 반응형 */

@media screen and (max-width: 500px) {
  .manage-box {flex-direction: column; height: auto; align-items: flex-start;}
  .manage-hd {align-self: flex-start; width: 100%; height: auto; justify-content: left; padding: 12px;  }
  .manage-bd { display: block; padding: 12px; flex: unset; width: 100%;}
}

/* tab-list 반응형 */
@media screen and (max-width: 1300px) {
    .tab-list{ gap: 16px;}
    .tab-list .btn { padding: 12px 16px; font-size: 18px; }
}
@media screen and (max-width: 1024px) {
    .tab-list{ gap: 8px;}
    .tab-list .btn { padding: 12px; font-size: 16px; }
}
@media screen and (max-width: 767px) {
  .tab-list{flex-wrap: wrap; gap: 4px;}
  .tab-list .btn { padding: 8px 12px;}
}


/* 실험동물센터 */
.sect-aniCenterInfo {position: relative;}
.sect-aniCenterInfo::before { content: '';position: absolute;top: 10%;left: 0;width: 303px;height: 473px;background: url("../../images/user/sub/circle-half.png") no-repeat 50% / cover;z-index: -1; }
.sect-aniCenterInfo .area-box {position: relative; display: inline-block; width: 100%;}
.sect-aniCenterInfo .area-box:first-child {margin-top: 60px;}
.sect-aniCenterInfo .area-box + .area-box {margin-top: 140px;}
.sect-aniCenterInfo .area-box.goal {position: relative; display: flex; gap:60px}
.sect-aniCenterInfo .area-box.goal .area-txt {flex:1;}
.sect-aniCenterInfo .area-box.goal .area-img img {max-width: max-content; width: 100%; height: auto;}
.sect-aniCenterInfo .area-box.goal .area-txt .title{margin-bottom: 14px;color: #000;font-size: 54px;font-weight: 500;line-height: 1.3;}
.sect-aniCenterInfo .area-box.goal .area-txt .desc {color: var(--800, #424242); font-size: 22px; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.sect-aniCenterInfo .area-box.goal .area-txt .txt-box {margin-top:56px; color: #000; font-size: 24px; font-weight: 600; line-height: 1.5; border:none;}
.sect-aniCenterInfo .area-box.goal .area-txt .txt-box .title { position: relative; display: block; margin-bottom: 10px; color: #000; font-size: 26px; font-weight: 700;}
.sect-aniCenterInfo .area-box.goal .area-txt .txt-box p{font-size: 24px; color: #000; font-weight: 600;line-height: 1.5}

.sect-aniCenterInfo .area-box .tit_wrap {color: #000; font-size: 20px; font-weight: 500; line-height: 1.6;}
.sect-aniCenterInfo .area-box .tit_wrap .title{ margin-bottom: 16px; font-size: 30px; font-weight: 700;}
.sect-aniCenterInfo .area-box .tab-wrap {position: relative; display: flex; justify-content: space-between; margin-top: 16px;}
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap{ max-width:400px; width: 100%; margin-top: 30px; transition: all .3s;}
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button { position: relative; max-height: 148px; height: 100%; width:100%; display: flex; align-items: flex-end; padding: 20px; color: var(--White, #FFF); font-size: 30px; font-weight: 600; text-align: left; background: url('../../images/user/sub/sub02/facilities-txt.png') no-repeat; background-size: cover; border-radius: 5px; transition: all .3s;}
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button.active::before {content: ""; position: absolute; top: 50%; right: -6px; z-index: 0; display: block; width:12px; height: 12px; background: #5381B7; border-radius: 20px;}
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button.active::after {content: ""; position: absolute; top: calc(50% + 6px); left: 100%; z-index: 0; display: block; width:100%; height: 1px; background: #5381B7;}
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button + button {margin-top: 20px;}
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button:hover,
.sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button.active {background: url('../../images/user/sub/sub02/facilities-txt-h.png'); background-size: cover;}
.sect-aniCenterInfo .area-box .tab-wrap .conts-wrap{position: relative; display: block; min-height: 340px; max-width: 750px; width:100%;}
.sect-aniCenterInfo .area-box .tab-wrap .conts-wrap .img_wrap{position: absolute; top: 0; right: 0; display: flex; width: 100%; gap: 10px; flex-direction: column;}
.sect-aniCenterInfo .area-box .tab-wrap .conts-wrap .img_wrap.active{display: flex !important;}
.sect-aniCenterInfo .area-box .tab-wrap .conts-wrap .img_wrap img {max-width: max-content; width: 100%; height: auto;}
.sect-aniCenterInfo .area-box .tab-wrap .conts-wrap .img_wrap .txt-point { color: var(--Primary-M-100, #00A59F); font-size: 16px; font-weight: 600; line-height: 20px;}

.sect-aniCenterInfo .area-box.points .flex-box {position: relative; display: flex; margin-top: 30px; gap: 30px;}
.sect-aniCenterInfo .area-box.points .flex-box li {max-width: calc((100% - (30px * 2)) / 3);padding: 30px;flex:1;text-align: center;border-radius: 5px;border: 1px solid rgba(83, 129, 183, 0.50);background: var(--White, #FFF);/* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); */}

.sect-aniCenterInfo .area-box.points .flex-box .title { margin-bottom: 24px; color: #000;
  text-align: center; font-size: 30px; font-weight: 700; }
.sect-aniCenterInfo .area-box.points .flex-box .img-box {position: relative; display: flex; gap: 24px; text-align: center;}
.sect-aniCenterInfo .area-box.points .flex-box .img-box > div {width: calc((100% - (24px * 1)) / 2);}
.sect-aniCenterInfo .area-box.points .flex-box .img-box img {max-width: max-content; width: 100%; height: auto;}
.sect-aniCenterInfo .area-box.points .flex-box .img-tit {margin-top: 12px; color: var(--800, #424242);  font-size: 16px; font-weight: 500; }
.sect-aniCenterInfo .area-box.points .flex-box .img-box:has(>.img-tit) .img-tit {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%;}

.sect-aniCenterInfo .area-box.work .flex-box { position: relative; display: flex; flex-wrap: wrap; margin-top: 30px; gap: 30px;}

.sect-aniCenterInfo .area-box.work .flex-box li { display: flex; flex-direction: column; max-width: calc((100% - (30px * 3)) / 4); width:100%; text-align: center; border-radius: 5px; border: 1px solid var(--200, #E4E4E4);}

.sect-aniCenterInfo .area-box.work .flex-box .box_hd {padding: 30px 20px 16px; color: #000; text-align: center; font-size: 16px; font-weight: 600; line-height: 20px; }
.sect-aniCenterInfo .area-box.work .flex-box .box_hd .name { font-size: 26px; font-weight: 700; line-height: 32px;}
.sect-aniCenterInfo .area-box.work .flex-box .box_bt { display: flex; justify-content: center; width: 100%; min-height: 152px; height: 100%; align-items: center; padding: 20px 15px; color: var(--600, #757575); text-align: center; font-size: 18px; font-weight: 500; line-height: 1.6; border-radius: 0 0 5px 5px; background: var(--Primary-B-10, #F0F6FB);}

.sect-aniCenterInfo .area-btn button {width: 50%; height: 90px; color: var(--Primary-B-200, #314C6A); font-size: 26px; font-weight: 700; line-height: 1.6; border-radius: 10px;}


@media screen and (max-width:1280px){
  .sect-aniCenterInfo .area-box.points .flex-box{gap: 16px;}
  .sect-aniCenterInfo .area-box.points .flex-box li { max-width: calc((100% - (16px * 1)) / 2); padding: 16px; padding-bottom: 30px;}
  .sect-aniCenterInfo .area-box.points .flex-box .title {margin-bottom: 16px; font-size: 24px;}

  .sect-aniCenterInfo .area-box.goal .area-img{ max-width: 480px; }
  .sect-aniCenterInfo .area-box.goal .area-txt .title{ font-size: 40px;}
  .sect-aniCenterInfo .area-box.goal .area-txt .desc { font-size: 18px;}
  .sect-aniCenterInfo .area-box.goal .area-txt .txt-box { font-size: 18px;}
  .sect-aniCenterInfo .area-box.goal .area-txt .txt-box .title { font-size: 22px;}

  .sect-aniCenterInfo .area-box.facilities .tit_wrap {font-size: 18px;}
  .sect-aniCenterInfo .area-box .tab-wrap {margin-top: 32px;}
  .sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button {height: 40%; width:80%; font-size: 24px;}
  .sect-aniCenterInfo .area-box .tab-wrap .btn-wrap button {height: 40%; width:80%; font-size: 24px;}
  .sect-aniCenterInfo .area-box .tab-wrap .conts-wrap {width:60%; min-height: 300px;}
  /* .sect-aniCenterInfo .area-box.facilities .tab-wrap .conts-wrap .img_wrap { min-width: 400px;}  */

  .sect-aniCenterInfo .area-box.work .flex-box li {max-width: calc((100% - (30px * 2)) / 3)}
}

@media screen and (max-width:1024px){
  .sect-aniCenterInfo .area-box + .area-box { margin-top: 60px;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .btn-wrap {max-width: unset;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .btn-wrap button {height: unset; width:60%; font-size: 20px;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .conts-wrap {width:100%; min-width: 60%;}

  .sect-aniCenterInfo .area-box.work .flex-box li {max-width: calc((100% - (30px * 1)) / 2)}

  .sect-aniCenterInfo .area-btn button {height: auto;}
}

@media screen and (max-width:800px){
  .sect-aniCenterInfo .area-box.points .flex-box {flex-direction: column;}
  .sect-aniCenterInfo .area-box.points .flex-box li {max-width: unset; width:100%;}
  .sect-aniCenterInfo .area-box.points .flex-box .title {font-size: 20px !important;}
  .sect-aniCenterInfo .area-box.points .flex-box .img-box:has(>.img-tit) {flex-wrap: wrap;}
  .sect-aniCenterInfo .area-box.points .flex-box .img-box:has(>.img-tit) .img-tit { position: relative; display: block; left: unset; transform: unset; top: unset;}

  .sect-aniCenterInfo .area-box.work .flex-box .box_hd .name {font-size: 20px;}
}

@media screen and (max-width:767px){
  .sect-aniCenterInfo .area-box.goal > div {flex:none;}
  .sect-aniCenterInfo .area-box.goal {flex-direction: column-reverse;}
  .sect-aniCenterInfo .area-box.goal .area-img { width: 60%; margin: 0 auto;}
  .sect-aniCenterInfo .area-box.goal .area-txt .txt-box {margin-top: 36px;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap {flex-direction: column; gap: 80px;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .btn-wrap{ max-width: unset; width: 100%; display: flex; flex-direction: row-reverse; gap: 6px;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .btn-wrap button {padding: 12px; margin: 0 !important;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .btn-wrap button.active::before { top: calc(100% - 4px); right: 50%; transform: unset; margin-right: -4px; width:8px; height:8px;}
  .sect-aniCenterInfo .area-box.facilities .tab-wrap .btn-wrap button.active::after { top: 100%; transform: translateX(-50%); left: 50%; width:1px; height: 120px;}

  .sect-aniCenterInfo .area-box .tab-wrap .conts-wrap .img_wrap {flex-direction: column-reverse;}
}

@media screen and (max-width:600px){
  .sect-aniCenterInfo .area-box.work .flex-box li {max-width: 100%;}
  .sect-aniCenterInfo .area-box.work .flex-box .box_hd {padding: 16px;}
  .sect-aniCenterInfo .area-box.work .flex-box .box_bt {min-height: unset;}
}



@media screen and (min-width: 1201px){
 .direction-tab > ul { transform: none !important; }
}

/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1520px) {
  .law-section{margin-left: -40px;}
}

@media screen and (max-width: 1400px) {
    .law-list{flex-direction: column;}
}

@media screen and (max-width: 1200px) {
  .sub-tit h3 { font-size: 30px; }

  /* com-wrap */
  .com-wrap { padding: 35px 0 30px; }
  .com-loca > ul > li { font-size: 14px; }
  .com-tit h2 { font-size: 34px; }
  .area-box.flex-c-space {gap: 60px;}
  .overview-box.flex-c-space {flex-direction: column;}
  .overview-box.flex-c-space > div { width: 100%; }
  .main-image { max-width: 100%; }
  .main-image img { width: 100%; }
  .overview-box.flex-c-space { flex-direction: column; }
  .overview-box.flex-c-space > div { width: 100%; }
  .main-image { max-width: 100%; height: 0; padding-bottom: 56.25%; border-radius: 10px; overflow: hidden; position: relative; }
  .main-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .law-left {width: 100%;margin-bottom: 0;max-width: 100%;}
  .law-section {margin: 0;}
  .law-list > li {width: 100%;}
  .law-box { gap: 40px; flex-direction: column; }
  .law-left::before { top: 100%; left: 50%; transform: translateX(-50%); width: 1px; height: 40px; }
  .law-left::after { top: calc(100% + 35px); left: 50%; transform: translateX(-50%); }
  .law-right { padding: 0; width: 100%; }
  .law-title { border-radius: 5px; }
  .director-top { flex-direction: column-reverse; align-items: center; }
  body:not(.page-former-director) .history-content__list.flex-space { flex-direction: column; }
  body:not(.page-former-director) .history-content__list.flex-space > div { width: 100%; }
  body:not(.page-former-director) .history-content__list.flex-space > div:not(:last-child) { margin-bottom: 70px; }
  .ci-list { flex-direction: column; }
  .ci-item:not(:last-child) { margin-right: 0; margin-bottom: 30px; }
  .director-slide02 { height: auto; }
  .director-slide02 .director-top__l { margin-top: 50px; width: 100%; }
  body:not(.page-former-director) .director-section .director-slide02 .swiper-control { top: 200px; left: 0; transform: translateY(-50%); width: 100%; justify-content: space-between; }
}

@media screen and (max-width: 1024px) {

  .vision-top { padding: 24px 0; }
  .vision-top p { font-size: 18px; }
  .vision-top strong { font-size: 28px; }
  .vision-txt { font-size: 18px; padding: 10px 18px; }
  .vision-bottomTxt { font-size: 18px; padding: 24px 0; }
  .vision-list { gap: 16px; flex-direction: column; }
  .vision-box { padding: 24px 12px; }
  .vision-box .tit { font-size: 20px; margin-bottom: 16px; }
  .vision-box .txt { font-size: 15px; }
  .mission-top { font-size: 18px; padding: 24px 0; }
  .mission-list { flex-direction: column; gap: 16px; }
  .mission-list .l, .mission-list .r { width: 100%; margin-right: 0; }
  .mission-box { padding: 18px 10px; }
  .mission-box .tit { font-size: 16px; padding: 12px 0; }
  .mission-list__cont { padding: 12px 10px; }
  .mission-list__cont p { font-size: 14px; line-height: 1.5; }
  .mission-bt strong { font-size: 18px; }
  .mission-bt p { font-size: 14px; }
  .mission-md { padding: 12px 10px; gap: 8px; }
  .mission-md p { font-size: 13px; padding: 8px 10px; }
  .mission-result { font-size: 18px; margin-top: 18px; }
  .vision-arrow img, .mission-md img { max-width: 60px; }
}

@media screen and (max-width: 767px) {
   /* common */
  br.mo { display: block; }
  .sub-tit h3 { text-align: center; font-size: 24px; }

  /* loca */
  .loca .inner { padding: 0; }
  .loca-li1 { width: calc(100% - 50px); }
  .loca-li1:last-child { display: none; }
  .home-btn { border-left: 0; }
  .loca-item1 { padding: 0 20px; }

  /* com-wrap */
  .com-wrap { padding: 30px 0; margin-bottom: 30px; }
  .com-tit h2 { font-size: 28px; }
  .page-title h2 { font-size: 30px; }
  .page-title p { font-size: 18px; margin-top: 15px; }
  .sect-tit h2 { font-size: 26px; }
  .sect-tab .inner { flex-direction: column-reverse; align-items: end; gap: 10px; }
  .tab-menu { width: 100%; }
  .tab-menu > li > a { font-size: 14px; }
  .print-btn { width: 40px; height: 40px; }
  .ico-print { width: 20px; height: 20px; }

  .content-detail { margin-top: 30px; }
  .info-item h3 { font-size: 20px; }
  .info-item p { font-size: 18px; margin-top: 10px; word-break: keep-all; }
  .info-item:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; }
  .info-item p br { display: none; }
  .overview-box.flex-c-space { gap: 40px; }
  .law-section {padding: 40px 0;}
  .law-list { flex-direction: column; }
  .law-left { height: auto; }
  .law-title { padding: 20px 25px; }
  .law-title h3 { font-size: 22px; }
  .law-title p { font-size: 16px; }
  .law-box { gap: 20px; }
  .law-detail { padding: 20px; }
  .law-detail .num { font-size: 20px; }
  .law-detail p { font-size: 16px; }
  .law-img { }
  .law-img p { padding: 20px; font-size: 20px; }
  .law-right .note { font-size: 15px; }
  .history-banner {padding: 50px 20px 30px;}
  .history-banner .banner-content h2 { font-size: 40px; }
  .history-banner .banner-content p { font-size: 20px; }
  body:not(.page-former-director) .history-content { margin-top: 50px; }
  body:not(.page-former-director) .history-item { flex-direction: column; position: relative; padding-left: 20px; }
  body:not(.page-former-director) .history-item::before { content: ''; position: absolute; top: 7px; left: 0; width: 8px; height: 8px; background: var(--m-primary-100); border-radius: 50%; z-index: 1; }
  body:not(.page-former-director) .history-content__list .year, body:not(.page-former-director) .history-content__list.flex-space .year { font-size: 18px; margin-right: 0; margin-bottom: 10px; }
  body:not(.page-former-director) .history-item::after { content: ''; position: absolute; top: 13px; left: 4px; width: 1px; height: 100%; background: var(--g-black2); }
  body:not(.page-former-director) .history-item .content::before, body:not(.page-former-director) .history-item .content::after { display: none; }
  body:not(.page-former-director) .history-item .content { padding-left: 0; padding-bottom: 20px; }
  body:not(.page-former-director) .history-item .content p, body:not(.page-former-director) .history-content__list.flex-space .content p { font-size: 15px; word-break: keep-all; }
  body:not(.page-former-director) .history-item:last-child::after { display: none; }
  body:not(.page-former-director) .history-item .content .sub-note { font-size: 14px; }
  .ci-item .btn.medium { font-size: 16px; min-width: auto; width: 100%; }
  .ci-item .btn-wrap { width: 100%; }
  body:not(.page-former-director) .director-img img { width: 100%; }
  .director-name { flex-direction: column; font-size: 20px; gap: 0px; }
  .director-name img { height: 30px; }
  body:not(.page-former-director) .director-top__l::before { left: 0; top: -20px; left: -40px; width: 70px; height: 48px; }
  .director-top .tit-eng { font-size: 20px; }
  .director-top .tit { font-size: 30px; line-height: 1.3; }
  .director-top .cont { font-size: 18px; line-height: 1.6; margin-top: 25px; }
  .director-top .cont p { font-size: 20px; margin-top: 8px; }
  .director-greetings { padding: 40px 30px; }
  .greetings-cont p { font-size: 16px; line-height: 1.5; }
  .director-content__tit { margin-bottom: 20px; }
  .director-content__tit strong { font-size: 24px; }
  body:not(.page-former-director) .director-section .swiper-control { right: 40px; top: 30px; }
  .director-history { padding: 30px 40px; }
  .director.modal.modal-common { max-width: 95%; }
  body:not(.page-former-director) .director-img { padding: 0 40px; }
  .director-slide02 .history-item__tit { margin-bottom: 15px; }
  body:not(.page-former-director) .history-item__tit { font-size: 16px; padding: 6px 14px; }
  body:not(.page-former-director) .history-item__list + .history-item__list { margin-top: calc(40px - 20px); }
  body:not(.page-former-director) .history-content__list.flex-space > div:not(:last-child) { margin-bottom: 20px; }


}

.way-info { display: flex; align-items: flex-start; gap: 40px; margin-top: 30px; }
.way-info__img { width: 56px; height: 56px; background: #fff; border: 1px solid var(--g-black2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.way-info__tit { flex: none; display: flex; align-items: center; gap: 16px; color: var(--g-black9); font-size: 20px; font-weight: 600; }
.way-info__list > li { display: flex; align-items: center; gap: 14px; }
.way-info__list strong { color: var(--g-black9); font-size: 18px; font-weight: 600; flex: none; }
.way-info__list p { color: var(--g-black8); font-size: 18px; font-weight: 400; }
.way-info__list > li + li { margin-top: 16px; }
.way-info__list > li::before { content: ''; width: 5px; height: 5px; background: var(--g-black9); border-radius: 50%; }
.ico-map{width: 32px; height: 32px; background-image: url("../../images/en/ico-map.svg")}

/* location page */
.direction,
.direction * { box-sizing: border-box; }
.direction_map { overflow: hidden; background: #F7F9FB; }
.direction_map .map_img { width: 100%; height: 100%; background: url("../../images/user/main/en/location-map.png") no-repeat 50% 50% / cover; }
.info_list ul { min-width: 0; }
.info_list ul li { min-width: 0; }
.info_list li .td,
.way_list ul li .td { min-width: 0; word-break: keep-all; overflow-wrap: break-word; }
.way_list ul li .way_wrap { min-width: 0; }

@media screen and (max-width: 1024px) {
  .direction { margin-top: 80px; }
  .direction_info { padding: 48px 40px; }
  .direction_info-top { padding-right: 0; }
  .info_list ul { flex-wrap: wrap; gap: 16px 28px; width: 100%; }
  .info_list ul li,
  .info_list ul li:first-child { width: calc(50% - 14px); min-width: 250px; margin-right: 0; }
  .dir_btn { position: static; width: auto; height: 50px; max-width: 150px; max-height: none; margin-top: 24px; }
  .direction_map { height: clamp(360px, 62vw, 520px); }
}

@media screen and (max-width: 767px) {
  .direction { margin-top: 42px; border-radius: 10px; }
  .direction_info { padding: 28px 22px; }
  .direction_info-top .direction_title { font-size: 24px; line-height: 1.35; }
  .info_list { padding-bottom: 22px; margin-top: 20px; }
  .info_list ul { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .info_list ul li,
  .info_list ul li:first-child { display: grid; grid-template-columns: 70px minmax(0, 1fr); width: 100%; min-width: 0; margin-right: 0; column-gap: 12px; }
  .info_list ul li .th { margin-right: 0; }
  .info_list li .th,
  .info_list li .td { font-size: 15px; line-height: 1.55; }
  .dir_btn { max-width: none; width: 100%; height: 46px; margin-top: 18px; padding: 8px 14px; font-size: 16px; }
  .dir_btn .ico_direction { width: 26px; height: 26px; }
  .way_list { margin-top: 24px; }
  .way_list ul { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .way_list ul li,
  .way_list ul li:not(:last-child) { width: 100%; margin-bottom: 0; align-items: center; }
  .way_list ul li .way-img { width: 58px; height: 58px; margin-right: 16px; }
  .way_list ul li i { width: 28px; height: 28px; }
  .way_list ul li .th { margin-bottom: 4px; font-size: 16px; line-height: 1.35; }
  .way_list ul li .td { font-size: 15px; line-height: 1.55; }
  .direction_map { height: 320px; }
}

@media screen and (max-width: 480px) {
  .direction_info { padding: 24px 18px; }
  .info_list ul li,
  .info_list ul li:first-child { grid-template-columns: 58px minmax(0, 1fr); column-gap: 10px; }
  .way_list ul { gap: 14px; }
  .direction_map { height: 280px; }
}

/* privacy policy */
.page-privacy .content-area { padding: 72px 0 56px; }
.page-privacy .page-title { margin-bottom: 34px; }
.page-privacy .page-title h2 {
  max-width: 100%;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.page-privacy *,
.page-privacy *::before,
.page-privacy *::after { box-sizing: border-box; }
.page-privacy .page-title p,
.page-privacy .privacy-content { overflow-wrap: break-word; }
.page-privacy .privacy-content { color: #424242; font-size: 16px; line-height: 1.75; word-break: keep-all; }
.page-privacy .privacy-content .txtBox { padding: 24px 28px; border: 1px solid #E4E4E4; background: #FAFAFA; }
.page-privacy .privacy-content .txtBox p + p { margin-top: 10px; }
.page-privacy .tbl_wrap,
.page-privacy .privacy-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.page-privacy .tbl_wrap { margin: 26px 0 42px; }
.page-privacy .privacy-table-scroll { margin: 16px 0 26px; }
.page-privacy table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.page-privacy table.privacy + table.privacy { margin-top: 18px; }
.page-privacy table th,
.page-privacy table td { border: 1px solid #E4E4E4; }
.page-privacy table th { height: 50px; padding: 12px 16px; background: #F7F7F7; color: #424242; font-size: 16px; font-weight: 700; text-align: center; }
.page-privacy table td { padding: 14px 16px; color: #424242; font-size: 15px; line-height: 1.55; text-align: center; vertical-align: middle; }
.page-privacy table.privacy td p { margin-top: 8px; color: #424242; font-weight: 600; }
.page-privacy table.privacy a { display: flex; align-items: center; gap: 10px; color: #424242; font-weight: 600; text-align: left; }
.page-privacy table.tbl01 { min-width: 820px; }
.page-privacy .conTit1 { display: flex; align-items: center; gap: 10px; margin: 44px 0 16px; padding-bottom: 12px; border-bottom: 1px solid #D0D0D0; color: #292929; font-size: 24px; font-weight: 700; line-height: 1.35; }
.page-privacy .conBox2 { color: #424242; }
.page-privacy .txt01 { margin: 0; color: #424242; }
.page-privacy .conLst3 > li,
.page-privacy .conLst4 > li,
.page-privacy .conLst1 > li { position: relative; padding-left: 14px; color: #424242; }
.page-privacy .conLst3 > li + li,
.page-privacy .conLst4 > li + li,
.page-privacy .conLst1 > li + li { margin-top: 0; }
.page-privacy .conLst3 > li::before,
.page-privacy .conLst4 > li::before,
.page-privacy .conLst1 > li::before { content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: #5381B7; }
.page-privacy .conLst3 > li > p,
.page-privacy .conLst1 > li > p { margin-top: 0; color: #424242; }
.page-privacy .conLst1 { margin-top: 8px; }
/* 문단(p)과 목록(ul) 사이 간격: 필요한 목록에만 class="gap" 부여 */
.page-privacy .conLst3.gap,
.page-privacy .conLst4.gap,
.page-privacy .conLst1.gap { margin: 16px 0; }
.page-privacy .download,
.page-privacy .private a { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; margin: 14px 8px 0 0; padding: 0 16px; border: 1px solid #B8CBE0; background: #F5F9FE; color: #255F99; font-size: 14px; font-weight: 700; }
.page-privacy .download[aria-disabled="true"] { cursor: default; }
.page-privacy .private { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.page-privacy .private li { display: grid; grid-template-columns: 143px auto; justify-content: start; align-items: center; column-gap: 24px; padding: 0; border: 0; background: #fff; }
.page-privacy .private p { grid-column: 1; grid-row: 1; color: #424242; font-size: 16px; font-weight: 400; }
.page-privacy .private span { grid-column: 1; grid-row: 2; color: #424242; font-size: 16px; font-weight: 600; }
.page-privacy .privacy-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; border: 1px solid #A8C6E6; border-radius: 50%; background: #F7FBFF; color: #326EA9; font-size: 12px; font-weight: 800; line-height: 1; }
.page-privacy .privacy-icon::before { content: "?"; }
.page-privacy .privacy-icon--01::before { content: "수집"; font-size: 10px; }
.page-privacy .privacy-icon--02::before { content: "목적"; font-size: 10px; }
.page-privacy .privacy-icon--03::before { content: "보유"; font-size: 10px; }
.page-privacy .privacy-icon--04::before { content: "제공"; font-size: 10px; }
.page-privacy .privacy-icon--05::before { content: "위탁"; font-size: 10px; }
.page-privacy .privacy-icon--06::before { content: "열람"; font-size: 10px; }
.page-privacy .privacy-icon--07::before { content: "권리"; font-size: 10px; }
.page-privacy .privacy-icon--08::before { content: "항목"; font-size: 10px; }
.page-privacy .privacy-icon--09::before { content: "파기"; font-size: 10px; }
.page-privacy .privacy-icon--10::before { content: "쿠키"; font-size: 10px; }
.page-privacy .privacy-icon--11::before { content: "보안"; font-size: 10px; }
.page-privacy .privacy-icon--12::before { content: "구제"; font-size: 10px; }
.page-privacy .privacy-icon--13::before { content: "책임"; font-size: 10px; }
.page-privacy .privacy-icon--14::before { content: "변경"; font-size: 10px; }
.page-privacy .privacy-icon--basis::before { content: "근거"; font-size: 10px; }
.page-privacy .privacy-icon--scope::before { content: "범위"; font-size: 10px; }
.page-privacy .privacy-icon--owner::before { content: "책임"; font-size: 10px; }
.page-privacy .privacy-icon--storage::before { content: "보관"; font-size: 10px; }
.page-privacy .privacy-icon--view::before { content: "확인"; font-size: 10px; }
.page-privacy .privacy-icon--right::before { content: "권리"; font-size: 10px; }
.page-privacy .privacy-icon--safe::before { content: "보안"; font-size: 10px; }
.page-privacy .privacy-icon--change::before { content: "변경"; font-size: 10px; }
.page-privacy .privacy-icon--copyright::before { content: "저작"; font-size: 10px; }
.page-privacy .privacy-icon--source::before { content: "출처"; font-size: 10px; }
.page-privacy .privacy-icon--link::before { content: "링크"; font-size: 10px; }

.page-video-policy .conTit1 {
  display: block;
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 20px;
}

.page-copyright-policy .privacy-content > .conLst3 {
  margin-top: 28px;
}

.page-video-policy table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-video-policy .previous-policy-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 28px;
}

.page-video-policy .previous-policy-item {
  display: flex;
  align-items: center;
  gap: 24px;
}

.page-video-policy .previous-policy-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  color: #424242;
  font-size: 16px;
  line-height: 1.4;
  white-space: nowrap;
}

.page-video-policy .previous-policy-text p {
  color: #424242;
  font-weight: 400;
}

.page-video-policy .previous-policy-text span {
  color: #424242;
  font-weight: 600;
}

.page-video-policy .previous-policy-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-width: 150px;
  min-height: 0;
  padding: 13px 24px;
  border: 0.5px solid #314C6A;
  border-radius: 5px;
  background: #fff;
  color: #314C6A;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.page-video-policy .previous-policy-link::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: #314C6A;
  -webkit-mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain;
  mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain;
}

@media (max-width: 1024px) {
  .page-privacy .privacy-content { font-size: 15px; }
  .page-privacy .tbl01 { display: table; }
}

@media (max-width: 767px) {
  body.page-privacy { overflow-x: hidden; }
  .page-privacy #container,
  .page-privacy .content-area .inner,
  .page-privacy .manage-area .inner { width: 100%; max-width: 100%; min-width: 0; }
  .page-privacy .content-area { padding: 48px 0 36px; }
  .page-privacy .page-title p,
  .page-privacy .privacy-content { word-break: normal; }
  .page-privacy .privacy-content .txtBox { padding: 18px 16px; }
  .page-privacy table.privacy,
  .page-privacy table.privacy tbody,
  .page-privacy table.privacy tr,
  .page-privacy table.privacy td { display: block; width: 100%; }
  .page-privacy table.privacy colgroup,
  .page-privacy table.privacy thead { display: none; }
  .page-privacy table.privacy tr { border: 1px solid #E4E4E4; border-bottom: 0; }
  .page-privacy table.privacy tr:last-child { border-bottom: 1px solid #E4E4E4; }
  .page-privacy table.privacy td { border: 0; border-bottom: 1px solid #E4E4E4; text-align: left; }
  .page-privacy table.privacy td:last-child { border-bottom: 0; }
  .page-privacy table.privacy td p { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; }
  .page-privacy table td { padding: 12px; font-size: 14px; }
  .page-privacy table.tbl01 { min-width: 760px; }
  .page-privacy .conTit1 { align-items: flex-start; font-size: 20px; }
  .page-privacy .private { grid-template-columns: 1fr; }
  .page-privacy .private li { align-items: flex-start; flex-direction: column; }
  .page-video-policy .previous-policy-list { gap: 16px; margin-top: 22px; }
  .page-video-policy .previous-policy-item { align-items: flex-start; flex-direction: column; gap: 10px; }
  .page-video-policy .previous-policy-text { white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
  .page-video-policy .previous-policy-link { width: 150px; min-width: 150px; font-size: 20px; line-height: 26px; }
}

/* KBRI 우수 인재 등록 신청 - ※ 안내 박스 모서리 라운드 */
.wrap-form .info-txt.bg-gray { border-radius: 5px; }

/* e-클린신고센터 보고신고 - ※ 안내문 (여러 줄, 줄바꿈) */
.wrap-form .info-txt.info-notice {
	display: block;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #757575;
	word-break: keep-all;
}
/* e-클린신고센터 보고신고 - 개인정보 수집 동의 영역 상단 간격 */
.info-notice + .wrap-consent { margin-top: 40px; }
/* 동의 체크박스 클릭(focus) 시 layout.css(.checkbox input:focus+label)의 검은 box-shadow 테두리 제거 */
.wrap-consent .checkbox input:focus + label,
.wrap-consent .checkbox input:focus-visible + label { outline: none !important; box-shadow: none !important; }

/* e-클린신고센터 보고신고 - 수수일시 달력 버튼(btn-ico)이 빈 박스로만 보이는 문제: 배경·아이콘 추가 */
.con_form .form_row .wrap-input .btn-ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #5381B7;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}
.con_form .form_row .wrap-input .btn-ico .item-ico.ico-cal {
	flex: 0 0 32px;
	display: block;
	width: 32px;
	height: 32px;
	background: url('../../images/cmn/ico-calendar-w.png') no-repeat 50% / contain;
}

/* e-클린신고센터 보고신고 - 필수 입력 표시(파란 별표, 앞 한 칸 공백) */
.req-star::after { content: " *"; color: #5381B7; font-weight: 700; }

/* 연구부정행위 신고센터 - 관련사항 문의(마지막 area-box) 위 간격 120px → 60px */
.sect-apply .cont-area .area-box:nth-last-child(2) { margin-bottom: 60px; }

/* 연구분야 - 최근 3년간 성과 테이블 (모바일 가로 스크롤) */
.perf-table table tbody td { height: 70px; padding: 20px; font-family: 'Pretendard Variable', 'Pretendard Variable', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.75; color: #424242; word-break: keep-all; overflow-wrap: anywhere; }
.content-area:has(.perf-table) + .manage-area { margin-top: 30px; }
@media screen and (max-width:767px) {
  .perf-table { overflow-x: auto; }
  .perf-table table { min-width: 900px; }
}

/* 연구분야 - 연구부 소개 (배너 / 요약 / 본문 / 대표이미지) */
.page-research-dept .sect-dept { padding-top: 0; }
.dept-banner { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; min-height: 240px; padding: 40px; border-radius: 8px; background: #7297C1 no-repeat 50% 50% / cover; }
.dept-banner--neuro,
.dept-banner--disease,
.dept-banner--conv,
.dept-banner--strategy { background-image: url('../../images/user/sub/sub02/research/dept-banner_neuro.png'); }
.dept-banner__tit,
.dept-banner__en { position: relative; z-index: 1; color: #fff; }
.dept-banner__tit { font-family: 'Pretendard Variable', sans-serif; font-size: 52px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; }
.dept-banner__en { margin-top: 8px; font-size: 24px; font-weight: 400; line-height: 1.4; }

.dept-summary { margin-top: 60px; padding: 30px 40px; border-radius: 8px; background: #F5F6F8; text-align: center; }
.dept-summary p { color: #222; font-size: 20px; font-weight: 500; line-height: 1.8; word-break: keep-all; }
.dept-summary strong { color: #3F75B5; font-size: inherit; font-weight: 700; }

.dept-desc { margin-top: 16px; padding: 46px 40px; border: 1px solid #E4E4E4; border-radius: 8px; text-align: center; }
.dept-desc p { color: #424242; font-size: 18px; font-weight: 400; line-height: 1.9; word-break: keep-all; }
.dept-desc p + p { margin-top: 34px; }
.dept-desc strong { color: #222; font-size: inherit; font-weight: 700; }

.dept-gallery { margin: 80px 0 64px; }
.dept-gallery__head { margin-bottom: 40px; text-align: center; }
.dept-gallery__head h3 { color: #222; font-size: 26px; font-weight: 700; line-height: 1.4; }
.dept-gallery__head p { margin-top: 10px; color: #666; font-size: 20px; line-height: 1.5; }
.dept-gallery__box { padding: 40px; border: 1px solid #E4E4E4; border-radius: 8px; }
.dept-gallery__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 25px; }
.dept-gallery__list--col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dept-gallery__btn { position: relative; display: block; width: 100%; aspect-ratio: 252 / 153; padding: 0; border: 1px solid #E4E4E4; background: #fff; overflow: hidden; cursor: pointer; }
.dept-gallery__btn img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dept-gallery__btn::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .8); opacity: 0; transition: opacity .2s; }
.dept-gallery__btn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; opacity: 0; transition: opacity .2s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M9 3H3v6M15 3h6v6M9 21H3v-6M15 21h6v-6M3 3l6 6M21 3l-6 6M3 21l6-6M21 21l-6-6'/%3E%3C/svg%3E") no-repeat 50% / contain; }
.dept-gallery__btn:hover::before,
.dept-gallery__btn:focus-visible::before,
.dept-gallery__btn:hover::after,
.dept-gallery__btn:focus-visible::after { opacity: 1; }

.modal-dept-img.modal-common { width: 90vw; max-width: 1200px; padding: 0; border-radius: 6px; }
.modal-dept-img .modal-wrap { max-height: 86vh; overflow-y: auto; padding: 32px 40px 40px; }
.modal-dept-img .modal-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.modal-dept-img .modal-top strong { color: #292929; font-size: 24px; font-weight: 700; }
.modal-dept-img .modal-dept-img__img { display: block; width: 100%; height: auto; max-height: calc(86vh - 120px); margin: 0 auto; object-fit: contain; }

@media screen and (max-width:1024px) {
  .page-research-dept br.pc-only { display: none; }
  .dept-banner { min-height: 200px; padding: 32px; }
  .dept-banner__tit { font-size: 40px; }
  .dept-banner__en { font-size: 20px; }
  .dept-gallery__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}
@media screen and (max-width:767px) {
  .dept-banner { min-height: 160px; padding: 24px 20px; background-position: 25% 50%; }
  .dept-banner__tit { font-size: 28px; }
  .dept-banner__en { margin-top: 4px; font-size: 16px; }
  .dept-summary { margin-top: 32px; padding: 20px; }
  .dept-summary p { font-size: 16px; line-height: 1.7; }
  .dept-desc { padding: 24px 20px; text-align: left; }
  .dept-desc p { font-size: 15px; line-height: 1.8; }
  .dept-desc p + p { margin-top: 20px; }
  .dept-gallery { margin: 48px 0 40px; }
  .dept-gallery__head { margin-bottom: 20px; }
  .dept-gallery__head h3 { font-size: 22px; }
  .dept-gallery__head p { font-size: 15px; }
  .dept-gallery__box { padding: 16px; }
  .dept-gallery__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .modal-dept-img .modal-wrap { padding: 20px; }
  .modal-dept-img .modal-top strong { font-size: 18px; }
}

/* 연구분야 - 주요 연구분야 (캐릭터 + 연구분야 슬라이드) */
.field-head { margin-bottom: 46px; }
.field-head h2 { color: #000; font-size: 30px; font-weight: 700; line-height: 1.4; }
.field-head p { margin-top: 8px; color: #5A5A5A; font-size: 20px; line-height: 1.5; }

.field-box { position: relative; overflow: hidden; display: flex; justify-content: flex-end; min-height: 543px; margin-bottom: 64px; padding: 50px 40px 40px; border-radius: 12px; background: #F1F6FC; }
.field-box::before,
.field-box::after { content: ""; position: absolute; border-radius: 50%; background: #E5EEF7; }
.field-box::before { top: 43px; left: -108px; width: 388px; height: 388px; }
.field-box::after { top: 331px; left: 422px; width: 77px; height: 77px; }
.field-visual { position: absolute; top: 127px; left: 122px; z-index: 1; width: 300px; }
.field-visual::after { content: ""; position: absolute; left: 50%; bottom: -14px; z-index: -1; width: 260px; height: 24px; margin-left: -130px; border-radius: 50%; background: radial-gradient(closest-side, rgba(170, 186, 204, .55), rgba(170, 186, 204, 0)); }
.field-visual img { display: block; width: 100%; transform: scaleX(-1); }

.field-cont { position: relative; z-index: 1; width: 740px; max-width: 100%; }
.field-cont__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.field-cont__top h3 { color: #000; font-size: 28px; font-weight: 700; line-height: 1.4; }
.field-nav { display: flex; gap: 14px; }
.field-nav__btn { width: 42px; height: 42px; border: 1px solid #E4E4E4; border-radius: 2px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23424242' stroke-width='1.6'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") no-repeat 50% / 22px; cursor: pointer; }
.field-nav__next { transform: scaleX(-1); }
.field-nav__btn.swiper-button-disabled { opacity: .4; cursor: default; }

.field-slide { width: 100%; }
.field-card { min-height: 393px; padding: 42px 40px; border-radius: 12px; background: #fff; }
.field-card__tit { display: block; color: #000; font-size: 32px; font-weight: 700; line-height: 1.35; }
.field-card__en { margin-top: 4px; color: #888; font-size: 22px; font-weight: 500; line-height: 1.4; }
.field-card__list { margin-top: 44px; }
.field-card__list li { position: relative; padding-left: 16px; color: #424242; font-size: 20px; line-height: 1.7; word-break: keep-all; }
.field-card__list li::before { content: ""; position: absolute; top: .8em; left: 2px; width: 4px; height: 4px; border-radius: 50%; background: #424242; }
.field-card__desc { margin-top: 44px; color: #424242; font-size: 20px; line-height: 1.7; word-break: keep-all; }
.field-card__kw { margin-top: 44px; }
.field-card__kw dt { color: #000; font-size: 18px; font-weight: 700; line-height: 1.5; }
.field-card__kw dd { margin-top: 6px; color: #000; font-size: 18px; line-height: 1.5; }

@media screen and (max-width:1024px) {
  .field-box { flex-direction: column; min-height: 0; padding: 300px 32px 32px; }
  .field-box::before { top: 20px; left: -80px; width: 280px; height: 280px; }
  .field-box::after { top: 200px; left: 300px; width: 60px; height: 60px; }
  .field-visual { top: 30px; left: 80px; width: 200px; }
  .field-visual::after { width: 180px; margin-left: -90px; }
  .field-cont { width: 100%; }
  .page-research-field br.pc-only { display: none; }
}
@media screen and (max-width:767px) {
  .field-head { margin-bottom: 24px; }
  .field-head h2 { font-size: 24px; }
  .field-head p { font-size: 16px; }
  .field-box { margin-bottom: 40px; padding: 220px 16px 16px; }
  .field-box::before { left: -60px; width: 200px; height: 200px; }
  .field-box::after { top: 150px; left: auto; right: 40px; width: 44px; height: 44px; }
  .field-visual { top: 24px; left: 50%; width: 150px; margin-left: -75px; }
  .field-visual::after { width: 140px; margin-left: -70px; }
  .field-cont__top h3 { font-size: 22px; }
  .field-nav__btn { width: 36px; height: 36px; }
  .field-card { min-height: 0; padding: 24px 20px; }
  .field-card__tit { font-size: 24px; }
  .field-card__en { font-size: 16px; }
  .field-card__list { margin-top: 24px; }
  .field-card__list li { font-size: 15px; }
  .field-card__desc { margin-top: 24px; font-size: 15px; }
  .field-card__kw { margin-top: 24px; }
  .field-card__kw dt,
  .field-card__kw dd { font-size: 15px; }
}


/* ========== KBRI 소식 > 연구원숙소 이용안내 > 기숙사 ========== */
.dorm-visual { display: flex; align-items: center; gap: 40px; padding: 30px; border-radius: 16px; background: #F0F6FB; }
.dorm-visual__slide { flex: 0 0 800px; max-width: 800px; min-width: 0; border-radius: 14px; overflow: hidden; }
.dorm-visual__slide img { display: block; width: 100%; aspect-ratio: 800 / 460; object-fit: cover; border-radius: 14px; }
.dorm-visual__label { position: absolute; top: 14px; right: 15px; z-index: 1; min-width: 120px; height: 40px; padding: 0 16px; border-radius: 20px; background: rgba(0, 0, 0, .7); color: #fff; font-size: 16px; font-weight: 600; line-height: 40px; text-align: center; box-sizing: border-box; }
.dorm-visual__cont { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.dorm-visual__chara { width: 250px; max-width: 70%; height: auto; }
.dorm-visual__txt { margin-top: 24px; }
.dorm-visual__txt img { display: block; max-width: 100%; height: auto; }
.dorm-visual__nav { display: flex; gap: 8px; margin-top: 24px; }
.dorm-visual__nav button { width: 32px; height: 32px; border: 1px solid #DDD; border-radius: 4px; background: #fff no-repeat 50% / 14px; cursor: pointer; }
.dorm-visual__nav .dorm-visual__prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23333' stroke-width='1.5'%3E%3Cpath d='M9 2 4 7l5 5'/%3E%3C/svg%3E"); }
.dorm-visual__nav .dorm-visual__next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23333' stroke-width='1.5'%3E%3Cpath d='m5 2 5 5-5 5'/%3E%3C/svg%3E"); }
.dorm-sec { margin-top: 80px; }
.dorm-tit { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; color: #000; font-size: 30px; font-weight: 700; line-height: 1.4; }
.dorm-tit img { width: 32px; height: 32px; }
.dorm-info > div + div { margin-top: 24px; }
.dorm-info dt { color: #222; font-size: 16px; font-weight: 700; line-height: 1.6; }
.dorm-info dd { margin-top: 6px; color: #424242; font-size: 16px; line-height: 1.75; word-break: keep-all; }
.dorm-list li { color: #424242; font-size: 16px; line-height: 1.85; word-break: keep-all; }
.dorm-note { display: block; color: #5381B7; font-size: 16px; line-height: 1.75; }
.dorm-note--bold { margin-top: 16px; font-weight: 600; }
.dorm-box { padding: 20px; border-radius: 10px; background: #F7F7F7; color: #111; font-size: 18px; font-weight: 600; line-height: 1.6; word-break: keep-all; }
.dorm-box__sub { font-size: 15px; font-weight: 400; }
.dorm-box a { display: inline; color: inherit; font-size: inherit; font-weight: inherit; text-decoration: underline; }
.dorm-box + .dorm-tbl { margin-top: 16px; }
.dorm-tbl table { width: 100%; border-top: 1px solid #555; border-bottom: 1px solid #555; border-collapse: collapse; }
.dorm-tbl th, .dorm-tbl td { padding: 12px 20px; border-bottom: 1px solid #E4E4E4; color: #424242; font-size: 16px; line-height: 1.75; text-align: center; word-break: keep-all; }
.dorm-tbl thead th { background: #F7F7F7; color: #222; font-weight: 600; }
.dorm-tbl td + td, .dorm-tbl th + td, .dorm-tbl thead th + th { border-left: 1px solid #E4E4E4; }
.dorm-tbl--step tbody th { background: #fff; font-weight: 400; }
.dorm-tbl--step tbody td:last-child { text-align: left; }
.dorm-tbl--step tbody td b { color: #222; font-weight: 600; }
.dorm-tbl--step tbody td b + b, .dorm-tbl--step .dorm-sub + b { display: block; }
.dorm-tbl--step .dorm-tbl__group th, .dorm-tbl--step .dorm-tbl__group td { border-top: 1px solid #999; }
.dorm-tbl--step tbody tr:not(.dorm-tbl__group) > td:first-child { border-left: 1px solid #E4E4E4; }
.dorm-sub { display: block; color: #777; }
.dorm-dot li { position: relative; padding-left: 16px; color: #777; }
.dorm-dot li::before { content: ""; position: absolute; top: 13px; left: 4px; width: 3px; height: 3px; border-radius: 50%; background: #999; }
.dorm-down { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; padding: 14px 20px; border: 1px solid #A5B4C8; border-radius: 4px; background: #fff; color: #314C6A; font-size: 16px; font-weight: 600; }
.dorm-down::after { content: ""; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23314C6A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3v9m-4-4 4 4 4-4M3 13v3h14v-3'/%3E%3C/svg%3E") no-repeat 50% / contain; }
.dorm-down:hover, .dorm-down:focus-visible { border-color: #5381B7; }

@media (max-width: 1280px) {
  .dorm-visual__slide { flex-basis: 60%; }
}
@media (max-width: 1023px) {
  .dorm-visual { flex-direction: column; gap: 24px; padding: 20px; }
  .dorm-visual__slide { flex-basis: auto; width: 100%; max-width: none; }
  .dorm-visual__chara { width: 160px; }
  .dorm-visual__label { top: 10px; right: 10px; min-width: 0; height: 30px; padding: 0 12px; border-radius: 15px; font-size: 13px; line-height: 30px; }
  .dorm-tit { font-size: 24px; }
}
@media (max-width: 767px) {
  .dorm-sec { margin-top: 56px; }
  .dorm-tit { gap: 8px; font-size: 20px; }
  .dorm-tit img { width: 26px; height: 26px; }
  .dorm-info dt, .dorm-info dd, .dorm-list li, .dorm-note, .dorm-box, .dorm-down { font-size: 15px; }
  .dorm-box { padding: 16px; }
  .dorm-box__sub { font-size: 13px; }
  .dorm-tbl { overflow-x: auto; }
  .dorm-tbl table { min-width: 640px; }
  .dorm-tbl th, .dorm-tbl td { padding: 10px 12px; font-size: 14px; }
}